@charset "utf-8";

/*== 메인 ==*/
/* 비쥬얼이미지 */
#main_visual {position: relative; height: calc(100vw*(637/1024)); min-height: 420px; max-height: 637px;}
#main_visual .bx-wrapper, #main_visual .bx-viewport, #main_visual .bxslider, #main_visual .slider {height: 100%!important;}
#main_visual .inner {height: calc(100% - 125px);}
#main_visual .slider01 {background: url('/html/img/visual01.jpg') no-repeat center center; background-size: cover;}
#main_visual .slider02 {background: url('/html/img/visual02.jpg') no-repeat center center; background-size: cover;}
#main_visual .slider03 {background: url('/html/img/visual03.jpg') no-repeat center center; background-size: cover;}
#main_visual .vt_p {position: relative; margin-top: 0.882em; padding-top: 0.941em; font-size: 1.214em; line-height: 1.45em;}
#main_visual .vt_p:before {content: ""; width: 30px; height: 1px; background-color: #fff; position: absolute; top: 0; left: 50%; margin-left: -20px;}




/* 페이징 */
#main_visual .bx-wrapper .bx-pager {bottom: calc(105px + 5%); z-index: 9;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border: 2px solid #fff; background: transparent;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus,
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff;}


/* 메인 섹션 공통  */
.main_section {padding: 5rem 0;}
.main_section * {word-break: keep-all;}
.main_section .inner,
#partnership .inner {margin: 0 auto; padding: 0 3%;}
.main_section .inner:after {display:block;visibility:hidden;clear:both;content:""}
.main_section .title_wrap {margin-bottom: 2em;}
.main_section .s_title {font-size: 1.785rem; font-weight: 300;}
.main_section .contents:after {display:block;visibility:hidden;clear:both;content:""}
.main_section .mb_more {
    display: inline-block; line-height: 30px; padding: 0 1.785em;
    background-color: transparent; border: 1px solid rgba(96,96,96,0.8);
    font-size: 1rem; font-weight: 300; text-align: center;
}

