/* layout*/
/* basic css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {display: block;}
html, body { height:100%;}
body {font-size: 18px; font-family: NotoSansCJKkr-Light, dotum, sans-serif;  color:#4c4c4c; line-height:1.6; letter-spacing:-1px; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link { color: #4c4c4c; text-decoration: none; }
a:visited { /*color: #4c4c4c;*/ text-decoration: none; }
a:hover { color: #4c4c4c; text-decoration: none; }
a:active { color: #4c4c4c; text-decoration: none; }
a:focus { color: #4c4c4c; text-decoration: none; }
select, input, textarea {font-size: 100%;vertical-align: middle ; font-family: NotoSansCJKkr-Light, dotum, sans-serif;}
input {margin: 0;padding: 0;}
ol, ul {list-style: none;}
label {cursor: pointer;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;}
button:focus {outline: 1px dotted;}
img {vertical-align: top;}
table {}
header {min-width:1100px; z-index:99;}

.navi {position: fixed; background:#fff; z-index:99; width:1920px; height:90px; left: 50%; margin-left: -960px; /*top:100px;*/ top: 0px;  background-color: #fff; border-bottom: 1px solid #ddd;}

#logo { width:304px; height:90px; position: fixed; /*top:128px;*/ top: 0px; opacity: 1; left: 0px; z-index:99; }
#logo a {display:inline-block; width:304px; height:90px; top: 0; left:0; background:url(../img/logo.png) no-repeat; text-indent:-9980px;}


@media all and (max-width:1380px) { 
		/*#logo { position:absolute; left: 50%; margin-left:-660px;}*/
	}

.gnb {position:absolute;  left:50%; margin-left:-400px;z-index:2;overflow:hidden;height:90px;letter-spacing:0;  }
.gnb>ul>li {position:relative;float:left;width:130px; text-align:center;}
.gnb>ul>li:nth-child(2) { margin-left: -11px; }
.gnb>ul>li:nth-child(3) { margin-left: -11px; }
.gnb>ul>li:nth-child(4) { margin-left: 3px; }
.gnb>ul>li:nth-child(5) { margin-left:6px; }
.gnb>ul>li:nth-child(6) { margin-left:11px; }


#lh { height: 20px; }

.gnb .depth1 {position:relative; display:block; color:#1b1b1b; font-size:15px; font-family:'NotoSansCJKkr-Medium', sans-serif; font-weight: 600; letter-spacing:-1px; line-height:90px; z-index:999;}
.gnb>ul>li>a:hover { color:#002724; font-weight: 600;}
.gnb>ul>li>ul {display:block; min-height:140px; margin-top:20px; opacity:0;transform:translateY(20px)}
.gnb>ul>li>ul>li {float:none; height:30px; width:auto;}
.gnb>ul>li>ul>li>a {font-size:13px; color:#1f2f48; font-weight:600; letter-spacing:-0.7px;}
.gnb>ul>li>ul>li>a:hover {color:#002724;}
.gnb .line {position:absolute; display:block; bottom: 0px; height:3px; width:0%; background:#002724; left:65px; z-index:-99;}

/*
.navi-bg {position:absolute; display:block;width:100%; height:0px; left: 0; top:91px; z-index:1; overflow: hidden;  }
.navi-bg .white-bg {width:100%; height:220px; background:#fff; border-bottom:1px solid #ddd; }*/
.navi-bg { position: absolute; display: block; width: 100%; height: 0px; left: 0; top: 90px; z-index:1; overflow: hidden; transition: 0.3s; }
.navi-bg .white-bg { width:100%; height: 16.5rem; background: #fff; border-bottom:1px solid #dedede; }
.menu-icon {display:none;}

.language {position: fixed; /*top:100px;*/ top: 0;  right:0px; ; /* right:273px; */ letter-spacing:0; width:264px; z-index:90;  }
.language .sel-tit {display:block; color:#fff; font-size:12px; background:url(../img/tel.png) no-repeat; height:91px;  }


.open-b { position:fixed; right:114px; top:0; z-index:90;}

@media all and (max-width:1380px) { 
		/*.language { position:absolute; right: 50%; margin-right: -450px;}*/
	}

#site_mapbt { position: absolute; top: 0; right:0; cursor: pointer;}


.bgw {background:#fff; }
.navi.wh { }
.navi.wh h1 {}
.navi.wh .gnb .depth1 {}
.navi.wh .gnb .depth1:hover { }
.navi.wh .language .sel-tit  {background:url(../img/tel.png) no-repeat;}



@media all and (max-width:1400px) { 
		#logo { position:absolute; left: 50%; margin-left:-650px;}
		.language { position:absolute; right: 50%; margin-right: -650px;}

	}


@media all and (min-width:1930px) { 
		#logo { position:absolute; left: 50%; margin-left:-960px;}
		.language { position:absolute; right: 50%; margin-right: -960px;}

	}