/*----------------------------------------------------------
                          95. Layout
----------------------------------------------------------*/
/* global */
body{margin-top:0;}
#sess-num{display:none;}
#gnb ul li,#topline ul li,#footer ul li{display:inline;}
#wrapper{width:930px;margin:0 auto;text-align:left;font-size:12px;}
/* topline */
#topline{width:100%;height:23px;margin:0 auto 5px auto;font-size:12px;background:url('../image/topline_left.gif') repeat-x left -1px;}
#topline ul li img{vertical-align:-3px;display:block;}
#topline div.fright{clear:both;float:right;padding:2px 0 0 10px;background:#fff url('../image/topline_right.gif') no-repeat left -1px;} 
/* top menu */
#topline ul.topline-menu{clear:both;float:left;padding:0;}
#topline ul.topline-menu li{float:left;padding:2px 6px 0 0;background:url('../image/vbar_black_dot.gif') no-repeat right 7px;}
#topline ul.topline-menu li a{float:left;padding:0 0 1px 6px;vertical-align:-3px;}
#topline ul.topline-menu li img{float:left;padding:0 3px;display:block;}
#topline ul.topline-menu li.on{font-weight:bold;letter-spacing:-1px;}
#topline ul.topline-menu li.on a:link,#topline ul.topline-menu li.on a:visited,#topline ul.topline-menu li.on a:active{color:#e31010;}
#topline ul.topline-menu li.on a:hover{text-decoration:none;}
/* header */
#header,#gnb,#wrap-gnb,#wrap-main,#footer{position:relative;width:100%;}
#header{height:39px;}
#header h1{float:left;margin:0;}
#header .info{float:right;width:auto;right:5px;margin-top:10px;}
#header .info li{display:inline;font-size:14px;font-weight:bold;}
#header .info img{padding:3px;margin-top:2px;vertical-align:top;}
#header2{float:left;width:300px;}
#header2{height:39px;}
#header2 h1{float:left;margin:0;}
#header2 .info{float:right;width:auto;right:5px;margin-top:10px;}
#header2 .info li{display:inline;font-size:14px;font-weight:bold;}
#header2 .info img{padding:3px;margin-top:2px;vertical-align:top;}
/* gnb */
#gnb{height:50px;margin-bottom:5px;background:#fff url('../image/bg_gnb.gif') no-repeat left top;}
#wrap-gnb{height:35px;text-align:left;}
#wrap-gnb ul{padding:0 0 0 12px;height:30px;text-align:left;}
#wrap-gnb ul li a img{vertical-align:-6px;}
#wrap-gnb ul li a{color:#fff;}
#wrap-gnb ul li{float:left;height:50px;}
#wrap-gnb ul li span{float:left;padding:15px 12px 10px 12px;}
#wrap-gnb ul li.on a{color:white;font-weight:bold;}
#wrap-gnb ul li.on{background:url('../image/tab_left.gif') no-repeat left top;}
#wrap-gnb ul li.on span{float:left;padding:14px 17px 5px 17px;background:url('../image/tab_right.gif') no-repeat right top;}
#search{float:right;width:290px;margin:7px 15px 0 0px;_margin-top:7px;}
#search select{font-size:12px;}
#search input.keyword{vertical-align:1px;}
#search input.button{vertical-align:0px;}
#right {float:right;width:300px;}
/* main */
#title{padding:3px 0;margin-bottom:10px;}
#wrap-main,#wrap-sub,#cp-content,#lp-content,#rp-content,.cpl-cont,.cpr-cont{float:left;}
#wrap-main,#wrap-sub{margin-bottom:10px;}
#wrap-sub {width:930px;}
#wrap-main #lp-content{width:200px;}
#wrap-main #cp-content{width:719px;height:1%;min-height:500px;margin-left:10px;float:right;}
#wrap-main #cp-content .cpl-cont{width:510px;}
#wrap-main #cp-content .cpr-cont{width:200px;margin-left:15px;}
#wrap-sub #lp-content{width:200px;}
#wrap-sub #cp-content{width:720px;height:1%;min-height:500px;margin-left:10px;}
#wrap-sub #cp-content .cpl-cont{width:520px;}
#wrap-sub #cp-content .cpr-cont{width:200px;margin-left:15px;}
#section{clear:both;padding:0;margin:10px 0 0;}
/* footer */
#footer{clear:both;}
#footer h1{float:left;}
#footer .content{margin-left:250px;}
#footer .link{}
#footer .family-site{float:right;}
#footer .copyright{}
#footer .util{}
#footer .godirect{}




#submenu_top    { position:relative; width:115px;height:50px;  
                  padding:25px 0px 10px 0px; font-size:16px; 
				  font-weight:bold; text-decoration:none; 
				  color:#ffffff; font-family:"±¼¸²", Gulim, "µ¸¿ò", Dotum, AppleGothic, Sans-serif; 
				  overflow:hidden; background:url("<?=$img['skin']?>/submenu_top.gif") no-repeat; 
				  left top; border-bottom:0px solid #dddddd;}

#submenu_inner {  width:105px;}
#submenu_middle { position:relative; width:115px; background:url("<?=$img['skin']?>/submenu_middle.gif") repeat-y;}

#submenu_bottom { position:relative; width:115px;height:10px; overflow:hidden; background:url("<?=$img['skin']?>/submenu_bottom.gif") no-repeat;}