@charset "utf-8";

.cont { padding:60px 0; min-height:500px; }

/* common ====================================================================================*/
.visual-sub { margin:120px 0 0 0; padding:0; height:300px; background-image:url(/img/visual-sub1.jpg); }



.visual-sub h2 {  padding:0; color:#fff; font-weight:700; font-size:45px; text-align: center; padding-top: 90px; text-shadow: 1px 1px 5px gray; text-align: left;}

.gnb-sub { width:100%; position:relative; z-index:2; margin-top:-90px; padding-bottom: 1px; }


.gnb-sub ul { margin:0; padding:0; list-style:none; width:100%; display:flex; }
.gnb-sub ul li { margin:0 15px 0 0; padding:0;}
.gnb-sub ul li a { display:block; padding:15px 50px; border-radius: 3px; background: rgba(0,0,0,1); font-size:18px; font-weight:700; text-align:center; line-height:1.2; border:none; color:#ccc; text-transform:capitalize; margin-left:-1px; }
.gnb-sub ul li a:hover, .gnb-sub ul li a.active { color:#fff; background: #5cc5c4;}
.wrap_title{display: flex; justify-content: space-between; margin-top: 80px;}
.location { text-align:right; padding:25px 0; font-size:14px; margin-bottom: 35px; margin-top: 0;}
.page-title { margin:0; font-size:34px; font-weight: 700; position:relative; height:69px; line-height:1.2; border-bottom:1px solid #d4d4d4; }


@media (max-width: 991px) {
.gnb-sub { display:none; }
.visual-sub { height:100px; }
.location { text-align:center; margin-top:-80px; color:#fff; }
.location a { color:#fff; }
.page-title { display:block; margin:30px 0 0 0; font-size:30px; text-align:center; }
}
@media (max-width: 767px) {
.visual-sub { margin:70px 0 0 0; height:90px; }
.visual-sub h2{ padding-top: 0; text-align: center; font-size: 24px;}
.wrap_title{margin-top: 20px; display:block;}	
.location {text-align: center;}
.page-title {display: none;}
}

h3.content-title{color:#222529; font-size:38px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 80px; display: block; width: 100%;}
h5.h5-style1{font-weight:400; font-size:28px; color:#222; margin-top: 30px; text-align: left;}
.border01{padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}
h5.h5-style2 { position: relative; padding: 35px 0 35px 87px; font-size: 27px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}
h5.h5-style2:before {content: ""; position: absolute; top: 50%; margin-top: -15px; left: 40px; width: 36px;  height: 31px; background: url(/img/title-icon.png) center/contain no-repeat;}
h5.h5-style21 { position: relative; padding: 0px 0 35px 87px; font-size: 27px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}
h5.h5-style21:before {content: ""; position: absolute; left: 40px; width: 36px;  height: 31px; background: url(/img/title-icon.png) center/contain no-repeat;}

.gray-box {padding: 50px 40px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1 {position: relative; padding: 0 10px; font-size: 17.5px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}
.gray-box .p1 span{font-size: 15px; color: #214399;}
.gray-box .p1 strong{font-weight: 700; color: #214399;}

@media (max-width: 1020px) { 
h3.content-title{color:#222529; font-size:18px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 30px; display: block; width: 100%;}
h5.h5-style1{font-weight:400; font-size:22px; color:#222; margin-top: 30px; text-align: left;}
.border01{padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}
h5.h5-style2 {border-top: 2px solid #7f7f7f; position: relative; padding: 25px 0 25px 67px; font-size: 22px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}
h5.h5-style2:before {content: ""; position: absolute; top: 50%; margin-top: -17px; left: 20px; width: 32px;  height: 31px; background: url("/img/title-icon.png") center/contain no-repeat;}
h5.h5-style21 {border-top: 2px solid #7f7f7f; position: relative; padding: 15px 0 25px 67px; font-size: 22px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}
h5.h5-style21:before {content: ""; position: absolute;  left: 20px; width: 32px;  height: 31px; background: url("/img/title-icon.png") center/contain no-repeat;}


.gray-box {padding: 30px 20px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1 {position: relative; padding: 0 10px; font-size: 16px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}
.gray-box .p1 span{font-size: 14px; color: #214399;}
    
}


.nav-tabs{ margin-bottom: 50px;}
.nav-tabs>li>a { padding:18px 50px; border-radius:0; font-size:17px; background-color:#f7f7f7; border:1px solid #ddd; margin-right:-1px !important; }
.nav-tabs>li>a:hover { color:#000; background-color:#fff; border-top: 1px solid #000 !important; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {  color:#000; background-color:#fff; border-top: 1px solid #000  !important; font-weight: 400; }


.tabs2 { border:none; display:black; position:relative; z-index:911; }
.tabs2 li {margin:0; padding:10px; width:1%; display:table-cell;}

.tabs2 li a { display:block; position: relative; font-size:22px; font-weight:400; padding:130px 0 10px 0; color:#2fb8bb;  text-align:center; line-height:1.5; margin-left:-1px; border-radius:15px; text-align: center;}
.tabs2 li:nth-child(1) a { background-image: url("/img/bg-fv1.png");}
.tabs2 li:nth-child(2) a { background-image: url("/img/bg-fv2.png");}
.tabs2 li:nth-child(3) a { background-image: url("/img/bg-fv3.png");}
.tabs2 li:nth-child(4) a { background-image: url("/img/bg-fv4.png");}
.tabs2 li:nth-child(5) a { background-image: url("/img/bg-fv5.png");}

.tabs2 li.active a, .tabs2 li a:hover, .tabs2 li.active a:focus { display:block;  border:1px solid ##2fb8bb; color:#fff !important; }
.tabs2 li a p{ margin: 0; padding: 0;}

@media (max-width: 768px){
.tabs2 li { display:block; float:left; width:20%; padding: 1px;  margin-top:-1px; max-height:50px; overflow:hidden; margin-right:0;}
.tabs2 li a {display:table; width:100%; font-size:12.5px; min-height:50px; border-radius:7px;  padding:4px 3px; margin-bottom:0 !important; border-left:0 !important; border-right:0 !important; border-top:1px solid #e3e3e3 !important; border-bottom:1px solid #e3e3e3 !important; background-image: none !important; background-color: #102E64;}
.tabs2 li.active a, .tabs2 li a:hover, .tabs2 li.active a:focus { display:table;  border:1px solid ##2fb8bb; color:#fff !important; }	
.tabs2 li a p{display: table-cell; vertical-align: middle;}
}

.tabs3 { border:none; display:black; position:relative; z-index:910;}
.tabs3 li { float:left; margin-right:5px;}
.tabs3 li a { display:table; font-size:15px; font-weight:400; padding:12px; color:#2fb8bb; border:1px solid #2fb8bb !important; text-align:center; line-height:1.5; margin-left:-1px; border-radius:15px; }
.tabs3 li.active a, .tabs3 li.active a:hover, .tabs3 li.active a:focus { display:table; background:#2fb8bb; border:1px solid ##2fb8bb; color:#fff !important; }
.tabs3 li a p{ display:table-cell; vertical-align:middle;}

@media (max-width: 768px){
.tabs3 li { display:block; float:left; width:33%; margin-top:-1px; max-height:50px; overflow:hidden; margin-right:0;}
.tabs3 li a {display:table; width:100%; font-size:12.5px; min-height:50px; border-radius:0;  padding:4px 3px; margin-bottom:0 !important; border-left:0 !important; border-right:0 !important; border-top:1px solid #e3e3e3 !important; border-bottom:1px solid #e3e3e3 !important;}
}


.ul-10 { margin:0; padding:0; list-style:none; }
.ul-10 li { margin:0; padding:0 0 10px 17px; position:relative; text-align:left; }
.ul-10 li:before { content:''; position:absolute; left:5px; top:11px; width:5px; height:5px; background-color:#bd4146; border-radius: 5px; }
.ul-10 li strong { font-weight:400; color:#bd4146; font-size:17px; }

.ul-11 { margin:0; padding:0; list-style:none; }
.ul-11 li { margin:0; padding:0 0 10px 17px; position:relative; text-align:left; line-height:140% }
.ul-11 li:before { content:''; position:absolute; left:5px; top:11px; width:4px; height:2px; background-color:#333; }
.ul-11 li strong { font-weight:400; color:#bd4146; display:block; padding-right:10px; }

.ul-12 { margin:20px 10px; padding:0; list-style:none; }
.ul-12 li { margin:0; padding:0 0 10px 17px; position:relative; text-align:left; font-weight:700; }
.ul-12 li:before { content:''; position:absolute; left:5px; top:11px; width:4px; height:4px; background-color:#bd4146; }
.ul-12 li strong { font-weight:400; color:#bd4146; font-size:17px; }

.ul-13 { text-align: left;  }
.ul-13 li{list-style: circle; text-align: left !important; padding-bottom: 3px; margin: 0;}

.table-style1 { clear:both; margin:0; padding:0; width:100%; border-collapse:collapse; border-top:#004795 2px solid; border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #ccc; }
.table-style1 th { border:1px #d7d7d7 solid; padding:18px 0; background:#f6f6f6; text-align:center; font-family:'Noto Sans', sans-serif; color:#004795; }
.table-style1 td { border:1px #d7d7d7 solid; padding:15px 15px; text-align:center; letter-spacing:-0.5px; }
.table-style1 td.lt { text-align:left; }
.table-style1 td li{ text-align:left;}

.table { border-top:2px solid #3f4659 !important; border-left:2px solid #fff; border-right:2px solid #fff;  }
.table>thead>tr>th { background-color:#f9f9f9; border-bottom:2px solid #ddd; text-align:center !important; padding:15px 8px; vertical-align:middle; font-weight:normal; }
.table th { background-color:#f9f9f9; border-bottom:2px solid #ddd; text-align:center !important; padding:15px 8px; vertical-align:middle !important;}
.table>tbody>tr>td { vertical-align:middle; padding:15px; line-height:2;}
.table>tbody>tr>td small{ display:inline;}
.table>tbody>tr>td ul { padding-left:10px; }
.table>tbody>tr>td.bg-color { background-color:#fff5f9; }
.table>tbody>tr>td.bg-glay { background-color:#f2f2f2; }
.table>tbody>tr>td.lt { text-align:left; }
.table>tbody>tr>td.vm { vertical-align:middle; }
.table>tbody>tr>td.tt1 { vertical-align:middle; font-size:14px;}
.table>tbody>tr>td.tt5 { vertical-align:middle; background-color:#f9f9f9; font-weight:400;}
.table>tfoot>tr>td { background-color:#f9f9f9; padding:15px 8px; font-weight:700; }
.table>tbody>tr>td>p.who{ background:#EFEFEF;  margin:10px 5px; padding:10px 0; font-size:13px; display:none;}
.table>tbody>tr>td.pub-on { background:#fff5f9; vertical-align:middle; }
.table>tbody>tr>td.pub-on>span { display:block; font-size:13px;}


.box-style1{ clear:both; border:1px solid #e5f1d5; padding:30px; margin:0 0 0 0; background:#e5f1d5; border-radius:10px; line-height: 200%; }
.box-style1 h5{font-size: 30px; font-weight: 700; padding-bottom: 30px;}
.box-style1 .p1{font-size: 20px;}
.box-style1 .p2{font-size: 15px; display: inline-block; background: #fff; border-radius: 25px; padding: 10px 20px; margin-top: 20px; margin-bottom: 30px;}
.box-style1 .p3{font-size: 18px; margin-top: 30px;}

.box-style2{ clear:both; border:1px solid #e4cfcf; padding:15px; margin:20px 0; background:#fff; font-weight:700; border-radius:20px; }
.box-style3{ clear:both; border:1px solid #9aaac1; padding:15px; margin:0; background:#EFEFEF; text-align:center; }
.box-style4{ clear:both; padding:15px; margin:0; background:#f7f8f3; text-align:center; border-radius:20px; margin-bottom: 30px; overflow: auto;}
.box-style5{ clear:both; padding:40px; margin:0; background:#fff; text-align:center; border-radius:20px; margin-bottom: 30px; overflow: auto;}

@media (max-width: 991px) {
	.box-style5{ clear:both; padding:10px; margin:0; background:#fff; text-align:center; border-radius:20px; margin-bottom: 30px; overflow: auto;}

}


.quick-side{display:block;position:fixed;z-index: 1;right:0;top:50%;width:140px;margin-right:17px;background-color:#fff;color:#222; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 1755px) {
	.quick-side{ display: none;}

}
.quick-side ul{list-style: none; margin: 0; padding: 0; text-align: center;}
.quick-side ul li{margin: 0; padding: 0;}
.quick-side ul li a{display: block; padding: 15px 0;}
.quick-side ul li h5{margin: 0; padding: 0;}
.quick-side ul li span{margin: 0; padding: 0; display: block; font-weight: 700;}
.quick-side ul li:nth-child(1) a { display: block; background: #72ba37; color: #fff;}
.quick-side ul li:nth-child(2) a { display: block; background: #48c6b1; color: #fff;}
.quick-side ul li:nth-child(2) a span {font-size: 20px;}
.quick-side ul li:nth-child(3) a { border-bottom: 1px dotted #ddd;}
.quick-side ul li:nth-child(4) a { border-bottom: 1px dotted #ddd;}
.quick-side ul li:nth-child(5) a { border-bottom: 1px dotted #ddd;}
.quick-side ul li:nth-child(6) {display: flex;  justify-content: center;}
.quick-side ul li:nth-child(6) a { margin-left: 3px; margin-right: 3px;}
.quick-side ul li:nth-child(7) a { padding: 10px 0; background: #666; color: #fff;}

/* 게시판 상단 안내 */
.notice_box{position:relative;border-top:3px solid #7a7d96;background-color:#f7f8fa;transform:translateY(-3px);}
#contents div:first-child.notice_box{margin-top:-50px; margin-bottom:50px;}
.notice_box .box_wrap{position:relative; min-height:150px; padding:40px 40px 40px 170px;}
.notice_box.n01 .box_wrap:before{background-image:url('https://www.hanam.go.kr/common_2020/images/program/notice_box_icon1.png');}
.notice_box.n02 .box_wrap:before{background-image:url('/common_2020/images/program/notice_box_icon2.png');}
.notice_box.n03 .box_wrap:before{background-image:url('/common_2020/images/program/notice_box_icon3.png');}
.notice_box .box_title{margin-top:0; font-size:24px; font-weight:700; color:#111111; line-height:24px;}
.notice_box .box_text{margin-top:10px; font-size:16px; font-weight:300; color:#636363; line-height:24px;}
.notice_box .box_list{margin-top:10px;}
.notice_box .box_list li{position:relative; margin-top:5px; padding-left:15px; font-size:15px; line-height:22px; color:#636363;}
.notice_box .box_list li:before{left:0; top:7px; width:6px; height:6px; border-radius:50%; background-color:#7a7d96;}
.notice_box .small{font-size:15px;}
@media all and (max-width:1000px){
    #contents div:first-child.notice_box{margin-top:-30px; margin-bottom:30px;}
}
@media all and (max-width:640px){
    #contents div:first-child.notice_box{margin-top:-20px; margin-bottom:20px;}
    .notice_box{border-top:0; transform:translateY(0);}
    .notice_box .box_wrap{padding:30px;}
    .notice_box .box_wrap:before{display:none;}
}

.title-md { font-size:32px; font-weight:700; margin:0 0 40px 0; padding:0; text-align:center; }
.title-sm { font-size:20px; font-weight:700; margin:0 0 20px 0; padding:0; }
.title-xs { font-size:16px; font-weight:700; margin:0 0 10px 0; padding:0; color:#c85908; }

.font-xs { font-size:16px; }



.counsel h3 { text-align: center; font-size: 30px; font-weight: 700; margin-bottom: 30px; }
.col { margin-top:15px; min-height:60px; }
.col.col-md-2 { font-weight:700; }
@media (max-width: 991px) {
.col { margin-top:5px; min-height:inherit; }
.col.col-md-2 { margin-top:20px; min-height:inherit; background-color:#f7f7f7; border-top:1px solid #ddd; padding-top:10px; padding-bottom:8px; }
}
.chk-box{background:#eef4fa; padding:20px;}
.chk-box h4{display:block;background:none;padding:0 0 10px 10px;text-align:center !important;font-weight:normal;border:none;margin:0 auto}
.chk-box>p{text-align:center; font-size:20px; margin:10px auto;}
.chk-box>p>strong{color:red; font-weight:500; display:inline-block; margin:0 5px 0 0;}
.test-c{overflow:hidden;}
.test-c > li {overflow:hidden;text-align:center;margin:0 0 5px 0;}
.test-c > li > input[type="checkbox"]{position:absolute;left:-9999px;}
.test-c > li > input[type="checkbox"] + label{color:#333;display:block; text-align:center;
	padding:10px 0;font-weight:400;letter-spacing:-1px;cursor:pointer;background:#fff;}

.test-c{margin:20px auto 0 auto;padding:0 0 0 30px;}
	
	.test-c > li {float:left;width:23%;margin:1%; border-radius: 20px;}
	.test-c > li > input[type="checkbox"] + label{height:45px;padding:110px 0 40px 0; margin: 0; background: transparent; border-radius: 20px; border: 1px solid #fff; }

	.test-c > li.i02{background:#fff url('/img/test-icon1.png') center 35% no-repeat;}
	.test-c > li.i03{background:#fff url('/img/test-icon2.png') center 35% no-repeat;}
	.test-c > li.i04{background:#fff url('/img/test-icon2.png') center 35% no-repeat;}


	.test-c > li > input[type="checkbox"]:checked + label{color:#333; border: 1px dotted red; color: red;}


	.table4 {transition:all 0.3s ease-out;width:100%; overflow:hidden;text-align:center;}
	.table4 caption {display:none;}
	.table4 thead th {color:#2d2a22;background-color:#f1f1f1;line-height:1.3em;height:50px;font-weight:500; text-align: center; border-left: 1px solid #ddd; font-size: 14px; padding: 12px 15px;}
	.table4 thead th small{ display: block;}
	.table4 tbody th {transition:all 0.3s ease-out;color:#2d99c8;padding:5px;height:35px;border-bottom:1px solid #ecf1f7; text-align: center;}
	.table4 tbody td {color:#333; border-bottom:1px solid #ecf1f7;vertical-align:middle; padding:8px 15px; text-align: center;}

	.table4 tbody td label span{display: none;}
	.table4 tbody td label input{ width: 1.2em; height: 1.3em;}
	.table4 .bg01 {background:#fafafa}
	.table4 .lt {text-align:left;}
	.table4 .RNone {border-right:none;}

	.table4 .ba{vertical-align: baseline;}

	.table4 th.bg01 {background:#b8d4e2 !important;color:#333;}
	.table4 th.bg02 {background:#b8e2ca !important;color:#333;}
	.table4 th.bg03 {background:#f6bd90 !important;color:#333;}

	.table4 td.yn {background:#f1f1f1 !important;color:#333;}
	.table4 td.yq {background:#f9f9f9 !important;color:#333;}	
		
		@media (max-width: 767px) {
		.chk-box{background:#eef4fa; padding:10px; margin-top: 20px;}
		.test-c > li > input[type="checkbox"]{position:absolute;left:-9999px;}
		.test-c > li > input[type="checkbox"] + label{color:#333; display:block; text-align:center;padding:10px 0;font-weight:400;letter-spacing:-1px;cursor:pointer;background:#fff;}

		.test-c{overflow:hidden; margin:20px auto 0 auto; padding:20px 20px 10px 20px;}
	
		.test-c > li {float:left;width:48%;margin:1%; border-radius: 20px;}
			
		.test-c > li > input[type="checkbox"] + label{height:30px;padding:70px 0 30px 0;border:4px solid #fff;background:transparent}

		.test-c > li.i02{background:#fff url('/img/test-icon1.png') center 35% no-repeat;}
		.test-c > li.i03{background:#fff url('/img/test-icon2.png') center 35% no-repeat;}


		.test-c > li > input[type="checkbox"]:checked + label{border:4px solid #32a2d7; color:#333; box-shadow: #f1f1f1 3px 3px 2px inset;}
		

			
        
		.table4 {display:block}
		.table4 thead {display:none;}
		.table4 tbody {text-align:left;}
		.table4 tbody, .table4 tbody tr, .table4 tbody tr td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border:none;}
		.table4 tr:nth-child(odd) {background-color:#fafafa;}
		.table4 tbody tr {padding-top:14px; padding-bottom:14px; border-right:1px solid #c6c6c6;}
		.table4 tbody tr:last-child {border-bottom:1px solid #c6c6c6;}
		.table4 tbody tr th {padding:0 20px; border-top-width:0; background-color:transparent; text-align:left; border:none;}
		.table4 tbody tr td {border-top-width:0; text-align:left; padding:0 20px;}
		.table4 tbody td label span{display:inline;}			
		.table4 tbody tr th:before, .table4 tbody tr td:before {color:#333; /*content:attr(data-cell-header);*/}
		.table4 tbody tr td.name {font-size:14px; font-weight:600; margin-bottom:10px;}
		.table4 tbody tr td dl dt.name {font-size:14px; font-weight:600; margin-bottom:10px;}
		.table4 tbody tr td.mh45 {min-height:45px;}
		.table4 label { display:block;font-size:14px;padding:0 10px;line-height:22px;}
		.table4 .inp{margin-bottom:20px;} 	

		}

	.result{font-size: 25px; font-weight: 300; line-height: 1.4; padding: 0 0 40px 0; text-align: left;}
	.result span{font-weight: 700; color: red;}
.result_box{width:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;padding:150px; flex-direction: column; align-items: center; background-image: url("/img/bg-result.jpg")}

.result_box .col-line::before{content: ""; position: absolute; right: 30px; top: 30px; width: 1px ; height: 100%; border-left: 1px dotted #ccc;}

@media (max-width: 767px) {
.result{font-size: 20px; font-weight: 300; line-height: 1.4; padding: 0 0 40px 0; text-align: left;}
.result br{display: none;}
.result_box{width:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;padding:20px; flex-direction: column; align-items: center; background-image: url("/img/bg-result.jpg")}
.result_box .col-line::before{display: none;}	
	}


.summary-box{margin:0; background:#fff;  }
.summary-box .row{ margin-bottom:0; margin-left:0; margin-right:0; border-bottom: 1px solid #ddd; overflow: auto; padding: 40px 0;}
.summary-box .tt{ font-size:32px; font-weight:100; line-height:165%; position:relative; padding-top:0;}	
.summary-box .t1:before{ content:''; width:90%; height:2px; background-color:#d72a26; position:absolute; left:0; top:0; }
.summary-box .tt .tt-wrap{line-height:1.5; min-height: 270px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center;}	
.summary-box .tt .tt-wrap h5{font-size:23px; font-weight:700; letter-spacing: -1px; margin-top: 20px; text-align: center;}	
.summary-box .c1{color: #fe7032;}	
.summary-box .td{ background: #f9f9f9; min-height: 270px; border-radius: 10px; }	
.summary-box .td .bg-wrap{border-radius:15px; padding:35px;box-shadow:none;border:none; display: flex; flex-wrap: wrap;}
.summary-box .td .bg-wrap span{text-align:center;display:block; color:#fff; width:90px; height:30px; line-height:28px; border-radius:30px; margin-bottom:20px;}
.summary-box .td .bg-wrap p{text-align:left;}
.summary-box .td .bg-wrap .bgwrap-p {width: 100%; margin-bottom: 35px; font-weight: 700; font-size: 17px;}

.summary-box .td h5{font-weight:700; color:#9c2336; display:block; padding-right:10px; font-size:18px !important; margin-top: 30px; }	
.summary-box .td .table li{ font-size:15px;}		
.summary-box .td p small{text-align: left !important; }
.summary-box .td .p2{ color: #00879b;}
.summary-box .td ul { text-align: left;  }
.summary-box .td ul li{list-style: circle; text-align: left !important; padding-bottom: 5px;}
.summary-box .td ol { text-align: left; margin-left: 0; margin-top: 5px; padding-left: 15px;}
.summary-box .td ol li{list-style: decimal ; font-size: 14px;}

@media (max-width: 767px) {
	.title-box{ background:#f2f4f7; padding:20px;}
	.title-box	h4{ font-size:25px; font-weight:300; text-align:center; line-height:150%}
	.title-box	h4 br{ display:block;}
	.title-box	h4 span{ display:block; font-size:12px; line-height:120%; margin-top:0; }	
	.title-box	p{ margin-top:30px; background:#FFF; display:block; padding:15px; font-size:16px;}
	.summary-box{ max-width:1200px; margin-top: 0;}
	.summary-box .tt .tt-wrap{line-height:1.5; min-height: 220px !important; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center;}	
	.summary-box .row{ margin-bottom:40px; padding: 0;}
	
	.summary-box .tt{ font-size:22px;line-height:165%; position:relative; padding-top:30px; text-align: left; padding-right: 0;}	
	.summary-box .td{ padding-left:15px; padding-top:20px; margin-bottom: 30px;}	
	.summary-box .td .bg-wrap{border-radius:15px; padding:20px 5px;box-shadow:none;border:none; display: flex; flex-wrap: wrap;}
}

.business1 { background:url(/img/business1-bg1.jpg) no-repeat right bottom; min-height:270px;  border-radius: 10px; padding:30px 50px; margin-bottom: 50px;}
.business1 h3 { position:relative; height:80px; font-weight: 700; font-size: 30px;}
.business1 h3:before { content:''; position:absolute; left:0; top:60px; width:40px; height:1px; background-color:#999; }
.business1 p { width:55%; }

.info1 { background:#f6f6f6 url(/img/business1-bg1.jpg) no-repeat 40px 20px; min-height:270px; padding:30px 50px 30px 300px; margin-bottom: 50px;}
.info1 h3 { position:relative; height:80px; color: #0a8b8e; }
.info1 h3:before { content:''; position:absolute; left:0; top:60px; width:40px; height:1px; background-color:#999; }
.info1 p { }

/* 소개 */
.intro { background:#fff url(/img/bg-intro.jpg) no-repeat left center; height:420px; padding:150px 200px 0 200px; }
.intro .caption { background-color:#fff; height:300px; }
.intro .caption h4 { padding:60px 0 20px 0; text-align:center; font-weight:bold; font-size: 30px; }
.intro .caption p span { display:block; text-align:center; font-size: 35px; }
.greeting p{ text-align: center; line-height: 200%; padding-bottom: 30px;}

.cert ul{ margin: 80px auto 0 auto; padding: 0; overflow: auto; }
.cert ul li{display: block; float: left; width: 33.3%; text-align: center; }
.cert ul li img{ width: 80%;}
.cert ul li h5{ display: block; font-size: 20px; margin-bottom: 0; padding: 15px 0 25px 0;}

@media (max-width: 991px) {
.intro { padding:85px 40px 0 40px; }
.cert ul li {float: none; width: 100%; padding-bottom:20px;	}
	
	
}
@media (max-width: 767px) {
.intro { margin:0 -15px; padding:30px 15px 0 15px; position:relative; height: auto}
.intro .caption { bottom:0; height:200px; }
.intro .caption h4  { padding:30px 0 15px 0;} 
.intro .caption p { padding:0 15px; font-size:15px;  }
.intro .caption p span {font-size: 20px;}


	
	
.business1 { background-image:none !important;  border-radius: 10px; padding:15px 20px; margin-bottom: 0;}
.business1 h3 { position:relative; height:50px; font-weight: 700; font-size: 20px;}
.business1 h3:before { content:''; position:absolute; left:0; top:45px; width:40px; height:1px; background-color:#999; }
.business1 p { width:100%; }
	
.info1 { background-image:none !important; min-height:270px; padding:15px; margin-bottom: 50px;}
.info1 h3 { position:relative; height:80px; color: #0a8b8e; }
.info1 h3:before { content:''; position:absolute; left:0; top:60px; width:40px; height:1px; background-color:#999; }
.info1 p { }	
}


.ul-table2 { margin:0; padding:0; list-style:none; border-top:2px solid #000; display:block; overflow:hidden; }
.ul-table2>li { margin:0; padding:20px 25px; width:50%; display:block; float:left; border-bottom:1px solid #d7d7d7; height:260px; position:relative; }
.ul-table2>li .img { position:absolute; left:25px; top:40px; }
.ul-table2>li .text { padding:20px 0 0 200px; }
.ul-table2>li .text h4 { color:#c10319; font-weight: 700;}
.ul-table2>li:nth-child(odd) { border-right:1px solid #d7d7d7; }
@media (max-width: 991px) {
.ul-table2>li { width:100%; float:none; height:auto; min-height:240px; }
.ul-table2>li:nth-child(odd) { border-right:0; }
}
@media (max-width: 421px) {
.ul-table2>li .img { display:none; }
.ul-table2>li .text { padding:0; }
.ul-table2>li { width:100%; float:none; height:auto; min-height:auto; }
}


.agenda .agenda-s2{ margin: 0; padding: 100px 0; height: 1100px; background-image: url("http://gna21.or.kr/img/bg-agenda.jpg"); background-size: cover; background-repeat: no-repeat;}
.agenda .agenda-s2 ul{ width: 1100px; margin-left: auto; margin-right: auto; margin-top: 0; overflow: hidden; padding-left: 0;}
.agenda .agenda-s2 ul li{margin: 0 0 30px 0; padding: 0; list-style: none; overflow: hidden;}
.agenda .agenda-s2 ul li .row{ padding: 0 !important; margin: 0 !important; }
.agenda .agenda-s2 ul li .img-box{ background-repeat: no-repeat; border-bottom-left-radius: 60px; border-top-left-radius: 60px; height: 266px; background-size: cover; display: inline-table;}
.agenda .agenda-s2 ul li .img-box h5 small{font-size: 20px; text-align: center; display: block; margin-bottom: 15px; color:#fff;}
.agenda .agenda-s2 ul li .img-box h5{display: table-cell; vertical-align: middle; text-align: center; font-size: 30px; font-weight: 700; color: #fff;}
.agenda .agenda-s2 ul li .img-box { background: #ee6d0f;}

.agenda .agenda-s2 ul li .a-txt{margin: 0; padding: 0; display: block; background: #fff; overflow: hidden;  height: 266px; border-bottom-right-radius: 60px; border-top-right-radius: 60px;}
.agenda .agenda-s2 ul li dl{ margin:60px 0 0 0; font-size: 24px; letter-spacing: -1px;}
.agenda .agenda-s2 ul li dl dt{ float: left; clear: both; margin-bottom: 20px; margin-right: 30px; width: 40px; text-align: right;}
.agenda .agenda-s2 ul li dl dd{ margin-bottom: 20px; padding-right: 60px; }

.agenda .agenda-s2 ul li:first-child dt {color: #4a7b19;}
.agenda .agenda-s2 ul li:nth-child(2n) dt {color: #12a992;}
.agenda .agenda-s2 ul li:nth-child(3n) dt {color: #953c2e;}
@media (max-width: 991px) {
.bg-greeting{ margin: 0; padding: 0; height: 100vh; background-image: url("/img/bg-greeting.jpg"); background-size: cover; background-attachment: fixed;}
.bg-greeting h3{margin: 0; padding: 0; text-align: center; color: #fff; padding-top: 200px; font-size: 40px;}
.bg-greeting h3 strong{font-size: 50px;}
	
.agenda h4{ font-size: 30px; color: #2f2f2f; text-align: center; margin: 0; padding: 0;}
.agenda h4 small{ font-size: 16px; color: #a5a5a5; letter-spacing: 2px; display: block; text-transform: uppercase; margin-bottom: 20px;}
.agenda .agenda-s1{ margin-top: 100px; margin-bottom: 100px;}
.agenda .agenda-s1 h4{ color: #29a7e1;}
.agenda .agenda-s1 p{ font-size: 18px; text-align: center; font-weight: 500; letter-spacing: -1px; display: block; position: relative; margin-top: 60px; padding-top: 60px;}
.agenda .agenda-s1 p::before{content: ''; display: block; width: 120px; height: 4px; background: #d8d8d8; position: absolute; left: 50%; margin-left: -60px; top: 0;}
	.agenda .agenda-s1 p br{display: none;}

.agenda .agenda-s2{ margin: 0; padding: 100px 0; height: auto; background-image: url("/img/bg-agenda.jpg"); background-size: cover; background-repeat: no-repeat; overflow: hidden;}
.agenda .agenda-s2 ul{ width: 95%; margin-left: auto; margin-right: auto; margin-top: 60px; overflow: hidden;}
.agenda .agenda-s2 ul li{margin: 0 0 30px 0; padding: 0; list-style: none; overflow: hidden;}
.agenda .agenda-s2 ul li .row{ padding: 0 !important; margin: 0 !important; }
.agenda .agenda-s2 ul li .img-box{ background-repeat: no-repeat; border-radius: 0;  height: 166px; background-size: cover; display: inline-table;}
.agenda .agenda-s2 ul li .img-box h5{display: table-cell; vertical-align: middle; text-align: center; font-size: 35px; font-weight: 700; color: #fff;}
	.agenda .agenda-s2 ul li .img-box h5 br{display: none;}
.agenda .agenda-s2 ul li:first-child .img-box {background-image:url('/img/agenda1.jpg')}
.agenda .agenda-s2 ul li:nth-child(2n) .img-box {background-image:url('/img/agenda2.jpg')}
.agenda .agenda-s2 ul li:nth-child(3n) .img-box {background-image:url('/img/agenda3.jpg')}

.agenda .agenda-s2 ul li .a-txt{margin: 0; padding: 0; display: block; background: #fff; overflow: hidden;  height: 200px; border-radius: 0;}
.agenda .agenda-s2 ul li dl{ margin:20px 10px 0 10px; font-size: 16px; letter-spacing: -1px;}
.agenda .agenda-s2 ul li dl dt{ float: left; clear: both; margin-bottom: 20px; margin-right: 20px; width: 85px; text-align: right;}
.agenda .agenda-s2 ul li dl dd{ margin-bottom: 20px; }

.agenda .agenda-s2 ul li:first-child dt {color: #4a7b19;}
.agenda .agenda-s2 ul li:nth-child(2n) dt {color: #12a992;}
.agenda .agenda-s2 ul li:nth-child(3n) dt {color: #953c2e;}
}

.info{}
.info h5{font-size: 50px; font-weight: 700; padding-bottom: 50px;}
.info p{font-size: 18px; line-height: 200%; padding-bottom: 30px;}

/*  */
/* - 흐름도2 - */
.flow2{ padding:0 !important;}
.flow2 .block_line{display:block;}
.flow2 li{display:inline-block;position:relative;margin:0 0 8px;}
.flow2 li{padding:0;background:none;}
.flow2 .flow_box{display:inline-block;position:relative;z-index:1;background-color:#fff;}
.flow2 .arr{display:inline-block;width:15px;height:21px;margin:0;vertical-align:middle;}
.flow2 .arr i{display:block;position:absolute;top:0;right:0;bottom:0;width:22px;height:21px;margin:auto;background:url(/img/flow_arr2.png) no-repeat left top;color:transparent;font-size:0;line-height:0;}
.flow2 .arr.bottom{display:block;position:relative;width:auto;height:1px;margin:0;}
.flow2 .arr.bottom i{top:27px;left:50%;right:20px;margin-left:-10px;background-position:-27px top;}
.flow2 .title,.box .flow2 .title{margin:0 0 2px;padding:15px 10px;background:#ebf2ff; border: 1px solid #005eff; border-radius:5px;color:#005eff;font-size:15px;line-height:17px;text-align:center;text-shadow:0 0 1px #000; }/* 정보 접근성 관련 text-shadow 속성 추가 */


.flow2 .title.blue{background-color:#008ada;}
.flow2 .title span{display:inline-block;vertical-align:middle;}
.flow2 .text{height:48px;}
.flow2 .text > span{display:inline-block;vertical-align:middle; padding-bottom: 20px; font-weight: 700;}
.flow2.type2 > li{float:left;margin:0;}
.flow2.flow_count2 > li{width:50%;}
.flow2.flow_count2 .flow_box{width:90%;}
.flow2.flow_count3 > li{width:33.333333%;}
.flow2.flow_count3 .flow_box{width:310px;}
.flow2.flow_count4 > li{width:25%;}
.flow2.flow_count4 .flow_box{width:203px;}
.flow2.flow_count5 > li{width:20%;}
.flow2.flow_count6 > li{width:16.666667%;}
.flow2.type2 .title{padding:15px 0;text-shadow:0 0 1px #000;}/* 정보 접근성 관련 text-shadow 속성 추가 */
.flow2.type2 .text{margin:0 0 15px;padding:20px 10px;border:1px solid #d5d5d5;border-radius:5px;letter-spacing:-1px;text-align:center;}
.flow2.type2 .text2{margin:0 0 15px;padding:20px 10px;border:1px solid #d5d5d5;border-radius:5px;letter-spacing:-1px;text-align:center;}
.flow2.type2 .arr{position:absolute;top:0;right:10px;bottom:0;width:1px;margin:0;height:auto;}
.flow2.type2 .arr i{right:0;}
.flow2.type3 .title{background:none;border:1px solid transparent;border-radius:25px;}
.flow2.type3 .title.red{border-color:#dc5a5a;color:#c73737;}
.flow2.type3 .title.black{border-color:#343434;color:#252525;}
.flow2.type3 .title.gray{border-color:#cdcdcd;color:#666;}
/* 컨텐츠별 개별설정 */
.flow2.cnt173 .text{height:74px;}
.flow2.cnt173.flow_count3 > li{margin:0 0 20px;}

.flow2.cnt356 .title{margin:0 0 5px;}
.flow2.cnt356 .text{height:180px;}
.flow2.cnt356 .text2{height:240px; text-align:left;}
.flow2.cnt356 .text2 i{ text-align:center; display:block; font-size:28px; margin-bottom:15px;}

.flow2.cnt366 .title{margin:0 0 5px;}
.flow2.cnt366 .text{height:42px;}

.flow2.cnt373 .title{height:62px;}
.flow2.cnt373 .title span{display:inline-block;width:85%;vertical-align:middle;}
.flow2.cnt373 .title span em{display:inline-block;margin:10px 0 0 0;}

.flow2.cnt382 .title{margin:0 0 5px;}

.flow2.cnt404 .text{height:46px;}



.flow2.cnt472 .title{margin:0 0 5px;}
.flow2.cnt472 .text{height:72px;}
.cnt472_flow_box{overflow-x:auto;}
.cnt472_flow_box .inner_scroll{width:940px;margin:0 0 0 -14px;}
.flow2.cnt472_flow2 li{float:left;width:20%;margin:0 0 30px 0;}
.flow2.cnt472_flow2 li:first-child{margin-left:41px;}
.flow2.cnt472_flow2 .exception{width:140px;}
.flow2.cnt472_flow2 .reflect{float:right;height:48px;}
.flow2.cnt472_flow2 .reflect .title{position:absolute;top:0;right:5px;}
.flow2.cnt472_flow2 .title{width:140px;padding:15px 0;}
.flow2.cnt472_flow2 .reflect .arr i{left:10px;right:inherit;background-position:-51px top;}
.flow2.cnt472_flow2 .flow_comment{position:absolute;top:-22px;left:5px;font-size:14px;line-height:16px;}

.flow2.cnt507 li{float:left;width:33.333333%;}
.flow2.cnt507 .arr{position:absolute;top:22px;right:0;margin:0;}
.flow2.cnt507 .flow_box{display:block;}
.flow2.cnt507 .title{width:85%;height:34px;padding:15px 0;}
.flow2.cnt507 li li{width:100%;margin:0;padding:45px 0 0 0;}
.flow2.cnt507 li li .arr{top:10px;left:50%;right:inherit;margin:0 0 0 -33px;}
.flow2.cnt507 li li .arr i{right:inherit;background-position:-27px top;}


@media all and (max-width:1170px) {
    .flow2.type2 .flow_box{width:calc(100% - 43px);}
    .flow2.cnt1603_flow .flow_box{display:block;width:auto;margin:0 15px 0 0;}
    .flow2 .block_line{display:inline;}
}
@media all and (max-width:999px) {
    .flow2.type2 > li{width:33.333333%;margin:0 0 10px;}
    .flow2.cnt1603_flow .title{height:21px;background-position:50% -25px;}
    .flow2.cnt1603_flow br{display:none;}
}
@media all and (max-width:800px) {
    .flow2.type2 > li{width:50%;}
}
@media all and (max-width:717px) {
    .flow_type1 .flow_box{padding:0 0 0 26%;}
    .flow_type1 .title{width:26%;}
}
@media all and (max-width:640px) {
    .flow_type1 .flow_box{padding:0;}
    .flow_type1 .title{position:static;width:100%;margin:0 0 5px;}
    .flow .title .title_align{position:static;height:46px;margin:0;}
    .flow .block_line{display:inline;}
	.flow2.type2 > li{float:none;width:100%;height:auto;margin:0;}
    #contents .flow2 .flow_box{width:100%;margin:0 0 33px;}
    .cnt472_flow_box{overflow-x:inherit;}
    .cnt472_flow_box .inner_scroll{width:100%;margin:0;}
    #contents .flow2.cnt472_flow2 .title{position:static;width:100%;}
    .flow2.cnt472_flow2 .flow_comment{top:inherit;bottom:10px;left:55%;}
    .flow2.cnt472_flow2 .flow_comment br{display:none;}
    #contents .flow2 .text{height:auto;}
    #contents .flow2 .text2{height:auto;}	
    #contents .flow2 .arr{position:absolute;top:inherit;right:0;bottom:0;left:0;width:100%;height:1px;margin:0;}
    #contents .flow2 .arr i{top:inherit;bottom:7px;left:0;right:0;margin:0 auto;background-position:-27px top;}
    .flow2.cnt507 .title{width:100%;}
    #contents .flow2.cnt507 li li{padding:0;}
    #contents .flow2.cnt507 .arr{bottom:inherit;}
}


.sd-photo{ margin-top: 30px}
.sd-photo img{border-radius: 25px; margin-bottom: 30px}

@page{ size:auto; margin:15mm 10mm 0; }
.modal-dialog .modal-body h5 { margin:0; }
.modal.print .modal-dialog { width:760px; }
#print-wrapper { font-size:15px; padding:30px 30px; position:relative; font-family:"맑은 고딕" }
#print-wrapper h2 { text-align:center; margin:0; padding:20px 0 0; font-size:32px; font-weight:bold; }
#print-wrapper h3 { text-align:center; margin:0; padding:15px 0 30px; font-size:18px; }

#print-wrapper table { border-collapse:collapse; border:2px solid #000; width:100%; }
#print-wrapper table th { border:1px solid #333; padding:6px; text-align:center; font-weight:400; }
#print-wrapper table td { border:1px solid #333; padding:6px; text-align:center; font-size:100%; }
#print-wrapper table td.lt { text-align:left; }
#print-wrapper table td.rt { text-align:right; }
#print-wrapper table tfoot th, #print-wrapper table tfoot td { background-color:#eee; font-weight:bold; }
#print-wrapper table.padding1 { border-collapse:collapse; border:2px solid #000; width:100%; }
#print-wrapper table.padding1 th { border:1px solid #333; padding:1px; text-align:center; font-weight:400; }
#print-wrapper table.padding1 td { border:1px solid #333; padding:1px; text-align:center; }
#print-wrapper table.travel { position:absolute; top:650px; width:auto; }
#print-wrapper table.travel td { text-align:right; padding-right:15px; }
#print-wrapper table.font-small th { font-size:12px; font-weight:700; padding:5px 3px; }
#print-wrapper table.font-small td { font-size:12px; padding:5px 3px; }
#print-wrapper table.font-small2 th { font-size:12px; font-weight:700; padding:1px 3px; }
#print-wrapper table.font-small2 td { font-size:12px; padding:1px 3px; }
#print-wrapper table.font-small3 th { font-size:14px; font-weight:700; padding:1px 0; }
#print-wrapper table.font-small3 td { font-size:14px; padding:1px 0; }
#print-wrapper table.border-none { border:0; }
#print-wrapper table.border-none th { border:0; }
#print-wrapper table.border-none td { border:0; }

.payment-sign { position:relative; margin:0 auto; padding-top:21px; width:90px; height:90px; }
.payment-sign img { position:absolute; top:50%; left:0; margin-top:-45px; width:90px; height:90px; }
.lt span{font-size:14px;}
 .wi30 { width:30%}
  .wi31 { width:30%}
  .wi50 {width:50%;}
@media screen and (max-width: 757px){
	.table>tbody>tr>th{font-size:15px;padding: 8px;}
	.table>tbody>tr>td{font-size:15px;padding: 8px;}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.form-control {
    width: 100%;
	    padding: 2px 5px;
	}
	 .wi30 { width:90%}
	  .wi31 { width:50%  !important}

	 .lt span {
    font-size: 12px;letter-spacing:-1px;
}

	.btn {
		padding: 5px 16px;
		font-size: 15px;
	}
	.table-responsive select {padding: 2px 5px; height: 34px; }
#option_table {min-width:1200px;}
#option_table .form-control {
	padding: 2px 5px;
	}

  .wi50 {width:90%;}
  .rt {font-size:14px;}
}