@import url('https://fonts.googleapis.com/css?family=Radley&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,700&display=swap');

	#k_font{font-family: 'Noto Serif KR', serif;}
	#e_font{font-family: 'Radley', serif;}

	#container{width:100%; margin:60px 0 40px;}
	#visual{width:100%; margin-top:-45px;}

	/*sub 공통*/
	#sec1, #sec2, #sec3 {overflow:hidden;}
	.sub_s1{border-bottom:1px solid #ccc;}
	.s_title{font-size:22px; text-align:center; font-weight:bold; margin:5px 0 0;}
	.s_title:after{content:""; display:block; width:60px; height:1px; background-color:#383231; margin:15px auto;}
	.area{width:94%; margin:0 auto; overflow: hidden;}
	.area img {width:100%;}
	.area table {width:100%; text-align: center;}
	.point_c {color:#5e6e65;}

	.s2_menu {width:100%; margin:0 auto; text-align: center; border-bottom:1px solid #ccc; display: table}
	.s2_menu ul li {float: left; width:50%; line-height: 42px; background: #eaefec; font-size: 15px; border-bottom:1px solid #d1d7d4;}
	.s2_menu3 {width:100%; margin:0 auto; text-align: center; border-bottom:1px solid #ccc; display: table}
	.s2_menu3 ul li {float: left; width:33.3%; line-height: 42px; background: #eaefec; font-size: 15px; border-bottom:1px solid #d1d7d4;}
	.s2_menu ul li.menu_on,.s2_menu3 ul li.menu_on {background: #444; color:#fff; font-weight: bold;}

	.subt_hr {width: 1px; height: 20px; border:none; background: #c2c2c2; margin:20px auto 5px;}
	.sub_tit {text-align: center; padding-bottom: 20px; font-size: 24px; letter-spacing: -1px;}


	/* sub_visual */
	#visual {margin-bottom:20px;}
	.sv1 {background:#fff url("../img/bn_s1.jpg") no-repeat center center; background-size:cover; height:200px;}
	.sv1-2 {background:#fff url("../img/bn_s1-2.jpg") no-repeat center center; background-size:cover; height:200px;}
	.sv2 {background:#fff url("../img/bn_s2.jpg") no-repeat center center; background-size:cover; height:200px;}
	.sv3 {background:#fff url("../img/bn_s3.jpg") no-repeat center center; background-size:cover; height:200px;}
	.sv4 {background:#fff url("../img/bn_s4.jpg") no-repeat center center; background-size:cover; height:200px;}
	.sv5 {background:#fff url("../img/bn_s5.jpg") no-repeat center center; background-size:cover; height:200px;}

	/*sub1*/
	.sub1 {
		margin-bottom: 25px;
		text-align: center;
		font-size: 15px;
	}
	.sub1 h1 {
		font-size: 30px;
		padding-bottom:20px;
	}
	.sub1 img {
		padding-bottom: 15px;
	}

	.sub1-2 p {
		text-align: center;
		font-size: 22px;
	}

	.sub1-4 {
		height: 70px;
		overflow: hidden;
	}
	.sub1-4 img {
		width: 25%;
		float: left;
		height: 100%;
	}
	.sub1-4 p {
		width: 71%;
		height: 90%;
		float: left;
		color: #fff;
		background: #5e6e65;
		float: left;
		text-align: center;
		font-size: 14px;
		padding:5% 2%;
	}

	.sub3 table {
		padding:0;
		border-collapse: collapse;
		margin-top:20px;
	}
	.sub3_tb thead tr td {
		line-height: 40px;
		border-top:1px solid #222;
		background: #f8f8f8;
		font-weight: bold;
		border-bottom:1px solid #ccc;
		text-align: center;
		font-size: 0.9em;
	}
	.sub3_tb tbody tr td {
		border-bottom:1px solid #ccc;
		padding:15px 0;
		font-size: 0.8em;
		text-align: center;
	}
	.sub3_tb tbody tr td:nth-child(2) {
		text-align: left;
		padding:0 10px;
	}
	.num_div {
		text-align: center;
		margin-top:20px;
	}
	.num_div li {
		display: inline-block;
		width: 27px;
		height: 27px;
		line-height: 25px;
		border:1px solid #ddd;
		font-size: 13px;
		color: #444;
	}
	.num_div li a {
		display: block;
	}
	.num_on a {
		display: block;
		background: #5e6e65;
		color: #fff;
		height: 100%;
	}

	.s3d_tit {
		border-top:2px solid #333;
		background: #f8f8f8;
		border-bottom:1px solid #ccc;
		padding:15px;
	}
	.s3d_tit h1 {
		font-size: 20px;
		padding-bottom:6px;
	}
	.s3d_tit p {
		font-size: 13px;
		color: #666;
	}
	.s3d_ctt {
		padding:15px;
		border-bottom:1px solid #ccc;
		min-height: 250px;
		margin-bottom:20px;
		font-size: 0..9em;
	}
	.s3d_btn {
		width: 120px;
		height: 40px;
		background: #5e6e65;
		color: #fff;
		border:none;
		float: right;
		font-weight: bold;
		font-size: 15px;
	}

	p.history_title{
		font-size: 20px;
		font-weight: 600;
		color: #5e6e65;
		margin: 15px 0 30px;
	}

	p.history_title02{
		margin: 20px 0;
		font-weight: 600;
		font-size: 16px;
	}

	p.history_title02 strong{
		color: #5e6e65;
	}

	.bar{
		width: 20px;
		height: 2px;
	  background-color: #5e6e65;
		margin: 0 auto 20px;
	}

	ul.history_list{
		margin: 0 auto;
		width: 95%;
	}

	ul.history_list li{
		width: 100%;
		display: flex;
		align-items: flex-start;
		padding: 10px 0;
		font-size: 14px;
		word-break: keep-all;
	}

	ul.history_list li strong{
		margin-right: 20px;
		color: #5e6e65;
		font-size: 16px;
	}

	.his_con{
		font-size: 12px;
		line-height: 20px;
	}

	/* sub4 */
	.cro_big{
		text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    margin: 0 0 20px;
	}

	.cro_p01{
		margin: 8% 0;
	}

	.p01_t{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 30px;
	}

	.p01_t h1{
		font-size: 20px;
		font-weight: bold;
		color: #333;
		margin-left: 5px;

	}
	.p01_box{
		width: 100%;
	}
	.p01_box ul{
		overflow: hidden;
	}

	.p01_box li{

		border: 1px solid #445c48;
		width: 99%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.p01_box_t h3{
		font-size: 18px;
		color: #445c48;
		font-weight: bold;
		margin-left: 7px;
	}

	.p01_box_t p{
		font-size: 12px;
		color: #555;
		font-weight: 300;
		line-height: 20px;
		margin-top: 10px;
	}

	.p01_box_t{
		padding: 15px;
	}

	.p02_box{
		width: 100%;
	}
	.p02_box ul{
		overflow: hidden;
	}

	.p02_box li{
		border: 1px solid #445c48;
		width: 99%;
		margin-top: 10px;
		margin-bottom: 10px;
	}


	.p02_box_t h3{
		font-size: 18px;
		color: #445c48;
		font-weight: bold;
		margin-left: 7px;
	}

	.p02_box_t p{
		font-size: 12px;
		color: #555;
		font-weight: 300;
		line-height: 20px;
		margin-top: 10px;
	}

	.p02_box_t{
		padding: 15px;
	}

	.p01_t img{width: 6%;}

	.sq_c{
		font-size: 10px;
		margin-right: 5px;
		color: #445c48;
	}

.p02_green{
	display: flex;
	align-items: center;
}

.green_d{
	width: 4px;
	height: 4px;
	background-color: #445c48;
}
