@charset"utf-8";

/*채용안내*/
.recruit_information .top_info{background:linear-gradient(45deg, #fbfaf8, #e8e8e8);padding:3%;text-align:center;border-radius:0 0 50px 0}
.recruit_information .top_info h2{color:#000;font-size:3.5rem;padding-bottom:4%}
.recruit_information .top_info h3{color:#fff;font-size: 10rem;font-weight: 700;text-align: center; line-height:0.8}
.recruit_information .top_info h4{font-size:1.5rem;color:#000;font-weight:400;line-heighT:1.5;}
.recruit_information .second_box{margin:10px 0 10% 0;}
.recruit_information .second_box ul{display:grid;width:100%; grid-template-columns: 1fr 1fr 1fr;}
.recruit_information .second_box ul li{margin:1%;margin-right:3%;padding:5% 1%;text-align:center;  border-radius:10px;background:#f5f5f5;align-items: center;    display: inline-grid;    justify-items: center;}
.recruit_information .second_box ul li p{font-size:1.2rem;font-weight:600;line-height:1.5}
.recruit_information .second_box ul li p span{font-size:1rem;font-weight:400;display:block;}
.recruit_information .second_box ul li:last-child{background:#ffe600;margin-right:0;transition:0.5s}
.recruit_information .second_box ul li:last-child a{font-size:1.8rem;font-weight:600;position:relative;display:block;padding:10% 1%;}
.recruit_information .second_box ul li:last-child span{position:relative;display:inline-block;padding:0 23px;}
.recruit_information .second_box ul li:last-child span:after{position:absolute;content:"";background:url(../img/common/go_arrow.png);    width: 18px;    height: 20px;    top: 4px;    right: 0px;    background-size: cover;transition:0.5s}
.recruit_information .second_box ul li:last-child:hover span:after{right:-10px;transition:0.5s}
.recruit_information .second_box ul li:last-child:hover{box-shadow:0 0 5px 5px rgba(0,0,0,0.2);transition:0.5s}
.recruit_information .rec_info_box{margin-bottom:8%;}
.recruit_information .job_process{display:flex;}
.recruit_information .job_process li{width:18%;margin:1%;}
.recruit_information .job_process li .top_jp{border-bottom:2px solid #ffe600;display:flex;padding-bottom:5px;}
.recruit_information .job_process li .top_jp p{display:inline-block;width:50%;text-align:left;}
.recruit_information .job_process li .top_jp p:nth-child(2){text-align:right;font-weight:700;font-size:1.5rem;}
.recruit_information .job_process li .top_jp p span{font-size:3rem;color:#eaeaea;font-weight:800;display:block;line-height:1}
.recruit_information .job_process li .bottom_jp {padding-top:10px;font-size:1rem;line-height:1.5}
.recruit_information .job_process li .bottom_jp p{font-weight:800;font-size:1.1rem;}
.recruit_information .rec_info_box h3.tit_squareFrame{display:inline-block;width:300px;vertical-align:top;}
.recruit_information .jobList{display:inline-block;width:calc(100% - 306px);vertical-align:top;}
.recruit_information  ol.jobList > li {    list-style-type: decimal;    font-size: 1.4rem;;    color: #000;line-height:1.6;font-weight:600}
.recruit_information  ol.jobList ul li {    font-size: 1.2rem;     margin-left: 5px;color:#666;line-height:1.5;font-weight:400}
.recruit_information  ol.jobList ul li:before{display:inline-block;content:"-";margin-right:5px;}
.recruit_information{}

/*채용공고 리스트*/
.recruit_list .num{width:70px;}
.recruit_list .ctgr{width:100px;}
.recruit_list .Period{width:250px;}
.recruit_list .Period span{display:none;}
.recruit_list .title{width:calc(100% - 600px);}
.recruit_list .title a:hover{font-weight:600}
.recruit_list .title a:hover:after{position:abso}
.recruit_list .date{width:150px;}

/*입사지원 select*/
.recruit_select h3{font-size:10rem;font-weight:700;color:#d9d9d9;text-align:center;padding:30px 0}
.recruit_select .recr_select_box{display:flex;}
.recruit_select .recr_select_box .recr_box{width:50%;margin:3%;text-align:Center;background:#f5f5f5;border-radius:20px;transition:0.5s}
.recruit_select .recr_select_box .recr_box a{display:block;padding:7% 5% 3% 5%}
.recruit_select .recr_select_box .recr_box:nth-child(1) a{background:url(../img/company/recruit/recr_select_ico1.png)no-repeat;background-size:25%;    background-position: 95% 5%;}
.recruit_select .recr_select_box .recr_box:nth-child(2) a {background:url(../img/company/recruit/recr_select_ico2.png)no-repeat;background-size:25%;    background-position: 95% 5%;}
.recruit_select .recr_select_box .recr_box .b_title{font-size:2rem;font-weight:700;padding-bottom:20px;}
.recruit_select .recr_select_box .recr_box .s_txt{font-size:1.5rem;font-weight:400}
.recruit_select .recr_select_box .recr_box p{text-align:right;padding-right:30px;position:relative;margin-top:30px;font-size:1.3rem;font-weight:600}
.recruit_select .recr_select_box .recr_box p:after{position:absolute;content:"";background:url("../img/user/go_arrow.png")no-repeat;width:20px;height:23px;top:0;right:0;background-size:cover;transition:0.5s}
.recruit_select .recr_select_box .recr_box:hover p:after{right:-10px;transition:0.5s}
.recruit_select .recr_select_box .recr_box:hover{background:#ffe600;transition:0.5s;box-shadow:0 0 10px 10px rgba(0,0,0,0.1)}

/*개인정보 수집동의*/
 h2.general{font-sizE:2.2rem;margin-bottom:20px;font-weight:800;border-bottom:1px solid #000;width:100%;padding-bottom:5px;}
 h3.tit_squareFrame{font-size:1.7rem;margin-bottom:20px}
 h3.tit_squareFrame:before{content:"";background:url("/img/company/h3_deco.png")no-repeat;display:inline-block;margin-right:10px;width:9px;height:28px;background-size:contain;vertical-align:middle;}
  h3.tit_squareFrame span{font-size:1.2rem;font-weight:400;color:#666}
 h4.tit_square{font-size:1.35rem;;padding-lefT:10px;margin-bottom:15px;}
 h4.tit_square:before{content:"";background:#ffe600;width:7px;height:7px;margin-right:5px;display:inline-block;vertical-align:middle;}
.apply_agree table{margin-bottom:20px;border-top:1px solid #ffe600;border-bottom:1px solid #ffe600}
.apply_agree table tr{border-bottom:1px solid #dfdfdf}
.apply_agree table tr:last-child{border-bottom:1px solid #ffe600}
.apply_agree table th{padding:10px;background:#f5f5f5}
.apply_agree table td{padding:10px;}
ul.collect_data li { line-height:160%; }
ul.collect_data > li { list-style-type:disc; margin-left:15px; margin-bottom:10px; }
ul.collect_data strong { font-weight:bold;  }
ul.general li { padding-bottom:5px; list-style-type:disc; margin-left:15px; }
.apply_agree table.tbl_vertical tr th { width:20%; }
.agree_guide { background: #f9f9f9;    margin-top: 30px;    line-height: 1.4;    border: 1px solid #ffe600;    margin-bottom: 35px;    border-radius: 11px; }
.agree_guide p { padding:10px 15px; line-height:1.4; }
.agree_guide .check {padding:7px 10px 8px 15px;}
.agree_guide .check span { display:inline-block; }
.agree_guide .check ul li span { padding-left:5px; font-size:1.2rem;font-weight:600 }
.agree_guide .check ul li { position:relative; padding-bottom:3px; text-align:right;}

.apply_agree table.apply .first input + label{margin:10px;vertical-align:middle;line-height: 20px;}



/*입사지원서작성*/
.recruit_resume{background:#f5f5f5}
.application_list {max-width:320px;width:100%;float:right;display:flex;margin-bottom:10px;}
.application_list li{width:33%;margin:5px;}
.application_list li a{padding:10px;display:block;background:#cfcfcf;text-align:center;font-weight:400;position:relative;transition:0.5s;color:#666}
.application_list li.on a{background:#ffe600;font-weight:600;    transform: translateY(-5px);box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1);color:#000}
.application_list li a span{position:absolute;top:0;right:3px;font-size:1.2rem;color:rgba(256,256,256,0.6);font-weight:600;z-index:1}
.application_list li a b{z-index:2}
.application_list li a:hover{transform: translateY(-5px);box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1);transition:0.5s;color:#000}
.recruit_write_form .recr_tablebox {width:100%;background:#fff;padding:1.5%;border-radius:20px;margin-bottom:20px;clear:both;}
.recruit_write_form .recr_tablebox table.tbl_vertical {width:100%;}
.recruit_write_form .recr_tablebox table.tbl_vertical  tbody{}
.recruit_write_form .recr_tablebox table.tbl_vertical  tr{}
.recruit_write_form .recr_tablebox table.tbl_vertical  th{width:140px;padding-bottom:10px;}
.recruit_write_form .recr_tablebox table.tbl_vertical  td{padding-bottom:10px;width:calc(50% - 140px)}
.recruit_write_form .recr_tablebox table th{text-align:left;font-size:1.2rem;font-weight:600}
.recruit_write_form .star{line-height: 15px;    margin-right: 5px;    color: #ff8a00;}
.recruit_write_form table.tbl_vertical input[type="text"], .recruit_write_form table.tbl_vertical input[type="password"]{max-width:300px;width:100%;}
.recruit_write_form .img_upload{vertical-align:bottom;}
.recruit_write_form .img_upload > div{display:inline-block;}
.recruit_write_form .img_upload .frame{position:relative;width:120px;}
.recruit_write_form .img_upload .frame input[type="file"]{display:none;}
.recruit_write_form .img_upload .frame label{position:absolute;bottom:5px;right:5px;width:}
.recruit_write_form .img_upload .frame label p{width:30px;height:30px;background:#ffe600;border-radius:50%;padding:7px;cursor:pointer;align-items: center;
    display: flex;transition:0.5s}
.recruit_write_form .img_upload .frame label p img{transition:0.5s}
.recruit_write_form .img_upload .frame label:hover p {background:#000;transition:0.5s}
.recruit_write_form .img_upload .frame label:hover p img{filter: invert(1);transition:0.5s}
.recruit_write_form .img_upload .txt{width:calc(100% - 126px);vertical-align:bottom;}
.recruit_write_form .check_inline{margin-right:20px;display:inline-block;}
.recruit_write_form .zipcode a{display:inline-block;background:#000;color:#fff;padding:10.5px;    width: 95px;text-align:center;}
.recruit_write_form #addr2{max-width:398px}

	/*학력*/
.tbl_horizon {width:100%;margin-bottom:30px;background:#f4f4f4;border-top: 1px solid #ffe600;}
.recruit_write_form .recr_tablebox table.tbl_horizon th{text-align:center;padding:10px}
.recruit_write_form .recr_tablebox table.tbl_horizon td{background:#fff;padding:10px;text-align:center;}
.recruit_write_form .recr_tablebox table.tbl_horizon td input{width:100%;}
.recruit_write_form .recr_tablebox table.tbl_horizon td select{width:100%;}
.recruit_write_form .recr_tablebox table td.uv_score input{width:calc(50% - 10px)}
.recruit_write_form .recr_tablebox table td.uv_score span{width:12px;display:inline-block;text-align:center;}
.recruit_write_form .recr_tablebox table.tbl06 td select{max-width:300px;width:100%}
.recruit_write_form .recr_tablebox table td .select_year_box {display:flex;align-items: center;}
.recruit_write_form .recr_tablebox table td .select_year_box select{width:20%}
.recruit_write_form .recr_tablebox table td .select_year_box label{vertical-align:middle;width:4%;text-align:center;}
.recruit_write_form .recr_tablebox table td .select_year_box span{vertical-align:middle;width:4%;text-align:center;}
.recruit_write_form .recr_tablebox textarea{width:100%;}

	/*notice*/
.recruit_vow{line-height:1.5;font-size:1.2rem;text-align:center}
.recruit_vow div{background:#ddd;width:100%;text-align:center;margin-bottom:30px;font-weight:400;font-size:1.35rem;padding:10px;border-radius:10px;}
.recruit_vow em{font-weight:800;font-style:inherit;display:inline-block;}
.recruit_vow em.under{position:relative;background:#edebeb}
.recruit_vow em.under:before{position:absolute;content:"";background:#ffe600;width:100%;position:absolute;bottom:0;left:0;height:5px;}



.no_mobile_wrap{display:none;}


/*지원완료*/
.end_ct{padding:10px;text-align:center;background-color:#fff;background-image: url(../img/user/guide_back.png);padding:50px 10px;border-top:3px solid #ffe600}
.end_ct p{font-size:1.5rem;line-height:1.8}
.end_ct p span{background: #efefef;color: #000;    display: inline-block;  line-height: 1;    padding: 5px 10px;    border-radius: 22px;    font-weight: 600;    font-size: 1.7rem;}

/*합격조회페이지*/
.app_result{margin:20px auto;text-align:center;padding:30px 10px 0 10px;background-color:#fff;background-image: url(../img/user/guide_back.png);border-top:3px solid #ffe600}
.app_result p{line-height:1.6rem;font-size:1.1rem;margin-bottom:50px;}
.app_result p span{margin-bottom:10px;display:block;}
.app_result p em{font-weight:800;font-size:1.6rem;font-style: normal;}



/***********************************************************반응형 시작 ***********************************************************/

/*notebook*/
@media screen and (max-width:1700px) {


}


/*notebook*/

@media screen and (max-width:1600px) {

}
@media screen and (max-width:1400px) {

}
@media screen and (max-width:1280px) {
/*list*/
.recruit_list .num{width:40px;}
.recruit_list .ctgr{width:60px;}
.recruit_list .Period{width:150px;}
.recruit_list .title{width:calc(100% - 350px);}
.recruit_list .date{width:70px;}
/*지원*/
.recruit_select h3{font-size:5rem}


}



/*ipad 1080  ~ 1024 */
@media screen and (max-width:1120px) {

.recruit_information .top_info h3{font-size:6rem}
.recruit_information .second_box ul li:last-child span:after{top:0}
.recruit_information .rec_info_box h3.tit_squareFrame{width:150px}
.recruit_information .jobList{width:calc(100% - 156px)}

.recruit_information .job_process{display:grid;width:100%; grid-template-columns: 1fr 1fr 1fr;}
.recruit_information .job_process li{width:90%;margin:3%;}

.no_mobile_wrap{display:block;background:#fff;padding:5%}
.no_mobile_wrap .no_mobile{background:#f4f4f4;padding:15%}
.no_mobile_wrap .no_mobile p{text-align:center;font-size:2rem;margin-bottom:10px;}
.recruit_resume{display:none;}  
.user_page.recruitment{display:none;}  
.user_page.agreewrap{display:none;}  



}


/*ipad 820~ 768  */
@media screen and (max-width:840px) {

.recruit_select .recr_select_box{display:block;}
.recruit_select .recr_select_box .recr_box{width:94%;}
.recruit_select .recr_select_box .recr_box p:after{width:13px;height:16px;top:0;right:0;background-size:contain;transition:0.5s}

}




/*mo */
@media screen and (max-width:600px) {
.recruit_information .second_box ul{display:block;grid-template-columns: 1fr;}
.recruit_information .second_box ul li{width:100%}
.recruit_information .second_box ul li:last-child a{padding:0}

.recruit_information .job_process{ grid-template-columns: 1fr 1fr}
.recruit_information .rec_info_box h3.tit_squareFrame{width:100%}
.recruit_information .second_box ul li p br{display:none;}
.recruit_information .jobList{width:100%;padding-left:20px;}


.recruit_list{border-top:2px solid #ffe600}
.recruit_list .num{width:30px;display:none !important;}
.recruit_list .ctgr{width:60px;}
.recruit_list .ctgr span{background:#ffe600;displaY:inline-block;padding:3px 5px;;border-radius:5px;}
.recruit_list .Period{width:calc(100% - 66px);text-align:left !important;}
.recruit_list .Period span{display:inline-block;padding-right:5px;font-weight:600}
.recruit_list .title {width:100%;}
.recruit_list .title a{width:100%;padding:5px;font-size:1.5rem;font-weight:600}
.recruit_list .date{width:100%;text-align:right;color:#666}

}