@charset "utf-8";

.section { margin-top:260px; }
.section.main1 { margin-top:0; }
@media screen and (max-width:1440px){
	.main { overflow:hidden }
	.section { margin-top:200px; }
}
@media screen and (max-width:1280px){
	.section { margin-top:160px; }
}
@media screen and (max-width:1024px){
	.section { margin-top:120px; }
}
@media screen and (max-width:640px){
	.section { margin-top:80px; }
}

#visual { opacity:0; position:relative; width:100%; height:100vh; overflow:hidden;}
.subOn #visual { opacity:1; }
#visual .swiper-container { position:relative; width:100%; height:100vh; overflow:hidden; }
#visual .swiper-container .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; }
#visual .swiper-container .swiper-slide.swiper-slide-active { opacity:1; z-index:2 }
#visual .txtbox { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:#fff; text-align:center; }
#visual .txtbox .txt { opacity:0; color:#000; font-size:var(--font120); font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
#visual .txtbox .txt span { color:var(--mainColor); }
#visual .swiper-container .swiper-slide.swiper-slide-active .txtbox .txt { animation:visual_txt 1.0s 0.2s forwards, visual_txt_off 0.8s 3.0s forwards; }
#visual .swiper-pagination { display:none }

#visual .swiper-button-next, 
#visual .swiper-button-prev,
.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }

