@import url("reset.css");

/* [Common] - Hide */
.hide {
    overflow:hidden;
    position:absolute;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
    visibility:hidden;
}

/* [Common] - Device */
.device_mobile {
    display:block;
}
.device_web {
    display:none;
}
/* [Common] - Device(PC) */
@media (min-width:1024px) {
	.device_mobile {
        display:none !important;
    }
    .device_web {
        display:block !important;
    }
}

/* [Common] - Title */
.section__h2 {
    display:inline-block;
    margin-bottom:12px;
}
.section__h2 .section__h2--default {
    display:block;
    padding:1px 7px;
    font-weight:bold;
    font-size:14px;
    color:#fff;
    border:1px solid #ffffff;
    border-radius:12px;
}
.section__title {}
.section__text1 .section__text--default,
.section__text2 .section__text--default {
    font-size:32px;
    line-height:130%;
    color:#fff;
    font-family:"Waguri";
}
.section__text--weight {
    font-size:44px;
    line-height:130%;
    font-family:"Waguri";
}
/* [Common] - Title(PC) */
@media (min-width:1024px) {
    .section__h2 {
        margin-bottom:18px;
    }
	.section__h2 .section__h2--default {
        padding:3px 10px;
        font-size:18px;
        border-radius:18px;
    }
    .section__text--weight {
        font-size:76px;
    }
}
/* [Common] - Title(PC) */
@media (min-width:1300px) {
    .section__h2 {
        margin-bottom:20px;
    }
    .section__text1,
    .section__text2 {
        display:inline-block;
        margin:0 6px;
    }
    .section__text1 .section__text--default,
    .section__text2 .section__text--default {
        font-size:56px;
        transform:translateY(90px);
    }
}

/* [Common] - Button Over */
.button__over--line span {
    display:inline-block;
    position:relative;
}
.button__over--line span:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:1px;
    background:#fff;
    transition:all 0.4s ease-in-out;
}
.button__over--line:hover span:after {
    width:100%;
}

