@charset "UTF-8";
@import url(/common/css/font.css);

html{font-size:62.5%;overflow:hidden; overflow-y:scroll;}	
body { margin: 0; font-family:'Pretendard'; font-weight:400; font-size:2.1rem; background:#0c0c0d; color:#fff;  height:100%; }

input, button, select {
  font-size:1.5rem;
  height:4.8rem; height:4.8rem;
  color:#0c0c0d;
  padding:0 1rem; 
  border-radius:1.2rem;
   -webkit-tap-highlight-color: transparent;
}

select{ background-color:#fff; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;background-image: url('/img/common/icon_select_arrow.png') no-repeat 90% 50%/19px auto;display: block;}
input{background-color:#fff;}
input[type="checkbox"], input[type="radio"]{accent-color: #7f7aed; height:auto;}

.en{font-family: "Dortmund"; line-height: 1.16;}
.br48{border-radius:4.8rem; overflow:hidden;}
.ml24{margin-left:24rem;}

.btn{transition:all .3s; width:23.6rem;height:4.8rem;margin: 0 auto;line-height:4.8rem;text-align:center;display: block;border: 1px solid #fff;border-radius: 4.8rem;font-size: 1.7rem;}
.btn:hover{border-color:#7f7aed; color:#7f7aed;}

/* header */
.site-header {width:100%; position:fixed; top:0; z-index:50; backdrop-filter:saturate(1.2) blur(1rem); background:color-mix(in oklab, transparent 70%, #111214); transition:transform .22s ease-in-out; z-index:20; /* border-bottom:1px solid color-mix(in oklab, #111214, #fff 2%);*/}
.site-header.scrolled {transform: translateY(-100px);}
.site-header .container {max-width:182rem; height:8.4rem; margin:auto; padding:1.4rem 2rem; display:grid; grid-template-columns:auto 1fr auto; gap:1.6rem; align-items:center;}
.site-header .primary .menu {list-style:none; margin:0; padding:0; display:flex; gap:1.8rem; align-items:center; justify-content: center;}
.site-header .toplink {appearance:none; background:none; border:0; color:#e9ecf1; font-size:1.5rem; padding:1rem 2.5rem; cursor:pointer}
.site-header .menu > li > a.toplink { text-decoration:none; display:inline-block; padding:1rem .6rem; color:#e9ecf1 }
.site-header .menu > li:hover > .toplink,
.site-header .menu > li:has(.menu-inner:focus-within) > .toplink { color:#7f7aed }
.site-header .menu-container{position:relative}
.site-header .menu-inner{
  position:absolute; left:0; top:calc(100% + 1.4rem);
  display:flex; gap:28px;
  padding:2rem; width:max-content;
  border-radius:1.4rem;
  background:color-mix(in oklab, #111214, #fff 4%);
  box-shadow:0 2rem 4rem rgba(0,0,0,.35);
  opacity:0; visibility: hidden; pointer-events:none; transform:translateY(8px); transition:.18s ease;
}
.site-header .menu-container.curri .menu-inner{left:-30rem;}
.site-header .menu-inner .depth-list {min-width:20rem;}
.site-header .menu-inner a {display:inline-block; width:100%; padding:.6rem .8rem; color:#fff; text-decoration:none; border-radius:.8rem; font-size:1.4rem;}
.site-header .menu-inner a:hover { background:color-mix(in oklab, #111214, #fff 15%) }
.site-header .menu-container.open .menu-inner {opacity: 1; pointer-events: auto; transform: translateY(0);}
.site-header .label {margin:0 0 .6rem; padding-bottom:1rem; border-bottom:.1rem solid #fff; font-size:1.6rem; letter-spacing:.4px; color:#fff; font-weight:700;}
.site-header .menu-container.open .menu-inner,
.site-header .navbar-main-list.on .menu-inner {opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}
.site-header .menu-container::after {content:""; position:absolute; left:0; right:0; top:100%; height:1.4rem; background:transparent; pointer-events:auto; z-index: 1;}
.right-section {display:flex;}
.right-section button {margin:0 .3rem;}
.right-section button.langs {width:4.5rem; height:4.5rem; background:url('/img/main/icon_langs.png') no-repeat center / 2.5rem;}
.right-section button.location {width:4.5rem; height:4.5rem; background:url('/img/main/icon_location.png') no-repeat center / 2.3rem;}
.right-section button.sitemap {width:4.5rem; height:4.5rem; background:url('/img/main/icon_sitemap.png') no-repeat center / 2.5rem;}
.langs-container {position:relative;}
.langs-container.on .list {opacity:1; visibility:visible; transform:translateY(0);}
.langs-container .list {position:absolute; left:-1rem; top:100%; margin-top:.4rem; opacity:0; visibility:hidden; transform:translateY(-1rem); transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; overflow:hidden; border-radius:.5rem; background: color-mix(in oklab, #111214, #fff 4%);}
.langs-container .list li {padding:.5rem 2rem; transition: all 0.2s; cursor:pointer; font-size:1.6rem; word-break: keep-all;}
.langs-container .list li:hover {background: color-mix(in oklab, #111214, #fff 15%);}
.location-container {position:relative;}
.location-container.on .location-box {opacity:1; visibility:visible; transform:translateY(0);}
.location-container .location-box {position:absolute; right:0; top:100%; width:max-content; margin-top:.4rem; padding:3rem; opacity:0; visibility:hidden; transform:translateY(-1rem); border-radius: .5rem; background: color-mix(in oklab, #111214, #fff 4%); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;}
.location-container .location-box h2 {margin-bottom:.8rem; font-size:2rem;}
.location-container .location-box p {font-size:1.4rem; font-weight:300;}
.location-container .place-list {display:flex; flex-wrap:wrap; padding-top:1.5rem; font-weight:300;}
.location-container .place-list > li {width:25%; padding:.2rem; text-align:center;}
.location-container .place-list > li a {display:inline-block; width:100%; height:100%; padding:.6rem 0; font-size:1.3rem; background: color-mix(in oklab, #111214, #fff 15%); border-radius:1.2rem; cursor: pointer;}
.location-container .place-list > li a:hover {background: color-mix(in oklab, #111214, #fff 20%);}
.btn-allmenu-close {display:none; width:2.4rem; height:2.4rem; background:url('/img/main/icon_menu_cwh.svg') no-repeat center / cover;}

/* ±¸±Û¹ø¿ª Åø¹Ù ¼û±è */
iframe.skiptranslate {position:absolute; top:-100px;}
body {top:0 !important;}

/* ÇÏ´Ü Ç÷ÎÆà ¹öÆ° */
.btn-float-bottom {background-image: linear-gradient(180deg, rgba(12, 12, 13, .35) 0%, rgba(12, 12, 13, .35) 7%, rgba(12, 12, 13, .35) 9%, rgba(12, 12, 13, .35) 13%, rgba(12, 12, 13, .35) 17%, rgba(12, 12, 13, .35) 21%, rgba(12, 12, 13, .35) 24%, rgba(12, 12, 13, .35) 27%, rgba(12, 12, 13, .35) 32%, rgba(12, 12, 13, .35) 36%, rgba(12, 12, 13, .35) 74%);}
.btn-float-bottom.fix {position:fixed; right: 0; bottom: 0; left: 0; z-index: 10; transform: translateZ(0); padding: 30px 12px calc(env(safe-area-inset-bottom) + 12px);}
.btn-bottom-item {display: flex; justify-content: space-between;}
.btn-float-bottom a {display: block; width: 49%; padding: 1.7rem .4rem; height: 4.8rem; font-size:1.7rem; text-align: center; line-height: 1.4rem; border-radius: .8rem; background: #7f7aed; color: #fff;}
.btn-float-bottom a span {position: relative; display: inline-block; font-weight: 700; vertical-align: top;}

/* sitemap */
#header .allmenu {position:fixed;top:8.2rem;left:0;right:0;bottom:0;width:100%;background:color-mix(in oklab, #111214, #fff 4%);z-index:56; transform:translateY(-5%); opacity:0; visibility: hidden;}
#header .blind {position: absolute; clip: rect(0, 0, 0, 0); overflow: hidden; width: 1px; height: 1px; margin: -1px;}
body.mopen {overflow-y:hidden}
body.mopen #header {backdrop-filter:none; background:color-mix(in oklab, #111214, #fff 4%);}
body.mopen #header .allmenu {height:100%;max-height:calc(100% - 8.2rem);overflow-y:auto;box-sizing:border-box; transform:translateY(0); transition:transform .45s cubic-bezier(.2,.8,.2,1), opacity .45s; opacity:1; visibility: visible;}
body.mopen #header .allmenu::-webkit-scrollbar {display: none !important;}
body.mopen #header .allmenu .allmenu_list {max-width:192rem;padding:0 10.4rem;margin:0 auto;box-sizing:border-box}
body.mopen #header .inner .logo a{background:url("/2025/img/common/logo-wh.png") no-repeat center center;background-size:188px auto;}
body.mopen #header:after {content:'';position:absolute;left:0;right:0;top:81px;width:100%;height:1px;background:#282828;z-index:57;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
body.mopen #header .inner {background:#1d2b70;}
body.gnb_open.mopen #header .inner {background:#1d2b70;}
body.mopen #header .gnb,
body.mopen #header .inner .head_util .link_wrap {display:none}
body.mopen #header .allmenu ul .allmenu_li.first {margin-top:8rem}
body.mopen #header .allmenu ul .allmenu_li {width:100%;margin-top:8rem;}
body.mopen #header .allmenu ul .allmenu_li:last-child {margin-bottom:8rem;}
body.mopen #header .allmenu ul .allmenu_li a {color:#fff;}
body.mopen #header .allmenu ul .allmenu_li .depth1 {width:100%;display:block;font-size:3.2rem;line-height:4.4rem;font-weight:700;font-family:'Pretendard';cursor:default;}
body.mopen #header .allmenu ul .allmenu_li .smenu_container {width:100%;height:100%;}
body.mopen #header .allmenu ul .allmenu_li .smenu .smenu_wrap {display:grid;grid-template-columns:repeat(5,20%);gap:0px 1.5%;}
body.mopen #header .allmenu ul .allmenu_li .smenu .smenu_wrap.smenu_w100{grid-template-columns:repeat(1,100%);}
body.mopen #header .allmenu ul .allmenu_li .depth2 {display:block;font-size:2.1rem;line-height:3.8rem;color:#fff;font-weight:400; margin-top:2rem;}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth2_list a {line-height:3.8rem; color:#aaa;}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth2_list a:hover {color:#fff;}
body.mopen #header .allmenu ul .allmenu_li .smenu {width:100%}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list {display:block;margin-top:1rem}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li {float:none;width:100%;font-size:1.8rem;line-height:2.8rem;}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li + li {margin-top:.8rem;}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a {position:relative;color:#aaa;} 
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a:hover {color:#fff} 
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a:hover:after {transform:scaleX(1);transform-origin:left;}
body.mopen #header .allmenu {overflow-y:scroll;height:100%}
body.mopen #header .allmenu::-webkit-scrollbar-track{border-radius:3px;background-color:#ddd;}
body.mopen #header .allmenu::-webkit-scrollbar{width:.6rem;background-color:#ddd}
body.mopen #header .allmenu::-webkit-scrollbar-thumb{border-radius:3px;background-color:#aaa}
body.mopen #header .primary {display:none;}
body.mopen #header .right-section {display:none;}
body.mopen #header .btn-allmenu-close {display:block; width:4.8rem; height:4.8rem; background:url('/img/main/icon_menu_cwh.svg') no-repeat center / cover;}
body.mopen .site-header .container {height:8.4rem; justify-items: end;}

/* footer */
#footer {background:#222; position:relative; width:100%; padding:60px 0px 60px;}
#footer .container {position:relative; width: 1200px; display: block; margin: 0 auto;}
#footer .footer-navi{display:flex;align-items: center;}
#footer .footer-navi h1 a {display: block; height: 32px;  background-image: url('/img/common/logo-footer.png'); background-repeat:no-repeat; background-position:left center; background-size:contain; font-size:12px; line-height:36px; padding-left:210px; }
#footer .footer-navi h2 a {display: block;height: 32px;background-image: url('/img/main/logo.png');background-repeat:no-repeat;background-position:left center;background-size:contain;font-size:12px;line-height:36px;padding-left:210px;filter: grayscale(1);}
#footer .ftMenu{display:flex; padding-left:40px;}
#footer .ftMenu li {font-size:12px; color:#9e9e9e}
#footer .ftMenu li a {display:block; padding-right:10px; border-right:1px solid #333; margin-right:10px; color:#9e9e9e}
#footer .ftMenu li a b{font-weight:500; color:#fff;}
#footer .ftMenu li:last-child a{border:0}
#footer .footer-add {margin-top:40px;}
#footer .footer-add ul li{font-size:12px; line-height:1.5;color:#9e9e9e}
#footer .footer-add ul li + li {margin-top:8px;}
#footer .footer-add ul li .add-ver-line{display:inline-block; background:#333; margin:0 10px; width:1px; height: 0.8em;}
#footer .footer-copy {font-size:12px; color:#9e9e9e; margin-top:40px;}
#footer .ftFamily {position:absolute; right:0px; bottom:60px;}
#footer .ftFamily > span {display:block; width:210px; height:44px; line-height:42px; padding:0 20px; font-size:13px; font-weight:300; color:#fff; border:solid 1px #fff; cursor:pointer; position:relative;}
#footer .ftFamily > span:before,
#footer .ftFamily > span:after {content:""; display:block; background:#fff; position:absolute; right:20px; top:50%; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
#footer .ftFamily > span:before {width:1px; height:9px; margin-top:-4px;}
#footer .ftFamily > span:after {width:9px; height:1px; margin-right:-4px;}
#footer .ftFamily.on > span:before,
#footer .ftFamily.on > span:after {transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
#footer .ftFamily ul {position:absolute; bottom:100%; left:0; right:0; background:#191919; display:none;}
#footer .ftFamily ul li {border:solid 1px #fff; border-bottom:none;}
#footer .ftFamily ul li a {display:block; height:34px; line-height:34px; padding:0 20px; font-size:13px; color:#fff; font-weight:300; position:relative;}
#footer .ftFamily ul li a:after {content:""; display:block; width:6px; height:9px; position:absolute; right:15px; top:50%; margin-top:-5px; background:url("/2023/img/icon-slider-next-wh.png")no-repeat center center; background-size:cover;-moz-transform:rotate(90deg);}


.m-show {display:none;}
@media (max-width:1280px) {
.pc-show {display:none;}
.m-show {display:block;}
}