@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 h2 {margin-bottom:20px;}
.welcome-message h3 {color: #000; font-size:40px; font-weight:900; line-height: 1.3; margin-bottom: 20px; letter-spacing:-0.05em; text-shadow: 2px 2px 1px #fff;}
.welcome-message h3 span {display:block; font-weight:900;}
.welcome-message h4 {color: #fff; font-size:18px; font-weight: bold;}
.welcome-message p {color: #000; font-size:20px; font-weight:200; letter-spacing:normal; line-height:1.3; letter-spacing:-0.05em; text-shadow: 2px 2px 1px #fff;}

@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 h3 {font-size:42px;  line-height: 1.3; margin-bottom:18px}
    .welcome-message h3 strong {display:inline-block;}
	.welcome-message h3 span { display:block; font-weight:900;}
	.welcome-message h4 {color: #fff; font-size:18px; font-weight: bold;}
	.welcome-message p {font-size:18px;}
	
}
@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 h2 {margin-bottom:0px;}   	
	.welcome-message p {font-size:18px;  line-height:1.6;}
}