/*********** Input *************/
.apply_input_cont {display:flex; flex-direction:column; gap:40px; padding:60px 60px 80px; box-sizing:border-box; background:var(--white); border-radius:var(--borderR10); box-shadow:0 10px 25px rgba(0,0,0,0.15); max-width: 1050px; margin: 0 auto;}
.education-info {position:relative; padding:40px 30px; display: flex; align-items: center; gap:35px; box-sizing:border-box; background:var(--grayBg); border-radius:var(--borderR10);}
.education-info dt {width:165px;}
.education-info dt img {display:block; max-width:100%; height:auto;}
.education-info dd {display:flex; flex-direction:column; gap:2px; flex: 1;}
.education-info dd h5.fs18 {font-weight:600; color:var(--main);}
.education-info dd > p.fs18 {display:flex; gap:8px; align-items:center; flex-wrap:wrap; color:var(--basic);}
.education-info dd > p.fs18 b {font-weight:600; color:var(--black);}
.education-info .dot {display:flex; flex-direction:column;}
.education-info .dot li {display:flex; gap:10px; align-items:flex-start; position:relative; padding-left:11px;}
.education-info .dot li::before {content:''; display:block; width:3px; height:3px; border-radius:var(--borderR5); background:var(--main); position:absolute; left:0; top:14px;}
.education-info .dot li b {flex:0 0 auto; font-weight:600; color:var(--black);}
.education-info .dot li p.fs16 {color:var(--basic);}

.education-info.admin dd h5.fs18{font-size:18px;}
.education-info.admin dd > p.fs18{font-size:18px;}
.education-info.admin .dot li b{font-size:16px;}
.education-info.admin .dot li p.fs16{font-size:16px;}








.apply_input {display:flex; flex-direction:column; gap:25px; width:100%;}
.apply_input dl {display:flex; gap:20px; align-items:flex-start; width:100%;}
.apply_input dl:has(.input) {align-items:center;}
.apply_input dt {flex:0 0 125px; width:125px;}
.apply_input dt p.fs18 {font-weight:600; color:var(--black);}
.apply_input dt b {color:var(--main); font-weight:600;}
.apply_input dd {flex:1; min-width:0;}
.apply_input .input {width:100%; height:50px; padding:0 20px; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); color:var(--black); font-size:0.889rem; line-height:175%; letter-spacing:var(--letter-spacing-input);}
.apply_input .input::placeholder {color:var(--basic); opacity:0.5;}
.apply_input .textarea {width:100%; height:150px; padding:20px; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); color:var(--black); font-size:0.889rem; line-height:175%; letter-spacing:var(--letter-spacing-input); resize:vertical; word-break:break-all;}

.apply_input .checkbox-list {display:flex; gap:5px; width:100%;}
.apply_input .checkbox-list li {flex:1; min-width:0; position:relative;}
.apply_input .checkbox-list input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.apply_input .checkbox-list label {display:flex; align-items:center; gap:10px; width:100%; height:50px; padding:0 20px; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); color:var(--basic); font-size:0.889rem; line-height:175%; cursor:pointer; position:relative; transition:background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;}
.apply_input .checkbox-list label::before {content:''; display:flex; align-items:center; justify-content:center; flex:0 0 20px; width:20px; height:20px; line-height: 20px; font-size: 18px; font-weight: 500; font-family: var(--icon); box-sizing: border-box; border:1px solid var(--border); border-radius: var(--borderR5);}
.apply_input .checkbox-list input[type="checkbox"]:checked + label {background:var(--main); border-color:var(--main); color:var(--white);}
.apply_input .checkbox-list input[type="checkbox"]:checked + label::before {content:'\e5ca'; background: var(--white); color: var(--main);}

