@charset "utf-8";



/* 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%; min-width:1100px; top: 0; left: 50%; margin-left: -960px; z-index:99999999;}
#menu-wrap { width: 1920px; height: 89px; position: fixed; top: 0; left: 50%; margin-left: -960px; background-color: #fff; border-bottom: 1px solid #ddd;}

#logo { width: 177px; height: 89px; position: fixed; top:20px; left:40px; }

#menu { width: 1200px; height: 89px; position: absolute; left: 50%; margin-left: -450px; font-family: 'Noto Sans KR', sans-serif;  font-size: 15px; line-height: 89px; }
#menu>li { position: relative; width: 114px; padding: 0 5px; text-align: center; float: left; }
#menu>li:nth-child(1) { margin-left: 0px; }
#menu>li:nth-child(2) { margin-left: 0px; }
#menu>li:nth-child(3) { margin-left: 0px; }
#menu>li:nth-child(4) { margin-left: 0px; }
#menu>li:nth-child(5) { margin-left: 0px; }
#menu>li:nth-child(6) { margin-left: 0px; }

#menu>li>a { color: #555555; display: block; font-weight: bold;}
#menu>li>a:hover { color: #7f0c3a; }
.line { width: 0; height:4px; background-color: #7f0c3a; position: absolute; bottom: 0px; left: 62px; }

#tel { width: 480px; height: 89px; position: fixed; top:0px; right: 0px; }


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


@media all and (min-width:1930px) { 
/*
		#logo { position:absolute;left: 50%; margin-left: -920px;}
		#tel { position:absolute;  right: 50%; margin-right: -920px;}
*/
	}

#right-q-wrap { width: 70px; height: 100%; position: fixed; top: 0; right: 0; background-color: #252322; z-index: 9999; }
#right-logo { position: absolute; top: 0; right: 0; cursor: pointer; }
#right-bt01 { position: absolute; top: 167px; right: 0; cursor: pointer;}
#right-bt01>a>img { position: absolute; top:0; right: 0; }
#right-bt01>a>img:nth-child(2) { right: -150px; opacity: 0; transition:0.5s; }
#right-bt01>a>img:nth-child(2):hover { right: 0px; opacity: 1; }
#right-bt02 { position: absolute; top:238px; right: 0; cursor: pointer;}
#right-bt02>a>img { position: absolute; top: 0; right: 0; }
#right-bt02>a>img:nth-child(2) { right: -150px; opacity: 0; transition:0.5s; }
#right-bt02>a>img:nth-child(2):hover { right: 0px; opacity: 1; }
#right-bt03 { position: absolute; top:308px; right: 0; cursor: pointer;}
#right-bt03>a>img:nth-child(2) { right: -150px; opacity: 0; transition:0.5s; }
#right-bt03>a>img:nth-child(2):hover { right: 0px; opacity: 1; }
#right-bt03>a>img { position: absolute; top: 0; right: 0; }
#right-bt04 { position: absolute; bottom: 140px; right: 0; cursor: pointer;}
#right-bt05 { position: absolute; bottom: 70px; right: 0; cursor: pointer;}
#right-bt06 { position: absolute; bottom: 0px; right: 0; cursor: pointer;}

#right-menu { width: 70px; height: 94px; position: absolute; top: 160px; bottom: 0; right: 0; margin: auto; cursor: pointer; }

