@charset 'utf-8';

/* Form Components */

/* Select Components */
.select-wrap{position:relative;overflow:hidden;background:url(/static/global/images/nav/icon-select-arrow.png) calc( 100% - 20px ) 50% no-repeat;}
select{font-family:inherit;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;outline:0;cursor:pointer;background:transparent;font-size:13px;}
select::-ms-expand{display:none;}

/* Field Components */
.field-section .row-wrap{margin-bottom:35px;}
.field-section .row-wrap:last-of-type{margin-bottom:0;}
.field-section .row{margin-bottom:20px;font-size:0;}
.field-section .row:last-of-type{margin-bottom:0;}

.field{display:inline-block;position:relative;width:100%;padding-top:20px;vertical-align:top;}
.field.editable{padding-top:0;}
.field.half{width:calc( 50% - 5px );margin-right:10px;}
.field.half:nth-child(2){margin-right:0;}

.field .field-title{position:absolute;top:19px;left:0;width:100%;height:30px;padding:0 10px;font-size:14px;color:#999;letter-spacing:-0.05em;box-sizing:border-box;transition:0.3s;line-height:30px;}
.field input{position:relative;z-index:10;width:100%;height:30px;background-color:transparent;border-width:0;border-bottom:1px solid #bdc3c7;outline:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.field .i-text[type="search"]{position:relative;padding-right:35px;background:url(/static/global/images/sub/icon-search.png) calc( 100% - 10px ) 50% no-repeat;background-size:16px;}
.field .i-date, .field input.i-datepicker, .field .i-calendar{padding-right:35px;background-image:url(/static/global/images/sub/icon-calendar.png);background-position:calc( 100% - 10px ) 50%;background-repeat:no-repeat;background-size:17px;}

.field .i-textarea{height:150px;}
.field .i-textarea.short{height:108px;}
.field .textlength{float:right;margin-top:5px;font-size:12px;color:#222;}
.field .i-file{position:relative;opacity:0;z-index:50;}
.field .file-name{position:absolute;left:0;top:20px;width:100%;height:30px;padding:0 35px 0 10px;background:transparent url(/static/global/images/sub/icon-file.png) calc( 100% - 10px ) 50% no-repeat;background-size:12px;font-size:13px;color:transparent;line-height:30px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;vertical-align:middle;}

.field .field-message{display:block;margin-top:5px;padding:0 10px;font-size:12px;}
.field select{display:block;position:relative;z-index:10;width:100%;height:30px;padding:0 10px;background:transparent url(/static/global/images/sub/icon-select-arrow.png) calc( 100% - 10px ) 50% no-repeat;background-size:10px;border-width:0;border-bottom:1px solid #bdc3c7;box-sizing:border-box;}
.field select option.none{display:none !important;}

.field.active .field-title{display:block;top:0;font-size:12px;}
.field.active .i-text{border-bottom:1px solid #222;}
.field.active .i-text[type="search"]{background:url(/static/global/images/sub/icon-search-active.png) calc( 100% - 10px ) 50% no-repeat;background-size:20px;}
.field.active input.i-datepicker, .field.active .i-calendar{background:url(/static/global/images/sub/icon-calendar-active.png) calc( 100% - 10px ) 50% no-repeat;background-size:17px;}
.field.active input::-webkit-input-placeholder{color:#fff;}
.field.active input:-moz-placeholder{color:#fff;opacity:1;}
.field.active input::-moz-placeholder{color:#fff;opacity:1;}
.field.active input:-ms-input-placeholder{color:#fff;}
.field.active input::placeholder{color:#fff;opacity:1;}
.field.active select{background:transparent url(/static/global/images/sub/icon-select-arrow-active.png) calc( 100% - 10px ) 50% no-repeat;background-size:10px;}

.field.fill .field-title{display:block;top:0;font-size:12px;}
.field.fill .i-text{border-bottom:1px solid #222;}
.field.fill .i-text[type="search"]{background:url(/static/global/images/sub/icon-search-active.png) calc( 100% - 10px ) 50% no-repeat;background-size:16px;}
.field.fill input.i-datepicker, .field.fill .i-calendar{background:url(/static/global/images/sub/icon-calendar-active.png) calc( 100% - 10px ) 50% no-repeat;background-size:17px;}
.field.fill .file-name{border-bottom:1px solid #222;color:#222;}
.field.fill select{background:transparent url(/static/global/images/sub/icon-select-arrow-active.png) calc( 100% - 10px ) 50% no-repeat;background-size:10px;}

.field.error .field-title{color:#f05a34;}
.field.error .i-text{border-bottom:1px solid #f05a34;}
.field.error .field-message{color:#f05a34;}
.field.error .i-textarea{border:1px solid #f05a34;}
.field.error.editable .field-message{padding-left:0;}

.field-disabled .field-title{background-color:#f6f6f6;}

.field.hover .field-title{display:block;top:0;font-size:12px;}

.field-section .field-tit{display:inline-block;font-size:13px;color:#222;vertical-align:middle;}
.field-section .field-info{margin-bottom:10px;width:100%;margin-top:10px;font-size:13px;color:#555;font-weight:400;line-height:1.5;word-break:keep-all;}

.field-section .entry-header .title{margin-bottom:10px;}
.field-section .entry-header .description{font-size:14px;color:#555;}

.ajax-file-upload-container {color:#999; font-size:13px; margin-top:-19px;}
.ajax-file-upload-container .ajax-file-upload-filename {width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* Multi Select Box */
.field .SumoSelect{width:100%;height:30px;font-size:13px;letter-spacing:-0.03em;border-bottom:1px solid #bdc3c7;box-sizing:border-box;}
.field .SumoSelect > .CaptionCont{position:absolute;left:0;bottom:0;z-index:100;width:100%;background-color:transparent;border:none;padding:0;border:none;box-shadow:none !important;}
.field .SumoSelect > .CaptionCont .SelectBox{width:100%;padding:0 10px;}
.field .SumoSelect > .CaptionCont > span{display:block;height:30px;padding:0 20px 0 10px;line-height:30px;box-sizing:border-box;}
.field .SumoSelect > .CaptionCont > label{width:20px;padding:7px 5px;box-sizing:border-box;}
.field .SumoSelect > .CaptionCont > label > i{width:10px;height:6px;background:transparent url(/static/global/images/sub/icon-select-arrow.png) 50% 50% no-repeat;background-size:10px;}

.field.fill .SumoSelect{border-bottom:1px solid #222;}
.field.fill .SumoSelect > .CaptionCont > label > i{width:10px;height:6px;background:transparent url(/static/global/images/sub/icon-select-arrow-active.png) 50% 50% no-repeat;background-size:10px;}

/* Checkbox Tab */
.entry-choose{margin-top:15px;margin-bottom:10px;}
.entry-choose::after{display:block;content:'';clear:both;}
.i-choose{display:block;width:50%;height:35px;float:left;position:relative;}
.i-choose input{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;visibility:hidden;}
.i-choose .text{display:block;border:1px solid #bdc3c7;border-right-width:0;background-color:#fff;font-size:14px;color:#999;text-align:center;line-height:33px;box-sizing:border-box;}
.i-choose:nth-child(2) .text{border-right:1px solid #bdc3c7;}
.i-choose input:checked + .text{position:relative;left:-1px;z-index:50;width:calc( 100% + 2px );color:#fff;border-color:transparent;background-color:#003569 ;}
.entry-choose .other{float:right;width:100%;margin-top:10px;text-align:right;}

.entry-choose-col3 .i-choose{width:33.333333%;}
.entry-choose-col3 .i-choose:nth-child(2) .text{border-right-width:0;}
.entry-choose-col3 .i-choose:nth-child(3) .text{border-right:1px solid #bdc3c7;}

/* Password Condition Matching */
.input-condition{width:100%;padding:10px 10px 0;font-size:0;box-sizing:border-box}
.input-condition li{display:inline-block;margin-right:25px;padding-left:18px;background:url(/static/global/images/sub/icon-input-default.png) 0 50% no-repeat;;background-size:12px;font-size:12px;color:#999;text-rendering:auto;line-height:1.5;letter-spacing:-.025em}
.input-condition li:last-child{margin-right:0;}
.input-condition li.available{background:url(/static/global/images/sub/icon-input-available.png) 0 50% no-repeat;background-size:12px;color:#30ca38;}
.input-condition li.notAvailable{background:url(/static/global/images/sub/icon-input-notAvailable.png) 0 50% no-repeat;;background-size:12px;color:#f05a34;}

/* Checkbox Components */
.check-wrap label{cursor:pointer;}
.check-wrap input[type=checkbox]{display:none;}

/* PC 포털과 동일한 체크박스 스타일 적용 */
label.i-checkbox{display:inline-block;position:relative;padding:5px 0;height:30px;vertical-align:top;}
label.i-checkbox input{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;z-index:0;}
label.i-checkbox .ip-icon-checkbox{display:inline-block;position:relative;margin-right:5px;vertical-align:top;}
label.i-checkbox input:checked + .ip-icon-checkbox .checkbox-unchecked{background-color:var(--nc-blue1);border-radius:2px;}
label.i-checkbox input:checked + .ip-icon-checkbox .checkbox-checked{display:block;}
label.i-checkbox .text{display:inline-block;position:static;font-size:15px;line-height:20px;color:#555;vertical-align:top;white-space:nowrap;}

/* PC 포털과 동일한 추가 스타일 */
label.i-checkbox .count{display:inline-block;position:relative;font-weight:700;line-height:20px;letter-spacing:-.025em;color:#555;vertical-align:top;}
label.i-checkbox .count::after{content:'';display:block;position:absolute;bottom:-3px;width:100%;height:1px;background-color:#555;}

.i-checkbox input:disabled + .ip-icon-checkbox{border:1px solid #bdc3c7;}
.i-checkbox input:disabled + .ip-icon-checkbox + .text{color:#b1b1b1;font-weight:300;}

.i-checkbox .rejoin{font-size:13px;}

.field-check{text-align:right;}
.field-check .i-checkbox{display:inline-block;}

/* Radio Components */
.i-radio input{display:none;}
.i-radio input + .ip-icon-radio{display:inline-block;position:relative;width:25px;height:25px;border:1px solid #bfc4c8;border-radius:12.5px;box-sizing:border-box;}
.i-radio input:checked + .ip-icon-radio{border:1px solid #003569;}
.i-radio input:checked + .ip-icon-radio:after{display:block;content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;margin-left:-4.5px;margin-top:-4.5px;background-color:#003569;border-radius:4.5px;}

.i-radio input:disabled + .ip-icon-radio{border:1px solid #bdc3c7;}
.i-radio input:disabled + .ip-icon-radio + .text{color:#b1b1b1;font-weight:300;}

.i-radio .text{display:inline-block;padding-left:5px;font-size:14px;color:#555;line-height:25px;vertical-align:top;}

/* Alert Service */
.alert-service dl{width:100%;}
.alert-service .text{padding-left:0;font-size:13px;}
.alert-service .tit_num{border-bottom:1px solid #555;font-weight:500;}

.alert-service dd .service-check{border-right:1px solid #e0e3e5;}
.alert-service dd .service-check:last-child{border-right:0px solid #e0e3e5;}
.alert-service dd .i-checkbox{display:block;text-align:center;}
.alert-service dd label.i-checkbox input + .ip-icon-checkbox{display:none;}

.alert-service dd .text{padding:15px 20px 15px 20px;font-size:13px;text-align:center;box-sizing:border-box;word-break:keep-all;line-height:16px;}
.alert-service dd label.i-checkbox input:checked + .ip-icon-checkbox +.text{background:url(/static/global/images/sub/icon-checked.png) 0 17px no-repeat;background-size:15px;position:relative;color:#003569;}
.alert-service dt label.i-checkbox input:checked + .box-none-text{display:inline-block;position:relative;width:100%;color:#003569;}
.alert-service dt label.i-checkbox input:checked + .box-none-text .tit_num{color:#003569;border-bottom:1px solid #003569;}
.alert-service dt label.i-checkbox input:checked + .box-none-text:before{display:block;position:absolute;top:6px;left:-22px;content:'';width:18px;height:13px;margin-right:4px;background-image:url(/static/global/images/sub/icon-checked.png);background-repeat:no-repeat;background-size:15px;}

.alert-service{border-bottom:1px solid #bdc3c7;}
.alert-service dl dt, .alert-service dl dd{border-top:1px solid #bdc3c7;border-bottom-width:0;box-sizing:border-box}
.alert-service dl dt{background-color:#f6f6f6;}
.alert-service dl dt label{display:block;width:100%;padding:11.5px 10px 11.5px 30px;box-sizing:border-box;}
.alert-service dl dt label.i-checkbox .ip-icon-checkbox{position:relative;float:right;width:20px;height:20px;background-color:transparent;background-image: url(/static/global/images/sub/icon-service-check.png);background-position:0 0;background-size:20px;border-width:0;}
.alert-service dl dt label.i-checkbox input:checked + .ip-icon-checkbox{background-position:0 -20px;}

.alert-service dl dd{display:none;padding:0px;font-size:0;}
.alert-service dl dd .field-group{display:table;width:100%;margin-bottom:0px;}
.alert-service dl dd .field-group:last-child{margin-bottom:0;}
.alert-service dl dd .field-group .field{display:table-cell;width:50%;max-width:1px;vertical-align:middle;}
.alert-service dl dd .field-group{border-top:1px solid #e0e3e5;}
.alert-service dl dd .field-group:nth-child(1){border-top:0;}

.alert-service .field{float:none;position:static;margin-top:0;padding:0;width:100%;min-height:0 !important;border-bottom-width:0;}

/* Search Field Components */
.career-search{box-sizing:border-box;font-size:0;}
.career-search .field{position:relative;display:inline-block;width:calc( 100% - 50px );margin-right:5px;padding-top:0;background-color:#fff;}
.career-search .field .i-text{width:100%;height:45px;padding-right:40px;background-color:#fff;border:1px solid #dcdfe1;font-size:17px;}
.career-search .field .btn-search{position:absolute;right:8px;top:9px;z-index:10;width:37px;height:37px;background:transparent url(/static/global/images/apply/list/search.svg) 50% 50% no-repeat;background-size:20px;text-indent:-9999px;box-sizing:border-box;}
.career-search .btn-filter{display:inline-block;width:45px;height:45px;background:var(--nc-blue1) url(/static/global/images/apply/list/filter_white.svg) 50% 50% no-repeat;background-size:22px;border:1px solid #dcdfe1;text-indent:-9999px;box-sizing:border-box;border-radius: 2px;}
.career-search .btn-filter.active{background:#fff url(/static/global/images/sub/btn-filter-active.png) 50% 50% no-repeat;background-size:22px;}

.search-dialog .choose{width:100%;background-color:#fff;box-sizing:border-box;}
.search-dialog .choose ul li{border-bottom:1px solid #dcdfe1;}
.search-dialog .choose ul li a{display:block;padding:12px 10px;font-size:14px;color:#555;box-sizing:border-box;}
.search-dialog .choose ul li a:hover{background-color:#e9e6df;color:#222;box-sizing:border-box;}
.search-dialog .field.active .i-text{background-color:#fff;border:4px solid #003569;}
.search-dialog .field.active .choose{display:block;}

.career-search-type2 .field{width:100%;margin-right:0;}
.career-search-type2 .btn-filter{display:none;}

/* File Upload Enhancement */
#frmAddFile .entry-section .field input{border: none;}
#frmAddFile .entry-section .field{border-bottom:1px solid #bdc3c7;height:29px}
#frmAddFile .entry-section .field.error {border-bottom-color:#f05a34}
#frmAddFile .entry-section .field.fill {border-bottom-color:#222}
#frmAddFile .entry-section .field .placeholder {position:absolute;top:14px;left:0;padding:6px 0 6px 8px;width:100%;font-size:14px;line-height:30px;letter-spacing:-.025em;color:#999;z-index:2;}
#frmAddFile .entry-section .field.error .placeholder {color:#f05a34;}

.edu-check-dialog .fileUploadGrp .field input{border: none;}
.edu-check-dialog .fileUploadGrp .field{border-bottom:1px solid #bdc3c7;height:29px}
.edu-check-dialog .fileUploadGrp .field.error {border-bottom-color:#f05a34}
.edu-check-dialog .fileUploadGrp .field.fill {border-bottom-color:#222}
.edu-check-dialog .fileUploadGrp .field .placeholder {position:absolute;top:14px;left:0;padding:6px 0 6px 8px;width:100%;font-size:14px;line-height:30px;letter-spacing:-.025em;color:#999;z-index:2;}
.edu-check-dialog .fileUploadGrp .field.error .placeholder {color:#f05a34;}