@charset 'utf-8';

/* Career Search and Filter Styles */

/* Career Search */
.career-search{margin-top:20px;}
.career-search .field{display:inline-block;width:100%;height:50px;padding:0 50px 0 0;box-sizing:border-box}
.career-search .field.active{}
.career-search .ip-icon-apply-career-search:before{background:url(../../../images/apply/list/search.svg) 30% 50% no-repeat;}
.career-search .field::before{}
.career-search .field::after{}
.career-search .field .i-text{display:block;width:100%;height:100%;font-size:16px;border:0;background-color:transparent;z-index:3;color:var(--text400, #777);caret-color:var(--text400, #777);}
.career-search .field .i-text::-webkit-input-placeholder{color:var(--text400, #777);font-size:1rem;font-weight:400;}
.career-search .field .i-text::-moz-placeholder{color:var(--text400, #777);font-size:1rem;font-weight:400;}
.career-search .field .i-text:-ms-input-placeholder{color:var(--text400, #777);font-size:1rem;font-weight:400;}
.career-search .field .i-text:-moz-placeholder{color:var(--text400, #777);font-size:1rem;font-weight:400;}
.career-search .field.active .choose{display:block;}
.career-search .choose{display:none;position:absolute;top:100%;left:0;width:100%;max-height:300px;border:1px solid #222;background-color:#fff;overflow:auto;z-index:90;}
.career-search .choose a{display:block;padding:8px 20px;height:36px;font-size:14px;line-height:20px;color:#555;}
.career-search .choose a:hover,
.career-search .choose .active a{color:#222;background-color:#e9e6df;}
.career-search .field > .btn-search{display:block;position:absolute;top:4px;right:0;padding:11px 10px 10px;width:42px;height:42px;border:0;background-color:transparent;z-index:3;}
.career-search .field.active,
.career-search .field:hover{-webkit-box-shadow:2px 7px 15px rgba(0,0,0,0);box-shadow:2px 7px 15px rgba(0,0,0,0);}
.career-search .field.active::after,
.career-search .field:hover::after{opacity:1;}

.apply-search-divider {
    border: 1px solid var(--gray300, #5D5D5D);
    height: 2px;
}

/* Career Filter */
.career-filter{position:relative;margin-block:20px 60px;}
.career-filter > .title{margin-bottom:12px;font-size:24px;font-weight:700;line-height:30px;color:#222;}
.career-filter > .selection{padding-top:16px;border-bottom:1px solid #bdc3c7;padding-bottom: 5px;}
.career-filter > .selection:last-child{border-bottom: none;}
.career-filter > .selection + .selection{margin-top:0;}
.career-filter .selection-title{font-size:1rem;font-weight:600;line-height:26px;letter-spacing:-.025em;}
.career-filter .selection-list::after{content:'';display:block;clear:both;}
.career-filter .selection-list > li{float:left;width:100%;padding:2px 0;}
/* .career-filter .selection:first-of-type .selection-list > li{width:50%;} */
.career-filter .selection:first-of-type .selection-list > li:first-child{width:100%;}
.career-filter .selection-list > li.half{padding:2px 0;}
.career-filter > .selection:last-child .selection-list > li:last-child{padding-bottom:0;}
.career-filter label.i-checkbox .ip-icon-checkbox{margin-right:10px;}
.career-filter .btn-lower-toggle{display:inline-block;margin-left:12px;padding:10px;width:22px;height:22px;vertical-align:middle;border-radius:50%;background-color:#bdc3c7;}
.career-filter .btn-lower-toggle > .icon{display:block;position:relative;width:2px;height:2px;background-color:#fff;}
.career-filter .btn-lower-toggle > .icon::before{content:'';display:block;position:absolute;top:-4px;left:0;width:2px;height:10px;background-color:inherit;}
.career-filter .btn-lower-toggle > .icon::after{content:'';display:block;position:absolute;top:0;left:-4px;width:10px;height:2px;background-color:inherit;}
.career-filter .btn-lower-toggle.active > .icon::before{display:none;}
.career-filter .btn-reset{display:none;position:absolute;top:5px;right:0;}

/* Selection Lists */
.selection-list-dep2{display:none;padding-top:5px;padding-left:20px;box-sizing:border-box;}

/* Brand Communication Panel */
/*
// NOTE: 채용 공고 상세 페이지의 우하단 하드코딩 배너 css. 미사용 예정이므로 프로젝트 종료 후 코드 삭제 필요
.brand-communication > .panel{display:block;padding:24px 20px;width:260px;height:160px;color:#fff;background-repeat:no-repeat;background-position:0 0;background-image:url(../../../images/bg-brand-communication.jpg);}
.brand-communication > .panel dt{font-size:22px;font-weight:700;line-height:34px;letter-spacing:-.025em;}
.brand-communication > .panel dd{font-size:14px;line-height:22px;letter-spacing:-.025em;}
*/

/* Main Career Search (on main page) */
.main-career .career-search{float:left;margin-top:0;width:420px;}
.main-career .career-search .title{margin:-6px 0 30px;font-size:22px;font-weight:400;line-height:32px;color:#fff;text-align:left;}
.main-career .career-search .field{padding:4px 60px 4px 30px;width:420px;height:64px;background-color:#fff;-webkit-box-shadow:4px 15px 29px rgba(0,0,0,0);box-shadow:4px 15px 29px rgba(0,0,0,0);-webkit-transition:-webkit-box-shadow 250ms;transition:box-shadow 250ms;}
.main-career .career-search .field::before{content:'';display:block;position:absolute;top:0;left:0;width:420px;height:64px;border-bottom:1px solid #d1d1d1;z-index:1;}
.main-career .career-search .field::after{content:'';display:block;position:absolute;top:0;left:0;width:420px;height:64px;border-bottom:1px solid #d1d1d1;opacity:0;z-index:2;-webkit-transition:250ms;transition:250ms;}
.main-career .career-search .field .i-text{display:block;width:100%;height:100%;font-size:18px;border:0;background-color:transparent;z-index:3;}
.main-career .career-search .field .i-text::-webkit-input-placeholder{color:#999;font-weight:500;}
.main-career .career-search .field .i-text::-moz-placeholder{color:#999;font-weight:500;}
.main-career .career-search .field .i-text:-ms-input-placeholder{color:#999;font-weight:500;}
.main-career .career-search .field .i-text:-moz-placeholder{color:#999;font-weight:500;}
.main-career .career-search .field .btn-search{display:block;position:absolute;top:2px;right:12px;padding:19px 18px 17px;width:60px;height:60px;border:0;background-color:transparent;z-index:3;}
.main-career .career-search .field.active,
.main-career .career-search .field:hover{-webkit-box-shadow:4px 15px 29px rgba(0,0,0,.4);box-shadow:4px 15px 29px rgba(0,0,0,.4);}
.main-career .career-search .field.active::after,
.main-career .career-search .field:hover::after{opacity:1;}

/* Main Simple Career Search */
.main-simple-career .field{margin:12vh auto 0;padding:2px 70px 2px 30px;width:580px;height:64px;background-color:#fff;-webkit-box-shadow:4px 15px 29px rgba(0,0,0,0);box-shadow:4px 15px 29px rgba(0,0,0,0);-webkit-transition:-webkit-box-shadow 250ms;transition:box-shadow 250ms;}
.main-simple-career .field::before{content:'';display:block;position:absolute;top:0;left:0;width:580px;height:64px;border:1px solid #d1d1d1;z-index:1;}
.main-simple-career .field::after{content:'';display:block;position:absolute;top:-2px;left:-2px;width:584px;height:68px;border:4px solid #003569;opacity:0;z-index:2;-webkit-transition:250ms;transition:250ms;}
.main-simple-career .field .i-text{display:block;width:100%;height:100%;font-size:18px;border:0;background-color:transparent;z-index:3;color:#222;}
.main-simple-career .field .i-text::-webkit-input-placeholder{color:#fff;}
.main-simple-career .field .i-text::-moz-placeholder{color:#fff;}
.main-simple-career .field .i-text:-ms-input-placeholder{color:#fff;}
.main-simple-career .field .i-text:-moz-placeholder{color:#fff;}
.main-simple-career .field .btn-search{display:block;position:absolute;top:2px;right:12px;padding:19px 18px 17px;width:60px;height:60px;border:0;background-color:transparent;z-index:3;}
.main-simple-career .field.active,
.main-simple-career .field:hover{-webkit-box-shadow:4px 15px 29px rgba(0,0,0,.4);box-shadow:4px 15px 29px rgba(0,0,0,.4);}
.main-simple-career .field.active::after,
.main-simple-career .field:hover::after{opacity:1;}
.main-simple-career .field .btn-search [class*="ip-icon-"]{display:block;}


.apply-section .selection-list label.i-checkbox .text{
    color: #222;
    font-size: 14px;
}