@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');
}

@font-face {

	src : url("../font/htower.ttf");

	font-family: 'hightower-text', serif;

	font-style: normal;

}


/* 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; font-family: 'Noto Sans KR', sans-serif; }

::-webkit-scrollbar {

display:none;

}

/* layout*/
header {position: fixed; width:100%; min-width:1100px; z-index:99999; top: 0; }

.navi {position: absolute;  width:100%; height: 77px; left: 0; right: 0; margin: auto;  top: 0px;  z-index:9999; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; background-color: #fff; }
#navi_bg { position: fixed; width: 100%; height: 77px; top: 0; left: 0; right: 0; margin: auto; background-color: #fff; display: none;}
#navi_bg2 { position: absolute; width:100%; height: 77px; left: 0; right: 0; margin: auto; top: 0px;   background-color: #fff;}



/*#logo { width: 164px; height: 57px; position: absolute; top: 15px; left: 40px; z-index:99; 
#logo a {display:inline-block; width: 164px; height: 57px;  left:0px; background:url(../img/common/logo.png) no-repeat; text-indent:-9999px; background-size: 100%;}}*/
#logo { width: 250px; height: 77px; position: absolute; top: 0px; left: 0px; z-index:99; }
#logo a {display:inline-block; width: 250px; height: 77px;  left:0px; background:url(../img/logo.png) no-repeat; text-indent:-9999px; background-size: 100%;}

.open-b {position:absolute; top: 260px; left: 50%; margin-left: 550px; opacity: 0;}


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


.gnb .depth1 {position:relative; display:block; color:#050505; font-size:14px; font-weight: 500; letter-spacing:0px; line-height: 77px; z-index:999999; }
.gnb>ul>li>a:hover { color:#040032; }

/*.gnb>ul>li:nth-child(5) .depth1 { font-family:'Noto Sans KR',sans-serif; letter-spacing: 1px; }*/
/*.gnb>ul>li:nth-child(6) .depth1 { font-family:'Noto Sans KR',sans-serif; letter-spacing: 1px; }*/
.gnb>ul>li:nth-child(5) .depth1 { letter-spacing: -1px; }
.gnb>ul>li:nth-child(6) .depth1 { letter-spacing: -1px; }
.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:nth-child(1) { margin-top: 20px; }
.gnb>ul>li>ul>li>a {font-size:14px; color:#4c4c4c; font-weight:300; letter-spacing:-0.7px; }
/* font-family: 'hightower-text', serif; letter-spacing: 2px; font-weight: 700; font-size: 16px; */

/*.gnb>ul>li:nth-child(5) ul>li>a { font-family:'Noto Sans KR',sans-serif; letter-spacing: 1px; }*/
/*.gnb>ul>li:nth-child(6) ul>li>a { font-family:'Noto Sans KR',sans-serif; letter-spacing: 1px; }*/
.gnb>ul>li:nth-child(5) ul>li>a { letter-spacing: -1px; }
.gnb>ul>li:nth-child(6) ul>li>a { letter-spacing: -1px; }

.gnb>ul>li>ul>li>a:hover {color:#040032;}
.gnb .line {position:absolute; display:block; bottom: 0; height:3px; width:0%; background:#040032; left:55px; z-index:-99;}
.navi-bg {position:absolute; display:block;width:100%; height:0px; left: 0; top: 77px; z-index:1; overflow: hidden; }
.navi-bg .white-bg {width:100%;height: 234px; background:#fff; border-bottom:1px solid #ddd; }

.menu-icon {display:none;}

.language {position:  absolute; top: 0px;   right: 0px; letter-spacing:0; width:331px; height: 77px; z-index:90; }
.language .sel-tit {display:block; color:#fff;  font-size:12px; background:url(../img/tel.png) no-repeat;  }
.guest {position: absolute; top:1px; right:0px; letter-spacing:0; width:160px; z-index:90; }
.kakao {position: absolute; top:75px; right:0px; letter-spacing:0; width:160px; z-index:90; }

.top { cursor: pointer; }

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


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

/**/
@media all and (min-width:1930px) { 
	header { width: 1920px; left:50%; margin-left:-960px !important; }

	.navi { width: 1920px; left:50%; margin-left:-960px;}
	.navi.wh { width: 1920px; left:50%; margin-left:-960px;}

	}

/*#siber { width: 1920px; height: 100%; position: fixed; left: 50%; top: 103px; margin-left: -960px; overflow: hidden; z-index: 89; display: none; }
#siber_bg { width: 1920px; height: 100%; position: fixed; left: 50%; top: 103px; margin-left: -960px; overflow: hidden; z-index: 89; display: none; }*/
#siber { width: 1920px; height: 100%; position: fixed; left: 50%; top: 0; margin-left: -960px; overflow: hidden; z-index: 999999; display: none; }
#siber_bg { width: 1920px; height: 100%; position: fixed; left: 50%; top: 0; margin-left: -960px; overflow: hidden; z-index: 999999; display: none; }

/*.siber_opens{ background:#fff; width: 1200px; height: 100%; position:absolute; z-index: 89; text-align:center; top: 0; right: -1300px; }*/
.siber_opens{ background:#fff; width: 1920px; height: 100%; position:absolute; z-index: 89; text-align:center; top: 0; right: -1920px; }
.siber_opens_bg{width: 1920px; height: 100%; background-color: rgba(0,0,0,0.75); left: -1920px;  z-index: 60; position:absolute; top: 0; }
/*.siber_opens_bg{width: 1920px; height: 100%; background-color: rgba(0,0,0,0.75); left: -1920px;  z-index: 60; position:absolute; top: 0; }*/

.siber_tit { position: absolute; left: 0; right: 0; margin: auto; top: 130px; opacity: 0; }
.siber_menu { width: 1920px; height: 100%; text-align: center; position: relative; background: url(../img/siber_bg.jpg) left top no-repeat; background-size: 100% 100%; }



.siber_wrap { width: 100%; height: auto; left: 0; right: 0; top: 100px; position: relative; }
.siber_wrap ul { width: 1080px; height: 435px; position: absolute; left: 0; right: 0; margin: auto; top: 290px; display: flex; justify-content: space-between; }
.siber_wrap ul li { float: left; width: 338px; height: 435px; position: relative; top: -20px; opacity: 0; }
.siber_wrap ul li img { float: left; }