@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) ------------ */
/* ======================================================= */


/* etc. size */
@media (max-width: 1460px){
  .container { padding: 0 20px; }
  header div.logo-box { left: 20px; }
  header div.navi-box { right: 20px; }
  .page-main section.sec-02 .carousel-wrap ul.bt-box { left:20px; }
  .page-main section.sec-03 .sub-section .va-wrap>ul>li:nth-child(1) .item { padding-left: 20px; }
  .page-main section.sec-02 .swiper-slide>.inner .tx-wrap>p:first-child { font-size: 3.5em; }
  .page-main section.sec-02 .swiper-slide>.inner .tx-wrap>p:nth-child(2) { font-size: 2.5em; }
  .page-main section.sec-02 .swiper-slide>.inner .tx-wrap>p:nth-child(3) { font-size: 1.5em; }
  .page-main section.sec-02 .swiper-slide>.inner.i-03 .gp-wrap ul>li.item p.i-head { font-size: 1.5em; }
  .page-main section.sec-02 .swiper-slide>.inner.i-03 .gp-wrap ul>li.item p.i-body { font-size: 2.25em; }
  .page-main section.sec-02 .swiper-slide>.inner.i-04 .tx-wrap p { font-size: 2.5em; }
  .page-main section.sec-03 .sub-section#sub_sec_03 .card-wrap .item>.i-box { background-position: bottom 40px right 40px; background-size: 125px; }
  
}



/* ======================================================================== */
/* ------------------- [ XL size (1399px ~ 1200px) ] ---------------------- */
/* ======================================================================== */
@media (max-width: 1399px){
  header.scroll div.container { max-width: inherit; }
  .container { padding: 0 20px; max-width: 1200px; }

  .page-main section.sec-01 .txt-wrap p { font-size: 4.5em; }
  .page-main section.sec-01 { padding-top: 30vh; }
  .page-main section.sec-02 .swiper-slide>.inner { height: 95vh; min-height: auto; }
  .page-main section.sec-02 .swiper-slide>.inner.i-02 .gp-wrap .chart-inner { max-width: 500px; }
}



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



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



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



/* ======================================================================= */
/* ----------------------- [ XS size (575px~ 이하) ] --------------------- */
/* ======================================================================= */
@media (max-width: 575px){
    
}



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