/* 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 }
div.abcd {position:relative; width:1100px; min-width:1100px; margin:0 auto; border: 0px solid red; padding-top : 14px; }

/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header .headerTnby { margin:0 auto; position:relative; width:100%; height:45px; background:#101010 }
#header .headerTnb { margin:0 auto; position:relative; width:1100px; height:45px; background:#101010;*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:#ffffff; 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:#ffffff; line-height:45px; font-family:Verdana }

#header .headerTop { margin:0 auto; position:relative; width:1100px;border: 1px solid white; height:135px; *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: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 }

/怨꾩쥖踰덊샇(banner_right/left) 異붽� �묒꽦�� : yykim 22.06.02*/
#header .headerTop .banner_l { margin:0;text-align:left; position:absolute; top: 105px; width:380px; height:65px }
#header .headerTop .banner_r { margin:0;text-align:right; position:relative; width:390px; height:65px }


/SNS異붽� �묒꽦�� : yykim */
#header .headerTop .sns { position: absolute; top: 115px; left: 0; zoom: 1; overflow: hidden; }
#header .headerTop .sns li {float: left;margin-right: 7px;margin-top: 50px;}


#header .headerGnb { min-width:1100px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#header .headerGnb .gnbInner { margin:0 auto; position:relative; width:1100px }
#header .headerGnb .gnbInner ul { *zoom:1}
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { margin:0; position:relative; float:left;  }
#header .headerGnb .gnbInner ul li a { display:block; height:41px; font-size:17px; 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 ul li a: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 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 { *height:39px; *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 }



/�섎떒硫붾돱 異붽� : yykim */
#hdWrap { position: relative; width:100%; z-index: 999; min-width: 1100px; background-color:#fff;}
#hdWrap #header { position: relative; width: 1100px; height:251px; margin:0 auto; z-index:10;}
#hdWrap #header .logo { z-index:21; text-align: center; padding-top: 65px; }
#hdWrap #header .logo a { font-size: 68px; color: #333; font-weight:thin;}

#hdWrap #header .hd-link {position:absolute; left:0; top:5px; }
#hdWrap #header .hd-link li { float: left; padding: 2px 20px 0 0; }
#hdWrap #header .hd-link li a { font-size: 12px; color:#6e6e6e;}
#hdWrap #header .hd-link li a:hover { color:#cacaca; }
#hdWrap #header .hd-link li span.join { position:absolute; top:21px; left:47px; height:22px; padding:4px; width:50px;background:url("/design/leguano/9528/delight/point.gif") no-repeat 0 0; color:#fff;}

#hdWrap #header .hd-search { position:absolute; right:0; top:5px; width:180px; border-bottom: 1px solid #ddd;}
#hdWrap #header .hd-search .input-keyword { float:left; border:none; width: 160px; padding:3px 0 0 2px;}
#hdWrap #header .hd-search input { vertical-align:middle; }

#hdWrap #header .board { position:relative; padding-top: 42px; }
#hdWrap #header .board ul { margin:0 auto; text-align:center;}
#hdWrap #header .board ul li {display:inline-block; margin:0 15px;}
#hdWrap #header .board ul li a:hover { color:#cacaca; }

/* gnb */
#hdWrap .gnb { position: fixed; top: 228px; height:45px; width:100%; line-height:45px; z-index:100; border-top:1px solid #ddd; border-bottom:3px double #ddd; background-color:#fff; }
#hdWrap .gnb .gnb-list{ margin:0 auto; width:1100px; }
#hdWrap .gnb .gnb-list li.menu { position:relative; float:left;  padding:0 20px;}
#hdWrap .gnb .gnb-list li.menu a { font-size:15px; color:#6e6e6e; display:block; text-transform:uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 96px; text-align: center;}
#hdWrap .gnb .gnb-list li.menu a:hover { color:#cacaca; }
#hdWrap .gnb .gnb-list .subbox { display:none; position:absolute; padding:20px; background-color:#fff; width: 80px; left: 50%; top:45px; margin-left: -60px; border:1px solid #ddd; border-top:0;  }
#hdWrap .gnb .gnb-list .subbox li a{ display:block; color:#6e6e6e; font-size:13px; line-height:27px; text-align: left;}
#hdWrap .gnb .gnb-list .subbox li a:hover { color:#dedede; }




/* BASIC css end */