/*
 * KSO Landing Page
 * http://ksodesign.com
 * Author: KS Jade(enigma5685@naver.com)
 */
@font-face {
  font-family: ng;
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
::-moz-selection {background: #87D8A9;color: #fff;text-shadow: none}
::selection {background: #87D8A9;color: #fff;text-shadow: none}

body {
    font-family: '나눔고딕', 'NanumGothic', ng, 'Lato', Arial, sans-serif;color: #555;font-weight: 400;
}
a:hover { text-decoration: none; }

.kso-container{position:relative;height:100%}
.coming-soon {margin: 0 auto;text-align: center;color: #fff}
.inner-bg {padding: 120px 0 30px;background: none}
.header-title {margin-bottom:70px}
.coming-soon .welcome {margin:0;font-size:16px}
.coming-soon h2 {
	display:inline-block;line-height: 50px;
	padding:10px 0 10px;margin-top:0;
    font-size: 60px;font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 7px rgba(0,0,0,.2);
}
.coming-soon h2:before {content:'';display:block;margin: 0 auto;width: 350px;border-top: 1px solid #fff;padding:0 0 25px 0}
.title-line {display:inline-block;width: 100px;height: 1px;background: #fff;margin: 5px 15px}
.coming-soon p {
    font-size: 18px;
    line-height: 26px;
    text-shadow: 0 1px 7px rgba(0,0,0,.2);
}
.read-more {display:inline-block;padding:8px 20px;margin:30px 0;color:#fff;background:#87D8A9;border-radius:3px}
.countdown {margin:0 auto;width:100%}

.timer {
    margin-top: 40px;
	margin-left:auto;margin-right:auto;
	color:#fff;
	text-align:center;
    text-shadow: 0 1px 5px rgba(0,0,0,.1);
}
.timer .d-wrapper{
    display: inline-block;
    width: 160px;height: 140px;
    padding-top: 20px;
    background: #87D8A9;
    background: rgba(135,216,169,.9);
    font-size: 18px;
}
.timer .d-wrapper span {display:block;font-family:'Lato', Arial, sans-serif;font-size: 80px;line-height: 90px}

.social {margin-top: 30px;padding-bottom: 30px;text-align: center}
.social a {display: inline-block;width: 31px;height: 31px;margin: 1px}
.social a.facebook { background: url(../img/icon-Facebook.png)}
.social a.twitter { background: url(../img/icon-Twitter.png)}


/* Media Queries */
@media (min-width: 768px) and (max-width: 979px) {
    .timer .d-wrapper{width: 140px;height: 120px;margin: 0 7px;padding-top: 20px}
    .timer .d-wrapper span {font-size: 60px;line-height: 70px}
}

@media (max-width: 767px) {
	.coming-soon h2,
	.coming-soon p {padding: 0 20px}
    .timer .d-wrapper{width: 140px;height: 120px;margin: 7px;padding-top: 20px}
    .timer .d-wrapper span {font-size: 60px;line-height: 70px}
}

@media (max-width: 480px) {
    .inner-bg {padding: 45px 0 0px 0}
	.coming-soon h2:before {width: 250px;padding:0 0 10px 0}
	.coming-soon h2{margin-top:10px;}
	.title-line {width: 50px;margin: 5px 15px}
    .coming-soon h2 {font-size: 32px}
    .coming-soon p {font-size:14px}
}