@charset "utf-8";


/* 기관소개 : 인사말 */
.greeting-img{display:table;position:relative;width:100%;}
.greeting-img > div{display:table-cell;vertical-align:bottom;width:50%;}
.greeting-tit{width:100%;height:300px;padding-top:10%;padding-left:10%;color:#fff; font-size:35px; letter-spacing:-1px; font-weight:300;vertical-align:middle;}
.greeting-tit strong{font-weight:600}
.greeting-img .img{position:relative;text-align:center}
.greeting-name{font-size:16px;text-align:right; color:#222; padding:0 50px}
.greeting-name strong{font-family: "SangSangRock";font-size:30px; letter-spacing:5px; margin-left:10px}
.greeting-img img{vertical-align:bottom}
.greeting-img:after{position:absolute;z-index:-1; content:'';background:#b1b6ba;left:0; bottom:0;width:100%; height:300px}
.greeting-txt{display:flex; flex-wrap:wrap; justify-content:space-between;padding:50px; color:#222;font-size:16px}
.greeting-txt > div{width:calc(50% - 30px); text-align:justify}

/* 기관소개 : 기관소개 */
.tbl-organ{border-top:1px solid #ddd; border-left:1px solid #ddd; width:100%;table-layout:fixed;color:#222; margin-top:10px}
.tbl-organ thead th{background:#f6f6f6; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; font-weight:500}
.tbl-organ tbody td{text-align:center;border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px;color:#595959}
.tbl-organ tbody td.td-left{text-align:left}
.tbl-organ .dot-list li:first-child{margin-top:0}
.vision-wrap{position:relative;}
.vision-wrap dl{display:table;margin-top:30px; border-radius:20px; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,.2); width:100%}
.vision-wrap dl.vision{position:relative;width:100%; border:2px solid #eb8509;}
.vision-wrap dl dt{display:table-cell;font-size:20px; font-family:'GongGothicBold'; width:200px; text-align:center; color:#fff; padding:30px;vertical-align:middle}
.vision-wrap dl dd{display:table-cell;padding:20px 50px;vertical-align:middle; background:#fff}
.vision-wrap:after{content:'';position:absolute;z-index:-1; left:200px; top:14%;width:calc(100% - 200px);height:100px; background:url(/nanum/site/builder/dir/main/img/menu2584/vision-arrow.png) no-repeat 50% 50%;background-size:150px}
.vision-wrap dl.vision dt{background:#eb8509; color:#fff}
.vision-wrap dl.vision dd{font-family:'GongGothicBold';width:calc(100% - 200px); text-align:center; font-size:22px; color:#eb8509}
.vision-wrap dl.goal{border:2px solid #6bbb3c; width:100%;margin-top:50px}
.vision-wrap dl.goal dt{background:#6bbb3c}
.vision-wrap dl.goal dd ul{display:flex; flex-wrap:wrap; justify-content:space-between}
.vision-wrap dl.goal dd li{width:calc(50% - 20px);text-align:center; padding:15px; background:#f1f1f1; border-radius:50px;}
.vision-wrap dl.assignment{border:2px solid #ed3699}
.vision-wrap dl.assignment dt{background:#ed3699}
.vision-wrap dl.assignment dd{display:flex; flex-wrap:wrap; justify-content:space-between;}
.vision-wrap dl.assignment dd > div{width:calc(100%/3 - 30px);position:relative}
.vision-wrap dl.assignment dd > div:before{content:''; position:absolute; left:-24px; border-left:1px dashed #ddd; height:100%}
.vision-wrap dl.assignment dd > div:first-child:before{border-left:0}
.vision-wrap dl.assignment dd > div .tit{position:relative;background:#e493bf; text-align:center; color:#fff; height:50px}
.vision-wrap dl.assignment dd > div .tit span{position:absolute; top:50%; left:0; width:100%; padding:0 5px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

.org-box{background:#ffecd2; padding:30px; text-align:center;border-radius:20px; font-size:1.5em; color:#000; margin-top:20px}
.org-box b{color:#f46700}

.organ{text-align:center}
.organ > div{width:300px; max-width:90%; border:1px solid #ddd; margin:30px auto 0 auto; position:relative}
.organ > div:after{content:'';position:absolute;width:1px;height:30px; bottom:-30px;left:50%;background:#ddd }
.organ > div img{max-width:100%}
.organ > div.part{width:600px; border:0;display:flex; flex-wrap:wrap; justify-content:space-between}
.organ > div.part div{width:calc(100%/3 - 10px); text-align:center;color:#000; font-weight:600; position:relative;margin-top:30px;}
.organ > div.part div:before{content:'';position:absolute; width:calc(100% + (30px/2)); height:30px; border-top:1px solid #ddd; border-left:1px solid #ddd; left:50%; top:-30px}
.organ > div.part div:last-child:before{left:auto; right:50%;border:0; border-right:1px solid #ddd}
.organ > div.part div img{display:block;margin:0px auto 10px auto}
.organ > div.part:after{display:none}

.vision > dl{display:flex;flex-wrap:wrap; justify-content:space-between;margin-top:20px}
.vision > dl > dt{padding:30px;width:180px;background:#3363d0; text-align:center; color:#fff; font-size:1.1em;}
.vision > dl > dd{width:calc(100% - 200px);padding:30px;background:#f1f1f1; font-size:1.2em; text-align:center; color:#000}
.vision > dl > dd b{color:#3363d0}

.vision .goal dt{background:#26c7a3}
.vision .goal dd{padding:20px}
.vision .goal dd ul{display:flex;flex-wrap:wrap; justify-content:space-between;}
.vision .goal dd li{width:calc(100%/3 - 10px); background:#26c7a3;color:#fff; padding:10px;border-radius:100px; font-size:.9em}

.vision .subject dt{background:#f2971b}
.vision .subject dd{display:flex;flex-wrap:wrap; justify-content:space-between;padding:20px}
.vision .subject dd > div{width:calc(100%/3 - 10px);background:#fff; border-radius:20px;overflow:hidden}
.vision .subject dd > div .tit{background:#f2971b; padding:10px 5px; color:#fff; font-size:.8em}
.vision .subject dd > div .num-list{padding:15px; font-size:.9em; text-align:left;}
.vision .subject dd > div .num-list li{display:flex;flex-wrap:wrap; justify-content:space-between;margin-top:10px;font-size:.9em}
.vision .subject dd > div .num-list li span{display:inline-block;width:calc(100% - 35px)}
.vision .subject dd > div .num-list li span.num{width:24px; height:24px;background:#f2971b; border-radius:100%;text-align:center; line-height:24px;font-size:.8em; color:#fff}

/* 기관소개 : 오시는길 */
.map{margin-top:50px}
.map-info{overflow:hidden;margin-top:30px; border-top:2px solid #222; padding:30px; border-bottom:1px solid #ddd}
.map-info p{margin-top:10px;display:flex; flex-wrap:wrap}
.map-info p strong,.map-info p span{display:inline-block}
.map-info p strong{width:30px;}
.map-info p strong img{max-width:20px}
.map-info p span{width:calc(100% - 30px)}
.map-info p:first-child{margin-top:0}
.map-info > div{float:left;width:calc(100% - 200px)}
.map-info > div.btn{float:right;width:180px;}
.map-info > div.btn a{display:inline-block;width:100%;text-align:center; line-height:55px;border:1px solid #222;font-weight:500}
.map-info > div.btn a:hover{background:#eb8509; color:#fff; border:1px solid #eb8509}
.map-how dl{width:100%;margin-top:50px}
.map-how dt{font-size:30px;}
.map-how dd{background:#f8f8f8; padding:20px;}
.map-how dd > div{margin-top:5px}
.map-how dd > div:first-child{margin-top:0}
.bus{display:inline-block;color: #fff;font-size:12px;font-weight: 200;line-height:22px;padding:0 5px;border-radius:3px;vertical-align: middle;}
.bus1{background: #c76f37;}
.bus2{background: #009996;}
.root_daum_roughmap{width:100% !important}
.wrap_controllers{display:none}




@media(max-width:1300px){

/* 기관소개 : 인사말 */
.greeting-img > div.img{width:40%}
.greeting-img img{max-width:90%}
.greeting-img > div{width:60%}
.greeting-tit{padding-top:12%; font-size:30px;height:280px}
.greeting-img:after{height:280px}

}


@media(max-width:1200px){

/* 기관소개 : 인사말 */
.greeting-tit{font-size:30px;}

/* 기관소개 : 기관소개 */
.vision-wrap dl dt{width:150px}
.vision-wrap dl dd{padding:20px 20px; font-size:16px;}
.vision-wrap:after{width:calc(100% - 150px); left:150px}

.consulting-step li{padding:15px}
.consulting-step li > div{font-size:17px; width:100%; text-align:center;padding:0}
.consulting-step li > div.img{display:block; margin:0 auto;width:80px}
.consulting-step li > div.img img{width:100%}
.consulting-step li > div span{text-align:center}



}


@media(max-width:1024px){

/* 기관소개 : 인사말 */
.greeting-tit{height:220px; font-size:25px}
.greeting-img:after{height:220px}
.greeting-txt{padding:40px}
.greeting-txt > div{width:100%;}
.greeting-txt > div:last-child{margin-top:20px}

/* 기관소개 : 기관소개 */
.vision-wrap dl dt{width:130px}
.vision-wrap dl dd{font-size:14px;}
.vision-wrap dl.vision dd{font-size:20px}
.vision-wrap dl.goal dd li {width:calc(50% - 5px)}
.vision-wrap dl.assignment dd > div{width:100%;display:table}
.vision-wrap dl.assignment dd > div:nth-child(n+2){margin-top:10px}
.vision-wrap dl.assignment dd > div:before{display:none}
.vision-wrap dl.assignment dd > div .tit{width:100px}
.vision-wrap dl.assignment dd > div > div{display:table-cell}
.vision-wrap dl.assignment dd > div > .con{background:#f6f6f6;padding:10px}
.vision-wrap:after{left:130px; width:calc(100% - 130px); background-size:120px}

.vision{font-size:.9em}
.vision > dl > dt{padding:30px;width:150px;background:#3363d0; text-align:center; color:#fff; font-size:1.1em;}
.vision > dl > dd{width:calc(100% - 170px);padding:30px;background:#f1f1f1; font-size:1.2em; text-align:center; color:#000}

}

@media(max-width:850px){
/* 기관소개 : 인사말 */
.greeting-img{display:block;background:#b1b6ba; margin-top:30px}
.greeting-img >  div{width:100%; display:block; text-align:center}
.greeting-img > div.img{width:100%;}
.greeting-img > div.img img{max-width:200px}
.greeting-img:after{display:none}
.greeting-tit{padding:0; padding-top:50px; height:auto; margin-bottom:30px; font-size:20px}
.greeting-txt,.greeting-name{font-size:13px; letter-spacing:-.5px}
.greeting-txt{padding:30px 0; }
.greeting-txt > div{text-align:left;}
.greeting-name{padding:0}

/* 기관소개 : 기관소개 */
.vision-wrap dl{ border-radius:0; margin-top:15px}
.vision-wrap dl:first-child{margin-top:15px;}
.vision-wrap dl dt{width:70px; font-size:14px; padding:10px}
.vision-wrap dl dd{padding:10px; font-size:12px}
.vision-wrap dl.vision dd{font-size:16px}
.vision-wrap dl.goal dd li{width:100%; border-radius:0; padding:0; background:#fff;text-align:left}
.vision-wrap dl.goal dd li:nth-child(2){margin-top:5px}
.vision-wrap dl.assignment dd > div{display:block}
.vision-wrap dl.assignment dd > div > div{display:block}
.vision-wrap dl.assignment dd > div .tit{width:100%;height:40px}
.vision-wrap:after{top:35px;left:70px; width:calc(100% - 70px); background-size:100px}

.vision > dl > dt,.vision > dl > dd{width:100%}
.vision > dl > dt{padding:10px}
.vision > dl > dd{padding:15px}
.vision .subject dd > div{width:100%}
.vision .subject dd > div:nth-child(n+2){margin-top:15px}
.organ > div{max-width:180px}
.organ > div img{vertical-align:middle}
.organ > div.part{max-width:100%}
.org-box{font-size:1.2em}

/* 기관소개 : 오시는길 */
.map{margin-top:30px}
.map-info{padding:20px; font-size:14px}
.map-info > div,.map-info > div.btn{width:100%; float:none}
.map-info > div.btn{margin-top:20px}
.map-how dt{font-size:18px}
.map-how dd{font-size:13px}
.map-how dl{margin-top:30px}
.bus{font-size:11px}




}