@charset "utf-8";

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

/* common ====================================================================================*/
.visual-sub { margin:114px 0 0 0; padding:0; height:192px; background-image:url(/img/visual-sub1.jpg); }
.visual-sub h2 {  padding:0; color:#fff; font-weight:100; font-size:36px; text-align: center; padding-top: 70px; text-shadow: 1px 1px 5px gray; }

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

.gnb-sub:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#48c6b1;}
.gnb-sub ul { margin:0; padding:0; list-style:none; width:100%; display:table; }
.gnb-sub ul li { margin:0; padding:0; width:1%; display:table-cell; background-color:rgba(255,255,255,1); }
.gnb-sub ul li a { display:block; padding:25px 10px; font-size:18px; font-weight:700; text-align:center; line-height:1.2; border:none; color:#666; text-transform:capitalize; margin-left:-1px; }
.gnb-sub ul li a:hover, .gnb-sub ul li a.active { color:#fff; background: #48c6b1;}

.location { text-align:right; padding:25px 0; font-size:14px; margin-bottom: 50px; }
.page-title { margin:0; font-size:34px; 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{ display: none;}
.location {  }
.page-title { display:none; }
}

.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;}
}

.h5-style1{font-size: 20px; font-weight: 700; margin-top: 15px; text-align: left;}
.h5-style2{font-weight:400; font-size:24px; color:#222; margin-top: 30px; padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}

.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 #e4cfcf; padding:20px 15px; margin:20px 0 0 0; background:#fff2f2; text-align:center; border-radius:20px; }
.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{min-height: 270px; padding-left: 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:#f1f1f1 url(/img/bg-intro.jpg) no-repeat left top; 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: 18px; }
@media (max-width: 991px) {
.intro { padding:85px 40px 0 40px; }
}
@media (max-width: 767px) {
.intro { margin:0 -15px; padding:80px 15px 0 15px; position:relative; }
.intro .caption { bottom:0; height:250px; }
.intro .caption h4  { padding:30px 0 15px 0;}
.intro .caption p { padding:0 15px; font-size:15px;  }
.intro .caption p span {}
	
.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; }
}


.history-list-box-style02 .history-year-box{position:relative; padding-left:250px; list-style: none; padding-top: 5px;}

.history-list-box-style02 .history-year-box h4{position:absolute; left:0; top:0;  color:#222; font-size:30px; font-weight:600; letter-spacing:-1.5px; }
.history-list-box-style02 .history-year-box h4:after{position:absolute; top:15px; left:170px; content:""; width:56px; height:3px; background-color:#2a7c95; }
.history-list-box-style02 .history-year-box .history-year-item {position:relative; padding-bottom:30px}
.history-list-box-style02 .history-year-box .history-year-item:last-child{padding-bottom:0}
.history-list-box-style02 .history-year-box .history-year-item:before{position:absolute; top:15px; left:120px; width:1px; bottom:-23px; background-color:#ddd; content:"";}
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child:before{display:none;}
.history-list-box-style02 .history-year-box .history-year-item .history-year{position:absolute; top:0; left:0px; width:120px;}
.history-list-box-style02 .history-year-box .history-year-item .history-year:after{position:absolute; display:block; content:""; top:30%; right:-4px; width:7px; height:7px; margin-top:-3px; background-color:#2a7c95; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.history-list-box-style02 .history-year-box .history-year-item .history-year strong{color:#1e1e1e; font-weight:600; font-size:23px;font-style:italic}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left:140px; }
.history-list-box-style02 .history-year-box .history-year-item:last-child .history-info-con{  padding-bottom:50px;}
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child .history-info-con{  padding-bottom:0px;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p{position:relative; margin-bottom:10px; padding-left:30px; color:#5b5b5b; font-weight:300; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p:first-child{margin-top:7px}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p .history-month{position:absolute; top:0px; left:0px;color:#333; font-weight:600; }
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p span{}
@media (max-width: 767px) {
.history-list-box-style02 .history-year-box{position:relative; padding-left:0; list-style: none; padding-top: 5px;}
.history-list-box-style02 ul{padding-left: 15px;}

.history-list-box-style02 .history-year-box h4{position:absolute; left:0; top:0;  color:#222; font-size:30px; font-weight:600; letter-spacing:-1.5px; display: none;}
.history-list-box-style02 .history-year-box h4:after{position:absolute; top:15px; left:170px; content:""; width:56px; height:3px; background-color:#2a7c95; }
.history-list-box-style02 .history-year-box .history-year-item:before{position:absolute; top:15px; left:90px; width:1px; bottom:-23px; background-color:#ddd; content:"";}
.history-list-box-style02 .history-year-box .history-year-item .history-year{position:absolute; top:0; left:0px; width:90px;}	
.history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left:110px; }	
	
}

@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; }