@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {padding:0;margin:0;}
html {overflow-y:scroll; }
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}
body,th,td,textarea{ line-height:14px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{font-size:12px;color:#787878;text-decoration:none;}
a:visited{font-size:12px;color:#787878;text-decoration:none;}
a:hover{font-size:12px;color:#787878;text-decoration:underline;}
#wrap {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
}
.bg1 { width: 100%; height: 5px; background-color:#e4e2e0; }
#header {
position:relative;
height: 78px;
width: 1004px;
margin-right: auto;
margin-left: auto;
}
#header .global_menu{position:relative;float:right; right: 0px; top:10px;overflow:hidden;padding-right:20px;}
#header .global_menu a{padding:0 3px 0 6px;margin-left:-1px;}
#logo {
 float:left;
 height: 80px;
 width: 230px;
}
#main_bar {width: 100%; background-color:#00b6e7; height: 30px;}
#main_nav {
position:relative; 
font-family: ³ª´®°íµñ, Nanum Gothic, ¸¼Àº°íµñ, µ¸¿ò, ±¼¸²Ã¼; 
width: 720px; 
height:40px;
top: 23px;
left: 28px;
float:left;
}
#main_nav>ul>li {
 float: left;
 display: block;
 height: 40px;
}
#main_nav>ul>li>a {
font-family: ³ª´®°íµñ, Nanum Gothic,¸¼Àº°íµñ, µ¸¿ò, ±¼¸²Ã¼; 
font-size:1.5em;
font-weight: bold; 
display: block;
width: 180px;
height: 40px;
line-height: 40px; 
text-align: center;
color: #fff;
}
#main_nav>ul>li:hover .selected , #main_nav>ul>li a:active{color: #ffb500;}
<-- #menu1:hover .selected, #menu2:hover .selected, #menu3:hover .selected, #menu4:hover .selected, #menu5:hover  .selected {
color: #ffb500;}  --> 
#main_nav>ul> li> ul> li {
float: left;
}
#main_nav>ul> li> ul> li> a {
display:none;
font-size: 1em;
float: left;
}
#main_nav>ul>li:hover .sub1 {
 display: block;
 float: left; 
 position: absolute; 
 top: 40px; left: 0px; 
}
#main_nav>ul>li:hover .sub2 {
 display: block;
 float: left; 
 position: absolute; 
 top: 40px; left: 210px; 
}
#main_nav>ul>li:hover .sub3 { 
 display: block;
 float: left; 
 position: absolute; 
 top: 40px; left: 400px; 
}
#main_nav>ul>li:hover .sub4 { 
 display: block;
 float: left; 
 position: absolute; 
 top: 40px; left: 530px; 
}
#main_nav>ul>li:hover .sub1 li, 
#main_nav>ul>li:hover .sub2 li, 
#main_nav>ul>li:hover .sub3 li, 
#main_nav>ul>li:hover .sub4 li, 
#main_nav>ul>li:hover .sub5 li {
float:left;
}
#main_nav ul li:hover .sub1 a, 
#main_nav ul li:hover .sub2 a, 
#main_nav ul li:hover .sub3 a, 
#main_nav ul li:hover .sub4 a, 
#main_nav ul li:hover .sub5 a{
display:block;
float: left;
text-decoration:none;
color: #fff;
padding: 10px;
}
#main_nav ul li:hover .sub1 a:hover, 
#main_nav ul li:hover .sub2 a:hover, 
#main_nav ul li:hover .sub3 a:hover, 
#main_nav ul li:hover .sub4 a:hover, 
#main_nav ul li:hover .sub5 a:hover{
display:block;
float: left;
text-decoration:none;
color: #fff;
font-weight: bold;
padding: 10px;
}
#sub_visual_inc {
position:relative;
width: 100%; 
background:url(../img/images/subbg.jpg) 0 0; 
}

#sub_visual {
 width: 1004px;
 height: 213px;
 margin:0 auto;
}


#content_inc{width:100%; height: 100%; }
#content_wrap{position:relative;width:1004px;padding:0;text-align:left;margin:0 auto; height: 100%;padding:1px;}
#content_wrap{*zoom:1;clear:both;}
#content_wrap:after{content:"";display:block;clear:both;}


