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

* {padding:0; margin:0;}
@font-face{
font-family:"NanumBarunGothic";
src:url('NanumBarunGothic.eot');
src:url('NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
url('NanumBarunGothic.woff') format('woff'),
url('NanumBarunGothic.ttf') format('truetype');

url('NanumBarunGothic.svg#NanumBarunGothic') format('svg')
src:local(※), url('NanumBarunGothic.woff') format('woff');
}

html {overflow-y:scroll;}
body { background:#FFFFFF}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-style:normal;font-weight:normal; font-family:'NanumBarunGothic', 'gulim';}

@font-face { font-family:'NanumBarunGothic', 'gulim'; }
a:link {font-family: 'NanumBarunGothic', 'gulim';text-decoration:none; }
a:visited {font-family: 'NanumBarunGothic', 'gulim';}
a:hover {font-family: 'NanumBarunGothic', 'gulim';}
a:active {font-family: 'NanumBarunGothic', 'gulim';}

img, fieldset {border:none; vertical-align:top;}
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0;}
iframe {border:none;border-collapse:collapse;}
ul,ol{list-style:none;margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;font-family: 'NanumBarunGothic', 'gulim'; }

/* HEADER */
.wrap{position:relative; width:100%;height:100%; min-width:1200px;}
#header_area{position:absolute; top:0; left:0;  overflow:hidden; width:100%; height:154px; padding:0; z-index:2;  background: url("../imgs/top_bg.png") repeat-x left top;}
.header {position:relative; width:1200px; margin:0 auto; padding:4px 0 0 0; text-align:center;}
.header h1 {text-align:center;}
.top_menu:after { content:""; display:block; clear:both; }
.top_menu>ul {overflow:hidden;background:url(../imgs/top_menu_line.gif) no-repeat left 20px;}
.top_menu>ul>li {float:left; width:200px; text-align:center; background:url(../imgs/top_menu_line.gif) no-repeat right 20px; line-height:62px;}
.top_menu>ul>li h2 a {font-size:16px; color:#343434;}
.top_menu>ul>li h2 a:hover, .top_menu>ul>li.on h2 a {color:#16773a}

.sub_menu {height:230px; padding:25px 0 0 0; border-left:1px solid #535353;}
.gnb06 .sub_menu {border-right:1px solid #535353}
.sub_menu li {margin:0; vertical-align:top; line-height:34px;}
.sub_menu li a {overflow:hidden;display:inline-block; width:100%; text-align:center; padding:0; font-size:14px;  color:#FFFFFF; vertical-align:top; }
.sub_menu li a:hover, .sub_menu li a.on {color:#CCCCCC; }

/* MAIN */
.main_content_area { float:left; width:100%; margin:154px 0 0;}
.main_content_area:after{display:block;clear:both;content:'';}
.main_visual { position:relative; width:1200px; margin:0 auto; padding-top:30px;}
.main_visual:after{display:block;clear:both;content:'';}

/* main visual START*/
.scrollable {float:left; position:relative;	overflow:hidden; width:940px; height:300px;}
.scrollable .items {width:20000em;position:absolute;clear:both;}
.items div {	float:left;	width:940px;}
.scrollable img {float:left;margin:0;padding:0;	width:940px;height:300px;}
.navi { position:absolute; top:300px; left:9px; width:150px; height:28px; z-index:900;}
.navi a {width:10px; height:10px;	display:block;	font-size:1px;	margin-right:6px; float:left;}
.navi .l01 {width:10px; height:10px; background:url("../imgs/main_num01.png") no-repeat left top;}
.navi .l02 {width:10px; height:10px; background:url("../imgs/main_num01.png") no-repeat left top;}
.navi .l03 {width:10px; height:10px; background:url("../imgs/main_num01.png") no-repeat left top;}
.navi .l04 {width:10px; height:10px; background:url("../imgs/main_num01.png") no-repeat left top;}
.navi .l05 {width:10px; height:10px; background:url("../imgs/main_num01.png") no-repeat left top;}
.navi .l06 {width:10px; height:10px; background:url("../imgs/main_num01.png") no-repeat left top;}
.navi .l01:hover {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l02:hover {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l03:hover {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l04:hover {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l05:hover {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l06:hover {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l01.active {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l02.active {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l03.active {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l04.active {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l05.active {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}
.navi .l06.active {	width:10px; height:10px; background:url("../imgs/main_num01_.png") no-repeat left top;}

.main_vbanner {margin-left:21px; float:left;}

.main_content {width:1100px; padding:40px 50px 50px 50px; margin:0 auto; background:url(../imgs/main_con_bg.gif) repeat-y 0 0; overflow:hidden;}
.main_content:after{display:block;clear:both;content:'';}
.main_content>ul {width:1200px; overflow:hidden;}
.main_content>ul>li {float:left; width:525px; height: 270px; margin-right:50px;}
.main_content>ul>li h3 {position:relative; border-bottom:1px solid #93cac9; text-align:center; line-height:44px; font-size:16px; font-weight:bold; color:#3b7270;}
.main_content>ul>li h3 a {position:absolute; top:0; right:0;}
.h301 {background:#c7e6e5 url(../imgs/main_icon01.gif) no-repeat 0 0;}
.h302 {background:#c7e6e5 url(../imgs/main_icon02.gif) no-repeat 0 0;}
.h303 {background:#c7e6e5 url(../imgs/main_icon03.gif) no-repeat 0 0;}
.h304 {background:#c7e6e5 url(../imgs/main_icon04.gif) no-repeat 0 0;}

.main_list { margin:25px 0 50px 0;}
.main_list li {margin:0; vertical-align:top; line-height:30px; padding-left:20px; background:url(../imgs/main_dot.gif) no-repeat 10px 12px; font-size:14px;}
.main_list li a {color:#3b7270;}
.main_list2 { margin:25px 0 50px 10px;}
.main_list2 img {float:left;}
.main_list2 dl {float:left; margin-left:10px; width:364px; font-size:14px; line-height:27px;}
.main_list2 dt {font-weight:bold;}
.main_list2 a {color:#3b7270;}
.main_list3 {margin:25px 0 50px 0;}
.main_list3 .subject {margin:0; vertical-align:top; line-height:30px; padding-left:20px; background:url(../imgs/main_dot.gif) no-repeat 10px 12px; font-size:14px;}
.main_list3 .subject a {color:#3b7270;}
.main_list3 .date {color:#3b7270;  font-size:14px; width:100px; text-align:center;}

/* SUB */
.sub_content_area { float:left; width:100%; margin:154px 0 0;}
.sub_content_area:after{display:block;clear:both;content:'';}
.sub_visual {width:1200px; margin:0 auto; padding-top:30px;}
.sub_content {width:1200px; padding:20px 0 100px 0; margin:0 auto; background:url(../imgs/sub_body_bg.gif) repeat-y 0 0; overflow:hidden;}
.sub_content:after {display:block;clear:both;content:'';}
.sub_left_menu { float:left; width:235px; padding:0 50px;}
.sub_left_menu .h201 { height:70px; font-size:16px; color:#FFFFFF; line-height:70px; background:#448984 url(../imgs/sub_menu_bg01.png) no-repeat 20px 24px; padding-left:58px;}
.sub_left_menu .h202 { height:70px; font-size:16px; color:#FFFFFF; line-height:70px; background:#448984 url(../imgs/sub_menu_bg02.png) no-repeat 20px 24px; padding-left:58px;}
.sub_left_menu .h203 { height:70px; font-size:16px; color:#FFFFFF; line-height:70px; background:#448984 url(../imgs/sub_menu_bg03.png) no-repeat 20px 24px; padding-left:58px;}
.sub_left_menu .h204 { height:70px; font-size:16px; color:#FFFFFF; line-height:70px; background:#448984 url(../imgs/sub_menu_bg04.png) no-repeat 20px 24px; padding-left:58px;}
.sub_left_menu .h205 { height:70px; font-size:16px; color:#FFFFFF; line-height:70px; background:#448984 url(../imgs/sub_menu_bg05.png) no-repeat 20px 24px; padding-left:58px;}
.sub_left_menu .h206 { height:70px; font-size:16px; color:#FFFFFF; line-height:70px; background:#448984 url(../imgs/sub_menu_bg06.png) no-repeat 20px 24px; padding-left:58px;}
.sub_left_menu li { font-size:14px; line-height:50px; border-bottom:1px solid #e5e5e5; padding-left:20px;}
.sub_left_menu li a { color:#448984;}
.sub_left_menu li a:hover, .sub_left_menu li a.on { color:#333333; font-weight:bold;}
.sub_right_area {float:left; width:765px; padding:0 50px;}
.sub_right_title { clear:both; position:relative; height:44px; border-bottom:1px solid #999999; background:url(../imgs/sub_title_bg.gif) no-repeat 0 0;}
.sub_right_title h3 { font-size:25px; color:#333333; padding-left:30px;}
.sub_right_title span { position:absolute; top:7px; right:0; font-size:12px; color:#7e7e7e;}
.sub_right_body { padding-top:40px;}

.s01_01_copy {background:url(../imgs/sub01_01_bg.jpg) no-repeat 0 0; padding:30px 20px;}
.s01_01_txt01 { font-size:16px; line-height:26px; color:#333333;}
.s01_01_txt02 { font-size:16px; line-height:23px; color:#333333; text-align:right; padding-top:30px;}
.s01_02_hcopy { font-size:25px; color:#62c1ba; line-height:35px; font-weight:200; background:url(../imgs/sub01_01_bg.gif) no-repeat top right; height:140px;}
.s01_02_hcopy span { color:#333333;}
.s01_02_copy {background:url(../imgs/sub01_02_bg.jpg) no-repeat 0 0; padding:20px;}
.s01_02_copy_box {border:3px solid #00b1af; padding:30px;}
.s01_02_txt01 { font-size:24px; line-height:23px; color:#1BA5A3;}
.s01_02_txt02 { font-size:16px; line-height:26px; color:#333333; text-align:left; padding-top:40px;}
.s01_02_txt03 { font-size:16px; line-height:26px; color:#333333; text-align:center; padding-top:30px;}

.s02_01_copy {background:url(../imgs/sub02_01_bg.jpg) no-repeat 0 0; margin-top:-40px;}
.s02_01_txt01 { font-size:16px; line-height:26px; color:#333333; padding:130px 20px 20px 20px;}
.s02_01_txt02 { padding:0 20px;}
.s02_01_txt02 li { font-size:16px; line-height:26px; color:#333333; padding:0 0 20px 20px; background:url(../imgs/sub02_01_bg2.jpg) no-repeat 0 5px;}
.s02_02_copy {background:url(../imgs/sub02_02_bg.jpg) no-repeat 0 0; margin-top:-40px;}
.s02_02_txt01 { padding:130px 20px 20px 20px;}
.s02_02_txt01 li { font-size:16px; line-height:26px; color:#333333; padding:0 0 20px 20px; background:url(../imgs/sub02_01_bg2.jpg) no-repeat 0 5px;}

.s03_01_copy {background:url(../imgs/sub03_01_bg.jpg) no-repeat 0 0; margin-top:-40px;}
.s03_01_txt01 { font-size:16px; line-height:26px; color:#333333; padding:130px 20px 20px 20px;}
.s03_01_txt02 { padding:0 20px;}
.s03_01_txt02 li { font-size:16px; line-height:26px; color:#333333; padding:0 0 20px 20px; background:url(../imgs/sub03_01_bg2.jpg) no-repeat 0 5px;}

.s03_02_copy {background:url(../imgs/sub03_02_bg.jpg) no-repeat 0 0; margin-top:-20px;}
.s03_02_txt01 { padding:130px 20px 20px 20px;}
.s03_02_txt01 li { font-size:16px; line-height:26px; color:#333333; padding:0 0 20px 20px; background:url(../imgs/sub03_01_bg2.jpg) no-repeat 0 5px;}

.s04_01_copy {background:url(../imgs/sub04_01_bg.jpg) no-repeat 0 0; margin-top:-10px;}
.s04_01_txt01 { font-size:16px; line-height:26px; color:#333333; padding:130px 20px 20px 20px;}
.s04_01_txt02 { padding:0 20px;}
.s04_01_txt02 li { font-size:16px; line-height:26px; color:#333333; padding:0 0 20px 20px; background:url(../imgs/sub04_01_bg2.jpg) no-repeat 0 5px;}

.s04_02_copy {background:url(../imgs/sub04_01_bg.jpg) no-repeat 0 0; margin-top:-20px;}
.s04_02_txt01 { padding:130px 20px 20px 20px;}
.s04_02_txt01 li { font-size:16px; line-height:26px; color:#333333; padding:0 0 20px 20px; background:url(../imgs/sub04_01_bg2.jpg) no-repeat 0 5px;}

.s01_06_txt01 { font-size:18px; line-height:30px; color:#333333; padding-top:50px;}

.s06_01_hcopy { font-size:20px; color:#62c1ba; line-height:35px; font-weight:200; background:url(../imgs/sub01_01_bg.gif) no-repeat top right; height:140px;}

/* Board */
.sub_right_board {}

.search_area { position:relative; height:50px;}
.search_area h4 {font-size:18px; color:#43b14a; background:url(../imgs/prod_dot01.gif) no-repeat 0 21px; padding-left:10px; line-height:50px;}
.search_box {position:absolute; top:10px; right:0;}
.search_box .select_box {width:100px; height:30px; border:1px solid #dadada; padding-left:10px; margin-right:5px;}
.search_box .input_txt { height:28px; border:1px solid #dadada; padding-left:10px; margin-right:5px;}
.search_box .search_btn { line-height:30px; border: none; padding:0 15px; font-size:11px; color:#FFFFFF; background:#858686;  vertical-align:top;}

.tbl_normal_list {}
.tbl_normal_list th {font-weight:600; font-size:14px; line-height:40px; text-align:center; border-top:4px solid #242424; border-bottom:1px solid #999999; background:url(../imgs/tbl_th_line.gif) no-repeat 0 14px;}
.tbl_normal_list th:first-child { background:none;}
.tbl_normal_list td { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #999999;font-size:14px; color:#333333; line-height:20px;}
.tbl_normal_list td a { color:#333333;}
.tbl_normal_list td a:hover { text-decoration:underline;}
.tbl_normal_list .td_center { text-align:center;}
.tbl_normal_list .td_left {text-align:left; padding-left:15px; padding-right:15px;}
.list_btn_area { text-align:right; margin-top:30px;}

.tbl_normal_view {border-top:4px solid #242424;}
.tbl_normal_view th {font-weight:400; font-size:16px; text-align:center; border-bottom:1px solid #999999; background:#ececec;}
.tbl_normal_view .th_top {border-top:4px solid #242424;}
.tbl_normal_view td {padding:15px 0 15px 15px; border-bottom:1px solid #999999;font-size:14px; color:#333333; line-height:20px;}
.tbl_normal_view td.view_con {font-size:16px; line-height:26px;}
.tbl_normal_view td a {text-decoration:underline; color:#333333;}
.tbl_normal_view .td_top {border-top:4px solid #242424;}

.tbl_normal_wr {border-top:4px solid #242424;}
.tbl_normal_wr th {font-weight:400; font-size:16px; text-align:center; border-bottom:1px solid #999999; background:#ececec;}
.tbl_normal_wr .th_top {border-top:4px solid #242424;}
.tbl_normal_wr td { padding:15px 0 15px 15px; border-bottom:1px solid #999999;}
.tbl_normal_wr .td_top {border-top:4px solid #242424;}
.tbl_normal_wr .input_txt {border:1px solid #dadada; height:35px; font-size:14px; color:#646464; padding-left:10px;}
.tbl_normal_wr .input_txtarea {border:1px solid #dadada; font-size:14px; color:#646464; padding:10px; height:150px;}
.wr_btn_area { text-align:center; margin-top:30px;}
.wr_btn_red {display:inline-block; line-height:35px; background:#d12b29; color:#FFFFFF; font-size:14px; font-weight:bold; padding:0 15px; border:none;}
a.wr_btn_gray {display:inline-block; line-height:35px; background:#333333; color:#FFFFFF; font-size:14px; font-weight:bold; padding:0 15px; border:none;}

.paginate {clear:both; text-align:center; margin-top:30px;}
.paginate a {display:inline-block;position:relative; margin-left:1px; padding: 7px 7px 3px 7px; color:#666666; font-size:12px; border:1px solid #bcbdbf; line-height:normal;text-decoration:none;vertical-align:middle; margin-right:5px;}
.paginate a:hover, .paginate a.selected {text-decoration:none; color:#3275b7; border:1px solid #3275b7;}
.paginate .selected {display:inline-block;position:relative; margin-left:1px; padding: 7px 7px 3px 7px; color:#3275b7; font-size:12px;  border:1px solid #3275b7; line-height:normal; vertical-align:middle; margin-right:5px;}

.paginate .pg_wrap {}
.paginate .pg {}
.paginate .pg_page, .pg_current {}
.paginate .pg a:focus, .pg a:hover {}
.paginate .pg_page {}
.paginate .pg_start, .pg_prev {/* 이전 */}
.paginate .pg_end, .pg_next {/* 다음 */}
.paginate .pg_current {}
/* Board */

/* FOOTER */
#footer {clear:both;position:relative;width:100%; border-top:1px solid #ccc;}
.foot {width:100%; background-color:#7dbb67;}
#footer .foot_in {position:relative; overflow: hidden; width:1100px; margin:0 auto;}
#footer .foot_in h2 {float:left; }
#footer .foot_in .f_txt {float:right; height:40px; padding:34px 0 0 0; }
#footer .foot_in .f_txt a {overflow: hidden; height:40px;margin:0 5px; display:inline-block;  color:#ffffff; font-size:14px; line-height:40px;}
.bn_bot {position:absolute; top:33px; right:0;}
.f_txt img {vertical-align:16px; margin:0 1px 0 3px;}
address {position:relative;width:1100px; margin:15px auto 0; color:#FFFFFF; font-size:12px; line-height:20px; padding:20px 0 38px; border-top:1px solid #ffffff}
#footer .family {position:absolute; top:33px; right:0; }
#footer .family .fm_list {display:none; position:absolute; bottom:40px; right:0;width:178px; padding:0 0 0 16px; background-color:#6c6c6c; z-index:2}
#footer .family .fm_list a { overflow: hidden; width:100%; color:#fff; font-size:14px; line-height:38px;}