@charset "utf-8";
/*
Copyright (c) 2019, Igini. All rights reserved.
version: 1.0.0

--- setting check ---
primary color : #b39579,
secondary color : #4373b5, #lb65b3, #ff3300, #222, #333, #ccc, #999, c7cbdl
font color : #333, #666, #888, #999, #ccc, #b39579;
background color : #fafafa, #fcfcfc, #f8f8f8, #f3f7ff;
line color : #ddd, #eee;
container width : 1366,
column : 79-38, 12column ;
main font : KR - Noto sans -.025em, EN - Lato
*/
body {font-family: 'Inter','SUIT', sans-serif;}
.mainpage .thumb img{width:100%}

.appPop{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:10000;}
.appPop .inner_wrap{position:absolute;top:5%;left:5%;width:90%;height:90%;display:flex;align-items:center;justify-content:center;}
.appPop .inner_wrap .inCont{display:inline-block;text-align:center;}
.appPop .inner_wrap .inCont .button{width:86%;margin:20px auto 0; }
.appPop .inner_wrap .inCont .button span{display:inline-block;padding-right:10px;background:url(../../images/ui/paging_next4.png) no-repeat 100% 50% / auto 11px}
.appPop .inner_wrap .inCont .txtlink{color:#dadada;border-color:#dadada;} 

.main_popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);overflow-y:auto;z-index:10000;text-align:center;}
.main_popup.on{display:block;}
.main_popup .laypop{position:absolute;bottom:0;left:50%;width:100%;display:block;max-width:700px;background-color: #fff;border-bottom:1px solid #ddd;border-radius:20px 20px 0 0;overflow:hidden;transform:translateX(-50%)}
.main_popup .laypop .layBot{display:flex;width:100%;height:50px;padding:0 20px;align-items:center;justify-content: space-between;}
.main_popup .laypop .layBot .btn_skip,
.main_popup .laypop .layBot .btn_close{font-size:14px;;line-height:50px;color:#333;}
.main_popup .laypop .swiper-container{max-width:1140px;max-height:623px;overflow:hidden;}
.main_popup .laypop .swiper-container .swiper-button-next, 
.main_popup .laypop .swiper-container .swiper-button-prev{top:50%;width:50px;height:50px;margin-top:-25px;}
.main_popup .laypop .swiper-container .swiper-button-next{right:0;background:rgba(0,0,0,.7) url(../../images/ui/paging_next3.png) no-repeat 50% 50% / auto 30px ; }
.main_popup .laypop .swiper-container .swiper-button-prev{left:0;background:rgba(0,0,0,.7) url(../../images/ui/paging_prev3.png) no-repeat 50% 50% / auto 30px;}
.main_popup .laypop .layBot.swiperBot .chk_wrap{position:relative;float:left;width:calc(100% - 60px);height:60px;line-height:60px;padding-right:30px;}
.main_popup .laypop .layBot.swiperBot .chk_wrap .ipt_chk{float:right;padding-left:0;padding-right:30px;margin:0;font-size:13px;font-weight:300;color:#fff;}
.main_popup .laypop .layBot.swiperBot .chk_wrap .ipt_chk input:checked + .chk{background:#fff url(../../images/ui/chk_bk.png) no-repeat 50% 50% / 12px auto}
.main_popup .laypop .layBot.swiperBot .chk_wrap .ipt_chk .chk{left:auto;left:unset;right:0;width:20px;height:20px;background-color:#fff;border-width:2px;border:none;}
.main_popup .laypop .layBot.swiperBot .btn_close{float:right;display:block;width:59px;border-left:1px solid #666;font-size:13px;color:#fff;text-align:center;line-height:60px;}
.main_popup .laypop .layBot.swiperBot .swiper-pagination{top:26px;left:30px;line-height:1;}
.main_popup .laypop .layBot.swiperBot .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.3;margin-right:6px;}
.main_popup .laypop .layBot.swiperBot .swiper-pagination-bullet-active{width:19px;border-radius:5px;opacity:1;}
.main_popup  .swiper-pagination-fraction{position:absolute;bottom:unset;top:20px;right:20px;left:unset;display:inline-block;width:auto;padding:5px 10px;background-color:rgba(131,131,131,.6);border-radius:30px;color:#fff;font-weight:300}


.mainpage strong{font-weight:500;}
.mainpage .divider{margin:0;}
.mainpage#kensington .kst_header{background:transparent;}
.mainpage#kensington.menu_open .kst_header,
.mainpage#kensington.theme_dk .kst_header{background:#fff;}
.mainpage .kst_header .inner_header{border-bottom:none;}
.mainpage#kensington.fixHeader .kst_header .inner_header{background:#fff;}
.mainpage .kst_header .inner_header .nav_toggle .icon_bar{background:#333;}
.mainpage.menu_open .kst_header .inner_header .nav_toggle .icon_bar,
.mainpage.theme_dk .kst_header .inner_header .nav_toggle .icon_bar{background:#333;}
.mainpage .kst_header .inner_header h1 a,
.mainpage.menu_open .kst_header .inner_header h1 a,
.mainpage.theme_dk .kst_header .inner_header h1 a{background:url(../../images/mobile/logo/logo_bk@2x.png) no-repeat 0 0 / 87px 15px}

.rewardsPop{position:fixed;top:0;left:0;display:flex;width:100%;height:100%;background-color: #f6f5f5;align-items:center;opacity:0;z-index:9999}
.rewardsPop .innerwrap{position:relative;width:100%;text-align:center;}
.rewardsPop .swiper-container{height:calc(72vh - 30px);max-height:650px;padding:10px 0 3vh}
.rewardsPop .swiper-container .swiper-slide{display:flex;align-items:top;justify-content: center;}
.rewardsPop .swiper-container .swiper-slide img{max-height:fit-content}
.rewardsPop .button{margin:0 auto;width:280px;}
.rewardsPop .swiper-pagination{top:0;width:100%;text-align:center;}
.rewardsPop .swiper-pagination .swiper-pagination-bullet{width:7px;height:7px;margin:0 3px;}
.rewardsPop .swiper-pagination .swiper-pagination-bullet-active{background-color: #333;}
.rewardsPop .addbtn{width:100%;display:flex;margin:0 auto;max-width:600px;justify-content: space-between;}
.rewardsPop .addbtn a{display:block;width:calc(50% - 5px);height:70px;font-size:16px;color:#333;border:none;line-height:70px;}


#inPopup{display:none;}
#inPopup.on{display:block;}
#inPopup .laypop{position:fixed;top:0;left:0;width:100%;height:calc(100% - 50px);max-width:550px;max-height:901px;background-color:#333;z-index:10000;}
#inPopup .laypop .sc{height:100%;overflow-y:auto;}
#inPopup .laypop .laycont{display:block;width:100%;height:auto;padding-top:161%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} 
#inPopup .laypop .layBot{position:absolute;bottom:-50px;left:0;width:100%;height:50px;background-color:#333;overflow:hidden;z-index:1;}
#inPopup .laypop .layBot .chk_wrap{float:left;width:calc(100% - 50px);padding:20px 15px;}
#inPopup .laypop .layBot .chk_wrap .ipt_chk{float:right;padding-left:0;padding-right:22px;margin:0;font-size:12px;font-weight:300;color:#fff;}
#inPopup .laypop .layBot .chk_wrap .ipt_chk input:checked + .chk{background:#fff url(../../images/mobile/ui/chk_bk@2x.png) no-repeat 50% 50% / 8px 6px;}
#inPopup .laypop .layBot .chk_wrap .ipt_chk .chk{left:auto;left:unset;right:0;border-width:2px;border:none;}
#inPopup .laypop .layBot .btn_close{float:right;display:block;width:49px;border-left:1px solid #666;font-size:12px;color:#fff;text-align:center;line-height:50px;}

.whitecare_banner{padding:0 20px;margin-top:20px;text-align:center;}
.whitecare_banner .link{padding-right:20px;background:url(../../images/mobile/ui/link_arr@2x.png) no-repeat 100% 50% / 6px auto;}
.whitecare_banner .ico_caution{display:inline-block;width:12px;height:12px;margin-right:5px;background:url(../../images/mobile/icon/ico_caution_gdline@2x.png) no-repeat 0 0 / 12px auto;vertical-align:middle;}
.whitecare_banner .txt{display:inline-block;color:#fff;font-size:12px;}
.greenstay_banner{padding:0 20px;margin-top:20px;text-align:center;}
.greenstay_banner .link{padding-right:20px;background:url(../../images/mobile/ui/link_arr@2x.png) no-repeat 100% 50% / 6px auto;}
.greenstay_banner .txt{display:inline-block;color:#fff;font-size:13px;}
.greenstay_banner .txt span{color: #7df357}

.main_visual{position:relative;height:500px;background-color: #000;}
.main_visual .reservation-bar{position:absolute;top:45px;left:20px;width:calc(100% - 40px);height:50px;padding:0 25px 0 45px;background:#fff url(../../images/renewal/icon/ico_srch_m.png) no-repeat 15px 50% / 15px auto;border-radius:36px;font-size:18px;font-weight:600;line-height:50px;color:#666;box-shadow:8px 0 7px rgba(0,0,0,.21);z-index:100}
.main_visual .swiper-container{height: 100%;}
.main_visual .swiper-container .swiper-slide{height: 100%;overflow: hidden;transform: translate3d(0, 0, 0);}
.main_visual .swiper-container .swiper-slide .main_visual__inner{position: relative;width: 100%;height: 100%;left: 0;top: 0;background: transparent center center no-repeat;-webkit-background-size: cover;background-size: cover}
.main_visual .swiper-container .swiper-slide .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.main_visual .swiper-container .swiper-slide .bg img{width: 100%;height: 100% !important;object-fit: cover;}
.main_visual .swiper-container .swiper-slide .incont{/*position: absolute;top:355px;left:20px;*/font-size:26px;font-weight:600;color:#fff;line-height:1.3;text-align: left;z-index: 10;}
.main_visual .swiper-container .swiper-slide .incont.dk{color:#333;}
.main_visual .swiper-container .swiper-slide .incont .tag_wrap{margin-top:20px;line-height:1}
.main_visual .swiper-container .swiper-slide .incont .tag_wrap .tag{display:inline-block;height:35px;margin-bottom:5px;padding:0 20px;background-color: rgba(255,255,255,.3);border-radius:35px;line-height:35px;font-size:15px;font-weight:400;color:#fff}
.main_visual .swiper-container .swiper-slide .incont .tag_wrap .tag.solid_round{background-color: #b39579;color:#fff}
.main_visual .swiper-container .swiper-slide .incont.dk .tag_wrap .tag{color:#333}
.main_visual .swiper-container .swiper-slide .toptxt{font-size: 19px;font-weight: 300;color: #fff;}
.main_visual .swiper-container .swiper-slide .txt{margin-bottom: 65px}
.main_visual .swiper-container .swiper-slide .txt .tit{margin-bottom: 25px;font-family: 'century gothic','Noto Sans KR', sans-serif;font-size: 50px;font-weight: 100;color: #fff;}
.main_visual .swiper-container .swiper-slide .txt .desc{margin-top: 60px;font-size: 16px;font-weight:300;color: #fff;line-height: 1.5;}
.main_visual .swiper-container .swiper-slide .btn{position:relative;display:block;width:100%;height:100%;padding:335px 20px 0;font-size: 14px;font-weight: 300;color:#fff;}
.main_visual .swiper-button-next, 
.main_visual .swiper-button-prev{top:50%;width:64px;height:64px;margin-top:-32px;}
.main_visual .swiper-button-next::after, 
.main_visual .swiper-button-prev::after{content: none}
.main_visual .swiper-button-next{right:0;background:rgba(0,0,0,.7) url(../../images/ui/paging_next3.png) no-repeat 50% 50%; }
.main_visual .swiper-button-prev{left:0;background:rgba(0,0,0,.7) url(../../images/ui/paging_prev3.png) no-repeat 50% 50%;}
.main_visual .swiper-button-next.swiper-button-disabled, 
.main_visual .swiper-button-prev.swiper-button-disabled{pointer-events:inherit}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets, 
.main_visual .swiper-pagination{position:absolute;bottom:25px;left:0;width:100%;padding-right:20px;text-align:right;font-family: 'SUIT Variable', sans-serif;font-weight:300;color:#fff; }
.main_visual .swiper-bullet{position: relative;opacity: .5;display: inline-block;margin: 0;width: auto;height:auto;background: none;margin-right: 70px;font-size: 15px;font-weight:500;color: #fff;}
.main_visual .swiper-bullet .num{font-family: 'Open Sans', sans-serif;font-size: 15px;margin-right: 10px;}
.main_visual .swiper-bullet::after{content: '';position: absolute;bottom: -10px;left: 0;width:0;height: 1px;background-color:#fff;}
.main_visual .swiper-bullet.active{opacity: 1}
.main_visual .swiper-bullet.active::after{width: 100%;-webkit-transition: width linear 5s;transition: width linear 5s;}
.main_visual .video_background{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit:cover ;transform: translate(-50%, -50%);;z-index: 0;}
.main_visual .video_background::-webkit-media-controls {display:none !important;}

.mainInfo{padding:10px 20px;background-color: #b39579;color:#fff;text-align:center;line-height:1.2}
.mainInfo strong{font-weight:600;}

.mainInfo a{display:inline-block;margin-left:10px;padding:5px 10px;background-color:#fff;font-size:12px;font-weight:500;color:#b39579}


.mainpage .section{margin:70px 0}
.mainpage .section h4{padding:0 20px;margin-bottom:30px;font-size:21px;font-weight:500;}
.mainpage .section h4 p{margin-top:5px;font-size:13px;color:#b39579}
.mainpage .section .inNav{margin-bottom:10px;padding:0;overflow-x:auto;white-space:nowrap}
.mainpage .section .inNav a{display:inline-block;margin-left:20px;padding-bottom:7px;border-bottom:2px solid transparent;font-size:15px;font-weight:600;color:#999}
.mainpage .section .inNav a:last-child{margin-right:20px;}
.mainpage .section .inNav a.on{border-bottom:2px solid #b39579;color:#b39579}
.mainpage .section.main_chain{margin:40px 0 30px}
.main_chain .chain_swiper .swiper-container{padding:0 35% 0 20px}
.main_chain .thumb{margin-bottom:13px;}
.main_chain .info_txt{padding:0 22px 0 5px}
.main_chain .info_txt .chain{margin-bottom:5px;font-size:13px;color:#b39579}
.main_chain .info_txt .txt{display:-webkit-box;height:40px;font-size:15px;font-weight:500;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.main_banner{width:100%;margin:30px 0 70px;text-align:center;}
.main_banner .inner_cont a{display:block;height:100px;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;}
.main_banner .inner_cont .text_wrap{width:1366px;margin:0 auto;padding:0;color:#fff;}
.main_banner .inner_cont .text_wrap .title{text-indent:-9999px;}

.mainpage .section.main_todayChk h4{margin-bottom:25px;}
.main_todayChk{position:relative;padding:45px 0 50px;background-color: #f9f9f9;}
.main_todayChk .tit_wrap{position:relative;height:40px;}
.main_todayChk .tit_wrap li{position:absolute;top:20px;left:0;opacity:0;}
.main_todayChk .tit_wrap li.on{top:0;opacity:1;transition:.5s;}

.main_todayChk .countdown{position:absolute;top:45px;right:20px;font-size:25px;font-weight:500;color:#333;}
.main_todayChk .today_swiper .swiper-container{padding:0 12%}
.main_todayChk .today_swiper .swiper-slide{transform:scale(.8,.8);transform-origin:50% 50%;opacity:.7;transition:.5s;}
.main_todayChk .today_swiper .swiper-slide-active{transform:scale(1,1);opacity:1;}
.main_todayChk .today_swiper .swiper-slide a{display:block;background-color: #fff;}
.main_todayChk .today_swiper .thumb{position:relative;}
.main_todayChk .today_swiper .thumb .badge{position:absolute;top:0;left:0;padding:4px 7px;background-color:#b41b25;font-size:12px;font-weight:500;color:#fff;}
.main_todayChk .today_swiper .info_txt{padding:15px;}
.main_todayChk .today_swiper .info_txt .chain{margin-bottom:5px;font-size:13px;color:#999}
.main_todayChk .today_swiper .info_txt .txt{margin-bottom:10px;font-size:16px;font-weight:500;color:#333;}
.main_todayChk .today_swiper .info_txt .price_wrap{display:flex;align-items: flex-end;}
.main_todayChk .today_swiper .info_txt .price_wrap .discount_price{font-size:12px;color:#333;}
.main_todayChk .today_swiper .info_txt .price_wrap .discount_price .num{font-size:17px;font-weight:600;}
.main_todayChk .today_swiper .info_txt .price_wrap .origin_price{margin-left:5px;font-size:11px;color:#999;text-decoration:line-through}

      
.prd_list{height:580px;padding:0 20px;border-bottom:1px solid #d5d5d5;overflow:hidden}
.prd_list ul{display:grid;grid-template-columns: 1fr 1fr;grid-column-gap: 5px;grid-row-gap:15px;}
.prd_list ul li a{display:block;border:1px solid #d5d5d5;border-radius:10px;overflow:hidden}
.prd_list ul li a .thumb img{width:100%}
.prd_list ul li .info_txt{padding:15px 10px;}
.prd_list ul li .info_txt .chain{margin-bottom:5px;font-size:13px;color:#b39579}
.prd_list ul li .info_txt .txt{display:-webkit-box;height:40px;margin-bottom:10px;font-size:16px;font-weight:500;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.prd_list ul li .info_txt .date_wrap{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #eaeaea}
.prd_list ul li .info_txt .date{margin-bottom:5px;font-size:12px;color:#999;line-height:1.3;}
.prd_list ul li .info_txt .date span{display:block;}
.prd_list ul li .info_txt .price{font-size:12px;font-weight:500;color:#333;}
.prd_list ul li .info_txt .price span{font-size:17px;font-weight:600;}
.prd_list ul li .info_txt .exprice:not(.currency-KRW) + .price{color:#999;font-weight:400}
.prd_list ul li .info_txt .exprice:not(.currency-KRW) + .price .num{font-size:14px;font-weight:400}
.prd_list_wrap{overflow:hidden}
.prd_list_wrap .swiper-container{overflow:visible}
.prd_list_wrap .btn_wrap{display:flex;justify-content: center;;}
.prd_list_wrap .btn_more{position:relative;width:30px;height:30px;margin-top:-15px;background-color:#fff;border:1px solid #d5d5d5;border-radius:30px;text-indent:-9999px;overflow:hidden;}
.prd_list_wrap .btn_more::after,
.prd_list_wrap .btn_more::before{content:'';position:absolute;background-color:#d5d5d5;}
.prd_list_wrap .btn_more::after{top:6px;left:13px;width:2px;height:16px;}
.prd_list_wrap .btn_more::before{top:13px;left:6px;width:16px;height:2px;}
.prd_list_wrap .swiper-slide.on .prd_list{height:auto !important;border:none;}
.prd_list_wrap .swiper-slide.on .btn_more{display:none;}

.main_pkg .pakage_swiper .swiper-container{padding:0 35% 0 20px}
.main_pkg .thumb{position:relative;margin-bottom:13px;}
.main_pkg .thumb .badge{position:absolute;top:0;left:0;display:inline-block;padding:4px 7px;background-color: #b39579;align-items:center;justify-content: center;font-size:12px;font-weight:500;color:#fff;text-align:center;}
.main_pkg .info_txt{padding:0 22px 0 5px}
.main_pkg .info_txt .chain{margin-bottom:5px;font-size:13px;color:#b39579}
.main_pkg .info_txt .txt{margin-bottom:15px;font-size:15px;font-weight:500;color:#333;line-height:1.3}
.main_pkg .info_txt .date{font-size:12px;color:#333;}

.mainpage .section.main_benefit{position:relative;margin:70px 0 0;padding-bottom:50px;}
.mainpage .section.main_benefit h4{text-align:center;font-size:26px;font-weight:400;line-height:1.3;}
.main_benefit .img_wrap{display:flex;width:100%;height:45vw;padding:0 20px;}
.main_benefit .img_wrap .item{position:relative;width:100%;margin-left:5px;background-size: cover;background-position:50% 50%;transition:.5s;}
.main_benefit .img_wrap .item:first-child{margin-left:0;}
.main_benefit .img_wrap .item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: rgb(0,0,0);background:linear-gradient(9deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);opacity:.5;transition:opacity .5s;}
.main_benefit .img_wrap .item a{position:relative;display:flex;width:100%;height:100%;justify-content: center;align-items:center;text-align:center;z-index:1}
.main_benefit .img_wrap .item a span{margin-left:.05em;font-size:13px;font-weight:500;color:#fff;letter-spacing:.1em;}
.main_benefit .img_wrap.view1 .item:nth-child(1){width:40%;}
.main_benefit .img_wrap.view1 .item:nth-child(1)::before{opacity:0;}
.main_benefit .img_wrap.view2 .item:nth-child(2){width:40%;}
.main_benefit .img_wrap.view2 .item:nth-child(2)::before{opacity:0;}
.main_benefit .img_wrap.view3 .item:nth-child(3){width:40%;}
.main_benefit .img_wrap.view3 .item:nth-child(3)::before{opacity:0;}
.main_benefit .img_wrap.view1 .item:nth-child(1) a span,
.main_benefit .img_wrap.view1 .item:nth-child(2) a span,
.main_benefit .img_wrap.view1 .item:nth-child(3) a span{display:none;}

.mainpage .section.main_sns{margin:0;padding:50px 20px 70px;background-color:#f9f9f9;}
.mainpage .section.main_sns h4{padding:0;font-size:19px;font-weight:400;text-align:center;}
.mainpage .section.main_sns h4 .tit{display:flex;justify-content: center;}
.mainpage .section.main_sns h4 .tit i{display:block;width:18px;margin-right:10px;}
.mainpage .section.main_sns h4 p{margin-top:10px;font-size:13px;font-weight:300;color:#333}
.main_sns .insns .test{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 5px;grid-row-gap: 5px;}
.main_sns .insns .test img{width:100%}


.mainpage .tab_inner .tablinks{display:inline-block;width:auto;height:auto;padding:5px 10px;border:1px solid #d5d5d5;border-radius:30px;margin-left:10px;font-size:15px;font-weight:500;color:#999;line-height:1;}
.mainpage .tab_inner .tablinks:first-child{margin-left:20px;}
.mainpage .tab_inner .tablinks.on{border-color:#b39579;color:#b39579}
.mainpage .tab_inner .tabcontents{padding-top:20px;}

@media screen and (min-width: 375px) {  
    .main_chain .chain_swiper .swiper-container,
    .main_pkg .pakage_swiper .swiper-container{padding:0 20% 0 20px}
    .main_banner{margin:50px 0 70px}
}
@media screen and (min-width: 720px) {  
    .prd_list ul{grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 10px;grid-row-gap:20px;}
    .main_benefit .img_wrap .item{margin-left:10px;}
    .main_sns .insns .test{grid-column-gap: 10px;grid-row-gap:10px;}


}

.modal_membership .modal_inner .modal_contents{height: 100%;padding: 0;}
.modal_membership .title{height: 70px;padding-top: 25px;padding-left:25px;font-size:18px;font-weight:500;color: #333;}
.modal_membership .mem_list{display: grid;height: calc(100% - 70px);padding: 0 25px;padding-bottom: 20px;grid-row-gap: 10px}
.modal_membership .mem_list > a{display: block;}
.modal_membership .mem_list > a .mem_info{display: flex;width: 100%;height: 100%;background-color: #f7f7f7;padding: 0 20px 0 0;border-radius: 4px;align-items: center}
.modal_membership .mem_list > a .mem_info .icon{width: 100px;height: 100%;}
.modal_membership .mem_list > a .mem_info .icon.ico_rewards{background: url(../../images/giftcard/ico_rewards.png) no-repeat 50% 50% / 47px auto;}
.modal_membership .mem_list > a .mem_info .icon.ico_hotelMem{background: url(../../images/giftcard/ico_hmem.png) no-repeat 50% 50% / 35px auto;}
.modal_membership .mem_list > a .mem_info .icon.ico_resortMem{background: url(../../images/giftcard/ico_rmem.png) no-repeat 50% 50% / 44px auto;}
.modal_membership .mem_list > a .mem_info .icon.ico_voucher{background: url(../../images/giftcard/ico_voucher.png) no-repeat 50% 50% / 55px auto;}
.modal_membership .mem_list > a .mem_info .icon.ico_giftcard{background: url(../../images/giftcard/ico_giftcard.png) no-repeat 50% 50% / 52px auto;}
.modal_membership .mem_list > a .mem_info .intxt{width: calc(100% - 90px)}
.modal_membership .mem_list > a .mem_info .intxt .tit{display: block;font-size: 15px;font-weight: 500;color: #333;margin-bottom: 10px;}
.modal_membership .mem_list > a .mem_info .intxt .desc{font-size: 13px;font-weight: 300;color: #666;line-height: 1.3;}
.modal_membership .mem_list > a .mem_info .intxt .tit .new{display: inline-block;width: 30px;height: 15px;margin-top: -1px;margin-left: 5px;padding: 0;background-color: #b39579;border: none;border-radius: 5px;font-size: 10px;font-weight: 300;color: #fff;text-align: center;line-height: 15px;vertical-align: top}
.modal_membership .mem_list > a .mem_info .intxt .tit .new{animation:bounce-top .9s both}


@media screen and (max-width: 350px){ 
	.btn_kenny span, .btn_membership span{font-size: 14px}
	.modal_membership .mem_list{grid-row-gap: 5px}
	.modal_membership .mem_list > a .mem_info .icon{width: 70px}
	.modal_membership .mem_list > a .mem_info .intxt{width: calc(100% - 70px)}
	.modal_membership .mem_list > a .mem_info .intxt .tit{margin-bottom: 5px;font-size: 14px;}
	.modal_membership .mem_list > a .mem_info .intxt .desc{font-size: 12px;}
}

@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

.modal_memCoupon .modal_inner{position:static;top:0;left:0;display:flex;width:100%;height:100%;margin:0;justify-content: center;align-items: center;}
.modal_memCoupon .modal_inner .modal_contents{position:relative;display:block;width:90%;max-width:350px;min-height:auto;padding-top:47%;background: url(../../images/popup/bg_memCoupon_mb.png) no-repeat 50% 50% / cover;border-radius:0}
.modal_memCoupon .modal_inner .modal_contents .contents_wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding-right:15%}
.modal_memCoupon .modal_inner .modal_contents .btn_close{top:-50px;right:-20px;background:url(../../images/ui/modal_close_wh.png) no-repeat 50% 50%;}
.modal_memCoupon .modal_inner .modal_contents .coupon_txt{padding-top:8vw;;text-align:center;}
.modal_memCoupon .modal_inner .modal_contents .coupon_txt .top_txt{margin-bottom:2.6vw;;font-size:4.6vw;;font-weight:500;color:#333;}
.modal_memCoupon .modal_inner .modal_contents .coupon_txt .desc{margin-bottom:3.8vw;font-size:3.8vw;line-height:1.4;color:#666;}
.modal_memCoupon .modal_inner .modal_contents .coupon_txt .button{width:132px;height:40px;line-height:40px;font-size:14px;}
@media screen and (min-width: 394px){ 
        .modal_memCoupon .modal_inner .modal_contents{padding-top:0;height:185px;}   
        .modal_memCoupon .modal_inner .modal_contents .coupon_txt{padding-top:30px}
        .modal_memCoupon .modal_inner .modal_contents .coupon_txt .top_txt{margin-bottom:10px;;font-size:21px;}
        .modal_memCoupon .modal_inner .modal_contents .coupon_txt .desc{margin-bottom:20px;font-size:15px;}
}
@media screen and (max-width: 375px){ 
.mainInfo a{width:100px;margin-left:0;margin-top:5px;}
}