/* 자율모집 팝업 */
.recruitment_pop { padding-top:10px; height:auto; } 
.recruitment_pop .lp_top { margin-bottom:1rem; } 
.recruitment_pop .lp_top strong { background:none; font-size:1.6rem;color:#004791; padding:0;font-family:"Gmarket Sans";font-weight:700;margin-bottom:0;line-height:100%;}
.recruitment_pop .lp_top strong em:first-of-type { font-size:1.75rem;font-style:italic; } 
.recruitment_pop .lp_top strong em:nth-of-type(2) { color:#da2953; } 
.recruitment_pop .lp_top { position:relative; } 
.recruitment_pop .lp_top .date { position:absolute;top:50%;right:100px;transform:translateY(-50%);padding:.25rem 2rem;border:1px solid #aeaeae; border-radius:5rem; font-size:1rem;color:#aeaeae;font-weight:500; } 

.recruitment_pop .lp_cont { height:auto;overflow:hidden; }
.recruitment_pop .lp_cont .recruitment_list { overflow:hidden;margin:-.25rem; } 
.recruitment_pop .lp_cont .recruitment_list li { width:calc(16.666% - .5rem);float:left;margin:.25rem; } 
.recruitment_pop .lp_cont .recruitment_list li a { height:3.5rem;display:table; background:#004791;width:100%; position:relative;}
.recruitment_pop .lp_cont .recruitment_list li a div { display:table-cell;color:#fff;vertical-align: middle;padding:0 1rem; overflow:hidden;position:relative; } 
.recruitment_pop .lp_cont .recruitment_list li a div span { font-size:.85rem;letter-spacing:-.15rem;} 
.recruitment_pop .lp_cont .recruitment_list li a div em { position:absolute;top:50%;right:1rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:#fffc21;font-style:italic;;font-family:"Gmarket Sans";font-weight:500; }

.recruitment_pop .lp_bot { margin-top:1rem; position:relative; } 
.recruitment_pop .lp_bot>span { font-size:1rem;font-family:"Gmarket Sans";font-weight:500;font-style:italic; } 
.recruitment_pop .lp_bot em { float:right;font-size:.8rem; } 


.recruitment_pop .lp_close { top:87%;right:19px; width:auto; height:auto; padding:.25rem .75rem;background:#000; border-radius:0;transform:translateY(-50%);color:#fff;vertical-align: middle; display:block; } 
.recruitment_pop .lp_close span { vertical-align: middle;position:relative; top:auto;left:auto;width:auto;height:auto; } 
.recruitment_pop .lp_close i { font-size:1rem;color:#fff;margin-left:.25rem;vertical-align: middle; } 

.recruitment_pop .lp_cont .recruitment_list li a.end { background:#444444; }
.recruitment_pop .lp_cont .recruitment_list li a.end:before { content:"";width:3rem; height:2.45rem; background:url(/html_new/images/main/recruitment_list_before.png) no-repeat center center/cover; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); z-index:1; } 

.recruitment_pop .lp_cont .recruitment_list li a.end span { color:#ababab; }
.recruitment_pop .lp_cont .recruitment_list li a.end em { color:#ababab; }

@media(max-width:920px){ 
	.recruitment_pop .lp_cont .recruitment_list li { width:calc(20% - 0.5rem); } 
}

@media (max-width:840px){ 
	.recruitment_pop .lp_top .date { position: relative;
    top: auto;
    right: auto;
    transform: none;
    display: inline-block;margin-top:.5rem; } 
}

@media (max-width:767px){ 
	.recruitment_pop .lp_cont .recruitment_list li { width:calc(25% - 0.5rem); } 
}

@media (max-width:640px){ 
	.recruitment_pop { height:100%;overflow-y:auto; } 
	.recruitment_pop .lp_cont .recruitment_list li { width:calc(33.333% - 0.5rem); } 
	.recruitment_pop .lp_top { text-align:center; } 
	.recruitment_pop .lp_top strong em:nth-of-type(2) { display:block;} 
	.recruitment_pop .lp_bot em { float:none;display:block; } 

	.recruitment_pop .lp_bot { text-align:center; padding-right:0; } 
	.recruitment_pop .lp_close { position:relative;right:auto;top:auto;transform:none;width:6rem; margin:2rem auto 0;padding:.5rem .75rem; } 
}

@media (max-width:480px){ 
	.recruitment_pop .lp_cont .recruitment_list li { width:calc(50% - 0.5rem); } 
}

.banner-box {display:flex; line-height:1.3; gap : 24px;}
.banner-box * {line-height:1.3;}
.banner-box-link {flex-shrink:0; width:300px; border-radius:10px; display:flex; flex-direction:column; background:#01CB99; border-radius:10px; text-align:left; font-size:27px; padding:0 33px; justify-content:center; line-height:1.5; position:relative; overflow:hidden;} 
.banner-box-link img {position:absolute;}
.banner-box-link img.bbl1 {width:37%; right:0;bottom:0; }
.banner-box-link img.bbl2 {width:10%; left:9px;top:8px;}
.banner-box-link * {font-family:'yg-jalnan'; line-height:1.45}
.banner-box-link strong {color:#00337A;}
.banner-box-link span {color:#fff;}
.banner-box-refund {flex-grow:1; display:flex; flex-direction:column; background:#FFEA9E; padding:31px; border-radius:10px; letter-spacing : -0.05em}
.banner-box-refund * {font-family:'Gmarket Sans'; }
.banner-box-refund > strong {font-size:28px; font-weight:700; color:#E5593E; text-align:left; margin-bottom:12px;}
.banner-box-refund > ul {display:flex; gap : 20px; justify-content:spacebetween;}
.banner-box-refund > ul > li {flex : auto;  }
.banner-box-refund > ul > li > a {color:#fff; font-size:18px; background:#222; display:flex; width:100%; height:44px; align-items:center; gap: 15px; justify-content:center; border-radius:5px;}
.banner-box-refund > ul > li > a > span {padding-top:4px;}

.banner-box-refund-close * {font-family : 'Pretendard';}
.banner-box-refund-close {flex-direction:row; gap :35px; padding: 24px 24px 24px 30px; letter-spacing : -0.05em}
.banner-box-refund-close > strong {width:161px; font-size:22px; flex-shrink:0; font-family:'Gmarket Sans'; line-height:1.18; margin-bottom:0; word-break:keep-all; display:flex;flex-direction:column;justify-content:space-between;}
.banner-box-refund-close > strong > span {color:#000; font-size:15px;}
.banner-box-refund-close-message {display:flex;flex-direction:column; gap : 7px; flex-grow:1;align-items:flex-start;font-size:17px; font-weight:500;line-height:1.4; text-align:left;}
.banner-box-refund-close-message p { color:#000; margin:0; font-size:17px; font-weight:500;line-height:1.4}
.banner-box-refund-close-message span {background: #D23618; padding:3px 20px; color:#fff;  font-size:17px; font-weight:500;line-height:1.4; border-radius:3px; text-align:center; display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.banner-box-refund-close-message span i {font-style:normal}
.banner-box-refund-close-message strong {color:#00356C; font-size:16px;font-weight:500;line-height:1.4}

.banner-box-images {flex-grow:1; gap:24px; display:flex;}
.banner-box-images a {flex:1; border-radius:10px; overflow:hidden;}
.banner-box-images a img {width:100%;}


@media (max-width:1024px) {
	.banner-box, .banner-box-images {gap : 15px;}
	.banner-box-link {font-size:22px;}
	.banner-box-refund {padding:25px;}
	.banner-box-refund > strong {font-size:22px;}
	.banner-box-refund > ul {gap : 10px;}
	.banner-box-refund > ul > li > a {font-size:16px; gap :7px;}
}
@media (max-width:920px) {
	.banner-box {flex-direction:column;}
	.banner-box-link {width:100%;  height:140px;}
	.banner-box-link img.bbl1 {width:140px;}
	.banner-box-link img.bbl2 {width:30px;}

	.banner-box-refund-close {flex-direction:column; gap : 15px;}
	.banner-box-refund-close > strong {width:100%;}
	.banner-box-refund-close > strong br {display:none;}
}
@media (max-width:587px) {
	.banner-box-refund > ul {flex-direction:column;}
	.banner-box-refund > ul > li > a {padding: 0 20px; justify-content:space-between;}

	.banner-box-refund-close-message p {font-size:16px;}
	.banner-box-refund-close-message span {font-size:16px;}
	
	.banner-box-images {flex-direction:column;}