/* [Common] - Swiper Button */
.swiper-button-prev,
.swiper-button-next {
    display:none;
}
/* [Common] - Swiper Button(PC) */
@media (min-width:1024px) {
    .swiper-button-prev,
    .swiper-button-next {
        display:block;
        width:48px;
        height:48px;
        border:1px solid rgba(255, 255, 255, 0.2);
        border-radius:50%;
        background:rgba(0, 0, 0, 0.2);
        backdrop-filter:blur(2px);
        filter:drop-shadow(0 5px 5px #0007);
    }
    .swiper-button-prev {
        left:190px;
    }
    .swiper-button-next {
        left:auto;
        right:0 !important;
    }
    .swiper-button-prev:after,
    .swiper-button-next:after {
        content:"";
        position:absolute;
        top:17px;
        width:8px;
        height:8px;
    }
    .swiper-button-prev:after {
        left:19px;
        border-top:2px solid #fff;
        border-left:2px solid #fff;
        transform:rotate(-45deg);
    }
    .swiper-button-next:after {
        right:19px;
        border-top:2px solid #fff;
        border-right:2px solid #fff;
        transform:rotate(45deg);
    }
}

/* [Common] - Scroll */
.section .scroll-area {
    overflow:auto;
    height:100%;
    overscroll-behavior:contain;
}
.section .scroll-area-in {
    height:100%;
}

/* [Common] - Button */
.section__button--more {}
.section__button--view {
    display:inline-block;
    position:relative;
    padding:10px 38px 10px 17px;
    border-radius:20px;
    background:#000;
}
.section__button--view span {
    font-weight:700;
    font-size:15px;
    color:#fff;
}
.section__button--view:after {
    content:"";
    position:absolute;
    right:12px;
    top:10px;
    width:20px;
    height:20px;
    background:url("../img/section_button_arrow.svg") 0 0 no-repeat;
}
/* [Common] - Button(PC) */
@media (min-width:1024px) {
    .section__button--view {
        padding:12px 47px 12px 22px;
        border-radius:25px;
    }
    .section__button--view span {
        font-size:18px;
    }
    .section__button--view:after {
        right:20px;
        top:11px;
        background-size:24px;
    }
}

/* [Common] - Motion Up */
.slide_up_motion {
    overflow:hidden;
    position:relative;
}
.slide_up_default,
.slide_up_long {
    display:block;
    transform:translateY(60px);
    transition:all 0.4s ease-in-out;
}
.slide_up_long {
    transform:translateY(90px);
}
.motion_active .slide_up_default,
.motion_active .slide_up_long {
    transform:translateY(0) !important;
}
/* [Common] - Motion Order */
.motion_active .slide_motion_order04 {
    transition-delay:0.4s;
}
.motion_active .slide_motion_order05 {
    transition-delay:0.5s;
}
.motion_active .slide_motion_order06 {
    transition-delay:0.6s;
}
.motion_active .slide_motion_order07 {
    transition-delay:0.7s;
}
.motion_active .slide_motion_order08 {
    transition-delay:0.8s;
}
.motion_active .slide_motion_order09 {
    transition-delay:0.9s;
}
.motion_active .slide_motion_order1 {
    transition-delay:1s;
}
.motion_active .slide_motion_order11 {
    transition-delay:1.1s;
}
.motion_active .slide_motion_order12 {
    transition-delay:1.2s;
}
.motion_active .slide_motion_order13 {
    transition-delay:1.3s;
}
.motion_active .slide_motion_order14 {
    transition-delay:1.4s;
}
.motion_active .slide_motion_order15 {
    transition-delay:1.5s;
}
.motion_active .slide_motion_order16 {
    transition-delay:1.6s;
}
.motion_active .slide_motion_order17 {
    transition-delay:1.7s;
}
.motion_active .slide_motion_order18 {
    transition-delay:1.8s;
}
.motion_active .slide_motion_order19 {
    transition-delay:1.9s;
}
.motion_active .slide_motion_order20 {
    transition-delay:2s;
}

/* [Layout] - Wrap */
.wrap {
    min-width:360px;
}

/* [Main] - Visual */
.visual {}
.visual-in {
    position:relative;
    height:100%;
}
.visual-content {
    position:relative;
    height:calc(100% - 140px);
}
.visual-content .visual-video {
    overflow:hidden;
    position:relative;
    width:100vw;
    height:100vh;
}
.visual-content iframe {
    position:absolute;
    top:50%;
    left:50%;
    width:100vw;
    height:56.25vw; /* 16:9 기준 */
    min-width:177.78vh; /* 16/9 * 100 */
    min-height:89vh;
    transform:translate(-50%, -60%);
    pointer-events:none;
    /*
    object-fit:cover;
    
    */
}
.visual .visual__logo {
    position:absolute;
    left:8px;
    top:8px;
    z-index:2;
}
.visual .swiper {
    height:100%;
}
.visual .visual__movie {
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}
.visual .visual__movie span {
    display:block;
    width:100%;
    height:100%;
    background:url("../img/visual_img1.svg") 50% 0px no-repeat;
    background-size:cover;
}
.visual .visual__movie img {
    width:100%;
    height:100%;
    object-fit:cover;
    vertical-align:top;
}
.visual .visual__image img {
    width:100%;
}
.visual .visual__pagination {
    left:50%;
    bottom:105px;
    width:auto;
    padding:7px 3px;
    line-height:0;
    border:1px solid rgba(94, 91, 89, 0.5);
    border-radius:15px;
    background:rgba(0, 0, 0, 0.5);
    transform:translateX(-50%);
}
.visual .visual__pagination .swiper-pagination-bullet {
    border:1px solid #908c8e;
    backdrop-filter:blur(10px);
}
.visual .visual__pagination .swiper-pagination-bullet-active {
    border:1px solid #ffffff;
    background:#ffffff;
}
.visual .visual__menu {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:90px;
    background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index:10;
}
.visual .visual__menu .visual-menu-swiper {
    padding:0 20px;
}
.visual .visual__menu .swiper-wrapper {
    display:inline-flex;
    height:58px;
    border:1px solid #6c6969;
    border-radius:30px;
    backdrop-filter:blur(12px);
    background:rgba(0, 0, 0, 0.5);
    z-index:10;
}
.visual .visual__menu .swiper-slide {
    width:auto;
    display:inline-flex;
}
.visual .visual__menu .visual__menu--list {
    position:relative;
    padding:0 42px;
    text-align:right;
}
.visual .visual__menu .visual__menu--list:after {
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:1px;
    height:24px;
    background:#5b5a5c;
    transform:translateY(-50%);
}
.visual .visual__menu .visual__menu--list a {
    display:block;
    height:58px;
    padding:17px 0 0 40px;
}
.visual .visual__menu .visual__menu--list a span {
    font-weight:700;
    font-size:15px;
    color:#fff;
}
.visual .visual__menu .visual__menu--event {
    
}
.visual .visual__menu .visual__menu--event a {
    background:url("../img/visual_menu_icon1.svg") 0 14px no-repeat;
    background-size:28px;
}
.visual .visual__menu .visual__menu--service {
    
}
.visual .visual__menu .visual__menu--service a {
    background:url("../img/visual_menu_icon2.svg") 0 14px no-repeat;
    background-size:28px;
}
.visual .visual__menu .visual__menu--card {
    
}
.visual .visual__menu .visual__menu--card a {
    background:url("../img/visual_menu_icon3.svg") 0 14px no-repeat;
    background-size:28px;
}
.visual .visual__menu .visual__menu--card:after {
    display:none;
}
/* [Main] - Visual(PC) */
@media (min-width:1024px) {
    .visual-content {
        height:calc(100% - 215px);
    }
	.visual .visual__logo {
        width:1300px;
        left:50%;
        top:20px;
        transform:translateX(-50%);
    }
    .visual .visual__logo img {
        width:120px;
    }    
    .visual .visual__movie img {}
    .visual .swiper {}
    .visual .visual__pagination {
        bottom:140px;
        padding:9px 6px;
        border-radius:18px;
    }
    .visual .visual__pagination .swiper-pagination-bullet {
        width:12px;
        height:12px;
    }
    .visual .visual__menu {
        height:120px;
    }
    .visual .visual__menu .swiper-wrapper {
        width:100% !important;
        height:80px;
        border-radius:40px;
    }
    .visual .visual__menu .swiper-slide {
        width:33.33%;
    }
    .visual .visual__menu .visual__menu--list {
        width:100%;
        padding:0;
        text-align:center;
    }
    .visual .visual__menu .visual__menu--list a {
        display:inline-block;
        padding:25px 0 0 42px;
        background-position:0 25px;
    }
    .visual .visual__menu .visual__menu--list a span {
        font-size:20px;
    }
    .visual .visual__menu .visual__menu--event a {
        background-position:0 22px;
        background-size:32px;
    }
}
/* [Main] - Visual(PC) */
@media (min-width:1300px) {
    .visual .visual__menu_in {
        width:1300px;
        margin:0 auto;
    }
}

/* [Main] - Introduce */
.introduce {
    display:flex;
    align-items:center;
    height:100%;
    background:url("../img/introduce_img.png") 50% 50% no-repeat;
    background-size:cover;
}
.introduce:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    z-index:1;
}
.introduce-in {
    position:relative;
    width:100%;
    z-index:2;
}
.introduce .introduce__msg {
    text-align:center;
}
.introduce .introduce__h2 {
    display:inline-block;
    margin-bottom:12px;
    padding:1px 7px;
    font-weight:bold;
    font-size:14px;
    color:#fff;
    border:1px solid #ffffff;
    border-radius:12px;
}
.introduce .introduce__text {
    margin-top:-2px;
}
.introduce .introduce__text--tit {
    display:inline-block;
    margin:0 6px -8px 0;
    font-size:44px;
    color:#fff;
    font-family:"Waguri";
    vertical-align:sub;
}
.introduce .introduce__text--txt {
    position:relative;
    padding-right:8px;
    font-weight:700;
    font-size:24px;
    color:#fff;
    vertical-align:baseline;
}
.introduce .introduce__text.introduce__color--blue .introduce__text--txt:after,
.introduce .introduce__text.introduce__color--red .introduce__text--txt:after,
.introduce .introduce__text.introduce__color--green .introduce__text--txt:after {
    content:"";
    position:absolute;
    right:-2px;
    bottom:4px;
    width:6px;
    height:6px;
    border-radius:50%;
    opacity:1;
    visibility:visible;
    transition:all 0.4s ease-in-out;
}
.introduce .introduce__text.introduce__color--blue .introduce__text--txt:after {
    background:#008ef0;
}
.introduce .introduce__text.introduce__color--red .introduce__text--txt:after {
    background:#e44545;
}
.introduce .introduce__text.introduce__color--green .introduce__text--txt:after {
    background:#00a654;
}
.introduce .introduce__text.introduce__color--blue .introduce__text--hide:after,
.introduce .introduce__text.introduce__color--red .introduce__text--hide:after,
.introduce .introduce__text.introduce__color--green .introduce__text--hide:after {
    opacity:0;
    visibility:hidden;
}
.introduce .introduce__msg2 {
    overflow:hidden;
    position:relative;
    margin:40px 0 0 0;
    text-align:center;
}
.introduce .introduce__msg2 p {
    margin-top:20px;
    font-size:16px;
    line-height:130%;
    color:#fff;
}
.introduce .introduce__msg2 p .introduce__text--default {
    font-size:16px;
    color:#fff;
}
.introduce .introduce__msg2 p strong {
    font-weight:700;
    font-size:16px;
    line-height:130%;
    color:#fff;
}
.introduce .introduce__msg2 p.introduce__text {
    margin-top:2px;
}
.introduce .introduce__msg2 p.introduce__color--blue {
    margin-top:40px;
}
/* [Main] - Introduce(PC) */
@media (min-width:1024px) {
    .introduce-in {
        width:100%;
    }
    .introduce .introduce__msg {
        margin:0;
    }
    .introduce .introduce__msg2 {
        width:750px;
        margin:50px auto 0;
    }
    .introduce .introduce__text {
        padding-right:10px;
        margin-top:-10px;
    }
    .introduce .introduce__text .introduce__text--default {
        transform:translateY(90px);
    }
    .introduce .introduce__text--tit {
        font-size:76px;
    }
    .introduce .introduce__text--txt {
        font-size:36px;
    }
    .introduce .introduce__text.introduce__color--blue .introduce__text--txt:after,
    .introduce .introduce__text.introduce__color--red .introduce__text--txt:after,
    .introduce .introduce__text.introduce__color--green .introduce__text--txt:after {
        right:-5px;
        bottom:5px;
        width:8px;
        height:8px;
    }
    .introduce .introduce__msg2 p {
        margin-top:60px;
        font-size:24px;
    }
    .introduce .introduce__msg2 p .introduce__text--default {
        font-weight:300;
        font-size:24px;
        transform:translateY(130px);
    }
    .introduce .introduce__msg2 p .introduce__text--default strong {
        font-weight:700;
        font-size:24px;
    }
    .introduce .introduce__msg2 p.introduce__text {
        margin-top:4px;
    }
    .introduce .introduce__msg2 p.introduce__color--blue {
        margin-top:60px;
    }
}
/* [Main] - Introduce(PC) */
@media (min-width:1300px) {
    .introduce-in {
        width:1300px;
        margin:0 auto;
    }
}

