/*common*/
.wr-1500{width: 100%;max-width: 1500px;margin: 0 auto;}
.ftp{font-family: 'futura-pt';}
.pft{font-family: 'Pretendard';}
.x-scr{overflow-x:scroll}

@media screen and (max-width:1520px){
    .wr-1500{padding:0 20px;}
}

@media screen and (max-width:768px){
    .x-scr{position:relative}
    .x-scr-view {display: block;padding-top: 30px;background: url(../images/sub/swipe.png) no-repeat center rgb(0 0 0 / 30%);background-size: 120px;width: 100%;height: 100%;position:absolute;top: 0;left: 0;z-index: 999;}
    br.pc-only{display:none}
}

/* 스크롤아이콘 */
.page-scroll-icon{display: none;}
.non-hv .page-scroll-icon{display: block;}
.non-hv .page-scroll-icon{position: absolute;bottom: 50%;left: 50%;transform: translate(-50%,50%);text-align: center;z-index: 1;}
.non-hv .page-scroll-icon .wide-box{text-align: center;}
.non-hv .page-scroll-icon .scroll-icon{position:relative;margin-top: 20px;width: 70px;height: 120px;background: #747474;-webkit-border-radius: 200px;border-radius: 200px;display: inline-block;vertical-align: middle;}
.non-hv .page-scroll-icon .scroll-icon:before{position:absolute;content:"";left:25px;top:10px;width:20px;height:35px;background-color:#2a2a2a;opacity:0;-webkit-border-radius:50%;border-radius:20px;animation:mouseScroll 2.1s infinite}
.non-hv .page-scroll-icon .scroll-txt{font-size: 24px;font-weight: 100;color: #000;display: inline-block;vertical-align: middle;}
.course .non-hv .page-scroll-icon .scroll-txt{font-size:16px;line-height:1.4em}

@keyframes mouseScroll {
    0% { opacity:1; transform: translateY(-3px) }
    100% {opacity:0; transform: translateY(10px)}
}


/*카카오맵*/
.wrap_controllers, .root_daum_roughmap .border1, .root_daum_roughmap .border2, .root_daum_roughmap .border3, .root_daum_roughmap .border4 {display: none;}
.wrap_map {border: 1px solid #e7e7e7;}

#content{margin: 80px auto;padding: 80px 0 0;}

@media screen and (max-width:1024px){
    #content{padding:50px 0}
}

@media screen and (max-width:768px){
    #content{padding:30px 0 }
    #content{padding-bottom:0}
}

@media screen and (max-width:500px){
    #content{margin: 0 auto;padding: 25px 0;padding-bottom: 0;}
}

.sec-top.wr-1500{padding:0}

/*sub header*/
.menu-bar.pc.sub{background:#fff0;position:absolute;border-bottom:none}
.menu-bar.pc.sub:hover{background:#fff}
.menu-bar.pc.sub .gnb.gnb-line .node1-link{color:#fff}
.menu-bar.pc.sub:hover .gnb.gnb-line .node1-link{color:#424242}
.menu-bar.pc.sub .weatherClass .weather_list{border:1px solid #fff;background:#fff}
.menu-bar.pc.sub:hover .weatherClass .weather_list{background:unset;border:1px solid #2f2f2f}
.menu-bar.pc.sub .loginClass:before{background:#fff}
.menu-bar.pc.sub:hover .loginClass:before{background:#000}
.menu-bar.pc.sub img.logo_hover{display:block;max-width: unset;max-height: unset;}
.menu-bar.pc.sub img.logo_default{display:none;}
.menu-bar.pc.sub:hover img.logo_hover{display:none}
.menu-bar.pc.sub:hover img.logo_default{display:block}
.menuclass.mobile .logo_hover{display:none}

/*sub visual*/
.sub-navi{position:relative;width:100%;height:450px;margin:0 auto 0}
.sub-navi .pc-menu .visual__wrap{width:100%;height:450px;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}
.sub-navi .pc-menu .nav-title{position:absolute;text-align:center;width:100%;left:0;top:50%;transform:translateY(-50%);color:#fff;font-size: clamp(38px, 3vw, 60px);font-weight:100;letter-spacing:4px;font-family:'futura-pt'}
.sub-navi .menu-wr{text-align:center;box-shadow:0 4px 8px -7px #6f6f6f8a}
.sub-navi .menu-wr.fix {position: fixed;top: 10px;width: 100%;left: 0;z-index: 100;padding: 0 20px;box-shadow: unset;}
.sub-navi .menu-wr.fix ul{box-shadow:10px 10px 30px #00000014;background-color:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding:0 1rem;height:70px;align-items:center;border-radius:60px;gap:5px;max-width: 1400px;margin: 0 auto;}
.sub-navi .menu-wr.fix li a{color:#000;/* font-size:clamp(14px,2vh,20px); */padding: 0;}
.sub-navi .menu-wr.fix li a.active{color:#fff;background:#003358;padding:10px;border-radius:30px}
.sub-navi .menu-wr.fix li a.active:hover{color:#fff;background:#003358;padding:10px;border-radius:30px}
.sub-navi .menu-wr.fix li a:hover{color: #748ea5;background: #79afcf40;padding:10px;border-radius:30px}
.sub-navi .menu-wr.fix li a p {padding: 0;}
.sub-navi .menu-wr.fix li a.section_selected p{border-bottom:0;color:#36759b;position:relative}
.sub-navi .menu-wr.fix li a.section_selected p:before{transition: all ease 0.3s;content:'';position:absolute;width:6px;height:6px;background:#36759b;border-radius:100%;left:50%;transform:translateX(-50%);top:-14px}
.sub-navi .menu-wr.fix li a:hover p:before{width:50px;height:2px;border-radius:0;top:-12px}

.quick_menu{display:flex;/* flex-wrap:wrap; */justify-content:center;position:unset;}
.quick_menu li a{position:relative;display:block;width:100%;font-size: 20px;transition:all .3s}
.quick_menu li a.section_selected p{display:inline-block;border-bottom:2px solid #000}
.quick_menu li a p{padding:25px 0}
.quick_menu li{flex: 0 1 calc(100% / 3 - 10px);max-width:250px;margin-bottom:0}
.nav03 .quick_menu li{flex:0 1 calc(100% / 5);max-width:250px;margin-bottom:0}

#subNav1{background:url(../images/sub/sub_visual01.jpg) no-repeat center;background-size:cover}
#subNav2{background:url(../images/sub/sub_visual02.jpg) no-repeat center;background-size:cover}
#subNav3{background:url(../images/sub/sub_visual03.jpg) no-repeat center;background-size:cover}
#subNav4{background:url(../images/sub/sub_visual04.jpg) no-repeat center;background-size:cover}
#subNav5{background:url(../images/sub/sub_visual05.jpg) no-repeat center;background-size:cover}
#subNav6{background:url(../images/sub/sub_visual06.jpg) no-repeat center;background-size:cover}
#subNav6_2{background:url(../images/sub/sub_visual06.jpg) no-repeat center;background-size:cover}
#subNav7{background:url(../images/sub/sub_visual07.jpg) no-repeat center;background-size:cover}
#subNav8{background:url(../images/sub/sub_visual08.jpg) no-repeat center;background-size:cover}

@media screen and (max-width:1200px){
    .sub-navi{height:350px}
    .sub-navi .pc-menu .visual__wrap{margin-top:80px;height:350px}
    .sub-navi .menu-wr.fix{top:90px}
    .sub-navi .menu-wr.fix ul{height:50px}
    .sub-navi .menu-wr.fix li a:hover{color:#ffffff;background:#79afcf85}
}


@media screen and (max-width:1024px){
    .quick_menu li a{font-size:18px}
    .sub-navi{height:350px}
    .sub-navi .pc-menu .visual__wrap{height:350px}
}

@media screen and (max-width:768px){
    .quick_menu{display:none;}
    .quick_menu li a p{padding:15px 0}
}

@media screen and (max-width:500px){
    .quick_menu{flex-wrap: wrap;}
    .sub-navi .pc-menu .nav-title{font-size: 22px;}
    .sub-navi{height: 180px;}
    .sub-navi .pc-menu .visual__wrap{height:200px}
    .quick_menu li a{font-size: 14px;padding: 0;}
    #content.facility{margin: 0 auto 25px;padding-top: 0;}
    .content.faci .sub-navi .menu-wr.fix ul{height:80px;padding:10px}

}


/*table01*/

.item_table_wr{width:100%;text-align: left;width: 100%;}
.item_table_wr table{width:100%;border-spacing: 0;font-size: 20px;}
.item_table_wr th{background: #093e7f00;padding: 25px 40px;color: #000;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
.item_table_wr thead tr:first-child th{border-top: 1px solid #000000;border-bottom:1px solid #000}
.item_table_wr thead tr:first-child th:last-child{border-right:0}
.item_table_wr tbody{border-top: 2px solid #000;}
.item_table_wr tr:last-child td{border-bottom:0}
.item_table_wr tr:first-child td:first-child{border-bottom:0}
.item_table_wr td{padding: 10px 30px;font-size: 18px;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;line-height: 1.6em;}
.item_table_wr td:last-child{border-right:0;}
.item_table_wr .bt{border-bottom: 1px solid #cccccc !important;}
.item_table_wr .bg-gray{background-color: #f3f3f5;}

/*table02*/

.item_table_wr02{width:100%;text-align: center;width: 100%;}
.item_table_wr02 table{width:100%;border-spacing: 0;font-size: 20px;}
.item_table_wr02 thead tr{border-top:2px solid #000}
.item_table_wr02 thead tr:first-child th{border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
.item_table_wr02 thead tr:first-child th:last-child{border-right:0}
.item_table_wr02 th{font-size: 16px;background: #093e7f00;padding: 15px 5px;color: #000;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
.item_table_wr02 td{padding: 15px 0;background: #f5f5f5;font-size: 14px;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;line-height: 1.6em;}
.item_table_wr02 td:last-child{border-right:0;}
.item_table_wr02 .bt{border-bottom: 1px solid #cccccc !important;}
.item_table_wr02 .bg-white{background-color: #fff;color: 16px;}

/*table03*/

.item_table_wr03{text-align: center;width: 100%;}
.item_table_wr03 table{width:100%;border-spacing: 0;font-size: 20px;}
.item_table_wr03 thead tr:first-child th{border-top: 1px solid #000000;border-bottom:1px solid #000}
.item_table_wr03 thead tr:first-child th:last-child{border-right:0}
.item_table_wr03 tbody{border-top: 2px solid #000;}
.item_table_wr03 th{font-size: 18px;padding: 15px 40px;color: #000;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
.item_table_wr03 tr:first-child td:first-child{}
.item_table_wr03 td{padding: 10px 30px;font-size: 16px;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;line-height: 1.6em;}
.item_table_wr03 td:last-child{border-right:0;}
.item_table_wr03 .bt{border-bottom: 1px solid #cccccc !important;}
.item_table_wr03 .rt{border-right: 1px solid #cccccc !important;}
.item_table_wr03 .n-rb{border-right:0 !important}
.item_table_wr03 .bg-blue{background-color: #fef2e9;}

/*table04 - reserve*/

.item_table_wr04{width:100%;text-align: center;}
.item_table_wr04 table{width:100%;border-spacing: 0;font-size: 20px;}
.item_table_wr04 thead tr:first-child th{border-top: 1px solid #000000;}
.item_table_wr04 thead tr:first-child th:last-child{border-right:0}
.item_table_wr04 thead{border-top: 2px solid #000;background: #f3f4f6;}
.item_table_wr04 th{font-size: 18px;background: #f7f7f7;padding: 15px;color: #000;border-bottom: 1px solid #cccccc;}
.item_table_wr04 tr:first-child td:first-child{}
.item_table_wr04 td{padding: 15px;font-size: 16px;border-bottom: 1px solid #cccccc;line-height: 1.6em;}
.item_table_wr04 td:last-child{border-right:0;}
.item_table_wr04 .bt{border-bottom: 1px solid #cccccc !important;}
.item_table_wr04 .n-rb{border-right:0 !important}
.item_table_wr04 .bg-blue{background-color: #fef2e9;}

/*table05*/

.item_table_wr05{width:100%;text-align: center;width: 100%;}
.item_table_wr05 table{width:100%;border-spacing: 0;font-size: 20px;}
.item_table_wr05 th{font-size: 18px;padding: 15px 40px;color: #000;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
.item_table_wr05 td{padding: 10px 30px;font-size: 16px;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;line-height: 1.6em;}



@media screen and (max-width:1440px){
    .item_table_wr03 th{font-size: 16px;}
}

@media screen and (max-width:1024px){
    .item_table_wr th{padding:20px;font-size:18px}
    .item_table_wr td{font-size:16px}
}



/*sub1  -  club_info*/
.info .sec-top .sec-tit{font-size: clamp(22px, 3vw, 36px);padding-bottom: 40px;}

.info #section01{margin-bottom:80px}
.info #section01 .sec-top p.ftp{font-size: clamp(16px, 3vw, 20px);font-weight:100;padding-bottom: 40px;}
.info #section01 .sec-detail .main-text{font-size: clamp(18px, 3vw, 42px);line-height:1.4em}
.info #section01 .sec-detail .detail-text_wr{column-gap:30px;padding:70px 0 50px}
.info #section01 .sec-detail .detail-text p{line-height: 1.8em;font-size: 16px;}
.info #section01 .sec-detail .detail-text p:first-child {padding-bottom: 35px;}
.info #section01 .sec-detail .ceo{font-size: clamp(18px, 2vw, 20px);}

.info #section02{margin-bottom:80px}
.info #section02 .sec-detail{position:relative}
.info #section02 .sec-detail .sec-text {font-size: 18px;line-height: 1.8em;padding: 50px;}
.info #section02 .sec-detail .sec-img{width: 100%;position:relative}
.info #section02 .sec-detail .sec-img img{max-width:100%}
.info #section02 .sec-detail .sec-img .img-box{width:440px;position:absolute;left:30px;background:#fff;top:0;padding:50px}
.info #section02 .sec-detail .sec-img .box-tit{font-size:40px;font-weight:100;padding-bottom:40px;position:relative}
.info #section02 .sec-detail .sec-img .box-tit:after{content:'';position: absolute;width: 65px;height: 1px;background: #000;left: 0;bottom: 20px;}
.info #section02 .sec-detail .sec-img .box-txt{font-size:15px;line-height:1.6em}

.info #section03{}
.info #section03 .location-container{display:none;text-align: center;}
.info #section03 .location-container.on{display:block}
.info #section03 .sec-detail .map-list_btn{background:#f4f4f4;padding:20px 0}
.info #section03 .sec-detail .map-list_btn .wr-1500{display:flex;gap:20px}
.info #section03 .sec-detail .map-list_btn .wr-1500 div{width:195px;background:#fff;border:1px solid #323232;font-size:18px;cursor:pointer;transition:all ease .3s;height: 40px;line-height: 40px;text-align: center;}
.info #section03 .sec-detail .map-list_btn .wr-1500 div.active{background:#323232!important;color:#fff}
.info #section03 .sec-detail .map-list_btn .wr-1500 div:hover{background:#f1f1f1}
.info #section03 .sec-detail .map-list{padding:40px 0}

@media screen and (max-width: 1520px){
    .info #section01{padding:0 20px}
    .info #section02{padding:0 20px}
    .info #section03 .sec-tit{padding:0 20px 20px 20px}
    .info #section03 .sec-detail .map-list{padding: 20px}
}

@media screen and (max-width: 1024px){
    .info .sec-top .sec-tit{padding-bottom:20px}

    .info #section01{margin-bottom:60px}
    .info #section01 .sec-top p.ftp{padding-bottom:20px}
    .info #section01 .sec-detail .detail-text p{line-height: 1.8em;font-size: 14px;}
    .info #section01 .sec-detail .detail-text p:first-child {padding-bottom: 20px;}
    .info #section01 .sec-detail .detail-text_wr{padding:50px 0 40px}

    .info #section02{margin-bottom:60px}
    .info #section02 .sec-detail .sec-img .box-tit{font-size: clamp(24px, 3vw, 32px);padding-bottom:25px}
    .info #section02 .sec-detail .sec-img .box-tit:after{bottom:13px}
    .info #section02 .sec-detail .sec-img .img-box{padding:40px 30px}
    .info #section02 .sec-detail .sec-text{font-size:16px;padding:40px 20px}

    .info #section03{margin-bottom:60px}
    .info #section03 .sec-detail .map-list_btn .wr-1500 div{font-size:16px;width:150px}
}

@media screen and (max-width: 768px) {
    .info #section01 .sec-detail .detail-text_wr{padding:30px 0 40px}

    .info #section02 .sec-detail .sec-img img{width:100%;max-height:230px;object-fit:cover}
    .info #section02 .sec-detail .sec-img .img-box{position:unset;width:100%;padding: 30px 0 10px;}
    .info #section02 .sec-detail .sec-img .box-tit:after{width:80px}
    .info #section02 .sec-detail .sec-text{padding: 20px 0;font-size:14px}
    .info #section03{margin-bottom:0}
    .info #section03 .sec-detail .map-list_btn .wr-1500{flex-wrap:wrap;gap:10px}
    .info #section03 .sec-detail .map-list_btn .wr-1500 div{flex:0 1 calc(100% / 2 - 5px)}

    .item_table_wr td{padding:10px;font-size:14px}
    .item_table_wr th{font-size:14px;padding:10px}

}



/*sub2  -  club_course*/
.course .sec-top .sec-tit{font-size: clamp(22px, 3vw, 36px);padding-bottom: 30px;}

.course #section01{margin-bottom:80px}
.course #section01 .sec-top{}
.course #section01 .sec-top .sec-tit{}
.course #section01 .sec-top .sec-txt01{font-size: clamp(16px, 2vw, 22px);line-height: 1.6em;}
.course #section01 .sec-top .sec-txt02{font-size:17px;border-bottom:1px solid #000;padding:30px 0 15px;display: inline-block;}
.course #section01 .sec-detail{margin-top:60px;display:flex;gap: 100px;}
.course #section01 .sec-detail .left-con{}
.course #section01 .sec-detail .left-con .left-con-tit{font-size:24px;position:relative;padding-bottom:50px;font-weight: 100;}
.course #section01 .sec-detail .left-con .left-con-tit:after{content:'';position:absolute;width: 60px;height: 1px;background: #000;left: 0;bottom: 26px;}
.course #section01 .sec-detail .left-con .left-con-img{}
.course #section01 .sec-detail .right-con{width:100%}
.course #section01 .sec-detail .right-con .right-con-tit{font-size:24px;position:relative;padding-bottom:50px;font-weight: 100;}
.course #section01 .sec-detail .right-con .right-con-tit:after{content:'';position:absolute;width: 60px;height: 1px;background: #000;left: 0;bottom: 26px;}

.course #section01 .sec-detail .right-con .course-list_btn{display:flex;gap:20px}
.course #section01 .sec-detail .right-con .course-list_btn div{flex: 0 1 calc(100% / 3);max-width: 170px;background:#fff;border:1px solid #323232;font-size: clamp(14px, 2vw, 18px);cursor:pointer;transition:all ease .3s;height:40px;line-height:40px;text-align:center}
.course #section01 .sec-detail .right-con .course-list_btn div.active{background:#000;color:#fff}
.course #section01 .sec-detail .right-con .course-list{padding-top:30px}
.course #section01 .sec-detail .right-con .course-list .course-con{display:none;text-align: center;}
.course #section01 .sec-detail .right-con .course-list .course-con.on{display:block}

.course #section02{margin-bottom:80px;background:url(../images/sub/sub2_sec02_bg.jpg) no-repeat center;background-size:cover;padding: 100px;}
.course #section02 .box-wr{border-radius:34px;background:#fff;padding:80px;color:#161616;position: relative;min-height: 815px;}
.course #section02 .box-title{display:flex;width:50%;justify-content:space-between;position: absolute;}
.course #section02 .box-title h2{font-size: clamp(24px, 3vw, 44px);font-weight:600}
.course #section02 .box-title .select-wr{position:relative;display:inline-block;cursor:pointer;}
.course #section02 .box-title .select-wr .select-box{width:280px;display:inline-block;padding:15px 30px;border:1px solid #676767;border-radius:30px;position:relative;font-family:'futura-pt';font-weight:100;font-size:28px}
.course #section02 .box-title .select-wr .select-box option{border-radius:20px;padding:3px 0;font-weight:100;font-size:20px}
.course #section02 .box-title .select-wr .select-box option:checked{background:#2a5c1b7d;color:#fff}
.course #section02 .box-title .select-wr .select-box option:hover{background:#000;}
.course #section02 .box-title .select-wr:after{content:'';position:absolute;background: url(../images/sub/selct_icon.png);width:12px;height:9px;right: 30px;top: 50%;transform: translateY(-50%);}
.course #section02 .hole-wrap{gap:80px;margin-top: 80px;display: flex;}
.course #section02 .hole-wrap .hole-text_box{flex:0 1 calc(60% - 10px)}
.course #section02 .hole-wrap .hole-text_box .hole_name{font-weight:100;font-family:'futura-pt'}
.course #section02 .hole-wrap .hole-text_box .hole_name p{font-size: clamp(24px, 3vw, 38px);}
.course #section02 .hole-wrap .hole-text_box .hole_name span.num{font-size: clamp(40px, 3vw, 98px);}
.course #section02 .hole-wrap .hole-text_box .hole_name span.info{font-size: clamp(17px, 3vw, 23px);padding-left:20px;color: #00000085;}
.course #section02 .hole-wrap .hole-text_box .hole_list{padding:20px;border-top:1px solid #0000001f;border-bottom:1px solid #0000001f}
.course #section02 .hole-wrap .hole-text_box .hole_list ul{display:flex;gap:50px}
.course #section02 .hole-wrap .hole-text_box .hole_list li{color:#00000085;font-size:18px;position:relative}
.course #section02 .hole-wrap .hole-text_box .hole_list li:after{content:'';position: absolute;background:#000000a8;width:1px;height: 16px;right: -27px;top: 50%;transform: translateY(-50%);}
.course #section02 .hole-wrap .hole-text_box .hole_list li:last-child:after{display:none}
.course #section02 .hole-wrap .hole-text_box .hole_box{padding-top:20px}
.course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list{display:flex;background:#f5f5f5;border-radius:10px;padding:20px 30px;gap:30px;margin-bottom:15px}
.course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list .tit{font-size:22px;font-weight:500;flex:20%}
.course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list .tit span{font-weight:100;font-size: 14px;display:block;color: #000000a8;padding-top:5px;font-family: 'Pretendard';}
.course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list .txt{font-family: 'Pretendard';color: #000000a8;font-size: 18px;line-height: 1.6em;font-weight: 500;flex: 80%;}
.course #section02 .hole-wrap .hole-img_box{flex:0 1 calc(40% - 10px);margin-top: -80px;text-align: center;position: relative;}
.course #section02 .hole-wrap .hole-img_box img{}

.course #section03{display:flex;gap: 0 80px;overflow:hidden;margin-bottom:100px;}
.course #section03 .sec-detail{max-width: 1230px;width:100%}
.course #section03 .sec-top {min-width: 15%;}
.course #section03 .sec-detail .course_img-item img{}
.course #section03 .sec-detail .owl-nav{display:none;}
.course #section03 .sec-detail .owl-nav .owl-prev{background:#fff;border-radius:100%;width:40px;height:40px;position:absolute;left:20px;top:50%;font-size:33px;color:#00000091}
.course #section03 .sec-detail .owl-nav .owl-next{background:#fff;border-radius:100%;width:40px;height:40px;position:absolute;top:50%;right:0;font-size:33px;color:#00000091}
.course #section03 .sec-detail .owl-nav span{display:inline-block;height:40px}
.course #section03 .sec-detail .owl-nav .owl-prev button {}
.course #section03 .sec-detail .owl-carousel:hover .owl-nav{opacity:1}

@media screen and (max-width:1440px){
    .course #section03 {flex-wrap:wrap}

    .course #section01 .sec-detail{gap:50px}
    .course #section02{padding:50px}
    .course #section02 .box-wr{padding:50px}
    .course #section02 .box-title .select-wr .select-box{width:200px;padding:10px 30px;cursor:pointer;}
    .course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list{gap:10px;padding:20px}
    .course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list .tit{flex:35%;font-size:20px}
    .course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list .txt{flex:65%;font-size:16px}
}
@media screen and (max-width:1200px){
    .course #section01 .sec-detail{flex-wrap:wrap;}
}

@media screen and (max-width:1024px){
    #content.course{padding-bottom:0}
    .course #section01 .sec-top .sec-txt02{line-height:1.8em;max-width:485px;font-size:clamp(14px,2vw,17px)}
    .course #section01 .sec-detail .left-con .left-con-img img{width:100%}

    .course #section02 .box-wr{padding:40px 25px}
    .course #section02 .box-title .select-wr .select-box{width:160px;font-size:20px;cursor:pointer;}
    .course #section02 .hole-wrap{margin-top:50px;gap:40px}
    .course #section02 .hole-wrap .hole-img_box img{max-width:235px}
    .course #section02 .hole-wrap .hole-img_box{display:flex;align-items:center;justify-content:center}
    .course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list .tit{font-size:16px}
    .course #section02 .hole-wrap .hole-text_box .hole_list{padding:15px 10px}
    .course #section02 .hole-wrap .hole-text_box .hole_list ul{gap:25px}
    .course #section02 .hole-wrap .hole-text_box .hole_list li{font-size:14px}
    .course #section02 .hole-wrap .hole-text_box .hole_list li:after{right:-13px;height:13px}
}

@media screen and (max-width:768px) {
    .course #section01{margin-bottom: 40px;}
    .course #section02{padding:30px 20px;margin-bottom:40px}
    .course #section01 .sec-detail .right-con .course-list_btn div{flex:100%;max-width:unset}
    .course #section01 .sec-detail .right-con .course-list_btn{flex-wrap:wrap;gap:10px}
    .course #section02{padding:30px 20px}
    .course #section02 .hole-wrap{flex-direction:column-reverse;margin-top:180px}
    .course #section02 .hole-wrap .hole-img_box{
    }
    .course #section02 .box-wr{padding:20px;min-height: 920px;}
    .course #section02 .box-title {display: block;left: 50%;transform: translateX(-50%);text-align: center;}
    .course #section02 .box-title h2{margin-bottom:15px}
    .course #section03{margin-bottom:4dvb;gap:0}
}

@media screen and (max-width:500px) {

    .course .item_table_wr02{max-width:500px;overflow-x:scroll}
    .course .item_table_wr02 td{min-width:40px}
    .course #section02 .hole-wrap .hole-text_box .hole_list ul{flex-wrap:wrap;gap:15px}
    .course #section02 .hole-wrap .hole-text_box .hole_list li{flex:100%;padding-left:10px}
    .course #section02 .hole-wrap .hole-text_box .hole_list li:after,
    .course #section02 .hole-wrap .hole-text_box .hole_list li:last-child:after{width:3px;height:3px;border-radius:100%;left:0;display:block}
    .course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list{flex-wrap:wrap;padding:20px 10px}
    .course #section02 .hole-wrap .hole-text_box .hole_box .hole_box-list .txt{font-size:14px;line-height:1.4em}
    .course #section02 .box-wr{padding:20px 10px;min-height: 1062px;}
}


/*sub3  -  club_guide*/
.guide .sec-top .sec-tit{font-size: clamp(22px, 3vw, 36px);padding-bottom: 35px;}
.guide .item_table_wr03 tbody{border-top:0}
.guide .item_table_wr03 table{border-top:2px solid #000}
.guide.mobile .item_table_wr03 table thead:nth-child(3){border-top:2px solid #000}
.guide.mobile .item_table_wr03 table tbody:nth-child(4) {border-top: 0;}
.guide.mobile #section01 .item_table_wr03 th{background:#f3f4f6;padding: 10px;font-size: 16px;}
.guide.mobile #section01 .item_table_wr03 td{font-size: 14px;padding: 10px;}


.guide #section01{margin-bottom:80px}
.guide #section01 .table-title{font-size: clamp(18px, 3vw, 24px);padding-left:20px;position:relative;margin-bottom:30px}
.guide #section01 .table-title:before{position: absolute;content:'';width: 6px;height: clamp(28px, 3vw, 35px);background: #f79547;left:0;top: -5px;}
.guide #section01 .table-section{margin-bottom:50px}

.guide #section02{margin-bottom:80px}
.guide #section02 .sec-detail .rule-list_btn{background:#f4f4f4;padding:20px 0}
.guide #section02 .sec-detail .rule-list_btn .wr-1500{display:flex;gap:20px}
.guide #section02 .sec-detail .rule-list_btn .wr-1500 div{flex: 0 1 calc(100% / 6);max-width: 195px;background:#fff;border:1px solid #323232;font-size:18px;cursor:pointer;transition:all ease .3s;height: 40px;line-height: 40px;text-align: center;}
.guide #section02 .sec-detail .rule-list_btn .wr-1500 div.active{background:#323232!important;color:#fff;}
.guide #section02 .sec-detail .rule-list_btn .wr-1500 div:hover{background:#f1f1f1}
.guide #section02 .sec-detail .rule-list{padding:40px 0}
.guide #section02 .rule-container{display:flex;gap:40px;align-items:center}

.guide #section02 .left-box{overflow:hidden;flex:0 1 calc(45%)}
.guide #section02 .left-box img{transition: all ease 0.8s;width:710px;height:455px;object-fit:cover}
.guide #section02 .left-box img:hover{scale:110%}
.guide #section02 .right-box{flex:0 1 calc(55%)}
.guide #section02 .right-box h3{font-size: clamp(16px, 3vw, 24px);padding-left:20px;position:relative;margin-bottom:30px;font-weight:300}
.guide #section02 .right-box h3:before{position: absolute;content:'';width: 6px;height: 35px;background: #f79547;left:0;top: -5px;}
.guide #section02 .right-box ul{}
.guide #section02 .right-box ul li{font-size: clamp(14px, 2vw, 17px);line-height: 1.8em;padding-bottom: 5px;}
.guide #section02 .right-box-con .info-text{font-size:18px;padding-bottom:20px}
.guide #section02 .item_table_wr03 thead{border-top: 2px solid #000;}
.guide #section02 .item_table_wr03 tbody{border-top: 0;}


.guide #section02_2{margin-top:80px;margin-bottom:80px}
.guide #section02_2 .sec-detail .cancel-list_btn{background:#f4f4f4;padding:20px 0}
.guide #section02_2 .sec-detail .cancel-list_btn .wr-1500{display:flex;gap:20px}
.guide #section02_2 .sec-detail .cancel-list_btn .wr-1500 div{flex: 0 1 calc(100% / 6);max-width: 195px;background:#fff;border:1px solid #323232;font-size:18px;cursor:pointer;transition:all ease .3s;height: 40px;line-height: 40px;text-align: center;}
.guide #section02_2 .sec-detail .cancel-list_btn .wr-1500 div.active{background:#323232!important;color:#fff;}
.guide #section02_2 .sec-detail .cancel-list_btn .wr-1500 div:hover{background:#f1f1f1}
.guide #section02_2 .sec-detail .cancel-list{padding:40px 0}
.guide #section02_2 .cancel-container{display:flex;gap:40px;align-items:center}

.guide #section02_2 .left-box{overflow:hidden;flex:0 1 calc(45%)}
.guide #section02_2 .left-box img{transition: all ease 0.8s;width:710px;height:455px;object-fit:cover}
.guide #section02_2 .left-box img:hover{scale:110%}
.guide #section02_2 .right-box{flex:0 1 calc(55%)}
.guide #section02_2 .right-box .box-list {margin: 45px 0;}
.guide #section02_2 .right-box h3{font-size: clamp(16px, 3vw, 24px);padding-left: 40px;position:relative;margin-bottom: 10px;font-weight: 600;}
.guide #section02_2 .right-box h3.icon01:before{position: absolute;content:'';width: 27px;height: 26px;background: url(../images/sub/sub3_icon01.png)no-repeat;left:0;}
.guide #section02_2 .right-box h3.icon02:before{position: absolute;content:'';width: 27px;height: 26px;background: url(../images/sub/sub3_icon02.png)no-repeat;left:0;}
.guide #section02_2 .right-box h3.icon03:before{position: absolute;content:'';width: 27px;height: 26px;background: url(../images/sub/sub3_icon03.png)no-repeat;left:0;}
.guide #section02_2 .right-box ul{padding-left: 40px;}
.guide #section02_2 .right-box ul li{font-size: clamp(14px, 2vw, 17px);line-height: 1.8em;}
.guide #section02_2 .right-box-con .info-text{font-size:18px;padding-bottom:20px}

.guide #section03{margin-bottom:80px}
.guide #section03 .item_table_wr03 thead{border-top: 2px solid #000;}
.guide #section03 .item_table_wr03 tbody{border-top: 0;}

.guide #section04{margin-bottom:80px}
.guide #section04 .sec-detail .rule-list_btn{background:#f4f4f4;padding:20px 0}
.guide #section04 .sec-detail .rule-list_btn .wr-1500{display:flex;gap:20px}
.guide #section04 .sec-detail .rule-list_btn .wr-1500 div{flex: 0 1 calc(100% / 6);max-width: 195px;background:#fff;border:1px solid #323232;font-size:18px;cursor:pointer;transition:all ease .3s;height: 40px;line-height: 40px;text-align: center;}
.guide #section04 .sec-detail .rule-list_btn .wr-1500 div.active{background:#323232!important;color:#fff;}
.guide #section04 .sec-detail .rule-list_btn .wr-1500 div:hover{background:#f1f1f1}
.guide #section04 .sec-detail .rule-list{padding:40px 0}
.guide #section04 .rule-container{display:flex;gap:40px;align-items:center}

.guide #section04 .left-box{overflow:hidden;flex:0 1 calc(45%)}
.guide #section04 .left-box img{transition: all ease 0.8s;width:710px;height:455px;object-fit:cover}
.guide #section04 .left-box img:hover{scale:110%}
.guide #section04 .right-box{flex:0 1 calc(55%)}
.guide #section04 .right-box h3{font-size: clamp(16px, 3vw, 24px);padding-left:20px;position:relative;margin-bottom:30px;font-weight:300}
.guide #section04 .right-box h3:before{position: absolute;content:'';width: 6px;height: 35px;background: #f79547;left:0;top: -5px;}
.guide #section04 .right-box ul{}
.guide #section04 .right-box ul li{font-size: clamp(14px, 2vw, 17px);line-height: 1.8em;padding-bottom: 5px;}
.guide #section04 .right-box-con .info-text{font-size:18px;padding-bottom:20px}


.guide #section05 .local-rule{display:flex;gap:40px;align-items:center}
.guide #section05 .local-rule .left-box{overflow:hidden;flex:0 1 calc(45%)}
.guide #section05 .local-rule .left-box img{transition:all ease .8s;width:710px;height:455px;object-fit:cover}
.guide #section05 .local-rule .left-box img:hover{scale:110%}
.guide #section05 .local-rule .right-box ul li{font-size: clamp(14px, 3vw, 18px);line-height:1.8em;padding-bottom:5px}

/* .guide .item_table_wr03.long{overflow-x:scroll;} */

@media screen and (max-width:1550px){
    .guide #section04 .left-box{flex:unset}
    .guide #section04 .left-box img{width:500px;height:300px}
    .guide #section04 .sec-detail .rule-list{padding: 40px 20px;}

    .guide #section02 .sec-detail .rule-list{padding: 40px 20px;}
    .guide #section02_2 .left-box{flex:unset}
    .guide #section02_2 .left-box img{width:500px;height:300px}
    .guide #section02_2 .sec-detail .cancel-list{padding: 40px 20px;}
}

@media screen and (max-width:1024px){
    .guide #section01{margin-bottom: 40px;}
    .guide #section02{margin-bottom: 40px;}
    .guide #section02_2{margin-bottom: 40px;}
    .guide #section03{margin-bottom: 40px;}
    .guide #section04{margin-bottom: 40px;}
    .guide #section05{margin-bottom: 40px;}

    .guide #section02 .sec-top .sec-tit{padding:0 20px 35px}
    .guide #section02 .sec-detail div{font-size:16px}
    .guide #section02 .sec-detail div{flex:0 1 calc(100% / 3 - 14px);max-width:unset}
    .guide #section02 .sec-detail {flex-wrap:wrap}

    .guide #section02_2 .sec-detail .cancel-list_btn .wr-1500 div{font-size:16px}
    .guide #section02_2 .cancel-container{flex-wrap:wrap}
    .guide #section02_2 .left-box{flex:100%}
    .guide #section02_2 .right-box .box-list{margin: 0 0 30px;}
    .guide #section02_2 .right-box .box-list:last-child{margin-bottom:0}
    .guide #section02_2 .left-box img{width:100%;height:unset;max-height:300px;object-position:top}
    .guide #section02_2 .right-box{flex:100%}
    .guide #section02_2 .sec-detail .cancel-list_btn .wr-1500 div{flex:0 1 calc(100% / 3 - 14px);max-width:unset}
    .guide #section02_2 .sec-detail .cancel-list_btn .wr-1500{flex-wrap:wrap}
    .guide #section02_2 .left-box img{max-height:200px}
    .guide #section02_2 .sec-top .sec-tit{padding:0 20px 35px}

    .guide #section04 .sec-detail .wr-1500 div{font-size:16px}
    .guide #section04 .rule-container{flex-wrap:wrap}
    .guide #section04 .left-box{flex:100%}
    .guide #section04 .left-box img{width:100%;height:unset;max-height:300px;object-position:top}
    .guide #section04 .right-box{flex:100%;width: 100%;}
    .guide #section04 .sec-detail .rule-list_btn .wr-1500 div{flex:0 1 calc(100% / 3 - 14px);max-width:unset}
    .guide #section04 .sec-detail .rule-list_btn .wr-1500{flex-wrap:wrap}
    .guide #section04 .left-box img{max-height:200px}
    .guide #section04 .sec-top .sec-tit{padding:0 20px 35px}

    .guide #section05 .local-rule{flex-wrap:wrap;}
    .guide #section05 .local-rule .left-box{flex:100%}
    .guide #section05 .local-rule .left-box img{width:100%;height:200px}
}

@media screen and (max-width:500px) {
    .guide #section02 .sec-detail{flex: 0 1 calc(100% / 2 - 10px);padding: 20px;}
    .guide #section02_2 .sec-detail div{flex: 0 1 calc(100% / 2 - 10px);}
    .guide #section02_2 .right-box h3.icon01:before{background-size:16px}
    .guide #section02_2 .right-box h3.icon02:before{background-size:16px}
    .guide #section02_2 .right-box h3.icon03:before{background-size:16px}
    .guide #section02_2 .right-box h3{padding-left: 25px;}
    .guide #section02_2 .right-box ul{padding-left: 0;}
    .guide #section04 .sec-detail .rule-list_btn .wr-1500 div{flex: 0 1 calc(100% / 2 - 10px);}
    .guide #section04 .item_table_wr03 td,.guide #section01 .item_table_wr03 th{padding:10px}

}

/*sub04 - reserve*/
.resrv_mth_guide {width:100%;float:left;margin-top:30px;}
.resrv_mth_guide ul li{display:inline-block;float:left;margin-right: 15px;text-align:center;line-height: 20px;font-size: 18px;}
.resev_possible {/* color:#0C83B8; */}
.resev_waiting { color:#C5AE63; }
.resev_today { color:#363636; }
.resev_seleted {/* color:#A08B73; */}
.resev_called {	color:#65BFA8; }
.resev_finised { color:#363636; }
.resev_closed {/* color:#FF7D68; */}

.ico_comm_resev{display:inline-block;width: 20px;height: 20px;margin-right:5px;background: #000;box-sizing:border-box;vertical-align:middle;border-radius: 100%;}
.ico_comm_resev.ico_resev_possible{position: relative;background: #95c6ea;}
.ico_comm_resev.ico_resev_waiting{background:#FFF5D4;border-color:#E4DAB9}
.ico_comm_resev.ico_resev_today{background: #7ebe9a;}
.ico_comm_resev.ico_resev_seleted{background: #f9ae74;}
.ico_comm_resev.ico_resev_called{background:#A9EEDC;border-color:#A9EEDC}
.ico_comm_resev.ico_resev_finised{position: relative;}
.ico_comm_resev.ico_resev_closed{background: #ff7e69;}

.chooseCourse-list .active {flex: 0 1 calc(100% / 4);max-width: 100px;height: 50px;background-color: #000;color: #fff;border-bottom:0;font-size: 16px;text-align: center;line-height: 50px;cursor: pointer;}
.chooseCourse-list .unactive {flex: 0 1 calc(100% / 4);max-width: 100px;height: 50px;line-height: 50px;background-color: white;color: black;border: 1px solid #7e7e7e;font-size: 18px;text-align: center;transition: all ease 0.3s;}
.chooseCourse-list div {cursor: pointer;}
.resvClass{width:100%;display:flex;flex-wrap: wrap;gap: 60px 50px;margin-bottom: 50px;}

.table_resv {width:100%;}
.table_resv table {border-collapse: collapse; border-spacing: 0; width:100%;border-top: 2px solid #ddd; }
.table_resv table th {height:15px;background:#ddd;padding: 3px;color: black;font-size: 16px;text-align: center;border : 1px solid #ddd; }
.table_resv table td {height:15px;padding: 3px;color: black;font-size: 16px;border : 1px solid #ddd;text-align: center;}
.table_resv table thead th {position: sticky; top:0; font-size: 18px;background: #dbeafe;}
.table_resv table thead th:after,
.table_resv table thead th:before {content:"";position: absolute; left:0; width: 100%; height: 1px;}
.table_resv table thead th:after {top: -1px;}
.table_resv table thead th:before {bottom: -1px;}

.day_sun,
.day_sun span { color:#E60000; }
.day_sat,
.day_sat span { color:#0082F3; }
.day_holi,
.day_holi span { color:#E60000; }

.bg_resev_possible { background:#D6EDFF; }
.bg_resev_waiting { background:#FFF5D4; }
.bg_resev_today { background:#363636; }
.bg_resev_seleted {/* background:#A08B73; */}
.bg_resev_called { background:#A9EEDC; }
.bg_resev_finised { background:#F3F3F3; }
.bg_resev_closed { background:#FF7D68; }
.bg_resev_today span,
.bg_resev_seleted span,
.bg_resev_closed span { color:#fff; }

.usePossible_team {
    padding:0;
    margin:0;
    text-indent:0;
    display:block;
    height:auto !important;
    text-align:center;
    color:#fff;
    font-weight:400;
    line-height:60px;
}
.bg_resev_possible .usePossible_team { color:#0C83B8; }
.bg_resev_seleted .usePossible_team { color:#fff; }
.bg_resev_finised .usePossible_team { color:#363636; }

.view_resv_month{width:100%;float:left;margin-bottom:15px;text-align:center;font-size:30px;font-weight:500}
.view_resv_month2 { margin-top:80px; }

.tbl_type_basic{width:100%;float:left;border-top:2px solid #A08B73;border-bottom:1px solid #DDD!important}
.tbl_type_basic input{height:30px;border:1px solid #ddd}
.tbl_type_basic select{width:80%;height:30px;line-height:30px;border:1px solid #ddd}
.tbl_type_basic th{padding:8px 0;text-align:center;background:#F5F5F5;border-bottom:1px solid #DDD!important}
.tbl_type_basic td{border-bottom:1px solid #DDD!important;border-collapse:collapse;line-height:1}

.tbl_type_basic2 th{background:#FFFEF6;border-bottom:1px solid #A08B73;height:50px}
.tbl_type_basic2 td{height:95px}
.tbl_type_basic2 td a{display:block;width:100%;height:100%}
.tbl_type_basic2 td span{width:100%;font-size:12px}
.tbl_type_basic5 td {padding: 5px; text-align: center; }

.tbl_type_basic6{width:100%;float:left}
.tbl_type_basic6 td { padding:5px 0; height: 110px; text-align: center; border-bottom: 1px solid #ddd; font-size: 14px;cursor: pointer;}
.tbl_type_basic6 th{height:30px;font-size:13px;text-align:right;background:#f9fafb;border:0}

.tbl_type_basic7 td { padding:20px 0; text-align: center;}
.tbl_type_basic2{width:100%;float:left}

.reserve #step01 .page-reser-scroll{position:relative}
.reserve #step01 .resvlistClass{width:100%;height:390px;overflow-x: scroll;overflow-y:auto;text-align: center;position: relative;}
.reserve #step01 .resvlistClass table:hover{background:#D6EDFF}
.reserve #step01 .resvlistClass::-webkit-scrollbar{display:none}
.reserve #step01 .resvlistClass tr{margin-bottom:10px;margin:10px;padding:10px}
.reserve #step01 .resvlistClass table{margin:10px 0}
.reserve #step01 .page-reser-scroll.non-hv .resvlistClass:after{content:'';position:absolute;background: #ffffff91;width: 100%;height:100%;top:0;left:0;overflow:hidden;cursor: pointer;}
.reserve #step01 .resvlistClass2{width:100%;height:450px;overflow-y:auto}
.reserve #step01 .resvlistClass2::-webkit-scrollbar{display:none}

.todayClass{position:relative}
.todayClass .countStr{color:#363636}
.selectClass{background:#A08B73;color:white}
.selectClass .daystr{color:white}
.selectClass .countStr{color:white}

.dayStr{font-size:20px;margin:10px 0}
.countStr{font-size:16px;text-align:center;color:#6a6a6a}
.textBox{width:100%;height:300px;padding:10px;border:1px solid #ddd;font-size:15px}

.inp_comm{padding:3px 0;background:#ffffff;box-sizing:border-box;text-align:center;width:100%;border:1px solid #ddd}
.inp_titName { width:100%; text-align: left; }

.in_selBox {
    width: calc(100% - 100px);
    height: 35px;
    padding: 0 10px;
    line-height: 35px;
    border:1px solid #ddd;
    text-align: center;
}

.joinSelect{width:40%;text-align:left}
.joinSelect:hover{color:#A08B73;font-weight:600}

.cancel_y{border:1px solid #ddd;padding:5px}
.cancel_n{display:none}

.more_y{border:1px solid #ddd;padding:5px 15px 5px 15px;}

input[type=checkbox] {display: none}
input[type="checkbox"] + label{
    cursor: pointer;
    padding-left: 26px;
    background-image: url("/images/checkbox.png");
    background-repeat: no-repeat;
    background-size: contain;
}

input[type="checkbox"]:checked + label{
    background-image: url("/images/checkbox-active.png");
    background-repeat: no-repeat;
    background-size: contain;
}

#resvdatelist td{padding:10px 15px}
#resvdatelist td.bg_resev_seleted{position:relative}
#resvdatelist td.ico_resev_possible{position:relative}
#resvdatelist td.ico_resev_finised{position:relative}
#resvdatelist td.ico_resev_closed{position:relative}
#resvdatelist td.todayClass{position:relative}

#joindatelist td{padding:10px 15px}
#joindatelist td.bg_resev_seleted{position:relative}
#joindatelist td.ico_resev_possible{position:relative}
#joindatelist td.ico_resev_finised{position:relative}
#joindatelist td.ico_resev_closed{position:relative}
#joindatelist td.todayClass{position:relative}

#resvdatelist td.bg_resev_seleted:before{content:'';position:absolute;width:12px;height:12px;background:#f9ae74;border-radius:100%;left:50%;transform:translateX(-50%);top:13px}
#resvdatelist td.todayClass:before{content:'';position:absolute;width:12px;height:12px;background:#7ebe9a;border-radius:100%;left:50%;transform:translateX(-50%);top:13px;}
#resvdatelist td.ico_resev_finised:before{content:'';position:absolute;width:12px;height:12px;background:#000000;border-radius:100%;left:50%;transform:translateX(-50%);top:13px;}
#resvdatelist td.ico_resev_possible:before{content:'';position:absolute;width:12px;height:12px;background:#95c6ea;border-radius:100%;left:50%;transform:translateX(-50%);top:13px}
#resvdatelist td.ico_resev_closed:before{content:'';position:absolute;width:12px;height:12px;background:#ff7e69;border-radius:100%;left:50%;transform:translateX(-50%);top:13px;}



.stepBox {margin: 10px 0;display: flex;}
.stepBox div {margin:0 auto;text-align:center;font-size: 14px;position: relative;}
.stepBox div:after{position:absolute;background:#bdbdbd;width:100px;height:1px;content:'';top:20px;right:-185px}
.stepBox div:last-child:after{display:none}
.ico_step_comm{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;background:#CECECE}
.stepName{display:inline-block;color:#ABABAB;font-weight:400;font-size:16px;padding-left:10px}
.stepNum{display:inline-block}
.stepBox div.on .ico_step_comm{background:#f79548;color:#fff}
.stepBox div.on .stepName {color: #f79548;}

.resvClass .item_table_wr04 tbody{border-top:2px solid #000}
.chooseCourse-list{display: flex;gap: 10px;margin-bottom: 20px;}

.reserve .step-title{font-size:20px;padding: 40px 0 30px;}
.step-title_list {
    font-size: 21px;
    margin-bottom: 30px;
    text-align: center;
    background: #d9eaec;
    max-width: 150px;
    margin-bottom: 30px;
    padding: 5px 10px;
    border-radius: 30px;
}
.reserve .step_section.one{flex:100%}
.reserve .step_section.two {flex:100%;}
/* .reserve .step_section.two {flex: 0 1 calc(55% - 40px);} */
.reserve .step_section.three{flex:0 1 calc(45% - 40px)}
.res-step2{margin-bottom: 20px;}

.reserve #step01{margin-top:80px}
.reserve #step01 .step_section.one .item_table_wr04 td {padding: 25px 30px;}
.reserve #step02 #resvdetail-container .item_table_wr03 {margin-bottom: 50px;}
.reserve #step02 #resvdetail-container .item_table_wr04.top-info td {padding: 25px 30px;font-size: 16px;}

@media screen and (max-width:700px) {
   .reserve #step02 #resvdetail-container .item_table_wr04.top-info td {padding: 25px 30px;font-size: 14px;}
}


.reserve #step02 #resvdetail-container td label p{padding-left:15px}
.reserve #step02 {margin-top: 80px;}
.reserve #step03 {margin-top: 80px;}
.reserve #step03 .item_table_wr03 th{background:#f9f9f9;padding:20px 40px}
.reserve #step03 .res-text{font-size:clamp(30px,3vw,50px);font-weight:100;text-align:center;margin-bottom:80px}
.reserve #step03 .res-tip{margin:50px 0;display:table;width:100%;height:80px;color:#fff;padding:30px 50px;background:url(../images/sub/sub4_bg01.png) no-repeat center left #a5ad3e}
.reserve #step03 .res-tip p{display:table-cell;vertical-align:middle;text-align:center;font-size:18px;line-height: 1.4em;}

.reserve #section03 tr#\36 001 td{border:1px solid #ddd;padding:10px;margin-top:30px;height:100px}
.reserve #section03 .tbl_type_basic5 td{padding:15px 5px;}
.reserve #resvdetailcheck table{margin-bottom:40px}

#joinwrite tbody{border-top:2px solid #000}
.reserve-list table tbody{border-top:2px solid #eee}
.reserve-list .tbl_type_basic5 td{padding: 10px 0;}
.reserve-list table tbody th{font-weight:700;border-bottom: 0;}
.secton-title .step-tit{font-size: clamp(34px, 3vw, 50px);font-weight: 200;}
.secton-title .step-tit2{font-size: clamp(20px, 3vw, 38px);}
.secton-title .part-txt{font-size: clamp(14px, 2vw, 18px);padding-top: 10px;}
.secton-title .part-txt2{padding:30px 0;font-size:18px;}
.write-btn{text-align:right;margin-bottom:30px}
.write-btn a{display:inline-block;background:#000;color:#fff;width:150px;height:55px;text-align:center;line-height:55px;font-size:16px;cursor:pointer}
.tip-text{margin: 30px auto;}
.tip-text p span{padding:8px 15px;background:#222;color:#fff;text-align: center;}

#joinlisttitle .item_table_wr04 th{background:#fff;padding:22px 15px}
#joinlisttitle tbody{border-top:1px solid}
#joinwrite{margin-top:60px}


.cancel-tip{margin: 50px 0;display:table;width:100%;height:170px;color:#fff;padding:30px 50px;background:url(../images/sub/sub4_bg01.png) no-repeat center left #a5ad3e}
.cancel-tip p{text-align:right;display:table-cell;vertical-align:middle;font-size:18px;line-height:1.8em}
.cancel-tip p span{font-weight:500}
.resv-btn{width:80px;height:30px;line-height:30px;cursor:pointer;text-align:center;border:1px solid #000;font-size:16px;transition:all ease .3s;background:#fff;color:#000}
.resv-btn:hover{background:#000;color:#fff}

#resvdetail-container .item_table_wr04{margin-bottom:30px; font-size: 16px;   border-top: 2px solid;}
#resvdetail-container .item_table_wr04 input {width:100%;font-size: 16px;}
#resvdetail-container .radio_box{width:65px}
#resvdetail-container .item_table_wr04 select{width:100%;padding:5px;max-width:200px}

@media screen and (max-width:600px) {
    #resvdetail-container .item_table_wr04 {
        margin-bottom: 30px;
        font-size: 14px;
        border-top: 2px solid;
    }

    #resvdetail-container .item_table_wr04 input {
        width: 100%;
        font-size: 14px;
    }

    #resvdetail-container .radio_box {
        width: 65px
    }

    #resvdetail-container .item_table_wr04 select {
        width: 100%;
        padding: 5px;
        max-width: 200px
    }

}

/*변경된 예약 폼*/
#resvlist01-container,#resvlist02-container,#resvlist03-container
,#resvlist0105-container
,#resvlist0106-container
,#resvlist0107-container
,#resvlist0108-container
,#resvlist0211-container
,#resvlist0311-container
,#resvlist0212-container
,#resvlist0213-container
,#resvlist0214-container
,#resvlist0316-container
,#resvlist0317-container
,#resvlist0318-container
{display:flex;flex-wrap:wrap;gap:20px;margin-bottom: 30px;}
.resrve_box_wr{flex:0 1 calc(100%/ 6 - 17px);min-width:190px;border:1px solid black;font-size:17px;background:#fff;transition:all ease .3s;cursor:pointer}
.resrve_box_wr:hover{background:#eeeeee}
.resrve_box_wr .resrve_box_top{height:50px;line-height:40px;text-align: center;border-bottom:1px solid #ddd;font-weight:600;padding: 5px;}
.resrve_box_wr .resrve_box_btm{width:100%;height:50px;line-height: 42px;text-align: center;padding: 5px;}
.resrve_box_wr .resrve_box_top img{width:16px;height:16px;padding-bottom:2px}

.reserve #step03.resvClass2 .item_table_wr03:first-child{display:none}


@media screen and (max-width: 1024px) {
    .resrve_box_wr{flex:0 1 calc(100% / 3 - 15px)}
    .reserve .step-title_list{font-size:21px;margin-bottom:30px;text-align:center;background:#d9eaec;max-width:150px;margin:0 auto;margin-bottom:30px;padding:5px 10px;border-radius:30px}
}
@media screen and (max-width:768px) {
    .reserve #section01{padding: 0 !important;}
    .reserve #step03{margin-top: 40px;}
    .reserve #step03.resvClass2 .item_table_wr03 td {padding: 10px;font-size: 14px;}
    .reserve #step03 .res-text{margin-bottom:40px}



}

@media screen and (max-width:500px) {
    .reserve #step03 .res-tip p{font-size: 14px;}
    .resrve_box_wr .resrve_box_top{height:45px;line-height:37px;text-align: center;border-bottom:1px solid #ddd;font-weight:600;padding: 5px;}
    .resrve_box_wr .resrve_box_btm{line-height:1.8em;height: 40px;}
 /*   .resrve_box_wr .resrve_box_btm a { display: block;} */
    .resrve_box_wr{flex:0 1 calc(100% /1  - 10px);min-width:unset;border:1px solid gray;}
}

@media screen and (max-width:375px) {
    .resrve_box_wr{flex:100%}
}


/*예약 반응형*/
@media screen and (max-width:1520px) {
    .reserve #section01{padding:0 20px}
    .reserve  #section02 {padding: 0 20px;}
    .reserve #section03{padding:0 20px}
}

@media screen and (max-width:1440px) {
    .stepBox div:after{display:none;}
    .reserve .step_section.two{flex:100%}
    .reserve .step_section.three{flex:100%;width: 100%;}
}

@media screen and (max-width:1024px) {
    .cancel-tip{margin:30px 0;height:130px;padding:20px}
    .cancel-tip p{font-size:14px}
}

@media screen and (max-width:768px) {
    .ico_step_comm{width:30px;height:30px;line-height:30px}
    #content.reserve {padding: 40px 20px 0;margin: 45px auto 40px;}
   /* .reserve .step_section.two{overflow-x: scroll;} */

    .sBtns button{width:calc(100% / 2 - 10px)}

    .reserve .write-btn{margin:20px 0}
    .reserve .secton-title .step-tit{text-align:center}
    .reserve .secton-title .part-txt{text-align:center}

    .reserve #section02{padding:0}
    .reserve #section03{padding:0}
    .reserve #section03 .item_table_wr04 td{text-align:left}
    #joinlisttitle .write-btn a{width:120px;height:40px;line-height:40px}

    .cancel-tip{margin: 50px 0;display:table;width:100%;height: 100px;color:#fff;padding: 20px;background: url(../images/sub/sub4_bg01.png) no-repeat center left -260px #a5ad3e;}

    .chooseCourse-list{flex-wrap:wrap;gap:5px}
    .chooseCourse-list .active{flex:0 1 calc(100% / 2 - 3px);max-width:unset}
    .chooseCourse-list .unactive{flex:0 1 calc(100% / 2 - 3px);max-width:unset}

    .reserve #step01{margin-top:40px}
    .reserve #step02{margin-top: 40px;}

    .reserve .stepBox{width:100%;display:flex;flex-direction:row;gap:20px 0;margin: 20px 0;}
    .reserve .stepBox div{flex:0 1 calc(100%);text-align:left}
    .reserve .stepBox div:after{display:none}

    .reserve .ico_step_comm{width:25px;height:25px;line-height:25px}
    .reserve .ico_comm_resev{width:10px;height:10px}

    .reserve .reserve #step01{margin-top:120px}
    .reserve .resrv_mth_guide ul li{font-size:12px;margin-right:10px}
    .reserve .item_table_wr04 th{font-size:16px}
    .reserve #step01 .step_section.one .item_table_wr04 td{padding:15px}
    .reserve #step02 .item_table_wr03 .bg{background:#f7f7f7}
    .reserve #step02 .item_table_wr03 td input{border:1px solid #00000069}
    .reserve .item_table_wr04 th{padding:10px 5px}

    .step_section .chooseCourse-list div{font-size:14px;height:40px;line-height:40px}

    .non-hv .page-scroll-icon .scroll-icon{width:50px;height:80px}
    .non-hv .page-scroll-icon .scroll-icon:before{left:20px;width:12px;height:28px}
    .reserve #step01 table tbody tr th.mo-none{display:none}
    .reserve #step03 .res-tip{background:url(../images/sub/sub4_bg01.png) no-repeat center left -340px #a5ad3e}

    .reserve .resvlistClass #step01 table tbody tr td:first-child{display:none}
    .reserve .reserve_btn button{width:calc(100% / 2 - 10px);max-width:180px}

    .reserve #section1 #step01 .step_section.two .dayStr{font-size:13px;margin:12px 0 0;height:20px;line-height:20px}
    .reserve #section1 #step01 .step_section.two .countStr{font-size:12px}
    .reserve #section1 #step01 .step_section.two .item_table_wr04 th{font-size: 14px;}
    .reserve #resvdatelist td.bg_resev_seleted:before{content:'';position:absolute;width:8px;height:8px;background:#f9ae74;border-radius:100%;left:50%;transform:translateX(-50%);top:5px}
    .reserve #resvdatelist td.todayClass:before{content:'';position:absolute;width:8px;height:8px;background:#7ebe9a;border-radius:100%;left:50%;transform:translateX(-50%);top:5px;}
    .reserve #resvdatelist td.ico_resev_finised:before{content:'';position:absolute;width:8px;height:8px;background:#000000;border-radius:100%;left:50%;transform:translateX(-50%);top:5px;}
    .reserve #resvdatelist td.ico_resev_possible:before{content:'';position:absolute;width:8px;height:8px;background:#95c6ea;border-radius:100%;left:50%;transform:translateX(-50%);top:5px}
    .reserve #resvdatelist td.ico_resev_closed:before{content:'';position:absolute;width:8px;height:8px;background:#ff7e69;border-radius:100%;left:50%;transform:translateX(-50%);top:5px;}
    .reserve #resvdatelist td{padding:5px 5px;}
    .reserve #joindatelist td{padding:5px 5px;}
    .reserve #section1 #step01 .tbl_type_basic6 td {min-width: 50px; cursor: pointer;}
    .reserve #section1 #step01 .item_table_wr04 th {min-width: 50px;}
    .reserve #section1 #step01 .step_section.three .resvlistClass tr td{min-width:50px}

    .reserve #section1 #step01 .tbl_type_basic6 td{height:60px!important;cursor: pointer;}
    .reserve #step01 {gap: 30px 50px;}
    .reserve #section1 #step01 .reserve .item_table_wr04 th{font-size:14px}
    .reserve #section1 #step01 .step_section.three .resvlistClass tr td:first-child {display: none;}
    .reserve #section1 #step01 .step_section.three colgroup col:first-child{display:none}
    .reserve #section1 #step01 .resv-btn{width:40px;font-size:12px;height:25px;line-height:25px;margin:0 auto}

    .reserve #section1 #step01 .reserve #step01{gap:30px 50px}
    .reserve #section1 #step01 #content.reserve{padding:0 10px}
    .reserve #content.reserve{padding: 0 20px;}

    .reserve #step02 input{border:1px solid #00000038}
    .reserve #step02 select{border:1px solid #00000038}
    .reserve #step02 .item_table_wr04 td{/* border-bottom:0; */}
}

@media screen and (max-width:500px) {

    .reserve #section1 #step01 .tbl_type_basic6 td {min-width: 50px!important; cursor: pointer;}

    .reserve #step02 .item_table_wr04 td{padding:10px!important;font-size:14px}
    .reserve-list .tbl_type_basic5 td{font-size:12px}
    .reserve .item_table_wr04 th{font-size:14px}
    .reserve .cancel-tip p{font-size:12px}
    .reserve .cancel-tip{padding:20px 10px}

    #content.reserve{padding-top:0}
    .step_section .chooseCourse-list div{height:30px;line-height:30px}
    .resrv_mth_guide{margin-top:15px}
    .tip-text p span{display: block;max-width: 120px;margin-bottom: 10px;}
    .reserve .resrv_mth_guide ul li{margin-right: 5px;}
    .reserve #step02 .item_table_wr03 th{padding:15px;font-size:16px}
    .reserve #step02 .item_table_wr03 td{padding:15px;font-size: 14px;}
    .reserve #joinlisttitle .write-btn a{width:80px;height:30px;line-height:30px;font-size:14px}

    .reserve #joinlisttitle{overflow:scroll}

    .reserve #section03 .tbl_type_basic5 td {min-width: 80px;line-height: 1.3em;font-size: 13px;padding: 10px;}

    .reserve #joinlisttitle .item_table_wr04 th{min-width:80px;font-size:14px;padding:15px}



    .reserve #step02 input{border: 1px solid #00000038}
    .reserve #step02 #resvdetail-container .radio_box{font-size:14px;width:50px}
    .reserve #step02 .radio_box .on{width:15px;height:15px}
    .reserve #step02 .radio_box .on:after{width:5px;height:5px}
    .reserve #step02 .item_table_wr04 td{padding:5px!important}
}

/*sub4 - facility*/

.facility{}
.facility .section_wr .wr-1500{display:flex;padding: 60px 0;height: 438px;position: relative;}
.facility .sec-title{}
.facility .sec-title .sub-tit{font-size: clamp(16px, 2vw, 22px);font-weight:100;padding-bottom:20px}
.facility .sec-title .main-tit{font-size: clamp(24px, 3vw, 36px);}
.fa-slide .owl-carousel .owl-stage-outer{width:778px}
.facility .fa-slide{}
.facility .fa-slide img{max-width:778px}
.facility .section_wr .left-con{flex:0 1 calc(40% - 20px)}
.facility .section_wr .right-con{flex:0 1 calc(60% - 20px)}
.facility .section_wr:nth-child(odd) .right-con{margin-top: -163px;}
.facility #section01{background:#f2f2f2;}
.facility #section02{background: #fffaf6;margin-top:60px;}
.facility #section03{background: #f2f2f2;margin-top:60px}
.facility #section04{background: #fef4f4;margin-top:60px}
.facility #section05{background: #f2f2f2;margin-top:60px}
.facility #section06{background: #f3f9f5;margin-top:60px}
.facility #section07{background: #f2f2f2;margin-top:60px}

.facility .section_wr{margin:100px 0 200px}
.facility .section_wr:nth-child(even) .wr-1500{flex-direction:row-reverse}
.facility .section_wr:nth-child(even) .right-con{margin-top:-163px}
.facility .section_wr:nth-child(odd) .left-con{padding-left:100px}
.facility .section_wr .right-con .owl-nav button{border-radius:100%;width: 58px;height: 58px;}
.facility .section_wr .right-con .owl-nav button span{display:none}
.facility .section_wr .right-con .owl-nav {position: absolute;left: calc(-50% - 40px);bottom: 25px;}
.facility .section_wr .right-con .owl-nav .owl-prev  {background: url(../images/sub/sub5_prev_arrow.png) no-repeat center #fff;margin-right: 20px;}
.facility .section_wr .right-con .owl-nav .owl-next  {background: url(../images/sub/sub5_next_arrow.png) no-repeat center #fff;}
.facility .section_wr:nth-child(even) .right-con .owl-nav{left:auto; right:-130px}


/*부대시설 반응형*/
@media screen and (max-width:1440px) {
    .facility .section_wr .wr-1500{height:unset;align-items:center}
    .facility .section_wr .left-con{flex:50%}
    .facility .section_wr .right-con{flex:100%;margin-top:0!important;}
    .facility .section_wr .left-con{padding-left:unset!important;margin-bottom:30px}
    .facility .section_wr .wr-1500{padding:50px 30px}
    .facility .fa-slide img{max-width:1000px;}
    .facility .section_wr .right-con .owl-nav{left:calc(-50% - -10px)}
    .facility .section_wr{margin:0}

}

@media screen and (max-width:1300px) {
    .facility .section_wr .right-con .owl-nav button{ position: absolute;  top: 50%;  transform: translateY(-50%); }
    .facility .section_wr:nth-child(even) .wr-1500{flex-direction:unset}
    .facility .section_wr .wr-1500{flex-wrap:wrap;text-align:center;margin:0 auto;justify-content:center}
    .facility .fa-slide img{max-width:unset}
    .facility .right-con.fa-slide{max-width:1000px;width:100%;margin:0 auto}
    .fa-slide .owl-carousel .owl-stage-outer{width: unset;}

    .facility .section_wr .right-con .owl-nav{position:unset;opacity:.3;transition:all ease .3s}
    .facility .section_wr .right-con:hover .owl-nav{opacity:1}
    .facility .section_wr .right-con .owl-nav .owl-prev{position:absolute;left:0}
    .facility .section_wr .right-con .owl-nav .owl-prev{left:20px}
    .facility .section_wr .right-con .owl-nav .owl-next{right:20px}

}

@media screen and (max-width:768px) {

    .facility .section_wr{margin-top:0px!important}
    .facility .section_wr .wr-1500{padding:30px 20px}
    .facility .section_wr .right-con .owl-nav button{background-size:40%!important;width:40px;height:40px}


}


/*sub7 join*/

.join .scroll{height: 240px;border: 1px solid #00000038;font-size:14px;overflow:auto;padding: 20px 30px;line-height: 1.6em;}
.join .scroll div{height:25px;font-weight:600}
.join .scroll::-webkit-scrollbar{width:0}
.join .btn_alppyChk{width:490px;height:70px;font-size:17px;transition:all ease .3s;color:#000;background:#fff;}
.join .sec-top .sec-tit{font-size:clamp(22px,3vw,36px);padding-bottom:35px}

.join .item_table_wr03 td{padding:15px 30px;text-align: left;}
.join .item_table_wr03 th{text-align:left;border-right:0}
.join .item_table_wr03 td input{border:1px solid #000;width:450px;padding: 5px;}

.join #step01 {margin:100px auto}
.join #step01.join-class .sec-top {}
.join #step01.join-class .all-check{background:#f7f7f7;padding:20px;font-size:18px}
.join #step01.join-class .all-check label{padding-left:40px}
.join #step01.join-class .check-list-wrap{margin-bottom:100px}
.join #step01.join-class .check-list-wrap .check-list{padding: 35px 0 25px;font-size:18px}
.join #step01.join-class .check-list-wrap .check-list label{padding-left:40px}

.join #step02 {margin:100px auto}
.join #step02 .inp_comm{max-width:170px;border:1px solid}
.join #step02 .cert-send{margin-left:20px;padding:5px 10px;background:#000;color:white;font-size:15px}
.join #step02 .cert-num{background: #ebebeb;}

.join #step03{margin:100px auto}
.join #step03 .radio_box{color:#000!important;font-size: 18px;margin-right: 20px;}
.join #step03 .radio_box p{text-align:right}
.join #step03 .password-info{font-size:12px;color:#a9a9a9}
.join #step03 .selectArea{border:1px solid #000;min-width: 150px;padding: 5px;margin-bottom: 5px;}
.join #step03 .select-box{display:inline-block;position:relative}
.join #step03 .select-box:after{content:'';position:absolute;width:12px;height:9px;background:url(../images/sub/selct_icon02.png) no-repeat center;top: 50%;transform: translateY(-50%);right: 10px;}

@media screen and (max-width:500px) {
    .join .stepBox{flex-wrap:wrap;gap: 5px;}
    .join .stepBox div{flex: 0 1 calc(100% / 2 - 5px);text-align:left;margin-bottom:10px}
}

/*sub7 login*/
.login {}
.login .sec-top{text-align:center;font-size:clamp(40px, 3vw, 50px);font-weight:100;margin-bottom: 40px;}
.login .sec-detail{display: flex;gap: 65px;}
.login .left-con{flex:0 1 calc(50% - 20px)}
.login .left-con .form-list .form-tit{margin-bottom: 15px; font-size:20px}
.login .left-con .form-list .form-text{border-bottom:1px solid #000}
.login .left-con .form-text input{padding: 15px 0;font-size:18px;color:#565656}
.login .left-con .login-btn button{width:100%;height: 65px;font-size:17px;transition:all ease .3s;background:#000;color:#fff}
.login .left-con .form-text input{width: 100%;}
.login .left-con .form-text input::placeholder{color:#00000042;font-size:16px}
.login .left-con .form-list{margin-bottom: 50px;}

.login .right-con{flex:0 1 calc(50% - 20px)}
.login .right-con .top-text{}
.login .right-con .top-text .main-txt{font-size:20px}
.login .right-con .top-text .sub-txt{padding-top:15px;color:#00000087;font-size:14px}
.login .right-con .btn-list{margin-top:40px}
.login .right-con .btn-list div{transition:all ease .3s;text-align:center;margin-bottom:15px;height: 65px;line-height: 65px;font-size:17px;cursor:pointer}
.login .right-con .btn-list div:nth-child(1){border:1px solid #000;background:#ffffff}
.login .right-con .btn-list div:hover:nth-child(1){background:#e9e9e9}

.login .right-con .btn-list div:nth-child(2){background:#f79547;color:#fff}
.login .right-con .btn-list div:hover:nth-child(2){background:#dc853f}
.login .right-con .btn-list div:nth-child(3){border:1px solid #000;background:#0f833f;color:#fff;margin-bottom:0}
.login .right-con .btn-list div:hover:nth-child(3){background:#0b6e34}

@media screen and (max-width:1520px) {
    #content.login{padding:20px}
}

@media screen and (max-width:768px) {
    .login .sec-detail{flex-wrap:wrap;justify-content:center}
    .login .left-con {flex:100%}
    .login .right-con {flex:100%}
}



/*sub6*/

.find .sec-top{text-align:center}
.find .sec-top .sec-tit{font-size: clamp(26px, 3vw, 50px);font-weight:100}
.find .sec-top p{font-size: clamp(14px, 3vw, 21px);padding-top:20px;line-height: 1.4em;}

.find .sec-detail{max-width:800px;margin:0 auto;margin-top: 50px;}
.find .find-list{display:flex;gap:50px}
.find .find-list div{cursor: pointer;flex: 0 1 calc(100% / 2);text-align:center;font-size: 17px;padding: 20px 15px;border-bottom:1px solid #000;transition:all ease .3s}
.find .find-list div.active{color:#f79344;border-bottom:1px solid #f79344}

.find .sec-detail{margin: 40px auto 0;/* border-bottom: 2px solid #343434; */}
.find .find_table_wr{}
.find .item_table_wr5 input{border:1px solid #000;padding:15px 20px;text-align:left}
.find .item_table_wr5 tr{border-bottom:20px solid #fff}
.find .item_table_wr5 td input::placeholder{text-align:left}
.find .item_table_wr5 th{font-size: clamp(13px, 3vw, 18px);text-align:left;line-height: 1.6em;}
.find .item_table_wr5 .df{display: flex;}
.find .item_table_wr5 .df input{flex:0 1 calc(70% - 0px)}
.find .item_table_wr5 .df button{flex:0 1 calc(30% - 0px)}
.find .basicBox{margin-top:50px}
.find .display_y{border-bottom:1px solid #343434;margin-top:50px;padding-bottom:50px}
.find #dvID{border-bottom:1px solid #343434;padding-bottom:40px}
.find #dvIDOK table th{background:#f6f6f6;font-size:clamp(14px,3vw,16px);line-height: 1.6em;}

.find #section01 #dvIDOK .item_table_wr03 td{font-size: clamp(14px, 3vw, 16px);}
.item_table_wr5.find-result td{padding:25px 20px;border-bottom:1px solid #000}
.item_table_wr5.find-result tr{border:0}
.find #sendConfirmMent{text-align:center}

.find #dvPwd{border-bottom:2px solid #343434;padding-bottom:40px}
.find #dvPwdChange table th{font-size: clamp(14px, 3vw, 16px);background:#f6f6f6;line-height: 1.6em;}
.find #dvPwdChang .item_table_wr03 td{font-size: clamp(14px, 3vw, 16px);line-height: 1.6em;}

@media screen and (max-width:768px) {
    #content.find { padding: 20px 0;}
    .find .find-list{flex-wrap:wrap;gap:0}
    .find .item_table_wr5 input{padding:10px}
    .find .item_table_wr5 .df button{margin-left:0}
    .find .item_table_wr5 .df {flex-wrap: wrap;gap: 5px;}
    .find .find-list div {padding: 10px; font-size: 14px;}
}

@media screen and (max-width:500px) {
    .find .item_table_wr5 .df input {flex:100%}
    .find .item_table_wr5 .df button {flex:100%; padding:10px}
}

input,select{border:1px solid #ddd}

/*회원정보*/
.userInfo{}
.userInfo .sec-top{padding-bottom:20px}
.userInfo .sec-top .sec-tit{font-size: clamp(24px, 3vw, 38px);font-weight:100}
.userInfo .sec-top p{font-size:21px;padding-top:20px}

.userInfo{padding:60px 20px!important}
.userInfo .inp_comm{width:calc(100% / 2 - 5px)}
.userInfo textarea#txtReason{width:100%;border:1px solid #ddd;height:70px;margin-top:10px}
.userInfo #btn_idCheck{margin-top:10px;margin-left:0;width:calc(100% - 6px)}
.userInfo .radio_box{width:100px}

.userInfo .select-box select{border:1px solid #ddd;width:100%;padding:5px}
.userInfo .select-box #address3{margin-bottom:5px}

.userInfo .tbl_type_basic input{padding:5px}
.userInfo .tbl_type_basic5 td{text-align:left}
.userInfo .item_table_wr03 td{border-right:1px solid #cccccc !important;}
.userInfo #strEmail1,.userInfo #strEmail2{width:calc(50% - 15px)}
.userInfo .item_table_wr03 th{padding:15px;font-size:14px}
.userInfo #section01 .item_table_wr03 td{padding:15px;font-size:14px}
.userInfo .btn_alppyChk{margin-top:30px}
.userInfo input{padding:3px}
.userInfo #userdrop-container td{text-align:left}

@media screen and (max-width:768px) {
    .userInfo .inp_comm{width: 100%;margin-bottom: 3px;}
    .userInfo #btn_idCheck{margin-top:5px;width:100%}
    .userInfo{padding:20px!important}
    .userInfo .radio_box{width:70px;font-size:14px}
    .userInfo #userinfo-container{overflow:scroll}
}

/*회원정보 수정*/

.find #userdrop-container textarea {width: 100% !important;margin-left: 0 !important;}
.find #userdrop-container table{margin-bottom:50px}
.find #userinfo-container .radio_box{width:65px}
.find #userinfo-container .select-box:after{content:'';position:absolute;width:12px;height:9px;background:url(../images/sub/selct_icon02.png) no-repeat center;top: 50%;transform: translateY(-50%);right: 10px;}
.find table td{text-align:left}
.find #section01 #dvIDOK .item_table_wr03 td{max-width:150px;padding:15px}
.find #section03 .p_guide{text-align:center;color:#707070;font-size:22px}



/*게시판*/
.board .board-title .main-tit{font-family:'futura-pt';font-weight:100;font-size:45px}
.board .board-title .sub-txt{font-size:18px;padding-top:15px}
.board .sec-detail{position:relative}
.board .total-num{font-size:16px;padding:50px 0 25px}
.board .total-num span{color:#f79547;padding-left:10px}
.board #section01{margin-bottom:100px}

.board .table_board #event-container table {width:100%;border-top:0}
.board .table_board table tr{border-bottom:1px solid #0000002b}

.board #notice-galley-container .notice-wr{width: 100%;}
.board #event-galley-container .notice-wr{width: 100%;}
#noticenews-container{display: flex;gap: 50px 30px;flex-wrap: wrap;}
#noticenews-container .notice-list{flex:0 1 calc(100% / 3 - 20px);cursor:pointer}
#event-container{display: flex;gap: 50px 30px;flex-wrap: wrap;}
#event-container .notice-list{flex:0 1 calc(100% / 3 - 20px);cursor:pointer}
.board #notice-galley-container .notice-list .galley-tum img {width: 100%;}
.board #notice-galley-container .galley-text{margin-top:15px;color:#1e1e1e}
.board #notice-galley-container .galley-text .title{font-size:21px}
.board #notice-galley-container .galley-text .date{padding-top:15px}

.board #event-galley-container .notice-list .galley-tum img {width: 100%;}
.board #event-galley-container .galley-text{margin-top:15px;color:#1e1e1e}
.board #event-galley-container .galley-text .title{font-size:21px}
.board #event-galley-container .galley-text .date{padding-top:15px}


/*club_news.html*/
#content.board{padding:20px}
.table_board{min-height: 500px; position: relative;}
/*.content .news #event-container{display:flex;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); font-size: clamp(12px,2vw,14px);} */
.board #notice-galley-container .galley-text .title{line-height: 1.4em;}
.board #event-galley-container .galley-text .title{line-height: 1.4em;}

@media (max-width:1600px){
    .content .news{padding: 80px 20px !important;}
}

@media (max-width:1024px) {
    .content .news{margin: 0 !important;}
    .table_board{height: 100%;}
    .board .board-title .main-tit{font-size: 43px}
    .board .board-title .sub-txt{padding: 12px 0 0 0;}
    .board #notice-galley-container .notice-wr{gap: 34px 26px;}
    .board #event-galley-container .notice-wr{gap: 34px 26px;}
    .board .total-num{padding: 44px 0 22px;}
    .board #section01{margin: 0 0 70px;}
    .board #notice-galley-container .galley-text .title{font-size: clamp(14px, 2vw, 18px);}
    .board #notice-galley-container .galley-text .date{padding: 12px 0 0 0; font-size: 12px;}
    .board #event-galley-container .galley-text .title{font-size: clamp(14px, 2vw, 18px);}
    .board #event-galley-container .galley-text .date{padding: 12px 0 0 0; font-size: 12px;}
}

@media (max-width:768px) {
    .board #notice-galley-container .galley-text{margin-top:10px}
    .board #event-galley-container .galley-text{margin-top:10px}
    .content .news{padding: 30px 20px !important;}
    .table_board{min-height: 300px;}
    .board .board-title .main-tit{font-size: 38px;}
    .board .board-title .sub-txt{font-size: 15px; padding: 10px 0 0 0;}
    .board #notice-galley-container .notice-wr{gap: 22px 20px;}
    .board #notice-galley-container .notice-list{flex: 0 1 calc(100% / 2 - 15px);}
    .board #event-galley-container .notice-wr{gap: 22px 20px;}
    .board #event-galley-container .notice-list{flex: 0 1 calc(100% / 2 - 15px);}
    .board #section01{margin: 0 0 30px;}
    .table_board th{font-size: 12px;}
}

@media (max-width:500px) {
    .board .board-title .main-tit{font-size: 35px;}
    .searchBox{margin: 18px 0 16px;}
    .board #notice-galley-container .notice-wr{gap:16px 12px}
    .board #notice-galley-container .notice-list{flex: 0 1 calc(100% / 1);}
    .board #event-galley-container .notice-wr{gap:16px 12px}
    .board #event-galley-container .notice-list{flex: 0 1 calc(100% / 1);}
}

/*club_news_view.html*/
.sectiontitle{align-items: center;border-bottom: 0px;padding: 20px 0 20px 0;margin-bottom: 0px;}
.sectiondetail{height: auto;}
#notice-galley-container .galley-tum {border:none;}
#notice-galley-container .galley-tum img {width:100%; height:100%; max-width: 465px;max-height: 350px; object-fit: cover;object-position:top}
#event-galley-container .galley-tum {border:none;}
#event-galley-container .galley-tum img {width:100%; height:100%; max-width: 465px;max-height: 350px; object-fit: cover;object-position:top}
.galley-tum{border-top: 1px solid; border-bottom: 1px solid; text-align: center; padding: 20px 0 0;}
.board .galley-tum img{width: 100%; padding: 0 0 30px;max-width: 700px}
.board #section01 .sub_txt{padding: 0 0 20px; text-align: left; font-size:clamp(16px,2vw,18px);font-weight:400;line-height:1.4em}
.menu_list ul li span{font-size:clamp(16px,2vw,18px);font-family:futura-pt;flex: 0 1 calc(20%);}
.menu_list ul li p{flex: 0 1 calc(80%);}
#content .list{width:100%;display:flex;justify-content:center}
#content .list .boder{margin:40px 0 0 0;border:1px solid;height: clamp(38px,2vw,50px);display:flex;justify-content:center;align-items:center;padding: 12px clamp(60px,2vw,100px);font-family:Futura PT;font-size:clamp(17px,2vw,21px);font-weight: 300;}

@media (max-width:1024px) {
    #notice-galley-container .galley-tum img{
        max-height: 230px;
    }
    #event-galley-container .galley-tum img{
        max-height: 230px;
    }
}


@media (max-width:500px) {
    #notice-galley-container .galley-tum img{padding-bottom: 10px;}
    #event-galley-container .galley-tum img{padding-bottom: 10px;}
    .menu_list ul li span{flex:0 1 calc(30%)}
    .menu_list ul li p{flex: 0 1 calc(70%);}
    .sectiontitle{flex-direction: column;    align-items: stretch;padding: 20px 0 30px;}
}


/*본인인증 club_member_join*/
.join{padding-bottom: 0px !important;}
.join .item_table_wr03 th{line-height: 1.6em;}
.join #step01.join-class .all-check{font-size:20px;}
.join #step01.join-class .all-check label{line-height: 1.6em;}
.join #step02 td{display:flex;gap:5px}
.join #step02 .cert-send{max-width: 170px;}

@media (max-width:1440px) {
    .join .sec-top .sec-tit{padding-bottom: 30px;}
    .join .stepBox div:after{width: 80px;}
    .join .btn_alppyChk{width: 380px;height: 60px;font-size: 16px;}
    .join #step01.join-class .all-check{font-size: 19px;}
    .join #step01.join-class .check-list-wrap .check-list{font-size: 16px;}
}

@media (max-width:1240px) {
    .join .stepBox div:after{display: none !important;}
    .join .btn_alppyChk{width: 350px; height: 50px;font-size: 15px;}
    .join #step01.join-class .all-check{font-size: 18px;}
}

@media (max-width:1024px) {
    .join .content .join{margin-top:80px;padding:60px 20px}
    .join .scroll{line-height: 1.4em;padding: 12px 20px;}
    .join .item_table_wr03 td, .join .item_table_wr03 th{padding: 12px 20px;}
    .join .btn_alppyChk{width: 300px; height: 44px; font-size: 14px;}
    .join .stepName{font-size: 14px;}
    .join #step01.join-class .check-list-wrap .check-list{padding: 28px 0 20px;font-size: 15px;}
    .join #step01.join-class .all-check{font-size: 17px;}
}

@media (max-width:768px) {
    /* .item_table_wr03 td{border-right: 0px;} */
    .join .scroll{padding: 2px 14px;}
    #content.content .join{padding: 60px 20px 0px;}
    .join #step01.join-class .all-check{font-size: 15px;padding: 16px 12px ;}
    .join .item_table_wr03 td, .join .item_table_wr03 th{font-size: 14px;}
    .join #step01.join-class .check-list-wrap .check-list{font-size: 14px;}
    .join .btn_alppyChk{width: 260px; height: 40px;}
    .join .item_table_wr03 td, .join .item_table_wr03 th{padding: 6px 10px;}
}

@media (max-width:500px) {
    .join .item_table_wr03 td input{max-width: 280px;width: 100%;}
    .join #step02 td{flex-direction:column}
    .join #section01 .item_table_wr03{overflow-x:scroll}
    .join #step01.join-class .all-check{font-size: 14px;}
    .join #step01{margin-top: 45px;}
    .join #step02{margin-top: 45px;}
    .join #step03{margin-top: 45px;}
    .join #step02 .cert-send{margin-left:0px;text-align: center;}
    .join .stepName{font-size: 12px;padding-left: 0px;}
}