@charset "utf-8";
/* CSS Document */

/* 탑 제목 */
.hero-section::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; opacity: 0; background: linear-gradient(to bottom, rgba(4,54,61,1) 0%,rgba(4,54,61,1) 60%,rgba(4,54,61,0) 100%);}
.welcome-message {font-family: "Poppins", sans-serif;}
.welcome-message .top_logo  {width:20%; margin-bottom:20px;}
.welcome-message h2 {color:#fff; font-size:36px; font-weight:900; margin-bottom:20px;}
.welcome-message p {color:#fff; font-size:22px; font-weight:400; letter-spacing:normal; line-height:1.5; text-shadow: 1px 1px 1px #000;}
.welcome-message p span {display: block;}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* 탑 제목 */
    .hero-section {background-position :48% 0%;}
    .hero-section::before {content: ''; position: absolute; opacity: 0.4; width: 100%; height: 100%; left: 0; background: linear-gradient(to bottom, rgba(4,54,61,1) 0%,rgba(4,54,61,1) 73%,rgba(4,54,61,0) 100%);}
    
	.welcome-message {padding:10px 0px 0px;}	
    .welcome-message .top_logo  {width:20%; margin-bottom:25px;}
    .welcome-message h2 {color:#fff; font-size:33px; font-weight:900; margin-bottom:20px;}
    .welcome-message p {color:#fff; font-size:20px; font-weight:400; letter-spacing:normal; line-height:1.5; text-shadow: 1px 1px 1px #000;}
    .welcome-message p span {display:inline;}
}
@media (max-width: 767px) {
	/* 탑 제목 */    
	.hero-section {background-position :63% 0%;}
    .hero-section::before {content: ''; position: absolute; opacity: 0.4; width: 100%; height: 100%; left: 0; background: linear-gradient(to bottom, rgba(4,54,61,1) 0%,rgba(4,54,61,1) 73%,rgba(4,54,61,0) 100%);}	
	.welcome-message {padding:30px 0px 10px; margin: 0;}
    .welcome-message .top_logo {width:42%; margin-bottom:15px;}
    .welcome-message h2 {font-size: 30px;}	
    .welcome-message p {font-size:16px; font-weight:300;}
    .welcome-message p span {display: inline;}
}