@charset "utf-8";
@import url("common.css");

/*--------------------------------------------------------------
font-family: 'Cardo', serif;
font-family: 'kakao', sans-serif;
--------------------------------------------------------------*/

a:hover{color: #857A00;}
.point-color1{color: #857A00;}
.point-color2{color: #795235;}
.point-color3{color: #79211C;}
h4{background: url('/images/simbol_valley.png') 0 50% no-repeat;background-size:30px auto;padding-left: 34px;position: relative;}
h5{margin-top: 30px;}
h5::before {content: "-";font-size: 20px; color: #857A00;font-weight: 700;padding-right: 4px;}
span.point-txt1{display: inline-block;background-color: #857A00;color: #fff;padding: 0 6px;}
.table_typeA tbody th{background-color: #F4F2E0;}


@media (max-width:768px){
	.divide4 span{display: none;}
}

/* facility */
	.bg_facility03{height: 250px;background: url('/images/valley/bg_facility03.jpg') 50% 50% no-repeat;text-align: center;color: #fff;padding-top: 100px;font-family: 'Noto Serif KR', serif;font-size: 1rem;}
	.gallery #gallery-flters {padding: 0;margin: 25px auto 25px auto;list-style: none;text-align: center;border-radius: 50px;}
	.gallery #gallery-flters li {cursor: pointer;display: inline-block;padding: 15px 20px;line-height: 1;text-transform: uppercase;margin-bottom: 5px;transition: all 0.3s;background-color: #fff;border: 1px solid #ddd;}
	.gallery #gallery-flters li:hover, .gallery #gallery-flters li.filter-active {color: #fff;background-color: #666;}
	.gallery #gallery-flters li:last-child {margin-right: 0;}

	@media (max-width:768px){
		.bg_facility03{font-size: 1rem;padding: 30px 14px 0;}
	}

/* club */
	ul.book_step{display:flex;}
	ul.book_step > li{padding-right: 10px;}
	ul.book_step i {color: #857A00;padding-left: 10px;}



/* course */
	.carousel-item{text-align: center;}
	#tab_typeA li a{background-color: rgba(133,122,0,0.2);}
	#tab_typeA li.on > a{background-color: rgba(133,122,0,0.7);}
	
	.font-bold{font-weight: bold;}
	ul.holeinfo{display: flex;height: 28px; align-items: center; margin-bottom: 50px;}
	ul.holeinfo > li{width: 120px;}
	ul.holeinfo > li + li::before{content: '|'; font-size: 12px;color: #ccc;margin-right: 10px;}
	ul.holeinfo > li > i{margin-left: 4px;}
	ul.holeinfo > li > i.area_ob{display: inline-block;background-color: #FF0000;color: #fff;padding: 2px 4px;}
	ul.holeinfo > li > i.area_penalty{display: inline-block;background-color: #2F528F;color: #fff;padding: 2px 4px;}
	
	@media (max-width:768px){
		ul.holeinfo > li{width: 50%;}
	} 
	


/* mypage */
	.search_box{background-color: #EDEACB;padding-top: 1rem;margin-bottom: 10px !important;margin-right: 0;margin-left: 0;}
	.search_box label{display: inline-block;margin-right: 6px;}
	.search_box input{width: 90px;margin-right: 6px;margin-left: 6px;}
	
	.btn-point { color: #fff;  background-color: #857A00;  border-color: #857A00;}
	.btn-point:hover {  color: #fff;  background-color: #716800;  border-color: #696000;}
	.btn-point:focus, .btn-point.focus {  color: #fff;  background-color: #716800;  border-color: #696000;  box-shadow: 0 0 0 0.2rem rgba(105, 96, 0, 0.5);}
	.btn-point.disabled, .btn-point:disabled {  color: #fff;  background-color: #857A00;  border-color: #857A00;}
	.btn-point:not(:disabled):not(.disabled):active, .btn-point:not(:disabled):not(.disabled).active,
	.show > .btn-point.dropdown-toggle {  color: #fff;  background-color: #696000;  border-color: #696000;}
	.btn-point:not(:disabled):not(.disabled):active:focus, .btn-point:not(:disabled):not(.disabled).active:focus,
	.show > .btn-point.dropdown-toggle:focus {  box-shadow: 0 0 0 0.2rem rgba(105, 96, 0, 0.5);}
	.search_box .form-control::placeholder{color: #BDBDBF;}
	.btn_search{background-color: #857A00;color: #fff;display: inline-block;padding: 3px 10px;border-radius:4px}
	.btn_month{display: inline-block;background-color: #666;color: #fff;padding: 3px 6px;border-radius:4px; font-size: .8rem;font-weight: 300;margin-right: 4px;}
	
	#ask_form ul{border-top: 1px solid #000;}
	#ask_form ul li{display:flex;border-bottom: 1px solid #ddd;padding: 10px 18px;}
	#ask_form ul li div:first-child{display: inline-block;width: 20%;}
	#ask_form ul li div:last-child{display: inline-block;width: 80%;}
	#ask_form input[type="text"]{width: 100%;}
	#ask_form textarea{width: 100%;}
	#ask_form .btn_write{background-color: #857A00;color: #fff;}

	@media (max-width:992px){
		
	}
	
	@media(max-width:768px){
		#ask_form ul li div:first-child{width: 30%;}
		#ask_form ul li div:last-child{width: 70%;}
		.input_area{display: block !important;}
		.input_area > div{display: block !important;width: 100% !important;}
	
		.mobile_hide{display: none !important;}
		.search_box{padding: 10px;text-align: center;}
		.search_box > div:last-child{padding-bottom: 0;}
		.search_box label{display: none;}
		
	}	
		

/* 예약 */ 
	.time_table_wrap{width: 100%;height: 550px;overflow-y:scroll}
	.time_table button{position: absolute; left:50%; transform:translateX(-50%);top: 7px;}	

	.timetable_header{height: 45px;line-height: 45px;text-align: center;background-color: #F5F5F5;}
	.timetable_header strong{font-weight: bold;color: #857A00;}

	.waiting_time{text-align: center;padding: 10px 0;margin-top: 20px;}
	.waiting_time button{background-color: #ffd633;padding: 0 6px;border-radius:4px;font-size: .9rem;margin-left: 16px;height: 27px;}
	.waiting_time select{width: 70px;margin-left: 16px;}

	@media(max-width:768px){
		.member_level{font-size: .8rem;height: 40px;margin-top: 20px;}
		.member_level .btn_level_info{top: -30px;}
		#level_info ul, #level_info .txt{width: 100%;position: relative;}
		#level_info .txt{top: 0;right: :0;bottom: 0;left: 0;padding-top: 10px;}
		.time_table_wrap{height: 350px;}
	}

/* 클럽안내 */
	.com01_img{margin-bottom: 50px;background-color: #F9F9F6;font-size: 32px;position: relative;}
	.com01_txt1{padding-top: 50px;}
	.com01_txt1 i{font-size: 24px;color: #E7E7CF;position: relative;}
	.com01_txt1 .bxs-quote-left:before{position: absolute;left: -30px;top: -40px;}
	.com01_txt1 .bxs-quote-right:before{position: absolute;right: -30px;top: -30px;}

	@media (max-width:992px){
		.com01_txt1{position: absolute;top: 0;right: 0;width: 50%;font-size: 1.5rem;}
	} 
	@media (max-width:768px){
		.com01_img{text-align: center;font-size: 1.3rem;padding-top: 100px;}
		.com01_img img{width: 50%;}
		.com01_txt1{width: 100%;padding-top: 10px;font-size: 1rem;}
		.com01_txt1 p{margin-bottom: 0;}
		.com01_txt1 i{font-size: 1.3rem;}
		.com01_txt1 .bxs-quote-left:before{top: -20px;}
		.com01_txt1 .bxs-quote-right:before{top: -20px;}
	}

/* sub */
	#sub_area{width: 100%;}
	#sub_area .submenu_wrap{width: 100%;margin-bottom: 0;padding: 0;display:flex;flex-wrap:wrap;justify-content:center;}
	#sub_area .submenu_wrap > li{float: left;}
	#sub_area .submenu_wrap > li > a{display:block;text-align: center;line-height: 40px;border: 1px solid #E3E3E3;color: #969595;border-right: none;}
	#sub_area .submenu_wrap > li > a:hover{color: #857A00;}
	#sub_area .submenu_wrap > li > a.active{color: #857A00;font-weight: 700;border: 1px solid #857A00 !important;}
	#sub_area .submenu_wrap > li:last-child a{border-right: 1px solid #E3E3E3;}

	@media (max-width:992px){
		#sub_area .submenu_wrap > li > a{border: 1px solid #E3E3E3;}
	
	} 
	@media(max-width:768px){
		#sub_area .divide5{height: 80px;}
		#sub_area .submenu_wrap > li > a{font-size: .9rem;}	
		.breadcrumbs h2{padding-top: 30px;}
	}

/* main */
	#index{min-width:1100px}
	
	#main_con_wrap{width: 100%;height: 800px;position: relative;}
	#main_con01{padding-right: 900px;width: 100%;height: 800px;}
	#main_con02{position: absolute;width: 450px;height: 800px;top: 0;right: 0px;background-color: #EDEACB;padding:0 10px;}
	#main_con03{position: absolute;width: 450px;height: 800px;top: 0;right: 450px;}

	.phone_num{display:flex;}
	.phone_num span{display: block;font-size: 30px;}
	.phone_num strong{display: block;font-size: 18px;line-height: 18px;}
	.phone_num > div:nth-child(1){width: 30%;text-align: center;}
	.phone_num > div:nth-child(2){width: 70%;}

	#main_weather{display:flex;}
	#main_weather span, #main_weather strong{display: block;}
	#main_weather span{font-size: 11px;}
	#main_weather img{width: 35%;float: left;}
	#main_weather i{color: red;}

	.main_title{padding-top:30px;padding-bottom: 10px;position: relative;}
	.main_title span{position: absolute;right: 0;}
	
	#notice_wrap{width: 90%;margin: 0 auto;}
	ul.notice{width: 100%;height: 180px;border-bottom: 1px solid #ddd2cc;margin-bottom: 0;}
	ul.notice > li{position: relative;padding: 4px 0;}
	ul.notice > li > a{display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:80% ;}
	ul.notice > li > span{font-size: 12px;position: absolute;right: 0;top: 8px;}

	/* slick 공통 */
	.slick-slide {margin: 0px auto; }
	.slick-slide img{width: 100%;}
	.slick-active {opacity: .5;}
	.slick-current {opacity: 1;}

	.slick-dots{text-align: center;position: absolute;bottom: 0px;width: 100%;z-index:3}
	.slick-dots li{position: relative;display: inline-block;cursor: pointer;padding: 0 3px;}
	.slick-dots li button{width: 10px;height: 10px;background-color: #ddd;border-radius:50px;text-indent:-9999px;}   
	.slick-dots .slick-active button{opacity:1;background-color: #857A00;width: 28px;border-radius:4px;}
	
	/* slick img */
	#slick_img{width: 100%;height: 800px;margin: 0 auto;}
	#slick_img img{width: auto;height: 800px;}
	
	.controler_A{position: absolute;right: 900px;bottom: 0px;display:flex;z-index:4}
	.controler_A button{width: 60px;height: 60px;z-index:1; }
	.controler_A button:hover{background-color: #924D50; }
	.controler_A button.prev{background:#857A00 url('/images/common/btn_prev.png') center center no-repeat;font-size: 0;margin-right: 1px;}
	.controler_A button.next{background:#857A00 url('/images/common/btn_next.png') center center no-repeat;font-size: 0;}

	/* slick banner */
	#main_banner{position: absolute;left: 0;bottom: 0;width: 450px;height: 400px;}
	#slick_banner .slick-arrow {position: absolute; top: 50%;display: block;cursor: pointer;z-index:1; transform:translateY(-50%);font-size: 0;width: 40px;height: 40px; }
	#slick_banner .slick-arrow:hover { background-color: rgba(255,255,255,0.5);}
	#slick_banner .slick-next{right: 0;background: url('/images/common/arr_next_black.png') center center no-repeat;}
	#slick_banner .slick-prev{background: url('/images/common/arr_prev_black.png') center center no-repeat;}

	@media(max-width:1400px){
		#main_con01{padding-right: 700px;}
		#main_con02{width: 360px;}
		#main_con03{width: 340px;right: 360px;}
		#main_banner{width: 340px;}
		.controler_A{right: 700px;}
		#main_weather i{display: none;}
	}

	
	

/* heaader */
	#header {transition: all 0.5s;  z-index: 997;  width: 100%;height: 130px;position: relative;}

	#util{display:flex;height: 90px;justify-content:space-between !important;}
	#util > div > a{display: inline-block;width: 124px;height: 90px;text-align: center;border-right: 1px solid #ddd;border-left: 1px solid #ddd;padding-top: 46px;position: relative;}
	#util > div > a > i{font-size: 24px;position: absolute;top: 24px;left: 50%;transform:translateX(-50%);}
	#util .util_logo{background: url('/images/util_logo_c.png') center center no-repeat;text-indent:-99999px}
	#util .util_logo:hover{background-color: #eee;transition: background 0.5s;}
	#util .logo{position: absolute;top: 10px;left: 50%;transform:translateX(-50%);}
	#util .logo img{height: 70px;}
	#menubar{background-color: #857A00;height: 40px;width: 100%;}

	.mobile_menu{display: none;}
	.pc_menu { display: flex; align-items: center;margin-bottom: 0;}
	.pc_menu li {position: relative;width: 16.66%;}
	.pc_menu a, .pc_menu a:focus { display: flex;  align-items: center; justify-content: center;padding: 8px 0;transition: 0.3s;color: #fff;}
	.pc_menu a i, .pc_menu a:focus i { margin-left: 5px;}
	.pc_menu a:hover, .pc_menu .active > a, .pc_menu .active:focus, .pc_menu li:hover > a { color: #eee;}

	#submenu_wrap{width: 100%;height: 200px;display: none;z-index: 99;position: absolute;top: 130px;border-bottom: 1px solid #857A00;background-color: #fff;}
	#submenu_wrap > div > ul{width: 100%;margin-bottom: 0;padding-top: 10px;padding-bottom: 10px;}
	#submenu_wrap > div > ul:after{display: block;content: '';clear: both;}
	#submenu_wrap > div > ul > li{float: left;width: 16.66%;}
	#submenu_wrap > div > ul > li a{display: block;text-align: center;padding: 3px 0;width: 100%;margin: 0 auto;}
	#submenu_wrap > div > ul > li a:hover{color: #857A00;text-decoration: underline;}

	.nav-menu .drop-down ul {display: block;position: absolute;left: 15px;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;}
	
	

	@media (max-width:992px){
		.pc_menu{display: none;}
		.mobile_menu{display: block;}
		#util > div{display: none;}
		#menubar{height: 3px;}
		#header{height: 100px;}
	} 
	
	@media (max-width:768px){
		#header{height: 60px;}
		#util{height: 60px;}
		#submenu_wrap{display: none !important;}
		#util .logo img{height: 50px;}
		#util .logo{top: 5px;}

	}	


/* footer */	
	footer{background-color: #5D5D5D; color: #A8A8A8;font-size: 14px;}
	.footer_logo{padding: 30px 15px;}
	#footmenu{width: 100%;border-top: 1px solid #6b6b6b;border-bottom: 1px solid #6b6b6b;}
	#footmenu a{color: #ddd;padding: 14px;display:inline-block;}
	#footmenu a:hover{color: #fff;}
	#footmenu a:first-child{padding-left: 0;}
	.address{display:flex;}
	#copyright{padding-top: 14px;padding-bottom: 10px;}
	#copyright dl{width: 50%;display:flex;}
	#copyright dt{color: #fff;padding-right: 20px;font-weight: normal;}

	@media (max-width:768px){
		footer{font-size: .8rem;}
		.footer_logo{padding: 15px;}
		#footmenu a{padding: 4px 8px 4px 0;}
		.address{display:block;}
		#copyright dl{width: 100%;display:block;}
		
	}



/* Mobile Navigation */
	.bx-menu{font-size: 36px;color: #000;}
	.add_menu{display: none;}
	.mobile-nav .add_menu{display: block;}
	.mobile-nav .mobile_login_wrap{background-color: #736E36;height: 60px;padding-top: 20px;}
	.mobile-nav .mobile_login_wrap > a{display: inline;padding: 0 0 0 20px;font-size: .9rem;font-weight: 300;}
	.mobile-nav .quick_menu{background-color: #565228;display:flex;height: 100px;}
	.mobile-nav .quick_menu > a{width: 50%;text-align: center;padding-top: 70px;font-weight: 300;font-size: .9rem;}
	.mobile-nav .quick_menu > a:nth-child(1){border-right: 1px solid #6B6742;background: url('/images/logo_leisure_w.png') center 20% no-repeat;	background-size:80% auto ;}
	.mobile-nav .quick_menu > a:nth-child(2){background: url('/images/logo_pinecreek_w.png') center 20% no-repeat;background-size:80% auto ;}
	

	.mobile-nav-toggle {position: absolute;right: 15px;top: 11px;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;color: #fff;}
	.mobile-nav {position: fixed;top: 0px;right: 0px;bottom: 0px;width: 50%;z-index: 9999;overflow-y: auto;background: #333;transition: ease-in-out 0.2s;opacity: 0;visibility: hidden;}
	.mobile-nav .mobile-nav-close {  margin: 12px 10px;  border: 0;  background: none;  font-size: 24px;  transition: all 0.4s;  outline: none !important;  line-height: 1;  cursor: pointer;  text-align: right;color: #fff;position: absolute;right: 0;}
	.mobile-nav .mobile-nav-close:hover {color: #ccc;}
	.mobile-nav a {display: block;position: relative;padding: 10px 20px;outline: none;transition: 0.3s;color: #fff;font-size: 16px;}
	.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #ae8f50;text-decoration: none;}
	.mobile-nav .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 10px;position: absolute;right: 15px;}
	.mobile-nav .active.drop-down > a:after {content: "\eaa1";}
	.mobile-nav .drop-down > a {padding-right: 35px;font-size: 16px;}
	.mobile-nav .drop-down ul {display: none;overflow: hidden;background-color: #292929;}
	.mobile-nav .drop-down ul a{padding: 10px;}
	.mobile-nav .drop-down li {padding-left: 20px;}
	.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.6);overflow: hidden;display: none;}
	.mobile-nav-active {overflow: hidden;}
	.mobile-nav-active .mobile-nav {opacity: 1;visibility: visible;}

	@media (max-width:992px){
		.mobile-nav{width: 50%;}
		
		
	} 
	@media (max-width:768px){
		.mobile-nav{width: 70%;}
		
	} 

/* 패키지예약 */
.package_table_header{height: 45px;line-height: 45px; font-weight:bold; text-align: center; background-color: /*rgba(133,122,0,0.2)*/ #F5F5F5;}
	@media (max-width:768px){
		.package_table_header:first-of-type{margin-top:20px;}
	}
.package_table_header strong{font-weight:bold; color: /*#762023*/ #857A00;}

.package_list{padding-left:20px;}
.package_list li{list-style:decimal;}

.package_date{display:flex; align-items:center; justify-content:space-between;}
.package_memo{width:100%; background:#f7f7f7; vertical-align:middle; padding:5px;resize:vertical; border:0 none;}

.package_table_wrap{width:100%; height:108px; overflow-y:scroll}
	@media (max-width:768px){
		.package_table_wrap{height:auto; overflow-y:auto;}
		.package_table_wrap select{padding:0.375rem;}
	}
.btn_pkg_check{}
.btn_pkg_check div{width:100%;padding:5px; margin-bottom:5px; text-align:left; border-radius:8px;}
.btn_pkg_check div:nth-child(1){background:#fff5cb;}
.btn_pkg_check div:nth-child(2){background:#e9fad4;}
.btn_pkg_check div:last-child{margin-bottom:0;}
.btn_pkg_check div input[type="checkbox"]# {display:none;}
.btn_pkg_check div input[type="checkbox"] + label {width:22px; height:22px; font-size:15px; color:#000; background:url("/images/common/checkbox_btn_off.png") no-repeat 0 center; margin:0; padding:0;}
.btn_pkg_check div input[type="checkbox"]:checked + label {font-size:15px; color:#000; background:url("/images/common/checkbox_btn_on.png") no-repeat 0 center; margin:0; padding:0;}

.package_fee_table{text-align: center; font-weight: 700; border: 1px solid #857A00 !important;}
.package_fee_table tr th{background:rgba(133,122,0,0.1) /*#F4F2E0*/;}
.package_fee_table tr td{padding:8px;}

.btn_package{}
.btn_package a{ont-size: 1rem;background: #857A00; color: #fff;display: inline-block;padding: 6px 10px;border-radius:6px}
.btn_package a:hover{color: #fff; background-color: #7E7400;}

.btn_wrap_pkg{display:flex; align-items:center; justify-content:center;}
.btn_wrap_pkg button{padding: 9px 30px;}
.btn_wrap_pkg .btn-positive{color:#000; background-color: #FFD633;}
.btn_wrap_pkg .btn-negative{color:#fff; background-color: #666;}

.package_img{}
.package_img img{width:100%;}