html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; font-family: 'Noto Sans Regular';
}
/* HTML5 display-role reset for older browsers */

body.open {
    right: 250px; 
  }
.footer {bottom: 0px;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS RESET DONE */

html,body { height: 100%; }
body {
  color: #000;
  margin: 0 auto;background: #eeeeee;
}
.header {
  position: relative;
}
.clearfix {
  clear: both;
}

.container {
  padding: 30px 0 0px 0;
  text-align: center;margin-bottom: 90px;
}

h2 {
  margin: 30px 0 40px 0;
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
}
a {  text-decoration: none;}
  



a.menu-icon {
  position: absolute;
  top: 0;
  right: 50px;
  font-size: 23px;
}

ul.side-menu {
  position: fixed;
  top: 0;
  right: -500px;
  width: 500px;
  height: 100%;
  background-color: #444;
  z-index: 10;
	padding-left: 75px;

  -webkit-transition: right .3s;
  transition: right .3s;
	background: url(../images/sub_right_bg.jpg) left bottom;
}
  ul.side-menu.open {
    right: 0;
  }
  ul.side-menu li {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0 228px 0 75px;
    text-align: left;

    -webkit-transition: top .3s;
    transition: top .3s;
  }
  ul.side-menu li.loginBox {
      position: absolute;
	  height: 400px;
  }
    ul.side-menu li.metro {
      padding: 0;
      height: 125px;
      text-align: center;
      background-color: #CCC;
    }
      ul.side-menu li.metro.half { width: 50%; }
      ul.side-menu li.metro.full { width: 100%; }

    ul.side-menu h2.title {
      text-align: left;
      padding: 0 20px;
      position: relative;
      top: -60px;
      font-size: 23px;
      line-height: 60px;
      height: 60px;
      background-color: #555;
      -webkit-transition: top .3s;
      transition: top .3s;
		color: #fff;
    }
ul.side-menu h2.title a {color: #fff;}
    ul.side-menu li a {
      display: block;
      font-size: 14px;
      padding: 0;
      margin: 0;
      height: inherit;
      line-height: inherit;
		text-decoration: none; color: #fff;
    }
      ul.side-menu li.metro a {
        margin: 42px 0;
        height: 40px;
        font-size: 40px;
      }
.commonUl li {background: url(../images/spot_01.png) left 8px no-repeat; padding-left: 20px; text-align: left; line-height: 20px; margin-top: 10px;}
h1.type02 .smallH1 {font-size: 28px; color: #4D4D4D;font-family: 'Noto Sans Light';}
h1.type02 #couseInfoHoleText {font-size: 28px; color: #1394d2;Noto Sans Regular;padding-right: 20px; }

/*Course*/
.cos_select {position:relative; width:1000px; height:100px; padding-top:30px;}
.cos_select span.red {position:absolute; top:0; left:0;}
.cos_select span.blue {position:absolute; top:0; left:500px;}
.cos_select .cosUl {margin: auto; height: 20px;}
.cos_select .cosUl li {float:left;}
.cos_select .cosUl li a {display: inline-block; padding: 15px 0; width: 50px;font-size: 22px; background: url(../images/cos/cos_bg.png) center center no-repeat; text-align: center;}
.cos_select .cosUl li a:Hover {background: url(../images/cos/cos_bg_on.png) center center no-repeat; color: #ededed;}
.cos_select .cosUl li.menuOn a {background: url(../images/cos/cos_bg_on.png) center center no-repeat; color: #ededed;}
.cos_select .cosUl li:nth-child(10) {margin-left:50px;}

.cos_select .cosUl li.cos_blue a:Hover {background: url(../images/cos/cos_bg_blue.png) center center no-repeat; color: #ededed;}
.cos_select .cosUl li.cos_blue.menuOn a {background: url(../images/cos/cos_bg_blue.png) center center no-repeat; color: #ededed;}


.cosBox {border-top: 2px solid #000;border-bottom: 2px solid #000; margin: 40px 0;padding: 10px 0 40px 0; min-height:550px;}
/* 슬라이드버튼 */
.bx-pager {
	
	width:100%;
	text-align:center;
}
.bx-pager-item {
	display: inline;
}
.bx-pager-item > a {
	display:inline-block;
	margin:0 5px;
	width:20px;
	height:20px;
	background-color:#f15b23;
	border-radius:10px;
	font-size:0;
	color:transparent;
}
/* 버튼클릭시 */
.bx-pager-item>a.active {
    width:38px;
}
/* 이전버튼 */
.bx-prev {
	display: none;
}
/* 다음버튼 */
.bx-next {
	display: none;
}
.sliderwrap {width: 658px; margin: auto; text-align: center;padding:0;}
/* 각종 버튼*/
a .btn01 {
	display: inline-block;
	width: 80px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #2ca350;
}
a .btn01_gray {
	display: inline-block;
	width: 80px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #999999;
}
a .btn02 {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #6A6A6A;
}
a .btn03 {
	display: inline-block;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #6A6A6A;
}
a .btnSmall {
	display: inline-block;
	margin-right: 0px;
	margin-left: 2px;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #6A6A6A;
}
a .btOk {color: #fff; display: table-cell; padding: 4px 6px; background: #9f2323;  width: 80px; text-align: center; font-size: 16px;}
a:Hover .btOk {color: #000;}
a .btOkBig {color: #fff; padding: 5px 8px; background: #9f2323; font-weight: bold; text-align: center; font-size: 16px;}
a:Hover .btOkBig {color: #000;}
a .btOkSmall {color: #fff; padding: 4px 10px; background: #9f2323;text-align: center; font-size: 13px; margin: 0;}
a:Hover .btOkSmall {color: #000;}

a .btOkSmall2 {color: #fff; display: table-cell; padding: 2px 6px; background: #9f2323; 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;}
.btBox {
	text-align: center;
	margin-top: 22px;
	margin-bottom: 22px;
}
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;}

a .btBig { display:table-cell; width: 30px; text-align: center; font-size: 16px; border: 1px solid #2d2d2d; margin: 0 1px; padding: 10px 30px;}
a:Hover .btBig { background: #9f2323; color: #fff; font-size: 16px; border: 1px solid #9f2323;}
/*paging*/
.pagingBox {text-align: center; margin: 40px;}
.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;}
/*commonUl*/
.commonUl li {background: left 12px url(../images/spot_01.png) no-repeat; font-size: 14px; padding: 4px 0 0 10px;}
.commonUl2 {margin: 20px 0 40px;} 
.commonUl2 li {background: left 12px url(../images/spot_01.png) no-repeat; font-size: 15px; padding: 4px 0 0 10px; color: #313131}
.commonUl2 li.date {background: left 12px url(../images/spot_01.png) no-repeat; font-size: 14px; padding: 4px 0 0 10px; color: #189dc3}
.commonUl2 li.txt {font-size: 14px; padding: 4px 0 0 10px;}
.commonUl3 li {background: left 10px url(../images/spot_01.png) no-repeat; font-size: 13px; padding: 0 0 0 10px;}
.commonUl_small {margin: 10px 20px 20px 20px;}
.commonUl_small li { background: url(../images/spot_01.png) left 10px no-repeat; font-size: 14px; padding-left: 20px; line-height: 22px;}
.commonUl_small2 {margin: 10px 10px 10px 10px;}
.commonUl_small2 li { background: url(../images/spot_01.png) left 10px no-repeat; font-size: 14px; padding-left: 20px; line-height: 22px;font-family: 'Noto Sans DemiLight';}

.commonUl4 {margin: 20px 0;}
.commonUl4 li {background: left 12px url(../images/spot_01.png) no-repeat; font-size: 16px; padding: 4px 0 0 20px;}

.bbstitle {font-size: 22px; margin: 20px 0; text-align: center;}
.DateTxt {font-size: 14px; padding: 0 0 20px 0; display: block;}
table.tbl01 tr td.bbsCell {padding-left: 0; padding-right: 0; padding-bottom: 40px}

.eventList li { width: 30%; margin-right: 5%; text-align: center; float: left; background: #fff; margin-bottom: 20px;margin-top: 20px;}
.eventList li:nth-child(3n) { margin-right: 0;}
.eventListBox {height:100px;padding: 10px;}
.eventListBox .eventTitle {font-size: 18px; letter-spacing: -1px;font-family: 'Noto Sans Medium'; height: 45px; display: block; line-height: 22px;}
.eventListBox .eventDate {font-size: 13px;display: block; padding: 5px 0;font-family: 'Noto Sans Medium'; color: #9f2323}
.eventList li span.evenListImg {width: 273px; height: 179px; display: block; overflow: hidden;}
.eventList li span.evenListImg img {width: 273px; }



/* common cnt */
.content2 {width: 100%;}
.titleTxt {font-size: 28px; text-align: left;font-family: 'Noto Sans Medium';}
.titleTxt_s {font-size: 22px; color:#575757; margin-top:30px;}


.titleTxt_f {font-size: 28px; text-align: left;font-family: 'Noto Sans Medium'; margin-top: 30px;}
.colorWhite {color: #fff;}
.colorPoint {color: #9c272a;}
.cntBox1000 {width: 1000px; margin: auto; text-align: left; font-size: 16px; line-height: 26px;}
.cntBox1000 img {margin-bottom:20px;}
.cntBox1000 .trans {style="width:120px; color:#ffffff; background-color: #1e97d4; border-radius: 20px; padding:5px; margin-right:5px; display: inline-block;"}
.cntBox1000 .reservButton {width:120px; float:right; text-align:center; padding:10px; border-radius:5px; border:1px solid #5f9ea0; background-color: #1e97d4; color:#fff; font-size:18px; margin-top:60px;}
.cntBox1000 .bottomImg {margin-top: 30px; width: 1000px; float:left;}

.rightContainer {width: 1000px; margin: auto; text-align: left; font-size: 16px; line-height: 26px;}
.rightContainer h4 {font-size: 24px; font-weight: normal; margin-bottom: 20px; color: #8dc73f;}
.rightContainer .title {font-size:20px;}

/* 이용안내 골프장 메뉴*/
ul.facility02 {}
ul.facility02 li {
    width:205px;
}
div.facility img {
    margin-top:20px;
}
ul.facility03 li {
    width:160px;
}S
.facility {margin-top:30px; }
.facility li {float:left; width:12.5%;}
.facility li a {display:block; height:54px; border-left:1px solid #bcbcbc;  line-height:52px; text-align:center; color:#222; font-size:18px;}
.facility li a:hover, .facility li a:focus, .facility li a.on {background:#1f97d4; color:#fff; border:1px solid #1f97d4;}
.facility + div img {display:block; margin-top:50px; width:100%;}
.facility + div img:nth-child(1) {margin-top:0;}
.facility ul li {display:inline-block; width:100%;}
.facility {text-align:left;}

.menu ul li {position:relative; float:left; width:49%; overflow:hidden; margin-left:1px;}
.menu ul li span {position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.8); width:100%; height:40px; line-height:40px; color:#fff; text-align:center;}

.facility ul li {position:relative; overflow:hidden; margin-left:1px;}
.facility ul li img {width:100%;}
.facility ul li span {position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.8); width:100%; height:40px; line-height:40px; color:#fff; text-align:center;}

.shade p {text-align:center;}

/* */

.cntBox910 {width: 910px; margin: auto; text-align: left; font-size: 18px; line-height: 26px;}
.fontSize22 {font-size: 22px;font-family: 'Noto Sans DemiLight'; line-height: 32px; }
.fontSize20 {font-size: 20px;font-family: 'Noto Sans DemiLight'; line-height: 28px; }
.fontSize18 {font-size: 18px;font-family: 'Noto Sans DemiLight'; line-height: 24px; }
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.txtBg {background: url(../images/txt_bg.png); padding: 30px;}
.location_arw li {float: left; background: url(../images/location_arw.png) no-repeat left 8px; padding-left: 20px; margin-right: 10px; color: #000;}

table.cnttbl01 {    width:100%; border-top: 2px solid #000;border-bottom:1px solid #000;}
table.cnttbl01 caption {text-align: right; font-size: 14px;}
table.cnttbl01 tr th {padding:12px 12px;    height:20px;    border-top:1px solid #000;    font-size:15px;    font-weight:500;    color:#454545;    background:#dddddd;  border-right:1px solid #000;}
table.cnttbl01 tr td {padding:12px 12px;    height:20px;    border-top:1px solid #000;    font-size:16px;    color:#454545;    line-height:24px; vertical-align: middle; border-right:1px solid #000;}
table.cnttbl01 tr td p{font-size:18px; font-weight:800;}
table.cnttbl01 tr td a:hover {    text-decoration:underline;}
.noborderright { border-right:none;}
.titleTxt02 {font-size: 24px; text-align: left;font-family: 'Noto Sans Medium'; margin: 40px 0 20px 0;}
.titleTxt03 {font-size: 20px; text-align: left;font-family: 'Noto Sans DemiLight'; margin: 20px 0 10px 0;}
.commonfont01 {text-align: left; font-size: 16px; line-height: 22px;}