@charset "utf-8";
/* Reset */
 /* * {outline:0 !important;} */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption,main{margin:0;padding:0;outline:none;-webkit-tap-highlight-color:transparent; }
html, body{width:100%;}
/*html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}*/
body{width:100%; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;font-family: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;}
html[lang="ja"] body,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea,
html[lang="ja"] button{font-family: "Pretendard JP Variable", "Pretendard JP", "Pretendard Variable", Pretendard, "Hiragino Sans", Meiryo, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;}
body,input,select,textarea,button {border:none;font-size:12px; color:#46312c;background: none;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
/* label,img,input,select,textarea,button{vertical-align:middle;} */
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
::selection {color:#fff;background-color: #000;}
::-moz-selection {color:#fff;background-color: #000;}
::-webkit-selection{color:#fff;background-color: #000;}
::-webkit-scrollbar{display:none;}

/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {font-family: "Pretendard Variable", Pretendard, sans-serif;width:100%; height:30px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:20px; vertical-align:middle;-webkit-appearance: none;-webkit-border-radius:0;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

button{cursor:pointer;}
input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{font-size:16px;font-weight:normal; line-height:140%; background:#eaeaea;border:1px solid #c0c0c0;}
.blind{display:none;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

:root {
    --black: #241f1f;
}

#wrap{height: 100vh;position: relative;}
.header{position: fixed;top: 0;left: 0; width: 100%;display: flex;justify-content: space-between;align-items: center;z-index: 10;box-sizing: border-box;padding: 40px 43px 20px 67px;z-index: 1000;}
.header .h_w{position: relative;z-index: 10;margin-right: auto;}
.header .h_w a{color: #fff; }
.header .h_question{margin-right: 0;display: flex;align-items:center;position: relative;z-index: 10; opacity: 1; transition: all .4s ease-in-out;}
.header .h_question a{display: block;color: #fff;font-size: 16px;font-weight: bold; letter-spacing: -.6px;text-align: center;line-height: 36px;padding: 0 1.2em;}
.header .h_question a:first-child~a{margin-left: .3em;}
.header .h_question .lang-switcher{margin-left:.8em;color:#fff;}
.header .h_question .lang-switcher__label{border-color:rgba(255,255,255,.62);background:rgba(0,0,0,.16);}
.header .h_question--language-only{margin-right:42px;}
.header .h_question .language { display: flex; justify-content: center; align-items: center; padding: 0 1.2em; margin-left: 0.3em; }
.header .h_question .language figure { margin-top: 4px; }
.header .h_question .language figure img { width: 16px; }
.header .h_question .language a { line-height: 1; }
.header .h_question .language a span { font-family: "Pretendard Variable", Pretendard, sans-serif; font-size: 16px; font-weight: bold; cursor: pointer; }
.header .h_question .language figure img { filter: invert(1); }
.header .h_question .language a span { color: #777; }
.header .h_question .language a.active span { color: #fff; }
.header .h_question .language svg path { fill: #fff; }
.header .h_question .language a:nth-child(2), .header .h_question .language a:nth-child(3) { border-right: 1px solid #777; }
.header .h_question .language a:nth-child(2) { padding-right:10px; }
.header .h_question .language a:nth-child(3) { padding:0 10px; }
.header .h_question .language a:nth-child(4) { padding-left:10px; }
.header .n_btn{padding: 7px 5px;cursor: pointer;position: relative;z-index: 10;}
.header .n_btn button{display:block; position: relative;width: 30px;height: 26px;box-sizing: content-box;cursor: pointer;}
.header .n_btn span{display: block;height: 3px;background-color: #fff;position: absolute;}
.header .n_btn span:nth-child(1){width: 15px;top:0;z-index: 2;}
.header .n_btn span:nth-child(2){width: 100%;top: 50%;z-index: 1;transform: translateY(-50%);}
.header .n_btn span:nth-child(3){width: 15px;bottom: 0;right:0;z-index: 3;}
.header .g_nav{position: fixed;top: 0%;right: 0%;width: 0;height: 0;display: flex;align-items: center;justify-content: center;transition: .5s ease-in-out ;box-sizing: border-box;overflow: hidden;background-image: url(/img/bg.webp);background-repeat: repeat-x;background-size: auto 100vh;background-position: -100vw 0;will-change: contents,top,left,width,height,background-position;}
.header .g_nav>div{position: relative;top: 0;left: 0;width: 100vw;height: 100vh; overflow: hidden;}
.header .g_nav>div>div{width: 100vw;display: flex;align-items: center;justify-content: center; height: 100vh;transform: translate(-50vw, 0);will-change: contents,transform;opacity: 0;}
.header .g_nav .m_in_wrap{display: flex;justify-content: space-between; width: 100%;max-width: 1434px; flex-direction: column;}
.header .g_nav .m_nav{display: grid; grid-template-columns: 1fr 1fr;gap: 200px;}
.header .g_nav .m_nav li{transform: translateX(-10%);opacity: 0;}
.header .g_nav .m_nav a{position: relative; color: #fff;font-size: 70px;font-weight: bold;letter-spacing: -3px;font-family: "acumin-pro-wide";transition: .3s;line-height: 1.5;}
.header .g_nav .m_nav a::after{display: block;content: '';position: absolute; bottom: -.1em;left: 0;width: 0;border-bottom: .07em solid #fff;transition: .3s;} 
.header .g_nav .m_nav a span{font-size: .343em;margin-left:1em;color:#dcdcd7;letter-spacing:normal;}
.header .g_nav .m_sns{align-self: flex-end; margin-top: 10px;}
.header .g_nav .m_sns li{transform: translateX(10%);opacity: 0;transition: .3s;}
.header .g_nav .m_sns a{color: #fff;font-size: 30px;font-weight: bold;letter-spacing: -.6px;font-family: "acumin-pro-wide";}
html[dir="rtl"] .header{flex-direction:row;direction:rtl;padding:40px 67px 20px 43px;}
html[dir="rtl"] .header .h_w{margin-right:0;margin-left:auto;}
html[dir="rtl"] .header .h_question{margin-right:66px;margin-left:0;flex-direction:row-reverse;}
html[dir="rtl"] .header .h_question a:first-child~a{margin-left:0;margin-right:.3em;}
html[dir="rtl"] .header .h_question .lang-switcher{margin-left:0;margin-right:.8em;}
html[dir="rtl"] .header .h_question--language-only{margin-right:42px;margin-left:0;}
html[dir="rtl"] .header .n_btn span:nth-child(1){right:0;}
html[dir="rtl"] .header .n_btn span:nth-child(3){right:auto;left:0;}
html[dir="rtl"] .header .g_nav{right:auto;left:0;background-position:100vw 0;}
html[dir="rtl"] .header .g_nav>div>div{transform:translate(50vw, 0);}
html[dir="rtl"] .header .g_nav .m_nav li{transform:translateX(10%);text-align:right;}
html[dir="rtl"] .header .g_nav .m_nav a::after{left:auto;right:0;}
html[dir="rtl"] .header .g_nav .m_nav a span{margin-left:0;margin-right:1em;}
html[dir="rtl"] .header .g_nav .m_sns{align-self:flex-start;}
html[dir="rtl"] .header .g_nav .m_sns li{transform:translateX(-10%);}
html[dir="rtl"] #wrap.on .header .g_nav>div>div{transform:translateX(0);}
html[dir="rtl"] #slideContainer,
html[dir="rtl"] .section_2 .swiper-container,
html[dir="rtl"] .section_2 .swiper-wrapper,
html[dir="rtl"] .section_2 .swiper-slide{direction:ltr;}
html[dir="rtl"] .section_2 .brand_text_wrap,
html[dir="rtl"] .section_2 .brand_text_wrap .s_w{direction:rtl;text-align:right;}
html[dir="rtl"] .section_0 .main_title h2,
html[dir="rtl"] .section_0 .main_title span,
html[dir="rtl"] .section_2 .brand_text_wrap h2,
html[dir="rtl"] .section_2 .brand_text_wrap h2 a,
html[dir="rtl"] .section_2 .brand_text_wrap h2 .brand-title,
html[dir="rtl"] .section_4 .instagram_wrap h2,
html[dir="rtl"] .section_4 .instagram_wrap h2 a,
html[dir="rtl"] #footer a[href^="mailto:"],
html[dir="rtl"] #footer .f_r p,
html[dir="rtl"] .email-split input,
html[dir="rtl"] .email-split span,
html[dir="rtl"] .product-sticky-cta--foreign .product-cta-link a{direction:ltr;unicode-bidi:isolate;}
html[dir="rtl"] .product-sticky-cta--foreign .product-cta-links{direction:ltr;}
body.blue .header .h_w a{color: #241f1f;}
body.blue .header .h_w .cls-2{fill:#241f1f}
body.blue .header .n_btn span{background-color: #241f1f;}
body.blue .header .h_question a{color: #46312c;}
body.blue .header .h_question .language figure img { filter: invert(0); }
body.blue .header .h_question .language a span { color: #777; }
body.blue .header .h_question .language a.active span { color: #46312c; }
body.blue .header .h_question .language svg path { fill: #46312c !important; }
.h_faq{ font-family: "Pretendard Variable", Pretendard, sans-serif; }
body.blue #wrap.on .header .h_w a{color: #fff;}
body.blue #wrap.on .header .h_w .cls-2{fill:#fff}
body.blue #wrap.on .header .n_btn span{background-color: #fff;}
body.blue #wrap.on .header .h_question a{color: #fff;}
body.blue #wrap.on .header .h_question .language figure img { filter: invert(1); }
body.blue #wrap.on .header .h_question .language a span { color: #777; }
body.blue #wrap.on .header .h_question .language a.active span { color: #fff; }
body.blue #wrap.on .header .h_question .language svg path { fill: #fff !important; }

/* 24.02.29 [정윤석] GSAP Transition을 위한 Class명 분리 */
body.theme .header .h_w a{color: #241f1f;}
body.theme .header .h_w .cls-2{fill:#241f1f}
body.theme .header .n_btn span{background-color: #241f1f;}
body.theme .header .h_question a{color: #46312c;}
body.theme .header .h_question .language figure img { filter: invert(0); }
body.theme .header .h_question .language a span { color: #777; }
body.theme .header .h_question .language a.active span { color: #46312c; }
body.theme .header .h_question .language svg path { fill: #46312c !important; }
body.theme #wrap.on .header .h_w a{color: #fff;}
body.theme #wrap.on .header .h_w .cls-2{fill:#fff}
body.theme #wrap.on .header .n_btn span{background-color: #fff;}
body.theme #wrap.on .header .h_question a{color: #fff;}
body.theme #wrap.on .header .h_question .language figure img { filter: invert(1); }
body.theme #wrap.on .header .h_question .language a span { color: #777; }
body.theme #wrap.on .header .h_question .language a.active span { color: #fff; }
body.theme #wrap.on .header .h_question .language svg path { fill: #fff !important; }

#wrap.blue .header .h_w a{color: #241f1f;}
#wrap.blue .header .h_w .cls-2{fill:#241f1f}
#wrap.blue .header .n_btn span{background-color: #241f1f;}
#wrap.blue .header .h_question a{color: #46312c;}
#wrap.blue .header .h_question .language figure img { filter: invert(0); }
#wrap.blue .header .h_question .language a span { color: #777; }
#wrap.blue .header .h_question .language a.active span { color: #46312c; }
#wrap.blue .header .h_question .language svg path { fill: #46312c !important; }
#wrap.blue.on .header .h_w a{color: #fff;}
#wrap.blue.on .header .h_w .cls-2{fill:#fff}
#wrap.blue.on .header .n_btn span{background-color: #fff;}
#wrap.blue.on .header .h_question a{color: #fff;}
#wrap.blue.on .header .h_question .language figure img { filter: invert(1); }
#wrap.blue.on .header .h_question .language a span { color: #777; }
#wrap.blue.on .header .h_question .language a.active span { color: #fff; }
#wrap.blue.on .header .h_question .language svg path { fill: #fff !important; }
#wrap.theme .header .h_w a{color: #241f1f;}
#wrap.theme .header .h_w .cls-2{fill:#241f1f}
#wrap.theme .header .n_btn span{background-color: #241f1f;}
#wrap.theme .header .h_question a{color: #46312c;}
#wrap.theme .header .h_question .language figure img { filter: invert(0); }
#wrap.theme .header .h_question .language a span { color: #777; }
#wrap.theme .header .h_question .language a.active span { color: #46312c; }
#wrap.theme .header .h_question .language svg path { fill: #46312c !important; }
#wrap.theme.on .header .h_w a{color: #fff;}
#wrap.theme.on .header .h_w .cls-2{fill:#fff}
#wrap.theme.on .header .n_btn span{background-color: #fff;}
#wrap.theme.on .header .h_question a{color: #fff;}
#wrap.theme.on .header .h_question .language figure img { filter: invert(1); }
#wrap.theme.on .header .h_question .language a span { color: #777; }
#wrap.theme.on .header .h_question .language a.active span { color: #fff; }
#wrap.theme.on .header .h_question .language svg path { fill: #fff !important; }

body.top .header{background-color: rgba(255,255,255,1);border-bottom: 1px solid #ededed;}
body.top .header .h_w a{color: #241f1f;}
body.top .header .h_w .cls-2{fill:#241f1f}
body.top .header .n_btn span{background-color: #241f1f;}
body.top .header .h_question a{color: #46312c;}
body.top .header .h_question .language figure img { filter: invert(0); }
body.top .header .h_question .language a span { color: #777; }
body.top .header .h_question .language a.active span { color: #46312c; }
body.top .header .h_question .language svg path { fill: #46312c !important; }
body.top #wrap.on .header .h_w a{color: #fff;}
body.top #wrap.on .header .h_w .cls-2{fill:#fff}
body.top #wrap.on .header .n_btn span{background-color: #fff;}
body.top #wrap.on .header .h_question a{color: #fff;}
body.top #wrap.on .header .h_question .language figure img { filter: invert(1); }
body.top #wrap.on .header .h_question .language a span { color: #777; }
body.top #wrap.on .header .h_question .language a.active span { color: #fff; }
body.top #wrap.on .header .h_question .language svg path { fill: #fff !important; }
body.top #wrap.on .header{background:transparent;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none;}
body.blue .header .h_question .lang-switcher,
body.theme .header .h_question .lang-switcher,
#wrap.blue .header .h_question .lang-switcher,
#wrap.theme .header .h_question .lang-switcher,
body.top .header .h_question .lang-switcher{color:#46312c;}
body.blue .header .h_question .lang-switcher__label,
body.theme .header .h_question .lang-switcher__label,
#wrap.blue .header .h_question .lang-switcher__label,
#wrap.theme .header .h_question .lang-switcher__label,
body.top .header .h_question .lang-switcher__label{border-color:rgba(70,49,44,.38);background:rgba(255,255,255,.78);}
body.blue #wrap.on .header .h_question .lang-switcher,
body.theme #wrap.on .header .h_question .lang-switcher,
#wrap.blue.on .header .h_question .lang-switcher,
#wrap.theme.on .header .h_question .lang-switcher,
body.top #wrap.on .header .h_question .lang-switcher{color:#fff;}
body.blue #wrap.on .header .h_question .lang-switcher__label,
body.theme #wrap.on .header .h_question .lang-switcher__label,
#wrap.blue.on .header .h_question .lang-switcher__label,
#wrap.theme.on .header .h_question .lang-switcher__label,
body.top #wrap.on .header .h_question .lang-switcher__label{border-color:rgba(255,255,255,.62);background:rgba(0,0,0,.16);}
#wrap.on .header .g_nav{inset:0;width:100vw;height:100vh;background-position:0 0;}
#wrap.on .header .g_nav.on{transition-property: none;}
#wrap.on .header .g_nav>div>div{transform: translateX(0);opacity: 1;}
#wrap.on .header .g_nav .m_nav li{opacity: 1;transform: translateX(0%);transition-duration: .3s;transition-timing-function: ease-in-out;}
#wrap.on .header .g_nav .m_nav li:nth-child(1){transition-delay:.4s;}
#wrap.on .header .g_nav .m_nav li:nth-child(2){transition-delay:.5s;}
#wrap.on .header .g_nav .m_nav li:nth-child(3){transition-delay:.6s;}
#wrap.on .header .g_nav .m_nav li:nth-child(4){transition-delay:.7s;}
#wrap.on .header .g_nav .m_nav li:nth-child(5){transition-delay:.8s;}
#wrap.on .header .g_nav .m_nav li:nth-child(6){transition-delay:.9s;}
#wrap.on .header .g_nav .m_nav li:nth-child(7){transition-delay:1.1s;}
#wrap.on .header .g_nav .m_nav li.opactiy a{opacity: .3;}
#wrap.on .header .g_nav .m_nav li.hover a{opacity: 1;}
#wrap.on .header .g_nav .m_nav a:hover:after{width: 100%;}
#wrap.on .header .g_nav .m_sns li{transform: translateX(0);opacity: 1;}
#wrap.on .header .g_nav .m_sns li:nth-child(1){transition-delay:.4s;}
#wrap.on .header .g_nav .m_sns li:nth-child(2){transition-delay:.5s;}
#footer{background-color: #241f1f;padding: 56px 0 138px;position: relative;z-index: 100;}
#footer .f_w {max-width: 1434px;width: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
#footer .f_w h2 svg{width: 161px;height: 43px;}
#footer .f_w h2,
#footer address,
#footer small{color: #dcdcd7;}
#footer .f_l address{font-size: 14px;letter-spacing:-.42px;margin: 36px 0 16px}
#footer .f_l ul{display: flex;margin-bottom: 16px;}
#footer .f_l ul li:first-child~li{margin-left: 8px;}
#footer .f_r{display: flex;}
#footer .f_r h3{font-size:14px;color: #fff;font-family: "Pretendard Variable", Pretendard, sans-serif;margin-bottom: 25px;}
#footer .f_r article a,
#footer .f_r p{font-family: "Pretendard Variable", Pretendard, sans-serif;font-size:28px;font-weight: bold;color: #fff;}
#footer .f_r p{color: #fff;}
#footer .f_r article:nth-child(1){margin-right: 131px;}
#footer .f_r article:nth-child(1) a{color: #dcdcd7;}
#footer .f_r article:nth-child(1) li.active a{color: #fff;}
#footer .f_r article:nth-child(2) a{text-decoration: underline;}
#footer .f_r article:nth-child(2) a:hover{background-color: #fff;color: #46312c;}
#footer a{color: #fff;}
/* brief-korean-footer-readability */
#footer:not([data-brief-localized-footer]) .f_l{max-width: 780px;}
#footer:not([data-brief-localized-footer]) .f_l address{max-width: 760px;font-size: 15px;line-height:1.72;letter-spacing:0;margin: 32px 0 20px;color:#eee9e3;font-style: normal;font-weight: 500;}
#footer:not([data-brief-localized-footer]) .f_l address span{display:block;}
#footer:not([data-brief-localized-footer]) .f_l address em{font-style:normal;color:#a99f98;margin:0 5px;}
#footer:not([data-brief-localized-footer]) .f_l address strong{color:#fff;font-weight:800;margin-right: 3px;}
#footer:not([data-brief-localized-footer]) .f_l address a{color:#fff;text-decoration: none;}
#footer:not([data-brief-localized-footer]) .f_l ul{gap: 8px 14px;flex-wrap: wrap;margin-bottom: 20px;}
#footer:not([data-brief-localized-footer]) .f_l ul li:first-child~li{margin-left: 0;}
#footer:not([data-brief-localized-footer]) .f_l ul a{color:#f8f4ee;font-weight:700;}
#footer:not([data-brief-localized-footer]) .f_l small{display:none;}
#loading_wrap{position: fixed;top: 0;left: 0;background-color: #fff;width: 100%;height: 100%; z-index: 9999;overflow: hidden;transition: .6s ease-in-out;display:flex;align-items: center;justify-content: center;}
#loading_scene{width: 30vw;transition: .6s ease-in-out;}
#loading_wrap.on{opacity: 0;}

/**팝업창 css*/
.advertisement_layout{position: fixed; top: 110px; right: 30px; z-index: 100; display: flex; align-items: center; justify-content: center; z-index:1000;}
.advertisement_layout .advertisement_wrap{ width: 100%; min-width: 230px; max-width: 330px; }
.advertisement_layout .advertisement_img {position: relative;}
.advertisement_layout .advertisement_img a,
.advertisement_layout .advertisement_img a img{display: block;}
.advertisement_layout .advertisement_img img {display: block; max-width: 100%; height: auto;}
.advertisement_layout .btns{display: flex; justify-content: space-between;}
.advertisement_layout .btns button{display: flex; flex: 0 0 50%; font-size: 12px; color: #fff; justify-content: center; align-items: center; height: 48px;background: #666; cursor: pointer;}
.advertisement_layout .btns button:last-child{background: #000;}
.advertisement_layout .advertisement_img .link {position: absolute; background: transparent; }
.advertisement_layout .advertisement_img .app_link { height: 2.3792vw; width: 7.4vw; bottom: 1.5vw; left: 0.9375vw; max-width: 142px; max-height: 45px; min-width: 101px; }
.advertisement_layout .advertisement_img .smart_link { height: 2.3792vw; width: 7.4vw; bottom: 1.6vw; right: 0.9075vw; max-width: 142px; max-height: 45px; min-width: 101px; }
.advertisement_layout .advertisement_img .kakao_link { height: 1.9792vw; width: 15.4167vw; bottom: 1.9792vw; right: 0.8854vw; max-width: 296px; max-height: 38px; min-width: 206px; }
/* img[usemap]{ border: none; height: auto; max-width: 100%; width: auto; } */

.advertisement_layout.second{right:auto;left:30px;}
.advertisement_layout.second .advertisement_wrap{width: 100%; max-width: 750px;}

@media screen and (max-width:1494px) {
    .header{padding: 40px 4vw 20px 5vw;}
    .header .g_nav .m_in_wrap{width: 80vw;}
    .header .g_nav .m_nav{margin-right: 0;}
    .header .g_nav .m_nav{gap: 0.3869vw;}
    #footer .f_w{width: 92vw;display: block;}
    #footer:not([data-brief-localized-footer]) .f_l{max-width: 100%;}
    #footer .f_r{margin-top: 44px;display: flex;gap: 24px;word-break: keep-all;}
    #footer .f_r article{flex: 1 1 0;min-width: 0;}
    #footer .f_r article:nth-child(1){margin-right: 0;}
    #footer .f_r article a,
    #footer .f_r p{font-size: 22px;}
}
@media screen and (max-width:1220px) {
	.header .g_nav .m_nav a{font-size: 3.8594vw;letter-spacing: -.03em; line-height: 1.8; }
    .header .g_nav .m_sns a{font-size: 1.9063vw;}
    .header .h_question{margin-right: 30px;}
    .header .g_nav .m_nav { display: block; }
    .header .h_question .language { justify-content: end; padding: 0; margin-top: 10px; }
    .header .h_question .language a:nth-child(2) { padding-left: 5px; }
    .header .h_question .lang-switcher{margin-left:0;margin-top:.75em;align-self:flex-end;}
    .header .h_question .lang-switcher__label{height:34px;min-width:112px;padding:0 10px;}
    .header .h_question.fade { opacity: 0; }
    
    .header .g_nav .m_in_wrap{display: block;}
    .header .g_nav .m_nav a span{font-size: .44em;margin-top:-.8em}
    #wrap.on .header .g_nav .m_nav li{text-align: center;}
    #wrap.on .header .g_nav .m_nav li a span{display: block;margin-left: 0;}
    .header .g_nav .m_nav a::after{display: none;}
    .header .g_nav .m_sns{display: flex;justify-content: space-around;margin-top: 3em;}
    
    .header .h_question{position:absolute;top:94px;right:30px;flex-direction:column;align-items:flex-end;margin-right:0;z-index: 0;}
    .header .h_question a{padding:0;text-align: right;}
    .header .h_question a:first-child~a{margin-left: 0;margin-top:.4em;}
    html[dir="rtl"] .header .h_question{right:auto;left:30px;margin-right:0;align-items:flex-start;}
    html[dir="rtl"] .header .h_question a{text-align:left;}
    html[dir="rtl"] .header .h_question .lang-switcher{margin-right:0;align-self:flex-start;}
    body.top .header .h_question{display:none !important;}
}

@media screen and (max-width:1024px) {
    #footer .f_w{width: 92vw;display: block;}
    #footer .f_r{margin-top: 40px;}
    #footer:not([data-brief-localized-footer]) .f_l{max-width: 100%;}
    #footer:not([data-brief-localized-footer]) .f_l address{max-width: 820px;}
}
@media screen and (max-width:600px) {
    .header .g_nav .m_in_wrap{display: block;}
    .header .g_nav .m_nav a span{font-size: .44em;margin-top:-.8em}
    #wrap.on .header .g_nav .m_nav li{text-align: center;}
    #wrap.on .header .g_nav .m_nav li a span{display: block;margin-left: 0;}
    .header .g_nav .m_nav a::after{display: none;}
    .header .g_nav .m_sns{display: flex;justify-content: space-around;margin-top: 3em;}
    
    .header .h_question{position:absolute;top:94px;right:30px;flex-direction:column;align-items:flex-end;margin-right:0;z-index: 0;}
    .header .h_question a{padding:0;text-align: right;}
    .header .h_question a:first-child~a{margin-left: 0;margin-top:.4em;}
    html[dir="rtl"] .header .h_question{right:auto;left:30px;margin-right:0;align-items:flex-start;}
    html[dir="rtl"] .header .h_question a{text-align:left;}
    html[dir="rtl"] .header .h_question .lang-switcher{margin-right:0;align-self:flex-start;}
}
@media screen and (max-width:461px) {
    .header{padding: 7.2222vw 4.4444vw 3.3333vw 4.4444vw;}
    .header .h_w a svg{width: 20.2778vw;}
    .header .n_btn button{width: 6.6667vw;height: 6.1111vw;}
    .header .n_btn span:nth-child(1),
    .header .n_btn span:nth-child(3){width: 3.3333vw;}
    .header .g_nav .m_nav a{font-size: 8vw;line-height: 1.8;}
    .header .g_nav .m_sns a{font-size: 4vw;}
    .header .h_question{right:4.4444vw}
    html[dir="rtl"] .header .h_question{right:auto;left:4.4444vw;}

    #footer{padding: 10vw 0 16.6667vw}
    #footer .f_w h2{text-align: center;}
    #footer .f_w h2 svg{width: 32.2222vw;height: 8.7778vw;}
    #footer .f_l address{ font-size: 3.0556vw;}
    #footer:not([data-brief-localized-footer]) .f_l address{font-size: clamp(13px, 3.6111vw, 15px);line-height:1.76;margin: 8vw 0 5vw;}
    #footer:not([data-brief-localized-footer]) .f_l ul{gap: 2.2222vw 3.8889vw;}
    #footer:not([data-brief-localized-footer]) .f_l small{font-size: clamp(11px, 3.0556vw, 13px);line-height:1.55;margin-top: 5vw;}
    #footer .f_r{display: block;}
    #footer .f_r h3{font-size: 3.3333vw;margin-bottom: 5.5556vw;}
    #footer .f_r article a,
    #footer .f_r p{font-size: 5.5556vw;}
    #footer .f_r article:last-child{margin-top: 8.3333vw;}
}




/**팝업창 css 모바일*/
@media screen and (min-width: 1920px) {
    .advertisement_layout .advertisement_img .app_link { bottom: 29px; left: 21px; }
    .advertisement_layout .advertisement_img .smart_link { bottom: 29px; right: 17.424px; }
    .advertisement_layout .advertisement_img .kakao_link { bottom: 38px; right: 17px; }
}
@media screen and (max-width: 1320px) {
    .advertisement_layout .advertisement_img .app_link { height: 30.125px; width: 101px; bottom: 21.4277px; left: 14.375px; }
    .advertisement_layout .advertisement_img .smart_link { height: 30.125px; width: 101px; bottom: 21.4277px; right: 11.979px; }
    .advertisement_layout .advertisement_img .kakao_link { height: 26.125px; width: 206px; bottom: 26.1254px; right: 11.6873px; }

}
@media screen and (max-width: 800px) {
    .advertisement_layout{top: 0; left: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%;}
    .advertisement_layout.second{left: 0;background: none;}
    .advertisement_layout.second .advertisement_wrap{width: 90vw;}
}

/* Header polish: on mobile the cramped top-right links are hidden and the
   secondary links + language switcher move into the hamburger menu (.m_extra),
   set off as a muted secondary group. On desktop .m_extra is hidden. */
.header .g_nav .m_extra { display: none; }
@media screen and (max-width: 1220px) {
    .header .h_question { display: none !important; }
    .header .g_nav .m_in_wrap .m_extra {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        width: 100%;
        max-width: 320px;
        margin: 2.6em auto 0;
        padding-top: 2em;
        border-top: 1px solid rgba(255, 255, 255, 0.18);
    }
    .header .g_nav .m_extra a {
        color: #dcdcd7;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: -0.4px;
    }
    .header .g_nav .m_extra .lang-switcher { color: #fff; }
    .header .g_nav .m_extra .lang-switcher__face { padding: 0; font-size: 18px; }
}
@media screen and (max-width: 461px) {
    .header .g_nav .m_in_wrap .m_extra { gap: 16px; padding-top: 1.7em; }
}