@charset 'utf-8';

/* Apply Section Styles */

/* Order Radio Group */
.order-radio-group {
    display: flex;
    align-items: center;
    gap: 24px;
}

.radio-option {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 16px;
    color: #555;
}

.radio-option input[type="radio"] {
    display: none;
}

.radio-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('/static/global/images/apply/list/radio-button-unchecked.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.radio-option input[type="radio"]:checked + .radio-icon {
    background-image: url('/static/global/images/apply/list/radio-button-checked.svg');
}

.radio-text {
    font-size: 16px;
    line-height: 1.2;
    color: #555;
}

.radio-option input[type="radio"]:checked ~ .radio-text {
    color: #222;
    font-weight: 500;
}

/* Apply Section Required Fields */
.apply-section .entry-section .required:after{display:inline-block;content:'*';margin-left:5px;color:#f05a34;font-size:18px;font-weight:700;}
.apply-section .entry-section .field-title.required:after{display:inline-block;content:'*';margin-left:5px;color:#f05a34;font-size:14px;font-weight:400;}

/* Apply Register Panel */
.apply-register > .panel{display:block;width:280px;height:170px;background-repeat:no-repeat;background-position:0 0;background-size: 280px 170px;background-image:url(../../../images/apply/list/apply-register.png);}
.apply-register > .panel dt{font-size:22px;font-weight:700;line-height:34px;}
.apply-register > .panel dd{font-size:14px;line-height:22px;}

/* Apply List */
.apply-list{border-top:2px solid #222;}
.apply-list > li{position:relative;border-bottom:1px solid #bdc3c7;}
.apply-list .panel{display:block;padding:24px 16px;background-color:#fff;z-index:1;box-sizing:border-box;}
.apply-list .panel > .apply-company-name{display:inline-block;font-size:0.875rem;font-weight:700;color:var(--text200, #222);vertical-align:middle;}
.apply-list .panel > .apply-company-name::after{content:'';display:inline-block;margin:0 2px 0 8px;width:1px;height:12px;vertical-align:middle;background-color:#bdc3c7;}
.apply-list .panel > .career{display:inline-block;font-size:0.875rem;font-weight:400;line-height:26px;color:var(--text200, #222);vertical-align:middle;}
.apply-list .panel > .career::after{content:'';display:inline-block;margin:0 2px 0 6px;width:1px;height:12px;vertical-align:middle;background-color:#bdc3c7;}
.apply-list .panel > .field{display:inline-block;font-size:0.875rem;font-weight:400;line-height:26px;color:var(--text400, #777);vertical-align:middle;white-space:nowrap;}
.apply-list .panel > .subject{
    display:block;
    margin:8px 0 22px;
    font-size:22px;
    font-weight:500;
    line-height:1.4;

    color:#222;
}
.apply-list .panel > .hashtag{position:relative;z-index:2;font-size:0;line-height:1;font-size:0;cursor:default;}
.apply-list .panel > .hashtag > li{display:inline-block;margin-right:5px;margin-bottom:5px;vertical-align:top;}
.apply-list .panel > .hashtag .hash{display:block;padding:0 10px;background-color:#E5E6EB;font-size:14px;line-height:26px;color:#999;text-align:center;vertical-align:top;white-space:nowrap;cursor:pointer;}
.apply-list .panel > .hashtag .hash::before{content:'#';}
.apply-list .panel > .hashtag .hash:hover{border-color:#C0C2CE ;}
.apply-list .panel > .hashtag .hash.active{color:#222;background-color:#C0C2CE;}
.apply-list .panel > .date{line-height:100%;color:#555;}
.apply-list .panel > .date .d-day-count{
    margin-right:15px;
    color:var(--nc-blue1);
    vertical-align:middle;
    text-transform:uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
}
.apply-list .panel > .date .ip-icon-date{display:none;}
.apply-list .panel > .date.finally .d-day-count{display:none;color:var(--nc-blue1);}
.apply-list .panel > .date .term{vertical-align:middle;font-size:14px;line-height:16px;}
.apply-list li:hover .panel{background-color:#f6f6f6;}
.apply-list .btn-bookmark{right:36px;top:52.5%;margin-top:-17px;width:24px;height:24px;}

/* Apply Progress */
.apply-progress{margin-top:20px;}
.apply-progress > .icon{display:block;margin:0 auto;width:50px;height:50px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-image:url(../../../images/loading.gif);}

/* Apply Info */
.apply-info > .inner{margin-bottom:-1px;padding:19px 19px 16px;line-height:1em;border:1px solid #bdc3c7;background-color:#fff;}
.apply-info > .btn-import{display:block;padding:7px;font-size:14px;line-height:24px;color:#999;text-align:center;border:1px solid #bdc3c7;background-color:#fff;}
.apply-info > .btn-career-import{display:block;padding:7px;font-size:14px;line-height:24px;color:#999;text-align:center;border:1px solid #bdc3c7;border-top: 1px solid #bdc3c7;background-color:#fff;}
.apply-info .utils{margin-bottom:15px;}
.apply-info .utils::after{content:'';display:block;clear:both;}
.apply-info .utils .btn-back{display:block;float:right;}
.apply-info .utils .btn-back [class*="ip-icon-"]{display:block;}
.apply-info .utils .state{float:left;padding-top:2px;font-size:12px;font-weight:400;line-height:20px;color:#555;white-space:nowrap;border-bottom:1px solid #555;}
.apply-info .career{display:inline-block;margin-top:5px;font-size:12px;font-weight:700;line-height:20px;color:var(--text200);vertical-align:top;}
.apply-info .career.new{color:#5f62bf;}
.apply-info .career::after{content:'';display:inline-block;margin:5px 3px 0 8px;width:1px;height:12px;vertical-align:top;background-color:#bdc3c7;}
.apply-info .field{display:inline-block;margin-top:5px;font-size:12px;line-height:20px;color:#222;vertical-align:top;white-space:nowrap;}
.apply-info .subject{display:block;margin-top:10px;font-size:18px;font-weight:700;line-height:26px;color:#222;}
.apply-info .hashtag{position:relative;margin:8px -3px 0;z-index:2;font-size:0;}
.apply-info .hashtag::after{content:'';display:block;clear:both;}
.apply-info .hashtag > li{display:inline-block;padding:3px 2px 2px 3px;}
.apply-info .hashtag .hash{display:block;margin-right:5px;font-size:12px;line-height:1;color:#999;text-align:center;vertical-align:top;white-space:nowrap;cursor:pointer;}
.apply-info .hashtag .hash::before{content:'#';}
.apply-info .hashtag .hash:hover{border-color:#ad8c68 ;}
.apply-info .hashtag .hash.active{color:#222;}
.apply-info .date{margin-top:9px;font-size:12px;line-height:20px;color:#555;}
.apply-info .date [class*="ip-icon-"]{display:none;vertical-align:sub;}
.apply-info .date .d-day-count{margin-right:16px;font-size:14px;font-weight:700;color:#222;vertical-align:top;}
.apply-info .date.finally .d-day-count{color:var(--nc-blue1);}
.apply-info .date .term{vertical-align:top;}

/* Apply Detail Header */
.apply-detail-header{position:absolute;top:0;left:0;width:100%;min-width:1300px;border-bottom:1px solid #bdc3c7;background-color:#f6f6f6;z-index:990;}
.apply-detail-header.fixed{position:fixed;top:61px;}
.apply-detail-header > .inner{display:block;position:relative;margin:0 auto;padding:25px 310px 25px 70px;width:1100px;}
.apply-detail-header > .inner.outerApplyView{padding-right:400px;}
.apply-detail-header > .inner .btn-go2back{position:absolute;top:55px;left:0;}
.apply-detail-header .career{display:inline-block;font-size:16px;font-weight:500;line-height:24px;color:var(--nc-blue1);vertical-align:top;}
.apply-detail-header .career.new{color:#5f62bf;}
.apply-detail-header .career::after{content:'';display:inline-block;margin:7px 3px 0 8px;width:1px;height:12px;vertical-align:top;background-color:#bdc3c7;}
.apply-detail-header .field{display:inline-block;font-size:16px;line-height:24px;color:#555;vertical-align:top;white-space:nowrap;}
.apply-detail-header .subject{display:block;margin-top:7px;font-size:24px;font-weight:700;line-height:36px;color:#222;}
.apply-detail-header .result{margin-top:8px;font-size:16px;line-height:24px;color:var(--nc-blue1);}
.apply-detail-header .date{margin-top:8px;font-size:16px;line-height:24px;color:#555;}
.apply-detail-header .date .d-day-count{display:inline-block;margin:0 6px 0 3px;font-size:16px;font-weight:700;line-height:24px;color:#222;vertical-align:top;}
.apply-detail-header .date .ip-icon-date{display:none;}
.apply-detail-header .date.finally .d-day-count{color:var(--nc-blue1);}
.apply-detail-header .date .term{vertical-align:top;}
.apply-detail-header .utils::after{content:'';display:block;clear:both;}
.apply-detail-header .utils .btn-bookmark{float:right;position:absolute;top:auto;right:50px;bottom:0;width:40px;height:40px;background-color:#fff;border:1px solid #bdc3c7;box-sizing:border-box;}
.apply-detail-header .utils .btn-bookmark .ip-icon-bookmark:before{width:38px;height:38px;background:url(../../../images/sub/icon-bookmark.png) 50% 50% no-repeat;}
.apply-detail-header .utils .btn-bookmark .ip-icon-bookmark:after{width:38px;height:38px;background:url(../../../images/sub/icon-bookmark-active.png) 50% 50% no-repeat;}
.apply-detail-header .utils{position:absolute;top:0;right:0;padding-top:80px;width:260px;}
.apply-detail-header .inner.outerApplyView .utils{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:380px;}
.apply-detail-header .inner.outerApplyView .utils .btn-bookmark{float:unset;position:relative;top:unset;right:unset;bottom:unset;margin-left:10px;}
.apply-detail-header .inner.outerApplyView .utils .btn-apply{margin-left:10px;}
.apply-detail-header .utils .btn-apply{display:block;float:left;padding:8px;width:160px;height:40px;font-size:16px;line-height:24px;color:#fff;text-align:center;background-color:var(--nc-blue1);}
.apply-detail-header .utils .btn-apply [class*="ip-icon-"]{margin-left:6px;padding:4px 0;vertical-align:top;}
.apply-detail-header .right .btn-apply{display:inline-block;margin: 0 auto;padding:8px;width:160px;height:40px;font-size:16px;line-height:24px;color:#fff;text-align:center;background-color:var(--nc-blue1);}
.apply-detail-header .right .btn-apply [class*="ip-icon-"]{margin-left:6px;padding:4px 0;vertical-align:top;}
.apply-detail-header .utils .btn-onlineCs{display:block;padding:8px;width:160px;height:40px;font-size:16px;line-height:24px;color:#fff;text-align:center;background-color:var(--nc-blue1);}
.apply-detail-header .utils .btn-onlineCs [class*="ip-icon-"]{margin-left:6px;padding:4px 0;vertical-align:top;}
.apply-detail-header .share-group{float:right;}
.apply-detail-header .share-group .btn-share{display:block;padding:10px 11px;width:40px;height:40px;border:1px solid #bdc3c7;background-color:#fff;}
.apply-detail-header .right{position:absolute;bottom: 30px;right:20px;padding:0;width:auto;text-align: center;}
.apply-detail-header .right .right_txt{font-size: 20px; margin-right: 5px;}
.apply-detail-header .right::after{content:'';display:block;clear:both;}
.apply-detail-header .right .btn-bookmark{float:right;position:absolute;top:auto;right:50px;bottom:0;width:40px;height:40px;background-color:#fff;border:1px solid #bdc3c7;box-sizing:border-box;}
.apply-detail-header .right .btn-bookmark .ip-icon-bookmark:before{width:38px;height:38px;background:url(../../../images/sub/icon-bookmark.png) 50% 50% no-repeat;}
.apply-detail-header .right .btn-bookmark .ip-icon-bookmark:after{width:38px;height:38px;background:url(../../../images/sub/icon-bookmark-active.png) 50% 50% no-repeat;}

/* Apply Entry List */
.apply-entry-list{margin-top:20px;}
.apply-entry-list .row{border-top:1px solid #bdc3c7;}
.apply-entry-list .row:first-child{border-top:0;}
.apply-entry-list .row.active{border-top-width:0;}
.apply-entry-list .row.active + .row{border-top-width:0;}
.apply-entry-list .row:last-child{border-bottom:1px solid #bdc3c7;}
.apply-entry-list .row.active:last-child{border-bottom-width:0;}
.apply-entry-list .title > a{display:block;position:relative;height:50px;}
.apply-entry-list .title .ip-icon-step{display:block;position:absolute;top:0;left:0;padding:15px;width:50px;height:50px;}
.apply-entry-list .title .ip-icon-step::before{width:20px;height:20px;background-position:-320px -40px;}
.apply-entry-list .title .ip-icon-step-dropdown{display:block;position:absolute;top:0;right:0;padding:21px 0 0 18px;width:50px;height:50px;}
.apply-entry-list .title .ip-icon-step-dropdown::after{display:none;}
.apply-entry-list .title .text{display:block;padding:13px 14px;font-size:1rem;font-weight:600;line-height:24px;color:var(--text200);}
.apply-entry-list .description{display:none;padding:16px 16px 14px 19px;font-size:12px;line-height:22px;color:#555;background-color:#f6f6f6;}
.apply-entry-list .error .title .text{color:var(--nc-blue1);}
.apply-entry-list .error .title .text::after{content:'';display:inline-block;margin-left:5px;width:20px;height:18px;vertical-align:-2px;background-repeat:no-repeat;background-image:url(../../../images/icon-pack.png);background-position:-400px -200px;}
.apply-entry-list .error .title .ip-icon-step::before{background-position:-360px -80px;}
.apply-entry-list .complete .title .ip-icon-step::before{background-position:-360px -40px;}
.apply-entry-list .active .title a{background-color:var(--nc-blue1);}
.apply-entry-list .active .title .text{color:var(--text600);}
.apply-entry-list .active .title .text::after{display:none;}
.apply-entry-list .active .title .ip-icon-step-dropdown::before{display:none;}
.apply-entry-list .active .title .ip-icon-step-dropdown::after{display:block;}
.apply-entry-list .active .title .ip-icon-step::before{background-position:-320px -80px;}
.apply-entry-list .active .description{display:block;}
.apply-entry-list .error.active .title .text::after{display:inline-block;}

/* Apply Detail Section */
#container > .inner.apply-detail-section{margin-top:120px;}
.apply-detail-section .contents{display:block;padding:3px 38px 157px 40px;background-color:#fff;}
.apply-detail-section .hashtag{position:relative;margin:-3px -3px 22px;z-index:2;font-size:0;}
.apply-detail-section .hashtag::after{content:'';display:block;clear:both;}
.apply-detail-section .hashtag > li{display:inline-block;padding:3px 2px 2px 3px;}
.apply-detail-section .hashtag .hash{display:block;margin-right:5px;font-size:16px;line-height:1;color:#999;text-align:center;vertical-align:top;white-space:nowrap;cursor:pointer;line-height:1;}
.apply-detail-section .hashtag .hash::before{content:'#';}
.apply-detail-section .hashtag .hash:hover{border-color:#ad8c68 ;}
.apply-detail-section .hashtag .hash.active{color:#222;}
.apply-detail-section .display + .display{margin-top:36px;}
.apply-detail-section .contents-title{position:relative;padding-left:15px;font-size:18px;font-weight:500;line-height:30px;color:#222;}
.apply-detail-section .contents-title::before{content:'';display:block;position:absolute;top:8px;left:0;width:8px;height:14px;vertical-align:middle;background-repeat:no-repeat;background-image:url(../../../images/icon-pack.png);background-position:-440px 0;}
.apply-detail-section .display > .inner{margin-top:5px;padding:0 0 0 15px;font-size:15px;line-height:24px;color:#555;}
.apply-detail-section .display > .inner .text{}
.apply-detail-section .display .contents-list > li{padding-left:10px;}
.apply-detail-section .display .contents-list > li + li{margin-top:6px;}
.apply-detail-section .display .contents-list > li::before{content:'';display:block;position:absolute;top:12px;left:2px;width:2px;height:2px;border-radius:50%;background-color:#555;}
.apply-detail-section .display .contents-list-help > li{padding-left:10px;}
.apply-detail-section .display .contents-list-help > li + li{margin-top:6px;}
.apply-detail-section .display .contents-list-help > li::before{content:'';display:none;position:absolute;top:12px;left:2px;width:2px;height:2px;border-radius:50%;background-color:#555;}
.apply-detail-section .display .sub-list{margin-top:2px;padding-bottom:7px;}
.apply-detail-section .display .sub-list > li{position:relative;padding-left:14px;}
.apply-detail-section .display .sub-list > li::before{content:'';display:block;position:absolute;top:12px;left:6px;width:4px;height:1px;background-color:#555;}
.apply-detail-section .display .sub-list-help{margin-top:2px;padding-bottom:7px;}
.apply-detail-section .display .sub-list-help > li{position:relative;padding-left:14px;}
.apply-detail-section .display .sub-list-help > li::before{display:block;position:absolute;top:12px;left:6px;width:4px;height:1px;background-color:#555;}

/* Apply Status and Interest Lists */
.apply-status{margin-top:20px;}
.apply-status .apply-list .panel > .career.new{color:#5f62bf;}
.apply-interest{margin-top:20px;}
.apply-interest .apply-list .panel > .career.new{color:#5f62bf;}