html, body, div#section {height:100%;}
#section {position: relative; }

div.mainVisual {position:relative; width:100%; height:100%; overflow:hidden; background-position: center bottom; 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.cnt_w {position:absolute; bottom:0; width:100%; min-width: 1350px; height: 400px; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); padding: 180px 20px 20px 20px; z-index: 999;}
div.cnt_w .weather{display: block; float: left; width: 240px; margin-right: 20px}
div.cnt_w .weather h1{display: block; width: 100%; height: 50px; font:22px/50px 'Noto Serif', serif; letter-spacing: 2px; border-bottom: 4px solid #9d8644; color: #fff;  padding-left: 10px}
div.cnt_w .weather h1 a, div.cnt_w .reserv h1 a, div.cnt_w .notice h1 a{display: block; float: right; width: 40px; height: 50px; font:40px/50px 'Noto Sans Light'; color: #fff; text-align: center }
div.cnt_w .weather ul li{float: left; width: 80px; text-align: center;  line-height: 1.5; padding-top: 8px}
div.cnt_w .weather ul li a{color: #fff; font-family: 'Noto Sans Light'}
div.cnt_w .weather ul li img{display: block; width: 45px; text-align: center; margin: 10px auto}

div.cnt_w .reserv{display: block; float: left; width: 420px; overflow-x: auto; margin-right: 20px}
div.cnt_w .reserv h1{display: block; width: 100%; height: 50px; font:22px/50px 'Noto Serif', serif; letter-spacing: 2px; border-bottom: 4px solid #9d8644; color: #fff; padding-left: 10px}
div.cnt_w .reserv .time_w{width: 100%; overflow: hidden}
div.cnt_w .reserv .time_w .time{float: left; width: 70px; padding: 8px 5px}
div.cnt_w .reserv .time_w .time p{color: #fff; height: 25px; line-height: 25px; border-bottom: 1px solid #999}
div.cnt_w .reserv .time_w .time ul{width: 100%; height: 120px; overflow-y: auto; padding: 3px 0}
div.cnt_w .reserv .time_w .time ul li{line-height: 1.8; }
div.cnt_w .reserv .time_w .time ul li a{color: #ddd; font-family: 'Noto Sans Light'; padding: 2px;}
div.cnt_w .reserv .time_w .time ul li a:hover{background: #9d8644; color: #fff; border-radius: 4px}

div.cnt_w .notice{display: block; float: left; width: 320px; margin-right: 20px}
div.cnt_w .notice h1{display: block; width: 100%; height: 50px; font:22px/50px 'Noto Serif', serif; letter-spacing: 2px; border-bottom: 4px solid #9d8644; color: #fff; padding-left: 10px}
div.cnt_w .notice ul {padding: 6px 8px}
div.cnt_w .notice ul li{position: relative; width: 100%; margin:4px 0}
div.cnt_w .notice ul li a{display:block; width:75%; color: #fff; line-height: 1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing: -0.5px}
div.cnt_w .notice ul li span{position: absolute; right: 0; top:6px; color: #999; font-size: 14px; letter-spacing: -0.5px}

div.cnt_w .quick{display: block; float: left; width: 200px; margin-left: 20px}
div.cnt_w .quick ul{margin-top:15px}
div.cnt_w .quick ul li{position: relative; padding-left: 60px; height: 50px; margin: 8px 0;}
div.cnt_w .quick ul li a{display: block; width: 100%; height: 50px; color: #fff; line-height: 50px}
div.cnt_w .quick ul li a:before{position: absolute; display: block; content: ''; background: #9d8644; width: 50px; height: 50px; left: 0; top:0; border-radius: 50%;}
div.cnt_w .quick ul li:nth-child(1) a:before{background: #9d8644 url(../img/ico_q1.png) no-repeat center center}
div.cnt_w .quick ul li:nth-child(2) a:before{background: #9d8644 url(../img/ico_q2.png) no-repeat center center}
div.cnt_w .quick ul li:nth-child(3) a:before{background: #9d8644 url(../img/ico_q3.png) no-repeat center center}

div.cnt_w .main_mem {float: right; position: relative; width:270px; height:210px; text-align:center;}
div.cnt_w .main_mem .input_area {position: relative; width: 100%; height: 90px;}
div.cnt_w .main_mem .input_area input {float: left; width:170px; height:40px; font-size:16px; color:#888; text-align:left;}
div.cnt_w .main_mem .input_area input:nth-child(2) {margin-top:10px; }
div.cnt_w .main_mem .input_area p{color: #fff; line-height: 1.5;  text-align: left; padding: 10px 0 0 15px}
div.cnt_w .main_mem .btn_wrap {display:flex; margin-top:10px; }
div.cnt_w .main_mem .btn_wrap a {flex:1; display:inline-block; height:40px; line-height:40px; font-size:16px; color:#fff; background:#696451; margin-left:5px; }
div.cnt_w .main_mem .btn_wrap a:first-child {margin-left:0; }
div.cnt_w .main_mem .join_btn {position: absolute; right: 0; top:0; display:inline-block; width:90px; height:90px; font:18px/90px 'Noto Sans Light'; color:#fff; background:#9d8644; border-radius: 4px}

div.cnt_w .main_mem ul{position: relative; width: 100%; margin-top:15px}
div.cnt_w .main_mem ul li{position: relative; float: left; width: 90px; height: 80px; margin:auto; text-align: center;}
div.cnt_w .main_mem ul li a{display: block; width: 100%; height: 100px; color: #fff; padding-top: 20px; text-align: center; cursor: pointer}
div.cnt_w .main_mem ul li a:before{position: absolute; display: block; content: ''; background: #BE292F; width: 64px; height: 64px; left: 13px; top:0; border-radius: 50%;}
div.cnt_w .main_mem ul li a span{display: block; padding-top: 55px; height: 60px}
div.cnt_w .main_mem ul li:nth-child(1) a:before{background: #9d8644
 url(../img/ico_q5.png) no-repeat center center}
div.cnt_w .main_mem ul li:nth-child(2) a:before{background: #9d8644  url(../img/ico_q4.png) no-repeat center center}
div.cnt_w .main_mem ul li:nth-child(3) a:before{background: #9d8644  url(../img/ico_q6.png) no-repeat center center}

/*-- scroll --*/
.time ul::-webkit-scrollbar {width: 6px; } /*스크롤바의 너비*/
.time ul::-webkit-scrollbar-thumb { background: #666;  background-clip: padding-box; border: 1px solid transparent; border-top-left-radius: 2px; border-bottom-right-radius: 2px;} /*스크롤바의 색상*/
.time ul::-webkit-scrollbar-track {background:rgba(55,55,55,0.5);} /*스크롤바 트랙 색상*/

/*::-webkit-scrollbar {height: 1px; width: 1px;}
::-webkit-scrollbar-track {background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: #fff;}*/

/* pop */
.mpop {position: fixed; top: 130px; right: 20px; width:456px; height:535px; background: #fff; border-radius: 5px; z-index: 999; }
.mpop .cntSlide {}
.mpop .cntSlide img{width: 456px; height: 490px;}
.mpop a.closedBtn {position:absolute; right:15px; bottom:12px; display: block; padding:5px 28px 5px 0; background:url('../img/closedBtn.png') no-repeat right center; font-size:17px; color:#000; cursor:pointer;}

/* 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; left: 10px; 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:#9d8644; opacity:.25;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {opacity:1;}

/* bx 슬라이드 */
.bx-wrapper {position:relative; height: 100%; margin: auto}
.bx-wrapper .bx-pager {display: none; position: absolute; bottom:27%; width:100%; height:15px; text-align:center; z-index:5556; margin: 0;}
.bx-pager-item {display:inline-block; vertical-align:middle; text-align:center; height:15px;}
.bx-pager-item > a {margin:0 5px; display:block; width:15px; height:15px; background:#fff; border-radius:10px; font-size:0; color: transparent;}
.bx-pager-item > a.active {width:30px; background:#9d8644;}
.bx-prev {display: none;}
.bx-next {display: none;}
li.ad .bx-pager {display:none;}