@charset "utf-8";

/*서브 공통*/
.sub_container #contents > h1{display:none;}
.xe_content{font-family: 'pretendard', 'Noto Sans KR', 'malgun Gothic', '맑은고딕', 'dotum', '돋움', sans-serif;}
.bul_title{font-size:26px; background:url(/html/img/sub/bul_ico.png) no-repeat left 8px; padding:0 0 30px 23px; font-weight:500;}
.bul_title2{font-size:18px; color:#304da0; font-weight:700; position:relative; padding-left:10px; margin-bottom:20px;}
.bul_title2::before{content:""; display:block; width:4px; height:18px; background:#304da0; position:absolute; left:0; top:4px;}
.blue_title{color:#304da0; font-size:18px; margin-bottom:20px;}
.mgt80{margin-bottom:80px !important;}
.mgt40{margin-bottom:40px !important;}
.mgt30{margin-bottom:30px !important;}
.mgt20{margin-bottom:20px !important;}
.mgt15{margin-bottom:15px !important;}
.sb_sc{margin-bottom:100px;}
.sb_sc.last_sc{margin-bottom:0;}
.sb_sc h3,
.sb_sc h4,
.sb_sc h5{font-weight:500;}
.dot li{position:relative; padding:0 0 5px 10px;}
.dot li::before{content:""; display:block; position:absolute; width:3px; height:3px; background:#222222; left:0; top:8px;}
.dot2 li{position:relative; text-align:left; padding: 0 0 5px 10px;}
.dot2 li::before{content:""; display:block; position:absolute; width:7px; height:7px; background:url(/html/img/sub/dot_ico.png); left:0; top:6px;}

.bd_box{border:1px solid #dddddd; padding:25px 20px; font-size:16px; line-height:1.5; margin-bottom:40px;}
.t_blue{color:#1a76a9; font-weight:500;}
.t_orange{color:#ff7200;}

/*서브컨텐츠*/
#contents {font-size: 17px; font-weight: 400;}
#contents * {word-break:keep-all;}
#contents .section {margin-bottom:60px;}
#contents .section ul {overflow:hidden;}
#contents h1:nth-of-type(1) {display:none;}
#contents .read_header h1 {display:block;}

.sub_section {margin-bottom: 60px;}
.section_title {padding-left: 20px; font-size: 22px; background: url("/html/img/section-title-bg.png") no-repeat left center;}
.section_box {margin-bottom: 40px;}
.section_box_title {margin-bottom: 18px; padding-left: 10px; font-size: 18px; background: url("../img/icon-redsq.png") no-repeat left center;}
.color_box {padding: 30px 28px; border: 1px solid #ebebeb; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.white_box {background: #fff; }
.gray_box {background: #f7f7f7; padding:30px 40px; font-size:16px; line-height:26px;  margin-bottom:60px; word-break:keep-all;}


.sms01 {padding-bottom:60px;}
.sms_tit {font-size:26px; background:url("../img/dot3.png") no-repeat 0 12px; padding-left:25px; font-weight:600; margin-bottom:30px;}
.sms_txt {font-size:16px; line-height:26px; word-break:keep-all;}
.tn_img {padding:40px 0 0 0; overflow:hidden;}
.tn_img li {float:left; padding-bottom:10px;}
.tn_img li:nth-child(n+1) {padding-right:10px;}

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


.dot {position:relative; font-size:16px; padding-left:10px;  margin-bottom:5px;}
.dot:before {content:''; display:block; width:4px; height:4px; background:#1663CA; position:absolute; left:1px; top:11px; transform: rotate(-45deg);}


.icon_box {font-size:16px; padding:40px 30px 40px 215px; border:1px solid #cdcdcd;  margin-bottom:40px;}
.icon_box .tit {font-size: 24px; 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 {}
.ss_table table {width:100%; border-collapse:collapse; font-family: 'Noto Sans KR', sans-serif !important; border-top:2px solid #1663CA;}
.ss_table table tr {}
.ss_table table  thead tr th {background:#f6f6f6; color:#222; } 
.ss_table table  tr th {background:#e5edf7; color:#135fd2; font-weight:500; border-right:1px solid #d8d8d8; font-size:14.5px;  padding:10px 5px; 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 tbody tr th {border-bottom:1px solid #d8d8d8;}
.ss_table table tr td {border:1px solid #d8d8d8; border-right:0;  font-size:14.5px; font-weight:400; padding:10px; vertical-align:top;}
.ss_table table tr td.bg {background:#f1f1f2;}
.ss_table table tr td li {position:relative; font-size:16px; padding-left:10px;}
.ss_table table tr td li:before {content:''; display:block; width:4px; height:4px; background:#1663CA; position:absolute; left:0; top:11px;}

.img_box {}
.img_box img {width:100%; max-width:100%;}

.img_list {margin:20px 0;}
.img_list img {width:100%; border:1px solid #ddd;}
.img_list ul, ul.img_list {display:flex; justify-content:space-between;}
.img_list.list2 ul{flex-wrap:wrap;}
.img_list.list2 li {width:49%;}
.img_list.list3 li {width:32.5%;}

.box_list {margin-top:40px;}
.box_list li {padding:15px 30px; background:#f1f1f1; border:1px solid #dbdbdb;  font-size:17px; margin-bottom:10px;}
.box_list .num { font-weight:600; display:inline-block; margin-right:10px;}

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

h4 {font-size:22px; background:url("/html/img/h4_icon.png") no-repeat 0 8px; padding-left:25px; font-weight:500; margin-bottom:30px;}


.title_box01 {background: #1663c0;font-size:18px;padding:20px;border: 1px solid #2541c7;color:#fff;text-align:center;margin-bottom:20px;}
.title_box02 {background:#F3F9FF url(/html/img/dpt_bg01.png) no-repeat right center; font-size:18px;padding:60px; margin-bottom:20px;}
.title_box02 .tit {position:relative; display:inline-block; font-size:26px; font-weight:600; margin-bottom:10px;}
.title_box02 .tit:before {content:''; width:100%; height:15px; background:#0496F9; opacity:0.2; position:absolute; left:0; bottom:0;}

.mgt10{margin-bottom:10px;}
.mgt20{margin-bottom:20px;}

.ready {width:100%; text-align:center;}


/*교수진소개*/
.ctt_professor .professor_list > li{float:left; width:400px; padding:25px 0 25px 0; margin-bottom:30px; border-top:2px solid #62cfd3; border-bottom:1px solid #e1e1e1;}
.ctt_professor .professor_list > li:nth-child(2n){float:right;}
.ctt_professor .professor_list .pf_img,
.ctt_professor .professor_list .details{float:left;}
.ctt_professor .professor_list .pf_img{width:170px; margin-right:30px;}
.ctt_professor .professor_list .t_list{min-height:90px;}
.ctt_professor .professor_list .sb_list{min-height:100px;}
.ctt_professor .professor_list .details .major{font-size:15px; font-weight:700; color:#304da0;}
.ctt_professor .professor_list .details .name{font-size:22px; font-weight:700; padding:8px 0 2px 0;}
.ctt_professor .professor_list .details .position{font-size:15px;}
.ctt_professor .professor_list .details .sb_list li{position:relative; padding-left:8px; margin-bottom:2px;}
.ctt_professor .professor_list .details .sb_list li::before{content:""; display:block; position:absolute; width:2px; height:2px; background:#222; top:9px; left:0;}
.ctt_professor .professor_list .details .sb_list li::after{content:""; display:block; clear:both;}
.ctt_professor .professor_list .details .sb_list li span{display:block; float:left;}
.ctt_professor .professor_list .details .sb_list li span.con{width:140px; margin-left:5px; word-break: break-all;}
.ctt_professor .btn_more {width: 110px; height: 30px; line-height: 26px; padding: 0 19px; border: 1px solid #9b9b9b; border-radius: 3px; margin-top:20px; background:url("../img/icon_more.png") no-repeat 90px center;}

.professor_wrap {}
#prof_ul {display:flex; gap:0 2%; flex-wrap:wrap;}
.prof_box {width:49%; display:flex; flex-wrap:wrap; border-top:2px solid #1663c0; border-bottom:1px solid #e1e1e1; padding:20px 0; margin-bottom:40px;}
.prof_box .prof_img { overflow:hidden;}
.prof_info {width:calc(100% - 190px); padding-left:30px; }
.prof_info .name {color:#1663c0; font-size:17px; font-weight:bold;}
.prof_info .nbig {font-size:22px;}
.prof_info .major {color:#686868; padding-top:5px;}
.prof_info .prof_con {margin-top:10px; font-size:15px; line-height:22px;}
.bold {font-weight:600;}


/*교수소개 공통*/
.tab_wrap {margin-bottom:40px;}
.tab_wrap::after{content:""; display:block; clear:both;}
.tab_wrap li{float:left; text-align:center;} 
.tab_wrap li a{display:block; border:1px solid #e1e1e1; border-right:none; height:55px; line-height:50px; font-size:15px;}
.tab_wrap li:last-child a{border-right:1px solid #e1e1e1;}

.tab_wrap li.on a{background:#1b80d8; color:#fff;}

.tab_4 li{width:20%;}

/*입시 FAQ*/
.faq_wrap2 { width:100%; }
.faq_wrap2 h2 {padding-left:25px; border:1px solid #dcdcdc; border-top:2px solid #001360;}

.faq_list {border-top:2px solid #1663c0;}
input[id*="answer"] {display:none;}
input[id*="answer"] + label {display:block;padding:20px; border-bottom:1px solid #ccc; font-weight:600;cursor:pointer;position:relative;}
input[id*="answer"] + label em {position:absolute;top:50%;right:10px;width:30px;height:30px;margin-top:-15px;display:inline-block;background:url('../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 {margin:10px 20px}
input[id*="answer"]:checked + label + div {max-height:100%;}
input[id*="answer"]:checked + label em {background-position:0 -30px;}



/*학과안내*/
.department_wrap {}
.department_top {position:relative; margin-bottom:170px;}
.department_top .img_box {background:#222;}
.department_top .img_box img {opacity:0.6;}
.department_top .text_box {width:80%; background:#fff; position:absolute; top:65%; left:50%; transform:translateX(-50%); padding: 40px 80px; text-align:center;}
.department_top h2 {display:inline-block; position:relative; font-size:26px; margin-bottom:70px; font-weight:600;}
.department_top h2:before {z-index:-1; content:''; width:105%; height:15px; background:rgba(20, 195, 188,0.2); position:absolute; bottom:-2px; left:50%; transform:translateX(-50%);}
.department_top h2:after {content:''; width:1px; height:30px; background:#ccc;  position:absolute; top:150%; left:50%;}

.dpt_list {display:flex; flex-wrap:wrap; justify-content: center; margin-top:40px;}
.dpt_list  li {width:32%; margin:0 0.5% 10px;border:1px solid #ddd; border-top:2px solid #90a0eb;    padding:30px 5px; text-align:center; font-size: 16px;}
.dpt_list li.box01 {border-top-color: #90a0eb; background: rgba(144,160,235,0.03);  }
.dpt_list li.box02 {border-top-color: #7cb6e4; background: rgba(124,182,228,0.03); }
.dpt_list li.box03 {border-top-color: #90a0eb; background: rgba(144,160,235,0.03); }
.dpt_list li.box04 {border-top-color: #7cb6e4; background: rgba(124,182,228,0.03); }
.dpt_list li.box05 {border-top-color: #90a0eb; background: rgba(144,160,235,0.03); }
.dpt_list .img_box {text-align:center; margin-bottom:20px;}
.dpt_list .img_box img {max-width:100px;}
.dpt_list .text_box {}

.dpt_list2 {display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:40px;}
.dpt_list2 li {width:32.5%;}
.dpt_list2 .img_box {text-align:center; margin-bottom:5px;}
.dpt_list2 .img_box img {width:100%;}
.dpt_list2 .text_box {border:1px solid #ddd; padding:20px; text-align:center;}

/* 오시는 길 */
.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:22px; line-height:48px; font-weight:400; text-align:center; color:#fff; background:#135fd2;}
.map_wrap .map_table .text {float:left; margin-left:30px; font-size:16px;}
.map_wrap .map_table .text .blue {color:#135fd2;  font-weight:600; font-size:18px;}
.map_wrap .map_table li {padding:20px 0; border-bottom:1px solid #eee; overflow:hidden;}
.map_wrap .dot_list li {position:relative; font-size:18px; padding-left:15px;  margin-bottom:5px;}
.map_wrap .dot_list li:before {content:''; display:block; width:5px; height:5px; background:#213473; position:absolute; left:1px; top:11px;  transform: rotate(-45deg);}


/*오시는길*/
.tb_map {border-top:2px solid #1663CA; font-size:18px; width:100%; margin-top:30px; border-spacing:0;}
.tb_map th {background:#f7f7f7; font-weight:600; width:30%; border-bottom:1px solid #e1e1e1;}
.tb_map td {padding:15px 0 15px 40px; width:70%; border-bottom:1px solid #e1e1e1;}

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

/* 학과강점 */
.sub01_3 {}
.sub01_3 .dot_list {}
.sub01_3 .dot_list ul {width:auto; margin:0 auto;}
.sub01_3 .dot_list li {width:20%; float:left;}
.sub01_3 .dot_list li.wd100 {width: 100%;}
.sub01_3 .ss01 .dot_list li.wd100 {width:auto;}
.sub01_3 .title_box01 {padding-top:65px; background:#697cd5 url(/html/img/sub01_3_icon.svg) no-repeat center 15px/40px; }


/* 교육시설 */
.facilities .img_list li {margin-bottom:20px;}

/* 진로및취업 */
.sub02 b {font-weight:500;}

/* 온라인CEO */
.ctt_online_ceo .img_box {text-align: center;}
.ctt_online_ceo .img_box img {max-width: 100%; width: auto;}


/*게시글CSS*/
.mover {}
.mover .gogo {width:100%;display:none;text-align:center;margin-bottom:10px;background:#f9f9f9;border:1px solid #d9d9d9;border-radius:5px;padding:20px 0;}
.mover .gogo i {font-size:5em;color:#efefef;}
.mover .gogo span {background:#0051a1;color:#fff;padding:4px 8px;border-radius:5px;}
.mover .pyo {width:100%;min-width:700px;border-top:3px solid #0051a1;}
.mover .pyo th,.mover .pyo td {border-bottom:1px solid #dcdee2;border-right:1px solid #dcdee2;text-align:center;line-height:1.4em;}
.mover .pyo th {background:#f9fafb;padding:15px 0;}
.mover .pyo td {padding:8px 4px;}
.mover .pyo .la {border-right:0;}
.mover .monly {display:none;}
.mover .cham {font-size:0.85em;}
.mover .cham span {color:#fe8e4a}
.mover .pyo2 {width:100%;min-width:700px;border-top:3px solid #0051a1;}
.mover .pyo2 th,.mover .pyo2 td {border-bottom:1px solid #dcdee2;border-right:1px solid #dcdee2;text-align:center;line-height:1.4em;}
.mover .pyo2 th {background:#f9fafb;padding:15px 0;}
.mover .pyo2 td {padding:8px 4px;}
.mover .pyo2 .la {border-right:0;}
.mover .pyo3 .liketh {padding:8px 0;background:#f9f9f9;font-weight:700;}
.mover .pyo3 td {vertical-align:top;padding-left:15px;}
.mover .pyo3 td ul li {background:url('/nimg/ico_graydot.png') no-repeat left 8px;text-align:left;margin-bottom:4px;padding-left:8px;padding-bottom:4px;}
.mover .ddtdleft td {text-align:left;}

.mover .pyo4 {width:100%;border-top:2px solid #0051a1;}
.mover .pyo4 th,.mover .pyo4 td {border-bottom:1px solid #dcdee2;border-left:1px solid #dcdee2;border-right:1px solid #dcdee2;text-align:center;line-height:1.4em;}
.mover .pyo4 th {background:#eaf1f8c2;padding:15px 0;}
.mover .pyo4 td {padding:12px 12px;}
.mover .pyo4 .la {border-right:0;}


.mover {font-size:1.25em;line-height:1.6em;color:#7d7d7d;}
.mover strong {color:#3f3f3f}
.mover p {margin-bottom:40px;}
.mover .graybox {padding:30px;background:#f8f8f8;}
.mover .normalul {margin-bottom:35px;}
.mover .normalul li {margin-bottom:8px;background:url('/nimg/ico_graydot.png') no-repeat left 8px;padding-left:10px;}
.mover .chamul {margin-bottom:35px;}
.mover .chamul li {margin-bottom:5px;background:url('/nimg/ico_cham.png') no-repeat left 2px;padding-left:14px;font-size:0.79em;color:#929292;line-height:1.2em;}
.mover .img2ea  {text-align:center;margin-bottom:40px;}
.mover .img2ea li {display:inline-block;margin:5px !important;}
.mover .img2ea li img {width:100%;max-width:426px;}
.mover .img2010 {width:100%;max-width:549px;}
.mover .img2020 {width:100%;max-width:565px;}