@charset "utf-8";
/* CSS Document */


/* contents 내용 */
#content_wrap {width:640px; margin-left:30px; padding-top:0px; padding-bottom:40px; }
.content0,
.content1,
.content2,
.content3,
.content4,
.content5,
.content6{overflow:hidden; width:640px; padding:10px 0px 10px 0px; margin-top:0px;}

.contents_bar{ border-top:#ececec 5px solid; text-align:right; width:640px; padding:5px 0px 30px 0px; margin-top:10px;  font-size:11px; }

h1{float:left; border-bottom:dotted #888 1px; padding-bottom:30px; width:700px; margin-top:10px;}

.content1 h2{float:left;  color:#006f87; font-weight:bold; font-size:15px; font-family: "맑은 고딕"; word-spacing:0.1em;  }

.content1 dl{float:right; width:440px; position:relative; }
.content1 dl dt{padding-bottom:10px; line-height:20px; color:#666; }
.content1 dl dt dd{padding-bottom:20px; line-height:20px; color:#666; }

.content1 ul.title{ padding-left:220px; text-align:center; font-size:13px; color:#fff; line-height:21px; float:left;}
.content1 ul.title li{ position:relative; background:url(../img/1_intro_bt.gif) repeat-y; height:30px; width:103px; padding-bottom:5px; font-family:NanumGothic, ngwoff, ngeot; }

.content1 ul.list{ padding-left:330px;  font-size:12px; color:#666; line-height:20px; float: inherit; }
.content1 ul.list li{ position:relative; width:300px; margin-bottom:5px; padding-bottom:10px; padding-top:2px; }

.content1 ul.space { padding-top:10px;}
.content1 ul li.position{ margin-left:200px; color:#fff;}
.content1 ul li span.blank{background-color:#f7f7f7; width:440px; display:block;}
.content1 ul li span.blank_2{background-color:#fff; display:block;}
.content1 ul li span.color_1{ background-color:#888; color:#fff; font-weight:bold;}
.content1 ul li span.color_2{ background-color:#00acde; color:#fff; font-weight:bold;}
.content1 ul li span.color_3{ background-color:#006f87; color:#fff; padding:2px 0px 2px 0px; font-family: NanumGothic, ngwoff, ngeot; font-weight:bold;}
.content1 ul li p.text{ margin-left:70px; color:#666; margin-bottom:20px; line-height:20px;}
.content1 ul li p.text_2{ color:#666; margin-bottom:20px; line-height:150%; font-size:11px;}


/*intro_5_table*/
.tableWrap table{width:440px; border-top:1px solid #a8a8a8; margin-top:0px; float:right; margin-bottom:10px;}
.tableWrap table tbody th{text-align:center;vertical-align:top; padding-top:10px; border-bottom: 1px solid #a8a8a8; padding-bottom:10px; font-weight:bold; background:#ededed;}
.tableWrap table tbody th.st{text-align:left;vertical-align:middle; padding-top:5px; border-bottom: 1px solid #d0d0d0; padding-bottom:5px; font-weight:bold; background:#ededed; font-size:11px; line-height:120%; padding-left:25px; }
.tableWrap table tbody th.last{border-bottom: 1px solid #f5f5f5;}
.tableWrap table tbody td{border-bottom: 1px solid #d9d9d9; padding:5px 5px 5px 5px; text-align:left; font-size:11px;vertical-align:middle;}
.tableWrap table tbody td li{line-height:170%;  text-align:center; }
.tableWrap table tbody td.tit{background:#f5f5f5; font-weight:bold;  vertical-align:middle; padding-top:13px; text-align:center; word-spacing:1px;}
.tableWrap table tbody td.tit_2{background:#f5f5f5; font-weight:bold;  vertical-align:middle; padding-top:13px; text-align:center; word-spacing:1px; font-size:12px; border-bottom: 1px solid #d0d0d0; color:#006f87;}
.tableWrap table tbody td.tit_2 ul li{; color:#006f87;}
.tableWrap table tbody td.re{background:#f5f5f5; line-height:170%; text-align:center; word-spacing:1px;}
.tableWrap table tbody td.st ul li{line-height:120%; text-align:left; word-spacing:1px; font-size:11px; padding-left:20px;}
.tableWrap table tbody td.line{border-bottom: 1px solid #a8a8a8;}
em.text_normal{ font-weight:normal;}
em.text_small{ font-size:11px; word-spacing:-1px; line-height:13px;}
/*p.text_bold{ font-weight:bold;}*/
em.text_color{ color:#888; word-spacing:-1px;}



/*sitemap*/
.sitemap_wrap { margin-left:20px;}
.sitemap_list { width:185px; float:left; margin-right:20px; }
.sitemap_list ul {}
.sitemap_list ul img {}
.sitemap_list ul li { font-size:12px; color:#777; padding:5px 0px 5px 15px; line-height:20px;list-style-image:url(../img/bullet.gif); list-style-position:inside; border-bottom:1px solid #ececec; list-style-type:none;}
.sitemap_list ul li.cell{ background-color:#c5c5c5; color:#fff; font-family:"나눔고딕"; font-size:14px; font-weight:bold;}
.sitemap_list ul ul { padding-top:5px; line-height:15px; padding-left:30px; padding-bottom:5px;}
.sitemap_list ul ul li { font-size:11px; padding-left:2px; list-style:none; border-bottom:0px; padding:0px 0 0px 0; }
.sitemap_list ul ul li a{ color:#999;}
.sitemap_list a { color:#777; font-family:"나눔고딕";}
.sitemap_list a:hover {color: #19b5e0; text-decoration: none; }



/*tab*/
#tab1 {
font: 100% "나눔고딕";
background-color: #fff;
}

/* begin css tabs */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0em 0 0em 0; /* set margins as desired */
font: bold 11px "나눔고딕"; /* set font as desired */
border-bottom: 1px solid #ececec; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

#tab1 li.tab1, #tab2 li.tab2, #tab3 li.tab3, #tab4 li.tab4, #tab5 li.tab5, #tab6 li.tab6 { /* settings for selected tab */
border-bottom: 1px solid #ececec; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

#tab1 li.tab1 a, #tab2 li.tab2 a, #tab3 li.tab3 a, #tab4 li.tab4 a, #tab5 li.tab5 a, #tab6 li.tab6 a  { /* settings for selected tab link */
background-color: #ececec; /* set selected tab background color as desired */
color: #006f87; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ececec; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #fff; /* set unselected tab background color as desired */
color: #006f87; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #ececec; /* set desired hover color */
}