@charset "utf-8";

/* Layout Selector */
body {background-color:#dcdcdc;}
#wrap {background:url('../../img/common/wrap_bg.gif') center top repeat-x;}
#header {width:880px; height:97px; margin:0 auto; text-align:left;}
#container_wrap {background:url('../../img/common/container_bg.jpg') center top no-repeat;}
#container {position:relative; clear:both; width:880px; margin:0 auto; text-align:left; *zoom:1;}
#container:after {content:""; display:block; float:none; clear:both;}
#footer {clear:both; margin:30px 0 0 0; *zoom:1; font:0.95em Tahoma;}
#footer:after {content:""; display:block; float:none; clear:both;}

/* logo */
#header p.logo {display:inline; float:left; margin:26px 0 0 0;}

/* tm */
#header div.tm {display:inline; float:right; margin:10px 0 0 0; height:13px;}
#header div.tm ul li {float:left; padding:0 3px; background:url('../../img/common/tm_bg.gif') right 3px no-repeat; line-height:0; font-size:0;}
#header div.tm ul li.last {background:none;}
#header div.tm ul li img {vertical-align:top;}

/* gnb */
#gnb {position:relative; display:inline; float:right; width:585px; height:57px; margin:8px 0 0 10px;}
#gnb ul li {float:left; padding:0 0 0 60px; background:url('../../img/common/gnb/bul.gif') 28px 14px no-repeat;}
#gnb ul li.first-child {background:none;}
#gnb ul#topmenu a {display:block; padding:0px 0px;}
#gnb ul#topmenu ul {position:absolute; width:500px; left:0; top:33px; margin:0; padding:0; display:none; background:url('../../img/common/gnb/sbg1.gif') no-repeat;}
#gnb ul#topmenu ul li {padding:0 8px; background:url('../../img/common/gnb/s_bg2.gif') 0 10px no-repeat;}
#gnb ul#topmenu ul li a {display:block; padding:8px 7px 5px 7px; color:#fff; font:0.9em Tahoma;}
#gnb ul#topmenu ul li.on {font-weight:bold;}
#gnb ul#topmenu ul li.first-child{background:none;}
#gnb ul#topmenu li.menu2 ul {width:379px; left:220px; background:url('../../img/common/gnb/sbg2.gif') no-repeat;}
#gnb ul#topmenu li.menu3 ul {width:870px; left:-100px; background:url('../../img/common/gnb/sbg3.gif') no-repeat;}


/* snb */
#snb {display:inline; width:186px; float:left; padding:0; margin:48px 0 0 0;}
#snb p.title {text-align:center; padding:15px 0 17px 0; height:54px; background:url('../../img/common/snb/bul_title.gif') no-repeat;}
#snb ul.depth2 {padding:0 18px 15px 15px; background:url('../../img/common/snb/bg.gif') repeat-y;}
#snb ul.depth2 li {padding:7px 0; background:url('../../img/common/snb/bg_line.gif') center bottom no-repeat; line-height:0; font-size:0;}
#snb ul.depth2 li a.btn {display:block;}
#snb ul.depth2 li.on {padding:7px 0;}
#snb ul.depth2 li ul.depth3 {margin:10px 0 10px 10px;}
#snb ul.depth2 li ul.depth3 li {padding:1px 0 1px 8px; background:url('../../img/common/bul_square2.gif') 0 10px no-repeat !important; font:11px Tahoma !important;}
#snb ul.depth2 li ul.depth3 li.on {color:#0756ad; font-weight:bold;}

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

/* footer */
#copyrightWrap {padding:10px 0; font-size:0.9em;}
#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;}