/* 컨텐츠 공통 css */
.comm_list{margin:20px 0;padding-left:20px;text-align:left;}
.comm_list li{font-size:15px;color:#545454;list-style-type:disc;list-style-position:inside}
.comm_list li.title_p{list-style:none}
.comm_list li.s_list{list-style:none;padding-left:20px}
.comm_list p{margin:10px 0;font-weight:500;color:#404040}

@media(max-width:480px){
.comm_list{padding-left:0;}
.comm_list li{font-size:14px}
}
@media(max-width:320px){
.comm_list li{font-size:12px}
}

.content_text{padding:0 0 30px 0; text-align:center}
.content_text .title{font-size:20px;color:#3b3b3b;background:url('../img/page/title_bg.jpg')no-repeat left;padding-left:20px;margin:40px 0 30px;text-align:left}
.content_text .title_s{font-size:17px;color:#3b3b3b;background:url('../img/page/title_bg2.jpg')no-repeat left;padding-left:25px;font-weight:500;margin:15px 0;margin-left:20px;text-align:left}
.content_text .text{font-size:15px;color:#545454;padding-left:20px;text-align:left; line-height: 1.6; margin-bottom: 30px; word-break:keep-all;}
.content_text:last-child{border-bottom:1px solid #dcdcdc}

@media(max-width:1300px){
.imgbox_1300 img{width:100%}
}
@media(max-width:800px){
.sub_content img{width:100%}
}

@media(max-width:480px){
.content_text .text{word-break:keep-all;padding-left:0}
}

/* 게시판 css */
#board{position:relative; padding:0 10px; margin:0 auto;float: right;width:1020px;}
@media(max-width:1300px){
#board{width:80%}
}

@media(max-width:960px){
#board{width:100%;float:none}
}

/* sub1-1 실무실습 */
.ul_col{display:flex;flex-wrap:wrap}
.ul_col > li{width:calc(50% - 10px);margin-right:20px;margin-top:20px}
.ul_col > li:nth-child(2n){margin-right:0}
.ul_col > li:nth-child(1),
.ul_col > li:nth-child(2){margin-top:0}
.ul_col.three > li{width:calc(33.33% - 13.33px);padding:30px;}
.ul_col.three > li:nth-child(2n){margin-right:20px}
.ul_col.three > li:nth-child(3n){margin-right:0}
.ul_col.three > li:nth-child(1),
.ul_col.three > li:nth-child(2),
.ul_col.three > li:nth-child(3){margin-top:0}
.ul_col.three.img > li{padding:0;}
.ul_col.three.img > li > img{width:100%}
.gray_box{padding:40px;border:1px solid #ddd}
.gray_bg{padding:40px;border:1px solid #ddd;background:#F4F4F4;color: #333;line-height: 1.6;letter-spacing: -0.8px;}
.text_sq_wrap + .text_sq_wrap{margin-top:20px}
.text_sq{padding:0 !important;text-align:center}
.text_sq .cont_tit{padding:15px 25px;margin:0;border:0}
.text_sq .text_wrap{padding:15px 25px; word-break: keep-all;}

@media(max-width:1024px){
  .ul_col{display:block}
	.ul_col > li,
	.ul_col.three > li,
	.ul_col.four > li{width:100%;margin-right:0;margin-top:15px}
	.ul_col > li:nth-child(1),
	.ul_col > li:nth-child(2),
	.ul_col.three > li:nth-child(1),
	.ul_col.three > li:nth-child(2),
	.ul_col.three > li:nth-child(3),
	.ul_col.four > li:nth-child(1),
	.ul_col.four > li:nth-child(2),
	.ul_col.four > li:nth-child(3),
	.ul_col.four > li:nth-child(4),
	.ul_full > li + li{margin-top:15px}
	.ul_col.three > li{padding:15px}
}

/* sub1-2 연혁 */
.year_wrap { position:relative;padding-top: 1.5rem; padding-left: 2rem; }
.year_wrap:before {width: 1px;height: 100%;content: "";display: block; position: absolute;left: 2.5rem;top: 0;background: url('../img/page/year_blit_02.png') repeat-y center center; }
.year_wrap .year_box { padding-left: 7rem;position: relative;margin-top: 2rem; }
.year_wrap .year_box:first-of-type { margin-top: 0; }
.year_wrap .year_box .year_tit {position: absolute;font-size: 25px;display: block;color:#174a9a;font-weight: bold;top: 0;left: 0;padding-left: 2rem;}
.year_wrap .year_box .year_tit:before { display: block;width: 1.1rem;height: 1.1rem;content: ""; position: absolute; left: 0; top:0; background: url('../img/page/year_blit_01.png') no-repeat center center/cover; }
.year_wrap .year_box .month_wrap .month {position: relative;padding-left: 12.5rem;margin-top:1.5rem;}
.year_wrap .year_box .month_wrap .month:first-of-type { margin-top: 0; }
.year_wrap .year_box .month_wrap .month .month_tit {font-size: 18px;color:#2a2a2a;position: absolute;left: 0;top: 0;}
.year_wrap .year_box .month_wrap .month .month_cont .month_list li{ padding-left: .75rem;line-height: 150%;position: relative;font-size: .8rem;font-weight: 300;color:#717171; }
.year_wrap .year_box .month_wrap .month .month_cont .month_list li:before { width: .3rem;height: .1rem;background: #c9c9c9;position: absolute;top: .5rem;left: 0;content: ""; }
.year_wrap .year_box .month_wrap .month .month_cont p {color:#717171;font-size: 15px;margin-top: 0;text-align: left;line-height: 1.6; word-break: keep-all;}
.year_wrap .year_box .month_wrap { padding-bottom: 3rem;position: relative;background: url('../img/page/year_blit_03.png') repeat-x left bottom; }

@media (max-width:800px){
  .year_wrap .year_box .month_wrap .month {padding-left: 11rem;}
  .year_wrap .year_box .month_wrap .month .month_tit{font-size: 16px;}
  .year_wrap .year_box .month_wrap .month .month_cont p {font-size: 14px;}
}

@media (max-width:640px){
  .year_topbox { padding: 2rem; }
  .year_topbox strong { font-size: 1.3rem; }
  .year_wrap:before { left: .5rem; }
  .year_wrap { padding-left: 0; }
  .year_wrap .year_box {padding-left: 2.5rem;padding-top: 2rem;}
}

/* sub1-3 전공소개 */
.contTable { position: relative; border-collapse: collapse; width: 100%; border-top: 2px solid rgb(51, 51, 51); letter-spacing: -0.05em; line-height: 1.26rem; table-layout: fixed; }
.contTable::after { display: block; content: ""; position: absolute; width: 100%; height: 1px; background: rgb(158, 158, 158); bottom: 0px; left: 0px; z-index: 2; }
.contTable thead th { background: rgb(245, 246, 249); color: rgb(62, 62, 62); font-size: 0.8rem; padding: 0.8rem 0.6rem; border-width: 1px 1px 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(198, 198, 198);
  border-bottom-color: rgb(198, 198, 198); border-image: initial; border-left-style: initial; border-left-color: initial; border-right-style: solid; border-right-color: rgb(213, 213, 213); text-align: center; word-break: keep-all; overflow-wrap: break-word; font-size: 14.9px; word-wrap: break-word;}
.contTable tbody th { background: rgb(245, 246, 249); padding: 0.66rem; border-bottom: 1px solid rgb(198, 198, 198); border-right: 1px solid rgb(213, 213, 213); font-weight: 400; color: rgb(79, 86, 91); text-align: center;}
.contTable td {background: rgb(255, 255, 255); padding: 0.66rem; border-width: 0px 0px 1px 1px; border-bottom-style: solid;
  border-bottom-color: rgb(198, 198, 198); border-image: initial; border-left-style: solid; border-left-color: rgb(213, 213, 213); border-right: 1px solid rgb(213, 213, 213) !important;
  border-top-style: initial; border-top-color: initial; text-align: center; font-weight: 300; color: rgb(75, 75, 75); word-break: keep-all;
  overflow-wrap: break-word; border-left: 1px solid rgb(213, 213, 213) !important; border-bottom: 1px solid rgb(213, 213, 213) !important; word-wrap: break-word;}
.contTable tr td:first-child {border-left: 0px !important; border-right: 1px solid rgb(213, 213, 213) !important; }
.contTable tr th:last-child { border-right: 0px !important; }
.contTable tr td.l_line:first-child { border-left: 1px solid rgb(213, 213, 213) !important; }
.contTable tr th.ll_line { border-left: 1px solid rgb(213, 213, 213) !important; }
.contTable.full { min-width: 100% !important; }
.table_tbody { position: relative; border-collapse: collapse; width: 100%; border-top: 2px solid rgb(51, 51, 51); letter-spacing: -0.05em; line-height: 1.26rem; }
.table_tbody::after { display: block; content: ""; position: absolute; width: 100%; height: 1px; background: rgb(158, 158, 158); bottom: 0px; left: 0px; z-index: 2; }
.table_tbody tbody th { background: rgb(245, 246, 249); color: rgb(62, 62, 62); padding: 0.66rem; border-width: 0px 1px 1px 0px; border-bottom-style: solid; border-bottom-color: rgb(198, 198, 198); border-image: initial;
  border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: rgb(213, 213, 213); }
.table_tbody tbody td { padding: 0.66rem; border-left: 1px solid rgb(213, 213, 213); border-bottom: 1px solid rgb(198, 198, 198); font-weight: 300; color: rgb(79, 86, 91); text-align: center; }
table.text_left td { text-align: left !important; }
table.text_many thead th { padding: 0.8rem 2px; }
table.text_many tbody th { padding: 0.66rem 3px; }
table.text_many tbody td { padding: 0.66rem 3px; }
.td_line { border-left: 1px solid rgb(213, 213, 213) !important; }
.td_line2 { border-right: 1px solid rgb(213, 213, 213) !important; }
.line_none_right { border-right: 0px !important; }
.line_none_left { border-left: 0px !important; }
.p_text { font-size: 0.8rem; }
.half_Table { position: relative; }
.half_Table table { width: 49.2%; display: inline-block; }
.half_Table table:last-child { margin-left: 0.5rem; }
.mCont_scroll::before { display: none; content: ""; width: 20px; height: 37px; position: absolute; top: 0px; right: 23px; animation: 0.7s linear 1s infinite alternate none running leftright; background: url("../img/page/mCont_scroll_ico.png") center center / 20px no-repeat; }
@keyframes leftright {
  0% { transform: translateX(-3px); }
  100% { transform: translateX(3px); }
}

@media screen and (max-width: 767px) {
  .contTable thead th { padding: 0.66rem 0.3rem; font-size: 12.8px;}
  .contTable tbody th { padding: 0.53rem 0.3rem; font-size: 12.8px;}
  .contTable tbody td { padding: 0.53rem 0.3rem;  font-size: 12.8px;}
  .table_tbody tbody th { padding: 0.53rem 0.3rem; font-size: 12.8px;}
  .table_tbody tbody td { padding: 0.53rem 0.3rem; font-size: 12.8px;}
  .p_text { display: block; }
}

@media (max-width: 640px) {
  .mCont_scroll { padding-top: 3rem; background: url("../img/page/mCont_scroll_ico_arr.png") right 0px / 68px 40px no-repeat; position: relative; }
  .mCont_wrap { overflow-x: auto; }
  .mCont_scroll::before { display: block; }
  .contTable { min-width: 640px; }
  .half_Table table { width: 100%; display: block; table-layout: fixed; min-width: 100%; }
  .half_Table table:last-child { margin-left: 0px; }
}

/* sub1-4 교수소개 */
.professor_list_wrap > li {position: relative;margin-top: 40px;padding: 40px 15px ;border: 1px solid rgb(221, 221, 221);background: url("../img/page/professor_bg01.png") right top no-repeat;width: 31.3%;float: left;margin-right: 2%;}
.professor_list_wrap > li:first-child { margin-top: 0px; }
.professor_list_wrap > li::before { position: absolute; left: -1px; top: 20px; display: inline-block; width: 2px; height: 180px; content: ""; background: rgb(137, 137, 137); }
.professor_list_wrap .professor_box { clear: both; overflow: hidden; }
.professor_list_wrap .professor_box > li { float: left; display: block; }
.professor_list_wrap .professor_box .box01 {transition: all 0.5s ease 0s; }
.professor_list_wrap .professor_box .box01 .img_box { position: relative; width: 150px; height: 180px; overflow: hidden; }
.professor_list_wrap .professor_box .box01 .img_box img { position: relative; top: 50%; transform: translateY(-50%); max-height: 200px; height: 100%; }
.professor_list_wrap .professor_box .box01 .text01 { font-size: 26px; letter-spacing: -0.5px; color: rgb(26, 26, 26); padding-top: 15px; }
.professor_list_wrap .professor_box .box01 .text01 span { color: rgb(0, 157, 232); padding-right: 0px; font-weight: 500;}
.professor_list_wrap .professor_box .box01 .text02 { padding-top: 20px; font-size: 14px;}
.professor_list_wrap .professor_box .box01 .text03 { padding-top: 17px; }
.professor_list_wrap .professor_box .box01 dl dt { padding-left: 27px; }
.professor_list_wrap .professor_box .box01 .text02 dt { background: url("../img/page/professor_icon01.png") left center no-repeat; }
.professor_list_wrap .professor_box .box01 .text03 dt { background: url("../img/page/professor_icon02.png") left center no-repeat; }
.professor_list_wrap .professor_box .box01 dl dt, .professor_list_wrap .professor_box .box01 dl dd { display: block; }
.professor_list_wrap .professor_box .box01 dl dd { padding-top: 7px; font-size: 15px; color: rgb(26, 26, 26); font-family: Roboto; line-height: 1.2em; }
.professor_list_wrap .professor_box .box02 { width: calc(100% - 190px); min-height: 361px; padding-left: 40px; border-left: 1px solid rgb(238, 238, 238); transition: all 0.5s ease 0s; }
.professor_list_wrap .professor_box .box02 .text01 { font-size: 24px; color: rgb(26, 26, 26); font-weight: 500; }
.professor_list_wrap .professor_box .box02 .text02 { padding-top: 15px; color: rgb(51, 51, 51); }
.professor_list_wrap .professor_box .box02 .text03 { padding-top: 20px; color: rgb(51, 51, 51); }
.professor_list_wrap .professor_box .box02 .video_box { position: relative; width: 100%; margin-bottom: 40px; height: 0px; overflow: hidden; padding-bottom: 50%; }
.professor_list_wrap .professor_box .box02 .video_box iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

@media(max-width:480px){
  .professor_list_wrap > li {width: 100%; margin-top: 20px !important;}
}


/* sub3-1 취업분야 */
.dl_text_wrap{border:0;padding:0;}
.gray_box{padding:40px;border:1px solid #ddd; text-align: left; line-height: 1.6; letter-spacing: 0.8px;}
.gray_bg{padding:40px;border:1px solid #ddd;background:#F4F4F4; border-top: none;}
.gray_bg2{padding:15px 20px;background:#ddd;font-weight:400;color:#333}
.dot_list > li{padding:4px 13px;padding-right:20px;text-indent:-13px;line-height:1.6;font-weight:300; text-align: left;}
.dot_list > li::before{content:'';display:inline-block;width:3px;height:3px;margin-right:10px;background:#333;vertical-align:middle}


/* sub3-2 우수취업자소개 */
.prof_wrap + .prof_wrap{margin-top:20px}
.prof_box{display:flex;flex-wrap:wrap;align-items:center;position:relative;margin-bottom:40px}
.prof_box .prof_img{position:relative;width:88px;height:88px}
.prof_box .prof_img::before{content:'';display:block;position:absolute;left:-41px;top:0;width:2px;height:100%;background:#898989}
.prof_box .prof_text{display:flex;align-items:center;width:calc(100% - 90px);padding-left:20px}
.prof_box .prof_text .name{font-weight:400;font-size:24px;margin-right:10px}
/* .prof_box .prof_text .name_box{width:35%;padding-right:20px;} */
.prof_box .prof_text .prof_info{width:75%;padding-left:20px;border-left:1px solid #ddd;color:#666}
.prof_box .btn01{position:absolute;top:15px;right:0}
.prof_wrap.profe{background:#F4F4F4;border:0}
.prof_wrap.profe .prof_box{margin-bottom:0}
.prof_wrap.profe .prof_box .prof_text{display:block}

.prof_wrap.profe .prof_box .prof_img::before{display:none}
.prof_wrap.profe .prof_box .prof_text{padding-left:30px}
.prof_wrap.profe .prof_box .prof_text .name{font-size:20px;}
.prof_wrap.profe .prof_box .prof_text .major_posi{margin-bottom:15px;font-size:13px;}
.review {color: #333; line-height: 1.6;  letter-spacing: -0.8px;  word-break: keep-all;}

/* sub4-1 학과홍보 */
.dl_wrap01.bg01 {background: url(../img/page/dl_wrap01_bg01.png) left 40px center no-repeat;}
.di_53.dl_wrap01.bg01{background-image:url(../img/page/di_53_top_box_bg.png)}
.dl_wrap01{min-height:95px;padding:40px 40px 40px 165px;margin-bottom:40px;border:1px solid #dddddd;}
.dl_wrap01.bg01{background: url(images/sub/dl_wrap01_bg01.png) left 40px center  no-repeat;}
.dl_wrap01 .text_box{padding-left:40px; border-left:1px solid #eeeeee;}
.dl_wrap01 .text_box .text01{padding-top:5px;padding-bottom:10px;font-size:18px;color:#1a1a1a; line-height: 1.2em;min-height:46px; text-align: left;}
.dl_wrap01 .text_box .text02{line-height: 1.6;font-size:15px;min-height:75px; text-align: left;}
.dl_wrap01 .text_box .text03{padding-top:20px; text-align: left;}
.dl_wrap01 .text_box .text03 .btn01{height:50px; padding:0 28px;margin:2px 0;margin-right:7px; line-height:48px;line-height:1;  border:1px solid #313131;background:#fff;}
.dl_wrap01 .text_box .text03 .btn01:hover{border-color:#009DE8;color:#009DE8}
.dl_wrap01 .text_box .text03 .btn01 span{display: inline-block; padding:16px 0;}
.dl_wrap01 .text_box .text03 .btn01.icon01 span{ padding-right:34px;background: url(../img/page/dl_wrap01_icon01.png) 99% center  no-repeat;}
.dl_wrap01 .text_box .text03 .btn01.icon01:hover span{background-image:url(../img/page/dl_wrap01_icon01_over.png)}
.dl_wrap01 .text_box .text03 .btn01.icon02 span{padding-right:34px;background: url(../img/page/dl_wrap01_icon02.png) 99% center  no-repeat;}
.dl_wrap01 .text_box .text03 .btn01.icon02:hover span{background-image:url(../img/page/dl_wrap01_icon02_over.png)}
.dl_wrap01 .text_box .text03 .btn01.icon03 span{padding-right:28px;background: url(../img/page/btn_link_ic.png) 99% center  no-repeat;}
.dl_wrap01 .text_box .text03 .btn01.icon04 span{padding-right:28px;background: url(../img/page/btn_new_link_ic.png) 99% center  no-repeat;}
.dl_wrap01 .text_box .text03 .btn01.icon04:hover span{background-image:url(../img/page/btn_link_ic_w_over.png)}

.di_73.dl_wrap01.bg01{background-image:url(../img/page/sub/di_73_top_box_bg.png)}
.btn01{display:inline-block; min-width:30px; padding: 0; text-align:center; font-size:16px; border-radius:0; word-break: keep-all;opacity: 1;}

@media only screen and (max-width:1024px){
	.dl_open_img_wrap{padding:20px 0 40px;}

	.dl_wrap01{padding:20px;margin-bottom:20px;background: none !important;min-height: auto;}
	.dl_wrap01 .text_box{border-left:none;padding-left:0;}
	.dl_wrap01 .text_box .text03{clear: both;overflow: hidden;}
	.dl_wrap01 .text_box .text03 .btn01{width:100%;padding:0 10px;float: left;margin-right:0;}
	.dl_wrap01 .text_box .text03 .btn01 + .btn01{margin-top:5px}
}

/* sub6-2 더존ERP트랙사업비전 */
.img_info_list > ul > li{display:flex;flex-wrap:wrap;align-items:center;background:#F4F4F4}
.img_info_list > ul  > li + li{margin-top:20px}
.img_info_list > ul  > li:nth-child(2n){flex-direction:row-reverse;}
.img_info_list .img_wrap{display:flex;overflow:hidden;align-items:center;width:370px;}
.img_info_list .img_wrap img{max-width:fit-content}
.img_info_list .text_wrap{width:calc(100% - 370px);padding:20px 40px}
.img_info_list strong{font-weight:600}
.img_info_list .cont_tit{margin:0 0 10px;font-size:20px;color: #005194;line-height: 1.6;letter-spacing: -0.8px;text-align: left; font-weight: 600;}
.img_info_list p{color: #333;line-height: 1.6;letter-spacing: -0.8px;text-align: left; word-break: keep-all;}
.img_info_list.half .img_wrap,
.img_info_list.half .text_wrap{width:50%}
.img_info_list .text_box + .text_box{margin-top:20px}
.img_info_list h5{font-weight:500}
.img_info_list .img_wrap{position:relative}
.img_info_list .feature_desc{position:absolute;top:40px;left:40px;text-align:left}
.img_info_list .feature_desc span,
.img_info_list .feature_desc p{color:#fff}
.img_info_list .feature_desc .feature_tit{font-size:28px;background:no-repeat 0 100%}
.img_info_list > ul  > li:nth-child(2n) .feature_desc{left:auto;right:40px;text-align:right}
.img_info_list > ul  > li:nth-child(2n) .feature_desc .feature_tit{background-position-x:100%}

@media only screen and (max-width:1024px){
  .img_info_list > ul > li{display:block}
	.img_info_list > ul > li + li{margin-top:10px}
	.img_info_list .img_wrap{width:100%;text-align:center}
	.img_info_list .text_wrap{width:100%;padding:15px}
	.img_info_list .cont_tit{margin:5px 0;font-size:17px;}
	.img_info_list.half .img_wrap,
	.img_info_list.half .text_wrap{width:100%}
	.img_info_list .feature_desc,
	.img_info_list > ul > li:nth-child(2n) .feature_desc{top:15px;left:15px;right:auto;text-align:left}
	.img_info_list > ul > li:nth-child(2n) .feature_desc .feature_tit{background-position-x:0}
	.img_info_list .feature_desc .feature_tit{padding-bottom:50px;font-size:22px;background-size:45px}
	.img_info_list .text_box + .text_box{margin-top:10px}
}

/* sub6-3 협약기업현황 */
.convention {background: #fff;padding:35px 45px;display:flex;flex-wrap:wrap;justify-content:flex-start;border: 1px solid #ddd;}
.convention li {transition:all .4s;position:relative;margin:5px;color: #333;width:220px;height:70px;background: #F4F4F4;display:flex;align-items:center;justify-content:center;}
.convention li:after {position:absolute;right:0;top:0;content:'';display:block;width: 0px;height: 0px;border-bottom: 13px solid transparent;border-right: 13px solid #CCCCCC;top: 3px;right: 3px;}
.convention li:hover {box-shadow:0 0 15px rgba(0,0,0,.5)}

/* sub6-3 협약기업현황 color on*/
/* .convention {background:#f2f2f2;padding:35px 45px;display:flex;flex-wrap:wrap;justify-content:flex-start}
.convention li {transition:all .4s;position:relative;margin:5px;color:#005194;width:220px;height:70px;background:#fff;display:flex;align-items:center;justify-content:center;}
.convention li:after {position:absolute;right:0;top:0;content:'';display:block;width: 0px;height: 0px;border-bottom: 13px solid transparent;border-right: 13px solid #005194;}
.convention li:hover {box-shadow:0 0 15px rgba(0,0,0,.5)} */