.hd_pc{position: absolute; top:0; left:0; width: 100%; z-index: 999; transition: all .3s ease-in-out; height: 115px; background: transparent;}
.hd_pc.scroll {background: rgba(255,255,255, .7); border-bottom: 1px solid #eee;}
.hd_pc.scroll .header_inner .menu ul.gnb_dep1 > li > a {color: #222;}

.header_inner{width:95%; margin:0 auto; z-index: 9; position: relative;}
.header_inner .logo{width:15%; max-width:198px; height: 115px; line-height: 115px;}
.header_inner .logo a{display:block;}
.header_inner .logo a img{max-width:100%;}
.header_inner .menu{width:61%; height:100%; max-width: 780px; position: absolute; top: 0; right: 0;}
.header_inner .menu ul.gnb_dep1{display:flex; height:100%; justify-content: space-between;}
.header_inner .menu ul.gnb_dep1 > li{height:100%; text-align:center; position: relative; width: auto;}
.header_inner .menu ul.gnb_dep1 > li > a{color:#fff; font-size:18px; font-weight: 400; width:max-content; margin: 0 auto; height: 115px; line-height: 115px; display: block; position: relative; transition: all .3s ease;}

.hd_privacy .header_inner .menu ul.gnb_dep1 > li > a{color:#000;}

.hd_pc .header_inner .menu ul.gnb_dep1 > li:hover > a, .header_inner .menu ul.gnb_dep1 > li.on > a{position:relative;display:block}
.hd_pc .header_inner .menu ul.gnb_dep1 > li:hover > a:after, .header_inner .menu ul.gnb_dep1 > li.on > a:after{content:'';position:absolute;width:100%;height:2px;background:#fff;top: 67px;left: 0;}


.header_inner .menu ul.gnb_dep1 > li:hover ul.sub_menu{display:flex;}
.header_inner .menu ul.gnb_dep1 > li ul.sub_menu{display:none; position: absolute; width: 160px; left: 50%; top: 90px; transform: translateX(-50%);  align-items: center; flex-direction: column; z-index:10;background: #fff; padding: 15px;}
/* .header_inner .menu ul.gnb_dep1 > li:last-child ul.sub_menu{left:auto; right:0; justify-content: flex-end;} */
.header_inner .menu ul.gnb_dep1 > li ul.sub_menu > li > a{color:#222; font-size:16px; font-weight: 400; padding: 7px 0; display: block; transition: all .3s ease;}
.header_inner .menu ul.gnb_dep1 > li ul.sub_menu > li:hover > a, .header_inner .menu ul.gnb_dep1 > li ul.sub_menu > li.on > a {color:#7f9dad; font-weight: 800;}

@media (max-width:1200px) {
	.header_inner .menu ul.gnb_dep1 > li > a{font-size:16px;}
}


/***** 모바일 메뉴 시작 ******/
.header_hamburger_menu { display:none; position: absolute; right: 20px; top: 35px; transform-origin: center; transition: all 0.35s; }
.mobile_menu_inner_wrap {position: fixed; width: 100%; top: 80px; padding: 20px 30px 0; height: 80vh;  overflow-y: hidden;}

.header_hamburger_menu .hamburger {  font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; line-height:1em; cursor: pointer; transition-timing-function: linear;  transition-duration: .35s;
    transition-property: opacity,filter;     text-transform: none; color: inherit;  border: 0; }
.header_hamburger_menu .hamburger-box {position: relative;  display: inline-block;  width: 10px;height: 10px; }
.header_hamburger_menu .hamburger-inner:after {  display: block;   content: ""; }
.header_hamburger_menu .hamburger-inner,
.header_hamburger_menu .hamburger-inner:after { width: 100%; height: 10px; border-radius: 0; }
.header_hamburger_menu .hamburger-inner {  margin-top: 1px; }
.header_hamburger_menu .hamburger-inner,
.header_hamburger_menu .hamburger-inner:after { position: absolute;  transition-timing-function: ease; transition-duration: .10s;  transition-property: transform;  border-radius: 2px; background-color: #fff;}
/* .header_hamburger_menu .hamburger-inner:before {top: 8px;  transition-property: transform,opacity;} */
.header_hamburger_menu .hamburger-inner:after {bottom: -13px; }


.header_hamburger_menu .hamburger {  font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; line-height:1em; cursor: pointer; transition-timing-function: linear;  transition-duration: .35s;
    transition-property: opacity,filter;     text-transform: none; color: inherit;  border: 0; }
.header_hamburger_menu .hamburger-box {   position: relative;  display: inline-block;  width: 28px;height: 20px; }
.header_hamburger_menu .hamburger-inner:after,
.header_hamburger_menu .hamburger-inner:before {  display: block;   content: ""; }
.header_hamburger_menu .hamburger-inner,
.header_hamburger_menu .hamburger-inner:after,
.header_hamburger_menu .hamburger-inner:before { width: 100%; height: 3px; border-radius: 0; }
.header_hamburger_menu .hamburger-inner {  margin-top: 1px; }
.header_hamburger_menu .hamburger-inner,
.header_hamburger_menu .hamburger-inner:after,
.header_hamburger_menu .hamburger-inner:before { position: absolute;  transition-timing-function: ease; transition-duration: .10s;  transition-property: transform;  border-radius: 4px; background-color: #fff;}
.header_hamburger_menu .hamburger-inner:before {top: 8px;  transition-property: transform,opacity;}
.header_hamburger_menu .hamburger-inner:after {bottom: -16px; }

.header_hamburger_menu .navbar-toggle {cursor: pointer;color: #fff;}
.header_hamburger_menu.open { transform: rotate(180deg);}
.header_hamburger_menu .navbar-toggle.open .hamburger-inner { transform: translate3d(0,6px,0) rotate(45deg);}
.header_hamburger_menu .navbar-toggle.open .hamburger-inner:before {transform: rotate(-45deg) translate3d(0px,0px,0); opacity: 0;}
.header_hamburger_menu .navbar-toggle.open .hamburger-inner:after {transform: translate3d(0,-16px,0) rotate(-90deg);}
.header_hamburger_menu .navbar-toggle.open .hamburger-inner,
.header_hamburger_menu .navbar-toggle.open .hamburger-inner:after,
.header_hamburger_menu .navbar-toggle.open .hamburger-inner:before {background-color: #fff;}

.mobile_menu_inner_wrap .top_menu{display:flex; justify-content: center; margin-bottom:30px;}
.mobile_menu_inner_wrap .top_menu .login ul{display:flex;}
.mobile_menu_inner_wrap .top_menu .login ul li{margin-right:10px; padding-right:10px; position:relative;}
.mobile_menu_inner_wrap .top_menu .login ul li:after{content:""; width:2px; height:80%; background-color:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.mobile_menu_inner_wrap .top_menu .login ul li:last-child{margin-right:0; padding-right:0;}
.mobile_menu_inner_wrap .top_menu .login ul li:last-child:after{display:none;}
.mobile_menu_inner_wrap .top_menu .login ul li a{color:#fff; font-size:18px;}

.mobile_menu_contents { position: fixed;  top: 0; left: 100%; width: 100%; height: 100%; z-index: 9999;}
.mobile_menu_contents.open {left:0;}

#mobile_menu_box .gnb_dep1 { margin-top: 0; padding-left:0}
#mobile_menu_box .gnb_dep1>li { opacity:0; transform: translateY(50px); transition: all 0.35s ease-out; transition-timing-function: ease;}
#mobile_menu_box .gnb_dep1>li.visible {opacity:1; transform: translateY(0);}
#mobile_menu_box .gnb_dep1>li>a {font-size: 22px; padding: 15px 0 15px 30px;  height: auto; color: #fff; line-height: 1em;  position: relative; display: block;}
#mobile_menu_box .gnb_dep1>li.menu-item-has-children .plus {position: absolute; top: 50%;  transform: translateY(-50%); transition: transform 0.3s; right: 25px;}
#mobile_menu_box .gnb_dep1>li.menu-item-has-children .plus:after{content:""; width: 12px; height: 12px; border: solid white; position: absolute; top: 40%; right: 0; border-width: 0 2px 2px 0; transform: translateY(-50%) rotate(45deg); transition: 0.5s;}
#mobile_menu_box .gnb_dep1>li.menu-item-has-children.open .plus:after{transform: translateY(-50%) rotate(-135deg); transition: 0.5s;}
#mobile_menu_box .sub_menu { width: 100%; line-height: 1em; float: none; margin: 0; padding: 10px 10px 10px 25px;left:0 !important; display:none; padding-top:0; margin-top:-5px;}
#mobile_menu_box .sub_menu>li { padding: 10px;}
#mobile_menu_box .sub_menu>li>a { font-size: 16px; color:rgb(255 255 255 / 70%);}

.mobile-container-overlay {  position: fixed; top: -120.5vh; right: -120.5vh; width: 250vh;  height: 250vh;  border-radius: 50%;  background: linear-gradient(-60deg, #b5def3 8%, #7f9dad); transition: .2s;  z-index: 0; transform: scale(0); z-index: 9998;}
.mobile-container-overlay.open  {animation: checked-overlay .8s both, ani 15s linear forwards;}
.mobile-container-overlay.close  { animation: not-checked-overlay .4s both; }

.mobile_menu_contents .mobile_menu_copyright {color: #fff;   position: absolute;  bottom: 10px;  width: 100%;   text-align: center;  font-size: 12px; opacity:0; transition: all 0.35s ease-out;  transition-delay:1s;}
.mobile_menu_contents.open .mobile_menu_copyright {opacity:1; }

.mobile_menu_logo {display: none}

@keyframes checked-overlay {
  0% { transform: scale(0); }
  90% { transform: scale(1); }
  100% { transform: scale(1); }
}
@keyframes not-checked-overlay {
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}


@media only screen and ( max-width: 1024px) {
  .header_inner .menu {width: 60%;}
  .hd_pc, .hd_pc.nav-down {height: 125px;}
  .header_inner .logo, .header_inner .menu ul.gnb_dep1 > li > a {height: 125px; line-height: 125px;}
  .header_inner .menu ul.gnb_dep1 > li ul.sub_menu {top: 90px;}
}
@media only screen and ( max-width: 767px ) {
	.hd_pc{display:none;}
    /* 모바일 메뉴 Break Point */
    .header_hamburger_menu {display:block;z-index: 19999;}
    #logo {display: none}
    .mobile_menu_logo {display: block; position: absolute; background-color:transparent;  top: 0;  left: 0;  width: 100%;  height: 90px; z-index: 1999; transition: all .3s ease; background-color: transparent; display:flex; justify-content: space-between;}
	.mobile_menu_logo.open{background-color: #000;}
    .mobile_menu_logo a {  display: block;  width: 115px;  height: 50px;  background: url(../img/main/modusigong_logo.png) no-repeat center; transition: 0.35s ease; margin-left:20px;}
}

@media only screen and ( max-width: 767px ) {
    .header_hamburger_menu {  top: 30px;}
    .mobile_menu_logo,
    .mobile_menu_logo a { height: 80px; }
    .header_hamburger_menu {  top: 23px;}
    .mobile_menu_logo,
    .mobile_menu_logo a { height: 80px; justify-content: start;}
    .mobile_menu_logo a {background-size: contain; width: 70px; margin-left: 20px;}
}

@media only screen and (max-width:600px) {
  .mobile-container-overlay span {left: 20%; bottom: 10%;}
}

@media only screen and (max-width:480px){ 
	.mobile_menu_inner_wrap .top_menu .login ul li a{font-size:16px;}
    

	#mobile_menu_box .gnb_dep1>li>a{padding: 15px 0 15px 20px;}
	#mobile_menu_box .sub_menu{padding: 15px 0 15px 20px; padding-top:0;}
	#mobile_menu_box .gnb_dep1>li>a{font-size:20px;}
	#mobile_menu_box .sub_menu>li>a{font-size:15px;}
}

/***** 모바일 메뉴 끝 ******/


@keyframes shine {
    100% {
        left: 125%;
    }
}