@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/share/fonts/Pretendard-Black.woff2') format('woff2'), url('/share/fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/share/fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('/share/fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/share/fonts/Pretendard-Bold.woff2') format('woff2'), url('/share/fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/share/fonts/Pretendard-SemiBold.woff2') format('woff2'), url('/share/fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/share/fonts/Pretendard-Medium.woff2') format('woff2'), url('/share/fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/share/fonts/Pretendard-Regular.woff2') format('woff2'), url('/share/fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/share/fonts/Pretendard-Light.woff2') format('woff2'), url('/share/fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/share/fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('/share/fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/share/fonts/Pretendard-Thin.woff2') format('woff2'), url('/share/fonts/Pretendard-Thin.woff') format('woff');
}

.point {color:#FC8500 !important}
.point2 {color:#2D4C68 !important}

/****************************************************************************************************/
#recruitBox {position:relative; max-width:768px; margin:0 auto; padding-bottom:100px; font-weight:500; font-family:"Pretendard",Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif; line-height:1.5em; color:#212329; overflow:hidden}
#recruitBox .logoBox {margin:26px 0 62px;}
#recruitBox .logoBox img {height:42px}
#recruitBox .recruit_cont {position:relative; padding:0 40px; max-width:100%; width:100%; margin:0 auto;}
#recruitBox .recruit_cont2 {padding-right:0 !important}

#recruitBox .top_bigtlt {font-size:50px; font-weight:700; line-height:1.2em; margin-bottom:60px;}
#recruitBox .rrt_subtlt {font-size:42px; line-height:1.2em; font-weight:700; margin:90px  0 30px;}
#recruitBox .rrt_s_subtlt {font-size:26px; line-height:1.2em; font-weight:700; margin-bottom:20px}
#recruitBox .rrt_s_subtlt .txt {font-size:23px; color:#565656; font-weight:500; margin-top:8px;}


#recruitBox .slick-slide {height:auto !important}

#recruitBox .office_slBox {position:relative; padding-bottom:30px}
#recruitBox .office_sl .item {position:relative; margin:0 40px}
#recruitBox .office_sl .item .img img {width:100%}
#recruitBox .office_sl .txt {position:absolute; bottom:26px; right:26px; padding:10px 20px; background:rgba(0,0,0,0.65); border-radius:50px; color:#fff; font-size:30px; line-height:1.3em; z-index:2}
#recruitBox .office_sl .slick-dots {margin:20px 60px 0 0; text-align:right;}
#recruitBox .office_sl .slick-dots li {display:inline-block; margin-left:14px}
#recruitBox .office_sl .slick-dots button {width:14px; height:14px; border-radius:50%; background:#374555; text-indent:-9999px; border:0}
#recruitBox .office_sl .slick-dots .slick-active button {background:#F88504}


#recruitBox .video-container {padding-bottom:57% !important;}

#recruitBox .rrt_inpUl li {position:relative; display:inline-block; vertical-align:middle; margin:0 10px 13px 0}
#recruitBox .rrt_inpUl_nopd li  {margin-bottom:0 !important}

#recruitBox .ck_radio input[type="checkbox"], .ck_radio input[type="radio"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
#recruitBox .ck_radio label {display:block; position:relative; border:1px solid #F2F5FA; color:#212329; padding:0 30px; height:68px; line-height:64px; text-align:center; display:inline-block; border-radius:50px; font-size:23px}
#recruitBox .ck_radio input:checked + label {border-color: #FC8500; color: #FC8500; background: #fff;}

#recruitBox .rrt_inqBox dl {margin-bottom:26px;  align-items:center; display: flex;}
#recruitBox .rrt_inqBox dt {width:20%; font-size:23px; color:#565656; font-weight:700}
#recruitBox .rrt_inqBox dd {width:80%}

#recruitBox .rrt_inp {height:68px; line-height:68px; padding:15px 30px; width:100%; border-radius:10px; border-color:#F2F5FA; color:#212329; font-size:23px}


#recruitBox .rrt_chek {margin-top:25px}
#recruitBox .rrt_chek .lbl {position:relative; line-height:30px; padding-left:40px; font-size:22px; font-weight:500; color:#212329}
#recruitBox .rrt_chek .lbl a {color:#505BF0; border-bottom:1px solid}
#recruitBox .rrt_chek input + .lbl:before {width:30px; height:30px; border-radius:8px}
#recruitBox .rrt_chek input:checked+.lbl:before {background:#fc8500}
#recruitBox .rrt_chek input + .lbl:after {border:0; top:8px; left:6px; background:url(/recruit/img/rrt_chek_icon.png) no-repeat 0 0; width:18px; height:14px; background-size:100% 100%; transform:inherit}

#recruitBox .rrtBtn {display:inline-block; width:100%; height:68px; line-height:68px; background:#FC8500; color:#fff; font-size:26px; font-weight:700; border-radius:10px; text-align:center; border:0; cursor:pointer}

/*팝업*/
.rrt_md {display:none;}
.rrt_md .rrt_popBox {position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width:500px; width:100%; background:#fff; border-radius:26px; padding:40px 35px 34px; color:#212329}
.rrt_md .rrt_popBox .tltBox {font-size:27px; font-weight:700; margin-bottom:30px; line-height:1.3em}
.rrt_md .rrt_popBox .txtBox {font-size:20px; line-height:1.3em}
.rrt_md .rrt_popBox .txtBox .tlt {color:#616161; font-weight:700; margin-top:25px}

.rrt_md .rrt_popBox .rrt_pop_close {margin-top:35px; display:inline-block; width:100%; height:70px; line-height:65px; background:#FC8500; color:#fff; font-size:23px; font-weight:600; border-radius:12px; border:0}

.rrt_md .rrt_popBox .tltBox02 {font-size:27px; font-weight:700; margin-bottom:10px; line-height:1.3em}
.rrt_md .rrt_popBox .txtBox02 {font-size:22px; color:#616161; line-height:1.3em}

.rrt_md .rrt_popBox .rrt_pop_close02 {width:auto; height:55px; line-height:50px; font-size:23px; padding:0 34px; font-weight:600; border-radius:50px;}


@media only screen and  (max-width:768px) {
	#recruitBox {padding-bottom:11vw;}
	#recruitBox .logoBox {margin:3.6vw 0 7.2vw;}
	#recruitBox .logoBox img {height:5.2vw}
	#recruitBox .recruit_cont {padding:0 5vw;}

	#recruitBox .top_bigtlt {font-size:6vw; margin-bottom:7vw;}
	#recruitBox .rrt_subtlt {font-size:5.2vw; margin:10vw  0 4vw;}	
	#recruitBox .rrt_s_subtlt {font-size:3.6vw; margin-bottom:3vw}
	#recruitBox .rrt_s_subtlt .txt {font-size:3.3vw; margin-top:1vw;}

	#recruitBox .office_slBox {padding-bottom:4vw}
	#recruitBox .office_sl .item {margin:0 5vw}

	#recruitBox .office_sl .txt {bottom:3.6vw; right:3.6vw; padding:1.5vw 3vw; border-radius:6vw; font-size:3vw;}
	#recruitBox .office_sl .slick-dots {margin:3vw 7.5vw 0 0;}
	#recruitBox .office_sl .slick-dots li {margin-left:2.4vw}
	#recruitBox .office_sl .slick-dots button {width:2.4vw; height:2.4vw;}


	#recruitBox .rrt_inpUl li {margin:0 1.5vw 2.3vw 0}

	#recruitBox .ck_radio label {padding:0 4vw; height:9.8vw; line-height:9.25vw; border-radius:6vw; font-size:3vw}

	#recruitBox .rrt_inqBox dl {margin-bottom:3.6vw;}
	#recruitBox .rrt_inqBox dt {width:20%; font-size:3vw;}
	#recruitBox .rrt_inqBox dd {width:80%}

	#recruitBox .rrt_inp {height:9.8vw; line-height:9.8vw; padding:2.5vw 4vw; border-radius:2vw; font-size:3vw}


	#recruitBox .rrt_chek {margin-top:2.5vw}
	#recruitBox .rrt_chek .lbl {line-height:4.5vw; padding-left:6vw; font-size:3vw;}
	#recruitBox .rrt_chek input + .lbl:before {width:4.5vw; height:4.5vw; border-radius:1vw}
	#recruitBox .rrt_chek input + .lbl:after {top:1.2vw; left:0.8vw; width:2.8vw; height:2.2vw;}

	#recruitBox .rrtBtn {height:9.8vw; line-height:9.8vw; font-size:3.6vw; border-radius:2vw;}


	/*팝업*/
	.rrt_md .rrt_popBox {max-width:72vw; border-radius:3.6vw; padding:5vw 4.5vw 4.4vw;}
	.rrt_md .rrt_popBox .tltBox {font-size:4vw; margin-bottom:4vw;}
	.rrt_md .rrt_popBox .txtBox {font-size:3vw; }
	.rrt_md .rrt_popBox .txtBox .tlt {margin-top:3.5vw}

	.rrt_md .rrt_popBox .rrt_pop_close {margin-top:4.5vw; height:10vw; line-height:9.5vw; font-size:3.3vw; border-radius:2.2vw;}

	.rrt_md .rrt_popBox .tltBox02 {font-size:3.7vw; margin-bottom:2vw;}
	.rrt_md .rrt_popBox .txtBox02 {font-size:3.2vw;}

	.rrt_md .rrt_popBox .rrt_pop_close02 {height:8.5vw; line-height:8vw; font-size:3.3vw; padding:0 4.4vw; border-radius:6vw;}
}

@media only screen and  (max-width:480px) {
	#recruitBox {padding-bottom:12vw;}
	#recruitBox .logoBox {margin:4.6vw 0 8.2vw;}
	#recruitBox .logoBox img {height:6.2vw}
	#recruitBox .recruit_cont {padding:0 6vw;}

	#recruitBox .top_bigtlt {font-size:7vw; margin-bottom:8vw;}
	#recruitBox .rrt_subtlt {font-size:6.2vw; margin:11vw  0 5vw;}
	#recruitBox .rrt_s_subtlt {font-size:4.6vw; margin-bottom:4vw}
	#recruitBox .rrt_s_subtlt .txt {font-size:4.3vw; margin-top:2vw;}

	#recruitBox .office_slBox {padding-bottom:5vw}
	#recruitBox .office_sl .item {margin:0 6vw}

	#recruitBox .office_sl .txt {bottom:4.6vw; right:4.6vw; padding:2vw 4vw; border-radius:7vw; font-size:4vw;}
	#recruitBox .office_sl .slick-dots {margin:4vw 8.5vw 0 0;}
	#recruitBox .office_sl .slick-dots li {margin-left:3.4vw}
	#recruitBox .office_sl .slick-dots button {width:3.4vw; height:3.4vw;}


	#recruitBox .rrt_inpUl li {margin:0 1.5vw 3vw 0}

	#recruitBox .ck_radio label {padding:0 4vw; height:11.8vw; line-height:11.35vw; border-radius:7vw; font-size:4vw}

	#recruitBox .rrt_inqBox dl {margin-bottom:4.6vw;}
	#recruitBox .rrt_inqBox dt {width:25%; font-size:4vw;}
	#recruitBox .rrt_inqBox dd {width:75%}

	#recruitBox .rrt_inp {height:11.8vw; line-height:11.8vw; padding:3.5vw 5vw; border-radius:3vw; font-size:4vw}

	
	#recruitBox .rrt_chek {margin-top:3.5vw}
	#recruitBox .rrt_chek .lbl {line-height:6vw; padding-left:8vw; font-size:4vw;}
	#recruitBox .rrt_chek input + .lbl:before {width:6vw; height:6vw; border-radius:1.2vw}
	#recruitBox .rrt_chek input + .lbl:after {top:1.5vw; left:1vw; width:3.8vw; height:3vw;}

	#recruitBox .rrtBtn {height:12.8vw; line-height:12.8vw; font-size:4.6vw; border-radius:3vw;}


	/*팝업*/
	.rrt_md .rrt_popBox {max-width:94%; border-radius:4.6vw; padding:6vw 5.5vw 5.4vw;}
	.rrt_md .rrt_popBox .tltBox {font-size:5vw; margin-bottom:5vw;}
	.rrt_md .rrt_popBox .txtBox {font-size:3.8vw; }
	.rrt_md .rrt_popBox .txtBox .tlt {margin-top:4.5vw}

	.rrt_md .rrt_popBox .rrt_pop_close {margin-top:5.5vw; height:13vw; line-height:12.5vw; font-size:4.3vw; border-radius:3.2vw;}

	.rrt_md .rrt_popBox .tltBox02 {font-size:4.7vw; margin-bottom:3vw;}
	.rrt_md .rrt_popBox .txtBox02 {font-size:4vw;}

	.rrt_md .rrt_popBox .rrt_pop_close02 {height:11.5vw; line-height:11vw; font-size:4.3vw; padding:0 5.4vw; border-radius:7vw;}
}


#recruitBox .rrt_news_sl .item {margin-right:20px; max-width:560px; width:100%}
#recruitBox .rrt_news_sl .item .img img {width:100%}
#recruitBox .rrt_news_sl .txtBox {height:200px; border:1px solid #F2F5FA; border-top:0; border-radius:24px; background:#fff; padding:40px 25px 0}
#recruitBox .rrt_news_sl .txtBox .tlt {font-size:30px; color:#212329; font-weight:600; line-height:1.2em}
#recruitBox .rrt_news_sl .txtBox .more {margin-top:35px; color:#FC8500; font-size:28px}


#recruitBox .rrt_work_sl .item {margin-right:20px; max-width:560px; width:100%}
#recruitBox .rrt_work_sl .item .img img {width:100%}
#recruitBox .rrt_work_sl .txtBox {height:110px; border:1px solid #F2F5FA; border-top:0; border-radius:24px; background:#fff; padding:40px 25px 0}
#recruitBox .rrt_work_sl .txtBox .tlt {font-size:30px; color:#212329; font-weight:600; line-height:1.2em}
#recruitBox .rrt_work_sl .txtBox .more {margin-top:40px; color:#FC8500; font-size:28px}


#recruitBox .rrt_work_evm_sl .item {margin-right:20px; max-width:460px; width:100%}
#recruitBox .rrt_work_evm_sl .item .img img {width:100%}
#recruitBox .rrt_work_evm_sl .txtBox {height:110px; border:1px solid #F2F5FA; border-top:0; border-radius:24px; background:#fff; padding:40px 25px 0}
#recruitBox .rrt_work_evm_sl .txtBox .tlt {font-size:30px; color:#212329; font-weight:600; line-height:1.2em}
#recruitBox .rrt_work_evm_sl .txtBox .more {margin-top:40px; color:#FC8500; font-size:28px}


@media only screen and  (max-width:768px) {
	#recruitBox .rrt_news_sl .item {margin-right:3vw; max-width:70vw;}

	#recruitBox .rrt_news_sl .txtBox {height:27vw; border-radius:3.4vw; padding:5vw 2.5vw 0}
	#recruitBox .rrt_news_sl .txtBox .tlt {font-size:4vw;}
	#recruitBox .rrt_news_sl .txtBox .more {margin-top:4.5vw; font-size:3.8vw}


	#recruitBox .rrt_work_sl .item {margin-right:3vw; max-width:70vw;}
	#recruitBox .rrt_work_sl .txtBox {height:14vw; border-radius:3.4vw; padding:5vw 3.5vw 0}
	#recruitBox .rrt_work_sl .txtBox .tlt {font-size:4vw;}
	#recruitBox .rrt_work_sl .txtBox .more {margin-top:5vw; font-size:3.8vw}


	#recruitBox .rrt_work_evm_sl .item {margin-right:3vw; max-width:56vw}
	#recruitBox .rrt_work_evm_sl .txtBox {height:14vw; border-radius:3.4vw; padding:5vw 3.5vw 0}
	#recruitBox .rrt_work_evm_sl .txtBox .tlt {font-size:4vw;}
	#recruitBox .rrt_work_evm_sl .txtBox .more {margin-top:5vw; font-size:3.8vw}
}

@media only screen and  (max-width:480px) {
	#recruitBox .rrt_news_sl .item {margin-right:4vw; max-width:75vw;}

	#recruitBox .rrt_news_sl .txtBox {height:33vw; border-radius:4.4vw; padding:6vw 4.5vw 0}
	#recruitBox .rrt_news_sl .txtBox .tlt {font-size:4.5vw;}
	#recruitBox .rrt_news_sl .txtBox .more {margin-top:5.5vw; font-size:4.8vw}


	#recruitBox .rrt_work_sl .item {margin-right:4vw; max-width:75vw;}
	#recruitBox .rrt_work_sl .txtBox {height:18vw; border-radius:4.4vw; padding:6vw 4.5vw 0}
	#recruitBox .rrt_work_sl .txtBox .tlt {font-size:4.5vw;}
	#recruitBox .rrt_work_sl .txtBox .more {margin-top:5vw; font-size:3.8vw}


	#recruitBox .rrt_work_evm_sl .item {margin-right:4vw; max-width:64vw}
	#recruitBox .rrt_work_evm_sl .txtBox {height:18vw; border-radius:4.4vw; padding:6vw 4.5vw 0}
	#recruitBox .rrt_work_evm_sl .txtBox .tlt {font-size:4.5vw;}
	#recruitBox .rrt_work_evm_sl .txtBox .more {margin-top:6vw; font-size:4.8vw}
}



#recruitBox .rrt_benefit li {width:100%; border:2px solid #FC8500; border-radius:50px; color:#30px; color:#2D4C68; font-size:30px; font-weight:700; padding:22px 30px; line-height:1.3em; margin-bottom:15px}


#recruitBox .rrt_mv_listUl li {margin-bottom:50px;}
#recruitBox .rrt_mv_listUl .img img {width:100%}
#recruitBox .rrt_mv_listUl .txtBox {margin-top:20px}
#recruitBox .rrt_mv_listUl .txtBox .name {font-size:30px; color:#585858; font-weight:600; line-height:1.3em; margin-bottom:5px}
#recruitBox .rrt_mv_listUl .txtBox .tlt {font-size:30px; color:#000; font-weight:600; line-height:1.3em}

#recruitBox .pac_listUl li {border:1px solid #F2F5FA; border-radius:26px; margin-bottom:20px; padding:18px 10px}
#recruitBox .pac_listUl li > div {display:inline-block; vertical-align:middle}
#recruitBox .pac_listUl .crcBox img {height:180px;}
#recruitBox .pac_listUl .txtBox {width:450px; font-size:27px; color:#000; line-height:1.2em; word-break: keep-all;}

#recruitBox .company_txtBox {font-size:32px; line-height:1.3em; word-break: keep-all; margin-bottom:60px;}


@media only screen and  (max-width:768px) {
	#recruitBox .rrt_benefit li {border-width:0.4vw; border-radius:6vw; font-size:4vw; padding:3.2vw 4vw; margin-bottom:2.5vw}


	#recruitBox .rrt_mv_listUl li {margin-bottom:6vw;}
	#recruitBox .rrt_mv_listUl .txtBox {margin-top:3vw}
	#recruitBox .rrt_mv_listUl .txtBox .name {font-size:4vw; margin-bottom:0.7vw}
	#recruitBox .rrt_mv_listUl .txtBox .tlt {font-size:4vw;}

	#recruitBox .pac_listUl li {border-radius:3.6vw; margin-bottom:3vw; padding:2.8vw 2vw}
	#recruitBox .pac_listUl .crcBox img {height:28vw;}
	#recruitBox .pac_listUl .txtBox {width:60%; font-size:3.7vw;}

	#recruitBox .company_txtBox {font-size:4.2vw; margin-bottom:7vw;}
}

@media only screen and  (max-width:480px) {	
	#recruitBox .rrt_benefit li {border-width:0.6vw; border-radius:7vw; font-size:4vw; padding:4.2vw 4vw; margin-bottom:3.5vw}


	#recruitBox .rrt_mv_listUl li {margin-bottom:7vw;}
	#recruitBox .rrt_mv_listUl .txtBox {margin-top:4vw}
	#recruitBox .rrt_mv_listUl .txtBox .name {font-size:4.2vw; margin-bottom:0.9vw}
	#recruitBox .rrt_mv_listUl .txtBox .tlt {font-size:4.2vw;}

	#recruitBox .pac_listUl li {border-radius:4.6vw; margin-bottom:4vw; padding:3.8vw 3vw}
	#recruitBox .pac_listUl li > div {display:block; text-align:center}
	#recruitBox .pac_listUl .crcBox img {height:35vw;}
	#recruitBox .pac_listUl .txtBox {width:100%; font-size:4.7vw; margin-top:3vw}

	#recruitBox .company_txtBox {font-size:5.2vw; margin-bottom:8vw;}
}


#recruitBox .rrt_bg01 {background:#FC8500; padding:70px 0 20px}
#recruitBox .rrt_bg02 {background:#505BF0; padding:70px 0 20px}
#recruitBox .dong_tlt {font-size:36px; font-weight:700; padding:19px 24px; margin-bottom:30px; background:#fff; border-radius:50px; display:inline-block;}
#recruitBox .rrt_bg01 .dong_tlt {color:#FC8500}
#recruitBox .rrt_bg02 .dong_tlt {color:#505BF0}

#recruitBox .dont_udtxt {font-size:30px; margin-bottom:55px; line-height:1.2em; color:#fff;}

#recruitBox .rrt_phoneBox li {display:inline-block; vertical-align:top; width:49%; margin:0 0 60px 0}
#recruitBox .rrt_phoneBox li:last-child {margin-right:0}
#recruitBox .rrt_phoneBox img {max-width:100%;}
#recruitBox .rrt_phoneBox .txt {margin-top:40px; font-size:32px; color:#fff; font-weight:700}


@media only screen and  (max-width:768px) {
	#recruitBox .rrt_bg01, #recruitBox .rrt_bg02 {padding:8vw 0 3vw}
	#recruitBox .dong_tlt {font-size:4.6vw; padding:2.9vw 3.4vw; margin-bottom:4vw; border-radius:6vw;}
	#recruitBox .dont_udtxt {font-size:4vw; margin-bottom:6.5vw;}

	#recruitBox .rrt_phoneBox li {margin:0 0.5% 7vw 0}
	#recruitBox .rrt_phoneBox .txt {margin-top:5vw; font-size:4.2vw;}
}

@media only screen and  (max-width:480px) {
	#recruitBox .rrt_bg01, #recruitBox .rrt_bg02 {padding:9vw 0 4vw}
	#recruitBox .dong_tlt {font-size:5.6vw; padding:3.9vw 4.4vw; margin-bottom:5vw; border-radius:7vw;}
	#recruitBox .dont_udtxt {font-size:5vw; margin-bottom:7.5vw;}

	#recruitBox .rrt_phoneBox li {margin:0 0.5% 6vw 0}
	#recruitBox .rrt_phoneBox .txt {margin-top:7vw; font-size:4.8vw;}
}


#recruitBox .rrt_stepUl li {position:relative; margin-bottom:50px}
#recruitBox .rrt_stepUl li:after {content:""; display:block; position:absolute; top:120%; left:45px; transform: translateY(-50%); width:25px; height:15px; background:url(/recruit/img/step_arrow_b.png) no-repeat 0 0; background-size:100% 100%}
#recruitBox .rrt_stepUl li:last-child:after {display:none} 
#recruitBox .rrt_stepUl li > div {display:inline-block; vertical-align:middle}
#recruitBox .rrt_stepUl .img img {height:120px;}
#recruitBox .rrt_stepUl .txtBox {margin-left:30px;}
#recruitBox .rrt_stepUl .txtBox .tlt {font-size:30px; font-weight:700; line-height:1.3em; margin-bottom:5px;}
#recruitBox .rrt_stepUl .txtBox .txt {font-size:28px; line-height:1.3em}


@media only screen and  (max-width:768px) {
	#recruitBox .rrt_stepUl li {margin-bottom:5vw}
	#recruitBox .rrt_stepUl li:after {top:120%; left:5vw; width:3.5vw; height:2.5vw;}
	#recruitBox .rrt_stepUl li.twoth:after {top:112%}

	#recruitBox .rrt_stepUl .img img {height:14vw;}
	#recruitBox .rrt_stepUl .txtBox {margin-left:3vw;}
	#recruitBox .rrt_stepUl .txtBox .tlt {font-size:4vw; margin-bottom:0.7vw;}
	#recruitBox .rrt_stepUl .txtBox .txt {font-size:3.8vw;}
}

@media only screen and  (max-width:480px) {
	#recruitBox .rrt_stepUl li {margin-bottom:6vw}
	#recruitBox .rrt_stepUl li:after {top:122%; left:5vw; width:4vw; height:2.8vw;}
	#recruitBox .rrt_stepUl li.twoth:after {top:114%}

	#recruitBox .rrt_stepUl .img img {height:14vw;}
	#recruitBox .rrt_stepUl .txtBox {margin-left:3vw;}
	#recruitBox .rrt_stepUl .txtBox .tlt {font-size:4.1vw; margin-bottom:0.9vw;}
	#recruitBox .rrt_stepUl .txtBox .txt {font-size:3.9vw;}
}


#recruitBox .event_txtBox {background:#F2F5FA; padding:35px; border-radius:25px}
#recruitBox .event_txtBox .tlt {font-size:32px; color:#2D4C68; font-weight:700; line-height:1.3em; margin-bottom:10px}
#recruitBox .event_txtBox .txt {font-size:28px; color:#000; line-height:1.3em;}

#recruitBox .rrt_pnlistUl li {position:relative; display:inline-block; width:48.5%; margin-right:2%;}
#recruitBox .rrt_pnlistUl li:nth-child(2n) {margin-right:0}

#recruitBox .rrt_pnlistUl li:after {content:""; display:block; position:absolute; top:50%; right:35px; transform: translateY(-50%); background:url(/recruit/img/rrt_pn_arrow_r.png) no-repeat 0 0; width:20px; height:30px; background-size:100% 100%}
#recruitBox .rrt_pnlistUl a {display:block; height:85px; line-height:85px; background:#F2F5FA; color:#2D4C68; font-size:32px; font-weight:700; padding:0 35px; border-radius:18px}


@media only screen and  (max-width:768px) {
	#recruitBox .event_txtBox {padding:4.5vw; border-radius:3.5vw}
	#recruitBox .event_txtBox .tlt {font-size:4.2vw;}
	#recruitBox .event_txtBox .txt {font-size:3.5vw;}

	#recruitBox .rrt_pnlistUl li {margin-bottom:3vw}
	#recruitBox .rrt_pnlistUl li:after {right:4.5vw;width:3vw; height:4vw;}
	#recruitBox .rrt_pnlistUl a {height:11.5vw; line-height:11.5vw; font-size:4.2vw; padding:0 4.5vw; border-radius:2.8vw}
}

@media only screen and  (max-width:480px) {
	#recruitBox .event_txtBox {padding:5.5vw; border-radius:4.5vw}
	#recruitBox .event_txtBox .tlt {font-size:5.2vw;}
	#recruitBox .event_txtBox .txt {font-size:4.2vw;}

	#recruitBox .rrt_pnlistUl li {margin-bottom:4vw}
	
	#recruitBox .rrt_pnlistUl a {height:14.5vw; line-height:14.5vw; font-size:5.2vw; padding:0 5.5vw; border-radius:3.8vw}
}