.bbs_search.two{}
.bbs_search.two dl{max-width:100%;}
.bbs_search.two dl dt{width: auto;}
.bbs_search.two dl dt .select{width: 160px;}
.bbs_search.two dl dt .select_l{width: 500px;}




/*********** Input *************/

/* PRESENTATION — VIEW */
.presentation_view {width:100%;}
.presentation_view table {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid var(--main);}
.presentation_view .col-th {width:320px;}
.presentation_view .col-td {width:auto;}
.presentation_view th,.presentation_view td {padding:16px 18px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); box-sizing:border-box; vertical-align:middle; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); text-align:left;}
.presentation_view th:last-child,.presentation_view td:last-child {border-right:0;}
.presentation_view th {background:var(--grayBg); font-weight:600; color:var(--black);}
.presentation_view td {background:var(--white); font-weight:400; color:var(--basic);}
.presentation_view td.date {color:var(--main);}

.bbs_btn .modify_btn{background: var(--black); border-color: var(--black); color: var(--white);}

/* PRESENTATION — APPLY VIEW */
.apply_view {width:100%;}
.apply_view table {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid var(--main);}
.apply_view .col-th {width:320px;}
.apply_view .col-td {width:auto;}
.apply_view th,.apply_view td {padding:16px 18px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); box-sizing:border-box; vertical-align:middle; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); text-align:left;}
.apply_view th:last-child,.apply_view td:last-child {border-right:0;}
.apply_view th {background:var(--grayBg); font-weight:600; color:var(--black);}
.apply_view td {background:var(--white); font-weight:400; color:var(--basic);}
.apply_view td.date {color:var(--main);}

/* PRESENTATION — APPLY */
.apply_input_msg{text-align: right; padding: 0 0 15px;}
.apply_input_msg p{line-height: 150%;}
.apply_input {width:100%;}
.apply_input table {width:100%; table-layout:fixed; border-collapse:collapse; border-top:3px solid var(--main);}
.apply_input .col-th {width:320px;}
.apply_input .col-td {width:auto;}
.apply_input th,.apply_input td {padding:12px 20px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); box-sizing:border-box; vertical-align:middle; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); text-align:left;}
.apply_input th:last-child,.apply_input td:last-child {border-right:0;}
.apply_input th {background:var(--grayBg); font-weight:600; color:var(--black);}
.apply_input th b {font-weight:600; color:var(--main);}
.apply_input td {padding:12px 10px; background:var(--white); font-weight:400; color:var(--basic);}
.apply_input .input {display:block; width:100%; height:54px; padding:0 15px; border:1px solid var(--border); background:var(--white); box-sizing:border-box; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:var(--black); outline:none;}
.apply_input .select {display:block; height:54px; padding:0 30px 0 15px; border:1px solid var(--border); background-color:var(--white); background-position:right 10px center; background-size:10px auto; box-sizing:border-box; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:rgba(42,38,35,0.7); outline:none; cursor:pointer; margin: 0;}
.apply_input .select_sm {width:100px;}
.apply_input .select_phone {width:150px;}
.apply_input .select_region {width:210px;}
.apply_input .input_phone {width:150px;}
.apply_input .apply_inline {display:flex; align-items:center; gap:10px;}
.apply_input .apply_phone {display:flex; align-items:center;}
.apply_input .apply_region {display:flex; align-items:center; gap:4px; flex-wrap:wrap;}
.apply_input .apply_txt {font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:var(--basic); white-space:nowrap;}
.apply_input .apply_txt em {font-style:normal; color:var(--main);}
.apply_input .dash {width: 28px; text-align: center; font-size:1rem; line-height:166.67%; color:rgba(42,38,35,0.7);}

/* PRESENTATION — PRIVACY */
.apply_pri_box {display:flex; flex-direction:column; gap:15px; margin:15px 0 0; padding:30px 35px; background:var(--grayBg); box-sizing:border-box;}
.apply_pri_box .apply_pri_tit {padding:0; font-size:1.2222rem; line-height:154.55%; font-weight:600; letter-spacing:-5%; color:var(--black);}
.apply_pri_box .textarea {display:block; width:100%; height:140px; padding:18px 20px; border:0; background:var(--white); box-sizing:border-box; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:rgba(42,38,35,0.5); resize:none; outline:none;}
.apply_pri_message {display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; padding:5px 0 0; box-sizing:border-box; text-align:left;}
.apply_pri_message > span {display:block; flex-shrink:0; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:var(--black);}
.apply_pri_message .apply_pri_agree {display:flex; align-items:center; justify-content:flex-end; gap:20px; flex-shrink:0;}
.apply_pri_message .apply_pri_agree label {display:inline-flex; align-items:center; gap:6px; cursor:pointer;}
.apply_pri_message .apply_pri_agree input[type="radio"] {appearance:none; -webkit-appearance:none; width:22px; height:22px; margin:0; border:1px solid rgba(42,38,35,0.5); border-radius:50px; background:var(--white); box-sizing:border-box; cursor:pointer; flex-shrink:0;}
.apply_pri_message .apply_pri_agree input[type="radio"]:checked {border-color:var(--main); background:radial-gradient(circle, var(--main) 0 7px, var(--white) 8px 100%);}
.apply_pri_message .apply_pri_agree span {font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:var(--basic);}

