#overlay {  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  background-color: rgba(0, 0, 0, 0.7);  
display: none;  z-index: 99;}

.slide-menu .menu_txt{position:absolute; color:rgba(0,0,0,0.5); left:45px; top:50%; text-align:center;
font-size:15px; font-family: "GowunBatang-Regular"; font-weight:500 ; letter-spacing:7px; transform: translate(-50%, -50%) rotate(90deg);}
.slide-menu .side_logo {text-align:center; padding-top:60px;}
.slide-menu{text-align:center;  height: 100%;   width: 100%;  position: fixed;     background: rgba(255, 255, 255, 1);
top: 0px;  right:-100%;  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;  z-index: 100;  -ms-overflow-style: none; }
.slide-menu.open{  right: 0px; background: rgba(255,255, 255, 1); overflow-y:scroll; z-index:100; }

.slide-menu .mobile-menu-list {margin:60px 10px 50px 10px; overflow:hidden; display:flex;  justify-content: space-evenly;}
.slide-menu .mobile-menu-list>li {border-left:1px solid #dfdfdf; padding:30px 0;  flex:1;  border-bottom: 0px solid rgba(0,0,0,0.2);  }
.slide-menu .mobile-menu-list>li:first-child {border-left:0;}
.slide-menu .mobile-menu-list  li  a { color: #333;  display: block; transition: all .51s ease; }
.slide-menu .mobile-menu-list .depth1 > a { padding:12px 0; color:#222;  font-size:30px; font-weight:bold; pointer-events: none;  }
.slide-menu .top {display:none;}
.slide-menu .depth2 {padding:0;}
.slide-menu .depth2 ul{padding:0; overflow:hidden; background-color:#fff;}
.slide-menu .depth2 ul li a{font-size:16px; font-weight:500; line-height:40px; padding:0 20px;}
.slide-menu .depth2 ul li a:hover {color:#aaa; }
.slide-menu .depth2 ul li:first-child a {padding-top:5px;}
.slide-menu .depth2 ul li:last-child a {padding-bottom:15px;}
.slide-menu .mobile-menu-list a {    text-decoration: none !important;}

.slide-menu .footer {color:#888;  line-height:25px; font-size:14px;margin:50px 50px;}
.slide-menu .footer ul{ padding:10px 0 0 0; margin:0; list-style:none; }
.slide-menu .footer .sns {padding:30px 0;}
.slide-menu .footer .sns a{opacity:0.8; }
.slide-menu .footer .sns a:hover{opacity:1; }
.slide-menu .footer .sns a img{vertical-align: top;   }
.slide-menu .footer p.lang a {display:inline-block; border:1px solid rgba(0,0,0,0.2); font-size:12px;
border-radius:5px 5px; margin:0 3px; padding:0px 8px 3px 8px; width:60px; text-align:center; } 

/*BURGER ICON*/
.navBox {display:block; height:100%;  overflow:hidden; width:100px; border-left:1px solid #000;;}
.nav-icon2 span{background-color:#333 !important;}
#nav-icon1{  width: 65px;  height: 80px;  position: absolute; top:0px;  right: 30px; padding:15px 0px;  margin: 10px auto 0 auto;
  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;  -moz-transition: .s ease-in-out;  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;  cursor: pointer;   z-index: 101;}

.small #nav-icon1 span {background:#333;}
#nav-icon1 span{  display: block;  position: absolute;  height: 2px;  width: 30px;  background: #fff ;  border-radius: 9px;
  opacity: 1;  right: 28px;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);
  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
/*.open span {background:#fff !important;}*/  
#nav-icon1 span:nth-child(1) {  top: 28px;}
#nav-icon1 span:nth-child(2) {  top: 38px; width:23px; }
#nav-icon1 span:nth-child(3) {  top: 48px;}
#nav-icon1.open{  /*right: 530px;*/ }
#nav-icon1.open span{   background: #333 }
#nav-icon1.open span:nth-child(1) {  top: 38px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) { display:none; opacity: 0; }
#nav-icon1.open span:nth-child(3) {  top: 38px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);}
#text-cont{  color: #fff;  width: 100%;  height: 20%;  display: block;  position: absolute;  top: 40%;  left: 0;
  text-align: center;  font-size: 18pt}
.offer-cont{  width: 100%;  height: 10%;  position: absolute;  top: 55%;  left: 0;  display: block;  text-align: center;}
.offer-cont ul li{  display: inline;  padding-right: 5%;}
.offer-cont ul li a{  color: #fff;  border-bottom: 1px dashed #fff;}
.offer-cont ul li a:hover{  color: #EF2E2E;  border-color: #EF2E2E;    -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.slide-menu{ text-align:left;   width: 90%; top: 0px;  right: -90%; border-left:0px solid rgba(0,0,0,0.06); overflow-y:scroll  }
#nav-icon1.open{  right: 280px;}
.slide-menu .mobile-menu-list > li > a { padding:12px 0;  }
.slide-menu .mobile-menu-list {margin:70px 30px 30px 30px;}
.slide-menu .footer {;margin:30px 30px;}
.slide-menu .mobile-menu-list>li { padding:0px 0;  float:none; width:auto;  cursor:pointer; }
.slide-menu .mobile-menu-list .depth1 > a {  font-size:20px; pointer-events:auto;  }
.slide-menu .depth2 ul li a{font-size:14px; line-height:35px; } 
.slide-menu .mobile-menu-list {margin:35px 30px 50px 30px; overflow:hidden; display:block;  }
.slide-menu .mobile-menu-list>li { border-left:0px solid #dfdfdf;  width:100%;  border-bottom: 0px solid rgba(0,0,0,0.2);  cursor:pointer;}
.slide-menu .mobile-menu-list>li:first-child {border-left:0;}
.slide-menu .menu_txt {display:none;}
.slide-menu .footer {  line-height:25px; font-size:12px; }
.slide-menu .side_logo {padding-top:80px}
.slide-menu .side_logo img {height:30px}
/*BURGER ICON*/
#nav-icon1.open{  right: 10px;}
#nav-icon1.open span{   background: #333 !important; }

#nav-icon1{background:none;  width: 55px;  height: 50px;  position: absolute; top:0px;  right: 10px; padding:15px 30px;  margin: 6px auto 0 auto;}
#nav-icon1 span{  display: block;  position: absolute;  height: 2px;  width: 30px;  background: #fff ;  border-radius: 9px;
  opacity: 1;  right: 15px;  }
#nav-icon1 span:nth-child(1) {  top: 15px;}
#nav-icon1 span:nth-child(2) {  top: 25px; width:23px; }
#nav-icon1 span:nth-child(3) {  top: 35px;}
#nav-icon1.open span:nth-child(1),#nav-icon1.open span:nth-child(3)  {  top: 25px;}

/*.slide-menu{ text-align:left;  height: 100%;  background: rgba(255, 255, 255, 0.3);  width: 260px;  position: fixed;  top: 0px;  left: -210px;
  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;  z-index: 100;}
  .open {background: rgba(0, 0, 0, 0.9) ;}
#nav-icon1{position:fixed;     left: 12px;  margin: 20px auto; height:25px; background:none !important;} 
 #nav-icon1 span{  background:#000;} 
 .open span{  background:#fff !important;  }
 .menu_txt{ color:rgba(255,255,255,0.5);}
.slide-menu .logo {padding:50px 20px 5px 20px; } 
.slide-menu.open .menu_txt{color:rgba(255,255,255,0.3);} 
.slide-menu .menu ul{    margin: 40px auto; }*/
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}