@charset "utf-8";
/* 서브공통 */
.sub-section {margin-bottom: var(--space-120);}
.sub-section:last-child {margin-bottom: 0;}

/********************* ROWING *********************/
/* 공통 */
.game-intro-tit {text-align: center; font-size: var(--font-size-32); font-weight: 600; color: #242424; margin-bottom: var(--space-60); line-height: 1.312em;}
.com-tit {font-size: var(--font-size-16); font-weight: 500; color: var(--color-primary); margin-bottom: var(--space-20); line-height: 1.25em;}

/***** 로잉 설명 *****/
.row-desc {position: relative;}
.row-desc .img {overflow: hidden; border-radius: var(--radius-40); max-width: 1920px; margin: 0 auto;}
.row-desc .txt {position: absolute; right: 0; bottom: var(--space-100); width: 100%;}
.row-desc .txt p {max-width: clamp(400px, calc(700 / var(--inner) * 100vw), 700px); margin-left: auto; padding-right: var(--space-30); font-size: var(--font-size-28); font-weight: 500; line-height: 1.57em; color: #fff;}

/* 경기 방식 소개 */
.game-intro .cont {position: relative; max-width: 1220px; margin: 0 auto; padding: 0 30px;}
.game-intro .cont::before {content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 22px; background: url(../images/sub/quote-left.png) no-repeat center center / contain;}
.game-intro .cont::after {content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 22px; background: url(../images/sub/quote-right.png) no-repeat center center / contain;}
.game-intro .cont p {text-align: center; font-size: var(--font-size-20); font-weight: 400; line-height: 2.1em;}
.game-intro .cont strong {font-weight: 600; color: #242424;}

/* 조정 종목 소개 */
.row-events {background: #FAFAFA; padding: var(--space-120) 0 var(--space-150);}
.row-events .list {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-50) var(--space-40);}
.row-events .item {display: flex; flex-direction: column;}
.row-events .img {overflow: hidden; border-radius: var(--radius-24); margin-bottom: var(--space-30);}
.row-events .name {font-size: var(--font-size-20); font-weight: 600; color: #242424; margin-bottom: var(--space-12); line-height: 1.3em;}
.row-events .txt {font-size: var(--font-size-16); font-weight: 400; line-height: 1.75em; color: #454545;}
.row-events .txt strong {font-weight: 600; color: #242424;}

/***** 입시와의 연결고리 *****/
.rowing-master {position: relative; width: 100%; height: 400px; background: url(../images/sub/rowing-master-bg.jpg) no-repeat center center / cover; border-radius: 300px; overflow: hidden;}
.rowing-master .img {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 219px;}

/* ABOUT EDUCATION */
.about-edu .inner {display: flex; align-items: flex-start;justify-content: flex-start; gap: 260px;}
.about-edu .cap {font-size: var(--font-size-18); color: var(--color-primary); letter-spacing: 0.3em; margin-bottom: var(--space-20); line-height: 1.5em;}
.about-edu .edu-desc {flex: 1; min-width: 0; max-width: 520px;}
.about-edu .quote {font-size: var(--font-size-40); font-weight: 600; color: #242424; line-height: 1.45em; letter-spacing: -0.03em;}
.about-edu .tit {font-size: var(--font-size-32); color: #242424; margin-bottom: var(--space-40); line-height: 1.5em; font-weight: 400; letter-spacing: -0.03em;}
.about-edu .tit span {color: var(--color-primary); font-weight: 700;}
.about-edu .cont p {font-size: var(--font-size-16); font-weight: 400; line-height: 1.625em; letter-spacing: -0.03em; margin-bottom: var(--space-24);}
.about-edu .cont p strong {font-weight: 600; color: #242424;}
.about-edu .cont p:last-child {margin-bottom: 0;}

/* Connection to Admissions */

.adm-top {text-align: center; margin-bottom: var(--space-60);}
.adm-top .cap {font-size: var(--font-size-38); color: var(--color-sub); line-height: 1.625em; font-weight: 600; margin-bottom: var(--space-40);}
.adm-top .adm-desc {font-size: var(--font-size-16); font-weight: 400; line-height: 1.625em; margin-bottom: var(--space-30);}

.adm-system .item {display: flex; align-items: center; gap: var(--space-70); margin-bottom: var(--space-120);}
.adm-system .item .img {flex-shrink: 0; width: clamp(300px, calc(600 / var(--inner) * 100vw), 600px); border-radius: var(--radius-24); overflow: hidden;}
.adm-system .item .txt-box {flex: 1; min-width: 0;}
.adm-system .item .txt-box .phase {display: block; font-size: var(--font-size-16); font-weight: 500; color: var(--color-primary); margin-bottom: var(--space-16); line-height: 1.25em;}
.adm-system .tit {font-size: var(--font-size-24); font-weight: 600; color: #242424; margin-bottom: var(--space-30); line-height: 1.083em; text-align: left;}
.adm-system .desc-wrap p {font-size: var(--font-size-16); font-weight: 400; line-height: 1.625em; margin-bottom: var(--space-16);}
.adm-system .desc-wrap p:last-child {margin-bottom: 0;}

.conclusion {position: relative; text-align: center; margin-bottom: var(--space-120);}
.conclusion .desc1 {font-size: var(--font-size-20); font-weight: 600; line-height: 1.6em; margin-bottom: var(--space-30);}
.conclusion .desc2 {font-size: var(--font-size-24); font-weight: 600; line-height: 1.58em; }
.conclusion strong {color: var(--color-primary);}
.conclusion .quote {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1160px; margin: 0 auto;}
.conclusion .quote img {width: 30px;}

/* 이런 학생들이 맞습니다 */
.student-fit .tit {display: flex; align-items: center; justify-content: center; gap: 2px; font-size: var(--font-size-28); font-weight: 700; color: #242424; margin-bottom: var(--space-60); line-height: 1.4em;}
.student-fit .tit:before {content: ""; display: block; width: 36px; height: 36px; background: url(../images/sub/check-icon.png) no-repeat center center / contain;}
.student-fit .list {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-50) var(--space-40);}
.student-fit .item {display: flex; flex-direction: column; }
.student-fit .img {border-radius: var(--radius-20); overflow: hidden; margin-bottom: var(--space-30);}
.student-fit .txt {font-size: var(--font-size-20); font-weight: 600; line-height: 1.4em; color: #242424;}

/********************* 로잉 마스터 소개 *********************/
/***** 로잉 마스터 소개  *****/
.about-master .inner {display: flex; align-items: center; justify-content: space-between; gap: var(--space-50);}
.about-master .cell:first-child {max-width: clamp(450px, calc(596 / var(--inner) * 100vw), 596px);}
.about-master .cell:last-child {flex: 1; position: relative; min-width: 0; max-width: 630px; z-index: 1; border-radius: 165px 0 0 0; overflow: hidden;}
.about-master .tit {font-size: var(--font-size-40); font-weight: 700; color: #242424; line-height: 1.5em; letter-spacing: -0.03em; margin-bottom: var(--space-40);}
.about-master .tit span {color: var(--color-primary);}
.about-master .cont p {font-size: var(--font-size-16); font-weight: 400; line-height: 1.625em; letter-spacing: -0.03em; margin-bottom: var(--space-24);}
.about-master .cont p strong {font-weight: 600; color: #242424;}
.about-master .cont p:last-child {margin-bottom: 0;}
.about-master .sign {font-size: var(--font-size-18); font-weight: 700; color: #242424; margin-top: var(--space-30); line-height: 1.5em;}
.about-master .sign strong {color: var(--color-primary);}
.about-master .master-about-swiper {width: 100%; overflow: hidden;}
.about-master .page {display: flex; align-items: center; gap: var(--space-20); position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 2;}
.about-master .slider-prev-arrows,
.about-master .slider-next-arrows {flex-shrink: 0; position: static; width: 13px; height: 13px; background: no-repeat center center / contain; margin-top: 0;}
.about-master .slider-prev-arrows {background-image: url(../images/sub/master-prev.png);}
.about-master .slider-next-arrows {background-image: url(../images/sub/master-next.png);}
.about-master .slider-prev-arrows::after,
.about-master .slider-next-arrows::after {display: none;}
.about-master .slider-dots {position: static; display: flex; gap: var(--space-8);}
.about-master .slider-dots .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 5px; background: #ffffff48; opacity: 1; transition: background .2s width .2s;}
.about-master .slider-dots .swiper-pagination-bullet-active {width: 25px; background: #fff; border-radius: 8px;}

/***** 로잉 마스터 솔루션(교육방식) *****/
.master-solution .item {display: flex; align-items: center; gap: var(--space-70); margin-bottom: var(--space-120);}
.master-solution .item .img {flex-shrink: 0; width: clamp(300px, calc(606 / var(--inner) * 100vw), 606px);}
.master-solution .item:last-child {margin-bottom: 0;}
.master-solution .item:nth-child(even) {flex-direction: row-reverse;}
.master-solution .tit {font-size: var(--font-size-24); font-weight: 600; color: #242424; margin-bottom: var(--space-30); line-height: 1.25em;}
.master-solution .item:nth-child(even) .tit {text-align: right;}
.master-solution .txt {font-size: var(--font-size-16); font-weight: 400; line-height: 1.625em;}

/********************* 로잉 마스터 성과, 파트너십 *********************/
.btn-pack.medium.rowing-btn {width: 86px;}

/********************* 시설소개 *********************/
.facility-intro {max-width: 1980px; margin: 0 auto;}
.facility-intro .item {display: flex; position: relative; margin-bottom: var(--space-120); position: relative;}
.facility-intro .item:last-child {margin-bottom: 0;}
.facility-intro .cell {position: absolute; bottom: 0; left: clamp(350px, calc(650 / var(--inner) * 100vw), 650px); width: clamp(600px, calc(850 / var(--inner) * 100vw), 850px); padding: var(--space-45) var(--space-60); background: #fff; z-index: 1;}
.facility-intro .item2 .img {margin-left: auto;}
.facility-intro .item2 .cell {left: auto; right: clamp(350px, calc(650 / var(--inner) * 100vw), 650px); text-align: right;}

.facility-intro .tit {font-size: var(--font-size-24); font-weight: 600; color: #242424; margin-bottom: var(--space-24); line-height: 1.4em;}
.facility-intro .desc {font-size: var(--font-size-16); font-weight: 600; line-height: 1.625em; color: #242424; margin-bottom: var(--space-24);}
.facility-intro .list li {position: relative; padding-left: 12px; font-size: 16px; font-weight: 400; line-height: 1.625em;}
.facility-intro .list li::before {content: ""; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: var(--color-primary);}
.facility-intro .item2 .list li {padding-left: 0; padding-right: 12px;}
.facility-intro .item2 .list li::before {left: auto; right: 0;}
.facility-intro .cell::after {content: ""; position: absolute; bottom: 0; right: 0; width: 118px; height: 123px; border: 6px solid var(--color-primary); border-top: none; border-left: none;}
.facility-intro .item:nth-child(even) .cell::after {right: auto; left: 0; border-left: 6px solid var(--color-primary); border-right: none;}

/* 슬라이드 */
.facility-intro .facility-slide {width: 100%; max-width: 1100px; overflow: hidden; margin: 0 0 auto;}
.facility-intro .facility-slide .img {overflow: hidden;}
.facility-intro .facility-slide .img img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}

/********************* 문의하기 *********************/


/* 스포츠 프로그램 */
.sports-program {position: relative; width: 100%; height: 400px; background: url(../images/sub/sports.jpg) no-repeat center center / cover; border-radius: 300px; overflow: hidden;}
.sports-program .img {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 219px;}

.edu-program .prog-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-40); align-items: stretch;}
.edu-program .prog-list .item {display: flex; flex-direction: column; padding: var(--space-40); background: #fff; border: 1px solid #dfdfdf; border-radius: var(--radius-24);}
.edu-program .prog-list .head {display: flex; align-items: flex-start; justify-content: space-between;}
.edu-program .prog-list .cap {font-size: 14px; font-weight: 500; color: #999; line-height: 1.14em; letter-spacing: -0.02em;}
.edu-program .prog-list .head .img {flex-shrink: 0;}
.edu-program .prog-list .tit {font-size: var(--font-size-24); font-weight: 600; color: #242424; margin-bottom: var(--space-16); line-height: 1.17em; letter-spacing: -0.02em;}
.edu-program .prog-list .txt {font-size: var(--font-size-18); font-weight: 400; line-height: 1.67em; color: #454545; letter-spacing: -0.02em;}