@charset "UTF-8";
/************** 헤더 **************/
.header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header--pc);
  background-color: #fff;
  overscroll-behavior-y: contain;
  z-index: 99;
}
.header__inner{
  position: relative;
  width: 100%;
}
.header .logo{position: absolute;}
.logo__link{
  display: block;
  width: 320px;
  width: clamp(18.5rem,25vw,32rem);
}
.logo__link .bukgu_lo{width:55%;}
.logo__link .donggu_lo{width:82%;}
.logo__link .gwangsan_lo{width:90%;}
.logo__link .namgu_lo{width:68%;}
.logo__link .seogu_lo{width:55%;}

.header .btn-search{
  position: absolute;
  width: var(--header--pc);
  height: var(--header--pc);
  top: 0;
  right: 30px;
  justify-content: center;
}
.sns_instagram_link {
  position: absolute;
  z-index:2;
  top: 36px;
  right: 20px;
  justify-content: center;
}
.sns_instagram_link > img {width:28px;}

.btn-menu{
  position: relative;
  width: 50px;
  height: 50px;
}
.btn-menu > span{
  position: absolute;
  left: calc(5px + 10px);
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #555;
}
.btn-menu > span:first-of-type{
  width: 16px;
  top: calc(8px + 10px);
}
.btn-menu > span:nth-of-type(2){top: calc(14px + 10px);}
.btn-menu > span:last-of-type{
  width: 12px;
  top: calc(20px + 10px);
}
.header--mo{display: none;}
@media screen and (min-width: 992px){
  .header .logo{
    top: 33px;
    left: 40px;
  }
}
@media screen and (max-width: 992px){
  .header{height: var(--header--mo);}
  .header__inner{height: 100%;}
  .header--mo{
    position: fixed;
    top: 0;
    right: 10px;
    display: block;
  }
  .header .logo{
    top: 14px;
    left: 20px;
  }
  .logo__link{
    width: 200px;
    width: clamp(200px, 50vw, 240px);
  }
  .header .btn-search{
    right: 95px;
    width: var(--header--mo);
    height: var(--header--mo);
  }
  .sns_instagram_link {
    top: 12px;
    right: 70px;
  }
  .sns_instagram_link > img {width:26px;}

  .header.active{
    height: 100%;
    background: none;
  }
  .header.active .header__inner{
    position: fixed;
    top: 0;
    left: 0;
    inset: 0;
  }
  .header.active .nav{
    right: 0;
    width: 100%;
  }
}

.dv_flex {
    display: flex;
}



.container_col_box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;/* 사이 간격*/
}
.container_nowrap_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;/* 사이 간격*/
}
.mob_width {
    width:100%;
    max-width: var(--max-width);
    margin:0 auto;
}
.mob_sub_width {
    width:100%;
    max-width: var(--max-sub-width);
    margin:0 auto;
}
.width_100 {
    width:100%;
}
@media (max-width: 1726px) {
    .mob_width {padding:0 3vw;}
    .mob_sub_width {padding:0 3vw;}
}

.sub_container  {
    position: relative;
    padding-top:100px;
    padding-bottom:120px;
}

@media (max-width: 360px) {
  .header .logo {
    left: 10px;
  }
  .header--mo {
    right: 0px;
  }
  .sns_instagram_link {
    right: 50px;
  }
  .header .btn-search {
    right: 70px;
  }
}