@charset 'utf-8';
@font-face {font-family:'Pretendard Variable'; font-weight:45 920; font-style: normal; font-display: swap; src:url('../font/PretendardVariable.woff2') format('woff2-variations'); }
@font-face {font-family:'sigs'; font-weight:400; font-style: normal; font-display: swap; src:url('../font/SIGS-Regular.woff') format('woff-variations'); }

:root{
	--primary:#b76fff;
	--secondary:#109974;
}
html, body {position:relative;min-width:1000px;min-height:700px;font-family:'Pretendard Variable';font-size:16px;font-size:1rem;color:#333;}
#page1 {min-width:1000px;}
strong, em {font-size:inherit;}
* {box-sizing:border-box;letter-spacing:-.02em;}
.sr-only, caption {position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0;}
/* common */
.m_mobile, .mobile .m_pc {display:none;}
h2 {margin-bottom:30px;font-size:1.625rem;font-weight:900;color:var(--primary);padding-bottom: 11px;}
h2 strong {font-weight: bold;}
h2 span {margin-left:15px;font-weight: 200;}

.slick-dotted.slick-slider {margin-bottom:0 !important;}
.img01 {position:relative;background:url(../images/main/bg-visual.jpg) center no-repeat;}
.slick-slider .slick-track, .slick-slider .slick-list, .slick-slide {height:680px !important;}
#visual {position:relative;overflow:visible;overflow:hidden !important;height:680px !important;}
.slick-arrow:before {display:none;}
.main-content .inner-wrap {position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;box-sizing:border-box;height:100%;padding-top:90px;}
.main-content img {height:auto !important;}
.main-content .context {width:713px;font-size:30px;margin-top:144px; }
.main-content .context .text-top dl {background:var(--primary);display: flex;line-height: 1;align-items: center;color:#000;height: 84px; justify-content: space-between; padding: 0 30px 0 38px;}
.main-content .context .text-top dl + dl{background: #50cdaa;}
.main-content .context .text-top dl *{letter-spacing: -.05em; font-weight: bold;}
.main-content .context .text-top dt{font-family: 'sigs';letter-spacing:0;}
.main-content .context .text-top dd{color:#000; font-size: 28px;}
.main-content .context .text-top .t-small{ font-size: 24px;font-weight: normal;}
.main-content .inner-wrap h3 {display:flex;align-items:center;flex-direction:column;justify-content:flex-start;height:auto;row-gap:16px;}
#obj-topic {margin-right:47px;row-gap:11px;}
#obj-topic img:nth-child(2) {padding:12px 35px 12px 36px;border-radius:50vh;background-color:#0a7836;}
.main-content {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;color:#fff;}
.main-content .countDown {position:absolute;display:flex;align-items:center;flex-direction:column;justify-content:center;	width: 285px; height: 197px; margin-top: 142px;padding:0;font-size:1rem;transform-origin:67px 88px;animation:swingDday1 10s infinite;color:#fff;background:url(../images/main/bgDday.png) 0 0 no-repeat;gap:4px;}
.main-content .countDown span {background-color: #c87a40; border-radius: 50vh; font-weight: bold; line-height: 1; padding: 6px 9px 5px 15px; box-shadow: inset 2px 2px 4px 0px #af5615}
.main-content .countDown em {font-size:3.125rem;font-weight:900;line-height:1;vertical-align:bottom;background:linear-gradient(135deg, #e58238, #af5615 60%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.main-content .countDown:after {position:absolute;top:15px;width:216px;height:75px;content:'';background:url(../images/main/bgDday_bf.png) no-repeat 0 0;}
@keyframes swingDday {/* countDown */
	45% {transform:rotate(0);}
	48% {transform:rotate(-15deg);}
	51% {transform:rotate(15deg);}
	54% {transform:rotate(0);}}
nav {box-sizing:border-box;width:100%;height:80px;background:var(--primary);}
nav.fixed {position:fixed;z-index:3;top:0;bottom:unset;left:0;background-color:var(--primary);}
nav .inner-wrap{height: 100%;}
nav ul {display:flex;align-items:stretch;justify-content:space-between;height: 100%;}
nav ul li {width:33.333%;padding-top: 5px;}
nav ul li a {display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.5rem;text-align:center;color:#000;font-weight: normal;}
nav ul li a span {display:flex;align-items:center;font-weight:200; background:#c081ff; margin-left:10px; border-radius: 50vh; padding: 0 13px;}
nav ul li.on a, nav ul li a:hover {font-size:24px;font-weight:700;text-decoration:none;color:#50cdaa; border-radius: 10px 10px 0 0;background-color: #fff;}
nav ul li.on a span, nav ul li a:hover span {background:#50cdaa; color:#fff;}

.section-notice {padding:50px 0 80px;}
.section-notice h2{margin-bottom: 0;}
.section-notice .notice li:first-child a {border-top:1px solid var(--primary)}
.section-notice .notice li a {display:block;overflow:hidden;width:100%;padding:19px 0;font-size:1.25rem;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;color:#333;border-bottom:1px solid #c4c4c4;}
.section-notice .notice li a:before {width:20px; height:16px; background:url(../images/main/ico-notice.png) 0 0 no-repeat; content:'';display:inline-block; margin-right:10px;}
.section-notice .notice li a:hover {display:flex;align-items:center;font-weight:600;color:var(--primary);background-color:#fffdf5;text-decoration: underline; text-underline-position: under;}
.section-notice .notice li a:hover:before {background-position-x: -20px;}
.section-notice .notice li a.more {display:none;}
.section-notice .notice ul {display:flex;flex-direction:column;width:100%;border-top:1px solid #fff;}
.section-notice .notice ul li {width:100%;}
.section-notice a.btn-more {position:absolute;top:0;right:0;font-weight:500;line-height:1;color:#30311e; background-color: #f7f0ff;padding:9px 13px; border-radius: 50vh;}
.section-notice a.btn-more em {color: #b76fff; font-weight: bolder;margin-left:5px;}
.section-notice .inner-wrap {position:relative;}

.section-introduce {position:relative;padding:50px 0 80px;background:#fbf5ff;}
.section-introduce .inner-wrap{display:flex;flex-direction: column;position: relative;}
.section-introduce .inner-wrap:after{content:''; position: absolute;bottom:-80px; right:-353px;background: url(../images/main/bg-intro-tree02.png) no-repeat;width: 597px; height:400px;}
.section-introduce h2 {position:relative;}
.section-introduce .dl-flex {display:flex;flex-direction:column;gap:20px;position: relative;padding:50px 40px;}
.section-introduce .dl-flex h3.dl-tit {display:flex;align-items:center;justify-content:center;color:#000;flex-direction: column;line-height: 1;margin-bottom: 40px;}
.section-introduce .dl-flex h3.dl-tit strong {letter-spacing: 0;; font-weight:800;font-size:35px;margin-bottom: 12px;}
.section-introduce .dl-flex h3.dl-tit span {letter-spacing: 0;; font-weight:300;font-size:22px;}
.section-introduce .dl-flex dl {display:flex;font-size:1.25rem;column-gap:20px; color:#000;}
.section-introduce .dl-flex dt {position: relative;font-size:22px; letter-spacing:-.05em; display:flex;align-items:center;font-weight:700;}
.section-introduce .dl-flex dt:before{content:''; width:16px; height:3px; background-color: #e19621;position: absolute; top:-5px; left:0;}
.section-introduce .dl-flex dd {font-size:22px; letter-spacing:-.05em; display:flex;font-weight: 300; line-height: 1.2;}
.section-introduce .dl-flex dd a{margin-left:15px;text-decoration: none;}
.section-introduce .dl-flex dd .indent20 {display:inline;font-size:1rem;color:#7d7d7d;}
.section-introduce .dl-flex.kr{z-index:2;width:685px; background: rgba(255,253,245,.8);box-shadow: 6px 6px 13px rgba(0,0,0,.14);}
.section-introduce .dl-flex.kr dl{align-items:center;}
.section-introduce .dl-flex.kr .t-small{font-size: 18px; letter-spacing:-.05em;}
.section-introduce .dl-flex.en{z-index:1; width:655px; background: #f1f9f1;	align-self: flex-end; margin-top:-90px;padding-top:125px;}
.section-introduce .dl-flex.en:before{content: '';display:block; position: absolute;width:568px; height:126px; top:-126px; right:-35px;background: url(../images/main/bg-intro-flower.png) right bottom no-repeat;}
.section-introduce .dl-flex.en:after{content: '';display:block; position: absolute;width:653px; height:268px; bottom:-79px; left:calc(117px - 100%);background: url(../images/main/bg-intro-tree01.png) right bottom no-repeat;}
.section-introduce .dl-flex.en dl{flex-direction: column;}
.section-introduce .dl-flex.en dd{flex-direction: column;}
.section-introduce .dl-flex.en dt:before{background-color: #79c179;}

.section-video {padding:50px 0 100px;}
.section-video h2{border-bottom: 1px solid var(--primary);}
.section-video h3{margin: 40px 0;font-size: 26px; font-weight: 600; display:flex;justify-content: center;}
.section-video h3 span{position: relative; z-index: 0;line-height: 1;}
.section-video h3 span:before{z-index: -1;  position: absolute; left:-50px; top:-27px; content:''; background: url(../images/main/bg-video-bf.png) no-repeat;width:70px; height:70px;display:inline-block;}
.section-video h3 span:after{z-index: -1; position: absolute; right:-19px; bottom:-14px;content:''; background: url(../images/main/bg-video-af.png) no-repeat;width:30px; height:30px;display:inline-block;}
.section-video .video-wrap a {display:flex;overflow:hidden;align-items:center;justify-content:center;}
.section-video .video-wrap a img {transition:.3s;}
.section-video .video-wrap > div:hover img {transition:.3s;transform:scale(1.1);}
.section-link {background:var(--secondary);}
.section-link dl {display:flex;align-items:stretch;flex-wrap:nowrap;justify-content:space-between;box-sizing:border-box;height:80px;font-size:.875rem;}
.section-link dl > * {padding:0;}
.section-link dt {display:flex;align-items:center;width:160px;color:#fff;background-color:var(--secondary);gap:14px;font-size: 18px;}
.section-link dt strong {font-weight:700;}
.section-link dt:after {width:16px;height:16px;content:'';background:url(../images/main/ico-link-dt.png) no-repeat;}
.section-link dd {display:grid;padding:0 10px; background-color: #fff;width:840px;grid-template-columns: repeat(7,minmax(0, 1fr));border:1px solid #beddcc;}
.section-link a {position:relative;display:flex;align-items:center;justify-content:center;color:#333;width:max-content;padding: 0 20px;width:113px;}
.section-link a:before {min-width:8px;width:8px;height:8px;margin-right:5px;content:'';border:2px solid #beddcc; border-radius: 100%;}
.section-link a:not(:first-child) {border-left:0;}
.section-link a:after {min-width:10px;width:10px;height:10px;margin-left:5px;content:'';background:url(../images/main/ico-link.png) no-repeat;}
.section-link a:hover {font-weight:700;color:var(--secondary);background-color:#fffee7;text-underline-position:under;}
.section-link a span{white-space: nowrap;letter-spacing: -.08em;}
.fullPage {position:fixed;z-index:11;top:100%;display:none;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000;}
.fullPage #turnbackPage {position:fixed;z-index:30;top:20px;right:20px;width:60px;height:60px;margin-top:0;font-size:0;border-radius:100%;background:#1a2a21 url(../images/ico/ico-close.png)center no-repeat;}
@media screen and (max-width: 1000px) {
	.inner-wrap{overflow: hidden;}

}/*@media screen and (max-width: )*/
.btn-top, .fullPage #turnbackPage{background-color: #29bd95;}
footer#footer{background-color: #000;}