@charset "UTF-8";

html.safari {height: -webkit-fill-available;}
html.safari body {min-height: -webkit-fill-available;}
body {overflow:hidden; touch-action: pan-y;}
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; transition:top .45s; -webkit-transition:top .45s; -moz-transition:top .45s; -ms-transition:top .45s; -o-transition:top .45s; }
.glo-wrap.wide {max-width:100%; height:100%;}
.h_ready .glo-header, .glo-header.header_hide  {top:-90px;}
.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_budle {font-family:'Mont','NotoSans',sans-serif; max-width:100%; padding:0; color:#000; overflow:hidden;}
.glo-contents.slim_budle a, .glo-contents.slim_budle button {outline:none;}
.slim_budle .g_l {font-weight:300;}
.slim_budle .g_b {font-weight:900;}
.slim_budle .org {color:#d94829;}
.main-attendance-btn-wrap {display:none;}
.off_campaign img, .off_campaign video {vertical-align:top;}

.share_area {position:relative; width:100%;}
.share_area .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; opacity:0;}
.share_area .sc_slogan span {font-size:1.66vw; line-height:1.5; letter-spacing:-0.045rem;}
.share_area .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;}
.share_area .sc_slogan strong {font-weight:900;}
.share_area .sc_visual {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.share_area .sc_visual video {width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.share_area .sc_visual:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.share_area .btn {display:inline-block; height:3.9vw; line-height:3.9vw; font-size:1.45vw; font-weight:700; letter-spacing:-0.025rem; color:#fff; 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; }
.share_area .btn:hover {background:#d03f1f;}
.share_area .share_btn {border:2px solid #d94829;}

.mov_arr {position:absolute; bottom:1.56vw; left:0; right:0; width:30px; height:52px; margin:0 auto; text-indent:-9999px; box-sizing:border-box; z-index:2;}

.fix_btn { position:fixed; bottom:-170px; right:20px; z-index:990; transition:bottom .5s; -webkit-transition:bottom .5s; -moz-transition:bottom .5s; -ms-transition:bottom .5s; -o-transition:bottom .5s; }
.fix_btn.on {bottom:20px;}
.go_top, .share_btn {display:block; width:60px; height:60px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 84'%3E%3Cpath d='M80.4 3.6a2.8 2.8 0 0 1 2 .8l71.8 71.2a2.8 2.8 0 1 1-4 4L80.4 10.4 9.8 79.6a2.8 2.8 0 0 1-4-4L78.4 4.4a2.8 2.8 0 0 1 2-.8Z' stroke='%23000' stroke-miterlimit='10' stroke-width='4'/%3E%3C/svg%3E") 50% 48%/45% 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;}
.share_btn {background:#d94828 url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_bundle/share_ico.png) 50% 48%/45% auto no-repeat; margin:0 0 10px;}

.curtain {position:fixed; bottom:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.95); z-index:90;}
.curtain .glo { position:absolute; top:50%; left:50%; width:6vw; height:6vw; background:url(/images/2021/glo_logo_black.svg) 50% 50%/5vw auto no-repeat; margin:-3vw 0 0 -3vw; animation:glo .75s infinite forwards ease-out; -webkit-animation:glo .75s infinite forwards ease-out; }
@keyframes glo {
    0% {
        transform:translateY(0);
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
    }
    40% {
        transform:translateY(5px);
        -webkit-transform:translateY(5px);
        -moz-transform:translateY(5px);
        -ms-transform:translateY(5px);
        -o-transform:translateY(5px);
    }
    100% {
        transform:translateY(0);
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
    }
}

.panel { position:relative; width:100%; height:100vh;}
.inner {position:relative; width:100%; height:100%; box-sizing:border-box;}
.safari .panel {height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom); box-sizing:border-box;}
.safari .panel .inner {height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom); box-sizing:border-box;}
.scroll_mov { position:absolute; bottom:1vw; left:50%; width:2vw; height:1vw; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 154.4 80.8'%3E%3Cpath d='M76.3 78.4a2.8 2.8 0 0 1-2-.9L2.5 6.6a2.8 2.8 0 1 1 4-4l69.8 69 70.6-69.1a2.8 2.8 0 0 1 4 4L78.1 77.6a2.8 2.8 0 0 1-2 .8Z' fill='%23000' stroke='%23000' stroke-miterlimit='10' stroke-width='3'/%3E%3C/svg%3E") 50% 50%/contain no-repeat; z-index:2; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

.apr_intro {position:absolute; top:50%; left:6.5%; width:100%; max-width:35vw; margin:0 auto; color:#2a2c2c; transform:translateY(-50%); z-index:2; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); box-sizing:border-box;}
.apr_intro small {display:block; font-size:1.97vw; font-weight:900; line-height:1; letter-spacing:0.3rem; text-indent:3px; text-align:justify;}
.apr_intro small:after {content:''; display:inline-block; width:100%;}
.apr_intro h2 {position:relative; font-size:18vw; font-weight:700; line-height:13.5vw; letter-spacing:-.25rem;}
.apr_intro h2 .plus {font-size:11vw; letter-spacing:0; vertical-align:top;}
.apr_intro .off_box {position:absolute; top:52%; right:0; width:12.5vw; height:13vw; background:#2a2c2c; color:#fff; font-size:4.5vw; line-height:4vw; letter-spacing:-0.045rem; padding:1.8vw; margin:-6.5vw 0 0; text-align:center; box-sizing:border-box;}
.apr_intro .off_box i {font-size:2.7vw;}
.apr_intro .off_box .kor {display:block; font-size:4vw;}
.apr_intro p {font-size:1.56vw; line-height:1.4; letter-spacing:-0.025rem;}
.apr_intro .date {font-size:1.15vw; margin:1vw 0 0;}

.bundle_timer {width:100%; margin:2.5vw 0 0;}
.bundle_timer .txt {display:block; width:98%; max-width:600px; font-size:1.67vw; font-weight:900; line-height:1.33vw; letter-spacing:.55rem; color:#000; text-align:justify; margin:0 auto;}
.bundle_timer .txt:after {content:''; display:inline-block; width:100%;}
.bundle_timer #timer {display:flex; align-items:center; justify-content:center; width:100%;}
.bundle_timer #timer div {width:25%; max-width:200px; text-align:center;}
.bundle_timer #timer b {position:relative; display:block; font-size:4.16vw; line-height:1; color:#d94829;}
.bundle_timer #timer div:nth-child(-n+3) b:after {content:''; position:absolute; top:55%; left:100%; width:20px; height:100%; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_bundle/colon.png) 50% 50%/auto 49px no-repeat; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.bundle_timer #timer span {display:block; font-size:15px; letter-spacing:-.025rem; color:#000; margin:15px 0 0;}

.apr_visual {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.apr_visual .vis {position:relative; width:100%; height:100%; overflow:hidden;}
.apr_visual img { position:absolute; top:50%; left:50%; width:auto; min-height:100%; transform:translate(-50%, -50%); object-fit:cover; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}

.apr_btn {display:flex; align-items:center; width:32.3vw; margin:2.7vw 0 0;}
.apr_btn .btn, .apr_btn .btn_box {position:relative; width:48.5%; max-width:14.5vw;}
.apr_btn .btn_box:nth-child(2) {margin-left:3%;}
.apr_btn .btn {position:relative; display:block; width:100%; max-width:14.5vw; height:3.64vw; line-height:3.33vw; text-align:center; font-size:1.25vw; font-weight:900; letter-spacing:-0.05rem; border-radius:3.64vw; -webkit-border-radius:3.64vw; -moz-border-radius:3.64vw; -ms-border-radius:3.64vw; -o-border-radius:3.64vw; border:3px solid #d94828; color:#fff; box-sizing:border-box; transition:color ease-out 0.35s, border ease-out 0.35s, background ease-out 0.35s .15s; -webkit-transition:color ease-out 0.35s, border ease-out 0.35s, background ease-out 0.35s .15s; -moz-transition:color ease-out 0.35s, border ease-out 0.35s, background ease-out 0.35s .15s; -ms-transition:color ease-out 0.35s, border ease-out 0.35s, background ease-out 0.35s .15s; -o-transition:color ease-out 0.35s, border ease-out 0.35s, background ease-out 0.35s .15s; overflow:hidden; }
.apr_btn .buy_btn {background:#d94828;}
.apr_btn .join_btn {border-color:#000; color:#000;}
.apr_btn .btn:before, .apr_btn .btn:after { content:''; position:absolute; top:50%; left:-20%; width:0; height:200%; background:rgba(207,55,21,.85); transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transition:all .4s ease-out; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -ms-transition:all .4s ease-out; -o-transition:all .4s ease-out; opacity:0;}
.apr_btn .btn:after {transition-delay:.1s;}
.apr_btn .btn:hover:before, .apr_btn .btn:hover:after {width:140%; transform:translateY(-50%) skewX(-30deg); -webkit-transform:translateY(-50%) skewX(-30deg); -moz-transform:translateY(-50%) skewX(-30deg); -ms-transform:translateY(-50%) skewX(-30deg); -o-transform:translateY(-50%) skewX(-30deg); opacity:1;}
.apr_btn .join_btn:before, .apr_btn .join_btn:after {background:rgba(0,0,0,.85);}
.apr_btn .buy_btn:hover {border-color:#cf3715;}
.apr_btn .join_btn:hover {color:#fff; background:#000;}
.apr_btn .share_btn {color:#f04923;}
.apr_btn .share_btn:hover {color:#fff; border-color:#cf3715; background:#cf3715;}
.apr_btn .btn span {position:relative; z-index:2;}
.apr_btn .btn_box .kakao, .apr_btn .btn_box .sale {position:absolute; top:0; left:0; right:0; width:80%; max-width:200px; height:30px; line-height:30px; font-family:'Gotham-Medium','notokr',sans-serif; font-size:16px; font-weight:900; color:#191600; background:#fee500; text-align:center; border-radius:30px; margin:-16.5px auto 0; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; z-index:2;}
.apr_btn .btn_box .kakao:before {content:''; display:inline-block; width:18px; height:100%; background:url(/images/2021/bfd/kakao_ico.png) 50% 50%/contain no-repeat; vertical-align:top; margin-right:8px;}
.apr_btn .btn_box .sale {width:8.85vw; background:#fff; color:#000; text-align:center;}

.apr_btn .share_lst {display:none; position:absolute; bottom:100%; left:0; width:100%; z-index:10;}
.apr_btn .share_lst li {margin:0 0 .5vw;}
.apr_btn .share_lst button {display:block; color:#121212; background:#fff url(/images/2021/holiday/share_ico2.png) 1.8vw 50% no-repeat; padding:0 0 0 4.44vw; text-align:left; box-sizing:border-box; box-shadow:0 0 4px rgba(0,0,0,.3); border-color:#fff;}
.apr_btn .share_lst button:before, .apr_btn .share_lst button:after {display:none;}
.apr_btn .share_lst .kakao_btn {background:#fee500 url(/images/2021/holiday/share_ico1.png) 1.5vw 50% no-repeat; border-color:#fee500;}

.prom_ttl {position:relative; width:100%; text-align:center; padding:4vw 0 0; z-index:5;}
.prom_ttl small {display:block; font-size:1.35vw; line-height:1.15; font-weight:900; letter-spacing:-0.035rem;}
.prom_ttl h2 {font-size:2.75vw; font-weight:900; line-height:1.15; letter-spacing:-0.035rem; margin:1.25vw 0 0;}

.split .split_p {
    overflow: hidden
}
.split .split_p .split_c {
    will-change: transform;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
.split.is_view .split_p .split_c {
    will-change: transform;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.4, 0, 0, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.4, 0, 0, 1);
    transition: transform 1.2s cubic-bezier(0.4, 0, 0, 1);
    transition: transform 1.2s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 1.2s cubic-bezier(0.4, 0, 0, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.split.is_view .split_p:nth-child(2) .split_c {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.split.is_view .split_p:nth-child(3) .split_c {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}
.split.is_view .split_p:nth-child(4) .split_c {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.split.is_view .split_p:nth-child(5) .split_c {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

/* promo_device */
.prm_angle {background:#f1f3f5; overflow:hidden;}
.benefit_box {text-align:left; margin:1.75vw auto 0; padding:0 0 0 50%;}
.benefit_box dl {display:inline-block; vertical-align:middle;}
.benefit_box .before {opacity:.55;}
.benefit_box .before dt, .benefit_box .before dd {position:relative; font-size:1.45vw; line-height:1.25; letter-spacing:-0.045rem;}
.benefit_box .before dd:after {content:''; position:absolute; top:0; left:0; width:9.5vw; height:100%; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/through.png) 0 50%/100% auto no-repeat;}
.benefit_box .benefit {margin:0 0 0 4vw;}
.benefit_box .benefit dt {display:inline-block; font-size:1.87vw; line-height:2.23vw; font-weight:900; letter-spacing:-0.025rem; background:#f04923; padding:0 6px; color:#fff;}
.benefit_box .benefit .price {display:block; font-size:3vw; line-height:1.25; letter-spacing:-0.05rem; font-weight:900;}
.benefit_box .benefit .price strong {font-size:3.38vw; letter-spacing:0; color:#000;}
.benefit_box .benefit .delivery {font-size:1.82vw; line-height:1.25; font-weight:900; letter-spacing:-0.05rem; color:#f04923; text-indent:4px;}

.noti_popup {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:81;}
.noti_popup .noti_inner {position:absolute; top:52%; left:50%; width:90%; max-width:1100px; max-height:700px; padding:4vw; background:#fff; box-shadow:2px 2px 6px rgba(0,0,0,.15); box-sizing:border-box; transform:translate(-50%, -48%); -webkit-transform:translate(-50%, -48%); -moz-transform:translate(-50%, -48%); -ms-transform:translate(-50%, -48%); -o-transform:translate(-50%, -48%); opacity:0;}
.noti_popup h2 {font-size:2vw; font-weight:900; line-height:1.15; letter-spacing:-0.045rem; margin:0 0 1.5vw;}
.noti_popup .noti_cls {position:absolute; top:1.5vw; right:1.5vw; width:38px; height:38px; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/cls_ico.svg) 50% 50%/contain no-repeat; text-indent:-9999px;}
.noti_popup .contents li {position:relative; font-size:19px; line-height:32px; letter-spacing:-0.045rem; color:#333; padding:0 0 0 17px;}
.noti_popup .contents li:before { content:''; position:absolute; top:18px; left:0; width:4px; height:4px; background:#555; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}

/* promo_insta */
.prm_insta {background:#eaebec;}
.prm_insta .event_row {margin:2vw auto 0;}
.event_row {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:83.33%; margin:0 auto;}
.event_row .col {width:48.25%;}
.event_row .col_full {width:100%;}
.event_row .col_img {position:relative; text-align:center; padding:35% 0 0;}
.event_row .col_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:92%; max-height:92%; margin:auto;}
.event_row .col_txt {width:50%; color:#000;}
.event_row .col_txt dl {display:flex; flex-wrap:wrap; margin:0 0 2vw;}
.event_row .col_txt dt {width:8.85vw; height:50px; line-height:46px; font-size:1.14vw; font-weight:900; letter-spacing:-0.025rem; border:2px solid #000; border-radius:60px; text-align:center; -webkit-border-radius:60px; -moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; margin:0 0 1.25vw; box-sizing:border-box;}
.event_row .col_txt dd {width:calc(100% - 10vw); font-size:1.35vw; line-height:1.45; letter-spacing:-0.045rem; color:#000; padding:0 0 0 1vw; box-sizing:border-box;}
.event_row .col_txt a, .event_row .col_txt strong {font-weight:900; color:#000;}
.event_row li {font-size:1.35vw; line-height:1.84; letter-spacing:-0.025rem; white-space:nowrap;}
.event_row .noti {font-size:.9vw; font-weight:300; letter-spacing:-0.025rem; color:#565656;}

/* promo_package */
.prm_package {background:#fff4d8;}
.prm_package .prom_ttl {margin:0 auto 2vw;}
.prm_package .noti {display:inline-block; font-size:1vw; line-height:1.22vw; font-weight:700; letter-spacing:-0.035rem; color:#565656; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/gry_arr2.png) 99% 55%/auto 12px no-repeat; padding:0 14px 0 0; margin:1vw 0 0; border-bottom:1px solid #565656; vertical-align:inherit;}

.package_area {max-width:1300px; margin:0 auto;}
.package_area .package_item {position:relative; float:left; width:49.24%; max-width:640px; padding:42.5% 0 0; background:#fff; border-radius:36px; -webkit-border-radius:36px; -moz-border-radius:36px; -ms-border-radius:36px; -o-border-radius:36px; box-shadow:.75vw .75vw 2vw -.5vw rgba(0,0,0,.2); }
.package_area .package_item:last-child {margin:0 0 0 1.52%;}
.package_area .package_item .inner { position:absolute; top:0; left:0; width:100%; height:100%;}
.package_area .package_item .box {position:absolute; top:-10px; left:2vw; width:102px; height:121px; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_bundle/ribbon_box1.png) 0 0/contain no-repeat; text-indent:-9999px;}
.package_area .package_item .badge {top:15%; right:7.5%; width:4.27vw; height:4.27vw; padding:1vw 0; font-size:1.2vw; line-height:1; font-weight:700; box-sizing:border-box;}
.package_area .package_item:last-child .box {background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_bundle/ribbon_box2.png);}
.package_area .package_item .img_box {width:100%; height:56.15%; border-top-left-radius:36px; border-top-right-radius:36px; overflow:hidden;}
.package_area .package_item .img_box img {width:100%; height:100%; object-fit:cover;}
.package_area .package_item .prc_box {width:100%; height:43.85%; padding:1vw 2.2vw; box-sizing:border-box;}
.package_item .prc_box dl {display:inline-block; vertical-align:middle;}
.package_item .prc_box .before {opacity:.55;}
.package_item .prc_box .before dt, .package_item .prc_box .before dd {position:relative; font-size:18px; line-height:1.25;}
.package_item .prc_box .before dd:after {content:''; position:absolute; top:0; left:0; width:103px; height:100%; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/through.png) 0 50%/100% auto no-repeat;}
.package_item .prc_box .benefit {margin:0 0 0 25px;}
.package_item .prc_box .benefit dt {display:inline-block; font-size:20px; line-height:1.7; font-weight:900; letter-spacing:-0.025rem; background:#e79b32; padding:0 16px; color:#fff;}
.package_item:last-child .prc_box .benefit dt {background:#f04923;}
.package_item .prc_box .benefit .price {display:block; font-size:2.18vw; line-height:1.25; letter-spacing:-0.05rem; font-weight:900;}
.package_item .prc_box .benefit .price strong {font-size:2.44vw; letter-spacing:0; color:#000;}
.package_item .prc_box .benefit .delivery {font-size:22px; line-height:1.25; font-weight:900; letter-spacing:-0.05rem; color:#f04923; text-indent:4px;}
.package_item .prc_box .buy_btn {display:block; width:10.5vw; max-width:200px; height:60px; line-height:60px; font-size:22px; font-weight:900; letter-spacing:-0.035rem; color:#fff; background:#f04923; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; text-align:center; margin:1.25vw 0 0;}
.package_item .device {position:absolute; bottom:0; right:1.5vw; width:37%; max-width:234px; height:62.5%; text-align:center;}
.package_item .device img {max-width:100%; max-height:100%;}

/* promo_benefit */
.prm_benefit {background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_bundle/benefit_bg.jpg) 50% 50%/cover no-repeat;}
.buy_benefit {display:flex; justify-content:space-between; width:100%; max-width:1640px; margin:2vw auto; padding:20px;}
.buy_benefit .benefit_item {position:relative; width:23.17%; height:520px; background:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; box-shadow:5px 5px 10px rgba(0,0,0,.25);}
.buy_benefit .benefit_item .benefit_inner {width:100%; height:100%; padding:2vw 1vw; text-align:center; box-sizing:border-box;}
.buy_benefit .benefit_item small {display:inline-block; font-size:1.35vw; line-height:1.15; letter-spacing:-0.065rem; border-bottom:2px solid #000;}
.buy_benefit .benefit_item p {font-size:1.87vw; font-weight:900; line-height:1.25; letter-spacing:-0.03rem; color:#000; white-space:pre-line; margin:1vw 0;}
.buy_benefit .benefit_item a, .buy_benefit .benefit_item .coupon_noti {display:inline-block; font-size:.88vw; line-height:1.2; font-weight:700; letter-spacing:-0.05rem; color:#565656; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/gry_arr2.png) 99% 55%/auto 14px no-repeat; padding:0 15px 0 0; border-bottom:1px solid #565656;}
.buy_benefit .benefit_item .benefit_img {position:absolute; bottom:1.2vw; left:0; width:100%; padding:70% 0 0;}
.buy_benefit .benefit_item .benefit_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}

.prm_benefit .noti_popup {text-align:center;}
.prm_benefit .noti_popup .noti_inner {max-height:900px; padding:2.5vw 4vw;}
.prm_benefit .noti_popup h2 {white-space:pre-line;}
.prm_benefit .noti_popup h2 strong {font-weight:900; color:#f04923;}
.prm_benefit .noti_txt {margin:2.5vw 0 0;}
.prm_benefit .noti_txt h3 {font-size:26px; font-weight:900;}
.prm_benefit .noti_txt .sequence {display:flex; justify-content:center; justify-content:space-between; width:82%; max-width:780px; margin:1vw auto 0;}
.prm_benefit .noti_txt .sequence li {position:relative;  width:25.6%;}
.prm_benefit .noti_txt .sequence li:nth-child(-n+2):after {content:''; position:absolute; top:0; left:100%; width:45.5%; height:75%; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_bundle/coupon_arr.png) 50% 50%/24px auto no-repeat;}
.prm_benefit .noti_txt .ico { position:relative; display:block; width:100%; padding:100% 0 0; background:#f1f3f5; border-radius:50%; margin:0 auto 1vw; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.prm_benefit .noti_txt .ico img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:88%; max-height:88%; margin:auto;}
.prm_benefit .noti_txt .sequence li:nth-child(3) .ico img {left:17%;}
.prm_benefit .noti_txt p {font-size:1.05vw; line-height:1.3; letter-spacing:-0.05rem; color:#333;}
.prm_benefit .contents {margin:2vw 0 0; padding:1vw 0 0; border-top:2px solid #999;}
.prm_benefit .contents li {font-size:1vw; line-height:28px; text-align:left;}

/* target */
.target_sec {background:#eaebec;}
.target_area {width:100%; height:31.25vw; margin:2vw auto 0;}
.target_slide, .last_slide {width:100%; max-width:1200px; height:100%; margin:0 auto; overflow:hidden;}
.target_slide .target, .last_slide .target { height:100%; border-radius:1vw; overflow:hidden; -webkit-border-radius:1vw; -moz-border-radius:1vw; -ms-border-radius:1vw; -o-border-radius:1vw; cursor:pointer;}
.target .target_img {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.target .target_img:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:50%; background: linear-gradient(180deg, rgba(0,0,0,0) 7%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,.85) 100%); opacity:0; transition:opacity .25s ease-out; -webkit-transition:opacity .25s ease-out; -moz-transition:opacity .25s ease-out; -ms-transition:opacity .25s ease-out; -o-transition:opacity .25s ease-out; z-index:3; }
.target .target_img:after { content:''; position:absolute; bottom:-35%; left:0; width:100%; height:32%; background:#12294b; opacity:0; transition:opacity .25s ease-out, bottom .25s ease-out; -webkit-transition:opacity .25s ease-out, bottom .25s ease-out; -moz-transition:opacity .25s ease-out, bottom .25s ease-out; -ms-transition:opacity .25s ease-out, bottom .25s ease-out; -o-transition:opacity .25s ease-out, bottom .25s ease-out; z-index:2; }
.target[data-target="aso25"] .target_img:after {background:#f7e451;}
.target[data-target="family"] .target_img:after {background:#e5e8ed;}
.target:hover .target_img:before {opacity:.25;}
.target:hover .target_img:after {bottom:0; opacity:.98;}
.target .target_img img { position:absolute; top:50%; left:50%; width:auto; height:auto; border-radius:1vw; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transition:transform .35s ease-out; -webkit-transition:transform .35s ease-out; -moz-transition:transform .35s ease-out; -ms-transition:transform .35s ease-out; -o-transition:transform .35s ease-out; -webkit-border-radius:1vw; -moz-border-radius:1vw; -ms-border-radius:1vw; -o-border-radius:1vw; }
.target:hover .target_img 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); }
.target .target_txt {position:absolute; bottom:1.5vw; left:0; width:100%; color:#fff; padding:0 1.66vw; text-shadow:1px 2px 4px rgba(0,0,0,.2); box-sizing:border-box; z-index:5;}
.target .target_txt p {font-size:1.7vw; font-weight:900; line-height:1.2; letter-spacing:-0.025rem; margin:0 0 1.25vw;}
.target .target_txt .arr {display:inline-block; font-size:.88vw; line-height:1; letter-spacing:-0.035rem; border-bottom:1px solid #fff; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/wht_arr.png) 100% 48%/auto 12px no-repeat; padding:0 12px 0 0;}
.target:hover .target_txt {text-shadow:1px 2px 4px rgba(0,0,0,.4);}
.target_area .noti {display:block; max-width:1200px; font-size:1vw; line-height:1.125; letter-spacing:-0.025rem; color:#565656; margin:.75vw auto 0; text-align:right;}

/* story panel */
.half_ttl {letter-spacing:-0.035rem; color:#fff; z-index:2; text-shadow:2px 2px 5px rgba(0,0,0,.15);}
.half_ttl small {display:block; font-size:1.5vw; font-weight:700; margin:0 0 1.5vw;}
.half_ttl h3 {font-size:2.5vw; line-height:1.25; font-weight:700; white-space:pre-line;}
.half_ttl h3 sup {font-size:1vw; vertical-align:top;}
.half_ttl p {font-size:1vw; line-height:1.35; letter-spacing:-0.035rem; white-space:pre-line; margin:1.25vw 0 0;}
.half_ttl p sup {font-size:11px; vertical-align:top;}
.half_ttl .description, .half_ttl + .description {display:inline-block; font-size:.75vw; font-weight:700; line-height:1.35; margin:.5vw 0 0;}

.half_vis {display:flex; flex-wrap:wrap; width:100%; height:100%;}
.half_vis .half {position:relative; width:50%; height:100%; overflow:hidden;}
.half_vis .half .full_img {position:absolute; top:50%; left:50%; width:auto; height:auto; min-width:100%; min-height:100%; object-fit:cover; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
.half_vis .half_ttl {position:absolute; bottom:7.2vw; left:0; padding:0 3vw;}

.magazine {background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/aso_bg.jpg) 50% 50%/cover no-repeat;}
.magazine:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#f7e451; opacity:.15; transition:opacity .5s ease; -webkit-transition:opacity .5s ease; -moz-transition:opacity .5s ease; -ms-transition:opacity .5s ease; -o-transition:opacity .5s ease; transition-delay:.35s; }
.is_active .magazine:after {opacity:.75;}

.magazine .half_vis { position:relative; top:50%; max-width:1260px; height:81.5%; margin:0 auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:3;}
.magazine .half_vis .half {box-shadow:.25vw .25vw .75vw rgba(0,0,0,.15);}
.magazine .half_ttl { bottom:2.05vw; padding:0 0 0 2.8vw; text-shadow:2px 2px 4px rgba(0,0,0,.5);}
#aso25 .magazine .buy_sticker {top:43.5%; right:16.5%;}

.buy_sticker {position:absolute; top:48.5%; right:11%; width:4.16vw; height:4.16vw; line-height:4.16vw; font-size:1.45vw; letter-spacing:-0.04rem; background:linear-gradient(54deg, rgba(231,155,50,1) 0%, rgba(217,72,40,1) 100%); color:#fff; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.buy_sticker:before { 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 5px rgba(217,72,40,.8); opacity:0; animation:buy_ani 2s .4s infinite forwards; -webkit-animation:buy_ani 2s .4s infinite forwards; }
.buy_sticker .cir {position:relative; display:block; width:100%; height:100%; animation:opacity 1.6s infinite forwards; -webkit-animation:opacity 1.6s infinite forwards; }
.buy_sticker .cir:after { content:''; position:absolute; top:50%; left:50%; width:6.2vw; height:6.2vw; background:linear-gradient(54deg, rgba(231,155,50,1) 0%, rgba(217,72,40,1) 100%); transform:translate(-50%, -50%); opacity:.35; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); z-index:-1; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; animation:buy_circle 2s infinite forwards; -webkit-animation:buy_circle 2s infinite forwards;}
#aso25 .full_vis .buy_sticker {top:16.5%; left:45.5%; right:auto;}

.buy_popup {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:10;}
.buy_popup .popup_inner { position:absolute; top:50%; left:50%; width:70%; max-width:800px; height:auto; max-height:690px; background:#fff; padding:2.9vw; box-sizing:border-box; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.buy_popup h2 {font-size:2vw; font-weight:900; line-height:1.4; letter-spacing:-0.05rem; text-align:center; margin:0 0 1.5vw;}
.buy_popup .buy_cls {position:absolute; top:1.2vw; right:1.2vw; width:38px; height:38px; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/cls_ico.svg) 50% 50%/contain no-repeat; text-indent:-9999px;}
.buy_popup .buy_list {display:flex;}
.buy_popup .buy_list li {position:relative; width:50%; padding:10px 1vw 0;}
.buy_popup .buy_list li:first-child:after {content:''; position:absolute; top:0; right:0; width:1px; height:290px; background:#ccc;}
.buy_popup .buy_list .img {position:relative; height:270px; text-align:center;}
.buy_popup .buy_list .img img {height:100%;}
.buy_popup .buy_list .img .badge { top:auto; bottom:1vw; left:70%; right:auto; width:3.5vw; height:3.5vw; font-size:1vw; line-height:1; padding:.75vw 0; text-align:center; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); box-sizing:border-box; }
.buy_popup .buy_list .img .cir:after {width:4vw; height:4vw;}
.buy_popup .buy_list .price {text-align:center; margin:1vw 0 0;}
.buy_popup .buy_list .conp {display:inline-block; font-size:1vw; line-height:1; letter-spacing:-0.045rem; color:#787878; text-decoration:line-through;}
.buy_popup .buy_list .sellp {font-size:2.2vw; line-height:1; font-weight:900; letter-spacing:-0.05rem; color:#f04923; margin:.5vw 0 0;}
.buy_popup .buy_list .sellp strong {font-size:2.4vw; letter-spacing:-.015rem; margin:0 2px 0 0;}
.buy_popup .buy_list .buy_btn {display:block; width:10.5vw; max-width:200px; height:60px; line-height:60px; font-size:22px; font-weight:900; letter-spacing:-0.035rem; color:#fff; background:#d94828; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; text-align:center; margin:2vw auto 0;}

@keyframes buy_ani {
    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.5);
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -o-transform:scale(1.5);
        opacity:0;
    }
}
@keyframes buy_circle {
    0% {
        transform:translate(-50%, -50%) scale(.8);
        -webkit-transform:translate(-50%, -50%) scale(.8);
        -moz-transform:translate(-50%, -50%) scale(.8);
        -ms-transform:translate(-50%, -50%) scale(.8);
        -o-transform:translate(-50%, -50%) scale(.8);
        opacity:.75;
    }
    100% {
        transform:translate(-50%, -50%) scale(1.15) ;
        -webkit-transform:translate(-50%, -50%) scale(1.15) ;
        -moz-transform:translate(-50%, -50%) scale(1.15) ;
        -ms-transform:translate(-50%, -50%) scale(1.15) ;
        -o-transform:translate(-50%, -50%) scale(1.15) ;
        opacity:.05;
    }
}
@keyframes opacity {
    0% {
        opacity:1
    }
    50% {
        opacity:.75
    }
    100% {
        opacity:1
    }
}

.mag_white {background:#fff;}
.half_both .half_ttl {bottom:0; width:100%; height:100%; padding:3.7vw 0 0 5.2vw; color:#000; box-sizing:border-box; text-shadow:none;}
.half_both .min_visual {position:relative; width:100%; padding:56.5% 0 0; margin:1.8vw 0 0; background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/aso_min1.jpg) 100% 0/cover no-repeat;overflow:hidden;}
.half_both .min_visual:before { content:''; position:absolute; top:0; right:0; width:100%; height:100%; background:#fff; transition:transform .4s ease-out; -webkit-transition:transform .4s ease-out; -moz-transition:transform .4s ease-out; -ms-transition:transform .4s ease-out; -o-transition:transform .4s ease-out; }
.min_visual.showed:before {transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%);}

.full_vis {position:relative; width:100%; height:100%; overflow:hidden;}
.full_vis img {position:absolute; top:50%; left:50%; width:auto; height:auto; min-width:100%; min-height:100%; object-fit:cover; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
.full_vis img:nth-child(2) { animation:lighting 1.65s infinite forwards; -webkit-animation:lighting 1.65s infinite forwards; }
.mini_box { position:absolute; top:50%; right:0; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; width:42%; height:28.5vw; background:#f7e451; color:#000; padding:0 4.16vw; z-index:2; transform:translateY(-55%); -webkit-transform:translateY(-55%); -moz-transform:translateY(-55%); -ms-transform:translateY(-55%); -o-transform:translateY(-55%); box-sizing:border-box; text-shadow:none;}

.mag_yellow {background:#f7e451;}
.mag_yellow .half_ttl {padding:3.7vw 5.2vw 0 0; text-align:right; text-shadow:none;}
.mag_yellow .min_visual {background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/aso_min2.jpg);}
.mag_yellow .min_visual:before {left:0; right:auto; background:#f7e451;}
.mag_yellow .min_visual.showed:before {transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%);}

@keyframes lighting {
    0% {
        opacity:1
    }
    50% {
        opacity:0
    }
    100% {
        opacity:1
    }
}

/* last target */
.last_area {height:28.125vw;}
.last_slide .target img {max-height:none;}
.last_slide .target .target_img:after {height:35%;}
.last_area .apr_btn {margin:2.7vw auto 0;}

/* office target */
#office .magazine {background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/off_bg.jpg) 50% 50%/cover no-repeat;}
#office .magazine:after {background:#12294b;}
#office .magazine .buy_sticker {top:22.5%; left:35%; right:auto;}

#office .off_min {position:relative;}
#office .off_min .min_visual {padding:50% 0 0; background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/off_min1.jpg);}
#office .off_min .buy_sticker {top:32.5%; right:40%;}

.mag_navy {background:#12294b;}
.mag_navy .half_ttl {padding:3.7vw 5.2vw 0 0; text-align:right; color:#fff;}
.mag_navy .min_visual {background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/off_min2.jpg);}
.mag_navy .min_visual:before {left:0; right:auto; background:#12294b;}
.mag_navy .min_visual.showed:before {transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%);}

/* family target */
#family .magazine {background:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/son_bg.jpg) 50% 50%/cover no-repeat;}
#family .magazine:after {background:#ffffff;}
#family .magazine .buy_sticker {top:62.5%; left:52%; right:auto;}
#family .off_min .min_visual {background:none;}
#family .off_min .min_visual video, #family .off_min .min_visual img {position:absolute; top:0; right:0; width:100%; height:100%; object-fit:cover;}
#family .magazine .half:nth-child(2) img {top:auto; bottom:0; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
#family .magazine .half:nth-child(2) .half_ttl {bottom:1vw; padding:0 2vw;}
#family .magazine .description {color:#000; white-space:pre-line; text-shadow:none;}

#family .mag_white {background:#ffffff;}
#family .mag_white:nth-child(3) .half_ttl {padding:3.7vw 5.2vw 0 0; text-align:right;}
#family .mag_white:nth-child(3) .min_visual {background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_off/son_min2.jpg);}
#family .mag_white:nth-child(3) .min_visual:before {left:0; right:auto; background:#ffffff;}
#family .mag_white:nth-child(3) .min_visual.showed:before {transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%);}
#family .mag_white .buy_sticker {top:47.5%; right:auto; left:28.5%;}

.share_popup {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:999;}
.share_popup .share_inner {position:absolute; top:0; left:0; right:0; bottom:0; width:92%; max-width:680px; height:480px; background:#fff; border-radius:45px; -webkit-border-radius:45px; -moz-border-radius:45px; -ms-border-radius:45px; -o-border-radius:45px; margin:auto; padding:35px 30px 0; text-align:center; box-sizing:border-box;}
.share_popup .share_inner h3 {font-size:40px; font-weight:900; line-height:1; letter-spacing:-0.045rem; margin:0 auto 80px;}
.share_popup .share_inner .share_cls {position:absolute; top:35px; right:30px; width:40px; height:40px; background:url(/images/2021/slim_cp/share_cls.png) 50% 50% no-repeat; text-indent:-9999px;}
.share_popup .share_list button {display:inline-block; width:140px; padding:160px 0 0; background:url(/images/2021/slim_cp/kakao_ico.png) 50% 0 no-repeat; font-size:24px; font-weight:900; line-height:1.3; letter-spacing:-0.025rem; text-align:center; vertical-align:top; margin:0 30px; color:#000;}
.share_popup .share_list .url_btn {background-image:url(/images/2021/slim_cp/url_ico.png);}

@media screen and (max-width:1680px){
    .apr_intro {max-width:38.5vw;}
    .apr_intro .off_box {right:2%;}

    .prom_ttl small {font-size:1.5vw;}
    .prom_ttl h2 {font-size:3vw;}

    .package_area {max-width:77.5vw;}

    .buy_benefit {max-width:100%; padding:20px 4%; box-sizing:border-box;}
    .buy_benefit .benefit_item {height:auto; padding:32% 0 0; box-sizing:border-box;}
    .buy_benefit .benefit_item .benefit_inner {position:absolute; top:0; left:0; box-sizing:border-box;}

    .benefit_lst {margin:2.7vw auto 0;}
    .target_area {height:32.5vw;}
    .target .target_txt p {font-size:1.87vw;}

    .half_ttl small {font-size:1.65vw;}
    .half_ttl h3 {font-size:2.75vw;}
    .half_ttl p {font-size:1.15vw;}
    
    .buy_sticker {width:4.5vw; height:4.5vw; line-height:4.5vw;}
    .last_area {height:30vw;}
}

@media screen and (max-width:1440px){
    .apr_intro {left:4%;}
    .apr_intro h2 {font-size:19vw; line-height:14.5vw;}
    .bundle_timer {margin:3.5vw 0 0;}

    .apr_btn {width:35.5vw;}
    .apr_btn .btn, .apr_btn .btn_box {max-width:none;}
    .apr_btn .btn {height:4.5vw; line-height:calc(4.5vw - 6px); font-size:1.4vw;}
    .apr_btn .btn_box .kakao, .apr_btn .btn_box .sale {max-width:180px; font-size:14px;}
    .apr_btn .btn_box .kakao:before {width:16px;}

    .apr_visual img {max-height:140%;}

    .prom_ttl h2 {font-size:3.3vw;}

    .package_area .package_item {padding:40% 0 0;}
    .package_area .package_item .box {top:-.55vw; width:6.05vw;}
    .package_area .package_item .badge {width:4.7vw; height:4.7vw; padding:1.15vw 0;}
    .package_item .prc_box .before dt, .package_item .prc_box .before dd {font-size:1.25vw;}
    .package_item .prc_box .before dd:after {width:120%;}
    .package_item .prc_box .benefit dt {font-size:1.35vw; padding:0 1.1vw;}
    .package_item .prc_box .benefit .delivery {font-size:1.4vw;}
    .package_item .prc_box .buy_btn {height:3.82vw; line-height:3.82vw; font-size:1.4vw; margin:1vw 0 0;}

    .prm_benefit .noti_txt p {font-size:1.2vw;}

    .noti_popup .contents li {font-size:1.05vw; line-height:1.5; padding:0 0 0 .95vw;}
    .noti_popup .contents li:before {top:16px;}
    

    .event_row .col_img img {max-width:92%;}
    .event_row .col_txt dl {align-items:center; margin:0 0 1.75vw;}
    .event_row .col_txt dt {width:9.5vw; height:3.25vw; line-height:calc(3.25vw - 4px); font-size:1.25vw;}
    .event_row .col_txt dd {font-size:1.4vw; margin:0 0 1.25vw;}
    .event_row li {font-size:1.44vw;}
    .event_row .noti, .benefit_lst .benefit_txt a, .target .target_txt .arr {font-size:1.15vw;}

    .benefit_lst {width:80%; margin:3.25vw auto 0;}
    .benefit_lst li {height:16.5vw;}
	.benefit_lst .dimmed:before {top:1.5vw; right:2.75vw;}
    .benefit_lst .benefit_txt dt {font-size:2.2vw;}
    .benefit_lst .benefit_txt dd {font-size:1.75vw;}
    .benefit_lst .benefit_vis {width:52.5%;}
    .benefit_lst .benefit_vis img {max-width:66%; max-height:61.5%;}

    .target_area {height:36.5vw;}
    .target .target_txt p {font-size:2.05vw;}

    .half_ttl small {font-size:1.875vw;}
    .half_ttl h3 {font-size:3.125vw;}
    .half_ttl p {font-size:1.25vw;}

    /* story section */
    .half_ttl .description {font-size:1vw; margin:1vw 0 0;}
    .half_vis .half .full_img, .full_vis img {max-height:120%;}

    .magazine .half_vis {width:65.6%;}
    .magazine .half_ttl {padding:0 0 0 2.5vw;}
    .magazine .half_vis .half h3 {font-size:2.75vw;}
    .magazine .half_vis .half p {font-size:1.15vw;}
    .half_both .min_visual {margin:2.75vw 0 0;}
    .mini_box {height:25.5vw;}

    .buy_popup h2 {font-size:2.6vw;}
    .buy_popup .buy_cls {width:2.65vw; height:2.65vw;}
    .buy_popup .buy_list .img {height:18.75vw;}
    .buy_popup .buy_list .img .badge {width:4.5vw; height:4.5vw; font-size:1.25vw; padding:1vw 0;}
    .buy_popup .buy_list .conp {font-size:1.25vw;}
    .buy_popup .buy_list .sellp {font-size:2.4vw;}
    .buy_popup .buy_list .sellp strong {font-size:2.56vw;}
    .buy_popup .buy_list .buy_btn {width:13.5vw; height:4vw; line-height:4vw; font-size:1.4vw;}

    #aso25 .magazine .buy_sticker {right:13%;}
    #aso25 .full_vis .buy_sticker {top:20%;}
    .mag_yellow .half_ttl, .mag_navy .half_ttl {padding:4.44vw 5.2vw 0 0;}
    .mag_yellow .half_ttl .min_visual, .mag_navy .half_ttl {margin-top:4.5vw;}

    #office .magazine .buy_sticker {top:26.5%;}

    .last_area {height:32.85vw;}
    .last_slide .target img {top:0; left:0; width:100%; height:auto; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); }
    .last_slide .target:hover img { transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);}
    .last_slide .target .target_img:after {height:37%;}
    .last_area .apr_btn {margin:3.5vw auto 0;}
    .apr_btn .btn_box .sale {width:10vw;}
    .apr_btn .share_lst button {background-size:1.75vw auto;}
    .apr_btn .share_lst .kakao_btn {background-size:2vw auto;}
}
@media screen and (max-width:1560px) and (min-height:900px){
    /* 16/9 비율이 아닐 때 (세로값이 클 때) */
    .portrait .prm_insta .event_row {margin:4vw auto 0;}   
    .portrait .prm_benefit .benefit_lst {margin:6vw auto 0;}
    .portrait .prm_benefit .benefit_lst li {height:16vw;}

    .portrait .half_both .half_ttl {padding-top:4.65vw;}
}
@media all and (min-width:1281px) and (max-width:1440px) and (max-height:767px) and (max-device-aspect-ratio:16/8) {
    /* notebook 15" */
    .apr_visual img {top:65%;}
    .benefit_lst li {height:15vw;}
    .target_area {height:32.5vw;}
    .last_area {height:28.5vw;}
}
@media screen and (max-width:1280px){
    .apr_intro h2 {font-size:17.7vw; line-height:13vw;}
    .apr_intro .off_box {right:4%;}
    .bundle_timer #timer div:nth-child(-n+3) b:after {background-size:auto 100%;}

    .scroll_mov {width:2.4vw; height:1.25vw;}
    .prom_ttl {padding:5.2vw 0 0;}

    .noti_popup .noti_inner {max-width:960px;}
    .noti_popup .contents li:before {top:calc(1.575vw/2 - 2px);}
    
    .buy_benefit .benefit_item a, .buy_benefit .benefit_item .coupon_noti {font-size:1vw;}
    .prm_benefit .noti_txt .ico {width:90%; padding:90% 0 0;}
    .prm_benefit .noti_txt .ico img {max-width:70%; max-height:70%;}

    .target_area {margin:2.75vw auto 0;}
    .target_slide, .last_slide {width:92%; max-width:92%;}
    .target_area .noti {max-width:92%;}
    .target .target_img img {width:100%;}

    .buy_sticker {width:5vw; height:5vw; line-height:5vw; font-size:1.66vw;}
}
@media all and (min-device-aspect-ratio:16/10) and (orientation:landscape) {
    .landscape .apr_visual img {min-height:100%; max-height:120%; height:auto;}

    .landscape .prom_ttl {padding:4.5vw 0 0;}
    .landscape .prom_ttl h2 {font-size:3vw;}
    .landscape .benefit_lst {margin:2vw auto 0;}
    .landscape .benefit_lst li {height:14.5vw;}

    .landscape .event_row .col_img {padding:30% 0 0;}
    .landscape .event_row .col_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:92%; max-height:92%; margin:auto;}
    .landscape .target_area {height:31vw; margin:2vw auto 0;}
    .landscape .target .target_img:after {height:38%;}

    .landscape .half_ttl h3 {font-size:2.75vw;}
    .landscape .half_ttl p {font-size:1.15vw; margin:1.15vw 0 0;}
    .landscape .magazine .half_vis .half h3 {font-size:2.45vw;}
    .landscape .half_vis .half .full_img, .full_vis img {height:auto; max-height:120%;}
    .landscape .half_both .min_visual {padding:42.5% 0 0;}

    .landscape .last_area {height:26.5vw;}
}
@media all and (min-width:1024px) and (max-width:1280px) and (min-height:640px) and (min-device-aspect-ratio:16/9) {
    /* 16/9 비율보다 커졌을 때 */
    .pc .apr_visual img {top:65%; max-height:130%;}

    .pc .prom_ttl {padding:4.5vw 0 0;}
    .pc .prom_ttl h2 {font-size:3vw;}
    .pc .benefit_lst {margin:2vw auto 0;}
    .pc .benefit_lst li {height:14.5vw;}

    .pc .event_row .col_img {padding:40% 0 0;}
    .pc .event_row .col_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:92%; max-height:92%; margin:auto;}
    .pc .target_area {height:31vw; margin:2vw auto 0;}
    .pc .target .target_img:after {height:42%;}

    .pc .half_ttl h3 {font-size:2.75vw;}
    .pc .half_ttl p {font-size:1.15vw; margin:1.15vw 0 0;}
    .pc .magazine .half_vis .half h3 {font-size:2.45vw;}
    .pc .half_vis .half .full_img, .full_vis img {height:auto; max-height:120%;}
    .pc .half_both .min_visual {padding:42.5% 0 0;}

    .pc .last_area {height:26.5vw;}
}
@media all and (max-width:1280px) and (max-height:640px) and (max-device-aspect-ratio:16/8) {
    /* notebook 13" */
    .apr_intro h2 {font-size:17.7vw;}
    .pc .apr_visual img {top:67.5%; max-height:140%;}

    .pc .prom_ttl {padding:4vw 0 0;}

    .pc .package_area .package_item {padding:32.5% 0 0;}
    .pc .package_area .package_item .img_box {height:45%;}
    .pc .package_area .package_item .img_box img {height:auto;}
    .pc .package_area .package_item .prc_box {height:55%;}

    .pc .buy_benefit .benefit_item {padding:28% 0 0;}
    .pc .buy_benefit .benefit_item .benefit_img {padding:55% 0 0;}

    .pc .prm_benefit .noti_txt .sequence {width:80%; max-width:720px;}
    .pc .prm_benefit .noti_txt .sequence li {width:23.5%;}
    .pc .prm_benefit .noti_txt .sequence li:nth-child(-n+2):after {width:62.5%;}
    .pc .prm_benefit .noti_txt .ico {width:85%; padding:85% 0 0;}
    .pc .prm_benefit .noti_txt .ico img {max-width:50%; max-height:50%;}
    .pc .prm_benefit .noti_txt {margin:1.5vw 0 0;}

    .pc .event_row .col_txt dl {align-items:flex-start;}
    .pc .event_row .col_txt dt {width:8.85vw; height:38px; line-height:34px; font-size:1.14vw;}
    .pc .event_row .col_txt dd {width:calc(100% - 10vw); font-size:1.25vw;}
    .pc .event_row li {font-size:1.25vw;}
    
    .pc .benefit_lst li {height:11.5vw;}
    .pc .benefit_lst .benefit_txt dt {font-size:1.75vw;}
    .pc .benefit_lst .benefit_txt dd {font-size:1.5vw;}
    .pc .event_row .noti, .pc .benefit_lst .benefit_txt a, .pc .target .target_txt .arr {font-size:1vw;}
    .benefit_lst .benefit_txt a {background-size:auto 11px;}

    .pc .target_area {height:28vw;}
    .pc .target .target_img img { transform:translate(-50%,-40%); -webkit-transform:translate(-50%,-40%); -moz-transform:translate(-50%,-40%); -ms-transform:translate(-50%,-40%); -o-transform:translate(-50%,-40%);}
    .pc .target:hover .target_img img { transform:scale(1.05) translate(-50%,-40%); -webkit-transform:scale(1.05) translate(-50%,-40%); -moz-transform:scale(1.05) translate(-50%,-40%); -ms-transform:scale(1.05) translate(-50%,-40%); -o-transform:scale(1.05) translate(-50%,-40%); }
    .pc .target .target_img:after {height:40%;} 

    .pc #aso25 .full_vis .buy_sticker {left:46.5%;}
    .pc .mini_box {height:22.5vw;}

    .pc .last_area {height:21vw;}
    .pc .last_area .target .target_txt {bottom:1vw;}
    .pc .last_area .target .target_txt p {margin:0 0 .25vw;}
    .pc .last_area .target .target_img:after {height:44%;}
    .pc .last_slide .target img {top:-5%; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0);}
    .pc .last_slide .target:hover img { transform:scale(1.03) translate(0,0); -webkit-transform:scale(1.03) translate(0,0); -moz-transform:scale(1.03) translate(0,0); -ms-transform:scale(1.03) translate(0,0); -o-transform:scale(1.03) translate(0,0); }
}
@media screen and (min-width:1024px) and (max-width:1280px) and (min-height:720px){
    /* 16/9 비율이 아닐 때 (세로값이 클 때) */
    .portrait .prom_ttl {padding:6.5vw 0 0;}
    .portrait .prom_ttl small {font-size:2vw;}
    .portrait .prom_ttl h2 {font-size:4.4vw; margin:1.5vw 0 0;}
    .portrait .prm_insta .event_row {margin:7.5vw auto 0;}   
    .portrait .prm_benefit .benefit_lst {margin:6vw auto 0;}

    .portrait .half_both .half_ttl {padding-top:6.25vw;}
    .portrait .half_both .min_visual {margin:7.5vw 0 0;}

    .portrait .target_area {height:45vw; margin:7.5vw auto 0;}
    .portrait .last_area {height:42vw; margin:5vw auto 0;}
}
@media screen and (max-width:1024px) {
    /* ipad pro & PC에서 창 사이즈 줄였을 때 (landscape 기준) */
    .apr_intro p {font-size:2.15vw;}
	.apr_intro .date {font-size:1.75vw;}
    .apr_btn {width:40vw; margin:3.5vw 0 0;}
    .apr_btn .btn {height:5.25vw; line-height:calc(5.25vw - 6px); font-size:1.65vw;}
    .apr_btn .btn_box .kakao, .apr_btn .btn_box .sale {height:28px; line-height:28px; font-size:12px; margin:-18px auto 0;}
    .apr_visual img {left:35%; max-height:120%;}

    .prom_ttl {padding:7.2vw 0 0;}
    .prom_ttl small {font-size:1.75vw;}
    .prom_ttl h2 {font-size:3.6vw;}
    .prm_package .noti {font-size:1.25vw; line-height:1.4; background-position:99% 55%; background-size:auto 12px;}

    .package_area, .buy_benefit {width:92%; max-width:92%; margin:5.4vw auto 0;}
    .package_area .package_item {padding:44% 0 0;}

    .noti_popup .noti_inner {max-width:760px;}
    .noti_popup h2 {font-size:2.5vw;}
    .noti_popup .noti_cls {top:2vw; right:2vw; width:30px; height:30px;}
    .noti_popup .contents li {font-size:1.4vw; line-height:27px; padding:0 0 0 1.25vw;}
    .noti_popup .contents li:before {top:11.5px;}

    .prm_insta .event_row {width:88%; margin:5.4vw auto 0;}
    .event_row .col_img {padding:45% 0 0;}
    .event_row .col_txt dt {width:11vw; height:3.65vw; line-height:calc(3.65vw - 4px); font-size:1.45vw;}
    .event_row .col_txt dd {width:calc(100% - 11vw); font-size:1.55vw; white-space:nowrap; padding:0 0 0 1.5vw;}
    .event_row li {font-size:1.55vw;}

    .buy_benefit .benefit_item .benefit_img {padding:63% 0 0;}

    .benefit_lst, .target_area {margin:5.4vw auto 0;}
    .benefit_lst li {height:20vw;}
	.benefit_lst .dimmed:before {top:3.5vw;}
    .benefit_lst .benefit_txt dt {font-size:2.45vw; margin:0 0 1.25vw;}
    .benefit_lst .benefit_txt dd {font-size:2vw; line-height:1.4;}
    .event_row .noti, .benefit_lst .benefit_txt a, .target .target_txt .arr {font-size:1.25vw; margin:1vw 0;}
    .benefit_lst .benefit_txt a {background-size:auto 10px;}

    .target_area {height:45vw;}

    .magazine .half_vis {width:72.16%; height:73.35%;}
    .magazine .half_vis .half p {font-size:1.4vw;}

    .half_ttl small {font-size:2vw;}
    .half_ttl h3 {font-size:3.5vw;}
    .half_ttl p {font-size:1.45vw; margin:1.6vw 0 0;}

    .mag_white .half_both .half_ttl p {padding:0 1.25vw 0 0;}

    .half_both .half_ttl, .mag_yellow .half_ttl, .mag_navy .half_ttl {padding-top:7.4vw;}
    .half_both .min_visual {margin:5.5vw 0 0;}

    .mini_box {width:45%;}
    .mag_yellow .half_ttl .min_visual, .mag_navy .half_ttl {margin:8.5vw 0 0;}
    
    .buy_sticker {width:5.5vw; height:5.5vw; line-height:5.5vw; font-size:1.88vw;}
    #aso25 .magazine .buy_sticker {right:10%;}
    #aso25 .full_vis .buy_sticker {left:44.5%;}
    .go_top {width:52px; height:52px;}
}
@media all and (min-width:481px) and (max-width:1024px) and (orientation:portrait){
    /* ipad pro 세로모드*/
    .portrait .apr_intro {top:0; left:0; right:0; width:84%; max-width:640px; height:100%; padding:16vw 0 0; margin:0 auto; text-align:center; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); box-sizing:border-box;}
    .portrait .apr_intro small {font-size:3.3vw;}
    .portrait .apr_intro h2 {font-size:24vw; line-height:20vw; letter-spacing:.5rem;}
    .portrait .apr_intro h2 .plus {font-size:18vw;}
    .portrait .apr_intro .off_box {position:static; display:inline-block; width:16vw; height:16vw; padding:2.7vw; font-size:5vw; line-height:5vw; vertical-align:middle; margin:-4vw 0 0 3vw;}
    .portrait .apr_intro .off_box i {font-size:4vw;}
    .portrait .bundle_timer .txt {font-size:2.8vw; margin:0 auto 1vw;}
    .portrait .bundle_timer #timer b {font-size:6.5vw;}
    .portrait .bundle_timer #timer div:nth-child(-n+3) b:after {width:16px; height:80%;}
    .portrait .bundle_timer #timer span {font-size:15px;}

    .portrait .apr_visual img {top:0; left:0; width:100%; min-height:auto; max-height:none; transform:translate(0,-15%); -webkit-transform:translate(0,-15%); -moz-transform:translate(0,-15%); -ms-transform:translate(0,-15%); -o-transform:translate(0,-15%); }
    .portrait .apr_visual .pc_only {display:none !important;}
    .portrait .apr_visual .mobile_only {display:block !important;}

    .portrait .apr_btn {width:42vw; margin:5vw 0 0;}
    .portrait .apr_btn .btn {height:5.6vw; line-height:calc(5.6vw - 6px); font-size:2vw;}
    .portrait .scroll_mov {bottom:3.2vw; width:4vw; height:2.4vw;}

    .portrait .panel .inner {display:flex; flex-direction:column; padding:12vw 0;}
    .safari .portrait .panel .inner {display:flex; flex-direction:column; padding:calc(12vw + env(safe-area-inset-top)) 0 calc(12vw + env(safe-area-inset-bottom));}
    .portrait .panel .inner .prom_ttl {height:auto; padding:0;}
    .portrait .panel .inner .prom_ttl + * {flex:1 1 auto;}

    .portrait .prm_package .package_area {display:flex; flex-direction:column; justify-content:space-between;}
    .portrait .prm_package .package_area .package_item {width:100%; max-width:640px; height:49.24%; margin:0 auto;}
    .portrait .prm_package .package_area .package_item:last-child {margin:1.52% auto 0;}
    .portrait .prm_package .package_area .inner {display:block; padding:0;}
    .prm_package .noti {font-size:2.2vw;}

    .portrait .prom_ttl small {font-size:3vw;}
    .portrait .prom_ttl h2 {font-size:5.4vw; margin:3.5vw 0 0;}

    .portrait .benefit_box {text-align:center; padding:0 4%; margin:6% 0 0;}
    .portrait .benefit_box .before {text-align:left;}
    .portrait .benefit_box .before dt, .portrait .benefit_box .before dd {font-size:3vw;}
    .portrait .benefit_box .before dd:after {width:16vw;}

    .portrait .benefit_box .benefit {margin:0 0 0 4.5vw; text-align:left;}
    .portrait .benefit_box .benefit dt {font-size:3.6vw; line-height:4.85vw; padding:0 4px;}
    .portrait .benefit_box .benefit .price {font-size:6.3vw;}
    .portrait .benefit_box .benefit .price strong {font-size:7vw;}
    .portrait .benefit_box .benefit .delivery {font-size:2.8vw;}

    .portrait .buy_benefit {width:94.8%; max-width:94.8%; padding:0; flex-wrap:wrap; margin:7.5% auto 0;}
    .portrait .buy_benefit .benefit_item {width:50%; height:50%; padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; box-sizing:border-box;}
    .portrait .buy_benefit .benefit_inner {padding:3.2vw 0 0 3.85vw; text-align:left; box-sizing:border-box;}
    .portrait .buy_benefit .benefit_item small {font-size:3vw; font-weight:700; margin:0 0 1.5vw;}
    .portrait .buy_benefit .benefit_item p {font-size:3.3vw;}
    .portrait .buy_benefit .benefit_item .benefit_img {padding:44% 0 0;}
    .portrait .buy_benefit .benefit_item .benefit_img img {max-width:94%; max-height:94%;}
    .portrait .buy_benefit .benefit_item a, .portrait .buy_benefit .benefit_item button {position:relative; font-size:2vw; margin:.8vw 0 0; padding:0 2.3vw 0 0; background-size:auto 2vw; z-index:2;}

    .portrait .prm_insta .event_row {width:100%; margin:6vw auto 0;}
    .portrait .event_row .col {width:100%; padding:0 4%; box-sizing:border-box;}
    .portrait .event_row .col_img {height:50%;}
    .portrait .event_row .col_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
    .portrait .event_row .col_txt {padding:0 0 0 6.5%;}
    .portrait .event_row .col_txt dt {width:18.5vw; height:6vw; line-height:calc(6vw - 4px); font-size:2.4vw; margin:0 0 2vw;}
    .portrait .event_row .col_txt dd {width:calc(100% - 18.5vw); font-size:2.4vw; margin:0 0 2vw;}
    .portrait .event_row li {font-size:2.4vw; letter-spacing:-0.045rem;}
    .portrait .event_row .noti, .portrait .benefit_lst .benefit_txt a, .portrait .target .target_txt .arr {font-size:2vw; text-align:center; margin:3vw 0 0;}
    .portrait .event_row .noti + .noti {margin:0;}

    .portrait .benefit_lst {width:94.8%; margin:7.5% auto 0;}
    .portrait .prm_benefit .benefit_lst .benefit_item {flex-wrap:wrap; height:50%; padding:0;}
    .portrait .benefit_lst .benefit_txt {padding:2vw 0 0 3.85vw; box-sizing:border-box;}
    .portrait .benefit_lst .benefit_txt dt {font-size:4vw; margin:0 0 1.5vw;}
    .portrait .benefit_lst .benefit_txt dd {font-size:3.3vw;}
    .portrait .benefit_lst .benefit_txt, .benefit_lst .benefit_vis {width:100%;}
    .portrait .benefit_lst .benefit_vis {position:relative; height:50%;}
    .portrait .benefit_lst li:nth-child(-n+4) .benefit_vis img {top:0; right:0; max-width:80%; max-height:80%;}
    .portrait .benefit_lst li:nth-child(3) .benefit_vis img {top:-10%;}
    .portrait .benefit_lst .benefit_txt a {margin:.8vw 0 0; padding:0 2.3vw 0 0; background-size:auto 2vw;}

    .portrait .target_area {height:auto; margin:0 auto;}
    .portrait .target_slide, .portrait .last_slide {height:auto; margin:7.5% auto 0;}
    .portrait .target_slide .target, .portrait .last_slide .target {width:62.3%; height:auto; padding:75% 0 0; border-radius:2.5vw; -webkit-border-radius:2.5vw; -moz-border-radius:2.5vw; -ms-border-radius:2.5vw; -o-border-radius:2.5vw;}
    .portrait .target .target_img img {width:auto; height:auto; min-width:100%; min-height:100%;}
    .portrait .target:hover .target_img img {transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1); -moz-transform:translate(-50%, -50%) scale(1); -ms-transform:translate(-50%, -50%) scale(1); -o-transform:translate(-50%, -50%) scale(1);}
    .portrait .target .target_img:after, .portrait .target .target_img:before {display:none;}
    .portrait .target_area .noti {text-align:center; margin:6vw auto 0; padding:0;}

    .portrait .target .target_txt {bottom:5.5vw; padding:0 0 0 2.5vw;}
    .portrait .target .target_txt p {font-size:3vw;}
    .portrait .target .target_txt .arr {font-size:2.2vw; background-size:auto 1.4vw; padding:0 1.5vw 0 0; margin:0;}
    .portrait .target_bar {margin:5vw auto 6.5vw;}

    /* story */
    .portrait .panel .square {padding:0;}

    .portrait .half_vis .half_ttl {bottom:8.5vw;}
    .portrait .half_ttl small {font-size:3vw; margin:0 0 2.5vw;}
    .portrait .half_ttl h3 {font-size:4vw;}
    .portrait .half_ttl p {font-size:2.25vw; margin:3.6vw 0 0;} 

    .portrait .buy_sticker {width:7.5vw; height:7.5vw; line-height:7.5vw; font-size:2vw;}
    .portrait .buy_sticker .cir:after {width:7.5vw; height:7.5vw;}
    .portrait #aso25 .panel:first-child .half_vis .half .full_img, .portrait #office .panel:first-child .half_vis .half .full_img {left:75%;}
    .portrait #aso25 .panel:nth-child(5) .half_vis .half .full_img,  .portrait #family .panel:first-child .half_vis .half .full_img {left:25%;}
    .portrait #aso25 .magazine .buy_sticker {top:42%; right:27.5%;}

    .portrait .magazine .half_vis {width:79.376%; height:80.685%;}

    .portrait .full_vis img {top:0; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}

    .portrait .half_both .half_ttl {bottom:0; padding-top:12.5vw;}
    .portrait .mini_box {justify-content:flex-start; flex-direction:row; width:52%; height:auto; padding:4.16vw; text-align:left;}
}
@media screen and (max-width:820px){
    /* mobile */
    .pc_only {display:none !important;}
    .mobile_only {display:block !important;}

    .panel .inner {display:flex; flex-direction:column; padding:12vw 0;}
    .safari .panel .inner {padding:calc(12vw + env(safe-area-inset-top)) 0 calc(12vw + env(safe-area-inset-bottom));}
    .panel .inner .prom_ttl {height:auto; padding:0;}
    .panel .inner .prom_ttl + * {flex:1 1 auto;}

    .prom_ttl small {font-size:3.5vw;}
    .prom_ttl h2 {font-size:6.7vw; margin:3.5vw 0 0;}

    .apr_intro {top:0; left:0; right:0; width:84%; max-width:480px; height:100%; padding:20vw 0 0; margin:0 auto; text-align:center; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
    .apr_intro small {font-size:3.6vw;}
    .apr_intro h2 {font-size:25vw; line-height:23vw; text-align:justify; letter-spacing:0.5rem;}
    .apr_intro h2 .plus {font-size:18vw;}
    .apr_intro h2:after {content:''; display:block;}
    .apr_intro h2 .off_box {display:inline-block; width:18vw; height:18vw; font-size:5vw; line-height:4.5vw; margin:-15vw 0 0; padding:3.75vw 4vw; margin:-9vw 0 0;}
    .bundle_timer .txt {font-size:2.5vw;}
    .bundle_timer #timer b {font-size:5.5vw; margin:1vw 0 0;}
    .bundle_timer #timer div:nth-child(-n+3) b:after {background-size:auto 90%;}

    .apr_btn .btn {height:11.75vw; line-height:calc(11.75vw - 6px); font-size:4.25vw; border-radius:15vw; -webkit-border-radius:15vw; -moz-border-radius:15vw; -ms-border-radius:15vw; -o-border-radius:15vw; }
    .apr_btn .btn_box .kakao, .apr_btn .btn_box .sale {max-width:28vw; height:4.74vw; line-height:4.74vw; font-size:2.5vw; margin:-2.65vw auto 0;}
    .apr_btn .btn_box .kakao:before {width:2.7vw;}

    .apr_visual img {top:auto; left:0; width:100%; transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); }
    .scroll_mov {bottom:6.25vw; width:5.89vw; height:3.07vw;}

    .noti_popup .noti_inner {max-height:none; padding:14.5vw 7.5vw 12vw;}
    .noti_popup h2 {font-size:5.65vw; margin:0 0 4.85vw;}
    .noti_popup .noti_cls {top:4vw; right:4vw; width:4.85vw; height:4.85vw;}
    .noti_popup .contents li {font-size:2.82vw; line-height:5.12vw; padding:0 0 0 1.5vw;}
    .noti_popup .contents li:before {top:calc((5.12vw - 4px)/2);}

    .prm_benefit {background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2022/slim_bundle/benefit_bg_m.jpg);}

    .prm_insta .event_row {width:100%;}
    .event_row .col {width:100%; padding:0 4%; box-sizing:border-box;}
    .event_row .col_img {padding:50% 4% 0;}
    .event_row .col_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:92%; max-height:92%; margin:auto;}
    .event_row .col_txt {padding:0 0 0 4%; margin:0 0 auto 0;}
    .event_row .col_txt dt {width:23vw; height:7.43vw; line-height:calc(7.43vw - 4px); font-size:3.2vw; margin:0 0 2.7vw;}
    .event_row .col_txt dd {width:calc(100% - 23vw); font-size:3.2vw; margin:0 0 2.7vw;}
    .event_row li {font-size:3vw; letter-spacing:-0.045rem;}
    .event_row .noti, .benefit_lst .benefit_txt a, .target .target_txt .arr, .portrait .target_area .noti {font-size:2.5vw; text-align:center; margin:3.8vw 0 0;}
    .event_row .noti + .noti {margin:0;}

    .target_area {height:auto; margin:0 auto;}
    .target_slide, .last_slide {width:100%; max-width:100%; height:auto; margin:7.5% auto 0;}
    .target_slide .target, .last_slide .target {width:62.3%; height:auto; padding:122% 0 0; border-radius:2.5vw; -webkit-border-radius:2.5vw; -moz-border-radius:2.5vw; -ms-border-radius:2.5vw; -o-border-radius:2.5vw;}
    .target .target_img img {width:auto; height:100%;}
    .target:hover .target_img img {transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1); -moz-transform:translate(-50%, -50%) scale(1); -ms-transform:translate(-50%, -50%) scale(1); -o-transform:translate(-50%, -50%) scale(1);}
    .target .target_img:after, .target .target_img:before {display:none;}
    .target .target_txt {bottom:7.5vw; padding:0 5.5vw;}
    .target .target_txt p {font-size:5.5vw;}
    .target .target_txt .arr {font-size:3.33vw; background-size:auto 16px; padding:0 16px 0 0;}
    .target_bar {text-align:center; margin:6.5vw auto 7.5vw;}
    .swiper-horizontal > .target_bar .swiper-pagination-bullet {width:2.56vw; height:2.56vw; background:#999; margin:0 1vw; opacity:1;}
    .swiper-horizontal > .target_bar .swiper-pagination-bullet-active {background:#dd5333;}

    .target_area .noti {text-align:center;}

    .half_ttl small {font-size:3.85vw; margin:0 0 6.6vw;}
    .half_ttl h3 {font-size:7.4vw;}
    .half_ttl p {font-size:3.85vw; margin:4.5vw 0 0;}

    .color_vis {width:100%; height:100%; background:#f7e451; padding:16vw 16.7% 0 0; box-sizing:border-box;}
    .color_vis .half_ttl {padding:0 0 0 7.7vw; margin:0 0 7.7vw; color:#222; text-shadow:none;}
    .color_vis .full_img {max-width:100%;}
    .half_vis .half .full_img, .full_vis img {min-width:100%; min-height:100%; height:auto;}

    .full_vis .bot_ttl {position:absolute; bottom:27vw; left:0; width:100%; padding:0 2.5vw 0 7.7vw;}

    .panel .square {background:#f7e451; padding:0;}
    .square .half {position:relative; height:70%; overflow:hidden;}
    .square .full_img { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
    .square .msg_box {height:30%;}
    .square .msg_box .half_ttl {padding:10% 0 0 7.7vw; color:#222; text-shadow:none;}
    .square .msg_box .half_ttl p {margin:0;}

    .trans_box .msg_box {position:absolute; bottom:27vw; left:4%; width:92%; margin:0 auto; box-sizing:border-box;}
    .trans_box .msg_box .half_ttl {background:rgba(0,0,0,.6); padding:10% 0 10% 6.5%;}
    .half_ttl .description, .half_ttl + .description {font-size:2vw; color:#fff; margin:1.2vw 0 0; white-space:pre-line;}

    .square.reverse .msg_box .half_ttl {padding-top:16vw;}
    .square.reverse .half:last-child {position:absolute; bottom:0; left:0; width:100%;}
    
    .buy_sticker {right:15.5%; width:12.5vw; height:12.5vw; line-height:12.5vw; font-size:4.2vw;}
    .buy_sticker .cir:after {width:12vw; height:12vw;}
    #aso25 .full_vis .buy_sticker {top:40%; left:35%;}

    .floating {position:absolute; top:0; left:0; width:100%; padding:16vw 0 0 7.7vw; color:#000; box-sizing:border-box; text-shadow:none;}

    .mag_yellow .box {position:absolute; top:16vw; left:4%; width:92%; background:#f7e451;}
    .mag_yellow .box .half_ttl {color:#000; padding:12vw 9vw; text-align:left;}

    .color_vis.video {background:#fff; padding:16vw 0 0 16.7%;}
    .color_vis.video .half_ttl {padding:0;}
    .color_vis.video .vid_box {position:relative; width:100%; padding:176% 0 0; overflow:hidden;}
    .color_vis.video video, .color_vis.video .vid_box img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover;}

    /* office */
    #office .color_vis, #office .square {background:#12294b;}
    #office .color_vis .half_ttl {color:#fff;}
    #office .square .msg_box .half_ttl {color:#fff;}
    #office .msg_box {background:rgba(56,56,82,.6);}
    #office .trans_box .msg_box {background:none;}

    #office .panel:nth-child(3) .buy_sticker {top:30.5%; left:33.5%; right:auto;}
    #office .panel:nth-child(5) .buy_sticker {top:27.5%;}
    #office .color_vis.video {background:#fff;}
    #office .color_vis.video .half_ttl {color:#000;}
    
    .mag_navy .box {position:absolute; bottom:16vw; left:4%; width:92%; background:#12294b;}
    .mag_navy .box .half_ttl {color:#fff; padding:12.5vw 4vw; text-align:left; margin:0;}
    .mag_navy .box .half_ttl p {margin:0;}

    #family .color_vis, #family .square {background:#f6f6f6;}
    #family .trans_box .msg_box .half_ttl {background:rgba(255,255,255,.6); color:#000; text-shadow:none;}
    #family .square.reverse .msg_box {display:flex; align-items:flex-end;}
    #family .square.reverse .msg_box .half_ttl {width:100%; padding:0 0 16vw 7.7vw; box-sizing:border-box;}
    #family .panel:nth-child(7) .buy_sticker {left:45%; right:auto;}

    .mag_white .box {position:absolute; top:16vw; left:4%; width:92%; background:#fff;}
    .mag_white .box .half_ttl {color:#000; padding:12vw 9vw; text-align:left; text-shadow:none;}
    #family .panel:nth-child(4) .buy_sticker {top:67%; left:20%;}

    .last_area .target:hover .target_img img {transform:translate(0,0) scale(1); -webkit-transform:translate(0,0) scale(1); -moz-transform:translate(0,0) scale(1); -ms-transform:translate(0,0) scale(1); -o-transform:translate(0,0) scale(1); }
    .last_area .apr_btn {width:92%;}

    .buy_popup .popup_inner {width:88%; max-height:90%; padding:10vw 4%;}
    .buy_popup .buy_cls {top:4vw; right:4vw; width:4.85vw; height:4.85vw;}
    .buy_popup h2 {font-size:5.2vw; margin:0 0 5vw;}
    .buy_popup .buy_list .img {height:34.5vw;}
    .buy_popup .buy_list .img .badge {top:auto !important; left:75% !important; right:auto !important; width:12vw; height:12vw; font-size:3vw; line-height:1.1; padding:2.7vw 0;}
    .buy_popup .buy_list li:first-child:after {height:37vw;}
    .buy_popup .buy_list .conp {font-size:2.5vw;}
    .buy_popup .buy_list .sellp {font-size:5.5vw; margin:.5vw 0 0;}
    .buy_popup .buy_list .sellp strong {font-size:6vw;}
    .buy_popup .buy_list .buy_btn {width:25vw; height:7.7vw; line-height:7.7vw; font-size:3.2vw; margin:5vw auto 0;}

    .apr_btn .btn_box .sale {width:26vw;}
    .apr_btn .share_lst li {margin:0 0 1.5vw;}
    .apr_btn .share_lst button {font-size:3.6vw; padding:0 0 0 12.5vw; background-size:4.2vw auto; background-position:11% 50%;}
    .apr_btn .share_lst .kakao_btn {background-size:4.5vw auto; background-position:10% 50%;}

    .fix_btn {right:3%;}
    .go_top, .share_btn {width:9.75vw; height:9.75vw; line-height:9.75vw;}
    .share_popup .share_inner { top:50%; bottom:auto; height:auto; padding:15vw 5%; border-radius:8vw; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-border-radius:8vw; -moz-border-radius:8vw; -ms-border-radius:8vw; -o-border-radius:8vw; }
    .share_popup .share_inner h3 {font-size:6.9vw; margin:0 auto 9.7vw;}
    .share_popup .share_inner .share_cls {top:5.5vw; right:5.5vw; width:4.5vw; height:4.5vw;}
    .share_popup .share_list button {width:19.44vw; padding:22.22vw 0 0; font-size:3.6vw; background-size:contain; margin:0 5.5vw;}

    .curtain .glo {width:14vw; height:14vw; background-size:contain; margin:-7vw 0 0 -7vw;}
}
@media all and (max-width:1023px) and (orientation:portrait){
    /* ipad pro 보다 작은 패드들 (세로모드) */
    .portrait .apr_intro, .portrait .prm_package .package_area .package_item {max-width:540px;}
    .portrait .package_area .package_item .img_box img {height:auto;}
    .portrait .apr_btn .btn {height:10.5vw; line-height:calc(10.5vw - 6px); font-size:4vw;}

    .portrait .apr_visual .swiper-slide-active img, .apr_visual .swiper-slide-active:nth-child(even) img {animation:none; -webkit-animation:none; }
}
@media all and (max-width:480px) and (orientation:portrait){
    /* mobile phone */
    .portrait .apr_intro {padding-top:22.5vw;}
    .portrait .apr_intro small {font-size:3.6vw;}
    .portrait .apr_intro h2 {font-size:40vw; line-height:30vw; text-align:justify;}
    .portrait .apr_intro h2:after {content:''; display:block;}
    .portrait .apr_intro h2 .plus {font-size:22vw;}
    .portrait .apr_intro .off_box {width:30vw; height:30vw; font-size:10vw; line-height:8.5vw; margin:-15vw 0 0; padding:5.5vw 4vw;}
    .portrait .apr_intro .off_box i {font-size:6.5vw;}
    .portrait .apr_intro .off_box .kor {font-size:9vw;}
    .portrait .apr_visual img { left:0; transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); }
    .portrait .bundle_timer {margin:7vw 0 0;}
    .portrait .bundle_timer .txt {font-size:3.6vw;}
    .portrait .bundle_timer #timer b {font-size:12vw; line-height:1.15;}
    .bundle_timer #timer div:nth-child(-n+3) b:after {width:12px; height:55%;}
    .bundle_timer #timer span {font-size:12px; margin:.5vw 0 0;}

    .safari .portrait .apr_intro .apr_btn {bottom:calc(16.5vw + env(safe-area-inset-bottom));}
    .portrait .apr_btn .btn {height:12.75vw; line-height:calc(12.75vw - 4px); border-width:2px;}
    .portrait .apr_btn .btn_box .kakao:before {margin:0 5px 0 0;}
    .portrait .apr_btn .btn:hover:before, .apr_btn .btn:hover:after {display:none;}
    .portrait .apr_btn .join_btn:hover {background:#000;}

    .portrait .scroll_mov {bottom:4vw;}

    .portrait .benefit_box {margin:5% 0 0;}
    .portrait .benefit_box .benefit dt {font-size:3.6vw; line-height:5.12vw;}
    .portrait .angle_vis .noti, .portrait .target_area .noti {bottom:6.5%; background-size:auto 11px; padding:0 13px 0 0;}
    .portrait .target_area .noti {max-width:100%; padding:0; }

    .prm_package .noti {font-size:3vw;}
    .portrait .prm_package .package_area {display:flex; flex-direction:column; justify-content:flex-start; width:90%; max-width:90%; margin:4vw auto 0;}
    .portrait .prm_package .package_area .package_item {flex:1 1 auto; width:100%; max-width:640px; height:45%; padding:0; margin:0 auto; border-radius:4.5vw; -webkit-border-radius:4.5vw; -moz-border-radius:4.5vw; -ms-border-radius:4.5vw; -o-border-radius:4.5vw;}
    .chrome_m .prm_package .package_area {justify-content:flex-start;}
    .chrome_m .prm_package .package_area .package_item {height:44%;}
    .portrait .prm_package .package_area .package_item:last-child {margin:3.5% auto 0;}
    .portrait .prm_package .package_area .inner {display:block; padding:0;}
    .package_area .package_item .box {top:-1.28vw; left:6.4vw; width:11.5vw;}
    .package_area .package_item .badge {right:6.4vw; width:12vw; height:12vw; font-size:3vw; line-height:1.1; padding:2.7vw 0;}
    .package_area .package_item .img_box {height:49%; border-top-left-radius:4.5vw; border-top-right-radius:4.5vw;}
    .package_area .package_item .prc_box {height:51%; padding:1vw 0 0 7.7vw;}
    .package_item .prc_box .before dt, .package_item .prc_box .before dd {font-size:2.3vw;}
    .package_item .prc_box .benefit {margin:0 0 0 5.12vw;}
    .package_item .prc_box .benefit dt {font-size:2.5vw; line-height:1.7; padding:0 2vw;}
    .package_item .prc_box .benefit .price {font-size:5.4vw;}
    .package_item .prc_box .benefit .price strong  {font-size:6vw;}
    .package_item .prc_box .benefit .delivery {font-size:3vw;}
    .package_item .prc_box .buy_btn {width:25vw; height:7.7vw; line-height:7.7vw; font-size:3.2vw;}
    
    .portrait .panel .inner .prom_ttl + .buy_benefit {flex:initial; height:78%;}
    .portrait .buy_benefit {width:94.8%; max-width:94.8%; height:75%; padding:0; flex-wrap:wrap; margin:7.5% auto 0;}
    .portrait .buy_benefit .benefit_item {width:50%; height:50%; padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; box-sizing:border-box;}
    .portrait .buy_benefit .benefit_inner {padding:3.2vw 0 0 4.4vw; text-align:left; box-sizing:border-box;}
    .portrait .buy_benefit .benefit_item small {font-size:3.2vw; font-weight:700; margin:0 0 1.5vw;}
    .portrait .buy_benefit .benefit_item p {font-size:4.8vw;}
    .portrait .buy_benefit .benefit_item .benefit_img {padding:70% 0 0;}
    .portrait .buy_benefit .benefit_item .benefit_img img {max-width:100%; max-height:100%;}
    .portrait .buy_benefit .benefit_item a, .portrait .buy_benefit .benefit_item button {position:relative; font-size:2.5vw; margin:2vw 0 0; padding:0 11px 0 0; background-size:auto 9px; z-index:2;}

    .portrait .noti_popup .noti_inner {padding:10vw 5vw;}
    .portrait .noti_popup h2 {font-size:6.5vw;}
    .portrait .noti_popup .noti_cls {width:5.75vw; height:5.75vw;}
    .portrait .noti_popup .contents li {font-size:2.7vw; line-height:1.5; padding:0 0 0 2.5vw; margin:0 0 1vw;}
    .portrait .noti_popup .contents li:before {top:calc((3.5vw - 3px)/2); width:3px; height:3px;}

    .portrait .prm_benefit .noti_popup .noti_inner {padding:10vw 5vw;}
    .portrait .prm_benefit .noti_popup h2 {font-size:4.8vw; line-height:1.3; text-align:left; white-space:normal;}
    .prm_benefit .noti_txt h3 {font-size:3.3vw;}
    .prm_benefit .noti_txt .sequence {width:100%;}
    .prm_benefit .noti_txt .sequence li:nth-child(-n+2):after {background-size:3vw auto;}
    .prm_benefit .noti_txt p {font-size:2vw;}
    .prm_benefit .contents {margin:5vw 0 0; padding:4vw 0 0;}
    .portrait .prm_benefit .noti_popup .contents li {font-size:2.7vw; line-height:1.5;}

    .portrait .event_row .col_txt {padding:0 0 0 6%;}

    .portrait .target_slide .target, .portrait .last_slide .target {width:62.5%; padding:95% 0 0; border-radius:3.5vw; -webkit-border-radius:3.5vw; -moz-border-radius:3.5vw; -ms-border-radius:3.5vw; -o-border-radius:3.5vw;}
    .portrait .target .target_img {overflow:hidden;  border-radius:3.5vw; -webkit-border-radius:3.5vw; -moz-border-radius:3.5vw; -ms-border-radius:3.5vw; -o-border-radius:3.5vw;}
    .portrait .target .target_img img { height:auto; min-height:100%; max-height:140%; border-radius:3.5vw; -webkit-border-radius:3.5vw; -moz-border-radius:3.5vw; -ms-border-radius:3.5vw; -o-border-radius:3.5vw;}
    .portrait .target:hover .target_txt {text-shadow:1px 2px 4px rgba(0,0,0,.2);}
    .portrait .target_bar {margin:4.5vw auto 6vw; line-height:1.25;}

    /* story */
    .half_ttl h3 sup {font-size:3vw;}
    .half_ttl .description, .half_ttl + .description {font-size:3vw; white-space:normal;}
    .portrait .color_vis {display:flex; flex-direction:column; justify-content:flex-end; padding:20vw 12.5% 0 0;}
    .portrait .color_vis .color_box {position:relative; height:70%; overflow:hidden;}
    .portrait .color_vis .color_box img {width:100%;}

    .portrait .half_ttl small {font-size:4.4vw; margin:0 0 4.4vw;}
    .portrait .half_ttl h3 {letter-spacing:-0.035rem;}
    .portrait .half_ttl p {font-size:3.8vw; line-height:1.5; margin:4vw 0 0;}

    .portrait .full_vis .bot_ttl, .portrait .trans_box .msg_box {bottom:calc(10% + env(safe-area-inset-bottom));;}
    .portrait .square .full_img {min-width:auto; max-height:145%;}

    .portrait .square.reverse .msg_box .half_ttl, .portrait .floating {padding-top:10%;}

    .portrait .buy_sticker {top:50%; right:8.5%; width:14.5vw; height:14.5vw; line-height:14.5vw; font-size:4.6vw;}
    #aso25 .full_vis .buy_sticker {top:35%; left:32%;}

    .portrait .mag_yellow .box, .portrait .mag_white .box {top:8%;}
    .portrait .mag_yellow .box .half_ttl, .portrait .mag_navy .box .half_ttl, .portrait .mag_white .box .half_ttl {padding:10% 7.5%;}

    .portrait .color_vis.video {padding:16vw 0 0 16.7%;}
    .portrait .color_vis.video .vid_box {padding:155% 0 0;}

    /* office */
    .portrait .mag_navy .box .half_ttl {bottom:10%;}
    .portrait .msg_box .half_ttl h3 {font-size:6.8vw;}

    /* family */
    #family .panel:nth-child(4) .buy_sticker {top:69%;}
    #family .trans_box .msg_box .hlaf_ttl {padding-left:4.5%;}

    .portrait .last_slide .target, .safari .portrait .last_slide .target {padding:85% 0 0;}
    .portrait .last_slide .target_bar, .safari .portrait .last_slide .target_bar {margin:4vw auto 5vw;}

    .apr_btn .share_lst button {background-size:4.7vw auto;}
    .apr_btn .share_lst .kakao_btn {background-size:5vw auto;}
}
@media all and (max-width:480px) and (-webkit-device-pixel-ratio: 3) and (orientation:portrait){
    /* 최신버전 아이폰 */
    .panel .inner {padding:12vw 0;}
    .safari .panel .inner {padding:calc(12vw + env(safe-area-inset-top)) 0 calc(12vw + env(safe-area-inset-bottom));}
    .safari .portrait .apr_intro .apr_btn {bottom:calc(12.5vh + env(safe-area-inset-bottom))}
    .safari .portrait .angle_vis .noti, .safari .portrait .target_area .noti {bottom:calc(10vh + env(safe-area-inset-bottom));}

    .chrome_m .prm_insta .inner, .chrome_m .prm_benefit .inner {padding-bottom:16vh;}
    .chrome_m .prm_insta .col_img {height:40%;}
    .chrome_m .portrait .full_vis .bot_ttl, .chrome_m .portrait .trans_box .msg_box {bottom:calc(18vh + env(safe-area-inset-top));}
    .chrome_m .square .half {height:65%;}
    .chrome_m .square .msg_box {height:35%;}
    .chrome_m .mag_navy .box {bottom:16vh;}

    .panel .square, .safari .panel .square, .chrome_m .panel .square {padding-top:0; padding-bottom:0;}
    .portrait .color_vis.video {justify-content:center;}
    .portrait .square.reverse .msg_box {display:flex; flex-direction:column; justify-content:flex-end;}
    .portrait .square.reverse .msg_box .half_ttl {padding:0 0 10% 7.7vw;}
    .portrait .square.reverse .full_img {max-height:135%;}
    .portrait .mag_yellow .box, .portrait .mag_white .box {top:10%;}

    .portrait .apr_intro .apr_btn {bottom:16.5vh;}
    .portrait .angle_vis .noti, .portrait .target_area .noti {bottom:16.5vh;}
    
    .portrait .panel .inner .prom_ttl + .benefit_lst {height:75%;}
    .portrait .target_slide {margin:11% auto 0;}
    .portrait .color_vis {padding-top:16.5vw;}
}
@media all and (max-width:480px) and (-webkit-device-pixel-ratio: 2) and (orientation:portrait){
    /* 구버전 아이폰 */
    .panel .inner {padding:10vw 0;}
    .safari .portrait .apr_intro {padding-top:16vw;}
    .safari .panel .inner {padding:calc(10vw + env(safe-area-inset-top)) 0 calc(10vw + env(safe-area-inset-bottom));}
    .safari .portrait .apr_intro .apr_btn {bottom:calc(10.5vh + env(safe-area-inset-bottom))}
    .safari .portrait .angle_vis .noti, .safari .portrait .target_area .noti {bottom:calc(10vh + env(safe-area-inset-bottom));}
    .safari .portrait .target_slide .target, .safari .portrait .last_slide .target {padding:90% 0 0;}

    .portrait .target .target_img img {height:auto;}
}