@charset "utf-8";
/* Design Geulggol Web Team (http://ggad.co.kr) 이제현 2011.07.11 */

@import url(base.css);


/* Layout */
#bg {width:100%; }
#wrap {width:999px; margin:0 auto; position:relative;}

/* Header */
#header {position:relative; z-index:1; width:999px; height:109px; overflow:hidden;}


/* Container */
#container {width:100%; margin:0; padding:0; overflow:hidden;}

.all_menu {clear:both; position:absolute; left:10%; top:100px; width:760px; height:240px; background:url(../../images/00common/sitemap_bg.gif) no-repeat; z-index:999; overflow:hidden; padding:20px 0 35px 35px;border:1px solid #0d4fa2;}
.all_menu dl {float:left; padding:0; margin:20px 25px 0 0; border:0px red solid;}
.all_menu dl.end {float:left; padding:0; margin-top:20px; margin-right:0;}
.all_menu dt {margin:0 0 13px 0; padding:0;}
.all_menu dd {margin:0; padding:0 0 3px 10px;  background:url(../../images/sub/bu.jpg) no-repeat 0 5px;}
.sitemap_close {float:right; padding:0 10px 0 0; margin:0;}

/* Footer */
#footer {width:999px; clear:both; height:88px; margin-top:24px; border-top:1px solid #bfbfbf;}



/* Common */
.bold {font-weight:bold;}
.bgnone {background:none;}
.png24 {tmp:expression(setPng24(this)); } 
.disIN {display:inline}
.disBLO {display:block}
.floatR {float:right;}
.floatL {float:left;}
.alignRight {text-align:right;}
.logo {padding-top:24px;}

/* intro */
#sub_container {overflow:hidden; width:990px; margin:0; padding:0;}


#contents{ width:999px; float:left;}



/* intro Header */
.logo {float:left; padding:38px 0 0 20px; width:145px;}
.sub_utill{ float:right; width:210px; height:12px; padding:50px 10px 8px 0;}
.sub_utill ul li{ float:left;}

.rollover img {display:inline !important;}
.rollover img.imgover {display:none !important;}
a.rollover:hover {display:inline !important;}
.rollover:hover img {display:none !important;}
.rollover:hover img.imgover {display:inline !important;}
.rollon img {display:none !important;}
.rollon img.imgover { display:inline !important;}




.sub_topmenu{ width:990px; height:63px; overflow:hidden; margin:41px 0 0 0; padding:0;}




/* Sub footer */
.f_logo{ width:99px; height:47px; margin:24px 0 0 10px; float:left;}
.f_utill{ width:424px; height:46px; float:left; margin:24px 0 0 14px;}
.f_utill ul{ padding:0; margin:0 0 10px 0; overflow:hidden;}
.f_utill ul li{ float:left; display:inline; margin:0; padding:0;}

/* 폰트 관련 */
.bold {font-weight:bold;}
.text_blue {color:#128e6a;}
.bgreen_bold {color:#138f6b; font-weight:bold;}
.text_red {color:#d63333;}
.text_sgray {color:#a6a6a6; font-size:11px; font-weight:normal; padding-left:15px;}

/* 패딩 관련 */
.padding_right10 {padding-right:10px;}
.padding_left10 {padding-left:10px;}
.padding_left20 {padding-left:20px;}
.padding_top20 {padding-top:20px;}
.padding_top10 {padding-top:10px;}
.padding_bottom10 {padding-bottom:10px;}
.padding_bottom20 {padding-bottom:20px;}

/* subtab */
.tab{width:760px; margin:44px 0 45px 0; float:right; }
.tab li{padding:1px; margin:0; float:left; list-style-type:none }
.tab02{width:760px; margin:47px 0 10px 25px; float:left }
.tab02 li{padding:1px; margin:0; float:left; list-style-type:none }
.tech_tab{width:600px; margin:0; float:left; margin:50px 0 50px 0;}
.tech_tab ul {list-style:none;}
.tech_tab li {position:relative; float:left; display:inline; margin-right:1px; }