@keyframes visual_txt {
	0% { transform:translateY(40px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}
@keyframes visual_txt_off {
	0% { transform:translateY(0); opacity:1;}
	100% { transform:translateY(-50px); opacity:0;}
}

@media screen and (max-width:1440px){
}


.recommend-box { position:sticky; top:0; }
.recommend-box.animation { position:relative; }
.recommend-box .top { position:relative; top:0; width:100%; height:105vh; }
.recommend-box .top .txtbox { position:sticky; top:0; width:100%; height:105vh; background:#f5f5f5; display:flex; align-items:center; justify-content:center; transform:translate3d(0px, 0px , 0); }
.recommend-box .top .txtbox .txt { display:flex; align-items:center; justify-content:center; gap:60px; color:#aaa; font-size:var(--font100); font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.recommend-box .top .txtbox .txt .stxt { display:flex; align-items:center; justify-content:center; gap:0; }
.recommend-box .top .txtbox .txt .stxt strong { position:relative; color:#000; font-size:var(--font90); font-weight:700; min-width:160px; }
.recommend-box .top .txtbox .txt .stxt strong span { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.recommend-box .top .txtbox .txt .stxt strong .icon { display:flex; align-items:center; justify-content:center; opacity:0;  }
.recommend-box .top .bg-box { opacity:0; position:absolute; left:0; top:0; width:100%; height:105vh; overflow:hidden; }
.recommend-box .top .bg-box .bg { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background-position:center top; background-repeat:no-repeat; background-size:cover; }
.recommend-box .top .bg-box .bg-1 .txt { color:#fff; font-size:var(--font80); font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.recommend-box .top .bg-box .bg-1 .txt span { width:fit-content; color:#222; background-size:200% 100%; -webkit-background-clip:text; background-position:100%; }
.recommend-box .top .bg-box .bg-1 .txtbg { opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); }
.recommend-box .top .bg-box .bg-2 .txt { transform:scale(8); }
.recommend-box .top .bg-box .bg-2 .txt svg { color:#fff; font-weight:700; display:inline-block; width:auto; }
.recommend-box .top .bg-box .bg-2 .txt svg text { fill:rgba(255, 255, 255, 1); stroke:#fff; stroke-width:2; font-size:var(--font120); font-weight:700; line-height:1.3; opacity:1; }
.recommend-box .top .bg-box .bg-2 .txtbg { opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 27.77%, #000 100%); }
.recommend-box .top .down { opacity:0; position:absolute; left:50%; bottom:60px; transform:translate(-50%, 0); }
.recommend-box .top .down span { display:block; }
.recommend-box .product-view { margin-top:0; position:relative; width:100%; height:100vh; }
.recommend-box .product-view::before { content:""; display:block; background:#000; position:absolute; top:0; left:0; width:100%; height:0; }
.recommend-box .product-view .listbox { position:relative; display:flex; align-items:center; justify-content:center; height:100%; overflow:hidden; }
.recommend-box .product-view .listbox .imgbox { position:relative; width:62%; }
.recommend-box .product-view .listbox .imgbox figure { position:relative; border-radius:500px; overflow:hidden; }
.recommend-box .product-view .listbox .imgbox figure:after { content:""; display:block; padding-bottom:53%; }
.recommend-box .product-view .listbox .imgbox figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.recommend-box .product-view .listbox .imgbox .btnMore { position:absolute; right:0; bottom:0; }
.recommend-box .product-view .listbox .txtbox { width:calc(100% - 62%); padding-left:100px; display:flex; gap:30px; flex-direction:column; }
.recommend-box .product-view .listbox .txtbox h4 { color:#fff; font-size:var(--font60); font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.recommend-box .product-view .listbox .txtbox .txt-1 { color:#fff; font-size:var(--font28); font-weight:500; line-height:1.42; letter-spacing:-0.04em; }
.recommend-box .product-view .listbox .txtbox .txt-2 p:not(:last-child) { margin-bottom:13px; }
.recommend-box .product-view .listbox .txtbox .txt-2 p { color:#fff; font-size:var(--font18); font-weight:300; line-height:1.66; letter-spacing:-0.035em; }
@media screen and (max-width:1440px){
	.recommend-box .product-view .listbox .txtbox { padding-left:60px; }
}
@media screen and (max-width:1280px){
	.recommend-box .top .txtbox .txt .stxt strong .icon img { width:110px; }
	.recommend-box .top .txtbox .txt .stxt > img { height:80px; }
	.recommend-box .product-view .listbox .txtbox { padding-left:40px; gap:20px; }
	.recommend-box .product-view .listbox .txtbox .txt-2 p:not(:last-child) { margin-bottom:10px; }
}
@media screen and (max-width:1024px){
	.recommend-box .top .txtbox .txt { gap:40px; }
	.recommend-box .top .txtbox .txt .stxt strong .icon img { width:90px; }
	.recommend-box .top .txtbox .txt .stxt > img { height:65px; }
	.recommend-box .top .bg-box .bg-2 .txt svg text { stroke-width:1; }
	.recommend-box .top .down img { width:14px; }
}
@media screen and (max-width:960px){
	.recommend-box .product-view { padding:40px 0; height:auto; }
	.recommend-box .product-view .listbox { flex-wrap:wrap; height:auto; }
	.recommend-box .product-view .listbox .imgbox { width:100%; }
	.recommend-box .product-view .listbox .txtbox { width:100%; max-width:480px; margin:30px auto 0; padding:0 20px; }
}
@media screen and (max-width:640px){
	.recommend-box .top .txtbox .txt { gap:20px; }
	.recommend-box .top .txtbox .txt .stxt strong .icon img { max-width:40px; }
	.recommend-box .top .txtbox .txt .stxt > img { height:45px; }
	.recommend-box .top .bg-box .bg-2 .txt svg text { stroke-width:0.4; }
	.recommend-box .product-view .listbox .imgbox figure:after { padding-bottom:50%; }
	.recommend-box .product-view .listbox .txtbox { padding:0 10px; }
}
@media screen and (max-width:480px){
}


/* animation */
.recommend-box .top .txtbox .txt { opacity:0; }
.recommend-box.animation .top .txtbox .txt { animation:ani_5 0.8s 0.5s; animation-fill-mode:both; }
.recommend-box.animation .top .txtbox .txt .stxt span.t { animation:ani_6 0.6s 0.8s; animation-fill-mode:both; }
.recommend-box.animation .top .txtbox .txt .stxt strong span.icon { animation:sizeUp 1.2s 0.9s; animation-fill-mode:both; }
.recommend-box.animation .top .txtbox .txt .stxt strong { animation:wt100 1.2s 0.9s; animation-fill-mode:both; }
.recommend-box.animation .top .txtbox { animation:ani_6 1.2s 2.1s; animation-fill-mode:both; }
.recommend-box.animation .top .bg-box { background:#fff; animation:ani_5 1.0s 2.2s forwards, ani_circle 2.5s 2.3s forwards;clip-path:circle(100px at 50% 51%); }
.recommend-box.animation .top .bg-box .bg-1 .txt { animation:ani_3 1.5s 2.8s; animation-fill-mode:both; }
.recommend-box.animation .top .bg-box .bg-1 .txtbg { animation:ani_5 1.5s 2.8s; animation-fill-mode:both; }
.recommend-box.animation .top .bg-box .bg-1 .txt span { background-image:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1) 50%, rgba(255,255,255,0.2) 50%); -webkit-text-fill-color:transparent; }
.recommend-box.animation .top .bg-box .bg-1 .txt span { animation:gradientShift 1.0s 4.0s cubic-bezier(.33,.53,.52,.72); animation-fill-mode:both; }
.recommend-box.animation .top .bg-box .bg-1 .txt.txt-2 span { animation:gradientShift 1.0s 4.4s; animation-fill-mode:both; }
.recommend-box.animation .top .bg-box .bg-1 { animation:ani_6 0.5s 5.5s; animation-fill-mode:both; }
.recommend-box.animation .top .bg-box .bg-2 { animation:bg-z 0.1s 6.0s; animation-fill-mode:both; }
.recommend-box.animation .top .bg-box .bg-2 .txt { animation:fontScale 1.0s 5.5s cubic-bezier(.33,.53,.52,.72); animation-fill-mode:both; }
.recommend-box.animation .top .bg-box .bg-2 .txt svg text { animation:txt_ani01 1.4s 6.3s; animation-fill-mode:both; }
.recommend-box.animation .top .bg-box .bg-2 .txtbg { animation:ani_5 1.5s 6.0s; animation-fill-mode:both; }
.recommend-box.animation .top .down { animation:ani_5 0.8s 6.3s; animation-fill-mode:both; }
.recommend-box.animation .top .down span { animation:scrollDown 2.5s 9s infinite; }
.recommend-box .product-view.subOn::before { animation:ani_h 1.0s 0.1s; animation-fill-mode:both; }
.recommend-box .product-view .listbox .imgbox,
.recommend-box .product-view .listbox .txtbox { opacity:0; }
.recommend-box .product-view.subOn .listbox .imgbox { animation:ani_3 0.6s 1.0s; animation-fill-mode:both; }
.recommend-box .product-view.subOn .listbox .txtbox { animation:ani_3 0.6s 1.0s; animation-fill-mode:both; }
@keyframes sizeUp {
	0% { transform:translate(-50%, -50%) scale(0); opacity:0; }
	100% { transform:translate(-50%, -50%) scale(1); opacity:1; }
}
@keyframes wt100 {
	0% { min-width:180px; }
	100% {min-width:260px; }
}
@keyframes ani_circle {
	0% { clip-path:circle(100px at 50% 51%); }
	100% {clip-path:circle(200% at 50% 51%);}
}
@keyframes ani_hide {
	0% { opacity:1; }
	100% {opacity:0; }
}
@keyframes gradientShift {
	0% { background-position:100%; }
	100% { background-position:0%; }
}
@keyframes bg-z {
	0% {  }
	100% { z-index:1 }
}
@keyframes fontScale {
	0% { transform:scale(8); }
	85% { transform:scale(0.8); }
	100% { transform:scale(1.00); }
}
@keyframes txt_ani01 {
	0% { fill:rgba(255, 255, 255, 1); }
	100% { fill:rgba(255, 255, 255, 0); }
}
@keyframes scrollDown {
    0% { transform:translateY(-12px); }
    50% { transform:translateY(0); }
    100% { transform:translateY(-12px); }
}
@media screen and (max-width:1280px){
	@keyframes wt100 {
		0% { min-width:110px; }
		100% {min-width:180px; }
	}
}
@media screen and (max-width:1024px){
	@keyframes wt100 {
		0% { min-width:80px; }
		100% {min-width:140px; }
	}
}
@media screen and (max-width:640px){
	@keyframes wt100 {
		0% { min-width:60px; }
		100% {min-width:100px; }
	}
}


.destination .title-box { display:flex; align-items:center; gap:30px; }
.destination .title-box h4 { color:#000; font-size:var(--font60); font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.destination .title-box .stxt { color:#111; font-size:var(--font22); font-weight:400; line-height:1.63; letter-spacing:-0.04em; }
.destination .listbox { position:relative; margin-top:30px; overflow:hidden; }
.destination .listbox .swiper-container { position:relative; width:100%; }
.destination .listbox .swiper-container .swiper-wrapper { display:flex; align-items:center; }
.destination .listbox .swiper-container .swiper-slide { transition:all 0.4s; position:relative; z-index:1; width:33.33% !important; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.destination .listbox .swiper-container .swiper-slide a { transition:all 0.4s; position:relative; display:block; width:100%; }
.destination .listbox .swiper-container .swiper-slide a:before { content:""; display:block; padding-bottom:120%; }
.destination .listbox .swiper-container .swiper-slide .box { position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:100%; height:100%; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-prev { z-index:1; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-active { z-index:6; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-next { z-index:5; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-next + .swiper-slide { z-index:4; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide { z-index:3; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-active a { margin-left:-2px; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-prev a { width:90%; margin-right:-40%; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-next a { width:90%; margin-left:-40%; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-next + .swiper-slide a { width:80%; margin-left:-100%; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide a { width:70%; margin-left:-169%; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide a { width:60%; margin-left:-245%; }
.destination .listbox .swiper-container .swiper-slide a { pointer-events:none; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-active a { pointer-events:auto; }
.destination .listbox .swiper-container .swiper-slide figure { width:100%; height:100%; position:relative; overflow:hidden; border-radius:var(--borderR30); border:1px solid rgba(255, 255, 255, 0.20); }
.destination .listbox .swiper-container .swiper-slide figure:after { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.9; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 64.29%, #000 100%); }
.destination .listbox .swiper-container .swiper-slide figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.destination .listbox .swiper-container .swiper-slide .location { position:absolute; left:30px; top:30px; display:flex; align-items:center; gap:5px; color:#fff; font-size:var(--font18); font-weight:600; line-height:1.3; font-family:'Figtree', sans-serif; }
.destination .listbox .swiper-container .swiper-slide .location span { width:25px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.destination .listbox .swiper-container .swiper-slide .txtbox { position:absolute; left:0; bottom:0; padding:0 100px 30px 30px; }
.destination .listbox .swiper-container .swiper-slide .txtbox dt h5 { color:#fff; font-weight:600; line-height:1.3; letter-spacing:-0.05em !important; transition:all 0.3s; }
.destination .listbox .swiper-container .swiper-slide .txtbox dt h5 span { display:inline; background:linear-gradient(to top, #fff 0 3px, transparent 3px 100%) no-repeat left center; background-size:0 auto !important; line-height:inherit; word-break:inherit; transition:background-size 0.5s; }
.destination .listbox .swiper-container .swiper-slide a:hover .txtbox h5 span  { background-size:100% auto !important; }
.destination .listbox .swiper-container .swiper-slide .txtbox dd { margin-top:10px; color:#fff; font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.03em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.destination .listbox .swiper-container .swiper-slide .txtbox .keyword { word-break:break-word; margin-top:10px; color:#fff; font-size:var(--font14); font-weight:400; line-height:1.3; letter-spacing:-0.03em; display:flex; gap:5px 10px; flex-wrap:wrap; }
.destination .listbox .swiper-container .swiper-slide .txtbox .keyword a { color:#fff; word-break:break-word; }
.destination .listbox .swiper-container .swiper-slide .person { position:absolute; right:26px; bottom:30px; text-align:center; width:60px; word-break:break-word; }
.destination .listbox .swiper-container .swiper-slide .person .i-img { position:relative; width:50px; overflow:hidden; border-radius:50px; margin:0 auto; }
.destination .listbox .swiper-container .swiper-slide .person .i-img:before { content:""; display:block; padding-bottom:100%; }
.destination .listbox .swiper-container .swiper-slide .person .i-img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.destination .listbox .swiper-container .swiper-slide .person strong { margin-top:10px; display:block; color:#fff; font-size:var(--font14); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.destination .listbox .swiper-pagination { display:none }
.destination .listbox .btnbox { position:absolute; right:0; top:0; display:flex; align-items:center; justify-content:center; gap:10px; }
.destination .listbox .btnbox .btn-pn { margin:0; padding:0; left:unset; right:unset; top:unset; position:relative; display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50px; background:var(--mainColor) url(/img/svg/arr_icon01.svg) center center no-repeat; } 
.destination .listbox .btnbox .btn-pn.swiper-button-prev { transform:rotate(180deg); }
.destination .listbox .swiper-container .swiper-slide .location,
.destination .listbox .swiper-container .swiper-slide .txtbox { opacity:0; transition:all 0.5s; }
.destination .listbox .swiper-container .swiper-slide .location { transform:translateX(50px); transition:all 0.8s 0.3s; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-active .location { transform:translateX(0); }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-active .location,
.destination .listbox .swiper-container .swiper-slide.swiper-slide-active .txtbox { opacity:1; }
.destination .listbox .swiper-container .swiper-slide .txtbox dt h5 { font-size:var(--font36); transition:all 0.5s 0.5s; width:400px; }
.destination .listbox .swiper-container .swiper-slide.swiper-slide-active .txtbox dt h5 { } 
@media screen and (max-width:1440px){
	.destination .listbox .swiper-container .swiper-slide .txtbox dt h5 { width:320px; }
}
@media screen and (max-width:1280px){
	.destination .title-box { gap:20px; }
	.destination .listbox .swiper-container .swiper-slide .txtbox dt h5 { width:270px; }
	.destination .listbox .swiper-container .swiper-slide .person strong { margin-top:8px; }
}
@media screen and (max-width:1024px){
	.destination .title-box { flex-wrap:wrap; gap:15px; }
	.destination .title-box h4 { width:100%; }
	.destination .listbox { margin-top:30px; }
	.destination .listbox .swiper-container .swiper-slide .txtbox dt h5 { width:230px; }
	.destination .listbox .swiper-container .swiper-slide .txtbox dt h5 span { background:linear-gradient(to top, #fff 0 2px, transparent 2px 100%) no-repeat left center; }
	.destination .listbox .swiper-container .swiper-slide .txtbox .keyword { gap:3px 8px;}
	.destination .listbox .swiper-container .swiper-slide .person { width:50px; }
	.destination .listbox .swiper-container .swiper-slide .person .i-img { width:40px; }
	.destination .listbox .swiper-container .swiper-slide .person strong { margin-top:5px; }
	.destination .listbox .swiper-container .swiper-slide .txtbox { padding:0 80px 20px 20px; }
	.destination .listbox .swiper-container .swiper-slide .location { left:20px; top:20px; }
	.destination .listbox .swiper-container .swiper-slide .location span { width:20px; }
	.destination .listbox .swiper-container .swiper-slide .location span img { width:15px; }
	.destination .listbox .btnbox { gap:5px; }
	.destination .listbox .btnbox .btn-pn { width:36px; height:36px; background-size:18px auto; } 
}
@media screen and (max-width:760px){
	.destination .listbox .swiper-container .swiper-slide .txtbox dt h5 { width:130px; }
}
@media screen and (max-width:640px){
	.destination .title-box { gap:10px; }
	.destination .listbox { margin-top:15px; }
	.destination .listbox .swiper-container .swiper-slide { width:75% !important; }
	.destination .listbox .swiper-container .swiper-slide.swiper-slide-prev a { width:100%; margin-right:10px; }
	.destination .listbox .swiper-container .swiper-slide.swiper-slide-next a { width:80%; margin-left:calc(-20% + 10px); }
	.destination .listbox .swiper-container .swiper-slide.swiper-slide-next + .swiper-slide a { width:80%; margin-left:calc(-20% + 10px); }
	.destination .listbox .swiper-container .swiper-slide .txtbox dt h5 { width:46vw }
	.destination .listbox .btnbox { margin-top:0; gap:3px; }
	.destination .listbox .btnbox .btn-pn { width:30px; height:30px; background-size:16px auto; } 
}


.txt-motion .swiper-container { position:relative; width:100%; padding:200px 0; overflow:hidden; }
.txt-motion .swiper-container .swiper-wrapper { display:flex; align-items:center; }
.txt-motion .swiper-container .swiper-slide { position:relative; width:100%; height:100%; }
.txt-motion .swiper-container .swiper-slide.swiper-slide-active { opacity:1; z-index:2 }
.txt-motion .txtbox { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:#fff; text-align:center; }
.txt-motion .txtbox .txt { opacity:0; color:#000; font-size:var(--font120); font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.txt-motion .txtbox .txt span { color:var(--mainColor); }
.txt-motion .swiper-container .swiper-slide.swiper-slide-active .txtbox .txt { animation:visual_txt 1.0s 0.2s forwards, visual_txt_off 0.8s 2.5s forwards; }
.txt-motion .swiper-pagination { display:none }
.txt-motion
.txt-motion .swiper-button-next, 
.txt-motion .swiper-button-prev { display:none; }
@media screen and (max-width:1440px){
	.txt-motion .swiper-container { padding:180px 0; }
}
@media screen and (max-width:1280px){
	.txt-motion .swiper-container { padding:140px 0; }
}
@media screen and (max-width:1024px){
	.txt-motion .swiper-container { padding:100px 0; }
	.txt-motion .txtbox .txt { font-size:var(--font70); }
}
@media screen and (max-width:640px){
	.txt-motion .swiper-container { padding:80px 0; }
}


.txt-rolling { overflow:hidden; margin-bottom:200px; }
.txt-rolling .list { display:flex; align-items:center; justify-content:center; gap:80px; }
.txt-rolling .list .txt { color:#ccc; font-size:var(--font60); font-weight:700; line-height:1.3; letter-spacing:-0.03em; }
.txt-rolling .list .txt a { color:#ccc; }
.txt-rolling.subOn .list { animation:txt_marquee 35s 0.5s infinite linear; }
@media screen and (max-width:1440px){
	.txt-rolling .list { gap:70px; }
	.txt-rolling .list .txt img { height:135px; }
}
@media screen and (max-width:1280px){
	.txt-rolling .list { gap:60px; }
	.txt-rolling .list .txt img { height:110px; }
}
@media screen and (max-width:1024px){
	.txt-rolling { margin-bottom:100px; }
	.txt-rolling .list { gap:40px; }
	.txt-rolling .list .txt img { height:90px; }
}
@media screen and (max-width:640px){
	.txt-rolling { margin-bottom:60px; }
	.txt-rolling .list { gap:30px; }
	.txt-rolling .list .txt img { height:65px; }
}

/* animation */
@keyframes txt_marquee {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }			
}