@charset "UTF-8";

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

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

@media screen and (max-width:1200px){
	/* container */
	.container {padding:0 5px;}

	/* header */
	.gnb_header .head_top {padding: 30px 0 0px 0px;}
}

@media screen and (max-width:1100px){
	/* header */
	.header {max-width: 1100px;}
	/* .header.scrolled .head_btm  .container {width: 100%;}
	.header.scrolled .gnb_header {display: none;} */
	/* .gnb > li > a {padding-right: 54px;} */
	.gnb_header .head_top .head_sch_box form input {width: 220px;} 

	/* footer */
	.footer {max-width: 1100px;}
	.head_logo{display:none;}
}
@media screen and (max-width:1024px){
	.container {position:relative; width:95%; margin:0 auto;}
	:root{ --m-nav-h: 65px; }
/* ºÎ¸ð ÄÁÅ×ÀÌ³Ê */
    .header_left_wrap {
        display: flex;
        flex-wrap: wrap; /* °Ë»öâÀÌ ¾Æ·¡·Î ¶³¾îÁú ¼ö ÀÖ°Ô Çã¿ë */
        align-items: center;
    }
.gnb_header .head_top .head_sch_box {
        margin-top: 0 !important; /* ¸ð¹ÙÀÏ¿¡¼­´Â ´Ù½Ã 0À¸·Î */
        width: 100% !important;
    }
    /* ¸¶Áö¸· ¾ÆÀÌÄÜ(°Ë»ö¹öÆ°)ÀÌ ÀÖ´Â div¸¦ ¿À¸¥ÂÊ ³¡À¸·Î ¹Ð±â */
    .header_left_wrap > div:nth-child(4) { 
        margin-left: auto; 
    }

    /* °Ë»öâ º»Ã¼ */
    .head_sch_box {
        width: 100% !important; /* °­Á¦ ÁÙ¹Ù²Þ */
        order: 10;              /* ¹«Á¶°Ç ¸Ç ¾Æ·¡ ¹èÄ¡ */
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        
        transition: all 0.4s ease;
    }

    .head_sch_box.is-open {
        max-height: 100px;
        opacity: 1;
        margin-top:40px !important;
    }
    
	.container{padding:0 10px;}
	
.m-bottom-nav{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  height: var(--m-nav-h);
    background: #fff;
    border-top: 1px solid #bcc5fe;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    z-index: 2;
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: border-box;
  }
  .m-bnav-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    color: #777;
    font-size: 11px;
    font-weight: 500;
    -webkit-tap-highlight-color: transparent;
  }

  .m-bnav-ico{
    width: auto;
    height: 32px;
    display: block;
  }

  /* È°¼º »óÅ */
  .m-bnav-item.is-active{
    color: #0b3b8f;
  }
.banner_box .site_baro_box .baro_box .site_btn {width: 200px;}
  /* ÄÜÅÙÃ÷ °¡¸² ¹æÁö */
    body{
    padding-bottom: calc(var(--m-nav-h) + env(safe-area-inset-bottom)) !important;
  }
}


@media screen and (max-width:991px){
	.site-footer{
  background: #ffffff;
  display:block !important;
  padding: 30px 20px 100px 0px;
  border-top: 1px solid #eee;
  
}

}

@media screen and (max-width:768px){
	
	.banner_slider{width:100% !important; display:block;}
	
  .site_baro_box{display:none;}
  .foot_box .foot_top .link_list {padding: 20.5px 0; width:100% !important; text-align:center;}
   .footer-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 32px;
  }

  .footer-left {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    order: 2;   
  }

  .footer-logo img {
    max-width: 140px;
  }

  .footer-info p {
    font-size: 13px;
    line-height: 1.5;
  }

  .footer-right{
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 14px;
    width: 100%;
    margin-top: 12px;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    order: 1;   
  } 
  body{
    padding-bottom: calc(var(--m-nav-h) + env(safe-area-inset-bottom)) !important;
  }
  
  
}

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