@charset "utf-8";
@import url("NotoKR.css");
.main_left {width: 100%; min-width: 1000px;}
#mainContainer .main_right .reserveBox { background: #f2ebcd;}
#mainContainer .main_right { float: right; width: 295px;}
.main_right .reserveBox {padding-bottom: 20px; height: 432px;}
.main_right .reserveBox .month_line { text-align: center;}
.reserveBox .month_line .month { font-family: 'Noto Sans Bold';font-size: 24px;}
.reserveBox .month_line .month02 { font-family: 'Noto Sans Bold';font-size: 14px;}
.month_line .arrow img { padding: 15px 30px 5px 30px;}
.main_right .reserveBox .reserve_title { padding: 20px 0 10px 0; text-align: center;}
.mainReserve {margin: 10px auto; width: 266px;}
.mainReserve tr th {width:38px; text-align: center; }
.mainReserve tr td {width:38px; text-align: center; font-size: 13px; }
.mainReserve tr td a {width:38px; text-align: center; display: block; padding: 5px 0; color: #000000;}
.mainReserve tr td a.can {background: url(../images/main_reserve_02.png) no-repeat center center;}
.mainReserve tr td a.choice {background: url(../images/main_reserve_01.png) no-repeat center center; color: #ffffff; }
.main_right .reserveBox .choice_txt {padding: 20px 0; text-align: center; color: #dc843c; font-size: 14px; font-weight: bold;}
.main_right .reserveBox .cos01 { width: 84px; float: left; margin: 0 1px 0 18px; padding-top: 38px; background: url(../images/cos_01.png) center top no-repeat; text-align: center; font-size: 24px; color: #dc843c;}
.main_right .reserveBox .cos02 { width: 84px; float: left; margin: 0 1px; padding-top: 38px; background: url(../images/cos_02.png) center top no-repeat; text-align: center;font-size: 24px;color: #dc843c;}
.main_right .reserveBox .cos03 { width: 84px; float: left; margin: 0 1px; padding-top: 38px; background: url(../images/cos_03.png) center top no-repeat; text-align: center;font-size: 24px;color: #dc843c;}

.main_right .quick_menu .quickUl { margin: 0; padding: 0;}
.main_right .friendly {height: 189px; margin-bottom: 7px;}
.main_right .friendly .fridendyTitle { background:  #a1a474; padding: 5px; color: #ffffff;
}

.main_right .quick_menu .quickUl li { float: left; margin: 0; padding: 0; border-right: 1px solid #ffffff;}

.noticeCnt {width: 100%; border-top: 1px solid #eee; padding: 12px 0;}
.noticeBox {width: 1000px; margin: auto;}
.noticeUl {background: url(../images/notice_txt.png) left no-repeat; height: 28px; padding-left: 100px; float: left;}
.noticeUl li {float: left; font-size: 14px; padding: 5px 0; width: 290px;}
.noticeUl li a{display:inline-block; width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticeUl li a .dateTxt {font-size: 14px; display: inline-block; padding-right: 10px; color: #c2a975; font-weight: normal;}
.noticeUl li.more {font-weight: bold; width: 80px;}

.weatherUl {float: left; background: url(../images/weather_txt.png) left no-repeat; height: 28px; padding-left: 100px;}
.weatherUl li {float: left;}
.weatherUl li .weatherTxt{float: left; padding-top: 5px; padding-right: 8px;}

.mainCnt {padding: 32px 0; width: 1000px; margin: auto;}
.mainCnt .mainLeft {float: left; width: 392px;}
.mainCnt .mainLeft h3 {font-size: 24px; margin-bottom: 5px; color: #000; font-weight: normal;}
.mainCnt .mainLeft h4 {font-size: 16px; font-weight: normal;font-family: 'Noto Sans Medium';}
.mainCnt .mainLeft .quickUl li {width: 150px; margin:4px; margin-top: 0px; float: left; border: 1px solid #eee; text-align: center; padding: 17px;}
.mainCnt .mainLeft .quickUl li p { line-height: 18px; font-size: 14px; }
.mainCnt .mainRight {float: left;width: 608px;}
.mainCnt .mainRight h3 {font-size: 24px; margin-bottom: 5px; color: #000; font-weight: normal;}
.mainCnt .mainRight .mainCld {position:relative; float: left; width: 350px; margin-right: 15px;}
.mainCnt .mainRight .mainCld .cldHead {position:absolute; top:-30px; right:0;}
.mainCnt .mainRight .mainCld .cldHead span.arrow {vertical-align: middle;}
.mainCnt .mainRight .mainCld .cldHead span.month {padding:0 20px;font-size:20px;}
.mainCnt .mainRight .mainCld .mainCldTbl { border-bottom: 1px solid #eee; border-left: 1px solid #eee;}
.mainCnt .mainRight .mainCld .mainCldTbl tr th { border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 2px solid #c2a975; padding: 5px 0; font-size: 14px; color: #333;}
.mainCnt .mainRight .mainCld .mainCldTbl tr th.sun { border-bottom: 2px solid #be3338; color: #be3338;}
.mainCnt .mainRight .mainCld .mainCldTbl tr th.sat { border-bottom: 2px solid #497480; color: #497480;}
.mainCnt .mainRight .mainCld .mainCldTbl tr td { border-top: 1px solid #eee; border-right: 1px solid #eee;font-size: 14px; text-align: center;}
.mainCnt .mainRight .mainCld .mainCldTbl tr td a { display: block;  padding: 10px 0; background: #fff; color: #cacaca; }
.mainCnt .mainRight .mainCld .mainCldTbl tr td a.can {background: #fff; color: #333; font-weight: bold;}
.mainCnt .mainRight .mainCld .mainCldTbl tr td a.choice {background: #e70022; color: #fff; font-weight: bold; }
.mainCnt .mainRight .mainCld .mainCldTbl tr td a.today {color:#e9bf96;}



.mainCnt .mainRight .mainCldInfo {width: 209px; float: left;}
.mainCnt .mainRight .mainCldInfo p {font-size: 16px; color: #707070; text-align: left; padding-left: 10px;}
.mainCnt .mainRight .mainCldInfo p .pointColor {padding-left: 8px; color: #e70022; font-size: 20px;}
.mainCnt .mainRight .mainCldInfo p .pointColor01 {color: #000;}
.mainCnt .mainRight .mainCldInfo .cosUl {margin-top: 21px;}
.mainCnt .mainRight .mainCldInfo .cosUl li {float: left; border-right: 1px solid #796949; text-align: center; width: 69px;}
.mainCnt .mainRight .mainCldInfo .cosUl li:nth-child(3) {border-right: none;}
.mainCnt .mainRight .mainCldInfo .cosUl li .cosName {display: block; font-size: 12px; color: #707070; letter-spacing: -1px;}
.mainCnt .mainRight .mainCldInfo .cosUl li .cosTime {display: block; font-size: 40px; color: #333; padding: 10px 0;}
.mainCnt .mainRight .mainCldInfo .cosUl li .cosTxt {display: block; font-size: 12px; color: #796949; letter-spacing: 2px;}

.mainImg {height:640px;/*border-top: 1px solid #ceb7a0; background: #313131;*/}
.mainImg .bx-wrapper {position:relative; height:100%; box-shadow:none; border:0; margin:0; }
.mainImg .bx-wrapper .bx-viewport {height:640px !important; }
.mainImg .bx-wrapper .bxslider {height:100%; }
.mainImg .bx-wrapper .bxslider div {height:100%; }
.mainImg .bx-wrapper .bx-controls-auto, 
.mainImg .bx-wrapper .bx-pager {bottom:20px; }
.mainImg .bx-wrapper .bx-pager.bx-default-pager a {width:15px; height:15px; background:rgba(255,255,255,0.3); border-radius:15px; margin:0 5px; }
.mainImg .bx-wrapper .bx-pager.bx-default-pager a.active,
.mainImg .bx-wrapper .bx-pager.bx-default-pager a:focus,
.mainImg .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#fff; }


/*190613 메인 수정*/

.event_wrap {position:relative; width:340px; height:230px;}
.event_wrap ul.event_ban {width:340px; height:230px; }
ul.event_ban li {width:340px; height:230px; overflow: hidden; coursor:pointer;}
ul.event_ban li img {width: 100%;}
.new_quick {float:left;margin-top: 21px;}
.new_quick ul li {width:209px; height:45px; line-height:45px; text-align: center;     background:url('../images/new_quick_bg.jpg') no-repeat;
 box-sizing:border-box; margin-top:5px; font-size: 18px;}
.new_quick ul li a {display:block; width:100%; height:100%; color: #fff;}




/* PAGER */
.event_wrap .bx-wrapper .bx-pager {
  position:absolute; left:0; right:0; margin:0 auto; bottom:20px;
  z-index:1000; text-align:center;
}
.event_wrap .bx-wrapper .bx-pager.bx-default-pager a {
  background: rgba(255,255,255,0.5);
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin:0 5px;
 border-radius:50%;
}
.event_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.event_wrap .bx-wrapper .bx-pager.bx-default-pager a.active,
.event_wrap .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.event_wrap .bx-wrapper .bx-pager-item,
.event_wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.event_wrap .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}


.bx-controls-direction {text-indent:-9999px;}


/*-- 2020.01.14 메인 리조트 예약 추가--*/
/*-- 메인 예약 탭 --*/
.tabs { display: flex; flex-wrap: wrap; }
.tabs label {  width:50%;  order: 1;  display: block;  padding:5px 0px;  text-align:center;  cursor: pointer;  background: #ccc;  font-weight: bold;  transition: background ease 0.2s;    color: #777;font-size: 18px;font-family: 'Noto Sans DemiLight';}
.tabs .tab { order: 99;  flex-grow: 1;  width: 100%;  display: none;  padding: 1rem;  background: #f7f7f7;}
.tabs input[type="radio"] {  display: none;}
.tabs input[type="radio"]:checked + label { background:#796849; color: #fff;}
.tabs input[type="radio"]:checked + label + .tab {  display: block;}
.mt134 {margin-top: 134px !important;}

/*--- 리조트 달력 ----*/
div.calInner { width:350px;}
div.calHead { position:relative; width:100%;}
div.calHead span.arrow {
    position:absolute;
    top:-2px;
    padding:3px 20px;
    background:url('../images/btn3_0_ic.png') no-repeat 0 9px;
    font-size:12px;
    color:#777;
    cursor:pointer;
	font-family: 'Noto Sans Regular';
}
div.calHead span.arrow_r {
    right:0;
    background:url('../images/btn4_ic.png') no-repeat 66px 9px;
}
div.calHead h2.month {
    font-size:20px;
    font-family: 'Noto Sans DemiLight';
    text-align:center;
    color:#796749;
}
div.calHead h2.month span {
    padding-left:10px;
    font-size:20px;
    color: #af8e4a;
	font-family: 'Noto Sans Regular';
}

/*--달력--*/
table.calendar {
    margin:2px auto 0;
    width: 100%;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    background:#fff;
}
table.calendar tr td {
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    padding-bottom: 0;
    font-family: "Century Gothic";
}
table.calendar tr th {
    text-align: center;
    border-bottom: 2px solid #796749;
    border-right: 1px solid #dadada;
    padding: 2px;
    font-size: 12px;
    font-weight: normal;
	line-height: 16px;
}
table.calendar tr td {}
table.calendar tr td a {
    padding-top:1px;
    display:block;
    color: #888;
    font-size: 17px;
    font-family: 'Noto Sans Regular';
    box-sizing:border-box;
}
table.calendar tr td span {
    display:block;
    font-size:11px;
    border-top:1px solid #dadada;
	line-height: 15px;
}

/*color*/
table.calendar tr th.sun,
table.calendar tr td.sun a,
table.calendar tr td.reserved.sun a {
    color:#fc574a;
}
table.calendar tr th.sat,
table.calendar tr td.sat a,
table.calendar tr td.reserved.sat a {
    color:#5b77bb;
}

/*closed 마감*/
table.calendar tr td.closed a {
    background-color:#f4f4f4;
    color:#aaa;
}
table.calendar tr td.closed a span {
    color:#aaaaaa;
}

/*reserved 예약가능*/
table.calendar tr td.reserved a {
    background-color:#fff;
    color:#000;
}
table.calendar tr td.reserved a:hover {
    background: #af8e4a;
    color: #ffffff;
}
table.calendar tr td.reserved a span {
    color:#af8e4a;
}
table.calendar tr td.reserved a:hover span {
    color:#fff;
}

/*ready 준비중*/
table.calendar tr td.ready a {
    color: #888888;
    background: #ffffff;
}
table.calendar tr td.ready a span {
    background: #ffffff;
    display: block;
    color: #ffffff;
    font-size: 11px;
	font-family: 'Noto Sans Regular';
	line-height: 14px
}
/*reserved 오픈*/
table.calendar tr td.open a {
    background-color:#af8e4a;
    color:#FFFFFF;
}
table.calendar tr td.open a span {
    color:#FFFFFF;
}
/*reserved 오픈 끝*/