@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');

@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

	#k_font{font-family: 'Noto Serif KR', serif;}
	#e_font{font-family: 'Radley', serif;}

	#container{width:100%; margin:60px 0 40px;}
	#visual{width:100%;}
	#visual h1 {text-align: center; color: #fff; line-height: 180px; font-size: 26px;}

	/*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;}

	.submenu {width: 96%; padding:0 2%; margin:0 auto; height: 35px; line-height: 30px; margin-bottom:30px; color: #aaa; font-size: 15px; text-align: right; border-bottom:1px solid #eee;}
	.submenu img {padding-top: 6px; padding-right: 5px;}
	.submenu span {padding:1px 5px 0; color: #aaa;}
	.select_sm {
		width:230px;
		height: 30px;
		margin-top:2px;
		font-size: 14px;
		font-weight: bold;
		padding-left: 5px;
		cursor: pointer;
		border:none;
		-webkit-appearance: none; /* 네이티브 외형 감추기 */
		-moz-appearance: none;
		appearance: none;
		background: url(../img/arrow.png) no-repeat 95% 50%; /* 화살표 모양의 이미지 */
		}

	.subt_hr {width: 1px; height: 20px; border:none; background: #c2c2c2; margin:20px auto 5px;}
	.sub_tit {text-align: center; padding-bottom: 20px; font-size: 20px; letter-spacing: -1px;}

  .main_btn {border:1px solid #777; background: none; color: #777; display: table; margin:15px auto 0; width: 57%; height: 32px; line-height: 27px; cursor:pointer;}
  .main_btn:hover {background: #444; color: #fff; transition-duration: 0.3s;}
  .main_btn:hover a {color: #fff; transition-duration: 0.3s;}


	/* sub_visual */
	.sv1 {background:#fff url("../img/bn_s1.jpg") no-repeat center center; background-size:cover; height:180px;}
	.sv1-2 {background:#fff url("../img/bn_s1-2.jpg") no-repeat center center; background-size:cover; height:180px;}
	.sv2 {background:#fff url("../img/bn_s2.jpg") no-repeat center center; background-size:cover; height:180px;}
	.sv3 {background:#fff url("../img/bn_s3.jpg") no-repeat center center; background-size:cover; height:180px;}
	.sv4 {background:#fff url("../img/bn_s4.jpg") no-repeat center center; background-size:cover; height:180px;}
	.sv5 {background:#fff url("../img/bn_s5.jpg") no-repeat center center; background-size:cover; height:180px;}

	/*sub1*/
	.sub1_p {
		width: 100%;
		padding-bottom:5px;
		font-family: 'GyeonggiBatang', sans-serif;
		font-size: 18px;
		font-weight: bold;
	}
	.sub1_p2 {
		width: 100%;
		padding:20px 0 5px;
		float: right;
		font-family: 'GyeonggiBatang', sans-serif;
		font-size: 18px;
		font-weight: bold;
	}
	.sub1-1 {
		padding:10px 0;
		font-size: 15px;
	}
	.sub1_p3 {
		width: 30%;
		float: right;
		padding-top:5px;
	}

	/*sub1-2*/
	.his_div h1 {
		font-size: 30px;
		color: #135aa8;
		border-bottom:1px solid #ccc;
		margin-bottom:5px;
	}
	.his_div {
		overflow: hidden;
		padding-bottom:15px;
	}
	.his_div ul {
	}
	.his_div ul li {
		padding-left:10px;
		font-size: 15px;
		line-height: 22px;
		padding-bottom:5px;
	}
	.his_div ul li b {
		font-size: 18px;
		padding-right:15px;
	}

	/*sub1-3*/
	.sub1-3 {
		margin-bottom: 25px;
		overflow: hidden;
	}
	.sub1-3 .sub_tit {
		text-align: left;
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
		margin-bottom:10px;
	}
	.sub1-3 ul li:first-child {
		width:18%;
		float: left;
		padding-right:2%;
		font-weight: bold;
		color: #145baa;
		line-height: 23px;
    font-size: 14px;
	}
	.sub1-3 ul li:last-child {
		width:80%;
		float: left;
		font-size: 12px;
		line-height: 23px;
	}

	/*sub1-4*/
	.sub1-4 h1 {
		font-size: 19px;
	}
	.sub1-4 h1 img {
		width: 25px;
		padding-top:5px;
	}
	.sub1-4 p {
		font-size: 15px;
		padding-top:7px;
	}

	/*sub2 공통 */
	.sub2 > h1 {
		font-size: 20px;
		text-align: center;
		padding-bottom:15px;
		letter-spacing: -1.7px;
	}
	.sub2_txt {
		padding-bottom:15px;
		text-align: center;
		line-height: 20px;
		font-size: 14px;
	}
	.sub2_img {
		width: 100%;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		text-align: center;
	}
	.sub2_img img {
		max-width: 100%;
	}
	.sub2_his {
		width: 100%;
		margin:0 auto 30px;
		text-align: center;
	}

	/*sub3 공통 */
	.sub3 > h1 {
		font-size: 20px;
		text-align: center;
		padding-bottom:5px;
		letter-spacing: -1.7px;
	}
	.sub3 > h1 span {
		font-size: 13px;
		display: inline-block;
		vertical-align: top;
	}
	.sub3 > p {
		padding-bottom: 25px;
		text-align: center;
		font-size: 17px;
		letter-spacing: -1px;
		color: #444;
	}
	.sub3_txt {
		padding-bottom:30px;
		text-align: center;
		line-height: 20px;
		font-size: 14px;
	}
	.sub3 > ul > li {
		float: left;
		text-align: center;
	}
	.sub3 > ul > li h1 {
		font-size: 17px;
		padding: 5px 0;
		letter-spacing: -1.5px;
	}
	.sub3 > ul > li p {
		font-size: 13px;
		min-height: 130px;
		text-align: left;
		padding:5px;
	}
	.sub3_btn {
		border:1px solid #555;
		width:64%;
		height: 35px;
		background: #fff;
		font-weight: bold;
		font-size: 13px;
	  -webkit-transition-duration: 0.4s; /* Safari */
	  transition-duration: 0.4s;
		margin:10px 0;
	}
	.sub3_btndiv {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.sub3_btn:hover {
		background: #555;
		color: #fff;
	}
	.sub3-1 ul li {
		width: 47%;
    height: auto;
		margin:1%;
		border:1px solid #ccc;
	}
	.sub3-1 ul li img {
		width: 50%;
		padding:2%;
		min-height: 200px;
	}
	.sub3-4 ul li {
		width: 33.3%;
	}
	.sub3-4 ul li h1 {
		font-size: 15px;
		padding:10px;
	}

	/*sub4-1*/
	.sub4-1div {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:10px;
		display: grid;
		overflow: hidden;
		margin-bottom:20px;
	}
	.sub4-1div ul li {
		float: left;
		width: 23%;
		padding:0 1%;
		font-size: 13px;
		text-align: center;
	}
	.sub4-1div ul li p {
		padding-top: 15px;
		font-weight: 600;
	}
	.sub4-1div ul li img {
		cursor: pointer;
	}
	.sub4-1ul {
		width: 100%;
	}
	.sub4-1ul ul li {
		float: left;
		line-height: 40px;
		font-weight: 600;
	}
	.sub4-1ul ul li span {
		color: red;
	}
	.sub4-1ul ul li:first-child {
		width: 18%;
		padding-right: 2%;
		text-align: right;
		font-size: 13px;
	}
	.sub4-1ul ul li:last-child {
		width: 80%;
	}
	.sub4-1ul ul li:last-child input[type="text"] {
		width: 95%;
		height: 32px;
		line-height: 32px;
		margin-bottom: 8px;
		padding:5px;
		border:1px solid #ccc;
	}
	.sub4-1ul ul li:last-child textarea {
		width: 95%;
		height: 150px;
		padding:2%;
		border:1px solid #ccc;
		resize: none;
		margin-bottom:10px;
	}
	.s4-1_btn {
		width: 45%;
		height: 40px;
		color: #fff;
		background: #145baa;
		border:none;
	  -webkit-transition-duration: 0.4s; /* Safari */
	  transition-duration: 0.4s;
		margin: 0 auto 20px;
		float: right;
	}
	.s4-1_btn:hover {
		background: #1b4779;
	}

	/*sub4-2*/
	.sub4-2table {
		border-top:3px solid #145baa;
		border-collapse: collapse;
		margin:20px 0;
	}
	.sub4-2table thead tr td {
		border-bottom:1px solid #acacac;
		text-align: center;
		padding:7px 0 ;
		font-size: 16px;
		font-weight: bold;
	}
	.sub4-2table tbody tr td {
		border-bottom:1px solid #ddd;
		font-size: 14px;
		padding:7px 0;
	}
	.sub4-2table tbody tr td:nth-child(2) {
		text-align: left;
	}

	.num {
		text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	.num a {
		display: inline-block;
		width:25px;
		height: 25px;
		line-height: 23px;
		border:1px solid #ccc;
		color: #bbb;
		margin:0 1px;
	}
	.num_on {
		background: #333 !important;
		border:1px solid #333 !important;
		color: #fff !important;
	}

	/*sub4-2*/
	.sub4-2d {
		border-top:2px solid #555;
	}
	.sub4-2d h1 {
		padding:15px 10px;
		background: #f8f8f8;
		text-align: left;
		font-size: 19px;
		border-bottom:1px solid #d7d7d7;
	}
	.sub4-2d h1 span {
		font-size: 14px;
		font-weight: lighter;
		color: #777;
	}
	.sub4-2ctt {
		padding:15px;
		min-height: 250px;
		margin-bottom:20px;
		border-bottom:1px solid #d7d7d7;
	}