/* Responsive Design */

@media (max-width: 1500px) {



  .header-content .logo { left: 0px;}
  
  .nav {  display: none !important;}
  .hamburger {   display: flex; }
  .mega-menu {  display: none;}
  .user-area { display: none;}

  
  .user-area.mobile { display: block; top:20px;position: absolute;left: 0; padding-left: 8%; }
  .user-area.mobile .user-content {justify-content:space-between;flex-direction: column;align-items:flex-start; width:100%; }
  .user-area.mobile .user-member { display: flex; flex-direction: row; gap:7px;}

  .user-area.mobile .user-member a { position: relative; padding:1rem 1rem 0.9rem 3.8rem; font-size: var(--ks-fs-16);  border-radius: 0.5rem;color:var(--ks-gray-70);font-weight: 600; background: none; }

  .user-area.mobile .user-content #lnkLogin.user-member .user-mem{  padding:1rem 1rem 0.9rem 3.8rem; font-size: var(--ks-fs-16); border-radius: 0.5rem;color:var(--ks-gray-70);font-weight: 600;  }
  .user-area.mobile .user-content #lnkLogin.user-member .user-mem:after { content: ""; position: absolute; top:calc(50% - 12px); left:7px;  width:24px; height:24px;background:url(../img/ico_login.svg) center center no-repeat;  background-size: 24px; }
  .user-area.mobile .user-content #lnkLogin.user-member .user-mem:hover{ background: rgb(223, 232, 243);}

  .user-area.mobile .user-member a#lnkInfoAuthOpen:after{ background:url(../img/ico_company.svg) center center no-repeat;  background-size: 22px; }
  .user-area.mobile .user-member a#lnkMoveMypage:after{background:url(../img/ico_mypage.svg) center center no-repeat;  background-size: 22px; }
  .user-area.mobile .user-member a#lnkLogout.user-log:after { background: url(../img/ico_logout_bk.svg) no-repeat center; background-size: 20px;  }


  .user-area.mobile .user-member a#lnkInfoAuthOpen:after,
  .user-area.mobile .user-member a#lnkMoveMypage.user-mem:after,
  .user-area.mobile .user-member a#lnkLogout.user-log:after { position: absolute; top:calc(50% - 12px); left:9px;  display: block;  width:22px; height:22px; content: ""; background-size: 22px;  }
  .user-area.mobile .user-member a#lnkLogout.user-log:after { left:6px;}

  .user-area.mobile .user-member a#lnkInfoAuthOpen:hover,
  .user-area.mobile .user-member a#lnkMoveMypage.user-mem:hover,
  .user-area.mobile .user-member a#lnkLogout.user-log:hover {color:var(--ks-primary-80); background: rgb(223, 232, 243);}

  .user-area.mobile .user-time {font-size: var(--ks-fs-17); gap:5px;}
  .user-area.mobile .user-time p { color:var(--ks-gray-90)}
  .user-area.mobile .user-time .btn_delay { font-size:var(--ks-fs-16);padding:1px 8px 1px 6px; margin: 0;}
  /*.user-area.mobile .user-log { background: #323793 !important; color:var(--ks-white)!important; border-color: #323793 !important;}*/
  .user-area.mobile .close-btn { right:20px; top:-70px;}

  .footer .footer-contacts .footer-contacts-rows { gap:5px 20px; margin-bottom: 10px;}

  .footer .footer-bottom .footer-container { gap: 5px; }
}

@media (max-width: 1300px) {


  .main-page { flex-direction: column;}
  .main-card { width: 100%;}
  .main-sidebar { width: 100%;}
  .main-sidebar #assistCard { padding: 3.5rem 0;}
  .main-sidebar .board-section:not(:first-child):not(:last-child) { padding: 1.5rem 0; min-height: 12rem;}
  .main-sidebar #preViewCard { padding: 4rem 0;}
  .board-section .section-btn { padding: 1rem; margin-top: 1.5rem;}

  .main-cont {padding: 10rem 0 10rem 0;}
  

  .sub-cont { min-height: calc(100vh - 100px - 240px);} 

 
  .content-grid { grid-template-columns: 1fr;}

 

  .detail-page .steps-container:before { bottom: 0; top:50px; right:10px;}
  .detail-page .steps-container { width: 100%;}
  .detail-page .detail-header { display: block;width: 100%;}



  .sub-steps-container { width: 100%; grid-template-columns: repeat(3, 1fr); gap:10px;}
  .sub-steps-container:before { display: none;}
  .sub-step-card .step-title { font-size: var(--ks-fs-20);}

  .pop-inner { margin: 0 2rem; padding: 2rem 2rem 3rem 2rem;}
  .pop-head { padding-bottom: 1.5rem; margin-bottom: 1.5rem;}

  .pop-xl .pop-inner { width: calc(100% - 4%);}
  .pop-lg .pop-inner { width: calc(100% - 4%);}

  .assist-detail-inner { width: calc(100% - 4%); min-height:auto;}

  .map-modal-cont .map-pop-inner { width: calc(100% - 4%); margin: 0 2rem; padding: 2rem 2rem 3rem 2rem;}  


 





}


