* {padding:0;margin:0;}
body { overflow-y:scroll; /*background:#ffffff;*/}
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%; position:relative; test-align:center; /*background:url(../img/ctn/sub_bg.jpg) no-repeat top center;*/ }

#gnb { position:relative; width:1002px; height:57px; /*background:#ffffff;*/ /*background:url(../img/main_common/gnb_bg.gif) no-repeat top center;*/  /*border-bottom:1px solid #000000;  background:#e7e8d9;*/ margin:0 auto; /*position:absolute; right:69px; top:20px;*/}


#gnb li.fir { padding-left:10px;}
#gnb li.gnb_last { border-right:none;}

#gnb ul.home { position:absolute; float:right; top:18px; left:0px;}
#gnb ul.home li {float:left;width:100%;margin-right:1px; }
#gnb ul.home li a {display:block;width:100px;padding: 5px 0px 5px 0px; font-size:11px; font-weight:bold; background:#f5f5f5;color:#ffffff;text-align:center;text-decoration:none}
#gnb ul.home li.txt { background:#ffffff; color:#503719; }

#gnb .tab { position:absolute; top:18px; right:0px; /*width:100% */}
#gnb .tab li{float:left;width:70px;margin-right:2px; }
#gnb .tab li a{display:block;width:70px;padding: 5px 0px 5px 0px; font-size:11px; font-weight:bold; background:#f5f5f5;color:#7f7f7f;text-align:center;text-decoration:none}
#gnb .tab li.end {width:82px;}
#gnb .tab li.end a {width:82px;}
#gnb .tab li.home a { background:#ffffff; color:#503719; }


#toparea { position:relative; width:1002px; height:106px; margin:0 auto;  /* background:#eaeeea; margin-bottom:11px;*/}
#toparea .logo { position:absolute; left:0px; top:0px; /*margin:24px 748px 0px 0px;*/ }
#toparea .phone { position:absolute; right:176px; top:69px; /*margin:24px 748px 0px 0px;*/ }
#toparea .online { position:absolute; right:0px; top:69px; /*margin:24px 748px 0px 0px;*/ }








