/* 모바일 메뉴시작 */
.menu-button { }
.menu-button:hover { cursor: pointer; }
.menu-wrap {
  background-color: #fff;
  padding: 0;
  overflow: hidden;
  transition: all 0.3s;
  position: fixed;
  width: 300px;
  top: 0;
  left: -300px;
  bottom: 0;
  z-index: 999999;
}
.menu-overlay {
  background: rgba(0, 0, 0, 0.4);
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 900000;
}
.menu-close {
  /* background: url(https://i.imgur.com/iHYRssG.png) no-repeat scroll center center transparent; */
  background: url(../img/common/close_icon.png) no-repeat scroll center center transparent;
  opacity: 1;
  /* background-color: transparent; */
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 8px;
  top: 25px;
  margin-bottom:0;
  text-indent: -9999px;
  transition: all 0.3s;
}
.menu-toggle { display: none; }
.menu-toggle:checked+.menu-wrap { left: 0; }
.menu-toggle:checked ~ .menu-overlay { display: block; }
.menu-title {
  /* color: #222; */
  background: transparent;
  padding: 15px 1px;
  width: 170px;
  /* font-weight: 500; */
  /* font-size:15px; */
  /* letter-spacing:-1px; */
  /* margin-bottom:0; */
}
.menu-list {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: inherit;
  padding: 0px 0px;
  display: block;
  overflow-y: auto;
}
.menu-list ul { list-style-type: none; padding: 0 10px 10px; }
.menu-list ul > li > ul {
  list-style-type: none;
  padding:10px 0;
  background:#f9f9f9;
  border-top: 1px solid #dcdcdc;
}
.menu-list .mobile-list:first-child { border-top: 1px solid #dcdcdc; }
.menu-list li a {
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  letter-spacing:-1px;
  color: #444;
  text-decoration: none;
  position:relative;
}
.menu-list ul li .mb_arrow { vertical-align:baseline; top:15px; right:15px; position:absolute; }
.menu-list li:nth-last-child(1) a {
  padding:10px;
  width:100%;
  position:relative;
  font-weight:600;
  text-align:center;
  background: #FEFEFE;
  border: 1px solid #CCC;
}
.menu-list li:nth-last-child(1) a i { margin-right:5px; }
.menu-list li a.sub {
  display: block;
  padding: 5px 20px;
  font-size: 14px;
  letter-spacing:-1px;
  color: #777;
  text-decoration: none;
  border-top:0;
  border-bottom:0;
  position:relative;
}
/* .menu-list li a.adver {
  display: block;
  padding: 7px 0px;
  font-size: 16px;
  background: #fbe058; 
  background: -webkit-linear-gradient(to right, #fbe058, #fae986); 
  background: linear-gradient(to right, #fbe058, #fae986);
  margin:20px 0px;
  text-align:center;
  letter-spacing:-1px;
  font-weight:600;
  border:1px solid #ffda00;
  color: #222;
  border-radius:5px;
  text-decoration: none;
  border-bottom:0;
  position:relative;
} */
phone { position:absolute; right:10px; top:20px; color:#000; font-size:24px; line-height: 1rem; }
label.hunter-burger-menu {
  position:absolute;
  display:none;
  top:29.5px;
  left:20px;
  flex-direction:column;
  width:20px;
  cursor:pointer;
}
label.hunter-burger-menu span {
  background: #777;
  height:3px;
  margin: 3px 0;
  transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.hunter-burger-menu span:nth-of-type(1) { width:50%; }
.hunter-burger-menu span:nth-of-type(2){ width:100%; }
.hunter-burger-menu span:nth-of-type(3){ width:75%; }
.hunter-burger-menu input[type="checkbox"] { display:none; }
.hunter-burger-menu input[type="checkbox"]:checked ~ span:nth-of-type(1){
  transform-origin:bottom;
  transform:rotatez(45deg) translate(2px,1px)
}
.hunter-burger-menu input[type="checkbox"]:checked ~ span:nth-of-type(2) {
  transform-origin:top;
  transform:rotatez(-45deg)
}
.hunter-burger-menu input[type="checkbox"]:checked ~ span:nth-of-type(3){
  transform-origin:bottom;
  width:50%;
  transform: translate(9px,-4px) rotatez(45deg);
}
/* 상단메뉴 */
.hunter-header {
  width: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.6); font-size: 0; display: block;
  box-shadow: 0px 1px 15px 0 rgba(0, 0, 0, 0.1); transition: .5s; display: flex; justify-content: center; }
.hunter-header .wrapper { width:100%; display:inline-block; position:relative; }
.hunter-header .hunter-header-container { width:1200px; margin:0 auto; position:relative; }
.hunter-header .hunter-header-container .logo { width:20%; float:left; transition:.5s; }
.hunter-header .hunter-header-container .logo img { padding-left:20px; max-width: 220px; }
.hunter-header .hunter-header-container .hunter-nav { position:relative; width:60%; float:left; }
.hunter-header .hunter-header-container .hunter-nav .gnb_empty { display:inline-block; margin-top:16px;}
.hunter-header .hunter-header-container .hunter-nav .gnb_empty a { margin-left:0; font-weight:600; }
.hunter-header .hunter-header-container .hunter-nav ul { position: relative; display: flex; justify-content: center; padding-left: 50px; }
.hunter-header .hunter-header-container .hunter-nav ul li.depth1 { transition: .5s; min-width: 120px; position: relative; text-align: left; line-height: 80px; }
.hunter-header .hunter-header-container .hunter-nav ul li.depth1:nth-child(2) { padding-left: 20px; }

/* 메뉴 간 간격을 줄여 보기 위한 임시 코드 */
.hunter-header .hunter-header-container .hunter-nav ul li.depth1:nth-child(2) { width:160px; }
/* 메뉴 간 간격을 줄여 보기 위한 임시 코드 */

.hunter-header .hunter-header-container .hunter-nav ul li.depth1 ul {
  display:none; line-height:24px; z-index:9999; position:relative; width:100%; padding: 2px; padding-top:0; top:0px;
}
.hunter-header .hunter-header-container .hunter-nav ul li.depth2 a {
  color:#fff; font-size: 0.92rem;
  line-height: 2.5em;
  position: relative; transition: 0.5s ease all;
}
.hunter-header .hunter-header-container .hunter-nav ul li.depth2:hover a { position:relative; color:#e06e4f; }
.hunter-header.active .hunter-header-container .hunter-nav ul li.depth2:hover a { position:relative; color:#e06e4f; }
.hunter-header .hunter-header-container .hunter-nav ul li a {
  display:inline-block; font-size:1.05rem;
  letter-spacing:-0.05rem; color:#fff;
  -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
}
.hunter-header .hunter-header-container .hunter-nav ul li a:hover {
  color:#e06e4f; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
}

.hunter-header .hunter-header-container .hunter-nav ul li.depth2 { width:100%; position:relative; }
.hunter-header .hunter-header-container .hunter-nav ul li.depth1 ul .ptmenu { width:100%; margin:0 auto; max-width:1200px; text-align:center;}

.hunter-header.active { background:#fff; transition:.5s; width:100%; }
.hunter-header.active .hunter-header-container .hunter-nav ul li.depth1 { line-height:60px; transition:.5s;}
.hunter-submenu { width:100%; position:absolute; top:0; left:0; /*display:inline-block;*/ padding-bottom:20px; transition:0.3s ease all;}
.hunter-header.active .hunter-header-container .logo { line-height:80px; transition:.5s; height:60px; }

@media all and (max-width:1200px) {
  .pc_view { display:none; }
  .mobile_view { display:inline-block; }
  .hunter-header .hunter-header-container { text-align:center; max-width: 1200px; width: 100%; }
  .hunter-header .hunter-header-container .logo { float:inherit; line-height:65px;}
}
label.hunter-burger-menu{
  display:flex;
  flex-direction:column;
  cursor:pointer;
}
label span.line{
  background: #000;
  transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
span.line:nth-of-type(1) {
  width:100%;
  height:2px; 
}
span.line:nth-of-type(2) {
 width:100%;
 height:2px;
}
span.line:nth-of-type(3) {
 width:70%;
 height:2px;
}
.button_box {
  width: 20%; display: flex; line-height: 80px; transition: .5s; font-size: 12px; color: #fff; z-index: 9999;
  align-items: center; justify-content: flex-end; 
}
.button_box a { color: #fff; text-align: left; }
.button_box a:nth-child(1), .button_box a:nth-child(2) { margin-right: 10px; }
.button_box a:hover { color: #e06e4f; transition: .5s; }
.hunter-header.active .button_box { top: 20px; transition: .5s; line-height: 80px; }

.hunter-header.active .button_box a { color:#000; }
.hunter-header.active .hunter-header-container .hunter-nav ul li a { color:#000; }
.hunter-header.active .hunter-header-container #gnb ul li a { color:#000; }
.hunter-header.active .hunter-header-container #gnb ul .gnb_2da:hover { color:white; }
.hunter-header.active .hunter-header-container .hunter-nav ul li a:hover { color:#e06e4f; }

.hunter-header .hunter-header-container .logo .pc_view { display:inline-block; padding-top:9%; }
.hunter-header.active .hunter-header-container .logo .pc_view { display:none; }
.hunter-header.active .hunter-header-container .logo .mb_view { display:inline-block !important; }

.hunter-header.active .hunter-submenu { width:100%; position:absolute; top:0; left:0; background:#fff; display:inline-block; padding-bottom:15px; transition:0.3s ease all; box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.1);}
.hunter-header.active .hunter-header-container .hunter-nav ul li.depth1 ul li a::after {
  content: ""; width: 0px; height: 1px; background: #e06e4f; position: absolute; margin-top: 1rem; left: 0px; top: 50%; transition: 0.5s ease all;
}
.hunter-header .hunter-header-container .hunter-nav ul li.depth1 ul li a::after {
  content: ""; width: 0px; height: 1px; background: #e06e4f; position: absolute; margin-top: 1rem; left: 0px; top: 50%; transition: 0.5s ease all;
}
.hunter-header .hunter-header-container .hunter-nav ul li.depth1 ul li:hover a::after { width: 100%; }
.hunter-header .hunter-header-container .hunter-nav ul li.depth1 ul li a { position:relative; transition: 0.5s ease all;}
.hunter-header .hunter-header-container .hunter-nav ul li.depth1 ul li { position:relative; transition: 0.5s ease all; text-align: left; }