@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:100%; top:0px; height:76px; left:0; right:0; min-width:1100px;  z-index:1001; background-color:#fff; }

.navi {position: fixed;  width:1920px; height:76px;  top:0px;  left: 50%; margin-left: -960px; z-index:1001;  border-bottom:1px solid #ddd; background-color: #fff; z-index: 9999;}
#navi_bg { position:fixed; width:1920px; height:50px; top:0; left: 50%; margin-left: -960px;  background-color:#FFF;}


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

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

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



.gnb {position:absolute; left:50%; margin-left:-420px; z-index:2;overflow:hidden;height:75px;letter-spacing:0; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;}
.gnb>ul>li {position:relative;float:left;width:130px; text-align:center;}
.gnb>ul>li:nth-child(5) { margin-left: 10px; }

.gnb>ul>li:nth-child(6) { margin-left:0px; }
.gnb>ul>li:nth-child(7) { margin-left:0px; }
.gnb>ul>li:nth-child(8) { margin-left:0px; }

.gnb .depth1 {position:relative; display:block; color:#414648; font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:75px; z-index:999999;}
.gnb>ul>li>a:hover { color:#a59487; }
.gnb>ul>li>ul {display:block; min-height:140px; margin-top:16px; 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:#666; font-weight:400; letter-spacing:-0.7px;}
.gnb>ul>li>ul>li>a:hover {color:#a59487;}
.gnb .line {position:absolute; display:block; bottom:-1px; height:76px; width:0%; background:#a59487; left:60px; z-index:-99; }
.navi-bg {position:absolute; display:block;width:100%; height:0px; left: 0; top:76px; z-index:1; overflow: hidden; border-top:1px solid #ddd;  }
.navi-bg .white-bg {width:100%;height:280px; background:#fff; border-bottom:1px solid #ddd; }

.menu-icon {display:none;}

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

.guest { position:fixed; top:0; right:0px;}
.hong { position:fixed; top:0; right:124px;}
.brand { position:fixed; top:0; right:0;}

@media all and (max-width:1380px) { 
		.language { position:absolute; right: 50%; margin-right: -490px;}
		/*.guest { /*position: absolute; right: 50%; margin-right: -490px;display:none;}*/
		.brand { position: absolute; right: 50%; margin-right: -650px;}
		.gnb { margin-left:-380px;}

		
	}

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


.bgw {background:#fff; }
.navi.wh { width:100%; position: fixed; left: 0; right: 0; margin: auto;}
.navi.wh h1 {}
.navi.wh .gnb .depth1 {color:#414648;}
.navi.wh .gnb .depth1:hover { color:#fff; }
.navi.wh .language .sel-tit  {background:url(../img/tel.png) no-repeat;}



@media all and (min-width:1930px) { 

	}