.side_nav{float:left;text-align:left;width:231px;margin:0 0 0 0px;_display:inline; }
.side_nav h2{margin:0 0 0 0;border-bottom:3px solid #45abd7;height:130px;}
.side_nav{*zoom:1;clear:both;}
.side_nav:after{content:"";display:block;clear:both;}

.content{position:relative; width:740px;margin:0 0px 0 20px;padding:0 0 30px 0;margin-left: 260px; }
.content:after{content:"";display:block;clear:both;}


.content2{position:relative; width:1004px;margin:0 0px 0 20px;padding:0 0 30px 0;margin-left: 10px; }
.content2:after{content:"";display:block;clear:both;}


.history{font-size:11px;font-family:dotum;color:#999999;margin:27px 0 0 0;text-align:right; }
.history img{vertical-align:-1px;}
.history .current{display:inline-block;color:#666666;padding:0 0 0 8px;}

.history2{position:absolute; font-size:11px;font-family:dotum;color:#999999;top:30px; right:0px; text-align:right; }
.history2 img{vertical-align:-1px;}
.history2 .current{display:inline-block;color:#666666;padding:0 0 0 8px;}

.content h3{height:90px; margin-top: -20px; }
.content .whole_content{padding:20px 0 0 0; }
.content .whole_content2{padding:0px 0 0 0; }

.quick{float:left;margin:68px 0 0 19px; border:1px solid #f00;}
.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;font-family:dotum;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 300px; 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; }

#contentsArea2{outline:5px solid #f1f1f1; padding: 10px;margin-top:10px;}
.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; }

#leftmenu {
width: 230px;
margin: 0;
padding: 0;
float:left;
z-index: 999999;
}
#leftmenu{*zoom:1;clear:both;}
#leftmenu:after{content:"";display:block;clear:both;}
#leftmenu ul {
list-style-type: none;
float: left;
width: 230px;
margin: 0px;
padding: 0px;
}
#leftmenu ul li {
margin: 0px;
padding: 0px;
display:block; 
border-bottom:1px dashed #00b6e7;
margin:10px 0;
}
#leftmenu ul li a{
display:block; 
}

.banner {top:20px;}
.banner img{margin:100px 0 10px 0px;}


#bottom100 {
clear:both;

width:100%; 
height: 145px;
background-color: #ededed;
}
#btbar {
 background-color: #787878;
 height: 30px;
 width: 100%;
 margin:0 auto;
}
#bttxt {
 width: 1004px;
 height: 30px;
 margin: 0 auto;
}
#btbar #bttxt li {
 float: left;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 10px;
 line-height: 30px; 
}
#btbar #bttxt li  a{
color: #fff; 
text-decoration:none;
display:block;
padding: 0 10px 0 10px; 
}
#bottom {margin:0 auto; width: 1004px;  height: 114px;}
.addr {
 float: left;
}
.family_site {
position:relative; 
float: right; 
right: 30px;
top: 30px;
}

#main_visual_inc {
position:relative;
width: 100%; 
background:url(../img/images/mainbg.jpg) 0 0; 
}

#main_visual {
position:relative;
width: 1004px;
height: 349px;
margin:0 auto;
}

#main_left {
 float: left;
 width: 670px;
 height: 349px;
}
#main_right {
 float: left;
 height: 237px;
 width: 334px;
}

.banner3 { float: left;}


#mid_con100 {
width: 100%;
height: 100%;
background-color:#2fb6ee;
}
#mid_con100 {*zoom:1;clear:both;}
#mid_con100:after{content:"";display:block;clear:both;}
#mid_con {
position:relative; 
width: 1004px;
height:100%;
margin:0 auto; 
padding: 10px 0 10px 0;
}
#mid_con {*zoom:1;clear:both;}
#mid_con:after{content:"";display:block;clear:both;}

#mid_con1, #mid_con2 {
position:relative; 
float: left;
height: 246px;
width: 335px;
}
#mid_con3 {
position:relative; 
float: right;
height: 246px;
width: 334px;
}

.table_caption.tab { border-bottom: 2px solid #fff;}

.collapse{padding-bottom: 10px; }