.btnKeyColor{background:#B9946F;}
.btnGreyColor{background:#222;}



.selectDate{width:100%; display:flex; padding:20px 200px; background:#f7f7f7; box-sizing:border-box; }
.selectDate .selectMonthA{display:inline-block;place-self:center; width:20%;}
.selectDate .selectMonthA .selectMonth{font-size:20px; font-family:'lato'; cursor:pointer;}
.selectDate .selectMonthA .selectMonth span{display:inline-block; width:15px; margin-left:20px; position:relative;}
.selectDate .selectMonthA .selectMonthList{width:100%; position:absolute;display:none;}
.selectDate .selectMonthA .selectMonthList li{}


.selectDate .dateVisual{width:100%; display:flex;}
.selectDate .dateVisual li{padding:10px; border-radius:10px; cursor:pointer; width:100%; height:auto;box-sizing:border-box;}
.selectDate .dateVisual .on{background:#B9946F; color:#fff;}
.selectDate .dateVisual li .day{text-align:Center; font-size:18px;}
.selectDate .dateVisual li .num{text-align:Center; font-size:18px; font-weight:700; font-family:'lato'; margin-top:5px;}
.selectDate .dateVisual .sat{color:#256FFF;}
.selectDate .dateVisual .sun{color:#D30000;}

.starList{display:inline-block}
.starList li{display:inline-block; width:14px; filter:grayscale(100%)}
.starList li img{width:100%;}
.starList .on{filter:grayscale(0%)}
.score{display:inline-block; font-family:'lato'; font-size:15px; margin-left:5px;}

.price{font-size:20px;font-weight:500;font-family:'lato','ONE-Mobile-Regural';color:#d30000;margin-top:30px;}





.selectCT{width:100%;display:flex;margin-top:50px;padding:0px 200px;box-sizing:border-box; position:relative;}
.selectCT li{width:100%;display:inline-block;padding:15px 0px;border:1px solid #e5e5e5;font-size:16px;color:#222;text-align:center;border-radius:50px;margin-left:5px;cursor:pointer;}
.selectCT li:first-child{margin-left:0px;}


.selectCT .slick-prev{background:url(../images/visualPrev.png) no-repeat;width:30px;height:30px;border:0;text-indent:-9999px;position:absolute;left:165px;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;background-size:contain;}
.selectCT .slick-next{background:url(../images/visualNext.png) no-repeat;width:30px;height:30px;text-indent:-9999px;position:absolute;right:150px;top:50%;transform:translateY(-50%);cursor:pointer;background-size:contain;}



.nationalList{width:100%;padding:0px 200px;box-sizing:border-box;margin-top:50px;position:relative;}
.nationalList .cityList{width:100%;display:flex;}
.nationalList .cityList li{width:100%;position:relative;}
.nationalList .cityList li .bg{width:100%;height:100%;border-radius:100%;overflow:hidden;background:#222;}
.nationalList .cityList li .bg img{width:100%;opacity:0.6}
.nationalList .cityList li .ctnm{width:100%;text-align:Center;color:#fff;font-size:18px;position:absolute;top:50%;transform:translateY(-50%);z-index:1;font-family:'ONE-Mobile-bold'}
.nationalList{--swiper-navigation-color: #222;--swiper-pagination-color: #222;--swiper-pagination-bullet-inactive-color:#999; --swiper-pagination-bullet-inactive-opacity:0.5; }
.nationalList .swiper-button-prev{position:absolute;left:150px;}
.nationalList .swiper-button-next{position:absolute;right:150px;}


.btnListA{width:100%;text-align:Center; margin-top:50px}
.btnListA button{display:inline-block; margin-left:6px; padding:20px; box-sizing:border-box; width:230px; font-size:16px;}
.btnListA button:first-child{margin-left:0px;}
.btnListA .keyBtn{background:#B9946F; text-align:center; color:#fff;}
.btnListA .darBtn{background:#444444; text-align:center; color:#fff;}


 
.slPopup{width:100%; height:100%; position:fixed; top:0; right:-100%; z-index:9; background:rgba(0,0,0,0.5); transition:all 1s;}
.slPopCt{width:50%; max-height:94%; background:#fff; border-radius:10px; left:40%; top:50%; position:relative; transform:translate(0%, -50%); padding:20px; box-sizing:border-box; overflow-y:scroll;}
.slPopCt::-webkit-scrollbar {width: 2px;}
.slPopCt::-webkit-scrollbar-track {background-color: #f7f7f7;}
.slPopCt::-webkit-scrollbar-thumb{background: #e5e5e5;}
.slPopCt::-webkit-scrollbar-button{display: none;}
.slPopCt .topLine{width:100%;display:inline-block;}
.slPopCt .topLine .popClose{width:40px;display:inline-block;float:right;}
.slPopCt .topLine .popClose img{width:100%;}
.slPopCt .termList{width:100%;}
.slPopCt .termList dd{width:100%;margin-top:30px;}
.slPopCt .termList dd:first-child{margin-top:0px;} 
.slPopCt .termList dd .subj{font-size:18px;color:#222;font-family:'ONE-Mobile-bold';}
.slPopCt .termList dd .subs{width:100%;border-radius:10px;border:1px solid #e5e5e5;padding:15px;box-sizing:border-box;font-size:15px;margin-top:10px;height:200px;}
.slPopCt .termList dd .subs::-webkit-scrollbar {width: 2px;}
.slPopCt .termList dd .subs::-webkit-scrollbar-track {background-color: #f7f7f7;}
.slPopCt .termList dd .subs::-webkit-scrollbar-thumb{background: #e5e5e5;}
.slPopCt .termList dd .subs::-webkit-scrollbar-button{display: none;}


.counselPop{width:100%; height:100%; position:fixed; top:0; right:-100%; z-index:9; background:#fff; transition:all 1s; overflow-y:scroll;}


.w100{width:100%; font-size:16px; background:rgba(255,255,255,0)}



.popup{width:100%;height:100%;position:absolute; z-index:9; top:0; left:0; display:none;}
.popup .layerBack{width:100%;height:100%;position:fixed; background:rgba(0,0,0,0.5); left:0; top:0;}
.popup .popCont{width:300px;box-sizing:border-box;background:#fff; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%)}
.popup .popCont .popTit{text-align:center; color:#444;margin-top:20px;}
.popup .popCont .infoA{width:100%; padding:25px; box-sizing:border-box; word-break:keep-all; text-align:Center; font-size:14px;}
.popup .popCont .infoA .greyBox{width:100%; display:inline-block; padding:15px; background:#f7f7f7; box-sizing:border-box; margin-top:10px;}
.popup .popCont .infoA .greyBox:first-child{margin-top:0;}
.popup .popCont .infoA .greyBox .subj{width:50%; display:inline-block; font-size:13px; color:#777;}
.popup .popCont .infoA .greyBox .time{width:100%; margin-top:10px; font-size:18px; color:#222; font-family:'ONE-Mobile-bold'}
.popup .popCont .infoA .greyBox .subs{width:48%; display:inline-block; font-size:13px; color:#444; text-align:right;}
.popup .popCont .infoA .greyBox .infoList li{width:100%; margin-top:10px;}
.popup .popCont .infoA .greyBox .infoList li:first-child{margin-top:0px;}
.popup .popCont .infoA .arlTx{width:100%; font-size:14px; color:#444; margin-top:20px; word-break:keep-all; line-height:22px}
.popup .popCont .infoA .arlTx span{font-family:'ONE-Mobile-Bold'; color:#d30000}
.popup .popCont .btnA{width:100%; display:flex;}
.popup .popCont .btnA div{width:100%; padding:15px 0px; text-align:center; color:#fff;}
.popup .popCont .btnA div a{color:#fff;}