@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
body, div, ul, li, table, tr, td, th{margin:0; padding:0;}
body {font-family:"¸¼Àº°íµñ",Malgun Gothic,Gulim,Dotum, sans-serif; font-size:12px;}
ul, li{list-style:none}
a{color:#000; text-decoration:none}
#wrapper{width:100%;margin:0 auto;}
#container{ margin:0 auto; }
img{border:0px;}


 /* »ó´Ü¸Þ´º ¿µ¿ª */
#topmenu_bg{background:#002a6d; width:100%; height:32px;} 
#topmenu{width:980px; height:100px; margin:0 auto; position:relative; }
#topmenu_left{ position:absolute; top:0px; left:0px;}
#topmenu_right{ position:absolute; top:0px; right:0px;}


/*¸Þ´º·Ñ¿À¹ö*/
a.rollover img { border-width:0px; display:inline; } 
a.rollover img.over { display:none; } 
a.rollover:hover { border:0px } 
a.rollover:hover img { display:none; } 
a.rollover:hover img.over { display:inline; }
 

/* ·Î°í ¿µ¿ª */
 #nav h1{
    display:inline-block;
    width:300px;
    height:100px;
    margin:0px;
 }

/* ¸ÞÀθ޴º ¿µ¿ª */
#nav{
    width:980px;
    height:100px;
    margin:0 auto;
    padding:0px;
    position:relative;
 }
#navi {
   position:absolute;
   top:0px;
   right:0px;
   width:680px;
   height:100px; 
   padding-top:60px;
   margin:0px;
}
#navi ul li {       
    z-index:10000;
    color:#333;
    float: left;               
    line-height: 30px;         
    vertical-align: middle;     
    text-align: center;         
    position: relative;        
}
.menuLink {  
    text-decoration:none;      
    display: block;          
    width: 136px;        
    height:40px;
    font-size: 13px;    
    font-weight: bold;
    color:#333; 
}
.menuLink:hover{
   color:#002c7b;
   text-decoration:none;
}
.submenuLink {
    text-decoration:none;              
    display: block;                  
    width: 136px;               
    font-size: 12px;             
    font-weight: bold; 
    color: #666;
    background:#fff;      
 }
.longLink {   
   width:136px;
   }
.submenu {             
   position: absolute;  
   height: 0px;      
   overflow: hidden;    
   transition: height .2s; /* height¸¦ º¯È­ ½ÃÄ×À» ¶§ 0.2ÃÊ°£ º¯È­ µÇµµ·Ï ¼³Á¤(±âº») */
   -webkit-transition: height .2s;
   -moz-transition: height .2s;
   -o-transition: height .2s;
   }
.topMenuLi:hover .submenu{ 
   height: 200px;
  }
 .submenuLink:hover {   
   color:#fff;  
   background:#7bb8ee;
 }

.m{height:20px; clear:both;}


 /* ÇÏ´Ü ¿µ¿ª*/
