input[type="radio"]{-webkit-appearance: radio;}
select{-webkit-appearance: menulist;}
label{display: inline; cursor: pointer; color: initial; font: inherit;}
input[type="checkbox"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; cursor: pointer; position: relative;}

/* 취업지원센터 인터풀 신청 폼 */
.jobctr_tpApplyForm .applyForm{position: relative; width: 50%; margin: 0 auto; padding: 50px; border-radius: 10px; background: #fff;}
.jobctr_tpApplyForm .applyForm > em{text-align: center; font-size: 16px; letter-spacing: -1px; font-weight: 500; padding: 10px 0 15px; display: block;}
.jobctr_tpApplyForm .pop_ttl{font-size: 35px; font-weight: 900; width: fit-content; margin: 0 auto; text-align: center; line-height: 1.2;}
.jobctr_tpApplyForm .applyForm .closeX{top: 5px; right: 5px; bottom: unset;}
.jobctr_tpApplyForm .applyForm .txt{font-size: 12px; font-weight: 400; color: #999;}
.jobctr_tpApplyForm .applyForm .apply_conts{overflow-y: auto; max-height: 45rem; margin-bottom: 20px; border-bottom: 1px solid #ddd; border-top: 2px solid;}

.jobctr_tpApplyForm .applyForm ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; overflow: hidden; background: #fff;}
.jobctr_tpApplyForm .applyForm ul li{width: 100%; display: inline-flex; border-bottom: 1px solid #eee; align-items: center; box-sizing: border-box; padding: 11px 0; font-size: 14px;}
.jobctr_tpApplyForm .applyForm ul li div{margin-right: 10px;}

.jobctr_tpApplyForm .applyForm sup{color: #ff3153; font-weight: 900; font-size: 18px; margin: -10px 0 0 2px; display: inline-block;}

.jobctr_tpApplyForm .agree{padding: 15px 10px 15px 5px; font-size: 14px; line-height: 1.5;}
.jobctr_tpApplyForm .agree_box{padding: 20px 30px; background: #efefef;  border-left: 0; border-right: 0; margin: 10px 0; border-radius: 5px;}
.jobctr_tpApplyForm .agree p strong{font-weight: 800; color: #000; padding-top: 10px;}
.jobctr_tpApplyForm .applyForm .check{display: block; font-size: 16px; width: fit-content; margin: 0 auto; font-weight: 600;}
.jobctr_tpApplyForm .applyForm .formBtn{text-align: center;}
.jobctr_tpApplyForm .applyForm .formBtn a{width: 30%; display: inline-block; margin: 20px 5px 0 0; padding: 13px 0 15px; border-radius: 50px; font-size: 19px; font-weight: 700; text-align: center;}
.pop_wrp .applyForm a.ok{background: #000; color: #fff;}
.pop_wrp .applyForm a.close{border: 1px solid;}

.jobctr_tpApplyForm input[type="text"]{border: 1px solid #eee; padding: 5px 10px; width: 92%;}
.jobctr_tpApplyForm input[type="radio"]{width: 14px; height: 14px;}
.jobctr_tpApplyForm input[type="checkbox"]:checked{background: #007bff;}
.jobctr_tpApplyForm input[type="file"]{font-size: 13px;}
.jobctr_tpApplyForm select{width: 80px; height: 25px;}
.jobctr_tpApplyForm label{margin-right: 5px; display: inline-flex; gap: 0; line-height: 1.5;}

/* 실기 모고 */
.pop_wrp .applyForm{position: relative; margin: 0 auto; padding: 30px 30px 35px; border-radius: 10px; background: #fff; box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.35);}
.pop_wrp .applyForm > em{text-align: center; font-size: 16px; letter-spacing: -1px; font-weight: 500; padding: 10px 0 15px; display: block;}
.pop_wrp .pop_ttl{font-size: 28px; font-weight: 900; width: fit-content; margin: 0 auto 10px; text-align: center; line-height: 1.2;}
.pop_wrp .applyForm .closeX{top: 0; right: 0;}
.pop_wrp .applyForm .apply_conts{overflow-y: auto; max-height: 55vh; margin-bottom: 20px; border-bottom: 1px solid #ddd; border-top: 2px solid;}
.pop_wrp .applyForm .apply_conts p{font-size: 12px; padding-top: 5px;}

.pop_wrp .applyForm .apply_conts ul{overflow: hidden;}
.pop_wrp .applyForm .apply_conts li{width: 100%;display: inline-flex;border-bottom: 1px solid #eee;align-items: center;padding: 10px 0;}
.pop_wrp .applyForm .apply_conts li:last-child{justify-content: center; text-align: center; background: #e8e6d6; font-size: 14px; border: 0; line-height: 1.2;}
.pop_wrp .applyForm ul li div{width: 75%;}
.pop_wrp .applyForm ul li div:first-child{width: 27%;}
.pop_wrp .applyForm .apply_conts li .small{font-size: 14px; font-weight: 400; line-height: 1.2;}

.pop_wrp .applyForm .apply_conts .info div:nth-child(1){width: 25%;}
.pop_wrp .applyForm .apply_conts .info div:nth-child(2){width: 40%;}
.pop_wrp .applyForm .apply_conts .info div:nth-child(3){width: 10%;}
.pop_wrp .applyForm .apply_conts .info div:nth-child(4){width: 25%;}

.pop_wrp .applyForm sup{color: #ff3153; font-weight: 900; font-size: 18px; margin: -5px 0 0 2px; display: inline-block;}

.pop_wrp .agree{padding: 15px 0; line-height: 1.1; font-size: 14px;}
.pop_wrp .agree_box{padding: 10px 20px 15px; background: #efefef; border-left: 0; border-right: 0; margin: 10px 0; border-radius: 5px; line-height: 1.3; color: #555; font-size: 13px;}
.pop_wrp .agree_txt{text-align: center;}
.pop_wrp .agree strong{font-weight: 800; color: #5a5a5a; padding-top: 10px;}
.pop_wrp .agree_box strong{display: block;}
.pop_wrp .agree .check{display: flex !important; align-items: center;}

.pop_wrp .applyForm .check{display: block; font-size: 16px; font-weight: 700;}
.pop_wrp .applyForm .btn_ok{background: #000; color: #fff; border: 1px solid;}
.pop_wrp .applyForm .btn_close{border: 1px solid;}
.pop_wrp .applyForm .btn_wrap a{width: fit-content; display: inline-block; margin: 5px 5px 0 0; padding: 13px 30px 15px; border-radius: 50px; font-size: 19px; font-weight: 700; text-align: center;}
.pop_wrp .btn_wrap{text-align: center; width: 100%;}

.pop_wrp input[type="text"]{border: 1px solid #eee; padding: 6px 10px; height: 25px; width: 120px; border-radius: 3px;}
.pop_wrp input[type="radio"]{width: 16px; height: 16px; margin-right: 5px; border: 1px solid; vertical-align: bottom;}
.pop_wrp input[type="checkbox"]:checked{background: #007bff;}
.pop_wrp label{margin: 5px 5px 0 0; cursor: pointer; vertical-align: baseline; width: fit-content;}

.pop_wrp .phone select{width: 25%; padding: 0 5px;}
.pop_wrp .phone input[type="text"]{width: 22%;}
.pop_wrp select{height: 38px; padding: 0 16px; margin: 3px 0; border: 1px solid #E8E8E8; box-sizing: border-box; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.05em; color: #252525; background: #FFF; cursor: pointer; border-radius: 4px; /* appearance: none; -webkit-appearance: none; text-overflow: ellipsis; white-space: nowrap; */}
.pop_wrp select.brand{display: none;}
.pop_wrp select.brand option:disabled{color: #cfcfcf;}
.pop_wrp .btn_plus,
.pop_wrp .btn_delete{border-radius: 50px; padding: 5px 10px; color: #fff; width: 75px; font-size: 13px; text-align: center; margin-top: 7px;}
.pop_wrp .btn_plus{background: #ff3153; font-weight: 600;}
.pop_wrp .btn_delete{background: #999; font-weight: 400;}


.pop_wrp .red{color: #ff3153;}


@media screen and (min-width: 1200px){
.jobctr_tpApplyForm .applyForm ul li div:first-child{width: 30%; flex-shrink: 0;}
.jobctr_tpApplyForm .applyForm ul li:last-child, ul li:nth-last-child(2){grid-column: span 2;}
.jobctr_tpApplyForm .applyForm ul li:last-child div:first-child, 
.jobctr_tpApplyForm .applyForm ul li:nth-last-child(2) div:first-child{width: 15%;}
.jobctr_tpApplyForm .applyForm ul li:nth-last-child(2) div:last-child{font-size: 13px; line-height: 1;}
}

@media screen and (max-width: 1024px){
.jobctr_tpApplyForm .pop_ttl{font-size: 30px;}
.pop_wrp .applyForm{width: 90%;padding: 30px 10px;max-width: 95%;height: 60vh;}
.pop_wrp .applyForm .apply_conts{max-height: 80vw;}
.pop_wrp .pop_ttl{font-size: 25px;}
.pop_wrp .applyForm .formBtn a{font-size: 20px; width: 35%;}

.pop_wrp .applyForm ul li{grid-column: span 2;}
.pop_wrp .applyForm ul li div{width: 28%; padding-left: 5px;}
.pop_wrp .applyForm ul li div:last-child{width: 75%;}
.jobctr_tpApplyForm .applyForm .txt{display: block;}
}


@media screen and (max-width: 1024px){ 
    .pop_wrp .popup{width: 70%;}
}

@media screen and (min-width: 768px) and (max-width: 1024px){ 
.pop_wrp .applyForm{width: 80%}
.pop_wrp .applyForm .apply_conts{overflow-y: auto; max-height: 55vh;}
}

@media screen and (max-width: 760px){
    .pop_wrp .popup{width: 92%;} 
    .pop_wrp .phone input[type="text"]{width: 18%;}
    .pop_wrp .phone select{width: 33%;}
    .pop_wrp label{display: inline-block;}
    .pop_wrp .applyForm .apply_conts li:last-child{padding: 5%; text-align: left;}
    .pop_wrp .applyForm{padding: 30px 3%;}
    .pop_wrp .apply_conts label em{padding-left: 20px;}
}