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

/*--------------------------------------------------------------
font-family: 'NanumGothic', sans-serif;
font-family: 'NanumBarunGothic', sans-serif;
font-family: 'dinbol', sans-serif;
font-family: 'NotoSansKR', sans-serif;
font-family: 'TimesNewRoman', serif;
font-family: 'Cardo', serif;

[google font]
font-family: 'Noto Sans KR', sans-serif;

--------------------------------------------------------------*/
@import url("bootstrap.css");
@import url("icofont.min.css"); /* hex 이용하여 css에 넣음 https://icofont.com/icons */
@import url("boxicons.css"); /* i테그 이용하여 html에 넣음 https://boxicons.com/ */
@import url("bootstrap-icons.css"); /* class="bi bi-list" https://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');


/* common */


	body{background-color: #292929;}
	@media (min-width:1024px){
		#container{padding-top: 110px;}
		.breadcrumbs{min-height:40px;}

	}
	@media (max-width:1024px){
		#container{padding-top: 60px;}
		.submenu_bar{display: none;}
		.breadcrumbs{min-height:40px;}

	} 
	@media (max-width:768px){
		#container{padding-top:0 /*60px*/;}
		.submenu_bar{display: none;}
		.foot_copy{line-height: 1.5rem;}
		.breadcrumbs{padding-top: 0;}
		.breadcrumbs h2{font-size: 21px !important;background-color: #ccc;color: #fff;padding: 6px 0;position: relative;z-index:9}
		.title > p, .title > hr{display: none;}
		.foot_copy{display: none;}
		.mobile_displaynone{display: none;}

	} 
	.submenu_bar{position: fixed;top: 204px;left: 50%;width: 150px;height: 120px;z-index:2;margin-left: -660px;}
	.submenu_bar a{display: block;line-height: 30px;border: 1px solid #ddd;margin-bottom: 2px;padding-left: 10px;background-color: #eee;}
	.submenu_bar a.active{background-color: #0E8D52;color: #fff;border-color: #0E8D52;}
		.submenu_bar a.active:hover{color: #fff;}
	.submenu_bar a:hover{color: #0E8D52;}

	#wrap2{width: 100%;height: 100%;background-color: #292929;position: relative;}
	#container{width: 100%;min-height:500px;position: relative;background-color: #fff;padding-bottom: 50px;}	
	.contents{margin: 0 auto;min-height: 500px;position: relative;}
	.content:after{display: block;content: '';clear: both;}
	
	.title{text-align: center;}
	.title > hr{display: none;}
	.title > p{margin-bottom: 0;display: none;}
	.breadcrumbs h2{color: #000;font-size: 36px;margin-bottom: 40px;font-weight: normal;z-index:999;}

	.table_typeA, .table_typeB{border: 2px solid #5C5C5C;}
	.table_typeA, .table_typeB{margin-bottom: 10px;}
	.table_typeA thead{border-top: 2px solid #5C5C5C;background-color: #eee;}
	.table_typeA thead th{border-bottom: 1px solid #ddd;}
	.table_typeA th{border-right: 1px solid #ddd;padding: 10px 0;text-align: center;}
	.table_typeA th:last-child{border-right: 0 none;}
	.table_typeA td{border: 1px solid #ddd;text-align: center;padding: 10px 0;word-wrap:break-word}
	.table_typeA td:first-child{border-left: 0 none;}
	.table_typeA td:last-child{border-right: 0 none;}
	.table_typeA tbody th{border-bottom: 1px solid #ddd;}

	.table_typeB tbody{}
	.table_typeB td{border: 1px solid #ddd;padding: 10px;word-wrap:break-word}
	.table_typeB td:first-child{border-left: 0 none;}
	.table_typeB td:last-child{border-right: 0 none;}
	.table_typeB tbody th{border-bottom: 1px solid #ddd;background-color: #eee;}

	.table_typeC thead{border-top: 2px solid #5C5C5C;background-color: #FFF5B1;}
	.table_typeC thead th{border-bottom: 1px solid #ddd;}
	.table_typeC th{border-right: 1px solid #ddd;text-align: center;}
	.table_typeC th:first-child{border-left: 1px solid #ddd;}
	.table_typeC td{border: 1px solid #ddd;text-align: center;word-wrap:break-word}
	.table_typeC tbody{border-bottom: 2px solid #5C5C5C;}
	.table_typeC tbody th{border-bottom: 1px solid #ddd;}

	.ul_typeA{width: 100%;}
	.ul_typeA:after{display: block;content: '';clear: both;}
	.ul_typeA > li{padding: 6px 0 6px 20px;background: url('/images/dot.jpg') 10px 16px no-repeat;}

	.point_txt{font-size: 24px;color: #0E8D52; transform: skew(-0.1deg);text-align: center;}
	.point_txt2{font-size: 24px;color: #0E8D52;font-family: 'NotoSansKR', sans-serif;padding: 10px 0;}
	.point_txt3{color: #0E8D52;}

	.btn_down{border: 1px solid #ccc;padding: 6px 20px;}
	.btn_down i{margin-right: 6px;}

	.txt_red{color: #F86F21;}
	.box{border: 1px solid #ddd;padding: 16px ;}
	.back-to-top {position: fixed; display: none;    right: 15px;    bottom: 15px;    z-index: 99999;}
	.back-to-top i {display: flex;align-items: center;justify-content: center; font-size: 24px;width: 40px;height: 40px;border-radius: 50px;background: #0E8D52; color: #fff;transition: all 0.4s;}

	.btn_typeA{background-color: #0E8D52;color: #fff;padding: 10px 30px;}
	.btn_typeB{background-color: #5D8257;color: #fff;padding: 4px 10px;}

	.tab_num2 > li{width: 50%;}
	.tab_num3 > li{width: 33.33%;}
	.tab_num4 > li{width: 25%;}
	.tab_num5 > li{width: 20%;}

	@media (max-width:768px){
		.table_typeA, .table_typeB{font-size: 14px;}

	} 


/* header */
	@media (min-width:1200px){
		h1{top: 25px;width: 184px;height: 50px;left: 0px;}
		
		#gnb_pc, .util{display: block;}
		.btn_mobile_menu{display: none;}
		.header_wrap{width: 1000px;}
		.btn_mobile_login{display: none;}
		#footer{width:1000px;}
		
		
	}
	
	@media (max-width:1200px){
	h1{top: 5px;width: 184px;height: 50px;left: 0px;}
		#header{height: 60px;}
		#gnb_pc, .util{display: none;}
		.btn_mobile_menu{display: block;}
		#gnb{width: 80%;}
		.header_wrap{width: 100%}
		.btn_mobile_login{display: none;}
		#footer{width:90%;}
		

	} 
	@media (max-width:768px){
	h1{width: 150px;height: 40px;top: 8px;left:50%;margin-left: -75px;}
		#gnb{width: 80%;}
		.header_wrap{width: 100%;}
		.btn_mobile_login{display: block;}
		#footer{width:90%;}

	} 
	.weather_main{position: absolute;right: 0;top: -60px;display:flex;flex-direction:row-reverse;}
	.weather_main > div{display: inline;width: 50px;height: 60px;margin-right: 10px;}
	.weather_main > ul{margin-top: 6px;text-align: left;}

	#header{width: 100%;background-color: #0E8D52;position: fixed;left: 0;top: 0;z-index:9999;font-family: 'NanumGothic', sans-serif;font-size: 14px;}
	.btn_mobile_menu{position: absolute;top: 10px;right: 14px;width: 38px;height: 38px;font-size: 38px;line-height: 38px;cursor: pointer;z-index:999}
	
	.header_wrap{height: 100px;margin: 0 auto;position: relative;padding-top: 50px;}

	h1{position: absolute;}
	h1 > a{display: block;width: 100%;height: 100%;background:url('/images/logo.png') 50% 50% no-repeat;background-size:auto 100%}
	.util{color: #fff;background-color: #044B36;position: absolute;right: 0;top: 0;padding: 0 20px;}
	.util > a{color: #fff;display: inline-block;line-height: 30px;}
	span.util_line{display: inline-block;width: 1px;height: 10px;background-color: #ADEECA;margin: 0 20px;}

	#gnb_pc{height: 50px;width: 800px;line-height: 50px;float: right;}
	#gnb_pc > li, #subMenu > li{float: left;width: 16.66%;text-align: center;}
	#gnb_pc > li > a{display: block;font-weight: bold;font-size: 17px;color: #fff;line-height: 46px;}
	#subMenu_wrap{position: fixed;left: 0;top: 100px;width: 100%;height: 160px;z-index:99999;display: none;}
	#subMenu{width: 1000px;height: 160px;padding-left: 200px;margin: 0 auto;font-family: 'Noto Sans KR', sans-serif;}
	#subMenu a{display: block;line-height: 30px;color: #000;}
	#subMenu a:hover{color: #0E8D52;}
	#subMenu > li{background-color: #fff;height: 160px;border-bottom: 1px solid #ddd;}
	#subMenu > li:first-child{border-left: 1px solid #ddd;}
	#subMenu > li:last-child{border-right: 1px solid #ddd;}
	
	
	#footer_wrap{width: 100%;height: 122px;background-color: #292929;color: #bcbcbc;}
	#footer{height: 120px;margin: 0 auto;position: relative;padding-top: 10px;}
	.footmenu a{color: #bcbcbc;}
	.footmenu a.privacy{font-size:20px; color:#ff0; padding:1px 5px; border:1px dotted #eee}
	.footmenu a:hover{color: #fff;}
	.foot_line{display: inline-block;padding: 0 10px;color: #666;}
	.btn_book_wrap{border: 1px solid #9CCB95;padding: 2px;width: 100%;}
	.btn_book_wrap:active {border-color: #fff;}
	.btn_book {display: none; width: 100%;height: 50px;background-color: rgba(28, 75, 21, .7);color: #fff;text-align: center;border: 1px solid #5C8B55;font-size: 21px;line-height: 50px;}
	.btn_book:hover, .btn_book:focus{color: #eee;}

	@media (max-width:768px){
		#header{position:static;}
		#footer{font-size: 12px;}
		.footmenu a.privacy{font-size:15px;}
	} 


/* mobile Gnb */
	#gnb{display: none;overflow-x: hidden;overflow-y: auto;position: fixed;top: 0;right: 0;bottom: 0;z-index: 9999;transition: transform .3s;transform: translateX(100%);background-color: #333;box-shadow:-3px -3px 3px rgba(0,0,0, .3);height: 100%;}

	.layer-open #gnb{display: block}
	.gnb-open #gnb{transform: translateX(0)}
	.gnb-top{position: relative;height: 50px;}
	.icon-close{position: absolute;top:3px;right: 14px;width: 38px;height: 38px;font-size: 38px;cursor: pointer;color: #fff;}
	
	.side_menu{width: 100%;margin-top: 20px;}
	.side_menu:after, .submenu:after{display: block;content: '';clear: both;}
	.s_menu_a a{color: #fff;display: block;padding: 10px 20px;font-size: 16px;position: relative;}
	.s_menu.noshow span{content: '';position: absolute;top: 0;bottom: 0;right: 1.786rem;width: 1.339rem;background: url(/images/nav_arr.png) no-repeat 50% 50%/100% auto}
	.s_menu.show span{content: '';position: absolute;top: 0;bottom: 0;right: 1.786rem;width: 1.339rem;background: url(/images/nav_arr.png) no-repeat 50% 50%/100% auto;transform: scaleY(-1)}
	
	.submenu{width: 100%;background-color: #444;padding: 10px 0;}
	.submenu a{display: block;color: #fff;font-size: 15px;padding: 6px 20px;}
	.side_menu > li > a{display: block;color: #fff;font-size: 15px;padding: 10px 20px;color: #fff;}
	
	.mobile_book_btn{width: 100%;height: 100px;background-color: #0E8D52;}
	.mobile_book_btn > li{width: 50%;height: 100%;float: left;text-align: center;background:url('/images/icon_reservation.png') center 16px no-repeat;background-size: 50px 50px;border-right: 1px solid #36652F;}
	.mobile_book_btn > li > a{color: #fff;font-size: 16px;display: inline-block;width: 100%;height: 100%;}
	.mobile_book_btn > li > a > span{display: block;padding-top: 70px;}
	.mobile_book_btn > li:last-child{border-right: 0 none;background-image: url('/images/icon_weekend.png');}
	.mobile_book_btn > li:nth-child(2){background-image: url('/images/icon_confirm.png');}

	.btn_sidebar{background-color: #333;color: #fff;padding: 2px 7px;font-size: 12px;border: 1px solid #666;display: inline-block;}

	.aside_btn_wrap{padding: 14px 0 0 10px;}
	.aside_btn_wrap > li{float: left;padding-right: 6px;margin-left: 10px;}

.btn_mobile_login{position: absolute;left: 10px;top: 18px;z-index:999;background-color: #333; color: #fff;   padding: 2px 7px;font-size: 12px;}
	

	

/* login */
	#login_wrap{padding:65px 0 80px; background:#f4f6f8; border-top:2px solid #333; border-bottom:1px solid #e4e7ea;}
	.title_login{ font-family: 'NotoSansKR';color:#666; margin:0 auto 24px; padding-bottom:20px; border-bottom:1px dotted #ccc;text-align: center;}
	.title_login span{display:block; font-weight:bold; font-size:30px; color:#333; line-height:30px; padding-bottom:10px; }

	.idpw_wrap{text-align: right;padding: 10px 0;width: 100%;}
	.idpw_wrap > div{display: inline-block;margin-left: 20px;}
	.idSave > label{display: inline-block;width: 80px !important;}
	.pwSave > label{display: inline-block;width: 96px !important;}

	.member_login li{float:left;width: 33.33%;height: 43px;border: 2px solid #F4F6F8;}
	.member_login li:last-child a{background:#0E8D52; }
	.member_login li a{display: inline-block; width: 100%; height: 43px;line-height:43px; font-size:14px; color:#fff; text-align:center; background:#888888;}
	
	@media (min-width:1024px){
		#loginForm{width:50%; margin:0 auto; position:relative;}
		.member_login{width: 50%;height: 43px;margin: 0 auto;}
		#loginForm label{display:inline-block; width:15%; font-weight:bold; color:#666;}
		#loginForm button{width:120px; height:79px; font-weight:bold; font-size:16px; color:#fff; background:#0E8D52; position:absolute; top:0px; right:0;}
		#loginForm input[type="text"],#loginForm input[type="password"]{width:60%; height:36px; margin-bottom:7px; background-color:rbg(250,255,189) !important; background-image: none !important; color:#000; border:1px solid #ccc}
		.contents{width: 1000px;}
		



	}
	@media (max-width:1024px){
		#loginForm{width:76%; margin:0 auto; position:relative;}
		.member_login{width: 76%;height: 43px;margin: 0 auto;}
		#loginForm label{display:inline-block; width:15%; font-weight:bold; color:#666;}
		#loginForm button{width:120px; height:79px; font-weight:bold; font-size:16px; color:#fff; background:#0E8D52; position:absolute; top:0px; right:0;}
		#loginForm input[type="text"],#loginForm input[type="password"]{width:61%; height:36px; margin-bottom:7px; background-color:rbg(250,255,189) !important; background-image: none !important; color:#000; border:1px solid #ccc}
		.contents{width: 90%;}


	} 
	@media (max-width:768px){
		#loginForm{width:96%; height: 260px;position:relative;}
		#loginForm label{display:inline; font-weight:bold; color:#666;}
		#loginForm button{width:70%; height:43px; font-weight:bold; font-size:16px; color:#fff; position: absolute;top:200px; right:15%;}
		#loginForm input[type="text"],#loginForm input[type="password"]{width:100%; height:36px; margin-bottom:7px; background-color:rbg(250,255,189) !important; background-image: none !important; color:#000; border:1px solid #ccc}
		
		.member_login{width: 96%;height: 43px;margin: 0 auto;}
		.member_login li{float:left;width: 50% !important;}
		.member_login li:first-child{display: none;}
		.txt_login{width: 80%;text-align: center;margin: 0 auto;}
		.contents{width: 90%;}
		#loginForm label{width: 100%;}
		#login_wrap{padding-top: 30px;padding-bottom: 30px;}
		.member_login li a, .member_login li:last-child a, #loginForm button{
			background: #b4ddb4; /* Old browsers */
			background: -moz-linear-gradient(top,  #b4ddb4 0%, #83c783 17%, #0e8d52 68%, #096336 100%, #002400 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#0e8d52 68%,#096336 100%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #b4ddb4 0%,#83c783 17%,#0e8d52 68%,#096336 100%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
			border-radius:6px;}
		

	}

/* 회원가입 */
	@media (min-width:1024px){
		.form_join .title{display: inline-block;width: 20%;}
		#address0,#address1{width:550px; }
		li.address{display:flex;}
		.address_con{display: inline-block;}
		#joinA_wrap{padding:60px 0;margin-bottom: 100px;}

	}
	@media (max-width:1024px){
		.form_join .title{display: inline-block;width: 20%;}
		.form_join span{display: block;padding-left: 20%;}
		#address0,#address1{width:550px; }
		li.address{display:flex;}
		.address_con{display: inline-block;}
		#joinA_wrap{padding:60px 0;margin-bottom: 100px;}

	} 
	@media (max-width:768px){
		.form_join .title{display: block;padding-bottom: 4px;width: 100%;}
		.form_join span{padding-left: 0;}
		#address0,#address1{width:100%; }
		li.address{display:block;}
		.address_con{display: block;}
		#joinA_wrap{padding:30px 0;margin-bottom: 0px;}

	} 
	.join_tab > li{width: 50%;}
	#joinA_wrap{background:#f4f6f8; border-top:2px solid #333; border-bottom:1px solid #e4e7ea;}
	#termsWrap{clear:both; overflow:hidden;}
	.terms{min-height:180px; max-height:300px; line-height:20px; margin:10px 0; font-size:13px; padding:15px 25px; border:1px solid #ddd; overflow-y:scroll;}
	.terms2{height:100px; line-height:20px; margin:10px 0; font-size:13px; padding:15px 25px; border:1px solid #ddd;}
	.terms .tit_big{font-weight:bold; font-size:18px; margin-top:20px;}
	.terms .tit{font-weight:bold; margin-top:15px;}
	.terms_agree{text-align:right; margin-bottom:30px;}
	#join_complete{background:url('/images/sub/join_complete.png') 135px 85px no-repeat #f4f6f8; margin:30px auto; padding:85px 0px; border-top:2px solid #253f5a; border-bottom:1px solid #e4e7ea; text-align:center;}
	#join_complete dt{font-weight:bold; font-size:28px; line-height:28px;}
	#join_complete dd{width:100%; margin:15px 0 30px;}

	h3{font-family: 'NotoSansKR', sans-serif;font-size:20px ;font-weight: bold;margin-top: 30px;margin-bottom: 10px;border-left: 3px solid #0E8D52;padding-left: 10px;}
	h4{font-family: 'NotoSansKR', sans-serif;font-size:16px ;padding-top: 20px;}

	.btn_wrap{width:300px;height: 45px;margin: 0 auto;}
	.btn_wrap li{float:left;width: 150px;height: 45px;border: 2px solid #F4F6F8;}
	.btn_wrap li:last-child a{background:#0E8D52; }
	.btn_wrap li a{display: block; height: 43px;line-height:43px; font-size:14px; color:#fff; text-align:center; background:#888888;}

	.form_join{margin-top: 10px;margin-bottom: 30px;}
	.form_join ul{border-top: 1px solid #000;}
	.form_join li{border-bottom: 1px solid #ddd;padding: 10px 18px;}
	.form_join .title{text-align: left;}
	.form_join span{font-size:12px; color:#7c868e; margin-left:7px}
	.form_join input[type="text"], .form_join input[type="password"]{width: 200px;height:32px; line-height:32px; padding:0 7px; border:1px solid #ddd;}
	

	input[type="radio"] {display:none;}
	input[type="radio"] + label {padding-left:25px; font-size:15px; color:#000; background:url("/images/radio_btn_off.png") no-repeat 0 center; background-size:contain; margin-right:10px;}
	input[type="radio"]:checked + label {padding-left:25px; font-size:15px; color:#000; background:url("/images/radio_btn_on.png") no-repeat 0 center; background-size:contain;}

	.btn_join{display:inline-block;  height:32px; line-height:32px; background:#ddd; text-align:center; font-size:14px; padding: 0 22px; border:1px solid #ccc }

	#sms,#zipcode{width:120px; font-size:14px; text-align:center; height:32px; border:1px solid #ccc; padding:0 7px}
	#zipcode,#address0,#address1{margin-top:3px;}
	#address0,#address1{font-size:14px; height:32px; border:1px solid #ccc; padding:0 7px }
	#address1{margin-bottom:3px;}

	input::placeholder { color: #bdbdbd;  }
	textarea::placeholder { color: #bdbdbd;  }
	input::-webkit-input-placeholder { color: #bdbdbd;  }  /* 크롬 구버전 */
	input:-ms-input-placeholder { color: #bdbdbd;  } /* IE적용 */

	.box_done{width:800px;border:8px solid #E0EADE;text-align: center;padding: 60px 0 40px;margin: 0 auto;}
	.box_done > p:first-child{font:bold 28px "NanumGothic",dotum,"돋움","굴림", Gulim,sans-serif; color:#111; margin-bottom:10px}
	.box_done .btnOk{display:inline-block; width:160px; line-height:48px; font-weight:bold; font-size:14px; color:#fff; text-align:center; background:#0E8D52; margin-top:20px}

/* board */
	.gallery{width: 100%;}
	.gallery:after{display: block;content: '';clear: both;}
	.gallery > li{width: 25%;float: left;padding-right: 14px;padding-bottom: 14px;}
	.gallery > li:nth-child(4n){padding-right: 0;}
	.gallery > li > a{display: block;border: 1px solid #ddd;}
	.gallery > li > a > img{width: 100%;height: 180px;}
	.photo_title{padding: 4px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;    }
	.photo_date{font-size: 11px;color: #666;padding: 0 10px 4px;}
	.reply{background-color: #F7F7F7;}

	@media (max-width:768px){
		.gallery > li{width: 100% !important;}
		.board_header, .board_count{display: none !important;}
		.board_list{border-top: 2px solid #000;}
		.board_list > ul > li:nth-child(1){display: none;}
		.board_list > ul > li:nth-child(2){width: 75%;text-align: left !important;}
		.board_list > ul > li:nth-child(3){width: 25% !important;text-align: right;}
		.board_list > ul > li:nth-child(4){display: none;}
		#paging a{width:20px !important}
		#paging a.pre,#paging a.next{padding: 4px 0 !important;}
		.rounding_date > input{width: 100% !important;}
		.rounding_date > span{display: block;}
		.board_write span{display: block;}
		.fame_header{display: none !important;}
		.fame_list{border-top: 2px solid #000;}
		.fame_list > ul > li:nth-child(1){display: none;}
		.fame_list > ul > li:nth-child(2){width:30% !important;}
		.fame_list > ul > li:nth-child(3){width:70% !important;}
		.fame_list > ul > li:nth-child(4){display: none;}
		.fame_list > ul > li:nth-child(5){display: none;}
		.join_header{display: none !important;}
		.join_list > ul{border-top: 2px solid #000;}
		.join_list > ul > li:nth-child(1){display: none;}
		.join_list > ul > li:nth-child(2){width:50% !important;}
		.join_list > ul > li:nth-child(3){width:50% !important;}
		.join_list > ul > li:nth-child(4){display: none;}
		.join_list > ul > li:nth-child(5){display: none;}
		.join_list > ul > li:nth-child(6){display: none;}
		.board_img > img{width: 100%;}
		.view_con{padding: 0px !important;}

	} 
	.board_count{text-align: right;}

	.board_header{width: 100%;height: 42px;}
	.board_header > li{float: left;text-align: center;font-weight: bold;display: inline-block;background-color: #F7F7F7;border-top: 2px solid #000;border-bottom: 1px solid #DFDFDF;line-height: 40px;}
	.board_header > li:nth-child(1){width: 5%;}
	.board_header > li:nth-child(2){width: 75%;}
	.board_header > li:nth-child(3){width: 10%;}
	.board_header > li:nth-child(4){width: 10%;}

	.board_list{width: 100%;}
	.board_list:after{display: block;content: '';clear: both;}
	.board_list > ul{width: 100%;height: 42px;border-bottom: 1px solid #dfdfdf;}
	.board_list > ul > li{float: left;line-height: 40px;text-align: center;}
	.board_list > ul > li:nth-child(1){width: 5%;}
	.board_list > ul > li:nth-child(2){width: 75%;text-align: left !important;}
	.board_list > ul > li:nth-child(3){width: 10%;}
	.board_list > ul > li:nth-child(4){width: 10%;}
	.board_list a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

	.board_doc .board_header > li:nth-child(1){width: 5%;}
	.board_doc .board_header > li:nth-child(2){width: 65%;}
	.board_doc .board_header > li:nth-child(3){width: 10%;}
	.board_doc .board_header > li:nth-child(4){width: 10%;}
	.board_doc .board_header > li:nth-child(5){width: 10%;}

	.board_doc .board_list > ul > li:nth-child(1){width: 5%;}
	.board_doc .board_list > ul > li:nth-child(2){width: 65%;text-align: left !important;}
	.board_doc .board_list > ul > li:nth-child(3){width: 10%;}
	.board_doc .board_list > ul > li:nth-child(4){width: 10%;}
	.board_doc .board_list > ul > li:nth-child(5){width: 10%;}

	.notxt{text-align: center;height: 41px;border-bottom: 1px solid #dfdfdf;line-height: 40px;}

	#paging{text-align:center;margin-top: 30px;}
	#paging a{width:26px; color:#666; line-height:26px; display:inline-block;}
	#paging a.pre,#paging a.next{color:#666; font:bold 10px nanumgothic,dotum,"돋움",sans-serif; margin:0; padding:7px 0}
	#paging a:hover{background-color:#f4f4f4;}
	#paging strong{width:26px; font-weight:bold; line-height:26px; display:inline-block; border:1px solid #ddd;color:#000;}

	.board_header2{width: 100%;height: 80px;}
	.board_header2 > div:first-child{background-color: #F7F7F7;border-top: 2px solid #000;border-bottom: 1px solid #DFDFDF;line-height: 40px;text-align: center;font-weight: bold;}
	.board_header2 > div:last-child{text-align: right;line-height: 40px;border-bottom: 1px solid #dfdfdf;}

	.board_header3{width: 100%;}
	.board_header3:after{display: block;content: '';clear: both;}
	.board_header3 > div:first-child{background-color: #F7F7F7;border-top: 2px solid #000;border-bottom: 1px solid #DFDFDF;line-height: 40px;font-weight: bold;text-align: center;}
	.board_header3 > div:last-child{border-bottom: 1px solid #dfdfdf;text-align:center;padding: 12px 0;}
	
	i.line{display: inline-block;padding: 0 20px;color: #ccc;font-style: normal;}

	.view_con{width: 100%;padding: 30px;}
	.view_con:after{display: block;content: '';clear: both;}
	.board_img{text-align: center;}
	.board_img > img{max-width:100%;}
	.board_txt{padding: 10px 0;}
	.view_list{width: 100%;height: 83px;border-top: 1px solid #dfdfdf;}
	.view_list dt{width: 20%;height: 41px;line-height: 40px;background-color: #f5f5f5;text-align: center;float: left;}
	.view_list dd{width: 80%;height: 41px;line-height: 40px;border-bottom: 1px solid #dfdfdf;float: left;}
	.view_list a{padding-left: 10px;display: block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  }
	.btn_list{background-color: #666;color: #fff;padding: 9px 30px;}
	.btn_write{background-color: #0E8D52;color: #fff;padding: 9px 30px;}

	.board_write{width: 100%;border-top: 2px solid #000;}		
	.board_write:after{display: block;content: '';clear: both;}
	.board_write th{width: 25%;background-color: #F7F7F7;text-align: center;font-weight: bold;border-bottom: 1px solid #DFDFDF;padding: 10px;}
	.board_write td{width: 75%;padding: 0 10px;border-bottom: 1px solid #DFDFDF;padding: 10px;}
	.board_write input{height: 26px;line-height: 26px;}
	.board_write textarea{padding: 10px;}
	

	.fame_header{width: 100%;height: 42px;}
	.fame_header > li{float: left;text-align: center;font-weight: bold;display: inline-block;background-color: #F7F7F7;border-top: 2px solid #000;border-bottom: 1px solid #DFDFDF;line-height: 40px;}
	.fame_header > li:nth-child(1), .fame_list > ul > li:nth-child(1){width: 6%;}
	.fame_header > li:nth-child(2), .fame_list > ul > li:nth-child(2){width: 11%;}
	.fame_header > li:nth-child(3), .fame_list > ul > li:nth-child(3){width: 66%;}
	.fame_header > li:nth-child(4), .fame_list > ul > li:nth-child(4){width: 11%;}
	.fame_header > li:nth-child(5), .fame_list > ul > li:nth-child(5){width: 6%;}
	.fame_header > li:nth-child(3){text-align: center;}
	.fame_list > ul > li:nth-child(3){text-align: left;}

	.fame_list{width: 100%;}
	.fame_list:after{display: block;content: '';clear: both;}
	.fame_list > ul{width: 100%;height: 42px;border-bottom: 1px solid #dfdfdf;}
	.fame_list > ul > li{float: left;line-height: 40px;text-align: center;}
	.fame_list a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

	.join_header{width: 100%;height: 42px;}
	.join_header > li{float: left;text-align: center;font-weight: bold;display: inline-block;background-color: #F7F7F7;border-top: 2px solid #000;border-bottom: 1px solid #DFDFDF;line-height: 40px;}
	.join_header > li:nth-child(1), .join_list > ul > li:nth-child(1){width: 6%;}
	.join_header > li:nth-child(2), .join_list > ul > li:nth-child(2){width: 17%;}
	.join_header > li:nth-child(3), .join_list > ul > li:nth-child(3){width: 54%;}
	.join_header > li:nth-child(4), .join_list > ul > li:nth-child(4){width: 6%;}
	.join_header > li:nth-child(5), .join_list > ul > li:nth-child(5){width: 11%;}
	.join_header > li:nth-child(6), .join_list > ul > li:nth-child(6){width: 6%;}
	.join_header > li:nth-child(2), .join_header > li:nth-child(3){text-align: center;}
	.join_list > ul > li:nth-child(2), .join_list > ul > li:nth-child(3){text-align: left;}

	.join_list{width: 100%;}
	.join_list:after{display: block;content: '';clear: both;}
	.join_list > ul{width: 100%;height: 42px;border-bottom: 1px solid #dfdfdf;}
	.join_list > ul > li{float: left;line-height: 40px;text-align: center;}
	.join_list a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
	
	@media (min-width:1024px){
		.join_header2 > li:nth-child(1), .join_list2 > ul > li:nth-child(1){width: 7%;}
		.join_header2 > li:nth-child(2), .join_list2 > ul > li:nth-child(2){width: 7%;}
		.join_header2 > li:nth-child(3), .join_list2 > ul > li:nth-child(3){width: 7%;}
		.join_header2 > li:nth-child(4), .join_list2 > ul > li:nth-child(4){width: 40%;}
		.join_header2 > li:nth-child(5), .join_list2 > ul > li:nth-child(5){width: 12%;}
		.join_header2 > li:nth-child(6), .join_list2 > ul > li:nth-child(6){width: 10%;}
		.join_header2 > li:nth-child(7), .join_list2 > ul > li:nth-child(7){width: 10%;}
		.join_header2 > li:nth-child(8), .join_list2 > ul > li:nth-child(8){width: 7%;}
		.join_ing, .join_end{padding: 2px 6px;}
		.board_header3 > div{padding: 0 30px;}
	}
	@media (max-width:1024px){
		.join_header2 > li:nth-child(1), .join_list2 > ul > li:nth-child(1){width: 7%;}
		.join_header2 > li:nth-child(2), .join_list2 > ul > li:nth-child(2){width: 7%;}
		.join_header2 > li:nth-child(3), .join_list2 > ul > li:nth-child(3){width: 7%;}
		.join_header2 > li:nth-child(4), .join_list2 > ul > li:nth-child(4){width: 40%;}
		.join_header2 > li:nth-child(5), .join_list2 > ul > li:nth-child(5){width: 12%;}
		.join_header2 > li:nth-child(6), .join_list2 > ul > li:nth-child(6){width: 10%;}
		.join_header2 > li:nth-child(7), .join_list2 > ul > li:nth-child(7){width: 10%;}
		.join_header2 > li:nth-child(8), .join_list2 > ul > li:nth-child(8){width: 7%;}
		.join_ing, .join_end{padding: 2px 6px;}
		.board_header3 > div{padding: 0 30px;}
	} 
	@media (max-width:768px){
		.join_header2 > li:nth-child(1), .join_list2 > ul > li:nth-child(1){display: none;width: 0%;}
		.join_header2 > li:nth-child(2), .join_list2 > ul > li:nth-child(2){width: 15%;}
		.join_header2 > li:nth-child(3), .join_list2 > ul > li:nth-child(3){display: none;width: 0%;}
		.join_header2 > li:nth-child(4), .join_list2 > ul > li:nth-child(4){width: 60%;}
		.join_header2 > li:nth-child(5){width: 25%;}
		.join_list2 > ul > li:nth-child(5){width: 25%;font-size: 13px;}
		.join_header2 > li:nth-child(6), .join_list2 > ul > li:nth-child(6){display: none;width: 0%;}
		.join_header2 > li:nth-child(7), .join_list2 > ul > li:nth-child(7){display: none;width: 0%;}
		.join_header2 > li:nth-child(8), .join_list2 > ul > li:nth-child(8){display: none;width: 0%;}
		.join_ing, .join_end{padding: 2px 2px;}
		.board_header3 > div{padding: 0 0px;}
	} 
	.join_header2{width: 100%;height: 42px;}
	.join_header2 > li{float: left;text-align: center;font-weight: bold;display: inline-block;background-color: #F7F7F7;border-top: 2px solid #000;border-bottom: 1px solid #DFDFDF;line-height: 40px;}
	
	.join_list2 > ul > li:nth-child(4){text-align: left;}

	.join_list2{width: 100%;}
	.join_list2:after{display: block;content: '';clear: both;}
	.join_list2 > ul{width: 100%;height: 42px;border-bottom: 1px solid #dfdfdf;}
	.join_list2 > ul > li{float: left;line-height: 40px;text-align: center;}
	.join_list2 a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

	.join_ing{display: inline-block;background-color: #005F37;color: #fff;line-height: 16px;font-size: 12px;}
	.join_end{display: inline-block;background-color: #666;color: #fff;line-height: 16px;font-size: 12px;}
	

/* reserve */
.cal_wrap{width: 100%;}
.cal_wrap:after{display: block;content: '';clear: both;}
/* add 20220214 */
	.step2_cont_title{background-color: #eee;color: #283891;font-family: 'Cardo', serif;font-weight: bold;}
	.step2_cont{width: 100%;height: 490px;overflow-y:scroll;}
	.step2_cont > li, .step2_cont_title > li{display:flex;padding: 4px 0;}
	.step2_cont > li > div, .step2_cont_title > li > div{width: 50%;text-align: center;}
	.step2_cont_title > li > div:first-child{border-right: 2px solid #fff;}
	.step2_cont_title > li > div:last-child{border-left: 2px solid #fff;}
	.step2_cont button{width: 40%;height: 30px;border-radius:6px;margin-left: 6px;}
	.btn_outcourse, .btn_incourse{color: #fff;font-size: 14px;
background: #9ac3d6;
background: -moz-linear-gradient(top,  #9ac3d6 0%, #27578d 99%);
background: -webkit-linear-gradient(top,  #9ac3d6 0%,#27578d 99%);
background: linear-gradient(to bottom,  #9ac3d6 0%,#27578d 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ac3d6', endColorstr='#27578d',GradientType=0 );
}

	.week > li:first-child, .calendar_big > li > ul > li:first-child{color:#de0000;}
	.week > li:last-child, .calendar_big > li > ul > li:last-child{color:#0062bb;}

	.calendar_big li.book{cursor: pointer;}
	.calendar_big li.book:hover{background-color: #eee;}
	.calendar_big li.book span:last-child{color:#0062bb;}
	.calendar_big li.closed span:last-child{color: #F27420;}
	.calendar_big li.today{background-color: #666;}
	.calendar_big li.today span{background-color: #666;color: #fff !important;}
	.calendar_big li.today1 span{background-color: #0062bb;color: #fff !important;}
	.calendar_big li.active{background-color: #eee;}
	.calendar_big span{display: block;}

	@media (max-width:768px){
		.step2_cont{height:auto; max-height: 490px;}
		.reserve_wrap > li{padding-top: 60px;background-color: #fff;}
		.reserve_wrap > li:first-child{padding-top: 0px;}
	}
	/* 대기예약 */
	.wait_info{position: absolute;left: 45%;bottom: 140px;}
	.wait_info strong{color: red;}
	.wstep1{width: 40%;}
	.wstep2{width: 60%;height: 600px;}
	.calendar_big li.wating{cursor: pointer;}
	.calendar_big li.wating:hover{background-color: #eee;}
	.calendar_big li.wating span:last-child{color:#F27420;}
	.wstep2_title{width: 97%;background-color: #eee;height: 30px;float: right;margin-top: 28px;}
	.wstep2_title > li{float: left;line-height: 30px;text-align: center;width: 25%;}
	.wstep2_cont{width: 97%;max-height: 510px;overflow:auto;float: right;}
	.table_typeD td{text-align: center;padding: 5px 0;border-bottom: 1px solid #ddd;}
	.btn_wating{background-color: #fff;border: 1px solid #ccc;padding: 3px 10px;}
	.btn_wating:active{background-color: #eee;}
	.wait_info_highlight{border:1px solid rgba(255,0,0,.4); background:rgba(255,0,0,.05); padding:10px;}
	@media (max-width:768px){
		.wstep1, .wstep2{width: 100%;}
		.wait_info{bottom: 0;}
		.wait_info{left: 0;}
	}

	/* end */

	@media (min-width:1024px){
		
		.step1{width:40%}
		.step2{width:33%}
		.step3{width:27%}
		.res_conform li{width: 100%;}
		.res_conform strong, .res_conform span{padding: 14px 6px;}
		.res_conform{margin-bottom: 30px;}
		.btn_reserve{display: none;}
		.num_camein{top: -80px;}
		

	}
	@media (max-width:1024px){
		.step1{width:35%;float: left;}
		.step2{width:65%;float: left;height:600px;}
		.step3{width: 100%;}
		.res_conform li{width: 50%;float: left;}
		.res_conform strong, .res_conform span{padding: 6px 6px;}
		.res_conform{margin-bottom: 10px;}
		.res_conform li:nth-child(7){border-bottom: 1px solid #ccc;}
		.btn_reserve{display: none;}

	} 
	@media (max-width:768px){
		.step1{width: 100%;}
		.step2{width: 100%;height: auto;}
		.step3{width: 100%;}
		.res_conform li{width: 100%;}
		.res_conform strong, .res_conform span{padding: 6px 6px;}
		.res_conform{margin-bottom: 10px;}
		.res_conform li:nth-child(7){border-bottom: 0;}
		.btn_res_book{padding: 2px 10px !important;}
		.table_time{font-size: 13px !important;}
		.btn_reserve{display: inline-block;background-color: #666;font-size: 14px;color: #fff;padding: 2px 6px;border-radius:4px;position: absolute;right: 10px;top: 10px;}
		.num_camein{top: -40px;}

	} 
	.num_camein{position: absolute;right: 0;z-index:99;}

	.reserve_wrap{width: 100%;margin: 0 auto;background-color: #FAFAFA;}
	.reserve_wrap:after{display: block;content: '';clear: both;}
	.reserve_wrap > li{float: left;}
	.step1 > div:after{display: block;content: '';clear: both;}

	.res_title{font-size: 22px;font-weight: bold;height: 50px;line-height: 40px;border-bottom: 2px solid #000;background-color: #fff;font-family: 'NotoSansKR', sans-serif;text-align: center;padding-bottom: 10px;margin-bottom: 10px;}
	.month{text-align:center;  }
	.month a{display:inline-block; vertical-align:middle;padding-bottom:5px;}
	.month a:first-child{padding-right: 20px;}
	.month a:last-child{padding-left: 20px;}
	.month div{display:inline-block; font:24px "dinbol",dotum,"돋움","굴림", Gulim,sans-serif; }

	.cal_fullbook{background-color: #cfcfcf;}
	.cal_book{background:#f48120;color: #fff;cursor: pointer;}
	.cal_today {background:#005aa9;color: #fff;cursor: pointer;}

	.week{width: 100%;height: 30px;background-color: #eee;padding-top: 4px;font-size: 14px;}
	.week > li{width: 14.28%;text-align: center;float: left;}
	.calendar_big{width: 100%;border-top: 1px solid #ccc;font-size: 14px;}
	.calendar_big:after{display: block;content: '';clear: both;}
	.calendar_big > li{width: 100%;height: 42px;}
	.calendar_big > li > ul{width: 100%;height: 100%;}
	.calendar_big > li > ul:after{display: block;content: '';clear: both;}
	.calendar_big > li > ul > li{width: 14.28%;height: 100%;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;
	float: left;text-align:center;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.calendar_big > li > ul > li > a{display: block;height: 100%;}
	.calendar_big > li > ul > li > a > span{display: block;}
	.week > li:first-child, .calendar_big > li > ul > li:first-child > a{color:#de0000;}
	.week > li:last-child, .calendar_big > li > ul > li:last-child > a{color:#0062bb;}
	.calendar_big > li > ul > li:first-child{border-left: 1px solid #ccc;}
	.calendar_big a.book{color: #fff !important;}
	.calendar_big a.closed{background-color: #9E9E9E;color: #fff !important;}
	.calendar_big a.today{background-color: #0E8D52;color: #fff !important;}
	.calendar_big a.active{border: 1px solid #E83A1F;line-height: 34px;}

	ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px; width: 100%;}
	ul.tabs li {float: left;margin: 0;padding: 0;height: 31px; line-height: 31px;margin-bottom: -1px; overflow: hidden;position: relative;background: #ddd;width: 33.33%;text-align: center;}
	ul.tabs li a {text-decoration: none;color: #000;display: block;font-size: 1.2em;border-top: 1px solid #fff;border-left: 1px solid #fff; outline: none;}
	ul.tabs li a:hover { background: #ccc;}
	html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #FAFAFA;border-bottom: 1px solid #fff; }
	.tab_container {overflow: hidden;clear: both;float: left; width: 100%;height: 516px;overflow-y:auto;}
	.tab_content {padding: 20px;font-size: 1.2em;}

	.table_time{width: 100%;font-size: 14px;}
	.table_time td{padding: 7px 0;border-bottom: 1px solid #ddd;text-align: center;}
	.table_time thead{background-color: #F6E3CE;}

	.book_color{margin-top: 10px;width: 100%;height: 50px;}
	.book_color > li{float: left;width: 33.33%;text-align: center;}
	.book_color > li:nth-child(2) i{color: #5A7D55;}
	.book_color > li:nth-child(3) i{color: #C4C1C1;}
	.book_color > li:nth-child(1) i{color: #0E8D52;}

	.btn_res_book{background-color: #E0EADE;padding: 2px 20px;border: 1px solid #5E7E59;}
	.btn_res_book:active{background-color: #D0D9CE;}

	.res_conform_wrap{width: 100%;padding: 10px;}
	.res_conform{width: 100%;}
	.res_conform:after, .res_conform_wrap:after{display: block;content: '';clear: both;}
	.res_conform strong{font-weight: bold;display: inline-block;width: 30%;}
	.res_conform span{ display: inline-block;width: 70%;}
	.res_conform li{border-bottom: 1px solid #ccc;}
	.btn_res_book2{width: 100%;line-height: 40px;background-color: #014358;color: #fff;}

/* 예약확인 */
	@media (min-width:1024px){
		.btn_cecel{padding: 0 20px;}

	}
	@media (max-width:1024px){
		.btn_cecel{padding: 0 20px;}

	} 
	@media (max-width:768px){
		.btn_cecel{padding: 0 6px;}
		.res2_wrap{font-size: 13px;}
		

	} 
		.res2_wrap{width: 100%;margin: 0 auto;}
		.res2_wrap:after{display: block;content: '';clear: both;}
		.text_center{text-align: center;}
		.btn_cecel{background-color: #666;color: #fff;margin-right: 3px;margin-bottom: 3px;}
		.btn_cecel:active{background-color: #555;}

/* course */
	.course_top{width: 1000px;height: 50px;margin: 0 auto;background-color: #eee;margin-bottom: 30px;}
	.course_top > li{width:50%;float: left;}
	.course_top > li.active a{background-color: #F27420;color: #fff;}
	.course_top > li > a{display: block;text-align: center;line-height: 50px;}

	.dots > span{display: inline-block;width: 14px;height: 14px;border-radius:50px;border: 1px solid #ccc;margin-right: 6px;margin-left: 20px;}
	.dots > span.blue{background-color: #17529E;margin-left: 0;}
	.dots > span.white{background-color: #fff;}
	.dots > span.red{background-color: #FB0B0C;}

	.hole_con > div{width: 50%;}
	.hole_con > div > img{max-width:100%}
	.hole_con > div:last-child{padding-left: 30px;}
	.hole_con video { max-width: 100%; }

	.hole_title{color: #0E8D52;}
	.hole_title::before{ content: "\ea79";font-family: IcoFont;}

@media (min-width:1024px){
	ul.style_table > li{width: 50%;}

	.courses{display:flex;}
	.courses > div{display: inline-block;width: 50%;}
	.hole_con{display:flex;padding-top: 50px;}
	
	.localrule_wrap{display:flex;}
	.localrule_wrap > div{padding-top: 10px;width: 30%;}
	.localrule_wrap > ul{width: 70%;}
	.course_img_wrap > p:nth-child(1){font-size: 30px;}
	.course_img_wrap > p:nth-child(2){font-size: 16px;}
	.course_img_wrap > p:nth-child(4){font-size: 16px;padding-top: 20px;}
}
@media (max-width:1024px){
	ul.style_table > li{width: 50%;}
	.courses{display:flex;}
	.course_img_wrap > p{font-size: 32px;letter-spacing:-0.05em;}
	.hole_con{display:flex;}
	.hole_con > div:first-child{padding-right: 50px;}
	.localrule_wrap{display:flex;}
	.localrule_wrap > div{padding-top: 20px;width: 30%;}
	.localrule_wrap > ul{width: 70%;}
	.course_img_wrap > p:nth-child(1){font-size: 30px;}
	.course_img_wrap > p:nth-child(2){font-size: 16px;}
	.course_img_wrap > p:nth-child(4){font-size: 16px;padding-top: 20px;}

} 
@media (max-width:768px){
	.course_top{width: 100%;}
	.hole_con > div{width: 100%;}
	.hole_con > div:last-child{padding-left: 0px;}

	ul.style_table > li{width: 100%;}
	.course_img > img{width: 100%;}
	.tab-pane > img{width: 100%;}
	.nav-link span{display: none;}

	.courses{display:block;}
	.course_img_wrap > p{position: static;color: #000;font-size: 20px;letter-spacing:-0.05em;text-shadow:none; transform: skew(-0.1deg);}
	.courses > div{display: block;width: 100%;}
	.courses > div:first-child{padding-right: 0px !important;}
	.courses > div:last-child{padding-left: 0px !important;}
	.hole_con{display:block;align-items:center;}
	.hole_con > div:first-child{padding-right: 0px;padding-bottom: 30px;padding-top: 20px;}
	.localrule{padding-left: 0 !important;}
	.localrule_wrap{display:block;}
	.localrule_wrap > div{padding-top: 0px;width: 100%;}
	.localrule_wrap > ul{width:100%;}
	.course_img_wrap > p:nth-child(1){font-size: 30px;}
	.course_img_wrap > p:nth-child(2){font-size: 16px;}
	.course_img_wrap > p:nth-child(4){font-size: 16px;padding-top: 20px;}
	.courses div > p:nth-child(1) > strong{display: block !important;}
	
	.courses > div > p:nth-child(1){position: relative;}
	.dots > span{margin-left: 6px;}
	.dots{font-size: 13px;}

} 
	.btn_course{display: inline-block;position: absolute;right: 0;top: 14px;border: 1px solid #ccc;border-radius:4px;padding: 2px 8px;background-color: #eee;}
	.course_tab > li{width: 11.11%;}
	.course_tab > li > a{padding: 10px 0px;}
	.localrule{padding-left: 30px;}
	.localrule:after{display: block;content: '';clear: both;}
	.localrule > li{padding: 10px 0;position: relative;padding-left: 30px;}
	.localrule span{font-size: 24px;color: #0E8D52;position: absolute;left: 0;top: 5px;width: 50px;height: 50px;}

	.course_img_wrap{position: relative;}
	
	.courses{width: 100%;margin-top: 50px;}
	.courses:after{display: block;content: '';clear: both;}
	.courses > div > p{position: relative;}
	.courses > div:first-child{padding-right: 50px;}
	.courses > div:last-child{padding-left: 50px;}
	.outcourse_img{height: 250px;background: url('/images/main_course01.jpg') 50% 50% no-repeat;background-size:100% auto;}
	.incourse_img{height: 250px;background: url('/images/main_course02.jpg') 50% 50% no-repeat;background-size:100% auto;}
	.courses div > p:nth-child(1) > strong{font-size: 32px;letter-spacing:-0.05em;display: inline-block;padding-right: 10px;color: #0E8D52;}

	ul.style_table{width: 100%;border-top: 2px solid #5D7D58;margin-bottom: 30px;}
	ul.style_table:after{display: block;content: '';clear: both;}
	ul.style_table > li{float: left;border-bottom: 1px solid #ddd;}
	ul.style_table > li > span, ul.style_table > li > strong{width: 50%;height: 100%;display: inline-block;text-align: center;padding: 10px 0;vertical-align: middle;}
	ul.style_table > li > strong{background-color: #F5F5F5;}

	.tab-content > div:first-child {opacity: 1;}
	.nav-tabs > li > a{text-align: center;font-size: 18px;}
	.nav-tabs > li > a > span{font-size: 13px;display: inline-block;padding-right: 6px;}
	.nav-tabs > li > a:hover{background-color: #eee;}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #fff;background-color: #0E8D52;}
	
	@media (max-width:768px){
		.nav-tabs > li > a{font-size: 14px;}
		.nav-tabs > li > a > span{display: none;}
	} 

/* company */
	.swiper {width: 100%;height: 100%;}	
	.swiper-slide img {display: block;width: 100%;height: 100%;	object-fit: cover; }
	.com01_img_wrap{width: 100%;height: 500px;position: relative;margin-bottom: 30px;}    
	
	.com01_wrap{width: 100%;}
	.com01_wrap:after{display: block;content: '';clear: both;}
	.facility_wrap{width: 100%;}
	.facility_wrap:after{display: block;content: '';clear: both;}
	.facility_wrap > li{padding-bottom: 50px;}
	.facility_wrap > li > img{width: 100%;}

	.guide_tab{width: 100%;}
	.guide_tab > li{width: 20%;}

	.trip_con{width: 100%;}
	.trip_con:after{display: block;content: '';clear: both;}
	.trip_con p{font-weight: bold;padding-bottom: 30px;padding-top: 10px;font-size: 20px;}
	.trip_con p > a{position: absolute;left: 50%;margin-left: -40px;bottom: 20px;font-size: 12px;width: 80px;height: 20px;background-color: #eee;border: 1px solid #ddd;border-radius:4px}
	.trip_con > li{text-align: center;position: relative;}
	.trip_con > li > img{width: 90%;}

	.photo_title{background-color: #333;text-align: center;font-size: 21px;color: #fff;}

	@media (min-width:1024px){
		.trip_con > li{width: 33.33%;float: left;}
	}
	@media (max-width:1024px){
		.trip_con > li{width: 33.33%;float: left;}

	} 
	@media (max-width:768px){
		.trip_con > li{width: 100%;float: left;}

	} 

/* 이용안내 */
.rate_table_wrap{display:flex;}		
.rate_table_wrap > div:first-child{width: 10%;background-color: #eee;}
.rate_table_wrap > div:last-child{width: 90%;}
 
@media (max-width:768px){
	.refund_tb{width: 800px;}
	.rate_table_wrap > div:first-child{width: 20%;}
	.rate_table_wrap > div:last-child{width: 80%;}
} 

/* map */
	.map_txt{padding-top: 30px;font-family: 'NotoSansKR', sans-serif;text-align: center;font-weight: 500;}
	.map_txt p:first-child{font-size: 25px;}
	.map_txt p:last-child{font-size: 18px;}
	.map_txt strong{display: inline-block;padding: 0 10px;color: #F77433;}

	.map_tab{padding-top: 50px;}
	.map_tab > li{width: 20% !important;}
	.map_tab li.active a{background-color: #5E8159;color: #fff;}
	.map_tab a{background-color: #E0EADE;}



/* footmenu */
.footmenu_box{width: 100%;padding: 10px;border: 1px solid #ddd;}
.footmenu_box:after{display: block;content: '';clear: both;}

.footmenu_box { padding:20px; border:1px solid #e1e1e1;}
.footmenu_box p { font-size:13px; color:#363636;}
.footmenu_box h2 { color:#e37f00; font-weight:bold; margin:10px 0 20px 0; }
.footmenu_box h3 { font-weight:bold; margin:0 0 10px 0; }
.footmenu_box ol { margin:0 0 20px 0; padding:0 0 0 18px; }
.footmenu_box li { padding:0 0 3px 0; line-height:18px; }
.footmenu_box li .f_letter { display:block; float:left; text-align:right; margin:0 4px 0 -18px; }
.footmenu_box .l_none { margin:0 0 20px 0; line-height:18px; }
.footmenu_box .l_none_2nd { margin:0 0 5px 0; line-height:18px; }
.footmenu_box li ol { margin:3px 0 20px 0; padding:0 0 0 20px; }
.footmenu_box li ol .f_letter_num { display:block; float:left; font-family:verdana; font-size:11px; text-align:right; margin:0 4px 0 -20px; letter-spacing:-1px; }
.footmenu_box li ol .f_letter_num2 { display:block; clear:both; font-family:verdana; font-size:11px; text-align:left; margin:0 4px 0 -20px; letter-spacing:-1px; }
		
.footmenu_box a:link		{ color:#898989; }
.footmenu_box a:visited	{ color:#898989; }
.footmenu_box a:hover		{ color:#369; } 
.footmenu_box a:active	{ color:#369; } 
	
.footmenu_box .privacy_table { width:100%; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; text-align:center; margin:0; }
.footmenu_box .privacy_table th { height:12px; padding:10px 5px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.footmenu_box .privacy_table td { height:12px; padding:10px 5px;  border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.footmenu_box .l_none .txt_c { width:45px; text-align:center; }

/*--------------------------------------------------------------
reset
--------------------------------------------------------------*/
	*{margin:0;padding:0;box-sizing:border-box;}
	html, body{width: 100%;height: 100%}
	body,input,select,textarea,button{font:16px/1.5 'Noto Sans KR',"돋움","굴림", Gulim,sans-serif ; color:#333;}
	a,img,input{outline:none;}
	li{list-style:none;vertical-align:top;}
	img,fieldset,iframe{border:none 0;vertical-align:top;border:0 none;}
	input,select,button{vertical-align:middle;}
	strong,em,address,th{font-style:normal;font-weight:normal;}
	label,button{cursor:pointer;margin-bottom: 0;}
	.hide,.skip,legend,caption{position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;text-indent:-9999px;}
	table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
	a{text-decoration:none;color:#666;}
	a:hover,a:focus{text-decoration:none;}
	input[type="text"], input[type="password"]{border:1px solid #ddd;padding:0 6px;}
	button{border: 0;}



/*--------------------------------------------------------------
etc
--------------------------------------------------------------*/
	.flex{display:flex;}
	.flex_sb{display:flex;justify-content:space-between;}
	.img100 > img{width: 100%;}
	.align_center{text-align: center !important;}
	.align_left{text-align: left !important;}
	.align_right{text-align: right !important;}
	.display_none{display: none !important;}
	.display_block{display: block;}
	.width50{width: 50%;}
	.width100{width: 100%;}
	.clearfix:after{display: block;content:'';clear: both;}
	.hide{position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;text-indent:-9999px;}
	span.line{display: inline-block;padding: 0 6px;}
	
	.ml10{{margin-left: 10px;}
	.mb10{margin-bottom: 10px;}
	.mb20{margin-bottom: 20px;}
	.mb30{margin-bottom: 30px;}
	.mb40{margin-bottom: 40px;}
	.mb50{margin-bottom: 50px;}
	.mb100{margin-bottom: 100px;}
	.mt0{margin-top: 0px;}
	.mt10{margin-top: 10px;}
	.mt20{margin-top: 20px;}
	.mt30{margin-top: 30px;}
	.mt40{margin-top: 40px;}
	.mt50{margin-top: 50px;}
	.mt100{margin-top: 100px;}

	.pt10{padding-top: 10px;}
	.pt20{padding-top: 20px;}
	.pt30{padding-top: 30px;}
	.pt40{padding-top: 40px;}
	.pt50{padding-top: 50px;}
	.pt100{padding-top: 100px;}
	.pb10{padding-bottom: 10px;}
	.pb20{padding-bottom: 20px;}
	.pb30{padding-bottom: 30px;}
	.pb40{padding-bottom: 40px;}
	.pb50{padding-bottom: 50px;}
	.pb100{padding-bottom: 100px;}

	.pd10{padding: 10px;}
	.pd20{padding: 20px;}
	.pd30{padding: 30px;}
	.pd40{padding: 40px;}
	.pd50{padding: 50px;}
	.pd100{padding: 100px;}

	.fz10{font-size: 10px !important;}
	.fz11{font-size: 11px !important;}
	.fz12{font-size: 12px !important;}
	.fz12{font-size: 13px !important;}
	.fz14{font-size: 14px !important;}
	.fz16{font-size: 16px !important;}
	.fz20{font-size: 20px !important;}
	.fz30{font-size: 30px !important;}
	.fz40{font-size: 40px !important;}
	.fz50{font-size: 50px !important;}