@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 {
  --main-color: #00873C;
  --sub-color: #C2DCB3;
  --hover-color: #007334;
}






a:hover{color: var(--main-color);}
h3{font-size: 2rem;margin-bottom: 50px;text-align: center;margin-top: 20px;position: relative;}
h3:after{content: '';position: absolute;left: 50%; transform:translateX(-50%);bottom: -20px;width: 50px;height: 1px;background-color: #000;}

h4{margin-top: 90px;margin-bottom: 14px;font-size: 1.7rem;}
h4:first-of-type{margin-top: 0;}
h4 > span{font-size: 16px;}

h5{font-size: 1.4rem;box-shadow: inset 0 -8px 0 #EDF2BA;display: inline-block;margin-top: 90px;}
h5:first-of-type{margin-top: 0;}

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


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

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


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


@media (max-width:768px){
	body,input,select,textarea,button{font-size:0.95rem}
	h3{display: none;}
	h4{font-size: 1.3rem;margin-bottom: 20px;}
	h4 > span{font-size: 14px;display: block;}
	h5{font-size: 1.1rem;}
	.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;}

	h4:first-of-type {margin-top: 0;}
	.row + .row{margin-top: 50px;}

}



/* kakao login */
	.loginGuide .row{margin-bottom:100px;}
	.loginGuide .row > div:first-child{margin-top:0}
	.loginGuide .row > div .img img{width:80%}
	.loginGuide .txt{display:inline-block; height:60px; margin:40px 0;}
	.loginGuide .txt p{ margin:0; padding:0; position:relative;}
	.loginGuide .txt p.pc:before{content:'PC화면'; position:absolute; top:-28px; left:36px; font-size:1rem;}
	.loginGuide .txt p strong{display:inline-block; font-weight:bold;}
	.loginGuide .txt p:first-child{display:inline-block; font-size:1.2rem; /*box-shadow: inset 0 -8px 0 #FFEEA8;*/}
	.loginGuide .txt p:first-child em{box-shadow: inset 0 -8px 0 #FFEEA8;}
	.loginGuide .txt p:first-child span{display:inline-block; font-size:1rem; background:#333; color:#fff; margin-right:10px; padding:0 8px;}
	.loginGuide .txt p:last-child{display:block; margin-top:10px;}
	.loginGuide .img{text-align:center;}
	.loginGuide .img img{max-width:80%;}
	.loginGuide .col-md-4 img{width:80%;}

	@media screen and (max-width: 768px){
		.loginGuide .txt p:first-child{font-size:1.1rem;}
	}



/* pages */


	.guide01 .row + .row{margin-top: 100px;}

	.company_img2{width: 100%;height: 400px;background: url('/images/bg_main02.jpg') center 40% no-repeat;}
	.company{margin-top: -100px;background-color: #fff;}
	.company-text{font-size: 1.3rem;font-weight: 500;color: var(--main-color);margin-bottom: 40px;text-align: center;}
	.com_img{margin-top: 100px;}
	.com_img > img{width: 100%;}
	.company2 .row{margin-bottom: 100px;}

	.facility h5{margin-top: 50px;}



	@media (max-width:768px){
		.com_img{margin-top: 50px;}
		.company_img2{display: none;}
		.company{margin-top: 0;}

	}

/* board */
	.flex-list.board .notice > li:nth-child(1){width: 80%;text-align: left;padding-left: 10px;}
	.flex-list.board .notice > li:nth-child(2){width: 20%;text-align: center;}

	@media (max-width:768px){
		.flex-list.board .notice > li:nth-child(1){width: 75%;padding-left: 0;}
		.flex-list.board .notice > li:nth-child(2){width: 25%;}
	}

/* course02 */
	.tabA .tab-menu > li.on > a{color: var(--main-color);border-color: var(--main-color);}

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

	.floating-menu { position: fixed; left: 50%;transform:translateX(-50%); top: -60px; z-index: 100; background-color: #fff;transition: all 0.5s;}
	.floating-menu.show{display: block;top: 100px;}
	.floating-menu ul{width: 1200px;display:flex;}
	.floating-menu li{border: 1px solid #cfcfcf;margin-left: -1px;cursor: pointer;height: 60px;line-height: 60px;text-align: center;background-color: #fff;flex-grow: 1;}
	.floating-menu li > a{display: block;}
	.floating-menu li.on a{color: #fff;background-color: var(--main-color);}
	.floating-menu .gotomap{color:#fff;background-color: #666;margin-top: -1px;}

	.floating-menu.easy li.on {background: var(--main-color);}
	.floating-menu.sky li.on {background: #F29B66;}


	.course_cont{margin-top: -100px;}
	.course_cont > div > .row{padding-bottom: 50px;}
	.course_cont table{position: absolute;left: 3%;bottom: 7px;margin-bottom: 0;width: 94%;}
	.course_cont .hole-title{font-size: 50px;margin-top: 100px;}
	.course_cont .hole-title > span{font-size: 24px;display: block;color: var(--main-color);margin-bottom: 30px;}
	.course_cont .hole-title > span + span:before{content: '|';padding-right: 20px;padding-left: 10px;}
	.course_cont .hole-title > strong{font-weight: bold;margin-right: 20px;}
	.course_cont .hole-title > i{font-size: 18px;display: block;margin-bottom: -10px;padding-left: 2px;color: #FF860D;}

	.course_cont .title{font-size: 30px;font-weight: 300;margin-bottom: 20px;margin-top: 50px;position: relative;}
	.course_cont .scroll{padding-top: 150px;}

	.holemap{text-align: center;}
	.holemap > img{width: 50%;}


	@media (max-width:1200px){
		.floating-menu{width: 100%;}
		.floating-menu ul{width: 100%;}
	}
	@media (max-width:768px){

		.floating-menu{width: 100%;}
		.floating-menu ul{width: 100% !important;}
		.floating-menu li{height: 50px;line-height: 50px;}
		.floating-menu li span{display: none;}
		.course_cont{padding-top: 0px;}
		.course_cont .scroll > .row > div:last-child > img{width: 100%;}
		.course_cont .scroll > .row > div{margin-top: 20px;}
		.course_cont > div{padding-top: 50px;}

		.course_cont .title{margin-top: 20px;margin-bottom: 10px;font-size: 1.2rem;}

		.course_cont .hole-title{margin: 50px 0 0px;}
		.course_cont .hole-title:first-of-type{margin-top: 0;}
		.course_cont .hole-title > strong{margin-right: 6px;font-size: 2.3rem;}
		.course_cont .hole-title > span{font-size: 1.2rem;}
		.course_cont .hole-title > span + span:before{padding-right: 6px;padding-left: 3px;}
		.course_cont .hole-title > i{margin-bottom: -24px;}

		.course_cont > div > .row{padding-bottom: 0px;}
		.course_cont table{position: static;width: 100%;}
		.video-container{margin-top: 10px;}

		.play-button{display: none !important;}

		.floating-menu.show{top: 63px;}

		.course_cont .info > div:nth-child(2) .title{top: 0px;}


	}



/* map */
	.contact{margin-bottom: 50px;margin-top: 50px;}
	.contact > div{position: relative;}
	.contact i{font-size: 20px;background: var(--sub-color);color: #fff;float: left;width: 44px;height: 44px;border-radius: 4px;transition: all 0.3s ease-in-out;position: absolute;top: 8px;left: 0;text-align: center;line-height: 44px;}
	.contact .title {padding: 0 0 0 60px;font-size: 14px;margin-bottom: 0px;color: #151515;}
	.contact p {padding: 0 0 0 60px;  margin-bottom: 0;  font-size: 1.5rem;  color: #484848;font-weight: 600;}
	.contact .phone > p{font-size: 1.5rem;}

	.kakaomap{position: relative;}
	.kakaomap > a{position: absolute;padding: 10px 20px;right: 0;bottom: 0;background-color: #fff;color: var(--main-color);border: 1px solid var(--main-color);transition: 0.3s;z-index:999}
	.kakaomap > a:hover{background-color: var(--main-color);color: #fff;}


	@media (max-width:768px){
		.contact{margin-top: 50px;}
		.contact .address > p{font-size: 1.2rem;}
		.contact .phone > p{font-size: 1.2rem;}
		.contact i{top: 0;}
		.contact > div{margin-bottom: 20px;}
	}

/* sub_header */
	#sub_header{width: 100%;height: 258px;position: relative;padding-top: 110px;background: url('/images/bg_submenu3.jpg') center 0px no-repeat;background-size:auto 100%;border-bottom: 1px solid #eee;z-index:99;}
	#sub_header h2{padding-top: 30px; padding-bottom: 10px;font-family: "Noto Serif KR", serif;
	animation-name: fadeUpAni1; animation-duration: 0.6s; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0;text-transform:uppercase;}
	#sub_header.none_submenu h2{padding-top: 50px;}

	#sub_header .container{max-width:1200px;}

	#submain .container{max-width:1200px;}
	#submain .inner{width:100%;}

	#sub_header .submenu{display: flex;border-bottom: 1px solid #EEE;margin-top: -1px;flex-wrap:wrap;}
	#sub_header .submenu > li > a{padding: 0 20px;height: 62px;line-height: 62px;display: inline-block;font-size: 1.2rem;color: #666;}
	#sub_header .submenu > li > a.active{color:var(--main-color);position: relative;}
	#sub_header .submenu > li > a.active:before{content: '\F151';position: absolute;top: -10px;right: 0;font-family: 'bootstrap-icons';font-size: 12px;color: var(--main-color);}
	#sub_header .submenu > li > a.active:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: var(--main-color);}

	@media (max-width:992px){
		#sub_header h2{padding-left: 14px;}
	}


	@media (max-width:768px){
		#sub_header{margin: 0px auto 0;height: 120px;width: 100%;padding-top: 70px;background: url('/images/bg_submenu3.jpg') 0px 70px no-repeat;background-size:135% auto;}
		#sub_header:after{border-radius:0}
		#sub_header > div,
		#sub_header .container,
		#sub_header .submenu > li > a{height: 50px;line-height: 50px;font-size: 1rem;}
		#sub_header .submenu > li > a{padding: 0 12px;}
		#sub_header .submenu{margin-left: 0;}

		#sub_header .submenu{bottom: 0;left: 0;right: 0;transform:none}
		#sub_header .submenu a{height: 50px;line-height: 50px;font-size: 15px;padding: 0 4px;}
		#sub_header .submenu > li > a.active:before{font-size: 10px;}
		#sub_header .submenu > li:first-child > a{border-radius:0}
		#sub_header .submenu > li + li > a::before{top: 16px;}
		#sub_header .submenu.divide5{padding-top: 60px;}
		#sub_header .submenu.divide5 a{padding: 0 20px;}
		#sub_header.none_submenu{height: 70px;}
		#sub_header h2{display: none;}
		#sub_header.twolines{height: 170px;background-size:200% auto ;background-position: center 70px;}

		#submain{margin-top: 0;}
		#submain > .container{padding-top: 0;}

		.breadcrumbs{display: none;}

	}



/* footer */
	a.gotomarket2{display: none;}

	#footer{width:100%; background-color:#f7f7f7; z-index:3; position: relative;}
	#footer .container{max-width:1200px}
	.footmenu_wrap{border-bottom:1px solid #ddd; padding:24px 0;}
	.footmenu_wrap .container{display: flex;justify-content:space-between }
	.footmenu > a{color: #666;}
	.footmenu > a:hover{}
	.footmenu > a + a{padding-left:40px;}
	.footmenu > a:last-child{padding-right:0;}



	.footInfo{padding:20px 14px;}
	.footInfo span{display: inline-block;}
	.footInfo span + span{margin-left: 30px;}
	.footInfo .address{padding-bottom: 4px;}
	.foot-logo > img{width: 200px;margin-top: 5px;}

	.terms{font-size: 16px;}
	.terms .title {font-weight: bold;font-size: 1.2rem;margin-top: 50px;}
	.terms ul{margin-left: 20px;margin-bottom: 10px;}
	.terms ol{margin-left: 30px;margin-bottom: 10px;}
	.terms strong{display: block;font-weight: bold;margin-top: 20px;}
	.footmenu_cont dt{margin-top: 50px;}


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

	@media (max-width:768px){
		a.gotomarket2{display: block;position: absolute;top: 50px;right: 10px;text-align: center;}
		a.gotomarket2 i{display: block;}

		#footer{font-size: 14px;}
		.footmenu_wrap{padding:10px; font-size: 14px; }
		.footmenu_wrap .container{display: block;}
		.footmenu{padding-left: 0px;text-align: center;}
		.footmenu > a{text-align: center;}
		.footmenu > a + a{padding-left: 20px;}
		.footmenu > a:nth-child(4){padding-left: 0;}
		.footInfo span + span{margin-left: 0px;}

		.foot-logo{display: none;}
		.footInfo .phone{display: block;padding-left: 0px;}
		.copyright{font-size: 12px;}

	}




/* header */
	#header.scroll{background-color: rgba(236,236,236,.6);backdrop-filter: blur(5px);}


	#header{position: fixed;top: 0;width: 100%;height: 100px;transition: 0.2s all ease-in-out;z-index:999;background-color: rgba(255,255,255,1);border-bottom: 1px solid #eee;}
	#header h1{position: absolute;top: 25px;left: 0;z-index:999;}
	#header h1 > a{display: block;width: 230px;height: 50px;font-size:0;overflow:hidden;text-indent:-9999px;background: url('/images/logo.svg') 0 0 no-repeat; background-size: auto 100%;}
	#header h1 img{transition: 0.2s all ease-in-out;}
	#header .container{max-width:1200px}

	.pc_nav{position: absolute;top:0;left:50%; transform:translateX(-50%);transition: 0.1s all ease-in-out;width: 1200px;}
	.pc_nav .gnb{display:flex;justify-content:flex-end;}
	.pc_nav .gnb > li{}
	.pc_nav .gnb > li > a{display: inline-block;font-size: 18px;position: relative;height: 100px;display: flex;align-items: center; justify-content:center; text-align: center;transition: 0.2s all ease-in-out;font-weight: 500;padding: 0 40px;}
	.pc_nav .gnb > li > a:after{display: block;content: '';width: 100%;height: 2px;background-color:  var(--main-color);transform:scaleX(0); transition:transform 250ms ease-in-out;position: absolute;left: 0;bottom: -1px;}

	#header.on{background-color: #fff !important;height: 310px;transition: 0.1s all ease-in-out;box-shadow:2px 2px 1px rgba(0,0,0,.1)}
	#header.on:after{content: '';display: block;width: 100%;height: 100px;background-color: #fff;position: absolute;top: 0px;border-bottom: 1px solid #eee;}
	#header.on .pc_nav{z-index:99}
	#header.on .pc_nav .gnb > li > a{color: #333;}
	#header.on .pc_nav .gnb > li:hover > a{color: var(--main-color);}
	#header.on .pc_nav .gnb > li:hover > a:after {transform: scaleX(1);}
	#header.on h1 > a{background-image: url('/images/logo.svg');}


	.pc_nav .gnb .depth2{display: none;margin-top: 14px;}
	.pc_nav .gnb .depth2 a{display: inline-block;padding: 3px 0;text-align: center;width: 100%;color: #333;}
	.pc_nav .gnb .depth2 a:hover{color:  var(--main-color);}

	.pc_util{position: absolute;top: 6px;right: 14px;z-index:999;display: flex;}
	.pc_util > a{display: inline-block;padding: 4px 10px;}
	#header.on .pc_util > a{color: #000}
	.pc_util > a:hover{color: var(--main-color);}
	.pc_util > a + a{margin-left: 14px;}

	.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: 36px;}
	.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(--main-color);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(--main-color);}
	.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;}

	#quick_menu{position: fixed;right: 20px;top: 410px;width: 80px;height: auto;z-index:9;}
	#quick_menu > li{padding-bottom: 6px;}
	#quick_menu > li > a{display: block;color: #fff;text-align: center;height: 80px;background-color: #196B51;border-radius:50% 50%;padding-top: 10px;}
	#quick_menu > li > a > img{width: 45px;}
	#quick_menu > li > a:hover > img{animation-name: fadeUpAni3; animation-duration: 0.7s; animation-fill-mode: forwards;}
	#quick_menu > li > a > span{display: block;font-size: 12px;}

	@media (max-width:1300px){
		#header h1{left: 14px;}
		a.menu-book{padding: 6px;}

	}

	@media (max-width:1200px){
		.pc_nav{width: 100%;}
	}

	@media (max-width:992px){
		.pc-util{display: none;}
		.gotomarket{top: 3px;right: 60px;}

		#header{min-width: 100%;height:70px ;top: 0;background-color:rgba(255,255,255,1);}
		#header.scroll{background-color: #fff;}
		#header.scroll:after{top: 70px;}

		.btn_menu{display: none;}
		.btn_login{display: none;}
		.logo{left: 50%;transform:translateX(-50%);top: 20px;}
		.logo > a{width: 130px;}

		.mobile_menu{display: block;height: 170px;border-bottom: 1px solid #f4f4f4;}
		.mobile_quick_menu{display: block;height: auto;background-color: #92746A;margin: 0 14px;padding: 14px 0 0 0;border-radius:7px}
		.mobile_quick_menu > ul{display: flex;flex-wrap:wrap;}
		.mobile_quick_menu > ul > li{width: 25%;}
		.mobile_quick_menu > ul > li > a{padding: 0;text-align: center;font-size: 12px;color: #fff;}
		.mobile_quick_menu > ul > li > a > img{width: 30%;}
		.mobile_quick_menu > ul > li > a > span{display: block;padding: 6px 0 14px;}

		.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(--hover-color);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(--hover-color);}
		.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(--hover-color);}
		#quick_menu{display: none;}	
		
		#header h1{left: 14px;top: 16px;}
		#header h1 > a{background-size: auto 36px ;}
		
		.pc_util{display: none;}
		a.menu-book{display: none;}
		.mobile-nav-toggle{top: 8px;}

		.mobile-nav .mobile-nav-close{color: #fff;}
		
	} 
	
	@media (max-width:768px){
		
		#header h1 img{height: 40px;transition: 0.2s all ease-in-out;margin-top: 0px;}
		.gotomarket{display: none;}
		
	}