/* navigation */
#nav { position:absolute; top:69px; left:0px; width:600px; height:37px;  /*background:#dce7e7;*/ color:#fff; /*text-shadow:1px 1px #888;*/ z-index:1000}
.menu a {float:left;color:#382310; font-size:14px; font-weight:bold; text-decoration:none; /*width:243px; height:29px;*/ padding-top:0px}
.menu span {float:left; color:#eee; text-decoration:none; width:150px; height:37px; padding-top:10px}
.menu a:hover {color:#ffffff}
.menu {list-style:none;  font:16px Arial,Verdana; text-align:center; width:1002px; margin:0 auto}
.menu li {position:relative; float:left; /* width:243px; margin-right:10px;*/ background:#9ad242; font-weight:bold; /*border-right:1px solid #fff;*/ z-index:1000}
.menu li.fir {border-left:1px solid #fff;}
.menu ul {display:none; position:absolute; font-size:11px; font:normal 11px Arial,Verdana; top:37px; left:0px; background:#000; display:none; list-style:none}
.menu ul li {float:none; border-top:1px solid #f2f2f2; width:150px; }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:#ababab; color:#ffffff; font-size:11px; height:24px; padding-top:5px}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#e10596; color:#ffffff}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul ul {left:150px; top:0}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:#ffffff; background:#6201a7}
li.menuhover span, li.menuhover li.menuhover span {color:#000; background:#62787c}
.menu li.end { margin-right:0px;}
/* navigation */


#footer  { width:1002px; height:117px; margin:0 auto; padding-top:14px; padding-bottom:100px;  }


/* sub css */
#sub_visual { width:1002px; height:219px; padding:0 0 0 0; margin:0 auto; text-align:left; }
#sub_visual img { padding-left:0px; }

#page_ctn {  position:relative;clear:both;*zoom:1; width:1002px; min-height:100%; margin:0 auto; background:#ffffff;  }
#page_ctn:after{display:block;clear:both;content:""}


#page_ctn .side { float:left; width:194px; /*padding-left:18px; border-top:3px solid #8cc3c5;*/ }
#page_ctn .side p.side_title { width:194px; padding:16px 0;}
.side_center { padding-top:40px;}

#page_ctn .ctnarea { float:right; width:721px; padding-bottom:22px; background:#ffffff; /* padding-right:18px; border-top:3px solid #e1ded0;*/ }
.ctn_top { position:relative; width:721px;}
.ctna_title { text-align:left; padding:16px 0; }
.path { position:absolute; right:0px; top:68px; }
.path li { float:left; font-size:11px; color:#919ea4;   }
.path li.home { padding-right:8px; }
.path li strong { font-weight:bold; color:#66757b; }


.content_footer {vertical-align:top;}
.content_footer .footer_logo{position:relative;top:18px;}
.content_footer .personal_link{position:relative;top:-22px;left:149px;}
.content_footer .address{position:relative;top:-11px;left:149px;}
.content_footer .family_site{position:absolute;right:0;margin:-55px 0 0 0;cursor:pointer;}
.content_footer .famliy_site_link{display:none;position:absolute;right:0;margin:-36px 0 0 0;width:126px;height:50px;border:1px solid #efefef;overflow-x:hidden;overflow-y:scroll;}
.content_footer .famliy_site_link a{display:inline-block;width:116px;text-decoration:none;padding:3px 0 0 10px;font-size:11px;font-family:dotum;}
.content_footer .famliy_site_link a:hover{background:#dedede;}
.content_footer .famliy_site_link{scrollbar-3dlight-color:#b4b4b4;scrollbar-arrow-color:#333333;scrollbar-base-color:#eeeeee;scrollbar-darkshadow-color:#ffffff;scrollbar-face-color:#eeeeee;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#b4b4b4;}

.banner{padding:20px 0 0 0;}
.banner img{margin-bottom:10px;}

.content{float:left;width:696px;margin:0 10px 0 0px;padding:0 0 0px 0;}

.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;}

.content h3{margin:0;height:43px;}
.content .whole_content{padding:40px 0 0 0;}

.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;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 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 h3 { font:35px Arial,Verdana; font-weight:bold; line-height:40px;}
.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; }


/* LNB */
.menu_v{position:relative;width:211px;font-size:12px;font-family:Tahoma, Geneva, sans-serif;line-height:normal; margin-top:20px;}
.menu_v ul{margin:0;padding:0;list-style:none}
.menu_v li{position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1}
.menu_v li a{display:block;position:relative;padding:8px 10px;color:#666;font-weight:bold;text-decoration:none;background:#fafafa;border:1px solid #eee;*zoom:1}
.menu_v li a .i{position:absolute;top:50%;left:100%;width:8px;height:8px;margin:-4px 0 0 -16px;color:#ccc;background:url(img/ico_sub.gif) no-repeat left top}
.menu_v li ul{padding:5px 0;background:#fff}
.menu_v li li{margin:0}
.menu_v li li a{padding:5px 10px;border:0;background:#fff;font-weight:normal}
.menu_v li li a span{color:#666}
.menu_v li.active{z-index:2;border:1px solid #ccc}
.menu_v li li.active{border:0}
.menu_v li.active a{border:0;color:#000}
.menu_v li.active .i{background-position:0 -44px}
.menu_v li.active li a{border:0}
.menu_v li.active ul{display:block;border-top:1px solid #eee}
.menu_v li.active li.active a span{font-weight:bold;color:#13b200;letter-spacing:-1px}
/* //LNB */

/* LNB 2 */

.lnb_v{position:relative; width:194px;  margin-top:15px;}
.lnb_v li{margin-bottom:3px}
.lnb_v li a{display:block;width:184px;padding:7px 0 7px 10px; background:#a9a9a9;color:#ffffff;text-align:left;text-decoration:none}
.lnb_v li .sub{display:none;margin-left:5px}
.lnb_v li .sub li{padding:10px 0}
.lnb_v li .sub li a{display:inline;padding:0;background:none;color:#000000;text-align:left}
/* //LNB 2 */