@media (max-width: 1024px) {

  .main-sidebar .board-section { margin-bottom: 2rem; }
  .main-sidebar { width: 100%; display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;align-items: start; }
  .main-sidebar .contact-section { margin-top: 0;height: 175px;padding-top: 50px;}
  .main-sidebar .board-list { height: 120px;}
  .main-card { grid-template-columns: repeat(1, 1fr);}
  .main-card .card-title { padding-top:1rem;}
  .main-card .card-subtitle {padding-right: 100px;}
  .main-card .card { height:auto; padding-left: 2.5rem; padding-right: 2.5rem;}
  .main-card .card-icon { width: 150px; height: 150px; left:calc(100% - 150px)}
  .main-card .card-icon.ico01,
  .main-card .card-icon.ico01-1,
  .main-card .card-icon.ico02, 
  .main-card .card-icon.ico02-1,
  .main-card .card-icon.ico03 { background-size: 150px;}
  .main-card .card-icon.ico03 { left:calc(100% - 150px)}
  .main-sidebar { display: block;}
  .main-sidebar .board-list { height: auto;}
  .main-sidebar .contact-section { height: auto; padding-top: 2rem;}


  

  .form-grid.col3 { grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 15px;}
  .form-grid .form-group { margin-bottom: 0;}
  

  .main-cont .store-search .store-inn { border-radius: 3rem;}

  .main-card .c_more .arrowup:after { background-size: 14px; width: 14px; height: 14px; top:calc(50% - 7px)}




  .detail-page .steps-container {   grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); }

  

  .sub-cont:before { height: 6rem;}
  .sub-cont .sub-path { height: 6rem;}
  .sub-cont .sub-path ul li:first-child { width: 15px; height: 15px; background-size: 15px;}

  .sub-com-section { padding-top: 5rem;}

  .login-group ul { width:100%;}
  .login-group ul li { width: 100%;}

  .sub-info-title .title-main { font-size: var(--ks-fs-title-xlg);}

  

  .paging button {  min-width: 30px; height: 30px;  font-size:var(--ks-fs-16); line-height: 30px; margin: 0 2px;}

  .assist-cont { width: calc(100% + 12px); padding-right: 1rem;}
  .assist-cont .assist-img img { width: 100%;}
  .assist-tab-wrap {  grid-template-columns:repeat(2,1fr);}
  

  .assist-ul-wrap { flex-direction:column; gap:5px;margin-left: 4px;}
  .assist-ul:nth-child(1) li { width: auto;}
  .assist-ul:nth-child(2) { margin-top: 2rem;}
  .assist-ul:nth-child(2) li { width: auto;}

  .assist-footer button.assist-next-btn { margin-right: 2rem;}

  

  


}




