@charset "utf-8";
/* 공통  */
.subbox { margin-bottom: 120px; }
.subbox:last-child { margin-bottom: 0; }
.subtit { font-size: 40px; line-height: 1em; margin-bottom: 100px; color: #242424; font-weight: 700; }
.subtit.tc { text-align: center; }
.sub-prev::after, .sub-next::after { display: none; }
.sub-prev, .sub-next { width: 70px; height: 70px; border-radius: 35px; background-color: #fff; margin-top: -35px; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center; background-size: 17px; }
.sub-prev { left: 0; background-image: url(../images/sub/fac-prev.png);}
.sub-next { background-image: url(../images/sub/fac-next.png); right: 0; }
.subtab { display: flex; justify-content: center; margin-bottom: 100px; gap: 16px; flex-wrap: wrap;}
.subtab li a { display: flex; align-items: center; justify-content: center; width: 140px; height: 50px; border-radius: 4px; border: 1px solid #ddd; border-radius: 4px; line-height: 1em; }
.subtab li.active a { color: #fff; background: var(--color-primary); border-color: var(--color-primary); font-weight: 700; }
.subtab li a:hover { color: #fff; background: var(--color-primary); border-color: var(--color-primary); font-weight: 700; }

/* CEO 인사말 */
.gt { display: flex; align-items: center;}
.gt .img { width: 51%; }
.gt .img img { border-radius: 24px; }
.gt .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 70px; position: relative; }
.gt .info .ctr { display: inline-block; border-radius: 4px; background: var(--color-primary); color: #fff; padding: 7px 8px 5px; font-size: 15px; font-weight: 500; line-height: 1em; }
.gt .info h2 { font-weight: 300; margin: 30px 0 50px; font-size: 32px; line-height: 1.22em; }
.gt .info h2  strong { font-weight: 700; }
.gt .info p { margin-bottom: 25px; }
.gt .info p:last-child { margin-bottom: 0; }
.gt .info .ceo { margin-top: 40px; font-size: 24px; font-weight: 700; color: var(--color-secondary); line-height: 1.3em; }
.gt-sb { position: absolute; right: 0; bottom: -20px; z-index: -1; }
.organ { text-align: center; }

/* 수상내역 */
.aw-wrap { margin-bottom: 80px; display: flex; align-items: flex-start;}
.aw-wrap:last-child { margin-bottom: 0; }
.aw-wrap .year { width: 150px; padding-top: 20px; line-height: 1em; font-size: 40px; font-weight: 700; color: #454545; }
.aw-wrap .info { flex: 1 1 auto; min-width: 0; width: 1%; }
.aw-wrap .info .col { display: flex; padding: 30px 40px; background: #fff; border-radius: 36px; box-shadow: 0 0 20px rgba(0,0,0,0.14); margin-bottom: 30px; }
.aw-wrap .info .col:last-child { margin-bottom: 0; }
.aw-wrap .info .col .tit { width: 260px; }
.aw-wrap .info .col .tit span { display: inline-block; padding: 12px 20px; background: var(--color-primary); border-radius: 40px; color: #fff; font-size: 22px; line-height: 1.2em; font-weight: 600; }
.aw-wrap .info .col .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding: 12px 0; }
.aw-wrap .info .col .txt p { font-size: 20px; font-weight: 500; margin-bottom: 6px; line-height: 1.5em; }
.aw-wrap .info .col .txt p:empty { height: 20px; margin-bottom: 6px; }
.aw-wrap .info .col .txt p:last-child { margin-bottom: 0; }

/* 코치진 */
.ch-wrap { display: flex; flex-wrap: wrap; gap: 30px; }
.ch-wrap .col { width: calc(100%/2 - 15px); background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.14); border-radius: 24px; padding: 50px; display: flex; align-items: flex-start;}
.ch-wrap .col .img { width: 40%; }
.ch-wrap .col .img>div { position: relative; border-radius: 12px; overflow: hidden; display: block; padding-bottom: 135%; }
.ch-wrap .col .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ch-wrap .col .info { width: 60%; padding-left: 40px; }
.ch-wrap .col .info .name { line-height: 1.2em; padding-bottom: 12px; border-bottom: 1px solid #ddd; font-size: 28px; font-weight: 600; color: #242424; margin-bottom: 40px; }
.ch-wrap .col .info .name span { padding-left: 16px; color: var(--color-primary); font-weight: 400; font-size: 22px; }
.ch-wrap .col .info ul li { display: flex; margin-bottom: 12px; }
.ch-wrap .col .info ul li:last-child { margin-bottom: 0; }
.ch-wrap .col .info ul li .tit { font-size: 18px; font-weight: 500; color: #242424; width: 85px; }
.ch-wrap .col .info ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }

/* 시설안내 */
.center-slide-wrap { position: relative;}
.center-slide-wrap .thumb { padding-bottom: 65%; display: block; position: relative; overflow: hidden; border-radius: 36px;}
.center-slide-wrap .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.fac-b-swiper { width: 100%; overflow: hidden; position: relative; margin-bottom: 30px; }
.fac-b-swiper .swiper-wrapper { z-index: 1; }
.fac-b-swiper-slide { position: relative; overflow: hidden;  z-index: 2; }
.fac-s-swiper .swiper-slide { cursor: pointer; position: relative;}
.fac-s-swiper .swiper-slide::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 2px solid var(--color-primary); opacity: 0; transition:.3s; border-radius: 36px; }
.fac-s-swiper .swiper-slide-thumb-active::after { opacity: 1;}

/* 오시는 길 */
.lct-wrap { padding: 0 90px; margin-top: -95px; position: relative; z-index: 1; }
.lct { padding: 60px 50px; background: #fff; border-radius: 36px; box-shadow: 0 0 20px rgba(0,0,0,0.14); display: flex; align-items: center;}
.lct .info { padding-left: 50px; margin-left: 40px; flex: 1 1 auto; min-width: 0; width: 1%; border-left: 1px solid #ddd;}
.lct .info .col-fx { display: flex; gap: 50px; margin-top: 18px; }
.lct .info .col { display: flex; align-items: center;}
.lct .info .col .tit { margin-right: 15px; }
.lct .info .col .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 18px; font-weight: 500; }
.lct .info .col-fx .tit { margin-right: 13px; }
.lct .info .col-fx .tit strong { display: inline-block; padding-left: 10px; font-size: 18px; font-weight: 700; line-height: 1.5em;}

/* sub2 공통 */
.sub2-fx { display: flex; margin-bottom: 80px; align-items: center; }
.sub2-fx .img { width: 46.5%; border-radius: 36px; overflow: hidden; }
.sub2-fx .info { width: 53.5%; padding-left: 60px; }
.sub2-fx .info .tit { display: flex; gap: 15px; margin-bottom: 37px; font-size: 28px; font-weight: 600; line-height: 1.5em; color: #242424; align-items: flex-start;}
.sub2-fx .info .tit img { top: 3px; position: relative; }
.sub2-fx .info ul li { display: flex; align-items: flex-start; margin-bottom: 30px; }
.sub2-fx .info ul li:last-child { margin-bottom: 0; }
.sub2-fx .info ul li .tt { font-size: 20px; font-weight: 600; width: 110px; height: 40px; border-radius: 20px; display: flex; align-items: center; justify-content: center; background: #FE8B08; color: #fff; line-height: 1em; }
.sub2-fx .info ul li .tt.clr1 { background: #464646; }
.sub2-fx .info ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 18px; padding-left: 24px; padding-top: 6px; line-height: 1.6em; }
.sub2-fx .info ul li .txt p { position: relative; padding-left: 10px; }
.sub2-fx .info ul li .txt p::before { content: ""; position: absolute; left: 0; top: 11px; width: 3px;height: 3px; border-radius: 3px; background: #FE8B08;}
.sub2-fx.rv { flex-direction: row-reverse; }
.sub2-fx.rv:last-child { margin-bottom: 0; }
.sub2-fx.rv .info { padding-left: 0; padding-right: 60px; }
.sub2-fx .info.pr { padding-right: 30px; }
.sub2-fx .info.pr .tit { font-size: 25px; }
.sub2-fx .info>p { font-size: 18px; line-height: 1.6em; margin-bottom: 30px; }
.sub2-swiper { position: relative; width: 100%; overflow: hidden;}
.sub2-swiper .item { border-radius: 24px; overflow: hidden; }
.sub2-swiper .item img { width: 100%; }

/* Coaching Academy */
.cc-list { display: flex; flex-wrap: wrap; gap: 18px; position: relative; margin-bottom: 80px; }
.cc-list::before { content: ""; position: absolute; left: 0; top: 17px; right: 0; margin: auto; width: 85%; height: 1px; border: 1px dashed #ddd; z-index: -1;}
.cc-list li { width: calc(100%/6 - 15px); text-align: center; }
.cc-list li .num { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; line-height: 1em; border-radius: 35px; background: #464646; color: #fff; font-size: 22px; font-weight: 600; margin: 0 auto 17px;}
.cc-list li .txtbox { padding: 24px 22px; min-height: 300px; border: 1px solid #ddd; border-radius: 24px; }
.cc-list li .txtbox .tt { line-height: 1.2em; font-size: 20px; font-weight: 600; color: #000; margin: 17px 0; min-height: 48px;}
.cc-list li .txtbox .txt { position: relative; padding-left: 10px; text-align: left; line-height: 1.2em; margin-bottom: 8px; }
.cc-list li .txtbox .txt:last-child { margin-bottom: 0; }
.cc-list li .txtbox .txt::before { content: ""; position: absolute; left: 0; top: 7px; width: 3px;height: 3px; border-radius: 3px; background: #FE8B08;}

/* Membership Chess Club */
.mb-fx { display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 80px; }
.mb-fx .col { width: calc(100%/2 - 12px); padding: 35px; border-radius: 24px; border: 1px solid #ddd; position: relative; }
.mb-fx .col h3 { line-height: 1em; font-size: 24px; font-weight: 600; color: #242424; margin-bottom: 30px; }
.mb-process { display: flex; justify-content: center; gap: 0; }
.mb-process li { width: auto; text-align: center; position: relative; }
.mb-process li::after { content: ""; position: absolute; right: -20px; width: 30px; height: 15px; top: 32px; background: url(../images/sub/sub2-6-right.png) center no-repeat; background-size: contain; }
.mb-process li:last-child::after { display: none; }
.mb-process li:nth-child(2) { margin: 0 40px 0 30px;}
.mb-process li:nth-child(2)::after { right: -40px; }
.mb-process li .txt { margin-top: 20px; line-height: 1.25em; 
}
.mb-txtwrap { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mb-txt { display: flex; align-items: center; margin-bottom: 10px; position: relative; z-index: 1; }
.mb-txt .txt { font-weight: 500; font-size: 18px; margin-left: 10px;}
.mb-txt:last-child { margin-bottom: 0; }
.mb-sb { position: absolute; right: 30px; bottom: 40px; }
.mb-btn { display: flex; margin: 60px auto 0; align-items: center; justify-content: center; width: 160px; height: 60px; border-radius: 4px; background: #FE8B08; color: #fff; line-height: 1em; font-weight: 700; letter-spacing: -.05em; }

/* WizGrow */
.wiz-swp { position: relative; margin-bottom: 100px; }
.wiz-prev { left: -100px; }
.wiz-next { right: -100px; }
.wiz-swiper .item a { display: block; }
.wiz-swiper .item .thumb{position:relative; padding-bottom:66.666%; overflow:hidden;}
.wiz-swiper .item img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.wiz-swiper .item:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}

/* 협력기관 */
.pn-wrap .pn { margin-bottom: 100px; }
.pn-wrap .pn:last-child { margin-bottom: 0; }
.pn-wrap .pn h3 { font-size: 28px; font-weight: 600; color: #242424; line-height: 1.2em; margin-bottom: 50px; }
.pn-list { display: flex; flex-wrap: wrap; gap: 30px; }
.pn-list .col { width: calc(100%/3 - 20px); padding: 30px 40px; text-align: center; background: #fff; border-radius: 36px; box-shadow: 0 0 20px rgba(0,0,0,0.14);}
.pn-list .col .thumb { border-radius: 12px; overflow: hidden; display: block; padding-bottom: 30%; position: relative; }
.pn-list .col .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.pn-list .col .tt { font-size: 24px; font-weight: 600; color: #242424; line-height: 1.2em; margin: 28px 0 20px;}
.pn-list .col a { width: 120px; height: 30px; border-radius: 4px; display: flex; align-items: center; justify-content: center; line-height: 1em; border: 1px solid #ddd; margin: auto; font-size: 13px; font-weight: 600; line-height: 1em; }
.pn-list .col a:hover { border-color: var(--color-primary); background: var(--color-primary); color: #fff; }

/* 위즈체스 소개 (20260213 추가) */
.it-pd { padding: 100px 0;}
.it-pd.first { padding: 0 0 100px;}
.it-pd.bg { background: url(../images/sub/sub1-3-bg.jpg) center no-repeat; background-size: cover; color: #fff; }
.it-pd.bg .subtit { color: #fff; line-height: 1.25em; margin-bottom: 80px; }
.it-pd.bg .it-tit {color: #fff; }
.it-tit { display: flex; gap: 15px; margin-bottom: 45px; font-size: 28px; font-weight: 600; line-height: 1.5em; color: #242424; align-items: flex-start;}
.it-tit img { top: 3px; position: relative; }
.it-tit2 { color: #242424; line-height: 1.556em; font-weight: 600; font-size: 24px; }
.it-tit2 span { color: var(--color-primary);} 
.it-txt { font-size: 18px; }
.it-wrap { display: flex; flex-wrap: wrap; gap: 16px; } 
.it-wrap .col { width: calc(100%/2 - 8px); border: 1px solid #ddd; border-radius: 24px; padding: 45px; }
.it-wrap .col .it-tit2 { margin: 45px 0 35px; }
.it-wrap .col .txt { margin-bottom: 40px; padding-bottom: 35px; border-bottom: 1px dashed #FECF9A;}
.it-wrap .col .txt p { position: relative; padding-left: 12px; line-height: 1.778em; font-weight: 500; font-size: 18px; }
.it-wrap .col .txt p::before { content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; border-radius: 3px; background: #FE8B08;}
.it-list { display: flex; flex-wrap: wrap; gap: 24px; }
.it-list li { width: calc(100%/3 - 16px); padding: 30px; border-radius: 16px; background: rgba(0, 0, 0, 0.40);
backdrop-filter: blur(4px); }
.it-list li .circle { width: 8px; height: 8px; border-radius: 8px; background: #fff; }
.it-list li .it-tit2 { margin: 44px 0 22px; color: #fff; }
.it-circle { display: flex; padding: 20px; border: 1px solid #eee; border-radius: 150px; }
.it-circle .col { width: calc(100%/5 + 20px); border-radius: 110px; border: 1px solid #FFDBB2; padding: 32px 10px; text-align: center; position: relative; margin-left: -20px; }
.it-circle .col:first-child { margin-left: 0; }
.it-circle .col .it-tit2 { margin: 10px 0 5px; color: var(--color-primary);}
.it-circle .col p { font-weight: 500; }
.it-dom { display: flex; justify-content: center; align-items: flex-start; border-radius: 150px; padding: 50px 15px; text-align: center; border: 1px solid #eee; gap: 20px; margin-bottom: 48px; }
.it-dom.bg { border: none; background: #fefaf7; border-radius: 24px; }
.it-dom img {position: relative; top: 6px; }
.it-edu { display: flex; flex-wrap: wrap; gap: 24px; position: relative; align-items: flex-end;}
.it-edu .col { width: calc(100%/3 - 16px); padding: 35px 40px; border-radius: 24px; border: 1px solid #eee;}
.it-edu .col.bd { border: none; padding: 0; text-align: right; }
.it-edu .it-tit2 { color: #454545; margin: 30px 0 10px;}
.it-system { display: flex; justify-content: center; gap: 32px; align-items: center ;}
.it-system .col { color: #ca1919; border: 1px solid #ca1919; border-radius: 120px; width: 240px; height: 240px; display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
.it-pc .col { display: flex; margin-bottom: 16px; align-items: center; border: 1px solid #eee; border-radius: 24px; padding: 24px; }
.it-pc .col:last-child { margin-bottom: 0;}
.it-pc .col .num { width: 64px; height: 64px; background: #fff9f3; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-right: 24px; font-size: 18px; font-weight: 600; color: var(--color-primary);}
.it-pc .col .info { flex: 1 1 auto; min-width: 0; width: 1%;}
.it-pc .col .info h4 { font-size: 20px; font-weight: 600;line-height: 1.5em;}
.it-pc .col .info .it-txt { margin-top: 5px; }
