html, body, div#section {height:100%;}
div.mainVisual {position:relative; width:100%; height:100%; overflow:hidden; background-position: center; background-repeat: no-repeat; background-size: cover;}
div.mainVisual video.mainVd {position:absolute; bottom:0; left:50%; width:1920px; margin-left:-960px; z-index:-200;
}
div.reservBox {position:absolute; left:50%; bottom:120px; margin-left:-350px; width:700px;}
div.calBox {display:none; padding:20px; width:700px; height:auto; background:#fff; border-radius: 10px}
div.calBox.show {display:block;}
div.calBox ul.calInner li {float:left; width:320px; text-align:center;}
div.calBox ul.calInner li:first-child {margin-right:20px;}
h2.calHead {font-size:22px;}

table.calenda {margin-top:15px; width:100%;}
table.calenda th {height:30px; font-size:14px; font-weight:300; border-bottom: 1px solid #ddd;}
table.calenda th.sun {color:#FF4600;}
table.calenda th.sat {color:#47B5FF;}
table.calenda td {height:48px; color:#333;}
table.calenda td.sun a {color:#FF4600;}
table.calenda td.sat a {color:#47B5FF;}
table.calenda td a {display:inline-block; width:100%; height: 38px; font-size:16px; padding: 5px 0;}
table.calenda td a:hover{background:#468E40; color:#fff !important;}
table.calenda td a p{padding-top: 5px; font-size:14px; color: #999}
table.calenda td a p:hover{color: #fff}
table.calenda td a.today{background:#468E40; color:#fff !important;}
table.calenda td a.closed{background:#fff; color:#ddd !important;}
table.calenda td a.closed p{color: #ddd !important;}
table.calenda td a.today p, table.calenda td a.reserved p{color:#fff !important;}
table.calenda td a.reserved p:hover{color:#fff !important;}

ul.colorIndex {position:absolute; left:20px; bottom:90px;}
ul.colorIndex li {
    margin-right:15px;
    display:inline-block;
    font-size:15px;
    color:#333;
}
ul.colorIndex li span {
    float:left;
    margin-right:8px;
    display:inline-block;
    width:15px;
    height:15px;
}
ul.colorIndex li span.box01 {
     background-color:#468E40;
}
ul.colorIndex li span.box03 {background:#bbb; border:1px solid #ccc;}
ul.colorIndex li span.box02 {
    background-color:#3b4856;
}
div.closedBtn {position:absolute; right:20px; bottom:85px; padding:5px 28px 5px 0; background:url('../img/closedBtn.png') no-repeat right center; font-size:17px; color:#000; cursor:pointer; z-index:10}
div.reservBar {position:relative; margin:10px auto; width:430px; height:50px; background:rgba(0,0,0,0.5); border-radius: 25px;}
div.reservBar div.selectDate {padding:17.5px 0; padding-right:35px; width:340px; font-size:15px; text-align:center; color:#fff; cursor:pointer; background:url('../img/menu_reserv.png') no-repeat 40px 14px;}
div.reservBar a.reservBtn {position:absolute; top:0; right:0; display:block; width:150px; height:50px; background-color:#468E40; font-size:17px; line-height:50px; text-align:center; color:#fff; border-radius: 0 25px 25px 0;}
div.scroll {position: absolute; bottom: 30px; left: 50%; margin-left: -100px; width: 200px; z-index: 99; text-align: center;}
div.scrollIcon {margin: 0 auto 5px; width: 30px; height: 45px; border: 2px solid #fff; border-radius: 15px;}
div.scrollIcon:before {content: ''; position: absolute; top: 7px; left: 50%; width: 4px; height: 12px; background: #fff; margin-left: -2px; border-radius: 4px; animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: scroll;}
div.scrollBox .scroll a p {font-size: 14px; letter-spacing: 5px; color: #fff; margin-top: 15px}

@keyframes scroll {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translateY(10px)
    }
}
/*
div.scrollIcon {
    margin:0 auto;
    width:26px;
    height:38px;
    border:2px solid #fff;
    border-radius: 25px;
}
div.scrollIcon:before{
    content: '';
    position: absolute;
    top:7px;
    left:50%;
    width:4px;
    height:8px;
    background: #fff;
    margin-left:-2px;
    border-radius:4px;
    animation-duration:1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
}
@keyframes scroll{
    0% {opacity: 1}    
    100% {opacity: 0;transform: translateY(15px)}
}
div.scroll p {
    margin-top:10px;
    font-size:12px;
    line-height:14px;
    color:#fff;
}
*/
div.mainContents {
    background-color:#fff;
}
div.noticeArea {
    float:left;
    padding:50px 20px 0 0;
    width:320px;
    height:600px;
    border-right :1px solid #e0e0e0;
}
h2.noticeTit {
    position:relative;
    width:100%;
    font-size:18px;
    color:#000;
}
h2.noticeTit::after {
    position:absolute;
    left:0;
    bottom:-10px;
    content:'';
    display:block;
    width:35px;
    height:1px;
    background-color:#000;
}
h2.noticeTit a {
    position:absolute;
    right:0;
    font-size:12px;
    color:#959595;
}
h2.noticeTit a:hover {
    text-decoration:underline;
}
ul.noticeList {
    margin-top:30px;
}
ul.noticeList li {
    margin-bottom:15px;
}
ul.noticeList li a {font-size:16px; color:#000;}
ul.noticeList li a:hover {
    text-decoration:underline;
}
ul.noticeList li span.new {
    margin-left:8px;
}
.mainVisual .notiWrap {position: absolute; bottom: 20px; right: 120px; width:290px; height:380px; background: #fff; padding: 10px; z-index: 9; border-radius: 10px}
.mainVisual .notiWrap .cntSlide {}
.mainVisual .notiWrap .cntSlide img{width: 270px; height: 320px}

.mainVisual .notiWrap a.closedBtn {position:absolute; right:10px; bottom:10px; display: block; padding:5px 28px 5px 0; background:url('../img/closedBtn.png') no-repeat right center; font-size:17px; color:#000; cursor:pointer;}

.mainVisual .quickNavi {position:absolute; bottom:295px; right:40px; z-index:99;}
.mainVisual .quickNavi ul {width: 60px}
.mainVisual .quickNavi ul li {float: right; margin-bottom:10px;}
.mainVisual .quickNavi ul li a {float:left; display:block; width:55px; height:55px; background:#fff; border-radius:30px; overflow:hidden; font-size:16px; line-height:55px; color:#fff; box-shadow: 0 5px 10px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);}
.mainVisual .quickNavi ul li a span {float:left; display:block; width:55px; height:55px;
}
.mainVisual .quickNavi ul li a span.quickIc01 {	background:url('../img/quick_ic01.png') no-repeat;
}

/* hover css */
.mainVisual .quickNavi ul li a:hover { width:150px; background:#468E40; transition: all 0.3s ease-in-out;
}
.mainVisual .quickNavi ul li a:hover span.quickIc01 {
	background:url('../img/quick_ic01.png') no-repeat -50px 0;
}

/* Slider */
div.slick-list {
    position: relative;
    width:100%;
    height:100%;
    display: block;
    overflow:hidden;
}
div.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
div.slick-initialized .slick-slide {
    display: block;
}
/* Dots */
.slick-dotted.slick-slider {
    /*position: relative; */
    margin-bottom:30px;
}
.slick-dots {position:absolute; bottom:15px; display:block; width: auto; text-align:center; margin: auto}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    cursor: pointer;
}
.slick-dots li button {
    display:block;
    width:12px;
    height:12px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:none;
    background:transparent;
}
.slick-dots li button:before {
    position:absolute;
    top:0;
    left:0;
    content:'';
    display:block;
    width:12px;
    height:12px;
    border-radius:30px;
    background:#468E40;
    opacity:.25;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {
    opacity:1;
}

div.eventArea {
    float:left;
}
div.eventArea div.greenFee, div.event, div.notice {
    float:left;
    width:290px;
    height:600px;
    border-right :1px solid #e0e0e0;
}
div.eventArea div.greenFee {
    padding:40px 0;
    animation-delay:0.3s;
}
div.eventArea div.event {
    padding:75px 0;
}
div.eventArea div.notice {
    padding:30px 0;
    animation-delay:0.3s;
}
div.eventArea h2.eventTit {
    position:relative;
    font-size:18px;
    text-align:center;
    color:#000;
}
div.eventArea h2.eventTit::after {
    position:absolute;
    left:50%;
    bottom:-10px;
    content:'';
    display:block;
    margin-left:-17.5px;
    width:35px;
    height:1px;
    background-color:#000;
}
div.eventArea p.thumnail {
    margin:30px 0 25px 0;
    width:100%;
    height:300px;
}
div.eventArea dl.eventCnt {
    padding:0 20px;
}
div.eventArea dl.eventCnt dt {
    margin-bottom:12px;
    font-size:20px;
	line-height:26px;
    font-family: 'Noto Sans Medium';
    color:#000;
}
div.eventArea dl.eventCnt dd.txt {
    max-height:45px;
    font-size:14px;
    line-height:24px;
    color:#c2c2c2;
}
div.eventArea dl.eventCnt dd.data {
    margin-top:20px;
    font-size:12px;
    font-family: 'Noto Sans Medium';
    color:#11537a;
}

div.mainCourse {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:850px;
}
div.courseBg {
    position:absolute;
    width:100%;
    height:900px;
    z-index:0;
}
div.mainCourse div.wrap {
    position:relative;
}
.wrap .courseInfo {
    position:absolute;
    top:190px;
    right:0;
    width:585px;
    height:395px;
    background:rgba(255,255,255,0.85);
    box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);
    z-index:1;
}
div.infoSlide {
    position:relative;
    top:80px;
    margin:0 auto;
    width:450px;
    height:200px;
}

/*슬라이드리모컨*/
.wrap .courseInfo .slick-arrow {position:absolute; top:-65px; right:-58px; background: transparent; border: none; outline: none; font-size:0; color: transparent; cursor:pointer;}
.wrap .courseInfo .slick-prev {right:-24px;}
.wrap .courseInfo .slick-prev::after, .slick-next::after {display:block; content:''; width:35px; height:35px;}
.wrap .courseInfo .slick-prev::after {background:url('../img/slickPrev.png') no-repeat;}
.wrap .courseInfo .slick-next::after {background:url('../img/slickNext.png') no-repeat;}

div.infoInner h2 {
    position:relative;
    padding-top:15px;
    font-size:36px;
    color:#2d2d2d;
}
div.infoInner h2::after {position:absolute; top:0; display:block; content:''; width:50px; height:1px; background-color:#2d2d2d;}
div.infoInner h2 span {display: block; font-size:24px; margin-top: 10px}
div.infoInner p {
    margin-top:35px;
    font-size:16px;
    line-height:26px;
    color:#252525;
}
div.courseBtn {position:absolute; left:65px; bottom:50px; text-align:center;}
div.courseBtn a {float: left; margin-right:3px; display:inline-block; width:140px; height:45px; border:1px solid #468E40; background-color:#fff; font-size:17px; font-weight:600; line-height:45px; color:#468E40;}
div.courseBtn a.col {
    background-color:#468E40;
    color:#fff;
}

div.mainNotice {padding:100px 0; width:100%; height:800px; background:url('../img/brdBg.jpg') no-repeat center top; background-size: cover}
div.mainNotice div.wrap {position:relative;}
div.mainNotice h2.notiTit {display:inline-block; font-size:36px; color:#292828;}
div.mainNotice div.notiLink {position:absolute; top:0; right:0;}
div.mainNotice div.notiLink a {margin-left:15px;}

div.notiSlide {position:relative; top:60px; left:50%; margin-left:-600px; width:1200px;}
div.notiSlide ul li {height:450px;}

a.notiCnt {position:relative; float:left; display:block; margin-right:40px; width:270px; overflow:hidden; box-sizing:border-box;}
a.notiCnt:last-child{margin-right: 0}
a.notiCnt::after {position:absolute; bottom:0; left:0; display:block; content:''; width:270px; height:4px; background:#468E40}
a.notiCnt div.imgBox {width:100%; height: 320px;}
a.notiCnt div.imgBox img{width:100%; height: 100%}
a.notiCnt div.txtBox {padding:25px 0; overflow:hidden;}
a.notiCnt div.txtBox p {display:block; width:100%; height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; color: #000; letter-spacing: -1px; }
a.notiCnt div.txtBox p.date {font-size:16px; color: #999; margin:15px 0 5px;}
/* bx 슬라이드 */
.bx-wrapper {position:relative;}
.bx-pager {position: absolute; bottom:-50px; width:1200px; height:30px; text-align:center; z-index:5556;}
.bx-pager-item {
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    height:30px;
}
.bx-pager-item > a {margin:0 5px; display:block; width:15px; height:15px; background-color:#535252; border-radius:10px; font-size:0; color: transparent;}
.bx-pager-item > a.active {width:30px; background:#468E40;}
.bx-prev {
	display: none;
}
.bx-next {
	display: none;
}
li.ad .bx-pager {
    display:none;
}
/* END bx 슬라이드 */