/* ==========================================================================
   2.Hero section 
   ========================================================================== */
.welcome-message {text-align:center; }
.welcome-message h1 {font-size: 64px; font-weight: 800; margin-top: 0px; margin-bottom: 30px; color: #000; font-family: "Poppins", sans-serif;}
.welcome-message h1 span {font-weight: 300;}
.welcome-message h3 {font-size: 30px; font-weight: 600; color: #2fbcc3; margin-bottom: 20px;}
.welcome-message p {margin-bottom: 10px; color: #000; font-weight: 400; font-weight: bold;}
.welcome-message p span {color: #2fbcc3;}
.welcome-message .welcom_txtbox {font-size: 20px; font-weight:bold; margin: 0px; color: #000;}

.action-btn {font-size: 22px; text-align:center; margin-top:30px;}
.bttn {color: #fff; border:3px solid #fff; background-color: #000; font-weight:900; padding:.8em 2em; border-radius:5px;}
.bttn:hover, .bttn:active, .bttn:focus {color:#000; border-color: #000; background-color: #fff;}


/* ==========================================================================
   3.nav 
   ========================================================================== */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {color: #000; font-weight: bold;}
.navbar-default .navbar-nav > li:nth-child(4) > a:hover {color: #000;}


/* ==========================================================================
   4.about  
   ========================================================================== */   



/* ==========================================================================
   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) {
    .welcome-message {margin: 3em 0 2em;}
    .welcome-message h1 {font-size: 42px; line-height: 1.2; margin-bottom: 20px;}
    .welcome-message h3 {font-size: 24px; line-height: 1.2;}    
    .welcome-message p {font-size: 14px;}
    .welcome-message p span {font-size: 22px; display:inline-block;}    
    .welcome-message .welcom_txtbox {margin-top:10px; font-size: 18px;}
    
    .about img {display: none;}
 
	.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 img {display: none;}

	.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) {
    .welcome-message h1 {font-size: 64px; margin-bottom: 30px;}
    .welcome-message h1 span {display: block;}
    .welcome-message h3 {font-size: 30px; margin-bottom: 20px;}
    .welcome-message p {font-size: 22px;}
    .welcome-message p span {font-size: 40px;}
    
	.plan-features li {font-size:30px; font-weight: 900; color: #333;}

    .section-spacing h2 {font-size: 29px; margin-bottom:1em;}
    .about img {display:block;}
    
    .reg_box .welcome-message h1 span {display: inline-block;}
}