#hd_wrapper { position:fixed; left:0; right:0; flex-direction: column; align-items: flex-start;   }
#hd_wrapper.active { border-bottom:2px solid #ddd; }
#hd_wrapper .top_gnb { 
  flex-direction: column; 
  align-items: center; 
  width:100%; 
  /* display:none;  */
  margin:10px 0 0 0; 
  border-bottom:1px solid #ddd; 
  
  
}
#hd_wrapper .top_gnb li { width:100%; text-align: left; font-size: 14px; border-top: 1px solid #ddd; }
#hd_wrapper .top_gnb li:first-child { border:none; }
#hd_wrapper .nav_icon { display: flex; justify-content: center; width: 100%; display:none; margin:12px 0;}
/* #hd_wrapper.index { background:#fff; } */

#top_gnb_wrap { background:#fff; width:100%; position:fixed; left:-100%; top:0px; height:100vh; transition: all .3s;  }
#top_gnb_wrap.active { left:0;}

/* #top_gnb_wrap.index { top:-21px;} */


/* #wrapper.wrapper_index { margin:0px 0 0 0;} */

/* #wrapper { margin:85px 0 0 0;} */


#container_title { display: none;}

#container_title1 {
position: relative;
font-size: 1.25rem;
margin: 0 0 0 0px;
font-weight: bold;
border-bottom: 1px solid #fff;
display: block;
}

#container_title1 span {
  /* margin: 0 auto 10px; */
  display: block;
  /* line-height: 30px; */
  border-bottom: 2px solid #ddd;
  padding: 0 0 16px 0;
  font-family: 'Noto Sans KR',sans-serif;
  font-size: 1.125rem;
}

#container_title1 span:after {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  background: darkslateblue;
  position: absolute;
  bottom: -1px;
}


#hd_wrapper .top_gnb .logo { font-size:26px;}
#hd_wrapper .top_gnb.active,
#hd_wrapper .nav_icon.active { display:flex; }

.top_gnb .logo { padding:10px 0; display:block;}

#wrapper .main_slide { height:300px;}


.c_info_wrap { flex-wrap: wrap;}
.c_info_wrap > div { width:100%; }


.logo a span { display:inline; padding:0 0 0 10px;}

#home_kind li { width: calc((100% / 2) - 10px);}

/* side_fix none */
#side_fix { display:none; }

#hd_wrapper.active { }

.menuToggle {
    position: absolute;
    right:0;
    top:10px;
    width: 60px;
    height: 69px;
    cursor: pointer;
    display:flex;  
    justify-content: center;
    align-items: center;
  }
  
  .menuToggle::before {
    content: '';
    position: absolute;
    width: 28px;
    height: 3px;
    background: #555;
    transform: translateY(-10px);
    box-shadow: 0 10px #555;
    transition: 0.5s;
  }
  
  .menuToggle::after {
    content: '';
    position: absolute;
    width: 28px;
    height: 3px;
    background: #555;
    transform: translateY(10px);
    transition: 0.5s;
  }
  
  .menuToggle.active::before {
    transform: translateY(0px) rotate(45deg);
    box-shadow: 0 0 #555;
  }
  
  .menuToggle.active::after {
    transform: translateY(0px) rotate(-45deg);
  }


  #container { margin-bottom:30px; min-height: 500px; }

  .main_title { margin-top:15px; }

  #container_title { margin:0; }
  #aside1 { display: none;}

  #container > div:first-child { margin:0; }

  #hd { position: sticky; top:0; }

  #hd_wrap .main_nav_wrap .main_nav { 
    flex-direction: column;
  }

  #hd_wrap .main_nav_wrap.active { left:0;}
    #hd_wrap .main_nav_wrap .customer { display: block;}


  #hd_wrap .main_nav_wrap .toggle_nav.active { }

  #hd_wrap .main_nav_wrap.active .main_nav { display: block;}


  #hd_wrap .main_nav_wrap { background:#fff; position: absolute; left:-100%; transition: 0.5s all; width:100%; height:100vh;}
  #hd_wrap .main_nav li a { color:#000; }


  .mobile_top_menu { display: flex; 
    flex-wrap: wrap; 
    /* margin:0 0 15px 0;  */
    font-family: 'Noto Sans KR',sans-serif; 
    font-weight: 400; 
    font-size:0.875rem;
    padding:15px 0;
    position: sticky;
    top:130px;
    background:#fff;
    z-index: 10;

  }
  .mobile_top_menu li { 
    width:calc((100% / 3) - 10px);
    border:1px solid #aaa;
    margin:0 10px 10px 0;
    padding:5px 10px;
    border-radius: 10px;
    text-align: center;
   }

  .mobile_top_menu li.active { background:#323b53; font-weight: 500;}
  .mobile_top_menu li.active a { color:#fff;}
  .mobile_top_menu a { color:#000; }

  .customer { background:#f7f7f7; padding:20px; font-size: 0.875rem;}
  .customer li,
  .customer p { line-height: 1.5rem;}

  /* .main_hamber { display: block; font-size:25px;} */
  #hd_wrap .main_nav_wrap .main_nav li:before { width:0;}
  #hd_wrap .logo_wrap { border-bottom:1px solid #ddd; }
  #hd_wrap .logo_wrap .cs_center { font-size:1rem; display:flex;}
  #hd_wrap .logo_wrap .cs_center li { padding:0 10px 0 0; font-weight: 500; }
  #hd_wrap .logo_wrap .cs_center li a { font-size:inherit;}
  #hd_wrap .logo_wrap ul.member { display: none;}
  #hd_wrap .main_nav li { text-align: left; 
    padding-left:20px;
    border-bottom:1px solid #ddd;
  }

  #hd_wrap .main_nav li a { padding:10px 0; font-size:0.875rem;}
  #hd_wrap .main_nav li a:hover:after { content:''; height:0px;}
  .m_hide { display: block;}

#bo_list,
#bo_w,
#bo_v   { margin:0; padding-left:0; }

.product_wrap li { height: 100%;}

.ml300.cutlet_youtube { margin-left:0; }

.embed-container { width:100% !important; height:100vh !important; }