/* 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; height:164px; text-align:center }
#header .headerTop .searchArea { position:absolute; top:12px; right:0; width:204px; height:40px; border-bottom:1px solid #000 }
#header .headerTop .searchArea .search { position:relative; width:204px; 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; margin-top:40px; border-bottom:1px solid #231f20 }
#header .headerGnb .gnbInner { margin:0 auto; position:relative; width:1100px }
#header .headerGnb .gnbInner .main-menu { *zoom:1 }
#header .headerGnb .gnbInner .main-menu:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner .main-menu .menu { margin:0 18px; position:relative; float:left }
#header .headerGnb .gnbInner .main-menu .menu .menu-item { display:block; height:41px; font-size:18px; font-weight:600; color:#202020; line-height:41px; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent }
#header .headerGnb .gnbInner .main-menu .menu .menu-item:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:2px; z-index:-1; background:#231f20; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out }
#header .headerGnb .gnbInner .main-menu .menu .menu-item:active:before,
#header .headerGnb .gnbInner .main-menu .menu .menu-item:focus:before,
#header .headerGnb .gnbInner .main-menu .menu .menu-item:hover:before { left:0; right:0 }
#header .headerGnb .gnbInner .main-menu .menu .menu-item:hover { *height:39px; *border-bottom:2px solid #000; font-weight:bold; color:#574d43; }
#header .headerGnb .gnbInner .main-menu .menu.first { padding-left:0 }
#header .headerGnb .gnbInner .main-menu .menu.last { padding:0 0 0 40px }

.brandTit {margin:0; padding:0;}
.brand {display:none; margin:auto; position:absolute; left:-31px; width:1060px; padding: 20px; border:1px solid #000; border-top:none; background-color:#fff;}
.brandTit:hover >.brand {display:block; }
.brand .sub-menu{width:100%; }
.brand .sub-menu:after { display:block; clear:both; content:'' }
.brand .sub-menu li {margin:0; padding: 0 10px; position:relative; float:left; }
.brand .sub-menu li.subTit { line-height:41px; height:41px; font-size:16px;  font-weight:bold; color:#60534b; }
.brand .sub-menu li a {display:block; font-size:16px; color:#202020; line-height:41px;}



.clearFix::after { /*float을 사용했을 때, 문제를 해결해주는 css*/
    content:"";
    display:block;
    clear:both;
}
/* BASIC css end */