#visual_wrap {position:relative; height:1010px;}
.quickmenu {position:fixed; top:200px; right:0; width:190px;  background:rgba(0,0,0,0.5); z-index:3;}
.quickmenu h2 {height:48px; line-height:48px; text-align:center; color:#fff; background:#000; font-size:22px;} 
.quickmenu ul li {}
.quickmenu ul li a {display:table-cell; width:190px; height:120px; text-align:center; vertical-align:middle; color:#fff;}
.quickmenu ul li a span {display:block; }
.quickmenu .top {display:block; height:30px; line-height:30px; background:#000; text-align:center; color:#fff; cursor:pointer;}
.quickmenu .top:before {display:inline-block; content:'▲'; font-size:13px; margin-right:5px;}


.main_con {height:1010px;}
.visual_con {position:absolute; top:100px; left:50%; width:1200px; margin-left:-600px; z-index:999; }

/*-- popup --*/
#mpop{position:absolute; left:0; right:0; width:1200px; height:240px; left:50%; margin-left:-600px; top:50px; z-index: 100}
#mpop .popWrap{float: right; position: relative; width: 400px; height: 240px; letter-spacing: -1px; }
#mpop .popWrap .btn{position: absolute; bottom: 0; width: 100%; height: 40px; background: #439c47}
#mpop .popWrap .btn li{position: relative; width: 50%; float: left; line-height: 40px; padding: 0 20px}
#mpop .popWrap .btn li:last-child{text-align: right}
#mpop .popWrap .btn li a{display: inline-block; width: 100%; color: #fff; font: 16px/40px 'Noto Sans Light'; }

#mpop ul.bxslider {position:relative; top:0; left:0; width:100%; height:240px;}
#mpop ul.bxslider li{text-align: center; height: 200px}
#mpop ul.bxslider li a{display: block; height: 200px}
#mpop ul.bxslider li img{width: 100%; height: 200px}

/* 슬라이드버튼 */
#mpop .popWrap .bx-pager {position: absolute; bottom:50px; width:100%; text-align:center; z-index: 9999}
#mpop .popWrap .bx-pager-item {display: inline;}
#mpop .popWrap .bx-pager-item > a {display:inline-block; margin:0 3px; width:12px; height:12px; background: transparent; border: 2px solid #fff; border-radius:6px; font-size:0;}
/* 버튼클릭시 */
#mpop .popWrap .bx-pager-item > a.active {width:12px; background:#fff;}
/* 이전버튼 */
#mpop .popWrap .bx-prev {display: block;}
/* 다음버튼 */
#mpop .popWrap .bx-next {display: block;}
/*-- END slider 메인 슬라이드 --*/



/* s: 달력 */
.calendar {position:absolute; right: 0; top: 300px; background:#fff; text-align:center; padding: 5px; width:400px; z-index: 999}
.calendar .tit_w{position: relative; width: 100%}
.calendar .tit_w .month{position: relative; width: 43%; height: 50px; font-size: 30px; text-align: center; line-height: 50px; margin: auto}
.calendar .tit_w .month a.prev, div.leftCnt .month a.prev_off:hover{position: absolute; left: 0; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CL.png) center center no-repeat; text-indent: -10000px}
.calendar .tit_w .month a.prev_off{position: absolute; left: 0; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CLoff.png) center center no-repeat; text-indent: -10000px}
.calendar .tit_w .month{position: relative; height: 60px; font-size: 30px; text-align: center; line-height: 60px; }
.calendar .tit_w .month a.next, div.rightCnt .month a.next_off:hover{position: absolute; right: 0; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CR.png) center center no-repeat; text-indent: -10000px}
.calendar .tit_w .month a.next_off{position: absolute; right: 0; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CRoff.png) center center no-repeat; text-indent: -10000px}
.calendar .tit_w a.close{position: absolute; right: 18px; top:20px; display: block; width: 20px; height: 20px; background: url(../img/btn_close.png) center center no-repeat; text-indent: -10000px}
.calendar .tit_w .info {float: right; width: 55%; height:40px; line-height:40px; margin: 10px 0 5px; color: #999; text-align: right; padding-right: 10px}
.calendar .tit_w .info span {color:#439c47; margin: 0 5px 0 3px}

/*색 - 토,일*/
table.calTbl {width:100%; table-layout: fixed; margin: 5px 0}
table.calTbl tr th {height:20px; font-family: 'Noto Sans Light'; color:#444;}
table.calTbl tr td {height:45px; text-align: center; padding: 5px 0 }
/*색 - 토,일*/
table.calTbl tr th:last-child, table.calTbl tr td:last-child a{color:#1d5cd3 !important}
table.calTbl tr th:first-child, table.calTbl tr td:first-child a {color:#d01f27 !important}

table.calTbl tr td a {margin:0 auto; display:block;	width:30px;	height:30px; line-height:30px; font-size:16px; text-align: center; color: #999; border-radius:50%;}
/* table.calTbl tr td p{display:block; font-size:14px; margin-top: 5px; color: #999} */
table.calTbl tr td p{display:none; font-size:14px; margin-top: 5px; color: #999}
table.calTbl tr td a.today {background:#1A1818; color: #fff !important}
table.calTbl tr td a.select {background:#439c47; color: #fff !important}
table.calTbl tr td a.pick {background:#d01f27; color: #fff !important}
table.calTbl tr td a.closed {color: #ddd !important}
table.calTbl tr td a.reserve{background:#11367c; color: #fff !important}
table.calTbl tr td a.holi {background:#ddd; color:#fff;}
table.calTbl tr td a.reserved {display:block; background:#ddd; color:#fff !important;}
table.calTbl tr td a.reserve:hover{background:#439c47; color:#fff !important}


div.selectTime {width:100%; margin-top: 30px}
div.reservTab {margin-top:15px;}
div.reservTab a {float:left; display:block; width:120px; height:45px; line-height:45px; background-color:#fff; text-align:center; font-size:16px; color:#525252; border:1px solid #eee;}
div.reservTab a.tabOn {background-color:#439c47; border:1px solid #439c47; color:#fff;}

.timeInner{width: 100%; margin-top: 2px;}
.timeInner p{height: 40px; font:18px/40px 'Noto Sans Medium'; text-align: center; }
.timeInner ul {width:100%; height:49px; border-top:1px solid #ddd; border-bottom: 2px solid #999}
.timeInner ul li {float:left; text-align:center; color:#000; font-size:16px; line-height:50px; width: 152px}
.timeInner ul li:last-child {width: 24px}
/* e: 달력*/




/***********퀵메뉴**********/

.container_wrap {position:absolute; left:0; right:0; width:100%; height:180px; bottom:0; background:rgba(255,255,255,0.9);}
.container_inner {width:1200px; margin:0 auto; }
.notice {float:left; position:relative; padding-left:120px; width:460px; }
.notice h2 {position:absolute; left:0; top:25px; font-size: 28px; font-family: 'Noto Sans Light';}
.notice ul {padding-top:18px; font-size:16px; width:340px;}
.notice ul li {border-bottom:1px solid #bbb; height:45px; line-height:45px;}
.notice ul li span {float: left; font-size:13px; margin-right: 10px; color: #999}
.notice ul li a{float: left; width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing: -0.8px; color: #333 }

.weather {float:left; padding-top:30px; margin:0 40px}
.weather ul li {float:left; width:110px;  text-align:center; }
.weather ul li dl dd {display:table; width:110px;}
.weather ul li dl dd i {display:table-cell; width:90px; height:60px; text-align:center; vertical-align:middle; padding-top: 5px}
.weather ul li dl dd i img {width:50px;}
.weather ul li dl dd span.txt {display:block; font-size:15px; margin-bottom: 15px} 
.weather ul li dl dd span.temper {font-size:22px; padding-left: 5px} 

.quick {float:left;  width:320px; height:180px; padding-top:40px; }
.quick ul li {float:left;  display:table;}
.quick ul li a {display:table-cell; width:90px; text-align:center;}
.quick ul li a span {display:block; color:#444; margin-top:10px;}


/* --슬라이드-- */
div.mainVisual {
    height:100%;
}
div.sliderwrap {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.bx-wrapper {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    overflow:hidden;
}
ul.bxslider {
    position:relative;
    height:700px;
    z-index:0;
}
.bx-caption {
    position:absolute;
    top:45%;
    left:50%;
    margin-left:-600px;
    width:1200px;
    z-index:2;
	text-align: center
}
.bx-caption h2 {
    font-size:45px;
    color:#fefefe;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	letter-spacing:7px
}
.bx-caption h2 span {
    color:#4c652e;
}
.bx-caption > h3 {
    font-size:30px;
    color:#fefefe;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	letter-spacing:0.5px;
	margin-top: 20px
}
.bx-caption p {
    margin-top:55px;
    font-size:24px;
    line-height:26px;
    color:#fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}


/*-- 메인 타이틀 애니메이션--*/

.typer1 {position: absolute; top: 48%; left: 40%; text-align: center; width: 100%; z-index:99; overflow: hidden; margin: 0 auto; transform: translate(-50%, -10%); animation: typing 5s steps(500, end) 1; font-weight: 100; font-size: 100px; color: #fff; letter-spacing: 8px; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.7); animation: typing 5s steps(500, end) 1;}
.typer2 {text-align: center; top: 54%; left: 55%; transform: translate(-50%, -10%); width: 100%; z-index:99; color: #fff; position: absolute; overflow: hidden; margin: 0 auto; white-space: nowrap; word-wrap: break-word; font-weight: 100; font-size: 30px; letter-spacing: 8px; line-height: 60px; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.7); animation: typing 5s steps(500, end) 1;}
/*.typer strong {font-size:60px; font-weight: 800px; letter-spacing: 8px; margin-bottom: 20px; position: relative; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.7);}*/

@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

div.reserv{position: fixed; bottom: 0; right: 50px; width: 260px; height: 120px; z-index: 99;}
div.reserv a{display: block; width: 100%; height: 60px; line-height: 60px; color: #fff; font-size:18px; text-indent: 20px; background: }
div.reserv a.btn1{background: #b0c418 url(../img/mainNext.png) 92% center no-repeat;}
div.reserv a.btn2{background: #49729e url(../img/mainNext.png) 92% center no-repeat;}
/*--// 메인 타이틀 애니메이션--*/

/*-- 스크롤 아이콘 애니메이션 --*/
div.scroll { position: absolute; bottom: 70px; 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.eventArea {
    position:relative;
    width:100%;
    height:400px;
}
div.eventArea div {
    width:25%;
    position:absolute;
	white-space: nowrap;
}
div.slideView {
    height:400px;
    overflow:hidden;
}
ul.slider li p.caption {
    position:absolute;
    top:20px;
    left:0;
    padding:0 10px 5px 20px;
    border-bottom:1px solid #fff;
    font-size:18px;
    color:#fff;
}
ul.slider {
    height:400px;
}
ul.slider li {
    position:relative;
    width: 480px;
    height: 400px;
}
ul.slider li img {
    width:100%;
}
/*첫번째 슬라이드*/
div.eventArea div.view_00 {
    left:0;
}
div.view_00 ul.slider {
    width:3000px;
}
div.view_00 ul.slider li {
    float:left;
}

/*두번째 슬라이드*/
div.eventArea div.view_01 {
    left:50%;
}

/*세번째 슬라이드*/
div.eventArea div.view_02 {
    left:75%;
}

div.eventArea div.eventBox {
    top:0;
    left:25%;
    z-index:555;
}
dl.eventInner {
    padding:60px 80px;
    height:400px;
    background-color:#f7f7f7;
	border-left: 1px solid #000;
}
dl.eventInner dt {
    font-size:30px;
    color:#000;
}
dl.eventInner dt span {
    margin-top:10px;
    display:block;
    font-size:18px;
    color:#aaa;
}
dl.eventInner dd p {
    margin-top:25px;
    font-size:15px;
    line-height:26px;
    color:#555555;
}
dl.eventInner dd a {
    position:absolute;
    bottom:60px;
    display:block;
    width:120px;
    height:35px;
    border:1px solid #000;
    font-size:14px;
    line-height:35px;
    text-align:center;
    color:#000;
}
dl.eventInner dd a:hover {
    background-color:#000;
    color:#fff;
}
ul.control {
    position:absolute;
    bottom:0;
    right:0;
    width:100px;
}
ul.control li {
    display:block;
    float:left;
    width:50px;
    height:50px;
    background-color:#000;
    text-align:center;
    line-height:65px;
}
ul.control li.prev {
    border-right:1px solid #ddd;
}


/*-- 공지사항---*/
div.noticeWrap {width: 100%; margin: 150px 0 130px}
div.noticeWrap .notice {width:1200px; margin: 0 auto;}
div.noticeWrap .notice ul{height: 160px}
div.noticeWrap .notice ul li{position: relative; float: left; width: 270px; height: 120px; margin-right: 40px;}
div.noticeWrap .notice ul li:last-child{margin-right: 0}
div.noticeWrap .notice ul li:after{position: absolute; display: block; width: 270px; height: 5px; background: #b0c418; content: ''; bottom: 35px; left: 0;}
div.noticeWrap .notice ul li a{display: block; font:24px/1.4 'Noto Sans Bold'; color: #666; width: 100%; height: 70px; overflow: hidden; letter-spacing: -1px; padding-bottom: 20px}
div.noticeWrap .notice ul li a:hover{color: #000}
div.noticeWrap .notice ul li p{position: absolute; bottom: 0; color: #999}
div.noticeWrap .notice .more{float: right; width: 270px; background: url(../img/btn_more.png) right center no-repeat}
/*-- //공지사항---*/

/*-- S 퀵링크  ---*/

div.quickWrap {width: 100%; height: 560px;}
div.quickWrap .left{float: left; width: 50%; height: 560px; background: url(../img/main/bg01.jpg) center center no-repeat; background-size: cover}
div.quickWrap .left .wrap{width: 600px; margin-right: 0; padding: 110px 0 0 60px; text-align: left;}
div.quickWrap .left .wrap a{color: #fff;}
div.quickWrap .left .wrap a p{font-size: 24px; font-family: 'Noto Sans Bold' ; margin-bottom: 10px}
div.quickWrap .left .wrap a span{height: 15px; line-height: 15px; margin-top: 20px; padding-right: 20px;  background: url(../img/btn_more_w.png) right center no-repeat}
div.quickWrap .right{float: right; width: 50%; height: 560px; background: url(../img/main/bg02.jpg) center center no-repeat; background-size: cover}
div.quickWrap .right .wrap{width: 600px; margin-left: 0; padding: 110px 0 0 60px; text-align: left;}
div.quickWrap .right .wrap a{color: #fff;}
div.quickWrap .right .wrap a p{font-size: 24px; font-family: 'Noto Sans Bold' ; margin-bottom: 10px}
div.quickWrap .right .wrap a span{height: 15px; line-height: 15px; margin-top: 20px; padding-right: 20px;  background: url(../img/btn_more_w.png) right center no-repeat}
/*-- E 퀵링크 ---*/