html {overflow-y:scroll; min-width:340px;  }
body {margin:0;padding:0;font-size:0.75em; height:100%;font-family:'Pretendard'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  position: relative; width: 100%; min-width:340px; margin:0 auto; background:#FCFCFC;}
body::-webkit-scrollbar {display: none;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-family:'Pretendard';}
input, button {margin:0;padding:0;font-size:1em;font-family:'Pretendard';;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em; -webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Pretendard';}
textarea {border-radius:0;-webkit-appearance:none;font-family:'Pretendard';;}
select {margin:0;background:none;font-family:'Pretendard';}
p {margin:0;padding:0;word-break:break-all; font-family:'Pretendard';}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; font-weight:400; font-family:'Pretendard'; }
ul,li,dl,dt,dd {padding:0;margin:0; font-family:'Pretendard';}
ul {list-style:none; }
*,:after,:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

input[type=text]:focus {outline: none;}
textarea:focus {outline: none;}
input[type="text"]::placeholder {color:#aaa;}
input[type="password"]::placeholder {color:#aaa;}
textarea::placeholder {color:#aaa;}



.header {height:100px; width:100%; transition: .3s; display: flex; align-items: center; padding:0 60px;}
/*.header:hover {background:#fff;}*/
.header:after {content:''; clear: both; display: table;}

.header--fixed{position:fixed;z-index:10;right:0;left:0;top:0}
.slideDown {top:0px; height:75px;}
.headroom--not-top {top:0px; background:#fff; border-bottom:1px solid #eee !important;}
.slideUp {top:0px; height:75px;}
.headroom--top {top:0; height:100px;}

.header .logo {position: relative; z-index: 1; transition: .3s; display: inline-block; float:left;  filter:initial;}
.header .logo img {width:120px;}

.header nav {position: relative;  width:100%; z-index: 0; margin:0 auto; max-width:1700px; padding:0; text-align: center;}
.header nav .ul_top {position: relative; top:14px; display: inline-block; }
.header nav .ul_top li {display: inline-block; position: relative;}
.header nav .ul_top li a {display: inline-block; margin-right:80px; font-size:16px; color:#000; font-weight:500; padding:0 12px 29px 12px; position: relative; transition: .8s;}
.header nav .ul_top li a:after {content:''; position: absolute; left:0; bottom:0px; height:2px; width:0px; background:#111; transition: .3s;}
.header nav .ul_top li a:hover:after {content:''; width:100%;}
.header nav .ul_top li.on a:after{width:100%;}
.header nav .ul_top li:last-child a {margin-right:0;}

.header nav .ul_top li ul {position: absolute; left:27%; top:40px; background:#fff; width:170px; border-radius:15px; transform: translate(-50%,0); box-shadow: 2px 2px 10px rgba(0,0,0,.1); height:0px; transition: .3s; overflow: hidden}
.header nav .ul_top li:hover ul {height:85px;}
.header nav .ul_top li ul li {width:100%;}
.header nav .ul_top li ul li a {width:100%; padding:12px 0 ; font-size:15px; color:#111 !important; font-weight:400; border-bottom:1px solid #eee; margin:0; }
.header nav .ul_top li ul li a:hover {color:#516A68 !important; background:#f6f6f6}
.header nav .ul_top li ul li:last-child a {border-bottom:0;}
.header nav .ul_top li ul li a:hover:after {content:none;}


.header nav .right_menu {position: relative; float:right; top:4px;}
.header nav .right_menu button {float:left; margin-left:10px; border:none; background:none; height:40px; padding:0 16px; border-radius:50px; font-size:15px; font-weight:400; transition: .3s;}
.header nav .right_menu button.mall {border:1px solid #111; color:#111; background:none; font-weight:500; padding:0 20px;}
.header nav .right_menu button.mall img {margin:0 5px 0 0;}
.header nav .right_menu button.mall.eng {display: none;}
.header nav .right_menu button.world {padding:0; filter:initial; margin-left:18px;}
.header nav .right_menu button.bar {border:none; background:none; margin-left:15px; width:36px; padding:0;}
.header nav .right_menu button.menu_close {width:40px; height:40px; position: relative; display: none;}
.header nav .right_menu button.menu_close img {margin:0; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}

.header nav .right_menu .world_view {position: absolute; width:70px; border-radius:12px; background:#fff; box-shadow: 1px 1px 10px rgba(0,0,0,.1); right:36px; top:49px; overflow: hidden; height:0; transition: .5s;}
.header nav .right_menu .world_view.on {height:69px;}
.header nav .right_menu .world_view button {width:100%; padding:8px 0;  border:none; border-bottom:1px solid #eee; background:none; color:#111; font-size:15px; text-align: center;margin:0; height:auto; border-radius:0; transition: .3s; }
.header nav .right_menu .world_view button:last-child {border-bottom:0; }
.header nav .right_menu .world_view button:hover {color:#516A68; background:#f6f6f6}

.header.white nav .ul_top li a {color:#fff}
.header.white nav .ul_top li a:after {background:#fff;}
.header.white nav .right_menu button.world {filter:brightness(100);}
.header.white nav .right_menu button.mall {border:1px solid #fff; color:#fff;}
.header.white nav .right_menu button img {filter:invert(1);}
.header.white .logo {filter:grayscale(100) brightness(100);}







.hd_menu_overlay {width:4em; height:4em; border-radius:50%; background:rgba(255,255,255,0); transition: 1.7s; z-index: 8; position: fixed; right:0; top:0; transform: scale(1);}
.hd_menu_overlay.on {transform: scale(110); background:#222;}
.hd_menu {position: fixed; left:-100%; top:0; width:100%; height:100%; background:none;  z-index:9; overflow: hidden; opacity: 0; transition: 1.2s;}
.hd_menu.on {left:0; opacity: 1;}
.hd_menu ul {max-width:500px; width:100%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.hd_menu ul li {font-size:50px; color:#666;  display: inline-block; width:100%; position: relative; padding:15px 0; cursor: pointer; transition: .3s;}
.hd_menu ul li .link {position: absolute; right:0; top:15px; text-align: left; width:90px; line-height:.6em; opacity: 0; transition: .3s;}
.hd_menu ul li .link a {display: inline-block; font-size:20px; color:#999; font-weight:300; border-bottom:1px solid rgba(255,255,255,.0); transition: .3s;}
.hd_menu ul li .link a:hover {color:#fff; border-bottom:1px solid #fff}
.hd_menu ul li>a {color:#666; transition: .3s;}
.hd_menu ul li:hover {color:#fff;}
.hd_menu ul li>a:hover {color:#fff;}

.hd_menu ul li:hover .link {opacity: 1;}

.hd_menu ul li.eng {display: none;}




@media screen and (max-width:1023px) {
    .header nav .ul_top {display:  none;}
    .header {padding:0 30px; height:80px;}
    .headroom--top {height:80px;}
    .header .logo img {width:100px; margin-top:-2px;}
    .header nav .right_menu button.bar {width:35px; height:35px; margin-left:9px;}
    .header nav .right_menu button.bar img {width:35px;}
    .header nav .right_menu button.world {margin-left:13px;}
    .header nav .right_menu button.world img {width:35px; margin-top:-3px;}
    .header nav .right_menu button.mall {padding:0 15px; height:35px; font-size:14px; position: relative; top:1px; margin-left:0;}

    .header nav .right_menu {top:0;}

    .hd_menu ul {width:100%; padding:0 60px;}
    .hd_menu ul li {font-size:35px;}
    .hd_menu ul li>a {font-size:35px;}
    .hd_menu ul li .link {display: none;}
    .header nav .right_menu button img {width:120%;}

    .header nav .right_menu .world_view {right:26px;}
}










footer {width:100%; padding:50px 60px; background:#fff; }
footer:after {content:''; clear:both; display: table;}
footer img {float:left; }
footer .box {float:right; width:100%; max-width:580px;}
footer .box span {display: inline-block; margin-top:5px; width:100%; font-size:14px; color:#111; position: relative; }
footer .box span b {display: inline-block; margin-right:10px;}
footer .box span.sp1 {margin-bottom:8px;}
footer .box span.sp1 b {display: inline-block; width:100%; font-size:16px; font-weight:700;}
footer .box .terms_link:after{content:''; clear:both; display: table;}
footer .box .terms_link {margin-top:15px;}
footer .box .terms_link a {float:left; font-weight:700; font-size:14px; color:#111; position: relative;}
/*footer .box .terms a:last-child {margin:0;}*/
/*footer .box .terms a:last-child:after {content:''; position: absolute; left:-17px; height:14px; width:1px; background:#111; top:3px}*/


@media screen and (max-width:1023px) {
    footer {padding:35px 30px;}
    footer .box {width:100%; max-width:100%; margin-top:15px;}
    footer .box span {position: relative; padding-left:100px;}
    footer .box span b {position: absolute; left:0; top:0;}
}

@media screen and (max-width:767px) {
    .header {padding:0 25px;}
    footer img {width:130px;}

    footer .box span {font-size:14px; padding-left:90px; line-height:1.4em;}
    footer .box .terms_link a {font-size:14px;}
    footer .box span.sp1 b {font-size:16px; }
}