@charset "utf-8";



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

  .inner{width:100%;padding:0 50px;}

  #header .inner{width:100%;padding:0 50px;}

  #header .hd-gnb ul{gap:60px;}





  #footer .ft-inner{padding:0 50px 50px;}

  #footer .ft-bt h1 img{width:350px;}

}



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

  :root{

   

   /*폰트 사이즈*/

   --font16:15px;

   --font18:17px;

   --sub-vis-tit:55px;

   --sub-con-tit:40px;

   --sub-con-txt:18px;

    

    --gap-lg: 70px;

    --gap-sub: 100px;

    --gap-md: 50px;

  }

  

  #header {height: 85px}

  /* #header h1 img{width:200px;} */

  #header .hd-gnb a {line-height: 85px}

  #header .hd-gnb ul{gap:50px;}



  .inner,

  #header .inner{padding:0 30px;}

  /* #header .submenu-pc .submenu-bx{padding:30px 20px;}

  #header .submenu-pc .inner{padding:0;} */

  /* #container:not(:has(.mainpage)) {margin-top: 60px} */

  



}



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

  #footer .con-r.pc-only,

  #footer .ft-sns.pc-only{display:none !important;}

  #footer .m-ft-bt{display:flex !important;}

  #footer .ft-bt{margin-top:0;border-top:none;}

  #footer .ft-top{border-bottom:none;padding:0;}

  #footer .m-ft-bt{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255, 255, 255, 0.12);}

  /* #footer .ft-sns li a{width:40px;height:40px;justify-content: center;border-radius:50%;} */

  #footer .comp-info ul{flex-wrap: wrap;gap:5px 20px;}



}



@media screen and (min-width:769px){

  .m-only{display:none !important;}

}



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



  :root{

   

    /*폰트 사이즈*/

   --font16:15px;

   --font18:17px;

   --sub-vis-tit:36px;

   --sub-con-tit:30px;

   --sub-con-txt:16px;



    /*간격*/

    --gap-lg:60px;

    --gap-sub:80px;

    --gap-md:40px;



  }

  

  .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 !important;}

  .inner{padding:0 20px;}





  #header{height:76px;}

  #header h1 img{width:85px;}

  #header .inner{padding:0 20px;}



  

  #top_btn{width:50px;height:50px;right:20px;bottom:20px;}

  #top_btn.in-ft{top:-70px;right:20px;}

  

  #reg_result {max-width: none; width: auto; margin: 0 20px}

  

  



  

  #container_title {padding: var(--gap-sub) 0 30px;}

  a.btn, .btn {height: 40px; padding: 0 20px; font-size: var(--font16); gap: 5px}

  

  .tbl_wrap {border-top:1px solid #000}

  .thead {display: none}

  .thead li {height: 40px}

  .thead li,

  .tbody li {font-size: var(--font16)}

  .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%}



  #footer .comp-info li:nth-child(2)::after{display:none;}

  #footer .comp-info li.email{width:100%;}

  #footer .comp-info li.address{width:100%;}

  #footer .comp-info li.email::after,

  #footer .comp-info li.address::after{display:none;}



  

}



@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: var(--font18)}

  .form_01 li {margin-bottom: 15px}



  .tbody li .etc {font-size: 12px}

  .tbody li .etc span:before {height: 10px}

  



}