@charset "utf-8";

@media screen and (max-width: 1300px) {
  html.fixed {touch-action: none; overflow-y: hidden;}

  /* #footer .footer_logo {width: 15%;}
  #footer .footer_info {padding: 10px 10px 0 30px}
  #footer .footer_cs {width: 25%;} */
  
  #sub_content {height: 400px}
  .container_title {font-size: 35px;}
  
}

@media screen and (max-width: 1024px) {  
  #hd {height: var(--hd-mo-height);}
  #hd_wrapper {justify-content: flex-start;border-bottom:0; padding: 0 24px;}
  
  #logo {position: static; transform: translateY(0); width: 200px;}
  #gnb_all {left:-100%;}
  #gnb .gnb_wrap {display: none;}
  #gnb .gnb_menu_btn,
  #gnb .gnb_close_btn {display: block; left: auto; right: 0;}
  .gnb_al_ul {width:70%; padding: 1rem 0;}
  .gnb_al_ul_index {border-bottom: 1px solid #ddd;}
  .hd_login {display: none;}
  .hd_quick {display: block;}
  
  /* #footer {padding: 70px 0 80px 0;}
  #footer .footer_wrap {flex-wrap: wrap;}
  #footer .footer_logo {width:35%; margin:0 auto; text-align: center}
  #footer .footer_info {flex:auto; width:100%; margin-top: 20px; padding: 0 10px; text-align: center}
  #footer .footer_info .address {font-size:14px;}
  #footer .footer_info > h3 a {font-size: 14px;}
  #footer .footer_cs {width: 100%; text-align: center}
  #footer .footer_cs .tell {font-size:25px;}
  #footer .footer_cs .time {font-size:12px;} */
  
  #footer {padding: 70px 0 80px 0;}
  #footer .footer_wrap {flex-direction: column; row-gap: 10px;}
  
  #sub_content {height: 250px}
  .sub_inner {padding-top:var(--hd-mo-height);}
  .container_title {font-size: 30px;}
  .container_sub_title {font-size: 20px;}
  #breadcrumbs li {font-size:13px;}
  #breadcrumbs li.icon i {font-size: 14px;}

  .modal-popup {padding: 52px 5px 52px 30px;}
  .modal-popup .popup-header {padding-right: 25px;}
  .modal-popup .popup-content {padding-right: 25px;}
  .popup-close .btn-popup-close {width: 60px; height: 60px; background-size: 33%;}
  
  
}