/* 2306 Web Font Load */
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');

body {font-family:'GmarketSans', sans-serif;}

/* ==========================================================================
   2.Hero section 
   ========================================================================== */
.welcome-message {text-align:center; }
.welcome-message h1 {font-weight:800; margin-top: 0px; color: #fff; text-shadow: 1px 2px 3px #000;}
.welcome-message h1 strong {letter-spacing: -2px;}
.welcome-message h2 {font-weight:600; margin-top: 0px; color: #ffed1f; text-shadow: 1px 2px 3px #000;}

.welcome-message p {margin-bottom:10px; color:#fff; font-weight:600; text-shadow: 1px 2px 3px #000;}
.welcome-message .welcom_txtbox {font-weight:300; margin: 0px; color:#fff; text-shadow: 1px 2px 3px #000;}

.action-btn {font-size: 22px; text-align:center; margin-top:30px;}
.bttn {color: #fff; border:3px solid #fff; background-color:#00baff; font-weight:900; font-size:24px; line-height:1;  padding:.8em 2em; border-radius:30px; box-shadow:1px 2px 4px #000; }
.bttn:hover, .bttn:active, .bttn:focus {color:#00baff; border-color:#00baff; background-color: #fff;}

.countup {text-align:center; margin:3em 0;}
.countdown_box {display:inline-block; margin:0 10px; padding:25px 30px; background-color:rgba(0,0,0,0.5); border-radius:15px; border:2px solid; border-color:rgba(255,255,255,0.5); width:140px; }
.countdown_box .time {font-size:54px; font-weight:800; line-height:1.1; color:#fff; text-shadow:0 1px 1px #000;}
.countdown_box span {font-size:16px; text-transform:capitalize; letter-spacing:-0.6px; font-weight:400; color:#a8dadc; text-shadow:0 1px 1px #000;}


/* ==========================================================================
   3.nav 
   ========================================================================== */
.navbar-default.stuck .logo-nav {padding-top:2px;}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {color: #fff; font-weight: 400;}
.navbar-default .navbar-nav > li > a:hover {color:#00ffde;}.navbar-default .navbar-nav > li:nth-child(4) > a {color:#0098ff; font-weight: bold;}
.navbar-default .navbar-nav > li:nth-child(4) > a:hover {color:#00ffde;}
.navbar-default.stuck .navbar-nav .bttn {
    display:inline-block; padding:.3em 1.2em; margin-top:3px;  border-radius:6px;  background:#000; color:#fff; font-size:16px; font-weight: 300; box-shadow:none; line-height:1.6;
}

/* ==========================================================================
   4.about  
   ========================================================================== */
.about {padding:6em 0; background: url('../img/about_bg.jpg') 50% 0 repeat-y fixed;}
.about h2 {font-size:33px; font-weight:600; color:#008aff;}
.about .s-title { margin-bottom:28px; font-size:24px; color: #fff; font-weight:500;}
.about p {margin-bottom:1.6em; color: #fff; line-height: 1.8;} 
.about p strong {display: block; font-weight:300;}


/* ==========================================================================
   5.Program
   ========================================================================== */
.nav-tabs {border-bottom: 1px solid #50a1fc; background: #F7F7F7;}
.nav-tabs li { margin: 0;}
.nav-tabs > li.active, .nav-tabs > li:hover, .nav-tabs > li:focus {background:#50a1fc;}
.nav-tabs > li > a {padding: 16px 26px; font-weight: bold;}

.section-spacing .reg-title h2 {font-family: 'Nanum Gothic', sans-serif;}

/* ==========================================================================
   20.Small devices (mobile, 440px and up)
 ========================================================================== */
@media (max-width:440px) {
    .hero-section {padding:0 0 3em;}
    
    .navbar-default.stuck .logo-nav {padding:.8em 0 .8em 1em;}
    .welcome-message {margin: 3em 0 2em;}
    .welcome-message h1 {font-size:44px; line-height: 1.3; margin-bottom:10px;}
    .welcome-message h1 strong {letter-spacing:0;}
    .welcome-message h2 {line-height: 1.3; margin-bottom: 20px;}
    .welcome-message h2 span {display:block;}    
    .welcome-message p {font-size: 24px;}
    .welcome-message p span {font-size: 22px; display:block;}    
    .welcome-message .welcom_txtbox {margin-top:10px; font-size: 18px;}
    
    .countup {text-align:center; margin:2em 0 3em;}
    .countdown_box {display:inline-block; margin:10px; padding:25px; width:130px; }
    .countdown_box .time {font-size:54px;}
    .countdown_box span {font-size:16px;}
    
    .about {padding: 3em 0;}
    .about h2 {line-height:1.3; font-size:30px;}
    .about .s-title {font-size:22px;}
    .about p strong {display: inline;}
	.plan-features li {font-size:24px; font-weight:900; color: #333;}
    .timeline2 .event1 .txt_box h4 {display: block; width: 100% !important; font-size:16px;}
}


/* ==========================================================================
   20.Small devices (tablets, 768px and up)
 ========================================================================== */    
@media (min-width: 768px) {
    .welcome-message h1 {font-size: 54px; margin-bottom: 20px;}
    .welcome-message p {font-size: 18px;}
    .welcome-message p span {font-size: 36px;}    
    .welcome-message .welcom_txtbox {margin-top:0px; font-size: 20px;}
    
    .section-spacing h2 {font-size: 33px; margin-bottom:1em;}    
    .about p strong {display:inline;}
    
	.plan-features li {font-size:24px; font-weight: 900; color: #333;}    
    .site-footer p {margin-bottom: 5px;}
    
    .reg_box .welcome-message p {font-size:26px;}
    .reg_box .welcome-message p span {font-size:26px;}    
    .reg-title h2 {font-size:28px; font-weight: 800; text-align: left; }
}

/* ==========================================================================
   21.Medium devices (desktops, 992px and up) 
   ========================================================================== */
   
@media (min-width: 992px) {
    .hero-section {padding: 5em 0 10em;}
    
    .logo-brand img {width:92%;}
    
    .welcome-message {margin: 6em 0 3em;}
    .welcome-message h1 {font-size: 74px; margin-bottom:10px;}
    .welcome-message h1 strong {display: block;}
    .welcome-message h2 {font-size:37px; margin-bottom:30px;}
    .welcome-message h2 span {display: inline;}  
    .welcome-message p {font-size:30px;}
    .welcome-message p strong {display: inline;}
    .welcome-message .welcom_txtbox {font-size:24px;}
    
    .countup {text-align:center; margin:3em 0;}
    .countdown_box {display:inline-block; margin:0 10px; padding:25px 30px; width:140px; }
    .countdown_box .time {font-size:54px;}
    .countdown_box span {font-size:16px;}
    
	.plan-features li {font-size:30px; font-weight: 900; color: #333;}
    .section-spacing h2 {font-size: 29px; margin-bottom:1em;}
    .about p strong {display: block;}
    
    .reg_box .welcome-message h1 span {display: inline-block;}
}