@charset "utf-8";

/* 탭 :1차 탭 220728*/
.tab_st1 {margin:0rem;}


/* 반응형 */

/* 프로그램 신청 */
.pro_tit {text-align:center; font-size:1.2rem;}
.pro_img {margin: 0 0 .5rem 0;}
.pro_test .top_txt {text-align:center;font-size: 1.1rem;border-bottom: 1px dashed #ddd;padding: 1rem 0 2rem 0;}
.pro_test .bot_txt {padding: 1.5rem 0 .5rem 0;}
.pro_test .bot_txt p {color:#4961b7;}
.pro_btn {margin:1rem 0;}



/* 온마을원클릭 */
.click_Wrap {width: 100%;margin: 1.5rem 0;box-sizing: border-box;}
.click_Wrap::after {content:''; clear:both; display:block;} /* 250214 */
.click_Wrap .item {width: calc(100% / 3 - 1rem);float: left;padding: 0 0 0.75rem;height: 10.5rem;margin: .5rem .5rem;box-sizing: border-box;}
.click_Wrap .item a {position: relative;display:block;width:100%;height: 100%;background:#f8f8f8;padding: 2.5rem 1.5rem 1.5rem 1.5rem;border-radius: 1rem 1rem 1rem 1rem;box-sizing: border-box;}
.click_Wrap .item a .category {display:inline-block;background:#000;position:absolute;right:0;top: -.6rem;width: 5rem;padding: 0.6rem 0.9rem;font-size: .7rem;color: #fff;text-align: center;border-radius: 1rem 1rem 0 1rem;}
.click_Wrap .item a .subject {color:#000;font-weight: 500;padding: 0 0 .8rem 0;line-height: 1.4;}
.click_Wrap .item a .info li{margin: .5rem 0;font-size: .7rem;}
.click_Wrap .item.end a > span {background:#333; outline:1px solid #333;}
.click_Wrap .item.ing a > span {background:#dd2759; outline:1px solid #dd2759;}
.click_Wrap .item.wait a > span {background: #14a3e9;outline: 1px solid #14a3e9;}
.click_Wrap .item a .info li span {color: #083395;margin: 0 .5rem 0 0;}
.click_Wrap .item a .info li span i{padding: 0 .1rem 0 0;}
.click_Wrap .item:hover a {outline: 1px solid #000;}

/* 250210 프로그램 정보 */
.one_c_wrap::after {content: ''; display: block; clear: both;}
.one_c_img {float: left;width: 18%;margin: 1rem 2% 0 0;border: 1px solid #ccc;background: #f7f8f9;text-align:center;display: flex;vertical-align: middle;flex-direction: column;justify-content: center;height: 160px;}
.one_c_img i {font-size: 3rem;display: inline-block;color: #999;}
.one_c_img img {max-width:100%;display: none;}
.one_c_tbl {float: left;width: 80%!important;}
.one_c_tbl .item.ing {display: inline-block;border: 1px solid #f73232;color: #f73232;padding: .1rem .4rem;margin: 0 0.2rem;}
.one_c_tbl .item.end {display: inline-block;border: 1px solid #999;color: #999;padding: .1rem .3rem;margin: 0 0.1rem;}


/* 사업소개 */
.on_list .item {display: inline-block;width: calc(33.33% - 9px);margin-right: 10px;vertical-align: top;}
.on_list .item:last-child { margin: 0;}
.on_list .item_title {padding: 1rem;text-align: center;font-size: 1rem;}
.on_list .item_title:after { display: inline-block; height: 100%; vertical-align: middle;}
.on_list .item_title span { color: #fff; vertical-align: middle; word-break: keep-all;}
.on_list .item:nth-child(1) .item_title { background-color: #039be5;}
.on_list .item:nth-child(2) .item_title { background-color: #026cd5;}
.on_list .item:nth-child(3) .item_title { background-color: #0053a5;}
.on_list .item_sub_text { height: 63px; border: 2px solid; border-top-width: 0; font-size: 0; text-align: center;}
.on_list .item_sub_text:after { display: inline-block; height: 100%; vertical-align: middle;}
.on_list .item_sub_text span { font-size: 16px; color: #444; vertical-align: middle;}
.on_list .item:nth-child(1) .item_sub_text { border-color: #039be5;}
.on_list .item:nth-child(2) .item_sub_text { border-color: #026cd5;}
.on_list .item:nth-child(3) .item_sub_text { border-color: #0053a5;}
.on_list .content {margin-top: 13px;background-color: #f4f6fa;padding: 1rem;min-height: 10rem;}
.on_list ul.bu {margin: 0;}


/* mou */
div.mou_wrapper{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 1rem;margin: 1rem 0 0;}
div.mou_wrapper > div {padding: 1.5rem;border-radius: 10px;border: 1px solid #d6e5e7;background: #f7fdfa;min-height: 225px;}
div.mou_wrapper > div a{ width: 100%;}
div.mou_wrapper >  div:hover {transition: all .2s ease-in-out;border:1px solid #058373;}
div.mou_wrapper > div > a ul li.program_name{font-size: 1.1rem;color: #000;line-height: 1.3;word-break: keep-all;}
div.mou_wrapper p.mou_btn{  border-radius: 50px;  -webkit-box-shadow: 4px 28px 53px -5px rgba(0,0,0,0.05); -moz-box-shadow: 4px 28px 53px -5px rgba(0,0,0,0.05); box-shadow: 4px 28px 53px -5px rgba(0,0,0,0.05); margin: 1.5rem 0 .5rem 0; }
div.mou_wrapper p.mou_btn a{font-size: .7rem;color: #000000;padding: .5rem 1rem;background: #fff;margin: 1rem 0;}
div.mou_wrapper p.mou_btn:hover a{ background: #000; color: #fff;}
div.mou_wrapper > div > a ul li{font-size: .75rem;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;margin-bottom: 1rem;}


@media (max-width:1200px) {
	div.mou_wrapper{ grid;grid-template-columns:1fr 1fr;}
}

@media (max-width:900px){ .click_Wrap .item {width:calc(100% / 2 - 1rem);}
	.on_list .item {width:100%;}
}

@media (max-width:500px){  
	div.mou_wrapper{grid;grid-template-columns:1fr;}
}

@media (max-width:480px){  
	.click_Wrap .item {width:100%;margin: .5rem 0;}
	div.mou_wrapper > div {min-height:auto;}
	div.mou_wrapper > div > a ul li {-webkit-line-clamp: none;}
	div.mou_wrapper p.mou_btn {margin:0 0 0.5rem 0;}
}