.bx-controls{display: none;}
.bx-wrapper .bx-viewport{left: 0px;}
#header{ position: absolute; width:100%; overflow:hidden;  height:100px; padding:0; z-index:8;transition: all 0s ease-in-out 0s;}
#myContainer{ height:100%; background-color: #f4f4f4;}
#section0 {height:570px;width:100%;background-size:cover;position: relative;overflow: hidden;margin: 100px 0 0;background: #3d3d3d;}
#visual_image {width:100%; height:570px;position:absolute; top:0; left:0; z-index:0;background-size:cover;}
#section0 .page{position:fixed; top:-160px;left:50%; margin-left:600px;z-index:9; }
#section0 .page .page_list{background-color:#2b2928; margin-bottom:16px; border-radius:15px; padding:9px 6px 9px 6px;}
#section0 .page .page_list li a {display:block;border:2px solid #fff; width:17px; height:17px; border-radius:30px; overflow:hidden; text-indent:-99999px}
#section0 .page .page_list li a.on, #section0 .page .page_list li:hover, #section0 .page .page_list li a:focus{border-radius:30px; overflow:hidden; background-color:#3fb4e9; border-color:#3fb4e9; }
#section0 .page .page_list li+li{margin-top:12px;}	
#section0 .section_in{position:absolute; bottom:0; left:0; background:url("/resource/assets/main/images/bg01.png") repeat;height:50px; width:100%}
#section0 .section_in .section_mid{ position: relative;width:1212px; margin:0 auto; color:#fff;}
#section0 .section_in .section_mid .event_layer{    position: absolute; left:0; width:190px; color:#d1fe51; font-size:16px; line-height:50px; text-align:center;border-left: 1px solid #6b6b6b; border-right: 1px solid #6b6b6b;}
#section0 .section_in .section_mid .in_menu {padding-left:242px;}
#section0 .section_in .section_mid .in_menu a{color:#d3d1d1; font-size:16px; line-height:50px; margin-right:52px;}
#section0 .section_in .section_mid .in_menu a:hover{color:#fff;}
#section0 .slick-dots{position: absolute;left: 50%;bottom: 15px;display: block;width: 1200px;padding: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);list-style: none;text-align: right;}
.btnPause{position: relative;display: block;color:#fff;bottom: -3px;text-align: center;}

/*예약 및 로그인 영역*/
.res_con{width: 1200px; height: 430px; margin:auto;}
.res_con > .con{float:left;height: 100%;}
.res_con > .con_1{position: relative; width: calc(52% - 20px);display: inline-block;margin: 20px 20px 0px 0px;}
.res_con > .con_1 > .tit{position: absolute;width: 100%;height: 43px;background-color: #315597;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 18px;color: #fff;text-align: center;line-height: 2.2;}
.res_con > .con_1 > .cal_list{position: absolute; width: 100%;height: calc(100% - 43px);background-color: #fff;top: 43px;}
.res_con > .con_1 > .cal_list .nav{text-align: center;line-height: 3;font-size: 17px;}
.res_con > .con_1 > .cal_list>.inner{width: 90%; margin: auto; border-top: 1px solid #2e2e2e;border-bottom: 1px solid #dcdcdc;}
.mbtn{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: relative;overflow: hidden;vertical-align: middle;}
button.mbtn{overflow: hidden;padding: 0px;border: 0px;font-weight: normal;background-color: transparent;cursor: pointer;}
.btn_calendar_prev, .btn_calendar_next {position: relative;width: 32px;height: 32px;}
.btn_calendar_prev:before, .btn_calendar_next:before {content: '';display: block;width: 32px;height: 32px;background: url('/resource/assets/main/images/btn_calendar01.png') no-repeat center;}
.btn_calendar_prev:disabled:before {opacity:0.5}
.btn_calendar_next:before {transform: rotate(180deg);}
.btn_calendar_next:disabled:before {opacity:0.5}
/* hidden */
.hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.res_con > .con_1 > .cal_list>.inner>table {width: 100%;margin: 0;table-layout: fixed;border-collapse: collapse;border: 0;border-spacing: 0;}
.res_con > .con_1 > .cal_list>.inner>table th{padding: 8px 0;background: #f7f7f7;border-bottom: 1px solid #dcdcdc;}
.res_con > .con_1 > .cal_list>.inner>table th.sat{color: #2755a1;}
.res_con > .con_1 > .cal_list>.inner>table th.hol{color: #ee2c2c;}
.res_con > .con_1 > .cal_list>.inner>table td{text-align: center;}
.res_con > .con_1 .days{position: relative;height: 34px;line-height: 34px;cursor: pointer;text-align: center;}
/*.res_con > .con_1 .days > .dayinfor:before{content:'▲';position:absolute;width: 100%;top:-10px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);text-align: center;color: #e1e1e1;}*/
.res_con > .con_1 .days > .dayinfor{display: none;position: absolute;background: #e1e1e1;color: #222;top: 2px;left: 0px;width: 100%;z-index: 999;padding: 2px;border-radius: 5px;text-align: center;font-size: 12px;cursor: pointer;word-break: keep-all;line-height: 1.1;}
.res_con > .con_1 .days > .dayinfor.end{background: #e1e1e1;}
.res_con > .con_1 .days > .dayinfor.imminent{background: #ff0000; color:#fff;}
.res_con > .con_1 .days > .dayinfor.possible{background: #77be32; color:#fff;}
/*마감*/.res_end{display: inline-block; width: 10px; height: 10px; background-color: #e7e6e6; border-radius: 50%;text-indent: -9999px;font-size: 0;}
/*마감인박*/.res_imminent{display: inline-block; width: 10px; height: 10px; background-color: #ff0000; border-radius: 50%;text-indent: -9999px;font-size: 0;}
/*여유*/.res_possible{display: inline-block; width: 10px; height: 10px; background-color: #77be32; border-radius: 50%;text-indent: -9999px;font-size: 0;}
/*마감 표시*/.res_state > span > .res_end{position: absolute;display: inline-block; width: 10px; height: 10px; top: 6px;left: -10px; background-color: #e7e6e6; border-radius: 50%;text-indent: -9999px;font-size: 0;}
/*마감인박 표시*/.res_state > span > .res_imminent{position: absolute;display: inline-block;width: 10px;height: 10px;top: 6px;left: -10px;background-color: #ff0000;border-radius: 50%;text-indent: -9999px;font-size: 0;}
/*여유 표시*/.res_state > span > .res_possible{position: absolute;display: inline-block; width: 10px; height: 10px; top: 6px;left: -10px; background-color: #77be32; border-radius: 50%;text-indent: -9999px;font-size: 0;}
.res_state {position: relative;width: 90%;margin: 5px auto 0;text-align: right;}
.res_state > span{position: relative;margin: 0 10px;}
.res_state em{position: relative;padding: 0px 0px 0px 5px;top: 1px;}
.border_1{border-bottom: 1px solid #b4b4b4;}
.res_con > .con_2{width:270px;height: 430px;overflow: hidden;display: inline-block;margin: 20px 20px 0px 0px;background: #eee;}
.res_con > .con_2 .banner{width:100%; height:430px;background-position: center; background-repeat: no-repeat;outline: none;text-indent: -9999px;font-size: 0;}
.res_con > .con_2 .banner > a{position: absolute;display: block;width: 100%;height: 100%;}
.res_con > .con_3{width: calc(48% - 290px);display: inline-block;margin: 20px 0px 0px 0px;background: #fff;position:relative;}
.mbtn.res_btn{position: relative;width: 100%;height: 50px;background-color: #315597;color: #fff;font-size: 18px;text-align: center;}
.mbtn.res_btn:hover{background-color: #203863;}
.mbtn.res_btn > span{position:absolute; display:block; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.login_box{width: calc(100% - 40px);margin: 25px auto 0;border-bottom: 1px dotted #ddd;}
.res_con > .con_3 .login_area01, .res_con > .con_3 .login_ser{width: 100%;}
#usrId, #usrPwd{background-size: auto 100% !important;padding: 0 0 0 50px !important;}
.usrPwd{background: url("/resource/assets/common/images/login_icon-03.png") left center no-repeat !important;border: 1px solid #dadada !important;top: 15px;position: relative;}
.res_con > .con_3 .login_area01 input[type=text], .login_area01 input[type=password]{height: 35px;line-height:1;}
.login_area01 .usrIdsave label {margin: 0 10px 0 0;font-size: 12px;line-height: 15px;color: #8b8b8b;}
.login_area01 .usrIdsave label > input[type=checkbox]{position: relative;top: 2px;}
.login_area01 .bt_login {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 34px;
    margin: 15px 0 0 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 34px;
    color: #fff;
    border: 0px;
    background: #315597;
}
.login_area01 .bt_login:hover {
    border: 0px;
    background-color: #203863;
}
.login_ser{padding: 0;}
.login_ser a{font-size: 14px;color: #8f8e8e;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
input:-internal-autofill-selected {    
    background: url("/resource/assets/common/images/login_icon-02.png") left center no-repeat !important;
    background-color: rgba(0,0,0,0) !important;
}
#login > .txt > i{
	display: block;
	width:42px;
	height:43px;
    margin: auto;	
    background: url('/resource/assets/main/images/ico_login.png') center no-repeat;
    text-indent: -9999999px;
    font-size: 0;
}
#login > .txt{
	display: block;
    font-size: 16px;
    color:#8f8e8e;    
}
#login > .txt > p{margin: 0.5em 0;line-height: 1.5;text-align: center;font-weight: 400;}
#login > .txt > p > em{color: #315597;font-weight: 600;}
.mbtn_area{width: calc(100% - 40px);height: 77px;margin: 30px auto 0px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.mbtn_area a{position: relative;display: block;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;cursor: pointer;overflow: inherit;}
.mbtn_area a > span{position: relative;display: block;width: 100%;height: 20px;flex: none;text-align: center;color:#8f8e8e;margin: 18px auto 0;}
.mbtn_area a:hover > span{color: #135fc5;}
.q_btn_1:before{content: '';position: relative;display: block;width: 100%;height: 33px;flex: none;background: url('../images/q_btn_1.png') center no-repeat;}
.q_btn_2:before{content: '';position: relative;display: block;width: 100%;height: 33px;flex: none;background: url('../images/q_btn_2.png') center no-repeat;}
.q_btn_3:before{content: '';position: relative;display: block;width: 100%;height: 33px;flex: none;background: url('../images/q_btn_3.png') center no-repeat;}
.q_btn_4:before{content: '';position: relative;display: block;width: 100%;height: 33px;flex: none;background: url('../images/q_btn_4.png') center no-repeat;}
/* 서코스 예약 버튼 추가 221205 */
.res_con > .con_3 .west_btn{position:absolute;right:-140px;top:0;width:131px;height:131px;background:url("../images/con_3_btn.png")no-repeat center center / contain;text-indent:-99999px;color:transparent;}


#section1{width:100%;}
#section1 .quick_menu{overflow:hidden;width: 1200px;margin: 50px auto;cursor: pointer;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;}
#section1 .quick_menu > span {height: 320px; overflow: hidden; position: relative; display: inspanne-block;color:#fff; font-size:32px;flex:1 0;margin:20px 0 0;}
#section1 .quick_menu span span.bg {position: absolute;z-index: -1; height: 100%; width: 100%; padding-top:0; background-size: cover; -webkit-transition: all .5s; -moz-transition: all .5s;  -o-transition: all .5s; transition: all .5s;}
#section1 .quick_menu span:hover .bg, #section1 .quick_menu span:focus .bg { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2);  transform: scale(1.2);}
#section1 .quick_menu span:hover .bg:before, #section1 .quick_menu span:focus .bg:before {display: block;}
#section1 .quick_menu span:hover , #section1 .quick_menu span:focus {display: block;}
#section1 .quick_menu span:focus .bg:before {content: "";height: 100%; width: 100%;position: absolute; top: 0; left: 0;}
#section1 .quick_menu span.q_m01{width: 1200px;height: 280px;/*outline: 1px solid #fff;outline-offset: -15px;*/}
#section1 .quick_menu span.q_m01:before{content: "";position: absolute;top: 20px;left: 20px;width: 1160px;height: 240px;border: 1px solid #fff;z-index: 9;cursor: pointer;}
#section1 .quick_menu span.q_m01 .bg {background:url("/resource/assets/main/images/sc1_bn-01.jpg") no-repeat 100%; background-size: cover;cursor: pointer;}
#section1 .quick_menu span.q_m02 .bg {background:url("/resource/assets/main/images/sc1_bn-02.jpg") no-repeat 100%; background-size: cover;cursor: pointer;}
#section1 .quick_menu span.q_m03 .bg {background:url("/resource/assets/main/images/sc1_bn-03.jpg") no-repeat 100%; background-size: cover;cursor: pointer;}
#section1 .quick_menu span.q_m04 .bg {background:url("/resource/assets/main/images/sc1_bn-04.jpg?ver=241011") no-repeat 100%; background-size: cover;cursor: pointer;}
#section1 .quick_menu span.q_m05 .bg {background:url("/resource/assets/main/images/sc1_bn-05.jpg") no-repeat 100%; background-size: cover;cursor: pointer;}
#section1 .quick_menu span.q_m05 a#q_m05{font-size:0;color:transparent;text-indent:-999999px;}
#section1 .quick_menu span.q_m05:hover .bg{transform:none;}
#section1 .quick_menu span:nth-child(1) dl:hover{height: 320px;background: rgba(0,0,0,0.5);cursor: pointer;}
#section1 .quick_menu span:nth-child(2) dl:hover{height: 320px;background: rgba(0,0,0,0.5);cursor: pointer;}
#section1 .quick_menu span:nth-child(3) dl:hover{height: 320px;background: rgba(0,0,0,0.5);cursor: pointer;}
/*
#section1 .quick_menu span:nth-child(4) dl:hover{height: 320px;background: rgba(0,0,0,0.5);cursor: pointer;}
*/
#section1 .quick_menu span dl{width:100%;height: 100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;}
#section1 .quick_menu span dl dt{height:50px;font-size:16px;text-transform: uppercase;}
#section1 .quick_menu span dl dd{position:relative; height:auto;}
#section1 .quick_menu span dl dt:after {content:'';position: relative;display:block;width: 24px;height: 1px;background: #fff;margin: 15px auto 0px;}
#section1 .quick_menu span  a{display: inline-block;color:#fff;width:235px;height:43px;line-height:43px;}
#section1 .quick_menu span  *{display:block;text-align:center;height:100%;}

.today_weather{position:absolute; bottom:0; right:0;     padding: 0 12px;width:205px;     height: 50px;     line-height: 50px;color:#fff; border-left:1px solid #6b6b6b; border-right:1px solid #6b6b6b;}
.today_weather img{width:32px; vertical-align: middle;}
.today_weather a.weather_link{    position: absolute; right:10px; top:13px;     line-height: 21px;color:#fff; font-size:14px; border-bottom:1px solid #fff; display:block;}
.today_weather .today_temp{font-size:15px; color:#fff;}
#section2{text-align:center;color:#fff;font-size:16px;background: url("/resource/assets/main/images/sc2_bn-02.jpg") no-repeat center bottom;height:300px;background-attachment: fixed;position: relative;}
#section2 .main_tit01{display:block;color:#fff;font-size: 16px;padding: 90px 0 0 0;font-weight: 100;letter-spacing: 8px;}
#section2 > span{font-size: 22px;top: 18px;position: relative;display: block;letter-spacing: 10px;font-weight: 300;}
#section2 a{color: #fff;}
#section2 a:hover{font-weight: bold;}

#section3{text-align:center;color:#566068;font-size:16px;background:#f4f4f4;background-size:cover;height: 293px;background-attachment: fixed;position: relative;}
#section3 ul{width: 1203px; margin: auto;}
#section3 ul li{position: relative;display: table-cell;width:400px;height: 166px;float: left;margin: 60px 0 0;border-right: 1px solid #c0c0c0;}
#section3 ul li:last-child{border-right: none;}
#section3 ul li em{display: block;clear: both;font-size: 18px;color: #2c2c2c;font-style: normal !important;margin: 30px 0 0;}
#section3 ul li i{display: block;clear: both;color:#9f9f9f;font-style: normal !important;text-transform: uppercase;margin: 15px 0 0;}
#section3 ul li span{display: block;clear: both;font-size: 26px;color:#266c89;font-style: normal !important;text-transform: uppercase;line-height: 1em;margin: 22px 0 0 0;}
.font-sc3-01{font-size: 20px !important;line-height: 1.2 !important;}
#section3 .main_tit01{display:block; color:#566068; font-size:38px; line-height:78px; padding:177px 0 0 0; font-weight: 400;}
#section3 a{display: block;color: #979393;font-size: 14px;width: 183px;height: 35px;margin: 34px auto 0;line-height: 35px;border: 1px solid #979393;}
#section3 a:hover{background-color:#000000}

.icon_scroll {position:absolute; bottom:70px; left:50%; margin-left:-58px;  z-index: 1; }

.intro_txt{position:absolute; top:288px; text-align:center; width:100%;/* text-shadow:1px 1px 2px #000*/ }
.text01 {position:relative; height:100px; }
.text01> div {overflow:hidden; position:absolute; top:40px; text-align:center; width:100%;opacity:0;font-size:60px; font-family: 'NanumSquare', sans-serif; font-weight:700; line-height:168px; color:#fff;}
.text01> div span{font-weight:300; }
.text03 {position:relative; height:100px; }
.text03> div {overflow:hidden; position:absolute; top:-40px; text-align:center; width:100%;font-size:20px; font-family: 'NanumSquare', sans-serif;text-align:center;line-height:60px; opacity:0;color:#fff; }
.text03> div span{color:#d0fd51}
.text_line {display:none; width:0px; margin:0 auto; height:1px; border-top:2px solid #fff;}

/*?? ???*/
.btn-an-01 {width: 180px;height: 35px;cursor: pointer;background: transparent;border: 1px solid #dfdfdf;outline: none;transition: 1s ease-in-out;margin: 50px auto;}
.btn-an-01 > svg {position: relative; fill: none; stroke: #fff;stroke-dasharray: 150 480;stroke-dashoffset: 150;transition: 1s ease-in-out;}
.btn-an-01:hover {transition: 1s ease-in-out;background: transparent;}
.btn-an-01:hover svg {stroke-dashoffset: -480;}
.btn-an-01 span {color: white;font-size: 14px;font-weight: 100;position: relative;top: -30px;text-transform: uppercase;}
.btn-an-01 span:after{content: " +";}

/* 2020 06 29 예약안내 레이어팝업 */
.reserve_layer_popup{display:none; width:100%;height:100vh;background:rgba(0,0,0,0.5);position: fixed;left:0;top:0;z-index: 1001;overflow-y: hidden;}
.reserve_layer_popup .popup_inner{position: absolute;max-width: 100%;max-height:475px;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.reserve_layer_popup .popup_inner img{ max-width:100%; }
.reserve_layer_popup .close_box{ width:auto; position: absolute; right:0; top:0; color:#444; background:#fff; height:40px; line-height:40px; padding-left:20px; }
.reserve_layer_popup .close_box input[id="chkday"]:checked + label{ background-color:#ffde7c; }
.reserve_layer_popup .close_box #close{ display: inline-block; width:25px; height:25px; position: relative; right:7.5px; top:7.5px; }
.reserve_layer_popup .close_box #close a{ display: inline-block; width:100%; height:100%; }

/* 메인 스크롤 min-width 수정 */
#wrap{min-width:1480px;}

/* 메뉴 보러가기 팝업 */
.menuSel_popup{position:fixed;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%);display:none;justify-content:center;align-items:center;background:rgba(0, 0, 0, .5);z-index:2;}
.menuSel_popup.is-active{display:flex;border:none !important;animation:none !important;}
.menuSel_popup .content{background:#fff;}
.menuSel_popup .content .bt_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f5f5f5;
    padding: 45px 20px;
    clear: both;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.menuSel_popup .content .bt_center > a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 50px);
            flex: 0 0 calc(50% - 50px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    text-indent: 0px;
}
.menuSel_popup .content .bt_center > a:before{
    content: '';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    height: 24px;
    margin-right: 4px;
    background: url(/resource/assets/common/images/icon_file.png) #fff center no-repeat;
}
.menuSel_popup .content > p{margin:5px 0 0;padding:0 10px;font-size:13px;}
.menuSel_popup .content .close{padding:10px;text-align:right;box-sizing:border-box;}
.menuSel_popup .content .close > a{font-size:15px;}