@CHARSET "UTF-8";
select:not(.popup select){ padding: 0 16px; border:1px solid #d6d9e6; border-radius:8px; background: url(/resources/images/recruit/arrow-down.svg) no-repeat;
background-position: center right 9px; vertical-align: middle; -moz-text-align-last: center; -webkit-appearance: none;	font-size:15px; font-family:"PretendardM"; 
width:100%; height:48px; color:#222;}

input::placeholder{color:#90969A;}
.nogray::placeholder{color:#222;}
.company_name::placeholder{color:transparent;}
.date::placeholder{color:#222;} 

/**************졸업생 채용 문의************/ 
.insertRecruit{width:100%; margin-bottom:40px;}
.insertRecruit:last-child{margin-bottom:0;}
.insertRecruit h4{font-size:19px; font-family:"PretendardSB"; margin-bottom:12px;}
.insertRecruit ul{width:100%; border-top: 2px solid #D6D9E6;}
.insertRecruit ul li{width:100%; height:auto; padding:12px 24px; border-bottom:1px solid #E8EBF0;}
.insertRecruit ul li:not(.nogap, .nogrid){display:grid; grid-template-columns:repeat(2, 1fr); gap:40px;}
.insertRecruit ul .nogrid{display:flex; gap:10px; width:100%; align-items:center;}
.insertRecruit ul .nogrid .pay{width:20%;}
.insertRecruit ul .nogap2{gap:10px !important;}
.insertRecruit ul .devide{width:100%; display:grid; grid-template-columns:150px auto !important; align-items:center;}
.insertRecruit ul li .email-txt{display:flex; gap:6px; align-items:center;}
.insertRecruit ul li p{font-family:"PretendardM"; font-size:16px; letter-spacing:-0.07em;}
.insertRecruit ul li input{width:100%; height:48px; border:1px solid #D6D9E6; border-radius:8px; padding:0 16px; font-size:15px; font-family:"PretendardM";}
.insertRecruit ul li .btn_search{font-size:16px; margin-right:7px; font-family:"PretendardSB"; border-radius:8px; max-width:130px; height:100%; color:#fff; background-color: var(--color-point-blue);}
.insertRecruit ul li .btn_search img{margin-right:8px; width:15px; height:15px;}
.insertRecruit ul li .essential:after{content:'*'; color:#EC1F27; width:8px; display:inline-block; margin-left:3px; }
.insertRecruit ul li div .date{color:#222; background-color:#fff;}
.insertRecruit ul li .period-wrap{width:100%; display:flex; align-items:center;gap:6px;  margin-top:6px;}
.insertRecruit ul li .recruitment-wrap{width:100%; min-width:0;}

.insertRecruit ul li textarea{width:100%; border: 1px solid #D6D9E6; border-radius: 8px; font-size: 15px; padding:16px; font-family:var(--main-font-family); }

#apprenticeship_period{display:none;}
#apprenticeship_wage_ratio{display:none;}
#province_office_area{display:none;}
#age_limit_etc{display:none;}
#recruitment_period{display:none;}

.apply_btn{width:100%; margin-top:60px;}
.apply_btn a{font-family:"PretendardM"; display:block; color:#fff; background-color:#222; border-radius:28px; width:176px; height:54px; margin:0 auto; text-align:center; line-height:54px;}

/************사업제휴********************/
.businessAsk ul li{grid-template-columns:130px auto !important; align-items:center;}
.businessAsk ul li .btn_search{width:100%; max-width:117px; height:48px; margin-right:0;}

/*************강사지원***********************/
#trecuoitAply{position:relative; z-index:2;}
#trecruitScroll{position:absolute; top:26px; left:80px;}

.dark-container{width:100%; background-color:#282828; color:#fff;}
.dark-container .inner .title-box h2 span{line-height:1.3;}
.part-wrap .part{display:flex; align-items:center;}
.part-wrap .part:not(:last-child){margin-bottom:56px;}
.part-wrap .part h3{font-size:36px; color:#3182F6; font-family:"PretendardB"; margin-bottom:32px;}
.part-wrap .part:first-child, .part-wrap .part:last-child{flex-direction:row-reverse;}
.part-wrap .part:nth-child(2){gap:56px;}
.part-wrap .part .img-wrap{width:100%; border-radius:28px; height:339px; overflow:hidden;}
.part-wrap .part .txt-wrap{width:100%; line-height:1.5; text-align:left;}
.part-wrap .part .txt-wrap img{margin-bottom:24px;}
.part-wrap .part .txt-wrap .txt-title{font-family:"PretendardB"; font-size:18px;}
.part-wrap .part .txt-wrap p:last-of-type{font-size:16px; color:#D9D9D9; margin-top:6px;}
.part-wrap .part:not(:nth-child(2)) .txt-wrap p{padding-right:56px;}

/*강사지원 - 신입경력강사채용*/
.employment{display:none;}
.trecruit_employment{width:100%;}
.employment_tab{width:100%; display:grid; grid-template-columns:repeat(4, 1fr); margin-bottom:32px;}
.employment_tab li{border-bottom: 2px solid #D6D9E6; color:#4D5762; font-size:19px; font-family:"PretendardSB"; text-align:center; padding-bottom:12px; cursor:pointer;}
.employment_tab li.active{border-bottom:2px solid #1E5EFF;}
.tabcontent_employment{width:100%;}
.tabcontent_employment div .employment_box{width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-bottom:32px;}
.tabcontent_employment div .employment_box li{border:1px solid #E8EBF0; padding:32px 16px; display:grid; grid-template-columns:66px auto; gap:16px; border-radius:14px;}
#tabcontent_employment2 div .employment_box li{align-items:center;}
.tabcontent_employment div .employment_box li .content_title{height:auto;}
.tabcontent_employment div .employment_box li .content_title .img_wrap{border-radius:15px; overflow:hidden; height:84px;}
.tabcontent_employment div .employment_box li .title{color:#222; font-size:18px; margin-bottom:2px; font-family:"PretendardSB";}
.tabcontent_employment div .employment_box li p:not(.title){color:#4D5762; font-size:15px; line-height:1.5; font-family:"PretendardM";}
.tabcontent_employment div .employment_box li dl dd{color:#4D5762; font-size:15px; padding-left:8px; position:relative; line-height:1.5; font-family:"PretendardM"; letter-spacing:-0.07em;}
.tabcontent_employment div .employment_box li dl dd:before{content:'·'; display:inline-block; position:absolute; left:0px;}
.tabcontent_employment div table{width:100%; text-align:center; border-collapse:collapse;}
.tabcontent_employment div table tr{border-bottom:1px solid #E8EBF0;}
.tabcontent_employment div table thead tr{height:64px; background:#E8EBF0; font-size:16px; border-bottom:none; font-size:17px;}
.tabcontent_employment div table thead td:first-child{border-top-left-radius:14px; border-bottom-left-radius:14px;}
.tabcontent_employment div table thead td:last-child{border-top-right-radius:14px; border-bottom-right-radius:14px;}
.tabcontent_employment div table tbody tr td{font-size:16px; padding:16px 0;}
.tabcontent_employment div table tbody tr td:first-child{font-family:"PretendardSB";}
.tabcontent_employment div table tbody tr td ul{/*width:70%;*/ margin:0 auto; text-align:left; line-height:1.6; padding-left:85px;}
.tabcontent_employment div table tbody tr td:nth-child(4) ul{/*width:58%;*/padding-left:110px;}
.tabcontent_employment div table tbody tr td ul li:not(.nobefore){position:relative; padding-left:8px;}
.tabcontent_employment div table tbody tr td ul li span{color:#4D5762; font-size:14px; display:block;}
.tabcontent_employment div table tbody tr td ul li:not(.nobefore):before{content:'·'; display:inline-block; position:absolute; left:0px;}
.tabcontent_employment .required{text-align:right; color:#4D5762; font-size:15px; font-family:"PretendardM"; margin-top:8px;}

.tabcontent_employment .employment_process{border:1px solid #E8EBF0; padding:22px 80px; border-radius:14px; display:grid; grid-template-columns:240px auto; align-items:center;}
.tabcontent_employment .employment_process:not(:nth-of-type(4)){margin-bottom:12px;}
.tabcontent_employment .employment_process p{font-size:18px; font-family:"PretendardB";}
.tabcontent_employment .employment_process p span{display:inline-block; margin-right:6px; width:20px; height:20px; color:#fff; background-color:#2C5AE9; border-radius:50%; font-size:15px; text-align:center; padding-top:1px;}
.tabcontent_employment .employment_process ul{line-height:1.5; display:block;}
.tabcontent_employment .employment_process ul li{padding-left:8px; position:relative;}
.tabcontent_employment .employment_process ul li:before{content:'·'; position:absolute; left:0;}
.tabcontent_employment .employment_process ul li span{font-size:15px; color:#4D5762; font-family:"PretendardM";}

.tabcontent_employment .employment_ncs{margin-top:32px; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; border-bottom:1px solid #E8EBF0; padding-bottom:32px;}
.tabcontent_employment .employment_ncs div{border:1px solid #ECEEF4; border-radius:14px; position:relative; padding: 40px 32px 29px 32px; overflow:hidden;}
.tabcontent_employment .employment_ncs div:before{content:''; display:block; background-color:#70BCFD; width:100%; height:16px; position:absolute; top:0; left:0;}
.tabcontent_employment .employment_ncs div:last-child:before{background-color:#458DFC;}
.tabcontent_employment .employment_ncs div dl:not(:last-child){margin-bottom:16px;}
.tabcontent_employment .employment_ncs div .ncs-title dt{font-size:18px; font-family:"PretendardB"; margin-bottom:4px;}
.tabcontent_employment .employment_ncs div dl dt{font-size:17px; font-family:"PretendardSB"; margin-bottom:4px;}
.tabcontent_employment .employment_ncs div dl dd{position:relative; padding-left:8px; color:#4D5762; line-height:1.5; font-family:"PretendardM";}
.tabcontent_employment .employment_ncs div dl dd:before{content:'·'; position:absolute; left:0;}

.tabcontent_employment .employment_plus{width:100%; display:grid; grid-template-columns:250px auto; gap:59px; margin-top:70px; align-items:center;}
.tabcontent_employment .employment_plus h3{font-size:32px; text-align:left; font-family:"PretendardEB"; line-height:1.5;}
.tabcontent_employment .employment_plus>ul{width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;}
.tabcontent_employment .employment_plus>ul>li{border-radius:28px; background-color:#F1F2F5; height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.tabcontent_employment .employment_plus>ul>li p{font-size:17px; font-family:"PretendardB"; margin-bottom:8px; text-align:center;}
.tabcontent_employment .employment_plus>ul>li p span{display:block; color:#4D5762; font-size:15px; margin-bottom:2px;}
.tabcontent_employment .employment_plus>ul>li ul li{font-size:15px; color:#4D5762; position:relative; padding-left:8px; line-height:1.5;}
.tabcontent_employment .employment_plus>ul>li ul li:before{content:'·'; position:absolute; left:0;}

.hire-container{background-color:var(--color-bg-white); padding:70px 0;}
.hire-wrap{display:flex; gap:20px;}
.hire-wrap .notice-box{width:35%;}
.hire-wrap .notice-box h2{font-size: 43px; letter-spacing: -0.1rem; font-weight: 700; margin-bottom:24px;}
.hire-wrap .notice-box dl{background-color:#E8EBF0; border-radius:8px; padding:16px 24px; max-width:297px;}
.hire-wrap .notice-box dl dt{font-size:17px; font-family:"PretendardSB"; margin-bottom:8px;}
.hire-wrap .notice-box dl dd{font-size:14px; font-family:"PretendardR"; line-height: 1.3; position:relative; padding-left:8px;}
.hire-wrap .notice-box dl dd:last-of-type{margin-top:4px;}
.hire-wrap .notice-box dl dd:before{content:'·'; display:inline-block; position:absolute; left:0px;}
.hire-wrap .step-box{width:65%; display:flex; justify-content:space-between; align-items:center;}
.hire-wrap .step-box div{background-color:#fff; width:190px; height:190px; border-radius:50%; display:flex; align-items:center; justify-content:center; position:relative; border:1px solid #E8EBF0;}
.hire-wrap .step-box div:not(:last-child):after{content:''; background-image:url("/resources/images/recruit/icon_arrow.png"); position:absolute; left:194px; width:44%; height:9px;} 
.hire-wrap .step-box div p{font-family:"PretendardB"; font-size:20px;}
.hire-wrap .step-box div p span{display:table; margin:0 auto; color:#1E5EFF; border-bottom:1px solid #1E5EFF; margin-bottom: 12px; font-size:16px;}
.hire-wrap .step-box div:last-child{background-color:#1E5EFF; border:none;}
.hire-wrap .step-box div:last-child p{color:#fff;}
.hire-wrap .step-box div:last-child p span{color:#D2DFFF; border-bottom:1px solid #D2DFFF;}

.welfare-container{padding:100px 0;}
.welfare-wrap{display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); gap:16px;}
.welfare-wrap div{width:100%; height:220px; text-align:center; overflow:hidden; border-radius:28px; display:flex; align-items:center; flex-direction:column; justify-content:center; gap:10px;}
.welfare-wrap div p{font-size:20px; font-family:"PretendardSB";}
.welfare-wrap div span{display:block; font-size:16px; font-family:"PretendardB"; color:#d9d9d9;}

.facility-wrap{display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:16px;}
.facility-wrap div{overflow:hidden; border-radius:28px; width:100%; height:395px;}
.facility-wrap div:nth-child(3){grid-column:3/5;}
.facility-wrap div:nth-child(9){grid-column:2/4;}
.facility-container .apply_btn a{width:210px;}

/******강사지원**********/
@media screen and (max-width: 1500px) {
	#trecuoitAply{display:none !important;}
}

@media screen and (max-width: 1024px){
select:not(.mainInquiry select){padding:0 8px;}
.insertRecruit ul .devide{grid-template-columns:88px auto !important;}
.insertRecruit ul li{padding:12px 0 12px 24px;}
.insertRecruit ul li .nogrid{gap:4px;}
.insertRecruit ul li .nogrid .pay{width:30%;}
.insertRecruit ul li input{padding:0 8px;}
.insertRecruit ul li .btn_search{font-size:15px;}
.insertRecruit ul li .btn_search img{margin-right:4px;}
.apply_btn{margin-top:40px;}

/***************강사지원********************/
.wrap-popup .trecruit .inquiry-item{padding-bottom:24px;}

.part-wrap .part:not(:last-child){margin-bottom:40px;}
.part-wrap .part:nth-child(2) {gap: 40px;}
.part-wrap .part .img-wrap{height:300px;}
.part-wrap .part:not(:nth-child(2)) .txt-wrap p{padding-right:30px;}
.part-wrap .part .txt-wrap .txt-title{font-family:"PretendardSB"; font-size:17px;}

/***********/
.tabcontent_employment div .employment_box{gap:12px;}
.tabcontent_employment div .employment_box li{padding:20px 16px; display:block;}
.tabcontent_employment div .employment_box li .content_title{display:flex; align-items:center; gap:8px; margin-bottom:10px;}
.tabcontent_employment div .employment_box li .content_title .img_wrap{width:46px; height:46px;}
.tabcontent_employment div .employment_box li .content_title .img_wrap img{width:100%;}
.tabcontent_employment div .employment_box li .content_title p{font-size:18px; font-family:"PretendardSB";}
.tabcontent_employment div table tbody tr td:nth-child(4) ul{/*width:70%;*/ padding-left:35px;}
.tabcontent_employment div table tbody tr td ul{padding-left:17px;}
.tabcontent_employment .employment_process{padding:22px 46px;}
.tabcontent_employment .employment_ncs div{padding: 40px 32px 24px 32px;}
.tabcontent_employment .employment_plus{grid-template-columns:197px auto; gap:15px; margin-top:60px;}
.tabcontent_employment .employment_plus h3{font-size:26px;}
.tabcontent_employment .employment_plus>ul{gap:12px;}
.tabcontent_employment .employment_plus>ul>li ul li{font-size:14px;}


.hire-wrap .notice-box h2{font-size:36px; font-weight:500;}
.hire-wrap .step-box div{width:160px; height:160px;}
.hire-wrap .step-box div:not(:last-child):after{left:167px;}

.welfare-wrap{gap:12px;}
.facility-wrap{gap:12px;}
.facility-wrap div{height:277px;}
}

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

select:not(.mainInquiry select){padding:0 16px; height:50px;}	
	
.phoneNumber::placeholder{color:#222;}
.company_name::placeholder{color:#90969A;}

.insertRecruit{margin-bottom:50px;}
.insertRecruit h4{margin-bottom:16px;}
.insertRecruit ul{padding-top:16px;}
.insertRecruit ul li{border-bottom:0; padding:0;}
.insertRecruit ul li:last-child{border-bottom:1px solid #E8EBF0;}
.insertRecruit ul li .nogrid{gap:5px;}
.insertRecruit ul li .nogrid .pay{width:22%;}
.insertRecruit ul li:not(.nogap){display:block;}	
.insertRecruit ul .devide{display:block; padding-bottom:16px;}
.insertRecruit ul li .email-txt{gap:5px;}
.insertRecruit ul li p{padding-bottom:12px; letter-spacing:-0.03em;}
.insertRecruit ul li input{height:50px; padding:0 16px;}
.insertRecruit ul li .date{width:100%; color:#222;}
.insertRecruit ul li .always div{display:flex; margin-top:5px; align-items:center; gap:5px;}
.insertRecruit ul li .address-m div{width:100%; display:flex; gap:5px; align-items:center; margin-bottom:5px;}
.insertRecruit ul li .btn_search{display:block; width:40%; height:50px; margin-right:0;}

.insertRecruit ul li textarea{height:100px;}
/*************사업제휴****************/
.businessAsk ul li:not(:first-child){margin-top:16px;}
.businessAsk ul li:last-child{padding-bottom:16px;}

.apply_btn{margin-top:32px;}

/*************강사지원****************/
.wrap-popup .trecruit .inquiry-item{padding-bottom:0;}

.part-wrap .part{display:block;}
.part-wrap .part .img-wrap{height:180px; margin-bottom:20px;}
.part-wrap .part .txt-wrap img{margin-bottom:12px;}
.part-wrap .part h3{font-size:26px; margin-bottom:16px;}
.part-wrap .part:first-child .txt-wrap img{width:132px;}
.part-wrap .part:nth-child(2) .txt-wrap img{width:103px;}
.part-wrap .part:last-child .txt-wrap img{width:165px;}
.part-wrap .part .txt-wrap .txt-title{font-size:16px; font-family:"PretendardSB";}
.part-wrap .part:not(:nth-child(2)) .txt-wrap p{font-family:"PretendardL"; padding-right:0;}
.part-wrap .part .img-wrap{border-radius:16px;}

.nopadding{padding:0;}
.employment_tab{display:block; margin-bottom:24px;}
.employment_tab li{font-size:17px; font-family:"PretendardSB";}
.tabcontent_employment div .employment_box{display:block;}
.tabcontent_employment div .employment_box li{padding:16px 20px;}
.tabcontent_employment div .employment_box li:not(:last-child){margin-bottom:10px;}
.tabcontent_employment div .employment_box li .content_title{gap:10px;}
.tabcontent_employment div .employment_box li .content_title p{font-size:16px;}
.tabcontent_employment div .employment_box li dl dd{letter-spacing: var(--letter-spacing);}
.tabcontent_employment div table caption{text-align:left; font-size:18px; font-family:"PretendardB"; padding-bottom:16px; border-bottom:2px solid #D6D9E6;}
.tabcontent_employment div table tr{border-bottom:0;}
.tabcontent_employment div table tbody tr:not(.noBottomLine) .content-m{border-bottom: 2px solid #D6D9E6; padding-bottom:32px;}
.tabcontent_employment div table tbody tr:not(.noBottomLine) .thin{border-bottom: 1px solid #D6D9E6;}
.tabcontent_employment div table tbody tr .content-m div{border-bottom:1px solid #E8EBF0; margin-bottom:16px; display:flex; justify-content:space-between; padding-bottom:16px; font-size:15px; font-family:"PretendardR";}
.tabcontent_employment div table tbody tr .content-m div p:first-child{font-family:"PretendardSB"; font-size:16px;}
.tabcontent_employment div table tbody tr .content-m dl{text-align:left;}
.tabcontent_employment div table tbody tr .content-m dl:not(:last-of-type){margin-bottom:16px;}
.tabcontent_employment div table tbody tr .content-m dl dt{font-family:"PretendardSB"; margin-bottom:4px;}
.tabcontent_employment div table tbody tr .content-m dl dd{line-height:1.5; padding-left:8px; position:relative;}
.tabcontent_employment div table tbody tr .content-m dl dd:before{content:'·'; disply:inline-block; position:absolute; left:0;}
.tabcontent_employment div table tbody tr .content-m dl dd span{display:block; color:#4d5762; font-size:14px; font-family:"PretendardR";}
.tabcontent_employment div table tbody .noBottomLine td{padding-bottom:0;}

.employment_process_title{font-size:18px; font-family:"PretendardB"; margin-bottom:16px;}
.tabcontent_employment .employment_process{display:block; padding:16px 20px;}
.tabcontent_employment .employment_process p{font-size:17px; margin-bottom:4px;}
.tabcontent_employment .employment_process ul li{letter-spacing:-0.07em;}
.tabcontent_employment .employment_process ul li span{display:block;}

.tabcontent_employment .employment_ncs{display:block; border-bottom:0; padding-bottom:0;}
.tabcontent_employment .employment_ncs div{padding:28px 20px 16px 20px; margin-bottom:20px;}
.tabcontent_employment .employment_ncs div:before{height:12px;}
.tabcontent_employment .employment_ncs div .ncs-title dt{font-size:17px;}
.tabcontent_employment .employment_ncs div dl dt{font-size:16px; letter-spacing:-0.05em;}
.tabcontent_employment .employment_ncs div dl dd{font-family:"PretendardR";}

.tabcontent_employment .employment_plus{display:block;}
.tabcontent_employment .employment_plus h3{font-size:24px; font-family:"PretendardEB"; margin-bottom:28px;}
.tabcontent_employment .employment_plus>ul{grid-template-columns:repeat(2, 1fr); gap:10px;}
.tabcontent_employment .employment_plus>ul>li{height:165px; border-radius:14px; justify-content:initial; padding-top:32px;}
.tabcontent_employment .employment_plus>ul>li p{font-size:16px;}
.tabcontent_employment .employment_plus>ul>li p span{font-size:13px;}

.tabcontent_employment .required{font-size:13px; font-family:"PretendardR";}

.hire-container{padding:60px 0;}
.hire-wrap{display:block;}
.hire-wrap .notice-box{width:100%;}
.hire-wrap .notice-box h2{font-size:25px;}
.hire-wrap .notice-box dl{max-width:100%; margin-bottom:16px; padding:16px 20px;}
.hire-wrap .step-box{width:100%; gap:10px;}
.hire-wrap .step-box div{border-radius:14px; height:122px;}
.hire-wrap .step-box div:not(:last-child):after{display:none;}
.hire-wrap .notice-box dl dt{font-size:16px; font-family:"PretendardSB";}
.hire-wrap .step-box div p{font-size:17px;}
.hire-wrap .step-box div p span{font-size:14px; margin-bottom:10px;}

.welfare-wrap div{height:180px; border-radius:14px;}
.welfare-wrap div p{font-size:17px;}
.welfare-wrap div span{font-size:14px;}


.facility-wrap{grid-template-columns:repeat(2, 1fr);}
.facility-wrap div{height:205px; border-radius:14px;}
.facility-wrap div:nth-child(3){grid-column:initial;}
.facility-wrap div:nth-child(9){grid-column:initial;}
.facility-wrap div img{width:100%; height:100%;}
}