@import url("common.css");
/*@import url("scrollbar.css"); 20230609 주석 */
/*
@media (min-height:1163px){

	#wrap{width:100%;height:100% !important;position:relative;}
	#bgAnimate{width:100%;height:100% !important;background-color:rgba(0,0,0,0.3);position:absolute;left:-100%;top:0;}
	#footer{position:absolute;left:0;bottom:0;z-index:999}
	#miniCal{bottom:120px;}


}*/
@media screen and (max-width:1024px){
	#left{display:none;}
	#container{width:1050px;height:900px;position:absolute;left:10px !important;top:60px;background-color:rgba(0,0,0,0.4);z-index:999;}
}



input{color:#000;}
#subBg00{background:url('/images/main/main_img01.jpg') 0 0 no-repeat;background-size: 100% 100%;background-attachment:fixed;}
#subBg01{background:url('/images/main/main_img02.jpg') 0 0 no-repeat;background-size: 100% 100%;background-attachment:fixed;}
#subBg02{background:url('/images/main/main_img03.jpg') 0 0 no-repeat;background-size: 100% 100%;background-attachment:fixed;}
#subBg03{background:url('/images/main/main_img04.jpg') 0 0 no-repeat;background-size: 100% 100%;background-attachment:fixed;}
#subBg04{background:url('/images/main/main_img05.jpg') 0 0 no-repeat;background-size: 100% 100%;background-attachment:fixed;}
#subBg05{background:url('/images/main/main_img06.jpg') 0 0 no-repeat;background-size: 100% 100%;background-attachment:fixed;}
#subBg06{background:url('/images/main/main_img07.jpg') 0 0 no-repeat;background-size: 100% 100%;background-attachment:fixed;}
#subBg07{background:url('/images/main/main_img08.jpg') 0 0 no-repeat;background-size: 100% 100%;background-attachment:fixed;}

#wrap{width:100%;height:100%;min-height:950px;position:relative;}
#bgAnimate{width:100%;height:100%;min-height:950px;background-color:rgba(0,0,0,0.3);position:absolute;left:-100%;top:0;}

#container{width:1000px;position:absolute;left:240px;height:900px;top:60px;background-color:rgba(0,0,0,0.4);z-index:999;}
#contents{width:950px;height:800px;margin:0 auto;overflow-y:auto;color:#ccc;position:relative;}

#subMenuTab{width:100%;height:50px;background-color:#18597c;margin-bottom:10px;}
#subMenuTab  > li{float:left;text-align:center;}
/* #subMenuTab  > li.on{background-color:#94cbeb;} */
#subMenuTab  > li.on{background-color:#97c1d9;}
#subMenuTab  > li.on a{color:#fff;}
#subMenuTab  > li > a{display:block;color:#A3A3A3;line-height:50px;}
ul.separate2 > li{width:50;}
ul.separate3 > li{width:33.33%;}
ul.separate4 > li{width:25%;}
ul.separate5 > li{width:20%;}
ul.separate6 > li{width:16.66%;}
ul.separate7 > li{width:14.28%;}

h3{border-bottom:1px solid #7C7C7C;height:70px;color:#fff;text-align:center;font-size:36px;margin-bottom:20px;}
h3 span{display:block;font-size:11px;text-transform:uppercase;color:#ccc;}
h4{font-size:20px;height:30px;line-height:30px;background:url('/images/common/h4_bg.png') 0 50% no-repeat;padding-left:36px;color:#fff;margin:30px 0 10px;}
h5{font-size:16px;color:#FAB34F;margin-top:30px;margin-bottom:6px;}

/* 20200930 */
h33{height:30px;color:#fff;text-align:center;font-size:14px;margin-bottom:20x; }  /* 조절해도 별반응?...*/
h33 span{display:block;font-size:5px;text-transform:uppercase;color:#ccc;} 

/* 20200930  A동 B동 탭 표시 */
/* #h3a-tab{border-top:1px solid #7C7C7C;} */   /* 윗 라인 */
#h3a-tab > ul{display:inline-block;height:14px;line-height:14px;margin-top:2px; margin-bottom:10px;
                    display: table; margin-left: auto; margin-right: auto;} /* 목록 요소 자체 가운데 정렬 */
#h3a-tab > ul > li{display:inline-block;float:left;font-size:14px;border-right:1px solid #7C7C7C;}  /* A동 B동 사이 구분선 */
#h3a-tab > ul > li:first-child{border-left:1px solid #7C7C7C;}  /* A동 B동 바깥쪽 라인 */
#h3a-tab > ul > li > a{display:block;height:14px;padding:0 20px;}  /* A동 B동 사이 너비 */
#h3a-tab > ul > li.on > a, #h3a-tab > ul > li > a:hover{color:#00B7EE;}

#h3-tab{border-top:1px solid #7C7C7C;}
#h3-tab > ul{display:inline-block;height:14px;line-height:14px;margin-top:28px;}
#h3-tab > ul > li{display:inline-block;float:left;font-size:14px;border-right:1px solid #7C7C7C;}
#h3-tab > ul > li:first-child{border-left:1px solid #7C7C7C;}
#h3-tab > ul > li > a{display:block;height:14px;padding:0 20px;}
#h3-tab > ul > li.on > a, #h3-tab > ul > li > a:hover{color:#00B7EE;}


#footer{width:100%;font-size:12px;line-height:1.3;color:#8C8C8C;background-color:#232323;padding:20px;position:absolute;left:0;bottom:0;}
#footer:after{display:block;content:'';clear:both;}
.footlogo{float:left;width:230px;text-align:center;padding-top:36px;}
.footText{float:left;}
#footmenu{margin-top:6px;}
#footmenu a{color:#8C8C8C;}
#footmenu a:hover{text-decoration:underline;}
#footmenu span{display:inline-block;padding:0 20px;}





/* table style */
table.typeA tbody{background-color:#2B2B2B;border-top:1px solid #4B4B4B;}
table.typeA thead th{background-color:#232323;border-bottom:2px solid #2D4A58;}
table.typeA tbody th{background-color:#232323;border-bottom:1px solid #4B4B4B;}
table.typeA tbody td{border-bottom:1px solid #4B4B4B;border-left:1px solid #4B4B4B;padding:12px;line-height:1.4;}
table.typeA th{padding:12px;text-align:center;}

table.typeB tbody{background-color:#232323;}
table.typeB tbody td{border-bottom:1px solid #2D4A58;padding:12px;}
table.typeB tbody tr:hover{background-color:#232323;}

.tdstyle-border td:first-child{border-left:none;}
.tdstyle-fix td{height:44px;padding:0px !important;}

ul.typeA li{list-style:square;margin-left:20px;padding:2px 0;}

.point-color{color:#008FA3;}
.point-color2{color:#9EC100;}


/* 클럽소개 */
.com-text1{font-size:20px;color:#fff;}
.com-text2{font-size:34px;color:#00B7EE;}
.com-text3{width:60%;text-align:justify;}
ul.com01_img{position:absolute;top:235px;right:0;}

#history{width:100%;height:1300px;position:relative;}
div.line{display:inline-block;width:1px;height:1200px;position:absolute;left:50%;top:30px;background-color:#858686;}
#history .left{width:400px;float:left;text-align:right;padding-top:30px;}
#history .left > div{position:relative;}
#history .right > div{position:relative;}
#history .right{width:400px;float:right;text-align:left;padding-top:130px;}
.historyBox{width:400px;border:1px solid #858686;padding:10px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:30px;background-color:rgba(0,0,0,0.5)}
.historyBox:after{display:block;content:'';clear:both;}
.historyBox span{display:block;font-size:12px;}
.historyBox dt{color:#00B7EE;}
.year{font-size:30px;color:#00B7EE;padding-bottom:10px;font-family:'NanumMyeongjo';}

#history .left .circle{position:absolute;right:-68px;top:-7px;}
#history .left .arr{position:absolute;right:-34px;top:0px;}
#history .right .circle{position:absolute;left:-68px;top:-7px;}
#history .right .arr{position:absolute;left:-34px;top:0px;}

/* 이용안내 */
.guide02-table td:first-child{padding-left:40px;}




/* 갤러리 */
	.swiper-container {
			width: 100%;
			height: 300px;
			margin-left: auto;
			margin-right: auto;
		}
		.swiper-slide {
			background-size: cover;
			background-position: center;
		}
		.gallery-top {
			height: 80%;
			width: 100%;
		}
		.gallery-thumbs {
			height: 20%;
			box-sizing: border-box;
			padding: 10px 0;
		}
		.gallery-thumbs .swiper-slide {
			width: 20%;
			height: 100%;
			opacity: 0.4;
		}
		.gallery-thumbs .swiper-slide-active {
			opacity: 1;
		}
	.swiper-slide div{position:absolute;right:3px;bottom:3px;width:100px;height:30px;line-height:30px;text-align:center;background-color:#000;}

/* 골프텔 */
.gtel_img_wrap{position:absolute;right:0;top:114px;}
.gtel_img_wrap > img{width:400px;}
.golftel02_top{background-color:#232323;width:920px;height:430px;margin-bottom:10px;}
.golftel02_top > li{float:left;}
.golftel02_top > li:nth-child(1){width:280px;}
.golftel02_top_inner{width:218px;height:370px;margin:20px auto;}
.golftel02_top_inner > li:nth-child(2){padding:50px 0;text-align:center;}
p.gol02_text01{font-size:11px;}
p.gol02_text02{font-size:30px;color:#00B7EE;font-family:'TimesNewRoman';}
p.gol02_text022{font-size:26px;color:#00B7EE;font-family:'TimesNewRoman';letter-spacing:-0.05em;}
p.gol02_text03{font-size:18px;color:#fff;}
.golftel02_top_inner > li:nth-child(3){border-top:1px solid #424242;padding:10px 0;height:100px;font-size:12px;color:#666;}

.golftel02_info{background-color:#232323;padding:10px;}
.golftel02_info > ul{height:70px;}
.golftel02_info > ul > li{width:50%;float:left;}
.golftel02_info > ul > li > p:first-child{color:#00B7EE;}

.golftel-img img{width:460px;height:300px;}

.roomImg_main{position:relative;}
.roomImg_main > span{position:absolute;top:10px;right:10px;cursor:pointer;}
div.plan2D{position:absolute;top:40px;right:0px;display:none;}



/* 골프상식 */

.fa-h5{color:#EC9418;margin-right:5px;}

.info_section1{position:relative;}
.info_section1 p{width:70%;text-align:justify;}
.info_section1 img{width:260px;height:430px;position:absolute;right:0;top:0;}

table.info01{margin-top:10px;}
table.info01 tbody{background-color:#2B2B2B;border-top:1px solid #4B4B4B;}
table.info01 thead th{background-color:#232323;border-top:2px solid #2D4A58;}
table.info01 tbody th{background-color:#232323;border:1px solid #4B4B4B;}
table.info01 tbody td{border-bottom:1px solid #4B4B4B;border-left:1px solid #4B4B4B;padding:6px;line-height:1.4;vertical-align:top;}
table.info01 tbody td:first-child{border-left:none;}
table.info01 thead th{padding:12px 0;text-align:center;}
table.info01 tbody th{text-align:center;font-weight:normal;color:#008FA3;}

table.info01 .imgBg td{background-color:#F9FAFB;text-align:center;vertical-align:middle;}
table.info01 .imgBg2 td{background-color:#fff;text-align:center;vertical-align:middle;}
.tb_ul{width:50%;margin:0 auto;}
.tb_ul > li{position:relative;border-bottom:1px dashed #666;padding:3px 0;}
.tb_ul > li > span{position:absolute;top:3px;right:0;width:30px;}

a.btn-golfrule{background-color:#000;display:inline-block;padding:0 10px;border:1px solid #666;font-size:14px;}

/* 골프 에티켓 */
.tab_wrap{width:100%;text-align:center;background-color:#000;padding:10px 0;margin:20px 0;}

ul.info02{background-color:#232323;padding:20px;border-radius:8px}
ul.info02 > li{padding:3px 0;}
ul.info02 > li span{color:#FAB338;}
ul.info02_02{padding:20px;}
ul.info02_02 > li{padding:3px 0;}


#tab_info02 { padding-left: 0; margin-bottom: 0; list-style: none;}
#tab_info02 > li { position: relative; display: block;}
#tab_info02 > li > a {  position: relative;  display: block;  padding: 10px 15px;}
#tab_info02 > li > a:hover,#tab_info02 > li > a:focus {  text-decoration: none;}

#tab_info02 {	display:inline-block;	height:14px;line-height:14px;}
#tab_info02 > li {  float: left;  display:inline-block;float:left;font-size:14px;border-right:1px solid #7C7C7C;}
#tab_info02 > li:first-child{border-left:1px solid #7C7C7C;}
#tab_info02 > li > a { display:block;height:14px;padding:0 20px;}
#tab_info02 > li > a:hover {  color:#00B7EE;background-color:#000;}
#tab_info02 > li.active > a,
#tab_info02 > li.active > a:hover,
#tab_info02 > li.active > a:focus { color:#00B7EE;}

/* 향토특산물 */
.shop_list{width:750px;height:214px;background-color:#232323;float:left;}
.shop_list > li{width:25%;float:left;text-align:center;padding-top:4px;position:relative;}
.shop_list dt{margin-bottom:4px;}
.shop_list dt > img{width:180px;height:160px;}
.shop_list dl{width:175px;margin:0 auto;}
.shop_list button{margin:0;}
.shop_list .price{color:#FAB34F;}
.btn_more{display:inline-block;position:absolute;right:0;top:10px;padding:2px 6px 1px;color:#00A0E9;border:1px solid #00A0E9;border-radius:4px;font-size:12px;background-color:#000;}
.posR{position:relative;}
.info06_wrap{height:250px;}
.info06_img{width:163px;margin-right:7px;height:210px;background-color:#000;float:left;}
ul.info06_phone{width:80%;height:110px;margin:0 auto;}
ul.info06_phone > li{width:50%;float:left;}
.name > a:hover{text-decoration:underline;color:#fff;}

span.inner_title{position:absolute;left:10px;top:-30px;font-size:18px;}
a.tbtn{top:-30px;right:10px}


/* 자주 하시는 질문 */
#accordian li.active .cont{display: block;}
#accordian li .cont{display: none;}
#accordian li p {font-weight:bold; cursor: pointer; padding:10px 5px; background:#232323; border-bottom:1px solid #2D4A58; position:relative;}
#accordian li p:after {display:inline-block; content:''; width:15px; height:15px; background:url('/images/sub/icon_faq.png') 0 0 no-repeat; background-size:100%; position:absolute; right:15px; top:13px;}
#accordian li p span{font-weight:normal; color:#ccc; margin:0 15px}
#accordian li .cont{background:#333; text-align:center; padding:10px; overflow:hidden}
#accordian li .cont > span{display:block; color:#FAB34F; padding:0 15px; float:left;}
#accordian li .cont > div img{max-width:100%;}
#accordian li .cont > div a{display:inline-block; font-size:1.6rem; color:#fff; margin:15px 0;}


/* 그밖에 */
ol.guide04{background-color:#232323;padding:20px;border-radius:8px}
ol.guide04 > li{padding:6px 0;}
p.text-typeA{text-align:center;font:20px 'NanumMyeongjo',sans-serif;color:#008FA3;}