@charset "UTF-8";
@font-face { font-family: 'handonFont300'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Handon3gyeopsal300g.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'handonFont600'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Handon3gyeopsal600g.woff') format('woff'); font-weight: normal; font-style: normal; }

/* SUB �������۾�
*--------------------------- */
.wrap{width: 100%; margin:0 auto;}
.content {width:1200px;margin:0 auto;}
.sub_content {width: 100%; max-width:1240px; margin:0 auto; padding: 0 20px 100px; overflow: hidden;}

.fl {float:left;}
.fr {float:right;}

/* header */
header.pt_header {height:auto}
header.pt_header .logoWp.sub .logo {margin:0}
header.pt_header .logoWp.sub .combSch button {background-color:#a88f7b}
header.pt_header.mobileHeader {}

nav.pt_nav.sub {width:65%;height:70px;position:relative;left:90px;margin-top:-58px;}
nav.pt_nav.sub .row {margin-right:-10px;margin-left:-10px;}
nav.pt_nav.sub .gnb {overflow:hidden;display:inline-block}
nav.pt_nav.sub .gnb li {float:left;}
nav.pt_nav.sub .gnb li a {display:block;padding:15px 20px;font-weight:700;color:#555555;text-align:left;width:150px;}
nav.pt_nav.sub .q_menu {width:60px;height:58px;line-height:64px;text-align:center;vertical-align:middle;float:right;border-left:1px solid #d8d2cd;border-right:1px solid #d8d2cd;}
.logoWp.sub .sub_menu {
    display:none;
    position:absolute;
    top:164px;
    left:0;
    width:100%;
    height:230px;
    background:#fff;
    z-index:999999;
	padding-top:25px;
    border-top:1px solid #d8d2cd;
    border-bottom:3px solid #d8d2cd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
.logoWp.sub .sub_menu li.sub_menuT {margin-bottom:10px;}
.logoWp.sub .sub_menu li.sub_menuT strong {display:inline-block;background:rgba(241,234,228,0.5);width:100%;margin-left:-10px;padding-left:10px;}
.logoWp.sub .sub_menu ul {float:left;width:150px}
.logoWp.sub .sub_menu ul li {height:23px;line-height:23px;padding-left:10px}
.logoWp.sub .sub_menu ul li a {font-size:14px;color:#696969;padding-right:20px;text-align:left}
.logoWp.sub .sub_menu ul li a:hover {color:#ad886a}
.logoWp.sub .sub_menu .content {padding-left:100px}
/* nav.pt_nav.sub .sub_menu ul.sub02,
nav.pt_nav.sub .sub_menu ul.sub05,
nav.pt_nav.sub .sub_menu ul.sub06 {width:110px} */

section {clear:both;}
.subWp {position:relative;}
.sub_hd{position:relative;}
.sub_bg {height:200px;width:100%;background-size:cover;background-color:#41352f;}
.bg01 {height:200px;background:url('/images/renewal_v1/sub/s_bg01.jpg') no-repeat center;}
.txt {color:#fff;font-size:14px;position:absolute;bottom:0;margin-bottom:30px}

/* �극��ũ�� */
.path {position:relative;border-bottom:1px solid #d8d2cd}
.path_list {height:60px;}
.path_list li {float:left;height:60px;line-height:60px;padding:0;text-align:center;}
.path_list li a {font-weight:bold;}
.path_list li.active {background-color:#ffc021;padding:0 60px;}
.path_list li.active a {color:#fff;}
.path_list li.path2 {border-right:0}
.path_list li.path3 {border-left:0;margin-left:-1px;}


/* ������ �˻� */
.sub_sch {overflow:hidden;}
.sub_sch .line-choice {float:right;position:relative;z-index:90;overflow:hidden;margin:0px 0px 20px 0px;}
.sub_sch select[name='keyfield']{float:left;padding:0 10px;width:130px;height:30px;line-height:30px;background-color:#eeeeee;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sub_sch .combSch {width:303px;float:left;}
.sub_sch .combSch input, 
.sub_sch .combSch .basic,
.sub_sch .lineview {height:30px;line-height:30px;padding:0 10px;}


/* ���������� Ÿ��Ʋ */
.sub_title {font-size:40px;text-align:center;margin:25px 0}

.subWp .cont {min-height:300px;}
.thumb .imgList{height:185px;position:relative;border:1px solid #cacaca;}
.thumb .thumb_img {display:inline-block;max-width:100%;width:279px;float:left;}
.thumb .thumb_img img {max-width:100%;width:279px;height:185px;border-bottom:1px solid #a7a7a7;border-right:1px solid #a7a7a7;}
.thumb .cont_info {position:relative;width:599px;height:185px;float:left;text-align:left;}
.thumb .cont_info .tit_teach{font-weight:bold;padding-bottom:30px;font-size:18px;color:#212326;margin-bottom:10px;line-height:23px;letter-spacing:-1px;padding:35px 0px 0px 35px;}
.thumb .cont_info .tit_memo {color:#707070;font-size:15px;padding-left:35px;}
.thumb .cont_info .link_show{position:absolute;bottom:20px;left:35px;display:block;width:200px;height:35px;line-height:35px;border:1px solid #a7a7a7;text-align:center;}

/* �� */
.hd2 ul li{width:50%}
.hd3 ul li{width:33.3%}
.hd4 ul li{width:25%}
.hd5 ul li{width:20%}
.hd6 ul li{width:16.6%}
.hd7 ul li{width:14.2%}
.hd8 ul li{width:12.5%}
.hd9 ul li{width:11.11%}
.hd10 ul li{width:10%}
.hd11 ul li{width:9.09%}
.hd12 ul li{width:8.33%}
.hd13 ul li{width:7.69%}
.hd14 ul li{width:7.14%}
.hd15 ul li{width:6.66%}

.tabWp #tabs {border:-0}
.tabWp .tab_hd {width:100%;border-bottom:2px solid #000;}
.tabWp .tab_hd ul {background:transparent;border:0;padding:0;width:100%}
.tabWp .tab_hd ul li {border-radius:0;margin:0;background:#fbfbfb;border-left:1px solid #d3d4d9;border-top:1px solid #d3d4d9;border-right:0;text-align:center}
.tabWp .tab_hd ul li:last-child {border-right:1px solid #d3d4d9}
.tabWp .tab_hd ul li a.ui-tabs-anchor {color:#646464;padding:0.6em 0;width:100%;text-align:center}
.tabWp .tab_hd ul li.ui-tabs-active {background:#fff;border-left:2px solid #000;border-top:2px solid #000;border-right:2px solid #000;margin-bottom:-2px}
.tabWp .ui-tabs-panel {padding:10px;margin-top:30px;}
.tabWp .tab_panel {margin-top:0;position:relative;background-color:#fff}



/* OLD CSS */
#container {width:100%; overflow:hidden;border-top:none;}
/* #sub_visual img {width:100%;} *//* 230628 J del */
/* 230628 J add : s */
#sub_visual .sub_visual_inner{ width: 100%; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover;}
#sub_visual .txt_box{ width: 1200px; height: 100%; margin: 0 auto; padding-top: 162px;}
#sub_visual .txt_box .sub_visual_tit{font-size: 36px; font-weight: 700; color: #fff; font-family: 'handonFont600';}
#sub_visual .txt_box .sub_visual_desc{font-size: 16px; line-height: 2.5em; color: #fff; font-family: 'handonFont300';} 
/* 230628 J add : e */

/*2024-03-06 mj*/
#sub_visual .sub_visual_inner {
		position: relative;
		width: 100%;
		height: 300px;
		background: url('/skin/basic/renewal_v1/images/sub/handonP_subBg_2024event_3.jpg') no-repeat center / cover !important;
		overflow: hidden;
	}
	#sub_visual .sub_visual_inner > img {
		position: absolute;
		max-width: 1920px;
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
	}
	#sub_visual .txt_box {
		position: absolute;
		width: 100%;
		max-width: 1200px;
		bottom: 50px;
		left: 50%;
		transform: translateX(-50%);
		padding-top: 0;
		height: auto;
		z-index: 1;
	}
@media (max-width: 1200px) {
	#sub_visual .sub_visual_inner {
		position: relative;
		height: 0 !important;
		padding-top: 25%;
	}
	#sub_visual .txt_box {
		bottom: 20px;
		left: 20px;
		transform:none;
	}
	
}
/*2024-03-06 mj end*/

.location {position:relative;overflow:hidden; padding:0 0 10px;width:100%;}
.location h3 {
	margin-top:67px;
	float:left;
	font-size:24px;
	background:url('/skin/basic/images/porkboard/sub/title_bar.png') left top no-repeat;
	letter-spacing:-1px;
	width:100%;
	padding-top:12px; 
	padding-bottom:20px;
	font-family: 'handonFont600';
}
.location h4 {font-weight:normal;padding-left:20px;font-size:13px;padding-top:13px;display:inline-block;color:#4c4646;}
.location .path {position:absolute;top:0;left:0; font-size:12px; color:#222;height:39px;line-height:39px;border:1px solid #d9d9d9;width:100%;}
.location span {height:37px;padding:0 0 0 36px; margin-right:11px; background:url('/skin/basic/renewal_v1/images/porkboard/sub/bg_arrow.png') left top no-repeat;display:inline-block;}
.location span.home {margin-left:20px;padding-left:22px;background:url('/skin/basic/renewal_v1/images/porkboard/sub/icon_home.png') left center no-repeat;}
.location span.now {font-weight:bold;}
.contents_wrap {float:left;padding: 0 20px; min-height:350px; width: 100%; max-width:100%;}
.sub_title01 {float:left;font-size:17px;font-weight:bold;}
.sub_title02 {float:left;font-size:17px;font-weight:bold;background:url('/skin/basic/images/porkboard/sub/sub0103_icon.png') no-repeat;padding-left:25px;}
/*MJ 2024-01-19*/
/* .subTitle {
	position: relative;
	padding-left: 15px;
	font-size: 20px;
	font-weight: bold;
}
.subTitle::before {
	position: absolute;
	left: 0;
	top: 2px;
	display: block;
	content: '';
	width: 4px;
	height: 20px;
	background: #d22229;
}
.subTitle::after {
	display: block;
	clear: both;
	content: '';
} */
/*end MJ 2024-01-19*/
.sub_cont_left {padding-left:25px;float:left;clear:both;font-size:13px;margin-top:5px;clear:both;line-height:150%;margin-top:10px;color:#777;}
.sub_cont_left strong {color:#000;}
.sub_cont {width:100%;float:left;clear:both;font-size:13px;margin-top:5px;clear:both;line-height:150%;margin-top:10px;color:#777;}
.align_center {text-align:center;}
.gap {width:100%;height:50px;clear:goth;float:left;}
.gap2 {width:100%;height:30px;clear:goth;float:left;}
#contents {width:100%; padding:30px 10px 100px; min-height: 400px;}
#contents::after {
	display: block;
	content: '';
	clear: both;
}
.join_contents{width:961px !important; margin:auto !important; padding-right:0px !important}
.join_contents h4{font-weight:bold !important;}
.statute {padding-top:15px}
.statute h4 {font-size:18px; margin-top:15px; line-height: 1.43;}/* 230717 J mod*/
/*.statute h5 {font-size:16px;} 210402 G del*/
/* .statute h5 {font-size:14px; font-weight: 700; line-height: 1.43;} *//* 230717 J mod*/
.statute .txt_normal {font-weight: normal;}
.statute ul li {padding-left:15px; line-height: 1.43;} /* 230717 J mod*/
.history_table {margin-left:40px;}
.history_table td {height:20px;vertical-align:top;font-size:1rem;padding-top:2px;}
.history_table td.year {font-size:18px;font-weight:bold;color:#f9a01b;background:url('/skin/basic/images/porkboard/sub/sub0102_icon.png') no-repeat;padding-left:25px;vertical-align:top;}
.history_table td.last {padding-bottom:20px;}
.history_table td.month {color:#969696;font-weight:bold;}

/* Tab */
.tab_type {width:100%; height:37px; overflow:hidden;background:url('http://file.han-don.com/images/porkboard/common/bg/bg_tab.gif') left bottom repeat-x;}
.tab_type ul {width:710px;}
.tab_type li {float:left;height:37px; line-height:0; font-size:0; margin-right:1px;}
.tab_type li.on {width:130px;height:37px;line-height:37px;text-align:center;font-size:11px;color:#000;font-weight:bold;float:left;margin-right:1px;background:url('http://file.han-don.com/images/sub/tab_bg_on.png') no-repeat; }
.tab_type li.on a {color:#5f6d10;text-decoration:none;}
.tab_type li.off {width:130px;height:37px;line-height:37px;text-align:center;font-size:11px;color:#000;font-weight:bold;float:left;margin-right:1px;background:url('http://file.han-don.com/images/sub/tab_bg_off.png') no-repeat; }
.tab_type li.off a {color:#666;text-decoration:none;}


/* ���ǿ�ȸ ���� */
.representative {overflow:hidden; margin-top: 20px; }
.representative .represen_flash {float:left; margin:19px 30px 30px 30px}
.representative .represen_con {width:100%; float:left;}
.representative .represen_con .tit { display: none; height:25px; overflow:hidden; }

/* ���� 20110629 ����ȭ���� */
.representative .represen_con .tit span.name {float:left; color:#333; font-size:12px; font-weight:bold;}
.representative .represen_con .tit span.txt_title {float:right;}

/* Table */
.table01 {clear:both;width:100%}
.table02 table {border:1px solid #e3e3e3;width:100%;margin-bottom:28px;background-color:#fff;width:100%;}
.table01 thead th { height:32px;line-height:32px;text-align:center;font-size:14px;
	border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,efefef+100 */
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fdfdfd 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.table01 tbody td { padding:9px 0 7px; text-align:center; font-size:12px; border:1px solid #ddd; border-top:0;font-size:14px;}
.table01 tbody .left {text-align:left; padding-left:30px;}

.table02 {clear:both;}
.table02 table {border:1px solid #e3e3e3;width:100%;margin-bottom:28px;background-color:#fff;width:100%;}
.table02 thead th {height:32px;line-height:32px;text-align:center;border-bottom:1px solid #e3e3e3;font-size:14px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,efefef+100 */
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fdfdfd 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.table02 tbody td { padding:9px 0 7px; border-bottom:1px solid #ddd;background:none;font-size:14px;}
.table02 tbody .left {text-align:left; padding-left:30px;}
.table02 tbody .left2 {text-align:left; padding-left:10px;}



/* ���̺� */
.tb-1{border:1px solid #e3e3e3;width:100%;margin-bottom:28px;background-color:#fff}
.tb-1 .first{width:10%;}
.tb-1 caption{text-indent:-999em;font-size:0;line-height:0;white-space:nowrap;overflow:hidden;}
.tb-1 thead th{height:27px;line-height:27px;border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background-color:#f6f6f6;font-weight:normal;text-align:center;}
.tb-1 thead th{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,efefef+100 */
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fdfdfd 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.tb-1 tbody td{padding:10px;line-height:20px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;text-align:left;}
.tb-1 tbody td:last-child {border-right:0}



/* paging */
.paging { clear:both; margin-top:30px; text-align:center;}
.paging a { text-decoration:none; /*font:normal 12px/19px tahoma;*/}
.paging a span { padding:0 6px 0 10px; color:#222; background:url('http://file.han-don.com/images/common/bg/bg_paging_bar.gif') no-repeat 0 center;}
.paging a span.first { padding:0 6px; background:none;}
.paging img { vertical-align:middle;}


/* 20110715 */
.view_table {clear:both; border-top:1px solid #aaa;width:100%;}
.view_table tbody th {font-size:14px;}
.view_table tbody td {font-size:14px;}
.view_table tbody th.s2 {padding:8px 15px 7px; border-bottom:1px solid #ddd; background:url('http://file.han-don.com/images/common/bg/bg_line02.gif') right 10px no-repeat;}
.view_table tbody td.s2 {padding:8px 0 7px 15px; border-bottom:1px solid #ddd; font-size:12px; }
.view_table th.first {background:none;}

.view_table tbody td strong a {color:#333 !important;}
.view_table tbody td.board_content {padding:0px 0; font-size:12px; border-bottom:1px solid #aaa; line-height:18px;}
.view_table tbody td.board_content p {margin-top:10px; line-height:170%;}

.view_table img {vertical-align:middle;}
.board_content_body{width:700px;margin:auto;}

.write_table {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.write_table th


/* select �˻��ڽ� */
.btnC {text-align:center; margin-top:20px;}
.btnR {text-align:right; margin-top:20px;}
.search {margin-top:10px;overflow:hidden;width:550px;margin:10px auto;}
.search select,.search input {float:left;}
.search select {margin-right:5px;height:23px;line-height:23px;border:1px solid #ddd;}
.search input[name='seach_text'] {margin-right:5px;width:420px;height:23px;line-height:23px;border:1px solid #ddd;}
.search .sch_btn {}
.search img {vertical-align:middle;}
.search h4 {margin-top:5px;}


.tab_type2 {width:100%; _height:37px; overflow:hidden;background:url('/skin/basic/images/porkboard/sub/bg_tab.gif') left bottom repeat-x;}
.tab_type2 ul {width:100%;}
.tab_type2 li {float:left; line-height:0; font-size:0; margin-right:1px;}
.tab_type2 li.on {padding-top:10px;width:170px;height:77px;line-height:130%;text-align:center;font-size:11px;color:#000;font-weight:bold;float:left;margin-right:1px;background:url('/skin/basic/images/porkboard/sub/tab_big_bg_on.png') no-repeat; }
.tab_type2 li.on span {color:#fff;}
.tab_type2 li.on a {color:#636f10;text-decoration:none;}
.tab_type2 li.off {padding-top:10px;width:170px;height:77px;line-height:130%;text-align:center;font-size:11px;color:#000;font-weight:bold;float:left;margin-right:1px;background:url('/skin/basic/images/porkboard/sub/tab_big_bg.png') no-repeat; }
.tab_type2 li.off a {color:#777777;text-decoration:none;}
.tab_type2 li.off span {color:#999;}

/* ������ ������� ��ȹ */

.busiPlan_box {overflow:hidden; height:54px; margin-bottom:30px; background:url('/skin/basic/images/porkboard/sub/box_green52.gif') left top no-repeat; background-size: contain; display: flex; justify-content: space-between; align-items: center; padding: 0 15px;}
.busiPlan_box h4 {float:left; font-size:14px; color:#333; line-height:120%;}
.busiPlan_box p {float:right; }
.busiPlan_box p img {vertical-align:middle; margin-top: 2px; margin-right: 5px;}

/* ������ ������Ȳ ��ȸ */
.box0208 {padding:32px 0; font-size:12px; text-align:center; background:url('/skin/basic/images/porkboard/sub/box_green85.gif') left top no-repeat;}
.box0208 img {vertical-align:middle;}

/* ��������ǥ */
.schedule_wrap { clear:both; }
.schedule_wrap .schedule { clear:both; margin-top:30px;}
.schedule_wrap .schedule .month { height:22px; text-align:center; color:#333;}
.schedule_wrap .schedule .month img { vertical-align:middle;}
.schedule_wrap .schedule dl { float:right; height:27px;}
.schedule_wrap .schedule dl dt { display:inline; margin-left:6px;}
.schedule_wrap .schedule dl dd { display:inline; margin-left:3px;}
.schedule_wrap .schedule table { clear:both; margin-top:30px;width:98% }
.schedule_wrap .schedule thead th { height:28px;}
/* ���� 20110629 ����ȭ���� */
.schedule_wrap .schedule tbody td{padding:2px 2px 0 0 ; height:149px; vertical-align:top; color:#222; background:url('http://file.han-don.com/images/common/bg/bg_cal_td.gif') repeat-x 0 top; border:1px solid #ddd; border-top:0}
.schedule_wrap .schedule tbody td span { display:block; padding:8px 0 0 15px; height:21px; font:bold 11px/1.2 tahoma; color:#222;}
.schedule_wrap .schedule tbody td.sun span { color:#ff9606;}
.schedule_wrap .schedule tbody td.sat span { color:#0ab14b;}
.schedule_wrap .schedule tbody td p { margin-bottom:-2px; padding:8px 0 0 4px; font-size:11px; color:#222;}
.schedule_wrap .schedule tbody td em { float:left; margin-right:5px; font-weight:bold; line-height:12px;}
.schedule_wrap .schedule tbody td p img { float:left; margin-right:1px;}

.schedule_wrap .schedule tbody td table {margin:10px 0 0 0;}
.schedule_wrap .schedule tbody td table td {height:auto; background:none; border:none;}

.schedule_wrap .radio { clear:both; margin-top:30px;}

/* �������� */
.radio_wrap { clear:both;}
.radio_wrap .radio { height:360px; background:url('http://file.han-don.com/images/common/bg/bg_dotted2.gif') repeat-x 0 bottom;position:relative;}
.radio_wrap .radio .player { position:relative; float:left; padding:21px 0 0 16px; width:50%; height:315px; background:url('http://file.han-don.com/images/common/bg/bg_player.gif') no-repeat;}
.radio_wrap .radio .player .btn_area { position:absolute; top:270px; left:243px;}
.radio_wrap .radio .info { position:relative; float:left; width:50%; height:285px;overflow-y:auto;}
.radio_wrap .radio .info h4 { margin-bottom:15px; padding-top:0; height:30px; font-size:14px; color:#333; background:url('http://file.han-don.com/images/common/bg/bg_dotted2.gif') repeat-x 0 bottom;}
.radio_wrap .radio .info p { line-height:20px; color:#777;}
.radio_wrap .radio .btn_dwld { position:absolute; bottom:10px;left:0px;}
.radio_wrap .player_list { clear:both; margin:30px 20px 0; height:110px;}
.radio_wrap .player_list li { float:left; padding:0 10px; width:90px;}
.radio_wrap .player_list li a { display:block; width:90px; text-align:center;}
.radio_wrap .player_list li a .player { display:block; width:90px; height:80px; background:url('http://file.han-don.com/images/common/bg/bg_player2.gif') no-repeat;}
.radio_wrap .player_list li a .player .btn_play { position:relative; top:22px;}
.radio_wrap .player_list li a .txt_sub0403 { display:block; margin:0 auto; width:80px; font-size:12px; line-height:16px; color:#777;}
.radio_wrap .player_list li a:hover .txt_sub0403 { color:#777;}
.radio_wrap_sub{margin:auto;width:70%;height:auto}
.radio_wrap_sub div video {width:536px;margin:0 18%;}
.player_list_nbsp{width:0px !important;}

/* ���ñ�� ���ã�� */
.sub0603_tab {height:65px; overflow:hidden; padding:0; margin-bottom:30px;}
.sub0603_tab li {float:left; kine-height:0; font-size:0;}


/* Login */
.loginBox {width:60%; height:30%; padding:30px 0 0 210px; background:url('http://file.han-don.com/images/common/bg/bg_login_box.gif') left top no-repeat; margin:auto}
.loginBox h4 {font-size:45px;font-weight:bold;}
.loginBox .txt {margin:20px 0 15px;font-size:12px;line-height:160#;}
.loginBox .login_input {width:300px; overflow:hidden;}
.loginBox .login_input span {display:block;}
.loginBox .login_input .input {float:left;}
.loginBox .login_input .input input {width:195px; margin-bottom:3px; display:block;}
.loginBox .login_input .btn {float:right;}
.loginBox ul {width:470px; margin-top:15px;}
.loginBox ul li {font-size:11px; line-height:0; margin-bottom5px; padding:5px;}
.loginBox ul li.first {background:url('http://file.han-don.com/images/common/bg/bg_dotted.gif') left bottom repeat-x;}
.loginBox ul li a {vertical-align:middle; padding-left:15px; }
.loginBox ul li img {vertical-align:middle; }

.tab_type3 {width:100%; _height:37px; overflow:hidden;background:url('http://file.han-don.com/images/common/bg/bg_tab.gif') left bottom repeat-x;}
.tab_type3 ul {width:710px;}
.tab_type3 li {float:left; line-height:0; font-size:0; margin-right:1px;}
.tab_type3 li.on {padding-top:10px;width:230px;height:67px;line-height:130%;text-align:center;font-size:11px;color:#000;font-weight:bold;float:left;margin-right:1px;background:url('http://file.han-don.com/images/sub/tab_join_bg_on.png') no-repeat; }
.tab_type3 li.on span {color:#fff;}
.tab_type3 li.on a {color:#636f10;text-decoration:none;}
.tab_type3 li.off {padding-top:10px;width:230px;height:67px;line-height:130%;text-align:center;font-size:11px;color:#000;font-weight:bold;float:left;margin-right:1px;background:url('http://file.han-don.com/images/sub/tab_join_bg.png') no-repeat; }
.tab_type3 li.off a {color:#777777;text-decoration:none;}
.tab_type3 li.off span {color:#999;}
.join01 {height:133px; overflow-y:scroll; padding:0 20px 5px; border:1px solid #ddd;  color:#858585;}
.join01 h5, .join01 h6 {font-size:12px;}
.join01 h5 {margin:20px 0 0 0;}
.join01 h6 {margin:25px 0 5px 0;}
.join01 p {line-height:150%; margin-top:5px; }

/* ȸ������ */
.real_name {width: 100%;height: 175px;text-align: center;background: url('http://file.han-don.com/images/common/bg/box_green175.gif') center top no-repeat;}
.real_name .confirm {}
.real_name .real_txt {font-size:12px;}

/* Table */
.veiw_type {border-top:1px solid #aaa; border-bottom:1px solid #aaa; }
.veiw_type tbody th {text-align:left; padding:7px 0 5px 20px; border-bottom:1px solid #ddd;}
.veiw_type tbody td {padding:8px; border-bottom:1px solid #ddd; color:#222; line-height:190%;}
.veiw_type .required {display:block; text-align:right; margin-top:-10px; }
.veiw_type input[type=text], select {height:30px;}

.sitemap_table th {font-size:12px;height:30px;}
.sitemap_table td {font-size:12px;height:30px;padding-left:10px;width:111px;}
.sitemap_bg1 {widht:111px;height:30px;background:url('http://file.han-don.com/images/sub/map_bg.png') no-repeat;text-align:center;font-weight:bold;}
.sitemap_bg2 {widht:111px;height:30px;background:url('http://file.han-don.com/images/sub/map_bg2.png') no-repeat;text-align:center;font-weight:bold;}
.sitemap_bg3 {widht:134px;height:30px;background:url('http://file.han-don.com/images/sub/map_bg3.png') no-repeat;text-align:center;font-weight:bold;}

.join_check{margin-top:10px !important;}
.join_tab_type3 {width:100%; _height:37px; overflow:hidden;background:url('http://file.han-don.com/images/common/bg/bg_tab.gif') left bottom repeat-x;}
.join_tab_type3 ul {width:100%;}
.join_tab_type3 li {float:left; line-height:0; font-size:0; margin-right:1px;}
.join_tab_type3 li.on {padding-top:10px;width:316px;height:67px;line-height:130%;text-align:center;font-size:11px;color:#000;font-weight:bold;float:left;margin-right:1px;background:url('http://file.han-don.com/images/sub/tab_join_bg_on.png') no-repeat; }
.join_tab_type3 li.on span {color:#fff;}
.join_tab_type3 li.on a {color:#636f10;text-decoration:none;}
.join_tab_type3 li.off {padding-top:10px;width:316px;height:67px;line-height:130%;text-align:center;font-size:11px;color:#000;font-weight:bold;float:left;margin-right:1px;background:url('http://file.han-don.com/images/sub/tab_join_bg.png') no-repeat; }
.join_tab_type3 li.off a {color:#777777;text-decoration:none;}
.join_tab_type3 li.off span {color:#999;}

.txt_important{padding:10px !important; text-align:right;}
.veiw_type{width:100% !important}
.join_required{color:red;font-wieght:bold}
.btnC{text-align:center;padding-top:30px;}
.join03{width:100%; text-align:center;}
/*������ ������� ��ȹ*/
.table_01 table {
	width: 100%;
	font-family:dotum, ����, Arial;
	font-size: 13px;
	text-align:center;
	border: 0px solid;
	border-collapse:collapse;
	color:#000;
	padding:0;
	margin-left:8px;
	margin-top:10px;
}

.table_01 th {
	min-height:20px;
	font-weight:normal;
	background-color:#e2e3e3;
	border: 1px solid #d5d0d0;
	border-bottom: 0px ;
	padding:8px 4px 7px 5px;
	font-weight:bold;
}

.table_01 tbody th{
	background-color:#e2e3e3;
}

.table_01 td {
	border: 1px solid #E1DED8;
	padding:8px 4px 7px 5px;
	border-collapse:collapse;
	text-align:center;
	line-height:130%;
}

.table_01 td.txtL {
	border: 1px solid #E1DED8;
	padding: 8px 4px 7px 5px;
	border-collapse:collapse;
	text-align:left;
	line-height:130%;
}
.skin_title {
	border-radius: 7px;
    background-color: #E44047;
    border: none;
    color: white;
    padding: 2px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	width:260px;
	text-align:left;
	font-weight: bold;
}
.skin_detail{
	font-weight: bold;
	padding:8px
}
.skin_table{ text-align:left; }
.skin_table thead tr th{ text-align:left; }
.skin_table tbody td{ text-align:left; padding-left:20px }

tbody.info_tbody td:last-child{text-align:right;padding-right:10px;}


/* 2024.04.01. [한돈자조금 > 운영현황 > 연도별사업추진~] 페이지들  CSS 수정 */
.newBusiPlanBox {
	width: 100%;
	border-radius: 10px;
	background: #f7f7f7;
	padding: 15px 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ddd;
}
.newBusiPlanBox b {
	font-size: 20px;
	font-weight: 500;
}
.newBusiPlanBox span {
	font-size: 16px;
	font-weight: 500;
}
.newBusiPlanBox .innerBox {
	display: flex;
	align-items: center;
	gap: 10px;
}
.newBusiPlanBox select {
	position: relative;
	width: 170px;
	height: 45px;
	color: #333;
	font-size: 18px;
	letter-spacing: -0.18px;
	padding: 0 15px 0 10px;
	border: 1px solid #ddd;
	font-family: "Noto Sans KR", sans-serif;
}
.subTitle.type2 {
	padding-left: 0px;
	display: flex;
	align-items: center;
}
.subTitle.type2::before {
	display: none;
}
.subTitle.type2 span {
	background: #f9a019;
	color: #fff;
	margin-right: 8px;
	font-size: 17px;
	display: inline-block;
	padding: 5px 3px 3px;
	line-height: 16px;
	letter-spacing: -1px;
}
.newImpPlans .skin_title {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	font-family: 'handonFont600';
	background: none;
	width: auto;
	color: #333;
	margin-top: 40px;
	display: flex;
	align-items: center;
	padding: 0;
}
.newImpPlans .skin_detail {
	padding: 10px 0 0 15px;
	font-weight: 400;
	line-height: 1.4;
}
.newImpPlans .skin_title >div {
	background: #f9a019;
	color: #fff;
	margin-right: 8px;
	font-size: 17px;
	display: inline-block;
	padding: 5px 3px 3px;
	line-height: 16px;
	letter-spacing: -1px;
}
.newImpPlans .table_01 table {
	margin: 10px 0 0;
}
.newImpPlans .table_01 table th,
.newImpPlans .table_01 table td {
	padding: 10px;
	text-align: center;
	border: 1px solid #ddd;
	line-height: 1.2;
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
}
.newImpPlans .table_01 table.leftTable th,
.newImpPlans .table_01 table.leftTable td {
	text-align: left;
}
.newImpPlans .table_01 table th {
	background: #f7f7f7;
	font-weight: 500;
}
.newImpPlans .table_01:not(.type2) table tr:last-child td {
	font-weight: 600;
}
.redCheck {
	width: 40px;
	height: 20px;
	border-radius: 3px;
	background: rgba(253, 192, 132, 0.5);
	margin: 0 auto;
}
.greenCheck {
	width: 40px;
	height: 20px;
	border-radius: 3px;
	background: #D7F4DA;
	margin: 0 auto;
}
.blueCheck {
	width: 40px;
	height: 20px;
	border-radius: 3px;
	background: rgba(132, 193, 253, 0.5);
	margin: 0 auto;
}
.newTypeTable tfoot td {
	font-weight: bold;
}
.info_tbody.type3 td:nth-child(2),
.info_tbody.type3 td:nth-child(3),
.info_tbody.type3 td:nth-child(4){
	text-align: right;
}
.info_tbody.type3 td:nth-child(5) {
	text-align: left;
}
.info_tbody.type4 td:nth-child(2),
.info_tbody.type4 td:nth-child(3),
.info_tbody.type4 td:nth-child(4),
.info_tbody.type4 td:nth-child(5){
	text-align: right;
}
.newTypeTable tbody th {
	background: #fff;
}
.newTypeTable.type2 tbody td:first-child {
	font-weight: 500;
}
.newTypeTable.type2 tfoot td {
	background: #ededed;
}

@media(max-width: 700px) {
	.newBusiPlanBox {
		padding: 10px 15px;
	}
	.newBusiPlanBox b,
	.newBusiPlanBox select {
		font-size: 16px;
	}
	.newBusiPlanBox select {
		height: 35px;
	}
}