/*** 공통 ***/
.clear:after {content:'';display:block;clear:both;}
.dn {display:none;}
.for_pc {display:inline-block;}
.for_m {display:none;}
.ff_notokr {font-family:'Noto Sans KR' !important;}

@media screen and (max-width:640px){
    .for_pc {display:none;padding-top:50px;}
    .for_m {display:block;}
}

/*** 레이아웃 ***/
html{overflow:hidden; }
#wrap {min-width:360px;overflow:hidden;letter-spacing:-.5px;position:relative;background-color:#f6ebe6;word-break: keep-all;}
.inner {max-width:1480px;margin:0 auto;box-sizing:border-box;position:relative;z-index:6;font-size:0; box-sizing:border-box; padding:0 20px;}


@media only screen and (max-width:1480px) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    html.has-scroll-smooth{backface-visibility: hidden; /* transform: translateZ(0); */}
}
@media only screen and (max-width:680px){
    html.has-scroll-smooth{position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
}
@media only screen and (max-width:480px){

}	



/* ======================================================
header
=========================================================*/
.header,
.header {position:absolute;left:0;top:0;right:0;z-index:91;width:100%;min-width:360px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header.on {background:rgba(0,0,0,0.3)}
.header .hd_inner {text-align:center; max-width:1480px;margin:0 auto;position:relative; z-index:123; height:158px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition:  all 0.3s linear;}
.header .hd_inner:after {content:'';display:block;clear:both;}

.header .logo {position:absolute;left:20px;top:50%;transform:translateY(-50%);width:186px; height:74px;z-index:999; background-size:100% auto !important; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition:  all 0.3s linear;}
.header .logo span {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;line-height:0;}

.header .btn_hd_res {position:absolute;right:160px; top:57px; line-height:44px; color:#ffffff; font-size:16px; padding-left:40px; letter-spacing:-0.03em;-webkit-transition: top 0.3s linear;-moz-transition: top 0.3s linear;-o-transition: top 0.3s linear;transition:  top 0.3s linear;}
.header .btn_hd_res:hover{color:#fff;}
.header .btn_hd_res span{font-size:inherit}

.bt-allmenu{position:absolute; right:25px; top:57px; width:44px;height:44px; z-index:9912;-webkit-transition: top 0.3s linear;-moz-transition: top 0.3s linear;-o-transition: top 0.3s linear;transition:  top 0.3s linear;}


/* 상단 on */
.header.on {}
.header.on .hd_inner {height:100px;}
.header.on .logo{width:14%; height:80px;}

.header.on  .btn_hd_res {top:26px;}
.header.on  .bt-allmenu {top:26px;}

@media only screen and (max-width:1480px) {
    .header .hd_inner {height:100px;}
    .header .logo{width:100px; height:80px;}
    .header .btn_hd_res {right:130px;top:24px;}
    .header .bt-allmenu {top:26px; width:40px; height:40px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {
    .header .btn_hd_res, .header.on .btn_hd_res{right:100px; top:22px; font-size:15px; background-size:30px auto !important; padding-left:36px}
    .header .bt-allmenu {width:36px; height:36px; right:20px;}
}
@media only screen and (max-width:999px) {
    .header .hd_inner {height:80px !important;}
    .header .logo, .header.on .logo{width:145px; height:57px;}
    .header .btn_hd_res, .header.on .btn_hd_res {right:90px; top:18px; font-size:14px; background-size:24px auto !important; padding-left:30px}
    .header .bt-allmenu {width:30px; height:30px;}
}
@media only screen and (max-width:680px) {
    .header .logo, .header.on .logo{left:4px;}
    .header .btn_hd_res, .header.on .btn_hd_res {right:70px; font-size:13px; background-size:20px auto !important; padding-left:24px}
}
@media only screen and (max-width:480px) {
    .header .btn_hd_res, .header.on .btn_hd_res {font-size:12px}
}





/* ======================================================
공통
=========================================================*/
.swiper-container {overflow:hidden;}
.swiper-pagination.paging {position:static;transform:none;width:auto;}
.swiper-arw.swiper-button-next,
.swiper-arw.swiper-button-prev {cursor:pointer;width:auto;height:auto;margin:0;display:inline-block;position:static;font-size:0;}
.swiper-arw.swiper-button-next:after,
.swiper-arw.swiper-button-prev:after {display:none;}
.swiper-horizontal .swiper-pagination.swiper-paging {bottom:104px;text-align:center;z-index:5;}
.swiper-horizontal .swiper-pagination.swiper-paging .swiper-pagination-bullet {width:10px;height:10px;border-radius:10px;opacity:1;background:#fff;transition:all .4s;}
.swiper-horizontal .swiper-pagination.swiper-paging .swiper-pagination-bullet-active {width:50px;background:#e2788f;}


/* ======================================================
.visual
=========================================================*/
.visual {z-index:0;position:relative;}
.visual .round{position:absolute; left:0; bottom:0; width:100%; z-index:12; background:url('/assets/images/common/visual_bg.png') no-repeat center bottom; background-size:100% auto;}
.visual .round img{width:100%;visibility:hidden;}

.visual .visual_box {overflow:hidden;}
.visual .visual_box .swiper-slide {}
.visual .visual_box .swiper-slide {width:100%;min-height:1006px;/*transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);-webkit-transition: transform 2s ease-in-out;-moz-transition: transform 2s ease-in-out;-o-transition: transform 2s ease-in-out;transition: transform 2s ease-in-out;*/}
/*.visual .visual_box .swiper-slide-active .img img{transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}*/

.visual .visual_box .txt.oth{bottom:140px}
.visual .visual_box .txt{position:absolute; left:0; bottom:210px; width:100%; text-align:center; padding:0 40px; box-sizing:border-box}
.visual .visual_box .txt p{font-size:46px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px); -ms-transform:translateY(40px);-o-transform:translateY(40px);-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.visual .visual_box .swiper-slide-active .txt p{transition-delay: 0.2s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}

.visual .visual_control {width:324px;font-size:0;text-align:center;position:absolute;bottom:150px;left:50%;z-index:42;transform:translate(-50%,40px); line-height:1em;opacity:0;-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.visual .visual_control > * {display:inline-block;vertical-align:top;position:Relative;}
.visual .visual_control .swiper-arw {width:20px;height:20px; cursor:pointer; z-index:123;}

.visual.ani .visual_control {transition-delay: 0.4s; opacity:1;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);}

.visual .bar{font-size:0; position:absolute; width:142px; height:1px;background:#a5a5a5; top:50%; left:50%; margin-left:-71px;}
.visual .bar p{position:absolute; left:0;top:0; background:#fff; height:100%;}

.visual .paging{font-size:0; position:relative; width:214px; height:20px; top:auto; bottom:auto;}
.visual .paging {margin:0px 16px;}
.visual .paging span { font-family: 'LotteMartDream';display:inline-block;vertical-align:top;font-size:16px; font-weight:400 !important; letter-spacing:0.03em;color:#fff;position:relative; height:20px;line-height:20px;}
.visual .paging span:nth-child(1){position:absolute; left:0; top:0;}
.visual .paging span:nth-child(2){position:absolute; right:0; top:0;}

.visual .paging .swiper-pagination-current {font-weight:600;}

.visual .visual_txt.oth{bottom:140px}
.visual .visual_txt{position:absolute; left:0; bottom:210px; width:100%; text-align:center; padding:0 40px; box-sizing:border-box; z-index:921}
.visual .visual_txt p{font-size:46px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;/*-webkit-transform:translateY(40px);-moz-transform:translateY(40px); -ms-transform:translateY(40px);-o-transform:translateY(40px);-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;transition: opacity 0.5s ease-out, transform 0.5s ease-out;*/}
.visual.ani .visual_txt p{transition-delay: 0.2s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}


.visual.tour{height:1080px;}
.visual.tour .visual_box .swiper-slide .img{height:1080px;}
@media only screen and (max-width:1480px) {
    .visual .visual_box .swiper-slide {min-height:900px;}
    .visual .visual_txt.oth{bottom:40px}
    .visual .visual_box .txt.oth{bottom:120px}
    .visual .visual_box .txt{bottom:190px;}
    .visual .visual_box .txt p{font-size:42px;}

    .visual .visual_control{bottom:130px;}

    .visual .paging span {font-size:15px;}
    .visual .visual_txt{bottom:190px;}
    .visual .visual_txt p{font-size:40px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;}

}
@media only screen and (max-width:1280px) {
    .visual .visual_box .swiper-slide {min-height:800px;}
    .visual .visual_box .txt p{font-size:38px;}
    .visual .visual_txt{bottom:180px;}
    .visual .visual_txt p{font-size:38px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;}
}
@media only screen and (max-width:1100px) {
    .visual .visual_box .swiper-slide {min-height:700px;}

    .visual .visual_box .txt.oth{bottom:120px;}
    .visual .visual_box .txt{bottom:160px;}
    .visual .visual_box .txt p{font-size:34px;}
    .visual .visual_txt{bottom:175px;}
    .visual .visual_txt p{font-size:34px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;}

    .visual .visual_control{bottom:100px;width:230px;}
    .visual .visual_control .swiper-arw {background-size:16px auto !important}

    .visual .bar{width:110px; margin-left:-55px;}

    .visual .paging{width:160px;}
    .visual .paging span {font-size:14px;}
}
@media only screen and (max-width:999px) {
    .visual .visual_box .swiper-slide {min-height:600px;}

    .visual .visual_box .txt.oth{bottom:100px}
    .visual .visual_box .txt{bottom:120px;}
    .visual .visual_box .txt p{font-size:30px;}
    .visual .visual_txt p{font-size:30px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;}
    .visual .visual_txt{bottom:125px;}
    .visual .visual_control{bottom:80px;}

    .visual .paging {margin:0px 10px;}
    .visual .paging span {font-size:13px;}
}
@media only screen and (max-width:680px) {
    .visual .round{background:url('/assets/images/common/visual_bgm.png') no-repeat center bottom; background-size:100% auto; bottom:-1px}
    .visual .round img{visibility:hidden;}

    .visual .visual_box .swiper-slide {min-height:500px;}
    .visual .visual_box .txt{bottom:100px;}
    .visual .visual_box .txt p{font-size:26px;}
    .visual .visual_txt{bottom:100px;}
    .visual .visual_txt p{font-size:26px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;}

    .visual .visual_box .txt.oth{bottom:80px}

    .visual .visual_control{bottom:60px;}
}
@media only screen and (max-width:480px) {
    .visual .visual_box .swiper-slide {min-height:400px;}

    .visual .visual_box .txt{bottom:80px;}
    .visual .visual_box .txt p{font-size:22px;}
    .visual .visual_box .txt.oth{bottom:60px}

    .visual .visual_control{bottom:40px;}
    .visual .visual_txt{bottom:75px;}
    .visual .visual_txt p{font-size:22px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;}
}
@media only screen and (max-width:400px) {

    .visual .visual_box .txt.oth{bottom:50px}
    .visual .visual_box .txt{bottom:70px;}
    .visual .visual_box .txt p{font-size:20px;}
    .visual .visual_box .swiper-slide {min-height:320px;}
    .visual .visual_txt{bottom:70px;}
    .visual .visual_txt p{font-size:20px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;}
}



/* ======================================================
#content
=========================================================*/
#content.main{margin-top:159px;}
#content.sub{margin-top:159px;}

.gap165{height:165px;}
.gap280{height:280px;}



.u-line{max-width:1480px; margin:0 auto;z-index:2;padding:0 20px; padding-top:2px; position:relative; box-sizing:border-box; animation-delay:0.2s;}
.u-line:before{position:absolute; left:20px; width:calc(100% - 40px); top:0;background:url('/assets/images/common/uline_dot.png') repeat-x; height:2px; display:block;content:""}
.u-line:after{width:64px;height:43px; position:absolute; right:20px; top:-40px; display:block; content:"";background:url('/assets/images/common/uline_slice.png') no-repeat right center;}
.u-line h2{font-size:15px; color:#b4a393; font-weight:400; line-height:1.2em; letter-spacing:0.02em;padding-top:17px;}
@media only screen and (max-width:1480px) {
    #content.main{margin-top:125px;}
    #content.sub{margin-top:125px;}

    .gap165{height:130px;}
    .gap280{height:250px;}
}
@media only screen and (max-width:1280px) {
    .u-line h2{font-size:14px; padding-top:15px;}
    .u-line:after{background-size:56px; right:10px; top:-36px;}
}
@media only screen and (max-width:1100px) {
    #content.main{margin-top:100px;}
    #content.sub{margin-top:100px;}
}
@media only screen and (max-width:999px) {
    #content.main{margin-top:80px;}
    #content.sub{margin-top:80px;}

    .gap165{height:100px;}
    .gap280{height:220px;}

    .u-line h2{font-size:13px;padding-top:12px;}
    .u-line:after{background-size:48px; top:-34px;}
}
@media only screen and (max-width:680px) {
    #content.main{margin-top:60px;}
    #content.sub{margin-top:60px;}

    .gap165{height:80px;}
    .gap280{height:180px;}

    .u-line h2{font-size:12px;padding-top:10px;}
    .u-line:before{background-size:4px auto;}
    .u-line:after{background-size:40px;top:-32px;}
}
@media only screen and (max-width:480px) {
    #content.main{margin-top:40px;}
    #content.sub{margin-top:40px;}

    .gap165{height:60px;}
    .gap280{height:130px;}

    .u-line h2{font-size:11px;}
    .u-line:before{background-size:3px auto;}
    .u-line:after{background-size:30px; top:-30px;}
}


.main_reserve2{text-align:center;}
.main_reserve2 .fl a{margin-top:50px; border:1.5px dashed #00010c; width:180px; line-height:48px; text-align:center; position:relative ;display:inline-block;vertical-align:top; color:#fff; font-size:16px; }
.main_reserve2 .fl a:after{position:absolute; left:10px; top:10px; background:#ff5763; z-index:-1; width:100%; height:100%; display:block; content:"";z-index:-1;-webkit-transition: left 0.25s ease-in-out, top 0.25s ease-in-out;-moz-transition: left 0.25s ease-in-out ,  top 0.25s ease-in-out;-o-transition: left 0.25s ease-in-out ,  top 0.25s ease-in-out;transition: left 0.25s ease-in-out,  top 0.25s ease-in-out;}
.main_reserve2 .fl a:hover:after{left:0; top:0;}
.main_reserve2 .fl a span{font-size:inherit}




/* ======================================================
.main_reserve
=========================================================*/
.main_reserve{padding-top:155px;}
.main_reserve .ov{max-width:1140px; margin:0 auto;z-index:2;padding:0 20px;}
.main_reserve .cont{position:relative;}
.main_reserve .cont:after{display:block;content:"";clear:both}
.main_reserve .fl{float:left;width:65.82%; box-sizing:border-box; padding-left:20px; animation-delay:0.2s;}
.main_reserve .fr{float:right;width:34.18%; box-sizing:border-box; min-height:400px; animation-delay:0.4s;}
.main_reserve .fl .btxt{font-size:40px; color:#00010c; font-weight:700; letter-spacing:-0.03em;line-height:1.2em;}
.main_reserve .fl .stxt{display:none;}
.main_reserve .fl .stxt p{font-size:14px; color:#00010c; font-weight:400; letter-spacing:-0.03em;line-height:1.75em;}
.main_reserve .fl a{margin-top:50px; border:1.5px dashed #00010c; width:180px; line-height:48px; text-align:center; position:relative ;display:inline-block;vertical-align:top; color:#fff; font-size:16px; }
.main_reserve .fl a:after{position:absolute; left:10px; top:10px; background:#ff5763; z-index:-1; width:100%; height:100%; display:block; content:"";z-index:-1;-webkit-transition: left 0.25s ease-in-out, top 0.25s ease-in-out;-moz-transition: left 0.25s ease-in-out ,  top 0.25s ease-in-out;-o-transition: left 0.25s ease-in-out ,  top 0.25s ease-in-out;transition: left 0.25s ease-in-out,  top 0.25s ease-in-out;}
.main_reserve .fl a:hover:after{left:0; top:0;}
.main_reserve .fl a span{font-size:inherit}
.main_reserve .fr p{font-size:14px; color:#00010c; font-weight:400; letter-spacing:-0.03em;line-height:1.75em;}
.main_reserve .fr p:nth-child(n+2){margin-top:25px;}


.main_reserve .cont .bg{position:absolute; z-index:-1;}
.main_reserve .cont .bg img{width:100%;}
.main_reserve .cont .bg01{width:340px; top:10px; left:308px; animation-delay:0.6s;}
.main_reserve .cont .bg02{width:326px; bottom:-80px; right:-205px; animation-delay:0.8s;}
@media only screen and (max-width:1480px) {
    .main_reserve{padding-top:120px;}
    .main_reserve .fl .btxt{font-size:38px;}
    .main_reserve .fl a{width:160px; line-height:45px; font-size:15px;}
    .main_reserve2 .fl a{width:160px; line-height:45px; font-size:15px;}

    .main_reserve .fr{min-height:360px;}

    .main_reserve .cont .bg01{width:320px; left:328px; top:20px;}
    .main_reserve .cont .bg02{width:260px; bottom:-50px; right:-140px;}
}
@media only screen and (max-width:1280px) {
    .main_reserve .fl .btxt{font-size:36px;}

    .main_reserve .cont .bg01{width:260px; left:368px; top:40px;}
    .main_reserve .cont .bg02{width:200px; bottom:-30px; right:-80px;}
}
@media only screen and (max-width:1100px) {
    .main_reserve .fl{width:60%;}
    .main_reserve .fr{width:40%;}
}
@media only screen and (max-width:999px) {
    .main_reserve{padding-top:100px;}
    .main_reserve .fl{float:none; width:auto; text-align:center;}
    .main_reserve .fr{min-height:auto; display:none;}
    .main_reserve .fl .btxt{font-size:32px;}
    .main_reserve .fl .stxt{display:block; margin-top:25px;}
    .main_reserve .fl .stxt p{font-size:13px;}
    .main_reserve .fl .stxt p:nth-child(n+2){margin-top:20px;}
    .main_reserve .fl a{margin-top:40px;width:140px; line-height:40px; font-size:14px;}
    .main_reserve .fl a:after{left:0; top:0;}
    .main_reserve2 .fl a{margin-top:40px;width:140px; line-height:40px; font-size:14px;}
    .main_reserve2 .fl a:after{left:0; top:0;}


    .main_reserve .cont .bg01{width:180px; left:auto; top:auto;bottom:-20px;right:calc(50% + 200px); height:100%; display:flex;align-items: end; justify-content: center;}
    .main_reserve .cont .bg02{width:140px; left:calc(50% + 180px);bottom:-20px;height:100%; right:auto; display:flex;align-items: end; justify-content: center;}
}
@media only screen and (max-width:680px) {
    .main_reserve{padding-top:80px;}
    .main_reserve .fl .btxt{font-size:26px;}
    .main_reserve .fl .stxt {padding:0 35px; max-width:338px; margin:0 auto; box-sizing:border-box; margin-top:20px;}
    .main_reserve .fl .stxt p{font-size:12px;}
    .main_reserve .fl .stxt p br{display:none}
    .main_reserve .fl a{margin-top:30px;width:120px; line-height:35px; font-size:13px;border:1px dashed #00010c;}
    .main_reserve2 .fl a{margin-top:30px;width:120px; line-height:35px; font-size:13px;border:1px dashed #00010c;}

    .main_reserve .cont .bg01{width:162px;right:calc(50% + 80px);}
    .main_reserve .cont .bg02{width:125px; left:calc(50% + 116px);}
}
@media only screen and (max-width:480px) {
    .main_reserve{padding-top:60px;}
    .main_reserve .fl .btxt{font-size:20px;}

    .main_reserve .cont .bg01{width:136px;right:calc(47% + 54px);top:32px;}
    .main_reserve .cont .bg02{width:102px; left:calc(50% + 85px);}
}




/*.main_visual{display:none}*/
/* ======================================================
.main_about
=========================================================*/
.main_about{margin-top:154px;}
.main_about .ov{max-width:1440px; margin:0 auto;z-index:2;padding:0 20px; position:relative;}


.main_about .cont{position:relative; z-index:2; min-height:680px; border:1px solid #00010c; background:url('/assets/images/common/about_line.png') repeat center -10px;}
.main_about .cont:before{width:16px;height:16px; background:#fff; position:absolute; left:50% ; margin-left:-8px; top:-8px;display:block;content:""}
.main_about .cont:after{width:16px;height:16px; background:#fff; position:absolute; left:50% ; margin-left:-8px; bottom:-8px;display:block;content:""}

.main_about .cont .dots{}
.main_about .cont .dot1:before{width:16px;height:16px; background:#fff; position:absolute; left:-8px; top:-8px;display:block;content:""}
.main_about .cont .dot1:after{width:16px;height:16px; background:#fff; position:absolute; left:-8px; bottom:-8px;display:block;content:""}
.main_about .cont .dot1 span{width:16px;height:16px; background:#fff; position:absolute; left:-8px; top:50%; margin-top:-8px;display:block;content:""}

.main_about .cont .dot2:before{width:16px;height:16px; background:#fff; position:absolute; right:-8px; top:-8px;display:block;content:""}
.main_about .cont .dot2:after{width:16px;height:16px; background:#fff; position:absolute; right:-8px; bottom:-8px;display:block;content:""}
.main_about .cont .dot2 span{width:16px;height:16px; background:#fff; position:absolute; right:-8px; top:50%; margin-top:-8px;display:block;content:""}

.main_about .cont .img{position:absolute; z-index:1;}
.main_about .cont .img img{width:100%;}
.main_about .cont .img01{width:640px; height:463px; top:108px; left:3.89%;z-index:31; animation-delay:0.1s;}
.main_about .cont .img01 p{position:absolute; left:4.70%; top:8.46%; width:88.45%; height:83%; box-sizing:border-box; z-index:1;border:2px solid #3d5aaa;background:rgba(255,255,255,0.3);transform: scale(1,1) rotate(-4.2deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(-4.2deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(-4.2deg)skew(0,0) translate(0,0); }
.main_about .cont .img01:after{background:url('/assets/images/common/about_img01.png') no-repeat ; background-size:100%; position:absolute; left:0; top:0; width:100%; height:100%; display:block ;content:""; z-index:11;}
.main_about .cont .img02{width:422px;height:422px; bottom:48px; right:20.28%; z-index:23; animation-delay:0.3s;}
.main_about .cont .img02 p{position:absolute; left:2.4%; top:3%; width:94.6%; height:94.6%;overflow:hidden;box-sizing:border-box; border-radius:100%; z-index:1;border:2px solid #fd5763;background:rgba(255,255,255,0.3);}

.main_about .cont .img03{width:395px; height:395px; top:70px; right:2.17%; z-index:20; animation-delay:0.5s;}
.main_about .cont .img03 p{position:absolute; left:14.2%; top:12.8%; width:73%; height:73%; box-sizing:border-box; z-index:1;border:2px solid #3db089;background:rgba(255,255,255,0.3);transform: scale(1,1) rotate(20deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(20deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(20deg)skew(0,0) translate(0,0); }


.main_about .cont .img01 p img, .main_about .cont .img02 p img, .main_about .cont .img03 p img{width:100%;height:100%;object-fit:cover;}

.main_about .cont .bg{position:absolute; z-index:2;}
.main_about .cont .bg img{width:100%;}
.main_about .cont .bg01{width:244px; top:-54px; left:112px; z-index:123; animation-delay:0.7s;}
.main_about .cont .bg02{width:225px; top:72px; right:37.85%; animation-delay:0.9s;}
.main_about .cont .bg03{width:79px; top:77px; right:29.72%;animation-delay:1.1s;}
.main_about .cont .bg04{width:117px; bottom:22px; left:34.03%; animation-delay:1.2s;}
.main_about .cont .bg05{width:129px; bottom:58px; right:7.29%;animation-delay:1.3s;}
@media only screen and (max-width:1480px) {
    .main_about{margin-top:130px;}
    .main_about .cont:before{width:12px;height:12px;  margin-left:-6px; top:-6px;}
    .main_about .cont:after{width:12px;height:12px;  margin-left:-6px; bottom:-6px;}

    .main_about .cont .dot1:before{width:12px;height:12px; left:-6px; top:-6px;}
    .main_about .cont .dot1:after{width:12px;height:12px; left:-6px; bottom:-6px;}
    .main_about .cont .dot1 span{width:12px;height:12px; left:-6px; margin-top:-6px;}

    .main_about .cont .dot2:before{width:12px;height:12px; right:-6px; top:-6px;}
    .main_about .cont .dot2:after{width:12px;height:12px; right:-6px; bottom:-6px;}
    .main_about .cont .dot2 span{width:12px;height:12px; right:-6px; margin-top:-6px;}


    .main_about .cont .img01{width:600px; height:434px; top:98px; }
    .main_about .cont .img02{width:382px;height:382px; bottom:48px; }
    .main_about .cont .img03{width:355px; height:355px; top:70px;}

    .main_about .cont .bg01{width:220px; left:90px;top:-30px}
    .main_about .cont .bg02{width:200px; top:65px;}
    .main_about .cont .bg03{width:68px; top:70px;}
    .main_about .cont .bg04{width:100px; bottom:16px}
    .main_about .cont .bg05{width:100px; bottom:42px;}
}
@media only screen and (max-width:1320px) {
    .main_about .cont{min-height:620px;}
    .main_about .cont .img01{width:560px; height:405px;top:88px; }
    .main_about .cont .img02{width:342px; height:342px;bottom:38px; }
    .main_about .cont .img03{width:315px; height:315px; top:60px;}

    .main_about .cont .bg01{width:180px; left:70px; top:-20px}
    .main_about .cont .bg02{width:160px; top:60px; right:33%}
    .main_about .cont .bg03{width:60px; top:65px; right:24%}
    .main_about .cont .bg04{width:80px; left:30%}
    .main_about .cont .bg05{width:80px; bottom:20px; right:5%;}
}
@media only screen and (max-width:1100px) {
    .main_about .cont .bg02{top:40px;}
    .main_about .cont .bg03{top:30px;}
}
@media only screen and (max-width:999px) {
    .main_about{margin-top:100px;}
    .main_about .cont{background-size:40px auto;}
    .main_about .cont:before{width:8px;height:8px;  margin-left:-4px; top:-4px;}
    .main_about .cont:after{width:8px;height:8px;  margin-left:-4px; bottom:-4px;}

    .main_about .cont .dot1:before{width:8px;height:8px; left:-4px; top:-4px;}
    .main_about .cont .dot1:after{width:8px;height:8px; left:-4px; bottom:-4px;}
    .main_about .cont .dot1 span{width:8px;height:8px; left:-4px; margin-top:-4px;}

    .main_about .cont .dot2:before{width:8px;height:8px; right:-4px; top:-4px;}
    .main_about .cont .dot2:after{width:8px;height:8px; right:-4px; bottom:-4px;}
    .main_about .cont .dot2 span{width:8px;height:8px; right:-4px; margin-top:-4px;}


    .main_about .cont{ min-height:720px;}
    .main_about .cont .img01{ left:50%; top:60px;width:480px;height:347px; margin-left:-240px; z-index:31;}
    .main_about .cont .img02{width:260px; height:260px;bottom:45px; left:auto; right:calc(50% - 60px);}
    .main_about .cont .img03{width:240px;height:240px; top:auto;bottom:140px; left:calc(50% - 20px); right:auto;}

    .main_about .cont .bg01{width:140px; left:auto; right:calc(50% + 90px); top:-20px}
    .main_about .cont .bg02{width:120px; left:calc(50% + 140px);top:auto; bottom:40px;}
    .main_about .cont .bg03{width:40px; top:25%; right:auto;left:calc(50% + 240px);}
    .main_about .cont .bg04{width:60px; left:auto;right:calc(50% + 220px); top:60%;bottom:auto;}
    .main_about .cont .bg05{display:none}
}
@media only screen and (max-width:680px) {
    .main_about{margin-top:80px;}
    .main_about .cont{background-size:30px auto;}
    .main_about .cont:before{width:4px;height:4px;  margin-left:-2px; top:-2px;}
    .main_about .cont:after{width:4px;height:4px;  margin-left:-2px; bottom:-2px;}

    .main_about .cont .dot1:before{width:4px;height:4px; left:-2px; top:-2px;}
    .main_about .cont .dot1:after{width:4px;height:4px; left:-2px; bottom:-2px;}
    .main_about .cont .dot1 span{width:4px;height:4px; left:-2px; margin-top:-2px;}

    .main_about .cont .dot2:before{width:4px;height:4px; right:-2px; top:-2px;}
    .main_about .cont .dot2:after{width:4px;height:4px; right:-2px; bottom:-2px;}
    .main_about .cont .dot2 span{width:4px;height:4px; right:-2px; margin-top:-2px;}

    .main_about .cont{ min-height:620px;}
    .main_about .cont .img01{ left:50%; top:50px;width:400px; height:290px;margin-left:-200px; z-index:31;}
    .main_about .cont .img02{width:220px; height:220px; bottom:38px; left:auto; right:calc(50% - 50px);}
    .main_about .cont .img03{width:200px; height:200px;top:auto;bottom:120px; left:calc(50% - 10px); right:auto;}



    .main_about .cont .bg01{width:100px; left:auto; right:calc(50% + 70px); top:0}
    .main_about .cont .bg02{width:80px; left:calc(50% + 120px); bottom:30px;}
    .main_about .cont .bg03{width:30px; top:20%; left:calc(50% + 180px);}
    .main_about .cont .bg04{width:50px;right:calc(50% + 160px); }
}
@media only screen and (max-width:460px) {

    .main_about .cont{ min-height:440px;}
    .main_about .cont .img01{ left:50%; top:40px;width:280px; height:202px; margin-left:-140px; z-index:31;}
    .main_about .cont .img02{width:150px;  height:150px;bottom:38px; left:auto; right:calc(50% - 40px);}
    .main_about .cont .img03{width:130px; height:130px; top:auto;bottom:100px; left:calc(50% - 10px); right:auto;}

    .main_about .cont .bg01{width:75px; left:auto; right:calc(50% + 50px); top:5px}
    .main_about .cont .bg02{width:65px; left:calc(50% + 70px); bottom:20px;}
    .main_about .cont .bg03{width:25px; left:calc(50% + 125px);}
    .main_about .cont .bg04{width:40px;right:calc(50% + 115px); }
}



/* ======================================================
.main_room
=========================================================*/
.main_room{margin-top:240px;padding:0;}
.sub .main_room{margin-top:310px}

.main_room .ov{max-width:1600px; margin:0 auto;z-index:2;padding:0 100px; box-sizing:border-box;}
.main_room .tits{position:relative; animation-delay:0.2s;}
.main_room .tits h3{ font-family: 'CookieRun-Regular'; font-size:50px;font-weight:400; color:#fff; line-height:1.2em;position:Relative;  -webkit-text-stroke: 2px #212121;}
.main_room .tits h3:before{width:89px;height:40px; position:absolute; left:0; top:-55px; background:url('/assets/images/common/tit_rainbow.png') no-repeat; display:block; content:""}
.main_room .tits h3:after{display:block; content:"ROOM LIST"; font-weight:400; text-indent:-2px; letter-spacing:-0.047em; color:#212121; font-size:54px; position:Absolute;left:0; top:0; z-index:-1;-webkit-text-stroke: 3px #212121;}
.main_room .tits p{color:#00010c; font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; margin-top:15px;}

.main_room .cont{margin-top:70px;position:relative; z-index:2; animation-delay:0.4s;}

.main_room .cont .room-prev{ width:50px;height:50px; position:Absolute ;left:-80px; top:50%; margin-top:-20px;background:url('/assets/images/common/room_prev.png') no-repeat; background-size:49px auto;}
.main_room .cont .room-next{ width:50px;height:50px; position:Absolute ;right:-80px; top:50%; margin-top:-20px;background:url('/assets/images/common/room_next.png') no-repeat; background-size:49px auto;}
@media only screen and (max-width:1480px) {
    .main_room{margin-top:210px}
    .sub .main_room{margin-top:270px;}

    .main_room .ov{padding:0 80px;}

    .main_room .tits h3{font-size:46px;-webkit-text-stroke: 2px #212121;}
    .main_room .tits h3:after{font-size:46px;letter-spacing:-0.005em; }
    .main_room .tits h3:before{background-size:78px auto; top:-40px;}
    .main_room .tits p{font-size:14px; margin-top:12px;}

    .main_room .cont{margin-top:50px;}

    .main_room .cont .room-prev{ width:40px; height:40px;  left:-60px;background-size:40px auto;}
    .main_room .cont .room-next{ width:40px; height:40px;  right:-60px; background-size:40px auto;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    .main_room{margin-top:180px}
    .sub .main_room{margin-top:240px;}

    .main_room .ov{padding:0 60px;}

    .main_room .tits{text-align:center;}
    .main_room .tits h3{font-size:42px;-webkit-text-stroke: 1.5px #212121;}
    .main_room .tits h3:after{font-size:42px; width:100%;text-align:Center;letter-spacing:-0.02em; }
    .main_room .tits h3:before{width:90px; left:50%;margin-left:-45px;background-size:68px auto; top:-35px; background-position:center top}
    .main_room .tits p{font-size:13px; margin-top:10px;}

    .main_room .cont{margin-top:40px;}

    .main_room .cont .room-prev{ width:30px; height:30px;  left:-40px;background-size:30px auto;}
    .main_room .cont .room-next{ width:30px; height:30px;  right:-40px; background-size:30px auto;}

}
@media only screen and (max-width:680px) {
    .main_room{margin-top:150px}
    .sub .main_room{margin-top:200px;}

    .main_room .ov{padding:0 40px;}

    .main_room .tits h3{font-size:36px;-webkit-text-stroke: 1px #212121;}
    .main_room .tits h3:after{font-size:36px;letter-spacing:-0.02em; }
    .main_room .tits h3:before{background-size:58px auto; top:-30px;}
    .main_room .tits p{font-size:12px; margin-top:7px}

    .main_room .cont{margin-top:30px;}
    .main_room .cont .room-prev{ width:24px; height:24px;  left:-30px;background-size:24px auto;}
    .main_room .cont .room-next{ width:24px; height:24px;  right:-30px; background-size:24px auto;}
}
@media only screen and (max-width:480px) {
    .main_room{margin-top:120px}
    .sub .main_room{margin-top:160px;}

    .main_room .tits h3{font-size:30px;}
    .main_room .tits h3:after{font-size:30px;letter-spacing:-0.02em; }
    .main_room .tits h3:before{background-size:48px auto; top:-25px;}


}

.main_room .cont .room-slide{width:calc(100% + 10px); margin-left:-5px; padding:0 5px;padding-bottom:5px;  box-sizing:border-box;}
.main_room .cont .item{}
.main_room .cont .item a{display:block;}
.main_room .cont .item .tbg{}
.main_room .cont .item .tbg p{position:relative ;z-index:2;-webkit-transition: box-shadow 0.4s ease-in-out;-moz-transition: box-shadow 0.4s ease-in-out;-o-transition: box-shadow 0.4s ease-in-out;transition: box-shadow 0.4s ease-in-out;}
.main_room .cont .item .tbg p:nth-child(1){display:block;width:calc(100% - 145px); background:#fff;border:2px solid #00010c;border-bottom:none; border-radius:20px 45px 0 0;z-index:4; position:relative}
.main_room .cont .item .tbg p:nth-child(1):after{width:calc(100% + 20px); height:10px; position:absolute; left:0; ; bottom:-10px; display:block; content:""; background:#fff; z-index:123;}
.main_room .cont .item .tbg p:nth-child(2){display:block;background:#fff;border-left:2px solid #00010c;border-top:2px solid #00010c; border-right:2px solid #00010c; border-radius:0 20px 0 0; margin-top:-2px;z-index:2;}
.main_room .cont .item .tbg p:nth-child(1) span{border-radius:20px 45px 0 0;overflow:hidden;display:block;}
.main_room .cont .item .tbg p:nth-child(2) span{border-radius:0 20px 0 0;overflow:hidden;display:block;}
.main_room .cont .item .tbg img{width:100%;}

.main_room .cont .item .img{background:#fff; position:relative ;z-index:5;border-left:2px solid #00010c; border-right:2px solid #00010c;overflow:hidden; -webkit-transition: box-shadow 0.4s ease-in-out;-moz-transition: box-shadow 0.4s ease-in-out;-o-transition: box-shadow 0.4s ease-in-out;transition: box-shadow 0.4s ease-in-out;}
.main_room .cont .item .img img{width:100%;}
.main_room .cont .item .txt{background:#fff; position:relative ;z-index:53;border:2px solid #00010c;border-top:none;text-align:center; border-radius:0 0 20px 20px; padding:0 59px 19px 59px;-webkit-transition: box-shadow 0.4s ease-in-out;-moz-transition: box-shadow 0.4s ease-in-out;-o-transition: box-shadow 0.4s ease-in-out;transition: box-shadow 0.4s ease-in-out;}
.main_room .cont .item .btxt{font-size:16px; color:#313131; font-weight:400;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  line-height:1.3em; letter-spacing:-0.02em; padding:27px 0; }
.main_room .cont .item .stxt{font-size:14px; color:#8a8a8a; font-weight:400; letter-spacing:-0.03em; line-height:1.3em; padding-top:15px; border-top:2px solid #555;}

.main_room .cont .item a:hover .tbg p{box-shadow: 5px 5px 0 rgba(0, 1, 12, 1)  ; -webkit-box-shadow: 5px 5px 0 rgba(0, 1, 12, 1)  ; -moz-box-shadow: 5px 5px 0 rgba(0, 1, 12, 1)  ; }
.main_room .cont .item a:hover .img{box-shadow: 5px 4px 0 rgba(0, 1, 12, 1)  ; -webkit-box-shadow: 5px 4px 0 rgba(0, 1, 12, 1)  ; -moz-box-shadow: 5px 4px 0 rgba(0, 1, 12, 1)  ; }
.main_room .cont .item a:hover .txt{box-shadow: 5px 3px 0 rgba(0, 1, 12, 1)  ; -webkit-box-shadow: 5px 3px 0 rgba(0, 1, 12, 1)  ; -moz-box-shadow: 5px 3px 0 rgba(0, 1, 12, 1)  ; }


.main_room .cont .bg{position:absolute; z-index:-1;}
.main_room .cont .bg img{width:100%;}
.main_room .cont .bg01{width:215px; top:-287px; left:295px; animation-delay:0.6s;}
.main_room .cont .bg02{width:168px; bottom:-96px; right:-87px; z-index:123; animation-delay:0.8s;}
@media only screen and (max-width:1480px) {
    .main_room .cont .item .txt{padding:0 45px 15px 45px;}
    .main_room .cont .item .btxt{font-size:15px; padding:22px 0;}
    .main_room .cont .item .stxt{font-size:13px; padding-top:12px;}

    .main_room .cont .bg01{width:180px; top:-240px; left:275px;}
    .main_room .cont .bg02{width:130px; bottom:-65px; right:-65px;}
}
@media only screen and (max-width:1280px) {
    .main_room .cont .bg01{width:160px; top:-220px; left:260px;}
}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    .main_room .cont .item .txt{padding:0 35px 12px 35px;}
    .main_room .cont .item .btxt{font-size:14px; padding:17px 0;}
    .main_room .cont .item .stxt{font-size:12px; padding-top:7px; border-top-width:1px;}

    .main_room .cont .bg01{width:120px; top:-170px; left:calc(50% + 150px);}
    .main_room .cont .bg02{width:100px; bottom:-55px; right:-55px;}
}
@media only screen and (max-width:680px) {
    .main_room .cont .item .txt{padding:0 25px 12px 25px;}
    .main_room .cont .item .btxt{font-size:13px;}

    .main_room .cont .bg01{width:105px; top:-156px; left:calc(50% + 130px);}
    .main_room .cont .bg02{width:70px; bottom:-35px; right:-35px;}
}
@media only screen and (max-width:480px) {
    .main_room .cont .item .txt{padding:0 15px 12px 15px;}
    .main_room .cont .bg01{width:90px; top:-140px; left:calc(50% + 84px);}
    .main_room .cont .bg02{width:75px; bottom:-20px; right:-35px;}
}



/* ======================================================
.main_special
=========================================================*/
.main_special{margin-top:200px;padding:0;}
.sub .main_special{margin-top:250px;}

.main_special .ov{max-width:1176px; margin:0 auto;z-index:2;padding:0 20px; }
.main_special .tits{position:relative; animation-delay:0.2s;}
.main_special .tits h3{ font-family: 'CookieRun-Regular'; font-size:50px;font-weight:400; color:#fff; line-height:1.2em;position:Relative;  -webkit-text-stroke: 2px #212121;}
.main_special .tits h3:before{width:89px;height:40px; position:absolute; left:0; top:-55px; background:url(../common/images/main/tit-rainbow.png) no-repeat; display:block; content:""}
.main_special .tits h3:after{display:block; content:"SPECIAL LIST"; font-weight:400; text-indent:-2px; letter-spacing:-0.047em; color:#212121; font-size:54px; position:Absolute;left:0; top:0; z-index:-1;-webkit-text-stroke: 3px #212121;}
.main_special .tits p{color:#00010c; font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; margin-top:15px;}

.main_special .cont{margin-top:50px;position:relative; z-index:2;}

.main_special .cont .bg{position:absolute; z-index:-1;}
.main_special .cont .bg img{width:100%;}
.main_special .cont .bg01{width:310px; top:-17px; left:-310px; animation-delay:0.5s;}
.main_special .cont .bg02{width:270px; bottom:-102px; left:-122px; animation-delay:0.6s;}
.main_special .cont .bg03{width:633px; bottom:-152px; right:-202px; animation-delay:1.0s;}
.main_special .cont .bg04{width:104px; bottom:108px; right:-29px; z-index:8; animation-delay:0.8s;}
@media only screen and (max-width:1480px) {
    .main_special{margin-top:160px}
    .sub .main_special{margin-top:210px;}

    .main_special .tits h3{font-size:46px;-webkit-text-stroke: 2px #212121;}
    .main_special .tits h3:after{font-size:46px;letter-spacing:-0.005em; }
    .main_special .tits h3:before{background-size:78px auto; top:-40px;}
    .main_special .tits p{font-size:14px; margin-top:12px;}

    .main_special .cont{margin-top:40px;}

    .main_special .cont .bg01{width:240px; top:-17px; left:-240px;}
    .main_special .cont .bg02{width:220px; bottom:-92px; left:-102px;}
    .main_special .cont .bg03{width:563px; bottom:-112px; right:-175px;}
    .main_special .cont .bg04{width:80px; bottom:100px; right:-25px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {
    .main_special .cont .bg03{width:500px; bottom:-112px; right:-155px;}
}
@media only screen and (max-width:999px) {
    .main_special{margin-top:120px}
    .sub .main_special{margin-top:170px;}

    .main_special .tits{text-align:center;}
    .main_special .tits h3{font-size:42px;-webkit-text-stroke: 1.5px #212121;}
    .main_special .tits h3:after{font-size:42px; width:100%;text-align:Center;letter-spacing:-0.02em; }
    .main_special .tits h3:before{width:90px; left:50%;margin-left:-45px;background-size:68px auto; top:-35px; background-position:center top}
    .main_special .tits p{font-size:13px; margin-top:10px;}

    .main_special .cont{margin-top:30px;}

    .main_special .cont .bg01{width:160px; top:-167px; left:-10px;}
    .main_special .cont .bg02{width:170px; bottom:-62px; left:-82px;}
    .main_special .cont .bg03{background:url(../common/images/main/spec-bg03m.png) no-repeat right center ; background-size:100% auto; width:122px;height:122px; right:0px; top:-140px}
    .main_special .cont .bg03 img{display:none;}
    .main_special .cont .bg04{width:60px; bottom:100px; right:-21px;}
}
@media only screen and (max-width:680px) {
    .main_special{margin-top:100px}
    .sub .main_special{margin-top:150px;}

    .main_special .tits h3{font-size:36px;-webkit-text-stroke: 1px #212121;}
    .main_special .tits h3:after{font-size:36px;letter-spacing:-0.02em; }
    .main_special .tits h3:before{background-size:58px auto; top:-30px;}
    .main_special .tits p{font-size:12px; margin-top:7px}

    .main_special .cont{margin-top:20px;}

    .main_special .cont .bg01{width:120px; top:-147px; left:-15px;}
    .main_special .cont .bg02{width:120px; bottom:-52px; left:-62px;}
    .main_special .cont .bg03{width:100px; height:100px ;right:-15px; top:-120px;}
    .main_special .cont .bg04{width:40px; bottom:90px; right:-16px;}
}
@media only screen and (max-width:480px) {
    .main_special .tits h3{font-size:30px;}
    .main_special .tits h3:after{font-size:30px;letter-spacing:-0.02em; }
    .main_special .tits h3:before{background-size:48px auto; top:-25px;}


    .main_special .cont .bg01{width:100px; top:-139px;left:-7px;}
    .main_special .cont .bg02{width:90px; left:-40px; bottom:-30px;}
    .main_special .cont .bg03{right:-30px;top:-110px;}

}


.main_special .spec{box-sizing:border-box; border:2px solid #00010c; background:#f8b7bd; border-radius:20px; animation-delay:0.3s;}
.main_special .dots{padding:19px 59px 20px 59px;border-bottom:2px solid #00010c; }
.main_special .dots ul{}
.main_special .dots ul:after{display:block; content:"";clear:both}
.main_special .dots li{float:left;}
.main_special .dots li:nth-child(n+2){margin-left:6px}
.main_special .dots li a{display:block; width:10px;height:10px; background:#00010c; box-sizing:border-box; border:2px solid #00010c;border-radius:100%}
/* .main_special .dots li.active a{background:#f8b7bd} */

.main_special .movies{padding:29px 83px 22px 83px}
.main_special .movies .item{background:#f8b7bd;}
.main_special .movies .img{overflow:hidden;border-radius:20px;}
.main_special .movies .img img{width:100%; min-height:200px;object-fit:cover;}
.main_special .movies .txt{text-align:center; margin-top:19px;}
.main_special .movies .txt p{font-size:18px; font-weight:400; color:#00010c; letter-spacing:-0.03em; line-height:1.2em;}

.main_special .btns{padding:21px 0 15px 0; border-top:2px solid #00010c; position:relative; z-index:3;} 
.main_special .btns .ctrl{font-size:0;text-align:center;}
.main_special .btns .ctrl a{display:inline-block;vertical-align:top; width:34px;height:24px;}
.main_special .btns .ctrl .prev{background:url('/assets/images/common/special_prev.png') no-repeat center center; background-size:100% auto;}
.main_special .btns .ctrl .pause{margin:0 29px;background:url('/assets/images/common/special_pause.png') no-repeat center center; background-size:100% auto;}
.main_special .btns .ctrl .play{margin:0 29px;background:url('/assets/images/common/special_play.png') no-repeat center center; background-size:100% auto; display:none;}
.main_special .btns .ctrl .next{background:url('/assets/images/common/special_next.png') no-repeat center center; background-size:100% auto;}

.main_special .btns .range{text-align:center;  margin:0 auto; margin-top:20px; font-size:0;width:488px;height:20px; position:relative; padding-left:40px; box-sizing:border-box;}
.main_special .btns .range .nums{position:absolute; left:0; top:0;display:inline-block;vertical-align:top; line-height:20px; font-size:16px; font-weight:400; color:#00010c;}
.main_special .btns .range .nums p, .main_special .btns .range .nums span{font-size:inherit}
.main_special .btns .range .bar{width:calc(100% - 40px); height:8px; border-radius:8px; background:#00010c; top:50%; margin-top:-4px; display:block; content:""; z-index:-1; position:absolute; right:0 ;padding:2px; box-sizing:border-box;}
.main_special .btns .range .bar p{overflow:visible !important;position:absolute; left:2px; top:2px; max-width:calc(100% - 2px); background:#f8b7bd; height:calc(100% - 4px); border-radius:4px;display:block ;content:""; z-index:2; cursor:pointer;}
.main_special .btns .range .bar p:after{width:7px;height:20px; border-radius:3px; border:2px solid #00010c; background:#f8b7bd; position:Absolute;right:-4px; top:50%;margin-top:-10px; display:block; content:"" ; box-sizing:border-box;}

.main_special .btns .abr{position:absolute;right:25px; top:25px;font-size:0}
.main_special .btns .abr a{display:inline-block;vertical-align:top;width:30px;height:30px;}
.main_special .btns .abr a:nth-child(n+2){margin-left:11px;}
.main_special .btns .abr .sound{background:url('/assets/images/common/special_sound.png') no-repeat center center; background-size:100% auto;}
.main_special .btns .abr .filter{background:url('/assets/images/common/special_filter.png') no-repeat center center; background-size:100% auto;}
@media only screen and (max-width:1480px) {
    .main_special .dots{padding:19px 45px 20px 45px;}
    .main_special .movies{padding:20px 70px 20px 70px}
    .main_special .movies .txt{margin-top:17px;}
    .main_special .movies .txt p{font-size:16px;}

    .main_special .btns .ctrl a{width:30px;height:20px}
    .main_special .btns .ctrl .play, .main_special .btns .ctrl .pause{margin:0 20px;}

    .main_special .btns .abr{right:22px; top:22px}
    .main_special .btns .abr a{width:26px;height:26px;}

    .main_special .btns .range{width:400px; height:16px; padding-left:30px;}
    .main_special .btns .range .nums{font-size:14px; line-height:16px;}
    .main_special .btns .range .bar{width:calc(100% - 30px); height:6px; margin-top:-3px;}
    .main_special .btns .range .bar p:after{width:5px; height:16px; margin-top:-8px; right:-3px;}
}
@media only screen and (max-width:1280px) {
    .main_special .dots{padding:14px 35px 15px 35px;}
    .main_special .movies{padding:20px 60px 20px 60px}
}
@media only screen and (max-width:1100px) {
    .main_special .dots li:nth-child(n+2){margin-left:4px}
}
@media only screen and (max-width:999px) {
    .main_special .dots{padding:14px 25px 15px 25px;}
    .main_special .dots li a{width:8px;height:8px;}

    .main_special .movies{padding:20px 50px 20px 50px}
    .main_special .movies .txt{margin-top:14px;}
    .main_special .movies .txt p{font-size:15px;}

    .main_special .btns .range{margin-top:15px;width:340px; height:16px; padding-left:30px;}
    .main_special .btns .range .nums{font-size:13px; line-height:16px;}
    .main_special .btns .range .bar{width:calc(100% - 30px); height:6px; margin-top:-3px;}
    .main_special .btns .range .bar p{}
    .main_special .btns .range .bar p:after{width:5px; height:16px; margin-top:-8px; right:-3px; }


    .main_special .btns{padding:17px 0 11px 0;}
    .main_special .btns .ctrl a{width:26px;height:16px}
    .main_special .btns .ctrl .play, .main_special .btns .ctrl .pause{margin:0 15px;}

    .main_special .btns .abr{right:18px; top:18px}
    .main_special .btns .abr a{width:22px;height:22px;}
    .main_special .btns .abr a:nth-child(n+2){margin-left:6px;}
}
@media only screen and (max-width:680px) {
    .main_special .spec{border-radius:15px;}
    .main_special .dots{padding:12px 15px 13px 15px;}
    .main_special .dots li a{width:6px;height:6px;}

    .main_special .movies{padding:20px 35px 20px 35px}
    .main_special .movies .txt{margin-top:12px;}
    .main_special .movies .txt p{font-size:14px;}

    .main_special .btns .range{margin-top:10px;width:280px;padding-left:25px;}
    .main_special .btns .range .nums{font-size:12px; }
    .main_special .btns .range .bar{width:calc(100% - 27px);}

    .main_special .btns .ctrl a{width:22px;height:12px}
    .main_special .btns .ctrl .play, .main_special .btns .ctrl .pause{margin:0 10px;}

    .main_special .btns .abr{right:14px; top:14px}
    .main_special .btns .abr a{width:18px;height:18px;}
}
@media only screen and (max-width:480px) {
    .main_special .movies{padding:15px 25px 15px 25px}
    .main_special .movies .txt p{font-size:13px;}

    .main_special .btns .range{width:260px; padding-left:20px;}
    .main_special .btns .range .nums{font-size:11px; }
    .main_special .btns .range .bar{width:calc(100% - 24px);}

}

/* ======================================================
.main_photo
=========================================================*/
.main_photo{position:relative; margin-top:340px;}
.main_photo .cont{max-width:1400px; margin:0 auto; position:relative; z-index:2;padding:0px;}
.main_photo .cont .bg{width:240px; position:absolute; right:-102px; top:-162px; animation-delay:0.2s;}
.main_photo .cont .bg img{width:100%;}
.main_photo .img{height:547px; position:relative; overflow:hidden;}
.main_photo .img img{width:100%;height:547px;object-fit:cover; visibility:hidden;}
@media only screen and (max-width:1480px) {
    .main_photo{margin-top:290px;}
    .main_photo .cont .bg{width:220px; right:-90px; }
    .main_photo .img{height:500px; }
}
@media only screen and (max-width:1280px) {
    .main_photo{margin-top:240px;}
    .main_photo .cont .bg{width:200px; right:-70px; top:-150px;}
    .main_photo .img{height:450px; }
}
@media only screen and (max-width:1100px) {
    .main_photo{}
    .main_photo .cont .bg{width:170px; right:-50px; top:-120px;}
    .main_photo .img{height:400px; }
}
@media only screen and (max-width:999px) {
    .main_photo{margin-top:190px;}
    .main_photo .cont .bg{width:130px; right:-30px; top:-90px;}
    .main_photo .img{height:350px; }
}
@media only screen and (max-width:680px) {
    .main_photo{margin-top:140px;}
    .main_photo .cont .bg{width:100px; right:-10px; top:-60px;}
    .main_photo .img{height:300px; }
}
@media only screen and (max-width:480px) {
    .main_photo{ margin-top:100px;}
    .main_photo .cont .bg{width:95px; right:20px; top:-54px;}
    .main_photo .img{height:250px; }
}

.c-fixed_target {left:0; position:absolute;right:0; top:-100vh;bottom:-100vh;}
.c-fixed {left:0; position:absolute;right:0; top:-80vh;background-position:center top;background-size:cover; height:80vh;}

/* .main_reserve, .main_about , .main_room, .main_special{ display:none;} */

/* ======================================================
.footer_wrap
=========================================================*/
.footer_wrap {padding:100px 0 0 0;position:relative;}
.footer_wrap .inner{padding-bottom:66px; }
.footer_wrap .inner:after{position:absolute;right:0; bottom:0; width:100%; height:100%; z-index:-1; display:block ;content:"";background:url('/assets/images/common/footer_bg.png') no-repeat right bottom; background-size:400px auto;opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px); -ms-transform:translateX(30px);-o-transform:translateX(30px);-webkit-transition: opacity 1s ease-out, transform 1s ease-out;-moz-transition:opacity 1s ease-out, transform 1s ease-out;-o-transition: opacity 1s ease-out, transform 1s ease-out;transition: opacity 1s ease-out, transform 1s ease-out;}
.footer_wrap .inner.is-inview:after{transition-delay: 0.2s; opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0); -ms-transform:translateX(0);-o-transform:translateX(0);}
.ft_btn_reserve.on {position:fixed; bottom:80px; right:7px; z-index:999;}
.ft_btn_reserve.on > a > img{width:75px; height:75px}
.ft_tel{}
.ft_tel a{ font-size:30px; font-weight:500; color:#313131; letter-spacing:-0.01em; line-height:1.1em;}

.ft_info{margin-top:60px;}
.ft_info ul{font-size:0;}
.ft_info ul:after{display:block; content:"";clear:both}
.ft_info li {font-size:14px; font-weight:400; color:#313131; letter-spacing:-0.01em; line-height:18px; position:relative;}
.ft_info li:nth-child(n+2){margin-top:7px;}
.ft_info li span{font-size:inherit}
.ft_info li br{display:none;}

.ft_copy{margin-top:50px;}
.ft_copy .copy{font-size:14px; font-weight:400; color:#313131; letter-spacing:-0.01em;  line-height:1.1em; letter-spacing:0; }
@media only screen and (max-width:1480px) {
    .footer_wrap {padding:80px 0 0 0;}
    .footer_wrap .inner:after{background-size:400px auto}

    .ft_tel a{font-size:28px;} 
    .ft_info{margin-top:50px;}
    .ft_copy{margin-top:40px;}
}
@media only screen and (max-width:1280px) {
    .footer_wrap {padding:60px 0 0 0;}
    .footer_wrap .inner{padding-bottom:45px;}
    .footer_wrap .inner:after{background-size:340px auto}
}
@media only screen and (max-width:1100px) {
    .footer_wrap .inner{background-size:280px auto}
    .ft_info{margin-top:40px;}
}
@media only screen and (max-width:999px) {
    .footer_wrap {padding:60px 0 0 0;}
    .footer_wrap .inner{text-align:center;  padding-bottom:35px;}
    .footer_wrap .inner:after{display:none;}
    .ft_tel a{font-size:26px;display:inline-block;vertical-align:top; position:relative;} 
    .ft_tel a:before{width:30px;height:30px; position:absolute; left:-40px ; top:-15px; background:url('/assets/images/common/f_leaf01.png') no-repeat center center; background-size:100% auto; display:block; content:""}
    .ft_tel a:after{width:30px;height:30px; position:absolute; right:-40px ; bottom:-10px; background:url('/assets/images/common/f_leaf02.png') no-repeat center center; background-size:100% auto; display:block; content:""}

    .ft_info{margin-top:30px;}
    .ft_info li {font-size:13px;}
    .ft_info li:nth-child(n+2){margin-top:5px;}
    .ft_copy{margin-top:30px;}

    .ft_copy .copy{font-size:13px;}
}
@media only screen and (max-width:680px) {
    .footer_wrap {padding:40px 0 0 0;}
    .ft_tel a{font-size:23px;} 
    .ft_tel a:before{background-size:80% auto;}
    .ft_tel a:after{background-size:80% auto;}

    .ft_info{margin-top:25px;}
    .ft_info li {font-size:13px;}
    .ft_info li:nth-child(n+2){margin-top:3px;}
    .ft_info li br{display:block;}
    .ft_copy{margin-top:25px;}
    .ft_copy .copy{font-size:12px;}
}
@media only screen and (max-width:480px) {
    .ft_tel a{font-size:20px;} 
    .ft_info li {font-size:12px;}
    .ft_copy{margin-top:20px;}
    .ft_copy .copy{font-size:11px;}

}




/* ======================================================
.room_wrap
=========================================================*/
.room_wrap{max-width:1480px; margin:0 auto;box-sizing:border-box; padding:0 20px;}

.room_wrap .info{animation-delay:0.2s;}
.room_wrap .info .cont{position:relative; z-index:2;  border:1px solid #00010c; background:url('/assets/images/common/about_line.png') repeat center -10px;}
.room_wrap .info .cont:before{width:16px;height:16px; background:#fff; position:absolute; left:50% ; margin-left:-8px; top:-8px;display:block;content:""}
.room_wrap .info .cont:after{width:16px;height:16px; background:#fff; position:absolute; left:50% ; margin-left:-8px; bottom:-8px;display:block;content:""}

.room_wrap .info .cont .img{}
.room_wrap .info .cont .img img{width:100%; min-height:200px;object-fit:cover;}

.room_wrap .info .dots{}
.room_wrap .info .dot1:before{width:16px;height:16px; background:#fff; position:absolute; left:-8px; top:-8px;display:block;content:""}
.room_wrap .info .dot1:after{width:16px;height:16px; background:#fff; position:absolute; left:-8px; bottom:-8px;display:block;content:""}
.room_wrap .info .dot1 span{width:16px;height:16px; background:#fff; position:absolute; left:-8px; top:50%; margin-top:-8px;display:block;content:""}

.room_wrap .info .dot2:before{width:16px;height:16px; background:#fff; position:absolute; right:-8px; top:-8px;display:block;content:""}
.room_wrap .info .dot2:after{width:16px;height:16px; background:#fff; position:absolute; right:-8px; bottom:-8px;display:block;content:""}
.room_wrap .info .dot2 span{width:16px;height:16px; background:#fff; position:absolute; right:-8px; top:50%; margin-top:-8px;display:block;content:""}

.room_wrap .info .bg.bg01{position:absolute; width:190px; left:80px; top:-160px;animation-delay:0.4s;}
@media only screen and (max-width:1480px) {
    .room_wrap .info .bg.bg01{width:180px; left:60px; top:-140px;}

    .room_wrap .info .cont:before{width:12px;height:12px;  margin-left:-6px; top:-6px;}
    .room_wrap .info .cont:after{width:12px;height:12px;  margin-left:-6px; bottom:-6px;}

    .room_wrap .info .dot1:before{width:12px;height:12px; left:-6px; top:-6px;}
    .room_wrap .info .dot1:after{width:12px;height:12px; left:-6px; bottom:-6px;}
    .room_wrap .info .dot1 span{width:12px;height:12px; left:-6px; margin-top:-6px;}

    .room_wrap .info .dot2:before{width:12px;height:12px; right:-6px; top:-6px;}
    .room_wrap .info .dot2:after{width:12px;height:12px; right:-6px; bottom:-6px;}
    .room_wrap .info .dot2 span{width:12px;height:12px; right:-6px; margin-top:-6px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    .room_wrap .info .bg.bg01{width:140px; left:40px; top:-100px;}

    .room_wrap .info .cont{background-size:40px auto;}
    .room_wrap .info .cont:before{width:8px;height:8px;  margin-left:-4px; top:-4px;}
    .room_wrap .info .cont:after{width:8px;height:8px;  margin-left:-4px; bottom:-4px;}

    .room_wrap .info .dot1:before{width:8px;height:8px; left:-4px; top:-4px;}
    .room_wrap .info .dot1:after{width:8px;height:8px; left:-4px; bottom:-4px;}
    .room_wrap .info .dot1 span{width:8px;height:8px; left:-4px; margin-top:-4px;}

    .room_wrap .info .dot2:before{width:8px;height:8px; right:-4px; top:-4px;}
    .room_wrap .info .dot2:after{width:8px;height:8px; right:-4px; bottom:-4px;}
    .room_wrap .info .dot2 span{width:8px;height:8px; right:-4px; margin-top:-4px;}

}
@media only screen and (max-width:680px) {
    .room_wrap .info .bg.bg01{width:100px; left:30px; top:-80px;}

    .room_wrap .info .cont{background-size:30px auto;}
    .room_wrap .info .cont:before{width:4px;height:4px;  margin-left:-2px; top:-2px;}
    .room_wrap .info .cont:after{width:4px;height:4px;  margin-left:-2px; bottom:-2px;}

    .room_wrap .info .dot1:before{width:4px;height:4px; left:-2px; top:-2px;}
    .room_wrap .info .dot1:after{width:4px;height:4px; left:-2px; bottom:-2px;}
    .room_wrap .info .dot1 span{width:4px;height:4px; left:-2px; margin-top:-2px;}

    .room_wrap .info .dot2:before{width:4px;height:4px; right:-2px; top:-2px;}
    .room_wrap .info .dot2:after{width:4px;height:4px; right:-2px; bottom:-2px;}
    .room_wrap .info .dot2 span{width:4px;height:4px; right:-2px; margin-top:-2px;}
}
@media only screen and (max-width:480px) {
    .room_wrap .info .bg.bg01{width:80px; left:23px; top:-63px;}
}

.room_wrap .inst{padding:0 35px; margin-top:130px; animation-delay:0.2s;}
.room_wrap .inst table{table-layout:fixed; border-top:2px solid #88a8c5;}
.room_wrap .inst table thead th{border:1px solid #88a8c5; border-left:none;vertical-align:middle; border-top:none;color:#00010c; font-size:12px; padding:7px 2px; line-height:1.2em; text-align:center;}
.room_wrap .inst table tbody th{border:1px solid #88a8c5; border-left:none;vertical-align:middle; border-top:none;color:#555; font-size:12px; padding:7px 2px; line-height:1.2em; text-align:center;}
.room_wrap .inst table tbody td{border:1px solid #88a8c5; border-left:none;vertical-align:middle; border-top:none;color:#555; font-size:12px; padding:7px 2px; line-height:1.2em; text-align:center; }

.room_wrap .inst table thead th:last-child{border-right:none;}
.room_wrap .inst table tbody td:last-child{border-right:none;}

.room_wrap .inst table tbody .line{border-right:1px solid #88a8c5;}
.room_wrap .inst table tbody td.bg01{background:#eaebe6}

.room_wrap .inst .ex{margin-top:12px;position:Relative; font-size:12px; padding-left:8px; color:#555; line-height:1.4em;}
.room_wrap .inst .ex:before{width:2px;height:2px; background:#555; position:Absolute ; left:0; top:7px; display:block; content:""}
.room_wrap .inst .ex span{color:#00010c;font-size:12px;}
.room_wrap .inst .ex.last{margin-top:3px;}

.room_wrap .inst .desktop{display:block;}
.room_wrap .inst .mobile{display:none;}
@media only screen and (max-width:1340px) {
    .room_wrap .inst{padding:0 25px; margin-top:100px;}
    .room_wrap .inst .abr .img{width:calc(50% - 16px)}
    .room_wrap .inst .abr .img:nth-child(n+3){margin-top:32px;}
}
@media only screen and (max-width:1180px) {
    .room_wrap .inst{margin-top:80px;}
}
@media only screen and (max-width:999px) {
    .room_wrap .inst{padding:0 15px; margin-top:60px;}
    .room_wrap .inst .desktop{display:none;}
    .room_wrap .inst .mobile{display:block;}
    .room_wrap .inst .mobile table:nth-child(n+2){border-top:none; }

    .room_wrap .inst table thead th{font-size:11px;padding:5px 2px; }
    .room_wrap .inst table tbody th{font-size:11px;padding:5px 5px; }
    .room_wrap .inst table tbody td{font-size:11px;padding:5px 5px; }
}
@media only screen and (max-width:680px) {
    .room_wrap .inst{padding:0; margin-top:30px;}
}
@media only screen and (max-width:480px) {

}

.room_wrap .kiz{margin-top:210px;}
.room_wrap .kiz .tits{position:relative; text-align:center; animation-delay:0.1s;}
.room_wrap .kiz .tits h3{font-size:40px;font-weight:800; color:#fff; letter-spacing:-0.03em;line-height:1.2em;position:Relative;  -webkit-text-stroke: 2.5px #212121;}
.room_wrap .kiz .tits h3:before{width:90px;height:40px; position:absolute; left:50%; margin-left:-45px; top:-55px; background:url('/assets/images/common/tit_rainbow.png') no-repeat center top; display:block; content:""}
/* .room_wrap .kiz .tits h3:after{display:block; content:"포도(키즈용품/사계절BBQ/분리형)-키즈룸"; font-weight:400; text-indent:-2px; letter-spacing:-0.036em; color:#212121; font-size:42px; position:Absolute;left:0; top:0; width:100%;text-align:center;z-index:-1;-webkit-text-stroke: 3px #212121;} */
.room_wrap .kiz .tits p{color:#8a8a8a; font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; margin-top:20px;}


.room_wrap .kiz .cont{margin-top:120px;position:relative;}
.room_wrap .kiz .cont:after{display:block; content:"";clear:both;}

.room_wrap .kiz .bg.bg01{position:absolute; width:230px; right:0px; top:-308px ;  animation-delay:0.2s;}
.room_wrap .kiz .bg.bg02{position:absolute; width:195px; right:-82px; bottom:-47px; animation-delay:0.5s;}
.room_wrap .kiz .bg.bg03{position:absolute; width:347px; right:42px; bottom:-287px; animation-delay:0.6s;}
@media only screen and (max-width:1480px) {
    .room_wrap .kiz{margin-top:170px;}
    .room_wrap .kiz .tits h3{font-size:36px;-webkit-text-stroke: 2px #212121;}
    .room_wrap .kiz .tits h3:before{background-size:78px auto; top:-40px;}
    .room_wrap .kiz .tits p{font-size:14px;}

    .room_wrap .kiz .cont{margin-top:100px;}

    .room_wrap .kiz .bg.bg01{width:200px; right:10px; top:-280px}
    .room_wrap .kiz .bg.bg02{ width:145px; right:-60px; bottom:-35px }
    .room_wrap .kiz .bg.bg03{width:300px; right:30px; bottom:-250px}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {
    .room_wrap .kiz .cont{margin-top:80px;}
    .room_wrap .kiz .bg.bg01{width:160px; right:10px; top:-260px}
    .room_wrap .kiz .bg.bg03{width:250px; right:20px; bottom:-210px}
}
@media only screen and (max-width:999px) {
    .room_wrap .kiz{margin-top:140px;}
    .room_wrap .kiz .tits h3{font-size:32px;-webkit-text-stroke: 1.5px #212121;}
    .room_wrap .kiz .tits h3:before{background-size:68px auto; top:-35px;}
    .room_wrap .kiz .tits p{font-size:13px; margin-top:15px;}

    .room_wrap .kiz .cont{margin-top:60px;}

    .room_wrap .kiz .bg.bg01{display:none;}
    .room_wrap .kiz .bg.bg02{ width:110px; right:-50px; bottom:-25px }

    .room_wrap .kiz .bg.bg03{width:210px; right:15px; bottom:-120px}
}
@media only screen and (max-width:680px) {
    .room_wrap .kiz{margin-top:120px;}
    .room_wrap .kiz .tits h3{font-size:26px;-webkit-text-stroke: 1.2px #212121;}
    .room_wrap .kiz .tits h3:before{background-size:58px auto; top:-30px;}
    .room_wrap .kiz .tits p{font-size:12px;margin-top:10px;}

    .room_wrap .kiz .cont{margin-top:40px;}

    .room_wrap .kiz .bg.bg02{ width:80px; right:-30px; bottom:-15px }
    .room_wrap .kiz .bg.bg03{width:160px;  bottom:-80px}
}
@media only screen and (max-width:480px) {

    .room_wrap .kiz .tits h3{font-size:24px;}
    .room_wrap .kiz .tits h3:before{background-size:48px auto; top:-25px;}
    .room_wrap .kiz .tits p{font-size:11px;}

    .room_wrap .kiz .cont{margin-top:20px;}

    .room_wrap .kiz .bg.bg03{width:130px; right:0; bottom:-60px}
}



.room_wrap .kiz .fl{width:58.47%; float:left;  animation-delay:0.3s; }
.room_wrap .kiz .fr{width:36.46%; float:right; padding-top:40px;  animation-delay:0.4s;}

.room_wrap .kiz .img{position:relative; border:2px solid #00010c; border-top:none;}
.room_wrap .kiz .img img{width:100%;}

.room_wrap .kiz .img .ctrl{background:#3d59a8 ;border:2px solid #00010c; position:relative; height:38px; border-left:none; border-right:none;}
.room_wrap .kiz .img .ctrl .prev{width:26px;height:19px; position:absolute; left:22px; top:9px;background:url('/assets/images/common/ico01.png') no-repeat left center; background-size:100% auto;}
.room_wrap .kiz .img .ctrl .next{width:26px;height:19px; position:absolute; left:65px; top:9px;background:url('/assets/images/common/ico02.png') no-repeat right center; background-size:100% auto;}
.room_wrap .kiz .img .ctrl .like{width:18px;height:19px; position:absolute; right:94px; top:9px;background:url('/assets/images/common/ico03.png') no-repeat center center; background-size:100% auto;}
.room_wrap .kiz .img .ctrl .other{width:28px;height:19px; position:absolute; right:29px; top:9px;background:url('/assets/images/common/ico04.png') no-repeat center center; background-size:100% auto;}


.room_wrap .kiz .rtxt{margin-top:22px;font-size:14px; letter-spacing:0.02em; color:#8a8a8a; line-height:1.5em}
.room_wrap .kiz .fr .reserve-btn{margin-top:22px; border:1.5px dashed #00010c; width:180px; line-height:48px; text-align:center; position:relative ;display:inline-block;vertical-align:top; color:#fff; font-size:16px; }
.room_wrap .kiz .fr .reserve-btn:after{position:absolute; left:10px; top:10px; background:#ff5763; z-index:-1; width:100%; height:100%; display:block; content:"";z-index:-1;-webkit-transition: left 0.25s ease-in-out, top 0.25s ease-in-out;-moz-transition: left 0.25s ease-in-out ,  top 0.25s ease-in-out;-o-transition: left 0.25s ease-in-out ,  top 0.25s ease-in-out;transition: left 0.25s ease-in-out,  top 0.25s ease-in-out;}
.room_wrap .kiz .fr .reserve-btn:hover:after{left:0; top:0;}

.room_wrap .kiz .fr .reserve-btn span{font-size:inherit}
@media only screen and (max-width:1480px) {
    .room_wrap .kiz .rtxt{font-size:13px;}
    .room_wrap .kiz .fr .reserve-btn{width:160px; line-height:45px; font-size:15px;}

    .room_wrap .kiz .img .ctrl{ height:34px;}
    .room_wrap .kiz .img .ctrl .prev{width:21px;height:16px;left:16px; top:9px;}
    .room_wrap .kiz .img .ctrl .next{width:21px;height:16px; left:54px; top:9px;}
    .room_wrap .kiz .img .ctrl .like{width:14px;height:16px;right:74px; top:9px;}
    .room_wrap .kiz .img .ctrl .other{width:24px;height:16px; right:24px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    .room_wrap .kiz .fl{width:auto;  float:none}
    .room_wrap .kiz .fr{width:86%;  float:none ; padding-top:0; margin:0 auto;margin-top:25px;}

    .room_wrap .kiz .rtxt{font-size:12px;}
    .room_wrap .kiz .fr .reserve-btn{width:140px; line-height:40px; font-size:14px;}
    .room_wrap .kiz .fr .reserve-btn:after{left:0; top:0;}
}
@media only screen and (max-width:680px) {
    .room_wrap .kiz .img .ctrl{ height:28px; border-width:1px;}
    .room_wrap .kiz .img .ctrl .prev{width:15px;height:12px;left:14px; top:9px;}
    .room_wrap .kiz .img .ctrl .next{width:15px;height:12px; left:44px; top:9px;}
    .room_wrap .kiz .img .ctrl .like{width:11px;height:12px;right:52px; top:9px;}
    .room_wrap .kiz .img .ctrl .other{width:19px;height:12px; right:16px;}

    .room_wrap .kiz .img{border-width:1px;}

    .room_wrap .kiz .rtxt{font-size:11px;}
    .room_wrap .kiz .fr .reserve-btn{margin-top:15px;width:120px; line-height:35px; font-size:13px;}
}
@media only screen and (max-width:480px) {
    .room_wrap .kiz .fr .reserve-btn{width:100px; line-height:30px; font-size:12px;}
}


/* ======================================================
.special_wrap
=========================================================*/
.special_wrap{max-width:1342px; margin:0 auto;box-sizing:border-box; padding:0 20px;}
.special_wrap .tits{position:relative; text-align:center;z-index:23;}
.special_wrap .tits h3{ font-size:40px;font-weight:800; color:#fff;letter-spacing:-0.03em; line-height:1.2em;position:Relative;  -webkit-text-stroke: 2.5px #212121;animation-delay:0.1s;}
.special_wrap .tits h3:before{width:90px;height:40px; position:absolute; left:50%; margin-left:-45px; top:-55px; background:url('/assets/images/common/tit_rainbow.png') no-repeat center top; display:block; content:""}
/* .special_wrap .tits h3:after{display:block; content:"애견놀이터"; font-weight:400; text-indent:-1px; letter-spacing:-0.055em; color:#212121; font-size:42px; position:Absolute;left:0; top:0; width:100%;text-align:center;z-index:-1;-webkit-text-stroke: 3px #212121;} */
.special_wrap .tits p{color:#8a8a8a; font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; margin-top:20px;}
.special_wrap .tits p:nth-child(n+3){ margin-top:4px;}
.special_wrap .tits div{animation-delay:0.2s;}

.special_wrap .cont{position:relative; z-index:2; margin-top:85px;}
.special_wrap .cont .img{position:relative;}
.special_wrap .cont .img:after{width:20000px; height:50%; position:absolute; left:50%; margin-left:-10000px; top:40%; background:#e6dad2; z-index:-1; display:block; content:""}
.special_wrap .cont .img li{border:2px solid #00010c}
.special_wrap .cont .img li:nth-child(n+2){margin-top:47px;}
.special_wrap .cont .img li img{width:100%; min-height:100px;object-fit:cover;}

.special_wrap .cont .img li:nth-child(1){animation-delay:0.1s;}
.special_wrap .cont .img li:nth-child(2){animation-delay:0.2s;}

.special_wrap .cont .bg.bg01{position:absolute; width:388px; right:0; top:-294px;animation-delay:0.3s;}
@media only screen and (max-width:1480px) {
    .special_wrap .tits h3{font-size:36px;-webkit-text-stroke: 2px #212121;}
    .special_wrap .tits h3:before{background-size:78px auto; top:-40px;}

    .special_wrap .tits p{font-size:14px;}
    .special_wrap .tits p:nth-child(n+3){ margin-top:3px;}

    .special_wrap .cont{margin-top:70px;}
    .special_wrap .cont .img li:nth-child(n+2){margin-top:40px;}

    .special_wrap .cont .bg.bg01{ width:300px; top:-240px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    .special_wrap .tits h3{font-size:32px;-webkit-text-stroke: 1.5px #212121;}
    .special_wrap .tits h3:before{background-size:68px auto; top:-35px;}

    .special_wrap .tits p{font-size:13px; margin-top:15px;}
    .special_wrap .tits p:nth-child(n+3){ margin-top:2px;}

    .special_wrap .cont{margin-top:50px;}
    .special_wrap .cont .img li:nth-child(n+2){margin-top:30px;}

    .special_wrap .cont .bg.bg01{ width:220px; top:-180px; right:-10px;}
}
@media only screen and (max-width:680px) {
    .special_wrap .tits h3{font-size:26px;-webkit-text-stroke: 1.2px #212121;}
    .special_wrap .tits h3:before{background-size:58px auto; top:-30px;}

    .special_wrap .tits p{font-size:12px;margin-top:10px;}

    .special_wrap .cont{margin-top:30px;}
    .special_wrap .cont .img li:nth-child(n+2){margin-top:20px;}

    .special_wrap .cont .bg.bg01{ width:140px; top:-110px; right:-20px;}
}
@media only screen and (max-width:480px) {
    .special_wrap .tits h3{font-size:24px;}
    .special_wrap .tits h3:before{background-size:48px auto; top:-25px;}

    .special_wrap .tits p{font-size:11px;}

    .special_wrap .cont .bg.bg01{ width:135px; top:-99px; right:-16px;}
}



/* ======================================================
.location_wrap
=========================================================*/
.location_wrap{max-width:1480px; margin:0 auto;box-sizing:border-box; padding:0 20px;}
.location_wrap .tits{position:relative; text-align:center; animation-delay:0.2s;}
.location_wrap .tits h3{ font-size:40px;font-weight:800; color:#fff;letter-spacing:-0.03em; line-height:1.2em;position:Relative;  -webkit-text-stroke: 2.5px #212121;}
.location_wrap .tits h3:before{width:90px;height:40px; position:absolute; left:50%; margin-left:-45px; top:-55px; background:url('/assets/images/common/tit_rainbow.png') no-repeat center top; display:block; content:""}

.location_wrap .info{margin-top:100px; position:relative;}
.location_wrap .info .img{border-radius:26px; overflow:hidden;position:absolute; left:0; top:0; width:202px; border:2px solid #3e59a8 ; animation-delay:0.4s;}
.location_wrap .info .img img{width:100%;height:202px;object-fit:cover;}
.location_wrap .info .txt{height:202px; display:flex;align-items: center; justify-content:left;text-align:left; animation-delay:0.6s;}
.location_wrap .info .vc{text-align:left; width:100%;padding-left:240px;}
.location_wrap .info .btxt{font-size:18px; font-weight:500; letter-spacing:-0.03em; color:#313131;line-height:1.3em;display:inline-block;vertical-align:top;border-bottom:1px solid #313131}
.location_wrap .info .stxt{margin-top:30px;font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#313131;line-height:1.5em;}

.location_wrap .maps{margin-top:55px;animation-delay:0.2s;}
.location_wrap .root_daum_roughmap{width:100% !important;}

.location_wrap .ex{margin-top:15px;animation-delay:0.2s;}
.location_wrap .ex p{font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#313131;line-height:1.5em;}

.location_wrap .bg.bg01{position:absolute; width:306px; right:62px; bottom:-4px;}
@media only screen and (max-width:1480px) {
    .location_wrap .tits h3{font-size:36px;-webkit-text-stroke: 2px #212121;}
    .location_wrap .tits h3:before{background-size:78px auto; top:-40px;}

    .location_wrap .info {padding-left:230px; margin-top:80px;}
    .location_wrap .info .img{width:180px}
    .location_wrap .info .img img{height:180px; }
    .location_wrap .info .txt{height:180px;}
    .location_wrap .info .btxt{font-size:17px;}
    .location_wrap .info .stxt{margin-top:25px;font-size:13px;}

    .location_wrap .maps{margin-top:45px}

    .location_wrap .ex p{font-size:13px;}

    .location_wrap .bg.bg01{width:240px; right:40px; bottom:0}
}
@media only screen and (max-width:1280px) {
    .location_wrap .info {padding-left:200px; margin-top:80px;}
    .location_wrap .info .img{width:160px}
    .location_wrap .info .img img{height:160px; }
    .location_wrap .info .txt{height:160px;}	

    .location_wrap .bg.bg01{width:200px; right:20px} 
}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    .location_wrap .tits h3{font-size:32px;-webkit-text-stroke: 1.5px #212121;}
    .location_wrap .tits h3:before{background-size:68px auto; top:-35px;}

    .location_wrap .info {padding-left:0; margin-top:60px;text-align:center;}
    .location_wrap .info .img{width:160px; position:relative; left:auto; top:auto; margin:0 auto;}
    .location_wrap .info .img img{height:160px; }
    .location_wrap .info .txt{height:auto; margin-top:20px; text-align:center;}
    .location_wrap .info .txt .vc{text-align:inherit;padding:0;}
    .location_wrap .info .btxt{font-size:16px;}
    .location_wrap .info .stxt{margin-top:20px;font-size:13px;}

    .location_wrap .maps{margin-top:35px}
    .location_wrap .wrap_map{height:350px !important;}
    .location_wrap .bg.bg01{background:url('/assets/images/common/lo_bg01m.png') no-repeat center top; background-size:400px auto; width:100% ;height:160px; left:0; top:0; bottom:auto;}
    .location_wrap .bg.bg01 img{display:none}
}
@media only screen and (max-width:680px) {
    .location_wrap .tits h3{font-size:26px;-webkit-text-stroke: 1.2px #212121;}
    .location_wrap .tits h3:before{background-size:58px auto; top:-30px;}

    .location_wrap .info{margin-top:20px;}
    .location_wrap .info .img{width:140px;}
    .location_wrap .info .img img{height:140px; }

    .location_wrap .info .btxt{font-size:15px;}
    .location_wrap .info .stxt{margin-top:15px;font-size:12px;}


    .location_wrap .maps{margin-top:25px}
    .location_wrap .wrap_map{height:300px !important;}

    .location_wrap .ex p{font-size:12px;}

    .location_wrap .bg.bg01{background-size:300px;}
}
@media only screen and (max-width:480px) {
    .location_wrap .tits h3{font-size:24px;}
    .location_wrap .tits h3:before{background-size:48px auto; top:-25px;}

    .location_wrap .info .img{width:120px;}
    .location_wrap .info .img img{height:120px; }

    .location_wrap .bg.bg01{background-size:280px;top:-70px;}
}




/* ======================================================
.tour_wrap
=========================================================*/
.tour_wrap{max-width:1162px; margin:0 auto;box-sizing:border-box; padding:0 20px;}
.tour_wrap .tits{position:relative; text-align:center; animation-delay:0.1s;}
.tour_wrap .tits h3{ font-size:40px;font-weight:800; color:#fff;letter-spacing:-0.03em; line-height:1.2em;position:Relative;  -webkit-text-stroke: 2.5px #212121;}
.tour_wrap .tits h3:before{width:90px;height:40px; position:absolute; left:50%; margin-left:-45px; top:-55px; background:url(../common/images/main/tit-rainbow.png) no-repeat center top; display:block; content:""}
.tour_wrap .list{margin-top:100px; position:relative;}
.tour_wrap .list ul{margin:0 -10px;}
.tour_wrap .list ul:after{display:block ;content:"";clear:both}
.tour_wrap .list li{float:left; width:calc(50% - 20px); margin:0 10px;}
.tour_wrap .list li:nth-child(n+3){margin-top:35px;}
.tour_wrap .list li a{display:block}
.tour_wrap .list li .img{overflow:hidden;}
.tour_wrap .list li .img img{width:100%;transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.tour_wrap .list li .txt{text-align:center; margin-top:24px;word-break:keep-all;}
.tour_wrap .list li .btxt{font-size:16px; font-weight:400; color:#313131; line-height:1.3em;}
.tour_wrap .list li .btxt span{margin-left:16px; font-size:inherit;display:inline-block;vertical-align:top; position:Relative;}
.tour_wrap .list li .btxt span:before{height:13px; position:Absolute; left:-9px; border-left:1px solid #313131; display:block ;content:""; top:50%; margin-top:-5px;}
.tour_wrap .list li .stxt{margin-top:5px;font-size:14px; font-weight:400; color:#8a8a8a; line-height:1.3em;}

.tour_wrap .list li a:hover .img img{transform:scale(1.1) translateX(10px)}

.tour_wrap .list li:nth-child(odd){animation-delay:0.2s;}
.tour_wrap .list li:nth-child(even){animation-delay:0.4s;}

.tour_wrap .list li:nth-child(1) .img, .tour_wrap .list li:nth-child(2) .img{ border:2px solid #3e59a8}
.tour_wrap .list li:nth-child(3) .img, .tour_wrap .list li:nth-child(4) .img{ border:2px solid #ff5764}
.tour_wrap .list li:nth-child(5) .img, .tour_wrap .list li:nth-child(6) .img{ border:2px solid #3ab187}

.tour_wrap .bg.bg01{position:absolute; width:246px; left:-320px; top:70px ; animation-delay:0.3s;}
.tour_wrap .bg.bg02{position:absolute; width:240px; right:-140px; top:425px ; animation-delay:0.6s;}
@media only screen and (max-width:1480px) {
    .tour_wrap .tits h3{font-size:36px;-webkit-text-stroke: 2px #212121;}
    .tour_wrap .tits h3:before{background-size:78px auto; top:-40px;}

    .tour_wrap .list{margin-top:80px; }
    .tour_wrap .list li .btxt{font-size:15px;}
    .tour_wrap .list li .stxt{font-size:13px;}

    .tour_wrap .bg.bg01{width:200px; left:-220px}
    .tour_wrap .bg.bg02{width:240px; right:-140px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {
    .tour_wrap .bg.bg01{width:160px; left:-160px}
    .tour_wrap .bg.bg02{width:220px; right:-120px;}
}
@media only screen and (max-width:999px) {
    .tour_wrap .tits h3{font-size:32px;-webkit-text-stroke: 1.5px #212121;}
    .tour_wrap .tits h3:before{background-size:68px auto; top:-35px;}

    .tour_wrap .list{margin-top:60px; }
    .tour_wrap .list li .txt{margin-top:20px;}
    .tour_wrap .list li .btxt{font-size:14px;}
    .tour_wrap .list li .btxt span:before{height:11px;}
    .tour_wrap .list li .stxt{font-size:12px;}


    .tour_wrap .bg.bg01{width:130px; left:-100px; top:50px}
    .tour_wrap .bg.bg02{width:180px; right:-100px;}
}
@media only screen and (max-width:680px) {
    .tour_wrap .tits h3{font-size:26px;-webkit-text-stroke: 1.2px #212121;}
    .tour_wrap .tits h3:before{background-size:58px auto; top:-30px;}

    .tour_wrap .list{margin-top:30px; }
    .tour_wrap .list ul{margin:0}
    .tour_wrap .list li{float:none; width:auto; margin:0}
    .tour_wrap .list li:nth-child(n+2){margin-top:25px;}
    .tour_wrap .list li .txt{margin-top:15px;}
    .tour_wrap .list li .btxt{font-size:13px;}
    .tour_wrap .list li .stxt{font-size:11px;}

    .tour_wrap .bg.bg01{width:100px; left:-80px; top:30px}
    .tour_wrap .bg.bg02{width:140px; right:-60px; top:48%}
}
@media only screen and (max-width:480px) {
    .tour_wrap .tits h3{font-size:24px;}
    .tour_wrap .tits h3:before{background-size:48px auto; top:-25px;}

    .tour_wrap .bg.bg01{left:-14px; top:-20px}
    .tour_wrap .bg.bg02{width:90px; right:-11px;}
}


/*========================
v-scrollbar
==========================*/
.v-scrollbar { position: absolute; right: 2px; top: 0; width: 11px; height: 100%; z-index:6123; transform-origin: center right; transition: transform 0.3s, opacity 0.3s;  opacity:0.85; }
/* .v-scrollbar:hover { transform: scaleX(1.45); } */
.v-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar { opacity: 1; }
[data-scroll-direction="horizontal"] .v-scrollbar {width: 100%; height: 10px; top: auto; bottom: 0;  transform: scaleY(1); }
[data-scroll-direction="horizontal"] .v-scrollbar:hover { transform: scaleY(1.3); }
.v-scrollbar_thumb {position: absolute; top: 0; right: 0; background-color: black; opacity: 0.5; width: 6px; border-radius: 10px; margin: 2px; cursor: -webkit-grab; cursor: grab;}
@media only screen and (max-width:680px) {

}


/* ======================================================
#top-btn
=========================================================*/
.top-btn{position:fixed;right: -50px;bottom: 30px; z-index:5999;cursor: pointer;background:url(../common/images/common/top-btn.png) no-repeat center center rgba(0,0,0,0.3);  background-size:100% auto;width:44px;height:44px; border-radius:100%;display: flex;flex-wrap: wrap;align-items: center;transition:0.5s;box-sizing: border-box;}
.top-btn.over{right:25px;}
@media only screen and (max-width:680px){
    .top-btn{width:36px;height:36px;}
    .top-btn.over{right:25px; bottom:25px;}
}
@media only screen and (max-width:480px){
    .top-btn{width:30px;height:30px;}
}







/* ======================================================
.animate
=========================================================*/
.opacityAni{opacity:0;}
.opacityAni.is-inview{animation-name: opacityAni; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-fill-mode: forwards;}

.textMotion{opacity:0;}
.textMotion.is-inview{animation-name: letterspacingTxt; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-fill-mode: forwards;}

.fadeUp{opacity:0;}
.fadeUp.is-inview{animation-name: fadeUp; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-fill-mode: forwards;}

.fadeDown{opacity:0;}
.fadeDown.is-inview{animation-name: fadeDown; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-fill-mode: forwards;}

.fadeLeft{opacity:0;}
.fadeLeft.is-inview{animation-name: fadeLeft; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.1s; animation-fill-mode: forwards;}

.fadeLeft2{opacity:0;}
.fadeLeft2.is-inview{animation-name: fadeLeft2; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1.5s; animation-delay:0.1s; animation-fill-mode: forwards;}

.fadeRight{opacity:0;}
.fadeRight.is-inview{animation-name: fadeRight; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1s; animation-delay:0.1s; animation-fill-mode: forwards;}

.opacity.is-inview{animation-name: opacityAni;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 0.9s; animation-fill-mode: forwards;}
.showimg.is-inview{animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 0.9s;animation-fill-mode: forwards;}
.scaleAni.is-inview{animation-name: scaleAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.5s; animation-fill-mode: forwards;}
.scaleAni2.is-inview{animation-name: scaleAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1s; animation-fill-mode: forwards;}

@keyframes letterspacingTxt{
    0% {
        opacity:0;
        letter-spacing:5px;
    }
    100% {
        opacity:1;
        letter-spacing:0px;
    }
}
@keyframes fadeUp{
    0% {
        opacity:0;
        transform:translate3d(0,50px,0);
    }
    100% {
        opacity:1;
        transform:translate3d(0,0px,0);
    }
}
@keyframes fadeDown{
    0% {
        opacity:0;
        transform:translate3d(0,-50px,0);
    }
    100% {
        opacity:1;
        transform:translate3d(0,0px,0);
    }
}
@keyframes fadeLeft{
    0% {
        opacity:0;
        transform:translate3d(50px,0px,0);
    }
    100% {
        opacity:1;
        transform:translate3d(0,0px,0);
    }
}
@keyframes fadeRight{
    0% {
        opacity:0;
        transform:translate3d(-50px,0px,0);
    }
    100% {
        opacity:1;
        transform:translate3d(0,0px,0);
    }
}

@keyframes fadeLeft2{
    0% {
        opacity:0;
        transform:translate3d(30%,0px,0);
    }
    100% {
        opacity:1;
        transform:translate3d(0,0px,0);
    }
}
@keyframes opacityAni{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes opacityAni{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes scaleAni{
    0%{opacity:1;transform:scale(1.1);}
    100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes scaleAni2{
    0%{opacity:1;transform:scale(0.8);}
    100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes fadeUpAni{
    0%{opacity:0; transform:translate3d(0,50px,0);}
    100%{opacity:1;transform:translate3d(0,0px,0);}
}
@-webkit-keyframes fadeLeftAni{
    0%{opacity:0; transform:translate3d(-30px,0px,0);}
    100%{opacity:1;transform:translate3d(0,0px,0);}
}
@-webkit-keyframes quick_circle{
    0%{transform:rotateY(360deg);}
    50%{}
    100%{transform:rotateY(0deg);}
}

@-webkit-keyframes showImg{
    0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
    100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
}
@-webkit-keyframes showImg2{
    0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
    0%{ clip-path: polygon(0 0, 28% 0, 58% 100%, 0 100%);}
    100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
}

.setAni{-webkit-animation: setAni 2s infinite; -moz-animation: setAni 2s infinite; -o-animation: setAni 2s infinite;  animation: setAni 2s infinite;}
.hozAni{-webkit-animation: hozAni 2.3s infinite; -moz-animation: hozAni 2.3s infinite; -o-animation: hozAni 2.3s infinite;  animation: hozAni 2.3s infinite;}
@keyframes setAni {
    0% {-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
    50% {-webkit-transform: translateY(15px); -moz-transform: translateY(15px);-ms-transform: translateY(15px); -o-transform:  translateY(15px);transform: translateY(15px);}
    100% {-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
}
@-webkit-keyframes setAni {
    0% {-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
    50% {-webkit-transform: translateY(15px); -moz-transform: translateY(15px);-ms-transform: translateY(15px); -o-transform:  translateY(15px);transform: translateY(15px);}
    100% {-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
}
@keyframes hozAni {
    0% {-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
    50% {-webkit-transform: translateX(15px); -moz-transform: translateX(15px);-ms-transform: translateX(15px); -o-transform:  translateX(15px);transform: translateX(15px);}
    100% {-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
}
@-webkit-keyframes hozAni {
    0% {-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
    50% {-webkit-transform: translateX(15px); -moz-transform: translateX(15px);-ms-transform: translateX(15px); -o-transform:  translateX(15px);transform: translateX(15px);}
    100% {-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
}






.balloon1{-webkit-animation: balloon1 3s infinite ; -moz-animation: balloon1 3s infinite ; -o-animation: balloon1 3s infinite ;  animation: balloon1 3s infinite ;}
.balloon2{-webkit-animation: balloon2 2.5s infinite; -moz-animation: balloon2 2.5s infinite; -o-animation: balloon2 2.5s infinite;  animation: balloon2 2.5s infinite;}
.balloon3{-webkit-animation: balloon3 3s infinite; -moz-animation: balloon3 3s infinite; -o-animation: balloon3 3s infinite;  animation: balloon3 3s infinite;}
.balloon4{-webkit-animation: balloon4 2.5s infinite; -moz-animation: balloon4 2.5s infinite; -o-animation: balloon4 2.5s infinite;  animation: balloon4 2.5s infinite;}
.balloon5{-webkit-animation: balloon5 3.3s infinite ; -moz-animation: balloon5 3.3s infinite ; -o-animation: balloon5 3.3s infinite ;  animation: balloon5 3.3s infinite ;}

@keyframes balloon3 {
    0%,100%{ transform:translate(0, -10px) rotate(2eg);}
    50%{ transform:translate(-10px, 20px) rotate(-3deg); }
}
@-webkit-keyframes balloon3 {
    0%,100%{ -webkit-transform:translate(0, -10px) rotate(2eg);}
    50%{ -webkit-transform:translate(-10px, 20px) rotate(-3deg); }
}

/* 아이콘 2 */
@-webkit-keyframes balloon4 {
    0%,100%{ -webkit-transform:translateY(0) rotate(2eg);}
    50%{ -webkit-transform:translateY(-30px) rotate(-4deg); }
}
@keyframes balloon4 {
    0%,100%{ transform:translateY(0) rotate(2deg);}
    50%{ transform:translateY(-30px) rotate(-4deg); }
}

/* 아이콘 3 */
@keyframes balloon1 {
    0%,100%{ transform:translateY(0) rotate(2deg);}
    50%{ transform:translateY(-50px) rotate(-4deg); }
}
@-webkit-keyframes balloon1 {
    0%,100%{ transform:translateY(0) rotate(2deg);}
    50%{ transform:translateY(-50px) rotate(-4deg); }
}

/* 아이콘 4 */
@keyframes balloon2 {
    0%,100%{ transform:translate(10px, -10px) rotate(-4eg);}
    50%{ transform:translate(-15px, 30px) rotate(6deg); }
}
@-webkit-keyframes balloon2 {
    0%,100%{ -webkit-transform:translateY(0) rotate(2deg);}
    50%{ -webkit-transform:translateY(-50px) rotate(-4deg); }
}

/* 아이콘 3 */
@keyframes balloon5 {
    0%,100%{ transform:translateY(0) rotate(2deg);}
    50%{ transform:translateY(-25px) rotate(3deg); }
}
@-webkit-keyframes balloon5 {
    0%,100%{ transform:translateY(0) rotate(2deg);}
    50%{ transform:translateY(-25px) rotate(3deg); }
}



/* ======================================================
#custom_cursor, #custom_cursor_tex
=========================================================*/
#custom_cursor, #custom_cursor_text {width: 80px;height: 80px;position: fixed;top: 0;left: 0;z-index: 9999;pointer-events: none;}
.custom_cursor_inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom_cursor_circle, .custom_cursor_txt {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;border-radius: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);overflow: hidden;opacity: 0;}
.custom_cursor_txt {opacity:0;width:0;height:0;}
.custom_cursor_circle {z-index: 1;background: rgba(0,0,0,.15);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.custom_cursor_txt > span{position: relative;display: block;width: 100%;height: 100%;/* background:url(../_Img/logo.png) no-repeat center center; background-size:70% auto;text-indent:-9999em; */font-size: 13px;text-align: center;color:rgba(255,255,255,0.95);font-family: 'GothamPro';font-weight: 400;text-transform: uppercase; letter-spacing:-0.01em;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;white-space: nowrap;letter-spacing: 0.5px;}
@media only screen and (max-width:680px) {
    #custom_cursor, #custom_cursor_text {width: 60px;height: 60px;}
    .custom_cursor_txt > span{font-size:11px;}
}


/* 카테고리 메뉴 */
.aside {position:relative; z-index:1112;position:fixed;right:0;top:0;max-height:100%; min-width:355px; max-width:480px;overflow-y:auto;background:rgba(0,0,0,0.8);transition-timing-function:ease-in-out;display:flex;align-items: center; justify-content: center;-webkit-transition:right .6s cubic-bezier(.77,0,.175,1);-moz-transition:right .6s cubic-bezier(.77,0,.175,1);transition:right .6s cubic-bezier(.77,0,.175,1)}
.aside .aisde_inner {width:100% ;text-align:center;}
.aside.on{right:0;}
.aside .aside_box {height:100%;box-sizing:border-box; }
.aside .aside_box .box{position:absolute;left:0;top:50%;transform:translateY(-50%);right:0;}
.aside .btn_close {position: absolute;left: 68px;top: 57px;z-index: 22;width: 44px;height: 44px;z-index:9910;}
.aside.on .btn_close {display:block;}
.aside .depth1 {font-family: 'SCDream Gothic','Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif font-size:32px;letter-spacing:0;line-height:1.6em;color:#fff;display:block; font-weight:600;}
.aside .depth1:nth-child(n+2){margin-top:30px;}
.aside .depth_list {display:none;transition:none;padding:15px 0}
.aside .depth_list li {}
.aside .depth_list li:nth-child(n+2){margin-top:15px}
.aside .depth_list li a {font-size:13px;line-height:1.4em;display:block;color:#f8b7bd; font-weight:300;}
.aside .depth_list li a:hover{color:#ffffff;}

.aside_bg {position:fixed;left:0;top:0;bottom:0;right:0;z-index:900;background:rgba(0,0,0,0.7);display:none;cursor:pointer;}

@media only screen and (max-width:1480px) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {

}
@media only screen and (max-width:680px) {	
    .aside .depth1:nth-child(n+2){margin-top:25px;}
    .aside .btn_close {background-size:22px auto !important; right:25px; top:25px;}
    .aside .depth1 {font-size:28px;}
    .aside .depth_list li:nth-child(n+2){margin-top:12px}
    .aside .depth_list li a {font-size:15px;}
}
@media only screen and (max-width:480px) {
    .aside .depth1:nth-child(n+2){margin-top:20px;}
    .aside .btn_close {background-size:19px auto !important;right:25px; top:20px;}
    .aside .depth1 {font-size:16px;}
    .aside .depth_list li:nth-child(n+2){margin-top:10px}
    .aside .depth_list li a {font-size:13px;}
}
@media only screen and (max-width:400px) {
    .aside .depth1 {font-size:16px;}
    .aside .depth_list li a {font-size:13px;line-height:1.3em}
}



/*.aside .btn_close {display:none;}
.aside {}
.aside .aisde_inner {position:fixed;right:-100%;top:0;height:100%;z-index:991;width:100%;overflow-y:auto;background:#fff;transition:all .5s;transition-timing-function:ease-in-out;text-align:center;}
.aside.on .aisde_inner {right:0;}
.aside .aside_box {height:100%;box-sizing:border-box;}
.aside .aside_box .box {position:absolute;left:0;top:50%;transform:translateY(-50%);right:0;}
.aside .btn_close {position:absolute;left:50px;top:50px;width:17px;height:16px;background-size:cover;z-index:990;}
.aside.on .btn_close {display:block;}
.aside .depth1 {font-size:20px;line-height:1.5;padding:1em 0;color:#333;cursor:pointer;}
.aside .depth1 span {display:inline-block;font-family:'Noto Serif KR', serif;font-weight:600;}
.aside .depth_list {display:none;transition:none;font-size:0;margin-bottom:20px;}
.aside .depth_list li {display:block;padding:4px 0;}
.aside .depth_list li a {font-size:15px;line-height:1.5625;display:block;color:#333;}*/






/* ======================================================
#reservation
=========================================================*/


.room_wrap .inst{margin-top:180px;}
.room_wrap .inst h3{font-family: 'JejuMyeongjo'; font-size:20px; color:#353535; letter-spacing:-0.03em; line-height:1.7em; text-align:center;animation-delay:0.2s;word-break: keep-all; padding:0 20px;}
.room_wrap .inst .stit{margin-top:5px;font-family: 'Abigail'; font-size:18px; color:#a0a0a0; line-height:0.9em;text-align:center; letter-spacing:0;animation-delay:0.4s;word-break: keep-all; padding:0 20px;}

.room_wrap .inst .cont{max-width:1220px; margin:0 auto; margin-top:35px;animation-delay:0.6s;}
.room_wrap .inst table{table-layout:fixed; border-top:2px solid #d9cca5;}
.room_wrap .inst table thead th{border:1px solid #dbdbdb; border-left:none; border-top:none;color:#a0a0a0; font-size:12px; padding:7px 0; line-height:1.7em; text-align:center;}
.room_wrap .inst table tbody th{border:1px solid #dbdbdb; border-left:none; border-top:none;color:#353535; font-size:12px; padding:5px 0; line-height:1.7em; text-align:center;}
.room_wrap .inst table tbody td{border:1px solid #dbdbdb; border-left:none; border-top:none;color:#a0a0a0; font-size:12px; padding:5px 0; line-height:1.7em; text-align:center; }

.room_wrap .inst table thead th:last-child{border-right:none;}
.room_wrap .inst table tbody td:last-child{border-right:none;}

.room_wrap .inst .ex{margin-top:12px;position:Relative; padding-left:57px; font-size:12px; color:#a0a0a0; line-height:1.7em;}
.room_wrap .inst .ex span{position:Absolute ;left:7px; top:0; color:#353535;font-size:12px;}
.room_wrap .inst .ex:before{width:2px;height:2px; background:#353535; position:absolute; left:0; top:7px; display:block; content:""}
.room_wrap .inst .wx{margin-top:5px;position:Relative;font-size:13px; color:#777; line-height:1.7em;}

.room_wrap .inst .desktop{}
.room_wrap .inst .mobile{display:none;}
@media only screen and (max-width:1480px) {
    .room_wrap .inst{margin-top:150px;}
}
@media only screen and (max-width:1280px) {
    .room_wrap .inst{margin-top:120px;}
}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    .room_wrap .inst{margin-top:90px;}
    .room_wrap .inst h3{font-size:16px;}
    .room_wrap .inst .cont{margin-top:20px;}
    .room_wrap .inst .ex{font-size:11px;}
    .room_wrap .inst .ex:before{top:6px;}
    .room_wrap .inst .wx{font-size:11px;}

    .room_wrap .inst .desktop{display:none;}
    .room_wrap .inst .mobile{display:block;}
    .room_wrap .inst .mobile table:nth-child(n+2){border-top:none;}

    .room_wrap .inst table thead th{font-size:12px;}
    .room_wrap .inst table tbody th{font-size:12px;}
    .room_wrap .inst table tbody td{font-size:12px;}
}
@media only screen and (max-width:680px) {
    .room_wrap .inst{margin-top:60px;}
    .room_wrap .inst h3{font-size:15px;}
}
@media only screen and (max-width:480px) {
    .room_wrap .inst h3{font-size:14px;}
}

.room_wrap .list{padding:140px 0 ;position:Relative;}
.room_wrap .list:after, .room_wrap .list ul:after{display:block; content:"";clear:both}
.room_wrap .list .fl{float:left; width:calc(40.28% - 15px);}
.room_wrap .list .fr{float:right; width:calc(59.72% - 15px);}
.room_wrap .list ul:after{display:block; content:"";clear:both;}
.room_wrap .list li{overflow:hidden;}
.room_wrap .list li p{background-size:cover !important;}
.room_wrap .list li img{display:none;}

.room_wrap .list .fl li:nth-child(n+2){margin-top:30px}
.room_wrap .list .fl li:nth-child(1) p{height:438px}
.room_wrap .list .fl li:nth-child(2) p{height:338px}

.room_wrap .list .fr li{float:left; width:calc(50% - 15px);}
.room_wrap .list .fr li:nth-child(2){float:right}
.room_wrap .list .fr li:nth-child(3){width:100%; margin-top:30px;}

.room_wrap .list .fr li p{ height:290px}
.room_wrap .list .fr li:nth-child(3) p{height:490px; }

.room_wrap .list .fl li:nth-child(1){animation-delay:0.1s;}
.room_wrap .list .fl li:nth-child(2){animation-delay:0.2s;}

.room_wrap .list .fr li:nth-child(1){animation-delay:0.3s;}
.room_wrap .list .fr li:nth-child(2){animation-delay:0.4s;}
.room_wrap .list .fr li:nth-child(3){animation-delay:0.5s;}
@media only screen and (max-width:1480px) {
    .room_wrap .list{padding:110px 0 ;}
    .room_wrap .list .fl li:nth-child(1) p{height:400px}
    .room_wrap .list .fl li:nth-child(2) p{height:300px}

    .room_wrap .list .fr li p{ height:250px}
    .room_wrap .list .fr li:nth-child(3) p{height:450px; }
}
@media only screen and (max-width:1280px) {
    .room_wrap .list .fl{width:calc(40.28% - 10px);}
    .room_wrap .list .fr{width:calc(59.72% - 10px);}

    .room_wrap .list .fl li:nth-child(1) p{height:350px}
    .room_wrap .list .fl li:nth-child(2) p{height:260px}

    .room_wrap .list .fr li{width:calc(50% - 10px);}
    .room_wrap .list .fr li:nth-child(3){margin-top:20px;}

    .room_wrap .list .fr li p{ height:210px}
    .room_wrap .list .fr li:nth-child(3) p{height:410px; }
}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    .room_wrap .list{padding:80px 0 ;}
    .room_wrap .list .fl li:nth-child(1) p{height:320px}
    .room_wrap .list .fl li:nth-child(2) p{height:230px}

    .room_wrap .list .fr li p{ height:180px}
    .room_wrap .list .fr li:nth-child(3) p{height:380px; }

}
@media only screen and (max-width:680px) {
    .room_wrap .list{padding:50px 0 ;}

    .room_wrap .list .fl{width:auto; float:none;}
    .room_wrap .list .fr{width:auto; margin-top:20px; float:none;}

    .room_wrap .list li p{background:none !important;height:auto !important}
    .room_wrap .list li img{display:block; width:100%;}


    .room_wrap .list .fl li p{}
    .room_wrap .list .fl li:nth-child(1){float:left; width:calc(50% - 10px)}
    .room_wrap .list .fl li:nth-child(2){float:right; width:calc(50% - 10px); margin-top:0;}
    .room_wrap .list .fl li img{height:220px;object-fit:cover;}
}
@media only screen and (max-width:480px) {
    .room_wrap .list .fr{margin-top:10px;}
    .room_wrap .list .fl li:nth-child(1){width:calc(50% - 5px)}
    .room_wrap .list .fl li:nth-child(2){ width:calc(50% - 5px);}

    .room_wrap .list .fl li img{height:180px;}

    .room_wrap .list .fr li{width:calc(50% - 5px);}
    .room_wrap .list .fr li:nth-child(3){margin-top:10px;}
}


/* ======================================================
#reservation
=========================================================*/

.reser-wrap {max-width: 1920px;box-sizing: border-box;padding: 60px 0px; margin: 0 auto;}
.reser-wrap .tits {position: relative;padding-bottom: 50px;}
.reser-wrap .tits h3 {letter-spacing: 0;font-size: 50px;font-weight: 300;color: #867165;line-height: 1em;animation-delay: 0.1s;}
.reser-wrap .tits h3 span {color: #ffa81a;font-size: 45px;position: Absolute;left: -10px;top: -34px;}

@media only screen and (max-width:1250px) {
    .reser-wrap{padding:90px 20px}
    .reser-wrap .tits {padding: 0 60px;}
    .reser-wrap .tits h3{font-size:45px;}
    .reser-wrap .tits h3 span{font-size:40px; top:-30px;}
}
@media only screen and (max-width:1100px) {
    .reser-wrap .tits {padding: 0 40px;}a
    .reser-wrap .tits h3{font-size:40px;}
    .reser-wrap .tits h3 span{font-size:35px; top:-26px;}
}
@media only screen and (max-width:999px) {
    .reser-wrap .tits {padding: 0 20px;}
    .reser-wrap{padding:50px 0px}
    .reser-wrap .tits h3{font-size:35px;}
    .reser-wrap .tits h3 span{font-size:30px; top:-22px;}
}
@media only screen and (max-width:680px) {
    .reser-wrap .tits {padding: 0 20px;}
    .reser-wrap .tits h3{font-size:30px;}
    .reser-wrap .tits h3 span{font-size:25px; top:-18px;}
}


.reser-wrap .inst{max-width:1250px; margin:0 auto; /*padding:40px 0; margin-top:80px;*/ box-sizing:border-box;animation-delay:0.2s;}

.reser-wrap .inst table{table-layout:fixed; border-top:2px solid #b29d90 ; background:#fff;}
.reser-wrap .inst table thead th{border:1px solid #dbdbdb; border-left:none; border-top:none;color:#a0a0a0; font-size:12px; padding:7px 0; line-height:1.2em; text-align:center;}
.reser-wrap .inst table tbody th{border:1px solid #dbdbdb; border-left:none; border-top:none;color:#353535; font-size:12px; padding:5px 0; line-height:1.2em; text-align:center;}
.reser-wrap .inst table tbody td{border:1px solid #dbdbdb; border-left:none; border-top:none;color:#a0a0a0; font-size:12px; padding:5px 0; line-height:1.2em; text-align:center; }

.reser-wrap .inst table thead th:last-child{border-right:none;}
.reser-wrap .inst table tbody td:last-child{border-right:none;}

.reser-wrap .inst .ex{margin-top:12px;position:Relative; padding-left:57px; font-size:12px; color:#a0a0a0; line-height:1.7em;}
.reser-wrap .inst .ex span{position:Absolute ;left:7px; top:0; color:#353535;font-size:12px;}
.reser-wrap .inst .ex:before{width:2px;height:2px; background:#353535; position:absolute; left:0; top:10px; display:block; content:""}
.reser-wrap .inst .wx{margin-top:5px;position:Relative;font-size:13px; color:#777; line-height:1.7em;}

.reser-wrap .inst .desktop{display:block;}
.reser-wrap .inst .mobile{display:none;}
@media only screen and (max-width:1480px) {

}
@media only screen and (max-width:1250px) {
    .reser-wrap .inst{padding:0 60px; margin-top:60px;}
}
@media only screen and (max-width:1100px) {
    .reser-wrap .inst{padding:0 40px;}
}
@media only screen and (max-width:999px) {	
    .reser-wrap .inst{margin-top:40px;padding:0 20px; }
    .reser-wrap .inst .ex{font-size:11px;}
    .reser-wrap .inst .ex:before{top:8px;}
    .reser-wrap .inst .wx{font-size:11px;}

    .reser-wrap .inst .desktop{display:none;}
    .reser-wrap .inst .mobile{display:block;}
    .reser-wrap .inst .mobile table:nth-child(n+2){border-top:none;}
}

.reser-wrap .btn {/*margin-top:130px;*/text-align:center;animation-delay:0.3s;line-height:13;}
.reser-wrap .btn a {font-size:16px; font-weight:500px; color:#867165; border: 2px solid #ded5cf; padding:15px 60px;}
.reser-wrap .btn a:hover{border-color:#867165; background:#867165; color:#fff;}

@media only screen and (max-width:640px) {
    .reser-wrap .btn {display:none;}
}


.reser-wrap .info_box {text-align:left;padding-top:100px;}
.reser-wrap .info_box .title_box h3 {font-size:30px; color: #00010c;}
.reser-wrap .info_box dd {font-size:14px;line-height:1.5;color:#8a8a8a; padding-top:2.66em;word-break:keep-all;}
.reser-wrap .info_box dd + dt {padding-top:100px;}


@media only screen and (max-width:1023px) {
    .reser-wrap .info_box {padding-top:80px;}
}
@media only screen and (max-width:860px) {
    .reser-wrap .info_box {padding-top:60px;}
    .reser-wrap .info_box dd {}
    .reser-wrap .info_box dd + dt {padding-top:80px;}
}

@media only screen and (max-width:640px) {
    .reser-wrap .info_box {padding-top:40px;}
    .reser-wrap .info_box dd {padding-top: 2em;}
    .reser-wrap .info_box dd + dt {padding-top:51px;}
}
@media only screen and (max-width:480px) {
    .reser-wrap .info_box .title_box h3 {font-size:22px;}
}


/* 카테고리 메뉴 */
.aside {position:relative; z-index:1112;position:fixed;right:0;top:0;max-height:100%; min-width:355px; max-width:480px;overflow-y:auto;background:rgba(0,0,0,0.8);transition-timing-function:ease-in-out;display:flex;align-items: center; justify-content: center;-webkit-transition:right .6s cubic-bezier(.77,0,.175,1);-moz-transition:right .6s cubic-bezier(.77,0,.175,1);transition:right .6s cubic-bezier(.77,0,.175,1)}
.aside .aisde_inner {width:100% ;text-align:center;}
.aside.on{right:0;}
.aside .aside_box {height:100%;box-sizing:border-box; }
.aside .aside_box .box{position:absolute;left:0;top:50%;transform:translateY(-50%);right:0;}
.aside .btn_close {position: absolute;left: 68px;top: 57px;z-index: 22;width: 44px;height: 44px;z-index:9910;}
.aside.on .btn_close {display:block;}
.aside .depth1 {font-family: 'SCDream Gothic','Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif font-size:32px;letter-spacing:0;line-height:1.6em;color:#fff;display:block; font-weight:600;}
.aside .depth1:nth-child(n+2){margin-top:30px;}
.aside .depth_list {display:none;transition:none;padding:15px 0}
.aside .depth_list li {}
.aside .depth_list li:nth-child(n+2){margin-top:15px}
.aside .depth_list li a {font-size:13px;line-height:1.4em;display:block;color:#f8b7bd; font-weight:300;}
.aside .depth_list li a:hover{color:#ffffff;}

.aside_bg {position:fixed;left:0;top:0;bottom:0;right:0;z-index:900;background:rgba(0,0,0,0.7);display:none;cursor:pointer;}

@media only screen and (max-width:1480px) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {

}
@media only screen and (max-width:680px) {	
    .aside .depth1:nth-child(n+2){margin-top:25px;}
    .aside .btn_close {background-size:22px auto !important; right:25px; top:25px;}
    .aside .depth1 {font-size:28px;}
    .aside .depth_list li:nth-child(n+2){margin-top:12px}
    .aside .depth_list li a {font-size:15px;}
}
@media only screen and (max-width:480px) {
    .aside .depth1:nth-child(n+2){margin-top:20px;}
    .aside .btn_close {background-size:19px auto !important;right:25px; top:20px;}
    .aside .depth1 {font-size:16px;}
    .aside .depth_list li:nth-child(n+2){margin-top:10px}
    .aside .depth_list li a {font-size:13px;}
}
@media only screen and (max-width:400px) {
    .aside .depth1 {font-size:16px;}
    .aside .depth_list li a {font-size:13px;line-height:1.3em}
}


/*수정*/
.allmenu .depth1{font-size:20px;line-height: 1.5;padding: 0.5em 0;color:#fff;cursor:pointer;}
.allmenu .depth_list{display:none;transition:none;font-size:0;margin-bottom:20px;}
.allmenu .depth1 span {display:inline-block;font-weight:600;}
.allmenu .depth_list a{font-size: 15px;line-height: 1.5625;display: block;color: #f8b7bd;}
.allmenu .depth_list li{display:block;padding: 4px 0;}
/*.allmenu .depth_list li a{}*/

.allmenu > ul > .depth1 > .depth1_a {}
.allmenu > ul > .depth1{position:relative; padding: 20px 0;display:block;color:#fff;line-height:1.6em;}
.allmenu > ul > .depth1> .depth_list{display:none;}
.allmenu > ul > .depth_list a{display:none;}
.allmenu > ul > .depth1 > a >{display:none;}
.allmenu > ul > .depth1 > a > span{font-size:20px; }
.allmenu > ul > .depth1 > a > span:after{width: 0;left: 50%;bottom: -5px; border-bottom: 1px solid #665c52;display: block;content: "";position: absolute;border-bottom:1px solid #665c52;}
.allmenu > ul > li > .depth_box {}
.allmenu > ul > li > .depth_box > li {}

#allmenu-wrap{position:fixed; top:0;right:-365px;;overflow:hidden; z-index:7005;width:365px;height:100%;  background:rgba(0,0,0,0.8); box-sizing:border-box;-webkit-transition:right .6s cubic-bezier(.77,0,.175,1);-moz-transition:right .6s cubic-bezier(.77,0,.175,1);transition:right .6s cubic-bezier(.77,0,.175,1)}	
#allmenu-wrap.open{right:0;}	
#allmenu-wrap .allmenu{position:absolute; left:0; top:0; z-index:2;width:100%;height:100%; min-height:768px; overflow-y:auto;padding:160px 45px 0 45px; box-sizing:border-box;color:#fff; /* display:flex;align-items: center; justify-content: center; */}
#allmenu-wrap .close {position:absolute;left:45px; top:57px; z-index:22;width:44px;height:44px;}

/*#allmenu-wrap .allmenu ul{width:100%;text-align:left;}*/
#allmenu-wrap .allmenu ul:after{display:block; content:"";clear:both;}
#allmenu-wrap .allmenu li.li{}
#allmenu-wrap .allmenu li.mn_l1{}
#allmenu-wrap .allmenu li.mn_l1:nth-child(n+2){margin-top:25px}
#allmenu-wrap .allmenu li .mn_a1{font-size:18px; font-weight:400; color:rgba(255,255,255,0.75); letter-spacing:-0.03em; line-height:1.2em; display:block;}
#allmenu-wrap .allmenu li .mn_a1 span{font-size:inherit}
#allmenu-wrap .allmenu li .mn_a1:hover, #allmenu-wrap .allmenu li.is-over .mn_a1{color:#fff}

#allmenu-wrap .allmenu .depth2-wrap{display:none;}
#allmenu-wrap .allmenu .depth2{padding-top:20px; }
#allmenu-wrap .allmenu li.mn_l2:nth-child(n+2){margin-top:10px}
#allmenu-wrap .allmenu li .mn_a2{font-size:15px; font-weight:400; color:#f8b7bd; letter-spacing:-0.065em; line-height:1.2em; display:block;}
#allmenu-wrap .allmenu li .mn_a2 span{font-size:inherit}
@media only screen and (max-width:1480px) {
    #allmenu-wrap .allmenu{padding:150px 35px 0 35px;}
    #allmenu-wrap .close{left:35px;  top:45px; width:40px; height:40px;}
    #allmenu-wrap .allmenu li.mn_l1:nth-child(n+2){/* margin-top:60px */}
    #allmenu-wrap .allmenu li .mn_a1{font-size:17px;}
    #allmenu-wrap .allmenu li .mn_a2{font-size:14px;}
}
@media only screen and (max-width:1280px) {
    #allmenu-wrap .allmenu li.mn_l1:nth-child(n+2){/* margin-top:50px */}
}
@media only screen and (max-width:1100px) {
    #allmenu-wrap .allmenu{padding:130px 30px 0 30px;}
    #allmenu-wrap .close{left:30px;top:35px;  width:36px; height:36px;}
    #allmenu-wrap .allmenu li.mn_l1:nth-child(n+2){/* margin-top:40px */}

}
@media only screen and (max-width:999px) {
    #allmenu-wrap{right:-300px; width:300px;}
    #allmenu-wrap .allmenu{padding:110px 25px 0 25px; min-height:480px;color:#fff;}
    .allmenu .depth1{font-size: 20px;line-height: 1.5;padding: 0.5em 0;color: #fff;cursor: pointer;}
    .allmenu .depth_list{display: none;transition: none;font-size: 0;margin-bottom: 20px;}
    .allmenu .depth_list a{font-size: 15px;line-height: 1.5625;display: block;color: #f8b7bd;}
    .allmenu .depth_list li{display:block;padding: 4px 0;}
    #allmenu-wrap .close{left:25px; top:25px;  width:30px; height:30px;}
    #allmenu-wrap .allmenu li.mn_l1:nth-child(n+2){}
    #allmenu-wrap .allmenu li.mn_l2:nth-child(n+2){margin-top:7px}
    #allmenu-wrap .allmenu li .mn_a1{font-size:16px;}
    #allmenu-wrap .allmenu li .mn_a2{font-size:13px;}
}
@media only screen and (max-width:680px) {
    /* #allmenu-wrap .allmenu li.mn_l1:nth-child(n+2){margin-top:20px} */
    /* #allmenu-wrap .allmenu li .mn_a1{font-size:15px;}
    #allmenu-wrap .allmenu li .mn_a2{font-size:12px;} */
    .allmenu .depth1{font-size: 18px;line-height: 1.5;padding: 0.3em 0;color: #fff;cursor: pointer;}
    .allmenu .depth_list{display: none;transition: none;font-size: 0;margin-bottom: 20px;}
    .allmenu .depth_list a{font-size: 13px;line-height: 1.5625;display: block;color: #f8b7bd;}
    .allmenu .depth_list li{display:block;padding: 4px 0;}
}
@media only screen and (max-width:480px) {

}