@charset "utf-8";
/* seoinkim */

/* Web font - NanumBarunGothic, NanumBarunGothic */
@font-face {
 font-family: 'NanumGothic';
 font-style: normal;
 font-weight:normal;
 src: url('fonts/NanumGothic.eot');
 src: local(※), url('fonts/NanumGothic.woff') format('woff'), url('fonts/NanumGothic.ttf');}


*{margin:0;padding:0;} 
#body{text-align:center; }


#wrap{background:none;}
#mainbox{width:100%; position: absolute; z-index:-2; top:90px;}

/* header */

#header{height: 90px; display: block; overflow: hidden; background-image: url("img/gnbback.png"); background-repeat:no-repeat; background-position: 0 90px;}
#header .logo{margin-left:120px; margin-top:5px; border:0;}

.util{position:absolute; top:0px; left:950px; top:15px; width:200px; height:20px;}
.util li{font-family:dotum; font-weight:700; color:#67676D; list-style:none; float:left; margin-left:7px; font-size: 11px;}
.util li a:link {
	color: #67676D;
	text-decoration: none;
}
.util li a:visited {
	text-decoration: none;
	color: #67676D;
}
.util li a:hover {
	text-decoration: none;
	color: #67676D;
}
.util li a:active {
	text-decoration: none;
	color: #67676D;
}
.util .util1{}
.util .util2{}
.util .util3{}


/* gnb */

/* .gnb .depth1 li{float:left;} */
.gnb{position:absolute; left:100px; top:50px; width:1200px; height:270px;}

.gnb h2{font-family:"NanumGothic"; color:#0f0f0f; margin-bottom:40px; padding-right:80px; font-weight:700; font-size:12pt; }

.gnb .depth1{margin-left:350px;}

.gnb .depth1 li{list-style:none;}

.gnb .depth1 li a:link {
	color: #0f0f0f;
	text-decoration: none;
}
.gnb .depth1 li a:visited {
	text-decoration: none;
	color:#0f0f0f;
}
.gnb .depth1 li a:hover {
	text-decoration: none;
	color: #0f0f0f;
}
.gnb .depth1 li a:active {
	text-decoration: none;
	color: #0f0f0f;
}

.gnb .gnb1{float:left;}
.gnb .gnb2{float:left;}
.gnb .gnb3{float:left;}
.gnb .gnb4{float:left;}
.gnb .gnb5{float:left;}
.gnb .gnb6{float:left;}
.gnb .gnb7{float:left;}


.gnb .depth2 li{padding:0;}

.gnb1 .depth2{list-style:none; margin:0; padding:0 6px 0 0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb2 .depth2{list-style:none; margin:0; padding:0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb3 .depth2{list-style:none; margin:0; padding:0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb4 .depth2{list-style:none; margin:0; padding:0 0 0 3px; font-family:dotum; font-size:12px; line-height:150%;}
.gnb5 .depth2{list-style:none; margin:0; padding:0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb6 .depth2{list-style:none; margin:0; padding:0; font-family:dotum; font-size:12px; line-height:150%;}
.gnb7 .depth2{list-style:none; margin:0; padding:0 0 0 3px; font-family:dotum; font-size:12px; line-height:150%;}



.gnb .depth2 li a:link {
	color: #666;
	text-decoration: none;
}
.gnb .depth2 li a:visited {
	text-decoration: none;
	color: #666;
}
.gnb .depth2 li a:hover {
	text-decoration: underline;
	color: #333;
}
.gnb .depth2 li a:active {
	text-decoration: none;
	color: #666;
}




/* sub01 */

.sub_01_bar{position:absolute; top:90px; width:100%; height:30px; background:url('img/sub_01_bar.jpg') repeat-x; z-index:-2; }
.sub_01_title{position:absolute; top:130px; left:130px; width:200px; height:134px; background:url('img/sub_01_title.jpg') no-repeat;  z-index:-2;}
.sub_01_content{position:absolute; top:0px; left:350px; z-index:-2; width:850px; }



/* wholesale */
#content .wholesale{height:238px;}

/* top btn */
#topBtn{display:none;}

/* layout-1024 */
.layout-1024 #mainbox{width:100%; min-width:1000px;}
.layout-1024 #boxvisual h2{margin-left:-490px;}
.layout-1024 #boxvisual .link{margin-left:-483px;}

/* layout-1280 */
.layout-1280 #mainbox{width:100%;}
.layout-1280 #boxvisual h2{margin-left:-550px;}
.layout-1280 #boxvisual .link{margin-left:-543px;}

/* layout-1400 */
.layout-1400 #mainbox{width:100%;}
.layout-1400 #boxvisual h2{margin-left:-660px;}
.layout-1400 #boxvisual .link{margin-left:-653px;}