@charset "utf-8"; @import url(skin.css); @import url(font_s.css); /* 클라이언트 공통적용사항으로 공통css적용여부 확인해야함 */ p, strong, h1, h2, h3, h4, h5, h6, span, em, ul, ol, li, dl, dt, dd, table, tr, td, th, header, nav, a{line-height: 1.8;font-family:'Malgun Gothic','맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif,AppleGothic,Dotum,arial,sans-serif;} .h2, .h3{font-family:'nsr_m';} .h3.h4{font-weight:bold;} .h4{font-weight:bold;font-size:18px;} .h3:before {content: "";display: block;width: 20px;height: 3px;background: #007adc;margin: 0 0 6px;} .list-1st dd, .list-1st li, .txt_bul, .list-2st li, .txt_bul2, .list-num li{line-height:1.8} /* 학과소개 탑박스 시작 */ .college_topbox{position:relative;width:100%;min-height:444px;text-align: center;padding:70px 0 76px 0;margin-bottom:40px;} .college_topbox.college01{background:url(../../images/kor/sub01/coll_tb_bg_01.jpg) 50% 50% no-repeat;background-size:cover;} .college_topbox.college02{background:url(../../images/kor/sub01/coll_tb_bg_02.jpg) 50% 50% no-repeat;background-size:cover;} .college_topbox.college03{background:url(../../images/kor/sub01/coll_tb_bg_03.jpg) 50% 50% no-repeat;background-size:cover;} .college_topbox.college04{background:url(../../images/kor/sub01/coll_tb_bg_04.jpg) 50% 50% no-repeat;background-size:cover;} .college_topbox.college05{background:url(../../images/kor/sub01/coll_tb_bg_05.jpg) 50% 50% no-repeat;background-size:cover;} .college_topbox.college06{background:url(../../images/kor/sub01/coll_tb_bg_06.jpg) 50% 50% no-repeat;background-size:cover;} .college_topbox.college07{background:url(../../images/kor/sub01/coll_tb_bg_07.jpg) 50% 50% no-repeat;background-size:cover;} .college_topbox.college08{background:url(../../images/kor/sub01/coll_tb_bg_08.jpg) 50% 50% no-repeat;background-size:cover;} .college_topbox.college09{background:url(../../images/kor/sub01/coll_tb_bg_09.jpg) 50% 50% no-repeat;background-size:cover;} .college_topbox .inner{position:relative;width:557px;min-height:100%;background-color:#0b1f3b;margin:0 auto;padding:73px 55px;} .college_topbox.college09 .inner {background-color: rgba(11,31,59,0.9);} .college_topbox .inner .college_tb_tit{position:relative;display:block;font-size:28px;font-weight:700;color:#fff;margin-bottom:20px;font-family:nsr;} .college_topbox .inner .college_tb_tit:before{position:absolute;top:-45px;left:50%;margin-left:-45px;content:"";display:inline-block;width:90px;height:95px;background:url(../../images/kor/sub01/coll_tb_tit_bg.png) no-repeat;} .college_topbox .inner .college_tb_tit:after{content:"";display:block;width:34px;height:5px;background:url(../../images/kor/sub01/coll_tb_tit_after.png) no-repeat;margin:15px auto;} .college_topbox .inner .college_tb_txt{font-size:14px;color:#fff;opacity:0.7;/*line-height:1.3;*/} .college_topbox .inner .college_link{position:absolute;bottom:0;left:50%;width:230px;margin-left: -115px;background-color:#0c5dc4;} .college_topbox .inner .college_link a{display:inline-block;width:100%;height:100%;text-align:center;color:#fff;padding:12px 0;} .college_topbox .inner .college_link a:before{content:"";display:inline-block;width:25px;height:25px;background:url(../../images/kor/sub01/coll_tb_home.png) no-repeat;margin-right:10px;vertical-align:middle;} /* 학과소개 탑박스 끝 */ /* 학과소개 아코디언 시작 */ .sub1105 .college_accordion > ul > li.on .type_intro ul li.cir2.top{padding-top:35px;} .sub1107 .college_accordion > ul > li.on .type_intro ul li.top1{padding-top:35px;} .sub1107 .college_accordion > ul > li.on .type_intro ul li.cir2.top{padding-top:50px;} .sub1107 .college_accordion > ul > li.on .type_intro ul li.big{width:220px;height:220px;} .sub1107 .college_accordion > ul > li.on .type_intro ul li.cir1.big:before{top:100px;} .sub1107 .college_accordion > ul > li.on .type_intro ul li.big:after{top:100px;} .college_accordion{position:relative;width:100%;margin-bottom:100px;} .college_accordion > ul{display:inline-block;width:100%;} .college_accordion > ul > li{position:relative;width:100%;height:90px;} .college_accordion > ul > li:after{content:"";position:absolute;top:50%;right:10px;z-index:-1;margin-top:-22px;display:inline-block;width:40px;height:40px;background:url(../../images/kor/sub01/coll_list_open.png) no-repeat;vertical-align:middle;font-size:0;text-indent:-9999px;} .college_accordion > ul > li .acc_list{display:inline-block;width:100%;height:100%;border-bottom:1px solid #ccc;} .college_accordion > ul > li:first-child .acc_list{border-top:1px solid #ccc;} .college_accordion > ul > li .acc_list .acc_open{display:table;width:100%;height:100%;} .college_accordion > ul > li .acc_list .acc_open span{display:table-cell;vertical-align:middle;padding-right: 100px;} .college_accordion > ul > li .acc_list .acc_open span.vat {vertical-align: top; padding-top: 17px;} .college_accordion > ul > li .acc_list .acc_open b{display:inline-block;font-size:17px;margin-right:10px;color:#000;font-family:nsr;font-weight:700; line-height: 20px; word-break: break-word;} .college_accordion > ul > li .acc_list .acc_open em{display:inline-block;font-size:15px;color:#000;margin:0;} .college_accordion > ul > li .acc_list:hover .acc_open:after{position:absolute;bottom:0;left:0;content:"";display:inline-block;width:100%;height:3px;background:url(../../images/kor/sub01/coll_list_line.png) repeat-y;background-size:100%;} .college_accordion > ul > li .acc_list .detail_view{position:absolute;top:50%;right:55px;margin-top:-22px;display:inline-block;width:40px;height:40px;background:url(../../images/kor/sub01/coll_list_home.png) no-repeat;vertical-align:middle;font-size:0;text-indent:-9999px;} .college_accordion > ul > li .acc_list .detail_major{position: absolute; bottom: 17px; left: -9px;} .college_accordion > ul > li .acc_list .detail_major.s0102tour{position:absolute;top:40%;right:120px;margin-top:-15px;width:310px;} .college_accordion > ul > li .acc_list .detail_major li{float:left;display:inline-block;} .college_accordion > ul > li .acc_list .detail_major li a{display:inline-block;padding:0 10px;font-size:14px;color:#000;} .college_accordion > ul > li .acc_list .detail_major li:before{content:"";display:inline-block;width:1px;height:10px;background-color:#c7c7c7;vertical-align:middle;margin-top:-2px;} .college_accordion > ul > li .acc_list .detail_major li:first-child:before{display:none;} .college_accordion > ul > li .acc_cont, .college_accordion > ul > li .acc_close, .college_accordion > ul > li.on .acc_list, .college_accordion > ul > li.on:after{display:none;} .college_accordion > ul > li.on{height:auto;} .college_accordion > ul > li.on .acc_cont, .college_accordion > ul > li.on .acc_close{display:inline-block;} .college_accordion > ul > li.on .acc_cont{width:100%;border:1px solid #ccc;background-color:#f8f8f8;padding:23px 30px 0;} .college_accordion > ul > li.on .acc_cont .acc_tit{position:relative;display:inline-block;width:100%;text-align: center;} .college_accordion > ul > li.on .acc_cont .acc_tit:after{position:absolute;bottom:5px;left:0;content:"";display:inline-block;width:100%;height:3px;background:url(../../images/kor/sub01/coll_list_line.png) repeat-y;background-size:100%;} .college_accordion > ul > li.on .acc_cont .acc_tit p{font-size:15px;color:#000;margin-bottom:15px;} .college_accordion > ul > li.on .acc_cont .acc_tit p:before{content:"";display:block;width:61px;height:61px;background:url(../../images/kor/sub01/coll_tb_tico.png) no-repeat;margin:0 auto 30px;} .college_accordion > ul > li.on .acc_cont .acc_tit h3{display:block;font-weight:700;font-size: 30px;color:#000;margin-bottom: 40px;} .college_accordion > ul > li.on .acc_cont .acc_tit h3 span{display:block;font-size:18px;line-height:1;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link{position:absolute;top:40px;right:0;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link li{display:table;height:40px;margin-bottom:5px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link li a{display:table-cell;vertical-align:middle;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link li a:after{content:"";display:inline-block;width:40px;height:40px;background:url(../../images/kor/sub01/coll_list_home.png) no-repeat;margin-left:10px;vertical-align:middle;} .college_accordion > ul > li.on .acc_close{position:absolute;top:20px;right:30px;} .college_accordion > ul > li.on .acc_close:after{content:"";display:inline-block;width:40px;height:40px;background:url(../../images/kor/sub01/coll_close.png) no-repeat;margin-left:10px;vertical-align:middle;} .college_accordion > ul > li.on .acc_cont .acc_txt{position:relative;width:100%;} .college_accordion > ul > li.on .acc_cont .innerbox{position:relative;width:100%;padding:53px 17px 48px;border-bottom:1px dotted #7c7c7c;text-align: center;} .college_accordion > ul > li.on .acc_cont .innerbox:last-child{border-bottom:none;} .college_accordion > ul > li.on .acc_cont .innerbox h4{display:block;font-size:18px;font-weight:700;color:#000;text-align: left;font-family:nsr;} .college_accordion > ul > li.on .acc_cont .innerbox .inner_txt{font-size:15px;color:#000;text-align: left;margin-top:25px;} /* 학과소개 시작 */ .college_accordion > ul > li.on .type_intro{position:relative;display:inline-block;margin:50px auto 15px;} .college_accordion > ul > li.on .type_intro ul{display:inline-block;} .college_accordion > ul > li.on .type_intro ul li{position:relative;float: left;display:inline-block;width:168px;height:168px;padding-top:50px;} .college_accordion > ul > li.on .type_intro ul.sub1104 li{width:189px;height:189px;} .college_accordion > ul > li.on .type_intro ul.sub1104 li.line5{padding-top:35px;} .college_accordion > ul > li.on .type_intro ul li.line4{padding-top: 37px;} .college_accordion > ul > li.on .type_intro ul li.cir1{background:url(../../images/kor/sub01/coll_cir1.png) no-repeat;background-size:cover;} .college_accordion > ul > li.on .type_intro ul li.cir2{background:url(../../images/kor/sub01/coll_cir2.png) no-repeat;background-size:cover;} .college_accordion > ul > li.on .type_intro ul li.cir3{background:url(../../images/kor/sub01/coll_cir3.png) no-repeat;background-size:cover;} .college_accordion > ul > li.on .type_intro ul li.cir4{width:168px;background:url(../../images/kor/sub01/coll_cir4.png) no-repeat;background-size:cover;} .college_accordion > ul > li.on .type_intro ul li.cir1:before{position:absolute;top:75px;left:-9px;content: "";display:inline-block;width:19px;height:19px;background:url(../../images/kor/sub01/coll_cir_dot1.png) no-repeat;vertical-align:middle;} .college_accordion > ul > li.on .type_intro ul li:after{position:absolute;top:75px;right:-9px;z-index:1;content: "";display:inline-block;width:19px;height:19px;vertical-align:middle;} .college_accordion > ul > li.on .type_intro ul.sub1104 li:after{top:90px;} .college_accordion > ul > li.on .type_intro ul li.cir1:after{background:url(../../images/kor/sub01/coll_cir_dot2.png) no-repeat;} .college_accordion > ul > li.on .type_intro ul li.cir2:after{background:url(../../images/kor/sub01/coll_cir_dot3.png) no-repeat;} .college_accordion > ul > li.on .type_intro ul li.cir3:after{background:url(../../images/kor/sub01/coll_cir_dot4.png) no-repeat;} .college_accordion > ul > li.on .type_intro ul li.cir4:after{background:url(../../images/kor/sub01/coll_cir_dot4.png) no-repeat;} .college_accordion > ul > li.on .type_intro ul li .cir_txt{display:inline-block;width:100%;/*line-height:1.4;*/} .college_accordion > ul > li.on .type_course{position:relative;display:inline-block;width:100%;background:url(../../images/kor/sub01/coll_course_bg.png) no-repeat top left;background-size:100% auto;} .college_accordion > ul > li.on .type_course ul{display:inline-block;width:100%;} .college_accordion > ul > li.on .type_course ul li{float: left;width:25%;padding:0 20px;} .college_accordion > ul > li.on .type_course ul li:first-child{padding-top:76px;} .college_accordion > ul > li.on .type_course ul li:nth-child(2){padding-top:36px;} .college_accordion > ul > li.on .type_course ul li:nth-child(3){margin-top:-2px;} .college_accordion > ul > li.on .type_course ul li:nth-child(4){margin-top:-40px;} .college_accordion > ul > li.on .type_course.col3{position:relative;display:inline-block;width:100%;background:url(../../images/kor/sub01/coll_course3_bg.png) no-repeat top left;background-size:100% auto;} .college_accordion > ul > li.on .type_course.col3 ul li{float: left;width:33.3%;padding:0 20px;} .college_accordion > ul > li.on .type_course.col3 ul li:first-child{padding-top:32px;} .college_accordion > ul > li.on .type_course.col3 ul li:nth-child(2){margin-top:-5px;} .college_accordion > ul > li.on .type_course.col3 ul li:nth-child(3){margin-top:-45px;} .college_accordion > ul > li.on .type_course.col5{position:relative;display:inline-block;width:100%;background:url(../../images/kor/sub01/coll_course5_bg.png) no-repeat top left;background-size:100% auto;} .college_accordion > ul > li.on .type_course.col5 ul li{float: left;width:20%;padding:0 20px;} .college_accordion > ul > li.on .type_course.col5 ul li:first-child{padding-top:105px;} .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(2){padding-top:67px;} .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(3){margin-top:27px;} .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(4){margin-top:-9px;} .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(5){margin-top:-45px;} .college_accordion > ul > li.on .s0102_curriculum{} .college_accordion > ul > li.on .s0102_curriculum ul{margin-top: 40px;text-align: left;} .college_accordion > ul > li.on .s0102_curriculum ul li{margin:20px 0;height:50px;} .college_accordion > ul > li.on .s0102_curriculum ul li strong{float:left;display:inline-block;width:180px;padding: 15px; background-color: #0058bc;color: #fff;font-size: 14px;line-height: 20px;border-radius: 20px;} .college_accordion > ul > li.on .s0102_curriculum ul li span{font-size: 15px;line-height: 20px;padding-left: 200px;margin-left: -180px;vertical-align: middle;float: left;width: 100%;display: inline-block;} /* roboto폰트 */ #txt .college_accordion > ul > li.on .type_course ul li strong{font-family:'rbt';} /* roboto폰트 */ .college_accordion > ul > li.on .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;} .college_accordion > ul > li.on .type_course ul li .list_txt{display:block;text-align: left;} .college_accordion > ul > li.on .type_course ul li .list_txt b{display:block;font-size:15px;color:#000;/*line-height:1.3;*/margin-bottom:10px;} .college_accordion > ul > li.on .type_course ul li .list_txt span{display:block;font-size: 15px;color:#000;/*line-height:1.3;*/} .college_accordion > ul > li.on .type_tipbox{position:relative;margin-top:65px;padding:35px 45px 35px 158px;background-color:#edebec;border-radius:20px;} .college_accordion > ul > li.on .type_tipbox i{position:absolute;top:5px;left:42px;display:inline-block;text-align:center;font-size:15px;font-weight:700;color:#41609f;font-style:normal;} .college_accordion > ul > li.on .type_tipbox i em{font-weight:700;color:#001e5a;} .college_accordion > ul > li.on .type_tipbox i:before{content:"";display:block;width:87px;height:79px;background:url(../../images/kor/sub01/coll_tip_img.png) no-repeat; margin:0 auto 5px;} .college_accordion > ul > li.on .type_tipbox p{margin:0;text-align:left;font-size:15px;color:#404040;} /* 학과소개 아코디언 끝 */ @media (max-width: 999px){ .college_accordion > ul > li .acc_list .acc_open em{display:block;} .college_accordion > ul > li .acc_list .detail_major{right:100px;} .college_accordion > ul > li .acc_list .detail_major.s0102tour{top:40%;width:unset;} .college_accordion > ul > li .acc_list .detail_major.s0102tour li a{padding:0 5px;font-size:13px;} .college_accordion > ul > li.on .type_course{background:none;margin-top:30px;} .college_accordion > ul > li.on .type_course ul li:first-child{padding-top:0;} .college_accordion > ul > li.on .type_course ul li:nth-child(2){padding-top:0;} .college_accordion > ul > li.on .type_course ul li:nth-child(3){margin-top:0;} .college_accordion > ul > li.on .type_course ul li:nth-child(4){margin-top:0;} .college_accordion > ul > li.on .type_course ul li strong{margin-bottom:0} .college_accordion > ul > li.on .type_course ul li strong:after{content:"";display:block;width:100%;height:3px;background-color:#bcbec5;margin-bottom:20px;} .college_accordion > ul > li.on .type_course ul li:nth-child(2) strong:after{background-color:#565f79;} .college_accordion > ul > li.on .type_course ul li:nth-child(3) strong:after{background-color:#1bce5d;} .college_accordion > ul > li.on .type_course ul li:nth-child(4) strong:after{background-color:#1392dc;} .college_accordion > ul > li.on .type_course.col3{background:none;margin-top:30px;} .college_accordion > ul > li.on .type_course.col3 ul li:first-child{padding-top:0;} .college_accordion > ul > li.on .type_course.col3 ul li:nth-child(2), .college_accordion > ul > li.on .type_course.col3 ul li:nth-child(3){margin-top:0;} .college_accordion > ul > li.on .type_course.col5{background:none;margin-top:30px;} .college_accordion > ul > li.on .type_course.col5 ul li:first-child, .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(2){padding-top:0;} .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(3), .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(4), .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(5){margin-top:0;} .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(5) strong:after{background-color:#5f6fef;} } @media (max-width: 935px){ .college_accordion > ul > li.on .type_intro.col4 ul.sub1102 li{float:none;display:block;transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);} .college_accordion > ul > li.on .type_intro.col4 ul.sub1102 li .cir_txt{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);} } @media (max-width: 900px){ .college_accordion > ul > li.on .type_intro.col4 ul li{float:none;display:block;transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);} .college_accordion > ul > li.on .type_intro.col4 ul li .cir_txt{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);} } @media (max-width: 865px){ .sub1107 .college_accordion > ul > li.on .type_intro ul li{float:none;display:block;transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);} .sub1107 .college_accordion > ul > li.on .type_intro ul li .cir_txt{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);} } @media (max-width: 767px){ .college_topbox{min-height:100%;padding:0;} .college_topbox .inner{width:100%;background:rgba(11,31,59,0.8);padding: 20px 20px 20px;} .college_topbox .inner .college_link{left:0;margin-left:0;width: 100%;} .college_accordion > ul > li.on .type_intro ul li{float:none;display:block;transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);} .college_accordion > ul > li.on .type_intro ul li .cir_txt{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);} .college_accordion > ul > li.on .type_course ul li{width:49%;min-height:200px;padding:0;margin-left:2%;} .college_accordion > ul > li.on .type_course ul li:nth-child(2n+1){margin-left:0;} .college_accordion > ul > li.on .type_course ul li .list_txt span{word-break:keep-all;} .college_accordion > ul > li.on .type_course ul li strong{font-size:30px;font-style:italic;} .college_accordion > ul > li.on .type_course.col3 ul li{width:49%;min-height:200px;padding:0;margin-left:2%;} .college_accordion > ul > li.on .type_course.col3 ul li:nth-child(2n+1){margin-left:0;} .college_accordion > ul > li.on .type_course.col3 ul li .list_txt span{word-break:keep-all;} .college_accordion > ul > li.on .type_course.col3 ul li strong{font-size:30px;font-style:italic;} .college_accordion > ul > li.on .type_course.col5 ul li{width:49%;min-height:200px;padding:0;margin-left:2%;} .college_accordion > ul > li.on .type_course.col5 ul li:nth-child(2n+1){margin-left:0;} .college_accordion > ul > li.on .type_course.col5 ul li .list_txt span{word-break:keep-all;} .college_accordion > ul > li.on .type_course.col5 ul li strong{font-size:30px;font-style:italic;} .college_accordion > ul > li .acc_list .acc_open em{display:none;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link{position:static;display:inline-block;margin-bottom:20px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link li{float: left;margin-right:10px;} .college_accordion > ul > li.on .acc_close{top:45px;} .college_accordion > ul > li.on .acc_close:after{width:25px;height: 25px;background-size:contain;} .college_accordion > ul > li.on .acc_cont .acc_tit{text-align: left;} .college_accordion > ul > li.on .acc_cont .acc_tit p:before{margin-left: 0;} .college_accordion > ul > li.on .acc_cont .innerbox{padding:53px 0 48px;} .college_accordion > ul > li .acc_list .detail_major{display:none;} .college_accordion > ul > li.on .type_tipbox{padding:35px 20px 35px;} .college_accordion > ul > li.on .type_tipbox i{position:static;display:block;} .college_accordion > ul > li.on .type_tipbox p{text-align: center;} .college_accordion > ul > li.on .s0102_curriculum ul li{margin-bottom: 110px;} .college_accordion > ul > li.on .s0102_curriculum ul li strong{float:none;} .college_accordion > ul > li.on .s0102_curriculum ul li span{float:none;display: block; margin-top: 7px;padding-left: 0;margin-left: 0;} } @media (max-width: 479px){ .college_accordion > ul > li.on .type_course ul li{width:100%;min-height:0;margin-left:0;margin-bottom:15px;} .college_accordion > ul > li.on .type_course ul li strong:after{height:1px;} .college_accordion > ul > li.on .type_course.col3 ul li{width:100%;min-height:0;margin-left:0;margin-bottom:15px;} .college_accordion > ul > li.on .type_course.col3 ul li strong:after{height:1px;} .college_accordion > ul > li.on .type_course.col5 ul li{width:100%;min-height:0;margin-left:0;margin-bottom:15px;} .college_accordion > ul > li.on .type_course.col5 ul li strong:after{height:1px;} .college_topbox .inner .college_tb_tit{font-size:20px;font-family:nsr;} .college_topbox .inner .college_tb_txt, .college_topbox .inner .txt-check{display:none;} .college_accordion > ul > li{height:70px;} .college_accordion > ul > li .acc_list .acc_open b{font-size:15px;white-space: normal; line-height: 1.2; height: 3.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .college_accordion > ul > li.on .acc_cont{padding:23px 15px 0;} .college_accordion > ul > li.on .acc_cont .acc_tit{padding-top:40px;} .college_accordion > ul > li.on .acc_cont .acc_tit h3{font-size:20px;font-family:nsr;line-height: 26px;} .college_accordion > ul > li.on .acc_cont .acc_tit p{display:none;} .college_accordion > ul > li.on .acc_close{top:25px;right:15px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link li{margin-bottom:0;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link li a:after{width:25px;height:25px;background-size: contain;margin-left:5px;} .college_accordion > ul > li .acc_list .detail_view{right:45px;width:30px;height:30px;background-size:contain;margin-top:-15px;} .college_accordion > ul > li:after{width:30px;height:30px;background-size:contain;margin-top:-15px;} .college_accordion > ul > li.on .type_course ul li .list_txt span, .college_accordion > ul > li.on .acc_cont .innerbox .inner_txt, .college_accordion > ul > li.on .type_tipbox p{font-size: 14px;} .college_accordion > ul > li .acc_list .acc_open span { padding-right: 85px;} } @media (max-width: 430px){ .college_accordion > ul > li .acc_list .acc_open span .block{display:block;} } /* sub0101 전체학과 보기 */ .sub0101.ui-topbox {min-height:250px; border:1px solid #ccc;} .sub0101.ui-topbox.type1 .inner {padding:30px 30px 30px 30px;} .sub0101.ui-topbox.type1 .inner .txtwrap .h-box {padding-bottom:20px; margin-bottom:20px; background:url(/images/kor/common/top_icon02.png)no-repeat left bottom; font-size:24px; font-weight:600; color:#000; text-align:left;} .sub0101.ui-topbox.type1 .inner .txtwrap p, .sub0101.ui-topbox.type1 .inner .txtwrap ul li {font-size:16px; color:#666; line-height:1.5;} .sub0101.ui-topbox.type1 .inner .gradu-list {border-top:1px solid #003875;border-bottom:1px solid #ccc;background:#f8f8f8;margin-top:20px;padding:15px 30px;overflow:hidden;/* font-size:0; */} .sub0101.ui-topbox.type1 .inner .gradu-list li {display:inline-block;position:relative;vertical-align:top;width:48%;margin-top:5px;margin-bottom:5px;letter-spacing:-0.05em;margin-left:-0.2em;margin-right:-0.2em} .sub0101.ui-topbox.type1 .inner .gradu-list li:nth-child(odd) {margin-right:4%;} .sub0101.ui-topbox.type1 .inner .gradu-list li a {position:relative;color:#333;display:inline-block;box-sizing:border-box;line-height:1.5;font-size:15px;overflow-wrap: break-word;word-break: break-word;} .sub0101.ui-topbox.type1 .inner .gradu-list > li > a:before {content:"";display:block;position:absolute;width:4px;height:4px;left:-10px;top:9px;border-radius:50%;background:#aeaeae;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease} .sub0101.ui-topbox.type1 .inner .gradu-list > li > a:focus:before, .sub0101.ui-topbox.type1 .inner .gradu-list > li > a:active:before, .sub0101.ui-topbox.type1 .inner .gradu-list > li > a:hover:before {background:#005baa} .sub0101.ui-topbox.type1 .inner .gradu-list > li > a[target=_blank]:after {content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(/images/kor/common/gradu_spr.png) no-repeat -30px -18px;margin-left:5px;margin-top:-4px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease} .sub0101.ui-topbox.type1 .inner .gradu-list > li > a[target=_blank]:focus:after, .sub0101.ui-topbox.type1 .inner .gradu-list > li > a[target=_blank]:active:after, .sub0101.ui-topbox.type1 .inner .gradu-list > li > a[target=_blank]:hover:after {background-position:-44px -18px} .sub0101.ui-topbox.type1 .inner .gradu-list > li > span {position:relative;color:#333;display:inline-block;box-sizing:border-box;line-height:1.5;font-size:15px} .sub0101.ui-topbox.type1 .inner .gradu-list > li > span:before {content:"";display:block;position:absolute;width:4px;height:4px;left:-10px;top:9px;border-radius:50%;background:#aeaeae} .sub0101.ui-topbox.type1 .inner .gradu-list li a:hover, .sub0101.ui-topbox.type1 .inner .gradu-list li a:focus, .sub0101.ui-topbox.type1 .inner .gradu-list li a:active {text-decoration:underline;color:#005baa;} .sub0101.ui-topbox.type1 .inner .gradu-list li a:hover:after, .sub0101.ui-topbox.type1 .inner .gradu-list li a:focus:after, .sub0101.ui-topbox.type1 .inner .gradu-list li a:active:after {background-position:-44px -18px} .sub0101.ui-topbox.type1 .inner .gradu-list li ul {padding:1px 5px 1px 15px} .sub0101.ui-topbox.type1 .inner .gradu-list li ul li {font-size:14px;float:none;width:100%;margin-top:2px;margin-bottom:2px;} .sub0101.ui-topbox.type1 .inner .gradu-list li ul li a {display:block;position:relative} .sub0101.ui-topbox.type1 .inner .gradu-list li ul li a span:before {width:4px;height:2px;} .sub0101.ui-topbox.type1 .inner .gradu-list li ul li a span {padding-left:8px;font-size:14px} .sub0101.ui-topbox.type1 .inner .gradu-list li ul li a:before {content:"";display:block;position:absolute;width:4px;height:1px;background:#aeaeae;left:-10px;top:11px} .sub0101.ui-topbox.type1 .inner .gradu-list li ul li a[target=_blank]:after {content:"";display:inline-block;vertical-align:middle;width:10px;height:10px;background:url(/images/kor/common/ico_win_sprite.png) no-repeat -20px 0;margin:-4px 0 0 5px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease} .sub0101.ui-topbox.type1 .inner .gradu-list li ul li a[target=_blank]:focus:after, .sub0101.ui-topbox.type1 .inner .gradu-list li ul li a[target=_blank]:active:after, .sub0101.ui-topbox.type1 .inner .gradu-list li ul li a[target=_blank]:hover:after {background-position:0px 0px} @media(max-width:768px){ .sub0101.ui-topbox {min-height:auto;} .sub0101.ui-topbox.type1 .inner {padding:30px 20px ;} .sub0101.ui-topbox.type1 .inner .txtwrap .h-box {text-align:left;} .sub0101.ui-topbox.type1 .inner .tit {font-size:22px;padding-top:10px;} .sub0101.ui-topbox.type1 .inner .stit {font-size:17px;margin-bottom:10px} .sub0101.ui-topbox.type1 .inner .txt, .sub0101.ui-topbox.type1 .inner p {margin-top:5px;text-align:left;} .sub0101.ui-topbox.type1 .inner .c-txt {line-height:22px;font-size:14px;} .sub0101.ui-topbox.type1 .inner .gradu-list li {float:none;width:100%;margin-top:3px;margin-bottom:3px;font-size:14px;} .sub0101.ui-topbox.type1 .inner .txtwrap .h-box {font-size:18px;} } @media all and (max-width:360px) { .sub0101.ui-topbox.type1 .inner .txtwrap .h-box .btn-icon {padding-right: 32px;font-size:15px;} } /* sub0503 시작 */ .symmetry_wrap, .symmetry_wrap ul, .symmetry_wrap li{ display:inline-block; width:100%; margin:0; padding:0;} .symmetry_wrap.type1 li .img{ display:inline-block; vertical-align:top; width:442px; margin:0; padding:0;} .symmetry_wrap.type1 li .img img{ width:100%;} .symmetry_wrap.type1 li .txt{ display:inline-block; width:45%; margin:0; padding:0;} .symmetry_wrap.type1 li .txt strong{ display:inline-block; width:100%; margin:0; padding:0; font-weight:700; font-size:30px; color:#000; text-align:left; line-height:34px;} .symmetry_wrap.type1 li .txt strong span{ display:inline-block; width:100%; margin:0; padding:0; font-size:16px; color:#0063d4; line-height:20px;} .symmetry_wrap.type1 li .txt p{ display:inline-block; position:relative; width:100%; margin:30px 0 0 0; padding:30px 0 0 0; font-size:16px; color:#666; text-align:left; line-height:20px;} .symmetry_wrap.type1 li .txt p:before{ position:absolute; top:0; left:0; width:100%; height:3px; background:url(/images/kor/sub06/sub06040402_p_line.jpg) no-repeat; background-size:100% 100%; content:"";} .symmetry_wrap.type1 li:nth-child(odd) .img{ float:left;} .symmetry_wrap.type1 li:nth-child(odd) .txt{ float:right;} .symmetry_wrap.type1 li:nth-child(even) .img{ float:right;} .symmetry_wrap.type1 li:nth-child(even) .txt{ float:left;} .symmetry_wrap.type1 li + li{ margin-top:60px;} @media (max-width:1279px){ .symmetry_wrap.type1 li .img{ width:50%;} } @media (max-width:767px){ .symmetry_wrap.type1 li .img, .symmetry_wrap.type1 li .txt{ width:100%;} .symmetry_wrap.type1 li .txt{ margin-top:10px;} } /* sub0503 끝 */ /* sub090903 산하기관/사업체 */ .subsystem-school{margin:30px 0;} .subsystem-school:after{content:"";display:block;clear:both;visibility:hidden;} .subsystem-school li{float:left;width:33.33%;text-align:center;} .subsystem-school li + li{border-left:1px solid #ddd;} .subsystem-school li:nth-child(4){border-left:none;} @media (max-width:767px){ .subsystem-school li{float:left;width:50%;margin-top: 5px;} .subsystem-school li + li{border-left:none;} .subsystem-school li:nth-child(2n+1){border-right:1px solid #ddd;} .subsystem-school li:last-child{border-right:none;} } @media (max-width:545px){ .subsystem-school li{float:none;width:100%;min-height: auto;} .subsystem-school li:nth-child(2n+1){border-right:none;} .subsystem-school li + li{border-top:1px solid #ddd;padding-top:5px;} } /* sub090903 산하기관/사업체 End*/ /* sub070601 UI기본규정 */ .s070601.ui-topbox.type1 .img{display:block;position:absolute;left:10px;right:auto;top: 10%;width:150px;height:160px; padding:0 10px;} .s070601.ui-topbox.type1 .inner .txtwrap p {margin-top:30px; line-height:1.5;} @media(max-width:768px){ .s070601.ui-topbox.type1 .inner{position: relative; text-align: center;} .s070601.ui-topbox.type1 .img{display:inline-block;position:unset;left:unset;right:unset;top:unset;margin-bottom:30px;} } @media(max-width:425px){ .s070601.ui-topbox.type1 .img{width: 90%;margin-bottom:5px;} } /* sub070601 UI기본규정 End */ /* sub09050103 UI활용규정 */ .subsystem-school.type2{margin:30px 0;} .subsystem-school.type2:after{content:"";display:block;clear:both;visibility:hidden;} .subsystem-school.type2 li{float:left;width:33.33%;text-align:center;min-height:280px;} .subsystem-school.type2 li + li{border-left:1px solid #ddd;} .subsystem-school.type2 li:nth-child(4){border-left:none;} @media (max-width:767px){ .subsystem-school.type2 li{float:left;width:50%;margin-top: 5px;} .subsystem-school.type2 li + li{border-left:none;} .subsystem-school.type2 li:nth-child(2n+1){border-right:1px solid #ddd;} .subsystem-school.type2 li:last-child{border-right:none;} } @media (max-width:545px){ .subsystem-school.type2 li{float:none;width:100%;min-height: auto;} .subsystem-school.type2 li:nth-child(2n+1){border-right:none;} .subsystem-school.type2 li + li{border-top:1px solid #ddd;padding-top:5px;} } .ui.uit .thm_figure.s09050103{display:inline-block;} /* sub09050103 UI활용규정 End */ /* sub10_02_01 홈페이지 이용자의 개인정보보호 */ .s10_txtbox{padding:30px; border:1px solid #ddd; border-top-color:#002f66;} /* sub10_02_01 홈페이지 이용자의 개인정보보호 End */ /* sub10_04_03 비공개 세부기준 */ .s10_txtbox.type1{padding:20px; border:1px solid #ddd; border-top-color:#002f66;} /* sub10_04_03 비공개 세부기준 End */ /* 등록금안내 시작 */ .tuition_wrap {} .tuition_wrap strong {display:block; font-size:24px; color:#121212; font-weight:bold;font-family:nsr;} .tuition_wrap .row_box {margin-bottom:10px;padding:35px 40px; border:1px solid #ccc;} .tuition_wrap .row_box .list {width:100%; font-size:16px;} .tuition_wrap .row_box .list:after{content:"";display:block;clear:both;visibility:hidden;} .tuition_wrap .row_box .list b {display:inline-block; margin-right:20px; font-weight:bold;} .tuition_wrap .row_box .list span {display:inline-block; color:#666; font-weight:400;} .tuition_wrap .row_box .list em {display:inline-block; float:right; padding-left:45px; background:#fff url(/images/kor/common/sg_icon01.png)no-repeat 15px center; color:#000; font-weight:bold; font-size:18px; } .tuition_wrap .row_box.row_box2 {position:relative;} .tuition_wrap .row_box.row_box2 b.tit {position:absolute; left:40px; font-size:16px; color:#121212; font-weight:bold;} .tuition_wrap .row_box.row_box2 .list {position:relative; margin-bottom:5px;padding-left:110px;} .tuition_wrap .row_box.row_box2 .list:before {display:block; position:absolute;top:50%; left:130px; right:0; z-index:-1; width:auto; height:1px; border-top:1px dashed #7f7f7f;content:"";} .tuition_wrap .row_box.row_box2 .list span {padding-right:25px; background:#fff; } .tuition_wrap .row_box.row_box2 .list em { } @media (max-width:768px){ .tuition_wrap .row_box {margin-bottom:10px;padding:25px 20px;} .tuition_wrap .row_box.row_box2 b.tit {left:20px; top:25px;} .tuition_wrap .row_box.row_box2 {padding-top:65px;} .tuition_wrap .row_box.row_box2 .list {padding-left:0;} } @media (max-width:630px){ .tuition_wrap .row_box span {display:block;margin: 5px 0;width:100%;} .tuition_wrap .row_box.row_box2 .list {margin-bottom:20px;} .tuition_wrap .row_box.row_box2 .list:before {left:0; top:auto; bottom:12px} } /* 등록금안내 끝 */ .sub070101 {} .sub070101 .con_top {position: relative; width:100%; height:258px; padding:65px 0 0 40px; background:url(../../images/kor/sub09/s090101_bg01.png)no-repeat ; background-size:cover;} .sub070101 .con_top:after {content: "";display:block; position:absolute; bottom:-5px; right:150px; width:320px; height:285px; background:url(../../images/kor/sub09/s090101_bg04.png)no-repeat ;} .sub070101 .con_top p {font-size:21px; color:#fff; font-family: "nmj";} .sub070101 .con_top p span {display: block;font-family: "nmj"; line-height:1.3; letter-spacing:-0.09em;} .sub070101 .con_top .sign {position:absolute; right:25px; bottom:40px;color:#9cd0ff; text-align:left; font-size:15px;} .sub070101 .con_top .sign span {display:block;margin-top:7px;width: 150px;height: 78px; background:url(../../images/kor/sub09/s090101_bg03_eng.png)no-repeat ; font-size:0;} .sub070101 .con_bot {padding:50px 70px 70px; background:#f1f1f1 url(../../images/kor/sub09/s090101_bg.png) no-repeat 95% 95%; } .sub070101 .con_bot p {font-size:16px;} .sub070101 .con_bot p.txt1 {margin:40px 0 20px;font-family:"nmj"; font-size:22px;} @media(max-width:905px){ .sub070101 .con_top:after {display:none;} } @media(max-width:767px){ .sub070101 .con_top {padding:65px 0 0 40px} .sub070101 .con_bot {padding:30px 40px 50px;} } @media(max-width:600px){ .sub070101 .con_top {padding:40px 20px; height:auto;} .sub070101 .con_top p span {font-size:22px;} .sub070101 .con_top .sign {position:static; margin-top:10px; text-align:left; } .sub070101 .con_top .sign span {display:inline-block; margin-left:10px;vertical-align:middle;} .sub070101 .con_bot {padding:30px 20px 50px;} } /* sub090101 총장인사말 끝 */ /* sub070502 비전및발전계획 시작 */ .sub070502 {} .sub070502 .con01 {position:relative; padding-bottom:65px; margin-bottom:30px;} .sub070502 .con01:after {display:block; position:absolute;left:50%; bottom:0;margin-left:-75px; width:150px; height:52px; background:url(/images/kor/sub09/sub090402_img02.png)no-repeat; content:""; } .sub070502 .con01 .con_bg {width:400px; height:311px; margin:0 auto 0; background:url(/images/kor/sub09/sub090402_img01.png)no-repeat center; text-align:center; color:#fff;} .sub070502 .con01 .con_bg .txt {position:relative;padding:35px 0 15px; margin-bottom:7px; font-size:14px; line-height:1.3;} .sub070502 .con01 .con_bg .txt:after {display:block; position:absolute; left:50%; bottom:0;margin-left:-17.5px; width:35px; height:1px; background:#fff; content:"";} .sub070502 .con01 .con_bg strong {display:block;font-weight:bold; font-size:20px;font-family:nsr;} .sub070502 .con01 .con_bg strong span {display:block;line-height:1.3; } .sub070502 .con01 .con_bg strong span em.em01 {color:#51cef1; font-weight:bold;} .sub070502 .con01 .con_bg strong span em.em02 {color:#58ffb6; font-weight:bold;} .sub070502 .con02 {position:relative;; padding-bottom:85px; } .sub070502 .con02:after {display:block; position:absolute;left:50%; bottom:0;margin-left:-75px; width:150px; height:52px; background:url(/images/kor/sub09/sub090402_img02.png)no-repeat; content:""; } .sub070502 .con02 .inner {position:relative; width:630px; margin:0 auto;padding:30px 0; border:1px solid #061c69; border-radius:60px; text-align:center;} .sub070502 .con02 .inner .tit {position:absolute;top:-15px;left:50%;margin-left:-57.5px;width:115px;background: #fff;font-size:16px;font-weight:bold;} .sub070502 .con02 .inner .txt1 {font-size:16px; color:#061c69; line-height:1.4;} .sub070502 .con02 .inner .txt1 span {display:inline-block;} .sub070502 .con02 .inner .txt2 {font-size:23px; color:#424242; font-weight:bold; line-height:1.5;} .sub070502 .con03 {width:85%;margin:0 auto;} .sub070502 .con03 .tit {margin-bottom:25px;font-size:18px; font-weight:bold; color:#22488f;font-family:nsr;} .sub070502 .con03 .tit:after{content:"";display:block;clear:both;visibility:hidden;} .sub070502 .con03 .tit span{float:right;width:44%;padding:8px;background:#272f3b;color:#fff;text-align:center;} .sub070502 .con03 .tit span:first-child{float:left;background:#09257b} .sub070502 .con03 .inner {} .sub070502 .con03 .inner:after{content:"";display:block;clear:both;visibility:hidden;} .sub070502 .con03 .inner .col_b {position:relative;margin:0 0.5% 10px;width:100%; /*padding:40px 25px 10px;float:left; width:24%; min-height:580px; */} .sub070502 .con03 .inner .col_b:after{content:"";display:block;clear:both;visibility:hidden;} .sub070502 .con03 .inner .col_b .tit {float:left;width:44%;padding:44px 40px;margin:0;text-align:center; font-size:16px; font-weight:bold; color:#000;border:1px solid #061c69;} .sub070502 .con03 .inner .col_b .tit b{display:block;margin-bottom:10px;color:#09257b;} .sub070502 .con03 .inner .col_b .img_b {display:none;width:159px; height:159px; margin:0 auto;} .sub070502 .con03 .inner .col_b .img_b.img_b01 {background:url(/images/kor/sub09/sub090402_img03.jpg)no-repeat;} .sub070502 .con03 .inner .col_b .img_b.img_b02 {background:url(/images/kor/sub09/sub090402_img04.jpg)no-repeat;} .sub070502 .con03 .inner .col_b .img_b.img_b03 {background:url(/images/kor/sub09/sub090402_img05.jpg)no-repeat;} .sub070502 .con03 .inner .col_b .img_b.img_b04 {background:url(/images/kor/sub09/sub090402_img06.jpg)no-repeat;} .sub070502 .con03 .inner .col_b .icon {position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-23px;width:47px; height:43px;background:url(/images/kor/sub09/sub090402_img08.png)no-repeat; } .sub070502 .con03 .inner .col_b .txt1{float:right;width:44%;padding: 30px 40px;background:#f5f5f5;} .sub070502 .con03 .inner .col_b .txt1 b{font-size:15px; color:#19264f; font-weight:bold;} .sub070502 .con03 .inner .col_b ul {margin-top:10px;} .sub070502 .con03 .inner .col_b ul li {position:relative;margin-bottom:5px; padding-left:25px; font-size:15px;} .sub070502 .con03 .inner .col_b ul li span {position:absolute; left:0; top:4px;width:16px; height:16px; background:#09257b; color:#fff; text-align:center; line-height:16px; border-radius:50%; font-size:13px;} .sub070502 .con03 .inner .col_b.c2 .tit, .sub070502 .con03 .inner .col_b.c4 .tit{padding:73px 40px;} @media(max-width:950px){ .sub070502 .con03 .tit span, .sub070502 .con03 .tit span:first-child{float:none;width:auto;background:none;text-align:left;color:#22488f;} .sub070502 .con03 {width:100%;} .sub070502 .con03 .inner .col_b {float:left;min-height:466px; margin:0 0.5% 10px; padding:40px 25px 10px;background:#f5f5f5;} .sub070502 .con03 .inner .col_b {width:49%; } .sub070502 .con03 .inner .col_b .tit, .sub070502 .con03 .inner .col_b .txt1 {float:none;width:100%;padding:0;border:0;} .sub070502 .con03 .inner .col_b .icon {position:static;margin:15px auto 25px;width:43px; height:47px;background:url(/images/kor/sub09/sub090402_img07.png)no-repeat;} .sub070502 .con03 .inner .col_b.c2 .tit, .sub070502 .con03 .inner .col_b.c4 .tit{padding:0} } @media(max-width:767px){ .sub070502 .con02 .inner {width:100%;} .sub070502 .con03 .inner .col_b {min-height:572px;} } @media(max-width:570px){ .sub070502 .con01 .con_bg {width:100%; height:218px; background-size:280px; height:218px;} .sub070502 .con01 .con_bg .txt {padding: 10px 0 7px;font-size:14px;margin-bottom: 10px;} .sub070502 .con01 .con_bg strong {font-size:14.5px;} .sub070502 .con02 .inner {border-radius:0;} .sub070502 .con03 .inner .col_b {width:100%;min-height: auto;margin:0 0 10px;padding: 40px 25px;} } /* sub070502 비전및발전계획 끝 */ /* sub070503 대학혁신 */ .sub070503{text-align:center;} .sub070503 h2{position:relative;padding:30px 0 0;font-size:20px;} .sub070503 h2:after{content:"";display:block;position:absolute;left:50%;top:0;width:34px;height:5px;margin-left:-17px;background:url(/images/kor/common/coll_tb_tit_after.png)no-repeat} .sub070503 h2 span{display:block;font-size:31px;font-weight:bold;} .sub070503 .line{position:relative;height:25px;margin:25px 0 ;border:4px solid #ccc;border-bottom:0;} .sub070503 .line:after{content:"";display:block;position:absolute;left:50%;top:-30px;width:4px;height:30px;margin-right:-2px;background:#ccc;} .sub070503 .conwrap{position:relative;width:900px;margin:0 auto;background:url(/images/kor/sub09/bg_sub090406.png) no-repeat 50% 10px;} .sub070503 .conwrap:after{content:"";display:block;clear:both;} .sub070503 .arr:before{content:"";position:absolute;left:50%;width:149px;height:52px;margin-left:-74px;background:url(/images/kor/sub09/ir_sub090406.png) no-repeat 0 -60px;z-index:1} .sub070503 .conwrap.arr:before{bottom:380px;} .sub070503 .conwrap .con.arr:before{display:none} .sub070503 .bott:before{top:-80px;} .sub070503 .conwrap .con{position:relative;float:left;width:25%;padding:1%;} .sub070503 .conwrap .con h3{width:180px;height:180px;margin:0 auto;border:5px solid #333;border-radius:50%;line-height:0;background:#fff;} .sub070503 .conwrap .con h3 b{padding:30px 0 10px;font-size:65px;font-weight:bold;line-height:1} .sub070503 .conwrap .con h3 b, .sub070503 .conwrap .con h3 span{display:block;} .sub070503 .conwrap .con p{padding:0 0 20px;font-size:17px;color:#333;} .sub070503 .conwrap .con p b{display:block;font-weight:bold;} .sub070503 .conwrap .con h4 {padding:17px;font-size:18px;color:#fff;background:#004162;} .sub070503 .conwrap .con ul{padding:10px 10px;min-height:280px;background:#f5f5f5;text-align:left;font-size:14px;} .sub070503 .conwrap .con .conbott{position:relative;top: -90px;width:180px;height:180px;margin:0 auto;padding:60px 0 0;background:#333;color:#fff;border-radius:50%;line-height:1} .sub070503 .conwrap .con .conbott span{display:block;} .sub070503 .conwrap .con .conbott:after{content:"";position:absolute;left:50%;bottom:-10px;width:60px;height:60px;margin-left:-30px;background:url(/images/kor/sub09/ir_sub090406.png);} .sub070503 .conwrap .con.c1 h3{border-color:#004162;} .sub070503 .conwrap .con.c1 h4, .sub070503 .conwrap .con.c1 .conbott{background:#004162;} .sub070503 .conwrap .con.c2 h3{border-color:#116ba5;} .sub070503 .conwrap .con.c2 h4, .sub070503 .conwrap .con.c2 .conbott{background:#116ba5;} .sub070503 .conwrap .con.c2 .conbott:after{background-position:-60px 0;} .sub070503 .conwrap .con.c3 h3{border-color:#1a7d8e;} .sub070503 .conwrap .con.c3 h4, .sub070503 .conwrap .con.c3 .conbott{background:#1a7d8e;} .sub070503 .conwrap .con.c3 .conbott:after{background-position:-120px 0;} .sub070503 .conwrap .con.c4 h3{border-color:#37b446;} .sub070503 .conwrap .con.c4 h4, .sub070503 .conwrap .con.c4 .conbott{background:#37b446;color:#333;} .sub070503 .conwrap .con.c4 .conbott:after{background-position:-180px 0;} .sub070503 .bott {position:relative;display:inline-block;padding:30px 90px;border:1px solid #061c69;border-radius:60px;color:#061c69;font-size:20px;line-height:1} .sub070503 .bott span{display:block;font-weight:bold;line-height:1} @media (max-width:1000px) { .sub070503 .conwrap{width:100%;background:none} .sub070503 .conwrap .con h4 {padding:17px 0;font-size:17px;} } @media (max-width:800px) { .sub070503 .conwrap .con{width:50%;} .sub070503 .conwrap.arr:before{display:none;} .sub070503 .conwrap .con.arr:before{display:block;width:75px;height:28px;margin-left:-37px;background-position:0 -120px;bottom:300px;} .sub070503 .bott{padding:20px 40px;} } @media (max-width:460px) { .sub070503 h2 em{display:block;} .sub070503 h2 span{font-size:26px} .sub070503 .conwrap .con{float:none;width:100%;} .sub070503 .conwrap .con ul{min-height:auto;padding:10px 10px 160px;} } /* sub070501 이념 */ .sub070501{position: relative;} .sub070501 .con_top {display: table;position: relative;margin:0 0 80px; width:100%; height:230px;} .sub070501 .con_top:before{content:'';position:absolute;top: 0;left:50%;margin-left:-160px;width: 283px;height: 283px;border: 20px solid #0d6bbd;border-radius: 50%;} .sub070501 .con_top:after{content:'';position:absolute;top: 238px;left: 50%;margin-left:-7px;width: 15px;height: 118px;background:url(/images/kor/sub09/sub090401_topbg.png)no-repeat;} .sub070501 .con_top .inner {display: table-cell; vertical-align: bottom;} .sub070501 .con_top .inner .txt1 {margin:0; font-size:24px; font-weight:bold; text-align:center; color:#000;} .sub070501 .con_top .inner .txt2 {margin:0; font-size:20px; font-weight:bold; text-align:center; color:#000;} .sub070501 .con_top .inner .icon {display:block;width:34px; height:5px; margin:10px auto 20px; background:url(/images/kor/common/coll_tb_tit_after.png)no-repeat;} .sub070501 .con_wrap{margin-top: 100px;text-align: center;} .sub070501 .con_wrap .con.con01{margin-top: 125px;display:block;} .sub070501 .con_wrap .con.con01 .sub_top{text-align: center;} .sub070501 .con_wrap .con.con01 .sub_top .inner strong{font-size: 22px;font-weight: 700;} .sub070501 .con_wrap .con.con01 .sub_bottom {margin-top: 30px;} .sub070501 .con_wrap .con.con01 .sub_bottom .inner {position:relative; } .sub070501 .con_wrap .con.con01 .sub_bottom img{ width:595px; height:216px;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt {position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-297.5px;width:595px; height:216px;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt:after{content:"";display:block;clear:both;visibility:hidden;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li{float:left; width:33.3%; text-align:center; font-size: 20px;font-weight: 700;color: #fff;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li:nth-child(1){ text-indent:20px} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li:nth-child(3){text-indent:-10px} .sub070501 .con_wrap .con.con02 .sub_top{margin-top: 150px;} .sub070501 .con_wrap .con.con02 .sub_top .inner strong{position:relative;font-size: 22px;font-weight: 700;} .sub070501 .con_wrap .con.con02 .sub_top .inner strong:before{content:'';position:absolute;top: -22px;left: 50%;margin-left:-7px;width: 15px;height: 15px;background:url(/images/kor/sub09/sub090401_img05.png)no-repeat;} .sub070501 .con_wrap .con.con02 .sub_bottom{margin-top: 30px;} .sub070501 .con_wrap .con.con02 .sub_bottom img{text-align: center;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt{position: relative;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li{position: absolute;width:100%;height:100%;font-size: 16px;font-weight: 700;color: #292a2c;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(1){top:-80px;left:-270px;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(2){top:15px;left:0;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(3){top:-80px;left:270px;} .sub070501 .con_wrap .con.con03{margin-top: 150px;} .sub070501 .con_wrap .con.con03 .sub_top{position: relative;margin-bottom:100px;} .sub070501 .con_wrap .con.con03 .sub_top img{text-align: center;} .sub070501 .con_wrap .con.con03 .sub_top strong{position: absolute;top:285px;left:0;width:100%;height:100%;font-size: 24px;font-weight: 700;color: #000;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt{position: relative;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li{position: absolute;width:100%;height:100%;font-size: 16px;font-weight: 400;color: #000; line-height: 20px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(1){top:-462px;left:-206px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(2){top:-462px;left:200px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(3){top:-185px;left:-280px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(4){top:-185px;left:260px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(5){top:10px;left:5px;} .sub070501 .con_wrap .con.con03 .sub_bottom{margin-top: 30px;} .sub070501 .con_wrap .con.con03 .sub_bottom .list{display: table} .sub070501 .con_wrap .con.con03 .sub_bottom .list li{float: left;width: 31%;border: 1px solid #ddd;border-radius: 10px;padding: 25px 8px;min-height: 187px;font-size: 15px;word-break: keep-all;vertical-align: middle;} .sub070501 .con_wrap .con.con03 .sub_bottom .list li + li{margin-left: 25px;} .sub070501 .con_wrap .con.con03 .sub_bottom .list:after{content:"";display:block;clear:both;visibility:hidden;} @media only screen and (max-width:1279px){ .sub070501 .con_wrap .con.con03 .sub_bottom .list li{min-height: 160px;} } @media only screen and (max-width:1087px){ .sub070501 .con_wrap .con.con03 .sub_bottom .list li{min-height: 214px;} } @media only screen and (max-width:800px){ .sub070501 .con_wrap .con.con03 .sub_bottom .list li{float: none;width: 100%;min-height: auto;} .sub070501 .con_wrap .con.con03 .sub_bottom .list li + li{margin-top: 15px;margin-left: 0px;} } @media only screen and (max-width:767px){ .sub070501 .con_wrap .con.con01 .sub_bottom img{display:none;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt{position:static;width: 100%;height:auto;margin:0;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li{width:33.3%; height:100%;padding: 10px 20px; border: 1px solid #ddd;font-size:16px;font-weight: 400;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li:nth-child(1){background: #64513b; text-indent:0;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li:nth-child(2){background: #0c64b2;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li:nth-child(3){background: #3a8600; text-indent:0;} .sub070501 .con_wrap .con.con02 .sub_top{margin-top: 110px;} .sub070501 .con_wrap .con.con02 .sub_bottom img{width: 70%;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li{font-size: 14px;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(1){top:-50px;left:-180px;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(2){top:15px;left:0;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(3){top:-50px;left:180px;} .sub070501 .con_wrap .con.con03 .sub_top img{width: 70%;} .sub070501 .con_wrap .con.con03 .sub_top strong{top:210px;font-size: 20px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li{font-size: 14px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(1){top:-345px;left:-170px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(2){top:-345px;left:150px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(3){top:-115px;left:-195px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(4){top:-115px;left:195px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(5){top:10px;left:5px;} } @media only screen and (max-width:710px){ /* .sub070501 .con_wrap .con.con03 .sub_top img{width: 50%;} .sub070501 .con_wrap .con.con03 .sub_top strong{top:141px;font-size: 13px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(1){top:-215px;left:-150px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(2){top:-215px;left:150px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(3){top:-70px;left:-160px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(4){top:-70px;left:160px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(5){top:10px;left:5px;} */ .sub070501 .con_wrap .con.con03{margin-top: 10px;} .sub070501 .con_wrap .con.con03 .sub_top{position: unset;margin: 110px 0 0 0;} .sub070501 .con_wrap .con.con03 .sub_top img{display:none;} .sub070501 .con_wrap .con.con03 .sub_top strong{position: unset;font-size: 16px;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt{position:unset;text-align: center;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt:after{content:"";display:block;clear:both;visibility:hidden;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li{position:unset;float:left;width:32.66%;height:200px;padding: 10px 20px; border: 1px solid #ddd;color:#fff;word-break: keep-all;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(1){background: #004162;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(2){margin-left: 1%;background: #1a7d8e;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(3){margin-left: 1%;background: #116ba5;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(4){margin-top: 1%;background: #1a7d8e;} .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(5){margin-left: 1%;margin-top: 1%;background: #004162;} } @media only screen and (max-width:650px){ .sub070501 .con_wrap .con.con02 .sub_bottom img{width: 50%;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(1){top:-50px;left:-180px;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(2){top:15px;left:0;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(3){top:-50px;left:180px;} } @media only screen and (max-width:600px){ .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li{float:none; width:100%;} .sub070501 .con_wrap .con.con02 .sub_bottom img{display:none;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt{position:unset;text-align: center;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li{position:unset;float:left;width:32.66%;height:170px;padding: 10px 20px; border: 1px solid #ddd;font-size:14px;font-weight: 400;color:#fff;word-break: keep-all;background: #068406;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(1){padding: 10px 16px;} .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(2), .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(3){margin-left: 1%;} } @media only screen and (max-width:435px){ .sub070501 .con_top {height:250px;} .sub070501 .con_top:before{top: 0;left: 50%;margin-left: -135px;width: 250px;height: 250px;border: 10px solid #0d6bbd;border-radius: 50%;} .sub070501 .con_top:after{top:220px;} .sub070501 .con_top .inner {vertical-align: middle;} .sub070501 .con_top .inner .txt1{font-size:20px;} .sub070501 .con_top .inner .txt2{font-size:16px; line-height:1.4} .sub070501 .con_wrap .con.con01{margin-top:0px;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li{font-size: 16px;font-weight: 400;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li, .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li, .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li{float:none;width: 100%;height:100%;} .sub070501 .con_wrap .con.con02 .sub_top{margin-top: 50px;} .sub070501 .con_wrap .con.con03 .sub_top{margin: 0;} .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li:nth-child(2), .sub070501 .con_wrap .con.con01 .sub_bottom .sub_txt li:nth-child(3), .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(2), .sub070501 .con_wrap .con.con02 .sub_bottom .sub_txt li:nth-child(3), .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(2), .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(3), .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(4), .sub070501 .con_wrap .con.con03 .sub_top .sub_txt li:nth-child(5){margin-left: 0;margin-top: 1%;} } /* sub070501 이념 끝 */ /* sub070102 총장프로필 시작 */ .sub070102 {} .sub070102 .tit {margin:0 0 30px; font-weight:bold; font-size:24px; color:#000;font-family:nsr;} .sub070102 .tit span {color:#0063d4;} .sub070102 .inner {position: relative;} .sub070102 .inner .con_top {position: absolute; right:0; top:-40px; width:345px; } .sub070102 .inner .con_top .con_top_in {position:relative;height: 100%;background:#0c1b3c url(/images/kor/sub09/s090102_img03.png)no-repeat right bottom;} /* 총장직대체재 임시 */ .sub070102 .inner .con_top .con_top_in .img_b {width:304px; height:390px; background:url(/images/kor/sub09/s090102_img01.png)no-repeat;} /*.sub070102 .inner .con_top .con_top_in .img_b {width:304px; height:390px; background:url(/images/kor/sub09/s091202_img01.png)no-repeat;}*/ .sub070102 .inner .con_top .con_top_in .info {padding:30px 0 20px 50px; background:url(/images/kor/sub09/s090102_img02.png)no-repeat 40px 35px;} .sub070102 .inner .con_top .con_top_in .info .sp01 {display:block; font-size:13px; color:#236bcc;} .sub070102 .inner .con_top .con_top_in .info .sp02 {display:block;font-size:14px;color:#fff;font-weight: bold;} .sub070102 .inner .con_top .con_top_in .nm {padding-left:35px; padding-bottom:30px;font-size:26px ;color:#fff;} .sub070102 .inner .con_bot { padding:65px 50px;background:#f7f7f7;} .sub070102 .inner .con_bot li {padding-left:15px; font-size:15px; color:#000; margin:7px 0;} .sub070102 .inner .con_bot li:before {background:#0c1b3c;} .sub070102 .mr_300{margin-right:300px;} .sub070102.sub0702 .inner .con_top .con_top_in .img_b {background:url(/images/kor/sub09/s091202_img01.png) center top no-repeat;} .sub070102.sub0703 .inner .con_top .con_top_in .img_b {background:url(/images/kor/sub09/s091204_img01.png) center top no-repeat;} @media(max-width:850px){ .sub070102 .inner .con_top {position:static; width:100%;} .sub070102 .inner .con_top .con_top_in {padding:30px 20px 30px 220px; min-height:320px;} .sub070102 .inner .con_top .con_top_in .img_b {position:absolute; top:30px; left:20px; width:200px; height:257px; background-size:200px 257px;} .sub070102 .mr_300 {margin-right:0;} } @media(max-width:520px){ .sub070102 .inner .con_top .con_top_in {padding:280px 20px 30px; } .sub070102 .inner .con_top .con_top_in .img_b {left:50%; margin-left:-100px;} .sub070102 .inner .con_top .con_top_in .info {padding: 20px 0 10px 20px;background-position: 5px 25px;} .sub070102 .inner .con_top .con_top_in .nm {padding-left:20px;margin-bottom: 0;} .sub070102 .inner .con_bot { padding:35px 20px; } } /* sub070102 총장프로필 끝 */ /* sub070504 발전단계별 시작 */ .sub070504 {} .sub070504:after{content:"";display:block;clear:both;visibility:hidden;} .sub070504 .con {position:relative; float:left; width:33.33%;} .sub070504 .con:after {display:block; position:absolute; right:-20px; width:46px; height:33px; background:url(/images/kor/sub09/sub090403_img03.png)no-repeat;content:"";} .sub070504 .con.con01 {padding-top:110px;} .sub070504 .con.con02 {padding-top:60px;} .sub070504 .con.con01:after {top:150px;} .sub070504 .con.con02:after {top:90px;} .sub070504 .con.con03:after {display:none;} .sub070504 .con .tit {position:relative; width:161px; height:161px; margin:0 auto 30px; padding-top:35px; background:url(/images/kor/sub09/sub090403_img01.png)no-repeat; text-align:center;z-index:10; font-size:20px; line-height:1.2; font-weight:bold;font-family:nsr;} .sub070504 .con .tit span {display:block; margin-bottom:5px;font-size:16px; font-weight:bold;} .sub070504 .con.con01 .tit {background:url(/images/kor/sub09/sub090403_img02.png)no-repeat; color:#fff;} .sub070504 .con .txt {position:relative;min-height:70px;margin:0 0 55px;padding-top: 4px;color:#000;font-size:15px;font-weight:bold;text-align:center;z-index:2;} .sub070504 .con.con02 .txt {padding-top: 0; color:#fff;} .sub070504 .con .txt:after {display:block; position:absolute; left:0; top:0; content:"";} .sub070504 .con.con01 .txt:after {left:10px;height:56px; width:305px; background:url(/images/kor/sub09/sub090403_img05.png)no-repeat;z-index:-1;} .sub070504 .con.con02 .txt:after {top:-60px; height:149px; width:307px; background:url(/images/kor/sub09/sub090403_img08.png)no-repeat;z-index:-2;} .sub070504 .con.con03 .txt:after {left:-15px;height:56px; width:289px; background:url(/images/kor/sub09/sub090403_img07.png)no-repeat;z-index:-1;} .sub070504 .con .list_wrap { padding:0 20px;} .sub070504 .con .list_wrap .inner {position:relative;padding: 30px 30px;border:1px solid #ccc;} .sub070504 .con .list_wrap .inner:after {display:block; position:absolute; top:-63px; left:50%; width:15px; height:77px; margin-left:-7.5px;background:url(/images/kor/sub09/sub090403_img04.png)no-repeat; content:"";z-index:10;} .sub070504 .con.con01 .list_wrap .inner:after {background-position:0 0;} .sub070504 .con.con02 .list_wrap .inner:after {top:-70px; background-position:-15px 0;} .sub070504 .con.con03 .list_wrap .inner:after {background-position:-30px 0;} .sub070504 .con .list_wrap strong {display: block; margin-bottom:20px; font-size:15px; font-weight:bold; color:#000; text-align: center;} .sub070504 .con .list_wrap strong span {display: block;} .sub070504 .con .list_wrap ul li {font-size:15px; line-height:1.5;} @media(max-width:1279px){ .sub070504 .con.con02 .txt {padding-top:15px;} .sub070504 .con.con01 .txt {width:90%; margin:0 auto 55px; background:#bbbcc4;} .sub070504 .con.con02 .txt {width:90%; margin:0 auto 55px; background:#515a72;} .sub070504 .con.con03 .txt {width:90%; margin:0 auto 55px; background:#1acd5d;} .sub070504 .con.con01 .txt:after, .sub070504 .con.con02 .txt:after, .sub070504 .con.con03 .txt:after {display:none;} .sub070504 .con.con02 .list_wrap .inner:after {top:-63px; } } @media(max-width:980px){ .sub070504 .con .list_wrap {padding:0 10px;} .sub070504 .con .list_wrap .inner {padding:30px 10px;} } @media(max-width:800px){ .sub070504 .con {float:none; width:100%;} .sub070504 .con.con01 {padding-top:0;} .sub070504 .con.con02 {padding-top:0;margin-top:50px;} .sub070504 .con.con03 {margin-top:50px;} .sub070504 .con.con01:after, .sub070504 .con.con02:after {display:none;} .sub070504 .con .txt {min-height:auto; padding: 10px;} } /* sub070504 발전단계별 끝 */ /* sub070803 오시는길 시작 */ .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;} } /* sub070803 오시는길 끝 */ /* sub090502 캐릭터 */ .character{margin:30px -0.5% 0;vertical-align: middle;} .character:after{content:"";display:block;clear:both;visibility:hidden;} .character li{position:relative;float:left;overflow:hidden;width:32.33%;height: 300px;padding:10px;margin:0 0.5% 10px;border:1px solid #ccc;text-align: center;box-sizing: border-box;} .character li a{display:block;position:relative;height:100%} .character li img { position:absolute; left:50%; top:50%;width:100%; max-width:291px;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} @media (max-width:767px){ .character li{float:left;width:49%;margin-top: 5px;} } @media (max-width:545px){ .character li{float:none;width:99%;} } /* sub090502 캐릭터 End*/ /* sub0905 */ .s0905_imgbox{width: 100%; text-align: center;margin-top: 30px;} /* 학과소개 추가 css */ .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.bot{margin-bottom:0;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.sub1106 li:last-child:after{display: none;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link {display: none;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 {display: inline-block;margin:0 0 20px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2:after{content:"";display:block;clear:both;visibility:hidden;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li {position:relative; float:left; font-size:15px; color:#000;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li a {color:#000;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:first-child:after, .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:nth-child(2):after, .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:nth-child(3):after, .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:nth-child(4):after {display:block; position:absolute; right:-20px; top:5px;width:1px; height:20px; background:#333; content:"";} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.line li:last-child:after {display:none;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:last-child:after {display:none;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:first-child, .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:nth-child(2), .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:nth-child(3), .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:nth-child(4) {margin-right:40px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:last-child {margin-right:0;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li span {display:inline-block; width:27px; height:27px;margin-right:5px; background:url(/images/kor/sub01/coll_list_icon.png)no-repeat; vertical-align:middle;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li span.s01_phone { background-position:-1px -2px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li span.s01_home {background-position:-30px -2px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li span.s01_professor {background-position:-86px -2px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.type2 li:first-child:after {display:none;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.type2 li:first-child {margin-left:50px; margin-right: 0px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.type2 li + li:after{display:block; position:absolute; left:-25px; top:5px;width:1px; height:20px; background:#333; content:"";} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.type2 li + li{margin-left:50px;} @media(max-width:1279px){ .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.bot{margin-bottom:20px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.bot.bot_1{margin-bottom:0;} } @media(max-width:1255px){ .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.bot{margin-bottom:0;} } @media(max-width:825px){ .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.line.lin_1{display:block;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.bot li:nth-child(3){margin-bottom:-5px;} } @media(max-width:590px){ .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li {float:none; margin-bottom:5px; margin-right:0 !important;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.bot li:nth-child(3){margin-bottom:5px;} .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:first-child:after, .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:nth-child(2):after, .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:nth-child(3):after, .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2 li:nth-child(4):after, .college_accordion > ul > li.on .acc_cont .acc_tit .acc_link2.type2 li + li:after{display:none;} } /* 학생역량관리 0400 시작 */ .link_e{ position: relative; width:100%; border: 1px solid #ccc;} .link_e .inner{min-height:365px; padding:105px 295px 0 245px; background:url(../../images/kor/sub04/s0400_img01re.png) no-repeat 25px center;vertical-align:middle; } .link_e .inner strong{display: block; font-size:30px;color:#333;font-weight:bold;} .link_e .inner p {margin:5px 0;} .link_e .inner .btn {margin-top:15px;} .link_e .sub_box{position:absolute;right:0;top:0;width: 290px; height:100%; padding:35px 30px; background-color: #f4f5f7;} .link_e .sub_box .txtwrap strong{display:block; margin-bottom:10px; font-size:16px;color:#333;font-weight:700;} .link_e .sub_box .txtwrap p {margin:0; font-size:15px; line-height:1.4;} .link_e .sub_box .txtwrap p span {display: block;line-height:1.4;} .link_e .sub_box a{display:block; margin:30px 0 20px; padding-top:80px;background:url(../../images/kor/sub04/s0400_img02re.png) no-repeat center top;text-align:center;color:#000;font-size: 16px;font-weight:700;} .link_e .sub_box a .s0400_play{display:inline-block;width:26px;height:26px;margin: -2px 0 0 10px;background:url(../../images/kor/sub04/sub0400_img03.png) no-repeat;vertical-align:middle;} @media(max-width:965px) { .link_e .inner { padding:105px 295px 0 40px; background:none;} } @media(max-width:767px) { .link_e .inner { min-height:auto; padding:30px 20px;} .link_e .inner strong {margin-bottom:20px; font-size:25px; line-height:1.4;} .link_e .inner strong span {display:inline-block;} .link_e .sub_box{position:static; width:100%;} } /* 학생역량관리 0400 끝 */ /* 다운로드 버튼 시작 */ #txt .btndown.btn-ani{padding:10px 72px 10px 14px;font-size:14px;font-weight:400;line-height:1.42857143;} #txt .btndown.btn {background-color:#3f61b2;border-color:#3f61b2;color:#fff;} #txt .btndown.btn:hover, #txt .btndown.btn:focus, #txt .btndown.btn:active{background-color:#fff;border-color:#3f61b2;color: #3f61b2;} #txt .bico.bticon.down{position: absolute;top: 32%;right: 0;width: 15px;height: 15px; margin-right:16px;background: url(../../images/kor/common/down_img.png);background-position:0px 0px;} #txt .btn-ani:hover .bico.bticon.down, #txt .btn-ani:focus .bico.bticon.down, #txt .btn-ani:active .bico.bticon.down{background-position:-15px 0px;} /* 다운로드 버튼 끝 */ /* 장애인인색개선 */ .vod_wrap {} .vod_wrap .vod_box {width:100%;padding: 35px 65px;background:#d5d5d5;text-align: center;background: url(../../images/kor/sub10/vod_bg.png)no-repeat;background-size: cover;} .vod_wrap .vod_box .vod_view{position:relative; width:618px;height:348px;background:#333;display: inline-block;} .vod_wrap .vod_box .vod_view:after{background: url(../../images/kor/sub10/vod_icon.png);} .vod_wrap .vod_box .vod_view iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0;} .vod_wrap .subtit {padding: 35px 65px; border: 1px solid #273d8b; } .vod_wrap .subtit span{float: left;margin-top: 10px;width: 15%;background: url(../../images/kor/sub10/vod_icon1.png)no-repeat left top;height: 57px;} .vod_wrap .subtit .subtit_txt{ float: right; padding: 10px; width: 83%; } .vod_wrap .subtit .subtit_txt strong {margin: 10px 0;font-size: 15px; font-weight:300; color: #052e7b;} .vod_wrap .subtit .subtit_txt .txtwrap { width: 100%; height: 150px; overflow-y: scroll; } .vod_wrap .subtit .subtit_txt pre { width: 100%; white-space: pre-line; word-wrap: break-word; word-break: keep-all; font-family:'nsk','sans-serif'; } .vod_wrap .subtit:after { content: ""; display: block; clear: both; visibility: hidden; } @media only screen and (max-width: 925px){ .vod_wrap .vod_box .vod_view{width:100%;height:auto;padding-bottom:57.44%;} } @media only screen and (max-width: 767px){ .vod_wrap .vod_box{ padding:20px;} .vod_wrap .subtit span{float: none;display: none;} .vod_wrap .subtit .subtit_txt{float: none; width: 100%;} .vod_wrap .subtit strong{ padding-bottom:0; background-image:none;} .vod_wrap .subtit{ padding:20px;} .vod_wrap .subtit .subtit_txt { padding: 0; } } #organization_tab_menu:after{content:"";display:block;clear:both;visibility:hidden;} #organization_tab_menu li {float:left; width:33.3%; height:55px; } #organization_tab_menu li a {display:block; position:relative; width:100%; height:100%; padding-left:15px; border:1px solid #d5d5d5;line-height:55px; font-size:15px; color:#535353;} #organization_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:"";} #organization_tab_menu li.active a:after {background-position:-9px 0;} #organization_tab_menu li.active a {border:1px solid #052e7b; color:#052e7b;} #organization_tab_content .con {display:none;padding-top:40px;} #organization_tab_content .con.active { display:block; } @media(max-width:580px){ #organization_tab_menu li {float:none; width:100%; } #organization_tab_menu li a {border-right:1px solid #d5d5d5; border-bottom:none;} #organization_tab_menu li:last-child a{border-bottom:1px solid #d5d5d5;} #organization_tab_menu li.active:last-child a{border-bottom:1px solid #052e7b;} } /* sub090602 행정부서 기관 End */ .s10140201 img{text-align: center;} /* sub1017 마이포털 */ #mypotal_iframe{margin:0 0 50px;} #mypotal_iframe iframe{display:inline-block;width:100%;border:1px solid #d9d9d9;} #mypotal_iframe .btnwrap2{display:none;} @media only screen and (max-width:1279px){ #mypotal_iframe iframe{display:none;} #mypotal_iframe .btnwrap2{display:block;} } @media only screen and (max-width:560px){ .s0911 .ui.uilnk .box_col .col .item {min-height: 0;} } /* sub1017 마이포털 끝 */ /* 상지 sns */ .snslink a { position: relative;display: inline-block;margin: 15px 25px;outline: none;text-decoration: none;text-transform: uppercase;text-shadow: 0 0 1px rgba(255,255,255,0.3);} .snslink{width:100%;} .snslink:after{content:"";display:block;visibility:hidden;clear:both;} .snslink a {position:relative;overflow: hidden;margin: 0 0.5%; width:24%;float:left;} .snslink a .ico{position:absolute;left:20px;top:20px;width:47px;height:47px;border-radius:50%;background:url(/images/kor/sub08/ir_sns.png);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:144px;margin-left:-72px;padding:10px 5px;text-align:center;border:1px solid #ccc;z-index:10; font-size:13px;} .snslink a.video .ico{background-position:0 0;} .snslink a.instagram .ico{background-position:-50px 0;} .snslink a.facebook .ico{background-position:-100px 0;} .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;left: calc(50% - 45px); margin-left: 0; width: 90px; word-break: break-word; line-height: 20px;} } /* 학생지원기관 고시원 */ .sub06_04_17 .ui_topbox02 .inner .img_b{background-image:url(/images/kor/sub06/s060417_top.jpg)} /* //학생지원기관 고시원 */ .sub09_06_02_11 .s_090602 .top .tit strong{width:30%;} /* 새창 바로가기 메뉴 */ .new_link{position:relative;border:1px solid #ccc;padding:80px 30px 80px 50%;background:#f4f5f7;} .new_link:after{content:"";display:block;position:absolute;left:0;top:0;width:42%;height:100%;background:#fff;z-index:0;} .new_link .ico{position:absolute;left:65px;top:50%;margin-top:-123px;z-index:1;width:252px;height:255px;background:url(/images/onestop/new_link_ico.png) no-repeat;} .new_link strong{display:block;font-size:24px;font-weight:700;line-height:1.3;} .new_link p{margin-bottom:30px;} .new_link .btn{padding-right:14px;font-size:15px;border:1px solid #ddd;background:#fff;} .new_link .btn .new_link_ico{display:inline-block;width:33px;height:33px;background:url(/images/onestop/new_link_ico2.png) no-repeat;vertical-align:middle;margin-left:20px;} @media only screen and (max-width: 920px){ .new_link{padding:350px 0 30px;text-align: center;} .new_link:after{width:100%;height:320px;} .new_link .ico{top:40px;left:50%;margin-left:-125px;margin-top:0;} } @media only screen and (max-width:640px){ .new_link{padding-top:270px;} .new_link:after{height:230px;} .new_link p{padding:0 20px;} .new_link .ico{top:40px;margin-left:-80px;margin-top:0;width:161px;height:165px;background:url(/images/onestop/new_link_ico_s.png) no-repeat;} } /* 캠퍼스 맵 2019-10-07 */ #campus_map_list{position:relative; font-size:14px;} #campus_map_list:before{ opacity:0; content:""; display:block; position:absolute; left:0; top:0; z-index:200; width:0; height:0; background-color:rgba(0,0,0,0.5); transition:opacity 0.3s ease; -webkit-transition:opacity 0.3s ease; } #campus_map_list .maps{position:relative; z-index:100; width:calc(100% - 250px); position:relative;} #campus_map_list .maps>img{display:block; width:100%;} #campus_map_list .marker{position:absolute; left:0; top:0; width:100%; height:100%;} #campus_map_list .marker>a{display:block; position:absolute; width:2em; height:3.43em; margin-top:-2.5em; margin-left:-1em; background: url(/images/kor/sub09/marker.png) no-repeat center; background-size:auto 100%;} #campus_map_list .marker>a>span{ display:block; padding-top:0.1em; text-align:center; font-size:1em; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } /* 캠퍼스 맵 마커 */ #campus_map_list .marker>a[data-no="01"]{left:49.9%; top:17.9%;} #campus_map_list .marker>a[data-no="02"]{left:59.0%; top:17.0%;} #campus_map_list .marker>a[data-no="03"]{left:43.5%; top:11.1%;} #campus_map_list .marker>a[data-no="04"]{left:47.2%; top:7.1%;} #campus_map_list .marker>a[data-no="05"]{left:56.0%; top:12.1%;} #campus_map_list .marker>a[data-no="06"]{left:63.2%; top:10.4%;} #campus_map_list .marker>a[data-no="07"]{left:67.3%; top:13.0%;} #campus_map_list .marker>a[data-no="08"]{left:72.1%; top:14.8%;} #campus_map_list .marker>a[data-no="09"]{left:72.6%; top:22.0%;} #campus_map_list .marker>a[data-no="10"]{left:77.0%; top:23.0%;} #campus_map_list .marker>a[data-no="11"]{left:79.2%; top:29.3%;} #campus_map_list .marker>a[data-no="12"]{left:84.2%; top:35.4%;} #campus_map_list .marker>a[data-no="13"]{left:40.6%; top:17.9%;} #campus_map_list .marker>a[data-no="14"]{left:35.7%; top:20.2%;} #campus_map_list .marker>a[data-no="15"]{left:31.0%; top:18.3%;} #campus_map_list .marker>a[data-no="16"]{left:25.4%; top:20.6%;} #campus_map_list .marker>a[data-no="17"]{left:19.8%; top:22.2%;} #campus_map_list .marker>a[data-no="18"]{left:30.4%; top:27.5%;} #campus_map_list .marker>a[data-no="19"]{left:32.0%; top:37.5%;} #campus_map_list .marker>a[data-no="20"]{left:27.1%; top:43.2%;} #campus_map_list .marker>a[data-no="21"]{left:7.9%; top:42.3%;} #campus_map_list .marker>a[data-no="22"]{left:15.7%; top:49.9%;} #campus_map_list .marker>a[data-no="23"]{left:30.1%; top:52.3%;} #campus_map_list .marker>a[data-no="24"]{left:40.1%; top:57.8%;} #campus_map_list .marker>a[data-no="25"]{left:71.3%; top:51.5%;} #campus_map_list .marker>a[data-no="26"]{left:85.3%; top:53.5%;} #campus_map_list .marker>a[data-no="27"]{left:87.3%; top:43.5%;} #campus_map_list .marker>a[data-no="28"]{left:80.3%; top:42.5%;} #campus_map_list .marker>a[data-no="29"]{left:78.6%; top:36.5%;} #campus_map_list .marker>a[data-no="30"]{left:77%; top:34.5%;} #campus_map_list .marker>a[data-no="31"]{left:95%; top:40.5%;} #campus_map_list .marker>a[data-no="32"]{left:94%; top:47.5%;} #campus_map_list .marker>a[data-no="33"]{left:87%; top:38.5%;} #campus_map_list .marker>a[data-no="34"]{left:60.2%; top:88.5%;} #campus_map_list .marker>a[data-no="35"]{left:55%; top:31.5%;} #campus_map_list .marker>a[data-no="36"]{left:55%; top:41.5%;} #campus_map_list .marker>a[data-no="37"]{left:46%; top:41.5%;} #campus_map_list .marker>a[data-no="38"]{left:47.3%; top:57.5%;} #campus_map_list .marker>a[data-no="39"]{left:18.4%; top:61.0%;} #campus_map_list .marker>a[data-no="40"]{left:58%; top:78.5%;} #campus_map_list .lists{position:absolute; right:0; top:0; z-index:100; width:250px; height:100%; background-color:#f5f5f5;} #campus_map_list .lists .head{position:relative; width:100%; height:250px; padding:1.5em; background-color:#007adc;} #campus_map_list .lists .head .photos{display:block; width:100%; height:110px; background-repeat:no-repeat; background-position:center center; background-size:cover;} #campus_map_list .lists .head>strong{ display:block; position:relative; min-height:3em; line-height:1.2em; padding:0.8em 0 0.5em 1.5em; font-size:1.05em; font-weight:600; color:#fff; background: url(/images/kor/sub09/marker.png) no-repeat left 0.8em; background-size:auto 1.8em; } #campus_map_list .lists .head>strong span{line-height:1em;} #campus_map_list .lists .head .btn_more{overflow:hidden; display:block; position:absolute; right:1.5em; bottom:1.1em; font-size:0.8em; font-weight:normal; color:#fff;} #campus_map_list .lists .head>p{overflow:hidden; height:3.9em; line-height:1.3em; margin:0; font-size:0.9em; color:#fff;} #campus_map_list .lists .midd{height:calc(100% - 250px); padding:1.5em;} #campus_map_list .lists .midd ul{overflow:auto; position:relative; width:100%; height:100%;} #campus_map_list .lists .midd ul li:not(:nth-child(1)){margin-top:0.3em;} #campus_map_list .lists .midd ul li a{ display:block; position:relative; line-height:1.5em; padding:0.3em 0 0.3em 2.7em; font-size:0.9em; border-radius:0.3em; -webkit-border-radius:0.3em; } #campus_map_list .lists .midd ul li a:before{ content:attr(data-no); position:absolute; left:0.4em; top:0.4em; line-height:1.5em; padding:0 0.5em; margin-right:0.5em; font-size:0.9em; color:#fff; background-color:#59b430; border-radius:0.3em; -webkit-border-radius:0.3em; } #campus_map_list[data-cnt="01"] .marker>a[data-no="01"], #campus_map_list[data-cnt="02"] .marker>a[data-no="02"], #campus_map_list[data-cnt="03"] .marker>a[data-no="03"], #campus_map_list[data-cnt="04"] .marker>a[data-no="04"], #campus_map_list[data-cnt="05"] .marker>a[data-no="05"], #campus_map_list[data-cnt="06"] .marker>a[data-no="06"], #campus_map_list[data-cnt="07"] .marker>a[data-no="07"], #campus_map_list[data-cnt="08"] .marker>a[data-no="08"], #campus_map_list[data-cnt="09"] .marker>a[data-no="09"], #campus_map_list[data-cnt="10"] .marker>a[data-no="10"], #campus_map_list[data-cnt="11"] .marker>a[data-no="11"], #campus_map_list[data-cnt="12"] .marker>a[data-no="12"], #campus_map_list[data-cnt="13"] .marker>a[data-no="13"], #campus_map_list[data-cnt="14"] .marker>a[data-no="14"], #campus_map_list[data-cnt="15"] .marker>a[data-no="15"], #campus_map_list[data-cnt="16"] .marker>a[data-no="16"], #campus_map_list[data-cnt="17"] .marker>a[data-no="17"], #campus_map_list[data-cnt="18"] .marker>a[data-no="18"], #campus_map_list[data-cnt="19"] .marker>a[data-no="19"], #campus_map_list[data-cnt="20"] .marker>a[data-no="20"], #campus_map_list[data-cnt="21"] .marker>a[data-no="21"], #campus_map_list[data-cnt="22"] .marker>a[data-no="22"], #campus_map_list[data-cnt="23"] .marker>a[data-no="23"], #campus_map_list[data-cnt="24"] .marker>a[data-no="24"], #campus_map_list[data-cnt="25"] .marker>a[data-no="25"], #campus_map_list[data-cnt="26"] .marker>a[data-no="26"], #campus_map_list[data-cnt="27"] .marker>a[data-no="27"]{ animation-name:campus_map_marker_ani; animation-fill-mode:forwards; animation-iteration-count:infinite; animation-duration:1s; -webkit-animation-name:campus_map_marker_ani; -webkit-animation-fill-mode:forwards; -webkit-animation-iteration-count:infinite; -webkit-animation-duration:1s; } @keyframes campus_map_marker_ani { 0%{transform:translateY(0); -webkit-transform:translateY(0);} 20%{transform:translateY(10px); -webkit-transform:translateY(10px);} 40%{transform:translateY(-5px); -webkit-transform:translateY(-5px);} 60%{transform:translateY(5px); -webkit-transform:translateY(5px);} 80%{transform:translateY(-2px); -webkit-transform:translateY(-2px);} 90%{transform:translateY(1px); -webkit-transform:translateY(1px);} 100%{transform:translateY(0); -webkit-transform:translateY(0);} } @-webkit-keyframes campus_map_marker_ani { 0%{transform:translateY(0); -webkit-transform:translateY(0);} 20%{transform:translateY(10px); -webkit-transform:translateY(10px);} 40%{transform:translateY(-5px); -webkit-transform:translateY(-5px);} 60%{transform:translateY(5px); -webkit-transform:translateY(5px);} 80%{transform:translateY(-2px); -webkit-transform:translateY(-2px);} 90%{transform:translateY(1px); -webkit-transform:translateY(1px);} 100%{transform:translateY(0); -webkit-transform:translateY(0);} } #campus_map_list[data-cnt="01"] .head .photos{background-image:url(/images/kor/sub09/cyber/01.jpg)} #campus_map_list[data-cnt="02"] .head .photos{background-image:url(/images/kor/sub09/cyber/02.jpg)} #campus_map_list[data-cnt="03"] .head .photos{background-image:url(/images/kor/sub09/cyber/03.jpg)} #campus_map_list[data-cnt="04"] .head .photos{background-image:url(/images/kor/sub09/cyber/04.jpg)} #campus_map_list[data-cnt="05"] .head .photos{background-image:url(/images/kor/sub09/cyber/05.jpg)} #campus_map_list[data-cnt="06"] .head .photos{background-image:url(/images/kor/sub09/cyber/06.jpg)} #campus_map_list[data-cnt="07"] .head .photos{background-image:url(/images/kor/sub09/cyber/07.jpg)} #campus_map_list[data-cnt="08"] .head .photos{background-image:url(/images/kor/sub09/cyber/08.jpg)} #campus_map_list[data-cnt="09"] .head .photos{background-image:url(/images/kor/sub09/cyber/09.jpg)} #campus_map_list[data-cnt="10"] .head .photos{background-image:url(/images/kor/sub09/cyber/10.jpg)} #campus_map_list[data-cnt="11"] .head .photos{background-image:url(/images/kor/sub09/cyber/11.jpg)} #campus_map_list[data-cnt="12"] .head .photos{background-image:url(/images/kor/sub09/cyber/12.jpg)} #campus_map_list[data-cnt="13"] .head .photos{background-image:url(/images/kor/sub09/cyber/13.jpg)} #campus_map_list[data-cnt="14"] .head .photos{background-image:url(/images/kor/sub09/cyber/14.jpg)} #campus_map_list[data-cnt="15"] .head .photos{background-image:url(/images/kor/sub09/cyber/15.jpg)} #campus_map_list[data-cnt="16"] .head .photos{background-image:url(/images/kor/sub09/cyber/16.jpg)} #campus_map_list[data-cnt="17"] .head .photos{background-image:url(/images/kor/sub09/cyber/17.jpg)} #campus_map_list[data-cnt="18"] .head .photos{background-image:url(/images/kor/sub09/cyber/18.jpg)} #campus_map_list[data-cnt="19"] .head .photos{background-image:url(/images/kor/sub09/cyber/19.jpg)} #campus_map_list[data-cnt="20"] .head .photos{background-image:url(/images/kor/sub09/cyber/20.jpg)} #campus_map_list[data-cnt="21"] .head .photos{background-image:url(/images/kor/sub09/cyber/21.jpg)} #campus_map_list[data-cnt="22"] .head .photos{background-image:url(/images/kor/sub09/cyber/22.jpg)} #campus_map_list[data-cnt="23"] .head .photos{background-image:url(/images/kor/sub09/cyber/23.jpg)} #campus_map_list[data-cnt="24"] .head .photos{background-image:url(/images/kor/sub09/cyber/24.jpg)} #campus_map_list[data-cnt="25"] .head .photos{background-image:url(/images/kor/sub09/cyber/25.jpg);} #campus_map_list[data-cnt="26"] .head .photos{background-image:url(/images/kor/sub09/cyber/26.jpg);} #campus_map_list[data-cnt="27"] .head .photos{background-image:url(/images/kor/sub09/cyber/27.jpg);} #campus_map_list[data-cnt="28"] .head .photos{background-image:url(/images/kor/sub09/cyber/28.jpg);} #campus_map_list[data-cnt="29"] .head .photos{background-image:url(/images/kor/sub09/cyber/29.jpg);} #campus_map_list[data-cnt="30"] .head .photos{background-image:url(/images/kor/sub09/cyber/30.jpg);} #campus_map_list[data-cnt="31"] .head .photos{background-image:url(/images/kor/sub09/cyber/31.jpg);} #campus_map_list[data-cnt="32"] .head .photos{background-image:url(/images/kor/sub09/cyber/32.jpg);} #campus_map_list[data-cnt="33"] .head .photos{background-image:url(/images/kor/sub09/cyber/33.jpg);} #campus_map_list[data-cnt="34"] .head .photos{background-image:url(/images/kor/sub09/cyber/34.jpg);} #campus_map_list[data-cnt="35"] .head .photos{background-image:url(/images/kor/sub09/cyber/noimage.jpg);} #campus_map_list[data-cnt="36"] .head .photos{background-image:url(/images/kor/sub09/cyber/noimage.jpg);} #campus_map_list[data-cnt="37"] .head .photos{background-image:url(/images/kor/sub09/cyber/noimage.jpg);} #campus_map_list[data-cnt="38"] .head .photos{background-image:url(/images/kor/sub09/cyber/38.jpg)} #campus_map_list[data-cnt="39"] .head .photos{background-image:url(/images/kor/sub09/cyber/39.jpg)} #campus_map_list[data-cnt="40"] .head .photos{background-image:url(/images/kor/sub09/cyber/noimage.jpg);} #campus_map_list[data-cnt="01"] .lists .midd ul li a[data-no="01"], #campus_map_list[data-cnt="02"] .lists .midd ul li a[data-no="02"], #campus_map_list[data-cnt="03"] .lists .midd ul li a[data-no="03"], #campus_map_list[data-cnt="04"] .lists .midd ul li a[data-no="04"], #campus_map_list[data-cnt="05"] .lists .midd ul li a[data-no="05"], #campus_map_list[data-cnt="06"] .lists .midd ul li a[data-no="06"], #campus_map_list[data-cnt="07"] .lists .midd ul li a[data-no="07"], #campus_map_list[data-cnt="08"] .lists .midd ul li a[data-no="08"], #campus_map_list[data-cnt="09"] .lists .midd ul li a[data-no="09"], #campus_map_list[data-cnt="10"] .lists .midd ul li a[data-no="10"], #campus_map_list[data-cnt="11"] .lists .midd ul li a[data-no="11"], #campus_map_list[data-cnt="12"] .lists .midd ul li a[data-no="12"], #campus_map_list[data-cnt="13"] .lists .midd ul li a[data-no="13"], #campus_map_list[data-cnt="14"] .lists .midd ul li a[data-no="14"], #campus_map_list[data-cnt="15"] .lists .midd ul li a[data-no="15"], #campus_map_list[data-cnt="16"] .lists .midd ul li a[data-no="16"], #campus_map_list[data-cnt="17"] .lists .midd ul li a[data-no="17"], #campus_map_list[data-cnt="18"] .lists .midd ul li a[data-no="18"], #campus_map_list[data-cnt="19"] .lists .midd ul li a[data-no="19"], #campus_map_list[data-cnt="20"] .lists .midd ul li a[data-no="20"], #campus_map_list[data-cnt="21"] .lists .midd ul li a[data-no="21"], #campus_map_list[data-cnt="22"] .lists .midd ul li a[data-no="22"], #campus_map_list[data-cnt="23"] .lists .midd ul li a[data-no="23"], #campus_map_list[data-cnt="24"] .lists .midd ul li a[data-no="24"], #campus_map_list[data-cnt="25"] .lists .midd ul li a[data-no="25"], #campus_map_list[data-cnt="26"] .lists .midd ul li a[data-no="26"], #campus_map_list[data-cnt="27"] .lists .midd ul li a[data-no="27"], #campus_map_list[data-cnt="28"] .lists .midd ul li a[data-no="28"], #campus_map_list[data-cnt="29"] .lists .midd ul li a[data-no="29"], #campus_map_list[data-cnt="30"] .lists .midd ul li a[data-no="30"], #campus_map_list[data-cnt="31"] .lists .midd ul li a[data-no="31"], #campus_map_list[data-cnt="32"] .lists .midd ul li a[data-no="32"], #campus_map_list[data-cnt="33"] .lists .midd ul li a[data-no="33"], #campus_map_list[data-cnt="34"] .lists .midd ul li a[data-no="34"], #campus_map_list[data-cnt="35"] .lists .midd ul li a[data-no="35"], #campus_map_list[data-cnt="36"] .lists .midd ul li a[data-no="36"], #campus_map_list[data-cnt="37"] .lists .midd ul li a[data-no="37"], #campus_map_list[data-cnt="38"] .lists .midd ul li a[data-no="38"], #campus_map_list[data-cnt="39"] .lists .midd ul li a[data-no="39"], #campus_map_list[data-cnt="40"] .lists .midd ul li a[data-no="40"]{color:#fff; background-color:#59b430;} #campus_map_list[data-cnt="01"] .lists .midd ul li a[data-no="01"]:before, #campus_map_list[data-cnt="02"] .lists .midd ul li a[data-no="02"]:before, #campus_map_list[data-cnt="03"] .lists .midd ul li a[data-no="03"]:before, #campus_map_list[data-cnt="04"] .lists .midd ul li a[data-no="04"]:before, #campus_map_list[data-cnt="05"] .lists .midd ul li a[data-no="05"]:before, #campus_map_list[data-cnt="06"] .lists .midd ul li a[data-no="06"]:before, #campus_map_list[data-cnt="07"] .lists .midd ul li a[data-no="07"]:before, #campus_map_list[data-cnt="08"] .lists .midd ul li a[data-no="08"]:before, #campus_map_list[data-cnt="09"] .lists .midd ul li a[data-no="09"]:before, #campus_map_list[data-cnt="10"] .lists .midd ul li a[data-no="10"]:before, #campus_map_list[data-cnt="11"] .lists .midd ul li a[data-no="11"]:before, #campus_map_list[data-cnt="12"] .lists .midd ul li a[data-no="12"]:before, #campus_map_list[data-cnt="13"] .lists .midd ul li a[data-no="13"]:before, #campus_map_list[data-cnt="14"] .lists .midd ul li a[data-no="14"]:before, #campus_map_list[data-cnt="15"] .lists .midd ul li a[data-no="15"]:before, #campus_map_list[data-cnt="16"] .lists .midd ul li a[data-no="16"]:before, #campus_map_list[data-cnt="17"] .lists .midd ul li a[data-no="17"]:before, #campus_map_list[data-cnt="18"] .lists .midd ul li a[data-no="18"]:before, #campus_map_list[data-cnt="19"] .lists .midd ul li a[data-no="19"]:before, #campus_map_list[data-cnt="20"] .lists .midd ul li a[data-no="20"]:before, #campus_map_list[data-cnt="21"] .lists .midd ul li a[data-no="21"]:before, #campus_map_list[data-cnt="22"] .lists .midd ul li a[data-no="22"]:before, #campus_map_list[data-cnt="23"] .lists .midd ul li a[data-no="23"]:before, #campus_map_list[data-cnt="24"] .lists .midd ul li a[data-no="24"]:before, #campus_map_list[data-cnt="25"] .lists .midd ul li a[data-no="25"]:before, #campus_map_list[data-cnt="26"] .lists .midd ul li a[data-no="26"]:before, #campus_map_list[data-cnt="27"] .lists .midd ul li a[data-no="27"]:before, #campus_map_list[data-cnt="28"] .lists .midd ul li a[data-no="28"]:before, #campus_map_list[data-cnt="29"] .lists .midd ul li a[data-no="29"]:before, #campus_map_list[data-cnt="30"] .lists .midd ul li a[data-no="30"]:before, #campus_map_list[data-cnt="31"] .lists .midd ul li a[data-no="31"]:before, #campus_map_list[data-cnt="32"] .lists .midd ul li a[data-no="32"]:before, #campus_map_list[data-cnt="33"] .lists .midd ul li a[data-no="33"]:before, #campus_map_list[data-cnt="34"] .lists .midd ul li a[data-no="34"]:before, #campus_map_list[data-cnt="35"] .lists .midd ul li a[data-no="35"]:before #campus_map_list[data-cnt="36"] .lists .midd ul li a[data-no="36"]:before, #campus_map_list[data-cnt="37"] .lists .midd ul li a[data-no="37"]:before #campus_map_list[data-cnt="38"] .lists .midd ul li a[data-no="38"]:before, #campus_map_list[data-cnt="39"] .lists .midd ul li a[data-no="39"]:before, #campus_map_list[data-cnt="40"] .lists .midd ul li a[data-no="40"]:before{color:#59b430; background-color:#fff;} #campus_map_list .views{ opacity:0; position:absolute; left:100px; top:20px; z-index:0; width:calc(100% - 200px); height:calc(100% - 40px); transform:translate(0, 50px); -webkit-transform:translate(0, 50px); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } #campus_map_list .views .lay{position:relative; z-index:10; width:100%; height:100%; background-color:#fff;} #campus_map_list .views .lay:after{content:""; display:block; clear:both;} #campus_map_list .views .lay .head{float:left; position:relative; width:100%; height:100%;} #campus_map_list .views .lay .head .photos{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;} #campus_map_list .views .lay .head em{position:absolute; left:0; bottom:10px; width:100%; text-align:center;} #campus_map_list .views .lay .head em span{ display:inline-block; padding:3px 15px; font-size:1em; color:#fff; background-color:rgba(0,0,0,0.5); border-radius:3px; -webkit-border-radius:3px; display:none;} #campus_map_list .views .lay .midd{float:left; width:18em; height:100%; padding:2em; display:none;} #campus_map_list .views .lay .midd>ul{overflow:auto; width:100%; height:100%;} #campus_map_list .views .lay .midd>ul>li{padding-bottom:1em;} #campus_map_list .views .lay .midd>ul>li:first-child>p{margin-top:0;} #campus_map_list .views .lay .midd>ul>li:not(:nth-child(1)){border-top:1px dashed #ddd;} #campus_map_list .views .lay .midd>ul>li>p{font-weight:600; font-size:1.2em;} #campus_map_list .views .lay .midd>ul>li>ul li{font-size:0.9em;} #campus_map_list .views .lay .btn_close{overflow:hidden; position:absolute; right:0; top:0; z-index:400; width:4em; height:4em; text-indent:-1000px; background-color:#000;} #campus_map_list .views .lay .btn_close:before, #campus_map_list .views .lay .btn_close:after{ content:""; display:block; position:absolute; left:20%; top:calc(50% - 1px); width:60%; height:2px; background-color:#fff; transition:transform 0.3s ease; -webkit-transition:transform 0.3s ease; } #campus_map_list .views .lay .btn_close:before{ transform:rotate(45deg); -webkit-transform:rotate(45deg); } #campus_map_list .views .lay .btn_close:after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); } #campus_map_list .views .lay .btn_close:hover:before{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); } #campus_map_list .views .lay .btn_close:hover:after{ transform:rotate(45deg); -webkit-transform:rotate(45deg); } #campus_map_list .views .btn_vr{ position:absolute; left:0.5em; top:0.5em; z-index:100; width:auto; height:2.5em; line-height:2.5em; padding:0 1em; text-align:center; font-size:1em; font-weight:600; color:#fff; background-color:#3a7cd2; border-radius:0.3em; -webkit-border-radius:0.3em; box-shadow:0.2em 0.2em 0.2em rgba(0,0,0,0.2); } #campus_map_list.on:before{opacity:1; width:100%; height:100%;} #campus_map_list.on .views{ opacity:1; z-index:200; transform:translate(0, 0); -webkit-transform:translate(0, 0); } @media all and (min-width: 750px) and (max-width: 1000px){ #campus_map_list .lists .midd ul li{float:left; width:calc((100% - 2em) / 2); margin-right:2em;} #campus_map_list .lists .midd ul li:nth-child(2n+2){margin-right:0;} #campus_map_list .lists .midd ul li:nth-child(2){margin-top:0;} } @media all and (max-width: 1000px) { #campus_map_list .maps{width:100%;} #campus_map_list .lists{position:relative; width:100%; height:300px;} #campus_map_list .lists:after{content:""; display:block; clear:both;} #campus_map_list .lists .head{float:right; width:300px; height:100%;} #campus_map_list .lists .head .photos{height:150px;} #campus_map_list .lists .midd{float:left; width:calc(100% - 300px); height:100%;} #campus_map_list .views{top:calc(25% + 20px); height:calc(50% - 40px)} } @media all and (max-width: 700px) { #campus_map_list .views{font-size:12px;} } @media all and (max-width: 600px) { #campus_map_list .maps{font-size:0.6em;} #campus_map_list .lists{height:auto;} #campus_map_list .lists .head{float:none; width:100%; height:300px;} #campus_map_list .lists .head .photos{height:150px;} #campus_map_list .lists .midd{float:none; width:100%; height:300px;} #campus_map_list .views{top:calc(50% - 20em); height:auto;width: calc(100% - 100px); left:50px;} #campus_map_list .views .lay .head{width:100%; height:20em;} #campus_map_list .views .lay .midd{width:100%; height:20em;} } @media all and (max-width: 500px) { #campus_map_list .maps{} #campus_map_list .marker>a{ transform:scale(0.6); -webkit-transform:scale(0.6); } } @media all and (max-width: 360px) { #campus_map_list .marker>a{ transform:scale(0.4); -webkit-transform:scale(0.4); } #campus_map_list .views{top:calc(50% - 12.5em);width:100%; left:0;} #campus_map_list .views .lay .head{width:100%; height:10em;} #campus_map_list .views .lay .midd{width:100%; height:15em;} } /* sub090601 신규 조직도 시작 */ /* 컨텐츠 타이틀*/ .c-tit01 {font-size:25px;color:#012d5d;padding:0;line-height:1.2;margin:0 0 21px 0} .c-tit02 {font-size:20px;position:relative;color:#003c7c;line-height:1.3;margin:0 0 15px 0px;padding:6px 0 0 0} .c-tit02 a {font-size:20px;position:relative;color:#003c7c;line-height:1.3;margin:0 0 15px 0px;padding:6px 0 0 0} .c-tit02:before {content:"";display:block;position:absolute;width:36px;height:2px;background:#0067d4;left:0;top:0} .c-tit02 strong {display:inline-block;vertical-align:bottom;color:#003875 !important;font-size:24px;margin:4px 0 0 0} .c-tit02 span {display:inline-block;vertical-align:bottom} .c-tit02_link {font-size:20px;position:relative;color:#003c7c;line-height:1.3;margin:0 0 15px 0px;padding:6px 0 0 0} .c-tit02_link a {font-size:20px;position:relative;color:#003c7c;line-height:1.3;margin:0 0 15px 0px;padding:6px 0 0 0} .c-tit02_link:before {content:"";display:block;position:absolute;width:36px;height:2px;background:#0067d4;left:0;top:0} .c-tit02_link strong {display:inline-block;vertical-align:bottom;color:#003875 !important;font-size:24px;margin:4px 0 0 0} .c-tit02_link span {display:inline-block;vertical-align:bottom} .c-tit03 {font-size:17px;position:relative;color:#0067d4;padding:0 0 0 17px;line-height:1.4;margin:0 0 15px 0} .c-tit03:before {content:"";display:block;position:absolute;width:11px;height:14px;left:0;top:6px;background:url(/images/kor/sub09/blt12.png) no-repeat 0px 0px} .c-in1 {padding-left:17px;} .c-in2 {padding-left:34px;} .c-in3 {padding-left:51px;} .c-ftit01 {font-size:25px;color:#154f70;padding:0;line-height:1.1;margin:0 0 21px 0} .c-ftit02 {font-size:20px;position:relative;color:#b2885d;line-height:1.3;margin:0 0 9px 0px;padding:6px 0 0 0} .c-ftit03 {font-size:17px;position:relative;color:#154f70;padding:0 0 0 17px;line-height:1.4;margin:0 0 3px 0;background:url(/images/kor/sub09/blt12.png) no-repeat 0px 5px} /* 조직도 List - 차트 */ .org-wr {} .org-wr .sdot, .org-wr .sdot2 {display:block;position:absolute;width:9px;height:9px;background:#bbb;;border-radius:50%} .org-wr .lv1-ol {display:block} .org-wr .lv1-li {display:block} .org-wr .lv1-li.ord1 {position:relative;padding:0 0 10px 0} .org-wr .lv1-li.ord1 a, .org-wr .lv1-li.ord1 span {display:block;position:relative;width:227px;height:206px;margin:0 auto;font-size:25px;font-weight:bold;color:#fff;text-align:center;line-height:1.5px;padding-top:115px;background:url(/images/kor/sub09/org_img01.png) no-repeat;z-index:3;} .org-wr .lv1-li.ord1 a:focus, .org-wr .lv1-li.ord1 a:active, .org-wr .lv1-li.ord1 a:hover {text-decoration:underline} .org-wr .lv1-li.ord1:after {content:"";display:block;position:absolute;width:1px;height:280px;left:50%;background:#d7d7d7;z-index:1} .org-wr .lv1-li.ord2 {} .org-wr .lv1-li.ord2 .lv2-ul {display:block;margin:0 158px;font-size:0} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li {display:inline-block;position:relative;width:50%;height:85px;vertical-align:top} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li a, .org-wr .lv1-li.ord2 .lv2-ul .lv2-li span {display:block;position:absolute;width:99%;max-width:239px;height:80%;color:#fff;font-size:18px;text-align:center;line-height:65px;background:#3f5161 no-repeat;z-index:3;} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li span.lh32 {line-height:32px;} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord1 a, .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord1 span {left:0} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord2 a, .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord2 span {right:0} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li a:focus, .org-wr .lv1-li.ord2 .lv2-ul .lv2-li a:active, .org-wr .lv1-li.ord2 .lv2-ul .lv2-li a:hover {text-decoration:underline} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li:after {content:"";display:block;position:absolute;width:100%;height:1px;top:40%;margin:-1px 0 0 0;background:#d7d7d7;z-index:1} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord1 .sdot {right:-5px;top:40%;margin:-5px 0 0 0;z-index:2} .org-wr .lv1-li.ord25 {} .org-wr .lv1-li.ord25 .lv2-ul {display:block;margin:0 158px;font-size:0} .org-wr .lv1-li.ord25 .lv2-ul .lv2-li {display:inline-block;position:relative;width:50%;height:85px;vertical-align:top} .org-wr .lv1-li.ord25 .lv2-ul .lv2-li span {display:block;position:absolute;width:90%;max-width:215px;height:80%;color:#fff;font-size:18px;text-align:center;line-height:32px;background:#272f3b no-repeat;z-index:3}, .org-wr .lv1-li.ord25 .lv2-ul .lv2-li span .org-wr .lv1-li.ord25 .lv2-ul .lv2-li.ord1 a, .org-wr .lv1-li.ord25 .lv2-ul .lv2-li.ord1 span {left:0} .org-wr .lv1-li.ord25 .lv2-ul .lv2-li.ord2 a, .org-wr .lv1-li.ord25 .lv2-ul .lv2-li.ord2 span {right:0} .org-wr .lv1-li.ord25 .lv2-ul .lv2-li a:focus, .org-wr .lv1-li.ord25 .lv2-ul .lv2-li a:active, .org-wr .lv1-li.ord25 .lv2-ul .lv2-li a:hover {text-decoration:underline} .org-wr .lv1-li.ord25 .lv2-ul .lv2-li:after {content:"";display:block;position:absolute;width:100%;height:1px;top:40%;margin:-1px 0 0 0;background:#d7d7d7;z-index:1} .org-wr .lv1-li.ord25 .lv2-ul .lv2-li.ord1 .sdot {right:-5px;top:40%;margin:-5px 0 0 0;z-index:2} .org-wr .lv1-li.ord3 {} .org-wr .lv1-li.ord3 .lv2-ul {display:block;position:relative;width:50%;font-size:0;margin:15px 0 0 auto;padding:29px 0 0 4px;text-align:right;overflow:hidden} .org-wr .lv1-li.ord3 .lv2-ul:after {content:"";display:block;position:absolute;width:9px;height:9px;background:#bbb;;border-radius:50%;left:0;top:0;z-index:3} .org-wr .lv1-li.ord3 .lv2-ul:before {content:"";display:block;position:absolute;width:58%;height:1px;top:4px;left:0;background:#d7d7d7} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li {display:inline-block;width:27.5%;position:relative;vertical-align:top;margin:0 0 0 10px;padding:33px 0 0 0} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li:first-child {margin:0 0 0 0} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li a, .org-wr .lv1-li.ord3 .lv2-ul .lv2-li span {display:block;position:relative;width:100%;height:75px;line-height:75px;background:#00b58d;font-size:20px;color:#fff;text-align:center;z-index:2;transition:all .3s ease} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li a:focus, .org-wr .lv1-li.ord3 .lv2-ul .lv2-li a:active, .org-wr .lv1-li.ord3 .lv2-ul .lv2-li a:hover {text-decoration:underline;background:#007d62} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li a:focus span, .org-wr .lv1-li.ord3 .lv2-ul .lv2-li a:active span, .org-wr .lv1-li.ord3 .lv2-ul .lv2-li a:hover span {text-decoration:underline;background:#007d62} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li .sdot {top:0;left:50%;margin:0 0 0 -4px;z-index:2} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li .sdot2 {top:-29px;left:50%;margin:0 0 0 -4px;z-index:2} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li:before {content:"";display:block;position:absolute;width:1px;height:100%;top:0;left:50%;background:#d7d7d7;z-index:1} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li:after {content:"";display:block;position:absolute;width:100%;height:1px;top:4px;background:#d7d7d7;z-index:1} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li.ord1:after {left:50%} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li.ord2:after {} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li.ord3:after {right:50%} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li.ord2:before {height:200%;top:auto;bottom:0} .org-wr .lv1-li.ord4 {} .org-wr .lv1-li.ord4 .lv2-ul {display:block;font-size:0;text-align:center;padding:10px 0 0 0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l {display:inline-block;position:relative;width:69%;margin:0 1.5% 0 0;vertical-align:top;padding:30px 0 0 0;z-index:3} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l:last-child {margin:0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l:before {content:"";display:block;position:absolute;width:1px;height:100%;top:0;left:50%;background:#d7d7d7;z-index:1} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l:after {content:"";display:block;position:absolute;width:23%;height:1px;top:4px;background:#d7d7d7} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l.ord1:after {left:50%} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l.ord2:after {left:0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l.ord3:after {right:50%} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l .sdot {top:0;left:50%;margin:0 0 0 -4px;z-index:2} /*.org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3 {display:block;position:relative;font-size:19px;color:#fff;background:#004799;padding:21px 0 24px 0;z-index:2}*/ .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3 {display:block;position:relative;font-size:19px;color:#fff;background:#004799;padding:21px 0 24px 0;z-index:2} /* .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3:focus, .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3:active, .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3:hover {text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r {display:inline-block;position:relative;width:29%;margin:0 1.5% 0 0;vertical-align:top;padding:30px 0 0 0;z-index:3} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r:last-child {margin:0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r:before {content:"";display:block;position:absolute;width:1px;height:100%;top:0;left:50%;background:#d7d7d7;z-index:1} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r:after {content:"";display:block;position:absolute;width:121%;height:1px;top:4px;background:#d7d7d7} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r.ord1:after {left:50%} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r.ord2:after {left:0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r.ord3:after {right:50%} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r .sdot {top:0;left:50%;margin:0 0 0 -4px;z-index:2} /*.org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3 {display:block;position:relative;font-size:19px;color:#fff;background:#004799;padding:21px 0 24px 0;z-index:2}*/ .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r h3 {display:block;position:relative;font-size:19px;color:#fff;background:#004799;padding:21px 0 24px 0;z-index:2} /* .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r h3:focus, .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r h3:active, .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r h3:hover {text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv3-ul {display:block;position:relative;box-sizing:border-box;font-size:15px;border:1px solid #ccc;box-sizing:border-box;background:#fff;z-index:2} .org-wr .lv1-li.ord4 .lv3-ul .lv3-li {background:url(/images/kor/sub09/org_ptn1.gif) repeat-x left bottom;padding:18px 0 15px 0} .org-wr .lv1-li.ord4 .lv3-ul .lv3-li:last-child {background:none} .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4 {text-align:left;margin:0 0 0 20px} .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4 span {display:inline-block;vertical-align:middle;font-size:17px;color:#0067d4} /* .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4:focus span, .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4:active span, .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4:hover span {text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4{display:block;font-size:0;color:#003c7c;} .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4 span {display:inline-block;vertical-align:middle;font-size:15px;line-height:1.4;margin:0 0 0px 0px;padding:6px 0 0 0;} .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4 span.fz20 {font-size:20px;margin:0 0 17px 0px;} /* .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4:focus span, .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4:active span, .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4:hover span {text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv4-ul {display:block;font-size:0;text-align:left;margin:6px 28px 15px 28px} .org-wr .lv1-li.ord4 .lv4-ul li {display:inline-block;vertical-align:top;} .org-wr .lv1-li.ord4 .lv4-ul.type1_l li {margin:0 20px 0 0} .org-wr .lv1-li.ord4 .lv4-ul.type2_l li {width:50%} .org-wr .lv1-li.ord4 .lv4-ul.type1_r li {margin:0 20px 0 0} .org-wr .lv1-li.ord4 .lv4-ul.type2_r li {width:100%} .org-wr .lv1-li.ord4 .lv4-ul li {display:block;font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt1.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul li.no_bg {background:none;} .org-wr .lv1-li.ord4 .lv4-ul li span {display:inline-block;margin:0 0 0 10px;vertical-align:middle} /* .org-wr .lv1-li.ord4 .lv4-ul li:focus span, .org-wr .lv1-li.ord4 .lv4-ul li:active span, .org-wr .lv1-li.ord4 .lv4-ul li:hover span {color:#005baa;text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link {font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt1.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link span {display:inline-block;margin:0 0 0 10px;vertical-align:middle} /* .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link:focus span, .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link:active span, .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link:hover span {color:#005baa;text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link2 {display:block;font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt1.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link2 {display:block;font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt1.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link2 span {display:inline-block;margin:0 0 0 10px;vertical-align:middle} /* .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link2:focus span, .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link2:active span, .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link2:hover span {color:#005baa;text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link3 {font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt_em.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link3 {font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt_em.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link3 span {display:inline-block;margin:0 0 0 10px;vertical-align:middle} /* .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link3:focus span, .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link3:active span, .org-wr .lv1-li.ord4 .lv4-ul.type2_l li.no_link3:hover span {color:#005baa;text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv4-ul.type2_l li {display:inline-block;font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt1.gif) no-repeat left 13px;letter-spacing:-.05em} /* .org-wr .lv1-li.ord4 .lv4-ul.type2_l li:focus span, .org-wr .lv1-li.ord4 .lv4-ul.type2_l li:active span, .org-wr .lv1-li.ord4 .lv4-ul.type2_l li:hover span {color:#005baa;text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link a {font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt1.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link span {display:inline-block;margin:0 0 0 10px;vertical-align:middle} /* .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link:focus span, .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link:active span, .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link:hover span {color:#005baa;text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link2 {display:block;font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt1.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link2 {display:block;font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt1.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link2 span {display:inline-block;margin:0 0 0 10px;vertical-align:middle} .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link2:after {content:"";display:inline-block;width:10px;height:10px;background:url(/images/kor/sub09/ico_nw2.png) no-repeat 0px 0px;vertical-align:middle;margin:1px 0 0 5px} /* .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link2:focus span, .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link2:active span, .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link2:hover span {color:#005baa;text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link3 {font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt_em.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link3 {font-size:14px;color:#444;background:url(/images/kor/sub09/org_blt_em.gif) no-repeat left 13px;letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link3 span {display:inline-block;margin:0 0 0 10px;vertical-align:middle} .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link3:after {content:"";display:inline-block;width:10px;height:10px;background:url(/images/kor/sub09/ico_nw2.png) no-repeat 0px 0px;vertical-align:middle;margin:1px 0 0 5px} /* .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link3:focus span, .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link3:active span, .org-wr .lv1-li.ord4 .lv4-ul.type2_r li.no_link3:hover span {color:#005baa;text-decoration:underline} */ /* .org-wr .lv1-li.ord4 .lv4-ul.type2_r li:focus span, .org-wr .lv1-li.ord4 .lv4-ul.type2_r li:active span, .org-wr .lv1-li.ord4 .lv4-ul.type2_r li:hover span {color:#005baa;text-decoration:underline} */ .org-wr .lv1-li.ord4 .lv3-ul .mCSB_dragger_bar {background:#005baa} .org-wr .lv1-li.ord4 .lv3-ul .mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.2)} .org-wr .lv1-li.ord4 .lv3-ul .mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar, .org-wr .lv1-li.ord4 .lv3-ul .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .org-wr .lv1-li.ord4 .lv3-ul .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,138,107,0.85)} .org-wr .lv1-li.ord4 .lv3-ul .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,138,107,0.85)} @media all and (max-width:1200px) { .org-wr .lv1-li.ord3 .lv2-ul .lv2-li , .org-wr .lv1-li.ord3 .lv2-ul .lv2-li span {letter-spacing:-.05em} .org-wr .lv1-li.ord4 .lv4-ul li {font-size:14px;background-position:left center;letter-spacing:-.05em} } @media all and (max-width:1000px) { .org-wr .lv1-li.ord1 {padding-bottom:20px} .org-wr .lv1-li.ord2 .lv2-ul {margin:0 50px} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li {height:80px} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li span {font-size:18px;line-height:60px} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li span.lh32 {line-height:28px} .org-wr .lv1-li.ord3 .lv2-ul {margin-top:20px} .org-wr .lv1-li.ord3 .lv2-ul:before {width:54%} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li {width:30%} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li, .org-wr .lv1-li.ord3 .lv2-ul .lv2-li span {height:50px;line-height:50px;font-size:15px} .org-wr .lv1-li.ord4 .lv2-ul {padding-top:20px} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li {padding:20px 0 0 0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li h3 {padding:15px 0;font-size:16px} .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4 {font-size:15px;margin:0 0 0 10px;background-position:0px 5px} .org-wr .lv1-li.ord4 .lv3-ul .lv3-li h4 span {font-size:15px} .org-wr .lv1-li.ord4 .lv4-ul {margin:6px 10px 10px 26px} .org-wr .lv1-li.ord4 .lv4-ul.type1 li {width:100%;padding:2px 0} .org-wr .lv1-li.ord4 .lv4-ul.type2 li {width:100%;padding:2px 0} } @media all and (max-width:600px) { .org-wr .lv1-ol {position:relative} .org-wr .lv1-ol:after {content:"";display:block;position:absolute;width:1px;height:100%;left:10px;top:0;background:#d7d7d7} .org-wr .lv1-li.ord1 {width:auto;height:auto;border-radius:5px;font-size:20px;line-height:1;height:230px;line-height:50px;background-size:cover}, .org-wr .lv1-li.ord1 span {width:auto;height:auto;border-radius:5px;font-size:20px;line-height:1;height:50px;line-height:50px;background-size:cover} .org-wr .lv1-li.ord1:after {height:500px;left:10px} .org-wr .lv1-li.ord2 .lv2-ul {position:relative;margin:0 0 0 30px} .org-wr .lv1-li.ord2 .lv2-ul:before {content:"";display:block;position:absolute;width:80%;height:1px;right:25%;top:25%;background:#d7d7d7} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li {padding:0px 0 0 0} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li span {position:relative;width:auto;height:50px;font-size:15px;line-height:50px;max-width:9999px;border-radius:5px} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li:after {content: ""; display: block; position: absolute; width: 80%; height: 1px; right: 25%; top: 52%; background: #d7d7d7;} .org-wr .lv1-li.ord25 .lv2-ul .lv2-li:after {right:5%;} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord1 .sdot {top:0;left:-24px;margin:-4px 0 0 0} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord1 span {margin:0 10px 0 0} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord2 span {margin:0 0 0 10px} .org-wr .lv1-li.ord3 .lv2-ul {width:auto;margin:20px 0 0 30px;padding:29px 0 0 0;text-align:left;overflow:visible} .org-wr .lv1-li.ord3 .lv2-ul:after {left:-24px} .org-wr .lv1-li.ord3 .lv2-ul:before {width:54%;left:auto;right:50%} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li {width:32%;margin:0 0 0 2%} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li, .org-wr .lv1-li.ord3 .lv2-ul .lv2-li span {border-radius:5px;letter-spacing:-.07em;font-size:14px} .org-wr .lv1-li.ord3 .lv2-ul .lv2-li.ord2:before {height:100%;top:-28px} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3 {display:block;position:relative;font-size:16px;color:#fff;background:#004799;padding:21px 0 24px 0;z-index:2} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3:focus, .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3:active, .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3:hover {text-decoration:underline} .org-wr .lv1-li.ord4 .lv2-ul {padding-top:20px;margin-left:30px} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l {display:block;width:auto;margin:0 0 20px 0;padding:20px 0 0 0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l h3 {font-size:15px;height:50px;line-height:50px;padding:0;border-radius:5px 5px 0 0} .org-wr .lv1-li.ord4 .lv3-ul {border-radius:0 0 5px 5px;max-height:200px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(to bottom, #eeeeee 0%, #ffffff 25%, #ffffff 75%, #eeeeee 100%)} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l:after {width:50%;top:0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l:before {margin:0 0 0 -24px} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l.ord1:after {left:-24px;right:auto} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l.ord2:after {left:-24px;right:auto} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l.sdot {left:-24px;margin:0;top:-4px} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l.last-mask {display:block;position:absolute;width:1px;height:100%;left:-20px;top:0;background:#fff} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_l.ord3:after {right:auto;left:-24px} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r {display:block;width:auto;margin:0 0 20px 0;padding:20px 0 0 0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r h3 {font-size:15px;height:50px;line-height:50px;padding:0;border-radius:5px 5px 0 0} .org-wr .lv1-li.ord4 .lv3-ul {border-radius:0 0 5px 5px;max-height:500px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(to bottom, #eeeeee 0%, #ffffff 25%, #ffffff 75%, #eeeeee 100%)} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r:after {width:50%;top:0} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r:before {margin:0 0 0 -24px} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r.ord1:after {left:-24px;right:auto} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r.ord2:after {left:-24px;right:auto} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r.sdot {left:-24px;margin:0;top:-4px} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r.last-mask {display:block;position:absolute;width:1px;height:100%;left:-20px;top:0;background:#fff} .org-wr .lv1-li.ord4 .lv2-ul .lv2-li_r.ord3:after {right:auto;left:-24px} .org-wr .lv1-li.ord4 .lv4-ul.type1_l li {margin:0 20px 0 0} .org-wr .lv1-li.ord4 .lv4-ul.type2_l li {width:100%} .org-wr .lv1-li.ord4 .lv4-ul.type1_r li {margin:0 20px 0 0} .org-wr .lv1-li.ord4 .lv4-ul.type2_r li {width:100%} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li {width:100%;height: 65px;} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord1 span {min-width:100%;} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li.ord2 span {margin:0;} .org-wr .lv1-li.ord2 .lv2-ul .lv2-li span {height:60px;} .org-wr .lv1-li.ord25 .lv2-ul {margin: 0 0 0 30px;} .org-wr .lv1-li.ord25 .lv2-ul .lv2-li {width:100%} .org-wr .lv1-li.ord25 .lv2-ul .lv2-li span {min-width:100%} } /* 조직도 View */ .orgv-summ {display:block;font-size:0} .orgv-summ li {display:inline-block} .orgv-summ li.ord1 {width:50%} .orgv-summ li.ord2 {width:50%} .orgv-summ li.ord3 {width:100%} .orgv-summ li.ord3 dd {max-width:900px} .orgv-dl dt {min-width:120px;text-align:center} .orgv-box {position:relative;min-height:30px} .orgv-box h3.c-tit02 {position:absolute;top:0;left:0} .orgv-box .orgv-con {position:relative;width:auto;margin:0 0 0 200px} .orgv-box .orgv-con .is-wauto-box {padding-top:0} .orgv-box .orgv-con .orgv-members .col20p {width:20%} .orgv-box .orgv-con .orgv-members .col25p {width:25%} .orgv-box .orgv-con .orgv-members .col30p {width:30%} .orgv-box .orgv-con .orgv-members .col-a {width:auto} .orgv-box .orgv-con .orgv-members td {padding-top:5px;padding-bottom:5px} @media all and (max-width:980px) { .orgv-summ li.ord1 {width:100%} .orgv-summ li.ord2 {width:100%} .orgv-box h3.c-tit02 {position:relative} .orgv-box .orgv-con {margin:0} .orgv-box .orgv-con .is-wauto-box {padding-top:20px} } /* sub090601 신규 조직도 끝 */ /* 학생회 상단박스 */ .s_0502_top2 {position: relative; width:100%; margin-bottom:50px;padding:9px; background:#ededed; } .s_0502_top2:after {display:block; position: absolute; left:0; bottom:0; width:100%; height:50%;background:#06378e; content:""; z-index:1;} .s_0502_top2 .inner {position: relative; width:100%; padding:40px 20px; background:#fff; vertical-align: middle; text-align:center;z-index:2; } .s_0502_top2 .inner .ico {display: block; width:74px; height:74px; margin:0 auto 20px; background:url(../../images/kor/sub09/s_090404_top.png)no-repeat} .s_0502_top2 .inner p {margin:0; font-weight:600; font-size:16px; color:#000;} /* 학생회 상단박스 */ /* sub0503 버튼 */ .sub0503 .btnwrap2 .btn .sub0504 .btnwrap2 .btn{padding-right:33px;font-size: 15px;margin-left: 0px;} /* 찾아오시는길 */ .map_txt .txt.txt1 p span.icon {position:absolute; left:43px;} @media all and (max-width:850px) { .map_txt .txt.txt1 p span.icon {left:25px;} } /* 0501 생활안내 */ @media (max-width: 991px){ .s0501 .table-responsive .table { width: 100%;} } @media (max-width: 479px){ .s0501 .college_topbox .inner .college_tb_txt{ display: block;} } /* 0507 원주생활 */ .s0507 .ui_topbox02 .inner {padding: 25px 375px 25px 25px;} .s0507 .ui_topbox02 .inner .img_b {right: 25px;left: auto;width: 325px;} .s0507 .ui_topbox02 .inner .txt_b .tit strong {font-size:27px;} .s0507 .symmetry_wrap.type1 li.long .img {float: none;display: block;margin: 0 auto;} .s0507 .symmetry_wrap.type1 li.long .txt {width:100%;} .s0507 .symmetry_wrap {margin-top:20px;} @media (max-width: 938px){ .s0507 .ui_topbox02 {margin-top:20px;} .s0507 .ui_topbox02 .inner {padding: 10px;} .s0507 .ui_topbox02 .inner .img_b {position:static; width:100%;} .s0507 .ui_topbox02 .inner .txt_b .tit {margin-top:0;padding: 20px;min-height: auto;} .s0507 .ui_topbox02 .inner .txt_b .txtlist {margin-top:30px;} .s0507 .ui_topbox02 .inner .txt_b .txtlist .icon_list, .s0507 .ui_topbox02 .inner .txt_b .txtlist .icon_list2 {padding: 0 20px;} .s0507 .skin_type2 .ui_topbox02 .inner {padding: 10px 10px 70px;} .s0507 .skin_type2 .ui_topbox02 .inner .img_b {position:static; width:100%;} .s0507 .skin_type2 .ui_topbox02 .inner .txt_b .tit {margin-top:0;padding: 15px 10px 0;min-height: auto;} .s0507 .skin_type2 .ui_topbox02 .inner .txt_b .txtlist {margin-top: 20px;} .s0507 .skin_type2 .ui_topbox02 .inner .txt_b .txtlist .icon_list, .s0507 .skin_type2 .ui_topbox02 .inner .txt_b .txtlist .icon_list2 {padding: 0 10px;} } @media (max-width: 851px){ .s0507 .ui_topbox02 .inner .txt_b .tit strong {font-size:24px;} } @media (max-width: 420px){ .s0507 .ui_topbox02 .inner .txt_b .tit strong {font-size:22px;} } /* 교수소개 */ .proList_0, .proList_1 {overflow: hidden;} .proList_0 > li, .proList_1 > li{float: left; width: 48%;margin: 1%;} .proList_0 > li > ul, .proList_1 > li > ul{text-align: left;border: 2px solid #d2d2d2;background-color: #bdbdbd;} .proList_0 > li > ul > li:nth-child(1), .proList_1 > li > ul > li:nth-child(1){padding-left: 10px; color: #0a2b4c;} .proList_0 > li > ul > li:nth-child(2), .proList_1 > li > ul > li:nth-child(2), .proList_0 > li > ul > li:nth-child(3), .proList_1 > li > ul > li:nth-child(3){position: relative; padding-left: 25px;background-color: #fff;} .proList_0 > li > ul > li:nth-child(2):before, .proList_1 > li > ul > li:nth-child(2):before, .proList_0 > li > ul > li:nth-child(3):before, .proList_1 > li > ul > li:nth-child(3):before{content: "";background-color: #0a2a4c;width: 3px;height: 3px;margin-top: -1.5px;top: 50%;position: absolute;left: 15px;border-radius: 50%;} @media (max-width: 767px){ .proList_0 > li, .proList_1 > li {float:none; width:98%;} }