/* common */
@media (max-width: 400px) and (max-height: 700px) {
	:root {
		--size22: max(13px, 4.444vw * 0.9);
		--size24: max(13px, 4.444vw * 0.9);
		--size30-20: max(16px, 5.556vw * 0.9);
		--size30-22: max(18px, 6.111vw * 0.9);
		--size38: max(19px, 6.667vw * 0.9);
		--size38-22: max(18px, 6.111vw  * 0.9);
		--size40-32: max(25px, 8.889vw * 0.9);
		/* --size54: max(28px, 9.722vw * 0.9); */
	}
}

body {background: var(--color-gray);}
[class*="fp-viewing"]:not(.fp-viewing-sec1):not(.navOn) .ly_header {transform: translateY(-100%);}
.section {background-color: #fff;}
.section [data-anim] {--delay: 0.4s; --dur: 1.6s;}
.sec_inner {--max: 1360px; display: grid; grid-template-areas: 'title' 'content' 'btn'; grid-template-columns: 1fr minmax(0, var(--max)) 1fr; grid-template-rows: min-content auto min-content; max-width: inherit;}
.sec_inner .tit_area {grid-area: title; grid-column: 2 / 3; position: relative; z-index: 10;}
.sec_inner .content_area {grid-area: content; grid-column: 2 / 3;}
.sec_inner .btn_area {grid-area: btn; grid-column: 2 / 3; justify-self: center;}
.sec_tit {font-size: var(--size24); line-height: 1; text-transform: uppercase; font-weight: 700; color: var(--color-point2);}
.tit_area.ct {text-align: center; max-width: 90%; margin-left: auto; margin-right: auto;}
.tit_area .desc {font-size: var(--size38); line-height: var(--lineH38); font-weight: 700; margin: -.25em 0;}
.tit_area .sec_tit + .desc {margin-top: 0.658em;}
.desc_info {display: flex; align-items: center;}
.desc_info .tit {flex-shrink: 0; padding-right: min(3.3334vw, 40px);}
.desc_info .cont {flex-grow: 1; font-size: var(--size18-12); line-height: var(--lineH18); font-weight: 300;position: relative; padding-left: min(3.3334vw, 40px);}
.desc_info .cont::before {content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,.2); transform: scaleY(0.8889);}

@media (min-width: 993px) {
	.sec_inner {padding-top: 2%;}
}

@media (max-width: 992px) {
	.tit_area .sec_tit + .desc {margin-top: .5em;}
	.desc_info .cont {display: none;}
}

@media (max-width: 576px) {
	.sec_inner {grid-template-areas: 'title' 'btn' 'content';}
	.sec_inner .btn_area {padding: 26px 0 30px;}
	.sec_inner .btn_area.mo_lt {justify-self: start;}
}

@media (max-width: 400px) and (max-height: 700px) {
	.sec_inner .btn_area {padding: max(21px, 7.222vw * 0.9) 0 max(24px, 8.333vw * 0.9);}
}