#footer_wrap{position:relative; width:100%; height:150px;}
.footermenu{display:inline-block;}
.footermenu a{color:#fff;}
.footer1{width:100%;  background:#5d6a7b; height:35px; margin:0 auto; text-align:left; line-height:30px; font-size:11px; text-align:center;}
.footerline{display:inline-block; margin:0 10px; color:#a8a8a8;}
.footer2{background:#253244; width:100%; height:115px;}
.footer2_in{width:980px; height:115px; margin:0 auto; text-align:center; line-height:18px; font-size:11px; color:#8099a2;}
.footer2_left{width:230px; float:left;}
.footer2_right{width:980px; float:left; padding:30px 0px 30px 0px;}



/*¼­ºêÆäÀÌÁö*/
#content_wrap{width:980px;padding:0;position:relative;text-align:left;margin:0 auto;}
#content_wrap{*zoom:1;clear:both;}
#content_wrap:after{content:"";display:block;clear:both;}
.visual_area{width:100%; background-image:url(../img/sub/subtop_bg.gif);}
.visual{width:980px; height:170px; margin:0 auto;}
.side_nav{float:left;text-align:left;width:220px; display:inline; margin:0px; border:0px; padding:0px;}
.side_nav h2{margin:30px 0 0 0; border:0px; padding:0px; width:220px; height:68px;}
.sidemenu{float:left;text-align:left; width:220px; display:inline; margin:0px; border:0px; padding:0px;}
.smenu_list{width:220px; height:36px; background-image:url(../img/sub/smenu_bg.gif); text-align:left; line-height:32px;}
.smenu_list a{padding-left:40px; font-weight:bold; color:#666; width:180px; height:35px; display:inline-block;}
.smenu_list a:hover{color:#5582c6; }
.subbanner{width:220px; clear:both; padding:10px 0px 50px 0px;}
.subbanner img{padding-top:10px;}
.content{float:left;width:720px;margin:0 0 0 35px;padding:0 0 60px 0;}
.history{display:inline;float:right;font-size:11px;font-family:dotum;color:#999999;margin:80px 0px 0px 0px;text-align:right;}
.history img{vertical-align:-1px;}
.history .current{display:inline-block;color:#666666;padding:0 0 0 8px;}
.history_mall {margin:-40px 0 0 0 !important;padding:11px 0 0 0 !important;}
.history .page {color:#272727;}
.content h3{display:inline-block; margin-top:58px; border:0px; height:35px;}
.conline{width:720px; height:2px; background:#e0e0e0; margin-bottom:25px;}
.content .whole_content{padding:0px; margin:0px;}
.quick{float:left;margin:68px 0 0 19px;}




.table_caption{width:100%;*zoom:1;clear:both;margin-bottom:4px;}
.table_caption:after{clear:both;content:"";display:block;}
.table_caption .title{float:left;}
.table_caption .per{float:right;font-size:11px;font-family:dotum;color:#666666;}
.table_caption.tab img {margin-right:1px;}
.table_01{width:100%;}
.table_01 th{border-top:3px solid #3caede;border-bottom:1px solid #7bbfdc; padding:7px 0 6px; font:bold 12px/1.3em verdana; color:#3695be; text-align:center;}
.table_01 td{border-right:1px solid #d7e8ef;border-bottom:1px solid #d7e8ef;height:26px;font-size:12px;color:#666666;text-align:center;padding-top:5px;padding-bottom:5px;line-height:17px;}
.table_01 td.last {border-right:0}
.table_01 td.sub_title{background:#f8f8f8;}
.table_01 .left{text-align:left;padding-left:10px;}
.partners{padding:0;margin:43px 0 0 0;}
.partners table {margin-left:220px;}
.partners td{text-align:center;font-size:11px;font-family:dotum;color:#787878;width:157px;height:109px;vertical-align:top;}
.product{border-top:2px solid #45abd7;border-bottom:2px solid #45abd7;}
.product th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product th img {border:4px solid #e1e3d8;}
.product td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:1px solid #45abd7;height:19px;}
.product .information {font-size:12px;font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}
.product .last{border-bottom:0;}
.agreement_tle {float:left; margin:39px 25px 0 0;}
.agreement_list {list-style:none; float:left; width:446px; height:186px; margin:39px 0 0 0;}
.agreement_list p {float:left;width:210px;}
.agreement_list p img {margin-bottom:7px;}
.agreement {}
.agreement th {text-align:left;width:183px;vertical-align:top;}
.agreement td {font-size:11px;font-family:dotum;color:#787878;padding:0 0 29px 0;}
.sitemap{width:100%;}
.sitemap p{margin-bottom:2px;}
.sitemap td{vertical-align:top;}
.sitemap dl {width:141px;}
.sitemap dt {border-top:1px solid #ebebeb;padding:5px 0 5px 0;}
.sitemap .first {border-top:0;}
.sitemap dt a{font-family:dotum;font-size:12px;color:#333333;}
.sitemap dd {padding:0 0 5px 0;}
.sitemap .last{border-bottom:1px solid #ebebeb;}
.sitemap dd a{font-size:11px;font-family:dotum;color:#888888;}
}
/* 2011.12.22 */
.table_product    { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td   { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }
.table_product .tle   { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }
.table_product .txt   { display:block; height:62px; margin-top:8px; }
.item_border { border:4px #e1e3d8 solid; }
.mtle_01  { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001  { padding-top:2px; }
.txt_001  { font:12px/1.4em dotum; color:#666; }
.list_01 li  { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp   { height:180px; padding:0 0 0 240px; margin-top:30px; line-height:1.4em; color:#666; }
.dbp a  { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover  { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table  { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }
.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }
.login_box    { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01  { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box  { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find   { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }