@charset "UTF-8";
@import "plugin/swiper-10.3.1.min.css";

html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,table,th,td,form,fieldset,legend,input,textarea,button,select {padding: 0;margin: 0;}
body {font-family: "Pretendard", Helvetica, Arial, sans-serif;color: #666;font-weight: 400;line-height: 1;-webkit-text-size-adjust: 100%;margin:0px; padding:0px;}
html,body {font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));}
h1,h2,h3,h4,h5,h6,strong {margin: 0;font-size: 100%;font-weight: normal;line-height: 1;margin-block-end: 0;margin-block-start: 0;}
select,button,input,textarea,pre {font-family: "Pretendard", Helvetica, Arial, sans-serif;font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));color: #666;}
pre {white-space: pre-wrap;}
fieldset,img,button {border: 0;}
img,input,button {vertical-align: top;}
img {display: block;max-width: 100%;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;word-break: break-all;word-wrap: break-word;}
address,em {font-style: normal;}
ol,ul,li {list-style: none;}
hr {display: none;}
a {text-decoration: none;color: inherit;}
a:hover,a:active {text-decoration: none;}
legend {position: absolute;left: -9999px;top: 0;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0;}
button {background: none;cursor: pointer;-webkit-apperance: none;}
button::-moz-focus-inner {padding: 0;border: 0;}
textarea {resize: none;}

* {-webkit-box-sizing: border-box;box-sizing: border-box;}
.blind {display: none;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;text-indent: 100%;white-space: nowrap;overflow: hidden;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
/* select arrow none */
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit] {border-radius: 0;-webkit-appearance: none;-moz-appearance: none;}
textarea {border-radius: 0;-webkit-appearance: none;-moz-appearance: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #999;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #999;}
input::placeholder,textarea::placeholder {color: #999;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {border: 1px solid transparent !important;border-bottom: 1px solid #ddd !important;-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;transition: background-color 5000s ease-in-out 0s !important;}


.hide {display: none !important;visibility: hidden !important;}
.swiper-scrollbar-drag {cursor: pointer;}

/* touch기능으로 mobile/tablet 판별하여 css에 root var 추가 <-- coarse 터치기기 : fine 웹 */
@media (min-width: 1025px) and (pointer: fine) {
	:root {--pointer: fine;}
}
@media (max-width: 1024px) or ((min-width:1366px) and pointer: coarse) {
	:root {-pointer: coarse;}
}
/* Pretendard */
@font-face {font-family: "Pretendard";font-display: swap;font-style: normal;font-weight: 500;src: url("/resources/fonts/Pretendard-Medium.eot");src: url("/resources/fonts/Pretendard-Medium.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/Pretendard-Medium.woff2") format("woff2"), url("/resources/fonts/Pretendard-Medium.woff") format("woff");}
@font-face {font-family: "Pretendard";font-display: swap;font-style: normal;font-weight: 600;src: url("/resources/fonts/Pretendard-SemiBold.eot");src: url("/resources/fonts/Pretendard-SemiBold.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/Pretendard-SemiBold.woff2") format("woff2"), url("/resources/fonts/Pretendard-SemiBold.woff") format("woff");}
@font-face {font-family: "Pretendard";font-display: swap;font-style: normal;font-weight: bold;src: url("/resources/fonts/Pretendard-Bold.eot");src: url("/resources/fonts/Pretendard-Bold.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/Pretendard-Bold.woff2") format("woff2"), url("/resources/fonts/Pretendard-Bold.woff") format("woff");}
/* Poppins */
@font-face {font-family: "Poppins";font-display: swap;font-style: normal;font-weight: 500;src: url("/resources/fonts/poppins-medium.eot");src: url("/resources/fonts/poppins-medium.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/poppins-medium.woff2") format("woff2"), url("/resources/fonts/poppins-medium.woff") format("woff");}
@font-face {font-family: "Poppins";font-display: swap;font-style: normal;font-weight: 600;src: url("/resources/fonts/poppins-semiBold.eot");src: url("/resources/fonts/poppins-semiBold.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/poppins-semiBold.woff2") format("woff2"), url("/resources/fonts/poppins-semibold.woff") format("woff");}
@font-face {font-family: "Poppins";font-display: swap;font-style: normal;font-weight: bold;src: url("/resources/fonts/poppins-bold.eot");src: url("/resources/fonts/poppins-bold.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/poppins-bold.woff2") format("woff2"), url("/resources/fonts/poppins-bold.woff") format("woff");}
/* layout */

html.overflow,body.overflow {height: 100%;min-height: 100%;overflow: hidden !important;-ms-touch-action: none;touch-action: none;}
.wrap {position: relative;width: 100%;}
.row_wrap {padding: 0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));}
@media (max-width: 1024px) {
	.row_wrap {padding: 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));}
}
@media (max-width: 767px) {
	.row_wrap {padding: 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));}
}

.row {position: relative;}
@media (min-width: 1025px) {
	.row {display: flex;flex-wrap: wrap;margin: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5 * -1);}
}