/* PRESENTATION — BTN */
.apply_btn {display:flex; align-items:center; justify-content:center; gap:4px; padding:45px 0 0; box-sizing:border-box;}
.apply_btn .btn_submit,.apply_btn .btn_cancel {position:relative; display:inline-flex; align-items:center; justify-content:center; width:200px; height:62px; padding:0 20px; border-radius:500px; box-sizing:border-box; font-size:1.1111rem; line-height:160%; letter-spacing:var(--letter-spacing-default); overflow:hidden; cursor:pointer;}
.apply_btn .btn_submit::before,.apply_btn .btn_cancel::before {content:''; position:absolute; left:50%; bottom:0; width:16px; height:16px; border-radius:50%; transform:translate(-50%, 50%) scale(0); transition:transform 0.55s cubic-bezier(0.4, 0, 0.2, 1); z-index:0; pointer-events:none;}
.apply_btn .btn_submit {border:1px solid var(--main); background:var(--main); font-weight:600; color:var(--white);}
.apply_btn .btn_submit::before {background:var(--sub); border-color:var(--sub);}
.apply_btn .btn_submit:hover::before {transform:translate(-50%, 50%) scale(20);}
.apply_btn .btn_cancel {border:1px solid var(--border); background:var(--white); font-weight:400; color:var(--basic); transition:color .3s, border-color .3s;}
.apply_btn .btn_cancel::before {background:var(--basic);}
.apply_btn .btn_cancel:hover {border-color:var(--basic); color:var(--white);}
.apply_btn .btn_cancel:hover::before {transform:translate(-50%, 50%) scale(20);}
.apply_btn .btn_submit span,.apply_btn .btn_cancel span {position:relative; z-index:1;}

/*********** List *************/
.bbs_search dt{width: 130px;}


.presentation_apply_list {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid var(--main);}
.presentation_apply_list .col-no {width:100px;}
.presentation_apply_list .col-info {width:auto;}
.presentation_apply_list .col-applicant {width:250px;}
.presentation_apply_list .col-student {width:250px;}
.presentation_apply_list .col-people {width:120px;}
.presentation_apply_list .col-date {width:120px;}
.presentation_apply_list .col-status {width:180px;}
.presentation_apply_list .col-btn {width:100px;}
.presentation_apply_list .col-attend {width:100px;}
.presentation_apply_list th,.presentation_apply_list td {padding:16px 10px; border-bottom:1px solid var(--border); box-sizing:border-box; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:var(--basic); text-align:center; vertical-align:middle; word-break:keep-all;}
.presentation_apply_list thead th {padding:17px 0; font-weight:600; color:var(--black);}
.presentation_apply_list td.left {text-align:left;}
.presentation_apply_list td.info .info_in {display:flex; flex-direction:column; gap:5px; align-items:flex-start; justify-content:center;}
.presentation_apply_list td.info .date {color:var(--main); letter-spacing:0; line-height: 140%;}
.presentation_apply_list td.info .info-tit {color:var(--black); line-height: 160%;}
.presentation_apply_list td.applicant .info_in {display:flex; flex-direction:column; gap:5px; align-items:center; justify-content:center;}
.presentation_apply_list td.applicant .info_in p{line-height: 140%;}
.presentation_apply_list td.status.complete,.presentation_apply_list td.status.onsite {font-weight:600; color:var(--main);}
.presentation_apply_list td.status.cancel,.presentation_apply_list td.status.end {font-weight:400; color:var(--basic);}
.presentation_apply_list td.status .status_form {display:inline-flex; align-items:center; gap:4px;}
.presentation_apply_list td.status .status_select {width:90px; height:36px !important; padding:0 28px 0 10px; border:1px solid var(--border); background-color:var(--white); background-position:right 8px center; background-size:10px auto; box-sizing:border-box; font-size:0.8889rem; line-height:175%; letter-spacing:var(--letter-spacing-default); color:var(--basic); outline:none; cursor:pointer;}
.presentation_apply_list td.status .status_btn {display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 12px; border:0; border-radius:0; background:var(--black); box-sizing:border-box; font-size:0.8889rem; line-height:175%; letter-spacing:var(--letter-spacing-default); color:var(--white); cursor:pointer;}
.presentation_apply_list td.attend .attend_form {display:inline-flex; align-items:center; justify-content:center;}
.presentation_apply_list td.attend .attend_btn {display:inline-flex; align-items:center; justify-content:center; min-width:64px; height:32px; padding:0 10px; border:1px solid var(--border); border-radius:500px; background:var(--white); box-sizing:border-box; font-size:0.8333rem; line-height:1; letter-spacing:var(--letter-spacing-default); color:rgba(42,38,35,0.6); cursor:pointer; transition:background .2s, border-color .2s, color .2s;}
.presentation_apply_list td.attend .attend_btn:hover {border-color:var(--main); color:var(--main);}
.presentation_apply_list td.attend .attend_btn.on {border-color:var(--main); background:var(--main); font-weight:600; color:var(--white);}
.presentation_apply_list td.attend .attend_btn.on:hover {background:var(--sub); border-color:var(--sub); color:var(--white);}.presentation_apply_list td.btn .btn_wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;}
.presentation_apply_list td.btn .btn_edit,.presentation_apply_list td.btn .btn_cancel {display:inline-flex; align-items:center; justify-content:center; width:58px; height:32px; border-radius:var(--borderR5); box-sizing:border-box; font-size:0.7778rem; line-height:185.71%; letter-spacing:var(--letter-spacing-default); text-align:center;}
.presentation_apply_list td.btn .btn_edit {background:var(--black); color:var(--white);}
.presentation_apply_list td.btn .btn_cancel {border:1px solid var(--border); background:var(--white); color:var(--basic);}

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