/* [Main] - Benefit */
.benefit {
    position:relative;
    height:100%;
}
.benefit .benefit__visual {
    overflow:hidden;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.benefit .benefit__visual--list {
    display:none;
    overflow:hidden;
    position:absolute;
    width:100%;
    height:100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    transition:
        top 1s ease-in-out, 
        left 1s ease-in-out, 
        width 1s ease-in-out, 
        height 1s ease-in-out,
        border-radius 1s ease-in-out,
        transform 1s ease-in-out,
        opacity 1s ease-in-out;
}
.benefit .benefit__visual--list1 {
    display:block;
    background-image:url("../img/benefit_img1.svg");
}
.benefit .benefit__visual--list2 {
    background-image:url("../img/benefit_img2.svg");
}
.benefit .benefit__visual--list3 {
    background-image:url("../img/benefit_img3.svg");
}
.benefit .benefit__visual--list4 {
    background-image:url("../img/benefit_img4.svg");
}
.benefit .benefit__visual--list5 {
    background-image:url("../img/benefit_img5.svg");
}
.benefit .benefit__visual--list6 {
    background-image:url("../img/benefit_img6.svg");
}
.benefit .benefit__visual--list7 {
    background-image:url("../img/benefit_img7.svg");
}
.benefit .benefit__visual--list8 {
    background-image:url("../img/benefit_img8.svg");
}
.benefit .benefit__visual--list:before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.benefit .benefit__visual--prev {
    transform:scale(1.5);
}
.benefit .benefit__explain {
    position:absolute;
    left:20px;
    bottom:190px;
    z-index:1;
}
.benefit .benefit__explain--title {
    margin-bottom:8px;
}
.benefit .benefit__explain--detail {
    display:inline-block;
    padding:3px 10px 3px 32px;
    font-weight:500;
    font-size:13px;
    color:#fff;
    border-radius:12px;
    background:#000;
}
.benefit .benefit__explain--detail:before {
    content:"";
    position:absolute;
    left:6px;
    top:0;
    width:21px;
    height:24px;
}
.benefit .benefit__explain-list1 .benefit__explain--detail:before {
    background:url("../img/benefit_icon1.svg") 0 0 no-repeat;
}
.benefit .benefit__explain-list2 .benefit__explain--detail:before {
    background:url("../img/benefit_icon2.svg") 0 0 no-repeat;
}
.benefit .benefit__explain-list3 .benefit__explain--detail:before {
    background:url("../img/benefit_icon3.svg") 0 0 no-repeat;
}
.benefit .benefit__explain-list4 .benefit__explain--detail:before {
    background:url("../img/benefit_icon4.svg") 0 0 no-repeat;
}
.benefit .benefit__explain--subject .slide_up_default {
    padding-right:20px;
    font-weight:700;
    font-size:24px;
    line-height:130%;
    color:#fff;
}
.benefit .benefit__explain--text,
.benefit .benefit__explain--date {
    display:none;
}
.benefit .benefit__explain--button {
    margin-top:10px;
}
.benefit .benefit__explain--button a {
    display:inline-block;
    position:relative;
    padding:6px 30px 8px 16px;
    border:1px solid rgba(255, 255, 255, 0.3);
    border-radius:25px;
    background:rgba(255, 255, 255, 0.1);
    backdrop-filter:blur(8px);
}
.benefit .benefit__explain--button a span {
    font-weight:700;
    font-size:12px;
}
.benefit .benefit__explain--button a:after {
    content:"";
    position:absolute;
    right:15px;
    top:13px;
    width:4px;
    height:4px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform:rotate(45deg);
}
.benefit .benefit__explain-list1 .benefit__explain--detail:before,
.benefit .benefit__explain-list2 .benefit__explain--detail:before,
.benefit .benefit__explain-list3 .benefit__explain--detail:before,
.benefit .benefit__explain-list4 .benefit__explain--detail:before {
    background-position:0 2px;
    background-repeat:no-repeat;
    background-size:20px;
}
.benefit-in {
    height:100%;
}
.benefit .benefit__msg {
    position:absolute;
    top:40px;
    left:0;
    right:0;
    text-align:center;
    z-index:20;
}
.benefit .benefit__msg .benefit__title {

}
.benefit .benefit__msg .benefit__text2 {
    margin-top:0;
}
.benefit .benefit__msg .benefit__text1 .benefit__text--default,
.benefit .benefit__msg .benefit__text2 .benefit__text--default {
    font-size:32px;
    line-height:130%;
    color:#fff;
    font-family:"Waguri";
}
.benefit .benefit__msg .benefit__text2 {
    margin-top:-6px;
}
.benefit .benefit__msg .benefit__text--weight {
    font-size:44px;
    line-height:130%;
    font-family:"Waguri";
}
.benefit .benefit__content {
    position:absolute;
    left:5%;
    right:0;
    bottom:32px;
}
.benefit .benefit__content .benefit-swiper {
    z-index:5;
}
.benefit .benefit__content .benefit-swiper .swiper-wrapper {}
.benefit .benefit__content .benefit-swiper .swiper-slide {
    width:auto;    /* 자동 너비 허용 */
    flex:0 0 auto; /* 콘텐츠 너비만 차지 */
    display:inline-flex;      /* 필요시 inline 처리 */
    align-items:center;
}
.benefit .benefit__content .benefit-swiper .benefit-swiper__txt {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:12px;
    font-weight:700;
    font-size:14px;
    line-height:130%;
    color:#fff;
    background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.hero {
    --border-radius:20px;
    --transition-duration:1000ms;
    position:relative;
    width:100%;
    height:100vh;
}
.benefit .hero__fullsize {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:1;
}
.benefit .hero__fullsize .hero__content--grow::before {
  transform:translateX(-100%);
  transition:none;
}
.benefit .hero__fullsize .content__msg {
    display:none;
}
.benefit .hero__fullsize .content--hero .content__text {
    display:flex;
}
.benefit .hero__content {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    filter:drop-shadow(0 5px 5px #0007);
    transition:
        top var(--transition-duration), 
        left var(--transition-duration), 
        width var(--transition-duration), 
        height var(--transition-duration),
        border-radius var(--transition-duration),
        transform var(--transition-duration),
        opacity 1.5s;
}
.benefit .hero__content--hidden {
    visibility:hidden;
    transition:none;
    transform:none;
    opacity:1;
    z-index:0;
}
.benefit .hero__content--bottom {
    opacity:0;
    transform:scale(1.5);
    z-index:1;
}
.benefit .hero__content--top {
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:0;
    z-index:2;
}
/* curtain */
.benefit .hero__content--show-text::before {
    transform:translateX(0);
    transition:transform 300ms;
}
.benefit .hero__content--grow::before {
    transform:translateX(-100%);
    transition:none;
}
.benefit .hero__swiper {
    position:absolute;
    width:100%;
    height:140px;
    left:0;
    bottom:32px;
    padding:0 20px;
    z-index:1;
    user-select:none;
}
.benefit .hero__swiper .swiper {
    --swiper-navigation-size:20px;
    visibility:hidden;
}
.benefit .hero__swiper .swiper.swiper-initialized {
    visibility:visible;
}
.benefit .hero__swiper .swiper-slide-prev,
.benefit .hero__swiper .swiper-slide-active {
}
.benefit .hero__swiper .swiper-slide {
    display:flex;
    width:140px;
    height:140px;
}
.benefit .hero__swiper .content {
    display:flex;
    position:relative;
    width:100%;
    filter:drop-shadow(0 5px 5px #0007);
    overflow:hidden;
    border:1px solid rgba(255, 255, 255, 0.5);
    z-index:0;
}
.benefit .content--slide {
    position:relative;
    border-radius:var(--border-radius, 0);
}
.benefit .content__text {
    display:none;
    /*display:flex;*/
    flex-direction:column;
    width:100%;
    color:#fff;
}
.benefit .content__desc {
    margin:0;
}
.benefit .content--slide .content__title {
    font-size:12px;
    margin:auto 0 0;
    padding:0.35em 0.75em;
    background-color:#0007;
}
.benefit .content--slide .content__desc {
    position:absolute;
    left:0;
    visibility:hidden;
}
.benefit .content--hero {
    padding:100px 50px 0;
    position:absolute;
    border-radius:0;
}
.benefit .content--hero:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(90deg, hsl(49deg 70% 5% / 67%), transparent);
    pointer-events:none;
    z-index:-1;
    transform:translateX(-100%);
    transition:all 0.2s ease-in-out;
}
.benefit .motion_active:before {
    transform:translateX(0);
    transition-delay:0.2s;
}
.benefit .content--hero .content__title {
    font-size:42px;
    margin:0 0 0.2em;
}
.benefit .content--hero .content__text {
    width:45%;
}
.benefit .content__image {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-2;
}
.benefit .content__msg {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:12px;
    font-weight:700;
    font-size:14px;
    color:#fff;
    background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.benefit .content__msg span {
    font-weight:700;
    font-size:14px;
    color:#fff;
}
/* [Main] - Benefit(PC) */
@media (min-width:1024px) {
    .benefit .benefit__msg .benefit__text1,
    .benefit .benefit__msg .benefit__text2 {
        display:inline-block;
    }
    .benefit .benefit__msg .benefit__text1 {
        margin-right:12px;
    }
    .benefit .benefit__msg .benefit__text1 .benefit__text--default,
    .benefit .benefit__msg .benefit__text2 .benefit__text--default {
        font-size:56px;
        transform:translateY(90px);
    }
    .benefit .benefit__msg .benefit__text--weight {
        position:relative;
        bottom:-4px;
        margin:0 0 0 -3px;
        font-size:76px;
        line-height:1;
        vertical-align:baseline;
    }
    .benefit .hero__swiper {
        left:auto;
        right:30px;
        bottom:50px;
        width:72%;
        height:260px;
    }
    .benefit .hero__swiper .swiper-slide {
        height:260px;
    }
    .benefit .content__msg,
    .benefit .content__msg span {
        font-size:16px;
    }
    .benefit .content__msg {
        padding:20px 16px;
    }
    .benefit .swiper-button-prev,
    .benefit .swiper-button-next {
        top:125px !important;
    }
    .benefit .swiper-button-prev {
        left:190px;
    }
    .benefit .swiper-button-next {
        left:auto;
        right:0 !important;
    }
    .benefit .benefit__explain {
        bottom:50px;
        width:460px;
    }
    .benefit .benefit__explain--detail {
        font-size:16px;
    }
    .benefit .benefit__explain-list1 .benefit__explain--detail:before,
    .benefit .benefit__explain-list2 .benefit__explain--detail:before,
    .benefit .benefit__explain-list3 .benefit__explain--detail:before,
    .benefit .benefit__explain-list4 .benefit__explain--detail:before {
        background-size:24px;
    }
    .benefit .benefit__explain--subject {}
    .benefit .benefit__explain--subject .slide_up_default {
        font-size:36px;
    }
    .benefit .benefit__explain--text,
    .benefit .benefit__explain--date,
    .benefit .benefit__explain--button {
        display:block;
    }
    .benefit .benefit__explain--text {
        margin-top:25px;
        font-size:14px;
    }
    .benefit .benefit__explain--text-last {
        margin-top:15px;
    }
    .benefit .benefit__explain--text span {
        font-size:14px;
    }
    .benefit .benefit__explain--button {
        margin-top:28px;
    }
    .benefit .benefit__explain--button a {
        display:inline-block;
        position:relative;
        padding:11px 45px 11px 19px;
        color:#fff;
        border:1px solid rgba(255, 255, 255, 0.3);
        border-radius:25px;
        background:rgba(255, 255, 255, 0.1);
        backdrop-filter:blur(8px);
    }
    .benefit .benefit__explain--button a span {
        font-weight:700;
        font-size:18px;
    }
    .benefit .benefit__explain--button a:after {
        content:"";
        position:absolute;
        right:24px;
        top:19px;
        width:6px;
        height:6px;
        border-top:2px solid #fff;
        border-right:2px solid #fff;
        transform:rotate(45deg);
    }
}
/* [Main] - Benefit(PC) */
@media (min-width:1300px) {
    .benefit .benefit__msg {
        top:80px;
    }
    .benefit .content--hero .content__text {
        position:relative;
        width:1300px;
        height:100%;
        margin:0 auto;
    }
    .benefit .benefit__explain {
        width:600px;
        bottom:80px;
    }
    .benefit .benefit__explain--subject,
    .benefit .benefit__explain--subject .slide_up_default {
        margin:0;
        font-size:44px;
    }
    .benefit .benefit__explain--text,
    .benefit .benefit__explain--text span {
        font-size:16px;
    }
    .hero__form {
        position:relative;
        width:1300px;
        height:100%;
        margin:0 auto;
    }
    .hero__form_in {
        position:absolute;
        left:auto;
        right:30px;
        bottom:80px;
        width:47%;
        height:260px;
    }
    .benefit .hero__swiper {
        left:auto;
        right:0;
        top:0;
        width:100%;
        height:100%;
        padding:0;
    }
    .benefit .hero__swiper .swiper-slide {
        width:192px;
    }
    .benefit .swiper-button-next {
        display:block;
    }
    .benefit .swiper-button-prev {
        left:-22px;
    }
    .benefit .swiper-button-next {
        right:-19px !important;
    }
}

/* [Main] - Guide */
.guide {
    display:flex;
    align-items:center;
    position:relative;
    background:#0056C7;
}
.guide:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index:1;
}
.guide-in {
    overflow:hidden;
    position:relative;
    z-index:2;
}
.guide .fp-tableCell {
    vertical-align:top;
}
.guide .guide__msg {
    text-align:center;
}
.guide .guide__h2 {
    display:inline-block;
    margin:42px 0 12px;
    padding:1px 7px;
    font-weight:bold;
    font-size:14px;
    color:#fff;
    border:1px solid #ffffff;
    border-radius:12px;
}
.guide .guide__text1,
.guide .guide__text2,
.guide .guide__text1 .section__h2--default,
.guide .guide__text2 .section__h2--default {
    margin:0;
    font-size:32px;
    color:#fff;
    font-family:"Waguri";
}
.guide .guide__form {
    position:relative;
    margin-top:30px;
    padding:0 16px 0 40px;
}
.guide .guide-swiper {}
.guide .guide-swiper .swiper-wrapper {}
.guide .guide-swiper .swiper-slide {
    overflow:hidden;
    position:relative;
    width:260px;
    height:260px;
    aspect-ratio:1 / 1;
    opacity:0;
    visibility:hidden;
    transform:translateY(100px);
    transition:all 0.4s ease-in-out;
}
.guide .motion_active .guide-swiper .swiper-slide {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.guide .motion_active .guide-swiper .swiper-slide:nth-child(1){
    transition-delay:1.6s;
}
.guide .motion_active .guide-swiper .swiper-slide:nth-child(2){
    transition-delay:1.8s;
}
.guide .motion_active .guide-swiper .swiper-slide:nth-child(3){
    transition-delay:2s;
}
.guide .guide-swiper .guide__flip {
    position:relative;
    width:100%;
    height:100%;
    transition:all 0.4s ease-in-out;
    transform-style:preserve-3d;
}
.guide .guide-swiper .swiper-slide:hover .guide__flip {
  transform:rotateY(180deg);
}
.guide .guide-swiper .guide__explain {
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
}
.guide .guide-swiper .guide__title {
    display:inline-block;
    margin:0;
    padding:3px 10px;
    font-weight:500;
    font-size:14px;
    color:#fff;
    border-radius:12px;
    background:#000;
}
.guide .guide-swiper .guide__text {
    margin-top:7px;
    font-weight:700;
    font-size:24px;
    color:#fff;
}
.guide .guide-swiper .guide__button--move,
.guide .guide-swiper .guide__button--close {
    position:absolute;
    right:16px;
    top:16px;
}
.guide .guide-swiper .guide__button--move a,
.guide .guide-swiper .guide__button--close a {
    display:block;
    position:relative;
    width:36px;
    height:36px;
    text-indent:-9999px;
    border-radius:50%;
    background:#000;
}
.guide .guide-swiper .guide__button--move a:after {
    content:"";
    position:absolute;
    left:12px;
    top:14px;
    width:7px;
    height:7px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    transform:rotate(45deg);
}
.guide .guide-swiper .guide__button--close a {
    background:#ededed;
}
.guide .guide-swiper .guide__button--close a:before,
.guide .guide-swiper .guide__button--close a:after {
    content:"";
    position:absolute;
    left:18px;
    top:10px;
    width:2px;
    height:16px;
    background:#41454a;
}
.guide .guide-swiper .guide__button--close a:before {
    transform:rotate(45deg);
}
.guide .guide-swiper .guide__button--close a:after {
    transform:rotate(-45deg);
}
.guide .guide-swiper .guide__explain-first,
.guide .guide-swiper .guide__explain-last {
    overflow:hidden;
    position:absolute;
    left:0;
    top:0;
    border-radius:20px;
}
.guide .guide-swiper .guide__explain-first {
    border:1px solid rgba(255, 255, 255, 0.2);
}
.guide .guide-swiper .guide__explain-last {
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    backface-visibility:hidden;
    transform:rotateY(180deg);
}
.guide .guide-swiper .guide__image img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.guide .guide-swiper .guide__explain-last .guide__explain {
    top:50px;
    bottom:auto;
}
.guide .guide-swiper .guide__explain-last .guide__text {
    margin:0;
    color:#000;
}
.guide .guide-swiper .guide__explain-last .guide__text2 {
    margin-top:10px;
    font-size:14px;
    line-height:130%;
    color:#363B40;
    text-align:left;
    font-family:"Noto Sans KR";
}
.guide .guide-swiper .guide__explain-last .guide__button {
    margin-top:15px;
}
.guide .guide-swiper .guide__explain-last .guide__button a {
    display:inline-block;
    position:relative;
    padding:3px 25px 5px 12px;
    border:1px solid rgba(255, 255, 255, 0.3);
    border-radius:25px;
    background:#000;
    backdrop-filter:blur(8px);
}
.guide .guide-swiper .guide__explain-last .guide__button a span {
    font-weight:700;
    font-size:12px;
    color:#fff;
}
.guide .guide-swiper .guide__explain-last .guide__button a:after {
    content:"";
    position:absolute;
    right:11px;
    top:9px;
    width:4px;
    height:4px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform:rotate(45deg);
}
.guide .guide__button-form {
    margin-top:32px;
    text-align:center;
    opacity:0;
    visibility:hidden;
    transform:translateY(60px);
    transition:all 0.4s ease-in-out;
}
.guide .motion_active .guide__button-form {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition-delay:2s;
}
/* [Main] - Guide(PC) */
@media (min-width:1024px){
    .guide {
        justify-content:center;
    }
    .guide .guide__text1,
    .guide .guide__text2,
    .guide .guide__text1 .section__h2--default,
    .guide .guide__text2 .section__h2--default {
        display:inline-block;
        font-size:56px;
    }
    .guide .guide__text1 .section__h2--default,
    .guide .guide__text2 .section__h2--default {
        transform:translateY(70px);
    }
    .guide .guide__text1 {
        margin-right:15px;
    }
    .guide .guide-swiper {
        margin-top:55px;
    }
    .guide .guide-swiper .swiper-slide {
        width:320px;
        height:320px;
        margin-right:24px;
    }
    .guide .guide-swiper .guide__title {
        padding:6px 10px;
        font-size:16px;
        border-radius:20px;
    }
    .guide .guide-swiper .guide__text {
        margin-top:13px;
        font-size:32px;
    }
    .guide .guide-swiper .guide__explain {
        bottom:30px;
    }
    .guide .guide-swiper .guide__explain-last .guide__text {
        margin:13px 0 0;
        font-size:28px;
    }
    .guide .guide-swiper .guide__explain-last .guide__button {
        margin-top:25px;
    }
    .guide .guide-swiper .guide__explain-last .guide__button a {
        padding:5px 34px 6px 15px;
    }
    .guide .guide-swiper .guide__explain-last .guide__button a span {
        font-size:14px;
    }
    .guide .guide-swiper .guide__explain-last .guide__button a:after {
        right:16px;
        top:10px;
        width:5px;
        height:5px;
    }
    .guide .guide__button-form {
        margin-top:40px;
    }
    .guide .guide-swiper .guide__button--move a:after {
        left:11px;
        top:13px;
        width:9px;
        height:9px;
    }
    .guide__form .swiper-button-prev,
    .guide__form .swiper-button-next {
        display:none;
        /*left:17px;*/
    }
    .guide__form .swiper-button-next {
        /*right:18px !important;*/
    }
}

/* [Main] - Special */
.special {
    background:#fff;
}
.special-blank {
    height:100%;
}
.special-in {
    position:relative;
    height:100%;
}
/*
.special .scroll-area {
    overflow:auto;
    height:100%;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}
*/
.special .special__msg {
    text-align:center;
}
.special .section__h2 {
    margin-top:40px;
}
.special .section__h2 .section__h2--default {
    color:#008EF0;
    border:1px solid #008EF0;
}
.special .special__text1,
.special .special__text2,
.special .special__text1 .section__h2--default,
.special .special__text2 .section__h2--default {
    margin:0;
    font-size:32px;
    line-height:130%;
    font-family:"Waguri";
    text-align:center;
}
.special .special__text2 strong {
    font-weight:400;
    font-size:32px;
    font-family:"Waguri";
    background:linear-gradient(rgba(6, 125, 246, 1) 0%, rgba(1, 172, 243, 1) 100%); /* 그라데이션 배경 적용 */
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}
.special .special__form {
    margin-top:35px;
}
.special .special-swiper {
    padding:0 20px;
}
.special .special-swiper .swiper-wrapper {}
.special .special-swiper .special__slide {
    width:192px;
    opacity:0;
    visibility:hidden;
    transform:translateY(100px);
    transition:all 0.4s ease-in-out;
}
.etc_special.motion_active .special-swiper .special__slide {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.special .special-swiper .special__slide:nth-child(1) {
    transition-delay:1.1s;
}
.special .special-swiper .special__slide:nth-child(2) {
    transition-delay:1.2s;
}
.special .special-swiper .special__slide:nth-child(3) {
    transition-delay:1.3s;
}
.special .special-swiper .special__slide:nth-child(4) {
    transition-delay:1.4s;
}
.special .special-swiper .special__slide:nth-child(5) {
    transition-delay:1.5s;
}
.special .special-swiper .special__slide:nth-child(6) {
    transition-delay:1.6s;
}
.special .special-swiper .special__title {
    font-weight:700;
    font-size:18px;
    color:#000;
}
.special .special-swiper .special__image {
    width:100%;
    height:304px;
    margin-top:10px;
}
.special .special-swiper .special__image img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.special .special-swiper .special__info {}
.special .special-swiper .special__info dt {
    margin-top:9px;
    font-size:14px;
    color:#666B71;
}
.special .special-swiper .special__info dd {
    font-size:14px;
    color:#000000
}
.special .special-swiper .special__button--more {
    margin-top:12px;
}
.special .special-swiper .special__button--more a {
    display:inline-block;
    padding:5px 25px 5px 0;
    background:url("../img/special_button_arrow.svg") right 4px no-repeat;
}
.special .special-swiper .special__button--more a span {
    font-weight:500;
    font-size:14px;
    color:#008EF0;
}
.special .special-swiper .special__button--more a span:after {
    background:#008EF0;
}
.special .special-swiper .special__button--more {}
.etc_special .guide__button-form {
    margin-top:32px;
    text-align:center;
    opacity:0;
    visibility:hidden;
    transform:translateY(90px);
    transition:all 0.4s ease-in-out;
}
.etc_special.motion_active .guide__button-form {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition-delay:1.8s;
}
.special .special__guide {
    margin:32px 20px 40px;
    padding:20px;
    border-radius:20px;
    background:#f8f8f8;
    opacity:0;
    visibility:hidden;
    transform:translateY(90px);
    transition:all 0.4s ease-in-out;
}
.special.motion_active .special__guide {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition-delay:2s;
}
.special .special__guide--title {
    font-weight:500;
    font-size:16px;
    color:#363B40;
}
.special .special__guide--list {
    margin:15px 0 0 5px;
}
.special .special__guide--list li {
    position:relative;
    margin:3px 0;
    padding-left:10px;
    font-size:13px;
    color:#666B71;
}
.special .special__guide--list li:before {
    content:"";
    position:absolute;
    left:0;
    top:7px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#666b70;
}
.special.special-blank {
    background:url("../img/special_bg.png") center no-repeat;
    background-size:cover;
}
.special.special-blank .section__h2 .section__h2--default {
    color:#fff;
    border-color:#fff;
}
.special.special-blank .special__text1,
.special.special-blank .special__text2 strong {
    color:#fff;
}
.special.special-blank .special__text2 strong {
    color:#fff;
    -webkit-text-fill-color:#fff;
}
.special.special-blank .guide__button-form {
    position:absolute;
    left:50%;
    bottom:0;
    margin-top:0;
    opacity:0;
    visibility:hidden;
    transform:translateX(-50%);
    transition:all 0.4s ease-in-out;
}
.special.special-blank .motion_active .guide__button-form {
    bottom:40px;
    opacity:1;
    visibility:visible;
    transition-delay:1.4s;
}
.special.special-blank .guide__button-form a {
    color:#fff;
    border:1px solid rgba(255, 255, 255, 0.3);
    background:rgba(255, 255, 255, 0.1);
    backdrop-filter:blur(4px);
}
/* [Main] - Special(PC) */
@media (min-width:1024px){
    .special .section__h2 {
        margin-top:80px;
    }
    .special .special__text1,
    .special .special__text2,
    .special .special__text2 strong,
    .special .special__text1 .section__h2--default,
    .special .special__text2 .section__h2--default {
        display:inline-block;
        font-size:56px;
    }
    .special .special__text1 .section__h2--default,
    .special .special__text2 .section__h2--default {
        transform:translateY(90px);
    }
    .special .special__text1 {
        margin-right:10px;
    }
    .special.special-blank .special__text2 strong {
        vertical-align:baseline;
    }
    .special.special-blank .motion_active .guide__button-form {
        bottom:80px;
    }
    .special .special__form {
        position:relative;
        width:820px;
        margin:50px auto 0;
        padding:0 60px;
    }
    .special .special-swiper {}
    .special .swiper-button-next,
    .special .swiper-button-prev {
        top:190px !important;
    }
    .special .swiper-button-next {
        right:11px;
    }
    .special .swiper-button-prev {
        left:15px;
    }
    .special .guide__button-form {
        margin-top:50px;
    }
    .special .special__guide {
        width:664px;
        margin:50px auto;
    }
}
/* [Main] - Special(PC) */
@media (min-width:1300px){
    .special .special__form {
        width:1037px;
    }
    .special .special-swiper .special__slide {
        width:264px;
    }
    .special .special-swiper .special__title {
        font-size:24px;
    }
    .special .special-swiper .special__image {
        height:418px;
        margin-bottom:15px;
    }
    .special .swiper-button-next,
    .special .swiper-button-prev {
        top:245px !important;
        opacity:0;
        visibility:hidden;
        transform:translateY(100px);
        transition:all 0.4s ease-in-out;
    }
    .special.motion_active .swiper-button-next,
    .special.motion_active .swiper-button-prev {
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        transition-delay:1.6s;
    }
    .special .swiper-button-next {
        right:-8px !important;
    }
    .special .swiper-button-prev {
        left:-5px;
    }
    .special .special-swiper .special__info {
        display:flex;
        align-items:center;
        margin-top:3px;
    }
    .special .special-swiper .special__info dt {
        margin-top:0;
        margin-right:8px;
    }
    .special .special-swiper .special__button--more {
        margin-top:20px;
    }
    .special .special-swiper .special__button--more a {
        background-position:right 5px;
    }
    .special .special-swiper .special__button--more a span {
        font-size:16px;
    }
    .special .special__guide {
        width:875px;
        margin-top:60px;
        margin-bottom:80px;
        padding:30px;
        border-radius:30px;
    }
    .special .special__guide--title {
        font-size:20px;
    }
    .special .special__guide--list {
        margin-top:20px;
    }
    .special .special__guide--list li {
        margin:6px 0;
        font-size:14px;
    }
}

/* [Main] - Social */
.social {
    overflow:hidden;
    position:relative;
    height:auto !important;
    background:#000;
}
.social .fp-tableCell {
    height:100%;
}
.social__in {
    position:relative;
    height:100%;
    padding:0 20px;
    z-index:2;
}
.social:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:radial-gradient(circle at 50% bottom, rgba(0, 125, 212, 0.7) 10%, rgba(0, 125, 212, 0.6) 20%, black 70%);
    z-index:1;
}
.social .section__h2 {
    margin-top:40px;
}
.social .social__side {
    margin-top:10px;
}
.social .social__text,
.social .social__text strong,
.social .social__text .section__h2--default {
    margin:0;
    font-size:24px;
    line-height:130%;
    color:#fff;
    font-family:"Waguri";
}
.social .social__sns {
    display:flex;
    margin-top:25px;
}
.social .social__sns li {
    width:30px;
    margin-right:18px;
}
.social .social__sns li img {
    width:30px;
    height:30px;
    vertical-align:top;
}
.social .social__msg {
    margin:18px 0 40px;
    font-size:13px;
    color:#fff;
}
.social .social__slide {
    position:relative;
    margin:32px 0;
    z-index:2;
}
.social .social__list {
    display:flex;
}
.social .social__slide ul {
    display:flex;
    flex-wrap:wrap;
}
.social .social__slide ul li {
    position:relative;
    margin:8px 8px 8px 0;
}
.social .social__slide ul li a {
    display:flex;
    align-items:center;
    height:60px;
    padding:0 20px;
    font-size:14px;
    line-height:130%;
    color:#fff;
    border:1px solid rgba(255, 255, 255, 0.3);
    border-radius:30px;
    background:#000;
}
.social .social__slide ul li a:hover {
    text-decoration:none;
}
.social .social__slide ul li.social__icon--insta:after,
.social .social__slide ul li.social__icon--blog:after,
.social .social__slide ul li.social__icon--youtube:after {
    content:"";
    position:absolute;
    right:-9px;
    top:-9px;
    width:32px;
    height:32px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:32px;
}
.social .social__slide ul li.social__icon--insta:after {
    background-image:url("../img/guide_sns_insta.png");
}
.social .social__slide ul li.social__icon--blog:after {
    background-image:url("../img/guide_sns_blog.png");
}
.social .social__slide ul li.social__icon--youtube:after {
    background-image:url("../img/guide_sns_youtube.png");
}
/* [Main] - Social(PC) */
@media (min-width:1024px){
    .social__in {
        width:664px;
        margin:0 auto;
    }
}
/* [Main] - Social(PC) */
@media (min-width:1300px){
    .social__in {
        width:1300px;
    }
    .social .section__h2 {
        margin-top:80px;
    }
    .social .social__side {
        position:absolute;
        left:700px;
        top:160px;
    }
    .social .social__text,
    .social .social__text .section__h2--default {
        font-size:44px;
    }
    .social .social__sns {
        justify-content:center;
        margin-top:0;
    }
    .social .social__sns li {
        width:40px;
        margin-right:45px;
    }
    .social .social__sns li img {
        width:40px;
        height:40px;
    }
    .social .social__sns li:last-child {
        margin-right:0;
    }
    .social .social__msg {
        margin:50px 0 0;
        font-weight:300;
        font-size:16px;
        color:#fff;
    }
    .social .social__slide {
        margin:70px 0 80px;
    }
    .social .social__slide ul li a {
        height:80px;
        padding:0 25px;
        font-size:18px;
        border-radius:42px;
    }
    .social .social__slide ul li.social__icon--insta:after,
    .social .social__slide ul li.social__icon--blog:after,
    .social .social__slide ul li.social__icon--youtube:after {
        right:-8px;
        top:-12px;
        width:40px;
        height:40px;
        background-size:40px;
    }
}