/* GNB 스타일 */
.gnb {position: fixed;top: 0;left: 0;right: 0;height: 90px;/*background: rgba(0,0,0,0.5);*/ display: flex;align-items: center;justify-content: space-between;padding: 0 20px;z-index: 1000;/*box-shadow: 0 2px 20px rgba(0,0,0,0.3);*/}
.logo {color: white;font-size: 1.2rem;font-weight: bold;}
.nav-menu {margin-left: auto;display: flex;gap: 2rem;}
.nav-item {color: white;text-decoration: none;padding: 0.5rem 1rem;border-radius: 25px;transition: all 0.3s ease;/*background: rgba(255,255,255,0.1);*/ font-weight:bold;}
.nav-item span::after {content: "";position: absolute;left: 50%;bottom: -1px;width: 0;height: 3px;transform: translateX(-50%);background: #1C1C1C;transition: width 0.3s;}
.nav-item:hover {/*background: rgba(255,255,255,0.2);*/transform: translateY(-2px);color:#1c1c1c;}

/* 햄버거 메뉴 */
.hamburger {display: none;flex-direction: column;cursor: pointer;padding: 5px;}
.hamburger span {width: 25px;height: 3px;background: white;margin: 3px 0;transition: 0.3s;border-radius: 2px;}
.hamburger.active span:nth-child(1) {transform: rotate(-45deg) translate(-5px, 6px); background:#1c1c1c;}
.hamburger.active span:nth-child(2) {opacity: 0; background:#1c1c1c;}
.hamburger.active span:nth-child(3) {transform: rotate(45deg) translate(-5px, -6px);background:#1c1c1c;}
		
/* 모바일 메뉴 */
.mobile-menu {display:none;position: fixed;top: 90px;left: 0;right: 0;background: #fff/*linear-gradient(135deg, #8b5cf6 0%, #a855f7 50%, #9333ea 100%)*/;transform: translateY(-100%);transition: transform 0.3s ease;z-index: 999;box-shadow: 0 5px 20px rgba(0,0,0,0.3); height:100vh;}
.mobile-menu.active {display:none;transform: translateY(0);}
.mobile-menu-item {display: block;padding: 20px;color: #1c1c1c;text-decoration: none;border-bottom: 1px solid rgba(255,255,255,0.1);font-weight: bold;transition: background 0.3s ease; font-size:1.1rem;border-bottom:1px solid #ddd;}
.mobile-menu-item:hover {background: rgba(255,255,255,0.1);}
.mobile-menu .logo {color: white;font-size: 1.2rem;font-weight: bold; width:60%; margin-bottom:20px; margin-left:10px;}

.po {display: block;}
.mo {display: none;}
		
/* 모바일 반응형 */
@media (max-width: 1024px) {
	.content-header h2 {letter-spacing:-1.5px;}
}
@media (max-width: 768px) {
	.mobile-menu.active {display:block;}
	.gnb {padding: 0 1rem; /*background:linear-gradient(135deg, #8b5cf6 0%, #a855f7 50%, #9333ea 100%);*/; height:60px;}
	.gnb .logo img{width:80%;}
	.nav-menu {display: none;}
	.hamburger {display: flex;}
	.po {display: none;}
	.mo {display: block;}
	.mobile-menu {top: 0; padding-top: 60px;}
	.video-background {/*display: none;*/}
	.main-container {background: linear-gradient(135deg, #2c2c2c 0%, #4a4a4a 50%, #a855f7 100%);display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top: 80px;}
	.mobile-welcome {color: white;text-align: center;padding: 2rem;}
	.mobile-welcome h1 {font-size: 2rem;margin-bottom: 1rem;}
	.content-grid {grid-template-columns: 1fr;gap: 1rem;padding: 1rem;}
	.content-layer {height: 62vh;border-radius: 20px 20px 0 0;}
	.content-layer.hidden {bottom: -53.6%;}
	.emergency-notice {bottom: 120px;left: 1rem;right: 1rem;transform: none;font-size: 0.9rem;padding: 0.6rem 1rem;}
	.content-toggle {display:none;right: 20px; bottom:66vh; font-size:0.9rem;}
	.content-header .period {font-size:1rem;}
	.content-header .period span {padding:5px 10px; font-size:0.9rem;}
	.top-event-notice {right: 20px; bottom:62vh; top:auto; padding: 0.5rem 0.8rem; font-size: 0.8rem;}
	.video-background video {height:auto; margin-top:60px;}
}

#header {position: absolute;left: 0;top: 0;width: 100%;z-index: 2000;}
#header .dim {width: 100%;height: 100vh;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transition: 0.4s;z-index: 999;}
#header .dim.active {opacity: 1;visibility: visible;}
@media (min-width: 1025px) or ((min-width:1366px) and pointer: coarse) {
	#header .header_wrap {position: fixed;left: 0;top: 0;z-index: 1000;width: 100%;height: max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));transition: top 0.6s;}
	#header .header_wrap .inner {position: relative;height: 100%;padding: 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));box-sizing: border-box;}
	#header .header_wrap h1.logo {display: flex;flex-wrap: wrap;justify-content: start;align-items: center;position: absolute;left: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));top: 50%;transform: translateY(-50%);z-index: 2;}
	#header .header_wrap h1.logo a {font-size: 0;display: block;text-indent: -9999px;width: max(calc(227px * var(--base-ratio)), calc(calc(227 / var(--base-size)) * var(--base-percent)));height: max(calc(46px * var(--base-ratio)), calc(calc(46 / var(--base-size)) * var(--base-percent)));background: url("/video/logo-top-white.png") center no-repeat;background-size: 100% 100%;}
	#header .header_wrap .gnb_wrap {position: absolute;right: 0;top: 0;width: 100%;height: 100%;border-bottom: 1px solid transparent;}
	#header .header_wrap .gnb_wrap .gnb_inner {height: 100%;font-size: 0;}
	#header .header_wrap .gnb_wrap .list {height: 100%;font-size: 0;text-align: right;}
	#header .header_wrap .gnb_wrap .list > li.depth01 {display: inline-block;vertical-align: top;height: 100%;}
	#header .header_wrap .gnb_wrap .list > li.depth01:last-child {padding-right: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap .gnb_wrap .list > li.depth01 > a {display: block;position: relative;height: 100%;padding: 0 max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height: 1;letter-spacing: -0.02em;color: #fff;font-weight: bold;width: 100%;height: 100%;}
	#header .header_wrap .gnb_wrap .list > li.depth01 > a span {display: block;position: relative;display: flex;flex-wrap: wrap;justify-content: start;align-items: normal;align-content: center;height: 100%;}
	#header .header_wrap .gnb_wrap .list > li.depth01 > a span::after {content: "";position: absolute;left: 50%;bottom: 30px;width: 0;height: 3px;transform: translateX(-50%);background: #1C1C1C;transition: width 0.3s;}
	#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap {overflow: hidden;position: absolute;width: 100%;right: 0;top: max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));padding: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));z-index: -1;background-color: #fff;transform: translateY(max(calc(calc(96px * var(--base-ratio)) * -1), calc(calc(calc(96 / var(--base-size)) * var(--base-percent)) * -1)));visibility: hidden;opacity: 0;font-size: 0;text-align: left;}
	#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .text_list > ul {display: inline-block;overflow: hidden;}
	#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .text_list > ul > li {float: left;}
	#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .text_list > ul > li > a {display: inline-block;position: relative;padding: 0 max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height: 1;letter-spacing: -0.02em;color: #666;font-weight: 500;vertical-align: top;}
	#header .header_wrap .gnb_wrap .list > li.depth01.current > a {color: #ff498a;}
	#header .header_wrap .gnb_wrap .list > li.depth01.active .snb_wrap {opacity: 1;visibility: visible;transform: translateY(0);transition: 0.4s opacity, 0.4s transform;}
	#header .header_wrap .gnb_wrap .list > li.depth01.active > a span::after {width: 100%;}
	@media (min-width: 1025px) and (pointer: fine) {
		#header .header_wrap .gnb_wrap .list > li.depth01 > a:hover {color: #1c1c1c;}
		#header .header_wrap .gnb_wrap .list > li.depth01 > a:hover span::after {width: 100%;}
		#header .header_wrap .gnb_wrap .list > li.depth01.current > a:hover {color: #ff498a;}
		#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .text_list {font-size: 0;}
		#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .text_list > ul > li.current a {color: #ff498a;}
		#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .text_list > ul > li:hover > a {color: #ff498a;}
	}
	#header .header_wrap .gnb_wrap .btn_donation, #header .header_wrap .gnb_wrap .m_menu_btn {display: none;}
	#header .header_wrap .link_wrap {position: absolute;right: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));top: 50%;transform: translateY(-50%);z-index: 2;}
	#header .header_wrap .link_wrap .btn_donation {overflow: hidden;display: block;width: max(calc(154px * var(--base-ratio)), calc(calc(154 / var(--base-size)) * var(--base-percent)));padding: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) 0;border: 2px solid #fff;border-radius: max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));transition: background-color 0.4s ease, color 0.4s ease;}
	@media (min-width: 1025px) and (pointer: fine) {
		#header .header_wrap .link_wrap .btn_donation:hover {border: 2px solid #1C1C1C;background-color: #1c1c1c;}
		#header .header_wrap .link_wrap .btn_donation:hover .txt {color: #fff;}
		#header .header_wrap .link_wrap .btn_donation:hover .txt span:after {background: url("/resources/images/common/ico_donation_arrow_white.svg") 0 0 no-repeat;background-size: cover;}
	}
	#header .header_wrap .link_wrap .btn_donation .txts {display: inline-block;white-space: nowrap;}
	#header .header_wrap .link_wrap .btn_donation .txt {display: inline-block;font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height: 1;letter-spacing: -0.02em;color: #fff;font-weight: 600;}
	#header .header_wrap .link_wrap .btn_donation .txt span {display: inline-block;position: relative;padding-right: max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap .link_wrap .btn_donation .txt span:after {content: "";position: absolute;right: max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));top: 50%;transform: translateY(-50%);width: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));height: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));background: url("/resources/images/common/ico_donation_arrow_white.svg") 0 0 no-repeat;background-size: cover;}
	#header .header_wrap .link_wrap .ham_btn {display: none;}
	#header.active .header_wrap {background: #fff;}
	@media (min-width: 1025px) or ((min-width:1366px) and pointer: coarse) {
		#header.active .header_wrap h1.logo a {background: url("/video/logo-top-white.png") center no-repeat;background-size: 100% 100%;}
		#header.active .header_wrap .gnb_wrap {border-bottom: 1px solid #ddd;}
		#header.active .header_wrap .gnb_wrap .list > li.depth01 > a {color: #1c1c1c;}
		#header.active .header_wrap .gnb_wrap .list > li.depth01.current > a {color: #ff498a;}
		#header.active .header_wrap .link_wrap .btn_donation {border: 2px solid #1C1C1C;}
		@media (min-width: 1025px) and (pointer: fine) {
			#header.active .header_wrap .link_wrap .btn_donation:hover {background-color: #1c1c1c;}
			#header.active .header_wrap .link_wrap .btn_donation:hover .txt {color: #fff;}
			#header.active .header_wrap .link_wrap .btn_donation:hover .txt span:after {background: url("/resources/images/common/ico_donation_arrow_white.svg") 0 0 no-repeat;background-size: cover;}
		}
		#header.active .header_wrap .link_wrap .btn_donation .txt {color: #1c1c1c;}
		#header.active .header_wrap .link_wrap .btn_donation .txt span:after {background: url("/resources/images/common/ico_donation_arrow.svg") 0 0 no-repeat;background-size: cover;}
	}
	#header.header_color .header_wrap h1.logo a {background: url("/video/logo-top-white.png") center no-repeat;background-size: 100% 100%;}
	#header.header_color .header_wrap .gnb_wrap .list > li.depth01 > a {color: #1c1c1c;}
	#header.header_color .header_wrap .gnb_wrap .list > li.depth01.current > a {color: #ff498a;}
	#header.header_color .header_wrap .link_wrap .btn_donation {border: 2px solid #1C1C1C;}
	@media (min-width: 1025px) and (pointer: fine) {
		#header.header_color .header_wrap .link_wrap .btn_donation:hover {background-color: #1c1c1c;}
		#header.header_color .header_wrap .link_wrap .btn_donation:hover .txt {color: #fff;}
		#header.header_color .header_wrap .link_wrap .btn_donation:hover .txt span:after {background: url("/resources/images/common/ico_donation_arrow_white.svg") 0 0 no-repeat;background-size: cover;}
	}
	#header.header_color .header_wrap .link_wrap .btn_donation .txt {color: #1c1c1c;}
	#header.header_color .header_wrap .link_wrap .btn_donation .txt span:after {background: url("/resources/images/common/ico_donation_arrow.svg") 0 0 no-repeat;background-size: cover;}
}
@media (max-width: 1024px) or ((min-width:1366px) and pointer: coarse) {
	#header .header_wrap {position: fixed;left: 0;top: 0;z-index: 1000;width: 100%;height: max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));transition: top 0.6s;}
	#header .header_wrap .inner {position: relative;height: 100%;padding: 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap h1.logo {position: absolute;left: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));top: 50%;transform: translateY(-50%);z-index: 2;display: flex;align-items: center;}
	#header .header_wrap h1.logo a {font-size: 0;display: block;text-indent: -9999px;width: max(calc(158px * var(--base-ratio)), calc(calc(158 / var(--base-size)) * var(--base-percent)));height: max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));background: url("/video/logo-top-white.png") center no-repeat;background-size: 100% 100%;}
	#header .header_wrap .gnb_wrap {display: none;position: absolute;left: 0;top: max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));width: 100%;height: calc(100vh - max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))));text-align: center;background-color: #fff;}
	#header .header_wrap .gnb_wrap.active {display: block;border-top: 1px solid #ddd;}
	#header .header_wrap .gnb_wrap .gnb_inner {overflow-y: auto;position: relative;width: 100%;height: calc(100% - max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));padding: 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap .gnb_wrap .list {font-size: 0;text-align: left;height: auto;}
	#header .header_wrap .gnb_wrap .list > li.depth01 {display: block;height: auto;border-top: 1px solid #ddd;}
	#header .header_wrap .gnb_wrap .list > li.depth01:first-child {border-top: none;}
	#header .header_wrap .gnb_wrap .list > li.depth01 > a {display: block;position: relative;height: auto;padding: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) 0;font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height: 1;letter-spacing: -0.02em;color: #1c1c1c;font-weight: bold;}
	#header .header_wrap .gnb_wrap .list > li.depth01.current > a {color: #ff498a;}
	#header .header_wrap .gnb_wrap .list > li.depth01:not(.only) > a:after {content: "";position: absolute;right: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));top: 50%;transform: translateY(-50%);width: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));height: max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));transition: 0.3s;background: url("/resources/images/common/m/ico_gnb_arrow.svg") 0 0 no-repeat;background-size: cover;}
	#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap {display: none;position: relative;top: 0;left: 0;z-index: 1;width: 100%;font-size: 0;}
	#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .text_list {overflow: hidden;font-size: 0;padding: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));background-color: #f6f6f6;}
	#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .text_list > ul {display: block;}
	#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .text_list > ul > li > a {display: block;position: relative;padding: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height: 1;letter-spacing: -0.02em;font-weight: 500;color: #1c1c1c;}
	#header .header_wrap .gnb_wrap .list > li.depth01 .snb_wrap .depth02.current > a {color: #ff498a;}
	#header .header_wrap .gnb_wrap .list > li.depth01.active:not(.only) > a:after, #header .header_wrap .gnb_wrap .list > li.depth01.current:not(.only) > a:after {margin-top: max(calc(calc(6px * var(--base-ratio)) * -1), calc(calc(calc(6 / var(--base-size)) * var(--base-percent)) * -1));transform: rotate(180deg) translateY(-50%);}
	#header .header_wrap .gnb_wrap .btn_donation {position: fixed;bottom: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));left: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));width: calc(100% - max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))));padding: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0;border-radius: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));background-color: #1c1c1c;}
	#header .header_wrap .gnb_wrap .btn_donation .txts {display: flex;flex-wrap: nowrap;justify-content: start;align-items: normal;white-space: nowrap;}
	#header .header_wrap .gnb_wrap .btn_donation .txt {display: inline-block;font-size: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height: 1;letter-spacing: -0.02em;color: #fff;font-weight: 600;}
	#header .header_wrap .gnb_wrap .btn_donation .txt span {display: inline-block;position: relative;padding-right: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap .gnb_wrap .btn_donation .txt span:after {content: "";position: absolute;right: max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));top: 50%;transform: translateY(-50%);width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));background: url("/resources/images/common/ico_donation_arrow_white.svg") 0 0 no-repeat;background-size: cover;}
	#header .header_wrap .link_wrap {position: absolute;right: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));top: 50%;transform: translateY(-50%);z-index: 2;}
	#header .header_wrap .link_wrap .btn_donation {display: none;}
	#header .header_wrap .link_wrap .ham_btn {display: inline-block;vertical-align: middle;}
	#header .header_wrap .link_wrap .ham_btn button {width: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size: 0;}
	#header .header_wrap .link_wrap .ham_btn button i {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));height: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));background-color: #fff;border-radius: 2px;}
	#header .header_wrap .link_wrap .ham_btn button i:before {content: "";position: absolute;top: max(calc(calc(6px * var(--base-ratio)) * -1), calc(calc(calc(6 / var(--base-size)) * var(--base-percent)) * -1));right: 0;width: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));height: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));background: inherit;border-radius: 2px;transition: 0.3s;}
	#header .header_wrap .link_wrap .ham_btn button i:after {content: "";position: absolute;bottom: max(calc(calc(6px * var(--base-ratio)) * -1), calc(calc(calc(6 / var(--base-size)) * var(--base-percent)) * -1));right: 0;width: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));height: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));background: inherit;border-radius: 2px;transition: 0.3s;}
	#header .header_wrap .link_wrap .ham_btn button.active i {width: 0;}
	#header .header_wrap .link_wrap .ham_btn button.active i:before {transform: translate(3px, -2px) rotate(46deg);transform-origin: bottom left;width: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap .link_wrap .ham_btn button.active i:after {transform: translate(4px, -1px) rotate(-45deg);transform-origin: bottom left;width: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));}
	#header.active .header_wrap {background-color: #fff;}
	#header.active .header_wrap h1.logo a {background: url("/resources/images/common/logo.svg") center no-repeat;background-size: 100% 100%;}
	#header.active .header_wrap .link_wrap .ham_btn button i {background-color: #1C1C1C;}
	#header.header_color .header_wrap h1.logo a {background: url("/resources/images/common/logo.svg") center no-repeat;background-size: 100% 100%;}
	#header.header_color .header_wrap .link_wrap .ham_btn button i {background-color: #1C1C1C;}
}
@media (max-width: 767px) {
	#header .header_wrap {height: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap .inner {padding: 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap h1.logo {left: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap h1.logo a {width: max(calc(128px * var(--base-ratio)), calc(calc(138 / var(--base-size)) * var(--base-percent)));height: max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap .gnb_wrap {top: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap .gnb_wrap .gnb_inner {padding: 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));}
	#header .header_wrap .gnb_wrap .btn_donation {left: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));width: calc(100% - max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));}
	#header .header_wrap .link_wrap {right: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));}
}
@media (min-width: 1025px) or ((min-width:1366px) and (pointer: find)) {
	#header[data-fixed=true][data-color=true] .header_wrap {background: #fff;}
	@media (min-width: 1025px) or ((min-width:1366px) and pointer: coarse) {
		#header[data-fixed=true][data-color=true] .header_wrap h1.logo a {background: url("/resources/images/common/logo.svg") center no-repeat;background-size: 100% 100%;}
		#header[data-fixed=true][data-color=true] .header_wrap .gnb_wrap {border-bottom: 1px solid #ddd;}
		#header[data-fixed=true][data-color=true] .header_wrap .gnb_wrap .list > li.depth01 > a {color: #1c1c1c;}
		#header[data-fixed=true][data-color=true] .header_wrap .gnb_wrap .list > li.depth01.current > a {color: #ff498a;}
		#header[data-fixed=true][data-color=true] .header_wrap .link_wrap .btn_donation {border: 2px solid #1C1C1C;}
		@media (min-width: 1025px) and (pointer: fine) {
			#header[data-fixed=true][data-color=true] .header_wrap .link_wrap .btn_donation:hover {background-color: #1c1c1c;}
			#header[data-fixed=true][data-color=true] .header_wrap .link_wrap .btn_donation:hover .txt {color: #fff;}
			#header[data-fixed=true][data-color=true] .header_wrap .link_wrap .btn_donation:hover .txt span:after {background: url("/resources/images/common/ico_donation_arrow_white.svg") 0 0 no-repeat;background-size: cover;}
		}
		#header[data-fixed=true][data-color=true] .header_wrap .link_wrap .btn_donation .txt {color: #1c1c1c;}
		#header[data-fixed=true][data-color=true] .header_wrap .link_wrap .btn_donation .txt span:after {background: url("/resources/images/common/ico_donation_arrow.svg") 0 0 no-repeat;background-size: cover;}
	}
}
@media (max-width: 1024px) or ((min-width:1366px) and (pointer: coarse)) {
	#header[data-fixed=true][data-color=true] .header_wrap {background-color: #fff;}
	#header[data-fixed=true][data-color=true] .header_wrap h1.logo a {background: url("/resources/images/common/logo.svg") center no-repeat;background-size: 100% 100%;}
	#header[data-fixed=true][data-color=true] .header_wrap .link_wrap .ham_btn button i {background-color: #1C1C1C;}
}

body[data-scroll=down] #header[data-fixed=true] .header_wrap {top: -20%;}
body[data-scroll=up] #header[data-fixed=true] .header_wrap {top: 0;}

:root {--base-ratio: 0.75;--base-size: 1536;--base-percent: 100vw;}
@media (max-width: 1024px) {
	:root {--base-ratio: 1;--base-size: 1;--base-percent: 1px;}
}
@media (max-width: 767px) {
	:root {--base-ratio: 1;--base-size: 1;}
}

/* skip_navi */
#skipNavi a {overflow: hidden;position: absolute;left: 0;top: -9999px;z-index: 1010;width: 100%;height: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));text-align: center;color: #fff;background-color: #ff498a;font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));}
#skipNavi a:focus,skipNavi a:active {display: block;position: fixed;top: 0;outline-color: #252728;outline-offset: 0;}
[data-motion] {transform: translateY(max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))));opacity: 0;transition: transform 0.6s ease, opacity 0.6s ease;}
[data-motion].is_animated {transform: translateY(0);opacity: 1;}
.wrap {/* swiper common */}
.wrap *::-webkit-scrollbar {width: 2px;height: 2px;}
.wrap *::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.2);}
.wrap *::-webkit-scrollbar-thumb {background: #252728;}
.wrap .swiper-scrollbar {position: absolute;top: unset;left: 0;bottom: 0;z-index: 2;width: 100%;height: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));padding: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0;background-color: transparent;cursor: pointer;border-radius: 1px;}
.wrap .swiper-scrollbar::before {content: "";position: absolute;left: 0;top: 50%;z-index: -1;width: 100%;height: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));border-radius: 1px;background: rgba(37, 39, 40, 0.2);}
.wrap .swiper-scrollbar .swiper-scrollbar-drag {top: 0;width: 0;height: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));margin-top: 0;background-color: #000;transition: width 1s 0.8s, height 0.1s, margin 0.1s;border-radius: 1px;}
@media (min-width: 1025px) and (pointer: fine) {
	.wrap .swiper-scrollbar:hover .swiper-scrollbar-drag {height: max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));margin-top: max(calc(calc(2px * var(--base-ratio)) * -1), calc(calc(calc(2 / var(--base-size)) * var(--base-percent)) * -1));border-radius: 2px;}
}


