@charset "utf-8";

/* ******************* *
* Organizational Chart
* ******************* */
.corg.type1 .corg-depart-bottom .title:not(:last-child) {margin-bottom: 25px;}
.corg-depart-bottom {width: 100%;position: absolute;top: 0;right: 0;margin: 395px 180px 0 0;}
.corg-depart-bottom:before {content: '';display: block;width: 1px;height: 70%;background: #ccc;position: absolute;top: 46%;bottom: 0;right: 304px;transform: translateY(-50%);}
.corg-tit-depart .corg-depart-task .list .tit{text-align: center; font-size: .95em;}
.text_r{text-align: right; display: block;}
.color_w{text-align: right;}
.color_w li{display: flex; align-items: center;}
.cw1{display: block; width: 15px; height: 10px; border-radius: 10px; margin-right:10px; background-color: #3dd469;}
.cw2{display: block; width: 15px; height: 10px; border-radius: 10px; margin-right:10px; background-color: #43b6d1;}
.cw3{display: block; width: 15px; height: 10px; border-radius: 10px; margin-right:10px; background-color: #40ace2;}
.cw4{display: block; width: 15px; height: 10px; border-radius: 10px; margin-right:10px; background-color: #4187e1;}
.cw5{display: block; width: 15px; height: 10px; border-radius: 10px; margin-right:10px; background-color: #4371dd;}
.ci_bg{display: flex;align-items: center;justify-content: space-evenly;border: 1px solid #ccc;border-radius: 10px;padding: 40px 0;}
.sgcbtn-basic.ar{margin-right: 10px;}
.ci_bg2{border: 1px solid #ccc;border-radius: 10px;padding: 40px 0;display: flex;flex-direction: column;align-items: center;}
.ci_bg2 .lb{margin-bottom: 20px;}
@media all and (max-width: 1399px){
    .corg-depart-bottom{margin: 386px 180px 0 0;}
}
@media all and (max-width: 1199px){
    .corg.type1 .corg-depart .title:before {display: block;}
      [class*=corg-depart] .title .tit{font-size: 1em;} 
      .corg-depart-bottom{margin: 405px -1px 0 0;}
      
      .corg-depart:before {right: 314px;}
      .corg-depart:after {width: calc(50% - 313px);}
      
      .corg-depart-bottom:before {height: 73%;top: 50%;}
}
@media all and (max-width: 1024px){
    .corg-depart-bottom{margin: 375px -1px 0 0;}
    .corg.type1 .corg-depart-bottom .title:not(:last-child) {margin-bottom: 10px;}
    .corg-depart-bottom:before {height: 68%;top: 47%;}
    .corg-tit-depart {margin-top: 256px;}
    
    .corg-depart:before {right: 250px;}
    .corg-depart:after {width: calc(50% - 250px);}
}
@media all and (max-width: 768px){
    .corg.type1 .corg-tit-deputy:before {height: calc(100% + 202px);}
    .corg-depart-bottom{margin: 170px -1px 0 0;}
    .corg-tit-depart {margin-top: 0;}
    
    
}
@media all and (max-width: 640px){
    .corg-depart-bottom{margin : 265px -1px 0 0;}
    .corg-depart-bottom:before{display: none;}
/*    .corg-depart-list{margin-top: 260px;}
*/     .corg-tit-depart {margin-top: -22px;}
}

.clocation .map-cont-info .btn-view span{font-size: 1em;}

.btn-area {width: 100%; display: flex; justify-content: center;}
.btn-area>a { margin-right: 15px;}
#popup1 {display: none;}
#popup2 {display: none;}
.edu-img {border-radius: 10px; border: 1px solid #ccc;}
.edu-img .img-rs img {width: 98% !important;}


/* 오시는길 */
.clocation .map-cont-info .tel .tit:before{background-position-x: -45px;}
.clocation .map-cont-info .btn-view{width: 300px;}
.clocation .map-cont-info ul{padding: 22px 30px;}
.addr{width: 65%;}
.clocation .map-cont-info li:not(:last-child){margin-right: 28px;padding-right: 20px;}
.clocation .map-cont-info .tit:before{width: 40px; margin-right: 15px;}
.cont{line-height: 1.4;}

@media all and (max-width: 768px){
    .clocation .map-cont-info .btn-view span{font-size: 1.4em;}
}
@media all and (max-width: 699px){
    .mt{margin-top: 10px;}
}
@media all and (max-width: 376px){
    .amt{margin-top: 10px;}
}

/*=================================*/
.corg-tit-head {
    margin: 0 auto 147px;
}

.corg.type1 .title .tit{
    text-align: center;
    padding: 10px;
}

.corg-depart:before {
    top: 49% !important;
    height: 57% !important;
}

.addr{width: 65%;}



@media all and (max-width: 768px){
    .corg-depart:before, .corg-depart::after {display: none;}
    .corg-tit-depart .corg-depart-list {padding-top: 45px;}
    
    [class*=corg-depart] .title, .corg.type2 .corg-depart .txt {width: 100%;min-height: 50px;padding: 0;}
    .corg-tit-head,
    .corg-tit-deputy {height: 60px;margin: 0 auto 191px;}
    .corg-tit-head {margin-bottom: 145px;}
    .corg-depart {padding: 0 0 0 50px;right: auto;box-sizing: border-box;margin: 70px 0 0;}
    .corg-depart:after {width: calc(100% - 210px);left: 20px;}
    .corg-depart-bottom {margin: 282px  0 0;padding: 0 0 0 50px;box-sizing: border-box;}
    .corg-depart-bottom:before,
    .corg-depart-bottom:after {display: none;}
    .corg.type1 .corg-tit-head:before,
    .corg.type1 .corg-tit-deputy:before {height: calc(100% + 200px);left: 20px;}
    .corg.type1 .corg-depart-bottom .title:not(:last-child) {margin-bottom: 20px;}
    .corg.type1 .title, 
    .corg-tit-depart .corg-depart-task .list .tit {width: 100%;}
    .corg.type1 .corg-tit-head .tit, 
    .corg.type1 .corg-tit-deputy .tit {width: 100%;height: 100%;padding: 0;font-size: 1.222em;}
    .corg.type1 .corg-tit-depart .corg-depart-list > li {margin: 0;padding-left: 50px;box-sizing: border-box;}
    .corg.type1 .corg-tit-depart .corg-depart-list > li:not(:last-child):before {left: 20px;}
    .corg.type2 .corg-tit-head:before,
    .corg.type2 .corg-tit-deputy:before {height: 160%;left: 20px;}
    .corg.type2 .corg-tit-head,
    .corg.type2 .corg-tit-head .tit,
    .corg.type2 .corg-tit-head .txt {width: 100%;height: auto;}
    .corg.type2 .corg-tit-head .tit, 
    .corg.type2 .corg-tit-deputy .tit {width: 100%;height: 100%;padding: 0;font-size: 1.222em;}
    .corg.type2 .corg-depart {padding: 0 0 0 50px;}
    .corg.type2 .corg-depart:before {width: 70%;left: 21px;}
    .corg.type2 .corg-tit-deputy {height: auto;}
    .corg.type2 .txt.list {width: 100%;}
    .corg.type2 .corg-tit-depart .corg-depart-list > li {margin-left: 60px;}
    .corg.type2 .corg-tit-depart .corg-depart-list > li:not(:last-child):before {height: calc(100% + 32px);}
    .corg-tit-depart .corg-depart-task .title-list {padding: 15px;}
    .corg-tit-depart .corg-depart-task .etc .d1 > .tit,
    .corg-tit-depart .corg-depart-task .etc .tit {height: 50px;}
}