@charset "utf-8";

.sub_contents {padding-top:3rem;}


#sub_visual {height:22rem; padding-top:5.2rem; color:#fff; text-align:center; background:no-repeat center; background-size:cover;display: none;}
#sub_visual h2 {font-size:6.5rem; color:#fff; font-weight:700; line-height:1.35;}
#sub_visual p {margin-top:0.4rem; font-size:1.8rem; line-height:1.5; font-weight:300;}
#sub_visual h4 {margin-top:0.4rem; font-size:3.2rem; line-height:1.5; font-weight:300;}

#sub_visual.mypage {background-image:url('../../../images/web/expo/bsn/sub/svisual_mypage.jpg');}
#sub_visual.login {background-image:url('../../../images/web/expo/bsn/sub/svisual_login.jpg');}
#sub_visual.about {background-image:url('../../../images/web/expo/bsn/sub/svisual_about.jpg');}
#sub_visual.onlinerecruit {background-image:url('../../../images/web/expo/bsn/sub/svisual_onlinerecruit.jpg');}
#sub_visual.ai {background-image:url('../../../images/web/expo/bsn/sub/svisual_ai.jpg');}
#sub_visual.additional {background-image:url('../../../images/web/expo/bsn/sub/svisual_additional.jpg');}
#sub_visual.recruit {background-image:url('../../../images/web/expo/bsn/sub/svisual_recruit.jpg');}
#sub_visual.notice {background-image:url('../../../images/web/expo/bsn/sub/svisual_notice.jpg');}
#sub_visual.event {background-image:url('../../../images/web/expo/bsn/sub/svisual_event.jpg');}
#sub_visual.qna {background-image:url('../../../images/web/expo/bsn/sub/svisual_qna.jpg');}
#sub_visual.opening {background-image:url('../../../images/web/expo/bsn/sub/svisual_opening1.jpg');}
#sub_visual.program {background-image:url('../../../images/web/expo/bsn/sub/svisual_program.jpg');}




@media all and (max-width:1000px){
	#sub_visual {height:10rem; padding:0;}
	#sub_visual h2 {font-size:2.5rem; line-height:10rem;}
	#sub_visual p {display:none;}
}

#main {margin-bottom:8rem;}

#lnb {overflow:hidden; border-bottom:1px solid #dedede; text-align:center; font-size:0;}
#lnb > button {display:none;}
#lnb li {float:left; width:18rem;}
#lnb a {display:block; position:relative; line-height:6.4rem; font-size:2rem; color:#8d8d8d;}
#lnb li.on a {font-weight:700; color:#004593;}
#lnb li.on a:before {position:absolute; left:0; right:0; bottom:-1px; height:0.4rem; background:#004593; content:'';}

#lnb button { position:relative; line-height:6.4rem; font-size:2rem; color:#8d8d8d;}
#lnb li.on button {font-weight:700; color:#004593;}
#lnb li.on button:before {position:absolute; left:0; right:0; bottom:-1px; height:0.4rem; background:#004593; content:'';}

@media all and (min-width:1000.2px){
	#lnb ul {display:inline-block !important;}
}
@media all and (max-width:1000px){
	#lnb > button {display:block; position:relative; width:100%; padding-left:1.75rem; font-size:2rem; color:#004593; font-weight:700; text-align:left; line-height:3.125;}
	#lnb > button:after {position:absolute; top:50%; right:1.75rem; width:3rem; height:3rem; margin-top:-1.5rem; transform:rotate(180deg); background:url('../../../images/web/expo/bsn/icon/ico_lnb_arr.png'); background-size:contain; content:'';}
	#lnb ul {display:none; width:100%; border-top:1px solid #dedede;}
	#lnb li {width:100%;}
	#lnb li+li {border-top:1px solid #dedede;}
	#lnb li.on {display:none;}
	#lnb a {padding-left:1.75rem; text-align:left; line-height:3.125; color:#000; background:#fafafa;}
	#lnb button {padding-left:1.75rem; text-align:left; line-height:3.125; color:#000; background:#fafafa;display: block;}

	#lnb.open {border-color:#dedede;}
	#lnb.open > button:after {transform:rotate(0deg);}
}


