@charset "utf-8"; 
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } 

/*reset*/
html,body, #top_layout,#gnb_lyaout,#svisual_layout,#body_layout,#lnb_layout,#foot_layout, #lp_layout div,#lp_layout p,#lp_layout strong,#lp_layout h1,#lp_layout h2,#lp_layout h3,#lp_layout h4,#lp_layout h5,#lp_layout h6,#lp_layout span,#lp_layout em,#lp_layout ul,#lp_layout li,#lp_layout dl,#lp_layout dt,#lp_layout dd,#lp_layout ol,#lp_layout table,#lp_layout input,#lp_layout button,#lp_layout select,#lp_layout address,#lp_layout header,#lp_layout nav,#lp_layout nav,#lp_layout a,#lp_layout label, #op_layout div,#op_layout p,#op_layout strong,#op_layout h1,#op_layout h2,#op_layout h3,#op_layout h4,#op_layout h5,#op_layout h6,#op_layout span,#op_layout em,#op_layout ul,#op_layout li,#op_layout dl,#op_layout dt,#op_layout dd,#op_layout ol,#op_layout table,#op_layout input,#op_layout button,#op_layout select,#op_layout address,#op_layout header,#op_layout nav,#op_layout a,#op_layout label, #top_layout div,#top_layout p,#top_layout strong,#top_layout h1,#top_layout h2,#top_layout h3,#top_layout h4,#top_layout h5,#top_layout h6,#top_layout span,#top_layout em,#top_layout ul,#top_layout li,#top_layout dl,#top_layout dt,#top_layout dd,#top_layout ol,#top_layout table,#top_layout input,#top_layout button,#top_layout select,#top_layout address,#top_layout header,#top_layout nav,#top_layout a,#top_layout label, #lnb_layout div,#lnb_layout p,#lnb_layout strong,#lnb_layout h1,#lnb_layout h2,#lnb_layout h3,#lnb_layout h4,#lnb_layout h5,#lnb_layout h6,#lnb_layout span,#lnb_layout em,#lnb_layout ul,#lnb_layout li,#lnb_layout dl,#lnb_layout dt,#lnb_layout dd,#lnb_layout ol,#lnb_layout table,#lnb_layout input,#lnb_layout button,#lnb_layout select,#lnb_layout address,#lnb_layout header,#lnb_layout nav,#lnb_layout a,#lnb_layout label, #body_layout .body_wrap, #body_layout .body_wrap .contents_wrap, #body_layout .body_wrap .contents_wrap .title_wrap, #body_layout .body_wrap .contents_wrap .title_wrap div, #body_layout .body_wrap .contents_wrap .title_wrap p, #body_layout .body_wrap .contents_wrap .title_wrap strong, #body_layout .body_wrap .contents_wrap .title_wrap h1, #body_layout .body_wrap .contents_wrap .title_wrap h2, #body_layout .body_wrap .contents_wrap .title_wrap h3, #body_layout .body_wrap .contents_wrap .title_wrap h4, #body_layout .body_wrap .contents_wrap .title_wrap h5, #body_layout .body_wrap .contents_wrap .title_wrap h6, #body_layout .body_wrap .contents_wrap .title_wrap span, #body_layout .body_wrap .contents_wrap .title_wrap em, #body_layout .body_wrap .contents_wrap .title_wrap ul, #body_layout .body_wrap .contents_wrap .title_wrap ol, #body_layout .body_wrap .contents_wrap .title_wrap li, #body_layout .body_wrap .contents_wrap .title_wrap dl, #body_layout .body_wrap .contents_wrap .title_wrap dt, #body_layout .body_wrap .contents_wrap .title_wrap dd, #body_layout .body_wrap .contents_wrap .title_wrap table, #body_layout .body_wrap .contents_wrap .title_wrap tr, #body_layout .body_wrap .contents_wrap .title_wrap td, #body_layout .body_wrap .contents_wrap .title_wrap input, #body_layout .body_wrap .contents_wrap .title_wrap button, #body_layout .body_wrap .contents_wrap .title_wrap select, #body_layout .body_wrap .contents_wrap .title_wrap address, #body_layout .body_wrap .contents_wrap .title_wrap header, #body_layout .body_wrap .contents_wrap .title_wrap nav, #body_layout .body_wrap .contents_wrap .title_wrap a, #body_layout .body_wrap .contents_wrap .title_wrap label, #foot_layout div,#foot_layout p,#foot_layout strong,#foot_layout h1,#foot_layout h2,#foot_layout h3,#foot_layout h4,#foot_layout h5,#foot_layout h6,#foot_layout span,#foot_layout em,#foot_layout ul,#foot_layout li,#foot_layout dl,#foot_layout dt,#foot_layout dd,#foot_layout ol,#foot_layout table,#foot_layout input,#foot_layout button,#foot_layout select,#foot_layout address,#foot_layout header,#foot_layout nav,#foot_layout a,#foot_layout label {
font-family: 'nsk_m','nsr_m','Dotum','arial','sans-serif'; margin: 0; padding: 0; border: 0; vertical-align: top; background: transparent; word-break: break-all;}
body {/*font-size: 14px; font-weight: 300; letter-spacing: -1.0px;*/}
a {text-decoration: inherit; color: inherit; word-break: break-all;}
a:visited {}
a:active {}
a:focus,button:focus {outline: 1px dotted}
caption, .skip {overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -10000px;}
hr {width: 100%; height: 1px; background-color: #cdcdcd; margin: 20px 0px; border: 0px;}
hr.no {background-color: transparent; padding: 0px; margin: 0px;}
#skipnavi {position: absolute; top: -1px; left: 0; background-color: #333; z-index: 999999}
#skipnavi a {position: absolute; top: 0; left: 0; padding: 10px 25px; margin-top: -100px; text-align: center; line-height: 1; white-space: nowrap; background: #000}
#skipnavi a:link {color: #333;}
#skipnavi a:focus {margin-top: 0; text-decoration: underline; color: #fff}
.ellipsis {white-space: nowrap; overflow: hidden;}
.ellipsis.multiline {white-space: normal;}



* {margin: 0;padding: 0;box-sizing: border-box;}
html, body {width: 100%;height: 100%;overflow-x: hidden;}
body {font-family: 'Pretendard', sans-serif;background: #2c2c2c;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;} 
a:hover{text-decoration:none;} 
a:active {text-decoration:none;}

/* Header */
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;padding: 20px 40px;/*background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(15px);*/}
.nav-container {display: flex;align-items: center;max-width: 1400px;margin: 0 auto;}
.logo {display: flex;align-items: center;color: white;text-decoration: none;font-size: 18px;font-weight: bold;}
.logo-icon {width: 40px;height: 40px;background: #fff;border-radius: 8px;margin-right: 12px;display: flex;align-items: center;justify-content: center;font-size: 18px;}

/* Main Container */
.main-container {position: relative;height: 100vh;display: flex;align-items: center;justify-content: flex-end;padding-right: 80px;overflow: hidden;}

/* Video Background */
.video-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2;}
.video-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));z-index: -1;}

