/*
Theme Name: HUGE
Description: Creative Coming Soon Template
Author: SquirrelLabs
Author URI: https://themeforest.net/user/squirrellabs/portfolio?ref=SquirrelLab
Version: 1.0
License: https://themeforest.net/licenses/standard

---

/*******************************
  Table of Contents

  1.0 General Styles
  2.0 Content Styles
  3.0 Countdown
*******************************/

/**********************************/
/******* 1.0 General Styles *******/
/**********************************/
@import url("https://fonts.googleapis.com/css?family=Voltaire");


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight:700;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight:900;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 18px;
	vertical-align: baseline;
	background: transparent;
	font-family:'Noto Sans KR','µ¸¿ò',Dotum,'±¼¸²',Gulim, AppleGothic, Sans-serif;
}

html{
  min-height: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow: hidden;
}
/*
body {
  background: #e7deb7;
  margin: 0;
  padding: 0;
  font-family: "Voltaire", Helvetica, Arial, sans-serif;
  font-weight: 400
}
*/
* {
	margin: 0;
	padding: 0;
}

/**********************************/
/******* 2.0 Content Styles *******/
/**********************************/
#world {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: linear-gradient(#e4e0ba, #f7d9aa);
}
.content {
  text-align: left;
  position: relative;
  margin: 20% auto;
}
.content * {
  pointer-events: visible;
}
.content .logo img {
  height: 100px;
  width:100px;
  
  box-sizing: content-box;
}
.content h1 {
  color: #333;
  font-size: 4em;
  position: relative;
  font-weight: 400;
  margin: 30px 0;
}
.content h2 {
  color: #333;
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 50px;
}
.content .btn {
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 2px solid #333;
  padding: 12px 19px;
  color: #333;
  display: inline-block;
  position: relative;
  z-index: 3;
}
.content a:hover {
  opacity: 0.8;
}

/**********************************/
/*******    3.0 Countdown   *******/
/**********************************/
#countdown {
  margin: 10vh 0 1vh;
  top: 5%;
  left: 0;
  right: 0;
  height: 100px;
  width: 50%;
}

#countdown.show {
  display: block;
}

#countdown > div {
  position: relative;
  float: left;
  width: 20%;
  font-size: 3vw;
  font-weight: 100;
  line-height: .8em;
  letter-spacing: 2px;
  text-align: left;
  color: #333;
}

#countdown > div > span {
  display: block;
  font-size: 1.2vw;
  font-weight: 100;
  line-height: 1.2em;
  letter-spacing: 0;
  margin-top: 20px;
  color: #555;
  text-transform: lowercase
}

@media (max-width:480px) {
    #countdown {
        width: 75%;
    }
    #countdown > div {
        width: 25%;
        font-size: 40px;
        font-weight: 700;
        line-height: .8em;
        letter-spacing: 2px;
    }
}

.topcontent1.bg1 { background:#f37042; padding:0 30px 50px; }
.topcontent2.bg2 { background:#fff; padding:50px 30px; }
.topFirsh { padding-top:110px;}
h2.titDF  { font-size:30px}
.white0 { color:#fff;}
#bombanner {position:relative; width:312px; height:100px; overflow:hidden; padding-left:10px; margin:30px 0; }


/* text style */
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
ul, li { list-style:none;}	
	@media (max-width:768px){
		.mt10{margin-top:5px;}
		.mt15{margin-top:8px;}
		.mt20{margin-top:10px;}
		.mt30{margin-top:20px;}
		.mt40{margin-top:30px;}
		.mt50{margin-top:40px;}
		.mt60{margin-top:45px;}
		.mt80{margin-top:50px;}

		.mb10{margin-bottom:5px;}
		.mb15{margin-bottom:8px;}
		.mb20{margin-bottom:10px;}
		.mb30{margin-bottom:20px;}
		.mb40{margin-bottom:30px;}
		.mb50{margin-bottom:40px;}
		.mb80{margin-bottom:50px;}

	.topcontent1.bg1 {padding:0 0px; margin:0 -30px; }
	.topcontent2.bg2 {padding:25px 0px;  margin:0 -30px;}
	
	.content { margin-top:30px; }
	#bombanner { margin:10px 0; }
	
	.content .logo img {  height: 75px;  width:75px; }  
	}
	
	
	
	.abs-fs {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: none transparent;
}

.side-right {

left:100%;
-webkit-transition:left .5s ease-out;
-moz-transition:left .5s ease-out;
-o-transition:left .5s ease-out;
transition:left .5s ease-out;
}

.split-active.side-right {
left:0 !important;
}	

@media only screen and (min-width: 768px)
.split-active .side-right {
    left: 0;
    width: 100% !important;
}

@media only screen and (min-width: 768px)
.side-right {
    width: 100% !important;
    left: 100%;
    -webkit-transition: left .5s ease-out;
    -moz-transition: left .5s ease-out;
    -o-transition: left .5s ease-out;
    transition: left .5s ease-out;
}