@charset "utf-8";

.tourlook-contents {padding-top:5.2083vw;font-family: 'Pretendard';color: #000;}

.section {padding:4.1667vw 3.125vw;text-align: center;}
.sec-tit {font-family: 'NewBedford';font-weight:900;font-size:3.3333vw;line-height: 1;}
.sec-txt {margin-top:0.2083vw;font-size:1.25vw;color:#ccc;line-height: 1.5;}

/* PLAYERS */
.sec-players{background-color:#000;color:#fff}
.sec-players .sec-tit {margin-bottom:1.25vw;font-size: 2.92vw;font-style: italic;}/* 260917 */
.sec-players .sec-txt {font-size:1vw;}/* 260916_v2 */
.swiper-players {margin-top:2.5vw;color:#fff}
.swiper-players::after {content:"";position:absolute;top:0;right:0;width:2.6042vw;height:100%;background:#000;z-index: 1;}
.swiper-players .swiper-wrapper {margin:0 auto;padding:2.8125vw 4.1667vw 0;gap:0.8333vw}
.swiper-players .swiper-slide {position:relative;max-width:13.5417vw;aspect-ratio: 260 / 380;}
.swiper-players .link-item {overflow:hidden;position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background-color: #ccc;border-radius: 0.4167vw;box-sizing: border-box;transition: all 0.3s;}
.swiper-players .link-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 13.48%, rgba(0, 0, 0, 0.6) 90.87%);z-index: 1;}
.swiper-players .link-item::before{display:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 0.4167vw;border: 2px solid #E31837;box-sizing: border-box;z-index: 2;}
.swiper-players .link-item:hover {height:22.6042vw;}
.swiper-players .link-item:hover .btn-more {opacity:1;}
.swiper-players .link-item:hover .card-img {transform: scale(1.1);bottom: -0.1042vw;}
.swiper-players .link-item:hover::before {display: block;}
.swiper-players .card-img {position: absolute;bottom:0;left:0;width:100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.swiper-players .card-img img {width:100%;height:100%;object-fit: cover;}
.swiper-players .card-desc {position: absolute;bottom:0;left:0;width:100%;padding:0.8333vw;color:#fff;text-align: left;z-index: 2;}
.swiper-players .card-desc .name {font-size:1.25vw;font-weight:700;word-break: break-word;}
.swiper-players .card-desc .info {margin-top:0.2604vw;font-size:0.7292vw;;word-break: break-word;}
.swiper-players .btn-more {opacity:0;display:block;margin-top:0.625vw;padding:0.625vw 0.5208vw;font-size:0.8333vw;font-weight: 700;color: #fff;text-align: center;background-color: #E31837;border-radius: 0.2083vw;transition: all 0.3s;transition-delay: 0.1s;}
.swiper-players .swiper-button-prev, 
.swiper-players .swiper-button-next {width:3.3333vw;height:3.3333vw;background:url('../images/common/ico_arrow_large_w.svg') no-repeat 50% 50% / cover;border:none;outline: none;}
.swiper-players .swiper-button-next {right:-0;transform: rotate(-180deg);}

/* TOUR LOOK TAB */
.tab-head {display:flex;gap:0.4167vw;justify-content:center;margin:0.9375vw auto 0;padding:1.0417vw 0 0;}
.tab-head-item {display:inline-block;padding:0.7813vw 1.4583vw;font-size:0.8333vw;font-weight:500;background:#EDEDED;border-radius: 5.2083vw;border:1px solid #EDEDED}
.tab-head-item.is-active {background-color: #fff;border-color:#000;}
.tab-content {display:none;}
.tab-content.is-active {display:block;}
.new-content-info {max-width:81.25vw;margin:2.0833vw auto 0;padding:2.0833vw 0 0; border-top:1px solid #ccc}
.tag-week {display: inline-block;padding:0.5208vw 1.3542vw;font-family:'NovaR';font-size: 0.8333vw;font-weight: 700;color:#fff;background:#E31837;}
.tag-period {display:block;margin-top:0.625vw;font-size: 0.9375vw;}
.tourlook-card-wrap {display: flex;flex-wrap: wrap;gap:0.8333vw;max-width: 75.4167vw;margin:2.0833vw auto 0; }
.tourlook-card-wrap:has(> .card-item:only-child), 
.tourlook-card-wrap:has(> .card-item:nth-child(2):last-child) {justify-content: center;}
.tourlook-card-wrap:has(> .card-item:nth-child(2):last-child) .card-item { flex-basis:calc((100% - 0.8333vw) / 2);}
.card-item {flex-basis:calc(33.3% - 0.8333vw);position: relative;display: block;max-width: 26.875vw;}
.card-item::after {content: "";position: absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.701961) 100%);z-index: 1;;}
.card-item::before {display:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border: 3px solid #E31837;box-sizing: border-box;z-index: 2;}/* 260916 */
.card-item:hover::before {display: block;}
.card-item:hover .game-name {text-decoration: underline;text-decoration-thickness: 0.1042vw;text-underline-offset: 0.4167vw;}
.card-item img {width:100%;height: 100%;object-fit: cover;}
.game-info {position: absolute;bottom:0;padding:1.25vw 1.25vw 3.0208vw;text-align:left;z-index: 2;;}
.game-badge {display:inline-block;margin-bottom:0.625vw;padding:0.3646vw 0.5729vw;font-size: 0.7292vw;font-weight:700; border: 1px solid #fff;color:#fff;}
.game-name {font-size: 1.6667vw;font-weight:700; color:#fff;}
.game-date {display:block;margin-top:0.625vw;font-size: 0.9375vw;font-weight:500; color:#fff;}
.game-area {display:block;margin-top:0.2083vw;font-size: 0.8333vw;font-weight:500; color:#fff;}
.badge-new {position:absolute;top:1.6667vw;left:1.25vw;display:inline-block;padding:0.1563vw 0.3125vw;font-size: 0.7292vw;font-weight: 700;color:#fff;border-radius: 0.1042vw;background:#E31837;z-index: 2;}

/* PROFILE */
.sec-player-profile {padding:2.0833vw 6.25vw 4.1667vw;background: #000;text-align: left;}
.link-tourlook-main {display:inline-block;padding-left:2.0833vw;font-size:1.25vw;color:#989898;font-weight: 600;line-height: 1;background: url('../images/common/ico_arrow_grey.svg') no-repeat 0 50% / 1.6667vw auto;;}
.link-tourlook-main:hover {color:#fff;background-image: url('../images/common/ico_arrow_white.svg');}
.player-profile {display: flex;align-items:center;gap:0 3.125vw;margin-top:3.125vw;color: #fff;}
.player-profile .card-img {overflow:hidden;width:16.9792vw;height:21.875vw;background-color: #ccc;}
.player-profile .card-img img {width: 100%;height: 100%;object-fit: cover;object-position: top;}
.player-profile .profile-desc {flex:1}
.player-profile .player-name {display: block;margin-top:0.3125vw;font-size: 2.5vw;font-weight: 700;}
.player-profile .player-en-name {display:block;margin-top:0.2083vw;font-family:'NovaR';font-size:0.9375vw;color:#989898}
.link-players {display:inline-block;margin-top:0.8333vw;padding:0.625vw 2.2917vw;font-size:0.8333vw;font-weight: 700;color: #fff;text-align: center;border-radius:0.2083vw;background-color: #E31837;}
.tourfit-info {display:flex;justify-content:flex-start;gap:1.0417vw;margin-top:2.0833vw;padding-top:1.25vw;border-top:1px solid #989898}
.tourfit-info .tourfit-item {flex:1}
.tourfit-info .item-title {display: block;color:#989898;font-family:'NovaR';font-size: 0.7292vw;font-weight: 700;}
.tourfit-info .item-data {display: block;margin-top:0.5208vw;color:#fff;font-family:'NovaR';font-size: 1.25vw;font-weight: 700;word-break: break-word;}

.sec-fieldcut-info {padding:2.0833vw 6.25vw 3.3333vw;background: #000;text-align: left;}
.sec-fieldcut-info .profile-desc {margin-top:3.125vw;}
.sec-fieldcut-info .game-name {font-size:2.5vw;}
.sec-fieldcut-info .game-date {color:#ccc;font-weight:400}

/* 260917 - FIELD CUT 목록. 스와이퍼에서 그리드로 변경 */
.sec-tourlook-list {padding: 4.1667vw 6.25vw}
.sec-tourlook-list .card-item::after {display: none;}
.sec-tourlook-list .tourlook-card-wrap {gap:3.13vw 0.8333vw;max-width: 100%;}
.sec-tourlook-list > .tourlook-card-wrap:first-child {margin-top:0;}/* 260921 */
.sec-tourlook-list .tourlook-card-wrap:has(> .card-item:nth-child(3):last-child) {justify-content: center;}
.sec-tourlook-list .tourlook-card-wrap .card-item {flex-basis: calc((100% - (0.8333vw * 3)) / 4);max-width: 23.875vw;}
.sec-tourlook-list .tourlook-card-wrap:has(> .card-item:nth-child(2):last-child) .card-item { flex-basis: calc((100% - (0.8333vw * 3)) / 4)}
.sec-tourlook-list .img-name {position:absolute;top:0.83vw;right:0.83vw;display: inline-block; padding:0.42vw 0.63vw; font-size:0.83vw; font-weight:700; color:#fff; background-color: rgba(0, 0, 0, 0.5);border-radius: 0.1vw;z-index: 1;}
.sec-tourlook-list .select-wrap {margin:-0.52vw auto 0;text-align: right;}
.sec-tourlook-list .select-wrap select {width:auto;min-width:260px;height:44px;padding:9px 46px 9px 16px;border: 1px solid #ccc;border-radius: 4px;font-size: 16px;line-height:1;background: url('../images/common/blt_select_arrow.svg') no-repeat right 16px top 50% / 24px auto}
.sec-tourlook-list .select-wrap + .tourlook-card-wrap {margin-top: 1.56vw}

/* FIELD CUT DETAILS  */
.sec-fieldcut-details {position:relative;display:flex;align-items:stretch;max-height:calc(90vh - 58px);padding:3.125vw 3.125vw 4.2708vw;background-color: #f5f5f5;}/* 260921 */
.sec-fieldcut-details .card-img {position:relative;flex-basis: 26.268%;flex-shrink: 0;text-align:center}/* 260921 */
.sec-fieldcut-details .card-img img {width: auto;height: 100%;object-fit: cover;}/* 260904 */
.sec-fieldcut-details .tourfit-details {overflow-y:auto;flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:2.5vw;background-color: #fff;}/* 260921 */
.sec-fieldcut-details .btn-arrow {position:absolute;left:50%;bottom:0.8854vw;width: 2.5vw;height: 2.5vw;background: rgba(0, 0, 0, 0.2) url('../images/common/ico_arrow_white.svg') no-repeat 0 0 / cover;transform: translateX(calc(-50% - 1.75vw));z-index: 1;}/* 260921 */
.sec-fieldcut-details .btn-next {transform: rotate(180deg) translateX(calc(-50% + 0.75vw));}/* 260921 */
.sec-fieldcut-details .btn-arrow:disabled {opacity: 0.35;cursor: default;}/* 260916 */
.who-wore {display: flex;gap:1.25vw;}
.who-wore .thumb-img {overflow:hidden;flex-shrink:0;width: 5.2083vw;height: 5.2083vw;background-color: #ccc;border-radius: 50%;}
.who-wore .thumb-img img {width: 100%;} /* 260904_2 */
.who-info {flex:1;display: flex;flex-wrap:wrap;align-items: center;align-content: center;}
.who-info .plag {width:100%;margin-bottom:0.4167vw;font-family:'NovaR';color: #E31837;font-size: 0.9375vw;font-weight: 700;text-align: left;}
.who-info .name {font-size: 1.6667vw;font-weight: 700;}
.who-info .en {margin:0.5208vw 0 0 0.625vw;font-family:'NovaR';color: #989898;font-size: 1.1vw;font-weight: 500;}
.btn-action-wrap {display: flex;align-items: center;gap:0.4167vw}
.btn-line {display:inline-block;padding:0.625vw 1.1979vw;font-size:0.7333vw;font-weight: 700;border-radius: 0.2083vw;border:1px solid #4C4C4C;}
.btn-action-arrow-r {display:inline-block;padding:0.625vw 2.5vw 0.625vw 1.1979vw;font-size:0.7333vw;font-weight: 700;border-radius: 0.2083vw;border:1px solid #E31837;color:#fff;background:#E31837 url('../images/common/ico_arrow_right_w.svg') no-repeat right 1.0417vw top 50% / 1.0417vw auto;}
.what-wore {margin-top:2.0833vw;padding-top:2.5vw;border-top:1px solid #eee;text-align: left;}
.sub-tit {font-size: 1.25vw;font-weight: 700;}

/* WHAT WORE  */
.swiper-product {margin:0.8333vw -0.8333vw 0;padding:0 0.8333vw;}
.swiper-product .swiper-slide {position:relative;max-width:12.9167vw;}
/* 260921 - 착장상품 크기 오류 수정분(퍼블 00b7fa0f)이 반영된 규칙 */
.swiper-product .card-img {display:block;aspect-ratio: 248 / 268;margin-right:0;background-color: #F8F8F8;}
.swiper-product .prod-name {display:block;margin-top:0.625vw;font-family:'NovaR';font-size: 0.7333vw;font-weight: 700;}
.swiper-product .swiper-button-prev,
.swiper-product .swiper-button-next {display:none;width:1.875vw;height:1.875vw;background: url('../images/explore/tourlook/btn_slide_arrow.png') no-repeat 0 0 / cover;}/* 260904 */
.swiper-product .swiper-button-prev {margin-left: -0.2125vw;}
.swiper-product .swiper-button-next {margin-right: -0.2125vw;transform: rotate(-180deg);}
.swiper-product .swiper-wrapper:has(> :nth-child(6)) ~ .swiper-button-prev, 
.swiper-product .swiper-wrapper:has(> :nth-child(6)) ~ .swiper-button-next {display:block;}/* 260904 */


/* FIELD CUT  */
/* 260917 - 선택된 필드컷 표시. 테두리 스타일은 퍼블 .card-item::before 를 그대로 쓴다 */
.sec-tourlook-list .card-item.is-current::before {display:block;}

/* 260921 선수 필터 탭 - 기존 셀렉트박스를 대체한다 */
.filter-tab-head {display:flex;justify-content:center;gap:1.6667vw;padding:1.4479vw;background: #F5F5F5;}
.filter-tab-head .btn-tab-item .tab-img {overflow:hidden;position:relative;display:inline-block;width:6.4375vw;height:6.4375vw;padding:0.3646vw;border-radius:5.2083vw;border:0.1563vw solid #F5F5F5;}
.filter-tab-head .btn-tab-item .tab-img img {width:100%;height: 100%; border-radius:5.2083vw; object-fit: cover;object-position: top;}/* 260922 */
.filter-tab-head .btn-tab-item .tab-name {display: block;margin-top:0.5333vw;font-size:0.9375vw; font-weight: 500; color:#4C4C4C;}
.filter-tab-head .btn-tab-all {width:5.7083vw;height:5.7083vw;margin-top:0.3646vw;border-radius:5.2083vw;line-height:5.7083vw;background-color: #fff;border:0.1042vw solid #F5F5F5;}
.filter-tab-head .btn-tab-all .tab-name {margin-top:0;color:#E31837;font-size:1.25vw;font-weight: 500;color:#4C4C4C;font-family: 'Oceanside';}
.filter-tab-head .btn-tab-all.is-active {border-color: #E31837;}
.filter-tab-head .btn-tab-item.is-active .tab-name,
.filter-tab-head .btn-tab-all.is-active .tab-name {color:#E31837}
.filter-tab-head .btn-tab-item.is-active .tab-img {border-color: #E31837;}

/* FIELD CUT DETAILS layer popup - 260921 상세가 인라인 섹션에서 레이어 팝업으로 변경 */
.layer-popup {display:none;position:fixed;top:50%;left:50%;width:92.71vw;max-width: 1780px;transform:translate(-50%, -50%);z-index:1000;}
.layer-popup.is-active {display:block;}
.layer-popup + .dimmed {display:none;}
.layer-popup + .dimmed.is-active {display:block;}
.layer-popup .btn-layer-close {position:absolute;top:-2.9167vw;right:-0;width:2.5vw;height:2.5vw;background: url('../images/common/ico-close-white.svg') no-repeat 50% 50% / cover;z-index: 1;}

/* 260902 개발 추가 - 데이터 0건 문구(퍼블 산출물에 빈 상태 마크업 없음) */
.tourlook-contents .no-data {padding:120px 0 140px;}
.tourlook-contents .no-data p {font-size:16px;color:#767676;}
.sec-players .no-data p {color:#fff;}