@charset "utf-8";

/*
 * File    : rwd-recruit.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 입사지원 — 반응형
 */

@media (max-width: 1023px) {
/* RECRUIT */
.recruit {padding: 0 0 120px;}

.recruit_txt {width: 100%;margin-bottom: 35px;}

.recruit_header_title {margin-top: 0;}

.recruit_illust {width: 100%;text-align: center;}

.recruit_illust #animation_container {margin: 0 auto;}

/* CreateJS 캔버스(415×343 고정) 를 컨테이너 폭에 맞춰 비례 축소.
   #animation_container 는 절대배치 캔버스만 담아 height:auto 가 0 이 됨 → aspect-ratio 로 높이 유도.
   Adobe 익스포트가 인라인 style(width/height) 을 박아 !important 로 오버라이드. */
.recruit_illust #animation_container {position: relative;width: 100% !important;max-width: 415px;height: auto !important;aspect-ratio: 415 / 343;}

.recruit_illust #canvas,
.recruit_illust #dom_overlay_container {width: 100% !important;height: 100% !important;}
}

@media (max-width: 940px) {
/* RECRUIT */
.recruit_form_listitem_category .recruit_form_field > li {width: 18%;}

.recruit_form_listitem_category .recruit_form_field > li:nth-child(3) {width: 21%;}

.recruit_form_listitem_category .recruit_form_field > li:nth-child(4) {width: 21%;}

.recruit_form_listitem_category .recruit_form_field > li:nth-child(5) {width: 22%;}
}

@media (max-width: 768px) {
/* RECRUIT */
.recruit_header {padding-bottom: 40px;}

.recruit_header_description, .recruit_header_description_email {font-weight: 400;}
}

@media (max-width: 767px) {
/* RECRUIT */
.recruit {padding: 0 0 15%;}

.recruit_header { padding-bottom: 6%; }

.recruit_header_title { margin-left: 0;font-size: 24px; }

.recruit_header_description, .recruit_header_description_email { line-height: 2; }

.recruit_form_list {border-width: 2px 0;}

.recruit_form_listitem {padding: 5% 0;}

.recruit_form_title {margin-bottom: 20px;}

.recruit_form_content {margin: 0;}

.recruit_form_listitem_category .jt_label {padding: 0 0 0 25px;}

.recruit_form_listitem_category .recruit_form_field > li {padding: 0;}

.recruit_form_listitem_category .recruit_form_field > li ,
    .recruit_form_listitem_category .recruit_form_field > li:nth-child(3), 
    .recruit_form_listitem_category .recruit_form_field > li:nth-child(4), 
    .recruit_form_listitem_category .recruit_form_field > li:nth-child(5){width: 50%;margin-top: 10px;}

.recruit_form_listitem_category .recruit_form_field > li:first-child, .recruit_form_listitem_category .recruit_form_field > li:first-child + li {margin-top: 0;}

.recruit_form_field > li.recruit_form_field_half {width: 100%;}

.recruit_form_field > li.recruit_form_field_name, .recruit_form_field > li.recruit_form_field_email {padding-right: 0;}

.recruit_form_field > li.recruit_form_field_tel, .recruit_form_field > li.recruit_form_field_date {padding-left: 0;}

.recruit_form_field > li, .recruit_form_field > li.recruit_form_field_tel {margin-top: 20px;}
}

@media (max-width: 540px) {
/* RECRUIT */
.recruit_form_header {margin-bottom: 18px;}

.recruit_form_header .recruit_form_title {display: block;margin-bottom: 6px;}

.recruit_form_header .recruit_form_required_text {display: block;}
}

@media (max-width: 480px) {
/* RECRUIT */
.recruit {padding: 0 0 23%;}

.recruit_header {padding-bottom: 30px;}

.recruit_middle_br {display: none;}

.recruit_form_listitem {padding: 20px 0 25px;}
}