/* 취업지원시스템 */
#content .line { width:35%; height:51%; border-right:1px solid #dedede; position:absolute; top:32.5%; left:-0.7%; }
.intro_block { position:relative; margin:0 0 5% 0; }

.system .sys_swipe { position:relative; }
.system .sys_swipe .rollingbanner_wrap{width:92%; position:absolute; left:4%; bottom:3%;overflow: hidden;}
.system .sys_swipe .rollingbanner_wrap .swiper-container{width:100%;position:relative;}
.system .sys_swipe .rollingbanner_wrap .swiper-container .swiper-wrapper{}
.system .sys_swipe .rollingbanner_wrap .swiper-container .swiper-wrapper .swiper-slide{width:100%;}
.system .sys_swipe .rollingbanner_wrap .swiper-pagination{position:absolute;bottom:5%;left:50%;}
.system .sys_swipe .rollingbanner_wrap .swiper-container .swiper-pagination-switch{display:inline-block;width:2%;padding-bottom:2%;margin:0 1.5%;border-radius:50%;background:#fff;cursor: pointer;}
.system .sys_swipe .rollingbanner_wrap .swiper-container .swiper-active-switch{background: #fa5c3f;}

.system .cont_sub_title { text-align:center; }
.system .cont_sub_title p {  }
.system .cont_sub_title p.orange { color:#fff; font-size:14px; font-weight:bold; padding:2% 3%; display:inline-block; background:#ff6c01; border-radius:100px; }
.system .cont_sub_title p.black { color:#283444; font-size:17px; font-weight:bold; padding:10px 0 20px; }

.system table { width:92%; margin:0 auto; position:relative; border-collapse:collapse; }
.system table td { padding:0 0 4%; }
.system table td:first-child { width:33%; padding-right:4%; color:#3b3b3b; font-weight:bold; text-align:right; vertical-align:super; border-right:1px solid #dedede;}
.system table td:last-child { width:67%; padding-left:4%; }
.system table td img { width:18px; position:absolute; left:32%; }
.system table td>ul li { padding-bottom:2%; }
.system table td>ul li>h5 { color:#515151; font-size:14px; font-weight:normal;}
.system table td>ul li>ul.inner { padding-top:1%; }
.system table td>ul li>ul.inner li { color:#515151; font-size:13px; padding:0 0 0 3%;}

.cont_btn { overflow:hidden; width:88%; margin:0 auto; }
.cont_btn a { float:left; padding:3% 0; }

.cont_form { width:auto; }
.cont_form table { width:100%; border-top:1px solid #dedede; background:#fff; }
.cont_form table th { width: 30%; font-weight:normal; color:#3b3b3b; text-align:center; padding:1em 0.4em; border:1px solid #dedede; border-top:0; }
.cont_form table td { padding:1em 0.4em; padding-right:0; font-size:14px; color:#afafaf; border-right:1px solid #dedede; border-bottom:1px solid #dedede; }
.cont_form table td input { border:1px solid #dedede; color:#3b3b3b; width:95%; padding-right:0; }

/* 이용약관 */
.cont_clause { padding: 0.3em 0 0 0; margin:2% 0; }
.cont_clause label { font-size:12px; color:#a2a2a2; }
.clause_ontxt { background: #e7e7e7; width: auto; color: #4a4a4a; font-size:12px; font-weight:bold; padding:3px 5px; margin-left:1%; height:auto; text-align:center; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }

/* 취업현황 */
.cont_list table { width: 100%; }
.cont_list table td { height: 3.5em; vertical-align: middle; color: #3b3b3b; background:#fff; border-bottom:0.6em solid #f8f8f8; padding-left:1em; }
.cont_list table td .new { width: 1em; vertical-align: middle; }
.cont_list table td:last-child { color: #a2a2a2; font-size: 12px; width:6em; text-align:right; padding-right:1em; }
/*.cont_list table tr:last-child td { border-bottom: 0; }*/
.cont_list .list_bt a { display:block; padding:3% 0; font-size:16px; font-weight:bold; color:#fff; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; text-align:center; background:#54c5b8; font-weight:bold; margin:3% 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.cont_list .list_bt a>span { color:#fff; font-size:16px; font-weight:bold; font-family:'맑은 고딕', 'MalgunGothic', '나눔 고딕', 'Nanum Gothic', 'dotum', sans-serif; }
.cont_list .list_bt a img { width: 1em; }

.cont_view { padding:5% 4%; width:auto; }
.cont_view .view_title { font-size:17px; color:#3b3b3b; font-weight:bold; text-align:center; }
.cont_view .view_date { overflow: hidden; /*border-bottom: 1px solid #dedede;*/}
/*.cont_view .view_date p {padding:2% 0 4%; color:#a2a2a2; font-size:14px; text-align:center;}*/
.cont_view .view_date p {padding:4% 0 0%; color:#a2a2a2; font-size:13px; font-weight:bold; text-align:center;}
.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: #f1f1f1; padding: 4% 0; text-align: center; font-weight:bold; border-bottom: 1px solid #dedede; color: #4a4a4a; font-size:15px;}
.cont_view .view_cont td { border-bottom: 1px solid #dedede; color: #515151; padding: 0.5em 0 0.5em 1em; background:#fff; font-size:15px; }
.cont_view .view_cont_div { padding: 2em 0 1em 0; color: #3b3b3b; line-height: 1.5;}
.cont_view .view_cont_div img { max-width: 100%; }
.cont_view .prevnext {margin: 3% 0; width: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; }


/* consultant */
.intro_block_consult { text-align:center; position:relative; margin:0; }
.intro_block_consult .intro_title{background:url('/mobile2017/resource/images/sub/sub04/line_o.jpg') repeat-x; background-position: 50%; margin-bottom: 5%;}
.intro_block_consult .intro_title p{display: inline; font-size:17px; color:#fff; background:#283444; width:auto; text-align:center;padding:1.4% 3.3%; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;}
.intro_block_consult .jobsupport_list{}
.intro_block_consult .jobsupport_list ul{}
.intro_block_consult .jobsupport_list li{float: left;width:48.5%;padding-bottom: 4%; position: relative;}
.intro_block_consult .jobsupport_list li:nth-child(odd){margin-right:3%;}
.intro_block_consult .jobsupport_list li img{}
.intro_block_consult .jobsupport_list li>div{background: #fff; padding: 1.3em 0; width: auto; background-size: 1em 1em; background-position: center 3.5em; position:relative;}
.intro_block_consult .jobsupport_list li span{display: block; text-align: center;}
.intro_block_consult .jobsupport_list li .class {font-size:13px; color:#fff; background:#54c5b8; padding:0.4em 1em; margin-bottom:4%; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; display:inline-block; display:none; position: absolute; top:-10%; /* left:39%; */left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.intro_block_consult .jobsupport_list li .name{color: #3b3b3b; font-weight: bold; font-size: 18px; padding-bottom: 2%;}
.intro_block_consult .jobsupport_list li .contact{color: #3b3b3b; font-size: 16px; padding-bottom: 3%; letter-spacing: -0.5px;}
.intro_block_consult .jobsupport_list li .contact span{color: #f4735d; font-weight: bold; font-size: 16px; display: inline;padding-right: 5px;}
.intro_block_consult .jobsupport_list li .comment{color: #3b3b3b; text-align: center;}
#consultant { width: 100%; }
#consultant .director { position: absolute; top:34%; left:5%; width:50%; background-color:transparent; }
#consultant td { padding-bottom:4%; position:relative; }
#consultant td:first-child { padding-right:1.5%; }
#consultant td:last-child { padding-left: 1.5%; }
#consultant td div { background: #fff; padding: 1.3em 0; width: auto; background-size: 1em 1em; background-position: center 3.5em; position:relative; }
#consultant td div span { display: block; text-align: center; }
#consultant td div .class { font-size:13px; color:#fff; background:#54c5b8; padding:0.4em 1em; margin-bottom:4%; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; display:inline-block; position: absolute; top:-10%; left:39%;}
#consultant td div .name { color:#3b3b3b; font-weight:bold; font-size:18px; padding-bottom:2%; }
#consultant td div .contact { color:#3b3b3b; font-size:16px; padding-bottom:3%; letter-spacing:-0.5px; }
#consultant td div .contact span { color:#f4735d; font-weight:bold; font-size:16px; display:inline; padding-right:5px; }
#consultant td div .comment { color:#3b3b3b; text-align:center; }
#consultant td div .class_director { text-align:left; font-weight:bold; font-size:16px; }
#consultant td div .name_director { text-align:left; font-weight:bold; font-size:20px; color:#54c5b8; padding-bottom:4%;}
#consultant td div .p_director { text-align:left; }

/*collaborate*/
#visual{width:100%;margin:0 auto;}
#visual .visual_img{width:100%;}
#visual div {font-family: 'DINBol'; background-image: url('/mobile2017/resource/images/sub/sub06/visual_02.jpg'); background-size: 100%; color: #11bec4; font-size: 30px; font-weight:bold; padding-bottom:45%;}

#content{width:100%; margin:0 auto; background:#f8f8f8;}
#content .cont_01{width:100%;margin:0 auto;position:relative;}
#content .cont_01 li{float:left;letter-spacing:0.0px;box-sizing:border-box;padding:3% 0;box-sizing:border-box;}
#content .cont_01 .onn{width:50%;background:#f4735d;text-align:center;border:1px solid #d1d1d1;color:#fff;}
#content .cont_01 .off{width:50%;background:#fff;text-align:center;border-top:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
#content .cont_01 li a{font-weight: bold;}
#content .cont_01 .on a {color: #fff;}
#content .cont_01 .off a {color: #9c9c9c;}

#image{width:100%;height:50%;margin:0 auto;}
#image .img{width:45%;position:relative;left:27%;margin-top:25px;}
#image .txt{width:60%;position:relative;left:20%;text-align:center;font-size:16px;font-weight:bold;margin-top:5px;letter-spacing:0.0px;}


#list{height:auto; width:100%;background:#fff;margin:0 auto;overflow:hidden;border-top:1px solid #dedede; border-bottom:1px solid #dedede;margin-top:19px;padding:20px 0 20px 0;box-sizing:border-box;}
#list .list_01{text-align:center;line-height:2;}

#more{width:100%;height:50px;margin:0 auto;background:#54c5b8;border-radius:4px;margin-top:20px;padding-top:15px;box-sizing:border-box;}
#more p{text-align:center;color:#fff;font-size:14px;font-weight:bold;letter-spacing:0.1px;}

/* 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:last-child { color:#a2a2a2; display:block; }
.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 .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; }

.cf:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 1%;
    height: 0;
}


/* 기업체 초청특강 게시물 내용 css_20210503 */
/* #companyLec_contents_mobile {padding:0;}
#companyLec_contents_mobile #interview_view img{ margin-bottom:20px; }
#companyLec_contents #interview_view img.first_img{ margin-left:130px; }
#companyLec_contents #interview_view .wrap{ margin-left:130px; }
#companyLec_contents_mobile #interview_view .wrap h1{ font-size: 20px; color: #ff1800; font-weight: 800; line-height: 1.1; clear: both }
#companyLec_contents_mobile #interview_view .wrap .line_left{ width: 30px; height: 2px; background: #222; padding-bottom: 0px; margin-bottom:15px; clear: both; }
#companyLec_contents_mobile #interview_view .wrap .viewright .text{ margin-bottom:20px;}
#companyLec_contents_mobile #interview_view .wrap .viewright p {font-size:14px;}
#companyLec_contents_mobile #interview_view .wrap .part_title{ font-size: 17px; color: #ff1800; margin-bottom:15px; }
#companyLec_contents_mobile #interview_view .wrap h5{  padding-bottom: 3px; color: #ff1800; font-weight: 400; line-height: 1.5;  font-size: 15px; }
#companyLec_contents_mobile #interview_table {margin-bottom:0; width:100%;}
#companyLec_contents_mobile #interview_table th{ padding: 0px; color: #222; font-weight: normal; text-align: center; width: 7.2em; background: #f2f5f9; border-top: 1px solid #222; border-bottom: 1px solid #dae0e9; height: 40px;}
#companyLec_contents_mobile #interview_table td{ padding: 5px 15px; text-align:left; font-family: NanumBarunGothic, "Nanum Gothic", Dotum, sans-serif;  font-size: 13px; color: rgb(109, 110, 114);border-top:1px solid #222; border-bottom: 1px solid #dae0e9;} */

/* 기업체 초청특강 게시물 내용 css_20210706 */
#companyLec_contents_mobile {padding:0; margin:3% 0%;}
#companyLec_contents_mobile #interview_view4 img { margin-bottom:20px; }
#companyLec_contents_mobile #interview_view4 .wrap {}
#companyLec_contents_mobile #interview_view4 .wrap:last-of-type {padding-bottom:20px;}
#companyLec_contents_mobile #interview_view4 .wrap h1{ font-size: 20px; color: #ff1800; font-weight: 800; line-height: 1.1; clear: both }
#companyLec_contents_mobile #interview_view4 .wrap .line_left{ width: 30px; height: 2px; background: #222; padding-bottom: 0px; margin-bottom:15px; clear: both; }
#companyLec_contents_mobile #interview_view4 .wrap .viewright .text {padding-bottom:20px;}
#companyLec_contents_mobile #interview_view4 .wrap .viewright p {font-size:14px; text-align:justify;}
#companyLec_contents_mobile #interview_view4 .wrap .part_title{ font-size: 17px; color: #ff1800; margin-bottom:15px; }
#companyLec_contents_mobile #interview_view4 .wrap h5{  padding-bottom: 3px; color: #ff1800; font-weight: 400; line-height: 1.5;  font-size: 15px; }
#companyLec_contents_mobile #interview_view4 #interview_table2 {margin-bottom:0; width:100%;}
#companyLec_contents_mobile #interview_view4 #interview_table2 th{ padding: 0px; color: #222; font-weight: normal; text-align: center; width: 7.2em; background: #f2f5f9; border-top: 1px solid #222; border-bottom: 1px solid #dae0e9; height: 40px;}
#companyLec_contents_mobile #interview_view4 #interview_table2 td{ padding: 5px 15px; text-align:left; font-family: NanumBarunGothic, "Nanum Gothic", Dotum, sans-serif;  font-size: 13px; color: rgb(109, 110, 114);border-top:1px solid #222; border-bottom: 1px solid #dae0e9;}