/* PRESENTATION — VIEW */
.presentation_view .col-th {width:260px;}
.presentation_view th,.presentation_view td {padding:14px 16px;}

/* PRESENTATION — APPLY VIEW */
.apply_view .col-th {width:260px;}
.apply_view th,.apply_view td {padding:14px 16px;}

/* PRESENTATION — APPLY */
.apply_input .col-th {width:260px;}
.apply_input th {padding:12px 16px;}

/* PRESENTATION — PRIVACY */
.apply_pri_box {padding:28px 30px;}

/* PRESENTATION — LIST */
.presentation_apply_list .col-no {width:60px;}
.presentation_apply_list .col-applicant,.presentation_apply_list .col-student {width:160px;}
.presentation_apply_list .col-people,.presentation_apply_list .col-date {width:90px;}
.presentation_apply_list .col-status {width:160px;}
.presentation_apply_list .col-btn {width:80px;}
.presentation_apply_list .col-attend {width:84px;}
.presentation_apply_list th,.presentation_apply_list td {padding:14px 6px; font-size:0.8889rem; line-height:175%;}
.presentation_apply_list thead th {padding:14px 0;}

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

/* PRESENTATION — VIEW */
.presentation_view .col-th {width:200px;}
.presentation_view th,.presentation_view td {padding:14px 12px; font-size:0.8889rem; line-height:175%;}

/* PRESENTATION — APPLY VIEW */
.apply_view .col-th {width:200px;}
.apply_view th,.apply_view td {padding:14px 12px; font-size:0.8889rem; line-height:175%;}

/* PRESENTATION — APPLY */
.apply_input .col-th {width:180px;}
.apply_input th,.apply_input td {padding:12px 10px; font-size:0.8889rem; line-height:175%;}
.apply_input .input,.apply_input .select {height:48px; font-size:0.8889rem;}
.apply_input .select_phone,.apply_input .input_phone {width:120px;}
.apply_input .select_region {width:180px;}

/* PRESENTATION — PRIVACY */
.apply_pri_box {padding:24px 25px; gap:12px;}
.apply_pri_box .apply_pri_tit {font-size:1.1111rem; line-height:160%;}
.apply_pri_box .textarea {height:130px; padding:16px 18px; font-size:0.8889rem; line-height:175%;}

/* PRESENTATION — BTN */
.apply_btn .btn_submit,.apply_btn .btn_cancel {width:180px; height:56px; font-size:1rem; line-height:166.67%;}

