/* Tablet */
@media screen and (max-width: 1024px) {



  body { min-width: initial; }
  .pc {display: none !important;}
  .tablet {display: block !important;}
  .mo {display: none !important;}


  /* header */
  .header .h_inner { gap: 1rem; border-bottom: 1px solid #ddd; align-items: flex-start; padding: 0 5% 0.875rem;}
  .header .h_top { width: 100%; padding: 0.5rem 0 0; margin-bottom: 0;}
  .header .h_top .visit_wrap { display: none;}
  .header .h_top .gtranslate > a  { max-width: 18px; margin: 0 3px;}
  .header .h_top .gtranslate .gt_selector { font-size: 0.75rem; height: 30px;}
  .header .h_nav_box { display: none;}
  .header .h_logo { width: 60%; max-width: 285px; margin: 0; padding: 0;}
  .header .nav_btn { display: flex; position: absolute; right: 5%; bottom: 75px;  z-index: 100; cursor: pointer;}
  

  /* common */  
  .fixed_btnbox { top: auto; bottom: 2%; transform: none; gap: 0;}

  .section_wrap .layout { width: 100%; max-width: 100%; flex-direction: column;  padding: 1.5rem 5%; border-radius: 0;  box-shadow: unset; gap: 2.5rem; margin-bottom: 0;}
  
  .main_section { gap: 2rem; width: 100%; padding-right: 0;}
  .main_section > .grid_box { gap: 2rem; flex-direction: column;}
  .main_section > .grid_box .grid_item { width: 100%;}
  .section_wrap .side_section {width: 100%;  gap: 2.5rem; padding-bottom: 1.5rem;}
  .section_wrap .side_section.mt { margin-top: 0;}


  .latest_top .bo_title { font-size: 1.125rem;}

  .title_box { flex-direction: column; align-items: flex-start; word-break: keep-all;  margin-bottom: 1.5rem;}
  .title_badge { font-size: 0.75rem;}
  .title_desc { font-size: 1rem; line-height: 1.4;}

  #bo_list { padding-right: 0 !important;}
    
    
  .hd_sch_wr {position: relative; width:100%; display: flex; justify-content: center; align-items: center;}
  #hd_sch {
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    display: contents;
  }
  #hd_sch > form {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #hd_sch #sch_stx{
    width: 100%;
  }
}


@media (max-width: 1023px) {
    
    /* 하단 레이아웃 */
  #footer_wrap {position: relative; width:100%; text-align: center;padding:2rem 0 5rem 0;}
  #footer_copy {  max-width: 1023px; }

}

@media (max-width: 768px) {
    
    /* 하단 레이아웃 */
  #footer_wrap {position: relative; width:100%; text-align: center;padding:2rem 0 5rem 0;}
  #footer_copy {  max-width: 768px; }


  #footer_copy .ft_copy { float:none;margin:0 0 1rem 0;  }
  #footer_copy .ft_mail { float:none; }
  #footer_copy .ft_mail span { padding:5px; background: #ff0000; border-radius: 100%;}
  #footer_copy .ft_mail i {color:#fff; text-align: center; font-size: 1.1rem; vertical-align:middle; }

}




/* Mobile */
@media screen and (max-width: 599px) {

  .mo {display: block !important;}  

  html {font-size: 15px !important;}  

  .mobile {display: block !important;}
  .bookmark {position: absolute; left: 5px; margin:0 !important;}
  
  /* header */



  /* main */



  /* sub */






}
  
      
@media screen and (max-width: 480px) {  

  html {font-size: 16px !important;}
  .latest_box.latest1 .latest_item .bo_titbox .bo_tit {font-size: 16px;}
  .latest_box.latest1 .latest_item .bo_titbox .bo_content {font-size: 16px;}
  .latest_box.latest2 .latest_item .bo_titbox .bo_tit {font-size: 16px;}
  .latest_box.latest2 .latest_item .bo_titbox .bo_content {font-size: 16px;}
  .latest_box.latest3 .latest_item .bo_titbox .bo_tit {font-size: 16px;}
  .latest_box.latest3 .latest_item .bo_titbox .bo_content {font-size: 16px;}
  .latest_box.latest4 .latest_item .bo_titbox .bo_tit {font-size: 16px;}
  .latest_box.latest4 .latest_item .bo_titbox .bo_content {font-size: 16px;}
  .latest_box.latest5 .latest_item .bo_titbox .bo_tit {font-size: 16px;}
  .latest_box.latest5 .latest_item .bo_titbox .bo_content {font-size: 16px;}
  .latest_box.latest6 .latest_item .bo_titbox .bo_tit {font-size: 16px;}
  .latest_box.latest6 .latest_item .bo_titbox .bo_content {font-size: 16px;}
  .latest_box.latest8 .latest_item .bo_titbox .bo_tit {font-size: 16px;}
  .latest_box.latest8 .latest_item .bo_titbox .bo_content {font-size: 16px;}
  .latest_box.latest9 .latest_item .bo_titbox .bo_tit {font-size: 16px;}
  .latest_box.latest9 .latest_item .bo_titbox .bo_content {font-size: 16px;}
  #bo_list .gall_txt .bo_content {font-size: 16px !important;}

}


@media screen and (max-width: 320px) {

  html { font-size: 16px !important;}

}