/* 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;font-family:나눔고딕; }
#header .headerTnb_g { position:relative; width:100%; background:#fafafa;}
#header .headerTnb { margin:0 auto; position:relative; width:1100px; height:25px; *zoom:1;}
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { margin-right:5px; float:left;}
#header .headerTnb .tnbLeft li a { display:block;  color:#a6a6a6; line-height:11px ;font-size:11px;height:10px;margin-top:6px;padding-top:2px}
#header .headerTnb .tnbLeft li a span{ display:inline-block; width:13px;}

#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 .tnbLeft .tnb_mb{background: url(//www.wide.co.kr/dentalpro/www/tnb_m.png) left top no-repeat; }
#header .headerTnb .tnbLeft .tnb_sb{background: url(//www.wide.co.kr/dentalpro/www/tnb_s.png) left top no-repeat; }
#header .headerTnb .tnbLeft .tnb_pb{background: url(//www.wide.co.kr/dentalpro/www/tnb_p.png) left top no-repeat;width:60px; } 

#header .headerTnb .tnbRight { float:right }
#header .headerTnb .tnbRight li { padding-left:5px; float:left }
#header .headerTnb .tnbRight li a { display:block; height:11px; color:#a6a6a6; line-height:11px; font-size:11px;height:11px;margin-top:6px;padding-top:2px;padding-bottom:2px}
#header .headerTnb .tnbRight li a span{ display:inline-block; width:13px;margin-left:2px}
#header .headerTnb .tnbRight .tnb_bb{background: url(//www.wide.co.kr/dentalpro/www/tnb_br.png) left top no-repeat;}

#header .headerTop { margin:0 auto; position:relative; width:1100px; height:136px; *zoom:1;border:1px solid #fff }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo {float:left; width:400px;margin:47px 50px 10px 60px; padding-top:12px; text-align:center;}


#header .headerTop .searchArea { /*position:absolute; top:12px; right:0; */ width:204px; height:40px; border-bottom:1px solid #000;float:right;margin-top:60px;  }
#header .headerTop .searchArea .search { position:relative; width:204px; height:40px; }
#header .headerTop .searchArea .search input { padding-left:10px;padding-bottom:3px; width:164px; height:39px; line-height:40px; border:none; background:none;}
#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_leftimg{width:301px;float:left;margin-top:26px;margin-bottom:14px;}
.header_rightimg{width:72px;float:left;margin-top:80px; }



#header .headerGnb { min-width:1100px;background-color:#3c8ad3;margin-top:7px; /* border-bottom:1px solid #e0e8eb;*/}
#header .headerGnb .gnbInner { margin:0 auto; position:relative; width:1100px }
#header .headerGnb .gnbInner ul { *zoom:1;padding-left:33px; }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { margin:0 39px 0 0; position:relative; float:left;}
#header .headerGnb .gnbInner ul li a { display:block; height:41px; font-size:15px;letter-spacing: -1px; color:#fff; line-height:41px; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; font-weight:bold; }
#header .headerGnb .gnbInner ul li a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:2px; z-index:-1; background:#fefb01; -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{color: #fefb01;}
#header .headerGnb .gnbInner ul li a:hover { *height:39px; *border-bottom:2px solid #fefb01; }
#header .headerGnb .gnbInner ul li.first { padding-left:0 ;}
#header .headerGnb .gnbInner ul li.last  { padding:0;margin:0;}


/* BASIC css end */

