@charset "euc-kr";
/* CSS Document */

@import "base.css";
@import "common.css";
@import "page.css";


.sub_bg {position:relative; margin:0 auto; width:1000px; background:url(../images/sub/sub_bg.jpg) 50% 0 no-repeat;}
.sub_slogan {margin-top:10px; height:170px; background:url(../images/sub/top_image.jpg) 50% 0 no-repeat;}

/* ÆÄƼ¼Ç */
#subLeft {clear:both; float:left; padding:20px 50px 30px 0; width:180px;}
#subRight {float:left; padding:20px 0 30px 0; width:770px;}


/**************************************** ÁÂÃø ****************************************/
.lnb_tit {padding-top:10px; height:60px; color:#147ad2; font-weight:600; font-size:25px; line-height:25px; background:url(../images/sub/lnb_tit_bg.gif) 0 0 no-repeat;}
.lnb_tit span {display:block; padding-top:2px; color:#9e9e9e; font-weight:600; font-size:13px; line-height:13px}

.lnb {float:left; padding-bottom:50px; width:200px;}
.lnb li {float:left; display:block; width:180px; background:#fff;}
.lnb li a {display:block; padding:11px 14px 0 14px; height:24px; color:#666; font-size:12px; font-family:'dotum'; background:url(../images/sub/lnb_menu_off.png) no-repeat; background-position:0 -35px;}
.lnb li a:hover {font-weight:600;}
.lnb li a.selected {color:#fff; font-weight:600; background:url(../images/sub/lnb_menu_on.png) no-repeat; background-position:0 -35px;}
.lnb li.start a {background-position:0 0;}
.lnb li.start a:selected {background-position:0 -70px;}
.lnb li.end a {background-position:0 -70px;}
.lnb li.end a:selected {background-position:0 -70px;}
.lnb li ul {overflow:hidden; padding:10px 0; background:#efefef;}
.lnb li ul li {border-bottom:none; font-size:0.857em;}
.lnb li ul li a {padding:5px 10px 5px 24px; color:#787878; background:url(../images/sub/lnb_s_bu.png) 14px 50% no-repeat;}

.customer {clear:both; float:left; width:180px;}
.cs_tel {margin-bottom:3px; padding-left:46px; color:#323232; font-weight:600; font-size:18px; background:url(../images/main/ico_tel.gif) 0 0 no-repeat;}
.cs_tel p {padding-bottom:8px;}
.i_time {margin-bottom:8px; color:#989898; font-family:'arial';}
.cs_bank {color:#3e3e3e;}
.cs_bank p {padding-bottom:6px;}
.i_bank {color:#090; font-weight:600; font-size:16px; text-decoration:underline;}
.i_bank span {color:#024eaa; font-size:12px;}


/**************************************** º»¹® ****************************************/
.page_tit {padding-top:10px;}
.page_tit p.location {float:right; display:block; padding-top:9px; color:#9e9e9e; font-size:11px; font-family:'dotum';}
.page_tit p.location span {font-weight:600;}
.page_tit h3 {padding:0 0 34px 12px; color:#3c3e40; font-weight:600; font-size:25px; line-height:25px; background:url(../images/sub/pg_tit_ico.png) 0 0 no-repeat;}

.content {clear:both; width:770px; line-height:150%; min-height:320px; color:#5a5a5a; font-family:'dotum';}
.content p {padding-bottom:20px;}
.content h4 {clear:both; margin-bottom:4px; padding:4px 0 4px 20px; color:#222; font-weight:600; font-size:16px; font-family:'NanumGothic'; background:url(../images/sub/h4_ico.png) 0 50% no-repeat;}
.content h5 {clear:both; margin-bottom:2px; padding:4px 0 4px 18px; color:#2664d8; font-weight:600; font-size:12px; background:url(../images/sub/h5_ico.gif) 0 6px no-repeat;}
.content h6 {clear:both; padding:4px 0; color:#333; font-weight:600; font-size:1em;}

/* ¸®½ºÆ® */
ul.uls {margin-bottom:20px;}
ul.uls li {padding-left:10px; background:url(../images/sub/uls_bu.gif) 0 6px no-repeat;}
ol.ols {margin-bottom:20px; margin-left:16px; padding-left:16px; list-style:outside;}
ol.ols li {list-style-type:decimal;}
ol.ols li ol li {list-style-type:disc;}

/* ÅÇ */
.tab_area {padding:0 0 20px 0;}
.tab {clear:both; position:relative; padding:0; width:100%; background:url(../images/sub/tab_bg_line.gif) 0 100% repeat-x;}
.tab li {display:inline;}
.tab a {float:left; padding:4px 18px 4px 18px; border:1px solid #cacaca; border-radius:2px 2px 0 0; text-align:center; font-size:1.083em; background:url(../images/sub/tab_menu_off.png) #f2f2f2 0 0 repeat-x;}
.tab a:hover {color:#50a046;}
.tab a.active {padding:3px 18px 5px 18px; border-color:#cacaca; border-top:2px solid #50a046; border-bottom:none; color:#000; background:#fff;}
.tab:after {content:""; clear:both; visibility:hidden; overflow:hidden; display:block; height:0;}
*:first-child+html ul.tabs {min-height:1px;} /* IE 7¸¦ À§ÇÑ ±ÔÄ¢ */

/* Å×À̺í */
.tbl {clear:both; margin-bottom:20px; border-top:2px solid #0290da; border-left:1px solid #dadada;}
.tbl caption {line-height:0;}
.tbl th, .tbl td {padding:6px 9px; border-bottom:1px solid #dadada; line-height:130%;}
.tbl thead th {background:url(../images/sub/tbl_th.png) 0 100% repeat-x;}
.tbl tbody th {font-weight:normal; white-space:nowrap; text-align:left; background-color:#e2fee8;}
.tbl td {border-left:1px solid #dadada; color:#666;}

.tbY {margin-bottom:20px; border-top:2px solid #656565; border-left:1px solid #e0e0e0;}
.tbY caption {line-height:0;}
.tbY th, .tbY td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbY th {color:#265268; padding:6px 7px 3px 7px; background:#f7f7f7;font-weight:normal;}
.tbY td {padding:6px 6px 3px 6px;text-align:left;}
.tbY .spc {color:#565656; background:#f2f2f2;}
.tbY .algL {text-align:left;}

/* ±âŸ */
.bt_top {clear:both; border-top:1px dotted #dadada; text-align:right;}

.bx1 {margin-bottom:20px; padding:17px; border:1px double #dedede; border-top:2px solid #30a4de; background:#fff;}
.bx2 {margin-bottom:20px; padding:17px; border:3px double #d0d8de; background:#fff;}

.content .nc {margin-bottom:0; padding-bottom:0;}

.agreetext {margin:10px 0 10px 0; border:1px solid #cdcdcd; padding:10px; overflow-y:scroll;}
.agreetext1 {border:1px solid #cdcdcd; padding:1px;}