/* Left Side Content */
.left-content {position: absolute;left: 80px;bottom: 120px;z-index: 1;}
.program-info {color: white;font-size: 28px;font-weight: 300;line-height: 1.3;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);margin-bottom: 10px;}
.program-title {font-size: 48px;font-weight: bold;color: white;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);}

/* Right Side Content Box */
.content-box {background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(20px);border-radius: 20px;padding: 40px;width: 520px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);z-index: 1;animation: slideInRight 1.2s ease-out;}
.admission-header {text-align: center;/*margin-bottom: 25px;*/}
.year-badge {font-family:'yg-jalnan', sans-serif;background: #f8f9fa;color: #666;padding: 8px 30px;border-radius: 20px;font-size: 18px;font-weight: 500;margin-bottom: 30px;display: inline-block;}
.admission-title {font-family:'yg-jalnan', sans-serif;font-size: 30px; letter-spacing:-1.5px;font-weight: bold;color: #fff;/*margin-bottom: 8px;*/line-height: 1.3;}
.admission-subtitle {font-size: 20px;color: #3498db;font-weight: 600;}
.date-info {/*background: linear-gradient(135deg, #ff6b6b, #ee5a52);*/color: white;/*padding: 20px;*/border-radius: 15px;text-align: center;margin: 0 0 25px;/*box-shadow: 0 8px 25px rgba(238, 90, 82, 0.3);*/}
.date-text {font-family:'yg-jalnan', sans-serif;font-size: 18px;font-weight: bold;margin-bottom: 5px;}
.date-range {font-family:'yg-jalnan', sans-serif;font-size: 35px;font-weight: 800; color:#90ff00; letter-spacing:-1.5px;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);}
.date-range span {font-size:24px !important;}


/* Button Container */
.button-container {display: flex;flex-direction: column;gap: 12px;}
.action-btn {font-family:'yg-jalnan', sans-serif;display: flex;align-items: center;padding: 18px 24px;border: none;border-radius: 12px;font-size: 18px;font-weight: ;text-decoration: none;cursor: pointer;transition: all 0.3s ease;position: relative;overflow: hidden;}
.primary-btn {background: linear-gradient(135deg, #ff4757, #ff3742);color: white;box-shadow: 0 8px 25px rgba(255, 71, 87, 0.3);}
.primary-btn:hover {transform: translateY(-2px);box-shadow: 0 12px 30px rgba(255, 71, 87, 0.4);}
.secondary-btn {background: #f8f9fa;color: #495057;border: 2px solid #e9ecef;}
.secondary-btn:hover {background: #e9ecef;transform: translateY(-1px);}
.btn-icon {margin-left: auto;font-size: 18px;}
.btn-text {flex: 1;text-align: left;}

/* Mobile Responsive */
@media (max-width: 1024px) {
	.main-container {padding-right: 40px;justify-content: center;}
	.content-box {width: 380px;}
	.left-content {left: 40px;}
	.program-info {font-size: 24px;}
	.program-title {font-size: 40px;}
}

@media (max-width: 768px) {
	.header {padding: 15px 20px;}
	.main-container {flex-direction: row;justify-content: center;padding: 20px;align-items: end; height:100%;}
	.left-content {position: static;text-align: center;margin-bottom: 30px;}
	.program-info {font-size: 20px;}
	.program-title {font-size: 32px;}
	.content-box {width: 100%;max-width: 400px;padding: 30px;}
	.admission-title {font-size: 20px;}
	.admission-subtitle {font-size: 18px;}
	.date-text {font-size: 16px;}
	.date-range {font-size: 26px;}
	.m-hide {display:none;}
	.action-btn {padding:7px 10px; font-size:15px;}
	.date-info {margin:0 0 8px;}
	.video-background {top:-150px;}
}

@media (max-width: 480px) {
	.main-container {padding: 15px;}
	.content-box {padding: 25px 20px;}
	.program-info {font-size: 18px;}
	.program-title {font-size: 28px;}
	/*.action-btn {padding: 16px 20px;font-size: 15px;}*/
}

/* Animations */
@keyframes slideInRight {
	from {opacity: 0;transform: translateX(100px);}
	to {opacity: 1;transform: translateX(0);}
}

@keyframes fadeInUp {
	from {opacity: 0;transform: translateY(30px);}
	to {opacity: 1;transform: translateY(0);}
}

.left-content {animation: fadeInUp 1.5s ease-out;}

/* Button Ripple Effect */
.action-btn::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.3);transition: width 0.6s, height 0.6s, top 0.6s, left 0.6s;transform: translate(-50%, -50%);z-index: -1;}
.action-btn:active::before {width: 300px;height: 300px;}

/* Logo styling */
.logo-text {font-size: 16px;font-weight: 600;}

/* Improved button icons */
.btn-icon-home::before { content: "🏠"; }
.btn-icon-doc::before { content: "📄"; }
.btn-icon-arrow::before { content: "→"; }