@charset "UTF-8"; 
@import url("/resources/css/common/print.css"); 

/* section */
.section { position: relative; overflow: hidden; } 

/* section title */
.section-title { display: flex; flex-direction: column; gap:2.4rem; } 
.section-title strong { display: block; color: #222; font-weight: 500; font-size: 4.8rem; line-height: 6.72rem; font-style: normal; } 
.section-title strong span { background: linear-gradient(91deg, #2F9F49 -18.52%, #00C8FF 99.71%); color: #222; font-weight: 800; font-size: 4.8rem; line-height: 6.72rem; font-style: normal; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.section-title p { color: #222; font-weight: 400; font-size: 2rem; line-height: 3.2rem; } 
.section-title a { display: inline-flex; padding: 0.8rem 1.2rem 0.8rem 2.4rem; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); justify-content: space-between; align-items: center; border-radius: 36rem; gap:1.5rem; max-width: fit-content; min-width: 22rem; } 
.section-title a span { color: #FFF; font-weight: 500; font-size: 1.8rem; line-height: 2.88rem; font-family: "Freesentation"; text-align: center; font-style: normal; } 
.section-title a i { color:#fff; font-size:2rem; } 
@media (max-width:640px) { 
.section-title a { height: 42px; padding:8px 12px 8px 24px; min-width: 184px; } 
.section-title a span { font-size:16px; } 
.section-title { gap:24px; } 
.section-title strong { font-size:36px; line-height: 140%; letter-spacing: -0.36px; } 
.section-title strong span { font-size:36px; line-height: 140%; } 
.section-title p { font-size:16px; line-height: 160%; } 
} 

/* section1 */
.section1 { height: 100dvh; padding-top:11rem; }    
.section1 .layout { display: flex; height: 100%; padding-top:4.5rem; align-items: center; justify-content: center; } 
.section1 .section-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; height: 100dvh; object-fit: cover; } 
.section1 .section-bg video { width: 100%; height: 100%; object-fit: cover; } 
.section1 .section-bg:after { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background: #000; opacity: .3; content:""; }      
.section1 .layout .section-title { display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translateY(-25%); visibility: hidden; opacity: 0; gap:0; }     
.section1 .layout .section-title strong { display: block; color:#fff; overflow: hidden; margin-bottom:4rem; }     
.section1 .layout .section-title strong span { display: block; background: none; color: #FFF; font-weight: 400; font-size: 8rem; line-height: 9.2rem; font-family: "GangwonEduAll"; text-align: center; font-style: normal; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; } 
.section1 .layout .section-title strong span br:nth-of-type(2) { display: none; } 
.section1 .layout .section-title p { overflow: hidden; margin-bottom: 6.4rem; } 
.section1 .layout .section-title p span { display: block; color: #FFF; font-weight: 500; font-size: 1.8rem; line-height: 2.88rem; text-align: center; font-style: normal; } 
@media (max-width:640px) { 
.section1 { height: 100dvh; min-height: 100dvh; padding-top:56px; } 
.section1 .layout { padding:0; } 
.section1 .layout .section-title { transform: none; } 
.section1 .layout .section-title strong { margin-bottom:16px; } 
.section1 .layout .section-title strong span { font-size:36px; line-height: 115%; } 
.section1 .layout .section-title strong span br:nth-of-type(2) { display: block; } 
.section1 .layout .section-title p { margin-bottom:70px; } 
.section1 .layout .section-title p span { font-size:16px; line-height: 160%; } 
} 

/* section1 intro */
.section1 .section-intro { display: flex; position: fixed; top:0; width:100%; height:100dvh; flex-direction: column; align-items: center; justify-content: center; gap:6.2rem; padding-top:11rem; }    
.section1 .section-intro .section-intro-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } 
.section1 .section-intro .section-intro-title { display: flex; position: relative; z-index: 1; flex-direction: column; align-items: center; flex:1; justify-content: flex-end; margin-top:4rem; } 
.section1 .section-intro .section-intro-title>span { display: block; margin-bottom:1.2rem; } 
.section1 .section-intro .section-intro-title>strong { display: block; margin-bottom:3.2rem; } 
.section1 .section-intro .section-intro-item { display: flex; position: relative; width:46rem; height: 70rem; background: #D9D9D9; margin-top:auto; border-radius: 100rem 100rem 0 0; overflow: hidden; transform-origin: center center; transform: translateY(.1rem); align-items: center; justify-content: center; } 
.section1 .section-intro .section-intro-item div { display: flex; position: relative; z-index: 2; flex-direction: column; gap:.5rem; align-items: center; justify-content: center; }  
.section1 .section-intro .section-intro-item div span { color:#fff; font-size:1.8rem; }
.section1 .section-intro .section-intro-item div em { display: flex; flex-direction: column; }
.section1 .section-intro .section-intro-item div em i { position: relative; font-size:1.8rem; color:#fff; animation: flowDown 1.5s ease-in-out infinite; opacity: 0; }    
.section1 .section-intro .section-intro-item div em i:first-of-type ~ i { margin-top:-1.5rem; }      
.section1 .section-intro .section-intro-item div em i:nth-child(1) { animation-delay: 0s; }
.section1 .section-intro .section-intro-item div em i:nth-child(2) { animation-delay: 0.2s; }
.section1 .section-intro .section-intro-item div em i:nth-child(3) { animation-delay: 0.4s; }
.section1 .section-intro .section-intro-item:after { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; content:""; background: #000; opacity: .3; } 
.section1 .section-intro .section-intro-item video { position: fixed; top: 50%; left: 50%; width: 100vw; height: 100vh; transform: translate(-50%, -50%); transform-origin: center center; object-fit: cover; }   
@keyframes flowDown {     
0% { opacity: 0; transform: translateY(-.5rem); }        
50% { opacity: 1; transform: translateY(0); }   
100% { opacity: 0; transform: translateY(.5rem); }                     
} 
@media (max-width:640px) { 
.section1 .section-intro { height: 100dvh; min-height: 100dvh; gap:24px; padding-top:56px; } 
.section1 .section-intro .section-intro-title { margin:0; max-width:281px; padding-top:40px; justify-content: center; } 
.section1 .section-intro .section-intro-title>img:first-of-type { width: 98.245px !important; margin-bottom:16px; } 
.section1 .section-intro .section-intro-item { max-width:335px; max-height: 520px; } 
.section1 .section-intro .section-intro-title>span>img { width:100px !important; }
.section1 .section-intro .section-intro-title>strong>img { width:281px !important; }
.section1 .section-intro .section-intro-title>p>img { width:217px !important; }
}                 

/* section2 */
.section2 { padding:16rem 0 41.5rem 0; } 
.section2 .layout { display: flex; position: relative; max-width:1488px; gap:5.2rem; justify-content: space-between; } 
.section2 .layout .section-bg { position: absolute; } 
.section2 .layout .section-bg.bg1 { top:0; right:-20rem; width: 88.0203rem; height: 48.0442rem; background: linear-gradient(180deg, #FCB4C5 0%, #FCD590 100%); transform: rotate(-8.805deg); opacity: 0.3; filter: blur(120px); } 
.section2 .layout .section-bg.bg2 { top:30%; left:-20%; width: 88rem; height: 48rem; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); opacity: 0.23; filter: blur(100px); } 
.section2 .layout .section-bg.bg3 { top:60%; right: -8%; width: 78.1rem; height: 48rem; background: linear-gradient(180deg, #AED7F1 0%, #EBDFE8 100%); opacity: 0.5; filter: blur(100px); } 
.section2 .layout .section-title { position: absolute; top:0; left:50%; width:100%; text-align: center; transform: translateX(-50%); } 
.section2 .layout .section-title .section-title-item { display: flex; position: absolute;bottom:.5rem; width:100%; text-align: center; flex-direction: column; gap:2.4rem; align-items: center; }   
.section2 .layout .section-title .section-title-item div { overflow: hidden; } 
.section2 .layout .section-title.type1 .section-title-item.item1 strong,
.section2 .layout .section-title.type1 .section-title-item.item1 p { opacity: 0; transform: translateY(5rem); visibility: hidden; } 
.section2 .layout .section-title .section-title-item.item2 strong { position: relative; opacity: 0; transform: translateY(5rem); } 
.section2 .layout .section-title .section-title-item.item2 a { position: relative; opacity: 0; } 
.section2 .layout .section-title.type2 .section-title-item.item2 strong,
.section2 .layout .section-title.type2 .section-title-item.item2 a { opacity: 1; transform: translateY(0); transition: all .8s; } 
.section2 .layout .section-title.type3 .section-title-item.item1 strong,
.section2 .layout .section-title.type3 .section-title-item.item1 p { opacity: 1; visibility: visible; transform: translateY(0); transition: all 1s; } 
.section2 .layout .section-content { display: flex; width:100%; flex-direction: column; gap:2.4rem; } 
.section2 .layout .section-content .rest { width: 100%; } 
.section2 .layout .section-content .rest ul { display: flex; position: relative; width:100%; flex-direction: column; gap:2.4rem; } 
.section2 .layout .section-content .rest ul li.rest-item { display: flex; gap:2.4rem; flex-direction: column; } 
.section2 .layout .section-content .rest ul li.rest-item:nth-of-type(even) { padding-right:67.7%; } 
.section2 .layout .section-content .rest ul li.rest-item:nth-of-type(odd) { padding-left:67.7%; } 
.section2 .layout .section-content .rest ul li.rest-item .rest-item-img { position: relative; aspect-ratio: 48 / 54; border-radius: 4rem; overflow: hidden; } 
.section2 .layout .section-content .rest ul li.rest-item .rest-item-img video { position: relative; width:100%; height: 100%; object-fit: cover; } 
.section2 .layout .section-content .rest ul li.rest-item:nth-of-type(2) .rest-item-img video { left:50%; width:calc(100% + 145%); transform: translateX(-50%); } 
.section2 .layout .section-content .rest ul li.rest-item .rest-item-img .rest-item-img-desc { display: flex; position: absolute; top:0; left:0; width:100%; height: 100%; padding:0 6.4rem; background: rgba(255, 255, 255, 0.20); align-items: center; justify-content: center; backdrop-filter: blur(40px); visibility: hidden; opacity: 0; transition: all 1s; } 
.section2 .layout .section-content .rest ul li.rest-item .rest-item-img:hover .rest-item-img-desc { opacity: 1; visibility: visible; } 
.section2 .layout .section-content .rest ul li.rest-item .rest-item-img .rest-item-img-desc p { color:#222; font-weight: 400; font-size: 2.4rem; line-height: 4.08rem; letter-spacing: -0.024rem; 
text-align: center; transform: all .5s; transform: translateY(5rem); transition: all 1s .2s; } 
.section2 .layout .section-content .rest ul li.rest-item .rest-item-img:hover .rest-item-img-desc p { transform: translateY(0); } 
.section2 .layout .section-content .rest ul li.rest-item .rest-item-desc p { color: #222; font-weight: 600; font-size: 2.6rem; line-height: 3.64rem; letter-spacing: -0.026rem; } 
.section2 .layout .section-content .rest ul li.rest-item:nth-of-type(2) { margin-top:-20%; } 
.section2 .layout .section-content .rest ul li.rest-item:nth-of-type(3) { margin-top:-10%; } 
@media (max-width:1488px) { 
.section2 .layout { padding:0 2rem; } 
} 
@media (max-width:1024px) { 
.section2 { padding:120px 0; } 
.section2 .layout { flex-direction: column; } 
.section2 .layout .section-title { position: relative; top:auto; left:auto; transform: none; } 
.section2 .layout .section-title .section-title-item { position: relative; } 
.section2 .layout .section-title .section-title-item.item2 { display: none; } 
.section2 .layout .section-content .rest ul li.rest-item:nth-of-type(odd) { padding:0; } 
.section2 .layout .section-content .rest ul li.rest-item:nth-of-type(even) { padding:0; } 
.section2 .layout .section-content .rest ul li.rest-item:nth-of-type(2) { margin:0; } 
.section2 .layout .section-content .rest ul li.rest-item:nth-of-type(3) { margin:0; } 
} 
@media (max-width:640px) { 
.section2 .layout .section-bg.bg1 { top:10%; width:440px; height:240px; filter: blur(30px); } 
.section2 .layout .section-bg.bg2 { top: 42%; left: -38%; width:440px; height: 240px; } 
.section2 .layout .section-bg.bg3 { top: 72%; left: 14%; width:390px; height: 240px; } 
.section2 .layout { gap:80px; } 
.section2 .layout .section-content .rest ul { gap:81px; } 
.section2 .layout .section-content .rest ul li.rest-item { gap:24px; } 
.section2 .layout .section-content .rest ul li.rest-item .rest-item-img { aspect-ratio: 335.00/376.76; border-radius: 40px; } 
.section2 .layout .section-content .rest ul li.rest-item .rest-item-desc p { font-size:24px; line-height: 140%; letter-spacing: -0.24px; } 
} 

/* section3 */
.section3 { z-index: 1; } 
.section3 .layout { max-width:1920px; } 
.section3 .layout .section-title { display: none; text-align: center; } 
.section3 .layout .section-title a { margin:0 auto; } 
.section3 .layout .door { position: relative; overflow: hidden; } 
.section3 .layout .door:before { display: block; position: absolute; top:0; left:50%; width:calc(100% + 4rem); height: 6rem; background: #fff; content:""; transform: translateX(-50%); z-index: 2; border-radius: 0 0 50% 50%; } 
.section3 .layout .door:after { display: block; position: absolute; bottom:0; left:50%; width:calc(100% + 4rem); height: 6rem; background: #fff; content:""; transform: translateX(-50%); z-index: 2; border-radius: 50% 50% 0 0; } 
.section3 .layout .door .door-slide .door-slide-wrap .door-slide-item { cursor: grab; } 
.section3 .layout .door .door-slide .door-slide-wrap .door-slide-item>div .door-slide-item-img img { width:100%; height: 100%; object-fit: cover; } 
.section3 .layout .door .door-slide .door-slide-wrap .door-slide-item>div { display: block; position: relative; }   
.section3 .layout .door .door-slide .door-slide-wrap .door-slide-item>div .door-slide-item-title { position: absolute; bottom:0; width:100%; padding:0 3rem 6rem 3rem; z-index: 1; } 
.section3 .layout .door .door-slide .door-slide-wrap .door-slide-item>div .door-slide-item-title p { color:#fff; } 
.section3 .layout .door .door-slide-txt { color: #9E9E9E;text-align: center;font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 2.56rem; position: relative; z-index: 3; }       
@media (max-width:1024px) { 
.section3 .layout .section-title { display: flex; } 
} 
@media (max-width:640px) { 
.section3 .layout .section-title strong { font-size:32px; } 
.section3 .layout .section-title strong span { font-size:32px; } 
.section3 .layout .door { padding: 10px 0; } 
.section3 .layout .door:before { width:calc(100% + 4rem); height:40px; border-radius: 0 0 32% 32%; } 
.section3 .layout .door:after { width:calc(100% + 4rem); height:40px; border-radius: 32% 32% 0 0; } 
.section3 .layout .door .door-slide .door-slide-wrap .door-slide-item>div .door-slide-item-title { padding: 0 19px 20% 19px; } 
} 

/* section4 */
.section4 { display: flex; padding: 20rem 0; min-height: 100vh; align-items: center; } 
.section4 .layout { display: flex; justify-content: space-between; will-change: transform; flex-direction: column; width: 100%; } 
.section4 .layout .section-title { text-align: center; margin-bottom: 6.4rem; } 
.section4 .layout .section-content .safety { display: flex; flex-direction: column; gap: 6rem; width: 100%; } 
.section4 .layout .section-content .safety .safety-character { width: 100%; overflow: hidden; }
.section4 .layout .section-content .safety .safety-character ul { display: flex; max-width: 122.2rem; width: 100%; margin: 0 auto; justify-content: space-between; gap: 2rem; list-style: none;padding: 0; } 
.section4 .layout .section-content .safety .safety-character ul li { cursor: pointer; transition: all 0.3s;}
.section4 .layout .section-content .safety .safety-character ul li .safety-character-img { text-align: center; }
.section4 .layout .section-content .safety .safety-character ul li .safety-character-img img { filter: grayscale(100%); opacity: 0.55; transition: all 0.3s;max-width: 100%;height: auto;} 
.section4 .layout .section-content .safety .safety-character ul li.active .safety-character-img img {  filter: grayscale(0); opacity: 1; }
.section4 .layout .section-content .safety .safety-info { width: 100%; }
.section4 .layout .section-content .safety .safety-info ul {list-style: none;padding: 0;position: relative;}
.section4 .layout .section-content .safety .safety-info ul li { text-align: center; display: flex; flex-direction: column; }
.section4 .layout .section-content .safety .safety-info ul li strong { display: block; font-size: 2.4rem;font-weight: 700;line-height: 3.84rem;letter-spacing: -0.024rem; color: #222; margin-bottom:1.2rem; }
.section4 .layout .section-content .safety .safety-info ul li p {  display: block; font-size: 2rem;font-weight: 400;line-height: 3.2rem; }
@media (max-width: 1024px) {
.section4 .layout .section-content .safety .safety-info ul li p br { display: none; }
}
@media (min-width: 641px) {
.section4 .layout .section-content .safety .safety-character ul.swiper-wrapper { display: flex !important;transform: none !important;justify-content: space-between !important; }
.section4 .layout .section-content .safety .safety-character ul li { width: calc(100% / 3) !important;max-width: 300px; }
.section4 .layout .section-content .safety .safety-info ul li { display: none; }
.section4 .layout .section-content .safety .safety-info ul li:first-child { display: flex; }
.section4 .layout .section-content .safety .safety-character ul li:hover .safety-character-img img {  filter: grayscale(0); opacity: 1; }
}
@media (max-width: 640px) {
.section4 { padding: 10rem 0; }
.section4 .layout .section-content .safety .safety-character ul { gap: 0; }
.section4 .layout .section-content .safety .safety-character ul li { opacity: 0.4; transform: scale(0.8); transition: all 0.4s; }
.section4 .layout .section-content .safety .safety-character ul li.swiper-slide-active,
.section4 .layout .section-content .safety .safety-character ul li.active { opacity: 1;  transform: scale(1); }
}


/* section5 */
.section5 { padding:12rem 0; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%), #FF7F50; overflow: hidden; } 
.section5 .section-bg { position: absolute; } 
.section5 .section-bg.bg1 { bottom:0; left:0; } 
.section5 .section-bg.bg2 { top:0; right:0; } 
.section5 .layout { width:100%; max-width:1488px; } 
.section5 .layout .layout-bg { position: absolute; top:1.5rem; right:3rem; } 
.section5 .layout .section-title strong { color:#fff; } 
.section5 .layout .section-title strong span { background: none; color:#fff; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; } 
.section5 .layout .section-title a { background: #fff; } 
.section5 .layout .section-title a span { color:#222; } 
.section5 .layout .section-title a i { color:#222; } 
.section5 .layout .section-content { position: relative; right: 50%; left: 50%; width: 100vw; margin-left: -50vw; margin-right: -50vw; margin-top:8rem; padding-left: calc((100vw - 1488px) / 2); } 
.section5 .layout .section-content .daily { position: relative; width: 100%; } 
.section5 .layout .section-content .daily>p { color: #FFF;font-size: 1.6rem;font-weight: 300;line-height: 2.8rem;margin-top:2rem;opacity:.6; }        
.section5 .layout .section-content .daily .daily-slide { width: 100%; overflow: visible; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap { display: flex; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item { position: relative; width: 28rem; height: 40rem; padding:6rem 5rem; background: #fff; flex-shrink: 0; border-radius: 4rem; overflow: hidden; transition: all .5s; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item.on { width:54rem; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item:after { display: flex; position: absolute; bottom:5rem; left:5rem; width: 4.8rem; height: 4.8rem; background: rgba(255, 255, 255, 0.50); color:#000; font-size:1.8rem; content:"+"; justify-content: center; align-items: center; border-radius: 36rem; backdrop-filter: blur(60px); } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item.on:after { background: #222; color:#fff; transform: rotate(45deg); transition: all .5s; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item .daily-slide-item-img { position: absolute; top:0; left:0; width:100%; height: 100%; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item .daily-slide-item-img img { position: absolute; left:50%; transform: translateX(-50%); max-width: fit-content; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item.on .daily-slide-item-img img { opacity: 0; transition: all .5s; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item .daily-slide-item-title { position: relative; color: #FFF; font-weight: 500; font-size: 2.4rem; line-height: 3.36rem; white-space: nowrap; font-style: normal; transition: all .5s; margin-bottom:.8rem; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item.on .daily-slide-item-title { color:#222; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item .daily-slide-item-count { position: relative; color: #FFF; font-weight: 800; font-size: 3.6rem; line-height: 3.6rem; font-style: normal; transition: font-size 0.5s ease, line-height 0.5s ease; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item.on .daily-slide-item-count { color:#222; font-size:5.2rem; line-height: 5.2rem; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item .daily-slide-item-desc { width: 44rem; visibility: hidden; opacity: 0; transform: translateY(5rem); transition: all .5s; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item.on .daily-slide-item-desc { visibility: visible; opacity: 1; transform: translateY(0); margin-top:2.4rem; padding-top:2.4rem; border-top:2px solid #000; } 
@media (max-width:1488px) { 
.section5 .layout { padding:0 2rem; } 
.section5 .layout .section-content { width: calc(100vw + 10rem); padding-left: 2rem; } 
} 
@media (max-width:1024px) { 
.section5 .layout .layout-bg { display: none; } 
.section5 .layout .section-title { text-align: center; } 
.section5 .layout .section-title a { margin:0 auto; } 
} 
@media (max-width:640px) { 
.section5 { padding:80px 0; } 
.section5 .section-bg.bg2 { right:-25px; } 
.section5 .section-bg.bg2 img { width:230px !important; } 
.section5 .layout .section-title strong { font-size:32px; } 
.section5 .layout .section-title strong span { font-size:32px; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item { width:280px; height: 340px; padding:32px 40px; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item.on { width:calc(100% - 20rem); } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item .daily-slide-item-title { font-size:20px; line-height: 140%; margin-bottom:8px; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item.on .daily-slide-item-desc { width:100%; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item .daily-slide-item-count { font-size:40px; line-height: 100%; } 
.section5 .layout .section-content .daily .daily-slide .daily-slide-wrap .daily-slide-item:after { bottom:32px; width:48px; height: 48px; font-size:18px; } 
} 

/* section6 */
.section6 { padding:16rem 0; } 
.section6 .layout { max-width:1236px; } 
.section6 .layout .section-title { text-align: center; margin-bottom:6.4rem; } 
.section6 .layout .section-title p br { display: none; } 
.section6 .layout .section-content { display: flex; flex-direction: column; gap:6.4rem; } 
.section6 .layout .section-content .story { display: flex; gap:6.3rem; }   
.section6 .layout .section-content .story>div { width:calc(50% - 3.15rem); } 
.section6 .layout .section-content .story .story-item { display: flex; min-width:0; } 
.section6 .layout .section-content .story .story-item .story-item-desc { display: flex; flex-direction: column; gap:1.2rem; justify-content: center; min-width:0; width:100%; }    
.section6 .layout .section-content .story .story-item .story-item-desc .story-item-desc-value { display: flex; align-items: center; gap:2.9rem; } 
.section6 .layout .section-content .story .story-item .story-item-desc .title { position: relative; font-weight: 700; font-size: 1.8rem; line-height: 2.52rem; letter-spacing: -0.018rem; font-style: normal; } 
.section6 .layout .section-content .story .story-item .story-item-desc .title::before { display: block; position: absolute; top:50%; right:-1.7rem; width:.5rem; height:.5rem; background: #E0E0E0; content:""; border-radius: 50%; transform: translateY(-50%); } 
.section6 .layout .section-content .story .story-item .story-item-desc .title.title1 { color: #FF6200; } 
.section6 .layout .section-content .story .story-item .story-item-desc .title.title2 { color: #7CA635; } 
.section6 .layout .section-content .story .story-item .story-item-desc .title.title3 { color: #1F4993; } 
.section6 .layout .section-content .story .story-item .story-item-desc .date { color: #616161; font-weight: 400; font-size: 1.8rem; line-height: 2.52rem; letter-spacing: -0.018rem; overflow: hidden; font-style: normal; } 
.section6 .layout .section-content .story .story-item .story-item-desc .story-item-desc-title { color:#222; font-weight: 600; font-size: 2.4rem; line-height: 3.36rem; font-family: Freesentation; letter-spacing: -0.024rem; text-overflow: ellipsis; font-style: normal; } 
.section6 .layout .section-content .story .story-item .story-item-desc .story-item-desc-text { color:#616161; font-weight: 400; font-size: 1.8rem; line-height: 2.88rem; letter-spacing: -0.018rem; font-style: normal; } 
.section6 .layout .section-content .story .story-item .story-item-desc .story-item-desc-link { display: flex; align-items: center; gap:.4rem; } 
.section6 .layout .section-content .story .story-item .story-item-desc .story-item-desc-link span { color:#616161; font-weight: 400; font-size: 1.8rem; line-height: 2.88rem; letter-spacing: -0.018rem; font-style: normal; } 
.section6 .layout .section-content .story .story-item .story-item-desc .story-item-desc-link i { color:#616161; font-size: 2rem; } 
.section6 .layout .section-content .story .story-item.story-item-view a { display: flex; flex-direction: column; gap:2.4rem; min-width:0; }   
.section6 .layout .section-content .story .story-item.story-item-view a .story-item-img { position: relative; aspect-ratio: 58.7 / 40; border-radius: 4rem; overflow: hidden; border-radius: 1px solid #eee; } 
.section6 .layout .section-content .story .story-item.story-item-view a .story-item-img img { width:100%;height: 100%; object-fit: cover; transition: all .6s; }
.section6 .layout .section-content .story .story-item.story-item-view a:hover .story-item-img img { transform: scale(1.2); }
.section6 .layout .section-content .story .story-item.story-item-view a .story-item-img iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.section6 .layout .section-content .story .story-item.story-item-view a .story-item-desc .story-item-desc-title { overflow: hidden; text-overflow: ellipsis; flex: 1; white-space: nowrap; }   
.section6 .layout .section-content .story .story-item.story-item-view a:hover .story-item-desc .story-item-desc-title { text-decoration: underline; } 
.section6 .layout .section-content .story .story-item.story-item-view a .story-item-desc .story-item-desc-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.section6 .layout .section-content .story .story-item-list { display: flex; width:50%; flex-direction: column; gap:4rem; } 
.section6 .layout .section-content .story .story-item-list .story-item { display: flex; width:100%; gap:2.4rem; }   
.section6 .layout .section-content .story .story-item-list .story-item .story-item-img { width:20rem; aspect-ratio: 20 / 16; border-radius: 2rem; overflow: hidden; flex-shrink:0; border:1px solid #eee; } 
.section6 .layout .section-content .story .story-item-list .story-item .story-item-img img { width:100%; height:100%; object-fit: cover; transition: all .6s; } 
.section6 .layout .section-content .story .story-item-list .story-item:hover .story-item-img img { transform: scale(1.2); } 
.section6 .layout .section-content .story .story-item-list .story-item .story-item-desc .story-item-desc-title { display: -webkit-box; height: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 6.719rem; } 
.section6 .layout .section-content .story .story-item-list .story-item .story-item-desc .story-item-desc-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.section6 .layout .section-content .story .story-item-list .story-item:hover .story-item-desc .story-item-desc-title { text-decoration: underline; } 
.section6 .layout .section-content .newsletter { display: flex; position: relative; height: 21.4rem; padding:0 12.6rem 0 38.2rem; background: #085E40; border-radius: 2rem; overflow: hidden; align-items: center; } 
.section6 .layout .section-content .newsletter .newsletter-img { position: absolute; top: 2.3rem; left:12.6rem; width:19.2rem; aspect-ratio: 19.2 / 25.7; overflow: hidden; } 
.section6 .layout .section-content .newsletter .newsletter-title { display: flex; flex-direction: column; gap:.4rem; } 
.section6 .layout .section-content .newsletter .newsletter-title strong { display: flex; align-items: center; gap:1.6rem; } 
.section6 .layout .section-content .newsletter .newsletter-title strong span { color: #FFF; font-weight: 700; font-size: 4rem; line-height: 5.6rem; } 
.section6 .layout .section-content .newsletter .newsletter-title strong em { display: inline-flex; height: 3.8rem; padding:0 1.6rem; background: #30AF3F; color: #FFF; font-weight: 700; font-size: 1.6rem; line-height: 2.24rem; align-items: center; border-radius: 3.8rem; } 
.section6 .layout .section-content .newsletter .newsletter-title p { color: #FFF; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.016rem; } 
.section6 .layout .section-content .newsletter .newsletter-more { display: flex; margin-left:auto; flex-direction: column; gap:1.2rem; } 
.section6 .layout .section-content .newsletter .newsletter-more a { display: flex; padding:1.2rem 2.4rem 1.2rem 3.6rem; border: 1px solid rgba(255, 255, 255, 0.50); border-radius: 36rem; gap:4rem; align-items: center; } 
.section6 .layout .section-content .newsletter .newsletter-more a span { color: #fff; font-weight: 500; font-size: 1.8rem; line-height: 2.88rem; } 
.section6 .layout .section-content .newsletter .newsletter-more a i { color:#fff; font-size:2rem; } 
@media (max-width: 1024px) { 
.section6 .layout .section-content .story { gap:4rem; } 
.section6 .layout .section-content .story .story-item-list { gap:2rem; } 
.section6 .layout .section-content .newsletter { padding:0 4rem 0 26rem; } 
.section6 .layout .section-content .newsletter .newsletter-img { left:4rem; } 
} 
@media (max-width:767px) { 
.section6 .layout .section-content .story { flex-direction: column; } 
.section6 .layout .section-content .story>div { width:100%; } 
.section6 .layout .section-content .story .story-item-list { width:100%; } 
.section6 .layout .section-content .newsletter { height: auto; padding:200px 2rem 8rem 2rem; overflow: inherit; flex-direction: column; gap:24px; } 
.section6 .layout .section-content .newsletter .newsletter-img { top:-5.6rem; left:50%; transform: translateX(-50%); } 
.section6 .layout .section-content .newsletter .newsletter-more { margin-left:0; flex-direction: row; } 
} 
@media (max-width:640px) { 
.section6 { padding:80px 0; } 
.section6 .layout .section-title { margin-bottom:40px; } 
.section6 .layout .section-title strong { font-size:32px; } 
.section6 .layout .section-title strong span { display: block; font-size:32px; } 
.section6 .layout .section-title p br { display: block; } 
.section6 .layout .section-content { gap:160px; } 
.section6 .layout .section-content .story { gap:40px; } 
.section6 .layout .section-content .story .story-item-list { gap:40px; } 
.section6 .layout .section-content .story .story-item.story-item-view { gap:12px; } 
.section6 .layout .section-content .story .story-item .story-item-desc .title { font-size:14px; line-height: 140%; letter-spacing: -0.14px; } 
.section6 .layout .section-content .story .story-item .story-item-desc .story-item-desc-value { gap:29px; } 
.section6 .layout .section-content .story .story-item .story-item-desc .title::before { width:5px; height: 5px; } 
.section6 .layout .section-content .story .story-item .story-item-desc .title::before { right:-17px; } 
.section6 .layout .section-content .story .story-item .story-item-desc { position: relative; gap:12px; } 
.section6 .layout .section-content .story .story-item .story-item-desc .story-item-desc-link { position: absolute; top:2.3rem; right:0; } 
.section6 .layout .section-content .story .story-item.story-item-view .story-item-desc .story-item-desc-link { top:0; }
.section6 .layout .section-content .newsletter .newsletter-img { aspect-ratio: 192 / 257; } 
.section6 .layout .section-content .newsletter .newsletter-img img { width:100%; height:100%; object-fit: cover; } 
.section6 .layout .section-content .newsletter .newsletter-title { gap:4px; } 
.section6 .layout .section-content .newsletter .newsletter-title strong { gap:16px; } 
.section6 .layout .section-content .newsletter .newsletter-title strong span { font-size:32px; line-height: 140%; } 
.section6 .layout .section-content .newsletter .newsletter-title strong em { height:24px; padding: 0 11px; } 
.section6 .layout .section-content .newsletter .newsletter-title p { font-size:16px; line-height: 150%; letter-spacing: -0.16px; } 
.section6 .layout .section-content .newsletter .newsletter-more { width:100%; } 
.section6 .layout .section-content .newsletter .newsletter-more a { width:50%; padding:9.5px 12.5px 9.5px 24.5px; gap:20px; justify-content: space-between; } 
.section6 .layout .section-content .newsletter .newsletter-more a span { font-size:16px; line-height: 160%; } 
.section6 .layout .section-content .newsletter .newsletter-more a i { font-size:18px; } 
} 
@media (max-width:480px) { 
.section6 .layout .section-content .story .story-item-list .story-item { flex-direction: column; } 
.section6 .layout .section-content .story .story-item.story-item-view .story-item-img { width:100%; aspect-ratio: 33.5 / 20.4; } 
.section6 .layout .section-content .story .story-item-list .story-item .story-item-img { width:100%; aspect-ratio: 33.5 / 20.4; } 
.section6 .layout .section-content .story .story-item .story-item-desc .story-item-desc-link  { top:0; }
} 


/* search */
.search { display: flex; position: relative; padding:4rem 0; justify-content: center; z-index: 1; } 
.search .search-input { display: flex; position: fixed; bottom:4rem; left:50%; width:100%; padding:1.6rem; background: #fff; background: #FFF; transform: translateX(-50%); z-index: 1; gap:1.2rem; align-items: center; border-radius: 2.4rem; box-shadow: .4rem .4rem 2.4rem 0 rgba(0, 0, 0, 0.12); z-index: 1; max-width:100rem; visibility: hidden; opacity: 0; } 
.search .search-input.on { position: relative; bottom: auto; left: auto; margin: 0 auto; transform: none !important; transition: none; } 
.search .search-input .search-input-title { display: inline-flex; padding:0 2.4rem; align-items: center; gap:.8rem; flex-shrink: 0; } 
.search .search-input .search-input-title span { background: linear-gradient(91deg, #2F9F49 -18.52%, #00C8FF 99.71%); font-weight: 600; font-size: 2.2rem; line-height: 3.08rem; letter-spacing: -0.022rem; text-align: center; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: normal; } 
.search .search-input .search-input-container { display: flex; width:100%; gap:1.2rem; } 
.search .search-input .search-input-container select { display: flex; width: 16rem; height:5.6rem; padding: 0 2.4rem; border:0; color: #616161; font-weight: 400; font-size: 1.8rem; line-height: 2.52rem; align-items: center; gap: 1rem; align-self: stretch; border-radius: 1.2rem; background-color: #eee; flex-shrink: 0; } 
.search .search-input .search-input-container input[type="text"] { width:100%; width:100%; height: 5.6rem; padding:0 2.4rem; border:0; background: #eee; font-weight: 400; font-size: 1.8rem; line-height: 2.52rem; border-radius: 1.2rem; } 
.search .search-input .search-input-container input[type="text"]::placeholder { color:#9E9E9E; } 
.search .search-input .search-input-container button { display: flex; height: 5.6rem; padding:0 3.65rem; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); justify-content: center; align-items: center; border-radius: 1.2rem; flex-shrink: 0; } 
.search .search-input .search-input-container button span { color:#fff; font-weight: 500; font-size: 1.8rem; line-height: 2.52rem; } 
@media (max-width:1100px) { 
.search .search-input { max-width:calc(100% - 4rem); flex-direction: column; align-items: flex-start; } 
.search .search-input .search-input-container { max-width:100%; } 
} 
@media (max-width:640px) { 
.search .search-input { bottom:-262px; left:auto; padding:30px 24px 24px 24px; max-width:100%; border-radius: 24px 24px 0 0; gap:12px; z-index: 2; transform: none !important; } 
.search .search-input.on { padding:24px; border-radius: 24px; width:calc(100% - 4rem); }     
.search .search-input:before { display: block; position: absolute; top:8px; left:50%; width:160px; height: 8px; background: #BDBDBD; content:""; border-radius: 360px; transform: translateX(-50%); opacity: 0; } 
.search.search-complete .search-input { transition: all .5s; } 
.search.search-complete .search-input:before { top:-24px; } 
.search.search-complete .search-input:before { opacity: 1; } 
.search .search-input:after { display: block; position: absolute; top:-8rem; left:50%; width:100%; height: 12rem; content:""; transform: translateX(-50%); z-index: 1; } 
.search .search-input .search-input-title { display: flex; width: 100%; padding:0; justify-content: center; gap:8px; }   
.search .search-input .search-input-title img { width:24px !important; } 
.search .search-input .search-input-title span { font-size:20px; line-height: 140%; } 
.search .search-input .search-input-container { flex-wrap: wrap; gap:12px; } 
.search .search-input .search-input-container select { width:calc(50% - 6px); height: 48px; font-size:16px; } 
.search .search-input .search-input-container button { width:100%; height: 48px; } 
.search .search-input .search-input-container button span { font-size:16px; } 
.search .search-input .search-input-container input[type="text"] { height:48px; font-size:16px; } 
.search .search-input .search-input-container input[type="text"]::placeholder { font-size:16px; } 
.search.search-drag .search-input { bottom:0; } 
} 

/* quick */ 
.quick { bottom:2.8rem; transition: all .5s; } 
.quick.position-set { bottom:2rem; } 
@media (max-width:1100px) { 
#wrap:has(.search.search-complete) .quick { bottom:18rem; } 
} 
@media (max-width:767px) { 
.quick { bottom:2rem; } 
} 
@media (max-width:640px) { 
#wrap:has(.search.search-complete) .quick { bottom:20px; } 
#wrap:has(.search.search-complete.search-drag) .quick { bottom:270px; } 
} 

/* header */
.header { position:fixed; }   
.header.type3:before { position: absolute; top:0; left:50%; width:100vw; height: 100%; background: #fff; content:""; transform: translateX(-50%); } 
.header.type3 .header-logo a img { transform: translateY(0); } 
.header.menu-all.type3:before { background: #30AF3F; }

/* header menu all */       
@media (max-width:1024px) { 
.header.menu-all .header-logo a img { transform: translateY(-3.9rem); } 
.header.menu-all .header-container .header-menu .header-menu-container>ul>li>a>span { color: #fff; } 
.header.menu-all .header-container .header-util .header-util-language .header-util-language-btn { border: 1px solid rgba(255, 255, 255, 0.30); } 
.header.menu-all .header-container .header-util .header-util-language .header-util-language-btn { border: 1px solid rgba(255, 255, 255, 0.30); } 
.header.menu-all .header-container .header-util .header-util-language .header-util-language-btn span { color: #fff; } 
.header.menu-all .header-container .header-util .header-util-language .header-util-language-btn i { color: #fff; } 
.header.menu-all .header-container .header-util .header-util-popup .header-util-popup-btn i { color: #fff; } 
} 
@media (max-width:640px) { 
.header .header-logo a { height: 26.5px; } 
.header.menu-all .header-logo a img { transform: translateY(-26.5px); } 
}