#sitemap { width: 375px; height: 100%; background-color: #060505; position: fixed; top: 0px; right: -375px; opacity: 0; z-index: 9999;}
#sitemap-close { width: 32px; height: 31px; position: absolute; top: 144px; right: 184px; cursor: pointer; }
#sitermap-con { width: 375px; position: absolute; top: 200px; right: 0; }
/*#sitermap-con { width: 375px; position: absolute; top: 243px; right: 0; }*/
#sitermap-con>li { width: 375px; height: 86px; border-bottom: 1px solid #373737; position: absolute; top: 0; right: 0;}
#sitermap-con>li:nth-child(2) { top: 87px; }
#sitermap-con>li:nth-child(3) { top: 174px; }
#sitermap-con>li:nth-child(4) { top: 261px; }
#sitermap-con>li:nth-child(5) { top: 348px; }
#sitermap-con>li:nth-child(6) { top: 435px; }
#sitermap-con>li:nth-child(7) { top: 522px; }
#sitermap-con>li:nth-child(8) { top: 609px; }
.main-tit { font-size: 22px; color: #fff; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; position: absolute; top: 15px; left: 48px;  }
.main-tit a { font-size: 22px; color: #fff; font-weight: 600; font-family: 'Archivo Black', sans-serif;   }

.sub-tit { font-size: 13px; color: #9a7765; font-family: 'Noto Sans KR', sans-serif; position: absolute; top: 45px; left: 48px;  }
.sitemap-bt { position: absolute; top: 0; right: 10px; transition:0.5s;}
.sitemap-bt:hover { right: 0; }



@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('../../fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../../fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('../../fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../../fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('../../fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../../fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* layout*/
header {position:relative; width:1920px; height: 89px; min-width:1100px; z-index: 9999!important;}

.navi {position: fixed;  width:1920px; height:89px; top: 0px; left: 50%; margin-left: -960px;  background-color: #fff;   z-index: 9; border-bottom: 1px solid #dcdcdc;}


h1 { width:287px; height:89px; position: fixed; top:20px; left: 30px; z-index: 20; }
h1 a {display:inline-block; width:287px; height:80px;  left:0; background:url(../img/logo.png) no-repeat; text-indent:-9999px; }


.gnb {  width: 1200px;  position:absolute;  left:50%; margin-left:-380px;z-index:2;overflow:hidden;height:89px;letter-spacing:0; font-family: 'Noto Sans KR', sans-serif;}
.gnb>ul>li {position:relative;float:left;width:105px; text-align:center;}
.gnb>ul>li:nth-child(6) { margin-left: 18px; }
.gnb .depth1 {position:relative; display:block;  font-size:15px; font-weight:600; letter-spacing:-1px; line-height:89px; color: #464646;}
/*.gnb>ul>li:nth-child(6) { margin-left:8px; }*/
.gnb>ul>li>a:hover { color:#7f0c3a!important; }
.gnb>ul>li>ul {display:block;/* background:url(../../common/gnb_bg.png) no-repeat right 0px;*/ 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:#777; font-weight:600; letter-spacing:-0.7px;}
.gnb>ul>li>ul>li>a:hover {color:#a3282b;}
.gnb>ul>li>ul>li>a:hover .depth1 { color: #7f0c3a; }
.gnb .line {position:absolute; display:block; bottom:-1px; height:4px; width:0%; background:#7f0c3a; left:65px; z-index: -1;}
.navi-bg {position:absolute; display:block;width:1920px; height:0px; left: 50%; margin-left: -960px; top: 81px; z-index:1; overflow: hidden; }
.navi-bg .white-bg {width:1920px;height:230px; background:#fff; border-bottom:1px solid #c6c6c6;}

.menu-icon {display:none;}

/*.language {position: fixed; top: 0;  right: 0px; letter-spacing:0; width:470px; z-index:90; }*/
.language {position: fixed; top: 0;  right: 70px; letter-spacing:0; z-index:90; }
.language .sel-tit {display:block; color:#fff; background:url(../img/tel3.png) no-repeat; height:89px;  }

/*#popup_bt { position: fixed; top: 0; right:0; cursor: pointer; z-index: 99;}*/



@media all and (max-width:1380px) { 
		h1 { position:absolute; left: 50%; margin-left: -650px;}
/*		.language { position:absolute; right: 0;}*/
		.language { position:absolute; right: 50%; margin-right: -570px;}
		#popup_bt { position:absolute; right: 50%; margin-right: -650px;}
/*	.txt_pop{position:absolute; left: 50%; margin-left: -650px;}*/
	}


@media all and (max-width:1900px) { 
	.txt_pop{position:absolute; left: 50%!important; margin-left: -890px;}
	}

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


.bgw {background:#fff;  }
.navi.wh { width:1920px; position: fixed; left: 50%; margin-left: -960px; background-color: #fff; }
.navi.wh h1 a {background:url(../img/logo.png) no-repeat;}
.navi.wh .gnb .depth1 {color:#2a2a2a;}
.navi.wh .gnb .depth1:hover { color:#fff; }
.navi.wh .language .sel-tit  {background:url(../img/tel2.png) no-repeat;}