@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700;900&family=Nanum+Myeongjo:wght@400;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');

* {
	padding: 0;
	margin: 0;
	box-sizing:border-box;
}

body {
	margin:0; padding:0;
	font-family: 'Roboto', 'Noto Sans KR', "Dotum", sans-serif;
	color: #666;
	font-size: 15px;
	line-height:160%;
	font-weight:400;
}

b, strong {
	font-weight: 700;
}

div, section {
	margin:0; padding:0;
	font-size:middle;
}

ul, ol, li, dl, dt, dd {
	margin: 0;
	paddding: 0;
	list-style: none;
}

a, a:active {
	color:#666; text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #36C;
}

img {border:none; padding:0; margin:0;}

#wrap {margin:0; padding:0; width:100%; height:100%;}

/* Header */
.top_area {padding:5px; background:rgba(26, 54, 93, 0.95);}
.top_area ul {width:95%; max-width:1200px; margin:0 auto; overflow:hidden; zoom:1; clear:both;}
.top_area ul .logo {float:left; margin-top:2px;}
.top_area ul .logo img {height:40px;}
.top_area ul .go_btn {float:right; margin-top:10px; color:#a0c4e8; font-size:13px; font-weight:600; font-family: 'Noto Sans KR', sans-serif;}
.top_area ul .go_btn a {color:#a0c4e8;}
.top_area ul .go_btn a:hover {color:#fff;}

/* Main Visual - 겨울 테마 */
.main_img {
	min-height: 500px;
	background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #3182ce 100%);
	position: relative;
	overflow: hidden;
}

/* 눈 내리는 애니메이션 */
.main_img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="white" opacity="0.3"/><circle cx="80" cy="40" r="1.5" fill="white" opacity="0.4"/><circle cx="40" cy="70" r="1" fill="white" opacity="0.3"/><circle cx="90" cy="80" r="2" fill="white" opacity="0.2"/><circle cx="10" cy="60" r="1.5" fill="white" opacity="0.3"/><circle cx="60" cy="10" r="1" fill="white" opacity="0.4"/><circle cx="30" cy="90" r="1.5" fill="white" opacity="0.3"/></svg>');
	background-size: 200px 200px;
	animation: snowfall 15s linear infinite;
	pointer-events: none;
	z-index: 1;
}

@keyframes snowfall {
	0% { background-position: 0 0; }
	100% { background-position: 200px 400px; }
}

.main_img .main_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 30px;
	position: relative;
	z-index: 2;
}

.main_img .main_text {
	flex: 1;
	padding-right: 40px;
}

.main_img .main_title {
	margin: 0 0 20px 0;
	font-family: "Nanum Myeongjo", serif;
	font-size: 48px;
	font-weight: 800;
	color: #fff;
	line-height: 1.3;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.main_img .main_title_en {
	margin: 0;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 1px;
}

.main_img .main_visual {
	flex: 0 0 450px;
	max-width: 450px;
}

.main_img .main_visual img {
	width: 100%;
	height: auto;
	border-radius: 16px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

/* Support */
.support {padding:0; border-bottom:1px solid #ECECEC; word-break:keep-all; background:#f8fafc;}
.support span {display:block; max-width:1200px; margin:0 auto; padding:15px 30px; font-family: 'Noto Sans KR', sans-serif; color:#64748b; font-size:14px; font-weight:500;}
.support img {display:inline-block; margin-top:-3px; vertical-align:middle; height:16px;}

/* Container */
#container {width:95%; max-width:1000px; margin:0 auto; padding:50px 0 0 0;}

.cont_text {padding:30px 0 20px; word-break:keep-all; text-align:center; font-size:18px; line-height:1.8; color:#475569;}
.cont_text .highlight {font-size:22px; color:#1e40af; margin-bottom:30px;}
.cont_text .highlight strong {color:#dc2626; font-weight:700;}
.cont_text p {margin-bottom:25px;}
.cont_text strong {color:#dc2626;}

.cont_guide {padding:30px 0 10px 0; color:#ca6f1f; text-align:center;}

/* Livere */
#lv-container {margin-top:40px; border-top: 2px solid #1e40af; padding-top: 20px;}

/* Footer */
#copyright {margin:30px 0 0 0; padding:40px 0; background:#1a365d; height:100%; font-size:14px; text-align: center; color:#a0c4e8;}
#copyright a {font-weight: bold; color:#fff;}

/* ===== 반응형 ===== */

/* 태블릿 */
@media all and (max-width:1024px) {
	.main_img .main_content {
		flex-direction: column;
		text-align: center;
		padding: 50px 20px;
	}

	.main_img .main_text {
		padding-right: 0;
		margin-bottom: 30px;
	}

	.main_img .main_title {
		font-size: 40px;
	}

	.main_img .main_visual {
		flex: 0 0 auto;
		max-width: 80%;
	}
}

/* 모바일 */
@media all and (max-width:768px) {
	.top_area ul .logo img {height:32px;}

	.main_img {
		min-height: auto;
	}

	.main_img .main_content {
		padding: 40px 20px;
	}

	.main_img .main_title {
		font-size: 32px;
	}

	.main_img .main_title_en {
		font-size: 16px;
	}

	.main_img .main_visual {
		max-width: 100%;
	}

	#container {padding:30px 0 0 0;}

	.cont_text {font-size:16px; padding:20px 15px;}
	.cont_text .highlight {font-size:18px;}
	.cont_text .highlight br {display:none;}
}

/* 소형 모바일 */
@media all and (max-width:480px) {
	.main_img .main_title {
		font-size: 26px;
	}

	.main_img .main_title_en {
		font-size: 14px;
	}

	.cont_text {font-size:15px;}
	.cont_text .highlight {font-size:16px;}

	#lv-container {margin-top:30px; padding-top:15px;}
}