.accTag{
	position: absolute;
	left:0px;
	top:-99999px;
	overflow: hidden;
}

.jobInter {

}
.jobInter .visual{
	overflow: hidden;
	position: relative;
}
.jobInter .listTitle {
	position: relative;
}
.jobInter .listTitle p{
	font-family: Malgun Gothic, '¸¼Àº °íµñ';
	font-size: 14px;
	font-weight: bold;
	color: #333;
	letter-spacing: -1px;
}
.jobInter .searchBox{

}
.jobInter .searchBox select,
.jobInter .searchBox label{
	width: 212px;
	height: 32px;
	text-indent: 10px;
	position: absolute;
	font-size: 14px;
	line-height: 30px;
	font-size: 14px;
	font-family: Malgun Gothic, '¸¼Àº °íµñ';
	top:271px;
}
.jobInter .searchBox select{
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 2;
	border: none;
}
.jobInter .searchBox label{
	z-index: 1;
	display: block;
	background: url(/Knowledge/occupation/images/btnSelect.png) no-repeat 181px 1px #fff;
}
.jobInter .searchBox .step1,
.jobInter .searchBox .setStep1{
	left:30px;
}
.jobInter .searchBox .step2,
.jobInter .searchBox .setStep2{
	left:267px;
}
.jobInter .searchText {
	position: absolute;
	left:505px;
	top:271px;
	width: 195px;
	height: 32px;
}
.jobInter .searchText input{
	position: absolute;
	left:0px;
	top:0px;
	width:163px;
	text-indent:10px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	line-height: 26px\0;
	font-family: Malgun Gothic, '¸¼Àº °íµñ';
	border: none;
}
.jobInter .searchText button{
	background: url(/_images/_common/imgDummy.png) transparent;
	width: 30px;
	height: 30px;
	display: block;
	margin: 0;
	padding: 0;
	overflow: visible;
	position: absolute;
	text-indent: -9999px;
	right:1px;
	top:1px;
	z-index: 1;
}
.jobList li .innerBox{
	width: 168px;
	height: 207px;
	background: #f9f9f9;
}
input.placeholder{
	color: #888888;
}
::-webkit-input-placeholder {
	color: #888888;
}
:-ms-input-placeholder {
	color: #888888;
}


.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mp0{margin-bottom:0 !important;; padding-bottom:0 !important;}


