@charset "utf-8";
@import url(skin.css);
@import url(font_s.css);   

/* sub0203 봉사활동 현황 */
.s0203_td{background-color: #f1f3f8;font-weight: 500;}
/* sub0203 봉사활동 현황 End */

/* sub0302 자원봉사 수여처목록(원주) */
.s0302_table .s0302_a{color:#003b91;font-weight:600;text-decoration:underline}
.s0302_table .s0302_a:hover, .s0302_table .s0302_a:focus{border:1px solid #0e233e;}
/* sub0302 자원봉사 수여처목록(원주) End*/

/* 자원봉사 참여방법 sub0402 */
.s0402_wrap {}
.s0402_wrap .borderhr{position:relative;width:100%;height:1px;margin:0 0 80px;background:#cdcdcd;}
.s0402_wrap .borderhr:after {display:block; position:relative; left:0; top:-1.5px; width:270px; height:3px; background:#0065cd; content:'';}
.s0402_wrap .step_list0402 {}
.s0402_wrap .step_list0402 ul {}
.s0402_wrap .step_list0402 ul li {position: relative;width:100%;min-height:110px;margin:0 0 85px;padding: 35px 0 35px 300px;border:6px solid #ebebeb;box-sizing:border-box;}
.s0402_wrap .step_list0402 ul li:before {display:block; position:absolute; left:300px; top:20px; bottom:20px; width:1px; height:auto; background:#ebebeb; content:'';}
.s0402_wrap .step_list0402 ul li:after {display:block;position:absolute;left:50%;bottom:-72.5px;width:40px;height:47px;margin-left: 126.5px;background:url(/images/department2/step_arr.png)no-repeat;content:'';transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.s0402_wrap .step_list0402 ul li:last-child:after {display:none;}
.s0402_wrap .step_list0402 ul li span {display:block; position:absolute; top:50%; left:0; width:300px; margin-top:-27.5px;line-height:55px; text-align:center; font-size:18px; color:#000; font-weight:700;}
.s0402_wrap .step_list0402 ul li span em{display:inline-block; width:30px; height:30px; margin-right:10px; border-radius:50%; background:#055fd1; color:#fff; text-align:center; line-height:30px; font-size:15px;}
.s0402_wrap .step_list0402 ul li p {margin:0; padding:0 20px; text-align:center;font-size: 16px;}

@media(max-width:767px){
    .s0402_wrap .step_list0402 ul li {padding:35px 10px; text-align:center;}
    .s0402_wrap .step_list0402 ul li:before {display:none;}
    .s0402_wrap .step_list0402 ul li:after {margin-left:-23.5px;}
    .s0402_wrap .step_list0402 ul li span {position:static; width:100%; margin:0 0 10px;}
}
/* //자원봉사 참여방법 sub0402 */

#history.type2-1 .history_cnt{position:relative;padding:40px 0 0 495px;}
#history.type2-1 .history_cnt .history_head{position:absolute;top:0;left:0}
#history.type2-1 .history_cnt .history_head:before{position:absolute;top:100px;left:0;width:410px;height:545px;background:url(/images/department/history_type2_bg1.png) no-repeat;content:'';}/images/rotc/sub01/
#history.type2-1 .history_cnt .history_head p{margin:0;}
#history.type2-1 .history_cnt .history_head p em{display:block;color:#000;font-size:20px;}
#history.type2-1 .history_cnt .history_head p span{display:block;margin:0 0 20px;color:#000;font-size:80px;font-weight:bold;line-height:1;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul{position:relative;padding:35px 0 50px;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul:before{display:block;position:absolute;top:-1px;left:0;width:165px;height:3px;background:url(/images/department/introduce_bottom_img1.jpg) no-repeat;content:'';}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li{position:relative;margin:25px 0 0;padding:0 0 0 190px;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li:first-child{margin:0;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li b{display:inline-block;position:absolute;top:0;left:0;color:#0059cd;font-size:18px;font-weight:bold;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li span{display:block;position:relative;color:#000;font-size:18px;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li:first-child span:before{display:block;position:absolute;top:-35px;left:0;width:100%;height:1px;background:#cdcdcd;content:'';}

#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt{margin-top:40px;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .grade_wrap p.bg1.type2 {width: 23.5%;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .grade_wrap p.bg2.type2  {width: 23.5%;}
        
/* roadmap_flow */
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow{margin:0 0 0 -1.5%;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow:after{display:block;overflow:hidden;clear:both;content:'';}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2{float:left;position:relative;width:23.5%;;min-height:330px;margin:1.5% 0 0 1.5%;padding:45px 25px 20px;border:1px solid #dbdbdb;border-radius:5px;background:#fff;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.result{border:1px solid #203d62;border-radius:5px;background:#203d62;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2:before{display:block;position:absolute;top:50%;left:-19px;width:18px;height:1px;background:#c6c8cd;content:'';}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2:first-child:before{display:none;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2 strong{display:none;position:absolute;top:0;left:0;width:100%;height:54px;border-radius:5px 5px 0 0;color:#fff;line-height:54px;text-align:center;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.c1 strong,
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.c3 strong{background:#0f63d0;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.c2 strong,
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.c4 strong{background:#999;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2 ul{margin:-3px 0 0;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2 ul li{position:relative;margin:3px 0 0;padding:0 0 0 7px;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2 ul .hb_1{margin-bottom: 52px;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.result ul li{color:#fff;}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2 ul li:before{display:block;position:absolute;top:12px;left:0;width:3px;height:1px;background:#000;content:'';}
#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.result ul li:before{background:#fff;}
/* roadmap_folw_end */

.org .lv2 .group>li {width: 18%;}
.org .lv2:before {left: 9.2%;width: 81.7%;}
.org .lv1:before{bottom:-140px;top:0;left:50%;width: 1px;height:210px;}

/* 강의 컨텐츠 신청서 */
.depart_cnt_content .link_e {text-align: center;border: 1px solid #ddd;padding: 70px 20px;}


@media (max-width:1199px) {
    /* roadmap_flow */
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow{position:relative;}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow:before{display:block;position:absolute;bottom:0;right:12%;width:1px;height:50%;background:#c6c8cd;content:'';}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2{width:23.5%;}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.result{width:98.5%;min-height:0;}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2:before{left:-13px;width:13px;}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.result:before{/*top:-12px;left:auto;right:80px;width:1px;height:11px;*/display:none;}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2 ul .hb_1{margin-bottom: 52px;}
    /* roadmap_folw_end */
}

@media (max-width:767px) {
     /* roadmap_folw */
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow:before{display:none;}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2,
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2.result{width:100%;min-height:0;margin:10px 0 0;padding:75px 20px 20px;}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2:before{display:none;}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2 strong{display:block;}
    #roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item.type2 ul .hb_1{margin-bottom: 0;}

    /* roadmap_folw_end*/
    
    .org .lv1{width:100%;margin:0 auto 30px;border:0;background:#003a86;font-size:1.2em;color:#fff;text-align:center;}
    .org .lv2 .group>li { width: 100%;}
    .org .lv2:before{display: none;}
    .org .lv2 .group > li > p:before{display:none;}
    .org .lv1:before{display:none;}
}





/* sub0605 오시는길 시작 */
.map_wrap {width:100%; height:345px; }
.map_txt {position:relative; background:#3d4151; }
.map_txt:after{content:"";display:block;clear:both;visibility:hidden;}
.map_txt .txt {float:left;width:50%; padding:30px 10px 40px 40px;}
.map_txt .txt p {font-size:15px;color:#fff;}
.map_txt .txt p span {display:inline-block; width:30px; height:30px; margin-right:5px; background:url(/images/kor/sub09/sub091003_img01.png)no-repeat; vertical-align:middle;}
.map_txt .txt.txt1 p span {background-position: 0 0;}
.map_txt .txt.txt2 p span {background-position: -30px 0;}
.map_txt .txt .tit {font-size:19px; font-weight:bold;font-family:nsr;}
.map_txt .a_btn {position:absolute; top:50%; right:40px; margin-top:-20px;}
.map_txt a {display:block; width:120px; height:40px; border:2px solid rgba(255,255,255,0.5); line-height:36px; color:#fff; text-align:center; font-size:15px;}
.map_txt a span {display:inline-block; width:16px; height:18px;margin-right:5px; background:url(/images/kor/sub09/sub091003_img01.png)no-repeat -70px 0; vertical-align:middle;}


#map_tab_menu {}
#map_tab_menu:after{content:"";display:block;clear:both;visibility:hidden;}
#map_tab_menu li {float:left; width:33.3%; height:55px; }
#map_tab_menu li a {display:block; position:relative; width:100%; height:100%; padding-left:15px; border:1px solid #d5d5d5; border-right:none;line-height:55px; font-size:15px; color:#535353;}
#map_tab_menu li a:after {display:block; position:absolute;right:20px; top:50%; margin-top:-3px; width:9px; height:6px; background:url(/images/kor/sub09/tab_deth_4st2_arr.png)no-repeat 0 0 ;content:"";}
#map_tab_menu li.active a:after {background-position:-9px 0;}
#map_tab_menu li:last-child a {border-right:1px solid #d5d5d5; }
#map_tab_menu li.active a {border:1px solid #052e7b; color:#052e7b;}
#map_tab_content .con {display:none;padding-top:40px;}
#map_tab_content .con.active { display:block; }
#map_tab_content .con strong {font-size:24px; color:#000; font-weight:bold;}
#map_tab_content .con .list_wrap {}
#map_tab_content .con .list_wrap .h3 { margin:10px 0 0 ;font-size:21px; font-weight:bold; color:#09257b;font-family:nsr;}
#map_tab_content .con .list_wrap .row_list {position:relative; min-height:200px;padding:40px 0 40px 165px; border-bottom:1px dashed #ccc;}
#map_tab_content .con .list_wrap .row_list .icon {position:absolute; left:30px; top:33px; font-size:18px; color:#09257b; text-align:center;}
#map_tab_content .con .list_wrap .row_list .icon span {display:block;width:95px; height:95px; margin-bottom:3px;background:url(/images/kor/sub09/sub091003_img01.png)no-repeat}
#map_tab_content .con .list_wrap .row_list .icon.icon01 span {background-position:0 -36px;}
#map_tab_content .con .list_wrap .row_list .icon.icon02 span {background-position:-95px -36px;}
#map_tab_content .con .list_wrap .row_list .icon.icon03 span {background-position:-190px -36px;}
#map_tab_content .con .list_wrap .row_list ul li {font-size:15px; color:#4a4a4a; }
#txt .btn-ani.btn-file.bntime{padding:3px 6px 2px;background:#eee;}
#map_tab_content .con.content2 img,
#map_tab_content .con.content3 img{border: 1px solid #ddd;}


#txt .btn-ani.btn-file{padding:10px 15px 10px 15px}
#txt .btn-ani.btn-file:hover,
#txt .btn-ani.btn-file:focus {border: 1px solid #052e7b;}
#txt .bico.bticon.home2{ display:inline-block; width: 33px;height: 33px;background: url(/images/kor/sub09/home_img.png)no-repeat 0 0;}

@media(max-width:850px){
    .map_txt .txt {float:none; width:100%; }
    .map_txt .txt.txt1 { padding:20px 25px 0;}
    .map_txt .txt.txt2 { padding:10px 25px 20px;}
    .map_txt .a_btn {top:auto; right:25px; bottom:25px; margin-top:0;}
}


@media(max-width:580px){
    .map_txt .txt.txt2 { padding:10px 25px 70px;}
    .map_txt .a_btn {bottom:20px;}

    #map_tab_menu li {float:none; width:100%; }
    #map_tab_menu li a {border-right:1px solid #d5d5d5; border-bottom:none;}
    #map_tab_menu li:last-child a {border-bottom:1px solid #d5d5d5;}
    #map_tab_menu li.active:last-child a {border-bottom:1px solid #052e7b;}

    #map_tab_content .con .list_wrap .row_list {min-height:auto; padding:40px 0;}
    #map_tab_content .con .list_wrap .row_list .icon {position:static; margin:0 auto 20px;  }
    #map_tab_content .con .list_wrap .row_list .icon span {margin:0 auto 5px;}
}

/* sub0605 오시는길 끝 */




/* sub0403 시설물대여신청 */
.depart_cnt .s0403_course {background:#f8f8f8;padding: 40px 10px 20px;text-align: center;}
.depart_cnt .s0403_course .type_course{position:relative;display:inline-block;width:100%;max-width:805px;background:url(/images/department2/coll_course_bg.png) no-repeat top left;background-size:100% auto;}
.depart_cnt .s0403_course .type_course ul{display:inline-block;width:100%;}
.depart_cnt .s0403_course .type_course ul li{float: left;width:25%;padding:0 20px;}
.depart_cnt .s0403_course .type_course ul li:first-child{padding-top:76px;}
.depart_cnt .s0403_course .type_course ul li:nth-child(2){padding-top:36px;}
.depart_cnt .s0403_course .type_course ul li:nth-child(3){margin-top:-2px;}
.depart_cnt .s0403_course .type_course ul li:nth-child(4){margin-top:-40px;}

.depart_cnt .s0403_course .type_course.col5{position:relative;display:inline-block;width:100%;background:url(/images/department2/coll_course5_bg.png) no-repeat top left;background-size:100% auto;}
.depart_cnt .s0403_course .type_course.col5 ul li{float: left;width:20%;padding:0 20px;}
.depart_cnt .s0403_course .type_course.col5 ul li:first-child{padding-top:105px;}
.depart_cnt .s0403_course .type_course.col5 ul li:nth-child(2){padding-top:67px;}
.depart_cnt .s0403_course .type_course.col5 ul li:nth-child(3){margin-top:27px;}
.depart_cnt .s0403_course .type_course.col5 ul li:nth-child(4){margin-top:-9px;}
.depart_cnt .s0403_course .type_course.col5 ul li:nth-child(5){margin-top:-45px;}

/* roboto폰트 */
#txt .depart_cnt .s0403_course .type_course ul li strong{font-family:'rbt';}
/* roboto폰트 */

.depart_cnt .s0403_course .type_course ul li strong{display:block;font-weight:700;font-size:48px;/*line-height:1.3;*/color:#cfcfcf;margin-bottom:120px;text-align:left;}
.depart_cnt .s0403_course .type_course ul li .list_txt{display:block;text-align: left;}
.depart_cnt .s0403_course .type_course ul li .list_txt b{display:block;font-size:15px;color:#000;/*line-height:1.3;*/margin-bottom:10px;word-break: keep-all;  }
.depart_cnt .s0403_course .type_course ul li .list_txt span{display:block;font-size: 15px;color:#000;/*line-height:1.3;*/}


@media (max-width: 999px){
    .depart_cnt .s0403_course {padding:20px 10px;}
    .depart_cnt .s0403_course .type_course{background:none;margin-top:30px;}
    .depart_cnt .s0403_course .type_course ul li:first-child{padding-top:0;}
    .depart_cnt .s0403_course .type_course ul li:nth-child(2){padding-top:0;}
    .depart_cnt .s0403_course .type_course ul li:nth-child(3){margin-top:0;}
    .depart_cnt .s0403_course .type_course ul li:nth-child(4){margin-top:0;}
    .depart_cnt .s0403_course .type_course ul li strong{margin-bottom:0}
    .depart_cnt .s0403_course .type_course ul li strong:after{content:"";display:block;width:100%;height:3px;background-color:#bcbec5;margin-bottom:20px;}
    .depart_cnt .s0403_course .type_course ul li:nth-child(2) strong:after{background-color:#565f79;}
    .depart_cnt .s0403_course .type_course ul li:nth-child(3) strong:after{background-color:#1bce5d;}
    .depart_cnt .s0403_course .type_course ul li:nth-child(4) strong:after{background-color:#1392dc;}

    .depart_cnt .s0403_course .type_course.col5{background:none;margin-top:0;}
    .depart_cnt .s0403_course .type_course.col5 ul li:first-child,
    .depart_cnt .s0403_course .type_course.col5 ul li:nth-child(2){padding-top:0;}
    .depart_cnt .s0403_course .type_course.col5 ul li:nth-child(3),
    .depart_cnt .s0403_course .type_course.col5 ul li:nth-child(4),
    .depart_cnt .s0403_course .type_course.col5 ul li:nth-child(5){margin-top:0;}
    .depart_cnt .s0403_course .type_course.col5 ul li:nth-child(5) strong:after{background-color:#5f6fef;}
}

@media (max-width: 767px){
    .depart_cnt .s0403_course .type_course ul li{width:49%;min-height:200px;padding:0;margin-left:2%;}
    .depart_cnt .s0403_course .type_course ul li:nth-child(2n+1){margin-left:0;}
    .depart_cnt .s0403_course .type_course ul li .list_txt span{word-break:keep-all;}
    .depart_cnt .s0403_course .type_course ul li strong{font-size:30px;font-style:italic;}

    .depart_cnt .s0403_course .type_course.col3 ul li{width:49%;min-height:200px;padding:0;margin-left:2%;}
    .depart_cnt .s0403_course .type_course.col3 ul li:nth-child(2n+1){margin-left:0;}
    .depart_cnt .s0403_course .type_course.col3 ul li .list_txt span{word-break:keep-all;}
    .depart_cnt .s0403_course .type_course.col3 ul li strong{font-size:30px;font-style:italic;}

    .depart_cnt .s0403_course .type_course.col5 ul li{width:49%;min-height:200px;padding:0;margin-left:2%;}
    .depart_cnt .s0403_course .type_course.col5 ul li:nth-child(2n+1){margin-left:0;}
    .depart_cnt .s0403_course .type_course.col5 ul li .list_txt span{word-break:keep-all;}
    .depart_cnt .s0403_course .type_course.col5 ul li strong{font-size:30px;font-style:italic;}

}
@media (max-width: 479px){
    .depart_cnt .s0403_course .type_course ul li{width:100%;min-height:0;margin-left:0;margin-bottom:15px;}
    .depart_cnt .s0403_course .type_course ul li strong:after{height:1px;}

    .depart_cnt .s0403_course .type_course.col3 ul li{width:100%;min-height:0;margin-left:0;margin-bottom:15px;}
    .depart_cnt .s0403_course .type_course.col3 ul li strong:after{height:1px;}

    .depart_cnt .s0403_course .type_course.col5 ul li{width:100%;min-height:0;margin-left:0;margin-bottom:15px;}
    .depart_cnt .s0403_course .type_course.col5 ul li strong:after{height:1px;}
}

/* //sub0403 시설물대여신청 */




/* sub0103 수업컨설팅 */
.s0402_wrap {padding:60px 5%; border:1px solid #ddd;}
.s0402_wrap .top_img{width:328px; height:297px; margin:0 auto 25px; background:url(/images/ctl/sub03/sub0305_img02.png)no-repeat;}
.s0402_wrap strong{display:block; margin:0 0 10px; font-size:30px; font-weight:700; text-align:center; color:#000;}
.s0402_wrap p {text-align:center;  margin:0 0 20px; font-size:16px; line-height:1.4;}
.s0402_wrap p span {display:block;}
.s0402_wrap div {text-align:center;}

@media(max-width:767px){
    .s0402_wrap .top_img{width:250px;height: 230px;background-size: 250px auto;}
    .s0402_wrap p span {display: inline;}
    .s0402_wrap strong{font-size:25px;}
}
/* //sub0103 수업컨설팅 */

/* sub0302 사이버캠퍼스 활용신청s 0307최상철 */
.s0302 li{float:left;margin-right:23px;} 
   
@media(max-width:680px){    
    .s0302 li{margin-right:23px}
    .s0302 li:first-child{margin-bottom:10px;}
}
/* sub0302 사이버캠퍼스 활용신청e */

/* sub0304 이러닝 제작가이드s 0307최상철*/
.p_img img{vertical-align:middle;padding:0 5px;}
/* sub0304 이러닝 제작가이드e*/

/* sub040201 마이크로티칭*/

.s040201 .p_img img{width:30%;}


@media(max-width:847px){
    .s040201 .p_img img{width:100%;} 
    .s040201 .p_img img:nth-child(1),
    .s040201 .p_img img:nth-child(2){padding-bottom:3%;} 
}

/* sub040202 멀티미디어실*/
.badge{width:26px;height:26px;padding-top:4px;}

/* sub0605 찾아오시는길 */
.map_txt .txt.txt2 ul{position:absolute;left:59%;top:22%;}
.map_txt .txt.txt2 ul li{color:#fff;}
.map_txt .a_btn{top:80%;}
.map_txt .txt.txt1 p span.txt3{background-position:-95px 0;}
.map_txt .txt.txt1 p span.txt4{background-position:-132px 0;}
@media (max-width: 850px){
	.map_txt .txt.txt2 ul{position:relative;left:0;top:0;}
	.map_txt .a_btn{top:90%;}
}

div.sub_cnts {padding-bottom:100px;}
div.sub_cnts div.box_gray {box-sizing: border-box; padding: 50px 10px; background:#fafafa; text-align:center;}
div.sub_cnts div.box_gray > img {vertical-align:bottom; max-width:100%;}
div.sub_cnts div.box_gray > div.btns {margin-top:25px; padding:20px 0; border-top:1px solid #e5e5e5;}
div.sub_cnts div.box_gray > div.btns > a {display:inline-block; width:126px; line-height:48px; border-radius:3px; text-decoration:none; font-size:16px; color:#fff; background:#009040;}

div.sub_cnts div.box_dot {padding: 15px 10px; margin-bottom: 20px; text-align: center; border: 1px dotted #a5a5a5}
div.sub_cnts div.box_dot > p {font-size: 14px; color: #666; line-height: 1.5em;}
div.sub_cnts div.box_dot > p span.blue {color: #002e6e;}

div.sub_cnts div.box_intro {box-sizing:border-box; margin:38px 0 50px; padding:40px 30px; border:1px solid #d8ebf6; background:#fafcfe url(/images/ctl/sub02/ico_bg_intro.png) no-repeat top 15px left 116px; text-align:center;}
div.sub_cnts div.box_intro:after {content:''; display: block; clear:both;}
div.sub_cnts div.box_intro > img {vertical-align:bottom; max-width:100%;}
div.sub_cnts div.box_intro > h4.tit {box-sizing: border-box; float:left; position:relative; width:195px; padding-top:4px; margin: 0 0 5px 0; font-size:20px; line-height:1.3em; color:#002e6e; text-align:left;}
div.sub_cnts div.box_intro > h4.tit:before {content:''; display:none; position:absolute; top:0; left:0; width:7px; height:7px; border-radius:50%; background:#002e6e;}
div.sub_cnts div.box_intro > h4.tit > strong {font-weight:600; color:#007ac6;}
div.sub_cnts div.box_intro > ul {box-sizing: border-box; float:left; width: calc(100% - 195px); list-style: none; text-align: left;padding-left: 50px;}
div.sub_cnts div.box_intro > ul > li {box-sizing: border-box; position: relative; padding: 3px 0 3px 27px; font-size: 16px; color: #363636; line-height: 1.5em; letter-spacing: -0.5px; wword-break: keep-all;}
div.sub_cnts div.box_intro > ul > li:after {content:''; position: absolute; left: 0; top: 7px; width: 18px; height: 18px; background: url(/images/ctl/sub02/icon_check.png) no-repeat center;}

div.sub_cnts div.target {box-sizing: border-box; padding: 0 5px; font-size: 0;}
div.sub_cnts div.target > span {display: inline-block; box-sizing: border-box; position: relative; width: 33.3%; height: 100px; padding-top: 22px; padding-left: 115px; font-size: 15px; color:#363636; vertical-align: top; letter-spacing: -0.5px;}
div.sub_cnts div.target.full > span {width: 100%; margin-bottom: 10px;}
div.sub_cnts div.target.full > span:last-child {margin-bottom: 0;}
div.sub_cnts div.target.full2 > span {height: 145px;}
div.sub_cnts div.target.full2 > span:before {top: 0; transform: initial;}
div.sub_cnts div.target > span:before {content:''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100px; height: 100px; background: #f0f8ff; border-radius: 50%; background-repeat: no-repeat; background-position: center;}
div.sub_cnts div.target > span > strong {display: block; box-sizing: border-box; margin-bottom: 5px; font-size: 16px; color: #002e6e; font-weight: 600;}
div.sub_cnts div.target > span.target {box-sizing: border-box; font-size: 16px; color:#363636;}
div.sub_cnts div.target > span.target:before {background-image: url(/images/ctl/sub02/img_target.png);}
div.sub_cnts div.target > span.schedule {box-sizing: border-box; font-size: 15px; color:#363636;}
div.sub_cnts div.target > span.schedule:before {background-image: url(/images/ctl/sub02/img_schedule.png);}
div.sub_cnts div.target > span.application {box-sizing: border-box; font-size: 15px; color:#363636;}
div.sub_cnts div.target > span.application:before {background-image: url(/images/ctl/sub02/img_application.png);}

div.sub_cnts div.target2 {box-sizing: border-box; padding: 0 5px; font-size: 0;}
div.sub_cnts div.target2 > span {display: inline-block; box-sizing: border-box; position: relative; width: 50%; height: 100px; padding-top: 22px; padding-left: 115px; font-size: 15px; color:#363636; vertical-align: top; letter-spacing: -0.5px;}
div.sub_cnts div.target2.full > span {width: 100%; margin-bottom: 10px;}
div.sub_cnts div.target2.full > span:last-child {margin-bottom: 0;}
div.sub_cnts div.target2.full2 > span {height: 145px;}
div.sub_cnts div.target2.full2 > span:before {top: 0; transform: initial;}
div.sub_cnts div.target2 > span:before {content:''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100px; height: 100px; background: #f0f8ff; border-radius: 50%; background-repeat: no-repeat; background-position: center;}
div.sub_cnts div.target2 > span > strong {display: block; box-sizing: border-box; margin-bottom: 5px; font-size: 16px; color: #002e6e; font-weight: 600;}
div.sub_cnts div.target2 > span.target {box-sizing: border-box; font-size: 16px; color:#363636;}
div.sub_cnts div.target2 > span.target:before {background-image: url(/images/ctl/sub02/img_target.png);}
div.sub_cnts div.target2 > span.schedule {box-sizing: border-box; font-size: 15px; color:#363636;}
div.sub_cnts div.target2 > span.schedule:before {background-image: url(/images/ctl/sub02/img_schedule.png);}
div.sub_cnts div.target2 > span.application {box-sizing: border-box; font-size: 15px; color:#363636;}
div.sub_cnts div.target2 > span.application:before {background-image: url(/images/ctl/sub02/img_application.png);}

div.sub_cnts div.bg_box {box-sizing: border-box; padding: 40px 5px; background: #fafafa url(/images/ctl/sub02/bg_box.png) no-repeat right bottom;}
div.sub_cnts div.bg_box > ul {box-sizing: border-box; list-style: none; font-size: 0; text-align: center;}
div.sub_cnts div.bg_box > ul > li {display: inline-block; box-sizing: border-box; width: 350px; height: 320px; padding-top: 35px; margin: 0 8px; border: 1px solid #a3irp8; border-radius: 10%; text-align: center; vertical-align: top; background: #fff; box-shadow: 0 10px 20px rgba(10,10,10,0.1);}
div.sub_cnts div.bg_box > ul > li > span.num {display: block; position: relative; padding-bottom: 20px; font-size: 20px; color: #002e6e; font-weight: 800;}
div.sub_cnts div.bg_box > ul > li > span.num:before {content:''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 20px; height: 1px; background: #7f96b6;}
div.sub_cnts div.bg_box > ul > li > p {box-sizing: border-box; padding: 15px 10px; font-size: 16px; color: #363636; line-height: 1.6em; letter-spacing: -0.25px}
div.sub_cnts div.bg_box > ul.full > li > p {padding: 18px 10px;}
div.sub_cnts div.bg_box > ul > li > p > span.blue {color: #fafafa;}
div.sub_cnts div.bg_box > ul.num4 > li {width: 190px; height: 190px; padding-top: 30px; margin: 0 6px;}
div.sub_cnts div.bg_box > ul.num4 > li > p {padding: 12px 10px;}
div.sub_cnts div.bg_box > ul.num4 > li > span.num {padding-bottom: 13px;}
div.sub_cnts div.bg_box > ul.num4 > li > span.num:before { bottom: 0;}

div.sub_cnts h4.tit {margin:50px 0 15px; font-size:20px; color:#002e6e; word-break:keep-all;}
div.sub_cnts h5.tit {position:relative; margin:45px 0 20px; padding-left:25px; word-break:keep-all; font-size:18px; line-height:22px; color:#111;}
div.sub_cnts h5.tit:after {content:''; display:block; position:absolute; left:0; top:3px; width:9px; height:16px; background:#00863e; transform:skewX(-35deg); transform-origin:left bottom;}
div.sub_cnts strong.tit_min {display:block; position:relative; margin:30px 0 10px; padding-left:15px; font-size:16px; line-height:22px; color:#00863e; font-weight:normal;}
div.sub_cnts strong.tit_min:after {content:''; display:block; position:absolute; left:0; top:9.5px; width:8px; height:3px; background:#c2c2c2;}
div.sub_cnts strong.tit_bar {display:block; position:relative; margin:25px 0 10px; padding-left:15px; font-size:16px; line-height:22px; color:#111; font-weight:normal;}
div.sub_cnts strong.tit_bar:after {content:''; display:block; position:absolute; left:0; top:9.5px; width:8 px; height:3px; background:#c2c2c2;}
div.sub_cnts strong.tit_color {display:block; margin:30px 0 10px; font-size:16px; line-height:22px; color:#00863e; font-weight:normal;}
div.sub_cnts strong.tit_num {display:block; margin:20px 0 10px; font-size:16px; font-weight:normal; line-height:26px; word-break:keep-all; color:#111;}
div.sub_cnts p.txt {font-size:15px; line-height:30px; color:#363636; word-break:keep-all;}
div.sub_cnts p.txt > a {color:#2469da; text-decoration:none;}
div.sub_cnts p.txt > span.bar {display: block; position: relative; padding: 3px 0 0 21px; font-size: 15px; color: #707070; line-height: 1.4em;}
div.sub_cnts p.txt > span.bar:before {content:''; position: absolute; left: 12px; top: 13px; width: 4px; height: 1px; background: #707070;}
div.sub_cnts p.dot + p.txt {margin-top: 5px;}
div.sub_cnts p.bar {position:relative; margin-top:10px; font-size:14px; line-height:20px; padding-left:15px; color:#666; word-break:keep-all;}
div.sub_cnts p.bar:after {content:''; position:absolute; left:0; top:8.5px; width:8px; height:3px; background:#c2c2c2;}
div.sub_cnts p.bar > span.num {display:block; margin-top:5px; font-size:14px; line-height:24px; word-break:keep-all;}
div.sub_cnts p.bar > b {color:#111;}
div.sub_cnts strong.bar {display:block; position:relative; margin:25px 0 15px; font-size:16px; line-height:22px; padding-left:15px; word-break:keep-all; font-weight:normal; color:#111;}
div.sub_cnts strong.bar:after {content:''; position:absolute; left:0; top:9.5px; width:8px; height:3px; background:#c2c2c2;}
div.sub_cnts .tip {display: block; margin-top:4px; font-size:15px; line-height:1.5em; color:#d06093; word-break:keep-all; letter-spacing: -0.25px;}
div.sub_cnts .tip2 {margin-top:6px; font-size:14px; line-height:24px; color:#2469da; word-break:keep-all;}
div.sub_cnts p.tip_gray {margin-top:10px; font-size:14px; line-height:24px; color:#999; word-break:keep-all;}


div.sub_cnts p.blue {padding: 3px 0; font-size: 16px; color: #007ac6; line-height:1.5em;}
div.sub_cnts p.dot {position:relative; padding:2px 5px 2px 12px; font-size:16px; line-height:1.5em; word-break:keep-all; color:#363636; letter-spacing: -0.25px;}
div.sub_cnts p.dot:after {content:''; width:4px; height:4px; position:absolute; left:0; top:12px; border-radius:50%; background:#999;}
div.sub_cnts p.indent {margin-left:15px;}
div.sub_cnts p.dot > span.gray {color:#999;}
div.sub_cnts p.dot > a {color:#2469da; text-decoration:none;}
div.sub_cnts p.dot > strong a {font-weight:bold; color:#f83b3b; text-decoration:none;}

div.sub_cnts div.content {padding: 10px 0;}
div.sub_cnts div.tb {overflow:hidden; overflow-x:auto;}
div.sub_cnts div.tb.bd{border-top:2px solid #333333}
div.sub_cnts div.tb > table {width:100%; border-collapse:collapse; box-sizing:border-box; min-width:800px; border-top:2px solid #002e6e; font-size:14px; overflow:hidden;}
div.sub_cnts div.tb > table thead th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#fafcfe; text-align:center; vertical-align:middle; color:#111; line-height:28px; word-break:keep-all;}
/* div.sub_cnts div.tb > table thead tr:first-child > th {border-top:2px solid #002e6e;} */
div.sub_cnts div.tb > table thead th:first-child {border-left:0 none;}
div.sub_cnts div.tb > table thead th:last-child {border-right:0 none;}

div.sub_cnts div.tb > table tbody th {padding:9px; height:28px; border:1px solid #e5e5e5; background:#fafcfe; text-align:center; vertical-align:middle; color:#111; line-height:28px;}
div.sub_cnts div.tb > table tbody th:first-child {border-left:0 none;}
div.sub_cnts div.tb > table tbody th:last-child {border-right:0 none;}

div.sub_cnts div.tb > table tbody td {height:28px; padding:10px 5px; border:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#666; line-height:1.6em; word-break:keep-all;}
div.sub_cnts div.tb > table tbody td.text {height:28px; padding:10px; border:1px solid #e5e5e5; text-align:left; vertical-align:middle; color:#666; line-height:1.6em; word-break:keep-all;}
div.sub_cnts div.tb > table tbody td:first-child {border-left:0 none;}
div.sub_cnts div.tb > table tbody td:last-child {border-right:0 none;}
div.sub_cnts div.tb > table tbody td.gohome {padding:0;}
div.sub_cnts div.tb > table tbody td.chk {width:70px;}
div.sub_cnts div.tb > table tbody td.chk:after {content:''; display:block; margin:0 auto; width:17px; height:17px; border-radius:50%; background:#ab9269;}
div.sub_cnts div.tb > table tbody td .black{color:#000}
div.sub_cnts div.tb > table tbody td.tip {margin-top:6px; font-size:14px; line-height:24px; color:#b29059; word-break:keep-all;}
div.sub_cnts div.tb > table tbody td a {text-decoration:none; color:#666;}

div.sub_cnts div.tb > table tfoot td {height:28px; padding:10px; border:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#111; line-height:28px; word-break:keep-all; font-weight:bold; background:#f0f7ff;}
div.sub_cnts div.tb > table tfoot td:first-child {border-left:0 none;}
div.sub_cnts div.tb > table tfoot td:last-child {border-right:0 none;}
div.sub_cnts div.tb > table.intable {min-width:400px;}
div.sub_cnts div.tb > table .a_l {text-align:left; padding:10px 15px;}
div.sub_cnts div.tb > table p.dot {font-size: 14px; color: #666; line-height: 1.3em;}
div.sub_cnts div.tb > table p.dot:after {top: 10px;}

div.sub_cnts div.tb > table .tpd {padding-left:18px;}
div.sub_cnts div.tb > table .tmg {margin-left:18px;}

div.sub_cnts div.tb > table tbody td i.icon_on {display: none;}
div.sub_cnts div.tb > table tbody tr.on td.det {display: table-cell;}
div.sub_cnts div.tb > table tbody tr td.det { text-align:left;}
/* div.sub_cnts div.tb > table tbody td i.fa-minus {display: none;} */
div.sub_cnts div.tb > table tbody td button {border:none; cursor: pointer; background: none; width:100px;}

div.sub_cnts div.tb > table a.mail {color:#2469da; text-decoration:none;}
div.sub_cnts div.tb.body {border-top:2px solid #333;}

div.sub_cnts > div.history {position:relative; padding:55px; background:#fafafa;}
div.sub_cnts > div.history:before {content:''; display:block; width:4px; position:absolute; left:158px; top:0; height:75px; background:#e6e6e6;}
div.sub_cnts > div.history:after {content:''; display:block; width:25px; height:115px; position:absolute; right:65px; bottom:-20px; background:#f7d6af; transform:skewX(-35deg); transform-origin:right top;}
div.sub_cnts > div.history > dl {position:relative; z-index:1;}
div.sub_cnts > div.history > dl:after {content:''; display:block; clear:both;}
div.sub_cnts > div.history > dl > dt {float:left; width:100px; font-size:26px; font-weight:bold; line-height:40px; color:#00863e;}
div.sub_cnts > div.history > dl > dd {overflow:hidden; position:relative; padding-left:40px;}
div.sub_cnts > div.history > dl > dd:before {content:''; display:block; position:absolute; left:3px; top:0; width:4px; height:100%; background:#e1e1e1;}
div.sub_cnts > div.history > dl:last-child > dd:before {height:20px;}
div.sub_cnts > div.history > dl > dd:after {content:''; display:block; position:absolute; left:0; top:15px; width:10px; height:10px; border-radius:50%; background:#ef8200;}
div.sub_cnts > div.history > dl > dd > p {line-height:40px; word-break:keep-all;}
div.sub_cnts > div.history > dl > dd > p:after {content:''; display:block; clear:both;}
div.sub_cnts > div.history > dl > dd > p > strong {display:inline-block; float:left; width:75px; vertical-align:top; color:#00863e;}
div.sub_cnts > div.history > dl > dd > p > span {display:block; overflow:hidden; line-height:20px; padding:10px 0;}

div.sub_cnts > div.map > div.maps {width:100%; border:0 none; padding:0;}
div.sub_cnts > div.map > .root_daum_roughmap .wrap_controllers {display:none;}
div.sub_cnts > div.map > div.address {padding:20px 40px; background:#48484d; font-size:0;}
div.sub_cnts > div.map > div.address > p {display:inline-block; font-size:16px; line-height:24px; color:#fff; vertical-align:middle;}
div.sub_cnts > div.map > div.address > p > strong {display:inline-block; margin-right:50px; font-size:20px; line-height:24px; color:#fff; vertical-align:middle;}
div.sub_cnts > div.map > div.address > i.bar {display:inline-block; width:1px; height:19px; margin:0 50px; vertical-align:middle; background:#6d6d71;}

div.sub_cnts > div.map > ul.transportation {margin-top:20px; list-style:none;}
div.sub_cnts > div.map > ul.transportation > li {position:relative; padding:40px 0 40px 110px; border-bottom:1px solid #ddd;}
div.sub_cnts > div.map > ul.transportation > li > strong {display:block; margin-bottom:20px; font-size:20px; color:#00863e;}
div.sub_cnts > div.map > ul.transportation > li > p {position:relative; padding-left:15px; line-height:22px; color:#666; word-break:keep-all;}
div.sub_cnts > div.map > ul.transportation > li > p:after {content:''; position:absolute; left:0; top:9.5px; width:8px; height:3px; background:#c2c2c2;}
div.sub_cnts > div.map > ul.transportation > li > p + p {margin-top:15px;}
div.sub_cnts > div.map > ul.transportation > li:after {content:''; display:block; position:absolute; left:0; top:30px; width:84px; height:84px; border:1px solid #eee; border-radius:50%; background-color:#fafafa; background-repeat:no-repeat; background-position:center;}
div.sub_cnts > div.map > ul.transportation > li.airport:after {background-image:url(/images/ctl/sub02/ico_transportation_airport.png);}
div.sub_cnts > div.map > ul.transportation > li.subway:after {background-image:url(/images/ctl/sub02/ico_transportation_subway.png);}
div.sub_cnts > div.map > ul.transportation > li.bus:after {background-image:url(/images/ctl/sub02/ico_transportation_bus.png);}
div.sub_cnts > div.map > ul.transportation > li.car:after {background-image:url(/images/ctl/sub02/ico_transportation_car.png);}
div.sub_cnts > div.map > ul.transportation > li.small_bus:after {background-image:url(/images/ctl/sub02/ico_transportation_smallbus.png);}

div.sub_cnts > div.wrap_img_txt:after {content:''; display:block; clear:both;}
div.sub_cnts > div.wrap_img_txt > div.img {float:left; margin-right:20px;}
div.sub_cnts > div.wrap_img_txt > div.img > img {max-width:100%;}
div.sub_cnts > div.wrap_img_txt > div.txt {overflow:hidden;}
div.sub_cnts > div.wrap_img_txt > div.txt > p {font-size:14px; line-height:26px; color:#666; word-break:keep-all;}

div.sub_cnts > span.hr {display:block; height:1px; margin-top:45px; background:#e5e5e5;}

div.sub_cnts div.contact {position:relative; padding:13px 10px 13px 45px; border:1px solid #e0e0e0;}
div.sub_cnts div.contact > i.mark {position:absolute; left:19px; top:14px; width:18px; height:18px; border-radius:50%; line-height:18px; font-size:12px; text-align:center; color:#fff; background:#b3b3b3; font-style:normal;}
div.sub_cnts div.contact > span {display:inline-block; line-height:20px; vertical-align:middle; color:#666;}
div.sub_cnts div.contact > i.bar {display:inline-block; width:1px; height:13px; margin:0 30px; background:#e0e0e0; vertical-align:middle;}
div.sub_cnts div.contact > a {display:inline-block; line-height:20px; vertical-align:middle; color:#2469da; text-decoration:none;}

div.sub_cnts > div.box_btns {padding:14px 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center;}
div.sub_cnts > div.box_btns:after {content:''; display:block; clear:both;}
div.sub_cnts > div.box_btns > a {display:inline-block; height:38px; line-height:38px; padding:0 20px; border-radius:3px; background:#009040; color:#fff; text-decoration:none; transition: all 0.5s;}
div.sub_cnts > div.box_btns > a.paper:before {content:''; display:inline-block; vertical-align:top; width:17px; height:100%; margin-right:10px; background:url(/images/ctl/sub02/ico_btn_paper.png) no-repeat center;}

div.sub_cnts div.box_alert {display:table; width:100%; box-sizing:border-box; background:#}
div.sub_cnts div.box_alert > div {display:table-cell; padding:16px 15px; text-align:center; vertical-align:middle; font-size:14px; line-height:24px; color:#fff; background:#ff4141; word-break:keep-all;}
div.sub_cnts div.box_alert > div > a {display:block; color:#fff; text-decoration:none; word-break:keep-all;}

div.obj_popup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:101;}
div.obj_popup div.sub_cnts {padding-bottom:0;}
div.obj_popup > div.popup {position:absolute; left:50%; top:50%; width:90%; max-width:710px; transform:translate(-50%, -50%);}
div.obj_popup > div.popup > div.header {padding-left:24px; background:#00863e;}
div.obj_popup > div.popup > div.header:after {content:''; display:block; clear:both;}
div.obj_popup > div.popup > div.header > strong {display:inline-block; font-size:16px; line-height:50px; color:#fff;}
div.obj_popup > div.popup > div.header > button {float:right; background:none; width:50px; height:50px; border:0 none; cursor:pointer;}
div.obj_popup > div.popup > div.header > button > i {display:block; width:50px; height:50px; font-size:22px; line-height:50px; text-align:center; color:#fff;}
div.obj_popup > div.popup > div.content {overflow-y:auto; background:#fff;}
div.obj_popup > div.popup > div.btns {padding:20px 0; text-align:center; background:#fff;}
div.obj_popup > div.popup > div.btns > button {width:102px; height:38px; border:0 none; border-radius:5px; font-size:14px; line-height:38px; background:#00863e; color:#fff; cursor:pointer;}

div.opt_search {position:relative; padding:25px 140px 25px 30px; background:#f7f7f7;}
div.opt_search > div.spl {font-size:0; margin-left:-10px; margin-right:-10px;}
div.opt_search > div.spl > div {display:inline-block; box-sizing:border-box; padding:5px 10px; vertical-align:top; font-size:14px; white-space:nowrap;}
div.opt_search > div.spl > div:after {content:''; display:block; clear:both;}
div.opt_search > div.spl > div > strong {float:left; width:35px; line-height:40px;}
div.opt_search > div.spl > div > div[data-role=input] {float:left; width:calc(100% - 35px)}
div.opt_search > div.spl > div.char4 > strong {width:60px;}
div.opt_search > div.spl > div.char4 > div[data-role=input] {width:calc(100% - 60px)}
div.opt_search > div.spl > div.col25 {width:25%;}
div.opt_search > div.spl > div.col50 {width:50%;}
div.opt_search > button {position:absolute; right:30px; top:30px; width:90px; height:90px; line-height:90px; text-align:center; background:#00863e; color:#fff; border:0 none; cursor:pointer;}

div.sub_cnts > div.pdf_link {text-align: right; border:0; background: initial; padding:0; margin-bottom:20px;}
div.sub_cnts > div.pdf_link > a > i {margin-right:8px;}

div.sub_cnts > div.int_txt {display: inline-block;}


div.sub_cnts > div[data-role=search] { width: 50%; max-width: 300px; display: inline-block; font-size: 0; vertical-align: middle;}
div[data-module=board][data-bid=liberal_52] div[data-role=toolbar] > a{display:table; margin-left:0;}
div[data-module=board][data-bid=liberal_52]{position:relative; padding-bottom:60px;}
div[data-module=board][data-bid=liberal_52] div[data-role=toolbar] > div[data-role=input]{position:absolute; bottom:10px; left:0}
div[data-module=board][data-bid=liberal_52] div[data-role=toolbar] > div[data-role=search]{position:absolute; bottom:10px; right:0}
div[data-module=board][data-bid=liberal_52] div[data-role=toolbar] > div.view-style{margin-top:-40px}
div[data-role=intabbar] > ul > li.selected > a{background:#00863e }


@media (max-width:1199px) {
	main.subpage > div.container > div.context > section {padding:0 40px 20px 0;}

	div.sub_cnts > div.map > div.address > p {display:block;}
	div.sub_cnts > div.map > div.address > i.bar {display:none;}

	div.sub_cnts > div.img_pos {width:100%; padding-left:0;}
	
	div.sub_cnts div.bg_box > ul.num4 > li {width: 230px; height: 230px; padding-top: 70px; margin: 0 8px 10px;}
	div.sub_cnts div.bg_box > ul.num4 > li:nth-last-child(2) {margin-bottom: 0;}
	div.sub_cnts div.bg_box > ul.num4 > li:last-child {margin-bottom: 0;}
	div.sub_cnts div.bg_box > ul.num4 > li > span.num {position: relative; font-size: 13px; color: #002e6e; font-weight: 800;}
	div.sub_cnts div.bg_box > ul.num4 > li > span.num:before {top: -25px;}
	div.sub_cnts div.bg_box > ul.num4 > li > p {padding: 25px 10px;}
	
	div.sub_cnts div.box_intro > ul > li br {display: none;}

}

@media (max-width:991px) {
	main.subpage > div.container > div.context {display:block;}
	main.subpage > div.container > div.context > nav {display:none;}
	main.subpage > div.container > div.context > section {padding:0px;}
}

@media (max-width:767px) {
	main.subpage > div.container > div.context > section > h3 > div.nbreadcrumb {display:none;}

	div.sub_cnts > div.wrap_img_txt > div.img {float:none; text-align:center; margin-bottom:20px;}

	div[data-module=board][data-bid=liberal_52]{padding-bottom:110px;}
	div[data-module=board][data-bid=liberal_52] div[data-role=toolbar] > div[data-role=input]{bottom:50px; left:0}
	div[data-module=board][data-bid=liberal_52] div[data-role=toolbar] > div[data-role=search]{bottom:10px; right:0; width:100%;}
	
	div.sub_cnts div.target > span {width: 100%; margin-bottom: 10px;}
	div.sub_cnts div.target > span:last-child {margin-bottom: 0;}
}

@media (max-width:540px) {
	div.sub_cnts div.box_intro {background-position: top center;}
	div.sub_cnts div.box_intro > h4.tit {float: none; width: 100%;}
	div.sub_cnts div.box_intro > h4.tit br {display: none;}
	div.sub_cnts div.box_intro > ul {float:none; width: 100%;}
	
	div.sub_cnts div.bg_box > ul > li {margin-bottom: 10px;}
	div.sub_cnts div.bg_box > ul > li:last-child {margin-bottom: 0;}
}

/* sub0703 */
.depart_cnt .depart_cnt_content img.sub0703_br{border: 1px solid #dddddd;margin: 29px 0;text-align:center;}

/*#history.type1 .history_cnt .history_body .history_left_cnt strong,
#history.type1 .history_cnt .history_body .history_left_cnt ul{margin-right:70px;}
#history.type1 .history_cnt .history_body .history_right_cnt strong,
#history.type1 .history_cnt .history_body .history_right_cnt ul{margin-left:70px;}
#history.type1 .history_cnt .history_body .history_left_cnt ul li{padding:0 150px 0 0;}
#history.type1 .history_cnt .history_body .history_right_cnt ul li{padding: 0 0 0 150px;}
#history.type1 .history_cnt .history_body .history_left_cnt ul li b{right:0}
#history.type1 .history_cnt .history_body .history_right_cnt ul li b{left:0;}*/

.step_list.type_col4 ul {margin:0 -1.5%;}
.step_list.type_col4 ul li {width:30%; min-height:110px; margin:0 1.5% 30px; }
.step_list.type_col4 ul li:before {display:inline-block;height:90px;vertical-align:middle;content:"";}
.step_list.type_col4 ul li:after {right:-10%;width:0; height:0; margin-top:-16px; border-top:16px solid transparent; border-bottom:16px solid transparent; border-left:13px solid #ebebeb;}
.step_list.type_col4 ul li:nth-child(3n):after {display:none;}


@media(max-width:1023px){
    .step_list.type_col2 ul li:after { right:-10.8%;}
    .step_list.type_col3 ul li:after { right:-16.8%;}

    .step_list.type_col4 ul li {width:47%; }
    .step_list.type_col4 ul li:after {right:-5%;}
    .step_list.type_col4 ul li:nth-child(2n):after {display:none;}


}

@media(max-width:900px){
    .step_list.type_col2 ul li {float:none; width:95%;margin:0 2.5% 60px;}
    .step_list.type_col2 ul li:after {top:auto; bottom:-55px; right:50%; margin:0 -23.5px 0 0; transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
    .step_list.type_col2 ul li:nth-child(2n):after {display:block;}
    .step_list.type_col2 ul li:last-child:after {display:none;}

    .step_list.type_col3 ul li {float:none; width:95%;margin:0 2.5% 60px;}
    .step_list.type_col3 ul li:after {top:auto; bottom:-55px; right:50%; margin:0 -23.5px 0 0; transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
    .step_list.type_col3 ul li:nth-child(3n):after {display:block;}
    .step_list.type_col3 ul li:last-child:after {display:none;}

    .step_list.type_col4 ul li {float:none; width:97%;margin:0 1.5% 60px;}
    .step_list.type_col4 ul li:after {top:auto; bottom:-55px; right:50%; width:37px;height:47px; margin:0 -23.5px 0 0; border:none; background: url(/images/department2/step_arr.png)no-repeat right center; transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
    .step_list.type_col4 ul li:nth-child(2n):after,
    .step_list.type_col4 ul li:nth-child(4n):after {display:block;}
    .step_list.type_col4 ul li:last-child:after {display:none;}
}

/* 버튼 */
#txt .btn2 {display:inline-block;position:relative;background:none;background-image:none;border:1px solid transparent;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;text-align:center;vertical-align:middle;}
#txt .btn2 *{vertical-align:middle}
#txt .btn2:after{position:absolute;z-index:-1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;content:'';}
#txt .btn2:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
#txt .btn-ani{padding:10px 72px 10px 14px;font-size:14px;font-weight:400;line-height:1.42857143;}
#txt .btn2,
#txt .btn2.disabled,
#txt .btn2[disabled],
#txt .btn2:link,
#txt .btn2:visited{background-color:#002f66;border-color:#002f66;color:#fff;}
#txt .btn2:hover,
#txt .btn2:focus,
#txt .btn2:active{background-color:#fff;border-color:#002f66;color: #002f66;}
#txt .btn2 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn2 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn2.btn-ani:hover .bico.bticon.arr,
#txt .btn2.btn-ani:focus .bico.bticon.arr,
#txt .btn2.btn-ani:active .bico.bticon.arr{background: url(/images/kor/common/arrow_img.png);background-position: 0 0 }
#txt .btn2 .bico.bticon{position:relative;top:-1px;display:inline-block;width:17px;height:16px;margin-right:16px;background:url(../../images/ico_file.png) no-repeat;vertical-align: middle;}

#txt .btn3 {display:inline-block;position:relative;background:none;background-image:none;border:1px solid transparent;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;text-align:center;vertical-align:middle;}
#txt .btn3 *{vertical-align:middle}
#txt .btn3:after{position:absolute;z-index:-1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;content:'';}
#txt .btn3:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
#txt .btn-ani{padding:10px 72px 10px 14px;font-size:14px;font-weight:400;line-height:1.42857143;}
#txt .btn3,
#txt .btn3.disabled,
#txt .btn3[disabled],
#txt .btn3:link,
#txt .btn3:visited{background-color:#22741C;border-color:#22741C;color:#fff;}
#txt .btn3:hover,
#txt .btn3:focus,
#txt .btn3:active{background-color:#fff;border-color:#22741C;color: #22741C;}
#txt .btn3 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn3 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn3.btn-ani:hover .bico.bticon.arr,
#txt .btn3.btn-ani:focus .bico.bticon.arr,
#txt .btn3.btn-ani:active .bico.bticon.arr{background: url(/images/kor/common/arrow_img.png);background-position: 0 0 }
#txt .btn3 .bico.bticon{position:relative;top:-1px;display:inline-block;width:17px;height:16px;margin-right:16px;background:url(../../images/ico_file.png) no-repeat;vertical-align: middle;}


/* sub060303 */
#txt .btn-ani.s060303_btn{padding: 7px 40px 7px 14px;}

/* sub06050602 */
.btn-icon.s06050602{padding-right: 25px;}

.table.table-bordered td img{vertical-align:middle;max-height: 300px;}