.bbs_more a { color: #555; font-size: 16px; position: absolute; right: 0; top: 7px; font-weight: 600; background: url(/html/img/mr_btn1.png) no-repeat right center; background-size:14px; }
h3.bar {position:relative; font-size:1.785rem; font-weight:600; padding-left:15px; margin-bottom:30px;}
h3.bar:before {content:'';  width:5px; height:75%; background:#FFD109; display:block; position:absolute; left:0; top:55%; transform:translateY(-50%);}
.thin { font-weight: 300; }

   
/* 메인 */
.ms01 {position:relative; margin-top:-175px;  z-index:999; background:url("/html/img/con_bg1.png") no-repeat; background-size:cover;}
.ms01 .bn_wrap01 {overflow:hidden;}
.ms01 .bn_wrap01 li {float:left; text-align:left;  width:50%; padding:20px 3%; color:#fff;}
.ms01 .bn_wrap01 li a {color:#fff;}
.ms01 .bn_wrap01 .bn01 { width:100%; margin-bottom:10px; background:url("/html/img/bn_bg01.jpg") no-repeat; background-size:100%;}
.ms01 .bn_wrap01 .bn02 {background: #3575E7 url("/html/img/bn_bg02.jpg") top right no-repeat; background-size:150%; padding-bottom:30px; }
.ms01 .bn_wrap01 .bn03 {background:#01B0B5 url("/html/img/bn_bg03.jpg")  top right  no-repeat; background-size:150%; }
.ms01 .bn_wrap01 .bn_tit {font-size:1.8rem; font-weight:600; padding-bottom:10px;}
.ms01 .bn_wrap01 .bn_txt {font-size:1rem; padding-bottom:20px; line-height:1.5;}
.ms01 .bn_wrap01 .bn02 .bn_txt {min-height:112px;}
.ms01 .bn_wmr {font-size:1rem; border:1px solid #fff; text-align:center; width:130px; height:40px; line-height:38px;}
.ms01 .bn_wmr a { display:block ; color:#fff;}
.ms01 .bn_mr {font-size:15px; border:1px solid #222; text-align:center; width:180px; height:40px; line-height:38px;}

.ms01 .bn_wrap01 .bn03 ul {}
.ms01 .bn_wrap01 .bn03 ul li {font-size:1rem; border:1px solid #fff; width:100%; height:40px; margin-bottom:10px; padding:0 3% ; line-height:38px;}
.ms01 .bn_wrap01 .bn03 ul li a {display:block; padding-left:5%;}
.ms01 .bn_wrap01 .bn03 .bn_ds { display:inline-block; padding-left:5%;}


.ms01 .job_all {padding-top:3rem; clear:both; overflow:hidden;}
.ms01 .job_wrap h3 { position:relative; font-size:1.8rem; font-weight:600; margin-bottom:30px; padding-left:14px;}
.ms01 .job_iv h3 { position:relative; font-size:1.8rem; font-weight:600; margin-bottom:30px; padding-left:14px;}
.ms01 .job_wrap h3:before,
.ms01 .job_iv h3:before {content:''; display:block; width:4px; height:70%; background:#006CD0; position:absolute; left:0; top:50%; transform:translateY(-45%);}
.ms01 .job_wrap {width:100%;  position:relative; margin-bottom:40px;}
.ms01 .job_iv {width:100%; position:relative; overflow:hidden; }
.job_wrap .job_img img {width:100%;}
.job_wrap .job_txt {height:55px; background:url("/html/img/opacity05.png") no-repeat; position:absolute; bottom:0px; width:100%; padding-left:15px;}
.job_wrap .job_txt a {color:#fff; opacity:1; font-size:1rem; line-height:55px;}
.jobiv li {float:left; width:49%;}
.jobiv li:first-child {margin-right:2%;}
.job_iv .iv_txt {overflow:hidden;}
.job_iv .iv_txt img {width:100%;}
.job_iv .iv_bd {padding-top:10px;}
.job_iv .iv_tit {font-size:1rem;  color:#7e7e7e; margin-bottom:5px;}
.job_iv .iv_nm {font-size:1.2rem;  color:#93714e; font-weight:600; line-height:1.2rem; padding-bottom:15px;}
.job_iv .iv_vu {font-size:1rem;  color:#7e7e7e; border-top:1px solid #7e7e7e; clear:both; padding-top:15px;}


.ms02 {clear:both; background:url("/html/img/con_bg2.jpg")  no-repeat; background-size:cover;}
.ms02 .inner {}
.ms02 .inner h3 {font-size:2rem; font-weight:600; margin-bottom:20px;}
.ms02 .notice {width:100%; position:relative; margin-bottom:40px;}
.ms02 .QA_wrap {width:100%; position:relative;}

.bbs_more a {color:#555; font-size: 18px; position: absolute; right: 0; top: 0; font-weight: 400;}
.no-data { padding: 1rem 0; border-bottom: 1px solid #ddd; text-align: center; }
.ms02 .article { border-top: 1px solid #202020; }
.ms02 .article li:first-child {/* min-height:210px; */}
.ms02 .article li a { display: block; overflow:hidden; position: relative; padding: 3%; border-bottom: 1px solid #ddd; }
.ms02 .article li a::before { top: 1.6rem;  position: absolute; left: 0; width: 4px; height: 4px; background-color: #767676; content: ''; }
.ms02 .article li a .nt_bg {color:#fff; background:#12a976; width:60px; height:30px; text-align:center; line-height:30px; margin-bottom:10px;}

.ms02 .article li a .date {float:left; width:30%; font-size: 1rem; font-weight: 400; color: #777; line-height:1.5; text-align:right;}
.ms02 .article li a .date strong { font-weight: 400; }
.ms02 .article li a .date strong::before { margin-left: -0.15rem; content: '.'; }

.ms02 .article li a .desc { display: block; width:70%; float:left;  overflow:hidden;}
.ms02 .article li a .desc strong { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ display: block; font-weight: 300; line-height:1.5; float:left;}
.ms02 .article li a .desc span { display: none; }

.ms02 .article li:first-child a { padding: 1.5rem 0 1.5rem 0; }
.ms02 .article li:first-child a::before { display: none; }
.ms02 .article li:first-child a .date {color:#999; text-align:left; margin-top: 10px;}
.ms02 .article li:first-child a .date strong { font-size: 2.4rem; position: absolute; left: 0; top: 0; width: 100%; font-weight: 600; color: #000; line-height: 1; }
.ms02 .article li:first-child a .date strong::before { display: none; }
.ms02 .article li:first-child a .desc { width:100%; padding-right: 0; }
.ms02 .article li:first-child a .desc strong { width:100%; font-size:1.3rem; line-height:1.5; margin-bottom: 10px; font-weight: 600; color: #000; }
.ms02 .article li:first-child a .desc span {font-size:1rem; display: block; overflow: hidden;  color: #767676;padding:0 3% 0 0;}


.ms03 {background:url("/mobile_html/img/ms03_bg.jpg")  no-repeat; }
.ms03 .inner {clear:both; overflow:inherit; /* padding:100px 0 60px 0; */}
.ms03 h2 {text-align:center; font-weight:600; font-size:2rem; padding-bottom:40px; color:#fff;}
.ms03 .h2_txt {text-align:center; font-size:0.9rem; text-transform:uppercase; letter-spacing:0.06em; color:#fff;; padding-bottom:10px;}
.ms03 .gll_txt {background:#fff; overflow:hidden; margin:0 2px;}
.ms03 .gll_txt p > img {width:100%;}
.ms03 .gll_bd {border:1px solid #dcdcdc;}
.ms03 .gall_date {font-size:0.9rem; font-weight:500; color:#999; padding:0 3% 5px 3%;}
.ms03 .gall_tit {font-size:1rem; padding:10px 3%; font-weight:600; height:54px;}
.ms03 .gall_mr { margin:0 auto; padding:5px 0 15px 3%; position:relative; font-size:0.9rem;}
.ms03 .gall_mr img {position:absolute; bottom:17px; left:80px;}
.ms03 .slick-prev {width:75px; height:14px; background:url("/html/img/prev_btn.png") no-repeat; top:-70px; left:10px;}
.ms03 .slick-next {width:75px; height:14px; background:url("/html/img/next_btn.png") no-repeat; top:-70px; right:10px;}

.ms04 {background:#e3eef9; padding:2rem 0; margin-bottom:3rem;}
.ms04 .inner {}
.ms04 .inner h2 {text-align:center; font-size:1.8rem; font-weight:600; margin-bottom:20px;}
.thin {font-weight:300;}
.quick_bnwrap {clear:both; overflow:hidden;}
.quick_bn {overflow:hidden;}
.quick_bn li {width:33.33%; text-align:center; float:left; font-size:1rem; font-weight:500; margin-bottom:20px;}
.quick_bn li:nth-child(4),
.quick_bn li:nth-child(5),
.quick_bn li:nth-child(6) {margin-bottom:0;}
.quick_bn li img {padding-bottom:15px; width:60px;}


.ms05  {padding-top:0;}
.ms05  h3 {position: relative; font-size: 1.8rem; font-weight: 600; margin-bottom: 30px; padding-left: 14px; }
.ms05  h3:before { content: ''; display: block; width: 4px; height: 70%; background: #006CD0; position: absolute; left: 0; top: 50%; transform: translateY(-45%); } 
.ms05 .ms_video {width:100%;  margin-bottom: 40px;}
.ms05 .ms_video iframe {width:100%; height:250px;}
.ms05 .ms_partner {width:100%;}
.ms05 .mp_slider {height:auto; padding:20px; background:#1C3245;}
.ms05 .mp_con {text-align:center;  padding:1%;}
.ms05 .mp_con img {width:100%;}



/*팝업레이어*/
.popup_wrap {display: none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.popup_wrap .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup_wrap .pop_layer {display:block;}
.pop_layer {display:none; position: absolute; top: 50%; left: 50%; width: 94%; max-width: 390px; min-height: 100px; background-color:#fff; border: 0 none; z-index: 10;}	
.pop_container {position: relative; padding: 2rem;}
.pop_container .close {position: absolute; right: 20px; top: 20px; border-top: 0 none;}
.pop_container .close a {line-height: 1em;}
.pop_container input[type="checkbox"] {-webkit-appearance: checkbox; -moz-appearance: checkbox;}


/*== 서브 ==*/
/* 비쥬얼이미지 */
#sub_visual {position: relative; height: 240px; background: url('/html/img/sub_top.jpg') no-repeat center center; background-size: cover}
#sub_visual .inner  {margin:0 auto; text-align:center; padding:0;}
#sub_visual .visual_txt {display:table-cell; vertical-align:middle;}
#sub_visual .visual_txt  h2 {color:#fff; font-size:2rem; margin-bottom:10px;}
#sub_visual .visual_txt p {font-size:1.2rem; color:#fff; font-weight:200;}


#sub_contents h1:nth-child(1) {display:none;}
#sub_contents .board{overflow-x:hidden;}
.xe_content {line-height: 1.4;}

/* 서브컨텐츠 */
.white_box {background: #fff; }
.gray_box {background: #f7f7f7; padding:20px 30px; font-size:14px; line-height:1.5;  margin-bottom:30px; word-break:keep-all; text-align:center;}
.sms_tit {font-size: 1.428rem; background:url("/html/img/dot3.png") no-repeat center left; padding-left:16px; font-weight:600; margin-bottom:20px;}

/* 섹션 공통 */
.sub_section {padding-top: 3.125rem; font-size: 1.072rem; font-weight: 300;}
.sub_section * {word-break: keep-all;}
.sub_section.ss01 {padding-top: 0!important;}

.margin_b {width:100%; overflow:hidden; display:block; margin-bottom:40px !important; }


.sub_section .ss_title {position: relative; margin-bottom: 0.4em; padding-left: 12px; font-size: 1.428rem; font-weight: 400; line-height: 1.3em;}
.sub_section .ss_title:before {
    content: ""; display: block; width: 6px; height: 6px;
    background: url("../img/sub/s_title.png") no-repeat left top;
    background-size: cover;
    position: absolute; left: 0; top: 9px;
}
.sub_section .ss_title .small {font-size: 15px; font-weight: 400;}

.sub_section .contents { }
.sub_section .contents:after {display:block;visibility:hidden;clear:both;content:""}
.sub_section .contents .point {color: #113569; font-weight: 700;}

.sub_section .ss_box {margin: 1.25rem 0 2.5rem;}
.sub_section .ss_box:last-child {margin-bottom: 0;}
.sub_section .sb_title {position: relative; margin-bottom: 0.56em; padding-left: 10px; font-size: 1.286rem; font-weight: 400; line-height: 1.3em;}
.sub_section .sb_title:before {content:""; width: 2px; height: 0.95em; background: #2c7fe5; position: absolute; top: 0.1667em; left: 0;}
.sub_section .sb_con {margin-bottom: 20px;}
.sub_section .sb_con:last-child {margin-bottom: 0;}

.sub_section .img_box1 {padding: 1.2rem; border: 1px solid #e1e1e1; text-align: center;}
.sub_section .img_box1 img {max-width: 100%;}
.sub_section .img_box2 {padding: 2rem; background: #eaecf3; text-align: center;}
.sub_section .line_box {padding: 1.2rem; border: 1px solid #e1e1e1;}
.sub_section .intro_box {padding: 3.125rem 2.1875rem; background-color: #f7f9fc;}
.sub_section .intro_box .sb_title {margin-bottom: 1.2rem; font-size: 1.5rem; font-weight: 700; line-height: 1.416em; padding-left: 0; color: #223464;}
.sub_section .intro_box .sb_title:before {display: none;}
.sub_section .intro_box .sb_con {font-size: 1.143rem; line-height: 1.411em;}

.sub_section .tbl_wrap * {word-break: break-all;}
.sub_section .tbl_wrap td {font-size: 1rem; line-height: 1.4em;}

.btn_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.btn_wrap .btn01 {display: inline-block; position: relative; padding: 12px 64px 12px 20px; line-height: 1em; background-color: #113569; color: #fff; font-size: 1.072rem; text-align: left;}
.btn_wrap .btn01:after {position: absolute; top: 12px; right: 20px; content:"\f138"; font: normal normal normal 1em/1 FontAwesome}

.btn_wrap .btn02 {display: inline-block; position: relative; padding: 12px 64px 12px 20px; line-height: 1em; background-color: #105cb4; color: #fff; font-size: 1.072rem; text-align: left;}
.btn_wrap .btn02:after {position: absolute; top: 12px; right: 20px; content:"\f138"; font: normal normal normal 1em/1 FontAwesome}

.bubble {font-size:1.3em;}
.document_popup_menu {display:none;}

/* 들여쓰기 */
.ss_title + .idt {margin-left: 12px;}
.sb_title + .idt {margin-left: 10px;}
.s_depth1 {}
.s_depth1 > li {position: relative; margin-bottom: 3px; padding-left: 10px;}
.s_depth1 > li:before {content:""; position: absolute; top: 0.53em; left: 0; width: 3px; height: 3px; background: #aebacd;}
.s_depth1 > li:last-child {margin-bottom: 0;}
.s_depth2 {font-size: 1rem;}
.s_depth2 > li {position: relative; margin-bottom: 0; padding-left: 10px; margin: 3px 0;}
.s_depth2 > li:before {content: ""; position: absolute; top: 9px; left: 0; width: 3px; height: 1px; background: #aebacd;}

.s_dl {font-size: 14px; line-height: 24px;}
.s_dl dt {float: left; clear: both; position: relative; padding-left: 12px; width: 84px; margin-right: 20px;}
.s_dl dt:before {content:""; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background: #aebacd;}
.s_dl dt:after {display:block;visibility:hidden;clear:both;content:""}
.s_dl dd {overflow: hidden;}

/* 숫자 넘버링 리스트 */
.numbering {counter-reset: num;}
.numbering > li {position: relative; padding-left: 18px;}
.numbering > li:before {
    content: counter(num); counter-increment: num 1;
    display: block; position: absolute; top: 0.4em; left: 0;
    font-size: 10px; font-weight: 400; width: 12px; height: 12px; line-height: 11px; text-align: center; border-radius: 3px; background: #018850; color: #fff;
}

/* 이미지가 있는 리스트 */
.pt_list:after {display:block;visibility:hidden;clear:both;content:""}
.pt_list > li .img {width: 100%; margin-bottom: 0.8rem;}
.pt_list > li .img img {width: 100%;}
.pt_list > li .sb_title {font-size: 1.143rem; margin-bottom: 0}
.pt_list > li .sb_title:before {height: 0.93em; top: 3px;}


.col2_ul {margin: -1rem -0.5rem;}
.col2_ul > li {float: left; width: 50%; padding: 1rem 0.5rem;}

.col3_ul {margin: -1rem -0.5rem;}
.col3_ul > li {float: left; width: 33.3333%; padding: 1rem 0.5rem;}
.sb_con .col3_ul {margin: -0.5rem;}
.sb_con .col3_ul > li {padding: 0.5rem;}
.sb_con .col3_ul > li .img {margin-bottom: 0.5rem;}

.col5_ul {margin: -0.8rem -1.4%;}
.col5_ul > li {float: left; width: 20%; padding: 0.8rem 1.4%; text-align: center; line-height: 1.4em;}
.col5_ul > li:nth-of-type(5n+1) {clear: both;}
.col5_ul > li .img {border: 1px solid #e1e1e1;}

/* 서브공통 */
#sub_contents .section {margin-bottom:3rem;}
#sub_contents .section:last-child {margin-bottom:0;}
#sub_contents .section ul {overflow:hidden;}
#sub_contents h1:nth-of-type(1) {display:none;}
.read_header h1 {display:block !important;}
.top_area  h1 {display:block !important;}
#sub_contents *  { word-break: keep-all; }
.sms_tit {font-size: 1.428rem; background:url("/html/img/dot3.png") no-repeat center left; padding-left:20px; font-weight:600; margin-bottom:20px;  background-size: 13px;}
.sms01 {padding-bottom:2rem;}
.sms_txt {font-size:1rem; background:url("/html/img/bar3.png") no-repeat 0 11px; padding-left:15px;  word-break:keep-all; margin-bottom:10px;}
.tn_img {margin-top:2rem; overflow:hidden;}
.tn_img li {width:49%; margin-right:2%; float:left; margin-bottom:10px;}
.tn_img li:nth-child(2n) {margin-right:0;}


.section .dot_list li {position:relative; font-size:1rem; padding-left:15px;  margin-bottom:5px;}
.section .dot_list li:before {content:''; display:block; ; width:5px; height:5px; background:#213473;  position:absolute; left:1px; top:0.5rem; transform: rotate(-45deg);}

.dot {position:relative; font-size:1rem; padding-left:15px;  margin-bottom:5px;}
.dot:before {content:''; display:block; width:5px; height:5px; background:#213473;  position:absolute; left:1px; top:0.5rem; transform: rotate(-45deg);}

.icon_box {font-size:1rem; padding:110px 5px 20px; border:1px solid #cdcdcd; margin-bottom:40px; text-align:center;}
.icon_box br {display:none;}
.icon_box .tit {font-size: 1.3rem; margin-bottom: 10px;font-weight:600;}
.icon_box li {position:relative; padding-left:10px; line-height:1.7;}
.icon_box li:before {content:''; display:block; width:4px; height:4px; background:#222; position:absolute; left:0; top:12px;}

.ss_table {width:100%;overflow:auto;}
.ss_table table {width:100%; border-collapse:collapse; white-space:nowrap;font-family: 'NanumSquare', 'Noto Sans KR', sans-serif !important; border-top:2px solid #135fd2;}
.ss_table table tr {}
.ss_table table  thead tr th {background:#f6f6f6; color:#222; border:1px solid #d8d8d8;}
.ss_table table tr th:first-child {border-left:0;}
.ss_table table tr th:last-child {border-right:0;}
.ss_table table tr th {background:#E7EFFA; color:#135fd2; font-weight:400; border-right:1px solid #d8d8d8; font-size:14.5px;padding:5px;}
.ss_table table tbody tr th {border-bottom:1px solid #d8d8d8;}
.ss_table table tr td {border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; font-size:14.5px; font-weight:400; padding:5px;vertical-align:top;}
.ss_table table tr td.bg {background:#f1f1f2;}
.ss_table table tr td li {position:relative; font-size:14.5px; padding-left:10px;}
.ss_table table tr td li:before {content:''; display:block; width:4px; height:4px; background:#213473; position:absolute; left:0; top:0.4rem;}


.pic_list li {width:49%; float:left; margin-bottom:20px; margin-right:2%}
.pic_list li img {border:1px solid #ddd;}
.pic_list li:nth-child(2n) {margin-right:0;}
.pic_list .pic_tit {position:relative;  font-size:1rem; padding-left:10px; margin-top:10px;}
.pic_list .pic_tit:before {content:''; width: 3px; height:13px; background:#213473; display:block;  position:absolute; left:0; top:0.2rem;}

.gray_box img {display:inline-block;}
.blue {color:#135fd2; font-weight:600;}
.orange {color:#ff5d22; font-weight:600;}



h4 {font-size:1.2rem; background:url("/html/img/h4_icon.png") no-repeat 0 4px; background-size:10px; padding-left:15px; margin-bottom:20px;}



.title_box01 {background:#E7EFFA; font-size:1.1rem; padding:20px; border: 1px solid #135fd2; text-align:center; margin-bottom:20px;}


/*학과안내*/
.normalul {margin:35px 0;} 
.mov_emb { position: relative; width: 100%;padding-bottom: 56.25%;}
.mov_emb iframe { position: absolute;  width: 100%; height: 100%; }
.mov_emb video { position: absolute; width: 100%; height: 100%; }


/*교수진소개*/
.professor_wrap {}
#prof_ul {}
.prof_box {width:100%;  border-top:2px solid #527fff; border-bottom:1px solid #e1e1e1; padding:20px 0; margin-bottom:20px; overflow: hidden;}
.prof_box .fleft {float:left; width:45%;}
.prof_box .fleft img{width:100%; max-width:180px; height:100%;}
.box_R {}
.prof_box .prof_img {padding-right:10px; display:block; overflow:hidden;}
.prof_info {width:55%; float:left;}
.prof_info .name {color:#304da0; font-size:17px; font-weight:bold;}
.prof_info .nbig {font-size:1.2rem;}
.prof_info .major {color:#304da; padding-bottom:5px; font-weight:600;}
.prof_info .prof_con {margin-top:10px; font-size:13px; line-height:22px;}
.bold {font-weight:600;}
.professor_wrap .btn_more {width: 110px; height: 30px; line-height: 26px;border: 1px solid #9b9b9b; border-radius: 3px; margin-top:20px; background:url("/html/img/icon_more.png") no-repeat 90px center;}
.professor_wrap .btn_more  a {display:block;  padding: 0 19px; }

/* 학과연혁 */
.history_wrap {}
.history_top {height:180px; width:100%; text-align:center; display:table; margin-bottom:20px; background: url('/html/img/history_bg.jpg') no-repeat; background-size:cover;}
.history_top .box {display:table-cell; vertical-align:middle; color:#fff;}
.history_top p {font-size:1.2rem; font-weight:200; letter-spacing:1px; text-transform:uppercase;}
.history_top h2 {position:relative; font-size:2rem; font-weight:400; margin-top:20px; padding-top:5px;}
.history_top h2:before {content:''; width:35px; height:2px; background:#fff; display:block; position:absolute; left:50%; transform:translateX(-50%); top:0;}

.history_wrap .history {padding-left:3%; }
.history > ul { overflow:inherit !important; border-left:1px solid #ccc; padding:20px 3%;}
.history > ul:after { content:''; clear: both; display:block;}
.history > ul > li { position:relative;  clear: both;}
.history > ul > li:before {content:''; display:block; position:absolute; left:-4.5%; top:0.8rem; width:8px; height:8px;  transform: rotate(-45deg);}

.history_wrap .years {font-size:1.5rem; margin-bottom:10px;}
.history_wrap .con { margin-bottom:20px;}
.history_wrap .con p {}
.history_wrap .con .date {font-size:1.1rem; color:#a9a9a9;  width: 15%; float: left;}
.history_wrap .con li {overflow:hidden; margin-bottom:20px;}
.history_wrap .con li:last-child {margin-bottom:0;}

.history_wrap  .ss01  .years {color:#135fd2;}
.history_wrap  .ss01 .history > ul > li:before {background:#135fd2;}

.history_wrap  .ss02  .years {color:#3fb466;}
.history_wrap  .ss02 .history > ul > li:before {background:#3fb466;}

/* 찾아오시는길 */
.map_wrap {}
.map_wrap .dot_list span {font-weight:600; display:inline-block; margin-right:10px;}
.map_wrap .map_table {border-top:2px solid #135fd2;}
.map_wrap .map_table  .num {width:50px; height:50px; float:left; font-size:1.1rem; line-height:48px; font-weight:400; text-align:center; color:#fff; background:#135fd2;}
.map_wrap .map_table  .text {float:left; width: calc(100% - 70px); margin-left:20px; font-size:1rem;}
.map_wrap .map_table  .text .blue {color:#135fd2;  font-weight:600; margin-bottom:5px;}
.map_wrap .map_table  li {padding:20px 0; border-bottom:1px solid #eee; overflow:hidden;}

/* 전공소개 */
.major_wrap {}
.major_wrap .gray_box {text-align:center; padding:30px 20px; margin-top:30px;}
.major_wrap .icon_box {background: url('/html/img/major01_icon.png')  center 20px no-repeat; background-size:70px; }
.major_wrap .pic_list li {margin-bottom:0;}


/* 특성화프로그램 */
.program_wrap {}
.program_wrap .program {margin-top:40px;}
.program_wrap .pic_list {margin-bottom:20px;}
.program_wrap .pro_box {border:1px solid #ccc; margin-bottom:20px;}
.program_wrap .pro_top {border-bottom:1px solid #ccc;  text-align:center; padding:20px 5%;}
.program_wrap .pro_top p {padding-left:5px; font-size:1.1rem; font-weight:500; margin-top:10px;}
.program_wrap .pro_top img {width:50px; display:inline-block;}
.program_wrap .pro_box  .dot_list {padding:20px 5%; min-height:100px; }

.program_wrap .program01 {border-color: #135fd2;}
.program_wrap .program01 .pro_top { border-color: #135fd2; color: #135fd2;}
.program_wrap .program02 {border-color: #f37040;}
.program_wrap .program02 .pro_top{border-color: #f37040; color: #f37040;}
.program_wrap .program03 {border-color: #159972;}
.program_wrap .program03 .pro_top{border-color: #159972; color: #159972;}

/* 정규입시 */
.ipsi_wrap {}
.ipsi_wrap .ss01 td,
.ipsi_wrap .ss02 td,
.ipsi_wrap .ss03 td {text-align:center; vertical-align:middle;}

.ipsi_wrap .ss02 .ss_table,
.ipsi_wrap .ss03 .ss_table{margin-bottom:20px;}

.ipsi_wrap .ipsi_info {overflow:hidden; margin-bottom:20px;}
.ipsi_wrap .ipsi_info div {width:49%; min-height:217px; margin-right:2%; float:left;  padding:110px 0 20px;  border:1px solid #d8d8d8; text-align:center; }
.ipsi_wrap .ipsi_info .left {background: url('/html/img/ipsi_info01.png') center 20px no-repeat;  background-size:70px; }
.ipsi_wrap .ipsi_info .right {background: url('/html/img/ipsi_info02.png') center 20px  no-repeat;  background-size:70px;  margin-right:0%;}
.ipsi_wrap .ipsi_info .tit {color:#135fd2; font-size:1.2rem; font-weight:600; margin-bottom:5px;}
.ipsi_wrap .ipsi_info a {display:block;}


/* 산업체, 학사학위 */
.sub05 {}
.sub05 i {margin:0 5px}
.sub05 i img {padding-bottom: 3px;}
.sub05 .icon_box {border-color:#eee; margin-bottom: 5px;}
.sub05 .icon_box .top_txt {margin-bottom:10px;}
.sub05 .sms_txt {display:inline-block; color:#135fd2;  font-weight:600; }
.sub05 .dot_list {display:inline-block; width:300px; text-align:left;}
.sub05 .con01 {background: url('/html/img/sub05_icon01.png') center 20px no-repeat;  background-size:70px; }
.sub05 .con02 {background: url('/html/img/sub05_icon02.png') center 20px no-repeat;  background-size:70px; }
.sub05 .con03 {background: url('/html/img/sub05_icon03.png')center 20px no-repeat;  background-size:70px; }
.sub05 .ss_table li:before {transform:rotate(-45deg); left:1px;}
.sub05 .ss_table tbody th {background:#f6f6f6; color:#222;}
.sub05 .ss_table td {padding-left:20px;}

/*오시는길*/
.tb_map {border-top:2px solid #01B0B5; font-size:15px; width:100%; margin-top:20px; border-spacing:0; font-family: 'Nanum Square', 'Noto Sans KR', sans-serif !important;}
.tb_map th {background:#f7f7f7; font-weight:600; width:30%; border-bottom:1px solid #e1e1e1;}
.tb_map td {padding:10px 0 10px 3%; width:70%; border-bottom:1px solid #e1e1e1;}
.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap{border-bottom:1px solid #dad8d1;}
.root_daum_roughmap{width:100% !important;} 


/* 우수취업자 */
.ctt_interview .emp_li {margin: 0 0 30px;}
.ctt_interview .btn_more {position: absolute; bottom: 10px; height: 30px; line-height: 28px; padding: 0 19px; border: 1px solid #909090; border-radius: 3px;}
.ctt_interview .btn_more span {display: inline-block; padding-right: 27px; background: url("/html/img/icon_more.png") no-repeat right center; font-size: 0.9rem; font-weight: 300; text-transform: uppercase;}
.ctt_interview .emp_box { padding: 20px 0 10px; border-top: 2px solid #01B0B5; border-bottom: 1px solid #e1e1e1; -webkit-box-sizing: content-box;-moz-box-sizing : content-box; box-sizing: content-box;}
.ctt_interview .emp_box:after {display:block;visibility:hidden;clear:both;content:""}
.ctt_interview .emp_box .emp_img {width:40%; margin-right:5%; height: 100%; float:left; text-align:center;}
.ctt_interview .emp_box .emp_img img {width: 100%; height: auto; object-fit: cover;}
.ctt_interview .emp_box .emp_info {position: relative; width:55%; height: 100%; padding-bottom:50px;  font-weight: 400; float:right;}
.ctt_interview .emp_box .bo_cate_link {display: block; margin-bottom: 8px; font-weight: 500; color: #01B0B5; line-height: 1em;}
.ctt_interview .emp_box .bo_title {display: block; margin-bottom: 5px; font-size: 1.2rem;  font-weight: 700;}
.ctt_interview .emp_box .emp_con {line-height: 1.67em;}
.ctt_interview .emp_box .emp_con li {position: relative; padding-left: 12px;}
.ctt_interview .emp_box .emp_con li:before {content:""; width: 3px; height: 3px;; background: #222222; position: absolute; top: 11px; left: 0; }


.interview_form .inner {width:100%;}
.interview_form .table_wrap {margin-left:-20px;}
.interview_form .table_wrap:after {clear:both; content:''; display:block}
.interview_form .ss_section {width:50%; float:left; padding-left:20px;}
.interview_form table {width:100%;  font-size:1.067em; border-collapse:collapse; font-family:'Noto Sans KR', sans-serif !important}
.interview_form table tr th {border-top:2px solid #222; background:#f7f7f7; font-weight:400; padding:10px 0; font-size:1.1em; border-bottom:1px solid #e1e1e1;}
.interview_form table tr td {padding:10px 10px 50px; vertical-align:top; font-weight:300;}
.interview_form table .blank {padding:0px;}

.ctt_interview #bo_hd {position: relative; margin-top:30px;}
.ctt_interview #bo_v_title {/* padding-right: 110px; */}
.ctt_interview #bo_v_title .bo_v_tit {display:block; font-size: 1.46em; word-break:break-all; font-family: 나눔스퀘어, NanumSquare, sans-serif; font-weight: 700;}
.ctt_interview #bo_hd .bo_v_date {position: absolute; top: 0; right: 0; color: #888;}
.ctt_interview #bo_v_atc {min-height:200px;height:auto !important;height:200px; padding: 20px 0 30px; border-bottom: 2px solid #01B0B5;}
.ctt_interview #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
.ctt_interview #bo_v_con .infot {width:100% !important;}

.ctt_interview .bo_v_com {margin: 40px 0; text-align: center;}
.ctt_interview .bo_v_com li {display: inline-block; margin: 0 3px; vertical-align: top; font-size: 1.067em; font-weight: 400;}

.ctt_interview #bo_v a.btn, 
.ctt_interview #bo_v .btn {line-height: 38px !important; height: 40px !important; padding: 0 10px !important; text-align: center !important;font-size: 1.067em; font-weight: 400;}
.ctt_interview #bo_v a.btn_b01, 
.ctt_interview #bo_v .btn_b01 {display: inline-block; background: #f7f7f7; border: 1px solid #e1e1e1; color: #222; text-decoration: none; vertical-align: middle;}
.ctt_interview #bo_v a.btn_b02 {display: inline-block; background: #01B0B5; border: 1px solid #01B0B5; color: #fff; text-decoration: none; vertical-align: middle;}


/*입시 FAQ*/
.faq_list {border-top:2px solid #01B0B5; margin:0 3%;}
input[id*="answer"] {display:none;}
input[id*="answer"] + label {display:block;padding:20px 15% 20px 3%; line-height:1.3; border-bottom:1px solid #ccc; font-weight:900;cursor:pointer;position:relative; font-size:13px;}
input[id*="answer"] + label em {position:absolute;top:50%;right:10px;width:30px;height:30px;margin-top:-15px;display:inline-block;background:url('/html/img/arrow.png') 0 0 no-repeat;}
input[id*="answer"] + label + div {max-height:0;transition: all .35s;overflow:hidden;background:#f5f5f5; font-size:14px; line-height:24px;}
input[id*="answer"] + label + div p {display:inline-block;padding:20px 3%; font-size:13px;}
input[id*="answer"]:checked + label + div {max-height:100%;}
input[id*="answer"]:checked + label em {background-position:0 -30px;}


/*== 769px 이상 ==*/
@media all and (min-width: 769px) {

}


/*== 768px 이하 ==*/
@media all and (max-width: 768px) {
    /*== 서브 ==*/
    /* 섹션 공통 */
    .sub_section .intro_box {padding: 2.5rem 1.75rem;}

    /* 이미지가 있는 리스트 */
    .col5_ul > li {width: 25%}
    .col5_ul > li:nth-of-type(5n+1) {clear: none;}
    .col5_ul > li:nth-of-type(4n+1) {clear: both;}
    

}


/*== 499px 이하 ==*/
@media all and (max-width: 499px) {
    /*== 메인 ==*/
    /* 비쥬얼이미지 */
    #main_visual .inner {height: calc(100% - 116px);}
    /* 페이징 */
    #main_visual .bx-wrapper .bx-pager {bottom: calc(96px + 5%); z-index: 9;}
    /*== 컨테이너 ==*/
    /* 메인 섹션01 - 입학정보 */
    .ms01 .title_wrap {height: 192px; margin-top: -96px;}
    .ms01 .ms_entrance a {height: 96px;}

    /*== 서브 ==*/
    /* 섹션 공통 */
    /* 이미지가 있는 리스트 */
    .col2_ul > li {float: none; width: 100%;}
    .col3_ul > li {width: 50%;}

    .col5_ul > li {width: 33.3333%;}
    .col5_ul > li:nth-of-type(5n+1),
    .col5_ul > li:nth-of-type(4n+1) {clear: none;}
    .col5_ul > li:nth-of-type(3n+1) {clear: both;}
    

}


/*== 374px 이하 ==*/
@media all and (max-width: 374px) {
    /*== 서브 ==*/
    /* 섹션 공통 */
    .sub_section .ss_title:before {top: 7px}

    .btn_wrap .btn01, .btn_wrap .btn02 {width: 100%;}

    /* 이미지가 있는 리스트 */
    .col3_ul > li {float: none; width: 100%;}
    .sb_con .enm .col3_ul > li {float: left; width: 50%;}

    
}