@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
li{list-style: none;}
a { text-decoration: none;}
img { display: block;}
fieldset { border : none}
input[type=button],input[type=submit] { cursor: pointer; }
* { margin: 0; padding: 0; word-break: keep-all; outline: none; box-sizing: border-box; }
caption{width:0;height:0;padding:0;font-size:0;opacity:0}

:root{
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  :root{
    font-size: 14px
  }
}

input[type=number] { -moz-appearance: textfield; appearance: textfield; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { margin: 0; appearance: textfield; -moz-appearance: textfield; -webkit-appearance: none; }

.donate_box { display: none; }

/**** 온라인약정서1 ****/
.sub_text { position: relative; margin: 30px auto;}
.sub_text h3 {font-size: 1.625rem; color: #000; line-height: 1.2; font-weight: 600; }
.sub_text p {font-size: 1rem; color: #232323; line-height: 1.6; margin-top:10px}
.requ_table { width: 100%; margin-top: 20px}
.requ_table tr { border-bottom: 1px solid #d9d9d9; height: 55px; }
.requ_table tr:first-child { border-top: 1px solid #d9d9d9}
.requ_table th { background: #E3E8F5; border-right: 1px solid #d9d9d9; font-weight: 400;}
.requ_table td { border-right: 1px solid #d9d9d9; padding: 0 1%; position: relative}
.requ_table td>div{ position: relative; width: 100%; display: flex; align-items: center; justify-content: center;}
.requ_table tr:nth-child(3n+1) td:last-child { border-right: 0;}
.requ_table.mb {display: none;}
.requ_table [type="checkbox"] { top: 1px; }

.mb {display: none;}

@media screen and (max-width: 1023px) {
  .mb {display: inline; margin-right: 5px}
  /* .requ_table.pc{display: none} */
  colgroup { display: none;}
  .requ_table tr:nth-child(3n) { margin-bottom: 8px }
  .requ_table tr {display: flex;position: relative;flex-direction: column;height: auto;min-height: 55px;margin: 0 auto;justify-content: center;border: 1px solid #d9d9d9;border-width: 0 1px 1px;}
  .requ_table tr > * { order: 2}
  .requ_table tr th[rowspan="6"]{ display: none; }
  .requ_table tr th { display: flex; align-items: center; min-height: 55px; font-weight: 600; border-top: 1px solid #d9d9d9; order: 0; text-align: left; padding: 0 5%;}
  .requ_table td { border:0; padding: 0 5%; min-height: 55px; display: flex; align-items: center;  text-align: left; }
  .requ_table tr:nth-child(3n+1) td:last-child {border-right-width: 1px}
  .requ_table tr td[rowspan="3"] { order:1; position: absolute; top: 0; right: 0;}
  .requ_table.mb{display: block;}
  .requ_table.mb > div { margin: 5% auto; border: 1px solid #d9d9d9; border-width: 0 1px; width: 96% }
  .requ_table.mb .requ_table_box p { min-height: 55px; display: flex; align-items: center; line-height: 1.6; font-size: 1rem; border-bottom: 1px solid #d9d9d9; padding: 0 5%}
  p[role="heading"]{font-size: 1.125rem; background: #E3E8F5; min-height: 80px; display: flex; align-items: center; justify-content: center; font-weight: 600; border: 1px solid #d9d9d9; border-width: 1px 0; text-align: center;}
  .requ_checkbox { padding: 2% 0; display: flex; align-items: center; justify-content: center; background: #f0f0f0; border-bottom: 1px solid #d9d9d9;}
  .requ_box .requ_agree_box { margin: auto; border: 1px solid #d9d9d9; border-width: 1px 0;}
  .requ_agree_input { background: #f0f0f0; border-top: 1px solid #d9d9d9}
  .requ_box .requ_cau { width: 96%; margin: 0 auto;}
}

.requ_box .requ_cau { font-size: 0.875rem; color: #707070; line-height: 1.8; }
.requ_box .requ_cau::before { content:"※"; position: relative; display: inline-block; margin-right: 3px; }
.requ_box .requ_agree_box { position: relative; margin-top: 40px;}
.requ_box .requ_agree_box .requ_agree { border: 1px solid #d9d9d9; border-width: 1px 0;}
.requ_box .requ_agree_box li { display: flex; justify-content: space-between; align-items: center; } 
.requ_box .requ_agree_box .requ_agree > li > div { display: flex; padding: 20px 2%; align-items: center;}
.requ_box .requ_agree_box .requ_agree_text { flex-basis: 55%; background: #f0f0f0; }
.requ_box .requ_agree_box .requ_agree_input {  position: relative; display: flex; align-items: center; justify-content: center; flex-basis: 45%; }
.requ_box .requ_agree_box .requ_agree_input [type="checkbox"] { margin-right: -20px; top: 2px; }

.requ_box.all_box .requ_agree_box .requ_agree_text { background: #E3E8F5; font-weight: 600; }
.requ_box.all_box .requ_agree_box .requ_agree_text .border { border-bottom: 1px solid #707070;}

.confirm_btn { position: relative; margin: 30px auto; display: block; font-size: 1.125rem; background:#1E2E55; height: 58px; line-height: 58px; border: 1px solid #1E2E55; min-width: 180px; font-weight: 400; border-radius: 0; color: #FFF}
.confirm_btn:hover { background: #FFF; color: #1E2E55}
.confirm_btn.confirm_btn2 { position: relative; margin: 0 auto; display: block; font-size: 1.125rem; background:#1E2E55; height: 42px; line-height: 42px; border: 1px solid #1E2E55; min-width: 120px; font-weight: 400; border-radius: 0; color: #FFF}

/* 체크박스 */
input[type=checkbox] + label { position: relative; }
input[type=checkbox] + label:before { content: ""; display: inline-block;  width: 16px; height: 16px; border: 1px solid #707070; background: #FFF; margin-right: 8px; border-radius: 3px; margin-bottom: -2px; }
/*input[type=checkbox]:checked + label:before { background: #1E2E55 url("../images/check_img_w.svg") center / contain; border: 1px solid #1E2E55}*/
input[type=checkbox]:checked + label:before { background-color: #1E2E55; border-color: #1E2E55; }
input[type=checkbox]:checked + label:after { content: ""; width: 6px; height: 12px; border: 0 solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: -3px; left: 6px; bottom:0; margin: auto 0}

@media screen and (max-width: 1023px) {
  .requ_box .requ_agree_box li { flex-direction: column; align-items: unset; text-align: center; }
  .requ_box .requ_agree_box .requ_agree > li > div { padding-left:5%; justify-content: center; }
  

}
@media screen and (max-width: 640px) {

  .sub_text{ align-items: center;}
  .requ_box > .sub_title { text-align: center; font-size: 1.625rem;}
  .confirm_btn { line-height: 48px; height: 48px}
}


/* 마크 */
mark{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;font-size:.9em;line-height:1.5;padding:0 .5em;/* color:#fff; */display:inline-block;/* zoom:1; */*display:block;}
mark.must {width: 10px; position: relative; top: 6px; display: inline-block; background: url('../images/ico-mark.png') no-repeat; text-indent: -9999px;}


/***** 온라인 약정서 탭 2 *****/


.red_text { color: #f00}
.egm_box input { text-align: center;}
input[type=radio]+label { position: relative; padding-left: 21px}
input[type=radio]+label::before { content:""; position: absolute; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #707070; display: inline-block; top: 50%; transform: translateY(-50%); left:0}
input[type=radio]+label::after { content:""; width: 10px; height: 10px; border-radius: 50%;  display: inline-block;  position: absolute; left:3px; top: 50%; transform: translateY(-50%)}
input[type=radio]:checked+label::before {  border-color: #1E2E55;}
input[type=radio]:checked+label::after {  background: #1E2E55;}
.egm_box select { text-align: center;}
.egm_box select, .egm_box input:not([type="checkbox"]):not([type="radio"]) { height: 39px; border: 1px solid #707070;border-radius: 4px;}
.search_keyword select { text-align: center; height: 39px;  border: 1px solid #707070; border-radius: 4px}
.requ_form { margin: 5% auto}
.egm_box .egm_box_inner { display: flex; align-items: center; background: #EEE; min-height: 55px; line-height: 1.6}
.egm_box .egm_box_inner > div:first-child { flex-basis: 16%; display: flex;  align-items: center; justify-content:center; line-height: 55px;}
.egm_box .egm_box_inner > div:last-child { padding: 0 2%; flex-basis: 84%;}
.egm_box_inner input[type=button] { display: block; width: 153px; max-width: 153px; height: 39px; border-radius: 4px; border: 1px solid #1E2E55; background: transparent; color: #1E2E55; font-weight: 500; font-size: 1rem;}
.requ_search_btn input[type=button] { display: block; width: 153px; max-width: 153px; height: 39px; border-radius: 4px;background: #1E2E55; color:#FFF; font-weight: 500; font-size: 1rem;}
.egm_box .egm_box_inner input[type=button]:hover {background: #1E2E55; color:#FFF}
.requ_search_btn input[type=button]:hover {border: 1px solid #1E2E55; background: transparent; color: #1E2E55; }
.notbtn:hover { background: transparent; color:#1E2E55 }
.egm_box .egm_box_inner.requ_cau { padding: 0 30px}
.egm_box_inner+.egm_box_inner{ margin: 6px auto}



.egm_box.egm_box2 { display: flex; flex-wrap: wrap; margin-top:6px}
.egm_box.egm_box2>li {display: flex;flex-basis: 50%;border-bottom: 1px solid #D9D9D9;min-height: 55px;}
.egm_box.egm_box2>li:first-child{ flex-basis: 100%; border-top: 1px solid #d9d9d9} 
/* .egm_box.egm_box2>li:last-child { flex-basis: 100%; border-bottom: 1px solid #d9d9d9}  */
.egm_box.egm_box2>li>label { flex-basis: 32%; background: #E3E8F5; display: flex; align-items: center; justify-content: center;}
.egm_box.egm_box2>li>div{position: relative; flex-basis: 68%; display: flex; align-items: center; justify-content: center;}
.egm_box.egm_box2>li>div>div { width: 90%; display: flex; align-items: center; justify-content: space-between; }
.egm_box.egm_box2>li>div>div.namecheck { justify-content: flex-start; }
.egm_box.egm_box2>li>div>.num_box_div { justify-content: center; }
.egm_box.egm_box2>li>div>div>div{ display: flex; width: 90%; align-items: center; justify-content: space-between;}
.egm_box.egm_box2>li>div>div>div.namecheck { justify-content: center;}
.egm_box.egm_box2>li:first-child label { flex-basis: 16%;}
.egm_box.egm_box2>li:first-child>div{ flex-basis: 84%;}
.egm_box.egm_box2>li:first-child ul, .egm_box.egm_box2>li:last-child ul { display: flex; width: 90%; justify-content: center; align-items: center; flex-wrap: wrap;}
.egm_box.egm_box2>li:first-child ul li, .egm_box.egm_box2>li:last-child ul li{ margin: 0 2%}
.egm_box.egm_box2 input[type=radio]+label:after { left: 3px; }

@media screen and (max-width: 1120px){
  .egm_box.egm_box2>li:first-child ul li { margin: 2%}
}
#requ_form18::placeholder{text-align: right;}

.egm_box.egm_box2>li>div>select, .egm_box.egm_box2>li>div>input { width: 90%; padding: 0 2% }
.egm_box.egm_box2>li.requ_form18 input { width:calc(90% - 24px); margin-right: 8px; }
.egm_box.egm_box2>li.requ_form19 input { width:calc(90% - 24px);  margin-right: 8px; }
/* .egm_box.egm_box2 input, .egm_box.egm_box2 select { height: 39px } */
.egm_box.egm_box2>li>div>select option { text-align: center ;}

.egm_box.egm_box2>li>.sel_wrap>div{ width: 90%; justify-content: space-between;}
.egm_box.egm_box2>li>.sel_wrap>div>div{width: auto; }
.egm_box.egm_box2>li>.sel_wrap>div>div.pay_select{margin: 0 10px }
.egm_box.egm_box2>li>.sel_wrap>div>.requ_year_box { flex-basis: 48%; display: flex; }
.egm_box.egm_box2>li>.sel_wrap>div>.requ_year_box select { border-color: #707070; border-radius: 4px; }
.egm_box.egm_box2>li>.sel_wrap>div>.requ_year_box select:first-child { flex-basis: 60%;}
.egm_box.egm_box2>li>.sel_wrap>div>.requ_year_box select:last-child { flex-basis: calc(40% - 6px);}
.egm_box.egm_box2>li>.sel_wrap>div>.requ_year_box input { width: 100%; }

.egm_box.egm_box2>li>.sel_wrap>div>.requ_year_box .view:first-child { width: 60%; text-align: center;}
.egm_box.egm_box2>li>.sel_wrap>div>.requ_year_box .view:last-child { width: calc(40% - 6px); text-align: center;}

.egm_box.egm_box2.egm_box3{ margin: 3% auto; display: flex;}
.egm_box.egm_box3>li:first-child{flex-basis: 50%;/* border-top: 1px solid #d9d9d9; */} 
.egm_box.egm_box3>li:last-child { flex-basis: 50%; border-bottom: 1px solid #d9d9d9} 
.egm_box.egm_box3>li:first-child label,.egm_box.egm_box3>li:last-child label { flex-basis: 32%;}
.egm_box.egm_box3>li:first-child>div,.egm_box.egm_box3>li:last-child>div { flex-basis: 68%;}

.num-wrap > input { width: 45%;}
.num-wrap.num_box > input, .num-wrap.num_box > select { width: 30%; padding: 0 2%}
.num_box_div { width: 30%; text-align: center;}
.egm_box.egm_box2>li>div>div>.num_box_div{justify-content: center; width: 30%;}

/* .egm_box.egm_box2>li>div>div.egm_select0, */
.egm_box.egm_box2>li.egm_select2,
.egm_box.egm_box2>li > div .egm_select3 { display: none;}

.egm_box.egm_box2>li.requ_form4 >div>div { justify-content: flex-start; }


/* 2022.02.17 수정 */
.egm_box.egm_box2>li.requ_form7 { flex-basis: 100%; display: none; }
.egm_box.egm_box2>li.requ_form7 label { flex-basis: 16%; }
.egm_box.egm_box2>li.requ_form7 > div { flex-basis: 84%; }
.egm_box.egm_box2>li.requ_form7 > div input { margin: 0 auto 0 2%; width: 36.5%; }


/* 2줄 */
.egm_box.egm_box2>li.requ_form10.view>div>div{ min-height: 39px; padding: 0 10px;}
.egm_box.egm_box2>li.requ_form10.view>div>div:first-child{ margin: 2px 0; }
.egm_box.egm_box2>li.requ_form10.view>div>div:last-child{ border-bottom: 1px solid #707070; }
.egm_box.egm_box2>li.requ_form10.view>div>div>div {height: 100%;}
.egm_box.egm_box2>li.requ_form10.view>div>div>div:first-child { width: 30%; text-align: center; border: 1px solid #707070; border-radius: 4px; justify-content: center; margin-right: 6px;}
.egm_box.egm_box2>li.requ_form10.view>div>div>div:last-child { border-bottom: 1px solid #707070;}
.egm_box.egm_box2>li.requ_form10, .egm_box.egm_box2>li.requ_form11 { height: 110px }
.egm_box.egm_box2>li.requ_form10>div { position: relative; display: flex; flex-direction: column;}
.egm_box.egm_box2>li.requ_form10>div>div { display: flex; width: 90%; justify-content: space-between; align-items: center;}
.egm_box.egm_box2>li.requ_form10>div>div .post_box { width:30%;}
.egm_box.egm_box2>li.requ_form10>div>div .add_box1 { width:55%;}
.post_box,.add_box1 {border-radius: 4px; border: 1px solid #707070; min-height: 39px; justify-content: center !important;}
.egm_box.egm_box2>li.requ_form10>div>div button {  display: block; flex-basis: 28%; height: 39px; border-radius: 4px; background: #1E2E55; color:#FFF;  font-weight: 500; font-size: 1rem; margin: 0 6px}
.egm_box.egm_box2>li.requ_form10>div>div button:hover {border: 1px solid #1E2E55; background: transparent; color: #1E2E55;}
.egm_box.egm_box2>li.requ_form10>div input { height:39px; margin: 2px 0; width: 90%; }
.egm_box.egm_box2>li.requ_form11 {flex-direction: column;}
.egm_box.egm_box2>li.requ_form11 li { display: flex; align-items: center; height: 55px; }
.egm_box.egm_box2>li.requ_form11 li {border-bottom: 1px solid #d9d9d9;}
.egm_box.egm_box2>li.requ_form11 li label { flex-basis: 32%; background: #E3E8F5; display: flex; align-items: center; justify-content: center; height:100%;}
.egm_box.egm_box2>li.requ_form11 li>div { flex-basis: 68%; display: flex; align-items: center; justify-content: center;}
.egm_box.egm_box2>li.requ_form11 li>div>div { display: flex; width: 90%; justify-content: space-between; align-items: center;}
.egm_box.egm_box2>li.requ_form21 ul { flex-wrap: wrap;}
.wrap-contents ul > li > ul { margin-top: 0 }


/* form 끝 */
/* 납부방법 시작 */
.egm_box.payments { margin: 3% auto}
.egm_box.payments>li { margin: 3% auto; display: none;}
.egm_box.payments>li:first-child{display: block;}
.egm_box.payments.payments2>li:first-child { display: none}
.payments p[class*=cau] { background: #EEE; min-height: 55px; line-height: 55px; text-align: center; margin: 3% 0 6px;}
.payments div[class*=wrap] { /*border: 1px solid #d9d9d9;*/ display: flex;}
.payments div[class*=wrap] .cms_box { flex-basis: 50%;}
.payments div[class*=wrap] .cms_box.cms_box1 { display: flex; }
.payments div[class*=wrap] .cms_box .payment_tit{ flex-basis: 32%; background: #E3E8F5; display: flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-width: 1px 0; line-height: 55px;}
.payments div[class*=wrap] .cms_box.cms_box1 .payment_tit+div { flex-basis: 68%; display: flex; flex-direction: column; align-items: center;}
.payments div[class*=wrap] .cms_box.cms_box1 .payment_tit+div>div { flex: 1; min-height: 55px; display: flex; align-items: center; width: 100%; padding: 0 5%; justify-content: space-between; border-bottom: 1px solid #d9d9d9;}
.payments div[class*=wrap] .cms_box.cms_box1 .payment_tit+div>div:first-child { border-top: 1px solid #d9d9d9}
.payments div[class*=wrap] .cms_box.cms_box1 .payment_tit+div>div select { flex-basis: 60%; padding: 0 2%}
.payments div[class*=wrap] .cms_box.cms_box1 .payment_tit+div>div ul { display: flex ; flex-wrap: wrap;}
.payments div[class*=wrap] .cms_box.cms_box1 .payment_tit+div>div ul li { margin: 0 3px}
.payments div[class*=wrap] .cms_box.cms_box2>div { display: flex; height: 55px; align-items: center; border-bottom: 1px solid #d9d9d9;}
.payments div[class*=wrap] .cms_box.cms_box2>div:first-child{ border-top: 1px solid #d9d9d9}
.payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit { flex-basis: 32%; text-align: center; background: #E3E8F5; line-height: 55px; min-height: 55px;}
.payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit:first-child { border: 0}
.payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit+div { flex-basis: 68%; display: flex; align-items: center; justify-content: center;}
.payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit+div>.account { width: 90%; display: flex; justify-content: space-between; align-items: center;}
.payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit+div>.account input { width: 60%}
.payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit.payment_tit2+div {justify-content: center;}

.payments div[class*=wrap] .cms_box.cms_box2>div:nth-child(1) .payment_tit+div input {flex-basis: 90%;}

.egm_box.payments .contributor_chk { margin-bottom: 12px; padding-left: 5px; }
.egm_box.payments .contributor_chk input[type="checkbox"] { margin: auto 0; position: absolute; top: 2px; bottom: 0; left: 5px; }
.egm_box.payments + .requ_box { margin-top: -2.5%; }



#datepicker{width: 100%}

.egm_box.egm_box2>li.requ_form20 {border-top: 1px solid #d9d9d9;}

.payments .per_box { display: flex; width: 100%;}
.payments .per_box li { text-align: center; flex-basis: 20%; }
.payments .per_box li:nth-child(3) { flex-basis: 40%; }
.payments .per_box li div { height: 55px; display: flex; align-items: center; justify-content: center;}
.payments .per_box li div:first-child { background: #E3E8F5; border: 1px solid #d9d9d9; border-width: 1px 0;}
.payments .per_box li div:nth-child(2) { border-bottom: 1px solid #d9d9d9;}
.payments li p.red_text{ line-height: 1.6; margin: 6px 0}
.per_agree { display: flex; align-items: center; justify-content: center; margin: 3% 0}
.per_agree p { margin-right: 20px}

.payments .phone_wrap .cms_box.cms_box2>div .payment_tit+div>div { display: flex; justify-content: space-between; align-items: center;width: 90%;}
.payments .phone_wrap .cms_box.cms_box2>div .payment_tit+div>div input { width: 30%; flex-basis: 30%}

.deposit { display: flex; }
.deposit > div { display: flex; flex-basis: 50%;}
.deposit .payment_tit { flex-basis: 32%; display: flex; align-items: center; justify-content: center; background: #E3E8F5; border: 1px solid #d9d9d9; border-width: 1px 0; line-height: 55px;}
.deposit .payment_tit+ul { flex-basis: 68%;}
.deposit .payment_tit+ul>li { display: flex;  align-items: center; min-height: 55px; justify-content: center; border-bottom: 1px solid #d9d9d9; padding: 0 5%; text-align: center;}
.deposit .payment_tit+ul>li:first-child{ border-top: 1px solid #d9d9d9;}
.deposit .payment_tit+ul>li>div:first-child { flex-basis: 30% ;}
.deposit .payment_tit+ul>li>div:last-child { flex-basis: 40%;}
.deposit .payment_tit+p { display: flex; align-items: center; justify-content: center; flex-basis: 68%; border: 1px solid #d9d9d9; border-width: 1px 0; line-height: 55px;}
.deposit .deposit_box { width: 100%; }
.deposit .deposit_box img { width: 100%; }
.deposit1 .payment_tit { flex-basis: 16%;}
.deposit1 .payment_tit+ul { flex-basis: 84%;}
.deposit.staff .payment_tit { flex-basis: 16%;}
.deposit.staff .payment_tit+ul{flex-basis: 84%;}
.deposit.sol > div { display: flex; flex-direction: column;}
.deposit.sol .deposit_box {display: flex;}
.deposit.sol .payment_tit+ul>li { flex-direction: column; padding: 3% 5%}
.deposit.sol .payment_tit+ul>li>div:last-child { background: #EFEFEF; margin: 10px auto; padding: 10px 5px; border-radius: 6px; display: flex; align-items: center;}
.payments .phone_wrap .cms_box.cms_box2>div .payment_tit+div>.num-wrap input { flex-basis: 45%}
.phone_box:nth-child(2) .num-wrap { width: 90%;}
.phone_box:nth-child(2) .num-wrap input { width: 45%;}
.phone_box:last-child select { width: 30%;}
.cms_box .num-wrap { align-items: center; justify-content: space-between; width: 90%;}
.cms_box2 { justify-content: center;}

@media screen and (max-width:1023px) {
  .egm_box.egm_box2>li:last-child ul { flex-wrap: wrap; padding: 3% 0; justify-content: flex-start;}
  .egm_box.egm_box2>li:last-child ul li { flex-basis: 50%; margin: 0; }
  .egm_box .egm_box_inner > div { flex-basis:32%}
  .egm_box.egm_box2>li, .egm_box.egm_box3>li:first-child, .egm_box.egm_box3>li:last-child {flex-basis: 100%;}
  .egm_box.egm_box2>li:first-child label, .egm_box.egm_box2>li:last-child label, .egm_box.egm_box2>li>label, .egm_box.egm_box2>li.requ_form11 li label, .egm_box.egm_box2>li.requ_form7 label { flex-basis: 32%;}
  .egm_box.egm_box2>li:first-child>div,.egm_box.egm_box2>li:last-child>div, .egm_box.egm_box2>li>div,.egm_box.egm_box2>li.requ_form11 li>div, .egm_box.egm_box2>li.requ_form7 > div { flex-basis: 68%;}
  .egm_box.egm_box2>li:first-child ul li { margin: 2% 2px}
  .payments>li>div[class*=wrap] { flex-direction: column;}
  .payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit+div { flex-direction: row;}
  .payments .per_box { flex-wrap: wrap;}
  .payments .per_box li,.payments .per_box li:nth-child(3) { flex-basis: 50%;}
  .payments .per_box li div:first-child { border-width: 0 0 1px 0;}
  .payments .per_box li:nth-child(1) div,.payments .per_box li:nth-child(2) div { border-width: 1px 0}
  .payments li p.red_text { text-align: center;}
  .payments div[class*=wrap] .cms_box .payment_tit { border-width: 1px 0 0 ; flex-basis: 32%;}
  .payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit,.deposit .payment_tit { flex-basis: 32%;}
  .payments div[class*=wrap] .cms_box.cms_box1 .payment_tit+div, .deposit .payment_tit+ul,.payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit+div { flex-basis: 68%;}
  .payments div[class*=wrap] .cms_box.cms_box2>div:first-child { border: 0 }
  .deposit { flex-direction: column;}
  .deposit div:last-child .payment_tit,.deposit div:last-child .payment_tit+p { border-width: 0 0 1px;}
  .deposit.staff .payment_tit+ul>li:first-child { border: 0 }
  .payments div[class*=wrap] .cms_box.cms_box2>div { border-top: 1px solid #d9d9d9}
  .payments div[class*=wrap] .cms_box.cms_box2>div:last-child {border-top: 0}
  
  .egm_box.egm_box2>li.requ_form7 > div input { margin-left: 5%;}
}

@media screen and (max-width: 640px) {
  .egm_box .egm_box_inner { flex-direction: column; padding: 3% 0; align-items: center; justify-content: center;}
  .egm_box .egm_box_inner > div:first-child { line-height: 1.6;}
  .egm_box .egm_box_inner > p { margin-top: 6px; text-align: center;}
  .egm_box .egm_box_inner input[type=button] { min-width: 153px;}
  .egm_box.egm_box2>li { display: flex; flex-direction: column; height: auto;}
  .requ_form1 > div{ padding: 2% 0}
  .egm_box.egm_box2>li>label{border-bottom: 1px solid #d9d9d9;line-height: 55px;}  
  .egm_box.egm_box2>li div {line-height: 40px; width: 100%;}

  .egm_box.egm_box2>li>div { height: auto; min-height: 72px;}
  .egm_box.egm_box2>li.requ_form10>div { min-height: 125px;}
  .egm_box.egm_box2>li.requ_form11 li label { width: 100%; line-height: 55px;}
  .egm_box.egm_box2>li.requ_form10, .egm_box.egm_box2>li.requ_form11 { height: auto}
  .egm_box.egm_box2>li.requ_form11 li { flex-direction: column; height: auto;}
  .egm_box.egm_box2>li:first-child div, .egm_box.egm_box2>li>div, .egm_box.egm_box2>li.requ_form11 li>div { flex-basis: 90%;}
  .egm_box.egm_box2>li.requ_form11 li>div { width: 100%; min-height: 72px; }
  .egm_box.egm_box2>li:first-child ul, .egm_box.egm_box2>li:last-child ul  { flex-wrap: wrap;}
  .egm_box.egm_box2>li:first-child ul { justify-content: flex-start;}
  .egm_box.egm_box2>li:first-child ul li { flex-basis: 50%; margin: 0 }  
  .egm_box.egm_box2>li:last-child ul li { flex-basis: 100%;}
  .egm_box.egm_box2>li>.sel_wrap>div { justify-content: space-between;}
  .egm_box.egm_box2>li:first-child label, .egm_box.egm_box2>li:last-child label {flex-basis: 16%;}
  .egm_box.egm_box2>li:last-child>div, .egm_box.egm_box2>li>div { flex-basis:100%; }


  .payments p[class*=cau] { line-height: 1.6; height: auto; padding: 4% 0}
  .payments div[class*=wrap] .cms_box.cms_box1 {flex-direction: column;}
  .payments div[class*=wrap] .cms_box.cms_box1 .payment_tit+div, .deposit .payment_tit+ul, .payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit+div { width:  100%; flex-wrap: wrap;}
  /* .payments div[class*=wrap] .cms_box.cms_box1 .payment_tit+div>div:first-child { justify-content: center;} */
  .payments div[class*=wrap] .cms_box.cms_box2>div{ flex-direction: column; height: auto;}
  .payments div[class*=wrap] .cms_box.cms_box2>div>div{min-height: 72px;}
  .payments div[class*=wrap] .cms_box.cms_box2>div:last-child .payment_tit+div {min-height: 100px; justify-content: center;}
  .payments div[class*=wrap] .cms_box.cms_box2>div:last-child .payment_tit+div input { flex-basis: 100%; } 
  .payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit, .deposit .payment_tit{width: 100%;}
  .payments .per_box li, .payments .per_box li:nth-child(3) { flex-basis: 100%;}
  .payments .phone_wrap .cms_box.cms_box2>div .payment_tit+div>div { width: 100%}
  .payments div[class*=wrap] .cms_box.cms_box2>div { border-top: 0 }
  .payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit+div>.account {flex-direction: column;}
  .payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit+div>.account input { min-height: 39px; width: 100%; margin-bottom: 6px;}

  .payments div[class*=wrap] .cms_box.cms_box2>div .payment_tit:first-child { border: 0 }
  
  .deposit .payment_tit+ul>li:first-child { border-top:  0; }  
  .deposit .payment_tit+ul>li { flex-direction: column}
  .deposit > div { flex-direction: column;}

  .payments .per_box li:nth-child(2) div { border-width: 0 0 1px }  
}


/* 팝업 디자인 */
.popup_tit { font-size: 1.25rem; text-align: center;  color: #232323; padding: 3% 0}
table { table-layout: auto; border-collapse: collapse; width: 90%; margin: 0 auto}
.popup_wrap { max-width: 550px; height: 600px}
.search_keyword tr { height: 55px; border-bottom: 1px solid #d9d9d9;}
.search_keyword tr:first-child {border-top: 1px solid #d9d9d9}
.search_keyword th { width: 30%; text-align: left; padding: 0 5%; font-weight: 400; font-size: 1rem; background:#E3E8F5 }
.search_keyword td { position: relative; display: flex; align-items: center; justify-content: center; height: 57px;}
.search_keyword td>div{ width: 90%; margin: 0 auto; position: relative; display: flex; justify-content: space-between; align-items: center;}
.search_keyword td .td_wrap {display: inline-block; text-align: center; position: relative; }
.search_keyword td .td_wrap input[type="radio"] { margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; }
.search_keyword td .td_wrap+.td_wrap { margin-left: 16px}
.search_keyword td .td_wrap .requ_cir {margin-right: 5px}
.search_keyword input#stu_name { display: block; width: 90%; margin: 0 auto }
.search_keyword input[id^=stu_num] { width: 48%}
.search_keyword input:not([type="radio"]):not([type="checkbox"]) { height: 39px; border-radius: 4px; border: 1px solid #707070}
.search_result { margin: 5% auto}
.search_result tr { border-bottom: 1px solid #d9d9d9; }
.search_result tr:first-child {border-top: 1px solid #d9d9d9}
.search_result th { background:#E3E8F5; height: 55px; font-weight: 400; }
.search_result td { text-align: center; height: 55px;}
.confirm_btn.confirm_btn2 { margin-top:30px}

/* 주소 */
.search_keyword input:not([type="radio"]):not([type="checkbox"]) { display: block; margin: 0 auto; width: 90%; text-align: center;}
.search_keyword select { text-align: center; height: 39px;  border: 1px solid #707070; border-radius: 4px;  display: block; margin: 0 auto; width: 90%}

.egm_box input[type="radio"] { margin-right: -19px; width: 16px; height: 16px; top: 0; }

.namecheck input[type="checkbox"] { top: 1px; }
[role="radiogroup"] input[type="radio"] { margin: auto 0; position: absolute; top: -1px; bottom: 0; left: 0; }