@charset "utf-8";
.menu1Metafo img { display: block;}
.subMenuBox {padding-bottom: 40px;}
.subMenuBox .MenuSub01 li {width: 163px; float: left; text-align: center; border-bottom: 1px solid #838383;border-left: 1px solid #838383; padding: 10px 0; font-size: 16px; background: #525252;}
.subMenuBox .MenuSub01 li a {color: #ffffff;}
.MenuSub01 li.menuOn { background: url(../images/menuon_bg.png) no-repeat left top; color: #000000; border-bottom: none;}
.MenuSub01 li.menuOn a { color: #000; font-weight: bold;}

/*예약,mypage 서브메뉴*/
.subMenuBox .MenuSub06 li {width: 210px; float: left; text-align: center; border-bottom: 1px solid #838383;border-left: 1px solid #838383; padding: 10px 0; font-size: 16px; background: #525252;}
.subMenuBox .MenuSub06 li a {color: #ffffff;}
ul.MenuSub06 li.menuOn { background: url(../images/menuon_bg.png) no-repeat left top; color: #000000; border-bottom: none;}
.MenuSub06 li.menuOn a { color: #000; font-weight: bold;}

/*이벤트 서브메뉴*/
.subMenuBox .MenuSub02 li {width: 228px; float: left; text-align: center; border-bottom: 1px solid #838383;border-left: 1px solid #838383; padding: 10px 0; font-size: 16px; background: #525252;}
.subMenuBox .MenuSub02 li a {color: #ffffff;}
ul.MenuSub02 li.menuOn { background: url(../images/menuon_bg.png) no-repeat left top; color: #000000; border-bottom: none;}
.MenuSub02 li.menuOn a { color: #000; font-weight: bold;}

/*골프연습장 서브메뉴*/
.subMenuBox .MenuSub07 li {width: 286px; float: left; text-align: center; border-bottom: 1px solid #838383;border-left: 1px solid #838383; padding: 10px 0; font-size: 16px; background: #525252;}
.subMenuBox .MenuSub07 li a {color: #ffffff;}
ul.MenuSub07 li.menuOn { background: url(../images/menuon_bg.png) no-repeat left top; color: #000000; border-bottom: none;}
.MenuSub07 li.menuOn a { color: #000; font-weight: bold;}

/*코스 서브메뉴*/
.subMenuBox .MenuSub04 li {width: 286px; float: left; text-align: center; border-bottom: 1px solid #838383;border-left: 1px solid #838383; padding: 10px 0; font-size: 16px; background: #525252;}
.subMenuBox .MenuSub04 li a {color: #ffffff;}
ul.MenuSub04 li.menuOn { background: url(../images/menuon_bg.png) no-repeat left top; color: #000000; border-bottom: none;}
.MenuSub04 li.menuOn a { color: #000; font-weight: bold;}

/*클럽안내 서브메뉴*/
.subMenuBox .MenuSub05 li {width: 228px; float: left; text-align: center; border-bottom: 1px solid #838383;border-left: 1px solid #838383; padding: 10px 0; font-size: 16px; background: #525252;}
.subMenuBox .MenuSub05 li a {color: #ffffff;}
ul.MenuSub05 li.menuOn { background: url(../images/menuon_bg.png) no-repeat left top; color: #000000; border-bottom: none;}
.MenuSub05 li.menuOn a { color: #000; font-weight: bold;}
.mapBox01 {width: 450px; float: left; margin-right: 40px;}
.mapBox02 {width: 660px; float: left;}

.facilityBox {width: 375px; float: left; overflow: hidden;}
.facilityBox2 {width: 375px; float: left; margin: 0 10px; overflow: hidden;}
.commonh4_02 {font-size: 18px; color:#fead1e; }
.commonh4_02 .point {font-size: 16px; color: #9F9F9F}
.facilityBox img,
.facilityBox2 img {
	width: 340px;
	height: 247px;
	object-fit: cover;
	overflow: hidden;
}

/*회원가입 서브메뉴*/
.subMenuBox .MenuSub09 li {width: 286px; float: left; text-align: center; border-bottom: 1px solid #838383;border-left: 1px solid #838383; padding: 10px 0; font-size: 16px; background: #525252;}
.subMenuBox .MenuSub09 li a {color: #ffffff;}
.MenuSub09 li.menuOn a { color: #000; font-weight: bold;}
ul.MenuSub09 li.menuOn { background: url(../images/menuon_bg.png) no-repeat left top; color: #000000; border-bottom: none;}
ul.MenuSub09 {border-right: 1px solid #838383;}

.subMenuBox .MenuSub10 li {width: 230px; float: left; text-align: center; border-bottom: 1px solid #838383;border-left: 1px solid #838383; padding: 10px 0; font-size: 16px; background: #525252;}
.subMenuBox .MenuSub10 li a {color: #ffffff;}
ul.MenuSub10 li.menuOn { background: url(../images/menuon_bg.png) no-repeat left top; color: #000000; border-bottom: none;}
.MenuSub10 li.menuOn a { color: #000; font-weight: bold;}

/*공통부분*/
.submenuBox {margin: 0px 0 20px 0;}
.sumenuUl li {border-radius: 50px; background: #525252; font-size: 16px; padding: 8px 30px; float: left; margin-right: 10px; color: #ffffff;}
.sumenuUl li a { color: #ffffff;}
.sumenuUl li.menuOn { background:#fead1d; }
.sumenuUl li.menuOn a { color: #FFFFFF; font-weight: bold;}
.rightMain {float: left; width: 795px; margin-left: 68px;}
.commonh2 { font-size: 40px;margin: 0; padding: 0;}
.commonh3 { background: url(../images/h3_title.png) right top no-repeat; padding-right: 20px; padding-bottom: 10px; font-size: 24px; margin: 0 0 10px 0;display: table-cell;}
.commonh3_02 {font-size: 24px; color: #959595; padding: 0;}
.commonh3_03 {font-size: 24px; color: #959595; padding: 20px 0 20px 0;}
.commonh4 {font-size: 18px; color: #959595; padding: 0;margin: 30px 0 10px 0;}
.commonh4_2 {font-size: 18px;padding: 0;margin: 20px 0 10px 0;}
.commonUl {margin: 10px 20px 20px 20px;}
.commonUl li { background: url(../images/spot_001.png) left 10px no-repeat; font-size: 15px; padding-left: 20px; line-height: 22px; margin-top: 9px; margin-bottom: 9px;}
.commonUl_small {margin: 10px 20px 20px 20px;}
.commonUl_small li { background: url(../images/spot_001.png) left 10px no-repeat; font-size: 14px; padding-left: 20px; line-height: 22px;}
.colorOrange {color: #fead1d;}
.colorPurple {color: #9e75d6;}
.fontBold {font-weight: bold;}
.colorBlue {color: #6fbcfa;}
.colorGreen {color: #85c450}
.colorGray {color: #e5e5e5}
.colorGray2 {color: #E5E5E5}
.txt_16pt {font-size: 16px;}
.txt_22pt {font-size: 22px;}
.commonTxt {font-size: 16px;}
.p_box {border: 3px solid #f8f8f8; padding: 10px 40px; margin: 20px 0;}
.p_box2 {border: 3px solid #f8f8f8; padding: 10px; margin: 0px 0 5px 0;}
.p_box3 {border: 3px solid #fead1d; padding: 10px; margin: 0px 0 5px 0;}
.weather_txt_02 img {height: 100px;}

/*테이블*/
.commonT01 {border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.commonT01 tr th {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px 0; text-align: center; font-size: 16px; background: #fbfbfb; font-weight: normal;}
.commonT01 tr td {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px 0;font-size: 16px;}
.commonT02 {border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.commonT02 tr th {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px 0 8px 10px; text-align: left; font-size: 16px; background: #fbfbfb; font-weight: normal;}
.commonT02 tr td {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px 0 8px 10px;font-size: 16px;}
.commonT02 .must { background-image: url(../images/icon_must.png); background-position: right top; background-repeat: no-repeat;}

.commonT03 {border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; margin: 10px 0;}
.commonT03 tr th {text-align:center; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px 0; font-size: 14px; background: #fbfbfb; font-weight: normal;}
.commonT03 tr td {text-align:center; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px 0;font-size: 14px;}
.commonTsmall {border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; margin: 2px 0;}
.commonTsmall tr th {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 4px; font-size: 12px; background: #fbfbfb; font-weight: normal;}
.commonTsmall tr td {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 2px;font-size: 12px;}
.pagingBox {text-align: center; margin: 20px;}
.pagingBox a .pagingTxt { display:table-cell; width: 30px; text-align: center; font-size: 13px; border: 1px solid #dddddd; margin: 0 1px; padding: 5px;}
.pagingBox a .pagingTxt.menuOn { background: #F5F5F5;}
.pagingBox a:Hover .pagingTxt { background: #F5F5F5;}

/*버튼 및 폼*/
a .btOk {color: #fff; display: table-cell; padding: 4px 6px; background: #fead1e; font-weight: bold; width: 80px; text-align: center; font-size: 16px;}
a:Hover .btOk {color: #000;}
a .btOkBig {color: #fff; padding: 4px 6px; background: #fead1e; font-weight: bold; text-align: center; font-size: 16px;}
a:Hover .btOkBig {color: #000;}
a .btOkSmall {color: #fff; display: table-cell; padding: 5px 6px; background: #fead1e; font-weight: bold; text-align: center; font-size: 13px;}
a:Hover .btOkSmall {color: #000;}

a .btOkSmall2 {color: #fff; display: table-cell; padding: 2px 6px; background: #fead1e; font-weight: bold; text-align: center; font-size: 13px;}
a:Hover .btOkSmall2 {color: #000;}

.btOkSmall3 {color: #fff; display: table-cell; padding: 5px 6px; background: #579833; font-weight: bold; text-align: center; font-size: 13px; float: left; margin-right: 10px; width: 100px;}
a .btnSmall {
	display: inline-block;
	margin-right: 0px;
	margin-left: 2px;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #6A6A6A;
}


a .bticon {color: #fff; display: table-cell; padding: 6px 12px 6px 30px;background-repeat: no-repeat; background-position: 10px; 5px; font-weight: bold; text-align: center; font-size: 14px; background-color: #fead1d; border-radius: 5px;}
a .bticon2 {color: #fff; display: table-cell; padding: 6px 12px 6px 30px;background-repeat: no-repeat; background-position: 10px; 5px; font-weight: bold; text-align: center; font-size: 14px; background-color: #9C9C9C; border-radius: 5px;}
a:Hover .bticon {color: #000;}
a .doc { background-image: url(../images/ico_hwp.gif);}
a .kor { background-image: url(../images/ico_doc.gif);}
a .pdf { background-image: url(../images/ico_pdf.gif);}


a .btCancel {color: #fff;  display: table-cell; padding: 4px 6px; background: #959595; font-weight: bold; width: 80px; text-align: center; font-size: 16px;}
a:Hover .btCancel {color: #000;}
.btBox {text-align: center; margin: 20px 0;}
#popup01 {position:absolute;left:0px;top:0px; background: url(/images/popup_bg.png); width: 100%; height: 100%; position: fixed; z-index: 10000;}
#popup01 .popupBox {width: 600px; padding: 40px; margin: auto; background: #fff;}
.commonSelect01 {font-size: 16px; color: #000; border: 1px solid #eeeeee; background: #f9f9f9; padding: 2px;}
.commonInput01 {font-size: 16px; color: #000; border: 1px solid #eeeeee; background: #f9f9f9; padding: 2px;}
.commonTxtfield {font-size: 16px; color: #000; border: 1px solid #eeeeee; background: #f9f9f9; padding: 2px;}


/*예약*/
.calendarBox {width: 287px ; float: left;}
.month_line { text-align: center; padding: 20px 0 5px 0;}
.month_line .month { font-family: 'Noto Sans Bold';font-size: 24px; color: #818181;}
.month_line .month02 { font-family: 'Noto Sans Bold';font-size: 14px; color: #818181;}
.mainReserve {margin: 10px auto;width: 287px;}
.mainReserve tr th {width:41px; text-align: center; border-bottom: 1px solid #DADADA; padding-bottom: 4px;}
.mainReserve tr td {width:41px; text-align: center; font-size: 13px; }
.mainReserve tr td a {width:41px; text-align: center; display: block; padding: 8px 0; color: #000000;}
.mainReserve tbody tr .sun { color: #d03636;}
.mainReserve tbody tr .sat { color: #3064db;}
.mainReserve tr td a.soldout {background: url(../images/soldout.png) no-repeat center center;}
.mainReserve tr td a.can {background: url(../images/main_reserve_02.png) no-repeat center center;}
.mainReserve tr td a.choice {background: url(../images/main_reserve_01.png) no-repeat center center; color: #ffffff; }
.mainReserve tr td a.today {background: url(../images/today.png) no-repeat center center; color: #ffffff; }
.mainReserve tr td a.not {background: url(../images/main_reserve_03.png) no-repeat center center; color: #ffffff; }
.couponBox {font-size: 16px; background: url(../images/coupon_img_01.png) no-repeat left top; padding-left: 250px; height: 128px; margin: 20px 0;}
.pointBox {font-size: 16px; background: url(../images/coupon_img_02.png) no-repeat left top; padding-left: 250px; height: 128px; margin: 20px 0;}
.couponColor { color: #FF5700;font-size: 22px; padding: 0 4px;}
.nameColor001 {color: #7c7e59; font-size: 22px;}
.mainCnt .monthBox {font-size: 36px; text-align: center; margin: 20px;font-family: 'Noto Sans Bold';}
.monthBox a img { padding: 0 20px; margin: 0 20px;}
.commonTcld {border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.commonTcld tr th {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px 0; text-align: center; font-size: 16px; background: #fbfbfb; font-weight: normal;}
.commonTcld tr td {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px;font-size: 16px; height: 80px; vertical-align: top;}
.commonTcld tr .sun {color: #B3181A;}
.commonTcld tr .sat {color: #0068b7;}
.commonTcld tbody tr td .join01 {background: url(../images/join_01.png) no-repeat left center; padding: 2px 0 2px 30px; display: block; margin-left: 20px; font-size: 14px;}
.commonTcld tbody tr td .join01 a {color: #9e75d6;}
.commonTcld tbody tr td .join02 {background: url(../images/join_02.png) no-repeat left center; padding: 2px 0 2px 30px; display: block; margin-left: 20px; font-size: 14px;}
.commonTcld tbody tr td .join02 a {color: #85c450;}
.commonTcld tbody tr td .day {font-size: 18px;}
.commonTcld tr td span .sun {color: #B3181A;}
.commonTcld tr td span .sat {color: #0068b7;}
.rightMain .cosTab {margin: 10px 0; font-size: 16px;}
.rightMain .cosTab li { float: left; margin-right: 3px; background: #e5e5e5; padding: 7px 7px;}
.rightMain .cosTab li a { color: #000;}
.rightMain .cosTab li.menuOn { background: #fead1d; color: #fff;}
.rightMain .cosTab li.menuOn a {color: #fff;}
.rightMain .cosTab li .cosSelect { font-size: 14px; padding: 2px 2px 2px 4px; margin: 0 2px 0 10px;}
a .btReserve {color: #fff; display: block; padding: 2px 4px; background: #fead1e; font-weight: bold; width: 80px; text-align: center;}
a:Hover .btReserve {color: #000;}
a .btReserve2 {color: #fff; display: block; padding: 2px 4px; background: #fead1e; font-weight: bold; width: 60px; text-align: center;}
a:Hover .btReserve2 {color: #000;}
a .btEvent {color: #fff; display: block; padding: 2px 4px; background: #9e75d6; font-weight: bold; width: 80px; text-align: center;}
a:Hover .btSpecial {color: #000;}
a .btSpecial {color: #fff; display: block; padding: 2px 4px; background: #85c450; font-weight: bold; width: 80px; text-align: center;}
a:Hover .btEvent {color: #000;}

a .locationBt {display: block; padding: 10px 20px; font-size: 16px; background: #0068b7; color: #ffffff; text-align: center; width: 200px; margin-bottom: 20px;}

/*회원가입*/
.memberOkBox {background: url(../images/join_img_01.png) no-repeat right bottom; padding: 60px; width: 60%; margin: auto; }
.loginBox {background: url(../images/login_img_01.png) no-repeat left top; padding: 0px 0 0 380px; min-height: 256px;}
.loginInput {width: 300px; padding: 10px; font-size: 18px; margin: 5px 3px 5px 3px;}
.idsearchInput {width: 300px; padding: 5px; font-size: 16px; margin: 5px 3px 5px 3px;}
a .loginBt {font-size: 20px; background: #fead1d; width: 322px; display: block; color: #ffffff; margin-left: 3px;margin-top: 10px; text-align: center; padding: 10px 0;}
.loginBox2 {}

/*이벤트&공지사항*/
.searchBox {text-align: right;margin:  0 0 20px }
.eventCell {float: left; width: 378px; margin: 20px 2px; overflow: hidden;}
.eventCell .eventTitle {font-size: 16px; display: block; padding: 5px 0 0 0;}
.eventCell .eventDate {font-size: 12px; display: block; color: #CC8B20;}
.eventCell .eventCimg {width: 378px; height: 250px; overflow: hidden;}
.eventCell .eventCimg img {width: 378px;}
.galleryCell {float: left; width: 200px; margin: 15px}
.galleryCell img {width: 200px; overflow: hidden;}
.galleryCell .galleryCimg {width: 200px; height: 150px; overflow: hidden;}
.galleryCell .galleryTitle {font-size: 16px; display: block; padding: 5px 0 0 0;}
.galleryCell .galleryDate {font-size: 12px; display: block; color: #CC8B20;}

/*코스*/
.cosBox {min-height: 440px;}
.cosT01 {border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.cosT01 tr th {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px 0; text-align: center; font-size: 16px; background: #fbfbfb; font-weight: normal;}
.cosT01 tr td {border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 8px 0;font-size: 16px;}
.cosT01 tr td a { display: block;}
.cosT01 tr th.cosOn {background: #02c6f7; }
.cosT01 tr th.cosOn2 {background: #f66200; }
.cosT01 tr th.cosOn3 {background: #f63193; }
.cosT01 tr td.cosOn {background: #eeeeee; }
.cosimg {float: left; width: 702px; margin-top: 20px;}
.cosTxt {float: left; margin-top: 20px;width: 448px;}
.cosName {color: #898989; font-weight: bold; display: block;}
.cosHole {font-size: 36px; font-weight: bold;padding-right: 10px; }
.cosPar{font-size: 20px; font-weight: bold; color:#000000; padding-right: 10px;}
.cosHdcp{font-size: 20px; font-weight: bold; color:#8C8A8A; padding-right: 10px;}
.costxtBox {margin-top: 20px; font-size: 16px; line-height: 22px;}
.gcos {color: #f63193;}
.pcos {color: #f66200;}
.ccos {color: #02c6f7;}