/* BASIC css start */
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header .headerTnb { margin:0 auto; position:relative; width:1100px; height:45px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { padding-right:9px; float:left }
#header .headerTnb .tnbLeft li a { display:block; height:45px; color:#6d6d6d; line-height:45px }
#header .headerTnb .tnbLeft li.noticeLine { padding-left:23px }
#header .headerTnb .tnbLeft li.noticeLine p { padding-left:21px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/ico_volume.gif) 0 17px no-repeat }
#header .headerTnb .tnbLeft li.noticeLine p a { font-size:11px; color:#7a7a7a; line-height:49px; line-height:53px \0/IE8+9 }
#header .headerTnb .tnbRight { float:right }
#header .headerTnb .tnbRight li { padding-left:10px; float:left }
#header .headerTnb .tnbRight li a { display:block; height:45px; color:#6d6d6d; line-height:45px; font-family:Verdana }

#header .headerTop { margin:0 auto; position:relative; width:1100px; height:77px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { margin:0 210px; padding-top:12px; text-align:center }
#header .headerTop .searchArea { position:absolute; top:12px; right:0; width:164px; height:40px; border-bottom:1px solid #000 }
#header .headerTop .searchArea .search { position:relative; width:164px; height:40px }
#header .headerTop .searchArea .search input { padding-left:10px; width:164px; height:39px; line-height:40px; border:none; background:#fff }
#header .headerTop .searchArea .search a { display:block; position:absolute; top:0; right:0; width:30px; height:40px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_search.gif) 0 0 no-repeat }

#header .headerGnb { min-width:1100px; border-bottom:1px solid #231f20; padding:10px 0 20px; }
#header .headerGnb .gnbInner { margin:0 auto; position:relative; width:1100px }

#header .headerGnb .topMenu { margin:0 auto 20px; width:1100px; border-top:1px solid #272727; }
#header .headerGnb .topMenu ul { *zoom:1; border-bottom:1px solid #272727; }
#header .headerGnb .topMenu ul:after { display:block; clear:both; content:'' }
#header .headerGnb .topMenu ul li { float:left; }
#header .headerGnb .topMenu ul li a { display:block; height:40px; line-height:40px; font-size:13px; font-weight:bold; color:#000; padding:0 75px; position:relative; }
#header .headerGnb .topMenu ul li a:hover { text-decoration:underline; }

#header .headerGnb .topMenu ul li a:before {
	content:"";
	display:block;
	width:4px;
	height:4px;
	background:#272727;
	position:absolute;
	top:18px;
	left:-2px;
}
#header .headerGnb .topMenu ul li:first-child a:before {
	display:none;
}

#header .headerGnb .gnbInner ul { *zoom:1 }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }

#header .headerGnb .gnbInner > ul > li { width:366px; float:left }
#header .headerGnb .gnbInner ul li h3 { font-size:15px; font-weight:bold; color:#6d6d6d; padding:2px 0 10px 0; text-align:center; }

#header .headerGnb .gnbInner > ul > li > ul > li { width:183px; float:left }
#header .headerGnb .gnbInner ul li a { display:block; height:22px; line-height:22px; font-size:13px; color:#6d6d6d; padding-left:20px; }
#header .headerGnb .gnbInner ul li a.black { color:#000; }

#header .headerGnb .gnbInner ul li a:active:before,
#header .headerGnb .gnbInner ul li a:focus:before,
#header .headerGnb .gnbInner ul li a:hover:before { left:0; right:0 }
#header .headerGnb .gnbInner ul li a:hover { text-decoration:underline; }
/*#header .headerGnb .gnbInner ul li a:hover { *height:23px; *border-bottom:2px solid #000; }*/
#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }

/* 메뉴 위아래 사이간격 및 점선 */
#header .headerGnb .gnbInner > ul > li { border-right:1px dashed #CCC }
#header .headerGnb .gnbInner > ul > li:nth-of-type(3) { border-right:0 }
/* BASIC css end */