.pc_on {display: block;}
.laptop_on {display: none;}
.tablet_on {display: none;}
.m_on {display: none;}
.pc_none {display: none;}
.laptop_none {display: block;}
.tablet_none {display: block;}
.m_none {display: block;}
@media (max-width: 1366px) {
	.laptop_on {display: block;}
	.laptop_none {display: none;}
}
@media (max-width: 1024px) {
	.laptop_none {display: block;}
	.pc_on {display: none;}
	.tablet_on {display: block;}
	.m_on {display: none;}
	.pc_none {display: block;}
	.tablet_none {display: none;}
	.m_none {display: block;}
}
@media (max-width: 767px) {
	.laptop_none {display: block;}
	.pc_on {display: none;}
	.tablet_on {display: none;}
	.m_on {display: block;}
	.pc_none {display: block;}
	.tablet_none {display: block;}
	.m_none {display: none;}
}




/* plugin */
/* pages */
.wrap.main {overflow: hidden;/* section 공통 */}
.wrap.main .sec .sec_title {font-size: max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height: 1.2916666667;letter-spacing: -0.02em;font-weight: 600;word-break: keep-all;word-wrap: break-word;color: #1c1c1c;}
@media (max-width: 1024px) {
	.wrap.main .sec .sec_title {font-size: max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height: 1.2777777778;letter-spacing: -0.02em;}
}
.wrap.main .sec .btn_close,
.wrap.main .sec .btn_play {z-index: 2;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));height: max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;cursor: pointer;}
.wrap.main .sec .btn_close:after,
.wrap.main .sec .btn_play:after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-repeat: no-repeat;background-position: center;background-size: cover;transition: transform 0.3s;}
.wrap.main .sec .btn_play:after {width: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));height: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));background-image: url("/resources/images/main/icon_play_wh.svg");}
.wrap.main .sec .btn_close:after {width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));background-image: url("/resources/images/main/icon_close_wh.svg");}
@media (min-width: 1025px) and (pointer: fine) {
	.wrap.main .sec .btn_close:hover {background-color: #1c1c1c;}
	.wrap.main .sec .btn_close:hover:after {transform: translate(-50%, -50%) rotate(90deg);}
}
.wrap.main .sec .btn_more {position: relative;display: inline-block;font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height: 1.5;letter-spacing: -0.02em;font-weight: 600;color: #1c1c1c;}
.wrap.main .sec .btn_more.underline:before {content: "";position: absolute;bottom: max(calc(calc(5px * var(--base-ratio)) * -1), calc(calc(calc(5 / var(--base-size)) * var(--base-percent)) * -1));left: 0;width: 100%;height: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));background-color: #1c1c1c;}
.wrap.main .sec .btn_more:after {content: "";display: inline-block;width: max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));height: max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));margin-left: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));background-image: url("/resources/images/main/icon_prev_bk.svg");background-repeat: no-repeat;background-position: 50%;background-size: cover;transform: rotate(-180deg);vertical-align: baseline;}
@media (min-width: 1025px) and (pointer: fine) {
	.wrap.main .sec .btn_more:hover {color: #FF498A;}
	.wrap.main .sec .btn_more:hover.underline:before {background-color: #FF498A;}
	.wrap.main .sec .btn_more:hover:after {background-image: url("/resources/images/main/icon_arrow_hover.svg");transform: rotate(0deg);}
}
.wrap.main .sec .swiper-button {z-index: 1;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: flex;flex-wrap: wrap;justify-content: start;align-items: center;width: auto;}
.wrap.main .sec .swiper-pagination {position: static;width: max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent)));height: 2px;margin: 0 max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));border-radius: max(calc(999px * var(--base-ratio)), calc(calc(999 / var(--base-size)) * var(--base-percent)));}
.wrap.main .sec .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #1C1C1C;}
.wrap.main .sec .swiper-button-prev,
.wrap.main .sec .swiper-button-next {position: relative;width: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));margin-top: 0;}
.wrap.main .sec .swiper-button-prev:after,
.wrap.main .sec .swiper-button-next:after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));height: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));background-image: url("/resources/images/main/icon_prev_bk.svg");background-repeat: no-repeat;background-position: center;background-size: cover;font-size: 0;line-height: 0;}
.wrap.main .sec .swiper-button-next:after {transform: translate(-50%, -50%) rotate(-180deg);}
.wrap.main .sec_kv {position: relative;width: 100%;height: 100vh;backface-visibility: hidden;}
.wrap.main .sec_kv .wide_video,
.wrap.main .sec_kv .news_popup {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #1C1C1C;}
.wrap.main .sec_kv .wide_video {z-index: -1;transform: rotate(0.003deg);will-change: transform;}
.wrap.main .sec_kv .wide_video video {width: 100%;height: 100%;object-fit: cover;}
.wrap.main .sec_kv .news_popup {display: none;}
.wrap.main .sec_kv .news_popup .new_img {width: 100%;height: 100%;}
.wrap.main .sec_kv .news_popup .new_img img {width: 100%;height: 100%;object-fit: cover;}
.wrap.main .sec_kv .news_popup .news_cont {position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));}
.wrap.main .sec_kv .news_popup .news_cont .sub_title {margin: 0 0 max(calc(11px * var(--base-ratio)), calc(calc(11 / var(--base-size)) * var(--base-percent)));font-size: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height: 1;letter-spacing: -0.02em;font-weight: 600;color: #fff;}
.wrap.main .sec_kv .news_popup .news_cont .title {margin: 0 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));font-size: max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent)));line-height: 1.2962962963;letter-spacing: -0.02em;font-weight: bold;color: #fff;}
.wrap.main .sec_kv .news_popup .news_cont .info {display: flex;flex-wrap: wrap;justify-content: start;align-items: center;font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height: 1;letter-spacing: -0.02em;color: #fff;}
.wrap.main .sec_kv .news_popup .news_cont .info .bar {position: relative;}.wrap.main .sec_kv .news_popup .news_cont .info .bar:after {content: "|";transform: translateY(-1px);display: inline-block;margin: 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height: 1;letter-spacing: -0.02em;}
.wrap.main .sec_kv .news_popup .news_cont .btn_more {display: inline-block;margin: max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) 0 0;padding: max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));border: 1px solid #fff;border-radius: 999px;color: #fff;font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height: 1.25;letter-spacing: -0.02em;}
.wrap.main .sec_kv .news_popup .news_cont .btn_more:after {display: none;}
.wrap.main .sec_kv .news_popup .news_cont .btn_more i {display: inline-block;width: max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));height: max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));margin-left: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));background-image: url("/resources/images/main/icon_prev_wh.svg");background-repeat: no-repeat;background-position: 50%;background-size: cover;transform: translateY(1px);vertical-align: initial;}
@media (min-width: 1025px) and (pointer: fine) {
	.wrap.main .sec_kv .news_popup .news_cont .btn_more:hover {background: #fff;color: #1c1c1c;}
	.wrap.main .sec_kv .news_popup .news_cont .btn_more:hover i {background-image: url("/resources/images/main/icon_prev_bk2.svg");}
}
.wrap.main .sec_kv.video_mode .top_news .news_list li a, .wrap.main .sec_kv.news_open .top_news .news_list li a {border: 1px solid rgba(255, 255, 255, 0.5);background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);color: #fff;}
@media (min-width: 1025px) and (pointer: fine) {
	.wrap.main .sec_kv.video_mode .top_news .news_list li a:hover, .wrap.main .sec_kv.news_open .top_news .news_list li a:hover {border: 1px solid rgba(255, 255, 255, 0.5);background: #FFF;backdrop-filter: blur(5px);color: #1c1c1c;}
}
.wrap.main .sec_kv.news_open .news_popup {display: block;}
.wrap.main .sec_kv.news_open .bottom_contents {display: none;}
.wrap.main .sec_kv.video_mode #tsparticles {display: none;}
.wrap.main .sec_kv.video_mode .kv_cover {background-color: rgba(255, 255, 255, 0);}
@media (min-width: 1025px) and (pointer: fine) {
	.wrap.main .sec_kv.video_mode .logo_mask:hover .btn_play {background-color: rgb(0, 0, 0);}
	.wrap.main .sec_kv.video_mode .logo_mask:hover .btn_play:after {background-image: url("/resources/images/main/icon_close_wh.svg");}
}
.wrap.main .sec_kv.video_mode .logo_mask .btn_play:after {width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));background-image: url("/resources/images/main/icon_close_wh.svg");}
.wrap.main .sec_kv.video_mode .video_container video {display: none;}
.wrap.main .sec_kv .kv_cover {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: normal;flex-direction: column;width: 100%;height: 100%;background-color: rgb(255, 255, 255);transition: background-color 0.35s;}
.wrap.main .sec_kv .top_news {z-index: 1;padding: max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0;text-align: right;}
.wrap.main .sec_kv .top_news button {display: inline-block;font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height: 1.3;letter-spacing: -0.02em;background: linear-gradient(90deg, #FF1A8B 0%, rgba(242, 40, 0, 0.96) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.wrap.main .sec_kv .top_news .news_list {padding: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) 0 0;transition: height 0.35s;}
.wrap.main .sec_kv .top_news .news_list li {margin: 0 0 max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));}
.wrap.main .sec_kv .top_news .news_list li:last-child {margin: 0;}
.wrap.main .sec_kv .top_news .news_list li a {display: inline-block;padding: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));border: 1px solid #aaa;border-radius: max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height: 1.2222222222;letter-spacing: -0.02em;font-weight: 600;color: #1c1c1c;transition: all 0.35s;}
@media (min-width: 1025px) and (pointer: fine) {
	.wrap.main .sec_kv .top_news .news_list li a:hover {border-color: #1C1C1C;background: #1C1C1C;color: #ffffff;}
}
.wrap.main .sec_kv .bottom_contents {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;padding: 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));}
.wrap.main .sec_kv .bottom_contents .wrap {position: relative;width: max(calc(560px * var(--base-ratio)), calc(calc(560 / var(--base-size)) * var(--base-percent)));height: max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)));background-color: white;}
.wrap.main .sec_kv .logo_mask {position: relative;display: inline-block;width: max(calc(560px * var(--base-ratio)), calc(calc(560 / var(--base-size)) * var(--base-percent)));height: max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)));mask-image: url("/resources/images/main/logo_120.svg");mask-repeat: no-repeat;mask-position: center;mask-size: cover;background-color: #fff;}
@media (min-width: 1025px) and (pointer: fine) {
	.wrap.main .sec_kv .logo_mask:hover .btn_play {background-color: rgb(255, 255, 255);}
	.wrap.main .sec_kv .logo_mask:hover .btn_play:after {background-image: url("/resources/images/main/icon_play_bk.svg");}
}
.wrap.main .sec_kv .slogan {z-index: 3;width: max(calc(832px * var(--base-ratio)), calc(calc(832 / var(--base-size)) * var(--base-percent)));height: max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)));}
.wrap.main .sec_kv .slogan img {width: 100%;height: auto;}
@media (max-width: 1024px) {
	.wrap.main .sec_kv .kv_cover {flex-wrap: nowrap;}
	.wrap.main .sec_kv .bottom_contents {padding: 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));}
	.wrap.main .sec_kv .logo_mask {max-width: max(calc(462px * var(--base-ratio)), calc(calc(462 / var(--base-size)) * var(--base-percent)));width: 100%;height: max(calc(231px * var(--base-ratio)), calc(calc(231 / var(--base-size)) * var(--base-percent)));margin: 0 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));mask-size: 100% auto;}
	.wrap.main .sec_kv .slogan {max-width: max(calc(668px * var(--base-ratio)), calc(calc(668 / var(--base-size)) * var(--base-percent)));width: 100%;height: auto;}
}
@media (max-width: 767px) {

	.wrap.main .sec_kv .logo_mask {max-width: max(calc(335px * var(--base-ratio)), calc(calc(335 / var(--base-size)) * var(--base-percent)));height: max(calc(168px * var(--base-ratio)), calc(calc(168 / var(--base-size)) * var(--base-percent)));}
}
@media (max-width: 379px) {
	.wrap.main .sec_kv .logo_mask {max-width: 100%;}
}

.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;}