@charset "utf-8";

/* ========================= 공통 ========================= */
.skip_snb_menu {display:none;}
.con_box {width:100%;height:100%;}
.fp-section {height:100dvh !important;}
.fp-tableCell {height:100dvh !important;}

/* ========================= 모바일 가로모드 (Landscape) ========================= */
#landscape {position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--primary);z-index:999999;display:none;justify-content:center;align-items:center;touch-action:none;flex-flow:column;text-align:center;}
#landscape .icon {position:relative;}
#landscape .icon img:first-child {position:absolute;top:0;left:0;transform:rotate(6deg);animation:landscapeArrow 1.8s ease infinite;}
@keyframes landscapeArrow {0%{transform:rotate(6deg);} 50%{transform:rotate(-6deg);} to{transform:rotate(6deg);}}
#landscape .desc {font-size:16px;line-height:1.72;color:#fff;margin-top:20px;}
@media (max-width:1023px) and (orientation:landscape) and (max-height:600px) {#landscape {display:flex;}}
@media (max-height:600px) {#landscape {display:flex;}}


/* ========================= 인트로 ========================= */
#fs_intro{position:fixed;left:0;top:0;z-index:101;width:100%;height:100dvh;overflow:hidden;background:var(--primary);animation:intro 5s both;}
.intro_cont {width:100%;display:flex;flex-direction:column;align-items:center;gap:.7rem;position:absolute;bottom:16rem;z-index:101;}
.intro_text {font-family:"paperlogy";font-weight:900;font-size:5rem;line-height:1;color:#485e14;text-align:center;animation:intro_text 3s both;}
.intro_text em {font-family:"paperlogy";font-weight:900;color:var(--yellow);}
.intro_img img {width:22.8rem;animation:intro_img 5s both;}

/* 애니메이션 */
@keyframes intro{0%{opacity:1;} 60%{opacity:1;} 100%{opacity:0;visibility:hidden;pointer-events:none;}}
@keyframes intro_img{0% {transform:scale(1);opacity:1;} 36% {transform:scale(1);opacity:1;} 80% {transform:scale(20);opacity:.5;} 100% {transform:scale(20);opacity:0;}}
@keyframes intro_text{0%{transform:translateY(-100px);opacity:0;} 60%{transform:translateY(0px);opacity:1;} 100%{opacity:0;}}

#fs_fullpage {}
#fs_container_wrap {}
#fs_container_wrap .con_box {overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;}


/* ========================= 비주얼 ========================= */
/* 비주얼영역 */
.fs_main_visual {position:relative;width:100%;height:100%;}
.mvis_wrap {width:100%;height:100dvh;}
.mvis_wrap .mvis_slide li {width:100%;height:100% !important;background:no-repeat center/cover;display:flex;align-items:center;position:relative;}
.mvis_wrap .mvis_slide li .main_wrap {position:relative;height:100%;}

/* 텍스트 */
.main_visual_text {position:absolute;right:0;top:50%;transform:translateY(calc(-50% - 2.35rem));display:flex;flex-direction:column;align-items:flex-end;font-weight:900;text-align:right;text-shadow:2px 3px 15px rgba(0,0,0,0.3);}
.main_visual_text .sta {font-size:6rem;line-height:1.2;color:#fff;width:100%;}
.main_visual_text .stb {font-size:9rem;line-height:1;color:var(--yellow);margin-top:1rem;}

/* 컨트롤 */
.fs_main_visual .mvis_ctrl_wrap {position:absolute;left:50%;top:50%;transform:translate(-50%, 14.35rem);width:100%;max-width:1760px;z-index:10;pointer-events:none;display:flex;justify-content:flex-end;padding:0 1%;}
.fs_main_visual .mvis_ctrl_box {pointer-events:auto;display:flex;align-items:center;}

/* 페이저 (바 형태) */
.mvis_ctrl_box .swiper-pagination {position:relative;display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;width:auto;bottom:auto;}
.mvis_ctrl_box .swiper-pagination-bullet {width:3rem;height:2px;background:#fff;opacity:0.4;border-radius:0;margin:0 !important;transition:all 0.3s ease;}
.mvis_ctrl_box .swiper-pagination-bullet-active {background:var(--yellow);transform:rotate(-45deg);opacity:1;width:2.2rem;}
	@media only screen and (max-width:1023px){
		.main_visual_text {font-weight:800;align-items:center;text-align:center;width:100%;top:20%;transform:translateY(0);}
		.main_visual_text .sta {font-size:3.8rem;}
		.main_visual_text .stb {font-size:6.2rem;line-height:1.15;margin-top:0.8rem;}
		.fs_main_visual .mvis_ctrl_wrap {top:unset;bottom:5rem;transform:translate(-50%, 0);justify-content:center;}
	}
	@media only screen and (max-width:767px){
		.main_visual_text {text-shadow:2px 2px 8px rgba(0,0,0,.7);font-weight:700;}
		.main_visual_text .sta {font-size:2.8rem;} 
		.main_visual_text .stb {font-size:4.6rem;line-height:1.2;margin-top:0.5rem;}
	}


/* ========================= #sec02 ========================= */
#sec02 {position:relative;overflow:hidden;z-index:0;}
#sec02::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../../images/fs/main/sec02_bg.png") no-repeat center/cover;z-index:-1;transform:scale(1.2);transition:transform 1s .4s;}
.active #sec02::before {transform:scale(1);transition:transform 4s .4s;}

#sec02 .main_wrap {display:flex;justify-content:space-between;align-items:center;height:100%;position:relative;z-index:1;}
#sec02 .main_wrap > div {width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;}

/* 효과 (left_wrap = info-logo) */
#sec02 .left_wrap {transform:translateY(-50px);opacity:0;transition:opacity 1s .4s, transform 1s .4s;}
.active #sec02 .left_wrap {transform:translateY(0);opacity:1;}

/* 타이틀 */
#sec02 .left_wrap .care_tit {font-weight:600;font-size:6rem;line-height:1.2;color:#fff;text-align:center;text-shadow:2px 2px 5px rgba(0,0,0,0.4);}
#sec02 .left_wrap .care_tit span {color:var(--yellow);}
#sec02 .left_wrap .care_tit em {font-weight:800;color:var(--yellow);}
#sec02 .left_wrap .care_desc {font-weight:600;font-size:3rem;line-height:1.4;color:rgba(255,255,255,.75);text-align:center;margin-top:4rem;text-wrap:balance;}

/* 원형내용 (care_info = info-img) */
#sec02 .right_wrap .care_info {width:57rem;height:57rem;border-radius:50%;border:1px solid #fff;position:relative;transform:translateY(50px);opacity:0;transition:opacity 1s .8s, transform 1s .8s;}
.active #sec02 .right_wrap .care_info {transform:translateY(0);opacity:1;}
#sec02 .right_wrap .care_info::before {content:url("../../images/fs/main/sec02_logo.png");position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

/* info_box = info-desc > p */
#sec02 .right_wrap .info_box {display:flex;flex-direction:column;gap:1rem;position:absolute;opacity:0;transform:translateX(50px);transition:opacity 1s, transform 1s;}
.active #sec02 .right_wrap .info_box {opacity:1;transform:translateX(0px);}
.active #sec02 .right_wrap .info_box.type_green {transition-delay:1.2s;}
.active #sec02 .right_wrap .info_box.type_blue {transition-delay:1.4s;}
#sec02 .right_wrap .info_box.type_green {top:0;left:0;}
#sec02 .right_wrap .info_box.type_blue {align-items:flex-end;bottom:0;right:0;}
#sec02 .right_wrap .info_tit {display:flex;justify-content:center;align-items:center;width:23rem;height:10rem;background:#fff;font-size:4rem;font-weight:700;border-radius:6rem 1rem 6rem 1rem;box-shadow:2px 3px 15px rgba(0,0,0,0.3);}
#sec02 .right_wrap .type_green .info_tit {color:var(--primary);border:2px solid var(--primary);}
#sec02 .right_wrap .type_blue .info_tit {color:var(--blue);border:2px solid var(--blue);}
#sec02 .right_wrap .info_list {display:flex;flex-direction:column;align-items:center;gap:.8rem;}
#sec02 .right_wrap .info_list li {display:flex;justify-content:center;align-items:center;width:22rem;height:5rem;border-radius:3rem;font-size:2rem;font-weight:500;color:#fff;letter-spacing:-0.01em;}
#sec02 .right_wrap .type_green .info_list li {background:var(--primary);}
#sec02 .right_wrap .type_blue .info_list li {background:var(--blue);}
	@media only screen and (max-width:1199px){
		#sec02 .left_wrap .care_tit {font-size:5.5rem;}
		#sec02 .left_wrap .care_desc {font-size:2.8rem;margin-top:3rem;}
		#sec02 .right_wrap .care_info {width:45rem;height:45rem;}
		#sec02 .right_wrap .care_info::before {transform:translate(-50%,-50%) scale(0.8);}
		#sec02 .right_wrap .info_tit {width:20rem;height:8rem;font-size:3.5rem;}
		#sec02 .right_wrap .info_list li {width:20rem;height:4rem;font-size:1.8rem;}
	}
	@media only screen and (max-width:1023px){
		#sec02 .main_wrap {flex-direction:column;justify-content:center;gap:6rem;height:auto;padding:10rem 0;}
		#sec02 .main_wrap > div {width:100%;}
		#sec02 .left_wrap .care_tit {font-size:5rem;}
		#sec02 .left_wrap .care_desc {font-size:2.2rem;}
		#sec02 .left_wrap .care_desc br {display:none;}
		#sec02 .right_wrap .care_info {width:100%;height:auto;border-radius:0;border:none;display:flex;justify-content:center;gap:2rem;}
		#sec02 .right_wrap .care_info::before {display:none;}
		#sec02 .right_wrap .info_box {position:static;width:50%;}
		#sec02 .right_wrap .info_tit {width:100%;height:auto;padding:1rem;font-size:3rem;border-radius:4rem 1rem 4rem 1rem;}
		#sec02 .right_wrap .info_list {width:100%;}
		#sec02 .right_wrap .info_list li {width:100%;height:auto;padding:1rem;font-size:1.8rem;}
	}
	@media only screen and (max-width:767px){
		#sec02 .main_wrap {gap:4rem;padding:7rem 0;}
		#sec02 .left_wrap .care_tit {font-size:4.5rem;}
		#sec02 .left_wrap .care_desc {font-size:1.8rem;margin-top:2rem;}
		#sec02 .right_wrap .info_box {gap:0.5rem;}
		#sec02 .right_wrap .info_tit {font-size:2.5rem;border-radius:3rem 1rem 3rem 1rem;} 
		#sec02 .right_wrap .info_list {gap:0.5rem;}
		#sec02 .right_wrap .info_list li {font-size:1.8rem;border-radius:2rem;}
	}


/* ========================= #sec03 ========================= */
#sec03 {position:relative;background:#fff;overflow:hidden;}
#sec03 .main_wrap {position:relative;z-index:1;display:flex;align-items:center;height:calc(100dvh - 10rem);padding-top:10rem;}
#sec03 .bg_line {position:absolute;left:-50%;top:50%;width:200%;height:1px;background:#e5e5e5;z-index:0;}
#sec03 .bg_leaf {position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:clamp(0px, 98%, 1760px);height:67rem;background:url("../../images/fs/main/sec03_bg.png") no-repeat left bottom/contain;z-index:-1;opacity:.2;}

#sec03 .left_text_wrap {width:45vw;height:100%;align-content:flex-start;padding-right:3rem;}
#sec03 .sec_tit_box {height:45%;display:flex;flex-direction:column;justify-content:space-between;}
#sec03 .sec_tit {font-weight:800;font-size:6rem;color:var(--primary);}
#sec03 .sec_tit em {color:var(--primary2);}
#sec03 .sec_tit_en {font-weight:500;font-size:2rem;text-align:right;padding-bottom:3rem;}

#sec03 .info_text_wrap {position:relative;height:55%;}
#sec03 .info_text {position:absolute;left:0;bottom:0;opacity:0;visibility:hidden;transition:all 0.5s ease;transform:translateY(2rem);width:100%;}
#sec03 .info_text.active {opacity:1;visibility:visible;transform:translateY(0);}
#sec03 .info_text h4 {font-size:4rem;font-weight:700;color:var(--black);margin-bottom:1rem;}
#sec03 .info_text .tags {display:flex;gap:4rem;margin-bottom:2.5rem;font-size:3rem;align-items:center;}
#sec03 .info_text .tags span {display:flex;align-items:center;gap:0.7rem;white-space:nowrap;}
#sec03 .info_text .tags i {font-size:4rem;color:var(--primary2);}
#sec03 .info_text .desc {font-size:2.4rem;text-wrap:balance;}

#sec03 .right_slide_wrap {position:relative;width:55vw;height:100%;display:flex;align-items:center;}
#sec03 .sec03_swiper {width:100%;padding:5rem 0;overflow:visible;}
#sec03 .sec03_swiper .swiper-wrapper {align-items:center;}
#sec03 .swiper-slide {width:calc(25% - 5rem) !important;aspect-ratio:1/1;transition:all 0.5s ease;margin-right:5rem;}
#sec03 .swiper-slide-active {width:calc(50% - 5rem) !important;}

#sec03 .img_box {position:relative;height:100%;background-size:cover;background-position:center;transition:all 0.5s ease;box-shadow:5px 10px 25px rgba(0,0,0,0.15);border-radius:10rem 5rem 10rem 5rem;}
#sec03 .swiper-slide-active .img_box {border-radius:20rem 10rem 20rem 10rem;}

#sec03 .slide_label {position:absolute;left:50%;bottom:0;transform:translate(-50%, 50%);display:flex;justify-content:center;align-items:center;width:15rem;height:4rem;background:var(--primary);color:#fff;font-size:2rem;font-weight:600;border-radius:3rem;transition:all 0.5s ease;}
#sec03 .swiper-slide-active .slide_label {width:20rem;height:5rem;font-weight:700;font-size:3rem;background:var(--primary);}

/* 회전하는 버튼 */
#sec03 .sec03_btn {position:absolute;right:0;top:0;z-index:20;width:8rem;height:8rem;background:var(--primary2);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;font-size:4.5rem;transition:all 0.5s ease;box-shadow:3px 5px 15px rgba(121, 165, 30, 0.4);opacity:0;visibility:hidden;transform:scale(0);}
#sec03 .swiper-slide-active .sec03_btn {opacity:1;visibility:visible;transform:scale(1);}
#sec03 .swiper-slide-active .sec03_btn:hover {transform:translateY(-1rem) scale(1.05);background:var(--primary);}
#sec03 .sec03_btn .circle_text_svg {position:absolute;top:-1.5rem;left:-1.5rem;width:calc(100% + 3rem);height:calc(100% + 3rem);animation:rotateText 15s linear infinite;}
#sec03 .sec03_btn .circle_text_svg path {fill:none;}
#sec03 .sec03_btn .circle_text_svg text {font-size:1.2rem;fill:var(--primary);letter-spacing:0.95rem;}
@keyframes rotateText {100% {transform:rotate(360deg);}}
	@media only screen and (max-width:1199px){
		#sec03 .sec_tit {font-size:5rem;}
		#sec03 .info_text h4 {font-size:3.5rem;}
		#sec03 .info_text .tags {font-size:2.6rem;gap:2rem;}
		#sec03 .info_text .tags i {font-size:3rem;}
		#sec03 .info_text .desc {font-size:2rem;}
		#sec03 .swiper-slide {width:calc(25% - 3rem) !important;margin-right:3rem;}
		#sec03 .swiper-slide-active {width:calc(50% - 3rem) !important;}
		#sec03 .swiper-slide-active .slide_label {width:16rem;height:4rem;font-size:2.5rem;}
		#sec03 .img_box {border-radius:5rem 2.5rem 5rem 2.5rem;}
		#sec03 .swiper-slide-active .img_box {border-radius:10rem 5rem 10rem 5rem;}
		#sec03 .sec03_btn {width:7rem;height:7rem;font-size:3.5rem;}
		#sec03 .slide_label {width:12rem;}
	}
	@media only screen and (max-width:1023px){
		#sec03 .main_wrap {flex-direction:column;justify-content:center;padding:5rem 0;gap:3rem;height:auto;}
		#sec03 .bg_line {display:none;}
		#sec03 .left_text_wrap {width:100%;height:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;}
		#sec03 .sec_tit_box {height:auto;display:flex;flex-direction:row;align-items:flex-end;gap:2rem;}
		#sec03 .sec_tit {font-size:4.5rem;}
		#sec03 .sec_tit_en {display:none;}
		#sec03 .info_text_wrap {height:auto;display:flex;padding:0 1rem;width:100%;padding-top:2rem;}
		#sec03 .info_text {position:static;opacity:1;visibility:visible;transform:translateY(0);display:none;}
		#sec03 .info_text.active {display:flex;flex-direction:column;align-items:center;}
		#sec03 .info_text .tags {justify-content:center;gap:2rem;}
		#sec03 .info_text .desc {word-break:keep-all;}
		#sec03 .right_slide_wrap {width:100%;height:auto;justify-content:center;}
		#sec03 .swiper-slide {width:calc(30% - 2rem) !important;margin-right:2rem;}
		#sec03 .swiper-slide-active {width:calc(40% - 2rem) !important;}
		#sec03 .swiper-slide-active .slide_label {font-weight:500;}
		#sec03 .sec03_btn .circle_text_svg text {letter-spacing:1.2rem;}
	}
	@media only screen and (max-width:767px){
		#sec03 .main_wrap {padding-top:7rem;gap:1.5rem;}
		#sec03 .sec_tit_box {flex-direction:column;align-items:center;gap:0.5rem;}
		#sec03 .sec_tit_en {text-align:center;padding-bottom:0;}
		#sec03 .info_text h4 {font-size:3rem;}
		#sec03 .info_text .tags {gap:1rem;flex-wrap:wrap;}
		#sec03 .info_text .tags span {font-size:1.8rem;}
		#sec03 .info_text .tags i {font-size:2.5rem;}
		#sec03 .info_text .desc {font-size:1.8rem;br {display:none;}}
		#sec03 .swiper-slide {width:calc(33.33% - 1.5rem) !important;margin-right:1.5rem;}
		#sec03 .swiper-slide-active {width:calc(33.33% - 1.5rem) !important;}
		#sec03 .slide_label {width:9rem;height:3rem;font-size:1.4rem;border-radius:2rem;}
		#sec03 .swiper-slide-active .slide_label {width:12rem;height:3.5rem;font-size:1.8rem;}
		#sec03 .swiper-slide-active .img_box {border-radius:10rem 5rem 10rem 5rem;}
		#sec03 .sec03_btn {width:6rem;height:6rem;font-size:3rem;}
		#sec03 .sec03_btn .circle_text_svg {top:-1.3rem;left:-1.3rem;width:calc(100% + 2.6rem);height:calc(100% + 2.6rem);}
		#sec03 .sec03_btn .circle_text_svg text {font-size:1.4rem;}
	}


/* ========================= #sec04 ========================= */
#sec04 {justify-content:flex-start !important;}
#sec04 .top_cont {display:flex;justify-content:center;align-items:center;width:100%;height:100dvh;background:url("../../images/fs/main/sec04_top_bg.png") no-repeat center/cover;}
.active #sec04 .top_cont, #sec04.keep-ani .top_cont {height:45dvh;transition:height 1s 1s;}
#sec04 .top_cont h3 {font-weight:600;font-size:6rem;color:var(--primary2);text-align:center;line-height:1.3;}
#sec04 .top_cont h3 em {display:block;-webkit-text-stroke:.5px rgba(255,255,255,.5);-webkit-text-fill-color:transparent;}
#sec04 .bottom_cont {display:flex;justify-content:space-between;align-items:center;width:100%;height:55dvh;position:absolute;bottom:0;left:0;transform:translateY(100%);transition:transform 1s;}
.active #sec04 .bottom_cont, #sec04.keep-ani .bottom_cont {transform:translateY(0);transition:transform 1s 1s;}
#sec04 .bottom_cont li {width:100%;height:100%;flex:1 1 0;}
#sec04 .bottom_cont li:not(:last-child) {border-right:1px solid var(--wm50);}
#sec04 .bottom_cont li a {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--primary);overflow:hidden;padding:1rem 2rem;}
#sec04 .bottom_cont li a::before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../../images/fs/main/sec04_motif.png") no-repeat bottom -3.5rem left -.5rem var(--bm80);opacity:0;transition:all 0.4s ease;}
#sec04 .bottom_cont li a > * {position:relative;z-index:1;}
#sec04 .bottom_cont li a:is(:hover, :focus, :active)::before {opacity:1;}
#sec04 .bottom_cont li a i {font-size:9rem;color:var(--primary2);transform:translateY(100px);opacity:0;transition:all 3s;}
#sec04 .bottom_cont li a em {font-weight:700;font-size:3rem;color:#fff;text-align:center;transform:translateY(-100px);opacity:0;transition:all 3s;}
#sec04 .bottom_cont li a p {font-weight:600;font-size:2rem;line-height:1.7;color:rgba(255,255,255,.7);text-align:center;margin-top:1.5rem;transform:translateX(-100px);opacity:0;transition:all 3s;text-wrap:balance;max-inline-size:45rem;}
.active #sec04 .bottom_cont li a i, #sec04.keep-ani .bottom_cont li a i {transform:translateY(0);opacity:1;}
.active #sec04 .bottom_cont li a em, #sec04.keep-ani .bottom_cont li a em {transform:translateY(0);opacity:1;}
.active #sec04 .bottom_cont li a p, #sec04.keep-ani .bottom_cont li a p {transform:translateX(0);opacity:1;}
	@media only screen and (max-width:1299px){
		#sec04 .bottom_cont li a {padding:3rem;}
		#sec04 .bottom_cont li a p {text-wrap:balance;}
		#sec04 .bottom_cont li a p br {display:none;}
	}
	@media only screen and (max-width:1023px){
		/* JS 추가되면서 .active, .keep-ani 클래스에 덮어써지지 않게 재정의 */
		.active #sec04 .top_cont, #sec04.keep-ani .top_cont {height:40dvh;}
		#sec04 .bottom_cont {flex-direction:column;height:60dvh;}
		#sec04 .bottom_cont li {max-height:none;height:calc(100% / 3);} /* 1/3씩 균등 배분 */
		#sec04 .bottom_cont li:not(:last-child) {border-right:none;border-bottom:1px solid var(--wm50);}

		/* 세로 공간 부족(글자 겹침) 해소를 위해 아이콘 텍스트 좌우 배치 (Grid 적용) */
		#sec04 .bottom_cont li a {display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:3rem;align-items:center;align-content:center;padding:2rem 5rem;}
		#sec04 .bottom_cont li a i {grid-row:1 / span 2;font-size:7rem;}
		#sec04 .bottom_cont li a em {grid-row:1;font-size:2.4rem;text-align:left;align-self:end;}
		#sec04 .bottom_cont li a p {grid-row:2;font-size:1.7rem;line-height:1.5;text-align:left;margin-top:0.5rem;align-self:start;text-wrap:unset;max-inline-size:none;}
	}
	@media only screen and (max-width:767px){
		#sec04 .top_cont h3 {text-align:center;font-size:4rem;}
		#sec04 .bottom_cont li a {column-gap:2rem;padding:2rem;}
		#sec04 .bottom_cont li a i {font-size:5.5rem;}
		#sec04 .bottom_cont li a em {font-size:2rem;}
		#sec04 .bottom_cont li a p {font-size:1.6rem;line-height:1.4;}
	}


/* ========================= 플로팅 스크롤 ========================= */
.fp_nav_minimal {position:fixed;right:2rem;bottom:2rem;z-index:100;display:flex;flex-direction:row;align-items:center;gap:2rem;padding:0.8rem 2.5rem;background:rgba(0,0,0,0.15);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border-radius:5rem;transition:all 0.4s ease;}
.fp_nav_minimal.dark {background:rgba(255,255,255,0.4);} 
.fp_nav_minimal.hide {opacity:0;visibility:hidden;pointer-events:none;}
.fp_nav_minimal.first_sec .btn_fp_prev {opacity:0.2;pointer-events:none;}

.fp_nav_minimal button {font-size:2.4rem;color:#fff;opacity:0.8;transition:0.3s;text-shadow:0 1px 5px rgba(0,0,0,0.3);}
.fp_nav_minimal.dark button {color:var(--black);text-shadow:none;}
.fp_nav_minimal button:hover {opacity:1;transform:scale(1.2);}

.fp_indicator {display:flex;flex-direction:row;align-items:center;gap:1.5rem;}
.fp_indicator .curr {font-size:1.8rem;font-weight:800;color:var(--yellow);text-shadow:0 0 1rem rgba(0,0,0,0.5);}
.fp_nav_minimal.dark .fp_indicator .curr {color:var(--primary);text-shadow:none;}

.fp_indicator .line {width:4.5rem;height:2px;background:rgba(255,255,255,0.3);border-radius:2px;}
.fp_nav_minimal.dark .fp_indicator .line {background:var(--primary);opacity:0.2;}

.fp_indicator .total {font-size:1.2rem;color:#fff;opacity:0.6;}
.fp_nav_minimal.dark .fp_indicator .total {color:var(--black);}

.fp_nav_minimal .btn_fp_next {animation:arrowRightMini 2s infinite;}
	@keyframes arrowRightMini {0%, 100% {transform:translateX(0);} 50% {transform:translateX(5px);}}

	@media screen and (max-width:1023px) {
		.fp_nav_minimal {right:1.5rem;bottom:1.5rem;gap:1.5rem;padding:0.7rem 2rem;}
		.fp_nav_minimal button {font-size:2.2rem;}
		.fp_indicator .line {width:3.5rem;}
	}
	@media screen and (max-width:767px) {
		.fp_nav_minimal {right:1rem;bottom:1rem;gap:1.2rem;padding:0.6rem 1.5rem;background:rgba(0,0,0,0.6);} 
		.fp_nav_minimal.dark {background:rgba(255,255,255,0.85);box-shadow:0 4px 15px rgba(0,0,0,0.1);}
		.fp_indicator {gap:0.8rem;}
		.fp_indicator .line {width:2.5rem;height:1.5px;}
		.fp_nav_minimal button {font-size:1.8rem;} 
		.fp_indicator .curr {font-size:1.5rem;} 
		.fp_indicator .total {font-size:1.1rem;} 
	}