@media (max-width: 768px) {

  

  .header { position: fixed; top: 0px; left: 0;right: 0; z-index: 2; background: none; }
  .header:before { display: none;}

  .header .container { padding: 0 !important;}

  .header .header-content { position: relative; background: transparent;}
  .header .header-content:before { background: rgba(255, 255, 255, 0.7); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); z-index: -1;}

  .header .top-bar-content { position: relative; z-index: 1;background: transparent; padding-right: 10px;}
  .header .top-bar-content:before { background: rgba(246,246,246,0.8); content: ""; position: absolute; top:0px; left:0x;  width:100%; height: 100%;backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); z-index: -1;}

  .header .top-bar-content > * { position: relative; z-index: 1;}

  .top-bar-content .top-bar-nav { row-gap: 5px;  column-gap: 10px;}
  .top-bar-content .top-bar-nav li:before { display: none;}


  



  .main-cont .container {padding-top: 80px;}
  .main-card .card-icon { width: 130px; height: 130px; left:calc(100% - 130px)}
  .main-card .card-icon.ico01,
  .main-card .card-icon.ico01-1,
  .main-card .card-icon.ico02, 
  .main-card .card-icon.ico02-1,
  .main-card .card-icon.ico03 { background-size: 130px;}
  .main-card .card-icon.ico03 { left:calc(100% - 130px)}


  .header-content { height: 70px;}
  .header-content .logo { background-size: 220px; left: 15px; top:17px;}
  .hamburger { top:20px; right: 10px;}

  .sub-cont { min-height: calc(100vh - 70px - 220px); padding-top: 104px;z-index: 0;}
  .sub-cont:before { top:100px;}
  .sub-cont .sub-path ul li span { font-size:var(--ks-fs-17) !important;}

  .menu-secondary { top:108px;}
  

  .container { padding: 0 15px;}

  .main-card .card-title .sub-title { font-size: var(--ks-fs-20);}
  .main-card .card-title .main-title { font-size: var(--ks-fs-26);}

  .main-cont .store-search .store-inn { padding:  15px 15px 15px 10px; border-radius: 3rem;}
  .main-cont .store-search .store-inn i.store-icon { left: 18px; bottom:4px;}
  .main-cont .store-search .store-inn i.store-icon i { width: 38px;background-size: contain;}
  .main-cont .store-search .store-inn span { background-size: contain;background-position: left 3px;margin-left: 6rem;}
  .main-cont .store-search .store-inn:hover span { background-size: contain;background-position: left 3px;}




  .store_content { padding-top: 20rem;}
  .content-grid { grid-template-columns: 1fr;  gap: 20px;}

  .profile-card .profile-header { flex-direction: column; align-items:center; gap: 15px;}
  .profile-card .profile-title { text-align: center;}





  .table-wrapper { height: auto;}
  .table-wrapper .table-header { display: none;}
  .table-wrapper .table-row { grid-template-columns: 1fr; gap: 2px; border-color: #cfcfcf;}
  .table-wrapper .table-row:hover { background: #fdf7f8 !important;}
  .table-wrapper .cell { display: flex;justify-content:flex-start; align-items: center; border-bottom: 1px solid #ddd; padding: 5px 0;}
  .table-wrapper .cell:last-child{ border-bottom: 0;}
  .table-wrapper .cell::before {content: attr(data-label); font-weight: 500; color: #6c757d; width: 100px;}
  .table-wrapper .cell-header { display: flex; justify-content: flex-start; width: 100%;}
  .table-wrapper .table-row:nth-child(even) { background: #f8f9fa;}




  .service-cards {  grid-template-columns: 1fr;}
  .store-bottom { grid-template-columns: 1fr;}

  .footer .footer-container { row-gap:20px;}
  .footer .footer-top { flex-direction: column; align-items: flex-start; gap: 20px; } 
  .footer .footer-top .footer-logo img { width: 80px; } 
  .footer .footer-contacts { display: flex; flex-direction: column; gap: 10px; } 
  
   
  .footer .footer-bottom .footer-semas-logo img { width: 160px; }
  .footer .footer-contacts .footer-item-title { width: 100%;}
  .footer .footer-contacts .footer-item { width: 100%;}


  .detail-page .detail-title { font-size: var(--ks-fs-26);}
  .detail-page .detail-title span { font-size: var(--ks-fs-20);}
  .detail-page .detail-title:after { top:12px;}
  .detail-page .steps-container { display: block;}
  .detail-page .steps-container:before { width: 180px; height: 180px; background-size: 180px; top:120px;}
  .detail-page .step-card:before { height: 45px;}
  .detail-page .step-card { padding: 1rem 2rem; margin-bottom: 3rem;}
  .detail-page .step-card:after{ top:-134px; left:-32px; transform:rotate(90deg);}
  .detail-page .step-card .step-number { font-size: var(--ks-fs-24); width: 52px;}
  .detail-page .step-card .step-title { font-size: var(--ks-fs-20); padding-top:0.5rem;}
  .detail-page .step-card .step-head { height: 30px;}
  .detail-page .step-card .step-content { padding: 2rem 0rem 1rem 0rem;}
  .detail-page .guide-button { padding-right: 4.5rem;}


  .form-grid.col3 {  grid-template-columns: 1fr; gap:10px;}
  .form-grid.col2 {  grid-template-columns: 1fr; gap:10px;}
  .form-grid .form-group { margin-bottom: 0;}

  

  

  .input-button-wrap { flex-direction: column;}
  .input-button-wrap button { width: 100%;}



  .terms-wrap .terms-content { flex-direction: column;}


  .sub-step-card .step-head { flex-direction: column;align-items: end;}
  .sub-step-card { padding: 1rem 2rem;}
  .sub-step-card .step-number { font-size: var(--ks-fs-22); height: 20px;}
  .sub-step-card .step-title { text-align: right; line-height: 1.1;}
  .sub-step-card:after { left: -80px;}

  .popup-modal-alert .pop-cont { padding:3rem 2rem;}

  .join-wrap .join-btn { padding: 3rem 0;}
  .join-wrap:has(.desc) .title { font-size: var(--ks-fs-20);}
  .join-wrap .desc { font-size:var(--ks-fs-16);}
  .join-wrap .join-btn:has(.desc) { height: 200px; }

  .sub-card .card-wrap { display: flex; flex-direction: column; gap:2px; margin-bottom: 3rem;} 

  .rara-select {  justify-content: flex-start; flex-direction: column;}

  .sub-step-wrap { width: 100%;}
  .sub-step li .steptit { font-size: var(--ks-fs-17); line-height: 1.2;}
  .sub-step { gap:10px;}

  .sub-info-title.tctitle { text-align:left;}
  .sub-info-title.tctitle { font-size: var(--ks-fs-20);}

  .form-grid-row { grid-auto-flow: row; gap:5px; width: 100%;}
  .form-grid-row .form-group-row { width: 100%;}
  .data-search-wrap .form-input { width: 100%;}
  .data-search-wrap .floor input[type=text], 
  .data-search-wrap .floor input[type=password], 
  .data-search-wrap .floor input[type=number], 
  .data-search-wrap .floor .form-select {width: 100%;}

  
  .map-search-wrap .floor.full .form-grid-row {grid-auto-flow: column;}
  .map-search-wrap .floor.full > div label { margin-left: 0; margin-right: 0.5rem;padding-left: 0.5rem;}
  .map-search-wrap .floor.full .input-btn .submit { padding-top: 1rem; padding-bottom: 1rem;}


  .result-item { flex-direction: column; align-items: flex-start;}
  .result-item .result-code { text-align: left;}
  



  .data-search-wrap .floor > div label {min-width: 80px;}
  .data-search-wrap > .btn-wrap { position: relative; display: flex; bottom: 0; right:calc(50% - 35px);justify-content:flex-end; padding-top: 1rem;}
 

  .tablewrap table th { padding: 10px 2px;}
  .tablewrap table td { padding: 7px 2px;}

  .pop-md .pop-inner { width: calc(100% - 4%); }
  .pop-sm .pop-inner { width: calc(100% - 4%); }

  .ul-type01 li { display: block;}

  .tablewrap .tb-noti {display: block; border-collapse: initial;}


  .file-upload-wrap .upload-btn,
  .file-upload-wrap .camera-btn { flex: 1;display: inline-flex;align-items: center;justify-content: center;}
  .file-upload-btn { display: flex; gap:5px;}
  .file-upload-wrap .file-upload-container { flex-direction: column; align-items: stretch; gap:3px;}
  .file-upload-wrap .file-upload-box { font-size:var(--ks-fs-15); min-width: auto !important;}


  .img_form_group .image-section { padding: 10px;}
  .img_form_group .image-wrapper{ height:45vh; max-height:320px; min-height: auto; background: #fff;}
  .img_form_group .image-wrapper img{width:100%;height:100%;object-fit:cover;}


  .qr-container .qr-img { width: auto;}

  .file-list .file-item { width: 100%; height: auto;}

  .busi-plus-wrap { display: block;  }
  .busi-title { text-align: left;}
  .busi-plus-wrap label { padding-bottom: 0;}

  .process-container { flex-direction: column; gap: 17px;}
  .process-container .process-step { width: 100%;}
  .process-container .process-step::before {transform: rotate(90deg); right:calc(50% - 10px); width: 20px; height: 20px; bottom: -18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A7C4F7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E"); }
  .process-container .circle { width: 100%; border-radius:10px; height: auto; display: flex; flex-direction: row; padding: 10px;}
  .process-container .process-title { margin-bottom: 0;}
  .process-container .process-title em { display: inline-block; }
  .process-container .process-number { margin-bottom: 0; margin-right: 0.7rem;}
  .process-container .process-number::before { display: none;}

  .floating-container button,
  .floating-container .quick-item { width: 55px; height: 55px;}
  .floating-container .quick-item-icon { width: 55px; height: 55px;}
  .floating-container .quick-item-top{ width: 55px; height: 55px;}
  .floating-container .quick-item-top-title:before { top:10px;}
  .floating-container .quick-item-icon .quick02 { height: 23px;}
  .floating-container .quick-item-icon .quick04 { height: 23px;}
  .floating-container .quick-item-title { letter-spacing: -1px;}



  .tablewrap table:before {height: 2px;}
  .tablewrap table thead { display: none; }
  .tablewrap table, .tablewrap table tbody, .tablewrap table tr, .tablewrap table td { display: block; width: 100%; }
  .tablewrap table tr {  overflow: hidden; border-bottom: #cfcfcf solid 1px; }
  .tablewrap table tr:hover td { background: none; }
  .tablewrap table td { text-align: left; padding: 13px 15px; border: none; border-bottom: 1px solid #f0f0f0; position: relative; padding-left: 12.5rem; line-height: 1.2;}
  .tablewrap table td:last-child { border-bottom: none; }
  .tablewrap table td::before { content: attr(data-label); position: absolute;  left: 0; top: 0; bottom: 0;font-weight: 400; color: #000; font-size:var(--ks-fs-17);  display: flex; padding: 5px 10px;; border-right: 1px solid #e9ecef;width: 8.5rem; min-width: 8.5rem; align-items: center; white-space: normal;  word-break: keep-all; line-height: 1.3;background: #F6F9FE}
  .tablewrap table tr:nth-child(even) td { background: #fbfbfb;}
  .tablewrap table tr:nth-child(even) td::before  { background: #f2f4fc;}



  .tablewrap .tb-noti:after {display: none;}
  .tablewrap .tb-noti thead {display: none;}
  .tablewrap .tb-noti tbody {display: block;}
  .tablewrap .tb-noti tbody tr { display: block;  border-bottom: 1px solid #e0e0e0;}
  .tablewrap .tb-noti td { display: none !important; padding:1.5rem !important; border: none !important;}
  .tablewrap .tb-noti td:before { display: none;}
  .tablewrap .tb-noti td.subject { display:block !important;  word-break: keep-all; border: none !important;}
  .tablewrap .tb-noti td.date { display: block !important; text-align: left; padding: 0 0 1.5rem 1.5rem !important; font-size:var(--ks-fs-15); color: #999; border: none !important;}


  .qr-container {  display: flex;  gap: 10px; padding: 1rem;}
  .qr-container .qr-item { flex: 1;  min-width: 0;}
  .qr-container .qr-img {  width: 100%; max-width: 200px;  aspect-ratio: 1 / 1;  margin: 0 auto 10px; height: auto;}
  .qr-container .qr-img img { height: auto; }
  

  .sub-summury-wrap { flex-direction: column-reverse; align-items: center; padding: 2rem 3rem;}
  .summury-item { padding: 4rem 3rem; flex-direction: column; align-items: center; }
  .summury-item-icon { width: 100px; height: 100px; margin-bottom: 1.5rem;}
  .summury-item-icon:before { border-radius: 2.5rem; width: 100px; height: 100px;}
  .summury-item-icon::after { background-size: 70px; width: 100px; height: 100px;} 
  .sub-summury-icon { width: 150px;}
  .sub-summury-icon .iconimg img { width: 150px;}

  .data-search-wrap .floor.div_per90 { width: 100% !important;}

  .assist-content-grid { display: grid; grid-template-columns: repeat(2, 1fr);}
  .assist-step-content { flex-direction: column; gap:5px;}
  .assist-step-item { margin-bottom: 0.6rem;}

  .assist-contact-box { flex-direction: column; align-items: flex-start;}
  .assist-tab-wrap .assist-tab { font-size: var(--ks-fs-17); letter-spacing: -1px;}




  .map-bottom-notice { display: none;}

  .region-check-title{ display: none;}
  .region-check-col.map-address {background: none; box-shadow: none; overflow: hidden;width:100%; left:0; margin: 0 auto;height: calc(100% - 1.1rem);}
  .map-search-wrap{ box-shadow: 0 4px 8px rgba(0,68,204,0.3);width:100%;margin: 0 auto; background:var(--ks-white); border:var(--ks-primary) solid 1px;}
  .result-list { position: absolute; bottom: 0; left: 2%;right: 2%;background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1); padding: 20px;
    z-index: 100;width: calc(100% - 4%);max-height: 26vh; overflow: hidden;display: flex; flex-direction: column; box-sizing: border-box;}
  .result-list-inn {  overflow-y:auto;  flex: 1; display: flex; flex-direction: column; margin: 0 -8px 0 0;  padding: 0 8px 0 0;}
  .result-list-inn::-webkit-scrollbar { width: 5px; }
  .result-list-inn::-webkit-scrollbar-thumb { background-color: rgba(162, 171, 181, 0.6); border-radius: 10px; }
  .result-list-inn::-webkit-scrollbar-track { background: transparent;}
  .result-list-inn::-webkit-scrollbar-corner { background: transparent;}

  .footer .footer-bottom .footer-info { line-height: 1.2;}
  .footer .footer-bottom .footer-info span {margin-top: 1rem;}
    

  


 
}






  







@media (max-width: 500px) {

  .top-bar-content .top-bar-nav { row-gap: 1px;  }

  .mobile-menu { width: 300px;}
  .user-area.mobile .user-content { width: 100%;}
  .user-area.mobile .user-content .close-btn { right:2rem;}
  .user-area.mobile .user-member { gap:0;}
  .user-area.mobile .user-member a { font-size: var(--ks-fs-16); padding: 1rem 0.6rem 0.9rem 3.5rem;}
  .user-area.mobile .user-member a.user-mem[onclick="login(); return;"] {  margin-left: 135px; }
  .user-area.mobile { padding-left: 4%; }

  .menu-primary { width: 130px;}
  .menu-primary-item { padding:1.5rem 1rem 1.5rem 1.5rem;}
  .menu-secondary { width: 180px;}
  .menu-secondary-content { padding: 2rem 2rem 2rem 3rem;}
  .menu-secondary-content h3 { font-size: var(--ks-fs-20); margin-bottom: 0.5rem;}
  

  .detail-page { padding: 3rem 2rem;}
  .detail-page .steps-container:before { top:130px;}
  .detail-page .guide-button { padding-right: 4rem;}

  .profile-card .profile-info { width: 90%;}
  

  .sub-section .notice-content { max-width: 190px;}
  .service-cards .service-card{ height: 100px;}
  .service-cards .service-icon {  background-size: 80px !important; width: 80px; height: 80px;}

  .sub-steps-container.sub-space3r { padding-left: 0 !important; padding-right: 0 !important;}
  .sub-step-card { padding: 1rem 1rem;}
  .sub-step-card:after { left: -100px;}

  .qr-container { gap:10px; }
  .agreement-group { padding: 2rem 1rem;}

  .radio-group { flex-direction: column;align-items: flex-start;}

  .join-wrap { flex-direction: column;}

  .sub-step li .steptit { font-size: var(--ks-fs-16);}
  .sub-step { gap:5px;}

  .sub-info-title.tctitle { font-size: var(--ks-fs-17);}

  .login-group ul li a.btn-login { padding: 0;}

  .data-search-wrap .floor > div label { margin-left: 0;}

  .sub-cont .sub-title h2 { font-size: var(--ks-fs-title-xlg);}

  .table-info-wrap { flex-direction: column;}
  .table-search-group {width: 100%;}
  .table-search-wrap { display: block;}
  .table-search-wrap > * { margin-bottom: 3px;}
  .table-search-wrap input,
  .table-search-wrap select { width: 100%;}
  .table-search-wrap > .btn-wrap > button { width: 100%;}

  .data-search-wrap > .btn-wrap { right:calc(50% - 34px);}




  .assist-tab-wrap {  grid-template-columns:repeat(1,1fr); gap:5px;}
  .assist-content-grid { display: grid; grid-template-columns: repeat(1, 1fr);}
  .assist-footer button.assist-first-btn { padding: 0 0.8rem; }
  .assist-detail-inner { padding: 2rem 2rem;}

  .notice-layer .notice-box{width:calc(100% - 32px);}

  .tooltip-content { left: 0; transform: none; width: auto; max-width: min(260px, calc(100vw - 20px)); white-space: normal; word-break: keep-all;}
 

  









}


@media (max-width: 350px) {

  .map-search-wrap .floor.full .form-grid-row {grid-auto-flow: row;}
  .region-check-col.map-address { padding: 0.5rem;}

 
  

}