/* View */
.cont_view .view_title { font-size:16px; color:#3b3b3b; font-weight: bold; text-align:center; }
.cont_view .view_date { text-align:center; }
.cont_view .view_date p { padding:4% 0 0; color:#a2a2a2; font-size:13px; font-weight:bold; display:inline-block;}
.cont_view .view_date a { float: right; padding: 3% 0; display: inline-block; color: #283444; font-size: 12px; }
.cont_view .view_date a img { width: 1.5em; }
.cont_view .view_cont { width: 100%; }
.cont_view .view_cont th { width: 30%; background: #f8f8f8; padding: 4% 0; text-align: center; font-weight: normal; border-bottom: 1px solid #dedede; color: #3b3b3b; }
.cont_view .view_cont td { border-bottom: 1px solid #dedede; color: #3b3b3b; padding: 0.5em 0 0.5em 1em; }
.cont_view .view_cont_div { color: #3b3b3b; line-height: 1.5; margin-bottom:3%; }
.cont_view .view_cont_div img { max-width: 100%; }
.prevnext {margin: 3% 0; width:auto; /* height:4.5em; */ heigth:auto; line-height:2.5em; color:#515151; padding-left:0.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prevnext .prev { border-bottom:1px solid #dedede; }
.prevnext .next {  }
.view_bt a { display:block; padding:3% 0; font-size:16px; color:#fff; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; text-align:center; background:#54c5b8; margin:3% 0; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.view_bt a>span { color:#fff; font-size:16px; font-weight:bold; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; }

/* gallery 산학협력 목록 */
/* .cont_photo table {width:100%;}
.cont_photo table th {width:30%; border-bottom:1em solid #f8f8f8;}
.cont_photo table td {width:70%; border-bottom:1em solid #f8f8f8; padding:4%; background:#fff;}
.cont_photo table td span { font-weight:bold; }
.cont_photo table td span:first-child {color:#3b3b3b; font-size:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:3px; }
.cont_photo table td span:last-child {display:block; color:#a2a2a2;}
.cont_photo .list_bt a { display:block; padding:3% 0; font-size:16px; color:#fff; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; text-align:center; background:#54c5b8; margin:3% 0; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.cont_photo .list_bt a>span { color:#fff; font-size:16px; font-weight:bold; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; } */

/* advice */
.cont_advice {  }
.cont_advice .list_advice { text-align:center; position:relative; }
.cont_advice .year { font-size:17px; color:#fff; width:auto; background:#283444; margin:6% auto; padding:1.5% 4.5%; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; display:inline-block; position:relative; z-index:2; }
.cont_advice .list_advice .list_a { position:relative; }
.cont_advice .list_advice .list_a .line_a { width:100%; height:1px; background:#283444; position:absolute; top:40px; z-index:1; }
.cont_advice .list_advice .list_a table { width:92%; margin:0 auto; }
.cont_advice .list_advice .list_a table td { padding-bottom:4%; }
.cont_advice .list_advice .list_a table td:first-child { padding-right:1.5%; }
.cont_advice .list_advice .list_a table td:last-child { padding-left:1.5%; }
.cont_advice .list_advice .list_a table td img { border-top:1px solid #dedede; background:#fcfcfc; padding:5% 10%; box-sizing:border-box; }
.cont_advice .list_advice .list_a table td div { padding:8% 0; background:#f8f8f8; border-bottom:1px solid #dedede; }
.cont_advice .list_advice .list_a table td div p.name { font-weight:bold; }
.cont_advice .list_advice .list_a table td div p.com { font-size:12px; }
.cont_advice .history_advice { text-align:center;  background:#f8f8f8; border-top:1px solid #dedede; position:relative; }
.cont_advice .history_advice .year { position:absolute; top:-40px; margin-left:-10%; }
.cont_advice .history_advice .title_a_history { color:#283444; font-size:18px; font-weight:bold; margin:6% auto 0; }
.cont_advice .history_advice .table_a_history { width:92%; padding:10% 4% 5%; margin:10% auto 0; background:#fff; border-top:1px solid #dedede; border-bottom:1px solid #dedede; position:relative; }
.cont_advice .history_advice .table_a_history table#a_history {  }
.cont_advice .history_advice .table_a_history table#a_history td { padding:0 0 0 15px; }
.cont_advice .history_advice .table_a_history table#a_history td.month { width: 26px; color:#a2a2a2; font-weight:bold; vertical-align:top; padding:0 12px 0 0; border-right:1px solid #dedede; white-space:nowrap; }
.cont_advice .history_advice .table_a_history table#a_history tr:last-child td.month { border-right:0; }
.cont_advice .history_advice .table_a_history table#a_history td img.dot { width:4%; margin-top:0; position:absolute; left:10.7%; background:#fff; }
.cont_advice .history_advice .table_a_history table#a_history td ul { padding-bottom:8%; }
.cont_advice .history_advice .table_a_history table#a_history td ul li { text-align:left; font-size:12px; padding:2px 0;}

/* advice-i */
.cont_advice .i_info { text-align:center; padding:3% 0 8%; margin:0 auto; border-bottom:1px solid #dedede; }
.cont_advice .i_info img { width:48%; margin:0 auto; }
.cont_advice .i_info .oran { color:#f4735d; font-size:25px; font-weight:bold; padding:0 0 4%; }
.cont_advice .i_info .i_bar { width:40px; height:1px; background:#dedede; margin:0 auto 4%; }
.cont_advice .i_info .i_com { color:#a3a3a3; }
.cont_advice .i_info .i_com p { padding-bottom:2%; }
.cont_advice .i_info .i_com span { letter-spacing:-0.5px; color:#a3a3a3; }
.cont_advice .com_info { text-align:center; }
.cont_advice .com_info .name_com { font-size:17px; font-weight:bold; color:#fff; width:auto; background:#54c5b8; margin:6% auto 3%; padding:1.5% 4.5%; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; display:inline-block; }
.cont_advice .com_info .intro_com { font-size:13px; width:92%; margin:0 auto; }
.cont_advice .com_info .intro_com p { color:#283444; font-weight:bold; font-size:19px; padding-bottom:2%; }
.cont_advice .com_info table { width:92%; margin:5% auto 8%; border-bottom:1px solid #dedede; }
.cont_advice .com_info table tr { border-top:1px solid #dedede; }
.cont_advice .com_info table th { padding:3%; background:#f8f8f8; min-width:75px; font-size:13px;  }
.cont_advice .com_info table td { text-align:left; padding:3%; font-size:13px; }

.cont_advice .advice_list_warp { width:92%; margin:0 auto; }
.cont_advice .advice_list_warp .close { display:none; }
.cont_advice .advice_list_warp .close .btn_open {  }
.cont_advice .advice_list_warp .close .btn_open a {  }
.cont_advice .advice_list_warp .open {  }
.cont_advice .advice_list_warp .open .btn_close { display:none; }
.cont_advice .advice_list_warp .open .btn_close a {  }
.cont_advice .advice_list_warp .open .advice_list { padding:8% 4% 0.5%; background:#f8f8f8; text-align:center; margin-bottom:6%; }
.cont_advice .advice_list_warp .open .advice_list p.list_year { color:#283444; font-size:16px; font-weight:bold; padding:0 0 5%; }
.cont_advice .advice_list_warp .open .advice_list p.list_year img { width:6%; }
.cont_advice .advice_list_warp .open .advice_list ul { overflow:hidden; padding:0 0 5%; border-bottom:1px solid #dedede; margin:0 0 6%; }
.cont_advice .advice_list_warp .open .advice_list ul li { float:left; background:#e9e9e9; padding:2% 0; margin-right:5px; margin-bottom:3%; width:74.5px; }
.cont_advice .advice_list_warp .open .advice_list ul li.on{background: #fa5c3f;}
.cont_advice .advice_list_warp .open .advice_list ul li.empty { background:#f8f8f8; }
.cont_advice .advice_list_warp .open .advice_list ul li span { font-size:11px; }
.cont_advice .advice_list_warp .open .advice_list ul li.on span{ color: #fff;}

/* 기업체 인터뷰, 산학협력 목록 */
.cont_company table {width:100%; table-layout:fixed;}
.cont_company table th {width:30%; border-bottom:1em solid #f8f8f8;}
.cont_company table td {width:70%; border-bottom:1em solid #f8f8f8; padding:4%; background:#fff;}
.cont_company table .title {overflow:hidden; display:block; max-width:100%; margin-bottom:3px; max-height:2.4em; line-height:1.2em; text-overflow:ellipsis; white-space:nowrap; color:#3b3b3b;} /* 제목 */
.cont_company table td span {display:block; font-weight:bold; }
.cont_company table td span:nth-child(2) {color:#f4735d;color: var(--color-blue); font-size:15px; padding-bottom:0.5em;} /* 기업명 */
.cont_company table td span:last-child {overflow:hidden; color:#a2a2a2; font-size:13px;font-size: 0;} /* 날짜 */
.cont_company table td .name { font-size:12px; }
.cont_company .list_bt a { display:block; padding:3% 0; font-size:16px; color:#fff; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; text-align:center; background:#54c5b8; margin:3% 0; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.cont_company .list_bt a>span { color:#fff; font-size:16px; font-weight:bold; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; }

/* 산학협력 목록 */
.industrialEdu_list table .title {height:2.6em; margin-bottom:0; line-height:1.3em; white-space:initial;}
.industrialEdu_list table td span:nth-child(2) {padding-bottom:0;}

/* in interview */
.interview_text_top { padding:10% 0 8%; border-bottom: 1px solid #dedede; }
.interview_text_bottom { padding: 6% 0 8%; }
.interview_text_top h4, .interview_text_bottom h4 { color:#f4735d; font-size:17px; padding-bottom:15px; text-align:center; }
.interview_text_top p, .interview_text_bottom p { color:#283444; line-height:1.5; text-align:center; }
.interview_text_bottom p {  }
.interview_table_top { text-align: center; padding-bottom: 30px; }
.interview_table_top .bar { margin:0 auto 5%; width:50px; }
.interview_table_top img { width:28%; }

#interview_table_top { text-align: center; padding-bottom: 30px; }
#interview_table_top .bar { margin: 0 auto; width: 50px; height: 20px; border-top: 1px solid #dedede; }

#interview_view {  }
#interview_view>div { padding-top: 4%; }
#interview_view h5 { font-size:1em; padding-bottom:10px; color:#f4735d; line-height:1.5; }
#interview_view table {  }
#interview_view table td {  }
#interview_view table td.fir { width:15%; vertical-align:top; padding-right:15px;}

#interview_table { width: 100%; border-top: 1px solid #dedede; }
#interview_table th { text-align:center; background: #f8f8f8; border-bottom: 1px solid #dedede; width:25%; }
#interview_table td { font-weight: normal; border-bottom: 1px solid #dedede; padding: 15px 30px; line-height:1.5; color:#515151; }
#interview_table td h3 { font-weight: normal; line-height: 1.5; }
#interview_table td a { color:#000; color:#515151; }
#interview_table td p { font-size: 12px; padding-bottom: 5px; color: #a2a2a2; }

@media all and (max-width:1060px){
	#interview_view #viewleft,#interview_view  #viewright { width: auto; float: none;}
	#interview_view2 #viewleft,#interview_view2  #viewright { width: auto; float: none;}
	#interview_view3 #viewleft,#interview_view3 #viewright { width: auto; float: none;}
}


/* 기업체인터뷰 */
/* 기업체인터뷰 상세_20220114 */
#interview_view4 img {margin-bottom:20px;}
#interview_view4 .wrap {}
#interview_view4 .wrap:last-of-type {padding-bottom:20px;}
#interview_view4 .wrap h1 {font-size:20px; color:#ff1800; font-weight:800; line-height:1.1; clear:both;}
#interview_view4 .line_left {width:30px; height:2px; background:#222; padding-bottom:0; margin-bottom:15px; clear:both;}
#interview_view4 .wrap .viewright .text {padding-bottom:20px;}
#interview_view4 .wrap .viewright .text p {text-align:justify;}
#interview_view4 .wrap .part_title {font-size:17px; color:#ff1800; margin-bottom:15px;}
#interview_view4 .wrap h5 {padding-bottom:1.5%; color:#ff1800; font-weight:400; line-height:1.5; /*font-size:15px;*/font-size:1em;}
.mobile_logo img {float:none;}
img.mobile_logo2 {/* width: 35%; */width:40%;}
#interview_view4 .com_logo {text-align:center;}
#interview_table2 th {padding:0; color:#222; font-weight:normal; font-size:13px; text-align:center; width:7.2em;width:7.5em; background:#f2f5f9; border-top:1px solid #222; border-bottom:1px solid #dae0e9; height:40px;}
#interview_table2 td {padding:5px 15px; text-align:left; font-family:NanumBarunGothic, "Nanum Gothic", Dotum, sans-serif; font-size:13px; /*color:#6d6e72;*/color:#333; border-top:1px solid #222; border-bottom:1px solid #dae0e9;}
#interview_table2 td p, #interview_table2 td a {color:#666; font-size:13px;}
#interview_table2 td .middot {padding-left:10px;}
#interview_table2 td .middot::before {content:"·"; width:3px; margin:0 4px 4px -6px;}

#interview_view4 .wrap:first-child {padding-top:35px}
#interview_view4 .company_top {display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; width:100%; padding:0 7% 7%; /*margin-bottom:17px;*/ background:#f2f5f9; color:#222;}

#interview_view4 .company_top .company_top_img {width:100%; margin:-35px auto 0;}
#interview_view4 .company_top .company_top_img img {width:100%;}

#interview_view4 .company_top .company_top_info {width:100%; height:auto; font-weight:bold;}
#interview_view4 .company_top .company_top_info p {color:#222;}
#interview_view4 .company_top .company_top_info p.company_top_cname {font-size:24px; line-height:1.8;}
#interview_view4 .company_top .company_top_info p.company_top_name {font-weight:500; font-size:15px; letter-spacing:-0.075em;}
#interview_view4 .company_top .company_top_info p.company_top_explain::before {content:""; display:block; width:50px; height:1px; margin:15px 0; background:#dae0e9;}
#interview_view4 .company_top .company_top_info p.company_top_explain {/* color:#5b5b5b; */ font-weight:400; font-size:14px; letter-spacing:-0.075em;}

#interview_view4 table:not(#interview_table2) td {line-height:1.5; border:0; padding-bottom:1%; text-align:justify;}
#interview_view4 .fir { width:3.5em; vertical-align:top; }

#interview_view4 .viewright .interview_bottom_logo {width:26px; height:26px; margin-top:13px;}

	/* 220217 */
#interview_view4 .wrap:not(:last-child) .viewleft {margin-top:17px;}
#interview_view4 .interview_table4 {text-align:left;}
/* #interview_view4 .interview_table4 tr {padding-bottom:1%;} */
#interview_view4 .interview_table4 th {padding-bottom:2%; color:#ff1800;}
#interview_view4 .interview_table4 tr:not(:first-of-type) th {padding-top:20px;}
#interview_view4 .interview_table4 + h5 {padding-top:20px;}
#interview_view4 .interview_table4 img {margin:0;}

#interview_view4 .interview_table4 + img {margin-top:20px; margin-bottom:0;}