/* PRESENTATION — LIST */
.presentation_apply_list .col-no,
.presentation_apply_list th.no,
.presentation_apply_list td.no{display: none;}
.presentation_apply_list th, .presentation_apply_list td{font-size: 0.833rem;}
}
/*******************************************************************************
    @media ~980px
*******************************************************************************/
@media all and (max-width:980px){

/* PRESENTATION — VIEW */
.presentation_view table {table-layout:auto; border-top:2px solid var(--main);}
.presentation_view colgroup {display:none;}
.presentation_view,.presentation_view tbody,.presentation_view tr,.presentation_view th,.presentation_view td {display:block; width:100%;}
.presentation_view th,.presentation_view td {padding:12px 16px; border-right:0; border-bottom:0; box-sizing:border-box;}
.presentation_view th {background:var(--grayBg);}
.presentation_view td {background:var(--white); border-bottom:1px solid var(--border);}

/* PRESENTATION — APPLY VIEW */
.apply_view table {table-layout:auto;}
.apply_view colgroup {display:none;}
.apply_view,.apply_view tbody,.apply_view tr,.apply_view th,.apply_view td {display:block; width:100%;}
.apply_view th,.apply_view td {padding:12px 16px; border-right:0; border-bottom:0; box-sizing:border-box;}
.apply_view th {background:var(--grayBg);}
.apply_view td {background:var(--white); border-bottom:1px solid var(--border);}

/* PRESENTATION — APPLY */
.apply_input table {table-layout:auto;}
.apply_input colgroup {display:none;}
.apply_input,.apply_input tbody,.apply_input tr,.apply_input th,.apply_input td {display:block; width:100%;}
.apply_input th,.apply_input td {padding:12px 16px; border-right:0; border-bottom:0; box-sizing:border-box;}
.apply_input th {background:var(--grayBg);}
.apply_input td {background:var(--white); border-bottom:1px solid var(--border);}
.apply_input .select_region {width:calc(50% - 2px);}

/* PRESENTATION — PRIVACY */
.apply_pri_box {padding:20px;}
.apply_pri_message {flex-wrap:wrap; gap:12px;}
.apply_pri_message > span {width:100%;}

/* PRESENTATION — BTN */
.apply_btn {padding:25px 0 0;}
.apply_btn .btn_submit,.apply_btn .btn_cancel {width:160px; height:52px;}

/* PRESENTATION — LIST */
.presentation_apply_list {border-top:2px solid var(--main);}
.presentation_apply_list colgroup {display:none;}
.presentation_apply_list thead {display:none;}
.presentation_apply_list,.presentation_apply_list tbody,.presentation_apply_list tr,.presentation_apply_list td {display:block; width:100%;}
.presentation_apply_list tr {padding:12px 0; border-bottom:1px solid var(--border); box-sizing:border-box;}
.presentation_apply_list td {display:flex; align-items:flex-start; gap:12px; padding:2px 0; border-bottom:0; text-align:left; box-sizing:border-box;}
.presentation_apply_list td::before {content:attr(data-th); display:block; width:90px; flex-shrink:0; font-weight:600; color:var(--black);}
.presentation_apply_list td.info .info_in,.presentation_apply_list td.applicant .info_in {align-items:flex-start; gap: 2px;}
.presentation_apply_list td.status .status_form {flex-wrap:wrap;}
.presentation_apply_list td.btn .btn_wrap {flex-direction:row; gap:6px;}
.presentation_apply_list th, .presentation_apply_list td{font-size: 0.889rem;}


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

/* PRESENTATION — VIEW */
.presentation_view th,.presentation_view td {padding:10px 14px; font-size:0.8889rem;}

/* PRESENTATION — APPLY VIEW */
.apply_view th,.apply_view td {padding:10px 14px; font-size:0.8889rem;}

/* PRESENTATION — APPLY */
.apply_input_msg{padding: 0 0 10px;}
.apply_input th,.apply_input td {padding:10px 14px; font-size:0.8889rem;}
.apply_input .input,.apply_input .select {height:44px; padding-left:10px;}
.apply_input .select_sm {width:80px;}
.apply_input .select_phone,.apply_input .input_phone {width:100%; flex: 1;}
.apply_input .select_region {width:100%;}
.apply_input .dash{width: 20px;}

/* PRESENTATION — PRIVACY */
.apply_pri_box {margin:10px 0 0; padding:16px; gap:10px;}
.apply_pri_box .apply_pri_tit {font-size:1rem; line-height:166.67%;}
.apply_pri_box .textarea {height:120px; padding:14px 15px; font-size:0.8333rem; line-height:175%;}
.apply_pri_message .apply_pri_agree {gap:14px;}
.apply_pri_message .apply_pri_agree input[type="radio"] {width:18px; height:18px;}
.apply_pri_message .apply_pri_agree input[type="radio"]:checked {background:radial-gradient(circle, var(--main) 0 5px, var(--white) 6px 100%);}
.apply_pri_message > span,.apply_pri_message .apply_pri_agree span {font-size:0.8889rem; line-height:175%;}

/* PRESENTATION — BTN */
.apply_btn {padding:20px 0 0; gap:6px;}
.apply_btn .btn_submit,.apply_btn .btn_cancel {width:calc(50% - 3px); height:48px; padding:0 10px; font-size:0.8889rem; line-height:175%;}

/* PRESENTATION — LIST */
.bbs_search dt{width: 90px;}
.presentation_apply_list td {font-size:0.8889rem; line-height:175%;}
.presentation_apply_list td::before {width:80px;}

}