/* 20160512 ¼öÁ¤ */
.jobListWrap{margin:20px 0 0; letter-spacing:-1px; font-family: Malgun Gothic, '¸¼Àº °íµñ';}
.jobListWrap *{-webkit-box-sizing:border-box; box-sizing:border-box;}
.jobListWrap ul{/* overflow:hidden; *//* width:750px; */}
.jobListWrap li{/* float:left; *//* margin:0 17px 19px 0; */border:1px solid #d9d9d9;background:#f9f9f9;height:209px;padding:14px 14px 0;box-shadow: 0px 2px 0px #e9e9e9;}
.jobListWrap .tit{margin:12px 0; text-align:center; font-size:18px; color:#333; font-weight:bold;}
.jobListWrap dl{overflow:hidden;color:#666;text-align: left;}
.jobListWrap dt{float:left; margin:0 3px 0 0; font-weight:bold;}

.interviewJob{letter-spacing:-1px; font-family: Malgun Gothic, '¸¼Àº °íµñ'}
.interviewJob *{-webkit-box-sizing:border-box; box-sizing:border-box;}
.interviewJob .tit{margin:20px 0 0; color:#fff; font-size:18px; font-weight:bold; padding:12px 86px; background: url(/Knowledge/occupation/images/img_int_02.png) no-repeat; width:100%; height:46px;}
/* .interviewJob .articleWrap{padding:17px; overflow:hidden; width:745px;} */
.interviewJob .articleWrap{padding:17px; overflow:hidden;}
.interviewJob .articleWrap .img{padding:12px 12px 0 0;}

.interviewJob .txt{color:#656565; font-size:14px; font-family: Malgun Gothic, '¸¼Àº °íµñ'; line-height:1.8; margin:0 0 10px}
.interviewJob .txt .blue{color:#46a4d0;}
.interviewJob .tabWrap{border-bottom:1px solid #d2d2d2; padding:0 0 40px;}
.interviewJob .tab{overflow:hidden; border-bottom:1px solid #666;}
.interviewJob .tab li{float:left; background:#dddbd9; width:33.3%; border-left:1px solid #fff; text-align:center;}
.interviewJob .tab li a{display:inline-block; width:100%; color:#666; font-size:14px; padding:10px 0;}
.interviewJob .tab li.on, .interviewJob .tab li:hover{background:#666;}
.interviewJob .tab li.on a, .interviewJob .tab li:hover a{color:#fff}
.interviewJob .tabSec .txt{padding:30px 20px;}
.interviewJob .tabSec .txt .f18{font-size:18px;}
.interviewJob .tabSec .classL{display:block; margin:0 auto;}
.interviewJob .tit_in{color:#333; font-size:14px;}

.interviewJob .section_top{}
.interviewJob .section_top .article01{float:left; padding:47px 0 0 44px; width:465px; height:259px; background: url(/Knowledge/occupation/images/img_int_01Bg.png) no-repeat;}
.interviewJob .section_top .article01 .note{color:#54b3df; font-size:22px; }
.interviewJob .section_top .article01 .job{color:#fff; font-size:42px; margin:5px 0 15px;}
.interviewJob .section_top .article01 dl{overflow:hidden; line-height:1.5;}
.interviewJob .section_top .article01 dt{position:relative; padding:0 0 0 10px; float:left; font-size:18px; color:#ccc; font-weight:bold; margin:0 6px 0 0}
.interviewJob .section_top .article01 dt:before{position:absolute; left:0; top:14px; content:""; width:3px; height:3px; background:#ccc; -webkit-border-radius:50%; border-radius:50%}
.interviewJob .section_top .article01 dt span{font-weight:normal;}
.interviewJob .section_top .article01 dd{font-size:18px; color:#999;}

.interviewJob .bar{overflow:hidden; font-size:14px; font-weight:bold; margin:0 auto; width:668px; margin:0 auto 10px;}
.interviewJob .bar > dt{position:relative; float:left; width:104px; color:#fff; background:#37bcdb url(/Knowledge/occupation/images/img_int_tabBg.png) no-repeat; background-position:12px 6px; padding:8px 0 8px 35px;}
.interviewJob .bar > dt:after{position:absolute; content:""; right:-9px; top:12px; width:9px; height:9px; background: url(/Knowledge/occupation/images/img_int_tabBg.png) no-repeat; background-position:0 -38px;}
.interviewJob .bar > dd{float:left; background:#f9f9f9; border:1px solid #dadada; border-left:none; color:#656565; padding:3px 22px 4px 22px; width:564px; line-height:1.8;}
.interviewJob .bar.s02 > dt{background-color:#46a9d7;}
.interviewJob .bar.s02 > dt:after{background-position:0 -59px;}
.interviewJob .bar.s03 > dt{background-color:#588ad4;}
.interviewJob .bar.s03 > dt:after{background-position:0 -81px;}
.interviewJob .bar.s04 > dt{background-color:#6e75cc;}
.interviewJob .bar.s04 > dt:after{background-position:0 -102px;}
.interviewJob .bar.s05 > dt{background-color:#37bcdb; width:100%;}
.interviewJob .bar.s05 > dt:after{background:none;}
.interviewJob .bar.s05 > dd{border-top:none; border-left:1px solid #d9d9d9; width:100%; padding:19px 42px}
.interviewJob .bar.s05 > dd dl{overflow:hidden; margin:0 0 3px; padding:}
.interviewJob .bar.s05 > dd dl dt{float:left;}
.interviewJob .bar.s05 > dd dl dd{float:right; width:530px; font-weight:normal;}

.interviewJob .graph{position:relative; width:616px; height:194px; margin:32px auto 40px; background: url(/Knowledge/occupation/images/img_int_tabBg.png) no-repeat; background-position:0 -117px;}
.interviewJob .graph .graph_txt{position:absolute;}
.interviewJob .graph .graph_txt.s01{left:70px; top:141px; color:#656565; font-size:16px; font-weight:bold;}
.interviewJob .graph .graph_txt.s02{right:20px; top:20px; color:#999; font-size:14px;}
.interviewJob .graph .graph_txt.s03{right:12px; top:87px; color:#656565; font-size:16px; font-weight:bold;}
.interviewJob .graph .graph_txt.s04{right:20px; top:152px; color:#999; font-size:14px;}

.paging1{margin: 13px 0 50px 0;}

/* ¸®´º¾ó ¼öÁ¤ */
.jobInter .searchText{left:565px;}
.jobInter .searchBox .step2, .jobInter .searchBox .setStep2{left:327px;}
.jobInter .searchBox .step1, .jobInter .searchBox .setStep1{left:90px;}
.jobListWrap ul{/* width:900px; */display: flex;flex-wrap: wrap;gap: 10px;}
.jobListWrap li{/* margin:0 30px 27px 0; */padding: 14px 20px 0;flex: 0 0 calc((100% - 30px) / 4);text-align: center;}
.interviewJob .tit{line-height:18px;}
.interviewJob .section_top .article01{width:585px;}