/* common */
.margin10{margin: 10px 0 10px 15px;}
.orange{color: #EF7D00;}
.mt116{margin-top: 116px !important;}
.mb32{margin-bottom: 32px;}
.mt10{margin-top: 10px;}
.f16{font-size: 16px !important;}
.fw600{font-weight: 600 !important;}
.bg-orange{background: #EF7D00 !important;}

div.subVisual {position:relative; width:100%; height:200px; overflow:hidden;}

div.subTit {position:relative; top:150px; width:100%; height: 40px; z-index:10; margin: auto; padding: 0 95px}
div.subTit h2 {font-size:30px; font-family: 'Cormorant Garamond', serif; font-weight: 300; color:#000; text-indent: 5px; animation:fadeInUp 1s ease-out; transform: translateY(0);
}
div.subTit p {display: none; margin-top:17px; font-size:40px; font-weight: 700; text-align: center; color:#5D614E; 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:200px; 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:#fff} /* url('../img/subBg01.jpg') center top fixed no-repeat;} /*멤버쉽*/
div.subBg02 {background:#fff} /* url('../img/subBg02.jpg') center top fixed no-repeat;} /*클럽소개*/
div.subBg03 {background:#fff} /* url('../img/subBg03.jpg') center top fixed no-repeat;} /*이용안내*/
div.subBg04 {background:#fff} /* url('../img/subBg04.jpg') center top fixed no-repeat;} /*예약*/
div.subBg05 {background:#fff} /* url('../img/subBg05.jpg') center top fixed no-repeat;} /*코스*/
div.subBg06 {background:#fff} /* url('../img/subBg06.jpg') center top fixed no-repeat;} /*부대시설*/
div.subBg07 {background:#fff} /* url('../img/subBg03.jpg') center top fixed no-repeat;} /*고객센터*/


ul.subMenu {width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; background:#fff; padding: 0 95px}
ul.subMenu li {display:inline-block; margin-right: 10px}
ul.subMenu li a {display:inline-block; height:50px; font-size:18px; font-weight: bold; letter-spacing: -0.5px; padding: 0 12px; color:#999}
.subMenu li a.menuOn {height:45px; border-bottom:4px solid #000; color:#000;}
div.contents {width: 1200px; min-height: 500px; padding:110px 0 80px 0; margin: auto; position: relative;}
div.contents .cntL{float: left; width: 200px}
div.contents .cntL img{margin-top: 75px}
div.contents .cntL h3.subTit01{margin-top: 20px}
div.contents .cntL h3.level{width: 120px; height: 120px; background: #96B820; border-radius: 50%; font-size: 30px; line-height: 120px; color: #fff; text-align: center; margin-top: 25px}
div.contents .cntR{float: right; width: 1000px}
div.contents .scrollbox{width: 100%; height: 704px; flex: 1;}
div.cntBox {margin-top:50px;}
div.cntBox:first-child {margin-top:0;}

/*---- Base ----*/
.fix-title{
    position: absolute !important;
    left: 0;
    top: 118px;
    margin: 0 !important;
}
.margin8020{
    margin: 80px 0 20px;
}

/*---- Title ----*/
h3.subTit01 {margin: 80px 0 20px; position: relative; font-size:28px; color: #000;}
h3.subTit01:first-child{margin-top:0;}
h3.subTit01 a img{display: inline-block; width: 28px; margin-left: 10px; vertical-align: top}
h3.subTit01 span{margin-left: 10px; font-size: 20px; }
h3.mark {padding:5px 35px; background:url('../img/mark.png') no-repeat left center;}
p.subTxt01 {margin:60px 0 20px; font-size:24px; font-weight:600; 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:#95B821;
}
/*-- END Title---*/


/*---- table ----*/
table.tbl01 {width:100%; border-top:2px solid #5D614E; 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 0; border:1px solid #e9e9e9; font-size:16px; color:#666; line-height:20px;}

table.tbl01c {width:100%; border-top:2px solid #5D614E; 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; font-weight: 600;}
table.tbl01c tr th:first-child{border-left:0;}
table.tbl01c tr th:last-child{border-right:0;}
table.tbl01c tr td {padding:12px 0; border:1px solid #e9e9e9; font-size:16px; color:#666; line-height:1.4; text-align: center}
table.tbl01c tr td:first-child{border-left:0;}
table.tbl01c tr td:last-child{border-right:0;}
table.tbl01c tr td.txt_al{padding: 12px 10px}
table.tbl01c tr td a.col {display: inline-block; padding: 8px 14px; color: #fff; border-radius: 4px; background: #95B821; }

table.tbl02 {width:100%; text-align:center; border-top:2px solid #5D614E; 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: #95B821;}
table.tbl02 tr td a.cancel {display: inline-block; padding: 8px 14px; color: #fff; border-radius: 4px; background: #EF7D00;}
table.tbl02 tr td a.addsub{display: inline-block; width: 35px; height: 35px; line-height: 35px; border-radius: 4px; background: #ddd; font-size: 25px; color: #fff; vertical-align:inherit}
table.tbl02 tr td a.down img{padding-top: 5px}

table.tbl02l {width:100%; text-align:center; border-top:2px solid #5D614E; 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: #95B821; margin-bottom: 5px}

table.tbl03 {border-top:2px solid #ddd; margin-top:0px; width:100%;}
table.tbl03 tr th {border:1px solid #ddd;}
table.tbl03 tr td {border:1px solid #ddd; text-align:center;
}
/*-- 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; font-weight: bold; text-align:center; line-height:55px; color:#fff;
}
div.bigBtn a.col, div.mediumBtn a.col, div.smallBtn a.col {
    background:#95B821; border-radius: 4px;}
div.bigBtn a.col1, div.mediumBtn a.col1, div.smallBtn a.col1 {
    background:#5689B2; border-radius: 4px;}
div.bigBtn a.col2, div.mediumBtn a.col2, div.smallBtn a.col2 {
    background:#EF7D00; border-radius: 4px;}
div.bigBtn a.col3, div.mediumBtn a.col3, div.smallBtn a.col3 {
    background:#5D614E; 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:#95B821; 
}
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 버튼 --*/


/*---- 검색 박스 ----*/
div.searchBox {
    margin-bottom:30px;
    text-align:right;
}
ul.search {
    display:inline-block;
    width:400px;
}
ul.search li {
    display:inline-block;
}
ul.search li > * {
    height:40px;
}
ul.search li.sel {
    width:20%;
}
ul.search li.inp {
    margin:0 5px;
    width:50%;
}
ul.search li.btn {
    width:15%;
}
ul.search li.btn a {
    display:inline-block;
    width:100%;
    text-align:center;
    line-height:39px;
    color:#fff;
    background-color:#3b4856;
    box-sizing:border-box;
}
/*-- END 검색 박스 --*/


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

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: 6px}
ul.commonUl01 li::after {position: absolute; top: 9px; left: 5px; content: ''; display: block; width: 4px; height: 4px; border-radius: 2px; background: #EF7D00;}
ul.commonUl01 li > span{font-size: 15px; color: #999;}
ul.commonUl01 li a{background: #95B821; color: #fff}

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: #95B821;}

ol.commonUl02{margin: 20px 0 20px 25px; }
ol.commonUl02 li {position: relative; list-style: decimal; font-size: 18px; line-height: 1.5; margin-bottom: 10px;}
ol.commonUl02 li > ul{margin: 10px 0; }
ol.commonUl02 li > ul li{list-style: none; font-size: 16px}

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: #95B821;}
ul.list_style02 li > span{font-size: 15px; color: #95B821;}

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


div.commCnt {padding:40px 0; border:10px solid #f6f6f6; margin: 40px 0}

/*---클럽소개 영역-----*/
.greet_box {display: block; color: #000; font-size: 18px; line-height: 1.6; margin: 56px 0 52px 0;}
.greet_box strong{display: block; font-size: 20px; line-height: 30px; color: #000; margin-bottom: 20px}
.greet_box p {width:580px; float: left; text-align:justify; letter-spacing: -0.5px;}
.color_green {color: #95B821;}
.greet_box img {float: right; margin-top: 60px;}

.intro_box {display: block; color: #000; font-size: 18px; line-height: 1.6; margin: 24px 0; }
.intro_box strong{display: block; font-size: 30px; line-height: 1.4; color: #333; 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;
}


/*클럽소개*/
.history_box {width: 100%; height: auto; margin-bottom: 40px; background: url('../img/img_c01.jpg?v=1') no-repeat left top 60px; padding: 0 0 5px 430px; }
.history_box h3 {font-size: 20px; font-weight: 600; 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}
.history_box p{line-height: 1.5}
.img_txt02 {display: block; margin: 0 auto;}



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

.root_daum_roughmap{position: relative !important;}

.mapInfo{float: right;}
.mapInfo .tit{font-size: 24px; font-family: 'Noto Sans Medium'; margin-top: 20px}
.location_dl {position: relative; margin-top:20px}
.location_dl dt{position: relative; font-size:20px; line-height: 1.5; font-weight:600; margin-top: 25px;}
.location_dl dd{font-size:16px; line-height:1.5; margin-top: 5px}

.course_dl {position: relative; margin:50px auto 50px; text-align: center}
.course_dl dt{position: relative; font-size:26px; line-height: 1.5; font-weight:700; margin: 40px 0 15px}
.course_dl dd{font-size:18px; line-height:1.5;}

.mapWrap{position: relative; width: 100%; height:150px; }
.mapWrap dl{position: absolute; left:50%; top:0; z-index: 99; padding:20px 50px; margin-left: -320px; width:640px; height:150px; background:#5D614E; ; font-size: 20px; line-height: 1.8; color: #fff}
.mapWrap dl dt{float: left; width: 15%}
.mapWrap dl dd{float: left; width: 85%}

/*슬라이드*/
.content_sub_in {
    position: relative;
}
.content_sub .content {
    position: relative;
}
.tit02 {
    display: block;
    font-size: 26px;
    line-height: 21px;
    font-weight: 400;
	margin-top:20px;
    margin-bottom: 32px;
}
.tit03 {
    text-align: center;
    position: relative;
}


element.style {
}
.p_txt03 {
    position: relative;
    text-align: center;
    padding-top: 15px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 45px;
}
.tab_facilities {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
}
.tab_facilities li {
    float: left;
    width: 20%;
    height: 48px;
    padding: 0;
    margin: 0 0 0 -1.5px;
}
.tab_facilities li a {
    overflow: hidden;
    display: block;
    color: #818181;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    padding-bottom: 9px;
}
#facilities {
    overflow: hidden;
    position: relative;
}
#facilities .sliderkit-go-prev a {
    left: 20px;
    background: url('../img/btn_prev01.png') no-repeat left 0;
}
#facilities .sliderkit-go-next a {
    right: 20px;
    background: url('../img/btn_next02.png') no-repeat left 0;
}
#facilities .sliderkit-btn a {
    position: absolute;
    top: 45%;
    width: 38px;
    height: 57px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    z-index: 9;
    text-align: left;
}
#facilities .contentslider-std .sliderkit-panels {
    width: 100%;
    height: 612px;
    overflow: hidden;
}
#facilities .contentslider-std .sliderkit-panel {
    width: 100%;
    height: 612px;
}
#facilities .contentslider-std .sliderkit-panel img {
    width: 100%;
}
#facilities .sliderkit-nav-clip {
    position: relative;
    margin: 0;
    top: 560px;
    z-index: 9999;
    width: 100% !important;
}
#facilities .sliderkit-nav-clip ul {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100% !important;
}
#facilities .sliderkit-nav-clip ul li {
    display: inline-block;
    margin: 0 5px;
}
#facilities .sliderkit-nav-clip ul li a {
    display: block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    text-indent: -9999999px;
    background: url(/resource/assets/common/images/pager.png) no-repeat 0 0;
}

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:#95B821;}

.tab_facilities li.on a{ color: #95B821;background: url('../img/dec02.png') no-repeat;background-position:50% bottom;}
/*
.tab_facilities li a{color:#818181;}
*/
.tab_facilities li:hover a{color: #95B821;}
.barblock{width:68px;height:2px;background-color:#95B821;opacity:0;position:relative;}
.barblock_02{width:68px;height:2px;background-color:#95B821;opacity:0;position:relative;}
.barblock_03{width:68px;height:2px;background-color:#95B821;opacity:0;position:relative;}
.barblock_04{width:68px;height:2px;background-color:#95B821;opacity:0;position:relative;}
.barblock_05{width:68px;height:2px;background-color:#95B821;opacity:0;position:relative;}
.barblock_06{width:68px;height:2px;background-color:#95B821;opacity:0;position:relative;}
.barblock_07{width:68px;height:2px;background-color:#95B821;opacity:0;position:relative;}
.barblock_08{width:68px;height:2px;background-color:#95B821;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:#95B821;}


.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:#95B821;}


.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 #95B821;}
.s_title h3{font-size:26px;font-weight:100;}
.s_list{width:180px;background-color:#95B821;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:#95B821}
.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:#95B821;}

.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;}


/* 부대시설 */
div.imgArea {
    height:500px;
    background:url('../img/clubhouse_img.png') no-repeat;
    background-attachment:fixed;
    background-size:cover;
    background-position:bottom left;
}
div.moduleLayout {margin:50px 0;}
ul.layoutInner {
    margin-top:60px;
}
ul.layoutInner li {position:relative; float:left; width:400px; height:560px; text-align:center;}
ul.layoutInner li dl.textArea {
    position:absolute;
    width:100%;
    height:280px;
    padding-bottom:20px;
    background:url('../img/module.png') no-repeat center bottom;
    z-index:50;
    box-sizing:content-box;
}
ul.layoutInner li dl.textArea dt {
    padding-top:85px;
    font-size:22px;
    color:#000;
}
ul.layoutInner li dl.textArea dd {
    margin-top:20px;
    font-size:15px;
    line-height:24px;
    color:#555;
}
ul.layoutInner li div.imgCnt {
    position:absolute;
    bottom:0;
    width:100%;
    height:280px;
    overflow:hidden;
    z-index:0;
}
ul.layoutInner li.top dl.textArea {
    bottom:0;
    padding-bottom:0;
    padding-top:20px;
    background:url('../img/module_top.png') no-repeat top center;
}
ul.layoutInner li.top div.imgCnt {
    top:0;
}

div.visualBox {margin-top:80px;}
div.visualBox > div.txtBox {
    margin-bottom:80px;
}
div.visualBox ul {
	margin-top: 0px;
    margin-bottom:100px;
}
div.visualBox ul li.txtBox {
    margin-top:260px;
}
div.visualBox ul {
    margin-bottom:130px;
}
div.visualBox ul:last-child {
    margin-top:0;
}
div.visualBox ul li.txtBox {position:relative; margin-top:370px; width:400px;}
div.visualBox ul li.txtBox::after {position:absolute; display:block; content:''; top:0; right:0; width:150px; height:1px; background:#95B821; z-index:0;}
div.visualBox ul li.txtBox h2 { margin-top:-2px; padding-top:15px; display:inline-block; font-size:24px; color:#333; border-top:5px solid #95B821;}
div.visualBox ul li.txtBox p {
    margin:25px 0 40px 0;
    font-size:16px;
    line-height:25px;
    color:#000;
}
div.visualBox ul li.txtBox a {
    display:inline-block;
    width:210px;
    height:50px;
    background:#95B821;
    font-size:18px;
    text-align:center; 
    line-height:50px;
    color:#fff;
}
div.visualBox ul li.txtBox a:hover {
    background:#9f1e32;
}
div.visualBox ul li.txtBox a span {
    font-size:16px;
}
div.visualBox ul li img {position:relative; width: 800px; height: 500px; z-index:1;}
div.visualBox ul.rightCnt {float:right;}
div.visualBox ul.rightCnt li {float:left;}
div.visualBox ul.rightCnt li.txtBox {padding-left:20px;}
div.visualBox ul.rightCnt li.txtBox::after {position:absolute; display:block; content:''; top:0; right:0; width:350px; height:1px; background:#95B821; z-index:0;}

div.visualBox ul.leftCnt {
    float:left;
}
div.visualBox ul.leftCnt li {
    float:right;
}
div.visualBox ul.leftCnt li::after {
    left:-0px;
}
div.visualBox ul.leftCnt li.txtBox {padding-left:50px;}
div.txtBox {
    text-align:center;
}
div.txtBox h2.tit {
    position:relative;
    padding-bottom:20px;
    font-size:30px;
    font-family: 'Noto Sans Light';
}
div.txtBox h2.tit span.miniTxt {
    display:block;
    margin-top:7px;
    font-size:16px;
    line-height:26px;
}
div.txtBox h2.tit strong {
    font-family: 'Noto Sans Regular';
}
div.txtBox h2.tit::after {
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:-17.5px;
    display:block;
    content:'';
    width:35px;
    height:4px;
    background:#95B821;
}
div.txtBox p.txt {
    margin-top:20px;
    font-size:16px;
    line-height:26px;
    color:#000;
}

div.visualSlide {position:relative; width:100%; height:780px;}
div.bx-wrapper {
    position:absolute;
    left:50%;
    width:3670px;
    height:650px;
    margin-left:-1835px;
}
ul.bxslider {
    width:3000px;
    height:650px;
}
ul.bxslider li {
    margin-right:50px;
    width:1190px;
    height:650px;
}

ul.bxslider li img.gray {-webkit-filter: grayscale(100%); filter: gray; opacity:0.5;}
div.bx-controls {position:absolute; left:50%; bottom:-200px; margin-left:410px; z-index:3;}
div.bx-controls a {margin-left:5px; display:inline-block; width:60px; height:60px; background-color:#95B821; font-size:0; text-indent:-9999px; color:transparent;}
a.bx-prev {background:url('../img/bx_prev.png') no-repeat center;}
a.bx-next {background:url('../img/bx_next.png') no-repeat center;}
div.infoBox {position:absolute; left:50%; bottom:-70px; margin-left:70px; padding:30px; width:480px; height:280px; background:rgba(255,255,255,0.95); box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3); z-index:1;}
div.infoBox h2.infoTit {
    margin-bottom:30px;
    font-size:30px;
}
div.infoBox h2.infoTit::after {
    margin-top:15px;
    display:block;
    content:'';
    width:35px;
    height:4px;
    background-color:#95B821;
}
div.infoBox dl.infoTxt {
    margin:12px 0;
}
div.infoBox dl.infoTxt dt {
    display:inline-block;
    font-size:16px;
    font-weight:600;
    color:#95B821;
}
div.infoBox dl.infoTxt dd {
    display:inline-block;
    margin-left:5px;
    font-size:16px;
    line-height:22px;
    color:#666;
}

ul.menuCnt {
    margin-top:120px;
}
ul.menuCnt li {
    float:left;
}
ul.menuCnt li:first-child {
    margin-right:25px;
}
ul.menuCnt li div.topArea {
    margin-bottom:25px;
}
ul.menuCnt li div.topArea div.menuInner {
    position:relative;
    float:left;
    padding:30px 25px;
    width:279px;
    height:253px;
    background-color:#95B821;
}
ul.menuCnt li div.topArea div.menuInner h2.menuTit {
    position:relative;
    font-size:22px;
    font-weight:400;
    color:#fff;
}
ul.menuCnt li div.topArea div.menuInner h2.menuTit::after {
    position:absolute;
    display:block;
    bottom:-10px;
    content:'';
    width:15px;
    height:2px;
    background-color:#fff;
}
ul.menuCnt li div.topArea div.menuInner dl {
    margin-top:30px;
    color:#fff;
}
ul.menuCnt li div.topArea div.menuInner dl dt {
    font-size:16px;
}
ul.menuCnt li div.topArea div.menuInner dl dd {
    margin-top:10px;
    font-size:14px;
    line-height:22px;
}
ul.menuCnt li div.topArea div.menuInner a {
    position:absolute;
    right:0;
    bottom:0;
    display:block;
    width:120px;
    height:35px;
    background:#1b1b1b;
    font-size:14px;
    text-align:center;
    line-height:35px;
    color:#fff;
}
ul.menuCnt li div.topArea img {
    float:right;
}
div.bottomArea {
    clear:both;
    margin-top:25px;
}
p.menuTxt {
    margin-top:10px;
    font-size:14px;
    color:#555;
}

/* 250415 조인게시판 */
#join-list-box tr.end td{
    color:#9d9d9d;
    background:#f9f9f9;
}
#join-list-box tr.end td img{
    filter:grayscale(1);
    opacity: 0.7;
}

.list-date-search{
  width: 100%;
  justify-content: flex-end;
  display: flex;
  align-items : center;
  margin-bottom: 30px; 
}
.list-date-search .date{
  width: 210px;
}
.date-search-input{
    padding: 0 15px;
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    background: url('/Content/img/search-date.png') center right 10px no-repeat;
    background-size: 15px 17px;
}

.greet-wrap{
    display: flex;
    gap: 80px;
    align-items: flex-start;
}
.greet-wrap img{
    flex: 1;
}

/* contact */
.flex-wrap-top{
    display: flex;
    gap: 64px;
    align-items: flex-start;
}

.contact-list{
    margin-top: 10px;
}

.contact-list ul{
    margin-bottom: 40px;
}

.contact-list ul span{
    font-weight: 600;
    font-size: 24px;
    color: #000;
    margin-bottom: 16px;
    display: block;
}

.contact-list ul li{
    position: relative;
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 18px;
    padding-left: 30px;
    line-height: 27px;
}

.contact-list ul li::before{
    content: '';
    position: absolute;
    top: 11px;
    left: 15px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
}

/*restaurant*/
.facil-layout{
    width: 1200px;
    margin: 110px auto 0;
}
.facil-sub-text{
    margin: 112px 0 54px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
}
.facilTab{
    display: flex;
    justify-content: center;
    /* width: 75%; */
    margin: 0 auto;
}
.facilTab li{
    /* flex: 1; */
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 23px 0;
    border-bottom: 1px solid #bbb;
    cursor: pointer;
    width: 300px;
}
.facilTab li.on{
    border-bottom: none !important;
    border: 1px solid #000;
}
.facilTab li a{
    color: #000;
}

/*facil swiper*/
.facilSlide{
    position: relative;
    margin: 0 auto 140px;
    width: 1200px;
}
.facilSlide .swiper-button-next {
    background: url(../img/facil-arrow-next.svg) no-repeat;
    background-size: 40px 120px;
    background-position: center;
    width: 40px !important;
    height: 120px !important;
    top: 50% !important;
    right: -80px !important;
  }
.facilSlide .swiper-button-prev {
    background: url(../img/facil-arrow-prev.svg) no-repeat;
    background-size: 40px 120px;
    background-position: center;
    width: 40px !important;
    height: 120px !important;
    top: 50% !important;
    left: -80px !important;
  }
.facilSlide .swiper-button-next::after,
.facilSlide .swiper-button-prev::after {
    display: none;
}

/*menu swiper*/
.menu-slide{
    width: 1200px;
    margin: 0 auto;
}
.menu-box{
    margin-bottom: 150px;
}

.menu-tit{
    margin-bottom: 24px;
}
.menu-tit h1{
    font-size: 40px;
    font-weight: 600;
    color: #333;
}
.menu-tit p{
    margin-top: 24px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.menu-slider{
    flex: 1;
    width: 100%;
    position: relative;
}
.menu-slider .swiper-arrow{
    top: -55px;
    position: absolute;
    right: 0;
    z-index: 999;
}

.menu-slider .swiper-button-next {
    background: url(../img/menu-arrow-next.svg) no-repeat;
    background-size: 40px 20px;
    width: 40px !important;
    height: 20px !important;
    right: 0 !important;
  }
.menu-slider .swiper-button-prev {
    background: url(../img/menu-arrow-prev.svg) no-repeat;
    background-size: 40px 20px;
    width: 40px !important;
    height: 20px !important;
    left: -116px !important;
  }
.menu-slider .swiper-button-next::after,
.menu-slider .swiper-button-prev::after {
    display: none;
}

.menu-slider .swiper-wrapper .swiper-slide img{
    width: 100%;
    height: 242px;
    object-fit: fill;
}

/*swiper text*/
.menu-slider .text{
    margin-top: 32px;
    color: #333;
}

.menu-slider .text h1{
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    display: flex;
    justify-content: space-between; 
    gap:10px;
}

/*.menu-slider .text h1 span{
    white-space: pre-line;
}*/

.menu-slider .text p{
    margin-top: 16px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    white-space: pre-line;
    display: block;
}

.all-menu{
    background: #f8f8f8;
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: center;
    padding: 16px 0;
    gap: 40px;
    line-height: 40px;
    margin-bottom: 158px;
}
.all-menu p{
    font-size: 20px;
    font-weight: 400;
    color: #212429;
}
.all-menu p span{
    font-weight: 600;
}
.menu-btn{
    font-size: 20px;
    background: #333;
    color: #fff;
    font-weight: 600;
    padding: 20px 40px;
}
.menu-btn:hover{
    background: #333;
    color: #fff;
}

.facil-video{
    width: 1200px;
    height: 650px;
}
.facil-img{
    margin-top: 116px;
    width: 1200px;
}

.slide-contents {
    position: relative;
    top: 50%;
    transform: translate(20%, -80%);
    left: 50%;
    background: #fff;
    width: 518px;
    height: 360px;
    color: #333;
    padding: 84px 64px 30px;
}
.slide-contents h1{
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
.slide-contents p{
    margin: 23px 0 32px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    white-space: pre-line;
}
.slide-contents a{
    background: #95B821;
    color: #fff;
    padding: 15px 0;
    min-width: 142px;
    display: block;
    width: 10%;
    text-align: center;
    font-weight: 600;
}

.facil-img .swiper-pagination {
    position: absolute !important;
    bottom: 250px !important;
    left: 0 !important;
}
.facil-img .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background-color: #ccc !important;
}
.facil-img .swiper-pagination-bullet-active {
    background:#95B821 !important;
}

/* GUIDE */
.guide-list{
    display: flex;
    align-items: flex-start;
    margin-bottom: 118px;
}
.guide-list .subTit01{
    width: 16%;
    line-height: 42px;
}
.guide-list .sub-list{
    flex: 1;
}

.sub-list ul li{
    position: relative;
    font-weight: 400;
    font-size: 18px;
    padding-left: 14px;
    line-height: 32.4px;
}

.sub-list ul span{
    font-weight: 400;
    font-size: 18px;
    line-height: 32.4px;
}

.sub-list ul li::before{
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
    font-size:18px;
    color:#000;
}

.sub-list.none ul li{
    padding-left: 0;
}
.sub-list.none ul li::before{
    display: none;
}

.quick-btn{
    background: #95B821;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 0;
    text-align: center;
    width: 45%;
    display: block;
    margin: 0 auto;
}
.quick-btn:hover{
    color: #fff;
}
.text-line{
    color: #95B821;
    text-decoration: underline;
}
.text-line:hover{
    color: #95B821;
    text-decoration: underline;
}

/* search */
.searchWrap{
    width: 100%;
    background: #F8F8F8;
    padding: 24px 0;
}
.search-list{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    font-weight: 600;
}
.search-list .btn a{
    padding: 11px 0;
    background: #95B821;
    color: #fff !important;
    font-weight: 400;
    font-size: 18px;
    width: 150px;
    display: block;
    text-align: center;
    border-radius: 4px;
}
.search-list .iptStyle {
    padding: 0 15px;
    width: 100%;
    height: 40px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 16px;
    background-image: url(../img/input-cal.svg);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center right 20px;
}
/* date 인풋 기본 아이콘 제거*/
input[type="date"]::-webkit-calendar-picker-indicator { opacity:0; }

.lounge-list{
    margin-top: 16px;
}
.lounge-list span{
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}
.lounge-list .list{
    line-height: 24px;
}

.table-list{
    margin-top: 16px;
}
.table-list li{
    position: relative;
    font-weight: 400;
    font-size: 16px;
    padding-left: 18px;
    line-height: 28.8px;
}

.table-list li::before{
    content: '';
    position: absolute;
    top: 12px;
    left: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
}

/*예약가이드 팝업*/
.guide-pop{
    background: transparent !important;
    color: #EF7D00 !important;
    text-decoration: underline !important;
    font-weight: 600;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    cursor: pointer;
}