@charset "utf-8";

/* 
 * content CSS Document
 *
 */

#header{border-bottom:1px solid #eaeaea;}


/* sub layout */
.area-subVisual{position:relative; padding-top:var(--hd-height); z-index:10;}
.area-subVisual > .inr{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20rem; padding-top:10rem; height:240rem;}
.area-subVisual [data-subTitle="depth01"]{font-size:var(--fs20); font-weight:600; line-height:1; color:var(--color-point);}
.area-subVisual [data-subTitle="current"]{font-size:var(--fs50); line-height:1; color:#090909;}
.area_lnb{background:var(--gradient-toLeft);}
.area_lnb .inr{display:flex; height:70rem;}
.area_lnb .btn_home{display:flex; align-items:center; justify-content:center; height:100%; aspect-ratio:1/1; background:rgba(255,255,255,.2);}
.area_lnb .btn_home img{height:18rem;}
.area_lnb .lnb-depth{position:relative; width:350rem; height:100%; border-right:1px solid rgba(255,255,255,.3);}
.area_lnb .lnb-depth button{display:flex; align-items:center; position:relative; padding:0 30rem; width:100%; height:100%; font-size:var(--fs18); font-weight:500; line-height:1; color:#fff; background:none;}
.area_lnb .lnb-depth button:after{content:''; display:block; position:absolute; right:30rem; top:50%; transform:translateY(-50%); width:13rem; height:13rem; background:url('/images/common/dropdown_arrow.svg')no-repeat center/contain; transition:.3s ease;}
.area_lnb .lnb-depth button.active:after{transform:translateY(-50%) rotate(180deg);}
.area_lnb nav{display:none; position:absolute; left:0; padding:30rem; width:100%; border:1px solid #eaeaea; border-top:none; box-shadow:0 30rem 30rem rgba(0,0,0,.2); background:#fff;}
.area_lnb nav ul{display:flex; flex-direction:column; gap:12rem; }
.area_lnb nav ul li a{display:block; font-size:var(--fs18); color:#333;}
.area_lnb nav ul li a.on{color:var(--color-point); font-weight:500;}

@media(max-width:1024px){
    .area-subVisual > .inr{height:200rem;}
    .area-subVisual [data-subTitle="current"]{font-size:var(--fs45);}
    .area_lnb .inr{height:65rem;}
    .area_lnb .lnb-depth{width:300rem;}
}
@media(max-width:768px){
    .area-subVisual > .inr{gap:15rem; height:160rem;}
    .area_lnb .inr{height:55rem;}
    .area_lnb .btn_home img{height:16rem;}
    .area_lnb .lnb-depth{width:240rem;}
    .area_lnb .lnb-depth button{padding:0 20rem;}
    .area_lnb .lnb-depth button:after{right:20rem; width:11rem;}
    .area_lnb nav{padding:25rem 20rem;}
}
@media(max-width:480px){
    .area-subVisual > .inr{padding-top:5rem; gap:10rem; height:120rem;}
    .area_lnb .inr{height:45rem;}
    .area_lnb .btn_home img{height:14rem;}
    .area_lnb .lnb-depth{width:calc((100% - 45rem) / 2);}
    .area_lnb .lnb-depth button{padding:0 12rem;}
    .area_lnb .lnb-depth button:after{right:12rem; width:10rem;}
    .area_lnb nav{padding:18rem 12rem;}
    .area_lnb nav ul{gap:10rem;}
    .area_lnb .lnb-depth button,
    .area_lnb nav ul li a{font-size:14rem;}
}


/* sub common */
:root{
    --m60:60rem;
    --m80:80rem;
    
    --p120:120rem;
    --p150:150rem;
    
    @media(max-width:1024px){
        --m80:70rem;
    
        --p120:100rem;
        --p150:130rem;
    }
    @media(max-width:768px){
        --m60:45rem;
        --m80:60rem;
    
        --p120:80rem;
        --p150:100rem;
    }
    @media(max-width:480px){
        --m60:30rem;
        --m80:45rem;
    
        --p120:60rem;
        --p150:80rem;
    }
}

article{padding:var(--p120) 0 var(--p150);}

table.table{border-top:none;}
table.table th, table.table td{padding:15rem 10rem; font-size:var(--fs18); line-height:1.4; color:#333;}
table.table thead th{background:#f1f1f1; border:none; color:#111;}
table.table tbody tr:first-child th,
table.table tbody tr:first-child td{border-top:none;}

@media(min-width:1025px){
    br.show1024{display:none;}
}
@media(min-width:481px){
    br.show480{display:none;}
}
@media(max-width:1024px){}
@media(max-width:768px){}
@media(max-width:480px){
    table.table th, table.table td{padding:12rem 8rem; font-size:var(--fs16);}
}


/* 협회소개 공통 */
[data-sub="about"] *{box-sizing:border-box; word-break:keep-all;}
[data-sub="about"] p{font-size:var(--fs18); line-height:1.6; color:#555;}
[data-sub="about"] p+p{margin-top:30rem;}
@media(max-width:768px){
    [data-sub="about"] p+p{margin-top:25rem;}
}


/* 협회소개 > 인사말 */
.greeing{overflow:hidden;}
.greeing h3{font-size:var(--fs22); font-weight:600; color:#333; line-height:1.4;}
.greeing h2{margin:40rem 0 30rem; font-size:var(--fs35); color:#111; line-height:1.4;}
.greeing h2 em{color:var(--color-point);}
.greeing .txt2{float:right;}
.greeing .fixImg{position:relative; margin:var(--m80) 0; height:460rem; overflow:hidden; background:transparent;}
.greeing .fixImg_img{position:absolute; top:0; left:0; width:100%; height:100vh; z-index:-1; background:url("/images/content/greeting_img.jpg")no-repeat left/cover;}
@media(max-width:1024px){
    .greeing .txt2{float:none; padding-left:100rem;}
    .greeing .txt2 p > br{display:none;}
}
@media(max-width:768px){
    .greeing h2{margin:30rem 0 25rem;}
    .greeing .fixImg{height:320rem;}
}
@media(max-width:480px){
    .greeing h2{margin:25rem 0 20rem;}
    .greeing .txt1 p > br{display:none;}
    .greeing .txt2{padding-left:0;}
    .greeing .fixImg{height:240rem;}
}


/* 협회소개 > 연혁 */
.history .fix{position:-webkit-sticky;position:sticky; left:0; top:150rem; height:500rem; width:100%;}
.history .fixImg{margin-left:auto; max-width:calc(50% + 800rem); width:96%; height:100%; background:url('/images/content/history_bg.jpg')no-repeat center/cover;}
.history .fixTxt{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.history .fixTxt h2{font-size:var(--fs50); font-family:var(--font-eng); color:#fff;}
.history .fixTxt h2 em{font-size:var(--fs70);}
.history .fixTxt p{margin-top:15rem; font-size:var(--fs22); color:#fff; opacity:.9;}
.history .cnt{margin-top:-350rem;}
.history .cntList{margin-left:auto; padding:70rem 50rem; width:60%; background:#fff; border-radius:50rem 50rem 0 0; box-shadow:0 -30rem 30rem rgba(0,0,0,.2);}
.history .cntList li{display:flex;}
.history .cntList li+li{margin-top:40rem;}
.history .cntList li.mt8{margin-top:8rem;}
.history .cntList li em{display:block; width:120rem; font-size:var(--fs18); font-weight:bold; line-height:1.5; color:#111;}
.history .cntList li p{width:calc(100% - 120rem); line-height:1.5;}
@media(max-width:1650px){
    .history .fixTxt{padding-left:60rem;}
}
@media(max-width:1024px){
    .history .fix{top:120rem; height:400rem;}
    .history .cnt{margin-top:-320rem;}
    .history .cntList{padding:60rem 40rem;}
    .history .cntList li+li{margin-top:30rem;}
}
@media(max-width:768px){
    .history .fix{top:100rem; height:320rem;}
    .history .fixTxt{padding-left:40rem;}
    .history .cnt{margin-top:-260rem;}
    .history .cntList{padding:40rem 30rem; width:62%; border-radius:30rem 30rem 0 0;}
    .history .cntList li em{width:85rem;}
    .history .cntList li p{width:calc(100% - 85rem);}
}
@media(max-width:480px){
    .history .fix{position:relative; top:auto; height:300rem;}
    .history .fixImg{width:100%;}
    .history .fixTxt{top:0; padding:50rem 6% 0; transform:translate(-50%,0); text-align:end;}
    .history .fixTxt br{display:none;}
    .history .fixTxt p{margin-top:10rem;}
    .history .cnt{margin-top:-120rem;}
    .history .cntList{padding:30rem 20rem; width:100%; border-radius:20rem 20rem 0 0;}
    .history .cntList li{flex-direction:column; gap:6rem;}
    .history .cntList li+li{margin-top:25rem;}
    .history .cntList li.mt8{margin-top:0;}
    .history .cntList li em{width:100%;}
    .history .cntList li p{width:100%;}
}


/* 협회소개 > 조직도 */
.orgChart img{display:block; margin:auto; max-width:960rem; width:100%;}
.orgChart img.mo{display:none;}
.orgChart h2{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.5); font-size:200rem; font-weight:900; font-family:var(--font-eng); color:rgba(0,0,0,.03); line-height:1; text-align:center; z-index:-1;}
.orgChart .bg-logo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.5); text-align:center; z-index:-1; width: 60%;}
.orgChart h2 i{display:block; margin-top:10rem;  font-size:40rem; font-weight:700;}
.orgChart h2 i{display:block; margin-top:10rem;  font-size:40rem; font-weight:700;}
@media(max-width:1600px){
    .orgChart h2{transform:translate(-50%,-50%) scale(1.2);}
}
@media(max-width:1024px){
    .orgChart h2{transform:translate(-50%,-50%) scale(.9);}
}
@media(max-width:768px){
    .orgChart h2{transform:translate(-50%,-50%) scale(.75);}
}
@media(max-width:480px){
    .orgChart h2{transform:translate(-50%,-50%) scale(.35);}
    .orgChart img.pc{display:none;}
    .orgChart img.mo{display:block;}
}


/* 협회소개 > 오시는길 */
/*
.location{padding-bottom:0 !important;}
.location .info{margin-bottom:var(--m60);}
*/
.location .info h2{font-size:var(--fs25); color:#090909; line-height:1;}
.location .info h2 i{display:block; margin-top:15rem; font-size:var(--fs16); font-family:var(--font-eng); font-weight:600; color:#bbb;}
.location .info ul{margin-top:30rem; padding-top:40rem; border-top:1px solid #e5e5e5;}
.location .info ul li{display:flex;}
.location .info ul li+li{margin-top:10rem;}
.location .info ul i{display:block; margin-top:5rem; width:25rem; font-size:var(--fs20); color:#333; line-height:1;}
.location .info ul p{width:calc(100% - 25rem);}
.location .root_daum_roughmap{width:100% !important; height:600rem;}
.location .wrap_map{height:100% !important;}
.location .map_border,
.location .wrap_controllers,
.location .cont{display:none;}
@media(max-width:1024px){
    .location .root_daum_roughmap{height:500rem;}
}
@media(max-width:768px){
    .location .info h2 i{margin-top:10rem;}
    .location .info ul{margin-top:25rem; padding-top:30rem;}
    .location .info ul i{margin-top:4rem; width:20rem;}
    .location .info ul p{width:calc(100% - 20rem);}
    .location .root_daum_roughmap{height:450rem;}
}
@media(max-width:480px){
    .location .info ul{margin-top:22rem; padding-top:25rem;}
    .location .info ul li+li{margin-top:8rem;}
    .location .info ul i{margin-top:3rem;}
    .location .root_daum_roughmap{min-height:380rem; height:65vh;}
}


/* 인증수영장 */
[data-sub="certiPool"]{overflow:hidden;}
[data-sub="certiPool"] *{box-sizing:border-box; word-break:keep-all;}
[data-sub="certiPool"] .inr{display:grid; grid-template-columns:50% 1fr; gap:var(--m60) 100rem;}
[data-sub="certiPool"] .info{margin-bottom:var(--m60);}
[data-sub="certiPool"] .info h2{padding-bottom:30rem; border-bottom:1px solid #e5e5e5; font-size:var(--fs25); color:#090909; line-height:1;}
[data-sub="certiPool"] .info h2 i{display:block; margin-top:15rem; font-size:var(--fs16); font-family:var(--font-eng); font-weight:600; color:#bbb;}
[data-sub="certiPool"] .img { position: -webkit-sticky; position: sticky; top: calc(var(--hd-height) + 20rem);}
[data-sub="certiPool"] .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
[data-sub="certiPool"] .txt {margin-top:80rem; }
[data-sub="certiPool"] .txt h1{margin-bottom:30rem; font-size:var(--fs35); color:var(--color-point); line-height:1.4;}
[data-sub="certiPool"] .txt p {font-size:var(--fs18); line-height:1.6; color:#555;}
@media(max-width:1024px){
    [data-sub="certiPool"] .inr{gap:var(--m60) 50rem;}
}
@media(max-width:768px){
    [data-sub="certiPool"] .info h2{padding-bottom:25rem;}
    [data-sub="certiPool"] .info h2 i{margin-top:10rem;}
    [data-sub="certiPool"] .txt{margin-top:50rem;}
    [data-sub="certiPool"] .txt h1{margin-bottom:20rem;}
}
@media(max-width:480px){
    [data-sub="certiPool"] .inr{display:block;}
    [data-sub="certiPool"] .info h2{padding-bottom:22rem;}
    [data-sub="certiPool"] .txt{margin-top:25rem;}
    [data-sub="certiPool"] .txt h1{margin-bottom:15rem;}
}


/* 교육안내 공통 */
[data-sub="eduInfo"] *{box-sizing:border-box; word-break:keep-all;}
[data-sub="eduInfo"] .inr{display:grid; grid-template-columns:1fr 1fr; gap:var(--m60) 100rem;}
[data-sub="eduInfo"] .inr > div.swiper{order:2; grid-row:1/3; grid-column-start:2;}
[data-sub="eduInfo"] .inr > P{order:1;}
[data-sub="eduInfo"] .inr > .txt{order:3;}
[data-sub="eduInfo"] p{font-size:var(--fs18); line-height:1.6; color:#555;}
[data-sub="eduInfo"] p em{display:block; margin-bottom:10rem; font-size:var(--fs30); font-weight:600;}
[data-sub="eduInfo"] p em i{color:var(--color-point);}
[data-sub="eduInfo"] p b{color:#222;}
[data-sub="eduInfo"] .txt ul{border-top:2px solid #333; border-bottom:1px solid #bbb;}
[data-sub="eduInfo"] .txt ul li{display:flex; padding:15rem 10rem;}
[data-sub="eduInfo"] .txt ul li+li{border-top:1px dashed #ddd;}
[data-sub="eduInfo"] .txt ul em{font-size:var(--fs18); font-weight:600; line-height:1.6; color:#111; width:130rem;}
[data-sub="eduInfo"] .txt ul p{width:calc(100% - 130rem);}
[data-sub="eduInfo"] .swiper{position:-webkit-sticky;position:sticky; top:calc(var(--hd-height) + 20rem); width:100%; height:450rem;}
[data-sub="eduInfo"] .swiper-wrapper{height:auto;}
[data-sub="eduInfo"] .swiper-slide img{display:block; width:100%;}
[data-sub="eduInfo"] .swiper-pagination{position:relative; left:auto; top:auto; bottom:auto; right:auto; margin:15rem auto 0;}
[data-sub="eduInfo"] .swiper-pagination-bullet-active{background:var(--color-point);}
[data-sub="eduInfo"] .swiper-button{width:35rem; height:35rem; border-radius:50%; background:rgba(0,0,0,.5);}
[data-sub="eduInfo"] .swiper-button:after{display:none;}
[data-sub="eduInfo"] .swiper-button:before{content:''; display:block; width:12rem; aspect-ratio:1/1; border-top:3rem solid #fff; border-right:3rem solid #fff;}
[data-sub="eduInfo"] .swiper-button-next:before{transform:rotate(45deg); margin-right:3rem;}
[data-sub="eduInfo"] .swiper-button-prev:before{transform:rotate(-135deg); margin-left:3rem;}
[data-sub="eduInfo"] .swiper-button-disabled{opacity:.3;}
@media(max-width:1024px){    
	[data-sub="eduInfo"] .inr{gap:var(--m60);} 
    [data-sub="eduInfo"] .swiper{height:330rem;}
}
@media(max-width:768px){
    [data-sub="eduInfo"] .inr{grid-template-columns:1fr;}
	[data-sub="eduInfo"] .inr > div.swiper{order:3; grid-row:auto; grid-column-start:auto; height:auto;}
	[data-sub="eduInfo"] .inr > P{order:1;}
	[data-sub="eduInfo"] .inr > .txt{order:2;}
}
@media(max-width:480px){
    [data-sub="eduInfo"] p em{margin-bottom:7rem;}
    [data-sub="eduInfo"] .txt ul li{padding:12rem 0;}
    [data-sub="eduInfo"] .txt ul em{width:100rem;}
    [data-sub="eduInfo"] .txt ul p{width:calc(100% - 100rem);}
    [data-sub="eduInfo"] .swiper-pagination{margin-top:10rem;}
    [data-sub="eduInfo"] .swiper-button{display:none;}
}



/**/
@media(max-width:1024px){}
@media(max-width:768px){}
@media(max-width:480px){}


/**/
@media(max-width:1024px){}
@media(max-width:768px){}
@media(max-width:480px){}

/* 예약확인 전 로그인 */
.logWrap h3{margin-bottom:40rem; font-size:var(--fs30); color:#090909; line-height:1; text-align:center;}
.logWrap form input{display:block; margin:0 auto 5rem; padding:8rem 30rem; max-width:400rem; width:90%; height:70rem; border-radius:40rem; border:5rem solid #e5e5e5; font-size:var(--fs16); color:#222;}
.logWrap form input:focus{outline:none; border-color:var(--color-point);}
.logWrap form input:placeholder{color:#bbb;}
.logWrap button{display:block; margin:15rem auto 0; max-width:400rem; width:90%; height:70rem; border-radius:40rem; font-size:var(--fs18); color:#fff; background:var(--color-navy);}
@media(max-width:1024px){}
@media(max-width:768px){}
@media(max-width:480px){
    .logWrap h3{margin-bottom:30rem;}
    .logWrap form input{height:60rem; padding:8rem 25rem;}
    .logWrap button{height:60rem;}
}

.secLog .logWrap {display: unset;}