@charset "UTF-8";

body {overflow:overlay;}
body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
body::-webkit-scrollbar {width:6px;} 
body::-webkit-scrollbar-thumb {background: rgba(0,0,0,.15); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
body::-webkit-scrollbar-thumb:hover {background: rgba(255,255,255,.2);}
body::-webkit-scrollbar-thumb:active {background: rgba(255,255,255,.3);} 
body::-webkit-scrollbar-button {display: none;}

.glo-header {top:0;}
.glo-wrap.wide {max-width:100%;}
.header_hide .glo-header {top:-72px;}
.glo-header .gnb, .glo-header .gnb li, .glo-header .gnb svg {transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;} 

.pc_only {display:block;}
.mobile_only {display:none !important;}

.glo-contents.slim_influ {max-width:100%; font-family:'Mont','NotoSans',sans-serif; padding:0;}
.glo-contents.slim_influ a, .glo-contents.slim_influ button {outline:none;}
/* .slim_influ .century {font-family:'Century Gothic W05 Bold' , AppleSDGothicNeo-Regular, 'notokr',  '맑은고딕', Malgun Gothic, sans-serif !important;}
.slim_influ .century_l {font-family:'Century Gothic W05 Light' , AppleSDGothicNeo-Regular, 'notokr',  '맑은고딕', Malgun Gothic, sans-serif !important;} */
.slim_influ .g_l {/*font-family:'Gotham-Book','notokr',sans-serif !important;*/ font-weight:300;}
.slim_influ .g_b {/*font-family:'Gotham','notokr',sans-serif !important;*/ font-weight:900;}
.slim_influ .org {color:#d94829;}

.main-attendance-btn-wrap {display:none;}

.si_intro {position:relative; width:100%; padding:56.25% 0 0; overflow:hidden; box-sizing:content-box;}
.si_intro .si_slogan {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:absolute; top:0; left:0; right:0; width:100%; max-width:1600px; height:100%; margin:0 auto; padding:0 5.4%; box-sizing:border-box; text-shadow:3px 3px 10px rgba(0,0,0,.3); z-index:10;}
.si_intro .si_slogan h1 {font-size:5.2vw; line-height:1.25; color:#fff;}
.si_intro .si_slogan h1 strong {display:block;}
.si_intro .si_slogan h1 img {height:6.2vw; vertical-align:bottom;}
.si_intro .si_slogan h3 {font-family:'Gotham-Medium','notokr',sans-serif; font-size:3.12vw; letter-spacing:-0.025rem; color:#fff;}
.si_intro .sc_visual {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.si_intro .sc_visual video {width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.si_intro .vis_play { position:absolute; top:50%; left:50%; width:6.77vw; height:6.77vw; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim_cp/play_btn.png) 50% 50%/contain no-repeat; margin:0 auto; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; transform:translate(-50%, -50%); text-indent:-9999px; z-index:20; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.si_intro .vis_play:before, .si_intro .vis_play:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; box-shadow:inset 0 0 15px 7px rgba(255,255,255,.7); transition:opacity .35s; -webkit-transition:opacity .35s; -moz-transition:opacity .35s; -ms-transition:opacity .35s; -o-transition:opacity .35s; animation:wave 2s infinite forwards; -webkit-animation:wave 2s infinite forwards; opacity:1;}
.si_intro .vis_play:before {animation-delay:.47s; -webkit-animation-delay:.47s;}
.si_intro .vis_play .full {position:absolute; top:100%; left:0; width:100%; font-family:'Gotham-Book','notokr',sans-serif; font-size:20px; letter-spacing:-0.025rem; text-transform:uppercase; color:#fff; padding:25px 0 0; text-indent:0;}

@keyframes wave {
    0% {
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        opacity:1;
    }
    100% {
        transform:scale(1.75);
        -webkit-transform:scale(1.75);
        -moz-transform:scale(1.75);
        -ms-transform:scale(1.75);
        -o-transform:scale(1.75);
        opacity:0;
    }
}

.full_visual {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:999;}
.fl_inner {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; max-width:76vw; max-height:42.75vw; margin:auto;}
.fl_inner .full_cls {position:absolute; bottom:100%; right:0; width:44px; height:44px; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim_cp/cls_ico.png) 50% 50%/22px auto no-repeat; text-indent:-9999px; z-index:900;}
.fl_visual video {width:100%; vertical-align:top;}

.sc_cont {position:relative; background:#fff; padding:18vw 0 0;}
.pre_video { position:absolute; top:0; left:0; right:0; width:100%; max-width:1600px; margin:0 auto; transform:translateY(-32%); -webkit-transform:translateY(-32%); -moz-transform:translateY(-32%); -ms-transform:translateY(-32%); -o-transform:translateY(-32%); z-index:11; }
.pre_video .pre_row {display:flex; justify-content:space-between;}
.pre_video .pre_col {width:24.0625%; text-align:center;}

.pre_video .pre_col .pre_thumb {position:relative; display:block; width:100%; padding:65.789% 0 0; overflow:hidden;}
.pre_video .pre_col .pre_thumb .date { position:absolute; top:50%; left:0; width:100%; font-family:'Gotham-Medium','notokr',sans-serif; font-size:1.87vw; letter-spacing:-0.025rem; color:#fff; z-index:2; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.pre_video .pre_col .pre_thumb img {position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.pre_video .pre_col .pre_name {display:inline-block; font-size:1.3vw; font-weight:700; color:#000; margin:20px 0 0;}

.pre_video .vis_play {cursor:pointer;}
.pre_video .pre_col .pre_thumb img, .pre_video .pre_col .pre_thumb .date {transition:transform 1s; -webkit-transition:transform 1s; -moz-transition:transform 1s; -ms-transition:transform 1s; -o-transition:transform 1s;}
.pre_video .pre_col:hover .pre_thumb img { transform:translate(-50%, -50%) scale(1.05); -webkit-transform:translate(-50%, -50%) scale(1.05); -moz-transform:translate(-50%, -50%) scale(1.05); -ms-transform:translate(-50%, -50%) scale(1.05); -o-transform:translate(-50%, -50%) scale(1.05);}
.pre_video .pre_col:hover .pre_thumb .date { transform:translateY(-50%) scale(1.1); -webkit-transform:translateY(-50%) scale(1.1); -moz-transform:translateY(-50%) scale(1.1); -ms-transform:translateY(-50%) scale(1.1); -o-transform:translateY(-50%) scale(1.1); }
.pre_video .vis_play .pre_name {padding:0 22px 0 0; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/influencer_on/lnk_arr_bk.png) 99% 50% no-repeat;}

.si_ttl {text-align:center; color:#000; margin:0 0 70px;}
.si_ttl > span {display:block; font-size:1.66vw; line-height:1.375;}
.si_ttl h2 {font-size:3.64vw; font-weight:900; line-height:1.25; letter-spacing:-0.035rem; margin:10px 0 20px;}
.si_ttl p {font-size:1.35vw; font-weight:300; line-height:1.5; letter-spacing:-0.045rem; white-space:pre-line;}
.si_ttl p strong {font-weight:700;}

.slim_skin_slide {left:calc((100% - 1600px)/2); width:calc(100% - ((100% - 1600px)/2)); margin:0;}
.slim_skin_slide .swiper-wrapper {padding-right:calc((100% - 1600px)/2); padding-bottom:20px;}
.slim_skin_slide .swiper-slide { position:relative; width:27vw; padding:38.3vw 0 0; margin:0 20px 0 0; text-align:center; background:#fff; border-radius:1.87vw; -webkit-border-radius:1.87vw; -moz-border-radius:1.87vw; -ms-border-radius:1.87vw; -o-border-radius:1.87vw; box-shadow:6px 6px 12px rgba(0,0,0,.15);}
.slim_skin_slide .swiper-slide:nth-child(1) .img:after, .slim_skin_slide .swiper-slide:nth-child(5) .img:after {content:''; position:absolute; top:0; right:0; width:7.03vw; height:7.03vw; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/influencer_on/soldout.png) 0 0/contain no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); z-index:3;}
.slim_skin_slide .swiper-slide:nth-child(2) .img:after {content:''; position:absolute; top:0; right:0; width:7.03vw; height:7.03vw; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/influencer_jb/skin_pro_badge.png) 0 0/contain no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
.slim_skin_slide .swiper-slide:nth-child(3) .img:after {content:''; position:absolute; top:0; left:50%; width:5.52vw; height:5.52vw; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/influencer_jb/event_img4_badge.png) 0 0/contain no-repeat; transform:translateX(45%); -webkit-transform:translateX(45%); -moz-transform:translateX(45%); -ms-transform:translateX(45%); -o-transform:translateX(45%);}
.slim_skin_slide .inner {position:absolute; top:0; left:0; width:100%; height:100%; padding:2.6vw 1vw; box-sizing:border-box;}
.slim_skin_slide .no {display:inline-block; font-family:'Gotham-Book','notokr',sans-serif; font-size:24px; font-weight:700; line-height:1; letter-spacing:-0.025rem; margin:0 0 20px; color:#000; border-bottom:2px solid #000; padding:0 0 3px;}
.slim_skin_slide p {font-size:1.8vw; font-weight:700; line-height:1.3; letter-spacing:-0.045rem; color:#000;}
.slim_skin_slide .img {position:relative; display:block; width:100%; height:55%; margin:20px 0 0;}
.slim_skin_slide .img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:90%; max-height:90%; margin:auto;}
.slim_skin_slide .btn {position:absolute; bottom:2.6vw; left:0; right:0; width:210px; height:60px; line-height:60px; text-align:center; font-size:20px; font-weight:700; letter-spacing:-0.04rem; background:#d94829; color:#fff; margin:0 auto; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; -o-transition:background .3s; cursor:pointer;}
.slim_skin_slide .btn:after {content:''; display:inline-block; width:20px; height:100%; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/influencer_jb/down_lnk.png) 50% 50% no-repeat; margin:0 0 0 6px; vertical-align:top;}
.slim_skin_slide .btn:hover {background:#d03f1f;}
.slim_skin_slide .swiper-slide:nth-child(4) .btn:after {background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/influencer_jb/lnk_arr.png) 99% 50% no-repeat;}
.slim_skin_slide .swiper-slide:nth-child(4) img {max-width:100%; max-height:100%;}
.slim_skin_slide .swiper-slide .kakao {display:inline-block; font-size:1.25vw; font-weight:700; line-height:1.33; letter-spacing:-0.025rem;}

.slim_skin_slide .end_item:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); border-radius:1.87vw; -webkit-border-radius:1.87vw; -moz-border-radius:1.87vw; -ms-border-radius:1.87vw; -o-border-radius:1.87vw; z-index:2;}
.slim_skin_slide .event_end {background:#939393;}
.slim_skin_slide .event_end:after {display:none;}

.slim_launch .skin_pager {text-align:center; font-size:0; margin:20px 0 0;}
.slim_launch .skin_pager span {display:inline-block; width:14px; height:14px; background:#666; margin:0 4px; vertical-align:top; opacity:1;}
.slim_launch .skin_pager .swiper-pagination-bullet-active {background:#d94829;}

.slim_event {padding:6.25vw 0;}
.slim_event .si_ttl p {font-size:1.25vw;} 
.slim_event .si_ttl .org_btn { display:block; width:14vw; height:3.9vw; line-height:3.9vw; font-size:1.45vw; font-weight:700; letter-spacing:-0.025rem; color:#fff; background:#d94829; border-radius:2vw; -webkit-border-radius:2vw; -moz-border-radius:2vw; -ms-border-radius:2vw; -o-border-radius:2vw; text-align:center; margin:2.6vw auto; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; -o-transition:background .3s; }
.slim_event .si_ttl .org_btn:hover {background:#d03f1f;}

.event_row {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; max-width:1600px; margin:0 auto;}
.event_row .col {width:49.25%;}
.event_row .col_full {width:100%;}
.event_row .col_img {position:relative; width:50.75%; text-align:center;}
.event_row .col_img img {max-width:100%;}
.event_row .col_txt {color:#000;}
.event_row .col_txt dl {position:relative; margin:0 0 40px;}
.event_row .col_txt dt {display:inline-block; height:3.125vw; line-height:3.125vw; font-size:1.45vw; font-weight:900; letter-spacing:-0.025rem; color:#fff; background:#000; text-align:center; margin:0 0 1vw; padding:0 1.8vw;}
.event_row .col_txt dd {font-size:1.35vw; line-height:1.75; font-weight:300; letter-spacing:-0.025rem; padding:0 0 0 20px;}
.event_row .col_txt a, .event_row .col_txt strong {font-weight:900; color:#000;}
.event_row .noti {font-size:18px; font-weight:300; line-height:2.2; letter-spacing:-0.025rem; color:#565656; margin:3.125vw 0 0; text-align:center;}

.vid_review {background:#e8e7ec;}
.vid_review .si_ttl {margin:0;}
.vid_review .si_ttl .org_btn {margin:2.6vw auto 0;}
.vid_review .event_row dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 15px;}
.vid_review .event_row dt {width:8.8vw; height:2.86vw; line-height:2.86vw; padding:0; text-align:center; box-sizing:border-box;}
.vid_review .event_row dd {width:calc(100% - 8.8vw); margin:0 0 1vw; box-sizing:border-box;}
.vid_review .event_row li {font-size:1.36vw; line-height:2; letter-spacing:-0.025rem; white-space:nowrap;}
.vid_review .col_img {width:42.18%;}
.vid_review .col_txt {width:52.5%;}

.slim_booston {position:relative; width:100%; height:56.25vw; background:#e8e7ec; overflow:hidden;}
.slim_booston .inner {position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; width:100%; max-width:1600px; height:100%; margin:0 auto; z-index:2;}
.slim_booston .boost_sign {position:absolute; top:12.5%; left:2%;}
.slim_booston .boost_sign img {width:33.33vw;}
.slim_booston .boost_bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.slim_booston .boost_bg img {width:100%;}

.slim_edition {position:relative; height:56.25vw; background:#f8f7fd; padding:0;}
.slim_edition .event_row {position:relative; height:56.25vw; z-index:2;}
.slim_edition .event_row .si_ttl {margin:0; color:#000;}
.slim_edition .event_row .si_ttl h2 {white-space:pre-line;}
.slim_edition .event_row .col_txt {text-align:left; padding:0 0 0 7%;}
.slim_edition .event_row .org_btn {margin:2.6vw 0;}

.skin_drawing {position:absolute; top:0; right:0; width:52%; height:100%; overflow:hidden; z-index:20;}
.skin_drawing .box {position:absolute; top:0; left:0; width:100%; height:100%;}
.skin_drawing .skin_yel {left:-2vw; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0); transform-origin:0 0; opacity:0; }
.skin_drawing .skin_yel svg {height:100%;}
.skin_drawing .skin_yel path {fill:#fde114;}
.skin_drawing .skin_blu svg {position:absolute; top:-2vw; left:49%; height:22.5vw;}
.skin_drawing .skin_blu path { fill:none; stroke:#279eda; stroke-width:45; stroke-dasharray:900; stroke-dashoffset:900; stroke-miterlimit:10;}
.skin_drawing .skin_grn svg {position:absolute; bottom:-10%; right:-4vw; height:67.5%;}
.skin_drawing .skin_grn path { fill:none; stroke:#1b7a57; stroke-width:80; stroke-linecap:round; stroke-dasharray:5000; stroke-dashoffset:5000; stroke-miterlimit:10;}
.skin_drawing .skin_grn .second { animation-delay:2.25s;}
.skin_drawing .skin_pink svg { position:absolute; top:54%; left:-5%; width:110%;}
.skin_drawing .skin_pink path { fill:none; stroke:#f5b2b3; stroke-width:15; stroke-dasharray:800; stroke-dashoffset:800; stroke-miterlimit:10;}
.skin_drawing .skin_heart { position:absolute; top:19%; left:34%; width:16%; transform:rotate(20deg); -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); -ms-transform:rotate(20deg); -o-transform:rotate(20deg); opacity:0;}
.skin_drawing .skin_heart path {fill:#f5b2b3;}

.skin_drawing .slim_skin { position:absolute; top:50%; left:32%; width:15.52vw; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.skin_drawing .slim_skin img {max-width:100%;}

.slim_campaign {position:relative; width:100%; padding:46.875% 0 0;}
.slim_campaign .sc_slogan {position:absolute; top:0; left:0; right:0; bottom:0; display:flex; justify-content:center; flex-direction:column; align-items:center; flex-wrap:wrap; width:100%; margin:auto; color:#fff; text-align:center; z-index:10;}
.slim_campaign .sc_slogan span {font-size:1.66vw; line-height:1.5; letter-spacing:-0.045rem;}
.slim_campaign .sc_slogan p {font-size:3.64vw; font-weight:900; line-height:1.2; letter-spacing:-0.045rem; white-space:pre-line; margin:1vw 0 3vw;}
.slim_campaign .sc_slogan strong {font-weight:900;}
.slim_campaign .sc_visual {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.slim_campaign .sc_visual video {width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.slim_campaign .campaign_lnk {display:inline-block; height:3.9vw; line-height:3.9vw; font-size:1.45vw; font-weight:700; letter-spacing:-0.025rem; color:#fff; background:#d94829; border-radius:2vw; -webkit-border-radius:2vw; -moz-border-radius:2vw; -ms-border-radius:2vw; -o-border-radius:2vw; padding:0 2.18vw; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; -o-transition:background .3s; }
.slim_campaign .campaign_lnk:hover {background:#d03f1f;}

.go_top {position:fixed; bottom:-76px; right:20px; width:64px; height:64px; background:#d94829 url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim_cp/go_top.svg) 50% 50%/43% auto no-repeat; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; text-indent:-9999px; box-shadow:2px 2px 7px rgba(0,0,0,.4); text-indent:-9999px; z-index:40; transition:bottom .4s; -webkit-transition:bottom .4s; -moz-transition:bottom .4s; -ms-transition:bottom .4s; -o-transition:bottom .4s;}
.go_top.on {bottom:20px;}

@media screen and (min-width:1921px){
    .si_intro .si_slogan h1 img {height:100px;}
    .si_intro .si_slogan h1 {font-size:100px;}
    .si_intro .si_slogan h3 {font-size:60px;}
    .pre_video .pre_col .pre_name {font-size:30px;}
    .si_ttl > span {font-size:32px;}
    .si_ttl h2 {font-size:70px;}

    .slim_skin_slide .swiper-slide {width:572px; height:766px; padding:0;}
    .slim_skin_slide .swiper-slide p {font-size:35px;}
    .slim_skin_slide .swiper-slide .kakao {font-size:24px;}
    .slim_collabo .collabo_sign p {font-size:44px;}
    .slim_event .si_ttl p {font-size:24px;}
    .slim_event .si_ttl .org_btn {width:270px; height:75px; line-height:75px; font-size:24px;}

    .slim_skin_slide .swiper-slide .img {height:60%;}
    .slim_skin_slide .swiper-slide .img:after {width:135px; height:135px;}
    .slim_skin_slide .swiper-slide:nth-child(3) .img {height:65%;}
    .slim_skin_slide .swiper-slide:nth-child(3) .img img {max-width:100%; max-height:100%;}
    .slim_skin_slide .swiper-slide:nth-child(3) .img:after {width:106px; height:106px;}

    .skin_drawing .slim_skin img {width:100%; max-width:none;}

    .event_row .col_txt dt {height:60px; line-height:60px; font-size:28px;}
    .event_row .col_txt dd {font-size:26px;}

    .slim_campaign .sc_slogan span {font-size:40px;}
    .slim_campaign .sc_slogan p {font-size:70px;}
    .slim_campaign .campaign_lnk {height:80px; line-height:80px; font-size:30px;}

    .vid_review .event_row {padding:0 70px;}
    .vid_review .event_row dt {width:170px; height:55px; line-height:55px; font-size:28px;}
    .vid_review .event_row dd {width:calc(100% - 170px); font-size:26px; line-height:55px; box-sizing:border-box;}

    .vid_review .event_row li {font-size:26px; line-height:50px;}
}
@media screen and (max-width:1680px){ 
    .pre_video, .launch_list, .event_row, .slim_booston .inner {max-width:100%; padding:0 40px; box-sizing:border-box;}
    .slim_skin_slide {left:40px; width:calc(100% - 40px);}
    .slim_skin_slide .swiper-wrapper {padding-right:calc((100% - 40px)/2);}
}
@media screen and (max-width:1440px){ 
    .si_intro {padding:62.5% 0 0;}
    .si_intro .vis_play {width:7.44vw; height:7.44vw;}

    .si_ttl > span {font-size:1.82vw;}
    .si_ttl h2 {font-size:4vw;}
    .si_ttl p {font-size:1.5vw;}
    
    .slim_skin_slide .swiper-slide {padding:40.2vw 0 0;}
    .slim_skin_slide .inner {padding:2.85vw 1.1vw;}
    .slim_skin_slide .img {height:52%;}
    .slim_skin_slide .swiper-slide:nth-child(-n+3) .img {height:56%;}
    .slim_skin_slide .btn {bottom:2.85vw;}

    .slim_event .si_ttl p {font-size:1.375vw;}
    .slim_event .si_ttl .org_btn {width:15.4vw; height:4.3vw; line-height:4.3vw; border-radius:2.2vw; -webkit-border-radius:2.2vw; -moz-border-radius:2.2vw; -ms-border-radius:2.2vw; -o-border-radius:2.2vw;}

    .slim_booston .boost_sign {left:7%;}
    .slim_booston .boost_sign img {width:36.66vw;}

    .slim_campaign {padding:51.56% 0 0;}
    .slim_campaign .sc_slogan span {font-size:1.82vw;}
    .slim_campaign .sc_slogan p {font-size:4vw;}
    .slim_campaign .campaign_lnk { height:4.3vw; line-height:4.3vw; padding:0 2.39vw; border-radius:2.2vw; -webkit-border-radius:2.2vw; -moz-border-radius:2.2vw; -ms-border-radius:2.2vw; -o-border-radius:2.2vw;}

    .slim_booston, .slim_edition {height:61.875vw;}
    .slim_booston .boost_bg img {width:auto; height:100%;}

    .skin_drawing .skin_yel {left:-4vw;}
    .skin_drawing .skin_blu svg {height:25.5vw;}
    .skin_drawing .skin_grn svg {right:-3vw; height:63.5%;}
}
@media screen and (max-width:1280px){
    .pre_video, .launch_list, .event_row, .vid_review .event_row {padding:0 4%;}

    .si_intro {padding:70% 0 0;}
    .si_intro .vis_play {width:8.4vw; height:8.4vw;}
    .pre_video .pre_col .pre_name {font-size:1.43vw;}
    .sc_cont {padding:22.5vw 0 0;}

    .si_ttl {margin:0 auto 4.55vw;}
    .si_ttl > span {font-size:2vw;}
    .si_ttl h2 {font-size:4.55vw;}
    .si_ttl p {font-size:1.68vw;}

    .slim_skin_slide .swiper-slide {width:30.375vw; padding:42.42vw 0 0;}
    .slim_skin_slide .no {font-size:1.56vw;}
    .slim_skin_slide p {font-size:2.1vw;}
    .slim_skin_slide .swiper-slide .kakao {font-size:1.56vw;}
    .slim_skin_slide .img {height:50%; margin:1.5vw 0 0;}
    .slim_skin_slide .swiper-slide:nth-child(-n+3) .img {height:52%;}
    .slim_skin_slide .swiper-slide .btn {width:190px; height:55px; line-height:55px; font-size:18px;}

    .slim_event {padding:7vw 0;}
    .slim_event .si_ttl h2 {margin:1.4vw 0;}
    .slim_event .si_ttl p {font-size:1.56vw;}
    .slim_event .si_ttl .org_btn { width:17.5vw; height:4.875vw; line-height:4.875vw; font-size:1.93vw; border-radius:2.5vw; -webkit-border-radius:2.5vw; -moz-border-radius:2.5vw; -ms-border-radius:2.5vw; -o-border-radius:2.5vw; margin:3.25vw auto;}

    .skin_drawing {width:54%;}
    .skin_drawing .slim_skin {width:17.02vw;}
    .skin_drawing .skin_yel {left:-6vw;}
    .skin_drawing .skin_blu svg {height:28.5vw;}
    .skin_drawing .skin_grn svg {height:62%;}
    .skin_drawing .skin_pink svg {top:53%; left:-8%; width:116%;}
    .skin_drawing .skin_heart {width:20%;}

    .event_row .col_txt {width:47.25%;}
    .event_row .col_img {width:52.75%;}
    .event_row .col_txt dt {font-size:1.8vw;}
    .event_row .col_txt dd {font-size:1.68vw;}
    .event_row .noti {font-size:1.35vw;}

    .slim_campaign {padding:58.59% 0 0;}
    .slim_campaign .sc_slogan span {font-size:2vw;}
    .slim_campaign .sc_slogan p {font-size:4.55vw;}
    .slim_campaign .campaign_lnk { height:4.875vw; line-height:4.875vw; font-size:1.93vw; padding:0 2.72vw; border-radius:2.5vw; -webkit-border-radius:2.5vw; -moz-border-radius:2.5vw; -ms-border-radius:2.5vw; -o-border-radius:2.5vw;}
    
    .slim_booston, .slim_edition, .slim_edition .event_row {height:70.3125vw;}
    .slim_edition, .slim_edition .event_row .col_txt {padding:0;}
    .slim_edition .event_row, .slim_booston .inner {padding:0 7%;}
    .slim_edition .si_ttl .org_btn {margin:3.25vw 0 0;}
    .slim_edition .event_row .col_txt {width:100%;}
    
    .vid_review .col_img {width:47.5%;}
    .vid_review .col_txt {width:51.5%;}
    .vid_review .col_img img {max-width:90%;}
    .vid_review .event_row .col_txt dt {width:10vw; font-size:1.59vw;}
    .vid_review .event_row .col_txt dd {width:calc(100% - 10vw);}
    .vid_review .event_row li {font-size:1.5vw;}
}
@media screen and (max-width:1024px){
    .si_intro {padding:84% 0 0;}
    .si_intro .si_slogan h1 {font-size:6.5vw;}
    .si_intro .si_slogan h1 img {height:7.75vw;}
    .si_intro .si_slogan h3 {font-size:3.9vw;}
    .si_intro .vis_play, .concept_vid .vis_play {width:10.5vw; height:10.5vw;}
    .fl_inner {max-width:95vw; max-height:53.4375vw;}

    .sc_cont {padding:28.125vw 0 0;}
    .pre_video .pre_col .pre_name {font-size:1.78vw; line-height:1.2; margin:12px 0 0; padding:0 17px 0 0; background-size:auto 52%; background-position:99% 30%;}
    .pre_video .pre_col .pre_thumb .date {font-size:2vw;}

    .si_ttl {margin:0 auto 5.7vw;}
    .si_ttl > span {font-size:2.5vw;}
    .si_ttl h2 {font-size:5.45vw;}
    .slim_event .si_ttl p {font-size:1.875vw;}
    .slim_event .si_ttl .org_btn { width:21vw; height:5.85vw; line-height:5.85vw; font-size:2.175vw; border-radius:3vw; -webkit-border-radius:3vw; -moz-border-radius:3vw; -ms-border-radius:3vw; -o-border-radius:3vw;}

    .slim_skin_slide .swiper-slide {width:32.4vw; padding:45.36vw 0 0;}
    .slim_skin_slide .inner {padding:3.12vw 1.25vw;}
    .slim_skin_slide .img {height:55%;}
    .slim_skin_slide .img img {max-width:85%; max-height:85%;}
    .slim_skin_slide .swiper-slide .btn {bottom:3.12vw; width:15.75vw; height:4.3vw; line-height:4.3vw; font-size:1.5vw;}
    .slim_skin_slide .swiper-slide .btn:after {width:1.56vw; background-size:95% auto;}
    .slim_skin_slide .swiper-slide:nth-child(4) .btn:after {width:.9875vw; background-size:contain; margin-left:8px;}

    .vid_review .event_row {padding:0 5.6%;}
    .event_row .col_txt dt {height:3.4375vw; line-height:3.4375vw; font-size:2vw;}
    .event_row .col_txt dd {font-size:1.85vw;}
    .event_row .noti {font-size:1.6875vw;}

    .slim_campaign {padding:70% 0 0;}
    .slim_campaign .sc_slogan span {font-size:2.5vw;}
    .slim_campaign .sc_slogan p {font-size:5.68vw; margin:1.25vw 0 3.6vw;}
    .slim_campaign .campaign_lnk { height:5.85vw; line-height:5.85vw; font-size:2.175vw; padding:0 3.27vw; border-radius:3vw; -webkit-border-radius:3vw; -moz-border-radius:3vw; -ms-border-radius:3vw; -o-border-radius:3vw; }

    .slim_edition .event_row {padding:0 5.6%;}
    .slim_booston .boost_sign {left:5.6%;}

    .skin_drawing .skin_grn svg {right:-6vw; height:63%;}

    .go_top {width:52px; height:52px;}

}
@media screen and (max-width:768px){
    .pc_only {display:none !important;}
    .mobile_only {display:block !important;}

    .si_intro {padding:165% 0 0;}
    .si_intro .si_slogan {top:0; justify-content:flex-start; align-items:center; flex-direction:column; text-align:left; padding:21.5% 4% 0;}
    .si_intro .si_slogan h1 {font-size:11.11vw; text-align:center;}
    .si_intro .si_slogan h1 img {width:57.9vw; height:auto;}
    .si_intro .si_slogan h3 {font-size:7vw; line-height:1.25; margin:4vw 0 0;}
    .si_intro .vis_play {position:absolute; top:63%; left:0; right:0; width:15vw; height:15vw; margin:0 auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
    .concept_vid .vis_play {top:60%;}

    .sc_cont {padding:55vw 0 0;}

    .pre_video {padding:0 0 0 7.6%;}
    .pre_video .pre_row {display:block; white-space:nowrap; font-size:0; padding:0 0 3vw; overflow-x:auto;}
    .pre_video .pre_row::-webkit-scrollbar {height:7px;} 
    .pre_video .pre_row::-webkit-scrollbar-thumb {background: rgba(255,255,255,.35); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
    .pre_video .pre_row::-webkit-scrollbar-thumb:hover {background: rgba(255,255,255,.4);}
    .pre_video .pre_row::-webkit-scrollbar-thumb:active {background: rgba(255,255,255,.5);} 
    .pre_video .pre_row::-webkit-scrollbar-button {display: none;}
    .pre_video .pre_col {display:inline-block; width:64.39%; margin-right:5.2vw;}
    .pre_video .pre_col .pre_name {font-size:3.2vw; padding:0 3.9vw 0 0; background-size:auto 45%;}
    .pre_video .pre_col .pre_thumb .date {font-size:4.5vw;}
    .pre_video .pre_col:hover .pre_thumb img {transform:translate(-50%, -50%) scale(1.07); -webkit-transform:translate(-50%, -50%) scale(1.07); -moz-transform:translate(-50%, -50%) scale(1.07); -ms-transform:translate(-50%, -50%) scale(1.07); -o-transform:translate(-50%, -50%) scale(1.07); }
    .pre_video .pre_col:hover .pre_thumb .date {transform:translateY(-50%) scale(1.25); -webkit-transform:translateY(-50%) scale(1.25); -moz-transform:translateY(-50%) scale(1.25); -ms-transform:translateY(-50%) scale(1.25); -o-transform:translateY(-50%) scale(1.25);}
    
    .si_ttl {margin:0 auto 7.8vw;}
    .si_ttl > span {font-size:4.44vw;}
    .slim_event {padding:13.88vw 0;}
    .slim_event .si_ttl h2 {font-size:8.6vw; line-height:1.2; margin:2vw 0 4vw;}
    .slim_event .si_ttl p {font-size:3.3vw; white-space:normal;} 

    .slim_event.slim_launch {padding:13.88vw 0 13.88vw 4.16vw; box-sizing:border-box;}
    .slim_skin_slide {left:0; width:100%;}
    .slim_skin_slide .swiper-wrapper {padding-right:0;}
    .slim_skin_slide .swiper-slide {width:75vw; padding:95vw 0 0; border-radius:2.88vw; -webkit-border-radius:2.88vw; -moz-border-radius:2.88vw; -ms-border-radius:2.88vw; -o-border-radius:2.88vw;}
    .slim_skin_slide .inner {padding:6vw 2.5vw;}
    .slim_skin_slide .swiper-slide .no {font-size:3.33vw; margin:0 0 12px;}
    .slim_skin_slide .swiper-slide p {font-size:4.16vw; line-height:1.4; letter-spacing:-0.065rem; margin:0 0 3.4vw;}
    .slim_skin_slide .swiper-slide .img img {max-width:100%; max-height:100%;}

    .slim_skin_slide .swiper-slide:nth-child(-n+3) .img, .slim_skin_slide .swiper-slide:nth-child(5) .img {height:60%;}
    .slim_skin_slide .swiper-slide:nth-child(2) .img:after, .slim_skin_slide .swiper-slide:nth-child(5) .img:after {left:70%; right:auto; width:14vw; height:14vw;}
    .slim_skin_slide .swiper-slide:nth-child(3) .img img {max-width:none; max-height:none; height:84%;}
    .slim_skin_slide .swiper-slide:nth-child(3) .img:after {left:53%; width:12vw; height:12vw;}
    .slim_skin_slide .swiper-slide .btn {bottom:6.94vw; width:29vw; height:8.33vw; line-height:8.33vw; font-size:2.8vw;}
    .slim_skin_slide .swiper-slide .btn:after {width:2.36vw; background-size:contain; margin:0 0 0 10px;}
    .slim_skin_slide .swiper-slide:nth-child(4) .btn:after {width:1.44vw; margin:0 0 0 10px;}
    .slim_skin_slide .swiper-slide .kakao {font-size:2.67vw; letter-spacing:-0.085rem; margin:1.5vw 0 0;}
    .slim_skin_slide .swiper-slide:nth-child(4) p {margin-bottom:1.4vw;}
    .slim_skin_slide .swiper-slide:nth-child(4) .img {height:52%;}
    .slim_skin_slide .swiper-slide:nth-child(4) img {left:-6.5vw;}

    .slim_launch .skin_pager span {width:10px; height:10px; margin:0 3px;}

    .slim_event .si_ttl .org_btn { width:37.5vw; height:10.4vw; line-height:10.4vw; font-size:4.16vw; letter-spacing:-0.05rem; border-radius:5.5vw; -webkit-border-radius:5.5vw; -moz-border-radius:5.5vw; -ms-border-radius:5.5vw; -o-border-radius:5.5vw; margin:6.38vw auto 8.33vw;}

    .vid_review .event_row {display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; padding:0 4%;}
    .event_row .col {width:100%;}
    .vid_review .event_row .col_img {margin:0 0 7vw;}
    .vid_review .event_row .col_txt {width:92%;}
    .vid_review .event_row .col_txt dl {align-items:flex-start; margin:0 0 5vw;}
    .vid_review .event_row .col_txt dt {width:21vw; height:6.9vw; line-height:6.9vw; font-size:2.9vw; padding:0;}
    .vid_review .event_row .col_txt dd {width:calc(100% - 21vw); font-size:3.2vw; line-height:6.9vw; padding:0 0 0 3vw;}
    .vid_review .event_row .col_txt li {font-size:3.2vw; line-height:1.6; text-indent:-12vw; padding:0 0 0 12vw; margin:0 0 1vw; white-space:normal;}
    .event_row .col_txt dl:last-child {margin:0;}
    .event_row .col_txt dt {height:8vw; line-height:8vw; font-size:4.16vw; letter-spacing:-0.025rem; padding:0 4.16vw; margin:0 0 2.77vw;}
    .event_row .col_txt dd {font-size:3.33vw; line-height:1.78; padding:0;}
    .event_row .noti {font-size:2.5vw;}

    .fl_inner {max-width:100%; max-height:100%;}
    .fl_inner .fl_visual {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
    .fl_inner .full_cls {width:32px; height:32px; background-size:18px auto;}

    .slim_campaign {padding:165% 0 0;}
    .slim_campaign .sc_slogan span {font-size:4.44vw;}
    .slim_campaign .sc_slogan p {font-size:8.6vw; margin:4.16vw 0 5.83vw;}
    .slim_campaign .campaign_lnk {height:10.4vw; line-height:10.4vw; font-size:4.16vw; letter-spacing:-0.05rem; padding:0 7vw; border-radius:5.5vw; -webkit-border-radius:5.5vw; -moz-border-radius:5.5vw; -ms-border-radius:5.5vw; -o-border-radius:5.5vw;}

    .slim_booston {height:177.78vw;}
    .slim_booston .boost_sign {top:3.3%; left:0; right:0; text-align:center;}
    .slim_booston .boost_sign img {width:80%;}

    .slim_edition, .slim_edition .event_row {height:183.33vw;}
    .slim_edition .event_row {flex-direction:column;}
    .slim_edition .event_row .col_txt {text-align:center;}
    .slim_edition .event_row p {white-space:pre-line;}

    .skin_drawing {top:48.4%; width:100%; height:51.6%;}
    .skin_drawing .skin_yel {left:-2vw;}
    .skin_drawing .slim_skin {left:0; right:0; width:auto; height:82.2%; text-align:center; margin:0 auto;}
    .skin_drawing .slim_skin img {width:auto; height:100%;}
    .skin_drawing .skin_blu svg {left:52%; height:41.5vw;}
    .skin_drawing .skin_grn svg {bottom:-8%; right:-6vw; height:61%;}
    .skin_drawing .skin_pink svg {width:122%;}
    .skin_drawing .skin_heart {top:15%; width:22%;}
}
@media screen and (max-width:480px) {
    .si_intro {padding:177% 0 0;}
    .si_intro .si_slogan {padding:28.5% 4% 0;}
    .si_intro .si_slogan h1 {font-size:13.32vw;}
    .si_intro .si_slogan h1 img {width:63.69vw;}
    .si_intro .si_slogan h3 {font-size:8.4vw;}
    .si_intro .sc_visual video {width:100%; height:101%;}
    .si_intro .vis_play {top:65%; width:18vw; height:18vw;}

    .pre_video .pre_col .pre_name {font-size:3.6vw; background-size:auto 72%; background-position:99% 50%;}
    .pre_video .pre_row {padding:0 0 3.6vw;}

    .sc_cont {padding:60vw 0 0;}
    .si_ttl {margin:0 auto 9.36vw;}
    .si_ttl > span {font-size:4.2vw;}

    .slim_event .si_ttl h2 {font-size:8.8vw;}
    .slim_event .si_ttl p {font-size:3.4vw;}
    .slim_event .si_ttl .org_btn {display:inline-block; width:auto; height:12.48vw; line-height:12.48vw; font-size:4.4vw; padding:0 7vw; border-radius:6vw; -webkit-border-radius:6vw; -moz-border-radius:6vw; -ms-border-radius:6vw; -o-border-radius:6vw;}

    .slim_skin_slide .swiper-slide {padding:97.25vw 0 0;}
    .slim_skin_slide .swiper-slide .no {font-size:3.6vw; margin:0 0 8px;}
    .slim_skin_slide .swiper-slide p {font-size:4.6vw;}
    .slim_skin_slide .swiper-slide .kakao {font-size:3.2vw;}
    .slim_skin_slide .swiper-slide:nth-child(-n+3) .img, .slim_skin_slide .swiper-slide:nth-child(5) .img {height:52%;}
    .slim_skin_slide .swiper-slide:nth-child(4) .img {height:45%;}
    .slim_skin_slide .swiper-slide:nth-child(3) .img img {max-width:90%; max-height:90%;}
    .slim_skin_slide .swiper-slide .btn {height:9.15vw; line-height:9.15vw; font-size:3vw;}
    .slim_skin_slide .swiper-slide .btn:after {margin:0 0 0 6px;}
    .slim_skin_slide .swiper-slide:nth-child(4) .btn:after {width:1.55vw; margin-left:6px;}

    .event_row .col_txt dt {font-size:4.5vw;}
    .event_row .col_txt dd {font-size:3.6vw;}
    .event_row .noti {font-size:3.5vw; line-height:1.5; margin:5vw 0 0;}
    
    .slim_campaign {padding:181.5% 0 0;}
    .slim_campaign .sc_slogan span {font-size:4.88vw;}
    .slim_campaign .sc_slogan p {font-size:10.32vw; margin:5vw 0 7vw;}
    .slim_campaign .campaign_lnk { height:12.48vw; line-height:12.48vw; font-size:4.4vw; border-radius:6vw; -webkit-border-radius:6vw; -moz-border-radius:6vw; -ms-border-radius:6vw; -o-border-radius:6vw;}

    .go_top {right:15px; bottom:-60px; width:12vw; height:12vw; background-size:40% auto;}
    .go_top.on {bottom:15px;}

    .launch_list li:nth-child(2) .img {right:8.5%;}
}