@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=file]:focus { background: #000}
caption{width:0;height:0;padding:0;font-size:0;opacity:0}
* { box-sizing: border-box; padding: 0; margin: 0 }

:root{
  font-size: 16px;
}

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

.confirm_btn { position: relative; margin: 0 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}
/* 마크 */
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;}



.psn_box input { text-align: center;}
.psn_box select { text-align: center;}
.psn_box select, .psn_box input { height: 39px;  border: 1px solid #707070; border-radius: 4px; }


.psn_box { display: flex; flex-wrap: wrap;}
.psn_box>li { display: flex; flex-basis: 50%; border-bottom: 1px solid #D9D9D9; min-height: 55px;}
.psn_box>li>label { flex-basis: 32%; background: #E3E8F5; display: flex; align-items: center; justify-content: center;}
.psn_box>li>div{position: relative; flex-basis: 68%; display: flex; align-items: center; justify-content: center;}
.psn_box>li>div>div { width: 90%; display: flex; align-items: center; justify-content: space-between; }
.psn_box>li>div>div>div{ display: flex; width: 90%; align-items: center; justify-content: space-between;}
.psn_box>li:first-child>div>input { width: 90%}
.psn_box.psn_box1>li>div>div { width: 90% }
.psn_box.psn_box2>li:first-child,.psn_box.psn_box2>li:nth-child(2) {border-top: 1px solid #d9d9d9} 
.psn_box.psn_box3>li{ flex-basis: 100%;}
/* 사진 */
.psn_box.psn_box1>li{border-top: 1px solid #d9d9d9}
.psn_box.psn_box2>li:nth-child(2)>div>div{justify-content: flex-start; width: 90%;}
.psn_box.psn_box2>li:nth-child(2)>div>div>.user_pic { width: 85px;height: 90px; border: 1px solid #d9d9d9}
.psn_box.psn_box2>li:nth-child(2)>div>div>.user_pic img{width: 100%; height: 100%; object-fit: cover;}
.psn_box.psn_box2>li:nth-child(2)>div>div>label { margin-left: 12px; width: 110px; height: 32px; border: 1px solid #707070; text-align: center; line-height: 32px; border-radius: 32px; background: #1E2E55; color: #FFF}
.psn_box.psn_box2>li:nth-child(2)>div>div>label:hover { border-color: #1E2E55; background:#FFF; color: #1E2E55; box-shadow: 0 0 3px rgba(0,0,0,0.4);}
.psn_box.psn_box2>li:nth-child(2)>div>div>label:focus { box-shadow: 0 0 2px 3px #007db6; }
.psn_box.psn_box2>li:nth-child(2)>div>div>input { display: none; background-color: #FFF; border: 0; width: 0; height: 0; box-shadow: none; }


.psn_box.psn_box3 { width: 100%; margin-top:0}
.psn_box3>li:last-child { border-bottom: 0;}
.psn_box>li:first-child ul{ display: flex; width: 90%; justify-content: center;}
/* .user_pic { width: 80px; height: 90px; border: 1px solid #d9d9d9} */

.psn_box>li>div>select, .psn_box>li>div>input { width: 90%; }
.psn_box input, .psn_box select { height: 39px}
.psn_box>li>div>select option { text-align: center ;}

.psn_box>li>.sel_wrap>div{ width: 90%; justify-content: center;}
.psn_box>li>.sel_wrap>div>div{width: auto; }
.psn_box>li>.sel_wrap>div>div.pay_select{margin: 0 10px }
.psn_box>li>.sel_wrap>div>.psn_year_box { flex-basis: 50%; display: flex; }
.psn_box>li>.sel_wrap>div>.psn_year_box select { border-color: #707070; border-radius: 4px; }
.psn_box>li>.sel_wrap>div>.psn_year_box select:first-child { flex-basis: 60%;}
.psn_box>li>.sel_wra  p>div>.psn_year_box select:last-child { flex-basis: 35%;}
.psn1 .psn_box { margin: 0 auto 3% }
.btn_wrap { margin: 3% auto}

.num-wrap > input { width: 45%;}
.num-wrap.num_box > input, .num-wrap.num_box > select { width: 30%; padding: 0 2%}



/* 2줄 */
.psn_box>li.psn_form1,.psn_box>li.psn_form2 { height: 110px }
.psn_box>li.psn_form1>div { position: relative; display: flex; flex-direction: column;}
.psn_box>li.psn_form1>div>div { display: flex; justify-content: space-between; align-items: center;}
.psn_box>li.psn_form1>div>div .post_box { width:30%; }
.psn_box>li.psn_form1>div>div .add_box1 { width:55%}
.post_box,.add_box1 {border-radius: 4px; border: 1px solid #707070; height: 39px}
.psn_box>li.psn_form1>div>div button {  display: block; flex-basis: 28%; height: 39px; border-radius: 4px; border: 1px solid #1E2E55; background: transparent; color: #1E2E55; font-weight: 500; font-size: 1rem; max-width: 150px; margin: 0 6px}
.psn_box>li.psn_form1>div>div button:hover {background: #1E2E55; color:#FFF}
.psn_box>li.psn_form1>div input { height:39px; margin: 2px 0 }


.btn_wrap { display: flex; justify-content: center;}
.btn_wrap > li { margin: 5% 5px}




@media screen and (max-width: 1023px) {
  .psn_box .psn_box_inner { height: 80px}
  .psn_box .psn_box_inner > div { flex-basis:32%}
}
@media screen and (max-width:900px) {
  .psn_box>li {flex-basis: 100%;}
  .psn_box.psn_box2>li:nth-child(2) { border-top: 0;}
  .psn_box>li:first-child ul li, .psn_box>li:last-child ul li { margin: 0 2px}

  .psn_box>li.psn_form1>div>div { width: 90% }
  .psn_box>li.psn_form1>div>input { width: 90%; }
  
}

@media screen and (max-width: 640px) {
  .psn_box .psn_box_inner { flex-direction: column; padding: 3% 0; align-items: center; justify-content: center; height: auto;}
  .psn_box .psn_box_inner > p { margin-top: 6px}
  .psn_box .psn_box_inner input[type=button] { min-width: 153px;}
  .psn_box>li { display: flex; flex-direction: column; height: auto;}
  .psn_box>li>label{border-bottom: 1px solid #d9d9d9;}
  .psn_box>li label,.psn_box>li div { line-height: 55px;}
  .psn_box>li>div { height: auto; min-height: 72px;}
  .psn_box>li>div, .psn_box>li.psn_form11 li>div { width: 100%;}
  .psn_box>li:first-child ul, .psn_box>li:last-child ul  { justify-content: center; flex-wrap: wrap;}
  .psn_box>li:first-child ul li { flex-basis: 30%; text-align: center;}
  .psn_box>li.psn_form1,.psn_box>li.psn_form2  { height: 180px;}
  .psn_box.psn_box2>li:nth-child(2)>div>div { justify-content: center;}

  .psn_box2 { margin-top: 3em; }
  .psn_box>li.psn_form1>div>div,
  .psn_box>li.psn_form1>div>input,
  .psn_box.psn_box1>li>div>div,
  .psn_box>li:first-child>div>input,
  .psn_box>li>div>div,
  .psn_box>li>div>select,
  .psn_box>li>div>input  { width: 100%; }

  .btn_wrap > div { flex: 1; }
  .btn_wrap > div button { width: 100%; }
}


 /* 우편번호 디자인 */
.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 { width: 70%; position: relative}
.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; width: 40%; text-align: center;}
.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 { height: 39px; border-radius: 4px; border: 1px solid #707070; padding: 0 20px}
.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: 15%}

/* 주소 */
.search_keyword input { 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%}

/**/
.alet_center {text-align:center;}