@charset "UTF-8";
/* 서브상단배경 */
.cs_sub .sub_wrap .sub_tit.type01 {
  background-image: url(../img/sub/sub_bg01.jpg);
}
.cs_sub .sub_wrap .sub_tit.type02 {
  background-image: url(../img/sub/sub_bg02.jpg);
}
.cs_sub .sub_wrap .sub_tit.type03 {
  background-image: url(../img/sub/sub_bg03.jpg);
}
.cs_sub .sub_wrap .sub_tit.type04 {
  background-image: url(../img/sub/sub_bg04.jpg);
}
.cs_sub .sub_wrap .sub_tit.type05 {
  background-image: url(../img/sub/sub_bg05.jpg);
}
.cs_sub .sub_wrap .sub_tit.type06 {
  background-image: url(../img/sub/sub_bg06.jpg);
}
/* 업체정보 */
.sub_inner .join_input_wrap .formkit__item{
  flex-wrap: wrap;
}
.join_input_wrap .formkit__item .both{
  display: flex;
  flex: 1;
}
.company_inform_wrap .join_input_wrap .formkit__item-title{
  max-width: 240px;
  padding: 10px 20px;
  min-height: 75px;
}
.company_inform_wrap .join_input_wrap .formkit__item-title .input-name {
  vertical-align: middle;	
}
.company_inform_wrap .join_input_wrap .formkit__item-title.full {
  max-width: 100%;
  width: 100%;
}
.sub_inner .join_input_wrap .formkit .input-form.full{
  max-width: 100%;
}
.sub_inner .join_input_wrap .formkit .input-form{
  max-width: 400px;
}
.join_input_wrap .formkit .both .input-form {
  max-width: 100%;
}
.join_input_wrap .formkit select[disabled]{
  background-color: #f5f5f5 !important;
  opacity: 1;
}
.join_input_wrap .formkit .both .formkit__input-box.email select{
  max-width: 103px;
  font-size: 15px;
  padding: 0 15px 0 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-position: center right 10px;
}
.formkit__item-wrap + .formkit__title-box{
  margin-top: 65px;
}
.join_input_wrap .formkit__title-box .fl_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.formkit input[type=checkbox]{
  display: none !important;
}
.join_input_wrap .formkit__title-box .fl_wrap .wrap{
  display: flex;
  align-items: center;
}
.join_input_wrap .formkit__title-box .check_wrap label{
  font-size: 16px;
}
.join_input_wrap .formkit__title-box .fl_wrap .wrap .formkit__input-box.radio{
  padding: 0;
}

@media screen and (max-width: 1250px){
  .company_inform_wrap .join_input_wrap .formkit__item-title {
    max-width: 170px;
    padding: 20px 15px;
    font-size: 17px;
  }
}

@media screen and (max-width: 1024px){
  .join_input_wrap .formkit__item .both{
    flex: 100%;
  }
  .join_input_wrap .formkit__item .both:first-of-type{
    border-bottom: 1px solid #ddd;
  }
  .join_input_wrap .formkit .both .formkit__input-box.email select {
    max-width: 265px;
  }
  .join_input_wrap .formkit .both .input-form{
    max-width: 400px;
  }
}

@media screen and (max-width: 768px){
  .sub_inner .join_input_wrap .formkit .input-form{
    max-width: 100%;
  }
  .sub_inner .join_input_wrap .formkit__title-box {
    padding-bottom: 20px;
  }
  .join_input_wrap .formkit__title-box .fl_wrap{
    flex-direction: column;
    align-items: baseline;
    gap: 10px;
  }
  .join_input_wrap .formkit__title-box .check_wrap label{
    font-size: 14px;
  }
  .join_input_wrap .formkit .both .formkit__input-box.email select {
    max-width: 100%;
    font-size: 14px;
  }
  .join_input_wrap .formkit .both .input-form{
    max-width: 100%;
  }
  .company_inform_wrap .join_input_wrap .formkit__item-title{
    padding: 10px;
    min-height: 55px;
  }
  .formkit__item-wrap + .formkit__title-box {
    margin-top: 35px;
  }
}

