@charset "utf-8";

html::-webkit-scrollbar {
	width: 6px;
}
html::-webkit-scrollbar-track {
	background-color: #000;
}
html::-webkit-scrollbar-thumb {
	background-color: #555;
	border-radius: 3px;
}

.trans-layout.new-main.scroll-up .new-header {
	top: -101px !important;
}


.contents {
	padding-bottom: 4.688vw;
	color:#fff;
	font-family: 'Pretendard';
}
.section-title { margin-top:6.25vw; font-size: 5.21vw; font-weight:800; text-align: center; font-family: 'NewBedford'; line-height:1.2; letter-spacing: 2%; color: #111; }
.section-title .sub-text { display:block; margin-bottom:20px;font-size: 2.5vw; font-weight:900; font-family: 'Pretendard'; line-height:1; letter-spacing: -0.104vw; color: #111; }/* 260824_2 */
.section-text { font-size: 1.25vw; font-weight:500; line-height:1.5; text-align: center; color: #111; }
.campaign-bg-video { position: absolute; top: 1.88vw; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; opacity: 0.5; }/* 260819 */

/* COMMENT */
.comment-wrap {
	padding: 3.125vw 0 2.083vw;
	background: #fff;
}
.comment-area {
	width: 66.667vw;
	margin: 0 auto;
	padding: 0;
	border: none;
}
.comment-list-title {
	align-items: flex-end;
	margin: 0 0 1.042vw;
}
.comment-list-title .title {
	font-size: 1.667vw;
	font-weight: 700;
	line-height: 1;
	color: #111;
}
.comment-list-title .count {
	font-weight: 500;
	color: #4C4C4C;
}
/* 배너 영역 */
.comment-more {
	margin-bottom: -2.083vw;
}
.btn-link-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.833vw;
}
.btn-link-wrap a {
	display: inline-block;
	width: 13.542vw;
	font-size: 0.938vw;
	font-weight: 600;
	line-height: 2.708vw;
	border-radius: 5.208vw;
	text-align: center;
}
.btn-link-w {
	border: 2px solid #E32338;
	background-color: #fff;
	color: #E32338;
}
.btn-link-r {
	border: 2px solid #E32338;
	background-color: #E32338;
	color: #fff
}


/* 퀴즈 참여 레이어 */
.layer-question .layer-pop {
    overflow: hidden;
	width: 53.333vw;
    color: #fff;
    text-align: center;
    background-color: transparent;
	border-radius: 2.083vw;
}
.layer-question:before {
    background: rgba(0, 0, 0, 0.6);
}

.layer-question .layer-content {
	padding: 3.125vw 0 2.083vw;
}
.layer-question .layer-inner > .ui-close-pop {
	position: absolute;
    top: 1.25vw;
    right: 1.25vw;
    width: 2.083vw;
    height: 2.083vw;
}
.layer-question .layer-inner .ico-x-white {
	display: block;
    width: 100%;
    height: 100%;
	mask: url('../images/common/ico_close_black.png') no-repeat 50% 50% / cover;
	background-color: #fff;
}
.layer-question .question-tit {
    display: block;
	margin-bottom: 1.563vw;
    font-size: 1.875vw;
	font-weight: 700;
    line-height: 1;
}
.question-cont-wrap {
	padding: 0.313vw 0.521vw;
	background: rgba(0, 0, 0, 0.6);
}
.layer-question .question-cont {
    font-size: 0.938vw;
    line-height: 1.5;
    color: #fff;
}
.layer-question .answer-wrap {
    display: flex;
	flex-direction: column;
    justify-content: center;
    gap: 0.417vw;
	width: 27.083vw;
	margin: 1.563vw auto 0;
}
.layer-question .answer-item {
	position: relative;
    display: block;
	line-height: 2.396vw;
	text-align: left;
}
.layer-question .answer-item input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.layer-question .answer-label {
    display: block;
	padding: 0 1.25vw;
	border-radius: 0.625vw;
	border: 2px solid transparent;
	font-size: 0.833vw;
	color: #111;
	background-color: #ccc;
}
.layer-question .answer-label strong {
	padding-left: 0.625vw;
	font-weight: 700;
}
/* .layer-question .answer-item input:checked + .answer-label {
	color: #111;
	background: #fff url('../images/event/tour-fit-s-exhibition/ico_check.png') no-repeat right 0.677vw top 50% / 1.25vw auto;
} */
.layer-question .answer-label:disabled {
    cursor: default
}
.layer-question .btn-wrap {
	margin-top: 1.563vw;
}
.layer-question .btn-next,
.layer-question .btn-complete {
	position: relative;
	display: inline-block;
	min-width: 10.417vw;
    padding: 0 3.229vw 0 2.604vw;
    font-size: 0.833vw;
    font-weight: 600;
    color: #111;
    line-height: 2.5vw;
    border-radius: 5.208vw;
    text-align: center;
    box-sizing: border-box;
	background-color: #fff;
}
.layer-question .btn-complete {
	padding: 0 3.75vw;
}
.layer-question .btn-next-quiz {
	color: #fff;
	background-color: #E32338;
}
.layer-question .btn-next::after {
	content: "";
	position: absolute;
	top: 0.729vw;
	right: 1.25vw;
	width: 1.042vw;
	height: 1.042vw;
	mask: url('../images/common/icon_arrow_w_up.png') no-repeat 100% 50% / cover;
	background-color: #fff;
	transform: rotate(90deg);
}
.layer-question .btn-next-quiz::after {
	background-color: #fff;
}
.layer-question .btn-next:disabled,
.layer-question .btn-complete:disabled {
	color: #666666;
	background: #808080;
	cursor: default;
}
.layer-question .btn-next:disabled::after {
	background: #666;
}
.quiz-progress {
	overflow-y: auto;
	max-height: 70vh;
}
.quiz-progress::-webkit-scrollbar-track{
    border-radius:5px;
	background-color:#949494;
}
.quiz-progress::-webkit-scrollbar{
    width:6px;
	border-radius:5px;
	opacity:0;
}
.quiz-progress::-webkit-scrollbar-thumb{
    width:5px;
	margin:0 auto;
	border-radius:5px;
	background-color:#5a5858;
}
.layer-question .is-correct .answer-description {
	border: 1px solid rgba(34, 210, 101, 0.5);
}
.quiz-progress.is-correct .desc-tit {
	color: #22D265;
}
 .quiz-progress.is-correct .answer-item input:checked + .answer-label {
	color: #111;
	background: #fff url('../images/event/tour-fit-s-exhibition/ico_correct.png') no-repeat right 0.677vw top 50% / 1.25vw auto;
	border-color: transparent;
}
.quiz-progress.is-wrong .answer-item input:checked + .answer-label {
	color: #111;
	background: #ccc url('../images/event/tour-fit-s-exhibition/ico_wrong.png') no-repeat right 0.677vw top 50% / 1.25vw auto;
	border-color: #E32338;
}
.quiz-progress.is-correct .answer-item input:checked + .answer-label::before, 
.quiz-progress.is-wrong .answer-item input:checked + .answer-label::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #22D265;
	border-radius: 0.417vw;
	box-sizing: border-box;
}
.quiz-progress.is-wrong .answer-item input:checked + .answer-label::before {
	border-color: #E32338;
}
.layer-question .answer-description {
	width: 35.417vw;
    margin: 1.563vw auto 0;
    padding: 0.833vw 2.604vw;
    background: rgba(0,0,0,0.7);
    border-radius: 0.625vw;
}
.layer-question .desc-tit {
    font-size: 0.938vw;
    font-weight: 700;
    color: #E32338;
}
.layer-question .desc-txt {
    margin-top: 0.313vw;
    font-size: 0.729vw;
    line-height: 1.5;
    color: #ccc;
    text-align: center;
}
.correct-answer {
	display: block;
	margin: 0.417vw auto;
	font-size: 0.729vw;
	font-weight: 700;
	color: #fff;
}

.layer-question .video-wrap {
	position: relative;
	width: 30.521vw;
	height: 15.729vw;
	margin: 2.604vw auto 0;
}
.layer-question .video-wrap video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.layer-question .video-wrap .btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.917vw;
	height: 2.917vw;
	transform: translate(-50%, -50%);
	background: url('../images/event/tour-fit-s-exhibition/btn_play.png') no-repeat 50% 50% / cover;
}

