@charset "utf-8";

@import url(skin.css);
@import url(font_s.css);   

/* sub0101 인사말 */
.s0101_wrap {background:url(/images/counsel/sub01/sub0101_img01.png)no-repeat right center;height:750px;}
.s0101_wrap .icon {width:31px;height:34px;margin: 25px 0;background:url(/images/grad/sub01/sub010101_img02.png)no-repeat;}
.s0101_wrap strong {display:block; margin-bottom: 20px; font-size:28px;color:#000;line-height: 1.2; font-family:"nmj";word-break: keep-all;  }
.s0101_wrap strong span {display: block; color:#1145a3; font-family:"nmj";line-height: 1.2;word-break: keep-all;  }
.s0101_wrap .inner {padding:0 365px 0 5px; }
.s0101_wrap p {font-size:16px; color:#000; }
.s0101_wrap p em{display:block;}
.s0101_wrap b {font-size:16px; color:#000; font-weight:bold;display:inline-block;}

@media(max-width:1000px){
	.s0101_wrap {background:none;height:auto;}
	.s0101_wrap .inner {padding:0 285px 0 5px; }
    .s0101_wrap p em{display:none;}
}

@media(max-width:767px){
	.s0101_wrap {background:none;height:auto;}
	.s0101_wrap .inner {padding:0 0 0 5px; }
	.s0101_wrap strong {font-size:30px;}
}

@media(max-width:480px){
	.s0101_wrap strong {font-size:26px;}
}

/* //sub0101 인사말 */

/* sub0102 구성원소개 */
.text-left0102 {float:left;}
.text-left0102.left {width:30%;}
.text-left0102.right {width:70%;}
.text-left0102  strong {margin: 0 0 0 20px; font-size:28px;color:#000;line-height: 2; font-family:"nmj";word-break: keep-all;  }
.text-left0102 span {float: right;color:#1145a3; font-family:"nmj";line-height: 12;font-size:20px;word-break: keep-all;clear:both;  }

@media(max-width:1200px){
.text-left0102 span {float: right;color:#1145a3; font-family:"nmj";line-height: 12;font-size:20px;word-break: keep-all;clear:both;  }
.text-center img {width:310px;}
}

@media(max-width:1000px){
.text-center img {width:240px;}
.text-left0102  strong {margin: 0 0 0 20px; font-size:24px;color:#000;line-height: 2; font-family:"nmj";word-break: keep-all;  }
.text-left0102 span {float: right;margin: 0 0 0 20px;color:#1145a3; font-family:"nmj";line-height: 12;font-size:20px;word-break: keep-all;clear:both;  }
}

@media(max-width:767px){
.text-center img {width:auto;}
.text-left0102  strong {margin: 0 0 0 20px; font-size:18px;color:#000;line-height: 2; font-family:"nmj";word-break: keep-all;  }
.text-left0102 span {float: right;margin: 0 0 0 20px;color:#1145a3; font-family:"nmj";line-height: 14;font-size:15px;word-break: keep-all;clear:both;  }
}

@media(max-width:360px){
.text-left0102  strong {margin: 0 0 0 20px; font-size:14px;color:#000;line-height: 2; font-family:"nmj";word-break: keep-all;  }
.text-left0102 span {float: right;margin: 0 0 0 20px;color:#1145a3; font-family:"nmj";line-height: 5;font-size:12px;word-break: keep-all;clear:both;  }
}

/* //sub0102 구성원소개 */


#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;}
}

.depart_cnt.type3 .item .depart_cnt_content {
    width: 100%;
    padding: 0;
    text-align: center;
	margin-bottom: 30px;
}


/* 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.txt1 p span.txt5 {background-position: -30px 0;}
.map_txt .txt.txt1 p span.txt6 {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/counsel/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%;}
}

/* sub0500 관련사이트 */
/* 아이콘형 박스 */
.s0500_wrap .ui.uilnk .box_col .col .item {min-height:auto; padding:25px 40px 30px;}
.s0500_wrap .ui.uilnk .box_col .col .item .img_b {width: 180px;margin: 0 auto 25px;}
.s0500_wrap .ui.uilnk .box_col .col .item strong {display: block;padding-top: 15px;border-top: 1px solid #ccc;text-align: center;font-size: 0;color:#333;font-weight:bold;}

@media (max-width:768px){
	.s0500_wrap .ui.uilnk .box_col .col .item {padding:25px 10px 30px;}
}

@media (max-width:600px){
	.s0500_wrap .ui.uilnk .box_col .col {width:100%;}

}


/* 버튼 */
#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;}

/* //sub0500 관련사이트 */

.txt-box-group {
    width: 100%;
	display: table;
    margin-left: auto;
    margin-right: auto;
	}

.txt-box {
    padding: 30px;
    background: #edeef1;
    width: 33.3%;
	border: groove;
    float: left;
	}

@media (max-width:768px){
.txt-box {
    width: 100%;
	}
}

.txt-box2 {
    padding: 30px;
    background: #edeef1;
    width: 100%;
	border: groove;
	}

.snslink{width:100%;}
.snslink:after{content:"";display:block;visibility:hidden;clear:both;}
.snslink a {position:relative;overflow: hidden;margin: 0 0.5%; width:32%;float:left;z-index:0;}
.snslink a .ico{position:absolute;left:20px;top:20px;width:47px;height:47px;border-radius:50%;z-index:10}
.snslink a span b{display:block;font-weight:bold;}
.snslink a .bn{position:absolute;left:50%;bottom:15%;display:inline-block;width:100px;margin-left:-50px;padding:10px 0;text-align:center;border:1px solid #ccc;z-index:10}
.snslink a.video .ico{}
.snslink a.instagram .ico{}
.snslink a.facebook .ico{}
.snslink a.blog .ico{background-position:-150px 0;}
.snslink a.video span.ov{background:#ad0012;border-color:#ad0012 }
.snslink a.instagram span.ov{background:#95217c;border-color:#95217c; }
.snslink a.facebook span.ov{background:#00244c;border-color:#00244c }
.snslink a.blog span.ov{background:#196000;border-color:#196000; }
.snslink a span {display: block; padding:110px 0 180px;background: #fff;border:1px solid #ccc;text-align:center;font-size:20px;line-height:1.2;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.snslink a .ov {position: absolute;top: 0;left: 0; z-index: -1;padding: 100px 20px 100px;width: 100%;height: 100%;background: #0f7c67;color:#fff;text-align:center;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform: translateX(-25%);}
.snslink a:hover .ov,
.snslink a:focus .ov{ color:#fff;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);}
.snslink a:hover .bn,
.snslink a:focus .bn {color:#fff;border-color:#fff;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);}
.snslink a:hover span,
.snslink a:focus span {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);}

@media only screen and (max-width:700px){
	.snslink a {margin:0 0.5% 1%; width:49%;}
	.snslink a span{padding: 100px 0 130px;}
}

@media only screen and (max-width:480px){
	.snslink a span,
	.snslink a .ov {padding: 90px 0 90px;font-size: 16px;}
	.snslink a .bn{padding:3px 0;}
}

.ui-topbox.type2{margin-top:-1px;background-color:#fafafa;border:none;}
.ui-topbox.type2 .inner{ padding-left:215px;}
.ui-topbox.type2 .inner .h-box{ position:absolute; top:50%; left:0; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); padding-top:60px; width:215px; font-size:18px; text-align:center; color:#000; line-height:21px; font-weight:700;}
.ui-topbox.type2 .inner .h-box:before{ position:absolute; top:0; left:50%; margin-left:-26px; width:53px; height:46px; background:url(/images/kor/common/skin_ir.png) no-repeat -1px -154px; content:"";}
.ui-topbox.type2 .inner>div{ padding-left:62px; margin:0; border-left:1px dashed #c4c4c4;color:#666}
.ui-topbox.type2{min-height:auto;}

@media (max-width: 767px){
	.ui-topbox.type2 .inner{padding: 130px 20px 20px;}
	.ui-topbox.type2 .inner .h-box{top: 20px;left: 50%;transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
	.ui-topbox.type2 .inner>div{padding-left:0;border-left:0}
	.ui-topbox.type2 .inner .list-1st{padding-left: 0;border-left: 0}
		
	
}