@media (min-width: 576px){/*size-sm*/
  .hide-sm { display: none !important; }
	.wd-base { width: 200px !important; }
	.mw-base { min-width: 90px !important; }
}
@media (max-width: 575px){/*size-xs*/
  .hide-xs { display: none !important; }
	.wd-base { width: 100% !important; }
}
@media (min-width: 768px){/*size-md*/
  .hide-md { display: none !important; }
}
@media (min-width: 992px){/*size-lg*/
  .hide-lg { display: none !important; }
}
@media (min-width: 1200px){/*size-xl*/
  .hide-xl { display: none !important; }
}



/* ======================================================= */
/* -------------- Default style (for desktop) ------------ */
/* ======================================================= */
@media (min-width: 1400px){
  
}



/* ======================================================================== */
/* ------------------- [ XL size (~ 1399px ~ 1200px) ] -------------------- */
/* ======================================================================== */
@media (max-width: 1399px){

}



/* ======================================================================== */
/* --------------------- [ LG size (1199px ~ 992px)] ---------------------- */
/* ======================================================================== */
@media (max-width: 1199px){

}

@media (min-width: 1100px) and (max-width: 1199px) {

}
@media (min-width: 992px) and (max-width: 1099px) {

}


/* ======================================================================== */
/* ----------------------- [ MD size (991px ~ 768px) ] -------------------- */
/* ======================================================================== */
@media (max-width: 991px){
  

}



/* ======================================================================== */
/* ----------------------- [ SM size (767px ~ 576px) ] -------------------- */
/* ======================================================================== */
@media (max-width: 767px){
  

}



/* ======================================================================= */
/* ----------------------- [ XS size (575px~ 이하) ] --------------------- */
/* ======================================================================= */
@media (max-width: 575px){
  h2 { font-size: 28px; line-height: 1.1; }
  .container { padding:0 20px; }
  .nav { gap:15px; width: 100%; margin-bottom: 20px; }
  .navi-wrap2>ul>li { margin:0; }
  .navi-wrap2>ul>li>button { min-width: initial; padding: 10px 35px; font-size: 18px; }

  header nav.navbar { border-bottom: 1px solid rgb(255 255 255 / 18%); }
  footer { height: auto; }

  .main-content section { margin-bottom: 40px; }
  .main-content section.top .t-main { 
    padding: 85px 0 6.0rem;
  }
  .main-content section.top .t-main ul>li>p {
    font-size: 32px;
    line-height: 1.25;
  }
  .main-content section.top .t-main ul>li>p.txt-1 {
    font-size: 30px;
    letter-spacing: -0.5px;
  }
  .main-content section.top .t-main ul>li>p.txt-3 {
    margin-top: 40px;
    word-break: keep-all;
  }
  .main-content section.top .t-main ul>li.bt-inq { 
    display: block; 
    text-align: center;
    padding: 40px 0 0;
  } 
  .main-content section.top .t-main ul>li.bt-inq>button {
    min-width: 120px;
  }
  .main-content section.top .t-divider { 
    height: 160px;
  }
  .main-content .main-cont01 h3 {
    font-size: 28px;
  }

  .page-board .bt-wrap {
    word-break: keep-all;
    text-align: center;
  }
  .page-board .bt-wrap>button.btn {
    position: static;
    margin-top: 20px;
  }
  .page-board .alert {
    margin:0;
  }
  .page-board.register .content-wrap>form>div.ip-box {
    padding: 15px 10px;
  }

}


/* ======================================================================= */
/* ---------------------- [ etc size (425px~ 이하) ] --------------------- */
/* ======================================================================= */
@media (max-width: 425px){
  

}