/* 게시판 */
.ui-icon, .ui-widget-content .ui-icon{
  background-image: url(../img/sub/ui-icons_444444_256x240.png) !important;
}
.sch_box_wrap.type04.date .input_box .select_box{
  max-width: 160px;
  min-width: auto;
  width: 100%;
  flex-basis: auto;
}
.sch_box_wrap.type04.date .input_box .select_box select{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sch_box_wrap.type04.date{
  background-color: #f1f1f1;
  padding: 35px;
  justify-content: center;
  gap: 30px;
  margin-bottom: 45px;
}
.sch_box_wrap.type04.date .input_box{
  flex-basis: inherit;
}
.sch_box_wrap.type04.date .input_box .sch_box input{
  width: 287px;
}
.sch_box_wrap.type04.date .input_box .sch_box .total_reset_btn {
  height: 40px;
}
.ui-datepicker-trigger{
  display: none !important;
}
.date_picker_wrap{
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 18px;
}
.date_picker_wrap input.date_picker{
  width: 170px;
  line-height: 38px;
  border: 1px solid #a7a7a7;
  padding: 0 18px;
  background: #fff url(../img/sub/ico_datepicker.png) no-repeat center right 12px;
  font-size: 18px;
}
.date_picker_wrap input.date_picker_range{
  width: 170px;
  line-height: 38px;
  border: 1px solid #a7a7a7;
  padding: 0 18px;
  background: #fff url(../img/sub/ico_datepicker.png) no-repeat center right 12px;
  font-size: 18px;
}
.ui-datepicker-title{
  display: flex;
  gap: 6px;
  justify-content: center;
}
.ui-datepicker-month,
.ui-datepicker-year{
  background:#fff url(../img/sub/ico_select04.png) no-repeat center right 10px;
  padding: 6px 10px 3px;
  background-size: 10px auto;
}
.sch_box_wrap.type04 .util_btn_wrap{
  display: flex;
  gap: 10px;
}
.sch_box_wrap.type04 .util_btn_wrap :is(a, button){
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  width: 135px;
  height: 46px;
  cursor: pointer;
}
.sc_board .mobile{
  display: none;
}
.sc_board .check_wrap input[type="checkbox"]+label:before{
  margin-right: 0;
}
.sc_board .board_wrap .board_list.type01 .tr .board_tit a{
  font-size: 20px;
  text-align: center;
  display: block;
  padding-right: 0;
  font-weight: 300;
}
.sc_board .board_wrap .board_list.type01 .tr:hover .board_tit a{
  text-decoration: underline;
  font-weight: 500;
  text-underline-offset: 3px;
}
.board_wrap span.tag{
  width: 90px;
  height: 36px;
  color: var(--tag_color);
  border: 1px solid var(--tag_color);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-weight: 500;
}
.board_wrap span.tag.wait{
  color: #325391 !important;
  border: 1px solid #26498b;
}
.board_wrap span.tag.end{
  color: #000 !important;
  border: 1px solid #868686;
}
.board_wrap span.tag.ing{
  color: #18a9af !important;
  border: 1px solid #25aeb3;
}
.sc_board .board_wrap .board_list.type01 .tr .board_num:has(input[type="checkbox"]){
  width: 50px;
}
.sc_board .board_wrap .board_list.type01 .tr .board_num {
  width: 110px;
  display: table-cell;
}
.sc_board .board_wrap .board_list.type01 .tr .board_writer{
  width: 120px;
}
.sc_board .board_wrap .board_list.type01 .tr > td{
  padding: 0 5px;
  font-weight: 300;
}
.board_wrap .board_list.type01 .tr .board_tit span{
  text-align: center;
  display: block;
}
.board_wrap .board_list.type01 .thead .board_tit{
  font-weight: 500;
}
.board_wrap .board_list.type01 th.board_number{
  width: 11%;
}
.board_wrap .board_list.type01 th.board_company{
  width: 11%;
}
.board_wrap .board_list.type01 th.board_call{
  width: 15%;
}
.sc_board .board_wrap .board_list.type01 .tr > td a:hover{
  text-decoration: underline;
  text-underline-offset: 0.2em;
  /* font-weight: 500; */
}
@media screen and (max-width:1024px){
  .sch_box_wrap.type04.date{
    flex-direction: column;
    gap:10px;
  }
  .date_picker_wrap{
    width: 100%;
  }
  .sch_box_wrap.type04.date .input_box{
    flex-basis: 0;
    width: 100%;
  }
  .date_picker_wrap input.date_picker{
    flex: 1;
    min-width: 0;
  }
  .date_picker_wrap input.date_picker_range{
    flex: 1;
    min-width: 0;
  }
  .sch_box_wrap.type04.date > div{
    max-width: 520px;
  }
}
@media screen and (max-width:768px){
  .sc_board .mobile{
    display: block;
  }
  .sch_box_wrap.type04.date .input_box .select_box{
    max-width: 100%;
  }
  .sc_board .board_wrap .board_list.type01 .tr .board_num:has(input[type="checkbox"]){
    width: auto;
    padding-top: 3px;
    padding: 3px 0 0;
    margin-right: 15px;
  }
  .sc_board .board_wrap .board_list.type01 .tr > td,
  .sc_board .board_wrap .board_list.type01 .tr .board_tit a{
    font-size: 16px;
  }
  .sc_board .board_wrap .board_list.type01 .tr.notice_row .board_tit{
    width: 100%;
    margin-bottom: 0;
  }
  .sc_board .board_wrap .board_list.type01 .tr .board_tit a{
    text-align: left;
    white-space: nowrap;
  }
  .sc_board .board_wrap .board_list.type01 .tr > td:not(:first-of-type, :last-of-type, .board_writer)::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 7px -1px 10px;
    background: #cbcbcb;
  }
  .sc_board .board_wrap .board_list.type01 .tr > td:has(.tag)::after{
    background-color: transparent;
    margin: 0 5px -1px 5px;
  }
  .sc_board .board_wrap .board_list.type01 .tr .board_writer{
    justify-content: space-between;
  }
  .check_wrap input[type="checkbox"]{
    inset: 0;
  }
  .sc_board .board_wrap .board_list.type01 .tr > td{
    padding: 0;
  }
  .sc_board .board_wrap .board_list.type01 .tr .board_num{
    width: auto;
    display: flex;
    align-items: center;
  }
  .sc_board .board_wrap .board_list.type01 table:not(.scroll) .tr .board_num{
    display: flex;
  }
  .board_wrap span.tag{
    width: 70px;
    height: 26px;
    font-size: 14px;
  }
  .sc_board .board_wrap .board_list.type01 .tr.notice_row{
    gap: 6px 0;
  }
  .date_picker_wrap{
    font-size: 16px;
    gap: 7px;
  }
  .date_picker_wrap span:first-of-type{
    display: none;
  }
  .date_picker_wrap span.bar{
    display: block;
  }
  .date_picker_wrap input.date_picker{
    font-size: 16px;
    width: calc(50% - 11px);
    background-size: 16px auto;
  }
  .date_picker_wrap input.date_picker_range{
    font-size: 16px;
    width: calc(50% - 11px);
    background-size: 16px auto;
  }
  .sch_box_wrap.type04.date{
    padding: 20px;
  }
  .sch_box_wrap.type04.date > div{
    max-width: 100%;
  }
  .sch_box_wrap.type04.date{
    margin-bottom: 30px;
  }
  .sch_box_wrap.type04 .util_btn_wrap{
    justify-content: flex-end;
    width: 100%;
  }
  .sch_box_wrap.type04 .util_btn_wrap :is(a, button){
    width: 100px;
    height: 45px;
    font-size: 14px;
  }
  .sc_board.type02 .board_wrap .board_list.type01 .tr.notice_row .board_tit.m_hide{
    font-size: 0;
    display: block;
    min-width: 100%;
  }
  .sc_board.type02 .board_wrap .board_list.type01 .tr.notice_row .board_tit.m_hide span{
      font-size: 0;
    }
  .sc_board.type02 .board_wrap .board_list.type01 .tr.notice_row .board_tit{
    max-width: 50%;
  }
  .sc_board.type02 .board_wrap .board_list.type01 .tr.notice_row .board_tit.line{
    width: auto;
    max-width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .sc_board.type02 .board_wrap .board_list.type01 .tr.notice_row .board_tit.line a{
    white-space: nowrap;
    display: block;
    max-width: 100%;
  }
  .sc_board.type02 .board_wrap .board_list.type01 .tr > td.board_tit.line{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sc_board.type02 .board_wrap .board_list.type01 .tr > td.board_tit.line::after,
  .sc_board.type02 .board_wrap .board_list.type01 .tr > td.board_writer.line::after{
    content: '';
    display: inline-block !important;
    width: 1px;
    height: 13px;
    margin: 0 7px -1px 10px;
    background: #cbcbcb;
  }
  .sc_board .board_wrap .board_list.type01 .tr .board_writer{
    max-width: calc(100% - 35px);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    text-align: left;
  }
  .sch_box_wrap.type04.date .input_box .sch_box .total_reset_btn {
    margin-left: 3px;
  }
}

/* 접수정보 */
.sub_inner .join_input_wrap .formkit input[type=radio]{
  width: 22px;
  height: 22px;
  background-image: url(../img/sub/ico_radio_btn.png);
  margin-top: 2px;
}
.company_inform_wrap .radiobox_wrap{
  gap: 7px 30px;
  flex-wrap: wrap;
  align-content: center;
}
.sub_inner .join_input_wrap .formkit .radiobox_wrap label{
  font-size: 16px;
}
.caution_info_wp{
  border: 1px solid #d2d2d2;
  padding: 25px 30px;
  margin: 0 auto 50px;
}
.caution_info_wp.type02{
  background-color: #fdfcf6;
}
.join_input_wrap .formkit__title-box + .formkit .caution_info_wp{
  margin: 0 auto 40px;
}
.caution_info_wp .tit{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
.caution_info_wp.type02 .tit {
  position: relative;
  padding-left: 25px;
  color: #e45149;
}
.caution_info_wp.type02 .tit::before {
  content: '';
  display: block;
  width: 19px;
  aspect-ratio: 1 / 1;
  background: url(../img/sub/ico_warning.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 7px;
  left: 0px;
}
.caution_info_wp .circle_list > li{
  font-size: 18px;
}
.caution_info_wp .circle_list > li + li {
  margin-top: 5px;
}
.caution_info_wp .circle_list > li::before{
  width: 5px;
  height: 5px;
}
.company_inform_wrap .radiobox_wrap.type01 .radio{
  display: flex;
  align-items: flex-start;
}
.company_inform_wrap .radiobox_wrap.type01 label{
  padding-top: 1px;
}
.company_inform_wrap .formkit__input-box{
  flex-wrap: wrap;
}
.company_inform_wrap .formkit__input-box.radio{
  padding: 15px 20px;
  gap: 10px;
}
.add_item_category .tit{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.category_wrap .sch_box_wrap.type04 .input_box {
  flex-basis: 100%;
  justify-content: center;
}
.category_wrap .sch_box_wrap.type04 .input_box .select_box{
  max-width: 270px;
  flex-basis: 270px;
}
.category_wrap .sch_box_wrap.type04 .input_box .sch_box{
  flex: initial;
}
.list_table_wrap .board_wrap{
  border-bottom: none;
}
.sub_inner .board_wrap .board_list.type03 tr.thead {
  background: #f1f1f1;
  font-size: 20px;
  color: #000;
  font-weight: 500;
}
.sub_inner .board_wrap .board_list.type03 tr th:not(:last-of-type){
  border-right: 1px solid #d3d3d3;
}
.sub_inner .board_wrap .board_list.type03 tr th{
  font-weight: 500;
  font-size: 18px;
}
.sub_inner .board_wrap .board_list.type03 tr td{
  padding: 10px;
  font-size: 18px;
  line-height: 24px;
}
.sub_inner .board_wrap .board_list.type03 tr td:not(:last-of-type){
  border-right: 1px solid #d3d3d3;
}
.sub_inner .board_wrap .board_list.type03{
  border-top: 2px solid #000;
  border-bottom: none;
  padding-top: 1px;
}
.sub_inner .board_wrap .board_list.type03 tr.thead th.require span::after {
  content: '*';
  display: inline-block;
  margin-left: 4px;
  color: var(--formkit-warning);
}
.sub_inner .board_wrap .board_list.type03 tr{
  padding: 0;
}
.sub_inner .board_wrap .board_list.type03 tr:not(.thead):hover {
  background: none;
}
.sub_inner .board_wrap .board_list.type03 tr th.board_item{
  width: 25%;
}
.sub_inner .board_wrap .board_list.type03 tr th.board_sample{
  width: 25%;
}
.board_wrap .board_list.type03 tr .board_delete{
  width: 100px;
  text-align: center;
}
.board_wrap .board_list.type03 tr .board_item{
  text-align: center;
}
.board_wrap .board_list.type03 tr .board_sample input{
  width: 100%;
  padding: 0 15px;
  border: 1px solid #999999;
  height: 40px;
}
.board_wrap .board_list.type03 .radiobox_wrap.type01 input[type="radio"]{
  width: 22px;
  height: 22px;
  background-image: url(../img/sub/ico_radio_btn.png);
  margin-top: 2px;
}
.board_wrap .board_list.type03 .radiobox_wrap label{
  font-size: 16px;
}
.board_wrap .board_list.type03 tr .board_delete .delete_btn{
  width: 25px;
  height: 28px;
  background: url(../img/sub/ico_delete.png) no-repeat;
}
.join_input_wrap .formkit__input-box .info_text{
  font-size: 15px;
  color: #e45149;
  margin-left: 10px;
}
.join_input_wrap .formkit__input-box .info_text.type02{
  color: #545454;
}
.board_wrap .board_list.type03 tr .m_tit{
  display: none;
}

@media screen and (max-width: 1024px){
  .company_inform_wrap .join_input_wrap .formkit__item-title{
    width: 130px;
    font-size: 14px;
    padding: 10px 5px;
  }
  .join_input_wrap .formkit__item-title .require::after{
    margin-left: 1px;
  }
  .company_inform_wrap .formkit__input-box.radio{
    padding: 8px 10px;
    flex-wrap: wrap;
  }
  .sub_inner .join_input_wrap .formkit .radiobox_wrap label {
    font-size: 14px;
  }
  .sub_inner .join_input_wrap .formkit input[type=radio] {
    margin-top: 0px;
  }
  .caution_info_wp{
    margin: 0 auto 30px;
    padding: 20px;
  }
  .caution_info_wp .tit {
    font-size: 20px;
  }
  .caution_info_wp .circle_list > li {
    font-size: 15px;
    line-height: 22px;
  }
  .caution_info_wp .circle_list > li + li {
    margin-top: 10px;
  }
  .test_list_wrap {
    margin-top: 35px;
  }
  .add_item_category .tit {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .category_wrap .sch_box_wrap.type04 .input_box .sch_box{
    flex: 1;
  }
  .category_wrap .sch_box_wrap.type04 .input_box .select_box {
    max-width: 100%;
    flex-basis: auto;
  }
  .sub_inner .board_wrap .board_list.type03 tr.thead{
    display: none;
  }
  .board_wrap .board_list.type03 tr {
    display: flex;
    flex-wrap: wrap;
  }
  .board_wrap .board_list.type03 tr .board_num:not(.notice){
    display: block;
  }
  .board_wrap .board_list.type03 tr .m_tit{
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
  }
  .board_wrap .board_list.type03 tr .m_tit::after {
    content: '*';
    display: inline-block;
    margin-left: 1px;
    color: var(--formkit-warning);
  }
  .sub_inner .board_wrap .board_list.type03 tr{
    height: 100%;
    padding: 15px 10px;
  }
  .sub_inner .board_wrap .board_list.type03 tr .board_num{
    width: auto;
  }
  .sub_inner .board_wrap .board_list.type03 tr td.board_sample{
    width: 100%;
    padding: 5px 0 10px;
  }
  .sub_inner .board_wrap .board_list.type03 tr td:not(:last-of-type){
    border-right: 0;
  }
  .sub_inner .board_wrap .board_list.type03 tr td.board_item::before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #ccc;
    margin: 0 8px -1px 10px;
  }
  .sub_inner .board_wrap .board_list.type03 tr td.board_delete{
    width: 100%;
    text-align: right;
    margin-top: 15px;
  }
  .sub_inner .board_wrap .board_list.type03 tr td{
    font-size: 16px;
    font-weight: 300;
    padding: 0;
  }
  .board_wrap .board_list.type03 tr .board_sample input {
    padding: 0 10px;
    height: 38px;
  }
  .board_wrap .board_list.type03 .radiobox_wrap label {
    font-size: 14px;
  }
  .board_wrap .board_list.type03 tr .board_delete .delete_btn{
    width: 23px;
    height: 25px;
    background-size: contain;
  }
  .join_input_wrap .formkit__input-box .info_text {
    width: 100%;
    font-size: 13px;
    margin-left: 0;
    min-height: auto;
  }
  .caution_info_wp.type02 .tit::before{
    top: 5px;
  }
}

@media screen and (max-width:768px){
  .category_wrap .sch_box_wrap.type04 .input_box .btn_sch{
    width: 100%;
  }
  .caution_info_wp.type02 .tit::before {
    top:4px
  }
}
@media screen and (max-width:360px){
  .sub_inner .board_wrap .board_list.type03 tr td{
    font-size: 15px;
  }
}

/* 간이측정기 분야 접수 정보 */
.board_wrap .board_list.type03 tr>td.board_basic_input input{
  width: 100%;
  padding: 0 15px;
  border: 1px solid #999999;
  height: 40px;
}
.board_wrap .board_list.type03 tr .board_delete .add_btn {
  width: 29px;
  height: 29px;
  background: url(../img/sub/ico_add.png) no-repeat;
  vertical-align: top;
  margin-right: 5px;
}
select.basic_select{
  width: 100%;
  height: 40px;
  padding: 0 15px 0 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background: url(../img/sub/ico_select02.png) no-repeat;
  background-position: center right 10px;
  border: 1px solid #999;
  cursor: pointer;
}

@media screen and (max-width: 1024px){
  .board_wrap .board_list.type03 tr>td.board_basic_input{
    width: 100%;
  }
  .board_wrap .board_list.type03 tr>td.board_basic_input + .board_basic_input{
    margin-top: 10px;
  }
  .board_wrap .board_list.type03 tr .board_delete .add_btn{
    width: 25px;
    height: 25px;
    background-size: contain;
    vertical-align: bottom;
    margin-bottom: -1px;
  }
}

/* 온라인 접수 상세 */
.sc_board .all_tit{
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}
.sc_board .board_title{
  padding-bottom: 15px;
  font-size: 24px;
  font-weight: 500;
}
.sc_board .board_wrap + .board_wrap{
  margin-top: 55px;
}
.sc_board .board_wrap:has(.flex_board){
  border-bottom: none;
}
.sc_board .flex_board + .flex_board{
  margin-top: 30px;
}
.sc_board + .join_input_wrap{
  margin-top: 55px;
}
.join_input_wrap .join_input_title{
  font-size: 28px;
  margin-bottom: 25px;
  font-weight: 500;
  color: #0053a3;
}
.join_input_wrap  .formkit + .join_input_title_box{
  margin-top: 35px;
}
.join_input_wrap .join_input_title_box{
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.join_input_wrap .join_input_title_box .join_input_title{
  margin-bottom: 0;
}
.join_input_wrap .formkit__title.sm{
  font-size: 20px;
}
.sub_inner .join_input_wrap .formkit__item .text{
  padding-top: 10px;
}
.formkit + .formkit{
  margin-top: 55px;
}
.join_wrap .btn_wrap.btw{
  justify-content: space-between;
}
.sc_board .flex_board{
  border-top: 2px solid #000;
}
.sc_board .flex_board .tr{
  display: flex;
}
.sc_board .flex_board .tr.box4{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.sc_board .flex_board .cell{
  flex: 1;
  min-width: 0px;
  font-size: 20px;
  font-weight: 300;
}
.sc_board .flex_board .th,
.sc_board .flex_board .td{
  border-bottom: 1px solid #d3d3d3;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.sc_board .flex_board .th{
  font-weight: 500;
  background: #f5f5f5;
}
.input-btn__input-box > .info_text.warning{
  color: var(--formkit-warning);
}
.sc_board .flex_board .td.small{
  flex-direction: column;
  gap: 3px;
  font-size: 17px;
}
.sc_board .flex_board .th.small{
  font-size: 18px;
}
.flex_box {
  display: flex;
  gap:20px;
}
@media screen and (max-width:768px){
  .sc_board .board_title{
    font-size: 20px;
  }
  .sc_board .flex_board .th, .sc_board .flex_board .td{
    height: 48px;
  }
  .sc_board .flex_board .cell{
    font-size: 16px;
  }
  .sc_board .board_wrap + .board_wrap,
  .sc_board + .join_input_wrap{
    margin-top: 35px;
  }
  .sc_board .flex_board + .flex_board{
    margin-top: 20px;
  }
  .join_input_wrap .join_input_title{
    font-size: 22px;
    margin-bottom: 10px;
  }
  .sub_inner .join_input_wrap .formkit__item .text{
    padding-top: 0;
  }
}
@media screen and (max-width:560px){
  .sc_board .flex_board .tr.box4{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 접수/수수료 안내 - 접수 안내   */
.re_info_text{
  font-size: 19px;
  line-height: 31px;
}
.re_cont_wrap{
  margin-top: 30px;
}
.re_cont_wrap .re_cont{
  display: flex;
  gap: 40px;
  align-items: center;
}
.re_cont_wrap .step_box{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 203px;
  aspect-ratio: 203 / 200;
  text-align: center;
  flex-direction: column;
  margin: 24px 0;
  position: relative;
}
.re_cont_wrap .re_cont:not(:last-of-type) .step_box::before{
  content: '';
  display: block;
  position: absolute;
  bottom: -36px;
  width: 26px;
  aspect-ratio: 26 / 21;
  background: url(../img/sub/ico_under_arrow.png) no-repeat center;
  background-size: contain;
}
.re_cont_wrap .step_box .num{
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 5px;
}
.re_cont_wrap .step_box .text{
  font-size: 24px;
  font-weight: 500;
}
.re_cont_wrap .step_box.box01{
  background-color: #7792e8;
}
.re_cont_wrap .step_box.box02{
  background-color: #536ec9;
}
.re_cont_wrap .step_box.box03{
  background-color: #405ab2;
}
.re_cont_wrap .step_box.box04{
  background-color: #283f8d;
}
.re_cont_wrap .step_box.box05{
  background-color: #192d71;
}
.re_cont_wrap .dot_list > li{
  font-size: 20px;
  line-height: 31px;
}
.re_cont_wrap .dot_list > li + li{
  margin-top: 10px;
}
.re_cont_wrap .cont_box{
  padding: 24px 20px;
  flex: 1;
  min-width: 0;
  border-bottom: 1px solid #b8b8b8;
  min-height: 251px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.re_cont_wrap .cont_btn_wrap{
  justify-content: flex-start;
  gap: 10px;
}
.cont_btn_wrap :is(a, button){
  width: 228px;
  height: 53px;
  gap: 10px;
  border: 1px solid #325391;
  background-color: #fff;
}
.cont_btn_wrap :is(a, button):hover{
  background-color: #325391;
}
.re_cont_wrap .point_text{
  color: #283f8d;
  margin-top: 5px;
}
.re_cont_wrap .dot_list > li::before {
  top: 15px;
  background-color: #000;
}
.cont_btn_wrap .ico_btn{
  display: flex;
  justify-content: center;
  gap: 13px;
  align-items: center ;
  padding-right: 10px;
}
.cont_btn_wrap .ico_btn::before{
  content: '';
  display: block;
  background-position: top center;
  background-repeat: no-repeat;
}
.cont_btn_wrap .ico_btn:hover::before{
  background-position: bottom center;
}
.cont_btn_wrap .btn_down::before{
  background-image: url(../img/sub/ico_downbtn.png);
  width: 20px;
  aspect-ratio: 1 / 1;
}
.re_cont_wrap .cont_btn_wrap .btn_gps::before{
  background-image: url(../img/sub/ico_gps.png);
  width: 17px;
  aspect-ratio: 17 / 21;
}
.re_cont_wrap .cont_btn_wrap .btn_srh::before{
  background-image: url(../img/sub/ico_srh.png);
  width: 17px;
  aspect-ratio: 1 / 1;
}
.re_cont_wrap .cont_btn_wrap :is(a, button){
  min-width: 228px;
  width: auto;
  aspect-ratio: inherit;
  padding: 0 20px;
}

@media screen and (max-width:1024px){
  .re_cont_wrap .re_cont{
    gap:20px;
  }
  .re_cont_wrap .dot_list > li{
    font-size: 18px;
    line-height: 26px;
  }
  .re_cont_wrap .dot_list > li::before {
    top: 12px;
  }
  .re_cont_wrap .step_box .num{
    font-size: 40px;
  }
  .re_cont_wrap .step_box .text{
    font-size: 22px;
  }
  .cont_btn_wrap :is(a, button){
    font-size: 16px;
    width: 200px;
  }
}
@media screen and (max-width:768px){
  .cont_btn_wrap :is(a, button){
    max-width: none;
  }
  .re_info_text {
    font-size: 14px;
    line-height: 22px;
  }
  .re_cont_wrap .re_cont{
    flex-direction: column;
  }
  .re_cont_wrap .step_box{
    margin: 0;
  }
  .re_cont_wrap .re_cont:not(:last-of-type) .step_box::before{
    display: none;
  }
  .re_cont_wrap .cont_box{
    min-height: 0;
    padding: 0 0 29px;
    margin-bottom: 29px;
    width: 100%;
  }
  .re_cont_wrap .step_box{
    width: 154px;
    aspect-ratio: 1 / 1;
  }
  .re_cont_wrap .step_box .num{
    margin-bottom: 0;
  }
  .re_cont_wrap .dot_list > li{
    font-size: 14px;
    line-height: 20px;
  }
  .re_cont_wrap .dot_list > li::before{
    top: 9px;
  }
  .re_cont_wrap .cont_btn_wrap{
    flex-direction: column;
    margin-top: 10px;
    gap: 5px;
    align-items: baseline;
    width: 100%;
  }
  .cont_btn_wrap :is(a, button){
    max-width: 150px;
    height: 36px;
    font-size: 12px;
  }
  .re_cont_wrap .re_cont{
    gap: 15px;
  }
  .re_cont_wrap .dot_list > li + li{
    margin-top: 4px;
  }
  .re_cont_wrap{
    margin-top: 20px;
  }
  .re_cont_wrap .re_cont:last-of-type .cont_box{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .cont_btn_wrap .ico_btn::before{
    background-size: 100% auto;
  }
  .cont_btn_wrap .btn_down::before{
    width: 14px;
  }
  .re_cont_wrap .cont_btn_wrap .btn_gps::before{
    width: 13px;
    aspect-ratio: 13 / 16;
  }
  .re_cont_wrap .cont_btn_wrap .btn_srh::before{
    width: 13px;
  }
  .re_cont_wrap .cont_btn_wrap :is(a, button){
    max-width: 100%;
    min-width: auto;
    width: 100%;
  }
}

/* 간이측정기 성능인증현황 - 목록 */
.certification_wrap .board_wrap .board_list.type01 .tr:hover{
  background: none;
}
.certification_wrap .board_wrap .board_list.type01 td{
  padding: 7px 5px;
  font-weight: 300;
}
.certification_wrap .board_wrap .board_list.type01 .scroll_table .board_tit{
  width: 20%;
  text-align: center;
}
.certification_wrap .board_wrap .board_list.type01 .scroll_table .board_tit a{
  font-weight: 300;
}
.certification_wrap .board_wrap .board_list.type01 .scroll_table .board_tit a:hover{
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  color: #000;
}
.certification_wrap .board_wrap .board_list.type01 .board_grade{
  width: 15%;
}
.certification_wrap .board_wrap .board_list.type01 td.board_product{
  text-align: center;
}
.certification_wrap .scroll_table{
  position: relative;
  overflow: auto;
}
.certification_wrap .scroll_table table{
  min-width: 700px;
}
.certification_wrap .m_scroll{
  overflow: auto;
}
.certification_wrap .m_scroll > div{
  min-width: 500px;
}
@media screen and (max-width:1024px){
  .certification_wrap .board_wrap .board_list.type01.tab th{
    font-size: 16px;
  }
  .certification_wrap .board_wrap .board_list.type01.tab .tr td span{
    font-size: 16px;
  }
}
@media screen and (max-width:768px){
  .certification_wrap .board_wrap .board_list.type01 th{
    font-size: 16px;
  }
  .certification_wrap .board_wrap .board_list.type01 .tr td span{
    font-size: 16px;
  }
  .certification_wrap .board_wrap .board_list.type01 .tr > td:nth-child(n+3):not(:last-of-type)::after{
    display: none;
  }
  .certification_wrap .board_wrap .board_list.type01 .scroll_table .board_tit{
    width: 20%;
  }
  .certification_wrap .board_wrap .board_list.type01 .scroll_table .board_tit a{
    font-size: 14px;
  }
}

/* 간이측정기 성능인증현황 - 상세 */
.certification_wrap .join_input_wrap{
  margin-top: -50px;
}
.certification_wrap .join_input_wrap .formkit__item-wrap{
  border-top: none;
}
.certification_wrap .editor_section{
  border: 1px solid #d2d2d2;
  padding:20px;
}
.certification_wrap .m_scroll{
  overflow: auto;
}
.certification_wrap .m_scroll > div{
  min-width: 400px;
}

@media screen and (max-width:1024px){
  .certification_wrap .join_input_wrap{
    margin-top: -30px;
  }
}

@media screen and (max-width:768px){
  .certification_wrap .sc_board .flex_board .th, .certification_wrap .sc_board .flex_board .td{
    font-size: 14px;
  }
}

/* 신청서 양식 */
.appli_form_wrap .guide_down_wrap{
  display: flex;
  gap: 40px;
  margin-top: 30px;
}
.appli_form_wrap .guide_down_wrap .wrap{
  border: 1px solid #d2d2d2;
  padding: 45px 20px;
  flex: 1;
}
.guide_down_wrap .cont_btn_wrap{
  flex-direction: column;
  margin-top: 0;
  gap: 30px;
}
.guide_down_wrap .cont_btn_wrap :is(a, button){
  min-width: 245px;
  padding-right: 0;
}
.guide_down_wrap .wrap .cont_btn_wrap::before{
  content: '';
  display: block;
  width: 71px;
  height: 58px;
  background: url(../img/sub/ico_gude_down01.png) no-repeat;
  background-size: contain;
  margin: 0 auto;
}
.guide_down_wrap .wrap:nth-of-type(2) .cont_btn_wrap::before{
  background-image: url(../img/sub/ico_gude_down02.png);
}
.appli_category_wrap .category_btn{
  margin: 30px auto 50px;
}
.appli_category_wrap .category_btn > ul{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(318px, 1fr));
  gap: 22px 25px;
}
.appli_category_wrap .category_btn li{
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70px;
}
.appli_category_wrap .category_btn li button{
  width: 100%;
  height: 100%;
  border: 1px solid #0052a4;
  font-size: 18px;
  line-height: 26px;
  padding: 10px;
  word-break: keep-all;
  transition: 0.3s;
  border-radius: 10px;
}
.appli_category_wrap .category_btn li button:hover{
  color: #fff;
  background-color: #0052a4;
}
.appli_category_wrap .category_btn li button.on{
  background-color: #0052a4;
  color: #fff;
}
.category_contents .table.type01 th{
  font-size: 20px;
  font-weight: 500;
  height: 65px;
}
.category_contents .table.type01 td{
  font-size: 20px;
  font-weight: 300;
  padding: 15px 30px;
  word-break: keep-all;
}
.category_contents .download_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.category_contents .download_wrap .file{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.category_contents .table.type01 td span{
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.online_link .btn_link{
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 165px;
  height: 53px;
  gap: 10px;
  font-size: 18px;
  font-weight: 400;
  border: 1px solid #0052a4;
  transition: 0.3s;
}
.online_link .btn_link:hover{
  background-color: #0052a4;
  color: #fff;
}
.online_link .btn_link::before{
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(../img/sub/ico_link.png);
}
.online_link .btn_link:hover::before {
  background-position: bottom center;
}
.appli_form_wrap .category_srh_box {
  justify-content: center;
}
@media screen and (max-width: 768px){
  .appli_form_wrap .guide_down_wrap {
    gap: 20px;
    margin-top: 20px;
    flex-direction: column;
  }
  .appli_form_wrap .guide_down_wrap .wrap {
    padding: 25px 20px 30px;
  }
  .guide_down_wrap .wrap .cont_btn_wrap::before {
    width: 49px;
    height: 40px;
  }
  .guide_down_wrap .cont_btn_wrap {
    gap: 20px;
  }
  .guide_down_wrap .cont_btn_wrap :is(a, button) {
    min-width: 155px;
  }
  .appli_category_wrap .category_btn {
    margin: 20px auto 40px;
  }
  .appli_category_wrap .category_btn > ul {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 12px 14px;
  }
  .appli_category_wrap .category_btn li {
    min-height: 64px;
  }
  .appli_category_wrap .category_btn li button {
    font-size: 16px;
    line-height: 24px;
    padding: 5px;
  }
  .category_contents .table.type01 th {
    font-size: 16px;
    height: 60px;
  }
  .category_contents .table.type01 td {
    font-size: 14px;
    padding: 10px;
  }
  .category_contents .download_wrap {
    gap: 5px;
  }
  .category_contents .download_wrap .file {
    gap: 5px;
  }
  .category_contents .online_link {
    width: 100%;
  }
  .online_link .btn_link {
    height: 36px;
    gap: 5px;
    font-size: 12px;
  }
  .online_link .btn_link::before {
    width: 11px;
    height: 11px;
    background-size: cover;
    margin-top: -1px;
  }
  .category_contents .download_wrap .file button {
    width: 25px;
  }
}

/* 수수료 안내 */
.sch_box_wrap.type04 .input_box.type02{
  flex-basis: 824px;
  width: 100%;
  justify-content: center;
}
.sch_box_wrap.type04 .input_box.type02 .select_box{
  max-width: 240px;
}
/* KOLAS인정서 */
.kolas_wrap .gallery_board.type01 .gallery_item_list .thum_wrap{
  width: 177px;
  aspect-ratio: 177 / 251;
  height: auto;
  border: 1px solid #c5c5c5;
  margin-bottom: 0;
  overflow: hidden;
}
.kolas_wrap .gallery_board.type01 .gallery_item_list .thum_wrap > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kolas_wrap .gallery_board.type01 .gallery_item_list > li{
  padding: 18px 10px;
  gap: 50px;
  display: flex;
  align-items: center;
}
.kolas_wrap .gallery_board.type01 .gallery_item_list .txt_wrap{
  flex: 1;
  width: auto;
  min-width: 0;
}
.kolas_wrap .gallery_board.type01 .gallery_item_list .txt_wrap .tit{
  font-size: 24px;
  padding-bottom: 15px;
}
.kolas_wrap .gallery_board.type01 .gallery_item_list .txt_wrap .desc{
  min-height: 50px;
  line-height: 25px;
  color: #666666;
  overflow: initial;
  display: block;
}
.kolas_wrap .gallery_board.type01 .gallery_item_list > li a{
  padding: 0;
  width: 165px;
  line-height: 44px;
  justify-content: center;
  gap: 10px;
  margin: 0;
}
.kolas_wrap .gal_btn_wrap{
  display: flex;
  gap: 18px;
}
.kolas_wrap .gallery_board.type01 .gallery_item_list .thum_wrap > img {
  object-fit: scale-down;
}
@media screen and (max-width:768px){
  .kolas_wrap .gallery_board.type01 .gallery_item_list > li{
    flex-direction: column;
    padding: 20px 0 25px;
    gap: 18px;
  }
  .kolas_wrap .gallery_board.type01 .gallery_item_list{
    padding-top: 0;
  }
  .kolas_wrap .gallery_board.type01 .gallery_item_list .txt_wrap .tit{
    font-size: 18px;
    padding-bottom: 8px;
  }
  .kolas_wrap .gallery_board.type01 .gallery_item_list .txt_wrap .desc{
    line-height: 21px;
    min-height: auto;
    margin-bottom: 15px;
  }
  .kolas_wrap .gallery_board.type01 .gallery_item_list > li a{
    font-size: 14px;
  }
  .kolas_wrap .gallery_board.type01 .gallery_item_list > li .btn_download::after{
    width: 13px;
    height: 12px;
  }
  .kolas_wrap .gallery_board.type01 .gallery_item_list > li .btn_view::after{
    width: 14px;
  }
  .kolas_wrap .gal_btn_wrap{
    gap: 12px;
    justify-content: center;
  }
  .kolas_wrap .gallery_board.type01 .gallery_item_list .txt_wrap{
    width: 100%;
  }
}

/* faq */
.faq_wrap .faq_question {
  display: flex;
  gap: 10px;
  min-height: 65px;
  padding: 20px 50px 20px 30px;
}
.sub_inner .faq_wrap .faq_question::after{
  width: 20px;
  height: 20px;
  background: url(../img/sub/ico_qna_arrow.png) no-repeat;
  right: 30px;
}
.sub_inner .faq_wrap .faq_question.on::after {
  background-position: 0 100%;
}
.sub_inner .faq_wrap .faq_question::before{
  display: none;
}
.sub_inner .faq_wrap .faq_question > p {
  font-weight: 400;
  padding-left: 0;
  font-size: 20px;
}
.sub_inner .faq_wrap .faq_question.on > p{
  color: #325391;
}
.faq_wrap .faq_question .category{
  min-width: 85px;
  text-align: center;
  font-weight: 500;
  color: #325391;
  font-size: 20px;
}
.sub_inner .faq_wrap .faq_answer::before{
  display: none;
}
.sub_inner .faq_wrap .faq_answer {
  display: block;
  width: 100%;
  border-top: 1px solid #d3d3d3;
  padding: 0;
  position: relative;
  background: #f5f5f5;
}
.sub_inner .faq_wrap .faq_answer p {
  padding-left: 0;
  font-size: 20px;
  flex-shrink: 0;
}
.faq_wrap .faq_answer .content{
  padding: 20px 20px 20px 125px;
}
.faq_wrap .faq_answer .attach_file_wrap{
  display: flex;
  gap: 10px;
  border-top: 1px solid #d3d3d3;
  padding: 15px 20px 15px 125px;
}
.faq_wrap .faq_answer .attach_file_wrap p::before{
  content: '';
  display: inline-block;
  width: 28px;
  height: 27px;
  background: url(../img/sub/ico_file_attach.png) no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.attach_file_wrap .file_wrap a{
  font-size: 18px;
  word-break: break-all;
}
.attach_file_wrap .file_wrap .file{
  display: flex;
  gap: 5px;
}
.attach_file_wrap .file_wrap .file + .file{
  margin-top: 4px;
}
.attach_file_wrap .file_wrap .file::before {
  content: "";
  display: inline-block;
  width: 22px;
  aspect-ratio: 1/1;
  background: url(../img/sub/file_01.png) no-repeat;
  flex-shrink: 0;
  margin-top: 2px;
  background-size: contain;
}
.attach_file_wrap .file_wrap .file.type02::before {
  background-image: url(../img/sub/file_02.png);
}
.attach_file_wrap .file_wrap .file.type03::before {
  background-image: url(../img/sub/file_03.png);
}
.attach_file_wrap .file_wrap .file.type04::before {
  background-image: url(../img/sub/file_04.png);
}
.attach_file_wrap .file_wrap .file.type05::before {
  background-image: url(../img/sub/file_05.png);
}
.attach_file_wrap .file_wrap .file.type06::before {
  background-image: url(../img/sub/file_06.png);
}
.attach_file_wrap .file_wrap .file.type07::before {
  background-image: url(../img/sub/file_07.png);
}
.sub_inner .faq_wrap .faq_answer .file_wrap{
  padding-top: 8px;
}

@media screen and (max-width: 768px){
  .faq_wrap .faq_question {
    flex-direction: column;
    padding: 15px 20px 15px 5px;
    gap: 5px;
  }
  .faq_wrap .faq_question .category {
    min-width: auto;
    font-size: 16px;
  }
  .sub_inner .faq_wrap .faq_question > p {
    font-size: 16px;
  }
  .sub_inner .faq_wrap .faq_question::after{
    width: 15px;
    height: 15px;
    right: 3px;
    background-size: cover;
  }
  .faq_wrap .faq_answer .content {
    padding: 20px 25px;
  }
  .sub_inner .faq_wrap .faq_answer p {
    font-size: 16px;
    line-height: 23px;
  }
  .faq_wrap .faq_answer .attach_file_wrap{
    padding: 20px 25px;
  }
  .attach_file_wrap .file_wrap a {
    font-size: 16px;
  }
  .faq_wrap .faq_answer .attach_file_wrap p::before{
    width: 23px;
    height: 22px;
    margin-right: 7px;
    display: none;
  }
  .attach_file_wrap .file_wrap .file::before{
    margin-top: 1px;
  }
  .sub_inner .faq_wrap .faq_answer .file_wrap {
    padding-top: 4px;
  }
}

/* Q&A 목록 */
.qa_wrap .board_wrap .board_list.type01 .tr .board_num{
  width: 140px;
}
.qa_wrap .board_wrap .board_list.type01 .tr .board_write_date {
  width: 13%;
}
.qa_wrap .board_wrap .board_list.type01 .tr .board_tag {
  width: 150px;
}
.qa_wrap .board_wrap .board_list.type01 .tr .board_cate {
  width: 180px;
}

@media screen and (max-width: 768px){
  .qa_wrap .board_wrap .board_list.type01 .tr .board_tag {
    width: auto;
    margin-bottom: 0;
  }
}

/* Q&A 상세, 등록/수정 */
.sub_inner.no_line{
  border-top: none;
  padding-top: 0;
}
/* 에디터 상단에 공백이 생기는 현상 처리-이용현(2025.03.20) */
/* .join_input_wrap .formkit__input-box.pre_line div{
  white-space: pre-line;
} */
.join_input_wrap .formkit__input-box .file_wrap .file::before {
  content: "";
  display: inline-block;
  width: 22px;
  aspect-ratio: 1/1;
  background: url(../img/sub/file_01.png) no-repeat;
  flex-shrink: 0;
  vertical-align: bottom;
  background-size: contain;
}
.join_input_wrap .formkit__input-box .file  + .file {
  margin-top: 5px;
}
.join_input_wrap .formkit__input-box .file_wrap .file.type02::before {
  background-image: url(../img/sub/file_02.png);
}
.join_input_wrap .formkit__input-box .file_wrap .file.type03::before {
  background-image: url(../img/sub/file_03.png);
}
.join_input_wrap .formkit__input-box .file_wrap .file.type04::before {
  background-image: url(../img/sub/file_04.png);
}
.join_input_wrap .formkit__input-box .file_wrap .file.type05::before {
  background-image: url(../img/sub/file_05.png);
}
.join_input_wrap .formkit__input-box .file_wrap .file.type06::before {
  background-image: url(../img/sub/file_06.png);
}
.join_input_wrap .formkit__input-box .file_wrap .file.type07::before {
  background-image: url(../img/sub/file_07.png);
}
.join_input_wrap .formkit__input-box .file_wrap .file.type08::before {
  background-image: url(../img/sub/file_08.png);
}
.input-btn__input-box :is(.tag_ing, .tag_yet, .tag_end){
  display: inline-block;
  min-width: 80px;
  line-height: 34px;
  text-align: center;
}
.input-btn__input-box span.tag_ing{
  border: 1px solid #25aeb3;
  color: #18a9af;
}
.input-btn__input-box span.tag_yet {
  border: 1px solid #325391;
  color: #26498b;
}
.input-btn__input-box span.tag_end {
  border: 1px solid #868686;
  color: #000;
}
.formkit__input-box .c_txt {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1250px){
  .qna_regist_wrap .join_input_wrap .formkit__item-title {
    max-width: 170px;
    padding: 20px 15px;
    font-size: 17px;
  }
}

@media screen and (max-width: 1024px){
  .qna_regist_wrap .join_input_wrap .formkit__item-title{
    width: 130px;
    padding: 10px;
  }
  .join_input_wrap .formkit__input-box .file_wrap .file::before{
    vertical-align: text-top;
  }
  .input-btn__input-box :is(.tag_ing, .tag_yet, .tag_end){
    min-width: 60px;
    max-width: 60px;
    line-height: 26px;
    min-height: auto;
    font-size: 14px;
  }
}

@media screen and (max-width: 768px){
  .qna_regist_wrap .join_input_wrap .formkit__item-title{
    font-size: 14px;
  }
  .join_input_wrap .formkit__input-box .file + .file {
    margin-top: 2px;
  }
}

/* 원본 성적서 진위확인 팝업 */
.confirm_pop_wrap{
  padding: 10px 20px 20px;
}
.confirm_pop_wrap .circle_list > li{
  font-size: 18px;
}
.confirm_pop_wrap .circle_list > li + li {
  margin-top: 5px;
}
.circle_list.type_gray > li::before{
  background: #676767;
}
.bg_gray_inform_list{
  padding: 20px;
  background: #f4f4f4;
  margin-top: 25px;
}
.bg_gray_inform_list .bar_list > li::before {
  width: 5px;
  background: #000;
}
.bg_gray_inform_list .bar_list > li {
  padding-left: 8px;
}
.bg_gray_inform_list .bar_list > li + li {
  margin-top: 6px;
}

@media screen and (max-width: 768px){
  .confirm_pop_wrap {
    padding: 10px 0px 0px;
  }
  .confirm_pop_wrap .circle_list > li {
    font-size: 16px;
    line-height: 22px;
  }
  .confirm_pop_wrap .circle_list > li::before{
    top: 10px;
  }
  .bg_gray_inform_list .bar_list > li::before{
    top: 9px;
  }
}

/* 칭찬합니다 - 목록 */
.praise_wrap .tit_info{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}
.praise_wrap .tit_info + .basic_txt{
  margin-bottom: 35px;
  font-size: 18px;
}

@media screen and (max-width: 768px){
  .praise_wrap .tit_info {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
  }
  .praise_wrap .btn_wrap .btn {
    max-width: 155px;
  }
  .praise_wrap .tit_info + .basic_txt{
  	margin-bottom: 25px;
  	font-size: 16px;
   }
}

/* 수수료 안내 */
.sch_box_wrap.type04 .input_box.type02{
  flex-basis: 824px;
  width: 100%;
  justify-content: center;
}
.sch_box_wrap.type04 .input_box.type02 .select_box{
  max-width: 240px;
}
.sch_box_wrap.type04 .input_box.type02 .select_box select{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.board_wrap .board_list.type01 .w12{
  width: 12%;
}
.board_wrap .board_list.type01 .w10{
  width: 10%;
}
.board_wrap .board_list.type01 .w8{
  width: 8%;
}
.board_wrap .board_list.type01 .w18{
  width: 18%;
}
.board_wrap .board_list.type01 .w25{
  width: 20%;
}
.verification_title{
  font-size: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c7c7c7;
}
.verification_wrap .circle_list{
  margin-bottom: 5px;
}
.verification_wrap .guide_text{
  font-size: 18px;
  display: block;
  line-height: 30px;
  font-weight: 500;
  padding-left: 6px;
}
.sub_btn_wrap{
  display: flex;
  margin-top: 25px;
}
.sub_btn_wrap .sub_btn{
  border: 1px solid #0052a4;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 25px;
  transition: 0.3s;
}
.sub_btn_wrap .sub_btn:hover{
  background-color: #0052a4;
  color: #fff;
}
.verification_frame{
  display: flex;
  gap: 50px;
  margin-top: 40px;
}
.verification_frame .frame_text{
  font-size: 20px;
  margin-bottom: 20px;
}
.verification_frame .frame_text.bold{
  font-weight: 500;
}
.verification_frame .frame:first-of-type{
  width: 450px;
}
.verification_frame .frame:nth-of-type(2){
  flex: 1;
  min-width: 0;
}
.join_input_wrap .verification_frame .input-btn__input-box.call{
  width: 100%;
  max-width: 100%;
}
.join_input_wrap .verification_frame .default-input{
  min-width: 0;
  flex: 1;
}
.verification_wrap .btn_wrap{
  justify-content: center;
}
.verification_wrap .btn_wrap .btn{
  background-color: #0052a4;
  border: 1px solid #0052a4;
  transition: 0.3s;
}
.verification_wrap .btn_wrap .btn:hover{
  color: #0052a4;
  background-color: #fff;
}
.sub_cont_box + .sub_cont_box{
  margin-top: 55px;
}
.verification_wrap .formkit_text{
  display: flex;
  align-items: center;
  font-size: 18px;
}
.verification_wrap .terms_inner .terms_part .con {
  min-height: 120px;
  max-height: 260px;
  height: auto;
}
.verification_wrap .terms_inner .terms_part .con .txt{
  font-size: 16px;
}
.verification_wrap .bar_list{
  padding-left: 10px;
}
.verification_wrap .bar_list > li{
  font-size: 16px;
}
.formkit__item-wrap.fix .input-btn__input-box{
  max-width: 400px;
}
.join_input_wrap .formkit__item-wrap.fix .default-input{
  min-width: 0;
  flex: 1;
}
.join_input_wrap .formkit__item-wrap select.default-input{
  background: url(../img/sub/ico_select02.png) no-repeat center right 15px;
}
.join_input_wrap .formkit__item-wrap .formkit__input-box:not(.email) select.default-input[disabled] {
  background-image: none;
}
:is(.praise_wrap.edit, .verification_wrap) .join_input_wrap .default-input{
  height: 43px;
}
.verification_wrap .formkit__item-wrap.fix{
  margin-bottom: 20px;
}
.verification_wrap .term_tit,
.verification_title{
  font-weight: 500;
}
@media screen and (max-width:1400px){
  .verification_frame{
    flex-direction: column;
    align-items: center;
  }
  .verification_frame .frame,
  .verification_frame .frame:first-of-type{
    width: 100%;
  }
  .verification_frame .frame:first-of-type{
  	order: 2;
  }
  .verification_frame .frame:nth-of-type(2){
  	order: 1;
  }
}
@media screen and (max-width:768px){
  .verification_title{
    font-size: 20px;
    padding-bottom: 15px;
  }
  .verification_wrap .circle_list > li + li{
    margin-top: 8px;
  }
  .verification_wrap .btn_wrap .btn{
    max-width: 155px;
  }
  .verification_wrap .guide_text{
    font-size: 14px;
    line-height: 22px;
  }
  .verification_wrap .guide_text + .guide_text{
    margin-top: 6px;
  }
  .sub_btn_wrap {
    margin-top: 15px;
  }
  .sub_btn_wrap .sub_btn{
    font-size: 14px;
    height: 40px;
    padding: 0 20px;
  }
  .verification_frame .frame_text{
    font-size: 16px;
    margin-bottom: 12px;
  }
  .verification_frame{
    gap: 25px;
    margin-top: 25px;
  }
  :is(.praise_wrap.edit, .verification_wrap) .join_input_wrap .default-input {
    height: 36px;
  }
  .sub_cont_box + .sub_cont_box{
    margin-top: 35px;
  }
  .verification_wrap .formkit_text {
    font-size: 14px;
    height: 36px;
  }
  .verification_wrap .terms_inner .terms_part .con .txt,
  .verification_wrap .bar_list > li{
    font-size: 14px;
    line-height: 24px;
  }
  .verification_wrap .terms_inner .terms_part .con{
    max-height: 200px;
  }
  .formkit__item-wrap.fix .input-btn__input-box{
    max-width: 100%;
  }
  .join_input_wrap .formkit__item-wrap.fix .default-input {
    min-height: 36px;
  }
  .join_input_wrap .formkit__item-wrap select.default-input{
    background-position: right 5px center;
  }
  .join_input_wrap .formkit__item-wrap.fix .default-input {
    padding: 0 4px;
  }
  .verification_wrap .formkit__item-wrap.fix{
    margin-bottom: 10px;
  }
  .verification_wrap .bar_list > li::before{
    top: 12px;
  }
}

/* 불편사항신고 */
.trouble_report_wrap .re_info_text {
  font-size: 20px;
  font-weight: 500;
}
.step_info_text{
  margin-top: 35px;
}
.step_info_text p{
  font-size: 20px;
  font-weight: 500;
}
.trouble_report_wrap .re_cont_wrap {
  margin-top: 0px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  margin-top: 20px;
}
.trouble_report_wrap .re_cont_wrap .step_box .text {
  font-size: 20px;
}
.trouble_report_wrap .re_cont_wrap .re_cont:last-of-type .cont_box{
  border-bottom: none;
}
@media screen and (max-width:768px){
  .trouble_report_wrap .re_info_text {
    font-size: 16px;
    line-height: 25px;
  }
  .step_info_text {
    margin-top: 20px;
  }
  .step_info_text p {
    font-size: 14px;
  }
  .trouble_report_wrap .re_cont_wrap {
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 25px;
  }
  .trouble_report_wrap .re_cont_wrap .step_box {
    padding: 0 30px;
  }
  .trouble_report_wrap .btn_wrap .btn{
    max-width: 155px;
  }
}


/* 칭찬합시다, 불편사항 접수 */
.praise_wrap.edit .circle_list{
  padding-top: 30px;
  margin-bottom: 8px;
  border-top: 1px solid #c7c7c7;
}
.praise_wrap.edit .circle_list + .basic_txt{
	margin-bottom: 30px;
	font-size: 18px;
}
.praise_wrap.edit .circle_list > li{
  font-size: 18px;
}
.praise_wrap.edit .circle_list > li::before {
  width: 5px;
  height: 5px;
  background-color: #909090;
  top: 12px;
}
.praise_wrap.edit .circle_list > li + li{
  margin-top: 4px;
}
.praise_wrap.edit .bar_list > li,
.praise_wrap.edit .terms_inner .terms_part .con .txt{
  font-size: 16px;
}
.praise_wrap.edit .bar_list{
  padding-left: 10px;
}
.praise_wrap.edit .terms_inner .terms_part .con {
  min-height: 120px;
  max-height: 260px;
  height: auto;
}
.praise_wrap.edit .formkit_text{
  display: flex;
  align-items: center;
  font-size: 18px;
}
.praise_wrap.edit .join_input_wrap .default-input{
  width: 100%;
}
.praise_wrap.edit .formkit__item-wrap{
  margin-bottom: 20px;
}
.praise_wrap.edit .guide_text {
  font-size: 18px;
  display: block;
  line-height: 30px;
  font-weight: 500;
  padding-left: 6px;
}
.praise_wrap.edit .upload_wrap{
  width: 100%;
}
.praise_wrap.edit .join_input_wrap .formkit__input-box{
  flex-wrap: nowrap;
}
.praise_wrap.edit .join_input_wrap .input-btn__input-box.email{
  flex: 2;
  max-width: 100%;
}
.praise_wrap.edit .join_input_wrap .input-btn__input-box.email + .default-input{
  flex: 1;
  min-width: 0;
}
:is(.praise_wrap.edit, .verification_wrap) .join_input_wrap .formkit__item-title{
  max-width: 240px;
}
@media screen and (max-width:1400px){
  .inconvenience_wrap .join_input_wrap .formkit__item .both{
    flex: 100%;
  }
  .inconvenience_wrap .join_input_wrap .formkit__item .both:first-of-type {
    border-bottom: 1px solid #ddd;
  }
}
@media screen and (max-width:768px){
  .praise_wrap.edit .join_input_wrap .input-btn__input-box.email + .default-input{
    min-height: 36px;
  }
  :is(.praise_wrap.edit, .verification_wrap) .join_input_wrap .formkit__item-title{
    max-width: 120px;
  }
  .praise_wrap.edit .circle_list{
    margin-top: 15px;
  }
  .praise_wrap.edit .circle_list + .basic_txt {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .praise_wrap.edit .circle_list > li + li{
    margin-top: 8px;
  }
  .praise_wrap.edit .btn_wrap .btn{
    max-width: 155px;
  }
  .praise_wrap.edit .circle_list > li{
    font-size: 16px;
    line-height: 22px;
  }
  .praise_wrap.edit .circle_list > li::before{
    width: 4px;
    top: 10px;
  }
  .praise_wrap.edit .guide_text{
    font-size: 16px;
    line-height: 22px;
  }
  .praise_wrap.edit .join_input_wrap .default-input {
    height: 36px;
  }
  .praise_wrap.edit .formkit_text {
    font-size: 14px;
    height: 36px;
  }
  .praise_wrap.edit .terms_inner .terms_part .con .txt,
  .praise_wrap.edit .bar_list > li{
    font-size: 14px;
    line-height: 24px;
  }
  .praise_wrap.edit .terms_inner .terms_part .con{
    max-height: 200px;
  }
  .praise_wrap.edit .bar_list > li::before{
    top: 12px;
  }
}

.sch_box_wrap.type04 .input_box .select_box.type02{
  flex-basis: 270px;
}

/* 수수료 상세 */
.sc_board.detail .detail_input{
  min-width: 0;
  max-width: 60px;
  margin: 0 auto;
  width: 100%;
  height: 39px;
  padding: 0 5px;
  border: 1px solid #acacac;
  text-align: center;
}
.sc_board.detail .board_wrap .board_list.type01 .tr .board_num,
.sc_board.detail .board_wrap .board_list.type01 .tr .board_writer{
  display: table-cell;
}
.sc_board.detail .scroll_wrap{
  overflow-y: auto;
  position: relative;
}
.sc_board.detail .scroll_wrap .board_wrap{
  min-width: 1024px;
}
.sc_board.detail .board_wrap .board_list.type01 .tr > td:not(:first-of-type, :last-of-type, .board_writer)::after{
  display: none;
}
.sc_board.detail .board_wrap .board_list .thead{
  background-color: #f1f1f1;
}
.sc_board.detail .board_wrap.type02 tr :is(td, th):not(:last-of-type){
  border-right: 1px solid #d3d3d3;
}
.sc_board.detail .scroll_wrap + :is(.board_wrap, .scroll_wrap){
  margin-top: 50px;
}
.sc_board.detail .board_wrap{
  border: none;
}
.sc_board.detail .board_wrap .board_list .tr:last-child{
  border-bottom: 1px solid #d3d3d3;
}
.sc_board.detail .board_wrap .board_list.type01 .tr:not(.thead):hover{
  background-color: inherit;
}
.fee_depth_box{
  border: 1px solid #bcbcbc;
  padding: 25px;
  margin-bottom: 50px;
}
.fee_depth_box .fee_depth{
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.fee_depth_box .fee_depth > li{
  display: flex;
  align-items: center;
  font-size: 22px;
  height: 50px;
  gap:3px;
}
.fee_depth_box .fee_depth > li span {
  font-weight: 500;
}
.fee_depth_box .fee_depth > li + li::before{
  content: '';
  display: block;
  width: 1px;
  height: 18px;
  background-color: #000;
  margin-right: 12px;
}
@media screen and (max-width:768px){
  .sc_board.detail .detail_input{
    height: 35px;
    width: 50px;
  }
  .sc_board.detail .board_wrap .board_list.type01 tbody .tr{
    height: 70px;
  }
  .sc_board.detail .board_wrap .board_list .thead{
    height: 60px;
  }
  .sc_board.detail .scroll_wrap + :is(.board_wrap, .scroll_wrap){
    margin-top: 40px;
  }
  .sc_board.detail .board_wrap .board_list.type01 th{
    font-size: 16px;
  }
  .sc_board.detail .board_wrap .board_list.type01 th.board_tit{
    width: auto;
  }
  .sc_board.detail .board_wrap .board_list.type01 .tr > td span{
    font-size: 14px;
  }
  .fee_depth_box{
    margin-bottom: 40px;
    padding: 20px;
  }
  .fee_depth_box .fee_depth{
    gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }
  .fee_depth_box .fee_depth > li{
    font-size: 16px;
    min-height: 23px;
    height: auto;
    align-items: flex-start;
  }
  .sc_board.detail .board_wrap .board_list.type01 .tr .board_num:has(input[type="checkbox"]){
    width: 36px;
  }
  .fee_depth_box .fee_depth > li + li::before{
    display: none;
  }
  .sc_board.detail .board_wrap .board_list.type01 .tr .board_writer{
    width: 50px;
    text-align: center;
  }
  .fee_detail_wrap .board_writer{
    display: none !important;
  }
  .sc_board.detail .scroll_wrap .board_wrap.w520{
    min-width: 520px;
  }
  .fee_depth_box .fee_depth > li span {
    min-width: max-content;
  }
}

/* 수수료 안내 */
.fee_inform_wrap .board_search_wrap{
  background: #f1f1f1;
  padding: 30px 65px;
}
.fee_inform_wrap .board_search_wrap .tit_wrap{
  margin-bottom: 25px;
}
.fee_inform_wrap .board_search_wrap .tit_wrap .tit{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
.fee_inform_wrap .board_search_wrap .tit_wrap .sub{
  display: flex;
  font-size: 18px;
}
.fee_inform_wrap .board_search_wrap .tit_wrap .sub::before{
  content: '*';
  display: inline-block;
  margin-right: 3px;
}
.fee_inform_wrap .sch_box_wrap.type04{
  margin-bottom: 0;
}
.fee_inform_wrap .sch_box_wrap.type04 .input_box.type02 {
  flex-basis: auto;
  display: grid;
  gap: 8px 6px;
  grid-template-columns: repeat(5, 1fr);
}
.fee_inform_wrap .sch_result_wrap{
  border-top: 1px solid #acacac;
  padding-top: 35px;
  margin-top: 35px;
}
.fee_inform_wrap .sch_result_wrap .result_wrap{
  display: grid;
  gap: 8px 6px;
  grid-template-columns: repeat(5, 1fr);
}
.fee_inform_wrap .result_wrap .wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  border: 1px solid #0052a4;
  background: #fff;
  min-height: 40px;
  padding: 5px 18px 6px;
  color: #0052a4;
  font-size: 18px;
}
.fee_inform_wrap .result_wrap .wrap .txt_box span{
  word-break: break-word;
}
.fee_inform_wrap .result_wrap .wrap .txt_box span:not(:last-of-type)::after{
  content: '>';
  display: inline-block;
  margin-left: 3px;
}
.fee_inform_wrap .result_wrap .wrap .remove{
  width: 14px;
  height: 14px;
  position: relative;
  bottom: 1px;
}
.fee_inform_wrap .result_wrap .wrap .remove span{
  width: 18px;
  height: 2px;
  background: #000;
  position: absolute;
  left: -1px;
}
.fee_inform_wrap .result_wrap .wrap .remove span:first-of-type{
  transform: rotate(45deg);
}
.fee_inform_wrap .result_wrap .wrap .remove span:last-of-type{
  transform: rotate(-45deg);
}
.fee_inform_wrap .result_wrap .wrap .remove:hover span{
  background: #0052a4;
}
.fee_inform_wrap .board_search_wrap :is(.reset_btn, .sch_btn){
  max-width: 130px;
  border: 1px solid #26498b;
  background: #26498b;
}
.fee_inform_wrap .board_search_wrap .reset_btn::before{
  content: '';
  display: inline-block;
  width: 19px;
  height: 20px;
  background: url(../img/sub/ico_reset.png) no-repeat;
  margin-bottom: -2px;
  margin-right: 8px;
  transition: 0.3s;
}
.fee_inform_wrap .board_search_wrap .reset_btn.Lbtn {
 max-width: 60px;
 font-size: 0;
}
.fee_inform_wrap .board_search_wrap .reset_btn.Lbtn::before {
  margin-right: 0;
  vertical-align: middle;
}
.fee_inform_wrap .board_search_wrap :is(.reset_btn, .sch_btn):hover{
  background: #fff;
  color: #26498b;
}
.fee_inform_wrap .board_search_wrap .reset_btn:hover:before{
  background-image: url(../img/sub/ico_reset_on.png);
}
.fee_inform_wrap .sc_result_board{
  margin-top: 55px;
}
.sc_result_board .tit_wrap{
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 40px;
}
.sc_result_board .tit_wrap .titspan {
  display: inline-block;
  margin-top: 25px;
  font-size: 18px;
  font-weight: 400;
  color:#d03030;
}
.sc_result_board .result_list_wrap .sc_tit{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 15px;
  border-bottom: 2px solid #000;
}
.sc_result_board .result_list_wrap .toggle_btn{
  width: 40px;
  height: 40px;
  background: url(../img/sub/ico_tg_arrow.png) no-repeat;
  transition: 0.3s;
}
.sc_result_board .result_list_wrap .sc_tit.on .toggle_btn{
  transform: rotate(180deg);
}
.sc_result_board .result_list_wrap .sc_table{
  display: none;
  overflow: auto;
}
.sc_result_board .result_list_wrap .wp:first-of-type .sc_table{
  display: block;
}
.sc_result_board .result_list_wrap .sc_table tr{
  border-bottom: 1px solid #d3d3d3;
}
.sc_result_board .result_list_wrap .sc_table tr th{
  height: 67px;
  background: #f1f1f1;
  font-size: 20px;
  font-weight: 500;
}
.sc_result_board .result_list_wrap .sc_table tr th:not(:last-of-type){
  border-right: 1px solid #d3d3d3;
}
.sc_result_board .result_list_wrap .sc_table tr td{
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  height: 80px;
  padding: 15px;
}
.sc_result_board .result_list_wrap .sc_table tr td:not(:last-of-type){
  border-right: 1px solid #d3d3d3;
}
.sc_result_board .result_list_wrap .sc_table tr td a:hover{
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.sc_result_board .result_list_wrap .wp + .wp{
  margin-top: 55px;
}

@media screen and (max-width: 1200px){
  .fee_inform_wrap .board_search_wrap {
    padding: 30px;
  }
}

@media screen and (max-width: 1024px){
  .fee_inform_wrap .sch_box_wrap.type04 .input_box.type02 {
    grid-template-columns: repeat(3, 1fr);
  }
  .fee_inform_wrap .sch_box_wrap.type04 .input_box.type02 .select_box {
    max-width: 100%;
    margin-bottom: 0;
  }
  .fee_inform_wrap .sch_result_wrap .result_wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 768px){
  .fee_inform_wrap .board_search_wrap {
    padding: 25px 20px 30px;
  }
  .fee_inform_wrap .board_search_wrap .tit_wrap .tit {
    font-size: 20px;
  }
  .fee_inform_wrap .board_search_wrap .tit_wrap .sub {
    font-size: 16px;
  }
  .fee_inform_wrap .sch_box_wrap.type04 .input_box.type02 {
    grid-template-columns: repeat(2, 1fr);
  }
  .fee_inform_wrap .sch_box_wrap.type04 .input_box .select_box .btn_select{
    padding: 0 25px 0 15px;
  }
  .fee_inform_wrap .sch_result_wrap {
    padding-top: 30px;
    margin-top: 30px;
  }
  .fee_inform_wrap .sch_result_wrap .result_wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .fee_inform_wrap .result_wrap .wrap{
    padding: 5px 15px 6px;
    font-size: 16px;
  }
  .fee_inform_wrap .result_wrap .wrap .remove {
    width: 11px;
    height: 11px;
  }
  .fee_inform_wrap .result_wrap .wrap .remove span {
    width: 14px;
  }
  .fee_inform_wrap .board_search_wrap .btn_wrap{
    margin: 30px auto 0;
    justify-content: center
  }
  .fee_inform_wrap .board_search_wrap .reset_btn {
    max-width: 115px;
    line-height: 43px;
    font-size: 14px;
  }
  .fee_inform_wrap .board_search_wrap .reset_btn::before {
    margin-bottom: -4px;
    margin-right: 5px;
  }
  .fee_inform_wrap .sc_result_board {
    margin-top: 35px;
  }
  .sc_result_board .tit_wrap {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .sc_result_board .tit_wrap .titspan {
    margin-top: 20px;
    font-size: 16px;
  }
  .sc_result_board .result_list_wrap .sc_tit {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .sc_result_board .result_list_wrap .toggle_btn {
    width: 34px;
    height: 34px;
    background-size: contain;
  }
  .sc_result_board .result_list_wrap .wp + .wp {
    margin-top: 40px;
  }
  .sc_result_board .result_list_wrap .sc_table tr th {
    height: 60px;
    font-size: 16px;
  }
  .sc_result_board .result_list_wrap .sc_table tr td {
    font-size: 14px;
    height: 60px;
    padding: 10px
  }
}

@media screen and (max-width: 460px){
  .fee_inform_wrap .sch_box_wrap.type04 .input_box.type02 {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .fee_inform_wrap .sch_result_wrap .result_wrap{
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

/* 온라인접수 - 환불/취소 */
.status_txt_wrap{
  margin-bottom: 35px;
}
.status_txt_wrap .txt{
  font-size: 20px;
}
.refund_info_write_wrap .join_input_wrap .default-input:disabled{
  font-weight: 400;
}
.refund_info_write_wrap .join_input_wrap .formkit__input-box .info_text.type02{
  width: 100%;
  margin-left: 0;
}
.sub_inner .join_input_wrap .formkit textarea.input-form{
  max-width: 100%;
  height: 90px;
  padding: 15px;
}

@media screen and (max-width: 1250px){
  .refund_info_write_wrap .join_input_wrap .formkit__item-title {
    max-width: 170px;
    padding: 20px 15px;
    font-size: 17px;
  }
}

@media screen and (max-width: 1024px){
  .refund_info_write_wrap .join_input_wrap .formkit__item-title {
    width: 130px;
    font-size: 14px;
    padding: 10px 5px;
  }
}

@media screen and (max-width: 768px){
  .status_txt_wrap {
    margin-bottom: 25px;
  }
  .status_txt_wrap .txt{
    font-size: 16px;
    line-height: 22px;
  }
  .sub_inner .join_input_wrap .formkit textarea.input-form {
    padding: 5px;
    line-height: 20px;
    height: 75px;
  }
}


/* 나의접수현황 */
.progress_wrap .progress_text{
  font-size: 20px;
  line-height: 30px;
}
.progress_wrap .progress_text + .progress_text{
  margin-top: 10px;
}
.num_srh_wrap{
  background-color: #f1f1f1;
  padding: 35px 20px 70px;
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.num_srh_wrap .num_srh_box{
  display: flex;
  line-height: 39px;
  gap: 15px;
}
.num_srh_wrap .num_srh_box .text{
  font-size: 18px;
}
.num_srh_wrap .num_input{
  line-height: 39px;
  background-color: #fff;
  border: 1px solid #acacac;
  padding: 0 15px;
  max-width: 287px;
  width: 100%;
}
.num_srh_wrap .input_wrap{
  display: flex;
  gap: 4px;
  position: relative;
}
.num_srh_wrap .num_reset_btn{
  margin-left: 5px;
  min-width: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  gap: 8px;
  border: 1px solid #26498b;
  background-color: #fff;
}
.num_srh_wrap .num_reset_btn:hover::before{
  transform: rotate(45deg);
}
.num_srh_wrap .num_reset_btn::before{
  content: '';
  display: block;
  width: 19px;
  aspect-ratio: 19 / 20;
  background: url(../img/sub/ico_refresh.png) no-repeat center;
  background-size: contain;
  transition: 0.3s;
}
.num_srh_wrap .num_srh_btn{
  min-width: 86px;
  border: 1px solid #26498b;
  background-color: #26498b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: 0.3s;
}
.num_srh_wrap .num_srh_btn:hover,
.progress_wrap .pay_btn:hover{
  background-color: #fff;
  color: #26498b;
}
.num_srh_wrap .num_info{
  position: absolute;
  left: 0;
  bottom: -45px;
  font-size: 18px;
  color: #737373;
}
.progress_wrap .join_input_wrap .formkit__input-box{
  align-items: center;
  font-size: 18px;
  height: 75px;
}
.progress_wrap .board_wrap.type02 tr :is(td, th):not(:last-of-type){
  border-right: 1px solid #d3d3d3;
}
.progress_wrap .board_wrap .board_list .thead{
  background-color: #f1f1f1;
}
.progress_wrap .board_wrap .board_list.type01 .tr > td{
  height: 85px;
}
.progress_wrap .board_wrap .board_list.type01 .tr > td a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.progress_wrap .board_wrap{
  border-bottom: none;
}
.progress_wrap .tag{
  width: 80px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #18a9af;
  color: #18a9af;
  font-size: 18px;
}
.progress_wrap .pay_btn{
  min-width: 115px;
  height: 45px;
  border: 1px solid #0052a4;
  background-color: #0052a4;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: 0.3s;
  margin: 0 auto;
  transition: 0.3s;
}
.progress_wrap .pay_btn.type01{
  border: 1px solid #7f7f7f;
  color: #000;
  background-color: #fff;
}
.progress_wrap .pay_btn.type01:hover{
  background-color:  #7f7f7f;
  color: #fff;
}
.progress_wrap .pay_btn.type02{
  border: 1px solid #787878;
  color: #fff;
  background-color: #787878;
}
.progress_wrap .pay_btn.type02:hover{
  color: #787878;
  background-color: #fff;
}
.progress_wrap .pay_btn.type03{
  border: 1px solid #d75c27;
  color: #fff;
  background-color: #d75c27;
}
.progress_wrap .pay_btn.type03:hover{
  color: #d75c27;
  background-color: #fff;
}
.bill_wrap{
  padding: 35px 20px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  margin: 0 auto;
  max-width: 620px;
}
.bill_wrap .bill_list_wrap > li{
  font-size: 18px;
  line-height: 26px;
  display: flex;
  gap: 20px;
}
.bill_wrap .bill_list_wrap > li + li{
  margin-top: 20px;
}
.bill_wrap .title{
  width: 140px;
  font-weight: 500;
}
.bill_wrap .data{
  flex: 1;
  min-width: 0;
}
@media screen and (max-width:768px){
  .progress_wrap .progress_text{
    font-size: 16px;
    line-height: 22px;
  }
  .num_srh_wrap{
    margin-top: 40px;
    padding: 20px;
  }
  .num_srh_wrap .num_srh_box{
    flex-direction: column;
    gap: 10px;
  }
  .num_srh_wrap .num_srh_box .text{
    line-height: 20px;
    font-size: 16px;
  }
  .num_srh_wrap .num_info{
    position: static;
    width: 100%;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 6px;
  }
  .num_srh_wrap .input_wrap{
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 10px;
  }
  .num_srh_wrap .num_input{
    max-width: 100%;
    line-height: 38px;
  }
  .num_srh_wrap .num_reset_btn{
    margin-left: 0;
  }
  .num_srh_wrap .num_srh_btn,
  .num_srh_wrap .num_reset_btn{
    min-width: 110px;
    height: 38px;
    font-size: 16px;
  }
  .progress_wrap .join_input_wrap .formkit__input-box{
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    font-size: 14px;
    line-height: 22px;
  }
  .progress_wrap .board_wrap .board_list.type01 .tr > td:nth-child(n+3):not(:last-of-type)::after{
    display: none;
  }
  .progress_wrap .scroll_wrap{
    overflow-x: auto;
  }
  .progress_wrap .scroll_wrap .board_wrap{
    min-width: 550px;
  }
  .progress_wrap .board_wrap .board_list.type01 th{
    font-size: 16px;
  }
  .progress_wrap .board_wrap .board_list.type01 .tr > td span{
    font-size: 14px;
  }
  .progress_wrap .board_wrap .board_list.type01 .tr{
    height: 60px;
  }
  .progress_wrap .board_wrap .board_list.type01 .tr > td{
    height: 70px;
  }
  .progress_wrap .tag{
    width: 60px;
    height: 28px;
    font-size: 14px;
  }
  .progress_wrap .pay_btn{
    min-width: 80px;
    height: 36px;
    font-size: 16px;
  }
  .bill_wrap{
    padding: 25px 5px;
  }
  .bill_wrap .bill_list_wrap > li + li{
    margin-top: 10px;
  }
  .bill_wrap .bill_list_wrap > li{
    font-size: 16px;
    line-height: 24px;
    gap: 5px;
  }
  .bill_wrap .title{
    width: 110px;
  }
}

/* 견적 산출 팝업 */
h3.est{
	font-size:36px;
	text-align:center;
	padding : 15px 20px;
}
.layer_popup .layer_wrap.type02{
  max-width: 1460px;
}
.estimate_print_pop{
  padding: 0 30px
}
.estimate_print_pop .fiti_adr{
  display: flex;
  align-items: center;
  min-height: 160px;
  border: 1px solid #d2d2d2;
  padding: 30px 80px;
}
.estimate_print_pop .fiti_adr .inner{
  display: flex;
  align-items: center;
  gap: 85px;
}
.estimate_print_pop .fiti_adr .img{
  position: relative;
}
.estimate_print_pop .fiti_adr .img::after{
  content: '';
  position: absolute;
  width: 1px;
  height: 88px;
  background: #cecece;
  top: 50%;
  left: calc(100% + (85px / 2));
  transform: translateY(-50%);
}
.estimate_print_pop .fiti_adr .adr_txt p{
  font-size: 20px;
  font-weight: 500;
}
.estimate_print_pop .fiti_adr .adr_txt p + p{
  margin-top: 15px;
}
.estimate_print_pop .fiti_adr .adr_txt p span{
  display: inline-block;
  margin-right: 20px;
}
.estimate_print_pop .sc_board .board_wrap .board_list.type01 .tr > td{
  padding: 10px;
}
.basic_table {
  border-top: 1px solid #4e586e;
}
.basic_table th{
  background: #f5f5f5;
  font-size: 18px;
  padding: 15px 20px;
  font-weight: 400;
  border-right: 1px solid #d8d8d8;
  text-align: left;
}
.basic_table td{
  font-size: 18px;
  padding: 15px 40px;
}
.basic_table tr{
  border-bottom: 1px solid #d8d8d8;
  height: 75px;
}
.board_wrap .board_list.type01.border th:not(:last-of-type){
  border-right: 1px solid #d3d3d3;
}
.board_wrap .board_list.type01.border td:not(:last-of-type){
  border-right: 1px solid #d3d3d3;
}
.board_wrap .board_list.type01.border td{
  height: 80px;
}
.estimate_print_pop .etc_txt_wrap{
  display: flex;
  align-items: center;
  min-height: 180px;
  border: 1px solid #d2d2d2;
  padding: 30px 0;
  margin-top: 20px;
}
.estimate_print_pop .etc_txt_wrap .inner{
  display: flex;
  align-items: center;
}
.estimate_print_pop .etc_txt_wrap .txt{
  min-width: 260px;
  text-align: center;
}
.estimate_print_pop .etc_txt_wrap .txt p{
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  background: url(../img/sub/ico_speaker.png) no-repeat center left;
  padding-left: 35px;
}
.estimate_print_pop .etc_txt_wrap .list{
  position: relative;
  padding-left: 30px;
}
.estimate_print_pop .etc_txt_wrap .list::before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #cecece;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.estimate_print_pop .etc_txt_wrap .list li{
  font-weight: 300;
}
.estimate_print_pop > div + div{
  margin-top: 40px;
}
.estimate_print_pop .btn_wrap .btn{
  width: 135px;
  min-width: 135px;
  height: 46px;
  line-height: 1;
  padding-bottom: 4px;
}
.estimate_print_pop .btn_wrap .btn + .btn{
  margin-left: 0;
}
.submission_info {
  margin-bottom: 35px;
}
.praise_wrap.edit .join_input_wrap .formkit__input-box textarea {
  border: 1px solid #999999;
  padding: 0 15px;
}
/* 프린트 */
@page {
  size: A4;
  margin: 1cm;
}
@media print {
  html{zoom:0.58}
  header, footer, .sub_wrap {
    display: none;
  }
  .no-print {
    display: none !important;
  }
  .break_af {
    break-after: page;
  }
  .break_bf {
    break-before: page;
  }
  /* .contents_tit {
    display: none;
  }
  .sub_inner {
    border: 0;
    margin:0;
    padding: 0;
  }*/
  .btn_wrap {
    display: none;
  }
}
/* 수수료 안내 검색 폼 추가 */
.fee_srh_box{
  background-color: #f1f1f1;
  padding: 35px 20px 35px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 39px;
}
.fee_srh_box .srh_txt {
  max-width: 740px;
  margin: 8px auto 0;
}
.fee_srh_inner{
  margin: 0 auto;
  display: flex;
  gap: 7px;
  align-items: flex-start;
  justify-content: center;
}
.fee_srh_box select{
  background: url(../img/sub/ico_form_select.png) no-repeat center right 10px #fff;
  width: 240px;
}
.fee_srh_box .input{
  border: 1px solid #acacac;
  background-color: #fff;
  min-height: 39px;
  padding: 0 15px;
}
.fee_srh_box input[type="text"]{
  width: 485px;
}
.fee_srh_box .srh_btn{
  min-height: 39px;
  width: 86px;
  background-color: #26498b;
  border: 1px solid #26498b;
  color: #fff;
  transition: 0.3s;
}
.fee_srh_box .srh_btn:hover{
  background-color: #fff;
  color: #26498b;
}
.fee_srh_box .input_box{
  display: flex;
  flex-direction: column;
}
.btn_wrap .btn.print_btn{
  max-width: 135px;
}
.btn_wrap.pc{
  display: flex;
}
@media screen and (max-width:1024px){
  .fee_srh_box{
    padding: 30px;
  }
  .fee_srh_inner{
    flex-wrap: wrap;
    gap: 10px;
  }
  .fee_srh_inner label{
    width: 100%;
    font-size: 24px;
    font-weight: 500;
  }
  .fee_srh_box input[type="text"]{
    width: 100%;
  }
  .fee_srh_box .input_box{
    flex: 1;
    min-width: 0;
  }
}

@media screen and (max-width:768px){
  .fee_inform_wrap .board_search_wrap .tit_wrap{
    margin-bottom: 15px;
  }
  .fee_srh_box{
    padding: 20px;
    font-size: 16px;
  }
  .fee_srh_inner{
    gap: 0;
    position: relative;
    /* padding-bottom: 40px; */
  }
  .fee_srh_box .srh_txt {
    line-height: 1.3;
  }
  .fee_srh_inner label{
    font-size: 20px;
    margin-bottom: 6px;
  }
  .fee_srh_box select{
    width: 100%;
    margin-bottom: 10px;
  }
  .fee_srh_box .input_box {
    min-width: calc(100% - 80px);
  }
  .fee_srh_box:has(.total_reset_btn) .input_box {
    min-width: calc(100% - 136px);
  }
  .fee_srh_box .total_reset_btn {
    margin-left: 5px;
  }
  .fee_srh_box .input_box p{
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .fee_srh_box .srh_btn{
    width: 80px;
  }
  .fee_inform_wrap .scroll_table{
    position: relative;
    max-width: 100%;
    overflow-y: auto;
  }
  .fee_inform_wrap fieldset{
    min-width: 0;
  }
  .fee_inform_wrap .scroll_table table{
    min-width: 480px;
  }
  .fee_detail_wrap .caution_info_wp.type02{
    border: none;
    padding: 0;
    margin-top: 40px;
    background-color: #fff;
  }
  .fee_detail_wrap .caution_info_wp.type02 .text{
    font-size: 15px;
  }
  .btn_wrap.pc{
    display: none;
  }
}

/* 신청서 양식 */
.appli_form_wrap .circle_list .btn_link{
  min-width: 150px;
}
.appli_form_wrap .circle_list > li{
  display: flex;
  align-items: center;
  gap: 16px;
}
.appli_form_wrap .circle_list > li + li{
  margin-top: 2px;
}
.appli_form_wrap .circle_list>li:has(.btn_link)::before{
  top: 23px;
}
.category_srh_box{
  padding: 20px 15px;
  display: flex;
  gap: 4px;
  align-items: center;
  border-bottom: 2px solid #000;
  margin-bottom: 30px;
}
.category_srh_box .title{
  font-size: 22px;
  font-weight: 500;
  margin-right: 25px;
}
.category_srh_box .input{
  border: 1px solid #acacac;
  background-color: #fff;
  min-height: 39px;
  padding: 0 15px;
  font-size: 18px;
}
.category_srh_box input[type="text"]{
  width: 285px;
}
.category_srh_box .srh_btn{
  min-height: 39px;
  width: 86px;
  background-color: #26498b;
  border: 1px solid #26498b;
  color: #fff;
  transition: 0.3s;
}
.category_srh_box .srh_btn:hover{
  background-color: #fff;
  color: #26498b;
}
.join_input_wrap .formkit__item-title{
  position: relative;
}
.join_input_wrap .formkit__item-title .tool_tip > button{
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #7d7d7d;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
  padding-right: 2px;
  margin-left: 5px;
  margin-top: 3px;
}
.join_input_wrap .formkit__item-title .tool_tip > button:hover{
  background: #0052a4;
  border-color: #0052a4;
  color: #fff;
}
.join_input_wrap .formkit__item-title .tool_tip > button.on{
  background: #0052a4;
  border-color: #0052a4;
  color: #fff;
}
.tool_tip_wrap{
  display: none;
  position: absolute;
  top: calc(100% + 13px);
  left: 80px;
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  width: max-content;
  max-width: 320px;
  z-index: 111;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}
.tool_btn_wrap{
	position:relative;
	display:inline;
}
.tool_tip.no_fix{
	position:relative;
}
.tool_tip.no_fix .tool_tip_wrap{
	right: 65px;
    bottom: -40px;
    top: auto;
    left: auto;
    transform: translate(100%, 100%);
}
.tool_tip_wrap::before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 50px;
  border-bottom: 10px solid #fff;
  border-top: 15px solid transparent;
  border-left: 15px solid #fff;
  border-right: 15px solid transparent;
}
.tool_tip_wrap .tool_tip_close{
  text-align: right;
  position: absolute;
  right: 16px;
  display: none;
  top: 11px;
}
.tool_tip_wrap .tool_tip_close button{
  width: 17px;
  height: 17px;
  background: url(../img/sub/tool_tip_close.png) no-repeat;
}
.tool_tip_wrap .wp{
  display: flex;
  align-items: center;
  gap: 10px;
}
.tool_tip_wrap .wp + .wp{
  margin-top: 10px;
}
.tool_tip_wrap .wp + .wp.mid{
  margin-top: 3px;
}
.tool_tip_wrap .wp .txt_bl{
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.tool_tip_wrap .wp .tool_tag{
  min-width: 62px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  background: #0052a4;
  font-size: 14px;
}
.tool_tip_wrap .wp .tool_tag.gr_tag{
  background: #707070;
}
.tool_tip_wrap .wp .txt{
  font-size: 14px;
  line-height: 20px;
}
.tool_tip_inner .add_txt{
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: #545454;
  text-align:left;
}
.tool_tip_inner .add_txt:before{
  content: '*';
  margin-right: 3px;
  flex-shrink: 0;
}
@media screen and (max-width:768px){
  .appli_form_wrap .circle_list > li{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .appli_form_wrap .circle_list>li:has(.btn_link)::before{
    top: 8px;
  }
  .appli_form_wrap .circle_list > li + li{
    margin-top: 20px;
  }
  .appli_form_wrap .circle_list .btn_link{
    min-width: 140px;
  }
  .category_srh_box{
    flex-wrap: wrap;
    padding: 0 0 20px;
    gap: 0;
  }
  .category_srh_box .total_reset_btn{
    margin-left: 3px;
  }
  .category_srh_box .title{
    font-size: 20px;
    margin-bottom: 15px;
    width: 100%;
  }
  .category_srh_box input[type="text"]{
    width: calc(100% - 80px);
    flex: 1;
    font-size: 16px;
  }
  .category_srh_box .srh_btn{
    width: 80px;
  }
}
/* 온라인접수 - 시험항목 입력 */
.item_write_wrap .board_wrap .board_list.type01 .tr:hover{
  background-color: transparent;
}
.item_write_wrap .board_wrap .board_list.type01 .tr > th{
  font-size: 18px;
  background-color: #f1f1f1;
}
.item_write_wrap .board_wrap .board_list.type01 .tr > td{
  height: 60px;
  font-size: 18px;
  padding: 10px 15px;
}
.item_write_wrap .board_wrap .board_list.type01 .tr > td.left{
  text-align: left;
}
.item_write_wrap .board_wrap .board_list.type01 .tr > td .check_wrap label{
  font-size: 16px;
}
.item_write_wrap .default-input{
  border-color: #b2b2b2;
}
.progress_wrap .board_wrap .board_list.type01 .tr > td .input_form_txt{
  font-size: 18px;
  padding-left: 10px;
  vertical-align: middle;
}
.item_write_wrap .formkit .progress_wrap textarea.input-form{
  height: 150px;
}
.item_write_wrap .progress_wrap + .formkit__title-box{
  margin-top: 35px;
}
.item_write_wrap .board_wrap .board_list.type03 tr > td.board_basic_input .basic_select{
  font-size: 15px;
}

/* 온라인 접수 - 접수정보 입력 수정*/
.formkit__item.title_item{
  background-color: #f5f5f5;
  height: 78px;
  padding: 10px 20px;
}
.formkit__item.title_item .formkit__title-box{
  padding-bottom: 0;
  width: 100%;
}
.join_input_wrap .formkit__item.title_item .formkit__title{
  font-size: 20px;
  margin-right: 20px;
}
.btn_wrap.type_btw{
  margin-top: 40px;
}
.btn_wrap.type_btw .btn_frame{
  display: flex;
  gap: 12px;
}
.btn_wrap.type_btw .btn{
  width: 220px;
  max-width: none;
  line-height: 58px;
}
.btn_wrap ~ .guide_text{
  margin-top: 15px;
}
.btn_wrap ~ .guide_text .ico{
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #7d7d7d;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
  padding-right: 2px;
  margin-right: 6px;
  margin-top: 3px;
}

/* 이메일무단수집거부 */
.ico_text_box .big {
  font-size: 22px;
  font-weight: 700;
}
.ico_text_box.msg::before{
  background-image: url(../img/sub/ico_msg.png);
}
@media screen and (max-width:768px){
  .ico_text_box .big{
    font-size: 16px;
  }
.ico_text_box.msg::before{
  background-size: 35px auto;
}
}

/* 서비스 이용현황 */
.service_use_current .content_section{
  margin-top: 60px;
}
.service_use_current .content_section .content_inner .circle {
  margin-bottom: 20px;
}
.service_use_current .both_wp{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 55px;
}
.service_use_current .inner.mt{
  margin-top: 40px;
}
.service_use_current .both_wp > div{
  min-width: 0;
}
.online_receive_cr .bd_box{
  padding: 35px 50px;
}
.online_receive_cr .bd_box .online_tit{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}
.online_receive_cr .bd_box .online_tit::before{
  content: '';
  display: inline-block;
  width: 56px;
  height: 56px;
  background: url(../img/sub/ico_online_tit.png) no-repeat;
}
.service_use_current .amount_wp{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 55px 80px;
}
.service_use_current .amount_wp .bundle{
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  width: calc((100% - 80px) / 2);
}
.service_use_current .amount_wp .bundle p{
  display: flex;
  align-items: center;
  font-size: 20px;
  gap: 10px;
  line-height: 1;
}
.service_use_current .amount_wp .bundle .b_num_txt{
  font-size: 50px;
  font-weight: 500;
  color: #0052a4;
  letter-spacing: -0.08em;
}
.online_receive_cr .bd_box + .receive_list{
  margin-top: 40px;
}
.online_receive_cr .receive_list .list_tit{
  display: flex;
  min-height: 45px;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  gap: 5px 30px;
  margin-bottom: 15px;
}
.online_receive_cr .receive_list .list_tit .more{
  min-width: 100px;
  line-height: 45px;
  background: #26498b;
  color: #fff;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 400;
}
.online_receive_cr .receive_list .list_tit .more::after{
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/sub/ico_more_plus.png) no-repeat;
  vertical-align: middle;
  margin-left: 10px;
  transition: 0.3s;
  margin-top: -3px;
}
.online_receive_cr .receive_list .list_tit .more:hover:after{
  transform: rotate(180deg);
}
.online_receive_cr .receive_list .category:not(:first-of-type)::before{
  content: '';
  display: inline-block;
  width: 2px;
  height: 25px;
  background: #b5b5b5;
  vertical-align: middle;
  margin-left: -15px;
  margin-right: 12px;
}
.online_receive_cr .receive_list .category button{
  font-size: 20px;
  font-weight: 500;
  color: #4d4d4d;
}
.online_receive_cr .receive_list .category.current button:first-of-type:not(.more){
  color: #0052a4;
}
.online_receive_cr .receive_list .category:not(.current) .more{
  display: none;
}
.online_receive_cr .receive_list .list_contents .cont{
  border-top: 1px solid #6f6f6f;
}
.online_receive_cr .no_receive{
  text-align: center;
  font-size: 18px;
  border-bottom: 1px solid #dfdfdf;
  padding: 30px 20px;
}
.online_receive_cr .receive_list .list_contents .cont:not(:first-of-type){
  display: none;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dfdfdf;
  height: 63px;
  padding: 0 15px;
  gap: 10px;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li .num{
  width: 18%;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li .tit{
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li .tit a:hover{
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li .date{
  width: 16%;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li .tag_wp{
  width: 80px;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li .tag_wp .tag{
  display: inline-block;
  min-width: 80px;
  line-height: 33px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding-bottom: 1px;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li .tag_wp .tag.type01{
  border: 1px solid #25aeb3;
  color: #18a9af;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li .tag_wp .tag.type02{
  border: 1px solid #325391;
  color: #26498b;
}
.online_receive_cr .receive_list .list_contents .cont > ul > li .tag_wp .tag.type03{
  border: 1px solid #868686;
  color: #000;
}
.service_use_current .both_wp.type02 .bd_box{
  padding: 54px 45px;
}

@media screen and (max-width: 1200px){
  .online_receive_cr .bd_box{
    padding: 35px 20px;
  }
  .service_use_current .amount_wp{
    gap: 55px 40px;
  }
  .service_use_current .both_wp{
    gap: 20px 30px;
  }
  .service_use_current .both_wp.type02 .bd_box{
    padding: 54px 20px;
  }
}

@media screen and (max-width: 1024px){
  .service_use_current .both_wp{
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px){
  .service_use_current .content_section {
    margin-top: 35px;
  }
  .service_use_current .content_section .content_inner .circle{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .online_receive_cr .bd_box .online_tit {
    font-size: 22px;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 8px;
  }
  .online_receive_cr .bd_box .online_tit::before {
    width: 48px;
    height: 48px;
    background-size: contain;
  }
  .service_use_current .amount_wp .bundle{
    width: 100%;
  }
  .service_use_current .amount_wp .bundle p{
    font-size: 16px;
  }
  .service_use_current .amount_wp .bundle .b_num_txt {
    font-size: 36px;
  }
  .online_receive_cr .bd_box {
    padding: 30px 25px;
  }
  .online_receive_cr .bd_box:nth-of-type(2){
    margin-bottom: 15px;
  }
  .service_use_current .both_wp{
    gap: 15px;
  }
  .service_use_current .amount_wp {
    gap: 7px;
  }
  .online_receive_cr .inner + .inner {
    margin-top: 15px;
  }
  .online_receive_cr .receive_list .list_tit {
    min-height: 35px;
  }
  .online_receive_cr .receive_list .list_tit .more {
    min-width: 72px;
    line-height: 33px;
    font-size: 12px;
    padding-bottom: 2px;
  }
  .online_receive_cr .receive_list .list_tit .more::after {
    width: 12px;
    height: 12px;
    background-size: contain;
    margin-top: 0;
  }
  .online_receive_cr .receive_list + .receive_list{
    margin-top: 15px;
  }
  .online_receive_cr .no_receive {
    font-size: 16px;
  }
  .online_receive_cr .receive_list .category button {
    font-size: 18px;
  }
  .online_receive_cr .receive_list .category:not(:first-of-type)::before {
    height: 20px;
  }
  .online_receive_cr .receive_list .list_contents .cont > ul > li {
    height: auto;
    padding: 12px 5px 15px;
    gap: 7px 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .online_receive_cr .receive_list .list_contents .cont > ul > li .num {
    width: 100%;
    font-size: 14px;
  }
  .online_receive_cr .receive_list .list_contents .cont > ul > li .tit{
    flex: inherit;
    width: 100%;
  }
  .online_receive_cr .receive_list .list_contents .cont > ul > li .date {
    width: auto;
    font-size: 14px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
  }
  .online_receive_cr .receive_list .list_contents .cont > ul > li .tag_wp .tag {
    min-width: 60px;
    line-height: 27px;
    font-size: 14px;
  }
  .service_use_current .both_wp.type02 .bd_box {
    padding: 20px 25px;
  }
}

/* 수수료 납부 */
.charge_pay_wrap .board_wrap{
  border-bottom: none;
}
.charge_pay_wrap .basic_txt.txt_bl{
  font-size: 20px;
  margin-top: 10px;
}
.charge_pay_wrap .basic_txt + .circle_list{
  margin-top: 15px;
}
.charge_pay_wrap .basic_txt + .circle_list li{
  font-weight: 500;
}
.charge_pay_wrap .board_wrap .board_list.type01 table{
  min-width: 1200px;
}
.charge_pay_wrap .board_wrap .board_list.type01 td .complete{
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  color: #26498b;
}
.charge_pay_wrap .board_wrap .board_list.type01 td .date{
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-top: 4px;
}
.charge_pay_wrap .board_wrap .board_list.type01 td .pay_btn{
  min-width: 90px;
  line-height: 34px;
  padding: 0 10px;
  border: 1px solid #26498b;
  background: #26498b;
  color: #fff;
  font-size: 17px;
  transition: 0.3s;
}
.charge_pay_wrap .board_wrap .board_list.type01 td .pay_btn:hover{
  background: #fff;
  color: #26498b;
}
.charge_pay_wrap .board_wrap .board_list.type01 td .cancel_btn{
  min-width: 90px;
  line-height: 34px;
  padding: 0 10px;
  border: 1px solid #777;
  background: #fff;
  color: #000;
  font-size: 17px;
  transition: 0.3s;
}
.charge_pay_wrap .board_wrap .board_list.type01 td .cancel_btn:hover{
  background: #777;
  color: #fff;
}
.charge_pay_wrap .toolwrap {
  position: relative;
}
.charge_pay_wrap .tool_tip button {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #7d7d7d;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
  padding-right: 2px;
  margin-left: 5px;
 vertical-align: top;
}
.charge_pay_wrap .tool_tip button:hover{
  background: #0052a4;
  border-color: #0052a4;
  color: #fff;
}
.charge_pay_wrap .tool_tip_wrap {
  top: calc(100% + 13px);
  left: auto;
  right: 15px;
  padding: 10px;
}
.charge_pay_wrap .tool_tip_wrap::before {
  left:auto;
  right:25px;
  border-bottom: 5px solid #fff;
  border-right: 10px solid #fff;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
}
.charge_pay_wrap .board_wrap .board_list.type01 .tr.no_data{
	min-width: 1200px;
	height: 80px;
}
.charge_pay_wrap .board_wrap .no_data span{
	line-height: 80px;
}

@media screen and (max-width: 768px){
  .charge_pay_wrap .board_wrap .board_list.type01 td .complete {
    font-size: 14px;
  }
  .charge_pay_wrap .board_wrap .board_list.type01 td .cancel_btn {
    min-width: 70px;
    line-height: 29px;
    font-size: 14px;
  }
  .charge_pay_wrap .board_wrap .board_list.type01 td .pay_btn{
    min-width: 70px;
    line-height: 29px;
    font-size: 14px;
  }
  .charge_pay_wrap .board_wrap .board_list.type01 table {
    min-width: 1000px;
  }
  .charge_pay_wrap .basic_txt.txt_bl{
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
  }
  .charge_pay_wrap .board_wrap .board_list.type01 td .date{
    font-size: 13px;
  }
  .charge_pay_wrap .board_wrap .board_list.type01 .tr.no_data{
	min-width: 1000px;
	height: 65px;
  }
  .charge_pay_wrap .board_wrap .no_data span {
    line-height: 25px;
  }
  .charge_pay_wrap .tool_tip_wrap {
    top: calc(100% + 6px);
    right: -2px;
    padding: 9px 10px;
  }
  .charge_pay_wrap .tool_tip_wrap .tool_tip_inner .add_txt{
      font-size: 13px;
      line-height: 17px;
  }
}

/* 결제내용 확인 팝업 */
.pay_confirm_pop{
  padding: 5px 30px 0;
}
.pay_confirm_pop .board_wrap .board_list.type01 caption{
  position: relative !important;
  margin: 0 !important;
}
.pay_confirm_pop .board_wrap .board_list.type01 tr{
  border-bottom: 1px solid #d3d3d3;
  min-height: 65px;
}
.pay_confirm_pop .board_wrap .board_list.type01 .tr:not(.thead):hover{
  background: none;
}
.pay_confirm_pop .board_wrap .board_list.type01 th{
  width: 180px;
  text-align: left;
  padding-left: 25px;
  font-size: 18px;
  background: #f5f5f5;
  font-weight: 500;
}
.pay_confirm_pop .board_wrap .board_list.type01 td{
  text-align: left;
  padding: 5px 25px;
  font-size: 18px;
  font-weight: 300;
}
.pay_confirm_pop + .btn_wrap{
  margin: 30px auto 0;
}

@media screen and (max-width: 768px){
  .pay_confirm_pop {
    padding: 10px 0 0;
  }
  .pay_confirm_pop .board_wrap .board_list.type01 th {
    width: 125px;
    padding-left: 15px;
    font-size: 14px;
  }
  .pay_confirm_pop .board_wrap .board_list.type01 td {
    padding: 5px 15px;
    font-size: 14px;
  }
}

/* 세부 내역 팝업 */
.charge_detail_con_pop .charge_pay_wrap{
  padding: 10px 30px 0;
}
.layer_popup .layer_wrap.w1460{
  max-width: 1460px;
}
.charge_pay_wrap .board_wrap .board_list.type01 tr{
  border-bottom: 1px solid #d3d3d3;
}
.charge_pay_wrap .board_wrap .board_list.type01 .row{
  border-right: 1px solid #d3d3d3;
}
.charge_pay_wrap .board_wrap .board_list.type01 .row:first-of-type{
  border-left: 1px solid #d3d3d3;
}
.charge_pay_wrap .board_wrap .board_list.type01 .line{
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
}
.charge_pay_wrap .board_wrap .board_list.type01 :is(th,td){
  padding: 20px 0;
  font-size: 18px;
}
.charge_pay_wrap .board_wrap .board_list.type01 :is(th,td) {
  padding: 15px 0;
}
.charge_pay_wrap .board_wrap .board_list.type01 th{
  font-weight: 500;
}
.sub_inner .charge_pay_wrap .board_wrap .board_list.type01 td{
  height: 80px;
  padding: 5px;
  font-weight: 300;
  position: relative;
}
.charge_pay_wrap .board_wrap .board_list.type01 th.row{
  padding: 7px 0;
}
.charge_pay_wrap .board_wrap .board_list.type01 .scroll_table{
  overflow-x: auto;
  overflow-y: hidden;
}
.charge_detail_con_pop .charge_pay_wrap .board_wrap .board_list.type01 .scroll_table table{
  min-width: 900px;
}
.charge_detail_con_pop .charge_pay_wrap + .btn_wrap {
  margin: 30px auto 0;
}

@media screen and (max-width: 768px){
  .charge_detail_con_pop .charge_pay_wrap {
    padding: 10px 0 0;
  }
  .charge_pay_wrap .board_wrap .board_list.type01 th{
    font-size: 16px;
  }
  .charge_pay_wrap .board_wrap .board_list.type01 td{
    font-size: 14px;
  }
  .charge_pay_wrap .board_wrap .board_list.type01 :is(th,td) {
    padding: 10px 5px;
  }
  .sub_inner .charge_pay_wrap .board_wrap .board_list.type01 td{
    height: 65px;
    padding: 5px;
  }
}

/*  */
.charge_pay_wrap .p_srh_box .inner{
  max-width: 780px;
}
.charge_pay_wrap .p_srh_box .p_title {
  min-width: auto;
  flex-shrink: 0;
}
.charge_pay_wrap .p_srh_box .check_wrap label{
  color: #000;
}
.charge_pay_wrap .p_srh_box .radiobox_wrap{
  gap: 25px;
}
.charge_pay_wrap .p_srh_box .radiobox_wrap .radio{
  white-space: nowrap;
}
.charge_pay_wrap .p_srh_box .radiobox_wrap label{
  font-size: 16px;
}
.charge_pay_wrap .p_srh_box .radiobox_wrap input[type=radio]{
  width: 22px;
  height: 22px;
  background-size: cover !important;
}
.charge_pay_wrap .p_srh_box .p_btn_wrap{
  margin-top: 5px;
}
.charge_pay_wrap .p_srh_box .date_picker_wrap input.date_picker {
  max-width: 170px;
  width: 100%;
}
.charge_pay_wrap .p_srh_box .date_picker_wrap input.date_picker_range {
  max-width: 170px;
  width: 100%;
}
@media screen and (max-width:768px){
  .charge_pay_wrap .basic_txt.thin {
    font-size: 16px;
  }
  .charge_pay_wrap .p_srh_box{
    padding: 25px 20px 30px;
    font-size: 16px;
    margin: 25px 0 30px;
  }
  .charge_pay_wrap .p_srh_box .date_picker_wrap{
    width: auto;
  }
  .charge_pay_wrap .p_srh_box .check_wrap label{
    padding-right: 0;
  }
  .charge_pay_wrap .p_srh_box .p_input_box{
    gap: 20px;
  }
  .charge_pay_wrap .p_srh_box .p_btn_wrap {
    margin-top: 0;
  }
}


/*진행현황ㆍ성적서 조회 검색폼*/
.p_srh_box{
  background-color: #f1f1f1;
  padding: 40px 30px;
  font-size: 18px;
  margin: 35px 0 45px;
}
.p_srh_box .inner{
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 35px;
}
.p_srh_box .p_srh_item.full,
.p_srh_box .p_btn_wrap{
  width: 100%;
}
.p_srh_box .p_btn_wrap{
  display: flex;
  justify-content: center;
  gap: 10px;
}
.p_srh_box .p_btn_wrap button{
  width: 128px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: 0.3s;
}
.p_srh_box .p_btn_wrap .btn_srh{
  background-color: #26498b;
  border: 1px solid #26498b;
}
.p_srh_box .p_btn_wrap .btn_reset{
  background-color: #26498b;
  border: 1px solid #26498b;
  gap: 8px;
  width: 50px;
}
.p_srh_box .p_btn_wrap .btn_reset::before{
  content: '';
  width: 19px;
  aspect-ratio: 19 / 20;
  background: url(../img/sub/ico_reset_wh.png) no-repeat center;
  background-size: contain;
  transition: 0.3s;
}
.p_srh_box .p_btn_wrap .btn_reset:hover::before{
  transform: rotate(30deg);
}
.p_srh_box .p_srh_item.flex{
  flex: 1;
  min-width: 0;
}
.p_srh_box .p_srh_item{
  display: flex;
  align-items: center;
  gap: 15px;
}
.p_srh_box .check_wrap label{
  display: flex;
  align-items: center;
  padding-right: 25px;
}
.p_srh_box .check_wrap input[type="checkbox"]+label:before{
  margin-right: 0;
}
.p_srh_box .p_input_box{
  display: flex;
  gap: 12px;
}
.p_srh_box .p_title{
  font-weight: 500;
}
.p_srh_box .p_title.w80{
	min-width: 81px;
}
.p_srh_box select{
  width: 130px;
  border: 1px solid #a7a7a7;
  line-height: 38px;
  color: #000;
  font-size: 18px;
  padding: 0 28px 0 15px;
  background: #fff url(../img/sub/ico_select04.png) no-repeat center right 15px;
  cursor: pointer;
}
.p_srh_box input[type="text"]{
  border: 1px solid #a7a7a7;
  line-height: 38px;
  color: #000;
  font-size: 18px;
  padding: 0 10px;
  background-color: #fff;
  flex: 1;
  min-width: 0;
}
.p_srh_box input.w170{
	max-width: 170px;
}
.p_srh_box .sch_box{
  flex: 1;
  min-width: 0;
  display: flex;
  gap: 13px;
}
.progress_wrap .basic_txt.txt_bl{
  font-size: 20px;
  margin-top: 10px;
}
.progress_wrap .charge_pay_wrap .board_wrap .board_list.type01 td .pay_btn{
  height: auto;
}
.progress_wrap .board_wrap.type02.no_line tr :is(td, th):not(:last-of-type){
  border-right: none;
}
.progress_wrap .board_wrap.type02.no_line th{
  font-size: 20px;
}
.progress_wrap .board_wrap.type02.no_line th:has(br){
  font-size: 18px;
}
.progress_wrap .board_wrap.type02.no_line td:has(br){
  font-size: 17px;
}
.charge_pay_wrap .board_wrap .board_list.type01 td .pay_btn[disabled]{
  color: #e4e4e4;
  background-color: #979797;
  border: 1px solid #979797;
  pointer-events: none;
}
.layer_popup .pop_down_btn{
  width: 100px;
  height: 34px;
  border: 1px solid #26498b;
  background-color: #26498b;
  color: #fff;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.layer_popup .sc_board.detail .scroll_wrap .board_wrap{
  min-width: 560px;
}
.layer_popup .sc_board.detail .scroll_wrap .board_wrap .cell01{
  width: 180px;
}
.layer_popup .sc_board.detail .scroll_wrap .board_wrap .cell02{
  width: 100px;
}
.layer_popup .layer_wrap.w800{
  max-width: 800px;
}
.progress_wrap .p_srh_box .radiobox_wrap{
  gap: 25px;
}
.progress_wrap .p_srh_box .radiobox_wrap .radio{
  white-space: nowrap;
}
.progress_wrap .p_srh_box .radiobox_wrap label{
  font-size: 16px;
}
.progress_wrap .p_srh_box .radiobox_wrap input[type=radio] {
  width: 22px;
  height: 22px;
  background-size: cover !important;
}
@media screen and (max-width:1200px){
  .p_srh_box .p_srh_item{
    width: 100%;
  }
  .p_srh_box .p_title{
    min-width: 90px;
  }
}
@media screen and (max-width:768px){
  .p_srh_box .date_picker_wrap span:first-of-type{
    display: block;
  }
  .p_srh_box{
    font-size: 16px;
    padding: 30px 20px;
  }
  .p_srh_box .inner{
    gap: 15px;
  }
  .p_srh_box select,
  .p_srh_box input[type="text"]{
    font-size: 16px;
  }
  .p_srh_box .check_wrap label{
    font-size: 14px;
  }
  .p_srh_box .p_srh_item{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .p_srh_box .sch_box{
    width: 100%;
    gap: 7px;
  }
  .p_srh_box .p_btn_wrap button{
    width: 110px;
    height: 38px;
  }
  .progress_wrap .basic_txt.txt_bl {
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
  }
  .progress_wrap .board_wrap.type02.no_line th{
    font-size: 16px;
  }
  .progress_wrap .board_wrap.type02.no_line th:has(br){
    font-size: 15px;
  }
  .progress_wrap .board_wrap.type02.no_line td{
    font-size: 14px;
  }
  .progress_wrap .board_wrap.type02.no_line td:has(br){
    font-size: 13px;
  }
  .layer_popup .sc_board.detail .scroll_wrap .board_wrap .cell01{
    width: auto;
  }
  .layer_popup .sc_board.detail .scroll_wrap .board_wrap .cell02{
    width: 60px;
  }
  .layer_popup .sc_board.detail .board_wrap .board_list .thead{
    height: 55px;
  }
  .layer_popup .sc_board.detail .board_wrap .board_list.type01 tbody .tr{
    height: 55px;
    padding : 5px;
  }
  .layer_popup .pop_down_btn{
    height: 30px;
    font-size: 14px;
    width: 80px;
  }
  .p_srh_box input.w170{
	max-width: 100%;
	}
}
@media screen and (max-width:520px){
  .p_srh_box :is(.date_picker_wrap, .sch_box){
    flex-wrap: wrap;
    gap: 10px 4px;
  }
  .p_srh_box :is(.date_picker_wrap, .sch_box) select{
    width: 100%;
  }
  .p_srh_box .check_wrap label{
    padding-right: 0;
  }
  .p_srh_box .p_input_box{
    gap: 20px;
  }
}

/* 위변조 방지 시스템 안내 */
.verification_wrap .frame .circle_list > li::before{
  background-color: #000;
}
.verification_wrap .frame .circle_list > li{
  padding-left: 6px;
}
.verification_wrap .frame .circle_list > li + li{
  margin-top: 60px;
}
.verification_wrap .frame hr{
  border-top: 1px solid #c7c7c7;
  margin: 45px 0;
}
.verification_wrap .frame .guide_text {
  font-size: 22px;
}
.verification_wrap .frame .guide_text + .guide_text{
  margin-top: 6px;
}
.verification_wrap .guide_text.light{
  font-weight: 300;
}
.verification_wrap .guide_text.light + .guide_text.light{
  margin-top: 5px;
}
.verification_frame .frame_text.bold{
  font-size: 18px;
}
@media screen and (max-width:1400px){
  .verification_frame.tab{
    flex-direction: row;
    align-items: flex-start;
  }
  .verification_frame.tab .frame, .verification_frame.tab .frame:first-of-type{
    width: auto;
  }
  .verification_wrap .frame .circle_list > li + li{
    margin-top: 20px;
  }
  .verification_wrap .frame .guide_text {
    font-size: 20px;
  }
}
@media screen and (max-width:1024px){
  .verification_frame.tab .verification_img_box{
    max-width: 380px;
  }
}
@media screen and (max-width:768px){
  .verification_wrap .guide_text.light:first-of-type{
    margin-top: 15px;
  }
  .verification_frame.tab{
    flex-direction: column;
    align-items: center;
  }
  .verification_frame.tab .frame, .verification_frame.tab .frame:first-of-type{
    width: 100%;
  }
  .verification_wrap .frame hr{
    margin: 20px 0;
  }
  .verification_wrap .guide_text.light + .guide_text.light{
    margin-top: 10px;
  }
  .verification_wrap .frame .guide_text {
    font-size: 16px;
  }
  .verification_frame .frame_text.bold{
    font-size: 14px;
  }
}


/* 사업자등록증/통장사본 */
.certification_wrap .guide_text.light{
  font-size: 18px;
  display: block;
  line-height: 30px;
  font-weight: 300;
  padding-left: 6px;
  margin: 0 0 25px;
}
@media screen and (max-width: 768px) {
  .certification_wrap .guide_text.light {
      font-size: 16px;
      line-height: 22px;
  }
}
.certification_wrap .scroll_table table.w1300{
  min-width: 1300px;
}
.board_wrap .board_down_btn{
  display: block;
  width: 24px;
  aspect-ratio: 12 / 11;
  background:url(../img/sub/ico_download02.png) no-repeat center;
  background-size: contain;
  margin: 0 auto;
}
.certification_wrap .board_wrap .w8{
  width: 8%;
}
.certification_wrap .board_wrap .w9{
  width: 9%;
}
.certification_wrap .board_wrap .w12{
  width: 12%;
}
.certification_wrap .board_wrap .w15{
  width: 15%;
}
@media screen and (max-width: 768px) {
  .certification_wrap .board_wrap .board_list.type01 .tr > td span{
    font-size: 14px;
  }
  .certification_wrap .board_wrap .board_list.type01 .tr > td{
    font-size: 14px;
  }
  .certification_wrap .board_wrap .board_list.type01 .tr{
    height: 50px;
  }
  .certification_wrap .scroll_table table.w1300{
    min-width: 880px;
  }
  .certification_wrap .board_wrap .board_list.type01 .tr.no_data{
    height: auto;
    min-width: 880px;
    border-bottom: none;
  }
  .board_wrap .board_down_btn {
    width: 18px;
  }

}

/* Q&A 등록 */
.help_editor{
  font-size: 18px;
  padding: 15px 20px;
  border-bottom: 1px solid #d8d8d8;
}
.help_editor .bold{
  font-weight: 700;
  margin-bottom: 10px;
}
.help_editor .light{
  margin-top: 5px;
  font-weight: 300;
}
.join_input_wrap .formkit__input-box.editor{
  padding: 0;
  flex-direction: column;
  gap: 0;
}
@media screen and (max-width: 768px) {
  .help_editor{
    font-size: 14px;
    padding: 8px 10px;
  }
  .help_editor .bold{
    margin-bottom: 5px;
    line-height: 20px;
  }
  .help_editor .light{
    margin-top: 2px;
  }
  .btn_wrap.m_full .btn{
    max-width: 100%;
    flex: 1;
    min-width: 0;
  }
}
/*  2024.11.27 접수 수수료 안내 수정*/
.category_srh_box .select_box{
  max-width: 160px;
  min-width: auto;
  width: 100%;
  flex-basis: auto;
}
.category_srh_box .select_box .btn_select {
  width: 100%;
  border: 1px solid #a7a7a7;
  line-height: 37px;
  color: #000;
  font-size: 18px;
  padding: 0 28px 0 15px;
  background: #fff url(../img/sub/ico_select04.png) no-repeat center right 15px;
  cursor: pointer;
}
.category_contents .table.type01 td .mobile{
  display: none;
}
@media screen and (max-width :768px){
  .category_srh_box .select_box{
    max-width: 100%;
    margin-bottom: 10px;
  }
  .category_contents .table.type01 thead,
  .category_contents .table.type01 colgroup{
    display: none;
  }
  .category_contents .table.type01 td{
    border: none;
    height: auto;
    padding: 3px 0;
    display: flex;
  }
  .category_contents .table.type01 td .mobile{
    font-weight: 700;
    display: inline-block;
  }
  .category_contents .table.type01 tr{
    display: block;
    height: auto;
    padding: 10px 14px 7px;
  }
  .category_contents .download_wrap{
    margin-top: 5px;
    width: 100%;
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
  }
  .category_contents .online_link{
    max-width: 180px;
    margin: 0 auto;
  }
  .category_srh_box .select_box .btn_select{
    font-size: 16px;
  }
}
.progress_wrap.type02 .board_search_wrap{
  margin-top: 35px;
}
.progress_wrap.type02 .sch_box_wrap.type04 .input_box {
  flex-basis: 800px;
}
.progress_wrap.type02 .sch_box_wrap.type04 .input_box .total_reset_btn{
  height: 40px;
}
.progress_wrap.type02 .charge_pay_wrap .board_wrap .board_list.type01 table {
  min-width: 1300px;
}
.progress_wrap.type02 .charge_pay_wrap .board_wrap .board_list.type01 thead tr{
  height: 70px;
}
@media screen and (max-width: 1024px){
  .progress_wrap.type02 .board_wrap.type02.no_line th{
    font-size: 16px;
  }
  .progress_wrap.type02 .board_wrap.type02.no_line td,
  .progress_wrap .board_wrap .board_list.type01 .tr > td span{
    font-size: 14px;
  }
  .progress_wrap.type02 .sch_box_wrap.type04 .input_box{
    flex-basis: auto;
    width: 100%;
    flex-direction: column;
  }
  .progress_wrap.type02 .sch_box_wrap.type04 .input_box .select_box,
  .sch_box_wrap.type04 .input_box .sch_box{
    flex-basis: auto;
    height: 40px;
    width: 100%;
  }
  .progress_wrap.type02 .sch_box_wrap.type04{
    align-items: baseline;
    flex-direction: column;
  }
  .progress_wrap.type02 .sch_box_wrap.type04 .total_wrap{
    order: 2;
  }
  .progress_wrap.type02 .board_wrap .board_list.type01 .tr > td,
  .progress_wrap.type02 .charge_pay_wrap .board_wrap .board_list.type01 thead tr{
    height: 55px;
  }
  .progress_wrap.type02 .charge_pay_wrap .board_wrap .board_list.type01 table {
    min-width: 1024px;
  }
  .progress_wrap.type02 .board_wrap span.tag {
    width: 70px;
    height: 26px;
    font-size: 14px;
  }
  .progress_wrap.type02 .board_search_wrap {
      margin-top: 20px;
  }
}
@media screen and (max-width: 768px){
  .progress_wrap.type02 .sch_box_wrap.type04 .total_reset_btn{
    margin-left: 3px;
  }
}
/* 결제취소환불 - 신청 */
.join_input_wrap .formkit__input-box .bt_txt_box{
  width: 100%;
}
.join_input_wrap .formkit__input-box .bt_txt_box .info_text{
  margin-left: 0;
}
.join_input_wrap .formkit__input-box .bt_txt_box p{
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.date_picker_wrap input.date_picker.type03{
  width: 100%;
  max-width: 185px;
}
.date_picker_wrap input.date_picker_range.type03{
  width: 100%;
  max-width: 185px;
}
.sub_inner .join_input_wrap .formkit .input-form.sm{
  max-width: 185px;
}
.sub_inner .join_input_wrap .formkit .input-form.md{
  max-width: 280px;
}
.join_input_wrap .formkit__input-box.full{
  padding: 0;
  gap: 0;
}
.join_input_wrap .formkit__input-box.full .input-btn__input-box{
  align-items: center;
  width: 100%;
  flex: none;
  padding: 15px 20px;
}
.join_input_wrap .formkit__input-box.full .input-btn__input-box + .input-btn__input-box{
  border-top: 1px solid #ddd;
}
.join_input_wrap .formkit__input-box.full .input-btn__input-box .td_tit{
  font-size: 18px;
  font-weight: 400;
  min-width: 85px;
}
.join_input_wrap .formkit__btn{
  transition: 0.3s;
  border: 1px solid #41464d;
}
.join_input_wrap .formkit__btn:hover{
  background-color: #fff;
  color: #41464d;
}
@media screen and (max-width:1024px){
  .tool_tip_wrap{
    left: 35px;
  }
}
@media screen and (max-width: 768px){
  .join_input_wrap .formkit__input-box.full .input-btn__input-box {
    padding: 8px 10px;
    flex-direction: row;
  }
  .join_input_wrap .formkit__input-box.full .input-btn__input-box .td_tit {
    font-size: 14px;
    min-width: 60px;
  }
  .join_input_wrap .formkit__input-box.full .input-btn__input-box select {
    max-width: 100%;
  }
  .sub_inner .join_input_wrap .formkit .input-form.md,
  .sub_inner .join_input_wrap .formkit .input-form.sm,
  .date_picker_wrap input.date_picker.type03,
  .date_picker_wrap input.date_picker_range.type03{
    max-width: 100%;
  }
  .join_input_wrap .formkit__input-box .bt_txt_box p{
    font-size: 14px;
  }
  .sub_inner .join_input_wrap .formkit input[type="file"].input-form{
    width: 0;
  }
  .sub_inner .refund_info_write_wrap .join_input_wrap .formkit textarea.input-form{
    height: 150px;
  }
}
@media screen and (max-width: 460px){
  .join_input_wrap .formkit__input-box.full .input-btn__input-box{
    flex-direction: column;
    align-items: flex-start;
  }
  .tool_tip_wrap{
    min-width: 260px;
  }
}
/* 세금ㄱ_ㅅ */
.layer_wrap .con_wrap02{
  margin: 50px;
  overflow: hidden;
  position: relative;
}
.layer_wrap .bill_pop .charge_pay_wrap{
  margin-top:40px;
}
.layer_wrap .bill_pop .p_srh_box{
  margin: 0;
}
.layer_wrap .bill_pop .p_srh_box .inner{
  max-width: 768px;
  flex-direction: column;
  gap: 0;
}
.layer_wrap .bill_pop .p_srh_box .flex{
  margin-top: 6px;
}
.layer_wrap .bill_pop .p_srh_box select{
  width: 170px;
}
.layer_wrap .bill_pop .warning_text{
  color: #e45149;
  font-size: 15px;
}
.layer_wrap .bill_pop .p_btn_wrap{
  margin: 30px 0;
}
.bill_pop .charge_pay_wrap .board_wrap .board_list.type01 :is(th, td){
  text-align: center;
  padding: 5px;
}
.bill_pop .charge_pay_wrap .board_wrap .board_list.type01 :is(th, td):not(:last-of-type){
  border-right: 1px solid #d3d3d3;
}
.bill_pop .charge_pay_wrap .board_wrap .board_list.type01 thead tr{
  height: 60px;
}
.bill_pop .charge_pay_wrap .board_wrap .board_list.type01 thead tr + tr{
  height: 40px;
}
.bill_pop .charge_pay_wrap .board_wrap .board_list.type01 tbody tr{
  height: 67px;
}
.bill_pop .charge_pay_wrap .board_wrap .board_list.type01 .scroll_table{
  overflow-x: auto;
}
@media screen and (max-width : 1024px){
  .p_srh_box .p_srh_item{
    flex-wrap: wrap;
  }
  .layer_wrap .bill_pop .warning_text{
    display: block;
    width: 100%;
  }
}
@media screen and (max-width : 768px){
  .bill_pop .p_srh_box .sch_box{
    flex-direction: column;
  }
  .layer_wrap .bill_pop .p_srh_box select{
    width: 100%;
  }
  .layer_wrap .con_wrap02{
    margin: 30px 20px;
  }
  .layer_wrap .bill_pop .p_btn_wrap{
    margin: 25px 0 15px;
  }
  .bill_pop .date_picker_wrap > :is(span, input, img){
    min-width: 0;
  }
  .bill_pop .date_picker_wrap span + input[type="text"]{
    width: 100%;
  }
  .layer_wrap .bill_pop .p_srh_box .flex{
    margin-top: 20px;
  }
  .layer_wrap .bill_pop .warning_text{
    font-size: 14px;
  }
  .bill_pop .charge_pay_wrap .board_wrap .board_list.type01 thead tr{
    height: 55px;
  }
  .bill_pop .charge_pay_wrap .board_wrap .board_list.type01 thead tr + tr{
    height: 35px;
  }
  .bill_pop .charge_pay_wrap .board_wrap .board_list.type01 tbody tr{
    height: 50px;
  }
  .layer_wrap .bill_pop .charge_pay_wrap{
    margin-top: 30px;
  }
}

/*결제취소/ 환불*/
.self_certify_btn.type02::before{
  background-image: url(../img/sub/ico_pay_end.png);
}
.self_certify_btn.type02{
  font-size: 20px;
  line-height: 32px;
}
.self_certify_btn.type02 .main_text{
  font-weight: 700;
  font-size: 23px;
}
.self_certify_btn.type02 .main_text + .sub_text{
  margin-top: 25px;
}
.self_certify_btn.type02 .sub_text + .sub_text{
  margin-top: 30px;
}
.self_certify_btn.type02 .sub_text.type02{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  text-align: left;
  gap: 2px 5px;
}
.pay_end_wrap .join_wrap .btn_wrap{
  margin-top: 40px;
}
.pay_end_wrap .login_info_inner .divide_wrap{
  max-width: 700px;
  width: 100%;
}
.pay_end_wrap .join_input_wrap{
  margin-top: 20px;
}
.pay_end_wrap .join_input_wrap .formkit__item-title{
  width: 45%;
}
.pay_end_wrap .input-btn__input-box>span{
  font-weight: 300;
  line-height: 22px;
  text-align: left;
}

@media screen and (max-width:1024px){
  .pay_end_wrap .join_input_wrap .formkit__item .both {
    flex: 1;
  }
}

@media screen and (max-width:768px){
  .self_certify_btn.type02::before{
    width: 108px;
  }
  .select_content_wp .self_certify_btn.type02{
    padding-top: 125px;
  }
  .self_certify_btn.type02{
    font-size: 14px;
    line-height: 20px;
  }
  .self_certify_btn.type02 .main_text + .sub_text{
    margin-top: 15px;
  }
  .self_certify_btn.type02 .sub_text + .sub_text{
    margin-top: 20px;
  }
  .pay_end_wrap .join_wrap .btn_wrap{
    max-width: 155px;
  }
  .self_certify_btn.type02 .main_text{
    font-size: 18px;
    line-height: 26px;
  }
  .pay_end_wrap .join_input_wrap .formkit__item .both {
    flex: 100%;
  }
  .pay_end_wrap .join_input_wrap .formkit__item-title {
    width: 30%;
  }
}

/* 결제취소환불 - 수정 - 온라인 입금 */
.refund_info_apply_wrap span.tag{
  width: 90px;
  height: 36px;
  color: var(--tag_color);
  border: 1px solid var(--tag_color);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.refund_info_apply_wrap span.tag.cancel{
  color: #325391 !important;
  border: 1px solid #26498b;
}
.refund_info_apply_wrap span.tag.end{
  color: #000 !important;
  border: 1px solid #868686;
}
.refund_info_apply_wrap span.tag.wait{
  color: #18a9af !important;
  border: 1px solid #25aeb3;
}
.refund_info_apply_wrap .join_input_wrap .formkit__input-box.full .input-btn__input-box{
  padding: 0;
}
.refund_info_apply_wrap .join_input_wrap .formkit__input-box.full .input-btn__input-box .td_tit{
  min-width: 115px;
  line-height: 75px;
  margin-right: 20px;
  padding-left: 20px;
  border-right: 1px solid #ddd;
}
.join_wrap .btn04{
  border: 1px solid #d75c27;
  background: #d75c27;
}
.join_wrap .btn04:hover {
  background: #fff;
  color: #d75c27;
}
.join_input_wrap .formkit__input-box .date_picker_wrap input.date_picker.type03{
  font-size: 16px;
  font-weight: 300;
  padding: 0 15px;
}
.join_input_wrap .formkit__input-box .date_picker_wrap input.date_picker_range.type03{
  font-size: 16px;
  font-weight: 300;
  padding: 0 15px;
}
.refund_info_apply_wrap span.date{
  flex-shrink: 0;
}
.join_input_wrap .formkit__input-box .reason{
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 768px){
  .refund_info_apply_wrap span.tag{
    width: 70px;
    min-height: 26px;
    height: 26px;
    font-size: 14px;
  }
  .refund_info_apply_wrap span.date{
    min-height: auto;
  }
  .refund_info_apply_wrap .join_input_wrap .formkit__input-box.full .input-btn__input-box .td_tit{
    min-width: 85px;
    line-height: 54px;
    margin-right: 5px;
    padding-left: 10px;
  }
  .refund_info_apply_wrap .join_input_wrap .formkit__input-box.full .input-btn__input-box span{
    min-height: 54px;
    word-break: break-word;
  }
  .join_input_wrap .formkit__input-box .date_picker_wrap input.date_picker.type03{
    font-size: 14px;
    padding: 0 5px;
  }
  .join_input_wrap .formkit__input-box .date_picker_wrap input.date_picker_range.type03{
    font-size: 14px;
    padding: 0 5px;
  }
  .formkit + .formkit {
    margin-top: 35px;
  }
}


@media screen and (max-width: 460px){
  .refund_info_apply_wrap .join_input_wrap .formkit__input-box.full .input-btn__input-box {
    flex-direction: row;
  }
}

.basic_btn_wrap{
  display: flex;
  gap: 10px;
  margin-top: 25px;
}
.basic_btn_wrap .basic_btn{
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 36px;
  font-size: 18px;
  height: 46px;
  border: 1px solid #0052a4;
  transition: 0.3s;
}
.basic_btn_wrap .basic_btn:hover{
  background-color: #0052a4;
  color: #fff;
}
@media screen and (max-width:768px){
  .basic_btn_wrap .basic_btn{
    padding: 0 25px;
    font-size: 16px;
    height: 42px;
  }
}
/* 필수입력 */
.require_txt {
  padding-bottom: 15px;
  padding-top: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.require_txt > p {
  font-size: 24px;
  font-weight: 500;
}
.require_txt .require_info {
  color: #545454;
  font-size: 15px;
  margin-left: 5px;
}
.require_txt .require_info > span {
  color: var(--formkit-warning);
}
@media screen and (max-width:768px){
  .require_txt {
    padding-bottom: 10px;
  }
  .require_txt > p {
    font-size: 20px;
  }
}/* 온라인 접수 버튼 추가 */
.btn_wrap.type_btw.top{
  margin: 0;
  justify-content: flex-start;
}
.btn_wrap.top ~ .guide_text{
  margin-top: 15px;
  text-align: left;
}
.btn_wrap.top ~ .sc_board{
  margin-top: 30px;
}
/* 주소입력 */
.formkit input.post_num {
  flex-basis: 110px;
}
@media screen and (max-width:768px){
  .formkit input.post_num {
	  flex-basis: auto;
  }	
}
/* 온라인 접수 버튼 추가 */
.btn_wrap.type_btw.top{
  margin: 0;
  justify-content: flex-start;
}
.btn_wrap.top ~ .guide_text{
  margin-top: 15px;
  text-align: left;
}
.btn_wrap.top ~ .sc_board{
  margin-top: 30px;
}
/*온라인접수 견적서 출력*/
.fee_tit_wrap {
  display: flex;
  align-items: center;
  height: 100px;
  padding: 0 30px;
  text-align: center;	
}
.fee_tit_wrap .tit {
  flex: 1;
  max-width: 100%;
  font-size: 30px;
  font-weight: 700;
  padding: 0 20px;	
}
.__se_tbl{
  table-layout: auto;
}
/* 수수료 안내 팝업 */
.layer_popup .layer_wrap.type03{
  max-width: 540px;
}
.add_info_pop .caution_txt{
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #e45149;
}
.add_info_pop .caution_txt::before{
  display: inline-block;
  content: '!';
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #e45149;
  line-height: 25px;
  color: #fff;
  font-size: 20px;
  margin-right: 10px;
}
.add_info_pop .circle_list{
  margin-top: 25px;
}
.add_info_pop .circle_list li{
  font-size: 18px;
  padding-left: 13px;
}
.add_info_pop .circle_list>li::before{
  width: 5px;
  height: 5px;
  top: 13px;
}
.layer_popup .add_info_pop .btn_wrap button{
  width: 135px;
  min-width: 135px;
  height: 46px;
  line-height: 42px;
}
@media screen and (max-width:768px){
  .add_info_pop .caution_txt{
    font-size: 22px;
  }
  .add_info_pop .circle_list li{
    font-size: 16px;
    line-height: 22px;
  }
  .add_info_pop .circle_list>li::before{
    top: 10px;
  }
  .add_info_pop .caution_txt::before {
    width: 24px;
    height: 24px;
    line-height: 22px;
    font-size: 18px;
    margin-right: 7px;
    padding-right: 2px;
  }
  .layer_popup .add_info_pop .btn_wrap{
    margin: 35px auto 0;
  }
}

.formkit__title-box .basic_txt.txt_bl{
  font-size: 18px;
  font-weight: 400;
}

#gitple-launcher-tooltip {
  	display:none !important;
  }
  
input.input-form.default-input.cntInput.readonly {
  background:#ccc !important
}