.stitle1 {margin-bottom:3rem; font-size:2.9rem; font-weight:700; line-height:1.48; color:#000}
.stitle2 {position:relative; margin-bottom:3rem; padding-bottom:1.7rem; border-bottom:1px solid #dedede; font-size:2.5rem; font-weight:700; color:#222; line-height:1.48;}
.stitle2:before {position:absolute; left:0; bottom:-1px; width:10rem; height:1px; background:#222; content:'';}

#login {width:92%; max-width:68.5rem; margin:0 auto 10rem;}
#login .title {padding:8.9rem 0 6.6rem; background:url('../../../images/web/expo/bsn/sub/txt_login.png') no-repeat center; background-size:contain;}
#login .title h3 {font-size:6.5rem; color:#000000; text-align:center; font-weight:700;}
#login .fbox {max-width:500px; margin:auto;}
#login input[type="text"],
#login input[type="password"] {width:100%; height:6rem; margin-bottom:1.5rem; padding-left:2.5rem; border:0; border-radius:0; font-size:1.6rem; background:#f5f5f5;}
#login input[type="submit"] {width:100%; height:8rem; font-size:2rem; color:#fff; line-height:8rem; font-weight:500; background:#004593; cursor:pointer;}

#login input::-webkit-input-placeholder {font-size:1.6rem; color:#000000;}
#login input:-moz-placeholder {font-size:1.6rem; color:#000000; opacity: 1;}
#login input::-moz-placeholder {font-size:1.6rem; color:#000000; opacity: 1;}
#login input::-ms-input-placeholder {font-size:1.6rem; color:#000000;}
#login input:-ms-input-placeholder {font-size:1.6rem; color:#000000;}
#login input::input-placeholder {font-size:1.6rem; color:#000000;}

@media all and (max-width:1000px){
	#login .title {margin-top:2rem; padding:4rem 2rem;}
}

.mem_link {margin-top:2rem; text-align:center; font-size:0;}
.mem_link li {display:inline-block; position:relative; padding:0 12px;}
.mem_link li+li:before {position:absolute; top:50%; left:0; width:1px; height:1.4rem; margin-top:-0.7rem; background:#dedede; content:'';}
.mem_link a {display:block; font-size:1.6rem; color:#8d8d8d}
.mem_link li:first-child a {color:#004593}


.search_form select,
.search_form input {height:4rem; border:1px solid #dedede; font-size:1.6rem; color:#222222;}
.search_form select {background:url('../../../images/web/expo/bsn/icon/ico_sel_arr.png') no-repeat right 0.8rem center; background-size:2.4rem auto;}
.search_form input {width:100%;}
.search_form .submit {position:absolute; top:0; right:0; width:8rem; height:4rem; border:0; font-size:1.6rem; color:#fff; background:#7ecef4;}
.search_form input::-webkit-input-placeholder {font-size:1.6rem; color:#8d8d8d;}
.search_form input:-moz-placeholder {font-size:1.6rem; color:#8d8d8d; opacity: 1;}
.search_form input::-moz-placeholder {font-size:1.6rem; color:#8d8d8d; opacity: 1;}
.search_form input::-ms-input-placeholder {font-size:1.6rem; color:#8d8d8d;}
.search_form input:-ms-input-placeholder {font-size:1.6rem; color:#8d8d8d;}
.search_form input::input-placeholder {font-size:1.6rem; color:#8d8d8d;}

.board_search {overflow:hidden; position:relative; padding-left:16.8rem; padding-right:8.8rem; margin:0 auto 2rem;}
.board_search select {position:absolute; top:0; left:0; width:16rem;}

.recruit_search {padding:2rem; border: solid 1px #dedede; background:#fafafa; margin:0 auto 2rem;}
.recruit_search .fbox {overflow:hidden;}
.recruit_search select {width:100%; background-color:#fff;}
.recruit_search input {width:100%; background-color:#fff;}
.recruit_search .select_wrap {float:left; width:14.34%; padding-right:0.8rem;}
.recruit_search .input_wrap {float:left; position:relative; width:42.64%; padding-right:8.8rem;}

@media all and (max-width:1000px){
	.search_form .submit {width:6rem;}

	.board_search {padding-left:12.8rem; padding-right:6.8rem;}
	.board_search select {width:12rem;}

	.recruit_search .select_wrap {width:100%; padding-bottom:0.8rem; padding-right:0;}
	.recruit_search .input_wrap {width:100%; padding-right:0;}
	.recruit_search .submit {position:relative; width:100%; margin-top:0.8rem;}
}

.board_list {width:100%; border-top:1px solid #008ad3; font-size:1.6rem; line-height:1.38; table-layout:fixed;}
.board_list * {vertical-align:middle;}
.board_list th,
.board_list td {padding:1.5rem 2.5rem; border-bottom:1px solid #dedede; text-align:center;}
.board_list th {font-weight:700; color:#000; background:#f5f5f5;}
.board_list td {color:#222;}
.board_list td.title {text-align:left}
.board_list td.title .ico {margin-left:0.8rem;}
@media all and (max-width:1000px){
	.board_list th,
	.board_list td {padding:1.5rem 1rem;}
	.board_list .date {width:11rem !important;}
	.board_list td.title {padding-right:0;}
}



.recruit_list .img_wrap {overflow:hidden; position:relative;}
.recruit_list .img_wrap span {display:block; position:relative; padding-bottom:23.57%;}
.recruit_list .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
.ico_movie {position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; background:rgba(0,0,0,0.4); content:'';}
.ico_movie::after {position:absolute; top:50%; left:50%; z-index:3; width:6rem; height:6rem; margin:-3rem; background:url('../../../images/web/expo/bsn/icon/ico_play.png') no-repeat center; background-size:contain; content:'';}


.recruit_list[data-sort-type='block'] {overflow:hidden; margin:-2.6rem;}
.recruit_list[data-sort-type='block'] > li {float:left; width:23%; padding:2.6rem; box-shadow:.7rem 1rem 1rem 0 rgba(0, 0, 0, 0.16); margin:1rem 2rem 3rem 0rem}
.recruit_list[data-sort-type='block'] .tcont {padding:3rem 3rem 0 3rem; background:#fafafa;padding-bottom: 1rem;}
.recruit_list[data-sort-type='block'] .t00 {height:auto !important;margin-bottom: 1rem;}
.recruit_list[data-sort-type='block'] .t01 {overflow: hidden; position:relative; z-index:2; font-size:2.3rem; line-height:1.45; color:#222; font-weight:700; white-space: nowrap; text-overflow: ellipsis;height: 30px;}
.recruit_list[data-sort-type='block'] .t01 span {position:relative;}
.recruit_list[data-sort-type='block'] .t01 span::after {position:absolute; left:0; right:0; bottom:.4rem; z-index:-1; height:.8rem; background:#ffffff; content:'';}
.recruit_list[data-sort-type='block'] .s01 {background:#fafafa;float: right;color: #b92c2c;}
.recruit_list[data-sort-type='block'] .t02 {overflow:hidden; height:7.2rem; margin-top:2.6rem; font-size:1.7rem; color:#565656; font-weight:700; line-height:3.6rem; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.recruit_list[data-sort-type='block'] .t03 {overflow:hidden; margin-top:1.6rem; height:5.8rem; margin-right:-1.4rem; font-size:1.5rem; color:#0068B5; /* font-weight:bold; */ line-height:2.6rem;}
.recruit_list[data-sort-type='block'] .t03 span {display:inline-block; margin-right:1.4rem;}
.recruit_list[data-sort-type='block'] .btn_wrap {overflow:hidden; margin-top:0;}
.recruit_list[data-sort-type='block'] .btn_wrap * {vertical-align:middle;}
/*.recruit_list[data-sort-type='block'] .btn_wrap a {float:left; width:33.3%; text-align:center; }*/
.recruit_list[data-sort-type='block'] .btn_wrap a {float:left;text-align:center;background:#d2d2d2;border-radius: 5px;margin: 3% 3% 0% 3%;}
.recruit_list[data-sort-type='block'] .btn_wrap span {font-size:1.6rem; line-height:3rem; color:#fff;}
.recruit_list[data-sort-type='block'] .btn_wrap a.consultBtn {background:#3f51b5;width: 23%;}
.recruit_list[data-sort-type='block'] .btn_wrap a.interviewBtn {background:#009688;width: 23%;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a.applyBtn {background:#3f51b5;width: 44%;}
.recruit_list[data-sort-type='block'] .btn_wrap a.detailBtn {background:#9e9e9e;width: 36%;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a.detailBtn2 {background:#9e9e9e;width: 44%;}

.recruit_list[data-sort-type='block'] .btn_wrap .ico {margin-right:0.5rem;}

/* .recruit_list[data-sort-type='block'] .btn_wrap2 {overflow:hidden; margin-top:0;}
.recruit_list[data-sort-type='block'] .btn_wrap2 * {vertical-align:middle;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a {float:left; width:50%; text-align:center; background:#d2d2d2;}
.recruit_list[data-sort-type='block'] .btn_wrap2 span {font-size:1.6rem; line-height:7rem; color:#fff;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a+a {background:#7ecef4;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a+a+a {background:#1ecef4;}
.recruit_list[data-sort-type='block'] .btn_wrap2 .ico {margin-right:0.5rem;} */

.recruit_list[data-sort-type='block'] .btn_wrap2 * {vertical-align:middle;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a {float:left;text-align:center;background:#d2d2d2;border-radius: 5px;margin: 3% 3% 0% 3%;}
.recruit_list[data-sort-type='block'] .btn_wrap2 span {font-size:1.6rem; line-height:3rem; color:#fff;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a.consultBtn {background:#3f51b5;width: 23%;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a.interviewBtn {background:#009688;width: 23%;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a.applyBtn {background:#3f51b5;width: 44%;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a.detailBtn {background:#9e9e9e;width: 36%;}
.recruit_list[data-sort-type='block'] .btn_wrap2 a.detailBtn2 {background:#9e9e9e;width: 44%;}




.recruit_list[data-sort-type='list'] li {display:inline-block; position:relative; width:100%; background:#fafafa;}
.recruit_list[data-sort-type='list'] li+li {margin-top:3rem;}
.recruit_list[data-sort-type='list'] .inbox {overflow:hidden; display: -ms-flexbox; display: flex; flex-flow:row nowrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex: 1 1 auto; -ms-flex-align: center; align-items: center;}
.recruit_list[data-sort-type='list'] .img_wrap {position:relative; width:30rem; flex-shrink: 0;}
.recruit_list[data-sort-type='list'] .tcont {position:relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; padding:1.5rem 23rem 1rem 6rem;}
.recruit_list[data-sort-type='list'] .btn_wrap {position:absolute; top:50%; right:3rem; width:17.5rem; margin-top:-7.5rem;}
.recruit_list[data-sort-type='list'] .btn_wrap a {display:block; text-align:center; background:#d2d2d2;}
.recruit_list[data-sort-type='list'] .btn_wrap * {vertical-align:middle;}
.recruit_list[data-sort-type='list'] .btn_wrap span {font-size:2rem; line-height:4.5rem; color:#fff;}
.recruit_list[data-sort-type='list'] .btn_wrap a+a {margin-top:1rem; background:#7ecef4;}
.recruit_list[data-sort-type='list'] .btn_wrap a+a+a { background:#1ecef4;}
.recruit_list[data-sort-type='list'] .btn_wrap .ico {margin-right:0.5rem;}
.recruit_list[data-sort-type='list'] .t01 span {display:inline-block; position:relative; z-index:2; margin-right:2.4rem; font-size:2.4rem; color:#222; line-height:1.5; font-weight:700;}
/*.recruit_list[data-sort-type='list'] .t01 span::after {position:absolute; left:0; right:0; bottom:.5rem; z-index:-1; height:.8rem; background:#ffffff; content:'';}*/
.recruit_list[data-sort-type='list'] .t02 {overflow:hidden; margin-top:2rem; font-size:4rem; font-weight:700; color:#565656; line-height:1.48; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recruit_list[data-sort-type='list'] .t03 {overflow:hidden; height:2.8rem; margin-top:4rem;}
.recruit_list[data-sort-type='list'] .t03 span {display:inline-block; margin-right:1.8rem; font-size:2rem; font-weight:500; color:#008ad3; line-height:2.8rem;}

.recruit_list[data-sort-type='list'] .btn_wrap2 {position:absolute; top:50%; right:3rem; width:17.5rem; margin-top:-7.5rem;}
.recruit_list[data-sort-type='list'] .btn_wrap2 a {display:block; text-align:center; background:#d2d2d2;}
.recruit_list[data-sort-type='list'] .btn_wrap2 * {vertical-align:middle;}
.recruit_list[data-sort-type='list'] .btn_wrap2 span {font-size:2rem; line-height:4.5rem; color:#fff;}
.recruit_list[data-sort-type='list'] .btn_wrap2 a+a {margin-top:1rem; background:#7ecef4;}
.recruit_list[data-sort-type='list'] .btn_wrap2 a+a {margin-top:1rem; background:#1ecef4;}
.recruit_list[data-sort-type='list'] .btn_wrap2 .ico {margin-right:0.5rem;}

/* 라벨링 */
.labeling {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 16px;
	/* height: 35px; */
	line-height: 26px;
	border-radius: 15px;
	color: #ffffff;
	/* border: 3px solid #2196f3; */
	border-color : #2196f3;
	/* font-weight: normal; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* vertical-align: middle; */
	/* margin-bottom: 3px; */
	/* margin-left: 10px; */
	background: #036AF9 ;
}

 .labelingEct01 {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 1.7rem;
	line-height: 2.3rem;
	border-radius: 15px;
	color: #ffffff;
	border-color : #2196f3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #e83e3a ;
}
.labelingEct02 {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 1.7rem;
	line-height: 2.3rem;
	border-radius: 15px;
	color: #ffffff;
	border-color : #2196f3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #9c27b0 ;
}
.labelingEct03 {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 26px;
	border-radius: 15px;
	color: #ffffff;
	border-color : #2196f3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #00b050 ;
}
.labelingEct04 {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 26px;
	border-radius: 15px;
	color: #ffffff;
	border-color : #2196f3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #0000ff ;
}
.labelingEct05 {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 26px;
	border-radius: 15px;
	color: #ffffff;
	border-color : #2196f3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #5f00ff ;
}
.labelingEct06 {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 26px;
	border-radius: 15px;
	color: #ffffff;
	border-color : #2196f3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #2478ff ;
}
.labelingEct07 {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 26px;
	border-radius: 15px;
	color: #ffffff;
	border-color : #2196f3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #00A200 ;
}
.labelingEct08 {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 26px;
	border-radius: 15px;
	color: #ffffff;
	border-color : #2196f3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #030066 ;
}

.recruit_list[data-sort-type='list'] .t01 span.labeling {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 16px;
	/* height: 35px; */
	line-height: 26px;
	border-radius: 15px;
	color: #ffffff;
	/* border: 3px solid #2196f3; */
	border-color : #2196f3;
	/* font-weight: normal; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* vertical-align: middle; */
	/* margin-bottom: 3px; */
	/* margin-left: 10px; */
	background: #2196f3 ;
}


@media all and (max-width:1400px){
	.recruit_list[data-sort-type='block'] > li {width:30%;}
}
@media all and (max-width:1030px){
	.recruit_list[data-sort-type='block'] > li {width:50%;}
}
@media all and (max-width:1200px){
	.recruit_list[data-sort-type='list'] {overflow:hidden; margin:-2.6rem;}
	.recruit_list[data-sort-type='list'] li {float:left; margin:0; padding:2.6rem; width:50%; background:none;}
	.recruit_list[data-sort-type='list'] li+li {margin:0;}
	.recruit_list[data-sort-type='list'] .img_wrap {float:none; width:100%;}
	.recruit_list[data-sort-type='list'] .tcont {width:100%; padding:5rem; background:#fafafa;}
	.recruit_list[data-sort-type='list'] .btn_wrap {overflow:hidden; position:relative; top:0; right:0; width:100%; margin:0;}
	.recruit_list[data-sort-type='list'] .btn_wrap a {float:left; width:33.3%;}
	.recruit_list[data-sort-type='list'] .btn_wrap a+a {margin:0;}

	.recruit_list[data-sort-type='list'] .btn_wrap2 {overflow:hidden; position:relative; top:0; right:0; width:100%; margin:0;}
	.recruit_list[data-sort-type='list'] .btn_wrap2 a {float:left; width:50%;}
	.recruit_list[data-sort-type='list'] .btn_wrap2 a+a {margin:0;}
}
@media all and (max-width:1030px){
	.ico_movie::after {width:3rem; height:3rem; margin:-1.5rem;}

	.recruit_list[data-sort-type='block'] {margin:-1rem -1rem;}
	.recruit_list[data-sort-type='block'] > li {padding:1rem;}
	.recruit_list[data-sort-type='block'] > li:nth-child(2n+1) {clear:both;}
	.recruit_list[data-sort-type='block'] .tcont {padding:1.8rem;}
	.labelingEct01 {font-size: 1rem;line-height: 1.75rem;}
	.labelingEct02 {font-size: 1rem;line-height: 1.75rem;}
	.recruit_list[data-sort-type='block'] .t01 {font-size:1.25rem; line-height:1.5;}
	.recruit_list[data-sort-type='block'] .t01 span::after {bottom:.1rem; height:.5rem;}
	.recruit_list[data-sort-type='block'] .t02 {margin-top:1.25rem; height:4.6rem; font-size:1.5rem; line-height:2.3rem;}
	.recruit_list[data-sort-type='block'] .t03 {height:1.85rem; margin-top:1rem; font-size:0.875rem;}
	.recruit_list[data-sort-type='block'] .btn_wrap span {font-size:1.125rem; line-height:4rem;}
	.recruit_list[data-sort-type='block'] .btn_wrap .ico {margin-right:0.2rem;}

	.recruit_list[data-sort-type='block'] .btn_wrap2 span {font-size:1.125rem; line-height:4rem;}
	.recruit_list[data-sort-type='block'] .btn_wrap2 .ico {margin-right:0.2rem;}


	.recruit_list[data-sort-type='list'] {margin:-1rem -2.8rem;}
	.recruit_list[data-sort-type='list'] > li {padding:1rem;}
	.recruit_list[data-sort-type='list'] > li:nth-child(2n+1) {clear:both;}
	.recruit_list[data-sort-type='list'] .tcont {padding:2rem 3.75rem 3.125rem;}
	.recruit_list[data-sort-type='list'] .t01 span {margin-right:1.5rem; font-size:1.5rem;}
	.recruit_list[data-sort-type='list'] .t01 span::after {bottom:0.3rem; height:0.5rem;}
	.recruit_list[data-sort-type='list'] .t02 {margin-top:0.9rem; font-size:1.8rem; line-height:1.43;}
	.recruit_list[data-sort-type='list'] .t03 {margin-top:1.8rem;}
	.recruit_list[data-sort-type='list'] .t03 span {font-size:1.25rem; margin-right:1.125rem;}
	.recruit_list[data-sort-type='list'] .btn_wrap span {font-size:1.125rem; line-height:4rem;}
	.recruit_list[data-sort-type='list'] .btn_wrap .ico {margin-right:0.2rem;}

	.recruit_list[data-sort-type='list'] .btn_wrap2 span {font-size:1.125rem; line-height:4rem;}
	.recruit_list[data-sort-type='list'] .btn_wrap2 .ico {margin-right:0.2rem;}

	.labeling {font-size: 10px;line-height: 16px;}
	.recruit_list[data-sort-type='list'] .t01 span.labeling{font-size: 10px;line-height: 16px;}

}
@media all and (max-width:700px){
	.recruit_list[data-sort-type='block'] > li {width:50%;}
	.recruit_list[data-sort-type='list'] > li {width:100%;}
}
@media all and (max-width:500px){
}


.paging {margin-top:3.4rem; text-align:center;}
.paging ul {display:inline-block;}
.paging li {float:left;}
.paging li+li {margin-left:1.6rem;}
.paging a {display:block; font-size:1.5rem; font-weight:500; line-height:2.4rem; color:#333333;}
.paging li.on a {color:#008ad3;font-weight: 800;}



.board_view {font-size:1.6rem;}
.board_view_top {position:relative; border-top:1px solid #008ad3; line-height:1.38;}
.board_view_top .date {position:absolute; top:1.5rem; right:2.5rem;}
.board_view_top h3 {padding:1.5rem 16rem 1.3rem 2.5rem; border-bottom:1px solid #dedede; font-size:1.6rem; color:#000; font-weight:700; background:#f5f5f5;}
.board_view_top .attach_list {position:relative; padding:1.4rem 16rem 1.4rem 2.5rem; border-bottom:1px solid #dedede;height: 5rem;}
.board_view_top .hit {position:absolute; top:1.4rem; right:2.5rem;}
.board_view_contents {padding:3rem;}
.post_navi {border-top:1px solid #dedede;}
.post_navi li {border-bottom:1px solid #dedede;}
.post_navi li a {display:inline-block; width:100%; vertical-align:top;}
.post_navi li a span {float:left; width:18rem; padding-left:2.5rem; color:#000; font-weight:700; line-height:5rem; background:no-repeat right 2rem center #f5f5f5; background-size:2.4rem;}
.post_navi li a strong {display:block; overflow:hidden; margin:0 2rem 0 20rem; line-height:5rem; font-weight:400; white-space:nowrap; text-overflow:ellipsis;}
.post_navi li .prev span {background-image:url('../../../images/web/expo/bsn/icon/ico_arrow_up.png')}
.post_navi li .next span {background-image:url('../../../images/web/expo/bsn/icon/ico_arrow_down.png')}



@media all and (max-width:1000px){
	.board_view_top h3,
	.board_view_top .attach_list {padding:1.5rem 10.5rem 1.3rem 1.5rem;}
	.board_view_top .date {right:1.5rem;}
	.board_view_top .hit {right:1.5rem;}
	.post_navi li a span {width:5rem; background-position:center; text-indent:-999px;}
	.post_navi li a strong {margin-left:6.5rem;}
}


.list_sort {overflow:hidden; margin:2rem 0; text-align:right;}
.list_sort .inbox {display:inline-block; vertical-align:top;}
.list_sort strong {float:left; margin-right:1rem; line-height:4rem; font-size:1.6rem; color:#000; font-weight:500;}
.list_sort button {float:left; margin-left:0.4rem;}
.list_sort i {vertical-align:top;}


.btn_wrap {margin-top:5rem; text-align:center;}
.btn_list_more {display:inline-block; position:relative; font-size: 2.4rem; font-weight:700; line-height:1.5; color:#222;    margin-bottom: 5rem;}
.btn_list_more::after {position:absolute; left:0; right:0; bottom:.5rem; z-index:-1; height:.8rem; background:#a9daf3; content:'';}

@media all and (max-width:1000px){
	.btn_wrap {margin-top:3rem;}
}

.intro_c1 {padding-bottom:8rem; border-bottom:1px solid #eeeeee;}
.intro_c1 .title {max-width:141.2rem; margin:auto; padding:7.8rem 2rem; text-align:center; background:url('../../../images/web/expo/bsn/sub/txt_ontact.png') no-repeat center; background-size:contain;}
.intro_c1 .title h3 {display:inline-block; position:relative; z-index:2; font-size:6rem; color:#000; line-height:1.48; font-weight:300;}
.intro_c1 .title h3 span {display:inline-block; position:relative;padding-left: 2rem;}
.intro_c1 .title h3 span::after {position:absolute; left:-0.2rem; right:-0.5rem; z-index:-1; bottom:0.8rem; height:1.5rem; background:#a9daf3; content:'';}
.intro_c1 .title h3 strong {font-weight:700;}
/* .intro_c1 .movie {max-width:88.9rem; margin:0 auto 2.5rem;} */
.intro_c1 .cbox {display:inline-block; width:100%;}
.intro_c1 .movie {float:left; width:45.21%; margin-bottom:2.5rem;}
.intro_c1 .rolling {float:left;  margin-bottom:2.5rem; margin-top:2.5rem;}
.intro_c1 .movie .inbox {position:relative; padding-bottom:56.25%;}
.intro_c1 .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';}
.intro_c1 .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.intro_c1 .movie .inbox img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.intro_c1 .tcont {float:right; width:51.55%;    /* padding-top: 4.50%;  */}

/* .intro_c1 .movie .inbox {position:relative; padding-bottom:100%;} */
.intro_c1 .movie .inbox {position:relative;}
.intro_c1 .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';}
.intro_c1 .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.intro_c1 .movie .inbox img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.intro_c1 .movie img.pc_img {display:block;}
.intro_c1 .movie img.m_img {display:none;}
.intro_c1 .rolling .pc_img{display:block;}
.intro_c1 .rolling .m_img{display:none;}
.intro_c1 ul {max-width:1000px; margin:0 auto 0;}
.intro_c1 li {display:inline-block; position:relative; width:100%; padding:1.6rem 1.2rem; font-size:2rem; line-height:1.45;}
.intro_c1 li+li {border-top:1px solid #eeeeee;}
.intro_c1 li::before {position:absolute; top:2.8rem; left:0; width:0.4rem; height:0.4rem; border-radius:50%; background:#004593; content:'';}
.intro_c1 li strong {float:left; font-weight:700; color:#222222;}
.intro_c1 li p {margin-left:15rem; color:#000; font-weight:300;word-break: keep-all;}

.participatory_method.sub {padding-top:6rem; margin-top:0;}

.intro_c1 ul {max-width:1000px; margin:0 auto 0;}
.intro_c1 li {display:inline-block; position:relative; width:100%; padding:1.6rem 1.2rem; font-size:2rem; line-height:1.45;}
.intro_c1 li+li {border-top:1px solid #eeeeee;}
.intro_c1 li::before {position:absolute; top:2.8rem; left:0; width:0.4rem; height:0.4rem; border-radius:50%; background:#004593; content:'';}
.intro_c1 li strong {float:left; font-weight:700; color:#222222;}
.intro_c1 li strong.sm {font-size: 16px;margin-top: 0.4rem;}
.intro_c1 li p {margin-left:15rem; color:#000; font-weight:300;word-break: keep-all;}
.intro_c1 li p span{font-size:14px}

.last_banner{border-top: 1px solid #ddd;padding: 0;}
.last_banner h3{color: #404345; font-size: 16px; font-weight: 400;line-height: 80px;float: left;width: 10%;}
.last_banner .inner {display: flex;}
.last_banner .icon_banner{width:91%; float: left;}
.last_banner .page{width: 9%; float: right;text-align: right; line-height: 50px;}
.last_banner ul li{ float: left;width: 100%;padding: 0;}
.last_banner ul li .img_box{position: relative;text-align: center;line-height: 50px;}
.last_banner ul li .img_box img{cursor: pointer;max-width: 100%;max-height: 50px;width: 100%; display: initial; margin: 0 auto; vertical-align: middle;}

.last_banner .slick-arrow.slick-hidden{display: block;}
.play_btn{display: none;}
.last_banner .page > div {float: left;margin: 0 5px;cursor: pointer;}
.last_banner .page > div:last-child{margin-right: 0;}
.last_banner ul .img_box .hide_img{display: none}
.clear::after{display: block; clear: both;content: '';}
.last_banner ul li::before {position:static; top:auto; left:auto; width:auto; height:auto; border-radius:auto; background:auto; content:'';}

@media all and (max-width:1200px){
	.intro_c1 .movie {float:none;width: 100%;margin-left: auto;margin-right: auto;}
	.intro_c1 .rolling {float:none;width: 100%;margin-left: auto;margin-right: auto;}
	.intro_c1 .tcont {float:none;width: auto;}


	.last_banner h3{font-size: 15px;}
	.last_banner ul li{padding: 0 20px 0 0;}
	.last_banner .icon_banner{width: 84%;}
	.last_banner .page{width: 16%;}
}

@media all and (max-width:1000px){
	.intro_c1 .title {padding:2.5rem 2rem; background-size:auto 100%;}
	.intro_c1 .title h3 {font-size:3.75rem;}
	.intro_c1 .title h3 span {display:inline-block;}
	.intro_c1 .title h3 span::after {bottom:0.6rem; height:0.8rem;}
	.intro_c1 .movie {margin-bottom:0;}
	.intro_c1 .rolling {margin-bottom:0;}
	.intro_c1 .movie .inbox::after {display:none;}
	.intro_c1 ul {margin-top:0;}
	.intro_c1 li {padding:2.5rem 1.8rem 2.5rem 3.25rem;}
	.intro_c1 li::before {left:1.8rem; top:3.6rem;}
	.intro_c1 li strong  {float:none}
	.intro_c1 li p {margin-left:0; margin-top:0.5rem;}
	.intro_c1 .movie img.pc_img {display:none;}
	.intro_c1 .movie img.m_img {display:block;}
	.intro_c1 .movie .inbox {position:relative; padding-bottom:56.25%;}
}

.recruit_basic {overflow:hidden; position:relative; border:solid 1px #dedede; border-top:3px solid #008ad3; font-size:1.6rem; color:#000; line-height:1.5;}
.recruit_basic .lcont {float:left; width:66.66%;}
.recruit_basic .title {border-bottom:1px solid #dedede;}
.recruit_basic .title {padding:3rem 4rem;}
.recruit_basic .title span {font-size:2rem; line-height:1.45;}
.recruit_basic .title h4 {margin-top:0.5rem; font-size:3rem;}
.recruit_basic .recruit_info {overflow:hidden; padding:3rem 4rem;}
.recruit_basic .recruit_info > div {float:left; width:50%;}
.recruit_basic h5 {position:relative; margin-bottom:1.1rem; padding-left:1.3rem; font-size:2rem; line-height:1.45; font-weight:700;}
.recruit_basic h5:before {position:absolute; top:50%; left:0; width:3px; height:1.5rem; margin-top:-0.75rem; background:#008ad3; content:'';}
.recruit_basic .recruit_info li {display:inline-block; width:100%;}
.recruit_basic .recruit_info li+li {margin-top:0.8rem;}
.recruit_basic .recruit_info li strong {float:left; font-weight:400;}
.recruit_basic .recruit_info li p {margin-left:5rem; font-weight:300;}
.recruit_basic .recruit_info li p em {color:#1493e8;}
.recruit_basic .recruit_info .s2 p {margin-left:8.5rem;}
.recruit_basic .company_info {float:left; position:relative; width:33.34%; padding:3rem 4rem;}
.recruit_basic .company_info:before {position:absolute; top:0; left:0; width:1px; height:10000px; background:#dedede; content:'';}
.recruit_basic .company_logo {display:block; width:100%; max-width:30rem; margin:0 auto 3rem;}
.recruit_basic .company_info li {display:inline-block; position:relative; width:100%; padding-left:1.3rem;}
.recruit_basic .company_info li:before {position:absolute; top:1.1rem; left:0; width:3px; height:3px; border-radius:50%; background:#222222; content:'';}
.recruit_basic .company_info li+li {margin-top:0.8rem;}
.recruit_basic .company_info li strong {float:left; font-weight:400; width:40%;}
.recruit_basic .company_info li p {float:right; width:60%; text-align:right;}
.recruit_basic .company_info .btn {margin-top:2.2rem; line-height:5rem;}
@media all and (max-width:1200px){
	.recruit_basic .lcont {width:100%;}
	.recruit_basic .company_info {width:100%; border-top:solid 1px #dedede;}
	.recruit_basic .company_info:before {display:none;}
}
@media all and (max-width:1000px){
	.recruit_basic .recruit_info > div {width:100%;}
	.recruit_basic .recruit_info > div+div {margin-top:3rem;}
	.recruit_basic .title {padding:2rem 2rem;}
	.recruit_basic .recruit_info {padding:2rem 2rem;}
	.recruit_basic .company_info {padding:2rem 2rem;}
}

.recruit_detail {overflow:hidden; position:relative; margin-top:3rem; border:solid 1px #dedede; border-top:3px solid #004593; font-size:1.6rem; color:#000; line-height:1.5;padding:20px;}
/*.recruit_detail .tab {overflow:hidden; margin-left:-1px;}*/
/*.recruit_detail .tab li {float:left; width:25%; border-bottom:1px solid #dedede; border-left:1px solid #dedede; text-align:center;}*/
/*.recruit_detail .tab.grid2 li {width:50%;}*/
/*.recruit_detail .tab button {width:100%; padding:1.8rem 1rem; color:#8d8d8d; background:#fafafa;}*/
/* .recruit_detail .tab li.on {border-bottom:0;} */
/*.recruit_detail .tab li.on button {color:#222; font-weight:500; background:#fff;}*/
.recruit_detail .tab_cont {display:none; padding:4rem;}
.recruit_detail .tab_cont.on {display:block;}
@media all and (max-width:1000px){
	/*.recruit_detail .tab li {width:50%;}*/
	/*.recruit_detail .tab li.on {border-bottom:1px solid #dedede;}*/

	.recruit_detail .tab_cont {padding:2rem;}
}

.event_detail {overflow:hidden; position:relative; margin-top:3rem; border:solid 1px #dedede; border-top:3px solid #004593; font-size:1.6rem; color:#000; line-height:1.5;padding:20px;}
/* .event_detail .tab {overflow:hidden; margin-left:-1px;} */
/* .event_detail .tab li {float:left; width:25%; border-bottom:1px solid #dedede; border-left:1px solid #dedede; text-align:center;} */
/* .event_detail .tab.grid2 li {width:33.3%;} */
/* .event_detail .tab button {width:100%; padding:1.8rem 1rem; color:#8d8d8d; background:#fafafa;} */
/* .event_detail .tab li.on {border-bottom:0;} */
/* .event_detail .tab li.on button {color:#222; font-weight:500; background:#fff;} */
.event_detail .tab_cont {display:none; padding:4rem;}
.event_detail .tab_cont.on {display:block;}
@media all and (max-width:1000px){
	/* .event_detail .tab li {width:50%;}
	.event_detail .tab li.on {border-bottom:1px solid #dedede;} */

	.event_detail .tab_cont {padding:2rem;}
}


.recruit_detail_top {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height:32rem; color:#000; background:no-repeat center; background-size:cover;}
.recruit_detail_top > div {width:100%; text-align:center;}
.recruit_detail_top .stxt {font-size:3rem; line-height:1.75; font-weight:300;}
.recruit_detail_top strong {display:block; font-size:4rem; font-weight:700; color:#222; line-height:1.47;}
.recruit_detail_top.recruit_bg1 {background-image:url('../../../images/web/expo/bsn/sub/recruit_bg1.jpg');}
.recruit_detail_top.recruit_bg2 {background-image:url('../../../images/web/expo/bsn/sub/recruit_bg2.jpg');}
.recruit_detail_top.recruit_bg3 {color:#fff; background-image:url('../../../images/web/expo/bsn/sub/recruit_bg3.jpg');}
.recruit_detail_top.recruit_bg3 strong {color:#fff;}
.recruit_detail_top.recruit_bg4 {background-image:url('../../../images/web/expo/bsn/sub/recruit_bg4.jpg');}
.recruit_detail_top.recruit_bg5 {background-image:url('../../../images/web/expo/bsn/sub/recruit_bg5.jpg');}

.recruit_detail_desc {margin:3rem 0; font-size:1.8rem; line-height:1.67; font-weight:300;}

@media all and (max-width:1000px){
	.recruit_detail_top {min-height:11rem;}
	.recruit_detail_top .stxt {font-size:1.4rem;}
	.recruit_detail_top strong {font-size:2.3rem;}
}

.accordion li {border-top:2px solid #222222;}
.accordion li+li {margin-top:4rem;}
.accordion li button {display:block; position:relative; width:100%; padding:2.1rem 8rem 2.1rem 2rem; font-size:2rem; color:#000; line-height:1.35; text-align:left; font-weight:700; background:#f5f5f5;}
.accordion li button::after {position:absolute; right:2rem; top:50%; width:4rem; height:4rem; margin-top:-2rem; background:url('../../../images/web/expo/bsn/icon/ico_accordion_arr.png') no-repeat center; background-size:contain; content:'';}
.accordion li.on button::after {transform:rotate(180deg);}
.accordion .cont {display:none;}

.recruit_view {margin-top:2.6rem; border-top:1px solid #8d8d8d; font-size:1.6rem;}
.recruit_view .row {overflow:hidden;}
.recruit_view .row .col {float:left; position:relative; width:100%; padding-left:21.5rem; border-bottom:1px solid #dedede;}
.recruit_view .row .th {position:absolute; top:0; left:0; bottom:0; width:21.5rem; padding:1.5rem 4.3rem; font-weight:700; color:#000; background:#f5f5f5;}
.recruit_view .row .td {padding:1.5rem 2.5rem; color:#222;}

@media all and (max-width:1200px){
	.recruit_view .row .col {padding-left:18.5rem;}
	.recruit_view .row .th {width:18.5rem; padding:1.5rem 2.5rem;}
}
@media all and (max-width:1000px){
	.recruit_view .row .col {padding-left:16rem;}
	.recruit_view .row .th {width:16rem; padding:1.5rem;}
	.recruit_view .row .td {padding:1.5rem;height: 54px;}
}

.process {margin:0 -3rem; text-align:center;}
.process_list {display:inline-block; width:100%; max-width:134.5rem; margin:auto;}
.process_list li {float:left; width:20%; position:relative; padding:0 3rem 6rem;}
.process_list .circle {position:relative; max-width:150px; margin:auto;}
/* .process_list .circle p {padding-bottom:100%; border-radius:50%; background:#f9f9f9;} */
.process_list .circle p img {position:absolute; top:50%; left:50%; width:60%; max-width:9rem; transform:translate(-50%,-50%);}
.process_list .circle .num {position:absolute; top:0.8rem; left:0.9rem; z-index:2; width:3rem; height:3rem; border-radius:50%; font-family: 'Roboto', sans-serif; font-weight:700; letter-spacing:0; font-size:1.3rem; color:#fff; line-height:3rem; background:#008ad3;}
.process_list .circle .text {position:relative;width:150px;height:150px;line-height:140px;display:inline-block;vertical-align:middle;box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:50%;border:5px solid #2cc6e7;font-size:17px;color:#0fabcc;font-weight:bold;}
.process_list .circle .step1 {padding-left:0 !important;}
.process_list .circle .step2 {border-color:#25a2e2 !important;color:#25a2e2;}
.process_list .circle .step3 {border-color:#1c7fe3 !important;color:#1c7fe3;}
.process_list .circle .step4 {border-color:#7a4dd6 !important;color:#7a4dd6;}
.process_list .circle .step5 {border-color:#9a4dd6 !important;color:#9a4dd6;}
.process_list .circle .step6 {border-color:#b14dd6 !important;color:#b14dd6;}
.process_list li > p {margin-top:1.1rem; font-size:1.8rem; line-height:1.5; color:#000;}
.process_list li+li::before {position:absolute; top:6rem; left:-2rem; width:4rem; height:4rem; background:url('../../../images/web/expo/bsn/icon/ico_process_arr.png') no-repeat center; background-size:contain; content:'';}
@media all and (max-width:1000px){
	.process_list li {width:100%;}
	.process_list li+li::before {top:-5rem; left:50%; margin-left:-2rem; transform:rotate(90deg);}
}



.welfare_list {overflow:hidden; margin:-0.8rem;}
.welfare_list li {float:left; width:12.5%; padding:0.8rem; text-align:center;}
.welfare_list .box {min-height:22rem; padding:2rem 1rem 2rem; border: solid 1px #dedede;}
.welfare_list .box img {max-width:100%;}
.welfare_list .box > p {margin-top:1.9rem; font-size:1.6rem; line-height:1.38; color:#000; font-weight:300;height: 20rem;}

@media all and (max-width:1500px){
	.welfare_list li {width:16.666%;}
}
@media all and (max-width:1200px){
	.welfare_list li {width:25%;}
}
@media all and (max-width:1000px){
	.welfare_list li {width:33.33%;}
}
@media all and (max-width:800px){
	.welfare_list li {width:50%;}
	.welfare_list .box img {max-width:9rem;}
}


#recruit_pop {display:none; position:absolute; top:100px; left:50%; z-index:10000; width:100rem; margin-left:-50rem; background:#fff;}
#recruit_pop .btn_pop_close {position:absolute; top:1rem; right:1rem; width:5rem;}
#recruit_pop h2 {padding:0 3rem; font-size:2.5rem; color:#fff; line-height:7.1rem; background:#008ad3;}
#recruit_pop .pbox {padding:4.3rem 5rem;}
#recruit_pop .title {margin-bottom:1.5rem;}
#recruit_pop .title p {font-size:2rem; color:#008ad3; line-height:1.45; font-weight:300;}
#recruit_pop .title h3 {margin-top:0.5rem; font-size:3rem; font-weight:700; color:#000; line-height:1.5;}
.pop_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:rgba(0,0,0,0.6);}

.write_form .row {overflow:hidden; margin:0 -0.7rem;}
.write_form .col {float:left; width:100%; padding:0.5rem 0.7rem;}
.resume_select {border:1px solid #dedede;}
.resume_select strong {display:block; position:relative; padding-left:3.3rem; border-bottom:1px solid #dedede; font-size:1.8rem; color:#008ad3; line-height:5rem; background:#fafafa;}
.resume_select strong:before {position:absolute; top:50%; left:2rem; width:0.4rem; height:0.4rem; margin-top:-0.2rem; border-radius:500%; background:#008ad3; content:'';}
.resume_select p {padding:1.2rem 2rem; font-size:1.8rem; color:#000; line-height:1.5;}
.write_form .radio_wrap {margin:1.5rem 0;}
.file_add {position:relative; height:5rem; padding-left:2rem; border:1px solid #dedede; font-size:1.8rem; color:#a7a7a7; line-height:4.8rem;}
.file_add span {font-weight:400;}
.file_add a {position:absolute; top:50%; right:1.1rem; width:9rem; height:3rem; margin-top:-1.5rem; font-size:1.4rem; color:#fff; text-align:center; line-height:3rem; background:#8d8d8d;}
.file_add.url a {background:#008ad3;}
.write_form .stxt {margin-top:0.5rem; font-size:1.6rem; color:#000; font-weight:300;}
.write_form .btn_area {margin-top:3.5rem; padding-top:3.5rem; border-top:1px solid #dedede;}

#file_url_form {display:none;}

#file_list {margin:3rem 0 1rem; padding:2rem; border:1px solid #dedede; font-size:1.8rem;}
#file_list li {overflow:hidden;}
#file_list li+li {margin-top:1.5rem;}
#file_list .checkbox {float:left; width:30%;}
#file_list .checkbox label {font-size:1.8rem;}
#file_list .fname {float:left; width:70%; color:#a7a7a7;}
#file_list .fname span {margin-right:1rem;}
#file_list button {position:relative; top:0.2rem;}

@media all and (max-width:1000px){
	#recruit_pop {left:2rem; right:2rem; width:auto; margin:0;}
	#recruit_pop .pbox {padding:2rem;}

	#file_list .checkbox {float:none; width:auto;}
	#file_list .fname {float:none; width:auto; margin-left:3rem;}
}



.coming_soon {margin:10.7rem 3rem 14.5rem; text-align:center;}
.coming_soon img {max-width:20rem;}
.coming_soon .t1 {margin-top:2rem; font-size:4rem; font-weight:700; color:#000;}
.coming_soon .t1 strong {color:#008ad3}
.coming_soon .t2 {margin-top:1.7rem; font-size:2rem; line-height:1.45; color:#8d8d8d ; font-weight:300;}

@media all and (max-width:1000px){
	.coming_soon {margin:5rem 1.5rem 8rem}
	.coming_soon .t1 {font-size:3.3rem;}
	.coming_soon .t2 {font-size:1.8rem;}
}


.recruit_explain {}
.recruit_explain .title {margin-top:2rem; padding:5.7rem 0 6.9rem; font-size:4rem; font-weight:700; line-height:1.48; color:#000; text-align:center; background:url('../../../images/web/expo/bsn/sub/txt_recruit.png') no-repeat center; background-size:contain;}
.recruit_explain .title .t2 {display:inline-block; position:relative; z-index:2; color:#008ad3;}
.recruit_explain .title .t2::after {position:absolute; left:-0.7rem; right:-0.7rem; bottom:0.6rem; z-index:-1; height:1.5rem; background:#a9daf3; content:'';}
.recruit_explain .movie {position:relative; max-width:89rem; margin:0 auto 2.5rem;}
.recruit_explain .movie .inbox {position:relative; padding-bottom:56.25%;}
.recruit_explain .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';}
.recruit_explain .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.recruit_explain .movie .btn_prev,
.recruit_explain .movie .btn_next {overflow:hidden; position:absolute; top:50%; width:3.4rem; height:6rem; margin-top:-3rem; text-indent:-999px; background:url('../../../images/web/expo/bsn/icon/ico_prev.png') no-repeat center; background-size:contain;}
.recruit_explain .movie .btn_prev {left:-7.4rem; transform:rotate(180deg);}
.recruit_explain .movie .btn_next {right:-7.4rem;}

#movie_thumb {max-width:112rem; margin:auto; padding:3.5rem 0 0; font-size:0; text-align:center;}
#movie_thumb ul {overflow:hidden; margin:-2rem;}
#movie_thumb li {display:inline-block; width:25%; padding:2rem;}
#movie_thumb li button {display:block; width:100%; position:relative;}
#movie_thumb li .img_wrap {position:relative; padding-bottom:56.25%;}
#movie_thumb li .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#movie_thumb .ico_movie {opacity:0; transition:all 0.3s;}
#movie_thumb li .img_wrap::before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; opacity:0; border:0.4rem solid #008ad3; background: rgba(0, 0, 0, 0.21); transition:all 0.3s; content:'';}
#movie_thumb li.on .ico_movie {opacity:1;}
#movie_thumb li.on .img_wrap::before {opacity:1;}

.recruit_explain .desc {margin:5.5rem -4rem -4rem; padding:3rem 4rem; border-top: solid 1px #dedede; background:#fafafa;}
.recruit_explain .desc .inbox {display:inline-block; width:100%;}
.recruit_explain .desc strong {float:left; font-size:2rem; font-weight:700; color:#000; line-height:1.35;}
.recruit_explain .desc p {margin-left:17.4rem; font-size:1.8rem; line-height:1.5; font-weight:300;}

@media all and (max-width:1000px){
	.recruit_explain .title {margin-top:0; padding:2.5rem 0; font-size:3rem; word-break:keep-all;}
	.recruit_explain .movie {margin-bottom:0;}
	.recruit_explain .movie .inbox::after {display:none;}
	.recruit_explain .movie .btn_prev,
	.recruit_explain .movie .btn_next {top:50%; z-index:100; width:4.25rem; height:4.25rem; margin:-2.125rem 0 0; background-image:url('../../../images/web/expo/bsn/icon/ico_prev_white.png'); background-size:1rem auto; background-color:rgba(0,0,0,0.75);}
	.recruit_explain .movie .btn_prev {left:-2rem; transform:rotate(0deg);}
	.recruit_explain .movie .btn_next {right:-2rem; transform:rotate(180deg);}

	#movie_thumb ul {margin:-0.5rem;}
	#movie_thumb li {padding:0.5rem;}

	.recruit_explain .desc {margin:5.5rem -2rem -2rem; padding:2rem 2rem;}
	.recruit_explain .desc strong {float:none;}
	.recruit_explain .desc p {margin:0; margin-top:0.7rem;}
}

.recruit_company {margin:4rem 0 7rem;}


/* mypage */
.mypage_view {overflow:hidden; border-left:1px solid #dedede; border-right:1px solid #dedede; font-size:1.6rem; color:#222222;}
.mypage_view .row {overflow:hidden; margin:0 -2px;}
.mypage_view .row+.row {margin-top:-1px;}
.mypage_view .row .col {float:left; position:relative; width:100%; padding-left:20rem; border:1px solid #dedede;}
.mypage_view .row .col+.col {margin-left:-1px;}
.mypage_view .row .th {position:absolute; top:0; left:0; bottom:0; width:20rem; padding:1.9rem 0; border-right:1px solid #dedede; font-weight:700; text-align:center; background:#f5f5f5;}
.mypage_view .row .td {padding:1.9rem 2.5rem; color:#222;}
.mypage_stxt {margin-top:6rem; font-size:1.6rem; text-align:center;}
.mypage_stxt em {color:#004593}

@media all and (max-width:1000px){
	.mypage_view .row .col {padding-left:12rem;}
	.mypage_view .row .th {width:12rem;}
	.mypage_view .row .col+.col {margin-left:0px; margin-top:-1px;}
}


.mypage_top1 {overflow:hidden; padding:2.6rem 3rem; border:1px solid #dedede;}
.mypage_top1 p {float:left;}
.mypage_top1 p strong {display:inline-block; font-size:2rem; color:#222222; font-weight:700;}
.mypage_top1 p em {display:inline-block; margin-left:0.8rem; font-size:1.6rem; color:#008ad3;}
.mypage_top1 .btn {float:right;}

.mypage_list1 {border-top:2px solid #008ad3; font-size:1.6rem; line-height:1.38;}
.mypage_list1 .inbox {display:inline-block; position:relative; width:100%; padding:3rem; /* padding-right:32rem; */ background:#fafafa;    min-height: 15rem;}
.mypage_list1 li+li {margin-top:1rem;}
.mypage_list1 li p:nth-child(1) {float:left; width:20%;}
.mypage_list1 li p:nth-child(2) {position:absolute; top:60%; left:1.2rem;}
.mypage_list1 li p:nth-child(3) {float:left; width:36%;}
.mypage_list1 li p:nth-child(4) {float:left; width:12%;}
.mypage_list1 li p:nth-child(5) {float:left; width:16%;}
.mypage_list1 li p:nth-child(6) {float:left; width:16%;}
.mypage_list1 li p+p {padding-left:1.5rem;}
.mypage_list1 li strong {display:block; font-weight:700; font-size:2.4rem;}
/* .mypage_list1 li .btn:nth-child(5) {position:absolute; top:50%; right:19rem; margin-top:-3.25rem;}
.mypage_list1 li .btn:nth-child(6) {position:absolute; top:35%; right:3rem; margin-top:-3.25rem;}
.mypage_list1 li .btn:nth-child(7) {position:absolute; top:80%; right:3rem; margin-top:-3.25rem;} */

.mypage_list3 {border-top:2px solid #008ad3; font-size:1.6rem; line-height:1.38;}
.mypage_list3 .inbox {display:inline-block; position:relative; width:100%; padding:3rem; padding-right:32rem; background:#fafafa;}
.mypage_list3 li+li {margin-top:1rem;}
.mypage_list3 li p:nth-child(1) {float:left; width:25%;}
.mypage_list3 li p:nth-child(2) {float:left; width:25%;}
.mypage_list3 li p:nth-child(3) {float:left; width:25%;}
.mypage_list3 li p:nth-child(4) {float:left; width:25%;}
.mypage_list3 li p+p {padding-left:1.5rem;}
.mypage_list3 li strong {display:block; font-weight:700; font-size:2.4rem;}
.mypage_list3 li select {display:block; font-weight:700; font-size:2.4rem;}
/* .mypage_list3 li .btn:nth-child(4) {position:absolute; top:35%; right:19rem; margin-top:-3.25rem;} */
.mypage_list3 li .btn:nth-child(5) {position:absolute; padding: 1em;}
/* .mypage_list3 li .btn:nth-child(6) {position:absolute; top:35%; right:3rem; margin-top:-3.25rem;}
.mypage_list3 li .btn:nth-child(7) {position:absolute; top:80%; right:3rem; margin-top:-3.25rem;} */


.mypage_list4 {border-top:2px solid #008ad3; font-size:1.6rem; line-height:1.38;}
.mypage_list4 .inbox {display:inline-block; position:relative; width:100%; padding:3rem;  background:#fafafa;    min-height: 15rem;}
.mypage_list4 li+li {margin-top:1rem;}
.mypage_list4 li p:nth-child(1) {float:left;width: 22%;}
.mypage_list4 li p:nth-child(2) {position:absolute; top:60%; left:1.2rem;}
.mypage_list4 li p:nth-child(3) {float:left;width: 46%;/* height: 46px; */}
.mypage_list4 li p:nth-child(4) {position:absolute;top:60%;left: 23.3%;}
.mypage_list4 li p:nth-child(5) {float:left; width:12%;}
.mypage_list4 li p:nth-child(6) {float:left;width: 20%;}
.mypage_list4 li p+p {padding-left:1.5rem;}
.mypage_list4 li strong {display:block;font-weight:700;font-size: 1.8rem;}

.mypage_list5 {border-top:2px solid #008ad3; font-size:1.6rem; line-height:1.38;}
.mypage_list5 .inbox {display:inline-block; position:relative; width:100%; padding:3rem;  background:#fafafa;    min-height: 15rem;}
.mypage_list5 li+li {margin-top:1rem;}
.mypage_list5 li p:nth-child(1) {float:left;width: 22%;}
.mypage_list5 li p:nth-child(2) {position:absolute; top:60%; left:1.2rem;}
.mypage_list5 li p:nth-child(3) {float:left;width: 46%;/* height: 46px; */}
.mypage_list5 li p:nth-child(4) {position:absolute;top:60%;left: 23.3%;}
.mypage_list5 li p:nth-child(5) {float:left; width:32%;}
.mypage_list5 li p+p {padding-left:1.5rem;}
.mypage_list5 li strong {display:block;font-weight:700;font-size: 1.8rem;}

.mypage_list6 {border-top:2px solid #008ad3; font-size:1.6rem; line-height:1.38;}
.mypage_list6 .inbox {display:inline-block;position:relative;width:100%;padding:3rem;background:#fafafa;}
.mypage_list6 li+li {margin-top:1rem;}
.mypage_list6 li p:nth-child(1) {float:left;width: 23%;}
.mypage_list6 li p:nth-child(2) {float:left; width:20%;}
.mypage_list6 li p:nth-child(3) {float:left; width:28%;}
.mypage_list6 li p:nth-child(4) {float:left;width: 29%;}
.mypage_list6 li p+p {padding-left:1.5rem;}
.mypage_list6 li strong {display:block;font-weight:700;font-size: 1.8rem;}

.mypage_list7 {border-top:2px solid #008ad3; font-size:1.6rem; line-height:1.38;}
.mypage_list7 .inbox {display:inline-block; position:relative; width:100%; padding:3rem; /* padding-right:32rem; */ background:#fafafa;    min-height: 15rem;}
.mypage_list7 li+li {margin-top:1rem;}
.mypage_list7 li p:nth-child(1) {float:left; width:20%;}
.mypage_list7 li p:nth-child(2) {float:left; width:20%;}
.mypage_list7 li p:nth-child(3) {float:left; width:28%;}
.mypage_list7 li p:nth-child(4) {float:left; width:20%;}
.mypage_list7 li p+p {padding-left:1.5rem;}
.mypage_list7 li strong {display:block; font-weight:700; font-size:2.4rem;}

.mypage_list8 {border-top:2px solid #008ad3; font-size:1.6rem; line-height:1.38;}
.mypage_list8 .inbox {display:inline-block; position:relative; width:100%; padding:3rem; /* padding-right:32rem; */ background:#fafafa;    min-height: 15rem;}
.mypage_list8 li+li {margin-top:1rem;}
.mypage_list8 li p:nth-child(1) {float:left; width:15%;}
.mypage_list8 li p:nth-child(2) {position:absolute; top:60%; left:1.2rem;}
.mypage_list8 li p:nth-child(3) {float:left; width:20%;}
.mypage_list8 li p:nth-child(4) {position:absolute; top:60%; left:16.3%;}
.mypage_list8 li p:nth-child(5) {float:left; width:50%;}
.mypage_list8 li p:nth-child(6) {position:absolute; top:60%; left:35.5%;}
.mypage_list8 li p:nth-child(7) {float:left; width:15%;}
.mypage_list8 li p+p {padding-left:1.5rem;}
.mypage_list8 li strong {display:block; font-weight:700; font-size:1.8rem;}

.mypage_list9 {border-top:2px solid #008ad3; font-size:1.6rem; line-height:1.38;}
.mypage_list9 .inbox {display:inline-block; position:relative; width:100%; padding:3rem; /* padding-right:32rem; */ background:#fafafa;    min-height: 15rem;}
.mypage_list9 li+li {margin-top:1rem;}
.mypage_list9 li p:nth-child(1) {float:left; width:15%;}
.mypage_list9 li p:nth-child(2) {position:absolute; top:60%; left:1.2rem;}
.mypage_list9 li p:nth-child(3) {float:left; width:20%;}
.mypage_list9 li p:nth-child(4) {position:absolute; top:60%; left:16.3%;}
.mypage_list9 li p:nth-child(5) {float:left; width:50%;}
.mypage_list9 li p:nth-child(6) {position:absolute; top:60%; left:35.5%;}
.mypage_list9 li p:nth-child(7) {float:left; width:15%;}
.mypage_list9 li p+p {padding-left:1.5rem;}
.mypage_list9 li strong {display:block; font-weight:700; font-size:1.8rem;}

.mypage_list10 {border-top:2px solid #008ad3; font-size:1.6rem; line-height:1.38;}
.mypage_list10 .inbox {display:inline-block; position:relative; width:100%; padding:3rem; /* padding-right:32rem; */ background:#fafafa;    min-height: 15rem;}
.mypage_list10 li+li {margin-top:1rem;}
.mypage_list10 li p:nth-child(1) {float:left; width:40%;}
.mypage_list10 li p:nth-child(2) {float:left; width:48%;}
.mypage_list10 li p+p {padding-left:1.5rem;}
.mypage_list10 li strong {display:block; font-weight:700; font-size:1.8rem;}



@media all and (max-width:1300px){
	/* .mypage_list1 .inbox {padding-right:20rem;} */
}
@media all and (max-width:1000px){
	.mypage_top1 {padding:1.8rem;}
	.mypage_top1 p {float:none; text-align:center;}
	.mypage_list1 li p:nth-child(1) {float:none; width:auto}
	.mypage_list1 li p:nth-child(2) {float:none; width:auto;position:relative; top:0%; left:0rem;}
	.mypage_list1 li p:nth-child(3) {float:none; width:auto}
	.mypage_list1 li p:nth-child(4) {float:none; width:auto}
	.mypage_list1 li p:nth-child(5) {float:none; width:auto}
	.mypage_list1 li p:nth-child(6) {float:none; width:auto}
	/* .mypage_top1 .btn {float:none; width:100%; margin-top:1.6rem;} */
	/* .mypage_list1 li .btn:nth-child(5) {float:none; width:100%; margin-top:1.6rem;top:0;right:0;position: relative;}
	.mypage_list1 li .btn:nth-child(6) {float:none; width:100%; margin-top:1.6rem;top:0;right:0;position: relative;}
	.mypage_list1 li .btn:nth-child(7) {float:none; width:100%; margin-top:1.6rem;top:0;right:0;position: relative;} */


	/* .mypage_list1 li p {float:none; width:auto} */
	.mypage_list1 li p+p {padding:0; margin-top:1.5rem;}
	.mypage_list1 .inbox {padding:3rem;}
	.mypage_list1 li .btn {position:relative; top:0; right:0; width:100%; margin-top:1.7rem; font-size:1.6rem; line-height:4rem;}


	.mypage_list3 li p:nth-child(1) {float:none; width:auto}
	.mypage_list3 li p:nth-child(2) {float:none; width:auto}
	.mypage_list3 li p:nth-child(3) {float:none; width:auto}
	/* .mypage_list3 li p:nth-child(4) {float:none; width:auto} */
	/* .mypage_top1 .btn {float:none; width:100%; margin-top:1.6rem;} */
	.mypage_list3 li .btn:nth-child(4) {float:none; width:100%; margin-top:1.6rem;top:0;right:0;position: relative;}
	.mypage_list3 li .btn:nth-child(5) {float:none; width:100%; margin-top:1.6rem;top:0;right:0;position: relative;}
	.mypage_list3 li .btn:nth-child(6) {float:none; width:100%; margin-top:1.6rem;top:0;right:0;position: relative;}
	.mypage_list3 li .btn:nth-child(7) {float:none; width:100%; margin-top:1.6rem;top:0;right:0;position: relative;}

	.mypage_list3 li p+p {padding:0; margin-top:1.5rem;}
	.mypage_list3 .inbox {padding:3rem;}
	.mypage_list3 li .btn {position:relative; top:0; right:0; width:100%; margin-top:1.7rem; font-size:1.6rem; line-height:4rem;}



	.mypage_list4 li p:nth-child(1) {float:none; width:auto}
	.mypage_list4 li p:nth-child(2) {float:none; width:auto;position:relative; top:0%; left:0rem;}
	.mypage_list4 li p:nth-child(3) {float:none; width:auto}
	.mypage_list4 li p:nth-child(4) {float:none; width:auto;position:relative; top:0%; left:0rem;}
	.mypage_list4 li p:nth-child(5) {float:none; width:auto}
	.mypage_list4 li p:nth-child(6) {float:none; width:auto}
	.mypage_list4 li p:nth-child(7) {float:none; width:auto}
	.mypage_list4 li p+p {padding:0; margin-top:1.5rem;}
	.mypage_list4 .inbox {padding:3rem;}
	.mypage_list4 li .btn {position:relative; top:0; right:0; width:100%; margin-top:1.7rem; font-size:1.6rem; line-height:4rem;}

	.mypage_list5 li p:nth-child(1) {float:none; width:auto}
	.mypage_list5 li p:nth-child(2) {float:none; width:auto;position:relative; top:0%; left:0rem;}
	.mypage_list5 li p:nth-child(3) {float:none; width:auto}
	.mypage_list5 li p:nth-child(4) {float:none; width:auto; left:auto;position: inherit;}
	.mypage_list5 li p:nth-child(5) {float:none; width:auto}
	.mypage_list5 li p:nth-child(6) {float:none; width:auto}
	.mypage_list5 li p+p {padding:0; margin-top:1.5rem;}
	.mypage_list5 .inbox {padding:3rem;}
	.mypage_list5 li .btn {position:relative; top:0; right:0; width:100%; margin-top:1.7rem; font-size:1.6rem; line-height:4rem;}

	.mypage_list6 li p:nth-child(1) {float:none; width:auto}
	.mypage_list6 li p:nth-child(2) {float:none; width:auto;position:relative; top:0%; left:0rem;}
	.mypage_list6 li p:nth-child(3) {float:none; width:auto}
	.mypage_list6 li p:nth-child(4) {float:none; width:auto}
	.mypage_list6 li p:nth-child(5) {float:none; width:auto}
	.mypage_list6 li p:nth-child(6) {float:none; width:auto}
	.mypage_list6 li p+p {padding:0; margin-top:1.5rem;}
	.mypage_list6 .inbox {padding:3rem;}
	.mypage_list6 li .btn {position:relative; top:0; right:0; width:100%; margin-top:1.7rem; font-size:1.6rem; line-height:4rem;}

	.mypage_list8 li p:nth-child(1) {float:none; width:auto}
	.mypage_list8 li p:nth-child(2) {float:none; width:auto;position:relative; top:0%; left:0rem;}
	.mypage_list8 li p:nth-child(3) {float:none; width:auto}
	.mypage_list8 li p:nth-child(4) {float:none; width:auto;position:relative; top:0%; left:0rem;}
	.mypage_list8 li p:nth-child(5) {float:none; width:auto}
	.mypage_list8 li p:nth-child(6) {float:none; width:auto;position:relative; top:0%; left:0rem;}
	.mypage_list8 li p:nth-child(7) {float:none; width:auto}
	.mypage_list8 li p:nth-child(8) {float:none; width:auto}
	.mypage_list8 li p+p {padding:0; margin-top:1.5rem;}
	.mypage_list8 .inbox {padding:3rem;}
	.mypage_list8 li .btn {position:relative; top:0; right:0; width:100%; margin-top:1.7rem; font-size:1.6rem; line-height:4rem;}

	.mypage_list9 li p:nth-child(1) {float:none; width:auto}
	.mypage_list9 li p:nth-child(2) {float:none; width:auto;position:relative; top:0%; left:0rem;}
	.mypage_list9 li p:nth-child(3) {float:none; width:auto}
	.mypage_list9 li p:nth-child(4) {float:none; width:auto}
	.mypage_list9 li p:nth-child(5) {float:none; width:auto}
	.mypage_list9 li p:nth-child(6) {float:none; width:auto}
	.mypage_list9 li p+p {padding:0; margin-top:1.5rem;}
	.mypage_list9 .inbox {padding:3rem;}
	.mypage_list9 li .btn {position:relative; top:0; right:0; width:100%; margin-top:1.7rem; font-size:1.6rem; line-height:4rem;}


}

#recruit_pop1 {display:none; position:absolute; top:100px; left:50%; z-index:10000; width:100rem; margin-left:-50rem; background:#fff;}
#recruit_pop1 .btn_pop_close {position:absolute; top:1rem; right:1rem; width:5rem;}
#recruit_pop1 h2 {padding:0 3rem; font-size:2.5rem; color:#fff; line-height:7.1rem; background:#008ad3;}
#recruit_pop1 .pbox {padding:4.3rem 5rem;}
#recruit_pop1 .title {margin-bottom:1.5rem;}
#recruit_pop1 .title p {font-size:2rem; color:#008ad3; line-height:1.45; font-weight:300;}
#recruit_pop1 .title h3 {margin-top:0.5rem; font-size:3rem; font-weight:700; color:#000; line-height:1.5;}

@media all and (max-width:1000px){
	#recruit_pop1 {left:2rem; right:2rem; width:auto; margin:0;}
	#recruit_pop1 .pbox {padding:2rem;}

}

#recruit_pop2 {display:none; position:absolute; top:100px; left:50%; z-index:10000; width:100rem; margin-left:-50rem; background:#fff;}
#recruit_pop2 .btn_pop_close {position:absolute; top:1rem; right:1rem; width:5rem;}
#recruit_pop2 h2 {padding:0 3rem; font-size:2.5rem; color:#fff; line-height:7.1rem; background:#008ad3;}
#recruit_pop2 .pbox {padding:4.3rem 5rem;}
#recruit_pop2 .title {margin-bottom:1.5rem;}
#recruit_pop2 .title p {font-size:2rem; color:#008ad3; line-height:1.45; font-weight:300;}
#recruit_pop2 .title h3 {margin-top:0.5rem; font-size:3rem; font-weight:700; color:#000; line-height:1.5;}

@media all and (max-width:1000px){
	#recruit_pop2 {left:2rem; right:2rem; width:auto; margin:0;}
	#recruit_pop2 .pbox {padding:2rem;}

}


.recruit_list1 .img_wrap {overflow:hidden; position:relative;}
.recruit_list1 .img_wrap span {display:block; position:relative; padding-bottom:68.57%;}
.recruit_list1 .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
.ico_movie {position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; background:rgba(0,0,0,0.4); content:'';}
.ico_movie::after {position:absolute; top:50%; left:50%; z-index:3; width:6rem; height:6rem; margin:-3rem; background:url('../../../images/web/expo/bsn/icon/ico_play.png') no-repeat center; background-size:contain; content:'';}


.recruit_list1[data-sort-type='block'] {overflow:hidden; margin:-2.6rem;}
.recruit_list1[data-sort-type='block'] > li {float:left; width:25%; padding:2.6rem;}
.recruit_list1[data-sort-type='block'] .tcont {padding:3rem; background:#fafafa;}
.recruit_list1[data-sort-type='block'] .t01 {overflow: hidden; position:relative; z-index:2; font-size:2rem; line-height:1.45; color:#222; font-weight:700; white-space: nowrap; text-overflow: ellipsis;}
.recruit_list1[data-sort-type='block'] .t01 span {position:relative;}
.recruit_list1[data-sort-type='block'] .t01 span::after {position:absolute; left:0; right:0; bottom:.4rem; z-index:-1; height:.8rem; background:#a9daf3; content:'';}
.recruit_list1[data-sort-type='block'] .s01 {background:#fafafa;float: right;color: #b92c2c;}
.recruit_list1[data-sort-type='block'] .t02 {overflow:hidden; height:4.2rem; margin-top:2.6rem; font-size:1.8rem; color:#222; font-weight:700; line-height:2.0rem; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.recruit_list1[data-sort-type='block'] .t03 {overflow:hidden; margin-top:1.6rem; height:2.8rem; margin-right:-1.4rem; font-size:1.6rem; color:#008ad3; font-weight:500; line-height:2.4rem;}
.recruit_list1[data-sort-type='block'] .t03 span {display:inline-block; margin-right:1.4rem;}
.recruit_list1[data-sort-type='block'] .btn_wrap {overflow:hidden; margin-top:0;}
.recruit_list1[data-sort-type='block'] .btn_wrap * {vertical-align:middle;}
.recruit_list1[data-sort-type='block'] .btn_wrap a {float:left; width:50%; text-align:center; background:#a7a7a7;}
.recruit_list1[data-sort-type='block'] .btn_wrap span {font-size:2rem; line-height:7rem; color:#fff;}
.recruit_list1[data-sort-type='block'] .btn_wrap a+a {background:#008ad3;}
.recruit_list1[data-sort-type='block'] .btn_wrap .ico {margin-right:0.5rem;}

.recruit_list1[data-sort-type='list'] li {display:inline-block; position:relative; width:100%; background:#fafafa;}
.recruit_list1[data-sort-type='list'] li+li {margin-top:3rem;}
.recruit_list1[data-sort-type='list'] .inbox {overflow:hidden; display: -ms-flexbox; display: flex; flex-flow:row nowrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex: 1 1 auto; -ms-flex-align: center; align-items: center;}
.recruit_list1[data-sort-type='list'] .img_wrap {position:relative; width:45rem; flex-shrink: 0;}
.recruit_list1[data-sort-type='list'] .tcont {position:relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; padding:5.5rem 23rem 5rem 6rem;}
.recruit_list1[data-sort-type='list'] .btn_wrap {position:absolute; top:50%; right:3rem; width:17.5rem; margin-top:-7.5rem;}
.recruit_list1[data-sort-type='list'] .btn_wrap a {display:block; text-align:center; background:#a7a7a7;}
.recruit_list1[data-sort-type='list'] .btn_wrap * {vertical-align:middle;}
.recruit_list1[data-sort-type='list'] .btn_wrap span {font-size:2rem; line-height:7rem; color:#fff;}
.recruit_list1[data-sort-type='list'] .btn_wrap a+a {margin-top:1rem; background:#008ad3;}
.recruit_list1[data-sort-type='list'] .btn_wrap .ico {margin-right:0.5rem;}
.recruit_list1[data-sort-type='list'] .t01 span {display:inline-block; position:relative; z-index:2; margin-right:2.4rem; font-size:2.4rem; color:#222; line-height:1.5; font-weight:700;}
.recruit_list1[data-sort-type='list'] .t01 span::after {position:absolute; left:0; right:0; bottom:.5rem; z-index:-1; height:.8rem; background:#96e9d5; content:'';}
.recruit_list1[data-sort-type='list'] .t02 {overflow:hidden; margin-top:2rem; font-size:3rem; font-weight:700; color:#222; line-height:1.48; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recruit_list1[data-sort-type='list'] .t03 {overflow:hidden; height:2.8rem; margin-top:4rem;}
.recruit_list1[data-sort-type='list'] .t03 span {display:inline-block; margin-right:1.8rem; font-size:2rem; font-weight:500; color:#008ad3; line-height:2.8rem;}
#main .pc_img {display:block}
#main .m_img {display:none;}

@media all and (max-width:1400px){
	.recruit_list1[data-sort-type='block'] > li {width:25%;}

}
@media all and (max-width:1100px){
	.recruit_list1[data-sort-type='block'] > li {width:50%;}
	#main .pc_img {display:none;}
	#main .m_img {display:block;}
}
@media all and (max-width:1200px){
	.recruit_list1[data-sort-type='list'] {overflow:hidden; margin:-2.6rem;}
	.recruit_list1[data-sort-type='list'] li {float:left; margin:0; padding:2.6rem; width:100%; background:none;}
	.recruit_list1[data-sort-type='list'] li+li {margin:0;}
	.recruit_list1[data-sort-type='list'] .img_wrap {float:none; width:100%;}
	.recruit_list1[data-sort-type='list'] .tcont {width:100%; padding:5rem; background:#fafafa;}
	.recruit_list1[data-sort-type='list'] .btn_wrap {overflow:hidden; position:relative; top:0; right:0; width:100%; margin:0;}
	.recruit_list1[data-sort-type='list'] .btn_wrap a {float:left; width:50%;}
	.recruit_list1[data-sort-type='list'] .btn_wrap a+a {margin:0;}
}
@media all and (max-width:1000px){
	.ico_movie::after {width:3rem; height:3rem; margin:-1.5rem;}

	.recruit_list1[data-sort-type='block'] {margin:-1rem -1rem;}
	.recruit_list1[data-sort-type='block'] > li {padding:1rem;}
	.recruit_list1[data-sort-type='block'] > li:nth-child(2n+1) {clear:both;}
	.recruit_list1[data-sort-type='block'] .tcont {padding:1.8rem;}
	.recruit_list1[data-sort-type='block'] .t01 {font-size:1.25rem; line-height:1.5;}
	.recruit_list1[data-sort-type='block'] .t01 span::after {bottom:.1rem; height:.5rem;}
	.recruit_list1[data-sort-type='block'] .t02 {margin-top:1.25rem; height:4.6rem; font-size:1.5rem; line-height:2.3rem;}
	.recruit_list1[data-sort-type='block'] .t03 {height:1.85rem; margin-top:1rem; font-size:0.875rem;}
	.recruit_list1[data-sort-type='block'] .btn_wrap span {font-size:1.125rem; line-height:4rem;}
	.recruit_list1[data-sort-type='block'] .btn_wrap .ico {margin-right:0.2rem;}


	.recruit_list1[data-sort-type='list'] {margin:-1rem -2.8rem;}
	.recruit_list1[data-sort-type='list'] > li {padding:1rem;}
	.recruit_list1[data-sort-type='list'] > li:nth-child(2n+1) {clear:both;}
	.recruit_list1[data-sort-type='list'] .tcont {padding:2rem 2.75rem 3.125rem;}
	.recruit_list1[data-sort-type='list'] .t01 span {margin-right:1.5rem; font-size:1.5rem;}
	.recruit_list1[data-sort-type='list'] .t01 span::after {bottom:0.3rem; height:0.5rem;}
	.recruit_list1[data-sort-type='list'] .t02 {margin-top:0.9rem; font-size:1.8rem; line-height:1.43;}
	.recruit_list1[data-sort-type='list'] .t03 {margin-top:1.8rem;}
	.recruit_list1[data-sort-type='list'] .t03 span {font-size:1.25rem; margin-right:1.125rem;}
	.recruit_list1[data-sort-type='list'] .btn_wrap span {font-size:1.125rem; line-height:4rem;}
	.recruit_list1[data-sort-type='list'] .btn_wrap .ico {margin-right:0.2rem;}

}
@media all and (max-width:700px){
	.recruit_list[data-sort-type='block'] > li {width:44%; }
	.recruit_list[data-sort-type='list'] > li {width:100%;}
}
@media all and (max-width:500px){
}


.greyBG {background: #cacaca !important;}

.down_list{}
.down_list li{position:relative;padding:17px 110px 17px 20px;border-top:1px solid #dfdfdf;}
.down_list li .btn{position:absolute;right:20px;top:50%;min-width:80px;margin-top:-15px;}

#btnDataDown {margin-left:3rem;}


.recruit_c .cbox2 {margin-top: 3rem;}
.recruit_c .cbox {display:inline-block; width:100%;margin-top: 3rem;}
.recruit_c .movie {float:left; width:47.21%; margin-bottom:2.5rem;}
.recruit_c .movie .inbox {position:relative; padding-bottom:56.25%;}
/* .recruit_c .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';} */
.recruit_c .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.recruit_c .movie img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.recruit_c .tcont {float:right; width:47.21%;margin-bottom:2.5rem; }
.recruit_c .tcont .inbox {position:relative; padding-bottom:56.25%;}
.recruit_c .tcont iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.recruit_c .tcont img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}

/* .recruit_c .movie .inbox {position:relative; padding-bottom:100%;} */
.recruit_c .movie .inbox {position:relative;}
/* .recruit_c .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';} */
.recruit_c .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.recruit_c .movie img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.recruit_c .movie img.pc_img {display:block;}
.recruit_c .movie img.m_img {display:none;}

.participatory_method.sub {padding-top:6rem; margin-top:0;}



@media all and (max-width:1000px){
	.recruit_c .movie {margin-bottom:0;}
	.recruit_c .movie .inbox::after {display:none;}
	.recruit_c .movie img.pc_img {display:none;}
	.recruit_c .movie img.m_img {display:block;}
	.recruit_c .movie .inbox {position:relative; padding-bottom:56.25%;}
}

.layer01.ui-dialog{z-index:101;}



.opening_c1 {padding-bottom:8rem; border-bottom:1px solid #eeeeee;}
.opening_c1 .title {max-width:141.2rem; margin:auto; /* padding:7.8rem 2rem; */ text-align:center; background:url('../../../images/web/expo/bsn/sub/txt_ontact.png') no-repeat center; background-size:contain;}
.opening_c1 .title h3 {display:inline-block; position:relative; z-index:2; font-size:6rem; color:#000; line-height:1.48; font-weight:300;}
.opening_c1 .title h3 span {display:inline-block; position:relative;padding-left: 2rem;}
.opening_c1 .title h3 span::after {position:absolute; left:-0.2rem; right:-0.5rem; z-index:-1; bottom:0.8rem; height:1.5rem; background:#a9daf3; content:'';}
.opening_c1 .title h3 strong {font-weight:700;}
/* .opening_c1 .movie {max-width:88.9rem; margin:0 auto 2.5rem;} */
.opening_c1 .cbox {display:inline-block; width:100%;margin-bottom: 4rem;}
.opening_c1 .movie {float:none; width:100%; margin-bottom:2.5rem;    max-width: 1000px;margin: 0 auto;}
.opening_c1 .movie .inbox {position:relative; padding-bottom:40%;    margin-bottom: 4.5rem;}
.opening_c1 .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';}
.opening_c1 .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.opening_c1 .movie img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.opening_c1 .tcont {float:right; width:41.55%;    padding-top: 4.50%; }

/* .opening_c1 .movie .inbox {position:relative; padding-bottom:100%;} */
.opening_c1 .movie .inbox {position:relative;}
.opening_c1 .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';}
.opening_c1 .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.opening_c1 .movie img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.opening_c1 .movie img.pc_img {display:block;}
.opening_c1 .movie img.m_img {display:none;}
.opening_c1 ul {max-width:1000px; margin:0 auto 0;}
.opening_c1 li {display:inline-block; position:relative; width:100%; padding:1.6rem 2.9rem; font-size:2.4rem; line-height:1.45;font-weight: 700;}
.opening_c1 .cbox2 li    {font-size: 2.9rem;}

.opening_c1 li span {font-weight: 300;}
/* .opening_c1 li+li {border-top:1px solid #eeeeee;} */
.opening_c1 li {border-bottom:1px solid #111;margin-bottom: 1rem;}
.opening_c1 li::before {position:absolute; top:2.2rem; left:0; width:0.7rem; height:2.9rem; /* border-radius:50%; */ background:#008ad3; content:'';}
.opening_c1 .cbox li::before {position:absolute; top:2.9rem; left:0; width:0.8rem; height:0.8rem; border-radius:50%; background:#004593; content:'';}
.opening_c1 li strong {float:left; font-weight:700; color:#222222;}
.opening_c1 li p {margin-left:15rem; color:#000; font-weight:300;}
.opening_c1 .cbox li {border-bottom:0px solid #111;}

/*인크루트 디지털 뉴딜 참가기업  */
.ionejob { padding-bottom:4rem; /* border-bottom:1px solid #eeeeee; */ margin: -2.6rem;}
.incruit { padding-bottom:4rem; /* border-bottom:1px solid #eeeeee; */ background: #eff4fe;margin: -2.6rem;}
.incruit .title {max-width:141.2rem; margin:auto; /* padding:7.8rem 2rem; */ text-align:center; background:url('../../../images/web/expo/bsn/sub/txt_ontact.png') no-repeat center; background-size:contain;}
.incruit .title h3 {display:inline-block; position:relative; z-index:2; font-size:6rem; color:#000; line-height:1.48; font-weight:300;}
.incruit .title h3 span {display:inline-block; position:relative;padding-left: 2rem;}
.incruit .title h3 span::after {position:absolute; left:-0.2rem; right:-0.5rem; z-index:-1; bottom:0.8rem; height:1.5rem; background:#a9daf3; content:'';}
.incruit .title h3 strong {font-weight:700;}
/* .incruit .movie {max-width:88.9rem; margin:0 auto 2.5rem;} */
.incruit .cbox {/* display:inline-block; width:100%;margin-bottom: 4rem; */}
.incruit .movie {float:none; width:100%; margin-bottom:2.5rem;    max-width: 1000px;margin: 0 auto;}
.incruit .movie .inbox {position:relative; padding-bottom:46.25%;    margin-bottom: 4.5rem;}
.incruit .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';}
.incruit .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.incruit .movie img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.incruit .tcont {float:right; width:41.55%;    padding-top: 4.50%; }

/* .incruit .movie .inbox {position:relative; padding-bottom:100%;} */
.incruit .movie .inbox {position:relative;}
.incruit .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';}
.incruit .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.incruit .movie img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.incruit .movie img.pc_img {display:block;}
.incruit .movie img.m_img {display:none;}
/* .incruit ul {max-width:1000px; margin:0 auto 0;} */
.incruit li {display:inline-block; position:relative; width:100%; padding:1.6rem 1.7rem; font-size:4.0rem; line-height:1.45;font-weight: 700;margin-left: 1rem;}
.ionejob li {display:inline-block; position:relative; width:100%; padding:1.6rem 1.7rem; font-size:4.0rem; line-height:1.45;font-weight: 700;margin-left: 1rem;}
.incruit .cbox2 li    {font-size: 2.9rem;}

.incruit li span {font-weight: 300;}
/* .incruit li+li {border-top:1px solid #eeeeee;} */
/* .incruit li {border-bottom: 0 solid #111;margin-bottom: 1rem;border-style: dotted;border-top: 5px dotted #111;border-left: 0 solid #111;border-right: 0 solid #111;margin-top: 1rem;} */
/* .incruit li::before {position:absolute; top:2.2rem; left:0; width:0.7rem; height:2.9rem; border-radius:50%; background:#008ad3; content:'';} */
/* .incruit .cbox li::before {position:absolute; top:2.9rem; left:0; width:0.8rem; height:0.8rem; border-radius:50%; background:#004593; content:'';} */
.incruit li strong {float:left; font-weight:700; color:#222222;}
.incruit li p {margin-left:15rem; color:#000; font-weight:300;}
/* .incruit .cbox li {border-bottom:0px solid #111;} */
.incruitul { background: #eff4fe;}

.participatory_method.sub {padding-top:6rem; margin-top:0;}

@media all and (max-width:1200px){
	.opening_c1 .movie {float:none;width: 100%;margin-left: auto;margin-right: auto;padding: 1.6rem 1.8rem;}
	.opening_c1 .tcont {float:none;width: auto;}
	/* .opening_c1 .movie .inbox {margin-left: 10rem;margin-right: 10rem;} */
	.incruit .movie {float:none;width: 100%;margin-left: auto;margin-right: auto;padding: 1.6rem 1.8rem;}
	.incruit .tcont {float:none;width: auto;}

}

@media all and (max-width:1000px){
	.opening_c1 .title {padding:2.5rem 2rem; background-size:auto 100%;}
	.opening_c1 .title h3 {font-size:3.75rem;}
	.opening_c1 .title h3 span {display:inline-block;}
	.opening_c1 .title h3 span::after {bottom:0.6rem; height:0.8rem;}
	.opening_c1 .movie {margin-bottom:0;}
	.opening_c1 .movie .inbox::after {display:none;}
	.opening_c1 ul {margin-top:0;}
	.opening_c1 li {padding:3.1rem 1.8rem 2.5rem 3.25rem;}
	.opening_c1 li::before {left:1.8rem; top:3.6rem;}
	.opening_c1 li strong  {float:none}
	.opening_c1 li p {margin-left:0; margin-top:0.5rem;}
	.opening_c1 .movie img.pc_img {display:none;}
	.opening_c1 .movie img.m_img {display:block;}
	.opening_c1 .movie .inbox {position:relative; padding-bottom:40%;}
	.opening_c1 .cbox li::before {position:absolute; top:4.5rem; left:2rem; width:0.8rem; height:0.8rem; border-radius:50%; background:#004593; content:'';}


	.incruit .title {padding:2.5rem 2rem; background-size:auto 100%;}
	.incruit .title h3 {font-size:3.75rem;}
	.incruit .title h3 span {display:inline-block;}
	.incruit .title h3 span::after {bottom:0.6rem; height:0.8rem;}
	.incruit .movie {margin-bottom:0;}
	.incruit .movie .inbox::after {display:none;}
	.incruit ul {margin-top:0;}
	.incruit li {/* padding:3.1rem 1.8rem 2.5rem 3.25rem; */}
	.incruit li::before {left:1.8rem; top:3.6rem;}
	.incruit li strong  {float:none}
	.incruit li p {margin-left:0; margin-top:0.5rem;}
	.incruit .movie img.pc_img {display:none;}
	.incruit .movie img.m_img {display:block;}
	.incruit .movie .inbox {position:relative; padding-bottom:56.25%;}
	.incruit .cbox li::before {/* position:absolute; */ /* top:4.5rem; left:2rem; */ /* width:0.8rem; height:0.8rem; border-radius:50%; background:#004593; content:''; */}
}





.recruit_c li {display:inline-block; position:relative; width:100%; padding:1.6rem 2.9rem; font-size:2.4rem; line-height:1.45;font-weight: 700;}
.recruit_c .cbox2 li    {font-size: 2.9rem;}

.recruit_c li span {font-weight: 300;}
/* .recruit_c li+li {border-top:1px solid #eeeeee;} */
.recruit_c li {border-bottom:1px solid #111;margin-bottom: 1rem;}
.recruit_c li::before {position:absolute; top:2.2rem; left:0; width:0.7rem; height:2.9rem; /* border-radius:50%; */ background:#008ad3; content:'';}
.recruit_c .cbox li::before {position:absolute; top:2.9rem; left:0; width:0.8rem; height:0.8rem; border-radius:50%; background:#004593; content:'';}
.recruit_c li strong {float:left; font-weight:700; color:#222222;}
.recruit_c li p {margin-left:15rem; color:#000; font-weight:300;}


@media all and (max-width:1000px){
	.recruit_c ul {margin-top:0;}
	.recruit_c li {padding:3.1rem 1.8rem 2.5rem 3.25rem;}
	.recruit_c li::before {left:1.8rem; top:3.6rem;}
	.recruit_c li strong  {float:none}
	.recruit_c li p {margin-left:0; margin-top:0.5rem;}
}


.pop_up{display: block; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.3);left: 0; top: 0;z-index: 999999;}
.pop_up .wrap{width: 95%; max-width: 550px;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);background: white;text-align: center}
.pop_up .wrap .img_box{padding: 10px}
.pop_up .wrap .img_box strong{font-size: 2.5rem}
.pop_up .wrap .img_box strong{font-size: 2.5rem}
.pop_up .wrap .img_box #aiCode{font-size: 2.5rem}
.pop_up .wrap .img_box img{max-width: 80vh;max-width: 100%;}
.pop_up .wrap .close_btn{text-align: center;margin: 0 auto; margin-bottom: 10px; display: block;}

@media all and (max-width:1200px){
	.pop_up .wrap{width: 95%; max-width: 550px;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}

}