@import "base.css";
@import "common.css";
@import "page.css";
@import "../cssbtn/css/btns.css";

/* ÆÄÆ¼¼Ç */
#subLeft {clear:both; float:left; padding:0 0 30px 0; width:240px;}
#subRight {float:left; padding:0; width:760px;}

.sub_slogan {height:210px;}
.bg1 {background:url(../images/sub/sub_slogan01.jpg) 50% 0 no-repeat;}
.bg2 {background:url(../images/sub/sub_slogan01.jpg) 50% 0 no-repeat;}
.bg3 {background:url(../images/sub/sub_slogan01.jpg) 50% 0 no-repeat;}
.bg4 {background:url(../images/sub/sub_slogan01.jpg) 50% 0 no-repeat;}
.bg5 {background:url(../images/sub/sub_slogan01.jpg) 50% 0 no-repeat;}


/**************************************** ÁÂÃø ****************************************/
.menuT {padding:20px 0 10px 14px; width:176px; height:34px; font-weight:600; font-size:24px; background:url(../images/sub/menu_tit.png) 0 100% repeat-x;}
.tit1 {color:#1a7d80;}
.tit2 {color:#6da706;}
.tit3 {color:#dd8219;}
.tit4 {color:#f34b19;}

.lnb {float:left; padding:10px 0 30px 0; width:190px;}
.lnb li {float:left; display:block; border-bottom:1px solid #dedede; width:190px; font-size:13px;}
.lnb li a {display:block; padding:8px 10px 8px 14px; color:#5a5a5a; background:url(../images/sub/lnb_off.png) 0 0 no-repeat;}
.list1 li a:hover {color:#3aa6a8;}
.list2 li a:hover {color:#98c612;}
.list3 li a:hover {color:#eaaa38;}
.list4 li a:hover {color:#f87838;}
.list5 li a:hover {color:#7a7a7a;}
.lnb li a.selected {color:#fff;}
.list1 li a.selected {background:url(../images/sub/lnb_on.png) #3aa6a8 no-repeat;}
.list2 li a.selected {background:url(../images/sub/lnb_on.png) #98c612 no-repeat;}
.list3 li a.selected {background:url(../images/sub/lnb_on.png) #eaaa38 no-repeat;}
.list4 li a.selected {background:url(../images/sub/lnb_on.png) #f87838 no-repeat;}
.list5 li a.selected {background:url(../images/sub/lnb_on.png) #7a7a7a no-repeat;}

.lnb li ul {overflow:hidden; padding:10px 0; background:#efefef;}
.lnb li ul li {border-bottom:none; font-size:12px;}
.lnb li ul li a {padding:5px 10px 5px 24px; color:#787878; background:url(../images/sub/lnb_s_bu.png) 14px 50% no-repeat;}


/**************************************** º»¹® ****************************************/
.page_tit {padding:20px 0 10px 0; width:760px;}
.page_tit h3 {padding-bottom:14px; color:#323232; font-weight:600; font-size:24px;}
.location {float:right; display:block; position:relative; top:9px; vertical-align:top; text-align:right; color:#aaa; font-size:11px; line-height:20px;}
.location img {vertical-align:middle;}

.content {clear:both; float:left; width:760px; font-size:13px; line-height:150%;}
.content p {padding-bottom:16px;}
.content h4 {clear:both; margin-bottom:4px; padding:4px 0 4px 22px; color:#333; font-weight:600; font-size:15px;}
.page1 h4 {background:url(../images/sub/h4_ico1.png) 0 56% no-repeat;}
.page2 h4 {background:url(../images/sub/h4_ico2.png) 0 56% no-repeat;}
.page3 h4 {background:url(../images/sub/h4_ico3.png) 0 56% no-repeat;}
.page4 h4 {background:url(../images/sub/h4_ico4.png) 0 56% no-repeat;}
.page5 h4 {background:url(../images/sub/h4_ico5.png) 0 56% no-repeat;}
.content h5 {clear:both; margin-bottom:2px; padding:4px 0 4px 20px; color:#333; font-weight:600; font-size:13px; background:url(../images/sub/h5_ico.gif) 0 50% no-repeat;}
.content h6 {clear:both; padding:4px 0 4px 0; font-weight:600; font-size:13px;}

/* ¸®½ºÆ® */
ul.uls, ol.ols {margin-bottom:16px; margin-left:10px; padding-left:10px; list-style:outside;}
ul.uls li {list-style-type:disc;}
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/tabs_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:13px; background:#f2f2f2;}
.tab a:hover {color:#000;}
.tab a.active {padding:3px 18px 5px 18px; border-color:#cacaca; border-top:2px solid #be0c0e; border-bottom:none; color:#000; background:#fff;}
.c01 a.active {border-top-color:#3aa8a8;}
.c02 a.active {border-top-color:#98c612;}
.c03 a.active {border-top-color:#eaaa38;}
.c04 a.active {border-top-color:#f87838;}
.c05 a.active {border-top-color:#7a7a7a;}
.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:1px solid #98c612; border-left:1px solid #dadada; font-size:12px;}
.tbl caption {line-height:0;}
.tbl th, .tbl td {padding:6px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; line-height:130%;}
.tbl thead th {color:#5a660a; background-color:#f0f6ea;}
.tbl tbody th {font-weight:normal; white-space:nowrap; text-align:left; background-color:#fafee2;}
.tbl td {color:#666;}

p.stit2 {margin-bottom:10px; padding:4px 14px 5px 30px; border:1px solid #98c612; border-radius:4px; color:#5a9600; font-weight:600; font-size:14px; background:url(../images/sub/stit.png) 14px 50% no-repeat;}