@charset "utf-8";
/*예약*/
.calendarBox {width: 440px ; float: left;}
.monthUl {}
.monthUl li {float: left}
.monthUl li.btli {font-size: 20px;}
.month_line { text-align: center; padding: 0px 0 5px 0;}
.month_line .month { font-family: "Century Gothic";font-size: 24px; color: #4D4D4D;}
.month_line .year { font-family: "Century Gothic";font-size: 24px; color: #4D4D4D;}
.month_line .month02 { font-family: 'Noto Sans Bold';font-size: 14px; color: #818181;}
.cldT {margin: 10px auto;width: 100%;border-top: 1px solid #DADADA;border-left: 1px solid #DADADA; }
.cldT tr td {text-align: center; font-size: 18px; ;border-bottom: 1px solid #DADADA;border-right: 1px solid #DADADA;padding-bottom: 0; font-family: "Century Gothic";}
.cldT tr th {text-align: center; border-bottom: 2px solid #626262;border-right: 1px solid #DADADA; padding:10px;font-size: 16px; font-weight: normal; background: #fff;}
.cldT tr td a {text-align: center; display: block; padding: 10px 0 0 0; color: #A8A8A8;font-size: 25px;font-family: "Century Gothic";}
.cldT tbody tr .sun { color: #fc574a;}
.cldT tbody tr .sat { color: #5b77bb;}
.cldT tr td.sun a {color: #fc574a;}
.cldT tr td.sat a {color: #5b77bb;}
.cldT tr td.noteam.sun a {color: #fc574a;}
.cldT tr td.noteam.sat a {color: #5b77bb;}
.cldT tr td.team.sun a {color: #fc574a;}
.cldT tr td.team.sun a:Hover {color: #ffffff;}
.cldT tr td.team.sat a {color: #5b77bb;}
.cldT tr td.team.sat a:Hover {color: #ffffff;}
.cldT tr td.ready.sun a {color: #fc574a;}
.cldT tr td.ready.sat a {color: #5b77bb;}
.cldT tr td.team.menuOn a {color: #ffffff; background: #1394d2;display: block}

.cldT tr td.noteam a {color: #888888;background: #f4f4f4;}
.cldT tr td.noteam a span { background: #f4f4f4;display: block;padding: 3px;color: #aaaaaa; font-size: 12px; margin-top: 5px; border-top: 1px solid #e7e7e7;}
.cldT tr td.noteam a:Hover {color: #000000; background: #f4f4f4;display: block}
.cldT tr td.team a {color: #000000;background:#fff;}
.cldT tr td.team a:Hover {color: #ffffff;background: #1394d2}
.cldT tr td.team a span { display: block; padding: 3px; color: #1394d2; font-size: 12px; margin-top: 5px; border-top: 1px solid #e7e7e7; background-color: transparent;}
.cldT tr td.team a:Hover span { background-color: transparent; display: block; padding: 3px; color: #ffffff; font-size: 12px; border-top: 1px solid #e7e7e7;}
.cldT tr td.selected a {color: #ffffff;background: #1394d2}
.cldT tr td.selected a span { display: block; padding: 3px; color: #fff; font-size: 12px; margin-top: 5px; border-top: 1px solid #e7e7e7; background-color: transparent;}
.cldT tr td.notime {background: #f4f4f4; height: 50px;}
/*.cldT tr td.team a:Hover {color: #ffffff; background: #ea718f}*/

.cldT tr td.ready a {color: #888888;background: #ffffff;}
.cldT tr td.ready a span { background: #ffffff;display: block; padding: 3px; color: #ffffff; font-size: 12px; margin-top: 5px;}
.cldT tr td.ready a:Hover {color: #000000; background: #ffffff;display: block}



.courseBox {width: 500px; float: right; margin-top: 43px;}
.reserveCos {width: 100%;border-top: 1px solid #DADADA;}

.cosTab {margin: 0px 0 10px 0; font-size: 14px;background: #fff; width: 100%;border-bottom: 2px solid #626262}
.cosTab li.dateTxt {color:#1394d2;font-family: 'Noto Sans Medium'; font-size: 14px; padding: 12px 0 0 0; text-align: center; width: 150px;}
.cosTab li { float: left; margin-right: 8px; background: #ffffff; padding: 12px 10px; text-align: center;}
.cosTab li a { color: #000;}
.cosTab li a:Hover { color: #1394d2;}
.cosTab li.menuOn { background: #1394d2; color: #fff;}
.cosTab li.menuOn a {color: #fff;}
.cosTab li .cosSelect { font-size: 14px; padding: 2px 2px 2px 4px; margin: 0 2px 0 10px;}
a .btReserve {color: #1394d2; display: block; padding: 3px 0px; width: 100%; text-align: center;}
a:Hover .btReserve {color: #000;}
a .btReserve2 {color: #fff; display: block; padding: 2px 4px; background: #fead1e; font-weight: bold; width: 60px; text-align: center;}
a:Hover .btReserve2 {color: #000;}
.timeTable {width: 530px; overflow-y: scroll; height: 410px;}
.timeTable li { float: left; border: 1px solid #fff; padding: 5px 5px; margin: 5px 5px 0 0; background: #fff; font-size: 14px; width: 79px;}
.timeTable li .cosname { display: block; counter-reset: 12px;}
.timeTable li .timetxt { display: block; padding-bottom: 3px; font-size: 20px; padding: 3px 0;}
.timeTable li .price { color: #43A813; font-size: 13px; display: block; }
.timeTable li:nth-child(6n) {margin-right: 0;}
.timeTable li:Hover { background: #1394d2; color: #fff; }

#pop01 {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10000; padding: 100; vertical-align: middle; visibility: hidden; top: 0;left: 0;}
#pop01 .rsvPop {width: 600px; margin: 120px auto; background: #ffffff; padding: 60px;border: 5px solid #9f2323}
#pop01 .rsvPop2 {width: 640px; margin: 120px auto; background: #ffffff; padding: 60px;border: 5px solid #9f2323}


table.pkgtbl01 {    width:100%; border-top: 2px solid #000;border-bottom:1px solid #000;}
table.pkgtbl01 caption {text-align: right; font-size: 14px;}
table.pkgtbl01 tr th {    padding:12px 12px;    height:20px;    border-top:1px solid #b7b7b7;    font-size:15px;    font-weight:500;    color:#454545;    background:#fff; }
table.pkgtbl01 tr td {    padding:12px 12px;    height:20px;    border-top:1px solid #b7b7b7;    font-size:16px;    color:#454545;    line-height:24px; vertical-align: middle; background: #fff;}
table.pkgtbl01 tr td a:hover {    text-decoration:underline;}
.pkgBox {width: 500px; float: right; margin-top: 43px;}
.pkgBox .selectedBox {padding: 0 0 0px 0; font-size: 24px; text-align: center; color: #6E6E6E;}
.pkgBox .selectedBox .pointColor {color: #1394d2;}
.pkgBox .pkgtbl01 tr th.dayTxt {vertical-align: middle; font-size: 20px;color: #000;}
.pkgBt {display: inline-block; padding: 2px 6px; background: #1394d2; color: #fff; text-decoration: none; font-size: 14px; cursor: pointer;}
.pkgBox .pkgtbl01 tr td .pointColor {color: #1394d2;}
.pkgBox .pkgtbl01 tr td .pkgSelect {color: #000; background: url(../images/arw_under.png) no-repeat right center; background-color: #fff; font-size: 14px; padding: 5px 30px 5px 5px; border: 1px solid #A4A4A4}
.arlerBox {background: #fff; margin: 20px 0; padding: 40px;}
.pkgUl li {font-size: 16px; background: url(../images/pkg_spot.png) no-repeat left 12px; padding: 2px 0 2px 15px;}