@charset "utf-8";

@import url("icofont.min.css");
@import url("boxicons.css"); 
@import url("bootstrap-icons.css");
@import url("bootstrap.css");
@import url("reset.css");
@import url("font.css");

/* --------------------------
this project 
-----------------------------*/
.breadcrumbs{padding: 0;}
.breadcrumbs p{font-size: 13px;padding-bottom: 10px;}
.breadcrumbs h2 {font-size: 1.8rem; margin-bottom: 0;font-weight: 500; margin: 0 auto;padding: 50px 0 4px;text-align: center;}
h3{font-size: 1.65rem;}
.btn_download{display: inline-block;border: 1px solid #79211C;padding: 4px 20px;}
.kakaomap_width{width: 100%;}



/* member level */
	.member_level{height: 45px;background-color: #F5F5F5;position: relative;}
	.member_level > div:first-child{padding-left: 10px;padding-top: 10px;}
	.member_level strong{font-weight: bold;color: #762023;}
	.member_level i{font-size: 20px;position: absolute;left: -20px;top: 6px;}
	.member_level .btn_level_info{position: absolute;top: 6px;right: 10px;}
	.member_level .btn_level_info a{font-size: 14px;padding-top: 6px;display: inline-block;}

	#level_info{background-color: #fff;z-index:99;border: 1px solid #762023;padding: 10px 30px 10px 10px;width: 100%;position: absolute;left: 0;top: 40px;display: none;}
	#level_info ul{width: 45%;margin-top: 10px;margin-bottom: 0;font-size: 14px;}
	#level_info ul li{background-color: #F5F5F5;border: 1px solid #ddd;border-bottom: none;padding:0 6px;}
	#level_info ul li:nth-child(1){width: 50%;}
	#level_info ul li:nth-child(2){width: 63%;}
	#level_info ul li:nth-child(3){width: 76%;}
	#level_info ul li:nth-child(4){width: 89%;}
	#level_info ul li:nth-child(5){width: 100%;border-bottom: 1px solid #ddd;}
	#level_info .txt{width: 50%;height: auto;position: absolute;top: 50px;right: 10px;font-size: 14px;}
	#level_info .txt > p:before{content: '-';color: #762023;padding-right: 6px;}
	#level_info .btn_close{position: absolute;top: 0px;right: 8px;}


/* join */
	#form_join .termsWrap{clear:both; overflow:hidden;}
	#form_join .terms{height:180px;margin:10px 0; font-size:14px; padding:15px 25px; border:1px solid #ddd; overflow-y:scroll;}
	#form_join .terms_agree{text-align:right; margin-bottom:30px;position: relative;}
	#form_join .terms_agree span{position: absolute;left: 0;color: red;}

	#form_join input[type="text"],input[type="password"],select{height:33px; line-height:33px; padding:0 7px; border:1px solid #ddd;}
	#form_join input[type="radio"] {display:none;}
	#form_join input[type="radio"] + label {padding-left:25px; font-size:15px; color:#000; background:url("/images/common/radio_btn_off.png") no-repeat 0 center; margin-right:10px;}
	#form_join input[type="radio"]:checked + label {padding-left:25px; font-size:15px; color:#000; background:url("/images/common/radio_btn_on.png") no-repeat 0 center; }

	#form_join .agree_all{text-align: center;padding: 20px;background-color: #f1f1f1;}

	#form_join .btn_wrap{text-align: center;padding: 14px 0;}
	#form_join .btn_wrap button{width: 150px;padding: 10px 0;}
	#form_join .btn_wrap button + button{margin-left: 4px;}
	#form_join .btn_wrap .btn_ok{background:#762023;color: #fff; }
	#form_join .btn_wrap .btn_cancel{color:#fff; background:#888888;}

	#form_join .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 }
	#form_join .row:first-child{border-top: 1px solid #000;}
	#form_join .row div{padding: 10px 0;border-bottom: 1px solid #ddd;}
	#form_join span{font-size:12px; color:#7c868e; margin-left:7px}
	#address0,#address1{width:100%; }
	#form_join p{margin-bottom: 4px;}

	@media (max-width:768px){
		#form_join .terms{padding: 10px;}
		#form_join .row{padding: 10px 0;border-bottom: 1px solid #ddd;margin: 0 1px;}
		#form_join .row div:first-child{padding-bottom: 4px;}
		#form_join .row div{padding:0;border-bottom: none;}
		#form_join span{display: block;margin-left:0px;}
		#form_join .btn_wrap button{width: 45%;}
		#form_join input[type="text"],input[type="password"], #form_join .btn_join{margin-bottom: 4px;}
		#form_join p{margin-bottom: 0;}
		#form_join .terms_agree span{position: static;color: red;display: block;text-align: left;}
	}

	.box_done{max-width:800px;border:8px solid #ddd;text-align: center;padding: 60px 0 40px;margin: 0 auto;}
	.box_done > p:first-child{font-size: 2rem; font-weight: 500;color:#111; margin-bottom:10px}
	.box_done .btn_ok{display: inline-block;width: 150px;padding: 10px 0;background:#762023;color: #fff;}

/* login */
	.animate {  -webkit-animation: animatezoom 0.6s;  animation: animatezoom 0.6s}
	@-webkit-keyframes animatezoom {  from {-webkit-transform: scale(0)}   to {-webkit-transform: scale(1)}}
	@keyframes animatezoom {  from {transform: scale(0)}   to {transform: scale(1)}}

	#login input[type=text], #login input[type=password] { width: 100%; padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-sizing: border-box;}
	#login .modal-content { background-color: #fefefe; margin: 10% auto 15% auto;  border: 1px solid #888;  width: 500px;padding:50px 16px;}
	#login .btn_login {background-color: #762023;color: #fff;padding: 12px 20px;margin: 8px 0;border: none;cursor: pointer;width: 100%;}
	#login .btn_login:hover {background-color: #691C1F;}
	#login .title{position: relative;padding-bottom: 20px;}
	#login .title h4{text-align: center;font-size: 30px;font-weight: bold;background: none;}
	#login .title h4 span{display: block;font-size: 16px;font-weight: normal;padding-top: 6px;}
	#login .title button{position: absolute;top: -20px;right: 10px;}
	#login .input_wrap{width: 80%;margin: 0 auto;}
	#login .search_idpw{position: absolute;top: 2px;right: 0;}
	#login .search_idpw:hover{color: #762023;}

	#idpw input[type=text], #idpw input[type=password] { width: 100%; padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-sizing: border-box;}
	#idpw .modal-content { background-color: #fefefe; margin: 10% auto 15% auto;  border: 1px solid #888;  width: 1000px;padding:50px 16px;}
	#idpw .title{position: relative;padding-bottom: 20px;height: 100px;}
	#idpw .title h4{text-align: center;font-size: 30px;font-weight: bold;background: none;}
	#idpw .title h4 span{display: block;font-size: 16px;font-weight: normal;padding-top: 6px;}
	#idpw .title button{position: absolute;top: -20px;right: 10px;}
	#idpw .input_wrap{width: 80%;margin: 0 auto;}
	#idpw .btn_ok {background-color: #762023;color: #fff;padding: 12px 20px;margin: 8px 0;border: none;cursor: pointer;width: 100%;}
	#idpw .btn_ok:hover {background-color: #691C1F;}
	#idpw .btn_searchid{margin-top: 88px !important;}
	#idpw .close{position: absolute;top: 30px;right: 30px;}
	#idpw .btn_close{display: none;}
	.row .line_right{border-right: 1px solid #ddd;}

	@media (max-width:992px){

		#idpw .modal-content{width: 500px;margin-top: 5%;}
		#idpw .btn_searchid{margin-top: 0px !important;margin-bottom: 30px;}
		#idpw .close{position: absolute;top: 30px;right: 30px;}
		#idpw .title{height: auto;}
		.row .line_right{border-right: none;}

	} 
	@media (max-width:768px){
		.animate{animation:none}
		#login .close{display: none;}
		#login .modal-content {border: none;padding: 30px 0;width: 100%;}
		#login .input_wrap{width: 90%;}

		#idpw .modal-content{width: 95%;margin-top: 5%;border: none;padding: 30px 0;}
		#idpw .btn_searchid{margin-top: 0px !important;margin-bottom: 30px;}
		#idpw .close{position: absolute;top: 20px;right: 20px;}
		#idpw .input_wrap{width: 90%;}
		#idpw .title h4{font-size: 1.5rem;}
		#idpw .title h4 span{font-size: .9rem;}
		#idpw .btn_close{padding: 10px 20px;margin: 8px 0;border: 1px solid #666;cursor: pointer;width: 100%;display: block;}

	} 


/* course */

	.course_all{padding-top: 100px;}
	.course_all > div{border-right: 1px dashed #ccc;margin-bottom: 50px;}
	.course_all > div:last-child{border: none;}
	.course_all > div > div:last-child{/*text-align:justify;*/}
	.course_all p{color: #8E7B5A;margin-bottom: 2rem;}
	.course_name{color: #7D911A;font-size: 2rem;}
	.course_name span{color: #999;font-weight: 300;}

	.img_division{height: 200px;background: url('/images/c_main_img05.jpg') 50% 50% no-repeat;background-size:100% auto ;margin: 50px 0;}

	.course_all_txt{padding-bottom: 30px;}
	
	#course_hole .nav-tabs .nav-link.active,#course_hole .nav-tabs .nav-item.show .nav-link {background-color: #EBEAE6;border-bottom: none;}
	#course_hole .nav-tabs .nav-item .nav-link {border: none;}
	#course_hole .nav-tabs .nav-item{width:11.11%;float: left;text-align: center;}
	#course_hole .tab-content{background-color: #EBEAE6;padding: 1rem;}
	#tab_typeA{margin-top: -30px;}

	.course_title{padding: 10px 0 30px;}
	.course_title > strong{font-family: 'Cardo', serif;font-size: 3.5rem;padding-right: 20px;}
	.course_title > span{font-size: 1.5rem;display: inline-block;color: #12A299;}
	.course_title > i{display: inline-block;padding: 0 20px;font-size: .8rem;color: #ccc;}
		
	.hole_cont > div > div{background-color: #fff;height: 100%;}
	.hole_cont > div:first-child{text-align: center;}
	.hole_cont > div:first-child img{max-width:100%}
	.hole_cont > div:last-child > div{padding: 1rem;}

	.carousel{margin: 30px auto 0;}

	@media (max-width:768px){
		#course_hole .nav-tabs .nav-link span{display: none;}
		.nav-link{padding: 0.5rem;}
		.course_title{padding-bottom: 10px;}
		.course_title > strong{font-size: 2.5rem;}
		.course_title > span{font-size: 1rem;}
		.course_title > i{padding: 0 10px;}
		.carousel-item img{width: 100%;height: auto;}
		#tab_typeA{margin-top: -10px;}

	}

/* reserve btn */

	.btn-reserve { color: #000;  background-color: #FFD633;  border-color: #FFD633;}
	.btn-reserve:hover {  color: #000;  background-color: #ECC62F;  border-color: #D9B62B;}
	.btn-reserve:focus, .btn-reserve.focus {  color: #000;  background-color: #ECC62F;  border-color: #D9B62B;  box-shadow: 0 0 0 0.2rem rgba(255, 214, 51, 0.5);}
	.btn-reserve.disabled, .btn-reserve:disabled {  color: #000;  background-color: #762023;  border-color: #762023;}
	.btn-reserve:not(:disabled):not(.disabled):active, .btn-reserve:not(:disabled):not(.disabled).active,
	.show > .btn-reserve.dropdown-toggle {  color: #000;  background-color: #D9B62B;  border-color: #D9B62B;}
	.btn-reserve:not(:disabled):not(.disabled):active:focus, .btn-reserve:not(:disabled):not(.disabled).active:focus,
	.show > .btn-reserve.dropdown-toggle:focus {  box-shadow: 0 0 0 0.2rem rgba(255, 214, 51, 0.5);}
	.search_box .form-control::placeholder{color: #BDBDBF;}
	.btn_search{background-color: #762023;color: #000;display: inline-block;padding: 3px 10px;border-radius:4px}
	.btn_month{display: inline-block;background-color: #666;color: #000;padding: 3px 6px;border-radius:4px; font-size: .8rem;font-weight: 300;margin-right: 4px;}

/* main */	
	#calendar{width: 100%;background-color: #fff;border-radius:6px;font-size: 14px;font-family: 'kakao';padding: 10px;}
	#calendar table thead td{text-align: center;padding: 14px 6px ;border: 1px solid #f0f0f0;font-size: 12px;}
	#calendar table td{border: 1px solid #f0f0f0;}
	#calendar table td:first-child, #calendar table td:first-child .calendar-num{color: #ff6969;border-left: none 0;}
	#calendar table td:last-child, #calendar table td:last-child .calendar-num{color: #75b0ed;border-right: none 0;}
	#calendar table td a{height: 50px;padding: 0px 4px;display: block;position: relative;}
	#calendar table td a span{position: absolute;width: 100%;left: 0;}
	#calendar table td a span:first-child{top: 0;}
	#calendar .calendar-day, #calendar .calendar-waiting {cursor: pointer;}
	#calendar .calendar-day .calendar-t-time{text-align: center;border-radius:50%;background-color: #FFD633;width: 34px;height: 34px;line-height: 34px;position: absolute;left: 50%;transform:translateX(-50%);top: 10px;}
	#calendar .calendar-day:hover{background-color: #ffd633;transition: background 0.5s;color: #000;}
	#calendar .calendar-day:hover .calendar-t-time{background-color: #fff;}
	#calendar .calendar-disabled{cursor: default;}
	#calendar .calendar-disabled:hover{color: #000;}
	#calendar .calendar-disabled .calendar-t-time{text-align: center;color: #bdbdbd;height: 28px;top: 20px;}
	#calendar .calendar-waiting .calendar-t-time{text-align: center;color: #666;width: 38px;position: absolute;left: 50%;transform:translateX(-50%);top: 20px;}
	#calendar .calendar-waiting:hover{background-color: #ffd633;transition: background 0.5s;color: #000;}
	#calendar .today{background-color: #DDD8D5;}
	#calendar .today .calendar-t-time{color: #666;}
	#calendar .calendar-num i{font-size: 20px;position: absolute;top: -6px;}
	.calendar_wrap{background-color: #EDEACB;padding: 10px;}


	@media(max-width:768px){
		#calendar table thead td{padding: 6px 6px;}
		#calendar table td a span:first-child{padding-bottom: 0;}
		#calendar table td a{height: 50px;padding: 4px;}
		#calendar{padding: 0;}
		.calendar_wrap{padding: 4px;}
		#calendar .calendar-day .calendar-t-time{top: 16px;width: 30px;height: 30px;}
		#calendar .calendar-num i{font-size: 16px;}
		.time_table_wrap{font-size: .8rem;}
		
	

	}

/* --------------------------
common JH
-----------------------------*/

/* tab menu type */
#tab_typeA{display:flex;width: 100%;}
#tab_typeA li{height:42px;text-align: center;position: relative;overflow: hidden;}
#tab_typeA li a{display: block; color: rgba(0,0,0,0.4);line-height: 42px;background-color: rgba(0,0,0,0.15);}
#tab_typeA li + li::before {width: 1px;height:42px;background: rgba(0,0,0,0.1);display: inline-block;content:'';position: absolute;left:0;top:0px;}
#tab_typeA li.on{}
#tab_typeA li.on::before{display: none;}
#tab_typeA li.on + li::before{display: none;}
#tab_typeA li.on > a{color: #fff;font-weight: 700;background-color: rgba(0,0,0,0.65);}

#tab_typeB{width: 100%;text-align: center;display:flex;}
#tab_typeB li{height: 40px;}
#tab_typeB li > a{display: block;border: 1px solid #ddd;border-radius:14px 0 14px 0;margin-right: 6px;color: #000;line-height: 40px;}
#tab_typeB li.on > a{border-color:#762023; color: #762023;font-weight: 700;}

#tab_typeC{display:flex;width: 100%;}
#tab_typeC li{height:51px;text-align: center;border-bottom:1px solid #000;position: relative;overflow: hidden;}
#tab_typeC li a{display: block; color: rgba(0,0,0,0.4);line-height: 51px;}
#tab_typeC li + li::before {width: 1px;height:20px;background: rgba(0,0,0,0.4);display: inline-block;content:'';position: absolute;left:0;top:15px;}
#tab_typeC li.on{border:1px solid #000;border-bottom:none;}
#tab_typeC li.on::before{display: none;}
#tab_typeC li.on + li::before{display: none;}
#tab_typeC li.on > a{color: #000;font-weight: 700;}


.tab_menu{width: 100%;display:flex;align-items: center;justify-content:center;}
.tab_conts{width: 100%;}
.tab_conts:after{display:block;content:"";clear:both;}
.tab_conts > li{display:none;}
.tab_conts > li.on{display:block;}


.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: #666;  color: #fff;  transition: all 0.4s;}
.back-to-top i:hover { background: #4E4948; color: #fff;}

	
h4{margin-top: 50px;}
h4:first-child{margin-top: 0px;}

a{color: #000;}
.inner-page{min-height:500px;position: relative;padding: 50px 0;}


.clearfix:after{display: block;content:'';clear: both;}
.preparing{position:absolute;left:50%; top:50%;transform: translate(-50%, -50%);margin:auto;}
.preparing > img{max-width:100%}

.img100 > img{width:100%; height: auto;}
.cur_p{cursor: pointer;}

.span_line::before {content: "|";display: inline-block;	padding:0 14px;}

.color_blue{color: blue;}
.color_white{color: #fff;}
.color_red{color: red;}
.color_green{color: green;}
.color_org{color:#FF6318;}

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

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


.table_typeA, .table_typeB, .table_typeC{margin-bottom: 10px;}
.table_typeA thead{border-top: 2px solid #5C5C5C;background-color: #F5F5F5;}
.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;position: relative;}
.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 thead th{background-color: #666;color: #fff;padding-left: 1rem;}
.table_typeB tbody{border-top: 2px solid #5C5C5C;}
.table_typeB td{border: 1px solid #ddd;padding: 10px;}
.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; border-right:1px solid #ddd; background-color:#F5F5F5;text-align: center;}


.table_typeC thead{border-top: 1px solid #5C5C5C;background-color: #F5F5F5;}
.table_typeC thead th{border-bottom: 1px solid #ddd;}
.table_typeC th{border-right: 1px solid #ddd;padding: 2px 0;text-align: center;}
.table_typeC th:last-child{border-right: 0 none;}
.table_typeC td{border: 1px solid #ddd;text-align: center;padding: 2px 0;position: relative;}
.table_typeC td:first-child{border-left: 0 none;}
.table_typeC td:last-child{border-right: 0 none;}
.table_typeC tbody th{border-bottom: 1px solid #ddd;}

.flex_table{display:flex;flex-wrap:wrap;border-top: 2px solid #000;}
.flex_table > div{width: 15%;padding: 10px;border-bottom: 1px solid #ddd;text-align: center;background-color: #F7F7F7;font-weight: bold;}
.flex_table > div:nth-child(2n){width: 35%;text-align: left;background-color: #fff;font-weight: normal;}


ul.dotlist > li{position: relative;padding-left: 20px;}
ul.dotlist > li::before{display: block; content: "";width: 4px;height: 4px;background-color: #9E7E42;position: absolute;left: 6px;top: 10px;}

ul.numlist{margin-left: 20px;}
ul.numlist > li{list-style-type:decimal;padding-bottom: 10px;}
ul.numlist > li > strong{display: block;color: #79211C;font-weight: 700;}

.divide1 > li{width: 100%;}
.divide2 > li{width: 50%;}
.divide3 > li{width: 33.33%;}
.divide4 > li{width: 25%;}
.divide5 > li{width: 20%;}
.divide6 > li{width: 16.66%;}

.mb0{margin-bottom: 0;}
.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;}

.font_bold{font-weight: bold;}
.fz10{font-size: 11px;}
.fz20{font-size: 20px;}
.fz30{font-size: 30px;}
.fz40{font-size: 40px;}
.fz50{font-size: 50px;}

.align-center{text-align:center;}
.align-right{text-align:right;}
	
@media (max-width:992px){
	.img-max img{width: 100%;}	
	::-webkit-scrollbar { -webkit-appearance: none; width: 4px;height: 6px;}
	::-webkit-scrollbar-thumb {border-radius: 4px;  background-color: rgba(0, 0, 0, .3);}
	::-webkit-scrollbar-track {background-color: #ccc;}
	
} 

@media (max-width:768px){
	.flex_table > div{width: 30%;}
	.flex_table > div:nth-child(2n){width: 70%;}
	.inner-page{padding: 30px 0;}
	.divide5 > li{width: auto;}
	.divide5 > li > a{padding: 0 20px;}	
	.divide6 > li{width: 33.33%;}
}