@charset "utf-8";

body{overflow-x: hidden;}

.div-cont {text-align:left;margin:0 auto; max-width:1440px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}

.main-wrap{padding-top:148px; margin-bottom:30px;}

	@media all and (max-width:1600px){
		.main-wrap{width:100%; overflow-x:hidden;}
	}
	@media all and (max-width:1000px){
		.main-wrap{padding-top:80px}
	}
	@media all and (max-width:480px){
		.main-wrap{padding-top:55px}
	}
	
/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{position:relative ;z-index:0;font-family: 'GmarketSans';}
.msec-cont:after{display:block; content:"";clear:both}
.msec-cont .fl{float:left; width:calc(100% - 520px); position:relative; min-height:680px; z-index:1;box-sizing:border-box ;padding-right:50px;}
.msec-cont .fr{float:right; width:480px; position:relative; min-height:680px; z-index:3;}
.msec-cont .fr:after{display:block ;content:"";clear:both;}

.msec-cont .fl:before{background:#544fdc url(/images/reser/images/main/reserve-bg01.png) no-repeat right center; border-radius: 0  80px 80px 0;  position:absolute; right:0; top:0; height:100%; width:20000px; display:block; content:"";z-index:-1;}
.msec-cont .fl:after{background:url(/images/reser/images/main/reserve-bg02.png) no-repeat center top;position:absolute; right:-214px; top:-35px; height:100%; width:598px; display:block; content:"";z-index:-1;}
   @media all and (max-width:1440px){
		.main-wrap{background-size:auto 240px; }
		.msec-cont .fl{ width:calc(100% - 490px); min-height:640px; background-size:auto 100% }
		.msec-cont .fr{ width:450px; min-height:640px;}

		.msec-cont .fl:before{border-radius:0 60px 60px 0}
		.msec-cont .fl:after{background-size:100% auto; width:500px; right:-180px; top:-35px;}
   }
   @media all and (max-width:1220px){
		.main-wrap{background-size:auto 160px; }

		.msec-cont .fl{ width:calc(100% - 460px); min-height:600px;}
		.msec-cont .fr{ width:420px; min-height:600px;}

		.msec-cont .fl:before{border-radius:0 40px 40px 0}
		.msec-cont .fl:after{ width:400px; right:-150px; top:-35px;}
   }
   @media all and (max-width:1000px){
		.main-wrap{background:#f9fafd}

		.msec-cont .fl{float:none; width:auto;min-height:auto; padding:60px 30px 50px 30px  ; padding-left:10px;}
		.msec-cont .fr{float:none; width:auto;min-height:auto; padding-top:40px; }

		.msec-cont .fl:after{ width:320px; right:-120px; top:-35px; opacity:0.3}
   }
   @media all and (max-width:680px){
		.msec-cont .fl:after{ width:280px;}
		.msec-cont .fr{padding-top:30px;}
   }
   @media all and (max-width:480px) {
		.msec-cont .fl{padding:50px 30px 40px 30px ; padding-left:10px;}
		.msec-cont .fl:after{ width:240px;}
   }


.msec-cont .fl .tits{text-align:center; padding-top:70px; position:Relative ; z-index:11;}
.msec-cont .fl .tits h3{font-size:2.40em; font-weight:500; color:#fff;  line-height:1.2em;letter-spacing:-0.03em;;}
.msec-cont .fl .tits h3 span{color:#ffcf67}
.msec-cont .fl .tits p{margin-top:20px; font-size:1.13em;font-weight:300;color:#e6e5fd; line-height:1.35em; letter-spacing:0;}
.msec-cont .fl .tits p span{font-weight:500;}

.msec-cont .fl .cont{margin-top:45px;position:Relative ; z-index:11;}
.msec-cont .fl .cont .reserve-slide{width:calc(100% + 20px); margin-left:-10px; padding:0 10px;padding-bottom:10px;overflow:hidden; box-sizing:border-box; }
.msec-cont .fl .cont .owl-stage-outer{overflow:visible}
.msec-cont .fl .cont .item{background:#f1f0f9; border-radius:30px; min-height:300px; box-sizing:border-box; padding-top:50px; text-align:Center;transition:background 0.5s cubic-bezier(.33,.02,0,.93), box-shadow 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-cont .fl .cont .item:hover{background:#fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6)  ; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6)  ; -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6)  ; }
.msec-cont .fl .cont .item .cate{display:inline-block;vertical-align:top;font-size:0.93em ;font-weight:300; color:#444; border:1px solid #555; min-width:70px; line-height:30px; height:28px; box-sizing:Border-box; border-radius:28px; }
.msec-cont .fl .cont .item .txt{margin-top:20px;}
.msec-cont .fl .cont .item .btxt{font-size:1.07em ;font-weight:600; color:#111; min-height:42px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.msec-cont .fl .cont .item .stxt{font-size:1.00em; color:#555454; letter-spacing:-0.02em; line-height:1.3em; margin-top:15px; font-weight:400;display:inline-block;vertical-align:top; position:relative; padding-left:40px}
.msec-cont .fl .cont .item .stxt span{position:absolute; left:0; top:0; }
.msec-cont .fl .cont .item .stxt:before{border-right:1px solid #555454; position:absolute; left:34px; top:50%; height:11px; margin-top:-7px; display:block; content:""; opacity:0.75}
.msec-cont .fl .cont .item .btns{margin-top:40px; display:block;}
.msec-cont .fl .cont .item .btns a{margin-left:6px;display:inline-block;vertical-align:top;font-size:0.93em ;font-weight:400; color:#fff; min-width:90px; line-height:31px; height:28px; box-sizing:Border-box; border-radius:28px; }
.msec-cont .fl .cont .item .btns .state{display:inline-block;vertical-align:top;font-size:0.93em ;font-weight:300; color:#fff; min-width:90px; line-height:31px; height:28px; box-sizing:Border-box; border-radius:28px; }

.msec-cont .fl .cont .item .btns.enabled a{background:#615eaa}
.msec-cont .fl .cont .item .btns.enabled .state{background:#f15555}

.msec-cont .fl .cont .item .btns.disabled a{background:#5f5f5f}
.msec-cont .fl .cont .item .btns.disabled .state{background:#c2c2c2}
   @media all and (max-width:1440px){
		.msec-cont .fl .tits{padding-top:60px;}
		.msec-cont .fl .tits h3{font-size:2.20em}
		.msec-cont .fl .tits p{margin-top:15px; font-size:1.13em ;}
   }
   @media all and (max-width:1220px){
		.msec-cont .fl .tits h3{font-size:2.00em}
		.msec-cont .fl .tits p{margin-top:12px; font-size:1.07em ;}
   }
   @media all and (max-width:1000px){
		.msec-cont .fl .tits {padding-top:0;}
		.msec-cont .fl .tits h3{font-size:1.80em}
		
		.msec-cont .fl .cont{margin-top:30px;}
		.msec-cont .fl .cont .item{min-height:262px;  padding:40px 0;}
		.msec-cont .fl .cont .item .cate{font-size:0.87em; }
		.msec-cont .fl .cont .item .btxt{font-size:1.00em; min-height:38px;}
		.msec-cont .fl .cont .item .stxt{font-size:0.93em;}
		
		.msec-cont .fl .cont .item .btns{margin-top:30px;}
		.msec-cont .fl .cont .item .btns a{min-width:80px; font-size:0.87em}
		.msec-cont .fl .cont .item .btns .state{min-width:80px; font-size:0.87em}
   }
   @media all and (max-width:680px){
		.msec-cont .fl .tits h3{font-size:1.60em}
		.msec-cont .fl .tits p{margin-top:10px; font-size:1.00em ;}
		.msec-cont .fl .tits p br{display:none;}

		
		
		.msec-cont .fl .cont .item{min-height:240px;  padding:35px 0;border-radius:20px; }
		.msec-cont .fl .cont .item .cate{font-size:0.80em;height:25px; line-height:27px;}
		.msec-cont .fl .cont .item .txt{margin-top:15px;}
		.msec-cont .fl .cont .item .btxt{font-size:0.93em;}
		.msec-cont .fl .cont .item .stxt{font-size:0.87em;}
		.msec-cont .fl .cont .item .btns a{min-width:70px; font-size:0.80em ; height:25px; line-height:27px;}
		.msec-cont .fl .cont .item .btns .state{min-width:70px; font-size:0.80em; height:25px; line-height:27px;}
   }
   @media all and (max-width:480px) {
		.msec-cont .fl .tits h3{font-size:1.47em}
		.msec-cont .fl .tits p{font-size:0.93em;}

		.msec-cont .fl .cont .reserve-slide{max-width:96%; margin:0 auto;}
   }



.msec-cont .fl .ctrl{margin-top:35px;text-align:center; font-size:0;position:relative;}
.msec-cont .fl .ctrl:before{border-right:1px solid #fff; position:Absolute ;left:50%; top:0; display:block; content:""; height:100%; z-index:-1; opacity:0.5}
.msec-cont .fl .ctrl a{width:32px;height:27px; position:Relative ;display:inline-block;vertical-align:top;}
.msec-cont .fl .ctrl a:after{position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-cont .fl .ctrl .next{margin-left:45px;}
.msec-cont .fl .ctrl .prev:after{background:url(/images/reser/images/main/reserve-prev.png) no-repeat center center; background-size:100% auto;}
.msec-cont .fl .ctrl .next:after{background:url(/images/reser/images/main/reserve-next.png) no-repeat center calc(50% + 1px); background-size:100% auto;}
.msec-cont .fl .ctrl .prev:hover:after{transform:translateX(-7px)}
.msec-cont .fl .ctrl .next:hover:after{transform:translateX(7px)}
	@media all and (max-width:1440px){
		.msec-cont .fl .ctrl{margin-top:30px;}
		.msec-cont .fl .ctrl a{width:28px;height:24px;}
   }
   @media all and (max-width:1220px){
		
   }
   @media all and (max-width:1000px){
		.msec-cont .fl .ctrl{margin-top:25px;height:20px;}
		.msec-cont .fl .ctrl a{width:22px;height:20px;}
		.msec-cont .fl .ctrl .next{margin-left:35px;}
   }
   @media all and (max-width:680px){
		.msec-cont .fl .ctrl{margin-top:20px; height:16px}
		.msec-cont .fl .ctrl a{width:18px;height:16px;}

   }
   @media all and (max-width:480px) {
		.msec-cont .fl .ctrl{margin-top:15px;height:12px}
		.msec-cont .fl .ctrl a{width:16px;height:12px;}
   }





.msec-cont .notice{position:relative; margin-top:55px; padding-right:80px;}
.msec-cont .notice h3{font-size:1.20em; color:#111; letter-spacing:-0.02em; line-height:30px; height:28px; margin-bottom:15px; background:url(/images/reser/images/main/notice-ico.png) no-repeat left center; background-size:25px; padding-left:35px;}
.msec-cont .notice .more{position:absolute;right:0; top:0;font-size:0.93em ;font-weight:400; color:#111; border:1px solid #555;text-align:center; min-width:70px; line-height:30px; height:28px; box-sizing:Border-box; border-radius:28px; }
.msec-cont .notice .more:hover{background:#111; border-color:#111; color:#fff;}
.msec-cont .notice .item{}
.msec-cont .notice .item a{display:block; height:24px; line-height:28px; font-weight:500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing:-0.03em; padding-right:85px; font-size:0.93em; color:#111; position:relative; padding-left:12px; }
.msec-cont .notice .item a:before{position:Absolute; left:2px; top:12px; width:3px; height:3px; border-radius:100%;background:#333; display:block;content:""}
.msec-cont .notice .item a span{position:Absolute;right:0; top:0;  font-size:0.87em ;color:#666; font-weight:300; letter-spacing:0}

.msec-cont .notice .prev{background:url(/images/reser/images/main/notice-prev.png) no-repeat center center; width: 24px;height:24px; position:absolute;right:28px; top:45px;}
.msec-cont .notice .next{background:url(/images/reser/images/main/notice-next.png) no-repeat center center; width: 24px;height:24px; position:absolute;right:4px; top:45px;}
	@media all and (max-width:1440px){
		.msec-cont .notice{margin-top:45px;}
   }
   @media all and (max-width:1220px){
		
		.msec-cont .notice .more{font-size:0.87em; }
		.msec-cont .notice .item a {font-size:0.87em;}
		.msec-cont .notice .item a span{font-size:0.80em}
   }
   @media all and (max-width:1000px){
		.msec-cont .notice{margin-top:0; box-sizing:border-box;float:left; width:calc(100% - 380px); padding-right:0;}
		.msec-cont .notice h3{font-size:1.13em; background-size:auto 22px; padding-left:32px}

		.msec-cont .notice .prev{top:2px; right:110px; border:1px solid #cdcdcd; border-radius:100%; background-size:13px auto;}
		.msec-cont .notice .next{top:2px; right:78px; border:1px solid #cdcdcd; border-radius:100%; background-size:13px auto;}
   }
   @media all and (max-width:860px){
		.msec-cont .notice{ width:calc(100% - 350px);}
   }
   @media all and (max-width:680px){
		.msec-cont .notice{ width:auto;float:none;}
		.msec-cont .notice h3{background-size:auto 17px;padding-left:26px;}
   }
   @media all and (max-width:480px) {
		
   }



.msec-cont .zone{position:relative; margin-top:45px;}
.msec-cont .zone h3{font-size:1.20em; color:#111; letter-spacing:-0.02em; line-height:38px; height:35px; margin-bottom:5px;}
.msec-cont .zone .ctrl{position:absolute;right:10px; top:0;/* font-size:0; */}
.msec-cont .zone .count{height:35px;font-size:0.87em; font-weight:300 ;color:#111; line-height:38px;display:inline-block;vertical-align:top;margin-right:10px;}
.msec-cont .zone .count .current{color:#544fdc; font-weight:600;}
.msec-cont .zone .count .total{}
.msec-cont .zone .ctrl a{display:inline-block;vertical-align:top; width:12px;height:35px; margin:0 3px;}
.msec-cont .zone .ctrl a.prev{background:url(/images/reser/images/main/zone-prev.png) no-repeat center center;}
.msec-cont .zone .ctrl a.next{background:url(/images/reser/images/main/zone-next.png) no-repeat center center;}
.msec-cont .zone .ctrl a.stop{background:url(/images/reser/images/main/zone-stop.png) no-repeat center center;}
.msec-cont .zone .ctrl a.play{background:url(/images/reser/images/main/zone-play.png) no-repeat center center; display:none;}

.msec-cont .zone-slide{border-radius:30px; overflow:hidden}
.msec-cont .zone .item{}
.msec-cont .zone .item a{display:block;}
.msec-cont .zone .item img{width:100%;}
	@media all and (max-width:1440px){
		.msec-cont .zone{margin-top:35px;}
   }
   @media all and (max-width:1220px){
		
   }
   @media all and (max-width:1000px){
		.msec-cont .zone{float:right;width:350px; margin-top:0;}
		.msec-cont .zone h3{font-size:1.13em;}
		.msec-cont .zone .count{font-size:0.80em;}
   }
   @media all and (max-width:860px){
		.msec-cont .zone{ width:320px;}
   }
   @media all and (max-width:680px){
		.msec-cont .zone{ width:auto; margin-top:25px; float:none;}
		.msec-cont .zone-slide{border-radius:20px;} 
   }
   @media all and (max-width:480px) {
		
   }





.msec-cont .service{position:absolute;right:0; bottom:0; width:100%; box-sizing:border-box; padding:19px 0;padding-left:54px;}
.msec-cont .service:before{background:#f15555; border-radius:80px 0 0 80px; position:absolute; left:0; top:0; height:100%; width:20000px; display:block; content:"";z-index:-1;}
.msec-cont .service ul{}
.msec-cont .service ul:after{display:block; content:"";clear:both}
.msec-cont .service li{float:left; width:50%}
.msec-cont .service li a{display:block; position:Relative ; font-size:1.07em; color:#fff; letter-spacing:0; font-weight:400; padding-left:80px; height:72px; display:flex;align-items: center; justify-content: left;}
.msec-cont .service li a:before{width:72px;height:72px; position:absolute; left:0; top:0; display:block; content:"";overflow:hidden; transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-cont .service li a:hover:before{transform:scale(1) translateY(-10px)}
.msec-cont .service li:nth-child(1) a:before{background:url(/images/reser/images/main/service-ico01.png) no-repeat left center; background-size:100% auto;}
.msec-cont .service li:nth-child(2) a:before{background:url(/images/reser/images/main/service-ico02.png) no-repeat left center; background-size:100% auto;}
   @media all and (max-width:1440px){
		.msec-cont .service:before{border-radius:60px 0 0 60px}
   }
   @media all and (max-width:1220px){
		.msec-cont .service{ padding:15px 0;padding-left:46px;}
		.msec-cont .service:before{border-radius:40px 0 0 40px}
		.msec-cont .service li a{padding-left:74px; height:66px; font-size:1.00em;}
		.msec-cont .service li a:before{width:66px;height:66px;}
   }
   @media all and (max-width:1000px){
		.msec-cont .service{position:absolute; left:0;right:auto; bottom:0; width:auto; padding:10px 0; padding-left:30px; width:calc(100% - 380px); padding-left:0; padding-right:30px;}
		.msec-cont .service:before{ right:0; left:auto; border-radius:0 40px 40px 0}

		.msec-cont .service li a{padding-left:68px; height:60px; font-size:0.93em;}
		.msec-cont .service li a:before{width:60px;height:60px;}
   }
   @media all and (max-width:860px){
		.msec-cont .service{ width:calc(100% - 350px);}
   }
   @media all and (max-width:680px){
		.msec-cont .service{float:none; width:auto; position:relative; left:auto; bottom:auto; margin-top:25px; padding:10px 25px}
		.msec-cont .service:before{right:-10px}
		.msec-cont .service ul{/* font-size:0; */text-align:center;}
		.msec-cont .service li{display:inline-block;vertical-align:top; width:auto; float:none;}
		.msec-cont .service li:nth-child(n+2){margin-left:40px;}
		.msec-cont .service li a{padding-left:58px; height:50px; font-size:0.87em;}
		.msec-cont .service li a:before{width:50px;height:50px;}
   }
   @media all and (max-width:480px) {
		.msec-cont .service{padding:10px}
		.msec-cont .service li{float:left; width:50%;}
		.msec-cont .service li:nth-child(n+2){margin-left:0;}
		.msec-cont .service li a{padding-left:48px; height:40px; font-size:0.87em;}
		.msec-cont .service li a:before{width:40px;height:40px;}
   }


.gnb-box-flex h1.logo a.side {color:#544fdc !important;}
header.on .gnb-box-flex h1.logo a:last-child {background: 0;}