@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.contents{position:relative;}
.contents.main div[id*='sec-']{padding:120px 0;}

.contents.sub .detail{padding-top:100px;padding-bottom:100px;overflow:hidden;}
.contents.sub .detail.pt0{padding-top:0 !important;}

.contentsBg{background:#f0f0f0;}
.conplr{padding:0 2%;}

@media screen and (max-width:1500px){
.contents.main div[id*='sec-']{padding:100px 0;}

.conplr{padding:0;}
}
@media screen and (max-width:1280px) {
.contents.main div[id*='sec-']{padding:80px 0;}

.contents.sub .detail{padding-top:90px;padding-bottom:90px;}
}
@media screen and (max-width:960px) {
.contents.main div[id*='sec-']{padding:60px 0;}

.contents.sub .detail{padding-top:80px;padding-bottom:80px;}
}
@media screen and (max-width:767px) {
.contents.main div[id*='sec-']{padding:50px 0;}

.contents.sub .detail{padding-top:70px;padding-bottom:70px;}
}
@media screen and (max-width:640px) {
.contents.main div[class*='sec-']{padding:45px 0;}

.contents.sub .detail{padding-top:60px;padding-bottom:60px;}
}
@media screen and (max-width:560px) {
.contents.main div[class*='sec-']{padding:40px 0;}

.contents.sub .detail{padding-top:40px;padding-bottom:40px;}
}





/************************************************************************
* ul *
************************************************************************/
.list li{width:100%;line-height:150%;font-weight:400;position:relative;word-wrap:break-word;display:block;word-break:keep-all;}
.list li:last-child{padding-bottom:0 !important;}

.list.type1 li{padding-left:14px;padding-bottom:8px;color:#333;font-size:18px;text-align:left;font-family:'NanumSquareNeo';}
.list.type1 li:after{width:4px;height:4px;display:block;content:"";position:absolute;top:11px;left:0;background:#333;border-radius:50%;}

@media screen and (max-width:1280px){
.list.type1 li{font-size:17px;}
.list.type1 li:after{top:10px;}
}
@media screen and (max-width:1100px){
.list.type1 li{font-size:16px;}
}
@media screen and (max-width:767px){
.list.type1 li{padding-left:10px;font-size:15px;}
.list.type1 li:after{width:3px;height:3px;top:9px;}
}
@media screen and (max-width:640px){
.list.type1 li{font-size:14px;}
}





/************************************************************************
* table *
************************************************************************
.table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,
.table tr td{padding:14px 12px;color:#292929;line-height:150%;font-size:20px;text-align:center;vertical-align:middle;border-bottom:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;word-wrap:break-word;display:table-cell;word-break:keep-all;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr th{background:#0b8040;}
.table tr .blr{border-right:solid 1px #d5d5d5 !important;}
.mThide{display:none;}

.mobileHide{width:100%;}
.table.type1{overflow:hidden;}
.table.type1 tr:first-child{border-top:solid 1px #d5d5d5;}
.table.type1 tr th{background:#0b8040;}
.table.type1 thead tr th{color:#fff;}
.table.type1 tbody tr th{background:#f6f6f6;font-weight:200;}

@media screen and (max-width:1500px){
.table tr th,
.table tr td{padding:12px 10px;font-size:18px;}
}
@media screen and (max-width:1280px){
.table tr th,
.table tr td{padding:10px 8px;font-size:16px;}
}
@media screen and (max-width:800px){
.mThide{display:block;padding-bottom:5px;}

.mobileHide{width:100%;overflow-x:auto;}
.mobileHide .table{min-width:800px;}
}
@media screen and (max-width:640px){
.table tr th,
.table tr td{padding:8px 6px;font-size:14px;}

/*
.table.responsiveT,
.table.responsiveT thead,
.table.responsiveT tbody,
.table.responsiveT tr,
.table.responsiveT th,
.table.responsiveT td{display:block !important;}
.table.responsiveT .hide{display:none !important;}*/
/*}

*/




/************************************************************************
* button *
*************************************************************************/
.button{padding:7px 15px;font-size:17px;text-align:left;border:solid 1px #ddd;display:flex;align-items:center;justify-content:space-between;transition:all 0.2s ease;}
.button font{color:#000;transition:all 0.2s ease;}
.button i{width:25px;height:1px;background:#000;position:relative;transform:translateY(-50%);transition:all 0.2s ease;}
.button i:after{width:7px;height:7px;border:solid #000;border-width:1px 1px 0 0;position:absolute;top:50%;right:0;display:block;content:"";transform:translateY(-50%) rotate(45deg);transition:all 0.2s ease;}

.button:hover{background:#222;color:#fff;border-color:#222;}
.button:hover,
.button:hover font,
.button:hover i,
.button:hover i:after{transition:all 0.2s ease;}

.button.blue{color:#0b8040;border-color:#0b8040;}
.button.blue font{color:#0b8040;}
.button.blue i{background:#0b8040;}
.button.blue i:after{border-color:#0b8040;}
.button.blue:hover{color:#fff;background:#0b8040;}
.button.blue:hover font{color:#fff;}
.button.blue:hover i{background:#fff;}
.button.blue:hover i:after{border-color:#fff;}

.button.white{color:#fff;border-color:#fff;}
.button.white font{color:#fff;}
.button.white i{background:#fff;}
.button.white i:after{border-color:#fff;}
.button.white:hover{color:#fff;background:#000;border-color:#000;}
.button.white:hover font{color:#fff;}
.button.white:hover i{background:#fff;}
.button.white:hover i:after{border-color:#fff;}

.button.black{color:#000;border-color:#000;}
.button.black font{color:#000;}
.button.black i{background:#000;}
.button.black i:after{border-color:#000;}
.button.black:hover{color:#fff;background:#000;border-color:#000;}
.button.black:hover font{color:#fff;}
.button.black:hover i{background:#fff;}
.button.black:hover i:after{border-color:#fff;}

@media screen and (max-width:1100px){
.button{padding:6px 14px;font-size:16px;}
}
@media screen and (max-width:960px){
.button{padding:5px 13px;font-size:15px;}
.button i{width:20px;}
.button i:after{width:6px;height:6px;}
}
@media screen and (max-width:640px){
.button{padding:5px 12px;font-size:14px;}
}
@media screen and (max-width:420px){
.button{padding:4px 11px;font-size:13px;}
.button i{width:15px;}
.button i:after{width:5px;height:5px;}
}







/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
/******************************* sec-1 *******************************/
#sec-1 a{width:calc(100%/3 - 30px);padding-left:50px;display:flex;justify-content:space-between;align-items:center;position:relative;}
#sec-1 a:hover .button{background:#222;color:#fff;border-color:#222;}
#sec-1 a:after{width:1px;height:100%;background:#ddd;position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;content:"";}
#sec-1 a:first-child:after{display:none;}
#sec-1 a span{width:calc(100% - 118px);}
#sec-1 a img{width:118px;}

@media screen and (max-width:1500px){
#sec-1 a{width:calc(100%/3 - 20px);padding-left:40px;}
#sec-1 a span{width:calc(100% - 100px);}
#sec-1 a img{width:100px;}
}
@media screen and (max-width:1280px){
#sec-1 a{width:calc(100%/3 - 15px);padding-left:30px;}
#sec-1 a span{width:calc(100% - 85px);}
#sec-1 a img{width:85px;}
}
@media screen and (max-width:1100px){
#sec-1 a{padding-left:40px;flex-wrap:wrap;}
#sec-1 a span{width:100%;}
#sec-1 a img{width:75px;order:-1;}
}
@media screen and (max-width:960px){
#sec-1 a{padding-left:30px;}
}
@media screen and (max-width:840px){
#sec-1 a{width:100%;padding:30px;}
#sec-1 a:first-child{padding-top:0 !important;}
#sec-1 a:last-child{padding-bottom:0 !important;}
#sec-1 a:after{width:100%;height:1px;top:0;left:0;transform:translateY(0);}
#sec-1 a span{width:calc(100% - 85px);padding-left:30px;}
#sec-1 a span br{display:none;}
#sec-1 a img{width:85px;}
}
@media screen and (max-width:640px){
#sec-1 a{padding:20px;}
#sec-1 a span{width:calc(100% - 75px);padding-left:20px;}
#sec-1 a img{width:75px;}
}
@media screen and (max-width:480px){
#sec-1{padding:0 !important;}
#sec-1 a:first-child{padding-top:20px !important;}
#sec-1 a:last-child{padding-bottom:20px !important;}
#sec-1 a span{width:calc(100% - 65px);}
#sec-1 a span br{display:block;}
#sec-1 a img{width:65px;}
}
@media screen and (max-width:360px){
#sec-1 a{padding-left:5px;}
#sec-1 a span{padding-left:15px;}
}




/************************************************************************
* SUB_CONTENTS *
************************************************************************/
/********************************* 사단법인 소개 *********************************/
/*********** 사단법인 소개 ***********/
.vmBox .center{width:29%;max-width:400px;}
.vmBox .vmcon{width:31%;position:relative;}
.vmBox .vmcon:after{width:30px;height:30px;border:solid #afafaf;border-width:2px 2px 0 0;position:absolute;top:50%;display:block;content:"";transform:translateY(-50%) rotate(45deg);}
.vmBox .vmcon .item{width:100%;min-height:108px;margin-bottom:15px;padding:10px;border-radius:60px;background:#e5e5e5;display:flex;align-items:center;}
.vmBox .vmcon .item:last-child{margin-bottom:0 !important;}
.vmBox .vmcon.vm-1:after{right:-50px;}
.vmBox .vmcon.vm-1 .item{justify-content:flex-start;}
.vmBox .vmcon.vm-1 .item figure{width:87px;height:87px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.vmBox .vmcon.vm-1 .item figure img{width:65%;display:block;}
.vmBox .vmcon.vm-1 .item font{padding-left:20px;}
.vmBox .vmcon.vm-2:after{left:-70px;}
.vmBox .vmcon.vm-2 .item{flex-direction:column;justify-content:center;}
.vmBox .vmcon.vm-2 .item font.con{color:#626262;}

@media screen and (max-width:1500px) {
.vmBox .vmcon:after{width:28px;height:28px;}
.vmBox .vmcon.vm-1:after{right:-40px;}
.vmBox .vmcon.vm-2:after{left:-60px;}
}
@media screen and (max-width:1400px) {
.vmBox .vmcon:after{width:26px;height:26px;}
.vmBox .vmcon.vm-1:after{right:-35px;}
.vmBox .vmcon.vm-2:after{left:-50px;}
}
@media screen and (max-width:1280px) {
.vmBox .vmcon:after{width:24px;height:24px;}
.vmBox .vmcon .item{min-height:98px;margin-bottom:10px;}
.vmBox .vmcon.vm-1:after{right:-30px;}
.vmBox .vmcon.vm-1 .item figure{width:82px;height:82px;}
.vmBox .vmcon.vm-1 .item font{padding-left:15px;}
.vmBox .vmcon.vm-2:after{left:-45px;}
}
@media screen and (max-width:1100px) {
.vmBox .vmcon:after{width:22px;height:22px;}
.vmBox .vmcon .item{min-height:90px;}
.vmBox .vmcon.vm-1:after{right:-30px;}
.vmBox .vmcon.vm-1 .item figure{width:78px;height:78px;}
.vmBox .vmcon.vm-2:after{left:-45px;}
}
@media screen and (max-width:1000px) {
.vmBox{display:block;}
.vmBox .center{margin:0 auto;display:block;}
.vmBox .vmcon{width:50%;margin:0 auto;}
.vmBox .vmcon:after{border-width:0 2px 2px 0;transform:translate(-50% , 0) rotate(45deg);}
.vmBox .vmcon.vm-1{margin-bottom:45px;}
.vmBox .vmcon.vm-1:after{right:auto;left:50%;top:auto;bottom:-30px;}
.vmBox .vmcon.vm-2{margin-top:45px;}
.vmBox .vmcon.vm-2:after{left:50%;top:-40px;}
}
@media screen and (max-width:960px) {
.vmBox .center{width:30%;}
.vmBox .vmcon{width:55%;}
.vmBox .vmcon.vm-1 .item figure{width:72px;height:72px;}
}
@media screen and (max-width:767px) {
.vmBox .center{width:35%;}
.vmBox .vmcon{width:65%;}
.vmBox .vmcon.vm-1 .item figure{width:66px;height:66px;}
}
@media screen and (max-width:640px) {
.vmBox .center{width:50%;}
.vmBox .vmcon{width:75%;}
.vmBox .vmcon:after{width:20px;height:20px;}
.vmBox .vmcon .item{min-height:85px;}
.vmBox .vmcon.vm-1 .item figure{width:60px;height:60px;}
}
@media screen and (max-width:420px) {
.vmBox .center{width:70%;}
.vmBox .vmcon{width:100%;}
.vmBox .vmcon .item{min-height:82px;}
}


/*
.greBox{}
.greBox .item{width:315px;height:315px;margin:0 30px;background:#83c442;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}
.greBox .item .num{width:74px;height:74px;color:#83c442;background:#fff;border:solid 5px #83c442;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;left:10px;z-index:2;}
.greBox .item .tit{width:100%;color:#fff;text-align:center;}*/


.gr-busBox{padding:25px 20px;border-bottom:solid 1px #ddd;}
.gr-busBox .txtBox{display:flex;align-items:center;flex-wrap:wrap;}
.gr-busBox .txtBox *{font-family:'Pretendard-ExtraBold';}
.gr-busBox .txtBox .num{width:52px;aspect-ratio:5 / 5;display:flex;align-items:center;justify-content:center;text-align:center;background:#83c442;color:#fff;border-radius:50%;}
.gr-busBox .txtBox .tit{width:calc(100% - 52px);padding-left:20px;}

@media screen and (max-width:1280px) {
.gr-busBox .txtBox .num{width:50px;}
.gr-busBox .txtBox .tit{width:calc(100% - 50px);}
}
@media screen and (max-width:1100px) {
.gr-busBox{padding:20px 15px;}
.gr-busBox .txtBox .num{width:46px;}
.gr-busBox .txtBox .tit{width:calc(100% - 46px);}
}
@media screen and (max-width:960px) {
.gr-busBox .txtBox .num{width:42px;}
.gr-busBox .txtBox .tit{width:calc(100% - 42px);}
}
@media screen and (max-width:767px) {
.gr-busBox{padding:15px 10px;}
.gr-busBox .txtBox .num{width:39px;}
.gr-busBox .txtBox .tit{width:calc(100% - 39px);}
}
@media screen and (max-width:640px) {
.gr-busBox{padding:15px 5px;}
.gr-busBox .txtBox .num{width:35px;}
.gr-busBox .txtBox .tit{width:calc(100% - 35px);padding-left:15px;}
}
@media screen and (max-width:480px) {
.gr-busBox .txtBox .num{width:32px;}
.gr-busBox .txtBox .tit{width:calc(100% - 32px);padding-left:10px;}
}
@media screen and (max-width:320px) {
.gr-busBox .txtBox .num{width:29px;}
.gr-busBox .txtBox .tit{width:calc(100% - 29px);padding-left:7px;}
}




.programBox{border-top:solid 2px #000;}
.programBox .item{padding:20px;border-bottom:solid 1px #ccc;display:flex;align-items:center;}
.programBox .item .num{width:100px;padding:10px 0;border-radius:60px;background:#0b8040;color:#fff;text-align:center;}
.programBox .item .con{width:calc(100% - 100px);padding-left:25px;}

@media screen and (max-width:767px) {
.programBox .item{padding:18px;}
.programBox .item .num{width:90px;padding:8px 0;}
.programBox .item .con{width:calc(100% - 90px);padding-left:20px;}
}
@media screen and (max-width:640px) {
.programBox .item{padding:15px;padding-left:13px;flex-wrap:wrap;}
.programBox .item .num{width:80px;padding:6px 0;}
.programBox .item .con{width:100%;padding-left:2px;padding-top:5px;}
}
@media screen and (max-width:560px) {
.programBox .item .num{width:65px;padding:4px 0;}
}
@media screen and (max-width:460px) {
.programBox .item{padding:10px 5px;padding-left:3px;}
.programBox .item .num{width:60px;}
}








/*********** 연혁 ***********/
.his{position:relative;}
.his:before,
.his:after{display:none;}
.his:before{width:2px;background:rgba(0,0,0,0.15);position:absolute;top:0;bottom:0;left:calc(50% - 1px);display:block;content:"";z-index:1;}

.his>div{margin-bottom:140px;position:relative;}
.his>div:last-child{margin-bottom:0 !important;}
.his>div:after{width:20px;height:20px;background:#0b8040;border-radius:50%;position:absolute;top:15px;left:50%;transform:translateX(-50%);display:block;content:"";z-index:1;}

.his>div .imgBox{width:50%;padding-right:50px;}
.his>div .imgBox .year{text-align:right;color:#0b8040;}
.his>div .txtBox{width:50%;}
.his>div .txtBox .item{width:100%;padding-left:50px;margin-bottom:20px;}
.his>div .txtBox .item .month{text-align:left;margin-top:8px;}
.his>div .txtBox .item ul{margin-top:8px;}
.his>div .txtBox .item ul li{padding-bottom:8px;font-size:22px;line-height:130%;color:#848383;font-weight:500;font-family:'Pretendard-Medium';word-wrap:break-word;display:block;word-break:keep-all;}
.his>div .txtBox .item ul li:after{left:2px;background:#848383;}

.his>div:nth-child(even) .imgBox{padding-right:0 !important;padding-left:50px;}
.his>div:nth-child(even) .imgBox .year{text-align:left;}
.his>div:nth-child(even) .txtBox{order:-1;}
.his>div:nth-child(even) .txtBox .item{padding-left:0 !important;padding-right:50px;justify-content:flex-end;}
.his>div:nth-child(even) .txtBox .item .month{text-align:right;}
.his>div:nth-child(even) .txtBox .item ul{order:-1;}
.his>div:nth-child(even) .txtBox .item ul li{padding-left:0 !important;padding-right:14px;text-align:right;}
.his>div:nth-child(even) .txtBox .item ul li:after{left:auto;right:2px;}

@media all and (max-width:1500px){
.his>div{margin-bottom:120px;}

.his>div .imgBox{padding-right:50px;}
.his>div .txtBox .item{padding-left:50px;margin-bottom:20px;}
.his>div .txtBox .item ul li{font-size:20px;}

.his>div:nth-child(even) .imgBox{padding-left:50px;}
.his>div:nth-child(even) .txtBox .item{padding-right:50px;}
.his>div:nth-child(even) .txtBox .item ul li{padding-right:14px;}
}
@media all and (max-width:1280px){
.his>div{margin-bottom:100px;}
.his>div:after{width:18px;height:18px;top:13px;}

.his>div .imgBox{padding-right:40px;}
.his>div .txtBox .item{padding-left:40px;}
.his>div .txtBox .item ul li{font-size:18px;}
.his>div .txtBox .item ul li:after{top:8px;}

.his>div:nth-child(even) .imgBox{padding-left:40px;}
.his>div:nth-child(even) .txtBox .item{padding-right:40px;}
}
@media all and (max-width:1100px){
.his>div{margin-bottom:80px;}
.his>div:after{width:16px;height:16px;top:13px;}

.his>div .imgBox{padding-right:30px;}
.his>div .txtBox .item{padding-left:30px;}
.his>div .txtBox .item ul li{font-size:17px;}

.his>div:nth-child(even) .imgBox{padding-left:30px;}
.his>div:nth-child(even) .txtBox .item{padding-right:30px;}
}
@media all and (max-width:960px){
.his:after,
.his:before{display:none;}
.his>div{margin-bottom:50px;padding-top:50px;border-top:solid 1px rgba(0,0,0,0.15);position:relative;}
.his>div:after{width:80px;height:6px;top:-3px;left:0;transform:translateX(0);border-radius:0;}

.his>div .imgBox{width:100%;padding-right:0;}
.his>div .imgBox .year{text-align:left;margin-bottom:20px;}
.his>div .imgBox img{margin-bottom:40px;margin-top:20px !important;}
.his>div .txtBox{width:100%;}
.his>div .txtBox .item{padding-left:0;margin-bottom:10px;}
.his>div .txtBox .item ul{width:calc(100% - 40px);margin-top:8px;}
.his>div .txtBox .item ul li{padding-bottom:6px;font-size:19px;}
.his>div .txtBox .item ul li:after{top:9px;}

.his>div:nth-child(even) .imgBox{padding-left:0;}
.his>div:nth-child(even) .txtBox{order:0;}
.his>div:nth-child(even) .txtBox .item{padding-right:0;}
.his>div:nth-child(even) .txtBox .item .month{text-align:left;}
.his>div:nth-child(even) .txtBox .item ul{order:0;}
.his>div:nth-child(even) .txtBox .item ul li{padding-left:14px !important;padding-right:0 !important;text-align:left;}
.his>div:nth-child(even) .txtBox .item ul li:after{left:2px;right:auto;}
}
@media all and (max-width:767px){
.his>div{margin-bottom:40px;padding-top:40px;}
.his>div:after{width:60px;}

.his>div:nth-child(even) .txtBox .item ul li{padding-right:10px;}
}
@media all and (max-width:640px){
.his>div:after{width:40px;}

.his>div .txtBox .item ul{width:calc(100% - 35px);margin-top:7px;}
.his>div .txtBox .item ul li{padding-bottom:5px;font-size:17px;}
}






/*********** 조직도 ***********/
.org{width:100%;position:relative;}
.org:after{width:1px;height:340px;background:#ddd;position:absolute;top:40px;left:50%;display:block;content:"";z-index:-1;}
.org span{width:300px;margin:0 auto 50px auto;padding:20px 0;border-radius:10px;position:relative;text-align:center;}
.org span:after{width:1px;height:40px;background:#ddd;position:absolute;bottom:-40px;left:50%;display:block;content:"";z-index:-1;}

.org .first{border:solid 4px #0b8040;font-weight:bold;color:#0b8040;background:#fff;}

.org .second>*{width:50%;}
.org .second span{width:calc(40% - 60px);margin:0;margin-bottom:60px;margin-left:60px;padding:0;border-radius:0 !important;}
.org .second span:after{width:60px;height:1px;bottom:50%;left:-60px;}
.org .second span:first-child:after{display:none !important;}
.org .second span font{width:300px;background:#0b8040;font-weight:bold;color:#fff;margin:0;padding:20px 0;border-radius:10px;position:relative;text-align:center;}

.org .third{background:#0b8040;font-weight:bold;color:#fff;}

.org div.fourth{width:100%;position:relative;}
.org div.fourth:after{width:calc(100% - ((100%/6) - 1px));height:1px;background:#ddd;position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;content:"";z-index:-1;}
.org div.fourth span{width:calc(100%/6 - 20px);margin:10px;margin-top:40px !important;padding:20px 0;background:#999;color:#fff;border-radius:10px;}
.org div.fourth span:after{bottom:auto;top:-40px;}

@media screen and (max-width:1500px){
.org:after{height:320px;top:0;}
.org span{width:260px;margin:0 auto 40px auto;}

.org .second span{width:calc(40% - 40px);margin-bottom:40px;margin-left:40px;}
.org .second span:after{width:40px;left:-40px;}
.org .second span font{width:260px;padding:20px 0;}
}
@media screen and (max-width:1280px){
.org span,
.org .second span font{width:240px;}
}
@media screen and (max-width:1100px){
.org:after{height:280px;}
.org span{margin:0 auto 30px auto;padding:18px 0;border-radius:5px;}
.org span:after{height:30px;bottom:-30px;}

.org span,
.org .second span font{width:220px;}

.org .second span{width:calc(50% - 20px);margin:0;margin-bottom:30px;margin-left:20px;}
.org .second span:after{width:20px;left:-20px;}
.org .second span font{padding:18px 0;border-radius:5px;}

.org div.fourth span{margin-top:30px !important;padding:18px 0;border-radius:5px;}
.org div.fourth span:after{top:-30px;}
}
@media screen and (max-width:860px){
.org:after{height:270px;}
.org span{padding:16px 0;}

.org span,
.org .second span font{width:220px;}

.org .second span{width:calc(50% - 15px);margin-left:15px;}
.org .second span:after{width:15px;left:-15px;}
.org .second span font{padding:16px 0;}

.org div.fourth span{width:calc(100%/6 - 10px);margin:5px;padding:16px 0;}
}
@media screen and (max-width:767px){
.org:after{height:265px;}

.org span,
.org .second span font{width:180px;}
}
@media screen and (max-width:640px){
.org:after{height:260px;}

.org span,
.org .second span font{width:150px;}
}
@media screen and (max-width:560px){
.org .second span font{width:120px;}

.org div.fourth span{width:calc(100%/6 - 4px);margin:2px;}
}
@media screen and (max-width:460px){
.org .second span font{width:100px;}

.org div.fourth:after{width:calc(100% - ((100%/3) - 1px));}
.org div.fourth span{width:calc(100%/3 - 10px);margin:5px;margin-bottom:0 !important;}
}







/*********** 창립선언문 ***********/
.doeBox{width:60%;margin:0 auto;padding:100px;border-radius:20px;background:#f1f1f1;position:relative;}
.doeBox:after{width:calc(100% - 30px);height:calc(100% - 30px);border:solid 3px #fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;content:"";border-radius:15px;}
.doeBox .signBox img.bg{width:40%;}
.doeBox .signBox span{width:60%;padding-right:1%;}

@media screen and (max-width:1500px) {
.doeBox{width:80%;}
}
@media screen and (max-width:1280px) {
.doeBox{width:100%;padding:90px;}
}
@media screen and (max-width:1100px) {
.doeBox{padding:70px;}
}
@media screen and (max-width:960px) {
.doeBox{padding:60px;}
.doeBox .signBox img.bg{width:50%;}
.doeBox .signBox span{width:50%;}
}
@media screen and (max-width:860px) {
.doeBox{padding:50px;border-radius:10px;}
.doeBox:after{width:calc(100% - 20px);height:calc(100% - 20px);border-width:2px;border-radius:5px;}
}
@media screen and (max-width:640px) {
.doeBox{padding:40px;}
.doeBox:after{width:calc(100% - 15px);height:calc(100% - 15px);border-width:1px;}

.doeBox .signBox img.bg{width:70%;margin-left:30%;margin-top:20px;}
.doeBox .signBox span{width:100%;padding-right:0;order:-1;}
}
@media screen and (max-width:560px) {
.doeBox{padding:40px 30px;}
.doeBox:after{width:calc(100% - 10px);height:calc(100% - 10px);}
}
@media screen and (max-width:460px) {
.doeBox{padding:35px 20px;}
.doeBox .signBox img.bg{width:85%;margin-left:15%;}
}







/*********** 오시는길 ***********/
.mappage{display:flex;flex-wrap:wrap;}
.mappage li{margin-right:80px;text-align:left;}
.mappage li>div{font-size:18px;color:#59534a;font-weight:300;line-height:34px;font-weight:normal;}
.mappage li>div>h1{padding-left:35px;font-size:22px;color:#000;font-weight:bold;}
.mappage .location{background:url(/sub1/img/icon1.png) no-repeat 0 1px;}
.mappage .tel{background:url(/sub1/img/icon2.png) no-repeat 0 0;}
.mappage .fax{background:url(/sub1/img/icon4.png) no-repeat 0 0;}
.mappage .email{background:url(/sub1/img/icon3.png) no-repeat 0 0;}

#daumRoughmapContainer1749709479339 .cont{display:none !important;}
#daumRoughmapContainer1749709479339 .cont .section *{font-size:18px;line-height:140%;}
#daumRoughmapContainer1749709479339 .cont .section .icon_bus{margin-top:5px;}

@media all and (max-width:1280px) {
#daumRoughmapContainer1749709479339 .cont .section *{font-size:17px;}
#daumRoughmapContainer1749709479339 .cont .section .icon_bus{margin-top:3px;}
}
@media all and (max-width:1100px) {
.mappage li{margin-right:50px;}
.mappage li>div{font-size:17px;line-height:30px;background-size:20px auto !important;}
.mappage li>div>h1{padding-left:30px;font-size:21px;}

#daumRoughmapContainer1749709479339 .cont .section *{font-size:16px;}
#daumRoughmapContainer1749709479339 .cont .section .icon_bus{margin-top:2px;}
}
@media all and (max-width:960px) {
.mappage li{width:100%;margin-bottom:20px;margin-right:0;}
.mappage li>div{font-size:16px;line-height:24px;font-weight:400;}
.mappage li>div>h1{padding-left:35px;font-size:20px;}
}
@media all and (max-width:767px) {
#daumRoughmapContainer1749709479339 .cont .section *{font-size:15px;}
#daumRoughmapContainer1749709479339 .cont .section .icon_bus{margin-top:1px;}
}
@media all and (max-width:640px) {
#daumRoughmapContainer1749709479339 .cont .section *{font-size:14px;}
#daumRoughmapContainer1749709479339 .cont .section .icon_bus{margin-top:0;}
}
@media all and (max-width:380px) {
.mappage li>div{font-size:15px;}
.mappage li>div>h1{font-size:19px;}
}









/********************************* 사업내용 *********************************/
/*********** 사업내용 소개 ***********/
.busBox{padding:45px 0;border-bottom:solid 1px #ddd;}
.busBox figure{width:410px;border-radius:20px;overflow:hidden;}
.busBox figure img{width:100%;display:block;}
.busBox .txtBox{width:calc(100% - 410px);padding-left:7%;display:flex;align-items:center;flex-wrap:wrap;}
.busBox .txtBox *{font-family:'Pretendard-ExtraBold';}
.busBox .txtBox .num{width:52px;aspect-ratio:5 / 5;display:flex;align-items:center;justify-content:center;text-align:center;background:#0b8040;color:#fff;border-radius:50%;}
.busBox .txtBox .tit{width:calc(100% - 52px);padding-left:20px;}

@media screen and (max-width:1280px) {
.busBox{padding:40px 0;}
.busBox figure{width:380px;}
.busBox .txtBox{width:calc(100% - 380px);}
.busBox .txtBox .num{width:50px;}
.busBox .txtBox .tit{width:calc(100% - 50px);}
}
@media screen and (max-width:1100px) {
.busBox{padding:35px 0;}
.busBox figure{width:350px;}
.busBox .txtBox{width:calc(100% - 350px);}
.busBox .txtBox .num{width:46px;}
.busBox .txtBox .tit{width:calc(100% - 46px);}
}
@media screen and (max-width:960px) {
.busBox{padding:30px 0;}
.busBox figure{width:300px;}
.busBox .txtBox{width:calc(100% - 300px);}
.busBox .txtBox .num{width:42px;}
.busBox .txtBox .tit{width:calc(100% - 42px);}
}
@media screen and (max-width:767px) {
.busBox{padding:30px 0;}
.busBox figure{width:100%;border-radius:10px;}
.busBox .txtBox{width:100%;margin-top:25px;padding-left:0;}
.busBox .txtBox .num{width:39px;}
.busBox .txtBox .tit{width:calc(100% - 39px);}
}
@media screen and (max-width:640px) {
.busBox{padding:25px 0;}
.busBox .txtBox .num{width:35px;}
.busBox .txtBox .tit{width:calc(100% - 35px);padding-left:15px;}
}
@media screen and (max-width:480px) {
.busBox{padding:20px 0;}
.busBox .txtBox{margin-top:20px;}
.busBox .txtBox .num{width:32px;}
.busBox .txtBox .tit{width:calc(100% - 32px);padding-left:10px;}
}
@media screen and (max-width:320px) {
.busBox .txtBox .num{width:29px;}
.busBox .txtBox .tit{width:calc(100% - 29px);padding-left:7px;}
}








/********************************* 후원/봉사참여 *********************************/
/*********** 후원하기 ***********/
.accountBox{width:60%;padding:20px 50px 0 50px;margin:0 auto;border-radius:20px;background:#f1f1f1;}
.accountBox img{width:250px;}
.accountBox span{width:calc(100% - 250px);padding-left:35px;}
.accountBox span .tit{margin-top:-15px;}
.accountBox span a{display:table;}

@media screen and (max-width:1500px) {
.accountBox{width:80%;}
}
@media screen and (max-width:1280px) {
.accountBox{width:100%;}
}
@media screen and (max-width:860px) {
.accountBox{padding:20px 40px 0 40px;border-radius:10px;}
.accountBox img{width:200px;}
.accountBox span{width:calc(100% - 200px);padding-left:30px;}
}
@media screen and (max-width:640px) {
.accountBox{padding:20px 5px 0 5px;justify-content:center;}
.accountBox img{width:150px;margin:0 auto;display:block;}
.accountBox span{width:100%;padding-left:0;order:-1;}
.accountBox span *{text-align:center;}
.accountBox span .tit{margin-top:15px;}
.accountBox span a{margin:0 auto;}
}






/*********** 재능 기부하기 ***********/
/*.talentBox{width:80%;margin:0 auto;padding:100px 5px;background:url(/sub4/img/c2i1.png) no-repeat left bottom #edeceb;background-size:auto 100%;border-radius:20px;}*/
.talentBox a{display:table;margin:0 auto;}

.imgTs{width:50%;max-width:350px;margin:0 auto;display:block;border-radius:50%;}

@media screen and (max-width:1280px) {
.talentBox{width:100%;}
}
@media screen and (max-width:860px) {
.talentBox{border-radius:10px;}
}