.layer-question {position:relative;height: 46.875vw;padding-top:3.646vw;z-index: 1;}
.layer-question[data-idx="1"] {background: url('../images/event/tour-fit-s-exhibition/bg_quiz_01.jpg') no-repeat 50% 50% / cover; }
.layer-question .quiz-progress::-webkit-scrollbar {width: 3px }
.layer-question .quiz-progress::-webkit-scrollbar-thumb {background-color:#fff; }
.layer-question::before {display:none}
.layer-question[data-idx="2"] {background: url('../images/event/tour-fit-s-exhibition/bg_quiz_02.jpg') no-repeat 50% 50% / cover; }
.layer-question[data-idx="3"] {background: url('../images/event/tour-fit-s-exhibition/bg_quiz_03.jpg') no-repeat 50% 50% / cover; }
.layer-question[data-idx="4"] {background: url('../images/event/tour-fit-s-exhibition/bg_quiz_04.jpg') no-repeat 50% 50% / cover; }
.layer-question[data-idx="5"] {background: url('../images/event/tour-fit-s-exhibition/bg_quiz_05.jpg') no-repeat 50% 50% / cover; }
.layer-question[data-idx="6"],
.layer-question[data-idx="7"],
.layer-question[data-idx="8"] {background: url('../images/event/tour-fit-s-exhibition/bg_quiz_06.jpg') no-repeat 50% 50% / cover; }
.layer-question[data-idx="6"] .layer-pop {width:31.25vw;margin-top:5.208vw;border:none;border-radius:0;transform: translateX(16.406vw);}
.layer-question[data-idx="6"] .bg-blur,
.layer-question[data-idx="8"] .bg-blur {display:none}
.layer-question[data-idx="6"] .ui-close-pop,
.layer-question[data-idx="7"] .ui-close-pop,
.layer-question[data-idx="8"] .ui-close-pop {display:none}
.layer-question[data-idx="8"] .layer-pop {width:31.25vw;border:none;border-radius:0}
.layer-question[data-idx="6"] .quiz-step-wrap,
.layer-question[data-idx="7"] .quiz-step-wrap,
.layer-question[data-idx="8"] .quiz-step-wrap {display:none}
.layer-question[data-idx="8"] .layer-pop {margin-top:0}
.layer-question[data-idx="5"] .answer-wrap + .btn-wrap, 
.layer-question[data-idx="5"] .answer-description[style*="display: none"] + .btn-wrap {margin-top:14.2vw}/* 260814 */

.layer-question .layer-pop {position:relative;top:initial;left:initial;width:53.333vw;margin:2.292vw auto 0;border-radius: 1.25vw;border:2px solid rgba(133, 141, 168, 0.2);transform:none}/* 260814_v2 */
.layer-question .layer-inner {background: none}
.layer-question .layer-inner > .ui-close-pop {width:1.667vw;height:1.667vw;}
.layer-question .layer-content {min-height:35.26vw}

.layer-question .answer-wrap {display:flex;flex-wrap:wrap;flex-direction:row;gap:0.625vw 0.417vw;width:31.88vw;margin-top:1.563vw}
.layer-question .answer-label {font-weight:700;border:1px solid rgba(255, 255, 255, 0.3);background:rgba(0, 0, 0, 0.5);color:#fff;border-radius:0.417vw;cursor:pointer;}

.layer-question .answer-item input:disabled + .answer-label {cursor:default}
.layer-question .quiz-progress {display:none;}

.layer-question .answer-item {width:calc(50% - 0.209vw);}/* 260821 */
.layer-question .img-hint-wrap {overflow:hidden;width:31.88vw;height:11.042vw;margin:1.56vw auto 0;border-radius:0.417vw;background:#F0F0F0}
.layer-question .img-hint-wrap img {height:100%}
.layer-question .answer-description {overflow-y:auto;width:31.88vw;height:11.042vw;padding:1.25vw}/* 260814 */
.layer-question .answer-description::-webkit-scrollbar {width: 3px }
.layer-question .answer-description::-webkit-scrollbar-thumb {background-color:#fff; }
.layer-question .btn-next:disabled,
.layer-question .btn-complete:disabled {background-color:rgba(255, 203, 213, 1);color:#FFF5F8}
.layer-question .btn-next:disabled::after {background-color:#FFF5F8}
.layer-question .bg-blur {position:absolute;top:0;left:0;display:block;width:100%;height:100%;filter:blur(0.104vw);background:rgba(0, 0, 0, 0.5);z-index:-1 }/* 260814_v2 */
.layer-question .mission-complete-tit {font-size:3.125vw;font-family:'Oceanside';font-weight:700;line-height:1}
.layer-question .mission-complete-sub-cont {margin:1.302vw 0 2.083vw;font-size:1.25vw;font-weight:700;}
.layer-question .btn-complete {padding:0 3.333vw;line-height:3.125vw;color:#fff;font-size:1.25vw;background:#E31837;border-radius:0.208vw;}
.layer-question .btn-complete::after {display: none;}/* 260814 */
.layer-question .mission-complete-tit ~ .btn-wrap {margin-top:3.125vw;}
.layer-question .btn-next::after {right:2.7vw}
.layer-question .form-wrap {border-radius: 12px;}/* 260821 */
.layer-question .form-wrap .input-group label {font-weight:700}
.layer-question .form-wrap .form-control {border-radius: 4px;}/* 260821 */
.layer-question .btn-submit {padding:0 3.229vw;background:#E31837;color:#fff}
.layer-question .btn-submit::after {display:none}
.layer-question .btn-participate {padding:0 1.927vw 0 3.385vw;background:#E31837 url('../images/event/tour-fit-s-exhibition/ico_participate.png') no-repeat 1.927vw 50% / 1.042vw 1.042vw;color:#fff}
.layer-question .btn-participate::after {display: none;}
.layer-question .quiz-complete {display:none}
.layer-question .quiz-complete .complete-tit {padding-top:7.917vw;background-image: url('../images/event/tour-fit-s-exhibition/ico_complete.png');background-size:6.25vw 6.25vw}
.layer-question .quiz-complete .complete-cont {margin:1.667vw 0 2.083vw;font-size:1.042vw}

.quiz-step-wrap {position:relative;display:flex;gap:0.417vw;justify-content:center}
.quiz-step-wrap .step {width:3.385vw;height:0.208vw;border-radius: 0.104vw;background:rgba(204, 204, 204, 0.3)}
.layer-question[data-idx="1"] .step:nth-child(1),
.layer-question[data-idx="2"] .step:nth-child(2),
.layer-question[data-idx="3"] .step:nth-child(3),
.layer-question[data-idx="4"] .step:nth-child(4),
.layer-question[data-idx="5"] .step:nth-child(5) {background:rgba(227, 24, 55, 1)}
.layer-question[data-idx="7"] .form-wrap .input-group:only-child .textarea {height: 13vw;}/* 260821 */

.layer-question .video-wrap {margin-top:1.563vw;}
.layer-photo-view .layer-popup {max-width:28.229vw;width:calc(27.97vw + (4.17vw * 2));height:37.5vw;max-height: 88vh;aspect-ratio:538 / 720}
.layer-photo-view .layer-content .swiper-pagination {bottom:1.2083vw}
.layer-photo-view .layer-content .swiper-button-prev svg,
.layer-photo-view .layer-content .swiper-button-next svg {display: none;}

.form-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.25vw 1.042vw;
	width: 38.542vw;
	margin: 1.563vw auto 0;
	padding: 1.25vw 1.563vw;
	background-color: #fff;
	border-radius: 1.25vw;
}
.form-wrap ~ .btn-wrap .btn-complete.is-active{
	color: #fff;
	background-color: #E32338;
}
.form-wrap ~ .btn-wrap .btn-complete {
	color: #666666;
	background: #808080;
}
.form-wrap .form-control {
	font-family: 'Pretendard';
	font-size: 0.729vw;
}
.form-wrap .input-group {
	flex-basis: calc(50% - (1.042vw / 2));
	position: relative;
	margin-top: 0;
	text-align: left;
	font-size: 0;
}
.form-wrap .input-group.full-size {
	flex-basis: 100%;
}
.form-wrap .input-group .form-control::placeholder {
	font-size: 0.729vw;
}
.form-wrap .input-group .textarea {
	height: 5.99vw;
	font-size: 0.625vw;
}
.form-wrap .input-group label {
	font-size: 0.729vw;
	font-weight: 500;
	color: #111;
}
.form-wrap .count {
	position: absolute;
	right: 0;
	font-size: 0.625vw;
	color: #989898;
}
.form-wrap .count em {
	color: #111;
}
.require {
	color: #E32338;
}
.ico-alert {
	display:block;
	margin-top: 0.208vw;
	padding-left: 1.042vw;
	background: url('../images/event/tour-fit-s-exhibition/ico_alert_red.png') no-repeat 0 50% / cover;
	background-size: 0.833vw auto;
	color:#e32338;
	font-size: 0.625vw;
	line-height: 0.833vw;
	text-align:left;
	text-indent: initial;
}
.quiz-complete {
	padding-top: 3.906vw;
	padding-bottom: 6.146vw;
}
.quiz-complete .complete-tit {
	display: block;
	padding-top: 4.948vw;
	font-size: 2.083vw;
	font-weight: 700;
	line-height: 1;
	background: url('../images/event/tour-fit-s-exhibition/ico_complete.png') no-repeat 50% 0 / 3.75vw auto;
}
.complete-cont {
	margin-top: 3.125vw;
	margin-bottom: 2.083vw;
	font-size: 1.25vw;
	font-weight: 600;
	line-height: 1;
}

.cf-cont {
	margin-top: -0.729vw;
	font-size: 0.625vw;
	color: #4C4C4C;
	text-align: left;
}
.notice-info {
	display: inline-block;
	margin-top: 0.729vw;
	padding-left: 1.25vw;
	font-size: 0.729vw;
	font-weight: 600;
	background: url('../images/event/tour-fit-s-exhibition/ico_sound.png') no-repeat 0 -0.104vw / 1.042vw auto
}

/* 2026 기획전 투어핏 S FW */
.exhibition-tourfits-fw { font-family: "Pretendard"; }
.exhibition-tourfits-fw .section-hero { position: relative; overflow: hidden; height: 100vh; }
.video-hero {position: absolute;top:0;left: 0;width:100%;height:100vh;object-fit: cover;}/* 260819 */
/* 260819 */

/* 스크롤 텍스트 리빌 애니메이션 (지연시간은 스크립트에서 순서대로 자동 계산 - --reveal-delay) */
.exhibition-tourfits-fw .js-reveal .reveal-item {
	opacity: 0;
	transform: translateY(1.5vw);
	transition: opacity 1s ease, transform 1s ease;
}
.exhibition-tourfits-fw .js-reveal.is-inview .reveal-item {
	opacity: 1;
	transform: translateY(0);
	transition-delay: var(--reveal-delay, 0s);
}
.exhibition-tourfits-fw .section-xfactor { padding: 5.208vw 13.542vw; background: #000; }
.exhibition-tourfits-fw .xfactor-header { text-align: center; }
.exhibition-tourfits-fw .xfactor-title { font-family: "NewBedford"; font-weight: 900; font-size: 4.1667vw; line-height: 1; letter-spacing: 0.2083vw; color: #fff; text-transform: uppercase; }
.exhibition-tourfits-fw .xfactor-subtitle { display: block; font-family: "Pretendard"; font-weight: 500; font-size: 1.25vw; letter-spacing: 0.0521vw; color: #fff; text-transform: uppercase; }
.exhibition-tourfits-fw .xfactor-desc { margin-top: 1.667vw; font-size: 0.8333vw; font-weight: 700; line-height: 1.5; color: #ccc; }
.exhibition-tourfits-fw .xfactor-desc p + p { margin-top: 0.517vw; }
.exhibition-tourfits-fw .xfactor-grid { max-width: 66.667vw; margin: 2.083vw auto 0; }
.exhibition-tourfits-fw .xfactor-grid-top { display: flex; gap: 1.25vw; height: 28.646vw; }
.exhibition-tourfits-fw .xfactor-grid-bottom { margin-top: 1.25vw; }
.exhibition-tourfits-fw .xfactor-card { position: relative; overflow: hidden; display: flex; flex: 1; align-items: center; justify-content: center; padding: 1.25vw; border-radius: 0.625vw; }
.exhibition-tourfits-fw .xfactor-card.card-panoramic { height: 16.667vw; padding: 1.667vw; border-radius: 0.417vw; }
.exhibition-tourfits-fw .card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.exhibition-tourfits-fw .card-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); }
.exhibition-tourfits-fw .card-panoramic .card-overlay { background: rgba(0, 0, 0, 0.4); }
.exhibition-tourfits-fw .card-label { position: relative; text-align: center; white-space: nowrap; }
.exhibition-tourfits-fw .card-title { display: block; font-family: "NewBedford"; font-weight: 900; font-size: 2.5vw; letter-spacing: 0.052vw; color: #fff; text-transform: uppercase; line-height:1}
.exhibition-tourfits-fw .card-subtitle { display: block; font-family: "Pretendard"; font-weight: 700; font-size: 0.833vw; color: #fff; }

/* X-FACTOR 카드 리빌 애니메이션 (카드 자체가 아래에서 위로 순차적으로 올라옴) */
.exhibition-tourfits-fw .xfactor-grid-top .xfactor-card:nth-child(1) { --card-delay: 0s; }
.exhibition-tourfits-fw .xfactor-grid-top .xfactor-card:nth-child(2) { --card-delay: 0.15s; }
.exhibition-tourfits-fw .xfactor-grid-top .xfactor-card:nth-child(3) { --card-delay: 0.3s; }
.exhibition-tourfits-fw .xfactor-grid-bottom .xfactor-card { --card-delay: 0s; }
.exhibition-tourfits-fw .xfactor-grid .xfactor-card { opacity: 0; transform: translateY(3.125vw); transition: opacity 0.9s ease var(--card-delay, 0s), transform 0.9s ease var(--card-delay, 0s); }
.exhibition-tourfits-fw .xfactor-grid-top.is-inview .xfactor-card,
.exhibition-tourfits-fw .xfactor-grid-bottom.is-inview .xfactor-card { opacity: 1; transform: translateY(0); }
.exhibition-tourfits-fw .section-campaign { position: relative; overflow: hidden; height: 46.875vw; background: #0a0a0a; }
.exhibition-tourfits-fw .campaign-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.5) 40%,rgba(0, 0, 0, 0) 100%); }
.exhibition-tourfits-fw .campaign-inner { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2.604vw; width: 100%; padding: 0 1.25vw; top: 50%; transform: translateY(-50%); }
.exhibition-tourfits-fw .campaign-header { text-align: center; }
.exhibition-tourfits-fw .campaign-title {font-family: "NewBedford"; font-weight: 900; font-size: 4.1667vw; line-height: 1; letter-spacing: 0.2083vw; color: #fff; }
.exhibition-tourfits-fw .campaign-title .point { color: #e31837; }
.exhibition-tourfits-fw .campaign-desc { margin-top:0.67vw; font-size: 1.25vw; font-weight: 500; line-height: 1.5; color: #fff; }
.exhibition-tourfits-fw .campaign-info { display: flex; flex-direction: column; align-items: flex-start; gap: 0.625vw; }
.exhibition-tourfits-fw .campaign-info-row { display: flex; align-items: center; gap: 0.833vw; }
.exhibition-tourfits-fw .info-badge { display: flex; align-items: center; justify-content: center; min-width: 8.021vw; padding: 0.313vw 0.833vw; font-size: 0.9375vw; font-weight: 700; color: #fff; white-space: nowrap; border: 1px solid #ccc; border-radius: 52.031vw; }
.exhibition-tourfits-fw .info-text { font-size: 1.0417vw; font-weight: 700; color: #fff; white-space: nowrap; }
.exhibition-tourfits-fw .campaign-cta { display: flex; flex-direction: column; align-items: center; gap: 1.0417vw; padding-top: 1.146vw; }
.exhibition-tourfits-fw .participant-count { position: relative; display: flex; align-items: center; justify-content: center; height: 2.083vw; min-width: 12.5vw; padding: 0.521vw; background: #f5d57c; border-radius: 52.031vw; }
.exhibition-tourfits-fw .count-text { font-size: 0.8333vw; font-weight: 700; color: #000; white-space: nowrap; }
.exhibition-tourfits-fw .count-text em { font-style: normal; }
.exhibition-tourfits-fw .count-arrow { position: absolute; left: 50%; bottom: -0.31vw; width: 0.781vw; height: 0.625vw; transform: translateX(-50%) rotate(-60deg); }
.exhibition-tourfits-fw .btn-campaign-join { display: flex; align-items: center; justify-content: center; width: 17.708vw; height: 3.125vw; background: #e31837; border-radius: 0.2083vw; font-size: 1.25vw; font-weight: 700; color: #fff; }
.exhibition-tourfits-fw .section-field { position: relative; overflow: hidden; padding: 4.1667vw 13.542vw; background: #fff; }
.exhibition-tourfits-fw .field-inner { position: relative; max-width: 66.667vw; margin: 0 auto; }
.exhibition-tourfits-fw .field-logo { position: relative; z-index: 1; display: block; height: 1.875vw; margin: 0 auto; }
.exhibition-tourfits-fw .field-logo.js-reveal { opacity: 0; transform: translateY(1.5vw); transition: opacity 1s ease, transform 1s ease; }
.exhibition-tourfits-fw .field-logo.js-reveal.is-inview { opacity: 1; transform: translateY(0); }
.exhibition-tourfits-fw .field-grid { position: relative; z-index: 1; margin-top: 2.9167vw; height: 53.177vw; }
.exhibition-tourfits-fw .field-item { position: absolute; overflow: hidden; border-radius: 0.625vw; background: #eee; box-shadow: 0 0.417vw 1.25vw rgba(0, 0, 0, 0.08); opacity: 0; transform: translateY(2.5vw); transition: opacity 0.7s ease, transform 0.7s ease; }
.exhibition-tourfits-fw .field-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.exhibition-tourfits-fw .field-01 { top: 0; left: 0; width: 19.6875vw; height: 26.8229vw; }
.exhibition-tourfits-fw .field-02 { top: 27.2396vw; left: 0; width: 19.6875vw; height: 25.9375vw; }
.exhibition-tourfits-fw .field-03 { top: 0; left: 20.1042vw; width: 13.0208vw; height: 17.9688vw; }
.exhibition-tourfits-fw .field-04 { top: 18.3854vw; left: 20.1042vw; width: 13.0208vw; height: 17.4479vw; }
.exhibition-tourfits-fw .field-05 { top: 0; left: 33.5417vw; width: 19.6875vw; height: 25.5208vw; }
.exhibition-tourfits-fw .field-06 { top: 25.9375vw; left: 33.5417vw; width: 19.6875vw; height: 27.2396vw; }
.exhibition-tourfits-fw .field-07 { top: 0; left: 53.6458vw; width: 13.0208vw; height: 16.9271vw; }
.exhibition-tourfits-fw .field-08 { top: 17.3438vw; left: 53.6458vw; width: 13.0208vw; height: 18.125vw; }
.exhibition-tourfits-fw .field-09 { top: 35.8854vw; left: 53.6458vw; width: 13.0208vw; height: 17.2917vw; }
.exhibition-tourfits-fw .field-10 { top: 36.25vw; left: 20.1042vw; width: 13.0208vw; height: 16.9271vw; }
.exhibition-tourfits-fw .field-grid.is-inview .field-item { opacity: 1; transform: translateY(0); }
.exhibition-tourfits-fw .field-grid.is-inview .field-01 { transition-delay: 0.00s; }
.exhibition-tourfits-fw .field-grid.is-inview .field-02 { transition-delay: 0.10s; }
.exhibition-tourfits-fw .field-grid.is-inview .field-03 { transition-delay: 0.20s; }
.exhibition-tourfits-fw .field-grid.is-inview .field-04 { transition-delay: 0.30s; }
.exhibition-tourfits-fw .field-grid.is-inview .field-05 { transition-delay: 0.40s; }
.exhibition-tourfits-fw .field-grid.is-inview .field-06 { transition-delay: 0.50s; }
.exhibition-tourfits-fw .field-grid.is-inview .field-07 { transition-delay: 0.60s; }
.exhibition-tourfits-fw .field-grid.is-inview .field-08 { transition-delay: 0.70s; }
.exhibition-tourfits-fw .field-grid.is-inview .field-09 { transition-delay: 0.80s; }
.exhibition-tourfits-fw .field-grid.is-inview .field-10 { transition-delay: 0.90s; }

/* 260819 */
.prod-list-wrap { display: flex; flex-wrap: wrap; gap: 1.25vw 1.08vw; margin-top:40px; padding:0 4.79vw 5.21vw;}/* 260814_v2 */
.prod-list-wrap .slide-link { position:relative; display: block; width: calc(25% - 1.08vw); height: 100%; padding-bottom: 64px;background: #F8F8F8; overflow: hidden;aspect-ratio: 103 / 138; }
.prod-list-wrap .prd-chip-list { position: absolute; top: 1.1979vw; left: 1.3021vw; display: flex; gap: 0.5208vw; z-index: 1; }
.prod-list-wrap .prd-chip { display: block; width: 0.9375vw; height: 0.9375vw; border-radius: 50%; }
.prod-list-wrap .prd-chip.chip-white { background: #fff; border: 1px solid #e8e8e8; }
.prod-list-wrap .prd-chip.chip-black { background: #000; }
.prod-list-wrap .prd-img { height:100%;padding:30px 0 0; text-align: center;}
.prod-list-wrap .prd-img img { width: auto; height: 100%; object-fit: cover; }
.prod-list-wrap .prd-name { position: absolute; bottom: 0; left: 0; width: 100%; height: 3.3333vw; padding: 0 1.3021vw; background: #fff; font-family: 'nanumSq', sans-serif; font-size: 0.9375vw; font-weight: 800; color: #111; line-height: 3.3333vw; border-radius: 0 0 0.8333vw 0.8333vw; }
.prod-list-wrap .badge { position: absolute; top: 1.1979vw; left: auto; right: 1.3021vw; z-index: 1; }