/* Main */
.main_slider {--nav: 36%; --max: 1040px; width: 100%; height: 100%; min-height: var(--height); display: grid; grid-template-areas: 'main'; grid-template-columns: 100%; grid-template-rows: 1fr var(--nav);}
.main_slider .swiper-wrapper {grid-area: main; grid-row: 1 / -1;}
.main_slider .swiper-slide {background: #000; display: grid; grid-template-areas: 'slide'; grid-template-columns: 100%; grid-template-rows: 1fr var(--nav); overflow: hidden;}
.main_slider .swiper-slide picture,
.main_slider .swiper-slide .img {grid-area: slide; grid-row: 1 / -1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;} 
.main_slider .swiper-slide .img {transform: scale(1.2); opacity: .4; transition: 7s var(--easing_out); transition-property: transform opacity; transform-origin: 80% 20%;}
.main_slider .swiper-slide-active .img {transform: scale(1); opacity: 1;}

@media (max-width: 992px) {
	.main_slider {--nav: 30.78%;}
}

.main_slider .swiper-slide .txt_area {grid-area: slide; grid-row: 1 / 2; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; position: relative; z-index: 10; padding: 0 var(--pdd); text-align: center; transform: translateY(5.5%);}
.main_slider .swiper-slide .txt_area p {max-width: var(--max); margin: 0 auto;}
.main_slider .swiper-slide .txt_area .subTitle {font-size: var(--size18-10); line-height: 1; font-weight: 600; margin-bottom: var(--size30-20);}
.main_slider .swiper-slide .txt_area .title {width: 90%; font-size: var(--size54); line-height: 1.3143; font-weight: 700; margin: -.2em 0; margin-bottom: calc(var(--size40) - 0.2em);}
.main_slider .swiper-slide .txt_area .desc {width: 90%; font-size: var(--size20-13); line-height: var(--lineH20-13); margin: -.25em 0;}
.main_slider .swiper-slide .txt_anim {will-change: transform; -webkit-font-smoothing: antialiased; -moz-osz-font-smoothing: grayscale; opacity: 0;}
.main_slider .swiper-slide.hidden .txt_area {opacity: 0 !important;}
/* .main_slider .swiper-slide .txt_anim {--delay: .4s; transition: 1.8s var(--easing_in); transition-property: transform, opacity; opacity: 0; transform: translateY(100px); transition-delay: var(--delay); will-change: transform;}
.main_slider .swiper-slide-duplicate-active .txt_anim,
.main_slider .swiper-slide-active .txt_anim {transform: translateY(0); opacity: 1; transition-timing-function: var(--easing_out); transition-delay: var(--delay);} */

@media (max-width: 992px) {
	.main_slider .swiper-slide .txt_area {transform: translateY(3.7%);}
	.main_slider .swiper-slide .txt_area .subTitle,
	.main_slider .swiper-slide .txt_area .desc {letter-spacing: 0;} 
}

.main_slider .swiper-controls {position: absolute; width: 100%; height: 100%; z-index: 10; grid-area: main; grid-row: 2 / -1; display: grid; grid-template-columns: 1fr minmax(0, var(--max)) 1fr; align-content: start;}
.main_slider .swiper-pagination {--swiper-pagination-bullet-horizontal-gap: 0; position: static; display: flex; justify-content: space-around; grid-column: 2 / 2; margin-bottom: 35px;}
.main_slider .swiper-pagination-bullet {--bcolor: #fff; flex: 1;  width: auto; height: auto; border-radius: inherit; opacity: 1; background: transparent; color: var(--bcolor); pointer-events: auto; line-height: 1; text-align: center; transition: color .3s ease-in-out;}
.main_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {--bcolor: var(--color-point3);}
.main_slider .swiper-pagination-bullet .el_ico {width: clamp(36px, 10vw * 0.5, 56px); margin-bottom: var(--size30-20);}
.main_slider .swiper-pagination-bullet .el_ico svg {fill: currentColor; width: 100%; height: 100%;}
.main_slider .swiper-pagination-bullet .ico3 svg {transform: scale(.929);}
.main_slider .swiper-pagination-bullet .number {font-size: var(--size28-13); line-height: 1; font-weight: 700; display: flex; justify-content: center; align-items: flex-end;  margin-bottom: 0.643em; text-align: center; -webkit-font-smoothing: antialiased; -moz-osz-font-smoothing: grayscale;}
.main_slider .swiper-pagination-bullet .number strong {font-size: var(--size42-20); line-height: 1; margin: -.1em 0;}
.main_slider .swiper-pagination-bullet .text {font-size: var(--size18-12); line-height: 1; font-weight: 500;}
.main_slider .swiper-pagination.on .swiper-pagination-bullet {--dist: 120px; --delay: .1s; transform: translateY(0); animation: fadeUp var(--dur) var(--delay) var(--easing_out) both;}
.main_slider .swiper-pagination.on .swiper-pagination-bullet:nth-child(2) {--delay: .2s}
.main_slider .swiper-pagination.on .swiper-pagination-bullet:nth-child(3) {--delay: .3s}
.main_slider .swiper-pagination.on .swiper-pagination-bullet:nth-child(4) {--delay: .4s}

@media (max-width: 992px) {
	.main_slider .swiper-pagination-bullet .number {letter-spacing: -0.05em;}
}

.main_slider .controls {grid-column: 2 / 2;  display: flex; flex-direction: column; justify-content: center; position: relative;}
.main_slider .progress {--speed: ; width: 100%; height: 3px; background: rgba(255,255,255,.3); display: flex;}
.main_slider .progress .bar {flex:1; background: var(--color-point3); transform-origin: center left; opacity: 0;}
.main_slider .progress .bar.on {opacity: 1; animation: progressAnim var(--speed) linear; animation-play-state: running;}
.main_slider .progress.stop .bar.on {animation-play-state: paused;}
.main_slider .btn-paly {width: 46px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.4); border-radius: 50%;  display: flex; justify-content: center; align-items: center; color: #fff;}
.main_slider .btn-paly .el_ico {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6 5h2v14H6V5Zm10 0h2v14h-2V5Z'/%3E%3C/svg%3E"); width: 40%;}
.main_slider .btn-paly.play .el_ico {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath fill='%23ffffff' d='m9.01 7.89-6.12 3.83C1.6 12.53.01 11.48.01 9.83V2.17C0 .52 1.59-.53 2.88.28L9 4.11c1.32.83 1.32 2.96 0 3.79Z' class='cls-1'/%3E%3C/svg%3E"); background-size: 55.556% auto; background-position: 60% center;}

@media (min-width: 1251px) {
	.main_slider .controls {height: 46px;}
	.main_slider .btn-paly {position: absolute; top: 0; right: -35px; transform: translateX(100%);}
}

@media (max-width: 1250px) {
	.main_slider .swiper-pagination {margin-bottom: var(--size42-20);}
	.main_slider .btn-paly {align-self: flex-end; margin-top: clamp(24px, 6.667vw * 0.5, 35px); width: clamp(28px, 7.778vw * 0.5, 46px); margin-right: var(--pdd);} 
}

@media (max-width: 992px) {
	.main_slider .swiper-pagination,
	.main_slider .controls {grid-column: 1 / -1;}
	.main_slider .progress {height: 2px;}
	.main_slider .swiper-pagination-bullet .number {letter-spacing: -0.05em;}
}


@keyframes progressAnim {
	0% {
		transform: scaleX(0);
	}
	100% {
		transform: scaleX(1);
	}
}

/* Affiliate */
.sec_affiliate::after {content: ""; position: absolute; right: 0; top: 0; width: 53.82vmin; aspect-ratio: 1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.41 100.41'%3E%3Cpath fill='%2300a0e9' d='m90.93 42 9.48-9.48-3.4-3.4-2.31 2.31L68.98 5.71l2.31-2.31-3.4-3.4-9.48 9.48 3.88 14.74 5.38 1.42-2.81-10.66 20.56 20.56-42-11.07-18.95 18.95 3.87 14.66 5.38 1.42-2.79-10.57 20.56 20.56-13.95-3.68-2.32-.61-5.38-1.42-20.35-5.36L0 67.88l3.4 3.4 2.31-2.31 25.72 25.72L29.12 97l3.4 3.4L42 90.92l-3.91-14.84-5.38-1.42 2.84 10.76-20.56-20.56 16.21 4.27.06.02 5.38 1.42L57 75.94l18.95-18.95-3.9-14.76-5.38-1.42 2.81 10.66-20.56-20.56 42.01 11.08ZM36.27 88.22l.35 1.29-4.15 4.15L6.75 67.94l4.15-4.15 1.29.35 24.09 24.09Zm27.86-76.03-.35-1.29 4.15-4.15 25.72 25.72-4.15 4.15-1.29-.35-24.08-24.08ZM39.65 35.03l25.72 25.72-4.62 4.62-25.72-25.72 4.62-4.62Zm-9.46 11.1-.35-1.29 4.15-4.15 25.72 25.72-4.15 4.15-1.29-.35-24.08-24.08Zm40.03 8.15.35 1.29-4.15 4.15-25.73-25.73 4.15-4.15 1.29.35 24.09 24.09Z'/%3E%3C/svg%3E") no-repeat center/contain; opacity: 0.08; transform: translate(15%, -17%); pointer-events: none; z-index: 0;}

@media (max-width: 992px) {
	.sec_affiliate::after {width: 45.8334%; transform: translate(10%, -10%);}
}

.sec_affiliate .sec_inner {grid-template-areas: 'title' 'content';  grid-template-rows: min-content auto;}
.sec_affiliate .content_area {grid-column: 1 / -1; position: relative;}
.affiliate_slider .txt_anim {will-change: transform; -webkit-font-smoothing: antialiased; -moz-osz-font-smoothing: grayscale; opacity: 0;}

/* .affiliate_slider .txt_anim {--delay: 0.4s; --dur: 1.8s; opacity: 0; transform: translateY(100px); transition-delay: 1.8s;}
.content_area.on .swiper-intro .txt_anim,
.affiliate_slider.start .swiper-slide-active .txt_anim,
.affiliate_slider.start .swiper-slide-duplicate-active .txt_anim {opacity: 1; transform: translateY(0); transition: 1.8s var(--dur) var(--easing_out); transition-property: transform, opacity; transition-delay: var(--delay); will-change: transform;}
.affiliate_slider .obj .txt_anim {transform: scale(1.2) translate(5%, -15%);}
.content_area.on .swiper-intro .txt_anim,
.affiliate_slider.start .swiper-slide-active .obj .txt_anim,
.affiliate_slider.start .swiper-slide-duplicate-active .obj .txt_anim {transform: scale(1) translate(0, 0);} */


.affiliate_slider {--swiper-pagination-bullet-horizontal-gap: 0; position: relative; overflow: inherit;}
.content_area .swiper-intro,
.affiliate_slider .swiper-wrapper {grid-area: slider;}
.content_area .swiper-intro {position: absolute; left: 0; width: 100%; z-index: 10; cursor: inherit;}

.content_area .swiper-intro,
.affiliate_slider .swiper-slide {padding: max(10.833vw * 0.6, 39px) 0 max(9.722vw * 0.6, 35px); background: #fff;}
.content_area .swiper-intro::after,
.affiliate_slider .swiper-slide::after {--pos: calc(var(--pdd) * -1); content: ""; position: absolute; background: #fff; top: 0; left: var(--pos); right: var(--pos); height: 150%; transform: translateY(-50%); z-index: 0; pointer-events: none; z-index: 0;}
.affiliate_slider .swiper-slide.hidden .content_box,
.affiliate_slider .swiper-slide.hidden .el_img {opacity: 0 !important;}

.affiliate_slider .swiper-pagination {grid-area: page; max-width: 1370px; position: relative; left: inherit; bottom: inherit; margin: 0 auto; display: grid; /* grid-template-columns: repeat(6, 1fr); */ grid-template-columns: repeat(5, 1fr); gap: .5em; font-size: var(--size20-12);}
.affiliate_slider .swiper-pagination-bullet {--bg: #000; --color: #fff; --active: 000; width: auto; height: 3em; margin: 0; border-radius: 0; opacity: 1; background: var(--bg); color: var(--color); display: flex; justify-content: center; align-items: center; transition: var(--trans); transition-property: background, color;}
.affiliate_slider .swiper-pagination-bullet.hide {opacity: 0; position: absolute; transform: scale(0); pointer-events: none;}
.affiliate_slider .swiper-pagination-bullet-active {background: var(--active); color: #fff;}
.affiliate_slider .swiper-controls {--swiper-navigation-size: 23px; --swiper-navigation-color: #333; position: absolute; width: 100%; z-index: 20; pointer-events: none; top: calc(min(12.26vh, 119px) + min(4.85vh, 47px) + min(9.427vw * 1.1, 181px) + min(6.17vh, 60px) - var(--size22) * 1.8); height: var(--swiper-navigation-size);}
.affiliate_slider .swiper-controls .inner {height: 100%; max-width: 1360px; margin: 0 auto; display: flex; flex-direction: row-reverse; align-items: center; gap: 16px;}
.affiliate_slider .swiper-controls [class^="swiper-button"] {position: static; pointer-events: auto; width: var(--swiper-navigation-size); margin: 0;} 

@media (max-width: 992px) {
	.affiliate_slider .swiper-pagination {grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; gap: .5em 0.3334em;}
	.affiliate_slider .swiper-pagination-bullet {height: 3.6667em;}
	.affiliate_slider .swiper-controls {display: none;}
}

.affiliate_slider .content_box .typo {margin-bottom: max(3.333vw * 0.6, 12px); width: 100%; height: min(9.896vw * 1.1, 190px); overflow: hidden; position: relative; z-index: 10;} /* 1920px 기준 */
.affiliate_slider .content_box .typo img {height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; position: absolute; left: 0; top: 0;}
.affiliate_slider .txt_area {position: relative; z-index: 5;}
.affiliate_slider .txt_area .tit {height: clamp(34px, 9.444vw * 0.6, 55px); position: relative;}
.affiliate_slider .txt_area .logo {--size: 100%; height: var(--size);}
.affiliate_slider .txt_area .logo0 {--size: 61.8182%}
.affiliate_slider .txt_area .logo4 {--size: 64.72%}
.affiliate_slider .txt_area .logo6 {--size: 116.12%}
.affiliate_slider .txt_area .line {width: var(--size80); height: 1px; background: #000; margin: var(--size40-20) 0;}
.affiliate_slider .cont {flex-grow: 1;}
.affiliate_slider .cont p {font-size: var(--size22); line-height: var(--lineH22); font-weight: 600; margin: -.2em 0; padding-right: 90px;}
.affiliate_slider .txt_link {font-size: var(--size16-12); margin-top: 15px;}
.affiliate_slider .obj {position: absolute; left: 50%; top: 0; transform: translate(-2.5%, -52.5%); width: clamp(400px, 40.323vw * 0.9, 550px); aspect-ratio: 1; pointer-events: none; z-index: 5;} /* 992px 기준 vw 계산 */

@media (min-width: 993px) {
	.content_area .swiper-intro, 
	.affiliate_slider .swiper-slide {padding: min(11.3vh, 109px) 0  min(4.85vh, 47px);} /* 높이 970px 기준 */
	.affiliate_slider .content_box {--max: 1360px; display: grid; grid-template-columns: 1fr minmax(0, var(--max)) 1fr; grid-template-rows: min-content 1fr; justify-items: center;} 
	.affiliate_slider .content_box .typo {grid-column: 1 / -1; margin-bottom: min(6.3vh, 61px)} /* 높이 970px 기준 */
	.affiliate_slider .txt_area {grid-column: 2 / 3; padding: 0 4.38%;}
	.affiliate_slider .txt_area {display: flex; gap: min(1.042vw * 1.5, 20px);}
	.affiliate_slider .txt_area .tit,
	.affiliate_slider .txt_area .line {flex-shrink: 0;}
	.affiliate_slider .txt_area .line {width: min(4.167vw * 1.5, 80px); margin: min(0.833vw * 1.7, 16px) 0;}
	.affiliate_slider .txt_area .logo3 {--size: 96.364%; margin-top: 1.23%;}
	.affiliate_slider .txt_area .logo4 {--size: 47.273%; margin-top: 1.412%;}
	.affiliate_slider .txt_area .logo6 {--size: 100%;}
	.affiliate_slider .cont p {margin-top: .1em;}
}

@media (max-width: 992px) {
	.affiliate_slider .content_box {justify-items: start;}
	.affiliate_slider .content_box .typo {height: max(30vw * 0.66, 108px);}
	.affiliate_slider .content_box .typo4 {height: max(21.111vw * 0.66, 76px);}
	.affiliate_slider .content_box .typo img {-o-object-position: 0 0;object-position: 0 0;}
	.affiliate_slider .txt_area .logo {position: absolute; left: 0; top: 0;}
	.affiliate_slider .txt_area .logo0 {--size: 81.8182%}
	.affiliate_slider .cont p {padding-right: 0; max-width: 500px;}
	.affiliate_slider .obj {--size: 1; --pos: 5%, -26.5%; width: max(192px, 53.333vw * 0.9); transform: scale(var(--size)) translate(var(--pos)); overflow: inherit;} /* 360px 기준 */
	.affiliate_slider .obj1 {--size: 1.52; --pos: -1.5%, -18%;}
	.affiliate_slider .obj2 {--size: 1.2; --pos: 4%, -23%;}
	.affiliate_slider .obj3 {--size: 1.28; --pos: -1%, -16%;}
	.affiliate_slider .obj4 {--size: 1.45; --pos: 6.6%, -11%;}
	.affiliate_slider .obj5 {--size: 2; --pos: 3.7%, -14%;}
	.affiliate_slider .obj6 {--size: 1.25; --pos: 3.5%, -20%;}
}

@media (max-width: 400px) and (max-height: 700px) {
	.content_area .swiper-intro, 
	.affiliate_slider .swiper-slide {padding: max(35px, 10.833vw * 0.9) 0 max(31px, 9.722vw * 0.9);}
	.affiliate_slider .content_box .typo {height: max(97px, 30vw * 0.9);}
	.affiliate_slider .content_box .typo4 {height: max(68px, 21.111vw * 0.9);}
	.affiliate_slider .txt_area .tit {height: max(31px, 9.444vw * 0.9);}
}

/* ESG */
.sec_esg {background: url(../../images/img/main_esg_bg.webp) no-repeat center/cover;}
.sec_esg .esg_list .item:nth-child(1) {--delay: 0.8s;}
.sec_esg .esg_list .item:nth-child(2) {--delay: 1s;}
.sec_esg .esg_list .item:nth-child(3) {--delay: 1.2s;}
.sec_esg .btn_area {--delay: 1.4s;}

@media (min-width: 993px) {
	.sec_esg .content_area {padding: min(12.372vh, 120px) 0 min(8.248vh, 80px);}
}

@media (min-width: 577px) and (max-width: 992px) {
	.sec_esg .content_area {padding: min(9.073vh, 90px) 0 min(6.048vh, 60px);}
}

@media (max-width: 576px) {
	.sec_esg .btn_area {--delay: 0.8s;}
	.sec_esg .esg_list .item:nth-child(1) {--delay: 1s;}
	.sec_esg .esg_list .item:nth-child(2) {--delay: 1.2s;}
	.sec_esg .esg_list .item:nth-child(3) {--delay: 1.4s;}
	.sec_esg .sec_inner .btn_area {padding-bottom: 38px;}
}

@media (max-width: 400px) and (max-height: 700px) {
	.sec_esg .sec_inner .btn_area {padding-bottom: max(20px, 10.556vw * 0.9);}
}

.esg_list .item {background: rgba(255,255,255,.06); color: #fff; padding: var(--size38-22) 2.942%;}
.esg_list .el_ico {--size: scale(.5556); width: var(--size90); border: 1px solid rgba(255,255,255,.5); border-radius: 50%;}
.esg_list .el_ico img {transform: var(--size);}
.esg_list .tit {--color: #a1e5a8; font-size: clamp(26px, 7.222vw * 0.5, 46px); line-height: 1; font-weight: 700; color: var(--color); margin-bottom: 0.4348em;}
.esg_list .tit em {font-size: var(--size30-22); color: #fff;}
.esg_list .cont {font-size: var(--size16-12); line-height: var(--lineH16-12); margin: -.2em 0;}

@media (min-width: 993px) {
	.esg_list {display: flex; gap: 3.676%}
	.esg_list .item {flex: 1;}
	.esg_list .tit {margin-top: 0.8261em;}
}

@media (max-width: 992px) {
	.esg_list .item + .item {margin-top: clamp(12px, 3.333vw * 0.7, 30px);}
	.esg_list .item {display: flex; gap: max(3.889vw * 0.6, 14px); padding-left: max(2.778vw, 10px); padding-right: max(8.333vw, 30px);}
	.esg_list .icon {flex-shrink: 0; transform: translateY(-8%);}
	.esg_list .txt_area {flex-basis: 1;}
	.esg_list .cont {max-width: 420px;}
}

@media (max-width: 400px) and (max-height: 700px) {
	.esg_list .tit {font-size: max(21px, 7.222vw * 0.9);}
}


/* News & Notice */
.sec_news .btn_area {--delay: 0.8s}
.sec_news .content_area {--delay: 1.2s;}

@media (min-width: 577px) {
	.sec_news .content_area {--delay: 0.8s; padding: min(6.19vh, 60px) 0 min(5vh, 48px);}
	.sec_news .btn_area {--delay: 1.2s}
}

.notice_list .no_post {height: min(32.132vw, 437px);}

@media (min-width: 993px) {
	.notice_list .cont {min-height: 127px;}
}

@media (max-width: 992px) {
	.notice_list .no_post {height: min(45.665vw, 453px);}
}

@media (max-width: 576px) {
	.notice_list .no_post {height: min(95.833vw, 345px);}
}

.notice_list .swiper-controls {position: relative; margin-top: var(--size54); display: flex; align-items: center; gap: var(--size24)}
.notice_list .swiper-pagination {position: static; flex-grow: 1;}
.notice_list .swiper-controls .count {white-space: nowrap; flex-shrink: 0; font-size: var(--size14-12); line-height: 1; letter-spacing: 0; color: #adadad;}
.notice_list .swiper-controls .count strong {font-weight: normal; font-weight: 700; color: var(--color-point);}
.notice_list .swiper-pagination-lock + .count {display: none;}

@media (min-width: 993px) {
	.notice_list .swiper-controls {display: none;}
}

@media (max-width: 400px) and (max-height: 700px) {
	.notice_list .swiper-controls {margin-top: max(28px, 9.722vw * 0.9);}
}

/* footer */
.sec_footer {background: var(--color-gray);}

/* fullpage */
html,
body,
html.fp-enabled,
.fp-enabled body { margin: 0; padding: 0; overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.fp-section {position: relative; height: 100%; display: block;}
.fp-tableCell {display: flex; flex-direction: column; justify-content: center; width: 100%;}
.fp-section .gotoTop {position: absolute;}
body.up .gotoTop {transition-delay: .3s;}

@media (max-width: 992px) {
	.fp-section .gotoTop {transition: var(--trans); transition-property: bottom, transform, margin;}
	.fp-viewing-sec5 .gotoTop {bottom: 0; transform: translateY(50%); margin-bottom: 0;}
}

.scroll_guide {--color: #fff; position: fixed; left: 0; bottom: 40px; width: 100%; z-index: 100; color: var(--color); transition: var(--trans); transition-property: color, opacity; pointer-events: none; }
body.up .scroll_guide {transition-delay: .3s;}
.scroll_guide svg {fill: currentColor;}
.fp-viewing-sec2 .scroll_guide {--color: #000;}
.fp-viewing-sec4 .scroll_guide,
.fp-viewing-sec5 .scroll_guide {opacity: 0;}
.scroll_guide .guide {width: 14px; position: relative; height: 103px; display: flex; flex-direction: column;}
.scroll_guide .txt {font-size: 10px; letter-spacing: 0.025em; line-height: 1; display: inline-block; transform: rotate(-90deg) translate(-41%, -290%); position: absolute; left: 0; top: 0; white-space: nowrap; text-transform: uppercase;}
.scroll_guide .icon {width: 14px; margin-top: auto;}

.preload #fp-nav *,
.preload #fp-nav *::before,
.preload #fp-nav *::after,
.preload .scroll_guide,
.preload .scroll_guide * {transition: none !important;}
#fp-nav {--color: #000; position: fixed; z-index: 100; top: 50%; opacity: 1; transform: translateY(-50%); margin: 0 !important;}
#fp-nav.right {right: min(3.571vw, 50px); }

@media (max-width: 1250px) {
	.scroll_guide,
	#fp-nav.right {display: none;}
}

.fp-viewing-sec1 #fp-nav, 
.fp-viewing-sec3 #fp-nav {--color: #fff;}
.fp-viewing-sec1 .gotoTop, 
.fp-viewing-sec3 .gotoTop {--bg: #fff; --color: #000;}
.fp-viewing-sec1 .gotoTop {opacity: 0;}
#fp-nav ul {display: flex; flex-direction: column; gap: 13px;}
#fp-nav ul li {display: block; position:relative;}
#fp-nav ul li a {display: block; position: relative; z-index: 1; width: 14px; height: 14px; cursor: pointer; transition: height .7s var(--easing-nav);}
#fp-nav ul li a.active,
#fp-nav ul li a.on {height: 31px;}
#fp-nav ul li a::before,
#fp-nav ul li a span {content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 100%; aspect-ratio: 1; background: var(--color); border-radius: 50%; opacity: .2; transform: scale(0.57); transition: transform .3s ease-in-out, opacity .3s ease-in-out, background var(--trans);}
body.up #fp-nav ul li a::before,
body.up  #fp-nav ul li a span {transition-delay: 0, 0, .3s;}
#fp-nav ul li a:hover::before,
#fp-nav ul li a.active span,
#fp-nav ul li a.on span {transform: scale(0.7); opacity: 1;}
#fp-nav ul li a .dot {position: absolute; right: 2px; bottom: 2px; fill: var(--color); transform-origin: bottom right; transition: transform .7s var(--easing-nav), opacity .7s var(--easing-nav), fill var(--trans); will-change: transform; opacity: 0; width: 28px; aspect-ratio: 1; transform: scale(0);} 
#fp-nav ul li a .dot svg {width: 100%; height: 100%;}
#fp-nav ul li a.active .dot,
#fp-nav ul li a.on .dot {opacity: 1; transform: scale(1);}
#fp-nav ul li .fp-tooltip {position: absolute; bottom: 0; color: var(--color); font-size: 16px; line-height: 1; font-family: inherit; font-weight: 500; text-transform: uppercase; white-space: nowrap; display: block; opacity: 0; transition: opacity .3s ease-in-out, transform .7s var(--easing-nav), color var(--trans); pointer-events: none;}
body.up  #fp-nav ul li .fp-tooltip {transition-delay: 0, 0, .3s;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav a.active + .fp-tooltip,
#fp-nav a.on + .fp-tooltip {opacity: 1; will-change: transform;}
#fp-nav a.active + .fp-tooltip,
#fp-nav a.on + .fp-tooltip {transform: translate(-15px, -14px);}
#fp-nav ul li .fp-tooltip.right {right: 32px;}
#fp-nav ul li:last-child {display: none;}
.fp-auto-height.fp-section,
.fp-auto-height .fp-tableCell{height: auto !important;}
#footer {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}