@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body,html {height:100%}
#wrap {height:100%; width:100%; display:inline-block; }
header {position:relative; z-index:99999}

.top {display:flex; padding:18px 4% 0 4%;   }
.top ul {display:flex; width:50%; align-items:center;  white-space: nowrap; }
.top ul:nth-child(2) {justify-content:flex-end; align-items: stretch  }
.top ul li img {height:20px; margin-top:2px}
.top ul li {padding:0 1%; display:flex; align-items:center; color:#111}
.top ul li  a {color:#111; display:flex;  align-items:center;}
.top ul li svg {margin-right:2px;}
.icon  { stroke: #333;}
.top ul:nth-child(2) li {font-family: 'GmarketSansMedium';  font-weight:500; font-size:0.93rem; letter-spacing:.5px}
.top ul:nth-child(2) li a {color:#333}

.main_menu {width:230px;   margin:0 auto; margin-top:-8px; position:relative; height:180px;  line-height:0; letter-spacing:.5px;  text-align:center }
.main_menu h1 {width:200px; margin:0 auto; }
.main_menu h1 img {width:100%; margin:0 auto}




.menu {width:100%; line-height:1.2em; margin-top:20px; display:none }
.menu * {font-family: 'GmarketSansMedium';}
.menu > ul {display:flex;  justify-content:center;  position:relative; z-index:9; padding:15px 0;}
.menu > ul > li { }
.menu > ul > li a.link {position:Relative; z-index:99; border-radius:5px; padding:7px 18px;  text-align:Center; display:inline-block; color:#fff !important}
.menu > ul > li:hover a.link {background-color:#111; color:#f4784c !important}
.menu > ul > li:hover + li a {color:#fff !important}
.menu ul li ul {display:none;  border-radius:5px; background-color:#f4784c; top:0; width:100%; text-alig:center; padding:75px 0 20px 0; position:absolute; left:0; }
.menu ul li ul li {text-align:center; color:#fff; padding-bottom:13px; width:100%; display:inline-block}
.menu ul li ul li a {color:#fff !important}
.menu ul li ul li a:hover {text-decoration:underline}



#footer {width:100%; padding:30px 5%; background-color:#f7f7f7; color:#333; box-sizing:border-box; font-size:.95rem; line-height:1.5em; text-align:center; margin-top:50px}
#footer a {color:#000 !important; }
#footer p {display:block; margin-top:5px}

@media all and (max-width:1300px) {
	.mega-menu-wrap { margin-left:3%;    }
  
}

@media all and (min-width:950px) {
    .m_top {display:none}
}

@media all and (max-width:950px) {
		.top {display:none; }
		.main_menu {display:none; }
		.m_top {display:flex; align-items:center; justify-content:space-between;  position:relative;  height:90px; line-height:0; padding-left:4%; box-sizing:border-box; }
		.m_top  div {width:20%; }
		.m_top div a {color:#333 !important}
		.m_top h1 {height:80%; }
		.m_top h1 img {height:100%}
		.m_top svg {margin-bottom:-2px}
		#footer {font-size:.87rem}

}

 .fixed_top {position:fixed; right:2%; background-color:#ff4a00; color:#fff !important; border-radius:50%; line-height:65px; width:65px; text-align:center; max-width:100px; font-size:14px; bottom:10%; z-index:999}


div.spaceship_wrap {width:80px; position:fixed; bottom:5%; left:3%; z-index:999; overflow:hidden; cursor:pointer}
div.spaceship {  width:100%; max-width:none; padding-bottom:155%;  }
div.spaceship  img {width:100%; position:absolute; left:0; bottom:0}
div.spaceship img.bg1 {z-index:9}
div.spaceship img.bg2 {z-index:999}
div.spaceship img.pp {z-index:99; }
div.spaceship .tt {opacity:0}

div.spaceship .tt img.w_img {display:none }

 
div.spaceship:hover img.pp   {  -webkit-animation: pp 1s linear;  animation: pp 1s linear; -webkit-animation-fill-mode:both   }
div.spaceship:hover .tt {  -webkit-animation: opacity 1s linear;  animation: opacity 1s linear; -webkit-animation-fill-mode:both }

@keyframes pp {
        0% {top:0;  }
       100% {top:-50%;  } 
   }

@keyframes opacity {
        0% {opacity:0}
        50% {opacity:100 }
        100% {opacity:100 }
         }




 @media all and (max-width:950px) {
    div.spaceship_wrap {width:70px;  }

 }