/* 주요사업 - 프로그램안내 */
.biz03{}
.pro_top{background:#f3f3f3; padding:20px 2%; margin-bottom:50px;}
.pro_top>div{margin-bottom:10px;}
.pro_top>div:last-child{margin-bottom:0;}
.pro_top>div>span{font-size:16px; font-weight:500; margin-right:10px;}
.pro_top div.pro_date{}
.pro_top div.pro_category{}
.pro_top div.pro_category ul{display:inline-block;}
.pro_top div.pro_category ul li{display:inline-block;}
.pro_top div.pro_title input.search_box{height:24px; width:40%; padding-left:5px; vertical-align:middle;}
.pro_top div.pro_title button.btn_search{vertical-align:middle; padding:3px 20px; line-height:1em; background:#888; color:#fff;}


.biz03 table{width:100%; border-top:2px solid #121212; border-bottom:1px solid #ccc; margin-bottom:20px;}
.biz03 table th{text-align:center; padding:10px 5px; border-bottom:1px solid #777; font-weight:600;}
.biz03 table td{text-align:center; padding:10px 5px; word-break:keep-all; border-bottom:1px dotted #ccc; vertical-align:middle;}
.biz03 table tr td:nth-child(3){text-align:left; padding:10px 20px; font-weight:500; color:#121212;}
.biz03 table tr td:nth-child(3) a{font-weight:500; color:#121212;}
.biz03 table tr:last-child td{border-bottom:0; }

.biz03 table td span{display:inline-block; padding:5px 10px; border-radius:10px; color:#fff; font-size:14px; font-weight:500;}
.biz03 table td span.status_ing{background:#ff7327; padding:5px 17px}
.biz03 table td span.status_end{background:#ccc;}
.biz03 table td span.status_pre{background:#ffbb96;}
.biz03 .page_num{text-align:center;}
.biz03 .page_num a{display:inline-block; border:1px solid #ccc; padding:1px 8px; margin:0 0.5%; border-radius:5px;}
/* .biz03 .page_num a:first-child{background:#777; border:1px solid #777; color:#fff;} */
.biz03 .page_num span{margin:0 0.7%;}

.pro_detail{}
.pro_detail h3{font-size:20px; font-weight:600; margin-bottom:10px;}
/*.pro_detail table{width:100%; border-top:2px solid #008165; border-bottom:1px solid #ccc; margin-bottom:30px;}
.pro_detail table th{padding:10px 0; font-weight:600; text-align:center; background:#f3f3f3; border-bottom:1px solid #fff;}
.pro_detail table td{padding:10px 10px; border-bottom:1px solid #eee; }
.pro_detail table tr:last-child th, .pro_detail table tr:last-child td{border-bottom:0;}
.pro_detail table td span{display:inline-block; padding:5px 10px; border-radius:10px; color:#fff; font-size:14px; font-weight:500;}
.pro_detail table td span.status_ing{background:#ff7327; padding:5px 17px}
.pro_detail table td span.status_end{background:#ccc;}
.pro_detail table td span.status_pre{background:#ffbb96;*/

.pro_detail table.pc{width:100%; border-top:2px solid #008165; border-bottom:1px solid #ccc; margin-bottom:30px;}
.pro_detail table.pc th{padding:10px 0; font-weight:600; text-align:center; background:#f3f3f3; border-bottom:1px solid #fff;}
.pro_detail table.pc td{padding:10px 10px; border-bottom:1px solid #eee; }
.pro_detail table.pc tr:last-child th, .pro_detail table tr:last-child td{border-bottom:0;}
.pro_detail table.pc td span{display:inline-block; padding:5px 10px; border-radius:10px; color:#fff; font-size:14px; font-weight:500;}
.pro_detail table.pc td span.status_ing{background:#ff7327; padding:5px 17px}
.pro_detail table.pc td span.status_end{background:#ccc;}
.pro_detail table.pc td span.status_pre{background:#ffbb96;}

.pro_detail table.mobile{display: none; width:100%; border-top:2px solid #008165; border-bottom:1px solid #ccc; margin-bottom:30px;}
.pro_detail table.mobile th{width: 35%; padding:10px 0; font-weight:600; text-align:center; background:#f3f3f3; border-bottom:1px solid #fff;}
.pro_detail table.mobile td{width: 65%; border-bottom:1px solid #eee; }
.pro_detail table.mobile tr:last-child th, .pro_detail table tr:last-child td{border-bottom:0;}
.pro_detail table.mobile td span{display:inline-block; padding:5px 10px; border-radius:10px; color:#fff; font-size:14px; font-weight:500;}


.pro_detail div.pro_info{margin-bottom:30px;}
.pro_detail div.btn_box{text-align:right; border-top:1px solid #ccc; padding-top:10px;}
.pro_detail div.btn_box a{display:inline-block; padding:5px 30px;}
.pro_detail div.btn_box a.btn_list{background:#f3f3f3; border:1px solid #ccc; }
.pro_detail div.btn_box a.pro_submit{background:#008165; color:#fff; border:1px solid #008165}

@media(max-width: 768px){
.pro_detail table.pc{display: none;}
.pro_detail table.mobile{display: block;}
}

/* 프로그램신청 - 정보입력 */
.pro_form{}
.pro_form h3{font-size:22px; margin-bottom:5px;}
.pro_form .pro_info{border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:40px;}
.pro_form .pro_info:after{content:""; display:block; clear:both;}
.pro_form .pro_info img{float:left; padding:10px; border:1px solid #ccc;}
.pro_form .pro_info dl{float:left; padding:40px 0 0 30px;}
.pro_form .pro_info dl dt{font-size:20px; font-weight:500;}
.pro_form .pro_info dl dd{}
.pro_form table{width:100%; border-top:2px solid #121212; border-bottom:1px solid #ccc;}
.pro_form table th{background:#f3f3f3; font-weight:500; border-bottom:1px solid #ccc; text-align:center; padding:10px 0; vertical-align:middle;}
.pro_form table td{border-bottom:1px solid #ccc; padding:10px 10px; vertical-align:middle;}
.pro_form table td input{height:25px; margin: 3px 3px; vertical-align:middle;}
.pro_form table tr:last-child th{border-bottom:0;}
.pro_form table tr:last-child td{border-bottom:0;}

.pro_form div.my_info{margin-bottom:70px;}
.pro_form div.family_info{margin-bottom:70px;}
.pro_form div.family_info p.add_family{text-align:right; font-size:18px; color:#008165; vertical-align:middle;}
.pro_form div.family_info p.add_family button{font-size:16px; background:#eee; color:#121212; padding:0 5px;}

.pro_form div.btn_box{text-align:center;}
.pro_form div.btn_box a{display:inline-block; padding:5px 30px; }
.pro_form div.btn_box a.pro_submit{background:#008165; color:#fff; border:1px solid #008165; margin-right:1%;}
.pro_form div.btn_box a.pro_cancel{background:#f3f3f3; border:1px solid #ccc; }

/* 프로그램신청 - 신청완료*/
.pro_finish{}
.pro_finish .pro_finish_top{height:300px; text-align:center; background:url(../images/sub/pro_finish_bg2.jpg) no-repeat center bottom; font-size:25px; line-height:30px; vertical-align:middle; padding-top:120px; box-sizing:border-box; border-bottom:1px solid #ccc; margin-bottom:30px; color:#121212;}
.pro_finish table{width:100%; border-top:2px solid #008165; border-bottom:1px solid #ccc; margin-bottom:30px;}
.pro_finish table th{padding:10px 0; font-weight:600; text-align:center; background:#f3f3f3; border-bottom:1px solid #fff;}
.pro_finish table td{padding:10px 10px; border-bottom:1px solid #eee; }
.pro_finish table tr:last-child th, .pro_detail table tr:last-child td{border-bottom:0;}
.pro_finish .btn_box{text-align:center;}
.pro_finish .btn_box a{display:inline-block; padding:5px 30px;}
.pro_finish .btn_box a.btn_more{background:#999; color:#fff; border:1px solid #999; margin-right:1%;}
.pro_finish .btn_box a.btn_home{background:#f3f3f3; border:1px solid #ccc; }
	
.join_program table{width:100%; border-top:2px solid #121212; border-bottom:1px solid #ccc; margin-bottom:20px;}
.join_program table th{text-align:center; padding:10px 5px; border-bottom:1px solid #777;}
.join_program table td{text-align:center; padding:10px 5px; word-break:keep-all; border-bottom:1px dotted #ccc; vertical-align:middle;}
.join_program table tr td:nth-child(3){text-align:left; padding:10px 20px;}
.join_program table tr:last-child td{border-bottom:0;}
.join_program table td span{display:inline-block; padding:3px 10px; border-radius:10px; color:#fff; font-size:13px; font-weight:500;}
.join_program table td span.status_ing{background:#008165; }
.join_program table td span.status_end{background:#999;}
.join_program table td span.status_pre{background:#1fbe9c;}
.join_program .page_num{text-align:center;}
.join_program .page_num a{display:inline-block; border:1px solid #ccc; padding:1px 8px; margin:0 0.5%; border-radius:5px;}
.join_program .page_num a:first-child{background:#777; border:1px solid #777; color:#fff;}

/* 교육행사신청 */
.education_wrap{margin-bottom: 70px;}
.education02{display: flex; flex-wrap: wrap; gap: 40px}
.education02_list{position: relative; width: calc((100% - 40px) / 2); border-bottom: 1px solid #ddd; padding-bottom: 30px;}

.education02_list figure{display: block; margin-bottom: 20px; height: 400px; overflow: hidden;}
.education02_list figure img{display: block; width: 100%;}

.education02_list .txt span{border: 1px solid #bbc8d5; background: #ebf5ff; color: #00468b; padding: 3px 18px; border-radius: 50px;}
.education02_list .txt span.end{border: 1px solid #ddd; background: #f5f5f5; color: #666; padding: 3px 18px; border-radius: 50px;}
.education02_list .txt h3{font-size: 25px; margin-top: 15px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
.education02_list .txt h3::before{display: none;}
.education02_list .txt p{padding: 5px 0; color: #999;}
.education02_list .txt p:nth-of-type(1){padding: 15px 0 5px;}

.education02_list a{display: block; position: absolute; padding: 10px 30px; background: #00468b; color: #fff !important; bottom:10px; right:0; font-family: 'Noto Sans KR' !important; font-size: 16px !important;}
.education02_list a.end{display: block; position: absolute; padding: 10px 30px; background: #f1f1f1; color: #666 !important; bottom:10px; right:0; font-family: 'Noto Sans KR' !important; font-size: 16px !important;}

@media(max-width: 768px){
.education02_list{width: 100%;}
}

@media(max-width: 400px){
.education02_list a{position: relative; bottom: auto; right: auto; text-align: center; margin-top: 15px;}
.education02_list a.end{position: relative; bottom: auto; right: auto; text-align: center; margin-top: 15px;}
}