@charset "utf-8";

/* Layout Selector */
#wrap {background:url('../../img/common/bg.jpg') center top no-repeat;}
#header {width:930px; height:100px; margin:0 auto; text-align:left;}
#container_wrap {width:1000px; margin:0 auto; background:url('../../img/common/content_bg.gif') repeat-y;}
#container {position:relative; clear:both; width:1000px; margin:0 auto; padding:0 0 45px 0; text-align:left; background:url('../../img/common/content_bgb.gif') center bottom no-repeat; *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 p.logo {display:inline; float:left; margin:20px 0 0 20px;}
#header p.sub_logo {display:inline; float:left; margin:40px 0 0 20px;}
#header div.user {display:inline; float:right; width:300px; margin:20px 0px 10px 0;}
#header div.user ul {*zoom:1;}
#header div.user ul:after {content:""; display:block; float:none; clear:both;}
#header div.user ul li {float:left; margin:0 10px 0 0; padding:0 0 0 10px; background:url('../../img/common/tm_bg.gif') 0 center no-repeat;}
#header div.user ul li.first-child {padding:0; background:none;}

/* gnb */
#gnb {position:relative; display:inline; float:right; width:705px; height:57px; margin:0 0 0 10px; padding:2px 0 0 0; background:url('../../img/common/gnb/sub_bg.gif') no-repeat;}
#gnb ul#topmenu {float:right; padding:0 5px 0 0;}
#gnb ul#topmenu li {float:left; padding:0; background:url('../../img/common/gnb/gnb_line.gif') 0 center no-repeat;}
#gnb ul#topmenu a {display:block; padding:6px 27px;}
#gnb ul#topmenu ul {display:none; position:absolute; left:200px; top:30px; width:300px; margin:0; padding:0;}
#gnb ul#topmenu ul li {padding:0; background:none;}
#gnb ul#topmenu ul li a {display:inline-block; padding:8px 7px 5px 7px; color:#000;}
#gnb ul#topmenu li.menu1 {background:none;}
#gnb ul#topmenu li.menu1 ul {left:25px;}
#gnb ul#topmenu li.menu2 ul {left:150px; }
#gnb ul#topmenu li.menu3 ul {left:200px; }
#gnb ul#topmenu li.menu4 ul {left:380px; }
#gnb ul#topmenu li.menu5 ul {left:390px; }
#gnb ul#topmenu li.menu6 ul {width:100px; left:600px; }

/* snb */
#snb {display:inline; width:185px; float:left; padding:0; margin:0 0 0 45px; background:url('../../img/common/snb/bg.gif') repeat-y;}
#snb p.title {padding:23px 0 25px 21px; background:url('../../img/common/snb/bg_t.gif') no-repeat;}
#snb ul.depth2 {width:160px; padding:0 15px 25px 10px; background:url('../../img/common/snb/bg_b.gif') 0 bottom no-repeat;}
#snb ul.depth2 li {padding:8px 0 8px 0; margin:0 0 0 10px; 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 0 8px 0; margin:0 0 0 10px; background:url('../../img/common/snb/bul_over.gif') no-repeat;}
#snb ul.depth2 li ul.depth3 {margin:8px 0 10px -5px;}
#snb ul.depth2 li ul.depth3 li {padding:2px 0 2px 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;}

/* container */
#container div.spot {width:1000px; height:150px; background:url('../../img/common/sub_visual_bg.gif') no-repeat;}
#content {position:relative; float:left; width:650px; padding:17px 20px 25px 30px; margin:0 0 0 25px; background:url('../../img/common/content_bgt.gif') no-repeat;}
#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 {float:left; width:700px; display:inline;}
#copyrightWrap p.copylogo {display:inline; margin:10px 20px 0 0; float:left;}
#copyrightWrap div.copyWrap {display:inline; float:left;}
#copyrightWrap div.copyWrap div.footbtn {margin:0 0 5px 0;}
#copyrightWrap div.copyWrap address {height:10px;}
#copyrightWrap div.copyWrap p.warning {margin:2px 0 0 0; height:10px;}
#copyrightWrap div.copyWrap p.copyright {margin:4px 0 0 0; height:10px;}
#footer .relate {float:right; width:190px; display:inline; margin:5px 0 0 0;}
#footer .relate .sele {vertical-align:top;}