@import url('sub.css');
/* 나눔 및 협력기구 */
.cooperation_flex .item {display:flex; gap:70px; align-items:center;}
.cooperation_flex .item .img100 {width:50%; max-width:675px; flex-shrink:0}
.cooperation_flex .item.reverse {flex-direction:row-reverse}
.cooperation_flex .item .tbox {flex:1}

.cooperation_flex .item .account {display:flex; align-items:center; gap:16px}
.cooperation_flex .item .contact {display:flex; align-items:center; flex-wrap:wrap;}
.cooperation_flex .item .contact .before_icon {display:flex; width: 40px; justify-content: center; align-items: center; aspect-ratio: 1/1; border-radius: 50%; background: var(--main); margin-right:9px}
.cooperation_flex .item .contact .before_icon::before {content:"\f0e2"; color:var(--white);}
.cooperation_flex .item .contact .fs21.semibold {margin-right:13px}
.cooperation_flex .item .contact .slash {opacity:0.4; margin:0 12px 0 4px}

/* 정관 */
.articles_cont h4 {line-height:123.81%; white-space: pre}
.articles_cont .subcont {padding:20px 25px}
.articles_cont .marb30:last-child,.articles_cont .marb10:last-child {margin-bottom:0}

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
/* 나눔 및 협력기구 */
.cooperation_flex .item {gap:45px}
}


/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1300px){
/* 나눔 및 협력기구 */
.cooperation_flex .item {gap:30px}
.cooperation_flex .item.marb60 {margin-bottom:50px}
.cooperation_flex .item br {display:none}
.cooperation_flex .item .contact i {margin-bottom:10px}
.cooperation_flex .item .contact .fs21 {font-size:0.904rem}
.cooperation_flex .item .contact .fs20 {font-size:0.854rem}
.cooperation_flex .item .contact .slash {margin:0 8px 0 3px}
.cooperation_flex .item .contact .fs21.semibold {margin-right:0; width:calc(100% - 49px); margin-bottom:10px}


/* 정관 */
}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* 나눔 및 협력기구 */
.cooperation_flex .item {align-items:flex-start}
.cooperation_flex .item .account img {Width:90px; height:auto}
.cooperation_flex .item .contact .slash {display:none}
.cooperation_flex .item .contact .fs21:not(.semibold) {width:100%}
.cooperation_flex .item .fs36 {font-size:1.35rem}



/* 정관 */
.articles_cont .subcont {padding:15px 18px}


}
/*******************************************************************************
    @media 768px
*******************************************************************************/
@media all and (max-width:768px){
.cooperation_flex .item {display:block}
.cooperation_flex .item .img100 {width:100%; max-width:100%; margin-bottom:20px}
.cooperation_flex .item .contact i {margin-bottom:0} 
.cooperation_flex .item .contact .fs21.semibold {width:auto; margin-right:10px; margin-bottom:0}
.cooperation_flex .item .contact .fs21:not(.semibold) {width:auto}
.cooperation_flex .item .contact .slash {display:block;}
}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
/* 나눔 및 협력기구 */
.cooperation_flex .item.marb60 {margin-bottom:40px}
.cooperation_flex .item .fs38 {font-size:1.3rem}

.cooperation_flex .item .account {gap:10px}
.cooperation_flex .item .account img {Width:75px;}
.cooperation_flex .item .contact .before_icon {width:30px; margin-right:6px}
.cooperation_flex .item .contact .before_icon::before {font-size:18px;}
.cooperation_flex .item .contact i {margin-bottom:5px}
.cooperation_flex .item .contact .fs21.semibold {margin-right:0; width:calc(100% - 41px); margin-bottom:5px}

/* 정관 */
.articles_cont .marb60 {margin-bottom:30px}
.articles_cont .marb30 {margin-bottom:20px}
.articles_cont h4 {font-size:1.5rem}
}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){

}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){

}