@import url("common.css");	
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap'); /* font-family: "Noto Serif KR", serif; */

:root {
  --color-main: #BB9D92;
  --color-sub: #3F3B38;
  --color-sub2: #41555C;
  --color-hover: #A78C82;
}

.inner{padding-bottom: 150px;}
a:hover{color: var(--color-main);}

h3{font-size: 1.5rem;margin-bottom: 10px;margin-top: 70px;position: relative;}
h3:first-of-type{margin-top: 0;}

ul.dotlist > li::before,
ul.dotlist2 > li::before{background-color: var(--color-main);}


.btn-main{background-color: var(--color-main);border: 1px solid  var(--color-main);color: #fff;}
.btn-main:hover{background-color: var(--color-hover);color: #fff;border-color: var(--color-hover);}
.btn-main:focus, .btn-main.focus {color: #fff;background-color: var(--color-main);border-color: var(--color-main);box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);}
.btn-main:disabled{background-color: var(--color-main);}

.point-text{font-size: 1.6rem;font-weight: 300;font-family: "Noto Serif KR", serif;color: var(--color-sub);}
.point-text:before{content: "\efcd";font-family: 'IcoFont';padding-right: 10px;color: var(--color-main);}
.point-text:after{content: "\efce";font-family: 'IcoFont';padding-left: 10px;color: var(--color-main);}


.color-main{color: var(--color-main);}
.color-sub{color: var(--color-sub);}
.color-sub2{color: var(--color-sub2);}

a.btn{display: block;border-radius:0;}

.no-scroll {overflow: hidden;}

@media (max-width:768px){
	body,input,select,textarea,button{font-size:0.95rem}
	.carousel-item img{width: 100%;}
	.point-text{margin: 10px 0 30px 0;font-size: 1.5rem;}
	.point-text:before{padding-right: 10px;}
	.point-text:after{padding-left: 10px;}

	h3{margin-top: 40px;}

	.row + .row{margin-top: 50px;}
	.inner{padding-bottom: 70px;}

}

/* page */
	.company .txt1{font-size: 20px;margin-bottom: 30px;margin-top: 30px;}
	.company .txt2{margin-bottom: 50px;}
	.terms h5{font-weight: bold;margin-top: 50px;font-size: 1.1rem;}
	.tabA .tab-menu > li.on > a{color: var(--color-main);border-color: var(--color-main);}

/*--------------------------------------------------------------
 board
--------------------------------------------------------------*/
	/* board list */
	.search_bar{text-align: right;}	
	.search_bar > form{width: 300px;display: inline-block;}	
	.search_bar select{width: 70px;border: 1px solid #ced4da;margin-right: 4px;}

	.board_header{width: 100%;height: 42px;margin: 0;}
	.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;margin: 0;}
	.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_list a > img{vertical-align:middle;height: 14px;margin-left: 4px;}
	
	.notxt{text-align: center;height: 41px;border-bottom: 1px solid #dfdfdf;line-height: 40px;}
	i.reply{font-size: 12px;background-color: #FE8D59;color: #fff;padding: 3px 6px;border-radius:4px; margin-left: 6px;}
	
	
	

	/* board view */
	.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{border-bottom: 1px solid #dfdfdf;line-height: 40px;text-align: right;}
	.board_header2 span.line{display: inline-block;width: 1px;height: 12px;background-color: #666;margin: 0 14px;}

	.view_con{width: 100%;padding: 30px;text-align: center;min-height:300px}
	.view_con:after{display: block;content: '';clear: both;}
	.view_con > img{max-width:802px; border:1px solid rgba(0,0,0,0.1)}
	.view_con .txt{text-align: left;}
	.view_con .reply{padding-top: 20px;margin-top: 20px;border-top: 1px dashed #ddd;text-align: left;}
	.view_con .reply::before{content: '관리자';font-size: 12px;display: inline-block;background-color: #FE8D59;color: #fff;padding: 3px 6px;border-radius:4px; margin-right: 10px;}
	
	.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;margin: 0;}
	.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: #BB9D92;color: #fff;padding: 9px 30px;}

	@media (max-width:992px){
		.board_header, .board_count{display: none !important;}
		.board_list > ul:first-child{border-top: 1px 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;}
		
		.view_con > img{max-width:100%;}
		.view_con > a > img{max-width:100%;}

		.view_con{padding:16px 0;}
		.view_list dt{width: 30%;}
		.view_list dd{width: 70%;}
	} 
	
	/* board write */
	.board_write{width: 100%; height: 80px;}
	.board_write > div:first-child{border-top: 2px solid #000;}
	.board_write .write_tit,
	.board_write .write_con,
	.board_write .addfile{background:#F7F7F7; border-bottom: 1px solid #DFDFDF; clear:both; overflow:hidden;}
	.board_write > div > div{}
	.board_write > div > div:first-child{width:15%; line-height:40px; margin-right:1%; padding:0 2%; float:left;}
	.board_write > div > div:last-child{width:84%; background:#fff; padding:0 1%; float:right}
	.board_write > div input{width:100%; margin:4px 0;}
	.board_write > div textarea{width:100%; margin:4px 0;}
	.board_write .write_button{text-align:center; margin-top:20px; border-bottom:0 none;}
	.board_write .write_button button{margin:0 3px;}

	@media (max-width: 768px) {
	.board_write > div > div:first-child{width:25%;}
	.board_write > div > div:last-child{width:74%}
	}
/*--------------------------------------------------------------
 course
--------------------------------------------------------------*/
	.course02 .row > div{padding: 0;}
	.course_title{margin-top: 30px;}	
	.course_title > strong{font-family: 'Cardo', serif;font-size: 50px;padding-right: 20px;}
	.course_title > span{font-size: 23px;display: inline-block;color: var(--color-main);}
	.course_title > i{display: inline-block;padding: 0 20px;font-size: 10px;color: #666;}
	.course_txt > strong{display: block; font-weight: 700;font-size: 20px;}
	
	.nav-tabs .nav-link{border: 1px solid #cfcfcf;margin-left: -1px;border-radius:0;text-align: center;}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: #006FBE;color: #fff;}
	.nav-item{width: 11.11%;}

	.holemap{padding-top: 20px;}
	.holemap > img{max-width:100%}
	.greenmap > img{width: 50%;}

	.ball_color i{text-shadow:1px 1px 1px #ccc; font-size: 14px;}
	i.black{color: #000;}
	i.blue{color: #3938D1;}
	i.blue:after{content: '블루';color: #000;padding-left: 2px;}
	i.white{color: #fff;}
	i.white:after{content: '레귤러';color: #000;padding-left: 2px;}
	i.yellow{color: #FFC300;}
	i.yellow:after{content: '시니어';color: #000;padding-left: 2px;}
	i.red{color: #FF0402;}
	i.red:after{content: '레드티';color: #000;padding-left: 2px;}

	.table_hole{width: 100%;margin-bottom: 10px;border-bottom: 1px solid #ddd;}
	.table_hole thead{border-top: 2px solid #5C5C5C;background-color: #eee;}
	.table_hole thead th{border-bottom: 1px solid #ddd; text-align: center;}
	.table_hole thead th + th{border-left: 1px solid #ddd;}
	.table_hole tbody td{text-align: center;padding: 10px 0;}
	.table_hole tbody td + td{border-left: 1px solid #ddd;}

	.floating-menu ul{width: 100%;display:flex;}
	.floating-menu li{border: 1px solid #cfcfcf;margin-left: -1px;cursor: pointer;height: 50px;line-height: 50px;text-align: center;background-color: #fff;flex-grow: 1;}
	.floating-menu li > a{display: block;}
	.floating-menu li.on a{color: #fff;}

	.floating-menu.sky li.on {background: #E8A94A;}
	.floating-menu.land li.on {background: #7A9DCF;}
	.floating-menu.in li.on {background: #E0ADAB;}
	
	@media (max-width: 768px){
		.nav-link span {  display: none;}
		.nav-link { padding: 0.5rem 0;}
		#course_tab_conts > div > p:nth-child(2){text-align: left;}
		#course_tab_conts > div > p:nth-child(2) > br{display: none;}
		.course_title > strong{font-size: 42px;padding-right: 10px;}
		.course_title > span{font-size: 20px;}
		.course_title > i{padding: 0 10px;}

		.floating-menu{width: 100%;}
		.floating-menu ul{width: 100% !important;}
		.floating-menu li span{display: none;}
	}



	/* 코스 드론 동영상 */
	.wrap_video{position:relative; width:100%; margin:50px 0; padding-bottom:56.25%;}
	.wrap_video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
	@media (max-width: 768px){
		.wrap_video{margin:20px 0 0;}
	}

/* footer */

	#footer{width:100%; background-color:var(--color-sub); z-index:3; position: relative;color: #ddd;padding: 40px 10px;}
	#footer .container{max-width:1200px}
	#footer h1{font-size: 1.2rem;font-weight: bold;color: #fff;}
	.footmenu{margin-bottom: 20px;}
	.footmenu > a{color: #fff;position: relative;}
	.footmenu > a:hover{color: var(--color-main);}
	.footmenu > a:hover::before{color: #fff;}
	.footmenu > a + a{padding-left:40px;}
	.footmenu > a + a::before{content: '|';font-size: 14px;position: absolute;left: 18px;top: 0px;}
	.footmenu > a:last-child{padding-right:0;}
	
	.footInfo{padding:10px 14px 20px;}
	.footInfo span{display: inline-block;margin-right: 30px;}
	.footInfo .address{padding-bottom: 4px;}

	.copyright{margin-top: 20px;}
	


	@media (max-width:1200px){
		.footmenu{padding-left: 10px;}
	}

	@media (max-width:992px){
		#footer{font-size: 14px;}
	}

	

	@media (max-width:768px){
		#footer{padding: 20px 10px;}
		#footer h1{font-size: 1rem;}
		.footmenu{padding-left: 0px;margin-bottom: 10px;}
		.footmenu > a + a{padding-left: 20px;}
		.footInfo span + span{margin-left: 0px;}
		.copyright{font-size: 12px;}
		.footmenu > a + a::before{content: '';}
		.back-to-top{bottom: 6px;}
		.copyright{margin-top: 10px;}
		
	}	

/* sub_header */
	#sub_header{margin-top: 140px;width: 100%;height: 200px;position: relative;z-index:98;}
	.bg_sub{background-size:100% auto;}
	.bg_sub::after{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
	.bg_sub.img01{background-image: url('/images/bg_sub01.jpg?ver=1');background-position: center 55%;}
	.bg_sub.img02{background-image: url('/images/bg_sub02.jpg?ver=1');background-position: center 60%;}
	.bg_sub.img03{background-image: url('/images/bg_sub04.jpg?ver=1');background-position: center 50%;}
	.bg_sub.img04{background-image: url('/images/bg_sub05.jpg?ver=1');background-position: center 64%;}
	.bg_sub.none_submenu{background-image: url('/images/bg_sub03.jpg');background-position: center 50%;}

	#sub_header h2{position: absolute;top: 70px; text-align: center;z-index:2;width: 100%;color: #fff;animation-name: fadeUpAni1; animation-duration: 0.6s; animation-delay: 0.5s; animation-fill-mode: forwards;opacity: 0;display: inline-block;}
	#sub_header h2 > strong{display: block;font-size: 2.5rem;}
	#sub_header h2 > span{display: block;font-size: 1rem;font-weight: normal;}
	#sub_header.submenu_none h2{top: 230px;}

	#sub_header > div{max-width:1200px;}
	#sub_header .submenu{position: absolute;left: 0;top: 250px;width: 240px;border-top: 1px solid #000;padding-top: 20px;}
	#sub_header .submenu a{display: block;font-size: 18px;position: relative;padding: 6px 16px;}
	#sub_header .submenu a::before{content: '';position: absolute;left: 0;top: 18px;width: 6px;height: 6px;background-color: #ccc; border-radius:50%}
	#sub_header .submenu a.active{font-weight: bold;}
	#sub_header .submenu a.active::before{background-color: var(--color-main);}

	#submain .container{max-width: 1200px;padding-left: 280px;}
	#submain .container.footmenu{padding-left: 0;}
	#submain .inner{border-top: 1px solid #000;margin-top: 50px;padding-top: 26px;}
	#submain .container.footmenu .inner{border-top: none;}

	@media (max-width:1200px){
		#sub_header .submenu{left: 10px;}
	} 

	@media (max-width:992px){
		#sub_header{margin-top: 64px;}
		#submain .container{padding-left: 230px;}
	}

	@media (max-width:768px){
		#submain .container{padding-left: 0px;}
		#sub_header{height: 100px;}
		#sub_header h2{top: 30px;}
		#sub_header .submenu{width: 100%;left: 0;top: 88px;display: flex;border-top: none;}
		#sub_header .submenu > li{flex:1;}
		#sub_header .submenu a{padding: 6px 0;font-size: 16px;text-align: center;}
		#sub_header .submenu a::before{display:none}
		#submain .container.footmenu{margin-top: -50px;}
		#sub_header h2 > strong{font-size: 1.4rem;}
		#sub_header h2 > span{font-size: .9rem;}
		

	}


/* header */
	#header{width: 100%;height: 154px;position: absolute;left: 0;top: 0;z-index:999;transition: background 0.3s;background-color: #fff;}

	
	#header h1{position: absolute;top: 10px; left:10px;}
	#header h1 > a{display: inline-block;width: 260px;height: 50px;text-indent: -99999px;background: url('/images/logo_v2.png?ver=1') 0 center no-repeat;-webkit-background-size: 100% auto; background-size: 100% auto;}


	#header .container{max-width: 1200px;height: 140px;position: relative;margin: 0 auto;margin-top: 14px;}

	#header .util_menu{position: absolute;top: 20px;right: 58px;display: flex;z-index:999}
	#header .util_menu a{display: inline-block;padding:0 20px;}
	#header .util_menu a:hover{color: var(--color-main);}

	.menu_bar{cursor: pointer;z-index:999;position: absolute;right: 10px;top: 14px;}
	.bar1, .bar2, .bar3 {width: 30px;height: 2px;background-color: #000;margin: 8px 0;transition: 0.4s;}
	.change .bar1 {transform: translate(0, 10px) rotate(-45deg);}
	.change .bar2 {opacity: 0;}
	.change .bar3 {transform: translate(0, -10px) rotate(45deg);}

	.top_menu{display: flex;position: absolute;left: 0;bottom: 10px;}
	.top_menu > li + li{margin-left: 30px;}
	.top_menu > li > a{display: inline-block;padding: 10px;transition: 0.3s;}
	.top_menu > li > a:hover{color: var(--color-main);}
	.top_menu > li.active a{color: var(--color-main);font-weight: bold;}


	.menu_area{width: 100%;height: calc(100vh - 80px);;position: fixed;left: 0;top: 80px;z-index:9999;display: none;padding: 14px;background:#fff url('/images/bg_sitemap.jpg') 0 bottom no-repeat;background-size:100% auto ;}
	.menu_area::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.9);}
	.menu_area > div{width: 100%;height: 100%;display: flex;align-items: center; justify-content:center;}

	.menu_area .nav-menu{width: 1100px;}
	.menu_area .nav-menu > ul{display:flex;margin-top: 3%;}
	.menu_area .nav-menu > ul > li{flex:1;animation-name: fadeUpAni1; animation-duration: 0.8s;animation-fill-mode: forwards;opacity: 0;}
	.menu_area .nav-menu > ul > li:nth-child(1){animation-delay: 0.1s;}
	.menu_area .nav-menu > ul > li:nth-child(2){animation-delay:0.15s;}
	.menu_area .nav-menu > ul > li:nth-child(3){animation-delay:0.2s;}
	.menu_area .nav-menu > ul > li:nth-child(4){animation-delay:0.25s;}
	.menu_area .nav-menu > ul > li:nth-child(5){animation-delay:0.3s;}
	.menu_area .nav-menu > ul > li:nth-child(6){animation-delay:0.35s;}
	.menu_area .nav-menu > ul > li:nth-child(7){animation-delay:0.4s;}

	.menu_area .nav-menu > ul > li > a{font-size: 1.8rem;display: inline-block;padding-bottom: 20px;color: #000;}
	.menu_area .nav-menu > ul > li > ul a{color: #333;line-height: 32px;display:inline-block; text-transform:uppercase;font-size: 20px;}
	.menu_area .nav-menu > ul > li > ul a:after{display:block; content:''; border-bottom:solid 2px var(--color-main); transform:scaleX(0); transition:transform 250ms ease-in-out;}
	.menu_area .nav-menu > ul > li > ul a:hover{color: var(--main-color);}
	.menu_area .nav-menu > ul > li > ul a:hover:after {transform: scaleX(1);transform-origin:  0% 50%;}


	.mobile_menu{display: none;}
	.mobile_quick_menu{display: none;}
	

	.mobile-nav-toggle {position: absolute;right: 0px;top:28px;z-index: 9998;border: 0;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;width: 54px;height: 54px;background-color: rgba(255,255,255,0);}
	.mobile-nav-toggle i{font-size: 46px;}
	.mobile-nav {position: fixed;top: 0px;right: 0px;bottom: 0px;width: 100%;z-index: 9999;overflow-y: auto;background: #fff;transition: ease-in-out 0.2s;opacity: 0;visibility: hidden;}
	.mobile-nav .mobile-nav-close {border: 0;  background: none;  font-size: 24px;  transition: all 0.4s;  outline: none !important;  line-height: 1;  cursor: pointer;  text-align: right;position: absolute;right: 0;top: 8px;width: 54px;height: 54px;text-align: center;}
	.mobile-nav .mobile-nav-close:hover {color: #ccc;}
	.mobile-nav a {display: block;position: relative;padding: 10px 20px;outline: none;transition: 0.3s;font-size: 18px;}
	.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: var(--color-sub);text-decoration: none;}
	
	.mobile-nav .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 10px;position: absolute;right: 15px;color: #999;}
	.mobile-nav .active.drop-down > a:after {content: "\eaa1";color: var(--color-sub);}
	.mobile-nav #gnb > li{border-bottom: 1px solid #f4f4f4;}
	.mobile-nav #gnb > li > a {padding-right: 35px;}
	.mobile-nav .drop-down ul {display: none;overflow: hidden;padding: 4px 0;background-color: #f4f4f4;}
	.mobile-nav .drop-down ul a{padding:8px 10px;position: relative;color: #333;}
	.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){
		.menu_bar{display: none;}
		.mobile_menu{display: block;height: 170px;border-bottom: 1px solid #f4f4f4;}
			
		.m_logo{width: 100%;height: 70px;border-bottom: 1px solid #f4f4f4;}
		.m_logo > img{width: 52px;margin-top: 0px;margin-left: 14px;}
		
		.m-util{height: 170px;color: #fff;background-color: var(--color-main);padding-top: 50px;padding-left: 14px;}
		.m-util strong{font-size: 20px;font-weight: 700;}
		.m-util > div:first-child{margin-bottom: 10px;}
			

		.m_btn_login{width: 100px;height: 40px;text-align: center;font-size: .9rem;color: #fff;border: 1px solid rgba(255,255,255,0.5);background-color: var(--color-main);}
		.m_btn_join{width: 100px;height: 40px;text-align: center;font-size: .9rem;color: #fff;border: 1px solid rgba(255,255,255,0.5);background-color: var(--color-main);}
		#quick_menu{display: none;}	
		
		.mobile-nav .mobile-nav-close{color: #fff;}
		.mobile-nav-toggle{top: 6px;right: 0;}
		.mobile-nav-toggle i{font-size: 36px;}
		.header_menu{margin-top: 10px;}
	

		#header{height: 64px;}
		#header h1{top: -7px;transform:translateX(-0%);}
		#header h1 > a{width: 150px;}
		#header .util_menu{display: none;}
		#header .util_menu a.btn_book{padding: 4px 8px;font-size: 14px;}
		.top_menu{display: none;}
		#header .container{height: 64px;}


	}