@charset "utf-8";

@media screen and (max-width:1600px){
  .inner{width:100%;padding:0 50px;}



}

@media screen and (max-width:1280px){
  :root{
   
    /*폰트 사이즈*/
    --font20:19px;
    --font18:17px;
    --font16:15px;

    /**/
    --hdHeight:70px;
    
  
  }
  
  header .gnb ul{gap:40px;font-size:16px;}
  header .inquiry-btn{padding:15px 20px;font-size:16px;}
  
}

@media screen and (min-width:1025px){
  .mo-menu{display:none;}
  #ham-btn{display:none;}
}

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

  :root{
    --subPageTit:55px;
    --subConTit:40px;

    /*간격*/
    --gap-lg:100px;
  }


  .inner{padding:0 30px;}
  .gnb{display:none;}

  footer #top-btn{padding:0;width:40px;height:40px;}
  footer #top-btn span{display:none;}
  footer .comp-info>div{flex-wrap: wrap;gap:10px;}
  footer .comp-info dl{width:100%;}
  footer .comp-info dl:not(:last-child)::after{display:none;}
  footer .comp-info dl:first-child dt{display:none;}
  footer{padding:40px 0;}
  footer .ft-top .con-l{width:calc(100% - 50px);}

}

@media screen and (max-width:1000px){
  #bo_list{width:100%;}
}

@media screen and (min-width:769px){
  .m-only{display:none;}
  header .mo-menu-top{height:70px;}
  header .mo-menu-con{height:calc(100dvh - 70px);}
}

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

  :root{
   
    /*폰트 사이즈*/
    --font20:16px;
    --font18:16px;
    --font16:14px;
    --subPageTit:35px;
    --subConTit:35px;

    /*간격*/
    --gap-lg:80px;

    /**/
    --hdHeight:64px;
   
    

  }
  
  .frm_input {height: 40px}
  .wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input, .form_01 li.is_captcha_use {border-radius: 5px}
  .pc-only{display:none;}
  .inner{padding:0 20px;}


  footer .fnb li:not(:last-child)::after{display:none;}

  
  
  #container_title {padding: 60px 0 30px;}
  a.btn, .btn {height: 40px; padding: 0 20px; font-size: 14px; gap: 5px}
  
  .tbl_wrap {border-top:1px solid #000}
  .thead {display: none}
  .thead li {height: 40px}
  .thead li,
  .tbody li {font-size: 14px;}
  .tbody {flex-direction: column}
  .tbody li {height: auto}
 
  .tbody {padding: 15px 100px 15px 10px; position: relative}
  .thead .th_stat, .tbody .td_stat {position: absolute; width: auto; right: 0; top:50%; font-size: 12px; padding: 0 8px; height: 22px; line-height: 22px; transform: translate(0, -50%)}
  .thead .num, .tbody .num {display: none} 
  #bo_list .td_chk {position: absolute; left: 0; top:50%}

  .btn-com{padding:12px 20px;font-size:14px;}
  .more-btn::after{width:15px;height:15px;}
  footer .ft-bt{padding-top:20px;}
  header .inquiry-btn{padding:12px 16px;font-size:14px;}
  header #ham-btn{width:24px;height:24px;}
  header h1 img{width:80px;}

}

@media screen and (max-width:500px){
  
  
  
  #top_btn.in-ft{right:0 !important;}
  #top_btn {right: 15px; bottom: 15px}
	#top_btn img{width:50px;}
  .chk_li {font-size: 14px;}
  .form_01 li {margin-bottom: 15px}

  .tbody li .etc {font-size: 12px}
  .tbody li .etc span:before {height: 10px}
  

}