﻿
@charset "utf-8";

/* 페이지 공통 */

/* 나눔고딕 */
@font-face{
	font-family:"나눔고딕";
	font-style:normal;
	font-weight:400;
	src:url("/css/font/NanumGothic-Regular.eot");
	src:url('/css/font/NanumGothic-Regular.woff') format('woff'),
	url('/css/font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face{
	font-family:"나눔고딕";
	font-style:normal;
	font-weight:700;
	src:url("/css/font/NanumGothic-Bold.eot");
	src:url('/css/font/NanumGothic-Bold.woff') format('woff'),
	url('/css/font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face{
	font-family:"나눔고딕";
	font-style:normal;
	font-weight:900;
	src:url("/css/font/NanumGothic-ExtraBold.eot");
	src:url('/css/font/NanumGothic-ExtraBold.woff') format('woff'),
	url('/css/font/NanumGothic-ExtraBold.ttf') format('truetype');
}

/* 나눔명조 */
@font-face{
	font-family:"나눔명조";
	font-style:normal;
	font-weight:400;
	src:url("/css/font/NanumMyeongjo-Regular.eot");
	src:url('/css/font/NanumMyeongjo-Regular.woff') format('woff'),
	url('/css/font/NanumMyeongjo-Regular.ttf') format('truetype');
}
@font-face{
	font-family:"나눔명조";
	font-style:normal;
	font-weight:700;
	src:url("/css/font/NanumMyeongjo-Bold.eot");
	src:url('/css/font/NanumMyeongjo-Bold.woff') format('woff'),
	url('/css/font/NanumMyeongjo-Bold.ttf') format('truetype');
}
@font-face{
	font-family:"나눔명조";
	font-style:normal;
	font-weight:900;
	src:url("/css/font/NanumMyeongjo-ExtraBold.eot");
	src:url('/css/font/NanumMyeongjo-ExtraBold.woff') format('woff'),
	url('/css/font/NanumMyeongjo-ExtraBold.ttf') format('truetype');
}
	

/* 페이지 공통 */

body {font-family:맑은 고딕,돋움,dotum; margin:0;font-size:12px;}

.f_left {float:left;}
.f_right {float:right;}


/* 메인페이지 */




.top_bg {background:url(/img/main/top_bg.gif) repeat-x;border-bottom:solid 1px #419a24;}
.top_bg .top_con {height:135px; width:902px; margin:0 auto;}

.top_bg .top_con .top_2 {height:103px;}
.top_bg .top_con .top_2 .logo {margin:26px 0;}
.top_bg .top_con .top_2 .top_menu {}
.top_bg .top_con .top_2 .top_menu ul {margin:45px 0 0 0;clear:both;overflow:hidden;list-style:none;}
.top_bg .top_con .top_2 .top_menu ul li {padding:0 20px; position:relative;}

.main_bg {}
.main_bg .main_con {width:902px; margin:0px auto; margin-top:12px; overflow:hidden;}
.main_bg .main_con .main_left {width:902px;}
.main_bg .main_con .main_left .main_latest {width:902px;overflow:hidden;}

.main_bg .main_con .main_left .img_latest {margin-top:20px;overflow:hidden; position:relative;}
.main_bg .main_con .main_left .img_latest .sp {width:257px; height:220px}
.main_bg .main_con .main_left .img_latest .sp dl {}
.main_bg .main_con .main_left .img_latest .sp dl dt {}
.main_bg .main_con .main_left .img_latest .sp dl dd {}

.main_bg .main_con .main_left .img_latest .ab {width:470px; position:relative;}
.main_bg .main_con .main_left .img_latest .ab dl {}
.main_bg .main_con .main_left .img_latest .ab dl dt {padding-left:23px;}
.main_bg .main_con .main_left .img_latest .ab dl dd {}
.main_bg .main_con .main_left .img_latest .ab .arrow_left {position:absolute; top:70px; left:10px;}
.main_bg .main_con .main_left .img_latest .ab .arrow_right {position:absolute; top:70px; right:10px;}

.main_bg .main_con .main_left .text_latest {overflow:hidden;padding:0 5px;}
.main_bg .main_con .main_left .text_latest .txt_latest {width:220px; height:150px; float:left; margin-left:30px;}
.main_bg .main_con .main_left .text_latest .txt_latest:first-child {margin-left:0;}
.main_bg .main_con .main_left .text_latest .txt_latest dt {height:30px;background:url(/skin/latest/basic/img/bg.gif) repeat-x bottom;}
.main_bg .main_con .main_left .text_latest .txt_latest dt img {margin-top:7px;}
.main_bg .main_con .main_left .text_latest .txt_latest dd {line-height:14px;margin-top:10px;}

.main_bg .main_con .main_right {width:300px;}
.main_bg .main_con .main_right .banner {margin-bottom:12px;}
.main_bg .main_con .main_right .fb_content {height:240px; background:#f6f7f9; border:solid 1px #e1edf1;}
.main_bg .main_con .main_right .event_latest {}
.main_bg .main_con .main_right .event_latest dt {}
.main_bg .main_con .main_right .event_latest dd {margin:0;}

.bottom_bg {background:url(/img/main/bottom_bg.gif) repeat-x; clear:both; margin-top:30px; width:902px; margin:0 auto;}
.bottom_bg .bottom_con {margin:0 auto; min-height:110px;color:#dedede;font-size:11px;}
.bottom_bg .bottom_con .bottom_1 ul {height:45px; text-align:center;width:350px;margin:0 auto; list-style:none;}
.bottom_bg .bottom_con .bottom_1 ul li {float:left; background:url(/img/main/bottom_menu_bar.gif) no-repeat left 17px; padding:0 15px; line-height:45px;}
.bottom_bg .bottom_con .bottom_1 ul li:first-child {padding-left:0; background:none;}
.bottom_bg .bottom_con .bottom_1 ul li a {color:#dedede;}
.bottom_bg .bottom_con .bottom_1 .wa {float:right;line-height:45px;}

.bottom_bg .bottom_con .bottom_2 {clear:both; overflow:hidden;color:#7a7a7a; padding:20px 0;}
.bottom_bg .bottom_con .bottom_2 .info {width:65%; overflow:hidden;}
.bottom_bg .bottom_con .bottom_2 .info ul {overflow:hidden;list-style:none;margin:0; padding:0;}
.bottom_bg .bottom_con .bottom_2 .info ul li {float:left; margin:0; padding:0 0 0 10px;}

.bottom_bg .bottom_con .bottom_2 .copyright {float:right; height:20px; clear:both;}


/* 서브페이지 */
.sub_body_bg {}
.sub_body_bg .sub_body_con {width:1150px; margin:0 auto; padding-top:25px;}
.sub_body_bg .sub_body_con .left_menu {width:205px;}
.sub_body_bg .sub_body_con .left_menu dl dt {height:65px;border-bottom:solid 2px #2a2a2a;}
.sub_body_bg .sub_body_con .left_menu dl dt img {margin-top:25px;}
.sub_body_bg .sub_body_con .left_menu dl dd {height:35px; border-bottom:solid 1px #ddd;}
.sub_body_bg .sub_body_con .left_menu dl dd a {font-size:14px; color:#464646; font-family:맑은 고딕, 돋움; line-height:35px; font-weight:bold; margin-left:10px;}
.sub_body_bg .sub_body_con .left_menu dl dd a:hover {color:#76b718; }
.sub_body_bg .sub_body_con .contents {width:750px;}


/*****버튼******/
.btn1 {padding:10px 20px 10px 20px; background:#105BA7; font-weight:bold; color:#fff;}
.btn2 {padding:10px 20px 10px 20px; background:#4D4D4D; font-weight:bold; color:#fff;}
.btn12 {padding:5px 10px 5px 10px; background:#105BA7; font-weight:bold; color:#fff;}
.btn22 {padding:5px 10px 5px 10px; background:#4D4D4D; font-weight:bold; color:#fff;}

/****폰트*****/
.fs9 {font-size:9px;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs18 {font-size:19px;}
.fs18 {font-size:20px;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}

/****마진*****/
.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}

.mb20 {margin-bottom:20px;}
.mt20 {margin-top:20px;}
.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}

.mb30 {margin-bottom:30px;}
.mt30 {margin-top:30px;}
.ml30 {margin-left:30px;}
.mr30 {margin-right:30px;}

.mb40 {margin-bottom:30px;}
.mt40 {margin-top:30px;}
.ml40 {margin-left:30px;}
.mr40 {margin-right:30px;}

.mb50 {margin-bottom:30px;}
.mt50 {margin-top:30px;}
.ml50 {margin-left:30px;}
.mr50 {margin-right:30px;}

/****text align*****/
.tar {text-align:right;}
.tal {text-align:left;}
.tac {text-align:center;}

/****padding*****/
.pb10 {padding-bottom:10px;}
.pt10 {padding-top:10px;}
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}

.pb20 {padding-bottom:20px;}
.pt20 {padding-top:20px;}
.pl20 {padding-left:20px;}
.pr20 {padding-right:20px;}

.pb30 {padding-bottom:30px;}
.pt30 {padding-top:30px;}
.pl30 {padding-left:30px;}
.pr30 {padding-right:30px;}

/****width*****/
.w100 {width:100%;}
.w80 {width:80%;}
.w50 {width:50%;}

/***색상공통****/
.orange {color:#FF4500;}
.blue {color:#0000FF;}
.red {color:#FF0000;}
.green {color:#008000;}
.gray {color:#808080;}
.black {color:#000;}

/*기본-테이블*/
table{border-collapse:collapse;}
.table_basic{width:100%; margin:0 auto; border-top:2px solid #1e6ab5;}
.table_basic>thead>tr>th{border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#f1f1f1; padding:10px 0;}
.table_basic>thead>tr>th:last-child{border-right:none;}
.table_basic>tbody>tr>th{border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#f1f1f1; padding:5px 10px; }
.table_basic>tbody>tr>td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; vertical-align:middle; padding:5px 10px; line-height:22px;}
.table_basic>tbody>tr>td:last-child{border-right:none;}
.table_basic>tbody>tr>td>ul>li{padding-bottom:10px; list-style-type:disc; margin-left:20px;}
.table_basic>tbody>tr>td>ul>li:last-child{padding-bottom:0;}
.table_basic>tbody.center_td>tr>td{text-align:center;}
.td_center>tbody>tr>td{text-align:center;}
.table_basic>tbody>tr>td[rowspan]{border-left:1px solid #ccc;}
.table_lineLeft{border-left:1px solid #ccc; text-align:center;}
.l_line{border-left:1px solid #ccc;}

/*탭디자인*/
.sub01_tab{*zoom:1;margin:0px 0 40px 0; font-size:16px;  width:100%;}
.sub01_tab:after{content:"";clear:both;display:block;}
.sub01_tab li{float:left;background:#444; /*margin-right:1px;margin:0 5px 10px 0; */border-radius:5px;  height:40px; display:block; margin:0 1px;}
.sub01_tab li.on{background:#ef59a1; }
.sub01_tab li a{font-family:'나눔고딕',NanumGothic,NGW;color:#fff;text-align:center;display:block;line-height:18px;padding:10px 20px ; }
.sub01_tab li.on a{text-decoration:none;color:#fff; } 
.sub01_tab li a:hover{text-decoration:none;}

.sub01_tab2{*zoom:1;margin:80px 0 30px 0; font-size:14px; float:left;}
.sub01_tab2:after{content:"";clear:both;display:block;}
.sub01_tab2 li{float:left;background:url(../img/sub/tab_off.png) no-repeat 10px 17px #f9f9f9; border:1px solid #dedede; border-left:none; margin:0 0px 3px 0; /*border-radius:10px;*/  height:40px; list-style-type:none;}
.sub01_tab2 li:first-child{border-left:1px solid #dedede;}
.sub01_tab2 li.on{background:url(../img/sub/tab_on.png) no-repeat 10px 17px #ef59a1;/*5283d8*/ border:1px solid #ef59a1; }
.sub01_tab2 li a{font-family:'나눔고딕',NanumGothic,NGW;color:#686868;text-align:left;display:block;line-height:18px;padding:10px 20px 10px 20px;  font-size:13px;}
.sub01_tab2 li.on a{text-decoration:none;color:#fff; } 
.sub01_tab2 li a:hover{text-decoration:none;}


.tabIn2{display:none;/*position:relative;font-family:'나눔고딕',NanumGothic,NGW;*/ margin-top:40px; clear:both;}