.apply_pri {padding-top:40px; border-top:1px solid #d9d9d9;}
.apply_pri_inner {display:flex; align-items:center; justify-content:space-between; gap:30px;}
.apply_pri_left {display:flex; align-items:center; gap:30px; flex:1; min-width:0;}
.apply_spamcheck {flex:0 0 auto;}
.apply_agree {display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.apply_agree_label {display:flex; align-items:center; gap:6px; cursor:pointer;}
.apply_agree_label input[type="checkbox"] {flex:0 0 22px; width:22px; height:22px; margin:0; border:1px solid #bbb; border-radius:var(--borderR5); appearance:none; -webkit-appearance:none; background:var(--white); cursor:pointer; position:relative;}
.apply_agree_label input[type="checkbox"]:checked {background:var(--main); border-color:var(--main);}
.apply_agree_label input[type="checkbox"]:checked::after {content:'\f88b'; display:block; width:100%; height:100%; line-height:20px; font-size:22px; font-family:var(--icon); font-weight:400; text-align:center; color:var(--white); position:absolute; left:0; top:0;}
.apply_agree .agree_txt {color:rgba(28,32,37,0.7);}
.apply_agree .policy_view {font-weight:600; color:var(--black); text-decoration:underline; letter-spacing:var(--letter-spacing-button); cursor:pointer;}
.apply_pri_btn {flex:0 0 auto;}
.apply_pri_btn .more-btn.apply_btn {width:180px; background:var(--main); color:var(--white);}
.apply_pri_btn .more-btn.apply_btn::after {border-color:var(--main);}
.apply_pri_btn .more-btn.apply_btn::before {background:var(--white);}
.apply_pri_btn .more-btn.apply_btn:hover {color:var(--main);}
.apply_pri_btn .more-btn.apply_btn span {font-family:var(--kor); font-size:0.889rem; line-height:175%; letter-spacing:var(--letter-spacing-button);}



/*********** List *************/
.head_notice{display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px;}
.head_notice .bbsRemark{color: var(--sub); font-weight: 700; letter-spacing: var(--letter-spacing-body);}
.head_notice input.btn_blue {text-align:center; height:36px; width:80px; border:1px solid #2DA7FE; background:#2DA7FE; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}

.apply_list td.state_cont select{width: 100%;}
.apply_list td.state_cont a.stateBtn {display:block; width:100%; line-height:40px; color:#fff; background:#69737c; margin:4px 0 0; text-align:center; font-size:15px; letter-spacing:-0.5pt; font-weight:400;}
.apply_list td.state_cont input.stateBtn {display:block; width:100%; line-height:40px; color:#fff; background:#69737c; margin:4px 0 0; text-align:center; font-size:15px; letter-spacing:-0.5pt; font-weight:400; border: none;}
.apply_list td .date-box{display: flex;}
.apply_list td .wdateBtn{display:inline-block; border:1px solid var(--border); font-size:1rem; color: var(--basic); height:40px; line-height:38px; width:50px; box-sizing:border-box; vertical-align:middle; cursor: pointer;}
.apply_list td .datepicker-box{position: relative;}
.apply_list td .datepicker-box::after { content:'\ebcc'; display:block; width:23px; height:23px; line-height:23px; font-size:23px; font-family:var(--icon); font-weight:300; color:var(--basic); opacity: 0.8; position:absolute; right: 10px; top:50%; transform:translateY(-50%); pointer-events:none; }
.apply_list td .datepicker-box input{width: 100%; height: 40px; padding: 0 40px 0 10px; box-sizing: border-box; border-right: 0;}
.apply_list td .datepicker-box img{display: none;}




.apply_list {width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; border-top:2px solid var(--main);}
.apply_list col.col_chk {width:50px;}
.apply_list th.chk_col, .apply_list td.chk_col {width:50px; min-width:50px; padding:18px 10px; text-align:center; vertical-align:middle;}
.apply_list input[type="checkbox"] {width:20px; height:20px; margin:0 auto; display:block;}
.apply_list th {padding:22px 20px 20px; color:var(--black); font-size:0.889rem; font-weight:600; line-height:175%; letter-spacing:var(--letter-spacing-body); background:var(--grayBg); text-align:center; border-bottom:1px solid #c4c6cf; position:relative;}
.apply_list th:last-child::after {display:none !important;}
.apply_list th::after {content:''; display:block; width:1px; height:30px; background:var(--border); position:absolute; right:0; top:50%; margin-top:-15px;}

.apply_list td {padding:20px 20px; color:var(--basic); font-size:1rem; line-height:160%; letter-spacing:var(--letter-spacing-body); text-align:center; vertical-align:middle; border-bottom:1px solid var(--border); word-break:break-word; position: relative;}
.apply_list td::after{content:''; display:block; width:1px; height:calc(100% - 24px); background:var(--border); position:absolute; right:0; top:50%; transform: translateY(-50%);}
.apply_list td.line_l:after{height: 100%;}
.apply_list td:last-child::after {display: none;}
.apply_list td.left {text-align:left;}
.apply_list td.center {text-align:center;}
.apply_list td.edu_info {text-align:left;}
.apply_list td.edu_info .edu_tit {color:var(--black); font-size:1rem; font-weight: 400; line-height:150%; letter-spacing:var(--letter-spacing-body);}
.apply_list td.edu_info .edu_date {margin-top:0; color:var(--basic); font-size:0.889rem; line-height:175%; letter-spacing:var(--letter-spacing-none);}

.apply_list td .graduate-info{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:10px 20px; }
.apply_list td .graduate-info dl{display: flex; gap:10px;}
.apply_list td .graduate-info dl dt{width: 80px; font-size: 0.889rem; font-weight: 600; color: var(--black); letter-spacing: var(--letter-spacing-body); line-height: 160%;}
.apply_list td .graduate-info dl dd{flex: 1;  font-size: 0.889rem; font-weight: 400; color: var(--basic); letter-spacing: var(--letter-spacing-body); line-height: 160%;}

.apply_list td .downBtn {display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:46px; padding:9px 20px; box-sizing:border-box; border-radius:var(--borderR5); color:var(--white); font-size:0.889rem; font-weight:600; line-height:175%; letter-spacing:var(--letter-spacing-button); text-decoration:none; transition:background-color 0.3s ease; text-wrap:nowrap; cursor: pointer;}
.apply_list td .downBtn::after {display:block; flex:0 0 23px; width:23px; height:23px; line-height:23px; font-size:23px; font-family:var(--icon); font-weight:400; text-align:center; color:var(--white);}
.apply_list td .downBtn.cancelBtn {background:var(--black);}
.apply_list td .downBtn.cancelBtn::after {content:'\e5cd';}
.apply_list td .downBtn.cancelBtn:hover {background:#333941;}
.apply_list td .downBtn {background:var(--main);}
.apply_list td .downBtn::after {content:'\f090';}
.apply_list td .downBtn:hover {background:var(--sub);}


/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){

    .apply_list {}
    .apply_list col.col1{width: 6%;}
    .apply_list col.col2{width: 22%;}
    .apply_list col.col3{}
    .apply_list col.col4{width: 15%;}
    .apply_list col.col5{width: 210px;}
    
    
    .apply_list td .graduate-info{grid-template-columns: repeat(1, 1fr);}
    
    

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

    .apply_list col.col5{width: 190px;}
    .apply_list th {padding:16px 10px;}
    .apply_list th::after {height:20px; margin-top:-10px;}
    
    .apply_list td {padding:12px;}
    .apply_list td::after{height:calc(100% - 30px); }
    
    .apply_list td .graduate-info{grid-template-columns: repeat(1, 1fr); grid-gap:6px;}
    .apply_list td .downBtn {gap:5px; min-height:40px; padding:9px 15px;}


}
/*******************************************************************************
    @media ~1050px
*******************************************************************************/
@media all and (max-width:1050px){

	.apply_pri_left {gap:10px; flex-wrap: wrap;}
	.apply_agree {width: 100%;}


    
    

}
/*******************************************************************************
    @media ~980px
*******************************************************************************/
@media all and (max-width:980px){

/*********** Input *************/
.apply_input_cont {gap:30px; padding:40px 40px 60px;}
.education-info {padding:30px 20px; gap:25px;}
.education-info dt {width:100px;}
.education-info .dot li::before {top:11px;}


.apply_input {gap:15px;}

.apply_pri {padding-top:30px;}


.apply_list {}
.apply_list col.col1{width: 8%;}
.apply_list col.col5{width: 130px;}
.apply_list th {padding:16px 5px;}

.apply_list td {padding:12px 8px;}

.apply_list td .graduate-info dl{gap:0; flex-direction: column;}
.apply_list td .graduate-info dl dt{width: 100%;}

.apply_list td .downBtn {padding:9px 10px; text-align: center; justify-content: center;}
.apply_list td .downBtn::after {display: none;}


}

/*******************************************************************************
    @media ~768px
*******************************************************************************/
@media all and (max-width:768px){


.apply_list{border-top: 0;}  
.apply_list,
.apply_list tr,
.apply_list tbody,
.apply_list td{display: block;}
.apply_list col.col1{width: 8%;}
.apply_list col.col2{width: 22%;}
.apply_list col.col3{}
.apply_list col.col4{width: 15%;}
.apply_list col.col5{width: 130px;}
.apply_list tr{box-sizing: border-box; border:1px solid var(--border); padding: 0; border-radius: var(--borderR5); overflow: hidden;}
.apply_list tr ~ tr{margin-top: 10px;}
.apply_list thead{display: none !important;}
.apply_list .pc_ver{display: none !important;}

.apply_list td {padding:0; border: 0;  border-bottom:1px solid var(--border);  text-align: left !important;}
.apply_list td:last-child{border-bottom: 0;}
.apply_list td::after{display: none; }
.apply_list td::before{content: attr(data-th); display: block; padding: 5px 10px; font-size: 0.889rem; font-weight: 500; color: var(--black); background: var(--grayBg); border-bottom:1px solid var(--border);}
.apply_list .mo-td{box-sizing: border-box; padding: 10px;}

.apply_list td .graduate-info{grid-template-columns: repeat(1, 1fr); grid-gap:3px;}
.apply_list td .graduate-info dl{gap:10px; flex-direction: row;}
.apply_list td .graduate-info dl dt{width: 80px;}

.apply_list td .downBtn {gap:5px; min-height:35px; padding:6px 15px; text-align: left; justify-content: space-between;}
.apply_list td .downBtn::after {display: flex; flex:0 0 18px; width:18px; height:18px; line-height:18px; font-size:18px;}


}
/*******************************************************************************
    @media ~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** Input *************/
.apply_input_cont {gap:20px; padding:20px 20px 40px;}
.education-info {padding:20px; gap:15px; flex-wrap: wrap;}
.education-info dt {width:100%; display: flex; justify-content: center;}
.education-info dt img{max-width: 120px;}
.education-info dd {flex:auto; gap:4px;}
.education-info dd h5.fs18{text-align: center;}
.education-info dd > p.fs18 {gap:0 8px;}
.education-info .dot li {gap:8px; padding-left:9px;}
.education-info .dot li > *{font-size: 1rem;}


.apply_input {gap:10px;}
.apply_input dl {gap:5px; flex-wrap: wrap;}
.apply_input dt {flex: auto; width:100%;}
.apply_input dd {flex: auto; width: 100%;}
.apply_input .input {height:45px; padding:0 15px;}
.apply_input .textarea {height:100px; padding:10px 15px;}

.apply_input .checkbox-list {flex-direction: column;}
.apply_input .checkbox-list label {height:45px; padding:0 15px; gap:6px;}
.apply_input .checkbox-list label::before {flex:0 0 18px; width:18px; height:18px; line-height: 18px; font-size: 14px;}



.apply_pri {padding-top:20px;}


.apply_pri_inner {gap:30px; flex-wrap: wrap;}
.apply_pri_left {width: 100%; justify-content: center; flex: auto;}
.apply_spamcheck {flex: auto; width: 100%; display: flex; justify-content: center;}
.apply_spamcheck .g-recaptcha{transform: scale(0.85);}
.apply_agree { gap:4px; width: 100%; justify-content: center;}
.apply_agree label { justify-content: center; gap:4px; flex-wrap: nowrap;}
.apply_agree label input[type="checkbox"] { flex:0 0 16px; width:16px; height:16px; }
.apply_agree label input[type="checkbox"]:checked::after { line-height: 14px; font-size: 16px;}

.apply_pri_btn{flex:auto; width: 100%; display: flex; justify-content: center;}
.apply_pri_btn .more-btn.apply_btn { width:140px;}



}