@charset "utf-8";
/* Pretendard 폰트 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* ===== 공통 리셋 ===== */
* {
  margin:0;
  padding:0;
  list-style:none;
  box-sizing:border-box;
}
a { text-decoration:none; color:inherit; }
img { border-style:none; }

/* PC 기본 스타일 */
.sub_cl {display: none; height:5px; position:relative; width:100%; }
#container{display: none; background-color:#f6f6f6; font-family: 'pretendard',sans-serif; }
#icon+label+#top_menu {display: none;}

/************* 700픽셀 이하 *************/
@media (max-width:700px) {

  .sub_cl {margin:0 auto; display:block; height:5px; }

  #container{
    display:block;  
    margin:0 auto;
    position:absolute; 
    top:0; left:0;
    text-align:center;  
    background-color:#f6f6f6; 
    width:100%; 
    height:auto;
  } 
  .clear{clear:both;}

  /* 햄버거 메뉴 패널 */
  #icon+label+#top_menu {
    display:block; 
    position: fixed;
    top: var(--bar-h,45px);
    right: -100vw;          /* 기본은 숨김 */
    left: auto;
    width: 100vw;
    height: calc(100vh - var(--bar-h,45px));
    background-color:#f6f6f6;
    z-index:999999;
    padding:0;
    overflow:auto;
    transition:right .3s ease;
  }
  /* 체크되면 열림 */
  #icon:checked + label + #top_menu { right:0; }

  /* ========== 메뉴 스타일 업그레이드 ========== */
  #top_menu{
    font-family:'pretendard','Malgun Gothic',sans-serif;
    color:#111;
  }

  /* 대메뉴 */
  #top_menu .menu-v1{
    padding:14px 18px;
    font-size:17px;
    font-weight:600;
    border-bottom:1px solid #e5e5e5;
    background:#fff;
  }
  #top_menu .menu-v1 > a{
    display:block;
    color:#111;
  }
  #top_menu .menu-v1:hover{
    background:#eceff1;
  }

  /* 소메뉴 */
  #top_menu .submenu{
  	display:none;
    background:#fff;
  }


  #top_menu .submenu li a{
    display:block;
    padding:12px 20px;
    font-size:15px;
    color:#333;
  }
  #top_menu .submenu li + li a{
    border-top:1px dashed #eee;
  }
  #top_menu .submenu li a:hover{
    background:#f0f7fb;
    color:#0e6ca5;
  }
}