.s_con *{box-sizing: border-box;}

/* 제안하기 게시판 */
.bbs_together_arr a{display: inline-block; height: 34px; padding: 5px 16px; border-radius: 5px; background: #f6f1e9;}
.bbs_together_arr a.on{background: #c35416; color: #fff;}
.bbs_together_arr a:hover,.bbs_together_arr a:focus{background: #ffd93d; color: #222;}

.bbs_together li{margin: 0 0 20px 0;}
.bbs_together a{display: block; padding: 20px; box-shadow: 0 0 10px rgba(219,219,219,.3); border-radius: 20px; border: 1px #f4f4f4 solid;}
.bbs_together a em{display: block; margin-bottom: 10px; font-style: normal; font-size: 0.9rem; color: #666;}
.bbs_together a strong{margin-bottom: 30px; width: 100%; font-size: 1rem; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.bbs_together a p:first-of-type{margin: 0 0 30px;padding: 0 0 10px;border-bottom: 1px #ddd solid;}
.bbs_together a p:last-of-type{display:flex;justify-content:space-between;align-items: center;}
.bbs_together a span.date{display: block; margin-bottom: 10px; color: #666;}
.bbs_together a span.like{position: relative; padding-left: 26px;}
.bbs_together a span.like::before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url('/images/30_together/main/m_good.png') no-repeat; background-position: 50% -9px;}
.bbs_together a span.view{color: #666;}
.bbs_together a .step{display: block; text-align: right;}
.bbs_together a .step i{display: inline-block; padding: 3px 12px; color: #fff; border-radius: 5px; font-style: normal; background: #666;}
.bbs_together a .step i.step1{background: #666;}
.bbs_together a .step i.step2{background: #075fae;}
.bbs_together a .step i.step3{background: #2f2e34;}
.bbs_together a .step i.step4{background: #c35416;}
.bbs_together a:hover,.bbs_together a:focus,.bbs_together a:active{border:1px #075fae solid;}


.bbs_vtop li.like strong{padding-left: 28px;background:url('/images/30_together/main/m_good.png') no-repeat;background-position: -5px -9px;}
.like_btn{text-align:center;}
.like_btn a{position: relative;display: block;width: 160px;height: 54px;margin: 5px auto;padding: 14px 0;background: #075fae;border-radius: 30px;color: #fff;font-weight: bold;font-size: 17px;transition: .3s all;}
.like_btn a::before{content: '';position: absolute;top: -15px;left: 0;right: 0;display: block;width: 24px;height: 24px;margin: 0 auto;background: url('/images/30_together/main/m_good.png') no-repeat;background-position: 50% -45px; transition: .3s;}
.like_btn a:hover, .like_btn a:focus,.like_btn a:active{background: #3a3938; color: #fff;}
.like_btn a:hover::before,.like_btn a:focus::before,.like_btn a:active::before{background-position: 50% -87px;}

@media all and (min-width:768px) {
.bbs_together ul{display: flex; flex-wrap: wrap;}
.bbs_together li{width: 46%; margin: 0 2% 2%;}
.bbs_together .list_none{width: 100%;text-align:center;padding:30px 0;border-bottom: 1px #f4f4f4 solid;}
}

@media all and (min-width:1023px) {
.s_con{padding: 80px 0;}

.bbs_together li{width: 25%; margin: 0 0 1%;}
.bbs_together li a{margin-right: 3%; padding: 30px;}
.bbs_together li:nth-of-type(4n) a{margin-right: 0;}

}       

@font-face{
font-family:"KCC-Murukmuruk";
font-style: normal;
font-weight: 300;
src:url("/font/KCC-Murukmuruk.eot") format("embedded-opentype"),
url("/font/KCC-Murukmuruk.woff") format("woff"),
url("/font/KCC-Murukmuruk.ttf") format("truetype");
}

/* 전북함께학교란? */
.offer_intro{text-align:center}
.offer_intro h4{background:none;padding:0;margin: 0 0 30px;font-family:"KCC-Murukmuruk";font-weight: normal;}
.offer_intro p{margin-bottom: 20px;word-break: keep-all;line-height: 1.2em;font-size: 1.2em;font-weight: 600;color: #444;}
@media all and (min-width:768px) {
.offer_intro{position: relative;padding: 0 10% 400px;}   
.offer_intro:before{content:'';position: absolute;bottom: 0;left: 0;right: 0;display:block;width: 600px;height: 400px;margin: 0 auto;background: url('/images/30_together/content/offer_child.png') no-repeat center;}
.offer_intro h4{font-size:50px;}  
}
@media (min-width: 1023px) {
.offer_intro{padding: 86px 24% 400px;background: url('/images/30_together/content/offer_flower.png') no-repeat top 40px center;}
.offer_intro h4{position: relative;font-size:60px;}
    .offer_intro h4:before{content:'';display:block;position: absolute;top: -128px;left: -45px;width: 350px;height: 250px;background: url('/images/30_together/content/offer_heart.png') no-repeat;z-index: -1;}
.offer_intro p{font-size: 26px;line-height: 1.5em;}    
.offer_intro p:last-child{font-weight: 300;font-size: 23px;}
}


/* 제안방법 */
.offer_step h4{padding:0;background:none;}
.offer_step h4 span{display:inline-block;width: 34px;height: 34px;padding-top: 8px;background: #6c4343;border-radius:50%;color: #ffff;text-align: center;font-size: 24px;vertical-align: baseline;} 
@media all and (min-width:1023px) {
.offer_step .s_info{padding-left: 145px;background: url('/images/30_together/content/offer_ico.png') no-repeat;}
}