@charset "utf-8";
.guide-wrap{}


/*서브추가공통*/
.li-ht150{line-height:150%;}
.li-ht130{line-height:130%;}
.f25{font-size:25px;}
.ft-bold{font-weight: bold;}
.bd-bottom{border-bottom:solid 1px #bdbdbd;}


/*교육안내*/
.old-fsh-box{justify-content: space-between; overflow: hidden;}
.old-fsh-box li{width:350px; float:left; }
.old-fsh-box li:first-child{margin-right:10px;}
.old-fsh-box li p{position: relative;}
.old-fsh-box li:first-child{overflow: hidden;}
/*.old-fsh-box li:last-child p.p-wrap:before{content: ""; width:49px; height: 46px; background: url("../_Img/content/r-arrorw.png"); display: inline-block; position: absolute; top:40%; left:-16%;}*/
.old-fsh-box li img{width:100%;}
.old-fsh-box li:last-child img{height:212px;}
.old-fsh-box li .txt-box{width:100%; position: absolute; bottom:0; left: 0; background: #34302f; opacity: 0.7; padding: 15px 0px;}
.old-fsh-box li .txt-box .tit{display: block; text-align: center; color:#fff; font-size:16px;}
.old-fsh-box li .bt-txt{width:100%; padding: 20px 10px; background: #f7f7f7; box-sizing: border-box; }

@media all and (max-width:1600px){
    .guide-wrap{padding:0px 20px;}
}

@media all and (max-width:1000px){
    /*교육안내*/
    .old-fsh-box li .txt-box{padding: 5px 0;}
    .old-fsh-box li .txt-box .tit{font-size:12px;}
    .old-fsh-box li .bt-txt{font-size:13px;}
}

@media all and (max-width:768px){
.old-fsh-box li {width:270px;}
.old-fsh-box li:last-child img{height:163px;}
}

@media all and (max-width:680px){
    .guide-wrap{padding:0px 15px;}

.old-fsh-box li:first-child{margin-right:0px; margin-bottom:10px;}
.old-fsh-box li {width:100%;}
.old-fsh-box li:last-child img{height:auto;}
}

@media all and (max-width:480px){

}

.adms-wrap{}

@media all and (max-width:1600px){
    .adms-wrap{padding:0px 20px;}
}

@media all and (max-width:1000px){

}

@media all and (max-width:680px){
    .adms-wrap{padding:0px 15px;}
}

@media all and (max-width:480px){
    /*교육안내*/
    .old-fsh-box li .txt-box .tit{font-size:13px; letter-spacing: -1px;}
}

.board-wrap{}

@media all and (max-width:1600px){
    .board-wrap{padding:0px 20px;}
}

@media all and (max-width:1000px){

}

@media all and (max-width:680px){
    .board-wrap{padding:0px 15px;}
}

@media all and (max-width:480px){

}

/*설립목표*/
.workBox{width:100%; background-color:#f7f7f7; box-sizing: border-box; padding:80px; text-align: center;}
.workBox .wbTit{font-size:24px; font-family:'SCDream5'; color:#3d425f; width:350px; margin:25px auto; height:45px; box-sizing: border-box; position: relative; text-align: center; padding-top:10px; }
.workBox .wbTit:before, .workBox .wbTit:after{content:''; width:15px; height:45px; position:absolute; top:0; background-position: center; background-repeat: no-repeat;}
.workBox .wbTit:before{left:0; background-image: url("/images/Work_/content/titLeft.png");}
.workBox .wbTit:after{right:0; background-image: url("/images/Work_/content/titRight.png");}
.workBox .wbCnt{width:100%; margin:0 0 25px; background-color:#fff; font-size:20px; font-family:'NotoKrR'; color:#333; padding:20px 0;}
.workBox .wbUl{width:100%; overflow: hidden; text-align: center; margin:50px 0 0;}
.workBox .wbUl > .wbLi{display: inline-block; width:22%; margin:0 10px; padding:25px 0; }
.workBox .wbUl > .wbLi.wbLi1{background-color:#30b3c2;}
.workBox .wbUl > .wbLi.wbLi2{background-color:#3f94d5;}
.workBox .wbUl > .wbLi.wbLi3{background-color:#526ed2;}
.workBox .wbUl > .wbLi.wbLi4{background-color:#6e54d3;}
.workBox .wbUl > .wbLi  p{color:#fff; margin:15px 0 0; line-height: 120%; font-size:20px; font-family:'NotoKrR';}

@media screen and (max-width:1200px){
    .workBox .wbUl > .wbLi  p{font-size:16px;}
}

@media screen and (max-width:1000px){
    .workBox{padding:30px;}
    .workBox .wbUl > .wbLi{width:22%; margin:0 5px;}
    .workBox .wbUl > .wbLi img{width:70px;}
    .workBox .wbUl > .wbLi p{font-size:14px;}
}
@media screen and (max-width:768px){
    .workBox > img{margin:30px 0;}
    .workBox .wbTit{width:250px; font-size:19px;}
    .workBox .wbCnt{font-size:16px;}
    .workBox .wbUl > .wbLi{width:48%; margin:0.5%;}
}

@media screen and (max-width:680px){
    .workBox .wbTit{width:70%;}
    .workBox > img{width:50%;}
}
@media screen and (max-width:480px){
    .workBox .wbUl > .wbLi{width:100%; margin:1% 0;}
}