@charset "utf-8";


/* Layout Selector */
body {background:url('../../img/common/bg.jpg') center top repeat-y;}
#wrap {}
#header {width:1000px; height:180px; margin:0 auto; text-align:left; background:url('../../img/common/bg_t.jpg') no-repeat;}
#container_wrap {background:url('../../img/common/container_bgb.jpg') center bottom no-repeat; padding:0 0 222px 0}
#container {position:relative; clear:both; width:1000px; margin:0 auto; text-align:left;  *zoom:1;}
#container:after {content:""; display:block; float:none; clear:both;}
#footer {clear:both; width:940px; margin:20px auto; text-align:left; *zoom:1;}
#footer:after {content:""; display:block; float:none; clear:both;}

/* logo */
#header div.tm {height:63px;}
#header div.tm p.logo {display:inline; float:left; padding:10px 0 0 10px;}
#header div.tm ul {display:inline; width:279px; height:30px; float:right; margin:33px 176px 0 0; padding:0 0 0 5px; background:url('../../img/common/tm_bg.gif') no-repeat;}
#header div.tm ul li {display:inline; padding:5px 8px 0 8px; float:left; background:url('../../img/common/tm_line.gif') right 9px no-repeat;}
#header div.tm ul li.last {background:none; padding:5px 0 0 8px;}

/* gnb */
#gnb {position:relative; width:920px; height:69px; margin:20px 10px 0 27px; letter-spacing:-0.05em;}
#gnb ul li {float:left;}
#gnb ul#topmenu a {display:block;}
#gnb ul#topmenu ul {position:absolute; width:345px; height:32px; left:0; top:37px; margin:0; padding:7px 0 0 10px; display:none; background:url('../../img/common/gnb/sbg1.gif') no-repeat;}
#gnb ul#topmenu ul li {background:url('../../img/common/gnb/s_bg2.gif') 0 12px no-repeat;}
#gnb ul#topmenu ul li a {display:inline-block; padding:8px 7px 5px 7px; color:#000;}
#gnb ul#topmenu ul li.on {font-weight:bold;}
#gnb ul#topmenu li ul li.first-child {background:none;}
#gnb ul#topmenu li.menu2 ul {left:132px; padding:8px 0 0 5px; width:400px; background:url('../../img/common/gnb/sbg2.gif') no-repeat;}
#gnb ul#topmenu li.menu3 ul {left:257px; padding:8px 0 0 7px; background:url('../../img/common/gnb/sbg3.gif') no-repeat;}
#gnb ul#topmenu li.menu4 ul {left:414px; padding:8px 0 0 20px;background:url('../../img/common/gnb/sbg4.gif') no-repeat;}
#gnb ul#topmenu li.menu5 ul {left:400px; background:url('../../img/common/gnb/sbg5.gif') no-repeat;}
#gnb ul#topmenu li.menu6 ul {left:664px; padding:8px 0 0 25px; background:url('../../img/common/gnb/sbg6.gif') no-repeat;}


/* snb */
#snb {display:inline; width:200px; float:left; padding:0; margin:0px 0 0 31px; background:url('../../img/common/snb/bg.gif') repeat-y;}
#snb p.title {padding:23px 0 34px 21px; background:url('../../img/common/snb/bg_t.gif') no-repeat;}
#snb ul.depth2 {width:140px; padding:0 30px 30px 25px; background:url('../../img/common/snb/bg_b.gif') 0 bottom no-repeat;}
#snb ul.depth2 li {padding:8px 0 10px 8px; background:url('../../img/common/snb/bul_out.gif') no-repeat;}
#snb ul.depth2 li a.btn {display:block;}
#snb ul.depth2 li.on {padding:8px 5px 10px 10px; background:url('../../img/common/snb/bul_over.gif') no-repeat; text-align:right;}
#snb ul.depth2 li ul.depth3 {margin:15px 0 0 0;}
#snb ul.depth2 li ul.depth3 li {padding:1px 0 1px 8px; background:url('../../img/common/bul_square3.gif') 0 7px no-repeat !important;}
#snb ul.depth2 li ul.depth3 li.on {color:#0756ad; font-weight:bold;}
#snb ul.depth2 li ul.depth3 li a {color:#fff}

/* container */
div.spot {float:left; width:735px; margin:0 0 0 0px;}
#content {position:relative; left:0; top:0; float:left; width:670px; margin:0 0 0 29px; padding:25px; background:url('../../img/common/content_bg.gif') no-repeat #ffffff;}
div.aside {position:absolute; top:150px; left:885px; width:83px; height:171px; background:url('../../img/common/aside_bg.gif') no-repeat; text-align:center;}
div.aside p.tit {margin:11px 0 0 0;}
div.aside ul {margin:15px 0 0 0;}
div.aside ul li {margin:0 0 9px 0;}
div.aside ul li img {vertical-align:top;}

/* footer */
#copyrightWrap {float:left; width:500px; margin:10px 0 0 10px;}
#copyrightWrap address {height:10px;}
#copyrightWrap p.warning {margin:2px 0 0 0; height:10px;}
#copyrightWrap p.copyright {margin:7px 0 0 0; height:10px;}
#footer div.banner {display:inline; float:right; margin:10px 20px 0 0;}
#footer div.banner ul li {display:inline; float:left; margin:0 0 0 5px;}

/* 4depth */
div.parentMenu {*zoom:1; border:2px solid #d5baa2; padding:10px; margin:15px 0 0 0; background-color:#fffdf4;}
div.parentMenu:after {content:""; display:block; float:none; clear:both;}
div.parentMenu ul li {float:left; width:23%; margin:2px 0; padding:0 0 0 10px; background:url('/home/img/common/bul_category.gif') 0 6px no-repeat;}
div.parentMenu ul li.on {font-weight:bold;}