div.subVisual {position:relative; width:100%; height:350px; overflow:hidden;}
div.subVisual:after {position:absolute; content:''; width:740px; height:80px; background:#fff; left:50%; transform:translateX(-50%); bottom:0; z-index:9;}

div.subTit {position:relative; top:226px; left:50%; margin-left:-595px; width:1200px; z-index:10;}
div.subTit h2 {font-size:50px; font-family: 'Noto Serif', serif; font-weight: 400; color:#fff; text-align: center; letter-spacing:5px; animation:fadeInUp 1s ease-out; transform: translateY(0);
}
div.subTit p {margin-top:30px; font-size:40px; text-align: center; color:#9d8644; letter-spacing:5px; animation:fadeInUp 1s ease-out; animation-delay:0.5s; animation-fill-mode:both; transform: translateY(0);}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*서브타이틀 배경이미지*/
div.subBg {position:absolute; top:0; left:0; width:100%; height:350px; background-size:cover; animation-name:bgScale; animation-duration: 4s; z-index:9;}
@keyframes bgScale {
    from {transform: scale(1.1);}
    to {transform: scale(1);}
}
div.subBg01 {background:url('../img/subBg01.jpg') center top fixed no-repeat;} /*멤버쉽*/
div.subBg02 {background:url('../img/subBg02.jpg') center top fixed no-repeat;} /*클럽안내*/
div.subBg03 {background:url('../img/subBg03.jpg') center top fixed no-repeat;} /*예약*/
div.subBg04 {background:url('../img/subBg04.jpg') center top fixed no-repeat;} /*코스*/
div.subBg05 {background:url('../img/subBg06.jpg') center top fixed no-repeat;} /*고객센터*/
div.subBg06 {background:url('../img/subBg05_hmr5.png') center top fixed no-repeat;} /*스포츠센터 ('../img/subBg05.jpg'&subBg05_hmr2.png)*/
div.subBg07 {background:url('../img/subBg07.jpg') center top fixed no-repeat;} /*웰스토리*/

ul.subMenu {width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; background-color:#fff; text-align:center; margin-top: 30px}
ul.subMenu li {display:inline-block; margin: 0 10px}
ul.subMenu li a {display:inline-block; height:50px; font-size: 20px; letter-spacing: -0.5px; color: #999; padding: 0 12px}
ul.subMenu li a.menuOn {height:45px; border-bottom:4px solid #9d8644; font-family: 'Noto Sans Bold'; color:#232348;}
div.contents {width: 1200px; padding:50px 0 80px 0; margin: auto}
div.contents .scrollbox{margin-top: 15px; width: 100%; height: 500px; background: #f9f9f9;}
div.cntBox {margin-top:50px;}
div.cntBox:first-child {margin-top:0;}
/*---- Base ----*/



/*---- Title ----*/
h3.subTit01 {position: relative; font-size:24px; color: #333; margin: 60px 0 10px}
h3.subTit01:first-child{margin-top: 20px}
h3.subTit01 span{margin-left: 10px; font-size: 20px; }
h3.subTit01 .searchBox{position: absolute; right: 0; top: -15px; width: 700px;}
p.subTxt01 {margin:40px 0 20px; font-size:20px; line-height: 1.5; color:#333;}

p.subTxt02 {margin-top:20px; font-size:17px; line-height:26px; color:#666;}
p.subTxt02 strong {
    font-family: 'Noto Sans Light';
    color:#444;
}
p.subTxt02 span.underline {
    margin:0 5px;
    text-decoration:underline;
}
p.pointTxt {
    margin-top:10px;
    font-size:15px;
    line-height:26px;
    color:#9d8644;
}
/*-- END Title---*/


/*---- table ----*/
table.tbl01 {width:100%; border-top:2px solid #1d321b; table-layout: fixed;}
table.tbl01 caption {margin-bottom:5px; text-align:right; font-size:16px; color:#999;}
table.tbl01 tr th {padding:12px 0; border:1px solid #e9e9e9; background-color:#f9f9f9; font-size:15px; line-height: 1.4; font-weight:500; color:#333;}
table.tbl01 tr td {padding:12px; border:1px solid #e9e9e9; font-size:16px; color:#666; line-height:20px;}

table.tbl01c {width:100%; border-top:2px solid #1d321b; table-layout: fixed;}
table.tbl01c caption {margin-bottom:5px; text-align:right; font-size:16px; color:#999;}
table.tbl01c tr th {padding:12px 0; border:1px solid #e9e9e9; background-color:#f9f9f9; font-size:15px; line-height: 1.4; font-weight:500; color:#333; text-align: center}
table.tbl01c tr td {padding:12px 0; border:1px solid #e9e9e9; font-size:16px; color:#666; line-height:1.4; text-align: center; background:#fff}
table.tbl01c tr td.txt_al{padding: 12px 10px}

table.tbl02 {width:100%; text-align:center; border-top:2px solid #1d321b; table-layout: fixed;}
table.tbl02 tr {border-bottom:1px solid #ccc;}
table.tbl02 tr th { position:relative; height:50px; background-color:#f9f9f9; font-weight:500; color:#454545;}
table.tbl02 tr th:first-child::after {display:none;}
table.tbl02 tr th::after {position:absolute; top:50%; left:0; margin-top:-8px; content:''; display:block; width:1px; height:14px; background-color:#e0e0e0;}
table.tbl02 tr td {height:55px; font-size:16px; line-height: 1.5; color:#555; padding: 8px 5px; }
table.tbl02 tr td a {color: #49729e;}
table.tbl02 tr td a.col {display: inline-block; padding: 8px 14px; color: #fff; border-radius: 4px; background: #9d8644; }
table.tbl02 tr td a.cancel {display: inline-block; padding: 8px 14px; color: #fff; border-radius: 4px; background: #BE292F; }

table.tbl02l {width:100%; text-align:center; border-top:2px solid #1d321b; table-layout: fixed;}
table.tbl02l tr {border-bottom:1px solid #ccc;}
table.tbl02l tr td {font-size:16px; line-height: 1.5; color:#555; text-align: left; padding: 20px 10px; vertical-align: top}
table.tbl02l tr td p{font:20px/1.5 'Noto Sans Medium'; color: #9d8644; margin-bottom: 5px}
table.tbl02l tr td p span{display: block;
    width: 100%;
    font-size: 16px;
    color: #555;}

/*-- END table --*/


/*---- button 버튼 ----*/
div.bigBtn, div.mediumBtn {margin-top:50px; text-align:center;}
div.bigBtn a {display:inline-block; margin:0 10px; width:260px; height:55px; background:#999;  border-radius: 4px; font-size:18px; text-align:center; line-height:55px; color:#fff;
}
div.bigBtn a.col, div.mediumBtn a.col, div.smallBtn a.col {
    background:#9d8644; border-radius: 4px;}
div.bigBtn a.col1, div.mediumBtn a.col1, div.smallBtn a.col1 {
    background:#232348; border-radius: 4px;}
div.bigBtn a.col2, div.mediumBtn a.col2, div.smallBtn a.col2 {
    background:#BE292F; border-radius: 4px;}
div.bigBtn a.col3, div.mediumBtn a.col3, div.smallBtn a.col3 {
    background:#1d321b; border-radius: 4px;}
div.mediumBtn a {display:inline-block; margin:0 10px; width:160px; height:50px; background:#999; font-size:18px; text-align:center; line-height:50px; color:#fff; border-radius: 4px;}

a.miniBtn { display:inline-block; width:80px; height:35px; background-color:#999; font-size:15px; text-align:center; line-height:35px; color:#fff;}
a.miniBtn.col {
    background-color:#9d8644; 
}
div.smallBtn {margin-top:30px; text-align:right;}
div.smallBtn a {display:inline-block; margin-left:5px; width:80px; height:35px; background-color:#999; font-size:16px; text-align:center; line-height:35px; color:#fff; border-radius: 4px}

/*-- END button 버튼 --*/


/*---- 서브탭메뉴 ----*/

ul.tabMenu {
    margin-top:-70px;
    display:block;
}
ul.tabMenu li {
    float:left;
    min-width:120px;
    padding:0 35px;
    height:55px;
    font-size:18px;
    text-align:center;
    line-height:55px;
    color:#555;
    border:1px solid #e9e9e9;
    background:#f9f9f9;
}
ul.tabMenu li.tabOn {
    background:#3b4856;
    border:1px solid #3b4856;
    color:#fff;
}
/*-- END 서브탭메뉴 --*/




/*---- List Style ----*/
ul.commonUl01, ul.commonUl02{margin: 20px 0}
ul.commonUl01 li {position: relative; font-size: 16px; line-height: 1.5; padding-left: 20px; margin-bottom: 4px}
ul.commonUl01 li::after {position: absolute; top: 11px; left: 5px; content: ''; display: block; width: 4px; height: 4px; border-radius: 2px; background: #BE292F;}
ul.commonUl01 li > span{font-size: 15px; color: #999;}

ul.commonUl02{margin-top: 20px}
ul.commonUl02 li {position: relative; padding-left: 20px; font-size: 18px; line-height: 1.5; margin-bottom: 10px}
ul.commonUl02 li::after {position: absolute; top: 11px; left: 5px; content: ''; display: block; width: 4px; height: 4px; border-radius: 2px; background: #9d8644;}
ul.commonUl02 li b{margin-right: 10px}

ul.list_style02{margin: 20px 0}
ul.list_style02 li {position: relative; font-size: 16px; line-height: 1.5; padding-left: 20px; margin-bottom: 6px}
ul.list_style02 li::after {position: absolute; top: 9px; left: 5px; content: ''; display: block; width: 4px; height: 4px; background: #9d8644;}
ul.list_style02 li > span{font-size: 15px; color: #9d8644;}

ul.list01 {padding-left: 30px}
ul.list01 li{list-style: decimal; margin: 3px 0}
/*-- END List Style --*/


div.commCnt {padding:30px; border:4px solid #f6f6f6; margin: 20px 0}

/*-- s: tabMenu --*/
ul.tab {overflow:hidden;}
ul.tab2 li {float:left; width:50%;}
ul.tab3 li {float:left; width:33.3%;}
ul.tab4 li {float:left; width:25%;}
ul.tab5 li {float:left; width:20%;}
ul.tab6 li {width:16%;}

.tabMenu01 {width:100%; height:80px; text-align:center; background: #fff}
.tabMenu01 li {display:inline-block; line-height: 80px; letter-spacing: -1px}
.tabMenu01 li a {display:block; height:60px; line-height:60px; text-align:center; font-size:18px; color: #999; border: 1px solid #ddd}
.tabMenu01 li a.on {color:#fff; background: #9d8644; border: 1px solid #9d8644}



/*---클럽소개 영역-----*/
.intro_box {display: block; color: #666; font-size: 20px; line-height: 1.6; margin-top: 40px}
.intro_box strong{display: block; font-size: 30px; font-family: 'Noto Sans Thin'; color: #9d8644; letter-spacing: -1px; margin-bottom: 20px}
.intro_box p{text-align: right; margin-top: 20px}
.intro_con01 {height:390px; padding: 125px 0 0 664px; font-size: 16px; line-height: 24px; color: #303030; background: url('../img/img02.jpg') no-repeat left top;}
.intro_con02 {padding: 125px 664px 0 42px; background: url('../img/img03.jpg') no-repeat right top;}
.intro_con01 strong {font-size: 26px; font-weight: 400; display: block; height: 30px; line-height: 30px; margin-bottom: 30px;}
.img_txt {
    display: block;
    margin: 42px auto 27px;
}
.intro_con03 {
    margin-bottom: 56px;
}
.intro_con03 p {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}
.intro_con03 p:first-child {
    border-bottom: 1px dotted #3f3f3f;
    padding-bottom: 28px;
    margin-bottom: 23px;
}
.intro_bottom {
    padding: 40px 0 0;
    height: 103px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    background: url('../img/img04.png') no-repeat right top;
}


/*-------------대표인사말 영역------------------------*/
.greet_box {overflow: hidden; font-size: 17px; line-height: 25px; margin: 45px 0;}
.greet_box p {width:580px; float: left; text-align:justify; letter-spacing: -0.5px;}
.color_green {color: #9d8644;}
.greet_box img {float: right; margin-top: 60px;}
/*-----------------------------대표인사말 영역 끝----------------------------*/

/*클럽소개*/
.history_box {width: 100%; height: 580px; margin-bottom: 40px; background: url('../img/img_c01.jpg') no-repeat left top #f8f8f8; padding-left: 50%; padding-top: 47px;}
.history_box h3 {font-size: 26px; font-weight: 400; line-height: 24px; margin: 40px 0 20px;}
.history_box dl {position: relative; display: block; width: 100%; height: auto; margin-bottom: 30px}
.history_box dl dt {float: left; position: relative; width: 15%; font: 16px/1.5 'Noto Sans Bold'; color: #333; margin-bottom: 10px}
.history_box dl dd {position: relative; font-size: 16px; float: left; width: 85%; text-align: left; line-height: 1.5;  margin-bottom: 10px}
.img_txt02 {display: block; margin: 0 auto;}


/* 오시는길 */
.txt_style02{text-align:center; font-size:24px; line-height:36px; margin: 20px 0}

.mapWrap{position: relative; width: 100%; height:150px; margin-bottom: 40px}
.mapWrap dl{position: absolute; left:50%; top:0; transform: translateX(-50%); z-index: 99; padding:20px 50px; width:640px; height:160px; font-size: 20px; line-height: 1.8; color: #232348; border: 5px solid #ded0aa}
.mapWrap dl dt{float: left; width: 15%; color: #9d8644; font-family: 'Noto Sans Medium'}
.mapWrap dl dd{float: left; width: 85%}

.root_daum_roughmap{position: relative !important; margin-top: 20px}

.location_dl {position: relative; width: 530px; height: 40px; margin: auto; font-size:20px;}

.location_dl dt{float: left; width: 150px; height: 30px;   margin-bottom: 10px}
.location_dl dd{float: left; width: 380px; height: 30px; color: #666; margin-bottom: 10px}


.course_dl {position: relative; margin:30px 0}
.course_dl dt{position: relative; font-size:20px; line-height: 1.5; font-weight:400; margin: 40px 0 15px}
.course_dl dt:after{position: absolute; content: ''; bottom: -3px; left: 0; width: 65px; height: 4px; background: #9d8644;}
.course_dl dd{font-size:16px; line-height:1.5;}



/*슬라이드*/

div.slideFacility {position:relative; width:1200px; height:700px; overflow:hidden; z-index:666; background: #ddd; margin: auto}


div.slideVisual {position:relative; width:1200px; height:700px; overflow:hidden; z-index:666; background: #ddd;}
div.slideVisual span{text-align: center;}
div.slideVisual span img{width: 600px; height: 280px}
div.mpVisual{position:relative; width:530px; height:300px; overflow:hidden; z-index:666; background: #fff; margin-top: 10px}
.slick-arrow {position:absolute; top:50%; margin-top:-25px; z-index:666; width:50px; height:50px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; z-index:666;}
.slick-prev {left:0; background:url('../img/cos_prev.png') center;}
.slick-next {right:-1px; background:url('../img/cos_next.png') center;}

/* Dots */
.slick-dots {position:absolute; bottom:20px; display:block; width: 100%; text-align:center;}
.slick-dots li {position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 6px; cursor: pointer;}
.slick-dots li button {display:block; width:12px; height:12px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent;}
.slick-dots li button:before {position:absolute; top:0; left:0; content:''; display:block; width:10px; height:10px; border-radius:30px; border:2px solid #fff;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li.slick-active button:before {background:#fff;}

div.slideVisual
/*.tit03:after {content: ''; position: absolute; top: -100px; left: 50%; width: 2px; height: 80px; background: #5689B2; -z-index:50000; -padding-bottom:-40px;}*/

hr{width:30px;background: #5689B2;}

.ti_slide{background-color:#ccefff;width:1200px;margin:0 auto;overflow:hidden;}
.container{width:4800px;background-color:#66ffff;position:relative;}
.container li{float:left; width:1200px; height:600px;}
.ti_btn{width:30px;}
.ti_btn li{width:30px;height:70px;position:absolute;left:4%;top:58%;list-style:none;}
.ti_btn li:nth-child(2){left:95%;}
.s_b{width:96px;background-color:#cc7eff;margin:0 auto;position:relative;bottom:40px;}
.s_b li{width:18px;height:18px;float:left;border-radius:100%;margin-left:8px;background:rgba(255,255,255,0.5);}
.s_b li:nth-child(1){margin-left:0px;}
.s_b li.on{background:#9d8644;}

.tab_facilities li.on a{ color: #9d8644;background: url('../img/dec02.png') no-repeat;background-position:50% bottom;}
/*
.tab_facilities li a{color:#818181;}
*/
.tab_facilities li:hover a{color: #9d8644;}
.barblock{width:68px;height:2px;background-color:#9d8644;opacity:0;position:relative;}
.barblock_02{width:68px;height:2px;background-color:#9d8644;opacity:0;position:relative;}
.barblock_03{width:68px;height:2px;background-color:#9d8644;opacity:0;position:relative;}
.barblock_04{width:68px;height:2px;background-color:#9d8644;opacity:0;position:relative;}
.barblock_05{width:68px;height:2px;background-color:#9d8644;opacity:0;position:relative;}
.barblock_06{width:68px;height:2px;background-color:#9d8644;opacity:0;position:relative;}
.barblock_07{width:68px;height:2px;background-color:#9d8644;opacity:0;position:relative;}
.barblock_08{width:68px;height:2px;background-color:#9d8644;opacity:0;position:relative;}
.barblock.move{left:50px;}

.li_slide{width:1200px;margin:0 auto;overflow:hidden;}
.container_02{width:8400px;background-color:#66ffff;position:relative;}
.container_02 li{width:1200px;height:612px;float:left;}
.ti_btn_02{width:30px;}
.ti_btn_02 li{width:30px;height:70px;position:absolute;left:4%;top:58%;list-style:none;}
.ti_btn_02 li:nth-child(2){left:95%;}
.s_b02{width:1200px; background-color:#cc7eff; margin:0 auto; position:relative; left:50%; bottom:50px;}
.s_b02 li{width:18px;height:18px;float:left;border-radius:100%;margin-left:8px;background:rgba(255,255,255,0.5);}
.s_b02 li:nth-child(1){margin-left:0px;}
.s_b02 li.on{background:#9d8644;}


.pi_slide{background-color:#ccefff;width:1200px;margin:0 auto;overflow:hidden;}
.container_03{width:8400px;background-color:#66ffff;position:relative;}
.container_03 li{width:1200px;height:612px;float:left;}
.ti_btn_03{width:30px;}
.ti_btn_03 li{width:30px;height:70px;position:absolute;left:4%;top:33%;list-style:none;}
.ti_btn_03 li:nth-child(2){left:95%;}
.s_b03{width:1200px; margin:0 auto; position:relative; left:50%; bottom:50px;}
.s_b03 li{width:18px;height:18px;float:left;border-radius:100%;margin-left:8px;background:rgba(255,255,255,0.5);}
.s_b03 li:nth-child(1){margin-left:0px;}
.s_b03 li.on{background:#9d8644;}


.tit02 {
    display: block;
    font-size: 26px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 32px;
}

.s_wrap{width:1200px;background-color:#fefeff;}
.s_title{width:1200px;height:60px;border-bottom:1px solid #9d8644;}
.s_title h3{font-size:26px;font-weight:100;}
.s_list{width:180px;background-color:#9d8644;border-radius:30px;line-height:30px;margin-left:828px;}
.s_title h3,.s_list{float:left;}
.s_list a{text-align:center;color:#ffffff;}
.s_list02{width:1200px;margin-top:30px;}
.s_p{width:380px;height:322px;background:url('../img/s_img.png');}
.s_plist{width:720px;margin-left:100px;}
.s_p,.s_plist{float:left;}

.s_plist ul li {
    font-size: 16px;
    line-height: 43px;
    padding-lefT: 20px;
    background: url('../img/black_dote.png') no-repeat left top 21px;
}
.s_plist ul li span {
    width: 97px;
    display: inline-block;
    font-weight: 500;
}



.pk_slide_05{background-color:#ccefff;width:1200px;margin:0 auto;overflow:hidden;}
.container_06{width:3600px;background-color:#66ffff;position:relative;}
.container_06 li{width:1200px;height:612px;float:left;}
.ti_btn_06{width:30px;}
.ti_btn_06 li{width:30px;height:70px;position:absolute;left:4%;top:20%;list-style:none;}
.ti_btn_06 li:nth-child(2){left:95%;}
.s_b06{width:70px;background-color:#cc7eff;margin:0 auto;position:relative;bottom:60px;}
.s_b06 li{width:18px;height:18px;float:left;border-radius:100%;margin-left:8px;background:rgba(255,255,255,0.5);}
.s_b06 li:nth-child(1){margin-left:0px;}
.s_b06 li.on{background:#9d8644}
.tit04 {text-align: center;position: relative;}
/*.tit04:after { content: ''; position: absolute; top: -100px; left: 50%; width: 2px; height: 80px; background: #5689B2;
-z-index:50000; -padding-bottom:-40px;}*/
.p_title{margin-top:140px;}

.ti_btn_07{width:30px;}
.ti_btn_07 li{width:30px;height:70px;position:absolute;left:4%;top:53%;list-style:none;}
.ti_btn_07 li:nth-child(2){left:95%;}




.pe_slide_07{background-color:#ccefff;width:1200px;margin:0 auto;overflow:hidden;}
.container_07{width:3600px;background-color:#66ffff;position:relative;}
.container_07 li{width:1200px;height:612px;float:left;}
.ti_btn_08{width:30px;}
.ti_btn_08 li{width:30px;height:70px;position:absolute;left:4%;top:85%;list-style:none;}
.ti_btn_08 li:nth-child(2){left:95%;}
.s_b07{width:70px;background-color:#cc7eff;margin:0 auto;position:relative;bottom:60px;}
.s_b07 li{width:18px;height:18px;float:left;border-radius:100%;margin-left:8px;background:rgba(255,255,255,0.5);}
.s_b07 li:nth-child(1){margin-left:0px;}
.s_b07 li.on{background:#9d8644;}

.title_jo{font-size:18px; line-height:1.8;}
.con_jo{color:#666; line-height: 1.4em; margin-bottom: 20px} 
.con_jo li{margin-left:13px;line-height:1.5em;}
.con_jo li p{line-height:30px;}
.con_jo h3{font-weight:100;margin-left:13px;margin-top:6px;}
.clause_guide{height:600px;overflow-x:hidden;}
.con_jo li ul li{margin-top:5px;}
.content_body>h3{font-size:30px;padding-bottom:20px;}
.clause_guide{border:4px solid #ddd; padding:15px;}



div.faslide {position:relative; width:1200px; height:600px; overflow:hidden; z-index:666; background: #ddd;}
div.faslide span{text-align: center;}
.slick-arrow {position:absolute; top:50%; margin-top:-25px; z-index:666; width:50px; height:50px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; z-index:666;}
.slick-prev {left:0; background:url('../img/cos_prev.png') center;}
.slick-next {right:-1px; background:url('../img/cos_next.png') center;}

/* Dots */
.slick-dots {position:absolute; bottom:20px; display:block; width: 100%; text-align:center;}
.slick-dots li {position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 6px; cursor: pointer;}
.slick-dots li button {display:block; width:12px; height:12px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent;}
.slick-dots li button:before {position:absolute; top:0; left:0; content:''; display:block; width:10px; height:10px; border-radius:30px; border:2px solid #fff;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li.slick-active button:before {background:#fff;}