@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;} 

.glo-contents.bfd_contents {font-family:'Mont','NotoSans',sans-serif; max-width:100%; padding-top:0;}
.glo-contents.bfd_contents a, .glo-contents.bfd_contents button {outline:none;}
.bfd_contents .g_l {font-weight:300;}
.bfd_contents .g_b {font-weight:700;}
.bfd_contents sup {font-size:.7em;}
.bfd_intro {position:relative; width:100%; height:960px; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/bfd/bfd_bg.jpg) 50% 50%/cover no-repeat; padding:72px 0 0; overflow:hidden; box-sizing:content-box;}
.bfd_intro:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:200px; background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%); z-index:10;}

.bfd_inner {position:relative; width:100%; height:100%; max-width:1440px; margin:0 auto; padding:100px 0 0; box-sizing:border-box; z-index:11;}
.bfd_intro .intro_area {display:inline-block; width:90%; max-width:685px; line-height:1; text-align:center;}
.bfd_intro .intro_area .bfd_ttl {display:inline-block;}
.bfd_intro .intro_area small {display:block; font-size:40px; line-height:1; letter-spacing:-0.025rem; color:#fff;}
.bfd_intro .intro_area .bfd {display:block; font-size:72px; letter-spacing:0.075rem; color:#fff; margin:20px 0; text-shadow:2px 2px 5px rgba(0,0,0,.25);}
.bfd_intro .intro_area .bfd .g_b {color:#cdaf90;}
.bfd_intro .intro_area h2 {position:relative; padding:0 0 0 5%;}
.bfd_intro .intro_area h2 .t {position:absolute; top:55%; left:0; font-size:40px; font-weight:700; line-height:1.3; letter-spacing:-0.04rem; color:#d7b69d; text-shadow:1px 1px 2px #bc8a6c;}
.bfd_intro .intro_area h2 .sale { position:relative; display:inline-block; font-size:320px; line-height:250px; font-weight: 700; letter-spacing:-0.05rem; background: linear-gradient(275deg, rgba(156,89,67,1) 0%,rgba(161,97,73,1) 5%,rgba(206,170,126,1) 22%,rgba(222,196,162,1) 34%,rgba(243,234,216,1) 42%,rgba(243,234,216,1) 46%,rgba(213,180,152,1) 65%,rgba(161,97,73,1) 93%,rgba(156,96,68,1) 100%); color: #9f5e47; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow:0 0px 5px rgba(206,170,126,.15);}
.bfd_intro .intro_area h2 .sale .century {letter-spacing:-1rem;}
.bfd_intro .intro_area h2 .sale:before {content:'90'; position:absolute; left:-3px; top:-2px; display:inline-block; font-size:320px; line-height:250px; font-weight: 700; letter-spacing:-1rem; background:#d7b69d; background-size:400px auto; color: #9f5e47; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow:4px 4px 9px rgba(0,0,0,.8); z-index:-1;}
.bfd_intro .intro_area h2 i {display:inline; font-size:.75em; margin-left:5px;}
.bfd_intro .intro_area h2 .sale:after { content:'%'; position:absolute; right:3px; bottom:0; display:inline-block; font-size:.75em; background:#d7b69d; background-size:400px auto; color: #9f5e47; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow:4px 4px 9px rgba(0,0,0,.8); z-index:-1;}

.bfd_halo {position:absolute; bottom:60%; right:5%;}
.bfd_halo:before, .bfd_halo:after {content:''; position:absolute; top:50%; right:0; width:1010px; height:1000px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.bfd_halo:before { box-shadow:0 0 100px 40px rgba(242,184,121,1), 0 0 80px 40px rgba(182,56,95,.7); animation:halo 4s linear infinite; -webkit-animation:halo 4s linear infinite; }
.bfd_halo:after {background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/bfd/moon.png) 50% 0 no-repeat; box-shadow:inset 0 10px 20px 5px rgba(192,134,94,.5); animation:halo2 4s linear infinite; -webkit-animation:halo2 4s linear infinite;}

@keyframes halo {
    0% {
        box-shadow:0 0 80px 40px rgba(242,184,121,1), 0 0 80px 40px rgba(162,39,68,.7);
        opacity:1;
    }
    30% {
        box-shadow:0 0 70px 30px rgba(242,184,121,.7), 0 0 100px 50px rgba(182,56,95,.6);
        opacity:.7;
    }
    50% {
        box-shadow:0 0 60px 20px rgba(242,184,121,.5), 0 0 60px 30px rgba(162,39,68,.5);
        opacity:.6;
    }
    70% {
        box-shadow:0 0 70px 30px rgba(242,184,121,.7), 0 0 100px 50px rgba(182,56,95,.6);
        opacity:.7;
    }
    100% {
        box-shadow:0 0 80px 40px rgba(242,184,121,1), 0 0 80px 40px rgba(162,39,68,.7);
        opacity:1;
    }
}

@keyframes halo2 {
    0% {
        box-shadow:inset 0 10px 20px 5px rgba(192,134,94,.7);
        opacity:1;
    }
    44% {
        box-shadow:inset 0 5px 10px 3px rgba(192,134,94,.1);
        opacity:.8;
    }
    100% {
        box-shadow:inset 0 10px 20px 5px rgba(192,134,94,.7);
        opacity:1;
    }
}

.bfd_intro .bfd_visual {position:absolute; top:0; left:0; width:100%; height:100%;}
.bfd_intro .bfd_visual .glow { position:absolute; top:5px; right:4%; z-index:2; animation:glow 4s infinite linear; -webkit-animation:glow 4s infinite linear; transform:translateX(3%); -webkit-transform:translateX(3%); -moz-transform:translateX(3%); -ms-transform:translateX(3%); -o-transform:translateX(3%); }
.bfd_intro .bfd_visual .glow.mobile {display:none;}

.bfd_intro .bfd_visual .pro { position:absolute; top:170px; left:68%; width:610px; z-index:10; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
.bfd_intro .bfd_visual .pro .device.mobile {display:none;}
.bfd_intro .bfd_visual .pro .p_relav {position:relative; width:100%; height:100%;}
.bfd_intro .bfd_visual .pro .p_relav img {max-width:100%;}
.bfd_intro .bfd_visual .pro .h_ab { position:absolute; top:160px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

@keyframes glow {
    0% {
        opacity:1;
    }
    30% {
        opacity:.9;
    }
    50% {
        opacity:.6;
    }
    70% {
        opacity:.9;
    }
    100% {
        opacity:1;
    }    
}

.bfd_timer {width:100%; margin:30px auto 50px;}
.bfd_timer .txt {display:block; width:90%; max-width:600px; font-size:22px; line-height:1; letter-spacing:.55rem; color:#fff; text-align:justify; margin:0 auto;}
.bfd_timer .txt:after {content:''; display:inline-block; width:100%;}
.bfd_timer #timer {display:flex; align-items:center; justify-content:center; width:100%;}
.bfd_timer #timer div {width:25%; max-width:200px; text-align:center;}
.bfd_timer #timer b {position:relative; display:block; font-size:80px; font-weight:400; line-height:1; color:#fff;}
.bfd_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/2021/bfd/colon.png) 50% 50% 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%);}
.bfd_timer #timer span {display:block; font-size:15px; letter-spacing:-.025rem; color:#dea45b; margin:15px 0 0;}

.bfd_intro .bfd_btn {display:flex; justify-content:space-around; align-items:center; padding:0 5%;}
.bfd_intro .bfd_btn .half_btn {position:relative; width:48.5%; max-width:295px; height:70px; line-height:70px; text-align:center; font-size:26px; font-weight:900; letter-spacing:-0.05rem; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px;}
.bfd_intro .bfd_btn .buy_btn {color:#fff; background:#f14924;}
.bfd_intro .bfd_btn .kakao_btn { position:absolute; top:0; left:0; right:0; width:80%; max-width:200px; height:30px; line-height:30px; font-size:16px; font-weight:900; color:#191600; background:#fee500; border-radius:30px; margin:-15px auto 0; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.bfd_intro .bfd_btn .kakao_btn:before {content:''; display:inline-block; width:18px; height:100%; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/bfd/kakao_ico.png) 50% 50%/contain no-repeat; vertical-align:top; margin-right:8px;}
.bfd_intro .bfd_btn .join_btn { width:100%; height:100%; color:#fff; border:2px solid #fff; font-size:26px; line-height:66px; font-weight:900; letter-spacing:-0.05rem; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; vertical-align:top; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
.bfd_intro .bfd_btn .join_btn:hover {background:rgba(255,255,255,.1);}

.bfd_cont {position:relative; background:#000002; padding:70px 0 0;}
.bfd_cont .wide_container {width:100%; max-width:1600px; margin:0 auto;}
.bfd_cont .container {width:100%; max-width:1440px; margin:0 auto;}

.bfd_nav { position:absolute; top:0; left:0; right:0; width:100%; max-width:1600px; background:#d5a16b; margin:0 auto; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.bfd_nav.fix {position:fixed; z-index:101;}
.bfd_nav .bfd_fix {display:flex;}
.bfd_nav .bfd_fix li { position:relative; width:33.33%; height:70px; line-height:70px; text-align:center; font-size:28px; font-weight:900; letter-spacing:-0.025rem; color:#121212; cursor:pointer;}
.bfd_nav .bfd_fix li:nth-child(-n+2):after {content:''; position:absolute; top:50%; right:0; width:2px; height:30px; background:#121212; margin:-15px 0 0;}

.bfd_cont section {margin:0 auto 120px;}
.bfd_cont_ttl {margin:0 auto 120px; text-align:center;}
.bfd_cont_ttl small {display:block; font-size:30px; line-height:1.3; letter-spacing:-0.045rem; color:#fff; margin:0 0 30px;}
.bfd_cont_ttl h3 {font-size:70px; font-weight:900; line-height:1; letter-spacing:-0.045rem; color:#fff; margin:0 0 30px;}
.bfd_cont_ttl h3 strong {font-weight:900; color:#f14924;}
.bfd_cont_ttl p {font-size:31px; line-height:1.4; letter-spacing:-0.025rem; color:#fff; white-space:pre-line;}

.benefit_lst {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 60px;}
.benefit_lst .benefit_item {position:relative; display:flex; align-items:center; width:48%; height:300px; background:#fff; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; padding:30px 3%; box-sizing:border-box;}
.benefit_lst .benefit_item:nth-child(-n+2) {margin:0 0 40px;}
.benefit_lst .benefit_item small {font-size:25px; font-weight:400; letter-spacing:-0.05rem; color:#000;}
.benefit_lst .benefit_item h4 {font-size:44px; font-weight:700; line-height:1.15; letter-spacing:-0.05rem; margin:12px 0;}
.benefit_lst .benefit_item h4 strong {display:block; color:#f14924; font-weight:900;}
.benefit_lst .benefit_item a, .benefit_lst .benefit_item p {display:inline-block; font-size:18px; line-height:1.4; font-weight:700; letter-spacing:-0.05rem; color:#000; padding:4px 4px 4px 0;}
.benefit_lst .benefit_item a { text-decoration:underline; transition:color .25s; -webkit-transition:color .25s; -moz-transition:color .25s; -ms-transition:color .25s; -o-transition:color .25s; }
.benefit_lst .benefit_item a:hover {color:#f14924;}
.benefit_lst .benefit_item .img {position:absolute; top:5%; right:2%; width:50%; height:90%;}
.benefit_lst .benefit_item .img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:88%; max-height:88%; margin:auto;}
.benefit_lst .benefit_item:first-child .img {width:40%}

.bfd_event_area {position:relative; margin:0 auto 70px; overflow:hidden;}
.bfd_event_area .bfd_wrapper { position:relative; width:100%; height:100%; display:flex; align-items:center; z-index:1; transition:transform .4s; -webkit-transition:transform .4s; -moz-transition:transform .4s; -ms-transition:transform .4s; -o-transition:transform .4s;}
.bfd_event_area .event_item { position:relative; flex-shrink:0; width:35%; height:450px; background:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; text-align:center; overflow:hidden;}
.bfd_event_area .event_item:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(215,215,215,.8); z-index:2;}

.bfd_event_area .event_date {display:block; width:100%; height:65px; line-height:65px; background:#d5a16b; font-size:26px; letter-spacing:-0.025rem; color:#fff; border-top-left-radius:30px; border-top-right-radius:30px;}
.bfd_event_area .event_date small {vertical-align:top;}
.bfd_event_area .event_inner {height:385px; padding:3%; box-sizing:border-box;}
.bfd_event_area .event_item .draw_img {position:relative; width:100%; height:85%;}
.bfd_event_area .event_item .draw_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:90%; max-height:90%; margin:auto;}
.bfd_event_area .event_item .draw_name {display:flex; justify-content:center; align-items:center; width:100%; height:15%; font-size:24px; font-weight:900; letter-spacing:-0.045rem; color:#2e312a;}

.bfd_event_area .event_active {width:43.75%; height:565px; margin:0 -6.875%; border-radius:40px; z-index:10; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; box-shadow:10px 10px 30px rgba(0,0,0,.3);}
.bfd_event_area .event_active:after {display:none;}
.bfd_event_area .event_active .event_date {height:80px; line-height:80px; font-size:34px;}
.bfd_event_area .event_active .event_inner {height:485px;}
.bfd_event_area .event_active .draw_name {font-size:30px;}
.bfd_event_area .event_active .draw_img img {max-width:100%; max-height:100%;}

.bfd_event_area .event_end:after {display:block; background:rgba(215,215,215,.8) url(/content/dam/glo-jp/korea-images/event/past-events/2021/bfd/end_sticker.png) 50% 50% no-repeat;}
.bfd_event_area .bfd_controls {position:absolute; top:0; left:0; right:0; width:90%; max-width:980px; height:100%; margin:0 auto; z-index:10;}
.bfd_event_area .bfd_controls button {position:absolute; top:0; left:0; width:40px; height:100%;  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.412' height='40'%3E%3Cg fill='none'%3E%3Cpath d='M21 38 1 20 21 2' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M22 40H0V0h22z'/%3E%3C/g%3E%3C/svg%3E") 50% 50%/35px auto no-repeat; text-indent:-9999px;}
.bfd_event_area .bfd_controls .bfd_next {left:auto; right:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.412' height='40'%3E%3Cg fill='none'%3E%3Cpath d='m1.412 2 20 18-20 18' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M.412 0h22v40h-22z'/%3E%3C/g%3E%3C/svg%3E");}
.bfd_event_area .bfd_controls button.disabled {display:none;}

.prd_area {display:flex; align-items:center; justify-content:space-between; margin:0 auto 120px;}
.prd_area .prd_img_box { position:relative; width:50%; padding:47.2% 0 0; background:#fff; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; overflow:hidden;}
.prd_area .prd_img_box .img_inner {position:absolute; top:0; left:0; width:100%; height:100%;}
.prd_area .prd_img_box .prd_color {display:flex; align-items:center; justify-content:space-between; width:100%; height:80px; padding:0 40px; box-sizing:border-box; box-shadow:0 4px 12px rgba(0,0,0,.2);}
.prd_area .prd_img_box .color_name {font-size:34px; font-weight:700; letter-spacing:-0.025rem; text-transform:capitalize;}
.prd_area .prd_img_box .color_btn {width:220px; font-size:0; text-align:right;}
.prd_area .prd_img_box .color_btn button{display:inline-block; width:38px; height:38px; background:#000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border:4px solid #fff; margin:0 20px 0 0; vertical-align:middle; text-indent:-9999px; box-sizing:border-box;}
.prd_area .prd_img_box .color_btn button:last-child {margin:0;}
.prd_area .prd_img_box .color_btn .on {border-color:#f95d3b;}
.prd_area .prd_img_box .color_btn .champagne {background:#7c7270;}
.prd_area .prd_img_box .color_btn .pistachio {background:#a7b682;}
.prd_area .prd_img_box .color_btn .aqua {background:#8cb7c1;}
.prd_area .prd_img_box .color_btn .yellow {background:#f7e362;}
.prd_area .prd_img_box .color_btn .white {background:#e5e8ed;}
.prd_area .prd_img_box .color_btn .black2 {background:#444444;}
.prd_area .prd_img_box .color_btn .navy {background:#122a4b;}

.prd_area .prd_img_box .device_img {position:relative; height:calc(100% - 80px);}
.prd_area .prd_img_box .device_img .slide {width:100%; height:100%;}
.prd_area .prd_img_box .device_img button {position:absolute; top:50%; left:7%; width:35px; height:45px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.412' height='40'%3E%3Cg fill='none'%3E%3Cpath d='M21 38 1 20 21 2' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M22 40H0V0h22z'/%3E%3C/g%3E%3C/svg%3E") 50% 50%/contain no-repeat; margin:-22.5px 0 0; text-indent:-9999px; z-index:3;}
.prd_area .prd_img_box .device_img .next_btn {left:auto; right:7%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.412' height='40'%3E%3Cg fill='none'%3E%3Cpath d='m1.412 2 20 18-20 18' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M.412 0h22v40h-22z'/%3E%3C/g%3E%3C/svg%3E");}
.prd_area .prd_img_box .device_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:90%; max-height:90%; margin:auto;}
.prd_area .prd_img_box .device_img .sticker { position:absolute; top:50px; left:50%; width:100px; height:100px; line-height:100px; text-align:center; font-size:28px; font-weight:700; letter-spacing:-0.065rem; color:#fff; background:#e45306; border-radius:50%; transform:translateX(25%); -webkit-transform:translateX(25%); -moz-transform:translateX(25%); -ms-transform:translateX(25%); -o-transform:translateX(25%); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; z-index:3;}
.prd_area .prd_img_box .device_img .sticker.new { transform:translateX(-125%); -webkit-transform:translateX(-125%); -moz-transform:translateX(-125%); -ms-transform:translateX(-125%); -o-transform:translateX(-125%); }

.prd_area .prd_info {width:50%; padding:0 6%; letter-spacing:-0.025rem; color:#fff; box-sizing:border-box;}
.prd_area .prd_info h3 {font-size:65px; line-height:1.25; margin:0 0 30px;}
.prd_area .prd_info .price li {display:flex; align-items:center; justify-content:space-between; line-height:1; margin:0 0 10px;}
.prd_area .prd_info .price .ttl {font-weight:900;}
.prd_area .prd_info .price .conp {font-size:20px; color:#aeaeae;}
.prd_area .prd_info .conp .price {font-size:1.6em; font-weight:400; text-decoration:line-through; text-decoration-thickness: 1px;}
.prd_area .prd_info .price .sellp {font-size:30px; color:#f04923; margin:0;}
.prd_area .prd_info .sellp .price {font-size:1.2em; font-weight:900;}
.prd_area .prd_info .sellp .price strong {font-size:1.5em;}
.prd_area .prd_info .sellp .price .slim {letter-spacing:-0.06em;}

.prd_area .prd_info .summary {font-size:22px; line-height:1.5; white-space:pre-line;}
.prd_area .prd_info .advantage {display:flex; justify-content:space-around; margin:50px 0 70px;}
.prd_area .prd_info .advantage li {width:25%;}
.prd_area .prd_info .advantage .ico {position:relative; display:block; width:100%; height:95px; margin:0 0 15px;}
.prd_area .prd_info .advantage .ico img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.prd_area .prd_info .advantage .txt {display:block; font-size:20px; line-height:1.4; text-align:center; white-space:pre-line;}

.bfd_deal .prd_btn {display:flex; justify-content:space-between; align-items:center; text-align:center; margin:50px 0 0;}
.bfd_deal .prd_btn a {display:inline-block; width:48%; max-width:290px; height:70px; line-height:66px; font-size:28px; font-weight:900; letter-spacing:-.05rem; color:#f04923; border:2px solid #f04923; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; box-sizing:border-box;}
.bfd_deal .prd_btn .buy_btn {background:#f04923; color:#fff;}


.bfd_footer {background:#333333;}
.bfd_footer .note_bar {border-bottom:1px solid #555;}
.bfd_footer .note_bar h3 {width:100%; max-width:1440px; height:110px; font-size:28px; line-height:110px; font-weight:700; letter-spacing:-0.05rem; color:#fff; margin:0 auto; padding:0 7%; box-sizing:border-box; cursor:pointer;}
.bfd_footer .note_bar h3:before { content:'!'; display:inline-block; width:32px; height:32px; border:2px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-size:18px; line-height:28px; color:#fff; text-align:center; margin:-2px 10px 0 0; box-sizing:border-box;}
.bfd_footer .note_bar h3:after { content:''; float:right; width:50px; height:100%; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/bfd/bot_arr.png) 50% 50% no-repeat; transition:transform .4s; -webkit-transition:transform .4s; -moz-transition:transform .4s; -ms-transition:transform .4s; -o-transition:transform .4s; }
.bfd_footer .note_bar h3.open:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }
.bfd_footer .note_cont {display:none; background:#262626; padding:60px 0;}
.bfd_footer .note_lst {width:100%; max-width:1440px; margin:0 auto; background:#262626; color:#fff; padding:0 7%; box-sizing:border-box;}
.bfd_footer .note_lst:first-child {margin:0 auto 60px;}
.bfd_footer .note_lst dt {font-size:23px; font-weight:700; line-height:1.4; letter-spacing:-0.05rem; margin:0 0 25px;}
.bfd_footer .note_lst dd {position:relative; font-size:19px; font-weight:400; line-height:32px;; letter-spacing:-0.075rem; padding:0 0 0 16px; white-space:pre-line;}
.bfd_footer .note_lst dd:before {content:''; position:absolute; top:14.5px; left:0; width:3px; height:3px; background:#fff;}

/* kakaomoment Start */
.km_contents .bfd_inner {padding:0;}
.km_contents .bfd_intro .intro_area {display:flex; align-items:center; max-width:900px; height:100%; text-align:left;}
.km_contents .bfd_intro .kakao_ttl .bfd {margin:30px 0;}
.km_contents .bfd_intro .kakao_ttl h3 {font-size:65px; line-height:1.3; font-weight:700; color:#fff; letter-spacing:-0.025rem; margin:0 0 100px; text-shadow:2px 2px 5px rgba(0,0,0,.25);}
.km_contents .bfd_intro .kakao_ttl h3 span { font-size: 40px; }
.km_contents .bfd_intro .bfd_link {position:relative; display:inline-block; height:70px; line-height:70px; font-size:28px; font-weight:700; letter-spacing:-.05rem; background:#f04923; color:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; padding:0 32px;}
.km_contents .bfd_intro .bfd_link:after {content:''; display:inline-block; width:20px; height:100%; background:url(/images/event/210322/slide_btn.png) 100% 50%/auto 24px no-repeat; margin:0 0 0 16px; vertical-align:top;}
/* kakaomoment End */

/* 카카오 이모티콘 추가 */
.hld_kakao {width:100%; height:840px; background:#fff2a7 url(/content/dam/glo-jp/korea-images/event/past-events/2021/holiday/kakao_bg.jpg) right 7% top 100%/auto 92% no-repeat;}
.hld_kakao .kakao_ttl {padding:100px 0 0;}
.hld_kakao .kakao_ttl h2 {font-size:70px; font-weight:900; line-height:1.25; letter-spacing:-0.085rem; color:#121212; white-space:pre-line;}
.hld_kakao .kakao_ttl span {display:block; font-size:34px; font-weight:900; line-height:1.4; letter-spacing:-0.045rem; color:#121212; margin:0 0 16px;}
.hld_kakao .kakao_ttl p {font-size:30px; font-weight:700; line-height:1.4; letter-spacing:-0.065rem; color:#121212; margin:28px 0;}
.hld_kakao .kakao_ttl a {position:relative; display:inline-block; height:70px; line-height:70px; font-size:28px; font-weight:900; letter-spacing:-.05rem; color:#fff; background:#d94828; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; text-align:center; padding:0 65px; box-sizing:border-box;}

/* responsive 작업용 */
@media screen and (min-width:1921px){
    .bfd_intro .bfd_visual .pro {left:75%;}
}
@media screen and (max-width:1680px){
    .bfd_cont .wide_container {max-width:100%; padding:0 2.3%; box-sizing:border-box;}
    .bfd_cont .container {max-width:100%; padding:0 4.6%; box-sizing:border-box;}

    .bfd_intro .bfd_visual .pro {top:190px; left:70%; width:550px;}
    .bfd_intro .bfd_visual .pro .h_ab {top:150px;}
    .bfd_intro .bfd_visual .pro .h_ab img {max-width:90%;}

    .bfd_halo {right:3%;}
    .bfd_halo:before, .bfd_halo:after {width:910px; height:900px;}
    .bfd_intro .bfd_visual .glow {top:45px; right:2%; max-width:1415px;}
}

@media screen and (max-width:1560px){
    .bfd_inner {max-width:100%; padding:100px 4% 0;}
    .bfd_intro .intro_area {max-width:615px;}
    .bfd_intro .intro_area small {font-size:35px;}
    .bfd_intro .intro_area .bfd {font-size:65px;}
    .bfd_intro .intro_area h2 .t {font-size:35px;}
    .bfd_intro .intro_area h2 .sale, .bfd_intro .intro_area h2 .sale:before {font-size:280px; line-height:225px;}

    .bfd_timer .txt {font-size:20px;}
    .bfd_timer #timer b {font-size:70px;}
    .bfd_intro .bfd_btn .half_btn, .bfd_intro .bfd_btn .join_btn {font-size:24px;}
    .bfd_intro .bfd_btn .kakao_btn {font-size:15px;}

    .bfd_intro .bfd_visual .pro {width:520px;}
    .bfd_intro .bfd_visual .pro .h_ab {top:140px; left:52%;}
    .bfd_intro .bfd_visual .pro .h_ab img {max-width:80%;}

	.hld_kakao {height:780px; background-size:auto 85%; background-position:right 5% top 100%;}
    .hld_kakao .kakao_ttl h2 {font-size:60px;}
	.hld_kakao .kakao_ttl span {font-size:28px;}
	.hld_kakao .kakao_ttl p {font-size:26px;}
}

@media screen and (max-width:1440px){
    .bfd_cont .wide_container {padding:0 2%;}
    .bfd_cont .container {padding:0 4%;}

    .bfd_halo {right:0%;}
    .bfd_intro .bfd_visual .glow {top:47px; right:-1%;}

    .bfd_cont_ttl {margin:0 auto 100px;}
    .bfd_cont_ttl small {font-size:26px; margin:0 0 25px;}
    .bfd_cont_ttl h3 {font-size:60px; margin:0 0 25px;}
    .bfd_cont_ttl p {font-size:28px;}

    .benefit_lst .benefit_item {height:280px;}
    .benefit_lst .benefit_item h4 {font-size:40px;}
    .benefit_lst .benefit_item a, .benefit_lst .benefit_item p {font-size:17px;}

    .bfd_event_area .event_item {height:400px;}
    .bfd_event_area .event_date {height:60px; line-height:60px; font-size:24px;}
    .bfd_event_area .event_inner {height:calc(100% - 60px);}
    .bfd_event_area .event_active {height:520px;}
    .bfd_event_area .event_active .event_date {height:70px; line-height:70px; font-size:28px;}
    .bfd_event_area .event_active .event_inner {height:calc(100% - 70px);}
    .bfd_event_area .event_active .draw_name {font-size:26px;}

    .prd_area .prd_img_box {padding:50% 0 0;}
    .prd_area .prd_info .advantage {margin:40px 0 60px;}
    .prd_area .prd_info .advantage .ico img {max-width:90%; max-height:90%;}
    .prd_area .prd_info .advantage .txt {font-size:18px;}
    .bfd_deal .prd_btn {margin:40px 0 0;}
}
@media screen and (max-width:1280px){
    .bfd_intro {height:920px;}
    .bfd_inner {padding:100px 3% 0;}

    .bfd_intro .intro_area {max-width:560px;}
    .bfd_intro .intro_area small {font-size:30px;}
    .bfd_intro .intro_area .bfd {font-size:58px; margin:15px 0;}
    .bfd_intro .intro_area h2 .t {font-size:30px;}
    .bfd_intro .intro_area h2 .sale, .bfd_intro .intro_area h2 .sale:before {font-size:255px; line-height:200px;}

    .bfd_timer {margin:20px auto 40px;}
    .bfd_timer .txt {font-size:18px;}
    .bfd_timer #timer b {font-size:65px;}

    .bfd_intro .bfd_visual .pro {left:73%; width:460px;}
    .bfd_intro .bfd_visual .pro .h_ab {top:120px;}
    .bfd_halo {right:-9%;}
    .bfd_intro .bfd_visual .glow {top:32px; right:-10.5%;}

    .bfd_cont_ttl {margin:0 auto 75px;}
    .bfd_cont_ttl h3 {font-size:56px;}
    .bfd_cont_ttl p {font-size:26px;}

    .benefit_lst .benefit_item {height:250px; padding:20px 3%;}
    .benefit_lst .benefit_item small {font-size:20px;}
    .benefit_lst .benefit_item h4 {font-size:35px;}
    .benefit_lst .benefit_item .img {top:7%; width:45%; height:86%;}

    .bfd_event_area .event_item {width:34%; height:380px;}
    .bfd_event_area .event_item .draw_img {height:75%;}
    .bfd_event_area .event_item .draw_name {height:25%; font-size:22px; line-height:1.3;}
    .bfd_event_area .event_item .draw_img img {max-width:80%; max-height:80%;}
    .bfd_event_area .event_active {width:45.75%; height:480px;}
    .bfd_event_area .event_active .draw_img img {max-width:90%; max-height:90%;}
    .bfd_event_area .event_active .draw_name {font-size:24px;}
    .bfd_event_area .bfd_controls {width:80%;}

    .prd_area {margin:0 auto 80px;}
    .prd_area .prd_img_box {padding:50% 0 0;}
    .prd_area .prd_img_box .prd_color {height:70px; padding:0 30px;}
    .prd_area .prd_img_box .color_name {font-size:30px;}
    .prd_area .prd_img_box .color_btn button {margin:0 12px 0 0;}
    .prd_area .prd_img_box .device_img {height:calc(100% - 70px);}

    .prd_area .prd_info h3 {font-size:55px; line-height:1.25;}
    .prd_area .prd_info .price .conp {font-size:18px; margin:0 0 8px;}
    .prd_area .prd_info .price .sellp {font-size:26px;}
    .prd_area .prd_info .summary {font-size:20px;}

    .prd_area .prd_info .advantage {margin:40px 0 60px;}
    .prd_area .prd_info .advantage .ico {height:auto; padding:100% 0 0; margin:0 0 10px; box-sizing:border-box;}
    .prd_area .prd_info .advantage .ico img {max-width:80%; max-height:80%;}
    .prd_area .prd_info .advantage .txt {font-size:1.5vw;}

    .prd_area .prd_img_box .device_img img {max-width:80%; max-height:80%;}
    .bfd_deal .prd_btn a {font-size:26px;}

	.hld_kakao {background-size:auto 76%;}
    .hld_kakao .kakao_ttl span {font-size:2.8vw;}
    .hld_kakao .kakao_ttl h2 {font-size:4.5vw;}
    .hld_kakao .kakao_ttl p {font-size:2vw;}
}
@media screen and (max-width:1024px){
    .bfd_intro {height:1170px;}
    .bfd_intro:after {height:300px;}
    .bfd_inner {padding:50px 3% 0; text-align:center;}
    .bfd_intro .intro_area {width:100%; max-width:820px; height:100%; margin:0 auto;}
    .bfd_intro .intro_area .bfd_ttl {display:block; width:80%; max-width:640px; margin:0 auto;}
    .bfd_intro .intro_area small {font-size:4vw;}
    .bfd_intro .intro_area .bfd {font-size:7vw; letter-spacing:.25rem; margin:10px 0;}
    .bfd_intro .intro_area h2 {display:inline-block;}
    .bfd_intro .intro_area h2 .sale, .bfd_intro .intro_area h2 .sale:before {font-size:32vw; line-height:.8;}
    .bfd_intro .intro_area h2 i, .bfd_intro .intro_area h2 .sale:after {font-size:20vw; line-height:1.2;}
    .bfd_intro .intro_area h2 i {margin-left:10px;}

    .bfd_halo {top:60%; left:0; right:0; bottom:auto; width:100%; padding:100% 0 0; transform:translateX(0) !important; -webkit-transform:translateX(0) !important; -moz-transform:translateX(0) !important; -ms-transform:translateX(0) !important; -o-transform:translateX(0) !important; }
    .bfd_halo:before, .bfd_halo:after {top:0; left:0; right:auto; width:100%; height:100%;}
    .bfd_halo:after {background-size:100% auto;}
    .bfd_intro .bfd_visual .pro {top:auto; left:50%; bottom:0; width:56%; max-width:480px;}
    .bfd_intro .bfd_visual .pro .h_ab {top:20%; left:53%;}
    .bfd_intro .bfd_visual .pro .h_ab img {max-width:70%;}
    .bfd_intro .bfd_visual .glow {top:60%; left:50%; right:auto; width:100%; transform:translate(-50%, -50%) !important; -webkit-transform:translate(-50%, -50%) !important; -moz-transform:translate(-50%, -50%) !important; -ms-transform:translate(-50%, -50%) !important; -o-transform:translate(-50%, -50%) !important; }
    .bfd_intro .bfd_visual .glow.pc {display:none;}
    .bfd_intro .bfd_visual .glow.mobile {display:inline;}

    .bfd_timer {position:absolute; bottom:100px; left:0; right:0; max-width:640px; margin:0 auto;}
    .bfd_timer .txt {font-size:1.8vw;}
    .bfd_timer #timer b {font-size:6.5vw;}
    .bfd_intro .bfd_btn {position:absolute; bottom:0; left:0; right:0; max-width:620px; padding:0; margin:0 auto;}

    .bfd_cont {padding:120px 0 0;}
    .bfd_cont section {margin:0 auto 80px;}
    .bfd_cont_ttl {margin:0 auto 60px;}
    .bfd_cont_ttl small {font-size:2.5vw; margin:0 0 20px;}
    .bfd_cont_ttl h3 {font-size:6vw; margin:0 0 20px;}
    .bfd_cont_ttl p {font-size:2.75vw;}

    .benefit_lst .benefit_item {width:49%; height:auto; padding:21% 0 0; box-sizing:Border-box;}
    .benefit_lst .benefit_item .inner {position:absolute; top:50%; left:0; width:100%; padding:0 5%; box-sizing:border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
    .benefit_lst .benefit_item:nth-child(-n+2) {margin:0 0 2%;}
    .benefit_lst .benefit_item small {font-size:2vw;}
    .benefit_lst .benefit_item h4 {font-size:3vw; margin:10px 0;}
    .benefit_lst .benefit_item a, .benefit_lst .benefit_item p {font-size:15px;}

    .bfd_event_area .event_item .draw_name {font-size:2.25vw;}
    .bfd_event_area .event_item {width:40%; height:auto; padding:36.2% 0 0;}
    .bfd_event_area .event_item .event_date {position:absolute; top:0; left:0;}
    .bfd_event_area .event_item .event_inner {position:absolute; top:60px; left:0; width:100%;}
    .bfd_event_area .event_active {position:relative; width:60.75%; height:auto; padding:48.7% 0 0; margin:0 -14.375%;}
    .bfd_event_area .event_active .event_date {position:absolute; top:0; left:0;}
    .bfd_event_area .event_active .event_inner {position:absolute; top:70px; left:0; width:100%;}
    .bfd_event_area .event_active .draw_name {font-size:2.75vw;}

    .prd_area .prd_img_box {padding:55% 0 0;}
    .prd_area .prd_img_box .prd_color {height:60px; padding:0 25px;}
    .prd_area .prd_img_box .color_btn button {width:35px; height:35px; margin:0 8px 0 0;}
    .prd_area .prd_img_box .device_img {height:calc(100% - 60px);}
    .prd_area .prd_img_box .device_img .sticker {width:75px; height:75px; line-height:75px; font-size:20px;}

    .prd_area {margin:0 auto 60px;}
    .prd_area .prd_info {padding:0 0 0 5%;}
    .prd_area ~ .prd_area .prd_info {padding:0 5% 0 0;}
    .prd_area .prd_info h3 {font-size:5vw; margin:0 0 25px;}
    .prd_area .prd_info .summary {font-size:2vw;}

    .prd_area .prd_info .price .conp {font-size:1.8vw;}
    .prd_area .prd_info .price .sellp {font-size:2.4vw;}
    .prd_area .prd_info .advantage {margin:4vw 0 5vw;}
    .prd_area .prd_info .advantage .ico {padding:95% 0 0;}

    .bfd_deal .prd_btn a {max-width:280px; height:65px; line-height:61px; font-size:24px;}
    .bfd_footer .note_bar h3 {height:100px; line-height:100px; font-size:2.7vw; padding:0 5%;}

    .bfd_footer .note_lst dt {font-size:21px; margin:0 0 15px;}
    .bfd_footer .note_lst dd {font-size:17px; line-height:30px;}
    .bfd_footer .note_lst dd:before {top:13.5px;}

	.hld_kakao {height:150vw; background:#fff2a7 url(/content/dam/glo-jp/korea-images/event/past-events/2021/holiday/hld_kakao_m.jpg) 50% 100%/95% auto no-repeat;}
    .hld_kakao .kakao_ttl {padding:7.5vw 4% 0;}
    .hld_kakao .kakao_ttl p {margin:0 0 3.5vw;}
    .hld_kakao .kakao_ttl a {height:65px; line-height:65px; font-size:22px;}
}
@media screen and (max-width:768px){
    .bfd_intro {height:150vw;}
    .bfd_inner {padding:7.5vw 3% 0}
    .bfd_timer, .bfd_intro .bfd_btn {width:80%; max-width:80%;}

    .bfd_intro .bfd_visual .pro {width:60%;}
    .bfd_halo, .bfd_intro .bfd_visual .glow {top:55%;}

    .bfd_intro .bfd_btn .half_btn, .bfd_intro .bfd_btn .join_btn {height:65px; line-height:65px; font-size:22px;}
    .bfd_intro .bfd_btn .join_btn {line-height:61px;}

	.hld_kakao {height:150vw; background:#fff2a7 url(/content/dam/glo-jp/korea-images/event/past-events/2021/holiday/hld_kakao_m.jpg) 50% 100%/95% auto no-repeat;}
    .hld_kakao .kakao_ttl {padding:7.5vw 4% 0;}
    .hld_kakao .kakao_ttl p {margin:0 0 3.5vw;}
    .hld_kakao .kakao_ttl a {height:65px; line-height:65px; font-size:22px;}
}
@media screen and (max-width:767px){
    .bfd_intro {padding:56px 0 0;}
    .bfd_intro .intro_area h2 .sale, .bfd_intro .intro_area h2 .sale:before {font-size:35vw;}
    .bfd_intro .intro_area h2 .sale .century, .bfd_intro .intro_area h2 .sale:before {letter-spacing:-.75rem;}

    .bfd_intro .intro_area h2 i, .bfd_intro .intro_area h2 .sale:after {font-size:22vw;}
    .bfd_timer {width:84%; max-width:600px;}
    .bfd_timer .txt {width:85%; font-size:2vw;}
    .bfd_timer #timer {justify-content:space-between;}
    .bfd_timer #timer div:nth-child(-n+3) b:after {background-size:auto 80%;} 
    .bfd_timer #timer span {font-size:13px;}
    .bfd_timer, .bfd_intro .bfd_btn {max-width:540px;}
    .bfd_intro .bfd_btn .kakao_btn { left:50%; right:auto; width:auto; max-width:inherit; font-size:14px; padding:0 16px; box-sizing:content-box; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); white-space:pre;}

    .bfd_cont_ttl {margin:0 auto 50px;}
    .bfd_cont_ttl p {white-space:normal;}
    .benefit_lst .benefit_item {width:80%; padding:28% 0 0; margin:0 auto 2%;}
    .benefit_lst .benefit_item:nth-child(-n+2) {margin:0 auto 2%;}

    .benefit_lst .benefit_item small {font-size:2.5vw;}
    .benefit_lst .benefit_item h4 {font-size:4vw;}

    .benefit_lst .benefit_item .img {right:3%; width:40%;}
    .benefit_lst .benefit_item:first-child .img {width:38%;}

    .bfd_event_area .event_item {width:50%; padding:45% 0 0;}
    .bfd_event_area .event_date {font-size:3vw;}
    .bfd_event_area .event_active {width:76%; padding:60% 0 0;}
    .bfd_event_area .event_active .event_date {height:65px; line-height:65px; font-size:3.5vw;}
    .bfd_event_area .event_active .event_inner {top:65px; height:calc(100% - 65px);}

    .bfd_event_area .bfd_controls {width:100%;}
    .bfd_event_area .bfd_controls button {width:10%; background-position:100% 50%; background-size:4vw auto;}
    .bfd_event_area .bfd_controls .bfd_next {background-position:0 50%;}

    .prd_area {flex-wrap:wrap; justify-content:center;}
    .prd_area .prd_img_box {width:84%; padding:84% 0 0; margin:0 0 40px;}
    .prd_area .prd_img_box .prd_color {height:70px;}
    .prd_area .prd_img_box .device_img {height:calc(100% - 70px);}
    .prd_area .prd_info {width:84%; padding:0 2%;}
    .prd_area .prd_info h3 {font-size:6vw;}
    .prd_area .prd_info .advantage {margin:2.75vw 0 4vw; justify-content:space-between;}
    .prd_area .prd_info .advantage li {max-width:110px;}
    .prd_area .prd_info .advantage .ico img {max-width:80px; max-height:80px;}
    .prd_area .prd_info .advantage .txt {font-size:2vw;}

    .prd_area .prd_info .price .conp {font-size:2.25vw;}
    .prd_area .prd_info .price .sellp {font-size:3.4vw;}
    .prd_area .prd_info .summary {font-size:2.5vw;}
    .prd_area ~ .prd_area {flex-flow:wrap-reverse;}

    .bfd_deal .prd_btn a {height:60px; line-height:56px; font-size:3.25vw;}

}
@media screen and (max-width:640px){
    .bfd_intro {height:165vw;}
    .bfd_intro .intro_area small {font-size:5vw;}
    .bfd_intro .intro_area .bfd {font-size:8vw;}
    .bfd_intro .intro_area h2 .t {font-size:26px; font-weight:400;}
    .bfd_intro .intro_area h2 .sale, .bfd_intro .intro_area h2 .sale:before {font-size:40vw;}
    .bfd_intro .intro_area h2 i, .bfd_intro .intro_area h2 .sale:after {font-size:25vw;}

    .bfd_intro .bfd_visual .pro {bottom:5%; width:56%;}
    .bfd_intro .bfd_visual .pro .device.pc {display:none;}
    .bfd_intro .bfd_visual .pro .device.mobile {display:inline;}
    .bfd_intro .bfd_visual .pro .h_ab {top:16%; left:58%;}
    .bfd_intro .bfd_visual .pro .h_ab img {max-width:55%;}
    .bfd_timer {bottom:90px;}
    .bfd_timer .txt {width:88%; font-size:2.5vw; letter-spacing:.4rem;}
    .bfd_timer #timer b {font-size:7.5vw;}
    .bfd_intro .bfd_btn {width:84%;}
    .bfd_intro .bfd_btn .half_btn, .bfd_intro .bfd_btn .join_btn {height:60px; line-height:60px;}
    .bfd_intro .bfd_btn .join_btn {line-height:56px;}

    .bfd_cont .container {padding:0 5%;}
    .bfd_cont_ttl small {font-size:3.5vw; margin:0 0 15px;}
    .bfd_cont_ttl h3 {font-size:7vw;}
    .bfd_cont_ttl p {font-size:3.25vw;}

    .benefit_lst .benefit_item {width:100%; padding:35% 0 0;}
    .benefit_lst .benefit_item small {font-size:3vw;}
    .benefit_lst .benefit_item h4 {font-size:5vw;}

    .bfd_event_area .event_active .event_date {height:60px; line-height:60px; font-size:3.75vw;}
    .bfd_event_area .event_active .event_inner {top:60px; height:calc(100% - 60px);}
    .bfd_event_area .event_active .draw_img img {max-width:85%; max-height:85%;}
    .bfd_event_area .event_active .draw_name {font-size:3.25vw;}

    .bfd_cont .bfd_deal .container {padding:0 7%;}
    .prd_area .prd_img_box {width:100%; padding:100% 0 0;}
    .prd_area .prd_info, .prd_area ~ .prd_area .prd_info {width:100%; padding:0 4%;}
    .prd_area .prd_info h3 {font-size:6vw;}
    .prd_area .prd_info .price .conp, .prd_area .prd_info .summary {font-size:3vw;}
    .prd_area .prd_info .price .sellp {font-size:4vw;}
    .prd_area .prd_info .advantage .txt {font-size:2.5vw;}
    .bfd_deal .prd_btn {width:100%;}
    .bfd_deal .prd_btn a {font-size:3.75vw;}

    .bfd_footer .note_bar h3 {height:80px; line-height:80px; font-size:3vw;}
    .bfd_footer .note_cont {padding:40px 0;}
    .bfd_footer .note_lst dd {font-size:15px; line-height:1.8;}

	.hld_kakao .kakao_ttl a {height:60px; line-height:60px;}
}
@media screen and (max-width:480px){
    .bfd_intro {height:170vw;}
    .bfd_inner {padding:8vw 5% 0;}
    .bfd_intro .intro_area .bfd_ttl {width:100%;}
    .bfd_intro .intro_area h2 .t {font-size:4vw;}
    .bfd_intro .intro_area h2 .sale .century, .bfd_intro .intro_area h2 .sale:before {letter-spacing:-.45rem;}
    .bfd_intro .intro_area h2 i, .bfd_intro .intro_area h2 .sale:after {font-size:28vw;}

    .bfd_timer .txt {width:88%; letter-spacing:0.25rem;}
    .bfd_timer .txt {font-size:3.75vw;}
    .bfd_timer #timer div {width:25%;}
    .bfd_timer #timer b {font-size:9vw;}
    .bfd_timer, .bfd_intro .bfd_btn {width:90%;}
    .bfd_intro .bfd_btn .half_btn, .bfd_intro .bfd_btn .join_btn {height:56px; line-height:56px; font-size:4.25vw;}
    .bfd_intro .bfd_btn .join_btn {line-height:52px;}
    .bfd_intro .bfd_btn .kakao_btn {font-size:13px; margin:-18px auto 0;}

    .bfd_intro .bfd_visual .pro .h_ab {top:17%; left:61%;}
    .bfd_intro .bfd_visual .pro .h_ab img {max-width:45%;}

    .bfd_cont {padding:100px 0 0;}
    .bfd_cont_ttl {margin:0 auto 8vw;}
    .benefit_lst .benefit_item, .benefit_lst .benefit_item:nth-child(-n+2) {padding:46% 0 0; margin:0 0 3%;}
    .benefit_lst .benefit_item small {font-size:3.5vw;}
    .benefit_lst .benefit_item h4 {font-size:6vw; line-height:1.3; margin:5px 0;}
    .benefit_lst .benefit_item a, .benefit_lst .benefit_item p {font-size:13px;}
    .benefit_lst .benefit_item .img {width:45%;}
    .bfd_event_area .event_item {padding:50% 0 0; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}
    .bfd_event_area .event_item .event_date {height:55px; line-height:55px; border-top-left-radius:22px; border-top-right-radius:22px; font-size:3.75vw;}
    .bfd_event_area .event_item .event_inner {top:55px; height:calc(100% - 55px);}
    .bfd_event_area .event_item .draw_name {font-size:3vw;}
    .bfd_event_area .event_active {padding:60% 0 0;}
    .bfd_event_area .event_active .event_date {font-size:4.25vw;}
    .bfd_event_area .event_active .draw_name {font-size:3.5vw;}
    .bfd_event_area .event_end:after {background-size:35% auto;}

    .bfd_cont .bfd_deal .container {padding:0 6%;}
    .prd_area {margin:0 auto 70px;}
    .prd_area .prd_img_box {padding:110% 0 0;}
    .prd_area .prd_img_box .prd_color {height:65px;}
    .prd_area .prd_img_box .color_name {font-size:6vw;}
    .prd_area .prd_img_box .color_btn {width:160px;}
    .prd_area .prd_img_box .color_btn button {width:32px; height:32px; margin:0 6px 0 0; border-width:3px;}
    .prd_area .prd_img_box .device_img {height:calc(100% - 65px);}
    .prd_area .prd_img_box .device_img button {background-size:20px auto;}

    .prd_area .prd_info h3 {font-size:8vw;}
    .prd_area .prd_info .summary {font-size:4vw;}
    .prd_area .prd_info .advantage {margin:3.5vw 0 5vw;}
    .prd_area .prd_info .advantage .ico img {max-width:80%; max-height:80%;}
    .prd_area .prd_info .advantage .txt {font-size:2.75vw;}

    .bfd_deal .prd_btn {display:flex; align-items:center; justify-content:space-between;}
    .bfd_deal .prd_btn a {width:48.5%; max-width:295px; height:56px; line-height:52px; font-size:4.25vw; margin:0;}

    .bfd_footer .note_bar h3 {font-size:4.5vw;}
    .bfd_footer .note_bar h3:before {width:30px; height:30px; line-height:26px; font-size:16px;}
    .bfd_footer .note_bar h3:after {background-size:25px auto;}

    .bfd_footer .note_lst {padding:0 6%;}
    .bfd_footer .note_lst:first-child {margin:0 auto 45px;}
    .bfd_footer .note_lst dt {font-size:19px; margin:0 0 12px;}
    .bfd_footer .note_lst dd {font-size:14px;}

	.hld_kakao .kakao_ttl h2 {font-size:7.5vw;}
    .hld_kakao .kakao_ttl a {padding:0 45px;}
    .hld_kakao .kakao_ttl span {font-size:4.5vw;}
    .hld_kakao .kakao_ttl h2 {white-space:normal;}
    .hld_kakao .kakao_ttl p {font-size:4.5vw;}
    .hld_kakao .kakao_ttl a {height:56px; line-height:56px; font-size:4.25vw;}
}
@media screen and (max-width:420px){
    .bfd_intro .intro_area h2 .sale .century, .bfd_intro .intro_area h2 .sale:before {letter-spacing:-.4rem;}
    .bfd_timer {bottom:85px;}
    .bfd_intro .bfd_btn .half_btn, .bfd_intro .bfd_btn .join_btn {height:50px; line-height:50px;}
    .bfd_intro .bfd_btn .join_btn {line-height:46px;}
    .bfd_intro .bfd_btn .kakao_btn {height:25px; line-height:25px; font-size:11px; padding:0 12px; margin:-14px auto 0;}
    .bfd_intro .bfd_btn .kakao_btn:before {width:14px; margin-right:5px;}

    .bfd_cont_ttl h3 {margin:0 0 4vw;}
    .bfd_cont_ttl small, .bfd_cont_ttl p {font-size:4.15vw;}

    .bfd_cont {padding:70px 0 0;}
    .bfd_cont section {margin:0 auto 70px;}
    .bfd_event_area {margin:0 auto 50px;}
    .bfd_event_area .event_active {width:80%;}
    .bfd_event_area .event_item .event_date {height:13vw; line-height:13vw; font-size:4vw;}
    .bfd_event_area .event_active .event_date {font-size:4.75vw;}
    .bfd_event_area .event_item .event_inner {top:13vw; height:calc(100% - 13vw);}

    .prd_area .prd_img_box {padding:110% 0 0; margin:0 0 30px;}
    .prd_area .prd_img_box .prd_color {height:60px; padding:0 20px;}
    .prd_area .prd_img_box .device_img {height:calc(100% - 60px);}
    .prd_area .prd_img_box .device_img .sticker {top:25px; width:65px; height:65px; line-height:65px; font-size:18px;}

    .bfd_deal .prd_btn a {height:50px; line-height:46px;}

    .bfd_footer .note_lst dd {font-size:13px;}
}
@media screen and (max-width:380px){
    .prd_area .prd_img_box .color_btn {width:135px;}
    .prd_area .prd_img_box .color_btn button {width:28px; height:28px;}
}

/* kakao moment */
@media screen and (max-width:1560px){
    .km_contents .bfd_inner {padding:0 4%;}
}
@media screen and (max-width:1280px){
    .bfd_intro .intro_area small {font-size:35px;}
    .km_contents .bfd_intro .kakao_ttl h3 {font-size:58px;}
	.km_contents .bfd_intro .kakao_ttl h3 span { font-size: 32px; }
}
@media screen and (max-width:1024px){
    .km_contents .bfd_inner {padding:50px 4% 0;}
    .km_contents .bfd_intro .intro_area {align-items:flex-start; justify-content:center; text-align:center;}
    .km_contents .bfd_intro .kakao_ttl .bfd {margin:20px 0;}
    .km_contents .bfd_intro .kakao_ttl h3 {font-size:7vw; margin:0 0 10vw;}
	.km_contents .bfd_intro .kakao_ttl h3 span { font-size: 4vw; }
    .km_contents .bfd_intro .bfd_link {height:65px; line-height:65px; font-size:24px;}
}
@media screen and (max-width:640px){
    .km_contents .bfd_intro .bfd_link {height:60px; line-height:60px; font-size:22px; padding:0 6vw;}
}
@media screen and (max-width:480px){
    .bfd_intro .intro_area small {font-size:6vw;}
    .km_contents .bfd_intro .kakao_ttl .bfd {margin:20px 0;}
    .km_contents .bfd_intro .kakao_ttl h3 {font-size:8vw;}
	.km_contents .bfd_intro .kakao_ttl h3 span { font-size: 5vw; }
    .km_contents .bfd_intro .bfd_link {height:56px; line-height:56px; font-size:4.25vw;}
    .km_contents .bfd_intro .bfd_link:after {width:16px; background-size:auto 20px;}
}