#content { background:#fff; }
#content.cont_photo, #content.cont_board, #content.cont_interview, #content.cont_company, #content.cont_phrase, #content.cont_board { background: #f8f8f8; }

/* haksa gallery */
.cont_photo table { width: 100%; }
.cont_photo table th { width: 30%; border-bottom: 1em solid #f8f8f8; }
.cont_photo table td { width: 70%; background: #fff; border-bottom: 1em solid #f8f8f8; padding:4%; }
.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 { color:#a2a2a2; display:block; }
.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; }

/* 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%; }
.cont_view .prevnext {margin: 3% 0; width:auto; /* height:4.5em; */ height:auto; line-height:2.5em; color:#515151; padding-left:0.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cont_view .prevnext .prev { border-bottom:1px solid #dedede; }
.cont_view .prevnext .next {  }
.cont_view .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; }
.cont_view .view_bt a>span { color:#fff; font-size:16px; font-weight:bold; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; }

.videowrapper {position: relative;height: 100%;overflow:hidden;text-align: center;}
.videowrapper iframe,
.videowrapper object,
.videowrapper embed {top: 0;}	

/***kh 채널 on***/
.khOn_section .content{}
.khOn_section .content .khOn-content{width:100%; height:240px; position:relative; margin-bottom:36px;}
.khOn_section .content .khOn-content:last-child{margin-bottom: 30px;}
.khOn_section .content .khOn-content .on-thumnail-wrap{width:100%; height:196px; overflow:hidden; border-radius:18px;}
.khOn_section .content .khOn-content .on-thumnail-wrap img{width:100%; height:auto;}
.khOn_section .content .khOn-content .only-img-video{position:absolute; top:14px; right:14px;}
.khOn_section .content .khOn-content .only-img-video img{width:31px; height:31px;}
.khOn_section .content .khOn-content .on-item-wrap{margin-top:6px;}
.khOn_section .content .khOn-content .on-item-wrap .on-item-title{font-size:15px; color:#222;}
.khOn_section .content .khOn-content .on-item-wrap .on-item-txt{font-size:13px; color:#444;}

.list_bt a{display: block; padding: 3% 0; font-size: 16px; color: #fff; font-family: '맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; text-align: center; margin: 3% 0; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;	}

/*  */
.cont_interview table { width: 100%; table-layout: fixed; }
.cont_interview table th { width: 30%; border-bottom: 1em solid #f8f8f8; }
.cont_interview table td { width: 70%; background: #fff; border-bottom: 1em solid #f8f8f8; padding: 4% 4% 3%; }
/* .cont_interview table .title { color:#3b3b3b; line-height: 1.2em; max-height: 2.4em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; max-width: 100%; margin-bottom: 3px; } */
.cont_interview table .title { color:#3b3b3b; line-height: 1.1em; max-height: 2.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; max-width: 100%;}
.cont_interview table td span { font-weight:bold; display: block; }
.cont_interview table td span:nth-child(2) { color:#f4735d;color: var(--color-blue); font-size:15px; /* padding-bottom: 0.5em; */ }
.cont_interview table td span:last-child {overflow: hidden; color: #a2a2a2; font-weight: 400; font-size:13px; }
.cont_interview table td .company { color: #f4735d; font-size: 13px; }
.cont_interview table td .name { color: #afafaf; font-size: 12px; }
.cont_interview .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_interview .list_bt a>span { color:#fff; font-size:16px; font-weight:bold; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; }

/* #interview_view:company / #interview_view2:completion / #interview_view3:winning team */
#interview_view { overflow: hidden; padding: 8% 0 6% 0; border-bottom: 1px solid #dedede; }
#interview_view img { margin-bottom: 25px; }
#interview_view #viewleft { float: left; width: 382px; }
#interview_view #viewright { float: right; width: 382px; }
#interview_view #viewright img:last-child { margin-bottom:0; }
#interview_view div div { padding-bottom: 20px; }
#interview_view h5 { font-size:1em; padding-bottom:10px; color:#f4735d; line-height:1.5; }
#interview_view p { line-height: 1.5; }

#interview_view2 { overflow:hidden; }
#interview_view2 img { margin-bottom:25px; }
#interview_view2 #viewleft { float:left; width:382px; }
#interview_view2 #viewright { float:right; width:382px; }
#interview_view2 #viewright img:last-child { margin-bottom:0; }
#interview_view2 div div { padding-bottom:20px; }
#interview_view2 div div:last-child { padding-bottom:0; }
#interview_view2 h5 { font-size:1em; padding-bottom:10px; color:#f4735d; line-height:1.5; }
#interview_view2 p { line-height:1.5; }

#interview_view3 { overflow:hidden; }
#interview_view3 #viewleft { float:left; width:382px; }
#interview_view3 #viewright { float:right; width:382px; }
#interview_view3 #viewright img:last-child { margin-bottom:0; }
#interview_view3>div { padding-bottom:20px; }
#interview_view3 div div { padding-bottom:20px; }
#interview_view3 h5 { font-size:1em; padding-bottom:10px; color:#f4735d; line-height:1.5; }
#interview_view3 td {  line-height:1.5; border:0; padding-bottom:5px; }
#interview_view3 .fir { width:3.5em; vertical-align:top; }

/* 취업생 인터뷰 게시물 내용 css_20210706 */
#interview_view4 {height:auto; overflow:hidden; }
#interview_view4 > .wrap {height:auto; padding-bottom:59px;}
#interview_view4 img {margin-bottom:20px;}
#interview_view4 .viewleft .text_left {font-weight: 600; color:#222; padding-bottom:25px;}
#interview_view4 .line_left {width: 30px; height: 2px; background: #222; padding-bottom:0; margin-bottom:15px; clear: both; /* margin-top:20px; */}

#interview_view4 .viewright .employed_title {padding-bottom:20px;}
#interview_view4 .viewright img:last-child { margin-bottom:0; float:none;}
#interview_view4 .viewright .text {padding-bottom:20px;}
#interview_view4 .viewright .text p {text-align:justify;}
#interview_view4 h5 { font-size:1em; /* padding-bottom:10px; */padding-bottom:2%; color:#ff1800; line-height:1.5; }
#interview_view4 td {line-height:1.5; border:0; padding-bottom:1%; text-align:justify;}
#interview_view4 .fir { width:3.5em; vertical-align:top; }

/* 수료생&취업생인터뷰 1명_220105 */
#interview_view4.clearfix .wrap {padding-bottom:20px;}
#interview_view4 .interview_top {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; width:100%; padding:7%; margin-bottom:17px; background:#f2f5f9; color:#222;}
#interview_view4 .interview_top .interview_top_info {width:100%; height:auto; font-weight:bold;}
#interview_view4 .interview_top .interview_top_info p {color:#222;}
#interview_view4 .interview_top .interview_top_info p:first-child {font-size:14px;}
#interview_view4 .interview_top .interview_top_info p.interview_top_name {font-size:24px; line-height:1.8;}
#interview_view4 .interview_top .interview_top_info p.interview_top_name span {font-weight:500; font-size:16px;}
#interview_view4 .interview_top .interview_top_info p.interview_top_name + p {font-weight:500; font-size:15px; letter-spacing:-0.075em;}
#interview_view4 .interview_top .interview_top_info p:last-child::before {content:""; display:block; width:50px; height:1px; margin:15px 0; background:#dae0e9;}
#interview_view4 .interview_top .interview_top_info p:last-child {color:#5b5b5b; font-weight:400; font-size:14px; letter-spacing:-0.075em;}

#interview_view4 .interview_top .interview_top_img {width:100%; margin:0 auto;}
#interview_view4 .interview_top .interview_top_img img {width:100%; margin:0 auto 20px;}

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

	/* 220221 */
/*#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;}




@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;}
}

/* HRD phrase */
.cont_phrase .subject { color:#283444; font-size:16px; font-weight:bold; text-align:center; }
.cont_phrase .subject .subject_comment { font-size:14px; font-weight:normal; padding:2% 0; }
#division_btn li a { color:#a3a3a3; font-size:16px; font-weight:bold; text-align:center; width:50%; float:left; background:#fff; padding:1em 1.5em; border:1px solid #dedede; margin:2% 0 4%; }
#division_btn li .on { background:#f4735d; color:#fff;}
.cont_phrase table { width:100%; }
.cont_phrase table .division { padding:1em 1.3em; color:#3b3b3b; line-height:1.5; text-align:justify; background:#fff; display:block; margin-top:1%; }
.cont_phrase table .pdivision { padding:1em 1.3em; color:#919191; line-height:1.5; text-align:left; background:#f2f2f2; display:block; border-top:1px solid #dedede; margin-bottom:3%; }

.cont_phrase .more 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_phrase .more a>span { color:#fff; font-size:16px; font-weight:bold; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; }

/* haksa notice */
.cont_board .cont_gubun { text-align: center; margin-bottom:4%; line-height:1.5em; background: #fff; border:1px solid #dedede; }
.cont_board .cont_gubun select { 
	width:100%;
	height:50px;
	padding:6px 8px 6px 0;
	border:none;
	border-radius:0;
	background:url('/mobile2017/resource/images/sub/sub_cont_bt.jpg') no-repeat center right;
	background-size:14%;
	-webkit-appearance:none;
	-moz-appearance:none;
	font-size:15px;
	line-height:18px;
	color:#515151;
	text-indent:41%; }
.cont_board table { width: 100%; }
.cont_board table th { width: 30%; border-bottom: 1em solid #f8f8f8; }
.cont_board table td { width: 70%; background: #fff; border-bottom: 1em solid #f8f8f8; padding:4%; }
.cont_board table td span { font-weight:bold; }
.cont_board 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_board table td span:last-child { color:#a2a2a2; display:block; }
.cont_board .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_board .list_bt a>span { color:#fff; font-size:16px; font-weight:bold; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; }