@charset "utf-8";



@font-face {
  font-family: 'NotoSansCJKkr-Light';
  font-style: normal;
  font-weight: normal;
  src: url(../font/NotoSansCJKkr-Light.eot);
  src: url(../font/NotoSansCJKkr-Light.eot?#iefix) format('embedded-opentype'),
	   url(../font/NotoSansCJKkr-Light.woff) format('woff'),
	   url(../font/NotoSansCJKkr-Light.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSansCJKkr-Medium';
  font-style: normal;
  font-weight: bold;
  src: url(../font/NotoSansCJKkr-Medium.eot);
  src: url(../font/NotoSansCJKkr-Medium.eot?#iefix) format('embedded-opentype'),
	   url(../font/NotoSansCJKkr-Medium.woff) format('woff'),
	   url(../font/NotoSansCJKkr-Medium.otf) format('opentype');
}

/* 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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 {}

.hidden {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}



input[type="text"] {box-sizing:border-box; -webkit-appearance:none;}
input:-ms-input-placeholder {color:#808080}
input::-webkit-input-placeholder {color:#808080}
input::-moz-placeholder {color:#808080}
input::-moz-placeholder {color:#808080}
textarea {}

.point {color:#916b4a}
html, body {height:100%; min-height:100%; -ms-overflow-style: none;}

::-webkit-scrollbar {

display:none;

}

/* layout*/
header {position: fixed; width:1920px; top:0px; height: 89px; left: 50%; margin-left: -960px; min-width:1100px;  z-index:1001; }

.navi {position: fixed;  width:1920px; height:89px;  top:0px;  left: 50%; margin-left: -960px; z-index:1001; border-bottom: 1px solid rgba(255,255,255,0.2); background-color: rgba(0,0,0,0.3); z-index: 9999;}

h1 { position: fixed; top: 0px; left: 0;}
h1 a {display:inline-block; width:239px; height:89px;  left:0; background:url(../img/logo.png) no-repeat; text-indent:-9999px; #c6c6c6; }


@media all and (max-width:1380px) { 
		h1 { position: absolute; left: 50%; margin-left: -650px; }
	}

@media all and (min-width:1930px) { 
		h1 { position: absolute; left: 50%; margin-left: -960px; }
	}

.gnb { width: 1100px; position: absolute; left: 50%; margin-left: -355px; z-index:2;; height:89px;letter-spacing:0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
.gnb>ul>li {position:relative;float:left; width:130px; text-align:center; margin-left: 5px;}
.gnb>ul>li:nth-child(3) { margin-left: 22px; }
.gnb>ul>li:nth-child(4) { margin-left: 17px; }
.gnb>ul>li:nth-child(5) { margin-left:-12px; }
.gnb>ul>li:nth-child(6) { margin-left:-20px; }
.gnb .depth1 {position:relative; display:block; color:rgba(255,255,255,0.5); font-size:15px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-1px; line-height:89px;}
.gnb>ul>li>a:hover { color:#fff; }
.gnb .line {position:absolute; display:block; bottom: 0px; left: 55px; width: 0%; height: 3px; background:#3cd8d9;  z-index:-9; }

.menu-icon {display:none;}

#sub-menu { width: 130px; height: 89px; position: absolute; top: 0; right: 100px; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; color: #fff; line-height: 89px;}
#sub-menu>div>a { color: #fff; }
#sub-menu>div>span { margin-right: 2px; }
.language {position: fixed; top: 0px; right: 0;  letter-spacing:0; width:75px; z-index:90; }
.language .sel-tit {display:block; color:#fff; font-size:12px; background:url(../img/sitemap-bt.png) no-repeat; height:89px;  cursor:pointer; }


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

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

header .gnb>ul>li:hover .depth2,
header .gnb>ul>li.active .depth2 { display: block;  }
header .gnb .depth2 a { overflow: hidden; display: block; width: 98.3%; font-size:12px; color:#555; height: 25px; padding-top:8px; text-align: center;  border-bottom: 1px solid #dcdcdc; background-color: #fff; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;  }
header .gnb .depth2 a.long { height: 29px; padding-bottom: 11px; }
header .gnb .depth2 { display: none;  position: absolute; left: 0px; top: 89px; width: 100%;  }
header .gnb .depth2 a:hover { background-color:#34b9bb; color:#fff; border-left: 1px solid #34b9bb; border-right: 1px solid #34b9bb; border-bottom: 1px solid #34b9bb;}




.lanaguage a { display: block; height: 30px; overflow: hidden; margin-right:-6px;}
#header.change-color > .outter .lanaguage a img { margin-top: -65px; }


#sitemap_wrap { width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; top:-5000px; left:0; right:0; margin:auto;  z-index:999999999;}
#sitemap { width:1200px; position:absolute; top:-500px; left:50%; margin-left:-600px;  }
#sitemap_close { position:absolute; top:200px; left:50%; margin-left:546px; cursor:pointer; display:none;}