@charset "utf-8";



  
@media screen and (max-width:1400px){
  /*폰트 사이즈*/
  :root{
    --font60:55px; /*서브페이지타이틀*/
    --font55:50px; /*서브페이지 > 컨텐츠 타이틀*/
  }
  
  .inner{width:100%;padding:0 50px;}
  #header .hd-gnb a,
  #header .hd_login a {font-size: var(--font16)}

  #footer .ft-inner{padding:0 50px 50px;}
  #footer .ft-bt h1 img{width:350px;}
}

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

@media screen and (max-width:1280px){
  
  /*폰트 사이즈*/
  :root{
    --font60:48px; /*서브페이지타이틀*/
    --font55:44px; /*서브페이지 > 컨텐츠 타이틀*/
    --font45:38px;
    --font32:32px;
    --font25:25px;
    --font22:20px;
    --font20:18px;
    --font18:16px;
    --font16:15px;
    --font15:14px;
    
    /*간격*/
    --gap-lg:80px;
    --gap-sub:60px;
  } 
  
  #header {height: 70px}
  #header .hd-gnb a {line-height: 70px}
  #header .hd-gnb ul{gap:30px;}

  .inner,
  #header .inner{padding:0 var(--gap-md); box-sizing: border-box}
  #header .submenu-pc .submenu-bx{padding:30px 20px;}
  #header .submenu-pc .inner{padding:0;}
  #container:not(:has(.mainpage)) {margin-top: 70px}
  
	
  #footer .ft-inner{padding:0 30px 50px;}
  #footer .ft-top h2 {font-size: 20px}
  #footer .ft-info dl dd,
  #footer .ft-info dl dt {font-size: 14px}
  #footer .ft-bt h1 img {width: 30vw}
  
}

@media screen and (max-width:1024px){
  
  #header .hd-gnb{position:fixed;top:60px;right:-100%;z-index:999;width:70vw;max-width:250px;height:calc(100dvh - 60px);background:#fff;}
  a.btn, .btn {padding: 0 20px}
  .ham-btn.m-only{display:block;}
  .submenu-mo.m-only{display:flex;}
  #header .hd_login{display:none;}
  
}



@media screen and (min-width:769px){
  .m-only{display:none;}
}

@media screen and (max-width:768px){
  
  /*폰트 사이즈*/
  :root{
    --font60:46px; /*서브페이지타이틀*/
    --font55:40px; /*서브페이지 > 컨텐츠 타이틀*/
    --font45:34px;
    --font32:26px;
    --font25:22px;
    --font22:18px;
    --font20:16px;
    --font18:16px;
    --font16:14px;
    --font15:14px;
    
    /*간격*/
    --gap-lg:60px;
    --gap-sub:50px;
    --gap-md: 30px;
    --gap-tit:20px;/*타이틀 - 컨텐츠 간격*/  
  } 
  
  #container:not(:has(.mainpage)) {margin-top: 60px}
  
  .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 16px;}


  #header{height:60px;}
  #header h1 img{width:62px;}
  #header .inner{padding:0 16px;}

  #footer .ft-inner{padding:0 16px 40px;}
  #footer .ft-top{position:relative;padding-top:40px;}
  #footer .ft-top h2{font-size:22px;}
  #footer .ft-info dl{flex-wrap: wrap;gap:3px;}
  #footer .ft-info dl dt{width:100%;font-size:16px;}
  #footer .ft-info dl dd{font-size:14px;}
  #footer .ft-info dl:last-child{margin-top:10px;}
  #footer .ft-bt{margin-top:40px;}
  #footer #ft_link{width:100%;gap:10px;}
  #footer #ft_link{align-items: stretch ;}
  #footer #ft_link a{display:flex;width:calc(33.33% - 5px);height:54px;align-items: center;justify-content: center;border-radius: 8px;background:#F8F8F8;text-align: center;line-height:1.2;}
  #footer .ft_copy{color:var(--gray-a);}
  #footer .ft-bx .ft_info li {font-size: 12px}
  #top_btn.in-ft{position:absolute !important;right:10px !important;top:25px;}
  
  #reg_result {max-width: none; width: auto; margin: 0 20px}
  
  #footer {border-top: 1px solid var(--main);}
  #footer .ft-top {border: 0}
  #quick-menu{width:100%;padding:20px 16px;border-radius: 10px 10px 0 0;background:#FFF;box-shadow: 4px 0px 10px 0 rgba(0, 0, 0, 0.10);}
  #quick-menu.on{bottom:0px;}
  
  
  #container_title {padding: var(--gap-sub) 0 30px;}
  
 
}

@media screen and (max-width:500px){
  /*폰트 사이즈*/
  :root{
    --font60:32px; /*서브페이지타이틀*/
    --font55:30px; /*서브페이지 > 컨텐츠 타이틀*/
    --font45:28px;
    --font32:24px;
    --font25:20px;
    --font22:18px;
    --font20:16px;
    --font18:16px;
    --font16:14px;
    --font15:14px;
    
    /*간격*/
    --gap-lg:60px;
    --gap-sub:40px;
    --gap-md: 30px;
    --gap-tit:20px;/*타이틀 - 컨텐츠 간격*/  
  }
  
  #footer .ft-top .inner {flex-direction: column}
  
  #quick-btn {width: 44px; height: 44px; right: 15px; bottom: 105px;border-radius: 18px;}
  #top-btn {width: 44px; height: 44px; right: 15px; bottom: 205px;}
  #call-btn {width: 44px; height: 44px; right: 15px; bottom: 155px;border-radius: 18px;}
  
  #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}

}