/*인사말*/
span.imgWrap{float: right; margin-left: 30px;}
div.greeting{width: 60%;}
div.greeting p{font-size: 35rem;}
div.greeting .p01{font-size: 23rem;padding: 30px 0 50px;}
.p02{margin-bottom: 30px;}
@media all and (max-width: 930px){
span.imgWrap{display: block; text-align: center; margin-bottom: 20px;}
span.imgWrap{float: inherit; margin-left: 0;}
div.greeting{width: 100%;}
}
@media all and (max-width:480px){
    div.greeting p {
        font-size: 25rem;
    }
    div.greeting .p01{
        font-size: 20rem;
    }
}

/*연혁*/
.history{display: flex; flex-wrap: wrap;}
.history > div{display: flex;flex-direction: row;flex-basis: 50%;padding: 5% 0%;border-bottom: 1px dashed #e5e5e5;justify-content: left;}
.history > div:nth-child(1), .history > div:nth-child(2){padding: 0 0 5%;}
.history > div:nth-child(even){border-left: 1px dashed #e5e5e5;padding-left: 20px;}
.history > div h4{padding: 0 50px 20px 0; margin: 0;}
.history > div strong{margin-right: 20px;}
.history .li_flex{display: flex;}
@media all and (max-width:1023px){
    .history > div{display: block;}
}
@media all and (max-width:796px){
    .history > div strong{display: block;}
    .history .li_flex {
        flex-direction: column;
    }
}
@media all and (max-width:600px){
.history{display: block;}
.history > div:nth-child(2){padding: 5% 0;}
.history > div:nth-child(even){border-left: none; padding-left: 0;}
}

/*정관*/
.rule h4,.rule h5{text-align: center;}
.rule p.tit{font-weight: bold;padding:15px 0 5px;}
.rule {height: 700px;overflow: scroll;border: 1px solid #ddd;padding: 30px;}
.rule .added{margin: 40rem 0 15rem 3rem;font-size: 22rem;font-weight: 500;color: #0f74d2;text-align: center;}
.rule ul > li{position: relative;margin: 5rem 0;padding: 0 0 0 16rem;}
.rule ul > li > ul > li{position: relative;margin: 5rem 0;padding: 0 0 0 15rem;}
@media all and (max-width:480px){
    .rule{
        height: 500px;
        padding: 10px;
    }
}


/*조직도*/
.organization div.orgWrap {width: 100%;max-width: 750px;padding-bottom: 85rem;margin: 0 auto;text-align: center;}
.organization .chairman > span{display: inline-block;width: 45%;padding: 17px 5px;border-radius: 15rem;background: #db5930;color: #fff;font-weight: 600;font-size: 19rem;}
.organization .chairman{position: relative;}
.organization .chairman::after{
    position: absolute;
    display: block;
    height: 170px;
    width: 1px;
    content: '';
    background: #ddd;
    top: 66px;
    left: 50%;
}
.organization div.orgWrap .part {position: relative;margin-top: 35px;}
.organization div.orgWrap ul.part:after{position: absolute;display: block;height: 1px;width: 450px;content: '';background: #ddd;top: 30px;left: 124px;}
.organization div.orgWrap ul.part li{text-align: center;padding: 18px 0;border-radius: 15rem;}
.organization div.orgWrap ul.part li {display: inline-block;width: 30%;height: 62rem;margin: 0 1.5%;vertical-align: top;background-color: #abe6f3;position: relative;z-index: 1;}
.organization div.orgWrap ul.part li:nth-child(2){position: relative; z-index: 3;}
.organization div.orgWrap ul.part li:nth-child(2):after{height: 35px;top: -35px;}
.organization div.orgWrap ul.office{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -85rem;
}
.organization div.orgWrap ul.office li{
    width: 100%;
    height: 62rem;
    padding: 17px 5px;
    background-color: #d0e5e3;
    border-radius: 15rem;
    position: relative;
}
@media all and (max-width:796px){
    .organization div.orgWrap ul.part > li{
        width: 28%;
    }
    .organization .chairman::after{
        top:63px;
        height: 150px;
    }
    .organization div.orgWrap ul.part:after{
        width: 270px;
    }
}
@media all and (max-width:610px){
    .organization div.orgWrap ul.part:after{
        width: 240px;
        left: 50px;
    }
}
@media all and (max-width:510px){
    .organization .chairman::after {
        top: 92px;
        height: 133px;
    }
}
@media all and (max-width:480px){
    .organization .chairman > span{
        width: 50%;
    }
    .organization div.orgWrap .part{
        margin-top: 20px;
    }
    .organization .chairman::after {
        top: 63px;
    }
}
@media all and (max-width:380px){
    .organization div.orgWrap{
        padding-bottom: 10px;
    }
    .organization .chairman span{width: 100%;}
    .organization div.orgWrap ul.part:after{
        display: none;
    }
    .organization div.orgWrap .part{
         height: 270px;
    }
    .organization div.orgWrap ul.part li{
        margin: 0;
    }
    .organization div.orgWrap ul.part > li{
        width: 100%;
        margin-bottom: 10px;
    }
    .organization .chairman::after{
        height: 250px;
    }
    .organization div.orgWrap ul.office{
        bottom: -150px;
    }

}

/*찾아오시는길*/ 
.load {width:100% !important; }
.load .wrap_map {height:400rem !important;}
.load .hide, .load .map_border {display:none !important; }
@media all and (max-width:599px){
    .load .wrap_map {height:300rem !important;}
}

/*장학사업계획*/
.business01 h5{margin: 0 0 15rem 3rem;}
.business01 div.list{display: flex;flex-wrap: wrap;gap: 2%;margin-bottom: 30px;}
.business01 div.list .cont{flex-basis: 49%;border: 1px dashed #e5e5e5;padding: 30px;border-radius: 20rem;margin-bottom: 30px;}
.business01 div.mwt100 .cont{flex-basis: 100%;}
@media all and (max-width:796px){
    .business01 div.list .cont{flex-basis: 100%;margin-bottom: 5px;}
}
@media all and (max-width:480px){
    .business01 div.list .cont{
        padding: 20px;
    }
}

/*학교지원사업계획*/
.business02 h5{margin: 0 0 15rem 3rem;}
.business02 div.list{display: flex;flex-wrap: wrap;gap: 2%;margin-bottom: 30px;}
.business02 div.list .cont{flex-basis: 49%;border: 1px dashed #e5e5e5;padding: 30px;border-radius: 20rem;margin-bottom: 30px;}
@media all and (max-width:796px){
    .business02 div.list .cont{flex-basis: 100%;margin-bottom: 5px;}
}
@media all and (max-width:480px){
    .business02 div.list .cont{
        padding: 20px;
    }
}

/*후원안내*/
.fundInfo .acount{display: inline-block;padding: 10px 30px;background-color:cornsilk;border-radius: 10rem;}
.fundInfo .acount span{display: inline-block;padding: 0 10px 0 23px;font-weight: bold;background: url(/design2023/edu/img/sub/content/icon01.png) no-repeat left;background-position-y: 2\px;}
.fundInfo .imgWrap{
    padding-top: 50px;
}
@media all and (max-width: 930px){
    .fundInfo .imgWrap{padding-top: 0;}
}
@media all and (max-width:555px){
    .fundInfo .acount, .fundInfo .acount span{display: block;}
}
@media all and (max-width:480px){
    .fundInfo .acount{
        padding: 10px;
    }
}

/*군위인재양성원*/
.facility01 span.imgWrap{width: 45%;}
.facility01 span.imgWrap img{border-radius: 20rem;}
@media all and (max-width: 930px){
    .facility01 span.imgWrap{width: 100%;}
}
/*군위인재양성원*/
.facility02 span.imgWrap{width: auto;}
.facility02 span.imgWrap img{border-radius: 20rem;}

/*관련사이트*/

.relationSite {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.relationSite .siteitem img{max-width: 101%;}
.relationSite .siteitem {
    border-radius: 10rem;
    padding: 0;
    margin: 10rem 0;
    margin-right: 10rem;
    width: calc(33% - 13rem);
    border: 1px solid #ddd;
    background: none;
    overflow: hidden;
}
.relationSite .siteitem:nth-child(3n) {margin-right: 0;}

@media all and (max-width:1240px) {
    .relationSite .siteitem .cap{
        padding: 16rem 0;
        }
        .btn_type{
            font-size: 14rem;
            padding: 6rem 11rem;
        }
        .relationSite .siteitem .cap > span{
            font-size: 15px;
        }
}

.relationSite .siteitem:hover {border: 1px solid #2149a6;transition: 0.3s;box-shadow: 3px 3px #ddd;}
.relationSite .siteitem .cap {padding: 16rem 18rem; border-top: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;}
.relationSite .siteitem .cap > span {padding: 5rem;font-weight: 500;}
@media all and (max-width:800px) {
    .relationSite .siteitem {width: calc(50% - 18rem);}
    .relationSite .siteitem:nth-child(2n) {margin-right: 0;}
    .relationSite .siteitem:nth-child(2n-1) {margin-right: 30rem;}
}
@media all and (max-width:500px) {
    .relationSite .siteitem {width: 100%;margin-right: 0 !important;}
}