/*기업인재추천 20210803*/
*{font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box;}
html,body{position:relative;width:100%;height:100%;margin:0;padding:0;}
.clearfix:before,.clearfix:after{content:"";display:block}
.clearfix:after{visibility:initial !important;}
.clearfix{*zoom:1}
img{max-width:100%;}
select{
	font-size:14px;padding:10px 70px 10px 0;
	background:url('../images/aiInterview/bg_select.png') right center no-repeat;
	border-style:none none;color:#5e5e5e;
	appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;
}

input {color:#5e5e5e; font-size:14px; padding:10px 70px 10px 0; border-style:none none;color:#5e5e5e;
appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}

textarea  {color:#5e5e5e; font-size:14px; padding:10px 70px 10px 0; border-style:none none;color:#5e5e5e;
appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;width:100%;}

ul,ol,dl{margin:0;list-style:none;padding:0;}

#footer {margin: 0 0 -94px;}

.ctain-fluid{position:relative;width:100%;padding: 75px 0;}
.ctain-fluid.ctain_wrap3, .ctain-fluid.ctain_wrap7 {padding: 0 0 75px;}
.ctain-fluid.header {padding: 0;}
.ctain {position:relative;width:1080px;margin:0 auto;}
.ctain h2 {padding-bottom: 35px;text-align: center;}
.ctain_process p{padding-top: 10px;}
.header{background: #006ed3;overflow: hidden;}
.header .title{color: #fff;font-size: 18px;line-height: 1.5; height: 100%;}
.header .title p {position: absolute; bottom: 33px; padding-left: 20px; text-indent: -23px;}
/* .header .title p + p {padding-top: 20px;} */
.header .class_cont_wrap {width: 100%;max-width: 1080px;height: 600px;margin: 0 auto;position: relative;padding-top: 120px;}
.header .class_cont_wrap::before {content: "";display: inline-block;width: 184px;height: 487px;background: url(../images/online/onlineTop_bgetc.png) 0 0 no-repeat;position: absolute;bottom: 0;left: -290px;}
.header .class_cont_wrap::after {content: "";display: inline-block;width: 1300px;height: 531px;background: url(../images/online/onlineTop_bg.png) 0 0 no-repeat;position: absolute;bottom: 0;right: -286px;}

.ctain_process p.refer{padding-left: 15px;text-indent: -15px;}
.ctain_process p.refer + p.refer{padding-top: 0;}

.ctain_wrap1 {background: #dfeffd;}
.ctain_wrap1 ul {margin: 0 -10px;}
.ctain_wrap1 li {float: left;width: 33.3%;padding: 0 10px;}
.ctain_wrap1 li .con_box {background: #fff;padding: 25px 10px 35px 10px;text-align: center;}
.ctain_wrap1 li .con_box span {display: block;}
.ctain_wrap1 li .con_box .tit {color: #333;font-size: 24px;font-weight: 600;}
.ctain_wrap1 li .con_box .txt {color: #333;font-size: 17px;height: 72px;line-height: 1.4;letter-spacing: -1px;}
.ctain_wrap1 li .con_box img {padding: 20px 0;}

.ctain_process {font-size: 18px;}
.ctain_process ul {overflow: hidden;display: block;}
.ctain_process li {float: left;width: 20%;}
.ctain_process p {padding-top: 30px;}
.ctain_process .point1 {color: #1f8ce5;}
.ctain_process .point2 {color: #fa5e27;}

.ctain_wrap2 p + .ac,
.ctain_wrap3 p + .ac {padding-top: 50px;}
.ctain_wrap2 .gobtn,
.ctain_wrap3 .gobtn {font-size: 20px;color: #fff;background: #333;padding: 12px 55px; display: inline-block;margin: 5px;}
.ctain_wrap2 .gobtn span,
.ctain_wrap3 .gobtn span {display: block;background: url(../images/human/bt_arr.png) right 50% no-repeat;padding-right: 85px;}


.ctain_wrap4 {font-size: 24px;background: #5c5ccf;overflow: hidden;}
.ctain_wrap4 ul {overflow: hidden;display: block;margin: 0 -10px;}
.ctain_wrap4 li {float: left;width: calc(25% - 20px);margin: 0 10px;background: #fff;padding: 30px 0;border-radius: 10px;}
.ctain_wrap4 li span {display: block;text-align: center;}
.ctain_wrap4 li .t {font-size: 48px;font-weight: 600;color: #000;padding: 18px 0;height: 104px;}
.ctain_wrap4 li .i {font-size: 18px;color: #3d3d3d;padding-top: 20px;}
.ctain_wrap4 li.star .t {background-image: url(../images/online/ico_star.png);background-position: 50% 0;background-repeat: no-repeat;}
.ctain_wrap4 > .ctain {position: relative;}
.ctain_wrap4 > .ctain::before {content: "";position: absolute;width: 632px;height: 391px;bottom: -75px;left: -540px;background: url(../images/online/wrap4_bg1.png) 0 0 no-repeat;}
.ctain_wrap4 > .ctain::after {content: "";position: absolute;width: 227px;height: 416px;bottom: -75px;right: -380px;background: url(../images/online/wrap4_bg2.png) 0 0 no-repeat;}

.ctain_wrap5 {background: #e8e8e8;}
.ctain_wrap5 dl {border-radius: 10px;border: 2px dashed #d5e0ea;background: #fff;padding: 10px;}
.ctain_wrap5 dl * {display: inline-block;vertical-align: middle;}
.ctain_wrap5 dl + dl {margin-top: 10px;}
.ctain_wrap5 dl dt {width: 245px;color: #fff;font-size: 19px;border-radius: 8px;padding: 0 15px;background: #3994e6 url(../images/online/bt_right.png) right 50% no-repeat;height: 52px;line-height: 52px;}
.ctain_wrap5 dl dt a {color: #fff;}
.ctain_wrap5 dl dt span {font-size: 18px;vertical-align: top;padding-right: 5px;}
.ctain_wrap5 dl dt span::after {content: "";width: 1px;height: 17px;background: rgba(255, 255, 255, 0.3);display: inline-block;margin-left: 9px;}
.ctain_wrap5 dl dd {margin-left: 9px;}
.ctain_wrap5 dl:last-child dt {background: #5c5ccf url(../images/online/bt_right2.png) right 50% no-repeat;}

.ctain_wrap6 .ctain > p {font-size: 18px;padding-bottom: 45px;}
.ctain_wrap6 .tag_search_wrap {text-align: right;}
.ctain_wrap6 .list_review {font-size: 16px;}
.ctain_wrap6 .list_review {border-top: 2px solid #666;margin-top: 10px;}
.ctain_wrap6 .list_review li {display: table;table-layout: fixed;width: 100%;border-bottom: 1px solid #ddd;padding: 14px 20px;}
.ctain_wrap6 .list_review span {display: table-cell;vertical-align: middle;}
.ctain_wrap6 .list_review .s a {max-width: calc(100% - 100px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;vertical-align: middle;}
.ctain_wrap6 .list_review .s span {color: #1f8ce5;display: inline-block;}
.ctain_wrap6 .list_review .views {width: 100px;font-size: 15px;color: #666;}
.ctain_wrap6 .list_review .date {width: 124px;font-size: 15px;color: #666;}

.ctain_wrap7 .list_group {padding: 0;}
.ctain_wrap7 .list_group .tab_list {padding: 0;}
.ctain_wrap7 .more {position: absolute;top: -60px;right: 0;}
.ctain_wrap7 .more a {padding-right: 22px;background: url(../images/online/bt_more.png) right 50%  no-repeat;}

.reviewSet {border-top: 2px solid #c8c8c8;margin: 0 20px;}
.reviewSet .reviewTop {border-bottom: 1px solid #c8c8c8;padding: 10px;}
.reviewSet .reviewTop .title {font-weight: 600;font-size: 18px;}
.reviewSet .reviewTop button {background: url(../images/human/ico_declar.png) 0 50%  no-repeat;padding-left: 23px;}
.reviewSet .reviewTop li {display: inline-block;}
.reviewSet .reviewTop li + li {margin-left: 5px;}
.reviewSet .reviewTop li + li::before {content: "";display: inline-block;background: #c7c7c7;width: 1px;height: 16px;margin-right: 5px;margin-bottom: -2px;}
.reviewSet .reviewBody {padding: 10px;}
.reviewSet .satis {border-top: 1px solid #c8c8c8;padding-top: 10px;margin-top: 13px;}

.n_popup_footer {text-align: center;}

#lean_overlay{position:fixed;z-index:4000;top:0px;left:0px;height:100%;width:100%;/*background:rgba(0, 0, 0, 0.5);*/display: none;}
.n_popup{top: 10%;left: 50%; margin-left:-20%; display: block;position: fixed;z-index: 10010;display:none;}
.n_popup#writePopUp, .n_popup#appPopUp, .n_popup#viewPopUp  {margin-left: -450px;}
.n_popup#applyOkPopUp {margin-left: -230px;}

.n_popup_footer {text-align: center;}

/* #n_popup#a2 {top: 10%;left: 50%; margin-left:-10%; display: block;position: fixed;z-index: 10010;display:none;}
#n_popup#a3 {top: 10%;left: 50%; margin-left:-10%; display: block;position: fixed;z-index: 10010;display:none;} */

.n_popup .app_form {width:704px;background:#fff; display:inline-block; margin:0 auto; padding:0 0 30px 0;}
.n_popup .app_form.paper {width:900px; padding:0 0 30px 0;}
.n_popup .app_form.result {width:704px;}
.n_popup .app_form.video {background:none !important;}
.n_popup .pop_header {width:100%; background-color: #3994e6; padding:20px 40px;}
.n_popup .pop_header>p {color:#fff; font-size:22px; font-weight:700;display:inline-block;}
.n_popup .pop_header .p_close_btn {float: right; padding: 5px 0 0 0;}
.b_close_btn {float:right; padding:20px 10px 0 0;}
.n_popup .pop_contents {width:90%; border:solid 1px #d5d5d5; margin:35px;overflow-x: hidden;overflow-y: auto;}
.n_popup .pop_contents table {width:100%;border-collapse: collapse;}
.n_popup .pop_contents tr {border-bottom: solid 1px #d5d5d5;}
.n_popup .pop_contents tr:last-child {border:none;}
.n_popup .pop_contents tr.no_list:last-child {border-bottom: solid 1px #d5d5d5;}
.n_popup .pop_contents th{width:20%; height:50px; background-color:#eeeef0; font-size:16px; color:#000; text-align:center; padding:15px 10px;}
.n_popup .pop_contents td {background-color:#fff;font-size:14px; color:#5e5e5e; padding: 10px;}
.n_popup .form_btn {margin:0 auto; display:block;}

.n_popup .box2 {margin: 0 20px 20px 20px;border-radius: 5px;background: #f6f6f6;padding: 10px;font-size: 15px;}
.n_popup .box2 + table {border-top: 1px solid #d5d5d5;}

.n_popup .pop_no_wrap {width:400px; padding:0 0 30px 0; background:#fff; display:block; margin:0 auto;}
.n_popup .pop_header.no_wrap {background-color:#7c7c7c; width:100%; text-align: center;}
.n_popup p.no_txt {font-size:20px; color:#000; text-align: center; padding:20px;}
.n_popup p.no_txt>span {font-size:27px; font-weight:700;}
.n_popup p.no_txt>span.p_color {color:#189ab1;}
.n_popup p.no_txt>span.p_color2 {color:#3994e6;}
.n_popup p.no_sub {font-size:15px; color:#5e5e5e; text-align: center; margin:0 0 30px 0; }
.n_popup .no_sub2 {font-size:15px; color:#5e5e5e; padding: 20px; }
.n_popup .p_btn_area {margin:0 auto; text-align: center; display:block;}
.n_popup .p_btn_area>ul {margin:0 auto; display:block;}
.n_popup .p_btn_area>ul>li {display:inline;}
.n_popup div.radio {margin: 0;}

.n_popup .pop_ok_wrap {width:460px;padding:0 0 30px 0; background:#fff; display:block; margin:0 auto;}
.n_popup .pop_header.ok_wrap {background-color:#4eb2e4; width:100%;text-align: center; padding:20px;}

.n_popup.applyOkPopUp {left:50%; margin-left:-200px; top: 10%; position: fixed;z-index: 10010;}
.n_popup.samplePopUp {top: 10%;left: 50%; margin-left:-352px; position: fixed;z-index: 10010; height:650px; overflow:auto;}
.n_popup.playUrlPopUp {top: 10%;left: 50%; margin-left:-352px; position: fixed;z-index: 10010; overflow:auto;}

.btn {background: #189ab1;border: 1px solid #189ab1;color:#fff;}
.btn.result {background:#07356f; border: 1px solid #07356f; color:#fff;}
.btn.close {background: #f6f6f6;border: 1px solid #d5d5d5;color: #000;}

.add_Label {margin: 2px 0 0 0 !important;}
.add_Label span {color:#000;margin: 1px;}


@media screen and (max-width: 1024px){
	select{padding: 10px 45px 10px 0;}
	.ctain{width:90%;}
	.fav_wrap .fav_item{width:30%;}
	.swiper-button-prev, .swiper-button-next{display:none;}
	.swiper-pagination {display:block;}
}

@media screen and (max-width: 768px){

	.m_hide {display: none;}

	.ctain-fluid {padding: 30px 0;}
	.ctain-fluid.ctain_wrap7 {padding: 0 0 30px;}

	.ctain-fluid.header {padding: 20px 0 30px;background: #26557c url(../images/online/onlineTop_bgM.png) 50% 100% no-repeat;height: auto;}
	.header .title {font-size: 16px;}
	.header .title p {padding-top: 30px;position: inherit;bottom: 0;}
	.header .title p br{display: none;}
	.header .class_cont_wrap {height: auto;padding-top: 20px;}
	.header .class_cont_wrap::before, .header .class_cont_wrap::after {display: none;}
	.ctain_step p{padding-top: 10px;}
	.ctain_process p.refer{text-indent: -17px;font-size: 14px;}
	.ctain > .ctain {width: 100%;}

	.ctain_process li {width: 50%;margin: 5px 0;}

	.ctain_step li {width: 50%;margin: 5px 0; }
	.ctain_wrap1 ul {margin: 0;}
	.ctain_wrap1 li {width: 100%;padding: 0;}
	.ctain_wrap1 li + li {margin-top: 10px;}



	.ctain_wrap3 li {width: calc(50% - 2px);margin: 5px 0;}
	.ctain_wrap3 li .t {font-size: 30px;}

	.ctain_wrap4 li {width: calc(50% - 20px);}
	.ctain_wrap4 li:nth-child(3), .ctain_wrap4 li:nth-child(4) {margin-top: 20px;}

	.ctain_wrap5 dl dt {width: 100%;margin-bottom: 10px;}

	.ctain_wrap6 .tag_search_wrap input {margin-bottom: 5px;}
	.ctain_wrap6 .list_review li {padding: 10px 10px;}
	.ctain_wrap6 .list_review .s {display: block;}
	.ctain_wrap6 .list_review .s a {max-width: calc(100% - 82px);}
	.ctain_wrap6 .list_review .s span {float: right;}
	.ctain_wrap6 .list_review .views, .ctain_wrap6 .list_review .date {display: inline-block;}

	.ctain_wrap7 .more {top: -89px;}

	.ctain_wrap2 .gobtn,
	.ctain_wrap3 .gobtn{
		padding: 12px 10px;
		width: calc(50% - 10px);
		font-size: 14px;
		text-align: left;
		float: left;
	}
	.ctain_wrap2 .gobtn span,
	.ctain_wrap3 .gobtn span {padding-right: 30px;background-size: 25px;}

	/* .ctain_wrap2 .gobtn + .gobtn,
	.ctain_wrap3 .gobtn + .gobtn{margin-top: 10px;} */

	.tab_area li {font-size:16px;}
	.list_area ul.line_box li p.tit {font-size:16px;}

	.swiper-pagination {display:block; top:160px; color:#000;}
	.swiper-button-prev, .swiper-button-next{display:none;}
	.list_area .list_btn_area {display:block; width:100%; height:42px; background:#000; color:#fff; line-height:42px; font-size:14px; text-align:center;}
	.list_area .list_btn_area span {display:block; width:100%; height:100%;}
	.list_area .categori_area {width:100%; height:337px; font-size:13px; padding:0; border-bottom:solid 1px #000;}
	.list_area .categori_area > ul > li {width:50%; float:left; border:solid 1px #fff; box-sizing:border-box; padding:5px;}
	.list_area .result_area {width:100%;}
	.list_area ul.line_box li .left_area {width:100%;}
	.list_area ul.line_box .cont_item {width:100%;}
	.list_area ul.line_box .cont_item > li.item1.down {width:100%;}
	.list_area ul.line_box li p.tit {font-size:18px; font-weight:700;}
	.list_area ul.line_box li p.tag {font-size:14px; font-weight:400; width:90%}
	.list_area .result_area {height:340px;}
	.list_area {height:auto;}
	.list_area ul.line_box > li {padding:15px 15px;}

	.n_popup {width:100%; left:inherit; margin-left:0;}

	.n_popup .app_form.paper {width:100%;}

	.n_popup .app_form {width:100%;}
	.n_popup .pop_no_wrap {width:100%;}
	.n_popup .pop_ok_wrap {width:100%;}

	.n_popup#writePopUp {top:0; left:0; margin-left:0;}


	.n_popup .pop_contents {margin:20px auto; overflow:scroll; height:calc(100vh - 180px);}
	.n_popup .pop_contents table th,
	.n_popup .pop_contents table td {
		display:block; padding:10px 5px; width:100%;
	}
	.n_popup .pop_contents table th {background:transparent;font-size:13px;text-align:left;padding:3px;height:auto;  background-color:#eee;}
	.n_popup .pop_contents table colgroup {display: none;}
	input {width:100%; padding:10px 0;}
	select {width:100%;padding:10px 0;}
	textarea {width:100%; padding:10px 0;}

	.n_popup .pop_header>p {font-size:18px;}

}