@charset "utf-8";
.mo{display:none;}
#contents.max-wide{width:auto;padding:0;}
body{margin:0 auto;}
body.on{overflow: hidden;}
body.max{max-width: 1920px; margin: 0 auto;}
a{cursor: pointer;}


/* 이벤트 배너 1019 */
.event_coupon a{display: block;position: relative;}
.event_coupon a:focus-visible{outline:none;}
.event_coupon a:focus-visible:after{content:'';display:block;position:absolute;right:2px;left:2px;top:2px;bottom:2px;outline:2px solid #000;box-sizing: border-box;}
.event_coupon a img{width: 100%;}


/* 소개 */
.intro_header{height:90px;}
.intro_header{height:90px;}
.intro_header .inr{height:100%;width:1200px;margin:0 auto;position: relative;}
.intro_header h1{height:100%; width: 338px; background: url(../../../../resources/images/digitalCard/intro_header_logo.gif) no-repeat;text-indent: -9999px;}
.intro_header h1 a{display:block;height:100%;}
.intro_header .share{position:absolute;right:50px;top:30px;}
.intro_header .share ul li{float:left;margin:0 18px;height:18px;position: relative;font-size:15px;font-weight: 300;color:#666;line-height:18px;}
.intro_header .share ul li:after{content:'';display:inline-block;width:1px;height:15px;background:#b5b5b5;position:absolute;right:-18px;top:3px;}
.intro_header .share ul li:last-child:after{display:none;}
.intro_header .share ul li em{position:absolute;text-indent: -9999px;font-size:0;}
.intro_header .share ul li a{display:inline-block;height:18px;color:#666;}
.intro_header .share ul li.icon1:before{content:'';float:left;width:24px;height:18px;margin-right:8px;background:url(../../../../resources/images/digitalCard/icon_share.png) no-repeat;}
.intro_header .share ul li a:before{content:'';float:left;width:24px;height:18px;margin-right:8px;background:url(../../../../resources/images/digitalCard/icon_share.png) no-repeat;}
.intro_header .share ul li.icon2 a:before{width:21px;background-position: 0 -18px;}
.intro_header .share ul li.icon2.on a:before{background-position: 0 -36px;}
.intro_header .share ul li.icon3 a:before{width:17px;background-position: 0 -54px;}
.intro_header .share ul li.icon4 a:before{width:18px;background-position: 0 -73px;}
.intro_img{height:730px;background: url(../../../../resources/images/digitalCard/bg_intro_img.jpg) no-repeat;text-align: center;}
.residence_benefit .mo_tab{display:none;}
.residence_benefit .tab{height:400px;position: relative;text-align: center;}
.residence_benefit .tab:after{content:'';display:inline-block;position:absolute;left:50%;margin-left:-48px;bottom:-40px;width:96px;height:40px;}

.intro_tab{background: #6dcc9b url(../../../../resources/images/digitalCard/bg_intro_tab.gif) 0 100% / 100% auto no-repeat;text-align: center;}
.intro_tab ul{display:flex;justify-content: center;position: relative;top:-80px;border-bottom:3px solid #000;}
.intro_tab ul li{height:80px;width:440px;background:#54b884;border-radius: 30px 30px 0 0;box-sizing: border-box;position: relative;}
.intro_tab ul li.on{background:#6dcc9b;border:3px solid #000;border-bottom:0 !important;}
.intro_tab ul li.on a{font-weight: 800;color:#000;}
.intro_tab ul li.on a:focus{height: 104%;}
.intro_tab ul li.on a:after{content:'';display:block;width:100%;height:3px;background:#6dcc9b;position:absolute;left:0;bottom:-3px;}
.intro_tab ul li.on a span{display: inline-block;position: relative;}
.intro_tab ul li.on a span:after{content:'';display:block;width:100%;height:2px;background:#000;position:absolute;left:0;bottom:18px;margin:0;}
.intro_tab ul li a span:after{content:'';display:inline-block;width:11px;height:16px;margin-left:10px;background: url(../../../../resources/images/digitalCard/arw_intro_tab.png) no-repeat;vertical-align: 2px;}
.intro_tab ul li a{display:block;height:100%;font-size:26px;line-height:80px;letter-spacing: -1.3px;color:#135d36;}
.intro_tab .tab_img{display:none; position: relative;}
.intro_tab .tab_img.active{display:block;}
.intro_tab .btn_issued{display: block; text-indent: -9999px; width: 415px; height: 105px; position: absolute; bottom: 160px; left: 50%; transform: translateX(-50%);}
.intro_tab .mo{display:none !important;}

.map_area{position: relative; padding: 150px 0; background-image: url(../../../../resources/images/digitalCard/bg_tab_list.gif); background-repeat: repeat;}
.map_area .inr{width: auto; margin: 0 auto; text-align: center; position: relative; z-index: 10;}
.map_area h3{margin-bottom: 90px;}
.map_area .map_cont{position: relative; margin: 0 auto;}
.map_area .map_cont .left{left: calc(50% - 370px); transform: translateX(-50%); justify-content: flex-end;}
.map_area .map_cont .right{right: calc(50% - 370px); transform: translateX(50%);}
.map_area .map_cont ul{position: absolute; width: 345px; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 60px;}
.map_area .map_detail .area1{top: 90px;} 
.map_area .map_detail .area2{top: 200px;} 
.map_area .map_detail .area3{top: 305px;} 
.map_area .map_detail .area4{top: 410px;} 
.map_area .map_detail .area5{top: 515px;} 
.map_area .map_detail .area6{top: 65px;} 
.map_area .map_detail .area7{top: 225px;} 
.map_area .map_detail .area8{top: 380px;} 
.map_area .map_detail .area9{top: 485px;} 
.map_area .map_detail .area10{top: 590px;} 
.map_area .map_cont ul li a{position: relative; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; letter-spacing: -1px; font-weight: 800; width: 80px; height: 45px; line-height: 45px; background-color: #42976b; border-radius: 20px; z-index: 2;}
.map_area .map_cont ul li.on a{background-color: #f68654;}
.map_area .map_cont ul li.on a::after{position: absolute; top: 0; left: 0; content: attr(data-text); display: inline-block; color: #ba5629; -webkit-text-stroke: 8px #ba5629; z-index: -1; width: 100%;}

.map_area > img{position: absolute; z-index: 0;}
.map_area > img.gomi{top: 13%; left: 5%; background: none;}
.map_area > img.rhojong{top: 7%; left: 77%; background: none;}
.map_area > img.lhojong{top: 76%; left: 5%; background: none;}
.map_area > img.ggauni{top: 72%; left: 80%; background: none;}

.map_banner{background-color: #f68654; text-align: center;}

h4 strong{display: inline-block; position: relative;}
h4 span{display: block; padding: 0 10px; font-size: 36px; font-weight: 800; color: #fff; position: relative; z-index: 0;}
h4 span::after{content: attr(data-area); width: 100%; position: absolute; top: 0; left: 0; display: inline-block; color: #282b30; -webkit-text-stroke: 8px #282b30; z-index: -1;}
h4 img{display: block; margin: 0 auto; padding-top: 20px;}

.benefit_tip{height: auto; background: #f68654 url(../../../../resources/images/digitalCard/bg_benefit_tip.gif) 0 100% / 100% auto no-repeat;}
.benefit_tip .inr{width: 1100px;margin:0 auto;padding:90px 0 50px;}
.benefit_tip h4{text-align: center;}
.benefit_tip h4 strong::before, .benefit_tip h4 strong::after{content: ''; display: inline-block; position: absolute; background: url(../../../../resources/images/digitalCard/area_star.png) no-repeat; width: 22px; height: 22px; top: 50%; transform: translateY(-50%);}
.benefit_tip h4 strong::before{right: 100%;}
.benefit_tip h4 strong::after{left: 100%;}
.benefit_tip .tip{background-color: #fff; border-radius: 40px; margin: 60px 0 0 0; padding: 50px; }
.benefit_tip .tip strong{display: block; color: #dc4d4c; font-size: 22px; padding: 0 0 10px;}
.benefit_tip .tip p{font-size: 18px; color: #333;}

.tab_btn{background-color: #282b30; height: 90px;}
.tab_btn .inr{width: 1100px; margin: 0 auto; height: 100%;}
.tab_btn .swiper-container{padding-top: 24px; height: 100%;}
.tab_btn ul{justify-content: space-between; align-items: center; height: 40px;}
.tab_btn ul li{width: 100%; height: 100%; text-align: center; position: relative; flex-shrink: 1; -webkit-flex-shrink: 1;}
.tab_btn ul li::before{content: ''; display: inline-block; width: 3px; height: 100%; position: absolute; right: 100%; background-color: #3d3f44;}
.tab_btn ul li:first-child::before{display: none;}
.tab_btn ul li a{display: block; font-size:26px; color: #f68654; letter-spacing: -1px;box-sizing: border-box; position: relative;}
.tab_btn ul li a:focus-visible{outline:none;}
.tab_btn ul li a:focus-visible:before {content: '';display: block;position: absolute;left: 0;top: 0;right: 3px;bottom: 0;border: 2px solid red;}
.tab_btn ul li a::after{content: ''; position: absolute; display: inline-block;}
.tab_btn ul li.on a{color:#fff; font-weight: 800;}
.tab_btn ul li.on a.cate_all::after{content: ''; display: inline-block; width: 38px; height: 38px; background: url(../../../../resources/images/digitalCard/icon_category_all.png) no-repeat; bottom: -30px;}
.tab_btn ul li.on a::after{content: ''; background-image: url(../../../../resources/images/digitalCard/icon_category.png); width: 54px; height: 24px; bottom: -30px; left: 50%; transform: translateX(-50%);}
.tab_btn ul li.on a.cate_all::after{content: ''; display: inline-block; width: 38px; height: 38px; background: url(../../../../resources/images/digitalCard/icon_category_all.png) no-repeat; bottom: -29px; left: auto; transform: translate(0);}
.tab_btn ul li.on a.cate_experi::after{background-position: 0 -24px;}
.tab_btn ul li.on a.cate_bever::after{background-position: 0 -48px;}
.tab_btn ul li.on a.cate_stay::after{background-position: 0 -72px;}
.tab_btn ul li.on a.cate_shop::after{background-position: 0 -96px;}

.tab_list{width:1100px;margin:0 auto; padding: 40px 0 90px;}
.tab_cont{display:none;}
.tab_cont.active{display:block;}

.tab_list ul{display:flex;flex-wrap: wrap;}
.tab_list ul li{position:relative; width: calc(50% - 10px); height:182px; border-bottom: 2px solid #e6e6e6; box-sizing:border-box; display: flex; padding: 50px 20px 0;}
.tab_list ul li:nth-child(odd){margin-right: 10px;}
.tab_list ul li:nth-child(even){margin-left: 10px;}
.tab_list ul li .txtwrap{padding: 0 30px; width: 320px;}
.tab_list ul li em {flex: 0 0 100px; display: inline-block;color: #fff; height: 38px;line-height: 38px;border-radius: 19px;background: #282c31;text-align: center;font-weight: 700;font-size: 16px;letter-spacing: -0.6px;}
.tab_list ul li em img{margin-right:8px; vertical-align: top;}
.tab_list ul li .pet{position: absolute; top: 95px; left: 48px;}
.tab_list ul li .pet img{width: 43px; height: 33px;}
.tab_list ul li .benefit_title{font-weight: 800;font-size:20px;letter-spacing: -1px;color:#333;line-height:25px; margin-bottom: 10px; overflow:hidden;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.tab_list ul li p{font-size:15px;color:#666;line-height:20px;letter-spacing: -1px;overflow:hidden;;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.tab_list ul li .btn_more{display: inline-block; width: 80px; height: 36px;line-height:33px;border-radius: 4px;border:2px solid #f68654;font-family: 'SpoqaHanSansNeo';color:#e86d37;box-sizing: border-box;font-size:14px;text-align: center;}
.tab_list ul li .btn_more:focus{outline:3px solid red;outline-offset: 2px;}
.tab_list ul li .btn_coupon{display:none;}

.tab_list .page_box{padding: 50px 0 0; font-size: 0;}
.tab_list .page_box a{color: #282b30; font-size: 18px; width: 34px; height: 34px; line-height: 34px; border: none; margin: 0 2px; letter-spacing: -1.5px;}
.tab_list .page_box a.on{border-radius: 50%; background: #282b30; color: #fff; font-weight: 900;}
.tab_list .page_box .ico{border: none; color: transparent; opacity: 0.5;}
.tab_list .page_box .btn_first {background: url(../../../../resources/images/digitalCard/btn_first.png) 50% 50% no-repeat; background-size: 12px auto; border-right: 0;}
.tab_list .page_box .btn_last { background: url(../../../../resources/images/digitalCard/btn_last.png) 50% 50% no-repeat;background-size: 12px auto;border-left: 0;}
.tab_list .page_box .btn_prev { margin-right: 5px; background: url(../../../../resources/images/digitalCard/btn_prev.png) 50% 50% no-repeat;background-size: 6px auto;}
.tab_list .page_box .btn_next {margin-left: 5px;background: url(../../../../resources/images/digitalCard/btn_next.png) 50% 50% no-repeat;background-size: 6px auto;}

.tip_area{padding:60px 0 90px;text-align: center; margin: 0 auto; background-color: #b2e7c9;}
.tip_area .inr{width: 1100px; margin: 0 auto; display: flex;}
.tip_area .tip_tit{padding: 60px 0 0 50px; text-align: left;}
.tip_area h4 strong{box-shadow: inset 0 -20px 0 rgba(54,132,88,1); padding: 0 5px;}
.tip_area h4 span{padding: 0;}
.tip_area h4 img{margin: 0;}
.tip_area .tip_tit p{font-size: 20px; color: #000; padding: 30px 45px 0 0; letter-spacing: -1px;}
.tip_area .tip_tit p strong{font-size: 22px; font-weight: 800; display: block;}
.tip_area .tip_tit > img{margin-top: 70px;}
.tip_area .metoo{background: url(../../../../resources/images/digitalCard/btn_metoo.png) no-repeat; width: 232px; height: 98px; text-indent: -9999px; display: inline-block; margin: 35px 0 0 0;}
.tip_area .metoo:focus{outline:3px solid red;outline-offset: 2px;}

.tip_area .tip_cont{flex: 0 0 670px;}
.tip_area .tip_cont .sorting{text-align: right; padding: 0 30px 10px 0;}
.tip_area .tip_cont .sorting button{font-size: 15px; color: #20603c; margin-right: 10px;}
.tip_area .tip_cont .sorting button:first-child::after{content: ''; display: inline-block; width: 1px; height: 12px; background-color: #20603c; margin-left: 10px; }
.tip_area .tip_cont .sorting button.on{font-weight: 800; color: #282b30;}
.tip_area .tip_cont .sorting button.on::before{content: ''; display: inline-block; margin-right: 5px; width: 12px; height: 13px; background: url(../../../../resources/images/digitalCard/icon_check.png) 0 0 / 100% 100% no-repeat;}
.tip_area .comment-container{background: #fff; border: 4px solid #333; border-radius: 40px; padding: 20px 35px; position: relative; box-sizing: border-box;}
.tip_area ul{box-sizing: border-box; padding: 0; display: block;}
.tip_area ul li {position: relative; width: 100%; height: auto; padding: 30px 0; margin: 0; border-bottom: 1px solid #d7d7d7; text-align: left; box-sizing: border-box; }
.tip_area ul li:last-child{border: none;}
.tip_area .profile{font-size: 0; padding: 0 0 10px 0;}
.tip_area .profile .ico{width: 30px; height: 30px; display: inline-block;}
.tip_area .profile .ico img{width: 100%; height: 100%;}
.tip_area .profile em.name{font-size: 18px; font-weight: 700; color: #333; background: none; border-radius: 0; text-align: left; padding: 0 0 0 10px; height: auto; line-height: 18px; vertical-align: middle; }
.tip_area .txt_reply{position: relative; width: 510px;}
.tip_area .txt_reply p{text-align: left; font-size: 18px; line-height: 24px; height: auto; -webkit-line-clamp:inherit; padding: 0;}
.tip_area .txt_reply p .feed{display: -webkit-box; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; padding: 0 45px 0 0;}
.tip_area .txt_reply p .feed.more{display: inline; -webkit-box-orient:inherit;}
.tip_area .length button{font-size: 16px; color: #000; text-decoration: underline; text-underline-position: under; font-weight: 800; letter-spacing: -0.5px;}
.tip_area .view{position: absolute; bottom: 2px; right: 0;}
.tip_area .view:focus{outline:3px solid red;outline-offset: 2px;}
.tip_area .close{vertical-align: text-top; padding: 0 0 0 7px;}
.tip_area .txt_reply.open p .feed{display: inline; padding: 0;}
.tip_area ul li a{position: absolute; display: block; font-size: 0; box-sizing: border-box; width: 60px; height: 30px; line-height: 28px; text-align: center; background-color: #fafafa; top: 64px; right: 0; border: 1px solid #d7d7d7; border-radius: 15px; }
.tip_area ul li a::before{content: ''; display: inline-block; width: 15px; height: 15px; vertical-align: -3px; background: url(../../../../resources/images/digitalCard/icon_tipgood.png) no-repeat;}
.tip_area ul li a.on{background-color: #dc4d4c; border: 1px solid #dc4d4c; }
.tip_area ul li a.on::before{background-position: 0 -15px;}
.tip_area ul li a em{font-size: 0; text-indent: -9999px;}
.tip_area ul li a span{font-size: 13px; color: #333; padding-left: 5px;}
.tip_area ul li a.on span{color: #fff;}

.tip_area .comment{padding: 10px 0 0 30px ; font-size: 15px; color: #20603c; text-align: left;}

.tip_area .page_box{padding: 50px 0 0; font-size: 0;}
.tip_area .page_box a{color: #282b30; font-size: 18px; width: 34px; height: 34px; line-height: 34px; border: none; margin: 0 2px; letter-spacing: -1.5px;}
.tip_area .page_box a.on{border-radius: 50%; background: #282b30; color: #fff; font-weight: 900;}
.tip_area .page_box .ico{border: none; color: transparent; opacity: 0.5;}
.tip_area .page_box .btn_first {background: url(../../../../resources/images/digitalCard/btn_first.png) 50% 50% no-repeat; background-size: 12px auto; border-right: 0;}
.tip_area .page_box .btn_last { background: url(../../../../resources/images/digitalCard/btn_last.png) 50% 50% no-repeat;background-size: 12px auto;border-left: 0;}
.tip_area .page_box .btn_prev { margin-right: 5px; background: url(../../../../resources/images/digitalCard/btn_prev.png) 50% 50% no-repeat;background-size: 6px auto;}
.tip_area .page_box .btn_next {margin-left: 5px;background: url(../../../../resources/images/digitalCard/btn_next.png) 50% 50% no-repeat;background-size: 6px auto;}

.recommend_area{padding:90px 0 0;overflow: hidden;}
.recommend_area h4{text-align: center; margin-bottom: 40px;}
.recommend_area h4 strong{box-shadow: inset 0 -20px 0 rgba(178,231,201,1); padding: 0 5px;}
.recommend_area h4 span{padding: 0;}
.recommend_area h4 img{padding: 0;}
.recommend_area .inr{width:1396px;margin:0 auto;padding:0 0 90px;position: relative;}
.recommend_area .recommend_container{margin:0 80px;position:static; display: flex;}
.recommend_area ul{display: flex;}
.recommend_area ul li{width:245px !important;margin:0 10px;}
.recommend_area ul li a{display:block;}
.recommend_area ul li a:focus{outline:3px solid red;outline-offset: 2px;}
.recommend_area ul li a:hover span{box-shadow: 9px 9px 0px 0px rgba(178, 231, 201, 1);}
.recommend_area ul li a:hover span:after{content:'';display:block;height:100%;box-sizing: border-box;border-radius: 25px;position:absolute;left:0;top:0;width:100%;border:3px solid #b2e7c9;}
.recommend_area ul li a:hover strong{font-weight: 800;}
.recommend_area ul li a span{display:block;height:245px;border-radius: 30px;background-position:50% 50%;background-size:cover;background-repeat: no-repeat;position: relative;}
.recommend_area ul li a strong{display:block;margin:17px 0 0;font-size:19px;line-height: 22px; padding: 0 20px; letter-spacing: -0.8px;color:#282b30;font-weight: 400;overflow:hidden;height:44px;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.recommend_area .btn_tourspot{display: inline-block; margin: 60px 0 0 10px; width: 160px; height: 130px; background: url(../../../../resources/images/digitalCard/btn_tourspot.png); text-indent: -9999px;}
.recommend_area .btn_tourspot:focus{outline:3px solid red;outline-offset: 2px;}

.banner_area {display: block; background-image: url(../../../../resources/images/digitalCard/bg_ai_machine.png), url(../../../../resources/images/digitalCard/bg_ai.gif); background-repeat: no-repeat, repeat; background-position: 100% 100%, 0 0; background-size: 45% 100%, auto auto; width: 100%; height: 150px;}  
.banner_area .inr{width: 1100px; height: 100%; margin: 0 auto; }
.banner_area a{height: 100%; display: flex; align-items: center; }
.banner_area .banr_txt strong{font-size: 28px; font-weight: 800; color: #000; letter-spacing: -1px;}
.banner_area .banr_txt strong span{color: #fff; position: relative; z-index: 0; display: inline-block; font-size: 26px;}
.banner_area .banr_txt strong span::before{content: attr(data-area); width: 100%; position: absolute; top: 0; left: 0; display: inline-block; color: #2b3c6c; -webkit-text-stroke: 8px #2b3c6c; z-index: -1;}
.banner_area .banr_txt p{font-size: 25px; color: #000; letter-spacing: -1px; line-height: 1;}
.banner_area .ai_go{display: inline-block; width: 120px; height: 50px; line-height: 50px; text-align: center; background-color: #fff; border-radius: 15px; font-size: 20px; color: #1a57c0; font-weight: 800; margin-left: 40px; }
.banner_area a:focus{outline:3px solid red;outline-offset: 2px;}

.footer{height:190px;background:#282b30;}
.footer .inr{width:1100px;height:100%;margin:0 auto;font-size:18px;color:#767676;letter-spacing: -0.8px;line-height:23px;word-break:keep-all;}
.footer .inr:before{content:'';float:left;width:46px;height:100%;margin:0 30px 0 0;background: url(../../../../resources/images/digitalCard/icon_footer.png) 0 50% no-repeat;}
.footer .inr p{padding:40px 0 0;}
.footer .inr span{display:block;line-height:21px;margin-top:12px;}

.btn_top{opacity: 0; display:inline-block;position:fixed;right:350px;bottom:40px;width:60px;height:60px;text-indent: -9999px;z-index: 50; transition: 0.5s;}
.btn_top a{display: block; height:100%;background: url(../../../../resources/images/digitalCard/btn_top.png) 0 0 / 100% 100% no-repeat;}
.btn_top.active{opacity: 1;}


.top_area {position: relative; width: 100%; padding:183px 0 50px 0;}
.top_area img {width: 100%;}
.intro_width { padding: 0 !important;}



/* 지역별 프로필 색깔 */
.hojong{background:#f68654;}
.gomi{background:#f9a0a0;}
.ggauni{background:#8c8bad;}
.user{background:#b4dac6;}
.okcheon1{background:#d88cd0;}
.okcheon2{background:#5fcb8c;}
.pyeongchang{background:#f5cc63;}
.jeongseon{background: #ffef96;}
.goryeong{background: #cbe5b3}
.gochang{background: #fea600}
.geochang{background: #54a988}
.danyang{background: #cabfa5}
.shinan{background: #ede78e;}
.taean{background: #fdb3ac}
.yeongdo{background: #72bcee;}
.ganghwa{background: #edb777}
.namwon{background: #faaacf;}
.yeoncheon{background: #89c259;}
.jecheon{background: #fe6e89;}
.hadong{background: #dafdff;}
.busanseogu{background: #90d9e5;}
.gapyeong{background: #ffe5b8;}
.samcheok{background: #72b4ff;}
.andong{background: #c8f069;}
.yangyang{background: #fed43e;}
.yeongdeok{background: #f29036;}
.yeongdong{background: #9ddfff;}
.yeongju{background: #8fecaa;}
.yesan{background: #f07f7f;}
.jangheung{background: #cef0ff;}
.hapcheon{background: #bea791;}
.haenam{background: #cfcfcf;}
.goesan{background: #f49786;}
.yeongwol{background: #d86c7f;}
.taebaek{background: #d8d6fd;}
.imsil{background: #f8e359;}
.hongcheon{background: #bcc4d8;}
.muju{background: #ebf699;}
.yeonggwang{background: #e7a9d9;}

/* 목록 */
.tit_cont.tit_my h3{padding: 25px 0;font-weight:700;font-size:25px;line-height:23px;letter-spacing: -1px;color:#333;}
.tit_cont.tit_my h3 em{font-weight: 700;}
.tit_cont.tit_my .btn_application{position: absolute;right:0;bottom:25px;width:75px;height:24px;line-height: 24px;color:#fff;font-weight: 300;font-size: 12px;background:#13294b;}
.tit_cont.tit_my .btn_mycoupon{position: absolute;right:0;bottom:20px;width:100px;height:30px;line-height: 28px;color:#fff;font-weight: 300;font-size: 16px;background:#282c31;}
.tit_cont.tit_my button:focus{outline:3px solid red;outline-offset: 2px;}

.residence_list{width: 940px;}
.residence_list .swiper-container{ height:560px;background:#ebebeb;overflow: hidden;position:relative; }
.residence_list .swiper-slide{width:225px; height: 400px; margin:55px 15px 0; padding:25px 18px 0;border:0;transition: all 200ms linear;background:#fff;border-radius: 20px;box-shadow:none;}
.residence_list .swiper-slide.swiper-slide-active{height: 445px; width: 250px; margin:40px 0 0;border:2px solid #282c31;box-shadow: 8px 6px 16px 0px rgba(76, 79, 86, 0.19);}
.residence_list .swiper-slide .head_area{border-bottom:1px solid #333; position: relative;}
.residence_list .bookmark{position: absolute; top: 0; right: 0; display: inline-block; text-indent: -9999px; width: 15px; height: 17px; background: url(../../../../resources/images/digitalCard/icon_bookmark.png) 0 0 / 100% auto no-repeat;}
.residence_list .bookmark.on{background-position: 0 -17px;}
.residence_list .swiper-slide .head_area strong{display:block;font-weight: 800;font-size:14px;letter-spacing: -0.4px;line-height:17px;color:#000;}
.residence_list .swiper-slide .head_area strong img{width:15px;margin-right:3px; vertical-align: -2px;}
.residence_list .swiper-slide .head_area p{font-size: 11px; margin: 8px 0; display: -webkit-box; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.residence_list .swiper-slide > em{display:block;padding: 20px 0 18px;font-weight: 800;color:#000;font-size:20px;letter-spacing: -0.5px;line-height: 1; position: relative;}
.residence_list .swiper-slide > em:after{content:'';position:absolute;left:0; bottom:0; display:inline-block;width: 19px; height:3px;border-radius: 3px;background:#282c31;}
.residence_list .swiper-slide .info{display:flex;font-weight: 300; flex-wrap: wrap; justify-content: space-between; margin-top: 15px; color:#000;font-size:11px;line-height:14px;letter-spacing: -0.3px;}
.residence_list .swiper-slide .info li{width: 50%; margin-bottom: 5px;}
.residence_list .swiper-slide .info span em{font-weight: 700;margin-left:5px;}
.residence_list .swiper-slide .profileWrap{position: relative; padding-top: 30px;}
.residence_list .swiper-slide .profile{width:104px;height:104px; border-radius: 50%; margin: 0 auto; position:relative;background-position: center; background-size:contain;background-repeat: no-repeat;text-indent: -9999px; position: relative; z-index: 5;}
.residence_list .swiper-slide .profile.user, .residence_list .swiper-slide .profile.hojong, .residence_list .swiper-slide .profile.gomi{background-position: 50% 50%;background-size:cover;border-radius: 100%;}
.residence_list .swiper-slide .pet{width: 68px; height: 68px; border-radius: 50%; background-color: #ebebeb; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; right: 10px; z-index: 4;}
.residence_list .swiper-slide .btn{overflow: hidden;text-align: center;display:flex;justify-content: center; margin-top: 17px;}
.residence_list .swiper-slide .btn a{width:100%;height:28px;line-height: 28px;font-size:13px;border:1px solid #282c31; box-sizing: border-box; border-radius: 5px; color:#282c31;background:#fff; position: relative;}
.residence_list .swiper-slide .btn a:focus{outline: none;}
.residence_list .swiper-slide .btn a:focus::after{content: ''; display: block; box-sizing: border-box;  border: 3px solid red; width: 100%; height: 100%; top: 0; left: 0; position: absolute;}

.residence_list .swiper-slide.swiper-slide-active .head_area strong{font-size:15px;letter-spacing: -0.6px;line-height:18px;}
.residence_list .swiper-slide.swiper-slide-active .head_area strong img{width:18px;margin-right:5px; vertical-align: -3px;}
.residence_list .swiper-slide.swiper-slide-active .head_area p{font-size: 12px; line-height: 16px;}
.residence_list .swiper-slide.swiper-slide-active > em{font-size:23px;letter-spacing: -0.8px;line-height:1;}
.residence_list .swiper-slide.swiper-slide-active .profileWrap{padding-top: 38px;}
.residence_list .swiper-slide.swiper-slide-active .profile{width:130px;height:130px; margin: 0 auto;}
.residence_list .swiper-slide.swiper-slide-active .pet{width: 85px; height: 85px; top: 0; right: 0;}
.residence_list .swiper-slide.swiper-slide-active .btn a{font-size:13px;height:30px;line-height: 30px;}
.residence_list .swiper-pagination{bottom:30px;}
.residence_list .swiper-pagination span{color: #000; font-size: 17px; padding: 0 3px; vertical-align: -2px;}
.residence_list .swiper-pagination span.swiper-pagination-current{font-weight: 800;}
.residence_list .swiper-button-next, .residence_list .swiper-button-prev{z-index: 20; width: 30px; height: 30px; bottom: 25px; top: auto; margin-top: 0; background-image: url(../../../../resources/images/digitalCard/btn_slide04.png); background-size: 100% auto;}
.residence_list .swiper-button-prev{background-position: 0 0; left: calc(50% - 70px); right: auto;}
.residence_list .swiper-button-next{background-position: 0 -30px; right: calc((50% - 70px)); left: auto;}
/* .residence_list .swiper-pagination-lock, .residence_list .swiper-button-lock{display: block;} */
.residence_list .intro_bar{display: block; background-color: #b2e7c9; height: 177px; text-align: center; margin-top: 20px; }
.residence_list .intro_bar img{height: 100%;}
.residence_list .intro_bar + p{font-size: 20px; margin-top: 20px; text-align: center;}

.residence_list_none{width: 940px; margin: 0 auto; height:505px;background:#ebebeb;overflow: hidden;text-align: center;}
.residence_list_none .inr{height:445px;width:270px;background:#fff url(../../../../resources/images/digitalCard/residence_list_none.png) 50% 90px / 87px 112px no-repeat;border-radius: 20px;margin:30px auto 0;border:2px dashed #282c31;}
.residence_list_none strong{display:block;margin:220px 0 6px;font-weight: 800;font-size:18px;letter-spacing: -0.7px;line-height: 22px;color:#000;}
.residence_list_none p{padding:0 0 18px;font-size:14px;letter-spacing: -0.5px;line-height: 18px;color:#333;}
.residence_list_none a{display:inline-block;width:100px;height:30px;line-height: 30px;color:#fff;border-radius: 5px;background:#282c31;font-size:13px;}
.residence_list_none a:focus{outline: 3px solid red; outline-offset: 1px;}

/* 상세 */
.residence_detail{width: 640px; position:fixed;left:50%;top:50%; transform: translate(-50%, -50%); height:100%;z-index: 1000;background:#ebebeb;}
.residence_detail .cont_wrap{height: 100%;position: relative;}
.residence_detail .cont_wrap .scr{padding:55px 0 20px;overflow-y: auto;max-height: 100%;position:absolute;left:0;top:50%;transform: translateY(-50%); width: 100%;}
.residence_detail .box{height:584px;border:2px solid #282c31;border-radius: 20px;width:320px;margin:0 auto;position: relative;}
.residence_detail .area{display:block;padding:0 0 0 20px;height:45px;font-weight:800;font-size:18px;letter-spacing:-0.7px;line-height:45px;color:#000;background:#fff;border-radius: 18px 18px 0 0;}
.residence_detail .area img{width:38px; margin-right: 4px;}
.residence_detail .bookmark{position: absolute; top: 15px; right: 23px; display: inline-block; text-indent: -9999px; width: 15px; height: 17px; background: url(../../../../resources/images/digitalCard/icon_bookmark.png) 0 0 / 100% auto no-repeat;}
.residence_detail .bookmark.on{background-position: 0 -17px;}
.residence_detail .profile{position:relative;width:170px;height:170px;margin:30px 10px;background-position: 50% 50%;background-size: contain;background-repeat: no-repeat;border-radius: 100%; background-color: #fff;}
.residence_detail .profile button{position:absolute;right:21px;bottom:0;width:32px;height:32px;text-indent: -9999px;background: url(../../../../resources/images/digitalCard/btn_profile.png) 0 0 / 100% 100% no-repeat;}
.residence_detail .profile p{position:absolute;left:0;top:0;width:172px;height:172px;text-indent: -9999px;background: url(../../../../resources/images/digitalCard/profile_txt.png) 0 0 / 100% 100% no-repeat;}

.residence_detail .hojong .profile{background-size:cover;box-shadow: 0 6px 0px 0px rgba(234, 110, 42, 0.9);}
.residence_detail .gomi .profile{background-size:cover;box-shadow: 0 6px 0px 0px rgba(235, 138, 138, 0.9);}
.residence_detail .ggauni .profile{box-shadow: 0 6px 0px 0px rgba(109, 108, 154, 0.9);}
.residence_detail .user .profile{background-size:cover;box-shadow: 0 6px 0 0px rgba(132, 168, 149, 0.68);}
.residence_detail .okcheon1 .profile{box-shadow: 0 6px 0px 0px rgba(206,111,196, 1);}
.residence_detail .okcheon2 .profile{box-shadow: 0 6px 0px 0px rgba(55, 190, 111, 1);}
.residence_detail .pyeongchang .profile{box-shadow: 0 6px 0px 0px rgba(224, 181, 69, 1);}
.residence_detail .jeongseon .profile{box-shadow: 0 6px 0px 0px rgba(255,235,124, 1);}
.residence_detail .goryeong .profile{box-shadow: 0 6px 0px 0px rgba(190,222,160,1);}
.residence_detail .gochang .profile{box-shadow: 0 6px 0px 0px rgba(254,144,0,1);}
.residence_detail .geochang .profile{box-shadow: 0 6px 0px 0px rgba(41,147,106,1);}
.residence_detail .danyang .profile{box-shadow: 0 6px 0px 0px rgba(189,175,142,1);}
.residence_detail .shinan .profile{box-shadow: 0 6px 0px 0px rgba(232,225,114,1)}
.residence_detail .taean .profile{box-shadow: 0 6px 0px 0px rgba(252,160,151,1);}
.residence_detail .yeongdo .profile{box-shadow: 0 6px 0px 0px rgba(79,171,234,1);}
.residence_detail .ganghwa .profile{box-shadow: 0 6px 0px 0px rgba(232,165,85,1);}
.residence_detail .namwon .profile{box-shadow: 0 6px 0px 0px rgba(249,149,195,1);}
.residence_detail .yeoncheon .profile{box-shadow: 0 6px 0px 0px rgba(107,179,47,1);}
.residence_detail .jecheon .profile{box-shadow: 0 6px 0px 0px rgba(254,74,107,1);}
.residence_detail .hadong .profile{box-shadow: 0 6px 0px 0px rgba(209,252,255,1);}
.residence_detail .busanseogu .profile{box-shadow: 0 6px 0px 0px #74cfde;}
.residence_detail .gapyeong .profile{box-shadow: 0 6px 0px 0px #ffdea6;}
.residence_detail .samcheok .profile{box-shadow: 0 6px 0px 0px #4fa1ff;}
.residence_detail .andong .profile{box-shadow: 0 6px 0px 0px #baec43;}
.residence_detail .yangyang .profile{box-shadow: 0 6px 0px 0px #fec90e;}
.residence_detail .yeongdeok .profile{box-shadow: 0 6px 0px 0px #ef7404;}
.residence_detail .yeongdong .profile{box-shadow: 0 6px 0px 0px #84d7ff;}
.residence_detail .yeongju .profile{box-shadow: 0 6px 0px 0px #73e795;}
.residence_detail .yesan .profile{box-shadow: 0 6px 0px 0px #ec5f5f;}
.residence_detail .jangheung .profile{box-shadow: 0 6px 0px 0px #c2ecff;}
.residence_detail .hapcheon .profile{box-shadow: 0 6px 0px 0px #ae9175;}
.residence_detail .haenam .profile{box-shadow: 0 6px 0px 0px #c3c3c3;}
.residence_detail .goesan .profile{box-shadow: 0 6px 0px 0px #f17d68;}
.residence_detail .yeongwol .profile{box-shadow: 0 6px 0px 0px #ce475f;}
.residence_detail .taebaek .profile{box-shadow: 0 6px 0px 0px #ceccfc;}
.residence_detail .imsil .profile{box-shadow: 0 6px 0px 0px #f6dc2f;}
.residence_detail .hongcheon .profile{box-shadow: 0 6px 0px 0px #abb5ce;}
.residence_detail .muju .profile{box-shadow: 0 6px 0px 0px #e6f47f;}
.residence_detail .yeonggwang .profile{box-shadow: 0 6px 0px 0px #e193cf;}

.residence_detail .inr{padding:0 23px;}
.residence_detail .name{position:relative;display:block;padding:20px 0 15px;font-weight: 800;font-size:26px;letter-spacing: -1.3px;color:#000;line-height: 30px;}
.residence_detail .name:before{content:'';position:absolute;left:0;top:0;width:19px;height:3px;background: url(../../../../resources/images/digitalCard/bg_name_line.png) 0 0 / 100% 100% no-repeat;}
.residence_detail .inr p{padding:5px 0 15px;font-size:15px;word-break:keep-all;line-height: 23px;letter-spacing: -1.5px;color:#000;}
.residence_detail .inr p br{display:block;}
.residence_detail .inr p strong{font-weight: 700;}
.residence_detail li{font-weight: 300;font-size:14px;letter-spacing: -0.5px;color:#000;line-height: 17px; padding-bottom: 8px;}
.residence_detail span{display:inline-block;margin-left:10px;font-weight: 800;}
.residence_detail span.area_name{margin-left: 0;}
.residence_detail span em{display:inline-block;font-weight: 800;}
.residence_detail .btn_code{display:block;height:35px;line-height: 35px;color:#fff;border-radius: 5px;background:#282c31;font-weight: 700;font-size:14px;text-align: center;}
.residence_detail .btn{margin:30px 0 20px -10px;display:flex;text-align: center;}
.residence_detail .btn a{width:calc(50% - 10px);margin-left:10px;font-weight: 700;font-size:13px;border:1px solid #282c31;border-radius: 5px;height:30px;line-height:28px;box-sizing: border-box;letter-spacing: -0.6px;}
.residence_detail .btn a:focus{outline: 2px solid red;}
.residence_detail .btn a + a{background:#282c31;color:#fff;}
.residence_detail .btn_out{display:block;font-size:11px;color:#282c31;text-align: center;}
.residence_detail .btn_out:after{content:'';display:inline-block;width:6px;height:9px;background: url(../../../../resources/images/digitalCard/icon_btn_out.png) 0 0 / 100% 100% no-repeat;margin-left:5px;}
.residence_detail .btn_close{position:absolute; left: 50%; transform: translateX(-50%);top:-50px;width:40px;height:40px;text-indent: -9999px;background: url(../../../../resources/images/digitalCard/btn_petpopclose.png) 0 0 / 100% 100% no-repeat;}
.residence_detail .btn_close:focus{outline:3px solid red;outline-offset: 2px;}
.residence_detail .img_gallery{position:fixed;left:0;bottom:-160px;right:0;z-index:1010;padding:0 20px;height:160px;background:#fff;border-radius: 20px 20px 0 0;transition:bottom .3s ease-in-out}
.residence_detail.on .img_gallery{bottom:0;}
.residence_detail.on:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);}
.img_gallery strong{display:block;padding:23px 0 7px;font-weight: 800;font-size:17px;letter-spacing: -0.6px;color:#000;line-height:20px;}
.img_gallery ul li{height:51px;border-top:1px solid #ededed;}
.img_gallery ul li:first-child{border:0;}
.img_gallery ul li button{width:100%;height:51px;text-align:left;font-size:15px;letter-spacing: -0.5px;color:#000;}
.img_gallery ul li button:before{content:'';display:inline-block;width:30px;height:16px;vertical-align: -2px;background: url(../../../../resources/images/digitalCard/img_gallery.gif) 0 0 / 20px auto no-repeat;}
.img_gallery ul li:last-child button:before{background-position:0 -16px;}


/* 혜택 상세 */
#contents.detail01 .tit_cont.tit_my h3{border-bottom: 1px solid #000;}
.benefit_detail{margin:0 auto; width: 640px; padding: 40px 0 0 0;}
.benefit_detail .img_area{margin-bottom: 40px;}
.benefit_detail .img_area .swiper-container{border-radius: 20px;}
.benefit_detail .img_area .swiper-slide{height:360px;background-size:cover;background-position: 50% 50%;background-repeat: no-repeat;}
.benefit_detail .img_area .paging{display:none;}
.benefit_detail .img_area.js_slider .paging{display:inline-block;position:absolute;right:15px;top:15px;width:55px;height:21px;z-index: 5;border-radius: 50px;background:rgba(0,0,0,.5);}
.benefit_detail .swiper-pagination{width:38px;line-height:20px;right:0;left:auto;bottom:0;height:21px;color:#fff;font-size: 11px;letter-spacing: -0.5px;}
.benefit_detail .swiper-pagination-total{opacity: .5;}
.benefit_detail .btn_autoArea{position:absolute;left:0;top:0;width:16px;height:21px;text-align:right;}
.benefit_detail .btn_autoArea button {overflow: hidden;display: inline-block;margin-top: 6px;width: 8px;height: 9px;background: url(../../../../resources/images/digitalCard/btn_slide.png) 0 -9px / 100% auto no-repeat;text-indent: -9999px;vertical-align: top;}
.benefit_detail .img_area.active .btn_autoArea .btn_autoStop {display: none;}
.benefit_detail .img_area.active .btn_autoArea .btn_autoPlay {display: inline-block;}
.benefit_detail .btn_autoArea .btn_autoPlay {overflow: hidden;display: none;background-position: 0 0;}
.benefit_detail .pdt_sorting{padding:0 0 40px;text-align: center;border-bottom:1px solid #e6e6e6;}
.benefit_detail .pdt_sorting em{display: inline-block;color: #fff; width: 70px; height: 25px;line-height: 25px; border-radius: 50px;background: #282c31;text-align: center;font-weight: 700; font-size: 12px;letter-spacing: 0;}
.benefit_detail .pdt_sorting em img{height:19px;margin-right:4px;}
.benefit_detail .pdt_sorting .tit{margin:8px 0 0;}
.benefit_detail .pdt_sorting .tit strong{font-size:20px;line-height:24px;box-shadow: inset 0 -15px 0 rgba(197,225,210,1);letter-spacing: -0.8px;font-weight: 800;color:#333;}
.benefit_detail .pdt_sorting span{display:block;padding:8px 30px 0;font-size:14px;line-height:17px;letter-spacing: -0.5px;word-break:keep-all;color:#666;}
.benefit_detail .tip{background-color: #f6f6f6; border-radius: 20px; margin: 25px 0 0 0; padding: 15px; }
.benefit_detail .tip strong{display: block; color: #dc4d4c; font-size: 11px; font-weight: 800; padding: 0 0 5px 10px;}
.benefit_detail .tip p{font-size: 12px;}
.benefit_detail ul li{padding:0 15px 23px;overflow: hidden;}
.benefit_detail ul{padding:25px 0 0;}
.benefit_detail ul li .stit{display:block;padding:0 0 8px;font-weight: 800;font-size:15px;line-height:18px;letter-spacing: -0.5px;color:#333;}
.benefit_detail ul li .stit:before{content:'';display:inline-block;width:11px;height:9px;margin-right:3px;background: url(../../../../resources/images/digitalCard/img_benefit_detail_stit.png) 0 0 / 100% 100% no-repeat; vertical-align: 2px;}
.benefit_detail ul li p{font-size:13px;line-height:15px;color:#333;}
.benefit_detail ul li p a{font-size:13px;}
.benefit_detail .btn{text-align: center;}
.benefit_detail .btn a{display:inline-block;width:88px;height:33px;line-height:33px;color:#fff;background:#13294b;border:1px solid #13294b;}
.benefit_detail .btn a:focus{outline: 2px solid red;}
.benefit_detail .btn a.type1{background:#fff;color:#13294b;margin-left:23px;}
.benefit_detail .banner_footprint{margin: 20px 0 0; text-align: center;}
.benefit_detail .banner_footprint a{display: inline-block; text-indent: -9999px;}

/* 안내 */
.guide{width: 640px; margin: 0 auto; position: relative;}
.guide img{position:relative;width:auto;}
.guide h1{position:absolute;left:50%; transform: translateX(-50%); top:50px;width:260px;height:46px;background: url(../../../../resources/images/digitalCard/my_logo.png) no-repeat;text-indent: -9999px;}
.guide h1 a{display:block;height:100%;}
.guide h1.summer{background-position:50% -18px;}
.guide h1.autumn{background-position:50% -36px;}
.guide h1.winter{background-position:50% -54px;}
.guide .areaName{position: absolute; top: 136px; left: 50%; transform: translateX(-50%); color: #282b30; line-height: 1; font-size: 36px; font-weight: 800; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px;}
.guide p{padding:30px 0 42px;font-size:24px;letter-spacing: -1px;line-height: 34px;color:#000;text-align: center;}
.guide p strong{font-weight: 700;font-size:30px;letter-spacing: -1px;}
.guide .btn{display:flex;padding:0 10px 25px;}
.guide .btn a{width:calc(50% - 20px);font-size: 17px;margin:0 10px;text-align: center;height:38px;line-height: 38px;border-radius: 10px;border:1px solid #282c31;}
.guide .btn a:focus{outline: 2px solid red;}
.guide .btn a.go{color:#fff;background:#282c31;}
.guide .btn a.go:after{content:'';display:inline-block;width:18px;height:18px;background: url(../../../../resources/images/digitalCard/btn_go.png) 0 0 / 100% 100% no-repeat;vertical-align: -3px;margin-left:7px;}

/* 신청 */
.application{width: 640px; margin: 0 auto; padding:25px 50px 0;background: url(../../../../resources/images/digitalCard/bg_application.gif) 0 0 / 1px auto repeat-x;color:#000;}
.application h1{width:260px;height:46px; margin: 0 auto; background: url(../../../../resources/images/digitalCard/my_logo.png) no-repeat;text-indent: -9999px;}
.application h1 a{display:block;height:100%;}
.application h2{padding:25px 0 8px;font-size:23px;line-height: 27px;letter-spacing: -1.2px; text-align: center;}
.application h2 strong{font-weight: 800;}
.application > p{font-size:13px;letter-spacing: -1px;line-height: 16px; text-align: center; padding-bottom: 20px;}
.application > span{display:block;font-size:11px;line-height: 13px; text-align: center; color: #20603c;}
.application ul{height:385px; margin-top: 10px; background:#fff;border-radius: 10px;border:1px solid #000;overflow-y:auto;padding:5px 19px 0;box-sizing: border-box;}    
.application ul::-webkit-scrollbar {width: 5px;height: 5px;}
.application ul::-webkit-scrollbar-thumb {background: #666;border-radius: 10px;}
.application ul::-webkit-scrollbar-track-piece {background: #fff;margin:10px;}
.application ul li:first-child{border:0;}
.application ul li{border-top:1px solid #eee;min-height:85px;box-sizing: border-box;position: relative;}
.application ul li button{width:100%;text-align: left;position: relative;padding:18px 45px 0 0; overflow: hidden;}
.application ul li button:after{content:'';display:inline-block;position:absolute;right:0;top:31px;width:25px;height:25px;background: url(../../../../resources/images/digitalCard/btn_application.png) 0 0 / 100% auto no-repeat;}
.application ul li.on button:after{background-position: 0 -25px;}
.application ul li.off button:after{background-position: 0 -50px;}
.application ul li.not button:after{background-position: 0 -75px;}
.application ul li.off:before{content:'';display:block;position:absolute;right:0;top:0;width:100%;height:100%;z-index: 5;}
.application ul li.off strong{color:#767676;}
.application ul li img{width: 50px; height: 50px; float: left; margin-right: 15px; filter: grayscale(1); opacity: 0.5;}
.application ul li.on img{filter: none; opacity: 1;}
.application ul li strong{display:block;padding:0 0 3px;font-size:15px;line-height:18px;font-weight: 800;color:#000;letter-spacing: -0.5px;}
.application ul li p{font-size:12px;line-height:15px;letter-spacing: -0.5px;color:#767676;overflow:hidden;height:30px;display:block;display: -webkit-box;word-break:keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.application .btn{padding:30px 0 25px; display: flex; justify-content: space-between;}
.application .btn a{display:block; width: calc(50% - 10px); font-size: 17px;text-align: center;height:40px;line-height: 40px;border-radius: 10px; border: 1px solid #282c31;}
.application .btn a:focus{outline: 2px solid red;}
.application .btn a.ok{color:#fff;background:#282c31;}
.application .btn a.ok:after{content:'';display:inline-block;width:18px;height:18px;background: url(../../../../resources/images/digitalCard/btn_ok.png) 0 0 / 100% 100% no-repeat;vertical-align: -3px;margin-left:7px;}


/* 혜택 리스트 */
#contents.list01 .tit_cont.tit_my h3{border-bottom: 1px solid #000;}
.benefit_list{margin:0 auto; width: 640px;padding:40px 0 0;}
.benefit_list .area img{width:100%;}
.benefit_list .area{position: relative;}
.benefit_list .area .inr{position:absolute;left:10%;top:14.5%;right:10%;}
.benefit_list .area strong{display:block;font-weight: 400;font-size:30px;line-height:35px;letter-spacing: -1px;color:#000;}
.benefit_list .area strong:before{content:'';display:inline-block;width:12px;height:11px;vertical-align: 8px;margin: 0 4px 0 -16px;background: url(../../../../resources/images/digitalCard/icon_mark1.png) 0 0 / 100% 100% no-repeat;}
.benefit_list .area strong:after{content:'';display:inline-block;width:12px;height:10px;vertical-align: 8px;margin: 0 0 0 4px;background: url(../../../../resources/images/digitalCard/icon_mark2.png) 0 0 / 100% 100% no-repeat;}
.benefit_list .area strong em{font-weight: 800;}
.benefit_list .area strong span{display:inline-block;}
.benefit_list .area strong span:after{content:'';display:block;width:100%;height:2px;margin-top: -4px;background:rgba(61,166,133,0.5);}
.benefit_list .area p{padding:7px 0 0;font-size:17px;line-height: 20px;color:#333;letter-spacing: -0.5px;}

.benefit_list .tab_btn{background-color: #fff; height: 35px; line-height: 35px;}
.benefit_list .tab_btn .inr{width: auto; margin: 0; height: 100%;}
.benefit_list .tab_btn .swiper-container{padding: 15px 0; height: auto;}
.benefit_list .tab_btn ul{height: 35px; line-height: 35px;}
.benefit_list .tab_btn ul li{width: 100%; }
.benefit_list .tab_btn ul li::before{display: none;}
.benefit_list .tab_btn ul li a{font-size: 15px; width: auto; color: #41986d; font-weight: 700; border: 1px solid #41986d; border-left: none;}
.benefit_list .tab_btn ul li:first-child a{border-radius: 15px 0 0 15px; border-left: 1px solid #41986d ;}
.benefit_list .tab_btn ul li:last-child a{border-radius: 0 15px 15px 0;}
.benefit_list .tab_btn ul li a::after{display: none;}
.benefit_list .tab_btn ul li.on a.cate_all::after{display: none;}
.benefit_list .tab_btn ul li.on a{font-weight: 800; color: #fff; background-color: #41986d;}


.benefit_list .tab_list{background:none; width: 100%; padding: 0;}
.benefit_list .tab_cont{width:auto;}
.benefit_list .tab_list .tip{border-radius: 20px; margin: 21px 30px 0 30px; padding: 15px;}
.benefit_list .tab_list .tip strong{font-size: 11px; padding: 0 0 5px 10px;}
.benefit_list .tab_list ul{padding: 20px 0; display: block;}
.benefit_list .tab_list ul li {position: relative; width: 100%; height: auto; display: block; padding: 25px 15px; border-bottom: 1px solid #e6e6e6;}
.benefit_list .tab_list ul li:hover {box-shadow:none;}
.benefit_list .tab_list ul li:nth-child(even), .tab_list ul li:nth-child(odd){margin: 0;}
.benefit_list .tab_list ul li em {width: 70px; height: 25px;line-height: 25px;font-size: 12px;letter-spacing:0;}
.benefit_list .tab_list ul li em img{margin-right:5px;height:25px;}
.benefit_list .tab_list ul li .pet{position: absolute; top: 27px; left: 90px;}
.benefit_list .tab_list ul li .pet img{width: 27px; height: 21px;}
.benefit_list .tab_list ul li .txtwrap{padding: 0; width: 70%;}
.benefit_list .tab_list ul li .txtwrap span{ color: #282b30; font-size: 11px;}
.benefit_list .tab_list ul li .txtwrap span em{background: none; color: #282b30; width: auto;}
.benefit_list .tab_list ul li strong {font-weight: 800; color: #333; overflow:hidden;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical; margin:8px 0 8px;font-size: 15px;letter-spacing: -0.5px;line-height: 19px; max-height: 40px;}
.benefit_list .tab_list ul li strong span {padding: 0 2px;box-shadow: inset 0 -10px 0 rgba(180,218,197,1);}
.benefit_list .tab_list ul li p {padding: 0;font-size: 13px;line-height:15px;letter-spacing:0; color: #999999;}
.benefit_list .tab_list ul li a {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; border-radius: 50%;background-color: #f6f6f6; margin-left:0;height: 50px;width: 50px;letter-spacing: -0.5px; text-indent: -9999px;}
.benefit_list .tab_list ul li a::before, .benefit_list .tab_list ul li a::after{content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 21px; background-color: #666;}
.benefit_list .tab_list ul li a::after{transform: translate(-50%, -50%) rotate(90deg);}
.benefit_list .tab_list ul li a:focus{outline:3px solid red;outline-offset: 2px;}
.benefit_list .tab_list ul li:hover a, .benefit_list .tab_list ul li a:focus{background-color: #f68654;}
.benefit_list .tab_list ul li:hover a::before, .benefit_list .tab_list ul li:hover a::after, .benefit_list .tab_list ul li a:focus::before, .benefit_list .tab_list ul li a:focus::after{background-color: #282b30;}
.benefit_list .tab_list .benefit_more{width: 90px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto 40px; font-size: 15px; color: #282b30; border: 1px solid #282b30; box-sizing: border-box;  }

/* 운영사무국 추가 */
.manage{padding: 0 0 20px;}
.manage span{font-size: 15px; font-weight: 800; color: #000;}
.manage ul{height: auto; border: none; padding: 0; margin-top: 10px;}
.manage ul li{font-size: 13px; min-height: 0; border: none; padding: 0 0 5px 0; color: #666;}

/* input */

.verifiyPop .verifiy_pop input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.verifiyPop .verifiy_pop input[type="radio"] + label {position:relative;font-size:16px;letter-spacing:-1.3px; display:inline-block; padding-left:28px; font-weight:700; vertical-align:middle;color:#666;}
.verifiyPop .verifiy_pop input[type="radio"] + label:before {content:''; position:absolute; left:0; top:1px; width:18px; height:18px; border:1px solid #ccc; background: #fff;}
.verifiyPop .verifiy_pop input[type="radio"]:checked + label:before{border:1px solid #282b30;}
.verifiyPop .verifiy_pop input[type="radio"]:checked + label:after {content:''; position:absolute; left:4px; top:5px; width:12px; height:12px; background:url(../../../../resources/images/digitalCard/icon_verifiychk.png) no-repeat center;}
.verifiyPop .verifiy_pop input[type="radio"]:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

.verifiyPop .verifiy_pop input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.verifiyPop .verifiy_pop input[type="checkbox"] + label {position:relative;font-size:16px;letter-spacing:-1.3px; display:inline-block; padding-left:28px; font-weight:700; vertical-align:middle;color:#666;}
.verifiyPop .verifiy_pop input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:1px; width:18px; height:18px; border:1px solid #ccc; background: #fff;}
.verifiyPop .verifiy_pop input[type="checkbox"]:checked + label:before{border:1px solid #282b30;}
.verifiyPop .verifiy_pop input[type="checkbox"]:checked + label:after {content:''; position:absolute; left:4px; top:5px; width:12px; height:12px; background:url(../../../../resources/images/digitalCard/icon_verifiychk.png) no-repeat center;}
.verifiyPop .verifiy_pop input[type="checkbox"]:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

/* 팝업 */
#benefitPop {overflow-y: auto;background: rgba(0,0,0,.5);z-index: 110;}
#benefitPop .dimmed{display:none;}
#benefitPop .layerpop{width:668px;border:4px solid #282b30;border-radius: 40px;padding:0;position: relative;margin: 0 auto !important;top:0 !important;left: 0 !important;}
#benefitPop .layerpop .pop_tit{display:block;padding-left:40px;font-weight:700;font-size:26px;letter-spacing:-1.3px;background:#282b30;color:#fff;height:74px;line-height:74px;border-radius: 30px 30px 0 0;}
.benefit_pop{padding:0 40px;}
.benefit_pop .benefit_detail{border:0;margin:0 auto; width: auto;}
.benefit_pop .benefit_detail .pdt_sorting em img{height: auto; margin-right: 8px;vertical-align: top;}
.benefit_pop .benefit_detail .img_area {margin-top: 40px;}
.benefit_pop .benefit_detail .img_area .swiper-slide{height: 360px;}
.benefit_pop .benefit_detail .img_area .swiper-container{border-radius: 40px;}
.benefit_pop .swiper-button-next, .benefit_pop .swiper-button-prev{text-indent: -9999px;left:0;width:35px;height:70px;margin-top: -35px;background: url(../../../../resources/images/digitalCard/btn_slide02.png) no-repeat;}
.benefit_pop .swiper-button-next{left:auto;right:0;background-position: 0 -70px;}
.benefit_pop .benefit_detail .img_area.js_slider .paging {right: 30px;top: 30px;width: 110px;height: 42px;}
.benefit_pop .benefit_detail .swiper-pagination{width:77px;line-height: 41px;height: 42px;font-size: 22px;letter-spacing: -1px;}
.benefit_pop .benefit_detail .btn_autoArea {width: 32px;height: 42px;}
.benefit_pop .benefit_detail .btn_autoArea button {margin-top:13px;width: 15px;height:18px;background: url(../../../../resources/images/digitalCard/btn_auto_slide.png) no-repeat;}
.benefit_pop .benefit_detail .btn_autoArea .btn_autoPlay{background-position: 0 -18px;}
.benefit_pop .benefit_detail .pdt_sorting {margin: 40px 0 0;padding: 0 0 40px;border-bottom:2px solid #e6e6e6;}
.benefit_pop .benefit_detail .pdt_sorting em {width: 100px; height: 38px;line-height: 38px;font-size: 16px;letter-spacing: -0.6px; padding: 0;}
.benefit_pop .benefit_detail .pdt_sorting em:before{margin-right: 10px;}
.benefit_pop .benefit_detail .pdt_sorting em.pdt:before {width: 19px;height: 17px;background: url(../../../../resources/images/digitalCard/icon_pdt1.png) no-repeat;}
.benefit_pop .benefit_detail .pdt_sorting em.stay:before {width: 18px;height: 15px;background: url(../../../../resources/images/digitalCard/icon_stay1.png) no-repeat;}
.benefit_pop .benefit_detail .pdt_sorting em.etc:before {width: 18px;height: 22px;vertical-align: -3px;background: url(../../../../resources/images/digitalCard/icon_etc1.png) no-repeat;}
.benefit_pop .benefit_detail .pdt_sorting em.experience:before {width: 25px;height: 13px;background: url(../../../../resources/images/digitalCard/icon_experience1.png) no-repeat;}
.benefit_pop .benefit_detail .pdt_sorting em.cafe:before {width: 14px;height: 23px;vertical-align: -4px;background: url(../../../../resources/images/digitalCard/icon_cafe1.png) no-repeat;}
.benefit_pop .benefit_detail .pdt_sorting .tit {margin: 16px 0 0;}
.benefit_pop .benefit_detail .pdt_sorting .tit strong {font-size: 30px;line-height: 36px;box-shadow: inset 0 -25px 0 rgba(197,225,210,1);letter-spacing: -2px;}
.benefit_pop .benefit_detail .pdt_sorting span{padding:20px 0 0;font-size:22px;line-height: 28px;letter-spacing: -1px;}
.benefit_pop .benefit_detail .pdt_sorting span.pet{display: inline-block; margin-left: 18px; padding: 0;}
.benefit_pop .benefit_detail ul {padding: 40px 0 0;}
.benefit_pop .benefit_detail ul li {padding: 0 40px 40px;}
.benefit_pop .benefit_detail ul li .stit {padding: 0 0 17px;font-size: 24px;line-height: 27px;letter-spacing: -1.2px;}
.benefit_pop .benefit_detail ul li .stit:before {width: 21px;height: 18px;margin-right: 8px;background: url(../../../../resources/images/digitalCard/img_benefit_detail_stit01.png) no-repeat;}
.benefit_pop .benefit_detail ul li p {font-size: 20px;line-height: 25px;letter-spacing: -0.8px;}
.benefit_pop .benefit_detail ul li p a {font-size: 20px;}
.benefit_pop .btn{text-align: center;overflow: hidden;display:flex; margin: 40px 0; padding: 5px;}
.benefit_pop .btn a{width:calc(50% - 5px);margin-right:5px;border:2px solid #282b30; border-radius: 20px;box-sizing: border-box;height:70px;line-height: 62px;font-size:20px;font-weight: 800;letter-spacing: -1px;}
.benefit_pop .btn a + a{color:#fff;background:#282b30; margin: 0 0 0 5px;}
.benefit_pop .btn a:focus{outline:3px solid red;outline-offset: 2px;}
#benefitPop .btn_close{position:absolute;right:39px;top:22px;text-indent: -9999px;width:26px;height:26px;background: url(../../../../resources/images/digitalCard/btn_pop_close01.png) no-repeat;margin:0;}
#benefitPop .btn_close:focus{outline:3px solid red;outline-offset: 2px;}
.benefit_pop .event_coupon{height: auto;}
.benefit_pop .event_coupon a{display: block; height: 100%;}

#tipPop .layerpop{width:668px;border:4px solid #282b30;border-radius: 40px;padding:0;}
#tipPop .layerpop .pop_tit{display:block;padding-left:40px;font-weight:700;font-size:24px;letter-spacing:-1px;background:#282b30;color:#fff;height:74px;line-height:74px;border-radius: 30px 30px 0 0;}
#tipPop .layerpop .pop_tit span{color: #b2e7c9;}
#tipPop .layerpop .tip_Pop{padding: 40px;}
#tipPop .layerpop .tip_Pop textarea{width: 100%; height: 150px; padding: 30px; border: 1px solid #d2d2d2; font-size: 18px; color: #333; box-sizing: border-box;}
#tipPop .btn_close{position:absolute;right:39px;top:22px;text-indent: -9999px;width:26px;height:26px;background: url(../../../../resources/images/digitalCard/btn_pop_close01.png) no-repeat;margin:0;}
#tipPop .btn_close:focus{outline:3px solid red;outline-offset: 2px;}
#tipPop .btn a{display: block; margin: 40px auto 0; font-size: 20px; font-weight: 800; color: #fff; width: 150px; height: 70px; line-height: 70px; background-color: #282b30; text-align: center; border-radius: 20px; }
#tipPop .btn a:focus-visible{outline-color: red;}

#profilePop .layerpop{width:480px;padding:0;border-radius: 10px;text-align: center;}
#profilePop .layerpop .tit{display:block;padding-left:12px;text-align: left;background:#ebebeb;height:40px;line-height: 40px;font-size:13px;border-radius: 8px 8px 0 0;color:#000;}
#profilePop .profile_edit{padding:0 0 23px;}
#profilePop .profile_edit strong{display:block;padding:22px 0 23px;font-weight: 800;font-size:17px;letter-spacing: -0.7px;color:#000;line-height:20px;}
#profilePop .profile_edit ul{display:flex;flex-wrap: wrap;padding: 0 30px;}
#profilePop .profile_edit ul li{width:85px;margin:0 10px 15px;}
#profilePop .profile_edit ul li button{position:relative;width:100%;height:85px;background-position:50% 50%;border-radius: 100%;background-repeat: no-repeat;background-size:contain;text-indent: -9999px;}
#profilePop .profile_edit ul li button.hojong, #profilePop .profile_edit ul li button.ggauni, #profilePop .profile_edit ul li button.gomi, .profile_edit ul li button.user{background-size: cover;}
#profilePop .profile_edit ul li button:focus{outline:3px solid red;outline-offset: 2px;}
#profilePop .profile_edit ul li button.on:before{content:'';display:block;width:100%;height:100%;border:2px solid #333;border-radius: 100%;box-sizing: border-box;position:absolute;left:0;top:0;}
#profilePop .profile_edit ul li button.on:after{content:'';display:inline-block;position:absolute;right:0;bottom:0;width:25px;height:25px;background: url(../../../../resources/images/digitalCard/icon_on.png) 0 0 / 100% 100% no-repeat;}
#profilePop .profile_edit ul li button.user:after{content:'';display:inline-block;position:absolute;right:0;bottom:0;width:25px;height:25px;background: url(../../../../resources/images/digitalCard/icon_camera.png) 0 0 / 100% 100% no-repeat;}
#profilePop .profile_edit p{padding:0 0 22px;font-size:11px;line-height:14px;color:#666;}
#profilePop .profile_edit .btn a{display:inline-block;width:100px;height:30px;line-height:30px;color:#fff;background:#333;border-radius: 5px;font-weight: 700;font-size:14px;}
#profilePop .profile_edit .btn a:focus{outline:3px solid red;outline-offset: 2px;}
#profilePop .btn_close{position:absolute;right:12px;top:12px;text-indent: -9999px;width:16px;height:16px;background: url(../../../../resources/images/digitalCard/btn_pop_close.png) 0 0 / 100% 100% no-repeat;margin:0;}
#profilePop .btn_close:focus{outline:3px solid red;outline-offset: 2px;}

#completePop .layerpop{padding: 0 0 25px;width: 480px;border-radius: 10px;text-align:center;}
#completePop .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:97px;height:110px;background: url(../../../../resources/images/digitalCard/img_complete_pop.png) 0 0 / 100% 100% no-repeat;}
.complete_pop p{padding:105px 0 18px;font-size:17px;line-height:21px;letter-spacing: -0.6px;color:#000;}
.complete_pop p strong{font-weight: 800;}
.complete_pop p strong em{color: #dc4d4c; font-weight: 800; display: block;}
.complete_pop .s_txt{display: block; font-size: 13px; color: #000; padding: 0 0 20px 0; letter-spacing: -0.5px;}
.complete_pop span em{font-weight: 800;}
.complete_pop .btn a{display: inline-block;width: 100px;height: 30px;line-height: 30px;color: #fff;background: #333;border-radius: 5px;font-weight: 700;font-size: 14px;}
.complete_pop .btn a:focus{outline:3px solid red;outline-offset: 2px;}

#completePop02 .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:97px;height:110px;background: url(../../../../resources/images/digitalCard/img_complete_pop.png) 0 0 / 100% 100% no-repeat;}
#completePop02 .layerpop{padding: 0 0 25px; width: 480px; border-radius: 10px;text-align:center;}
#completePop02 .complete_pop p{font-size: 18px; padding: 105px 0 10px;}

#completePop03 .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:97px;height:110px;background: url(../../../../resources/images/digitalCard/img_complete_pop.png) 0 0 / 100% 100% no-repeat;}
#completePop03 .layerpop{padding: 0 0 25px; width: 480px; border-radius: 10px;text-align:center;}
#completePop03 .complete_pop p{font-size: 18px; padding: 105px 0 20px;}
#completePop03 .complete_pop span{display: block;}
#completePop03 .complete_pop span em{display: inline-block;}
#completePop03 .complete_pop span em.etc{padding-left: 3px;}

#impossiblePop .layerpop{padding: 0 0 25px; width: 480px; border-radius: 10px;text-align:center;}
#impossiblePop .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:88px;height:108px;background: url(../../../../resources/images/digitalCard/img_impossible_pop.png) 0 0 / 100% 100% no-repeat;}
.impossible_pop p{padding:108px 0 18px;font-size:18px;line-height:21px;letter-spacing: -0.6px;color:#000;}
.impossible_pop strong{font-weight: 800;}
.impossible_pop .btn a{display: inline-block;width: 100px;height: 30px;line-height: 30px;color: #fff;background: #333;border-radius: 5px;font-weight: 700;font-size: 14px;}
.impossible_pop .btn a:focus{outline:3px solid red;outline-offset: 2px;}

#regionPop .layerpop{width: 460px; border-radius: 10px;text-align:center;}
#regionPop .layerpop .title > h2{font-size:17px; font-weight: 800; line-height:1;letter-spacing: -1px; color: #333; padding: 10px 0 25px;}
#regionPop .layerpop .box_cont{padding: 0 10px;max-height: 375px; overflow-y: auto;}
#regionPop ul{padding: 0 0 10px 0;}
#regionPop ul:after{content:'';display:block;clear:both;}
#regionPop ul li{float: left; padding: 5px}
#regionPop input[type="radio"], #regionPop input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#regionPop input[type="radio"] + label, #regionPop input[type="checkbox"] + label {position: relative;display: inline-block;height: 30px;padding-left:70px;vertical-align: middle;cursor: pointer;}
#regionPop input[type="radio"] + label span, #regionPop input[type="checkbox"] + label span{position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 13px; letter-spacing: -1px; height:30px;line-height:30px;text-align: center;color:#000;}
#regionPop input[type="radio"] + label:before, #regionPop input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width: 70px;height: 30px;border-radius:15px;background:#eef0f2; box-sizing: border-box;}
#regionPop input[type="radio"] + label:after, #regionPop input[type="checkbox"] + label:after {display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:16px; background:url(../../../../resources/images/digitalCard/icon_radio_check.png) 0 0 / 100% 100%; border-radius:100%;}
#regionPop input[type="radio"]:checked + label, #regionPop input[type="checkbox"]:checked + label {font-weight:400;}
#regionPop input[type="radio"]:checked + label:before, #regionPop input[type="checkbox"]:checked + label:before {background:#dc4d4c;box-shadow: 0px 5px 14px 0px rgba(76, 79, 86, 0.38);}
#regionPop input[type="radio"]:checked + label span, #regionPop input[type="checkbox"]:checked + label span{font-weight: 700; color: #fff; }
#regionPop input[type="radio"]:focus + label, #regionPop input[type="checkbox"]:focus + label {outline:3px solid #000}
#regionPop .s_menu{border-top: 1px solid #dfe0e0;}
#regionPop .s_menu ul{padding: 10px 0 0 0;}
#regionPop .s_menu input[type="radio"] + label:before{border: 1px solid #cecece; background: #fff;}
#regionPop .s_menu input[type="radio"]:checked + label:before{border:1px solid #dc4d4c; box-shadow: 0px 5px 14px 0px rgb(76 79 86 / 38%);}
#regionPop .s_menu input[type="radio"] + label span{color: #666;}
#regionPop .s_menu input[type="radio"]:checked + label span{color: #dc4d4c;}
#regionPop .btn a{display: inline-block;width: 100px;height: 30px;line-height: 30px;color: #fff;background: #333;border-radius: 5px;font-weight: 700;font-size: 14px; margin: 15px 0 0 0;}
#regionPop .btn a:focus{outline: 2px solid red;outline-offset: 2px;}
#regionPop .layerpop .btn_close{width: 40px; height: 40px; background: url(../../../../resources/images/digitalCard/btn_petpopclose.png) 0 0 / 100% 100% no-repeat; text-indent: -9999px; position: absolute; top: -48px; right: 0; margin-right: 0;}

#greeting .layerpop{padding: 0 0 35px;width: 480px;border-radius: 10px;text-align:center;}
.greeting_pop{padding: 50px 50px 0;}
.greeting_pop img{margin-top: -100px; width: 170px;}
.greeting_pop p{line-height: 20px; font-size: 15px; color:#000; letter-spacing: -0.6px; word-break: keep-all; padding-top: 20px;}
#greeting .btn_close{position:absolute;right:12px;top:12px;text-indent: -9999px;width:16px;height:16px;background: url(../../../../resources/images/digitalCard/btn_pop_close.png) 0 0 / 100% 100% no-repeat;margin:0;}
#greeting .btn_close:focus{outline:3px solid red;outline-offset: 2px;}

#petPop .layerpop{padding: 0 0 25px; width: 480px; border-radius: 10px;text-align:center;}
#petPop .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-50px;width:116px;height:64px;background: url(../../../../resources/images/digitalCard/img_petpop.png) 0 0 / 100% 100% no-repeat;}
.pet_pop p{padding:45px 0 5px;font-size:18px;line-height:21px;letter-spacing: -0.6px;color:#000;}
.pet_pop strong{font-weight: 800; color: #dc4d4c; font-size: 20px; display: block; line-height: 24px;}
.pet_pop .btn{text-align: center;overflow: hidden;display:flex; justify-content: center; margin: 20px 0 0; padding: 5px;}
.pet_pop .btn a{width: 100px; height: 30px; line-height: 30px; margin-right:5px;border:2px solid #282b30; border-radius: 5px;font-size:14px;font-weight: 700;letter-spacing: -1px;}
.pet_pop .btn a + a{color:#fff;background:#282b30; margin: 0 0 0 5px; }
.pet_pop .btn a:focus{outline:3px solid red;outline-offset: 2px;}
#petPop .layerpop .btn_close{width: 40px; height: 40px; background: url(../../../../resources/images/digitalCard/btn_petpopclose.png) 0 0 / 100% 100% no-repeat; text-indent: -9999px; position: absolute; top: -48px; right: 0; margin-right: 0;}

#discountPop .layerpop{padding: 0 0 25px;width: 480px;border-radius: 10px;text-align:center;}
#discountPop .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:97px;height:110px;background: url(../../../../resources/images/digitalCard/img_complete_pop.png) 0 0 / 100% 100% no-repeat;}
.discount_pop p{padding:105px 0 18px;font-size:17px;line-height:21px;letter-spacing: -0.6px;color:#000;}
.discount_pop p strong{font-weight: 800;}
.discount_pop p strong em{color: #dc4d4c; font-weight: 800; display: block;}
.discount_pop .btn a{display: inline-block;width: 100px;height: 30px;line-height: 30px;color: #fff;background: #333;border-radius: 5px;font-weight: 700;font-size: 14px;}
.discount_pop .btn a:focus{outline:3px solid red;outline-offset: 2px;}

.verifiyPop{overflow-y: auto;}
.verifiyPop .layerpop{width:650px; border-radius: 10px;padding:0;}
.verifiyPop .layerpop .pop_tit{display:block;padding-left:20px;font-weight:700;font-size:16px;letter-spacing:-0.5px;background:#282b30;color:#fff;height:40px;line-height:40px;border-radius: 10px 10px 0 0;}
.verifiyPop .layerpop .pop_tit span{color: #b2e7c9;}
.verifiyPop .layerpop .verifiy_pop{padding: 40px;}
.verifiyPop .layerpop .verifiy_pop .stit{display: block; margin: 0 auto; border-bottom: 1px solid #ccc; padding-bottom: 40px; text-align: center; letter-spacing: -0.5px; color: #333; font-size: 18px; line-height: 22px;}
.verifiyPop .layerpop .verifiy_pop .stit span{font-weight: 800; display: block;}
.consent_wrap{padding-top: 40px;}
.consent_wrap + .consent_wrap{padding-top:20px;}
.consent_wrap .wrap:after{content:'';display:block;clear: both;}
.consent_wrap .wrap .chk{float:left;color: #000; font-size: 18px; font-weight: 700; padding: 0; letter-spacing: -1px;}
.consent_wrap .wrap .chk em{color: #ff3333; font-weight: 700;}
.consent_wrap .wrap .btn_chk{float:right; display: flex;}
.consent_wrap .wrap .btn_chk .col + .col{padding-left: 30px;}
.consent_wrap .consent{padding:20px;margin:10px 0 20px; border:1px solid #ccc; font-size:15px;max-height:200px;overflow-y:auto; letter-spacing: -1px;}
.consent_wrap .consent p{margin-bottom: 15px;}
.consent_wrap .wrap.on + .consent{display:block;}
.verifiyPop .btn_close{position:absolute;right:20px;top:12px;text-indent: -9999px;width:16px;height:16px;background: url(../../../../resources/images/digitalCard/btn_pop_close01.png) 0 0 / 100% 100% no-repeat;margin:0;}
.verifiyPop .btn_close:focus{outline:3px solid red;outline-offset: 2px;}
.verifiyPop .btn a{display: block; margin: 40px auto 0; font-size: 16px; color: #fff; width: 160px; height: 40px; line-height: 40px; background-color: #282b30; text-align: center; border-radius: 10px; }
.verifiyPop .btn a:focus-visible{outline-color: red;}
#verifiyPop4.verifiyPop .btn{display:flex;margin:40px 0 0;gap:20px;justify-content: center;}
#verifiyPop4.verifiyPop .btn a{margin:0;box-sizing: border-box;}
#verifiyPop4.verifiyPop .btn a + a{color:#333;background:#fff;border:1px solid #333;}

/* 분기페이지 */
#contents.progress {width: auto;padding:0;height:100%;}
.progress_stage{height: 100%;background:#B2E7C9;}
.progress_stage .tit{padding:30px 0 0;text-align: center;color:#000;}
.progress_stage .tit img{width:170px;}
.progress_stage .tit strong{display:block;padding:15px 0 8px;font-size: 20px;line-height: 24px;letter-spacing: -1px;font-weight: 800;}
.progress_stage .tit p{font-size:14px;line-height: 16px;letter-spacing: -0.7px;}
.progress_stage .progress{padding:20px;border-radius: 10px;background:#fff;margin:25px 25px 0;border: 1px solid #000000;box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);}
.progress_stage .progress ul li{position:relative;height:42px;display:flex;align-items: center;font-size:16px;font-weight:700;color:#666;letter-spacing: -0.8px;line-height:22px;}
.progress_stage .progress ul li:after{content:'';position:absolute;left:22px;top:36px;display:inline-block;width:2px;height:22px;background: url(../../../../resources/images/digitalCard/dot_progress_stage.png) 0 0 / 100% auto no-repeat;}
.progress_stage .progress ul li + li{margin-top:10px;}
.progress_stage .progress ul li:last-child:after{display:none;}
.progress_stage .progress ul li em{margin:0 10px 0 13px;box-sizing: border-box;width:22px;height:22px;line-height:20px;font-size:11px;border-radius: 100%;font-weight:800;border:2px solid #ADADAD;color:#ADADAD;text-align: center;}
.progress_stage .progress ul li.on{background:#EDFAF3;border-radius: 10px;color:#21B268}
.progress_stage .progress ul li.on:after{height:16px;top: 43px;background: url(../../../../resources/images/digitalCard/dot_progress_stage2.gif) 0 0 / 100% auto no-repeat;}
.progress_stage .progress ul li.on em{background:#51C389;color:#fff;border-color:#51C389;}
.progress_stage .progress ul li.chk em{text-indent: -9999px;background:#333 url(../../../../resources/images/digitalCard/chk_progress_stage.png) 50% 50% / 8px 7px no-repeat;border:0;}
.progress_stage .progress ul li.chk:after{height:20px;background:#333;border-radius: 10px;}
.progress_stage .img{display:block;margin:20px 25px;line-height: 0;}
.progress_stage .img img{width:100%;}


@media screen and (max-width: 1023px) {
    .pc{display:none;}
    .mo{display:block;}
    body{max-width:100%;}
    body.max{max-width: 100%;}
    #contents.max-wide{width:auto;padding: 25px 0 30px;}


    /* 소개 */     
    .intro_header .share{right: 25px;top: 15px;} 
    .intro_header .share ul li {margin: 0 5px;height: 12px;font-size: 10px;color: #282b30;line-height: 12px;}
    .intro_header .share ul li:after {display:none;}
    .intro_header .share ul li a:before{margin-right: 5px;}
    .intro_header .share ul li a{color: #282b30;height:12px;}
    .intro_header .share ul li.icon1:before{width: 15px;height: 11px;margin-right:5px;background: url(../../../../resources/images/digitalCard/icon_share01.png) 0 0 / 100% 100% no-repeat;}
    .intro_header .share ul li.icon2 a:before{width:13px;height:11px;background: url(../../../../resources/images/digitalCard/icon_share02.png) 0 0 / 100% auto no-repeat;}
    .intro_header .share ul li.icon2.on a:before {background-position: 0 -11px;}
    .intro_header .share ul li.icon3 a:before{width:10px;height:12px;background: url(../../../../resources/images/digitalCard/icon_share03.png) 0 0 / 100% auto no-repeat;}
    
    /* 목록 */
    .tit_cont.tit_my{margin:0 0 10px;}
    .tit_cont.tit_my h2{padding: 6px 0 5px 23px;font-weight: 700;font-size:14px;color:#666;border:0;}
    .tit_cont.tit_my h3{padding: 0 0 4px;font-weight:800;font-size:20px;line-height:23px;letter-spacing: -1px;color:#333;}
    .tit_cont.tit_my .btn_application{position: absolute;right:0;bottom:0;width:75px;height:24px;line-height: 24px;color:#fff;font-weight: 300;font-size: 12px;background:#13294b;}
    .tit_cont.tit_my .btn_mycoupon{bottom: 0; width: 75px; height: 24px; line-height: 24px; font-size: 12px; font-weight: 300;}

    #contents.list{width:auto;}
    .residence_list{width: auto; }
    .residence_list .swiper-slide.swiper-slide-active{margin: 30px 0;}
    .residence_list .intro_bar{height: auto;}
    .residence_list .intro_bar img{width: 100%;}
    .residence_list .intro_bar + p{font-size: 14px;}

    .residence_list_none{width: auto; height:505px;background:#ebebeb;overflow: hidden;text-align: center;}
    .residence_list_none .inr{height:445px;width:270px;background:#fff url(../../../../resources/images/digitalCard/residence_list_none.png) 50% 90px / 87px 112px no-repeat;border-radius: 20px;margin:30px auto 0;border:2px dashed #282c31;}
    .residence_list_none strong{display:block;margin:220px 0 6px;font-weight: 800;font-size:18px;letter-spacing: -0.7px;line-height: 22px;color:#000;}
    .residence_list_none p{padding:0 0 18px;font-size:14px;letter-spacing: -0.5px;line-height: 18px;color:#333;}
    .residence_list_none a{display:inline-block;width:100px;height:30px;line-height: 30px;color:#fff;border-radius: 5px;background:#282c31;font-size:13px;}

    /* 상세 */
    .residence_detail{position:fixed;left:0;top:0; transform: none; width:100%;height:100%;z-index: 1000;background:#ebebeb;}
    .residence_detail .cont_wrap{height: 100%;position: relative;}
    .residence_detail .box{height:584px;border:2px solid #282c31;border-radius: 20px;width:320px;margin:0 auto;position: relative;}
    .residence_detail .profile button{position:absolute;right:21px;bottom:0;width:32px;height:32px;text-indent: -9999px;background: url(../../../../resources/images/digitalCard/btn_profile.png) 0 0 / 100% 100% no-repeat;}
    .residence_detail .profile p{position:absolute;left:0;top:0;width:172px;height:172px;text-indent: -9999px;background: url(../../../../resources/images/digitalCard/profile_txt.png) 0 0 / 100% 100% no-repeat;}

    .residence_detail .inr{padding:0 23px;}
    .residence_detail .name:before{content:'';position:absolute;left:0;top:0;width:19px;height:3px;background: url(../../../../resources/images/digitalCard/bg_name_line.png) 0 0 / 100% 100% no-repeat;}
    .residence_detail .inr p br{display:block;}
    .residence_detail .inr p strong{font-weight: 700;}
    .residence_detail .btn_code{display:block;height:35px;line-height: 35px;color:#fff;border-radius: 5px;background:#282c31;font-weight: 700;font-size:14px;text-align: center;}
    .residence_detail .btn a{width:calc(50% - 10px);margin-left:10px;font-weight: 700;font-size:13px;border:1px solid #282c31;border-radius: 5px;height:30px;line-height:28px;box-sizing: border-box;letter-spacing: -0.6px;}
    .residence_detail .btn a + a{background:#282c31;color:#fff;}
    .residence_detail .btn_out:after{content:'';display:inline-block;width:6px;height:9px;background: url(../../../../resources/images/digitalCard/icon_btn_out.png) 0 0 / 100% 100% no-repeat;margin-left:5px;}
    .residence_detail .img_gallery{position:fixed;left:0;bottom:-160px;right:0;z-index:1010;padding:0 20px;height:160px;background:#fff;border-radius: 20px 20px 0 0;transition:bottom .3s ease-in-out}
    .residence_detail.on .img_gallery{bottom:0;}
    .residence_detail.on:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);}
    .img_gallery strong{display:block;padding:23px 0 7px;font-weight: 800;font-size:17px;letter-spacing: -0.6px;color:#000;line-height:20px;}
    .img_gallery ul li{height:51px;border-top:1px solid #ededed;}
    .img_gallery ul li:first-child{border:0;}
    .img_gallery ul li button{width:100%;height:51px;text-align:left;font-size:15px;letter-spacing: -0.5px;color:#000;}
    .img_gallery ul li button:before{content:'';display:inline-block;width:30px;height:16px;vertical-align: -2px;background: url(../../../../resources/images/digitalCard/img_gallery.gif) 0 0 / 20px auto no-repeat;}
    .img_gallery ul li:last-child button:before{background-position:0 -16px;}
    .banner_footprint{margin:20px 20px 0;position: relative;}
    .banner_footprint img{width:100%;}
    .banner_footprint a{display:inline-block;position:absolute;width: 35%;height: 21%;text-indent: -9999px;}
    .banner_footprint a.btn1{left:11%;bottom: 20%;}
    .banner_footprint a.btn2{right:11%;bottom: 20%;}

    /* 혜택 리스트 */
    .benefit_list{border-top:1px solid #000;padding:20px 0 0; width: auto;}
    #contents.list01 .tit_cont.tit_my h3{border-bottom: none;}
    .benefit_list .area{position: relative;}
    .benefit_list .area .inr{position:absolute;left:10%;top:14.5%;right:10%;}
    .benefit_list .area strong{display:block;font-weight: 400;font-size:18px;line-height:24px;letter-spacing: -1px;color:#000;}
    .benefit_list .area strong:before{content:'';display:inline-block;width:12px;height:11px;vertical-align: 8px;margin: 0 4px 0 -16px;background: url(../../../../resources/images/digitalCard/icon_mark1.png) 0 0 / 100% 100% no-repeat;}
    .benefit_list .area strong:after{content:'';display:inline-block;width:12px;height:10px;vertical-align: 8px;margin: 0 0 0 4px;background: url(../../../../resources/images/digitalCard/icon_mark2.png) 0 0 / 100% 100% no-repeat;}
    .benefit_list .area strong em{font-weight: 800;}
    .benefit_list .area strong span{display:inline-block;}
    .benefit_list .area strong span:after{content:'';display:block;width:100%;height:2px;margin-top: -4px;background:rgba(61,166,133,0.5);}
    .benefit_list .area p{padding:7px 0 0;font-size:11px;line-height: 14px;color:#333;letter-spacing: -0.5px;}

    .benefit_list .tab_btn{background-color: #fff; height: 35px;}
    .benefit_list .tab_btn ul{height: 100%; justify-content: start;}
    .benefit_list .tab_btn ul li{width: auto;}
    .benefit_list .tab_btn ul li::before{width: 2px;}
    .benefit_list .tab_btn ul li a{font-size: 15px; width: 21.88vw;}
    .benefit_list .tab_btn ul li.on a.cate_all::after{width: 19px; height: 19px; background-size: 100% 100%; bottom: -12px;}
    .benefit_list .tab_btn ul li.on a::after{width: 27px; height: 12px; background-size: 100% auto; bottom: -12px;}
    .benefit_list .tab_btn ul li.on a.cate_experi::after{background-position: 0 -12px;}
    .benefit_list .tab_btn ul li.on a.cate_bever::after{background-position: 0 -24px;}
    .benefit_list .tab_btn ul li.on a.cate_stay::after{background-position: 0 -36px;}
    .benefit_list .tab_btn ul li.on a.cate_shop::after{background-position: 0 -48px;}
    .benefit_list .tab_list ul li a {position: absolute; top: 58px; transform: translateY(0); right: 15px; margin-left:0;height: 50px;width: 50px;letter-spacing: -0.5px;}



    /* input */
    .verifiyPop .verifiy_pop input[type="radio"] + label{font-size:12px;letter-spacing:0;padding-left:21px;min-height: 18px;}
    .verifiyPop .verifiy_pop input[type="radio"] + label:before{width:15px;height:15px; top: 2px; box-sizing: border-box;}
    .verifiyPop .verifiy_pop input[type="radio"]:checked + label:after{width: 10px;height: 10px;left: 3px;top: 4px;background: url(../../../../resources/images/digitalCard/icon_verifiychk.png) 0 0 / 100% 100% no-repeat;}
    .verifiyPop .verifiy_pop input[type="checkbox"] + label{font-size:12px;letter-spacing:0;padding-left:21px;min-height: 18px;}
    .verifiyPop .verifiy_pop input[type="checkbox"] + label:before{width:15px;height:15px; top: 2px; box-sizing: border-box;}
    .verifiyPop .verifiy_pop input[type="checkbox"]:checked + label:after{width: 10px;height: 10px;left: 3px;top: 4px;background: url(../../../../resources/images/digitalCard/icon_verifiychk.png) 0 0 / 100% 100% no-repeat;}

    /* 팝업 */
    #tipPop .layerpop{width:auto !important; left: 20px !important; right: 20px !important; margin-left: 0 !important; border:2px solid #282b30;border-radius: 20px;padding:0;}
    #tipPop .layerpop .pop_tit{padding-left:20px;font-size:13px;height:40px;line-height:40px;border-radius: 16px 16px 0 0; letter-spacing: 0;}
    #tipPop .layerpop .tip_Pop{padding: 20px;}
    #tipPop .layerpop .tip_Pop textarea{width: 100%; height: 100px; padding: 15px; border: 1px solid #d2d2d2; font-size: 11px;}
    #tipPop .btn a{display: block; margin: 20px auto 0; font-size: 13px; font-weight: 800; color: #fff; width: 100%; height: 35px; line-height: 35px; border-radius: 10px; }
    #tipPop .btn_close {right: 20px;top: 10px;width: 16px;height: 16px;background: url(../../../../resources/images/digitalCard/btn_pop_m_close01.png) 0 0 / 100% 100% no-repeat;}
    #tipPop .btn_close:focus{outline:3px solid red;outline-offset: 2px;}


    #profilePop .layerpop{width:240px;margin-left: -115px !important;padding:0;border-radius: 10px;text-align: center;}
    #profilePop .layerpop .tit{display:block;padding-left:12px;text-align: left;background:#ebebeb;height:40px;line-height: 40px;font-size:13px;border-radius: 8px 8px 0 0;color:#000;}
    #profilePop .profile_edit{padding:0 0 23px;}
    #profilePop .profile_edit strong{display:block;padding:22px 0 23px;font-weight: 800;font-size:17px;letter-spacing: -0.7px;color:#000;line-height:20px;}
    #profilePop .profile_edit ul{display:flex;flex-wrap: wrap;padding:0 0 0 10px;}
    #profilePop .profile_edit ul li{width:85px;margin:0 10px 15px;}
    #profilePop .profile_edit ul li button{position:relative;width:100%;height:85px;background-position:50% 50%;border-radius: 100%;background-repeat: no-repeat;background-size:cover;text-indent: -9999px;}
    #profilePop .profile_edit ul li button.on:before{content:'';display:block;width:100%;height:100%;border:2px solid #333;border-radius: 100%;box-sizing: border-box;position:absolute;left:0;top:0;}
    #profilePop .profile_edit ul li button.on:after{content:'';display:inline-block;position:absolute;right:0;bottom:0;width:25px;height:25px;background: url(../../../../resources/images/digitalCard/icon_on.png) 0 0 / 100% 100% no-repeat;}
    #profilePop .profile_edit ul li button.user:after{content:'';display:inline-block;position:absolute;right:0;bottom:0;width:25px;height:25px;background: url(../../../../resources/images/digitalCard/icon_camera.png) 0 0 / 100% 100% no-repeat;}
    #profilePop .profile_edit p{padding:0 0 22px;font-size:11px;line-height:14px;color:#666;}
    #profilePop .profile_edit .btn a{display:inline-block;width:100px;height:30px;line-height:30px;color:#fff;background:#333;border-radius: 5px;font-weight: 700;font-size:14px;}
    #profilePop .btn_close{position:absolute;right:12px;top:12px;text-indent: -9999px;width:16px;height:16px;background: url(../../../../resources/images/digitalCard/btn_pop_close.png) 0 0 / 100% 100% no-repeat;margin:0;}

    #completePop .layerpop{padding: 0 0 25px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;text-align:center;}
    #completePop .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:97px;height:110px;background: url(../../../../resources/images/digitalCard/img_complete_pop.png) 0 0 / 100% 100% no-repeat;}
    .complete_pop p{padding:105px 0 18px;font-size:17px;line-height:21px;letter-spacing: -0.6px;color:#000;}
    .complete_pop p strong{font-weight: 800;}
    .complete_pop p strong em{font-weight: 800; display: block;}
    .complete_pop .s_txt{display: block; font-size: 13px; color: #000; padding: 0 0 20px 0; letter-spacing: -0.5px;}
    .complete_pop span em{font-weight: 800;}
    .complete_pop .btn a{display: inline-block;width: 100px;height: 30px;line-height: 30px;color: #fff;background: #333;border-radius: 5px;font-weight: 700;font-size: 14px;}
    
    #completePop02 .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:97px;height:110px;background: url(../../../../resources/images/digitalCard/img_complete_pop.png) 0 0 / 100% 100% no-repeat;}
    #completePop02 .layerpop{padding: 0 0 25px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;text-align:center;}
    #completePop02 .complete_pop p{font-size: 18px; padding: 105px 0 10px;}

    #completePop03 .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:97px;height:110px;background: url(../../../../resources/images/digitalCard/img_complete_pop.png) 0 0 / 100% 100% no-repeat;}
    #completePop03 .layerpop{padding: 0 0 25px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;text-align:center;}
    #completePop03 .complete_pop p{font-size: 18px; padding: 105px 0 20px;}

    #impossiblePop .layerpop{padding: 0 0 25px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;text-align:center;}
    #impossiblePop .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:88px;height:108px;background: url(../../../../resources/images/digitalCard/img_impossible_pop.png) 0 0 / 100% 100% no-repeat;}
    .impossible_pop p{padding:108px 0 18px;font-size:18px;line-height:21px;letter-spacing: -0.6px;color:#000;}
    .impossible_pop strong{font-weight: 800;}
    .impossible_pop .btn a{display: inline-block;width: 100px;height: 30px;line-height: 30px;color: #fff;background: #333;border-radius: 5px;font-weight: 700;font-size: 14px;}


    #benefitPop .layerpop{position:absolute;width:auto !important;left: 25px !important;right: 25px !important;margin-left: 0 !important;top:50% !important;transform: translateY(-50%);border: 2px solid #282b30;border-radius:20px;max-height: 100%;overflow-x: hidden;overflow-y: auto;}
    #benefitPop .layerpop .pop_tit {padding-left: 12px;font-size: 13px;letter-spacing: -0.5px;height: 40px;line-height: 40px;font-weight:400;border-radius: 16px 16px 0 0;}
    #benefitPop .btn_close {right: 11px;top: 10px;width: 16px;height: 16px;background: url(../../../../resources/images/digitalCard/btn_pop_m_close01.png) 0 0 / 100% 100% no-repeat;}
    .benefit_pop {padding: 0 13px;}
    .benefit_pop .benefit_detail .img_area {margin-top: 15px;}
    .benefit_pop .benefit_detail .pdt_sorting em img{height:23px;margin-right: 4px;vertical-align:middle;}
    .benefit_pop .benefit_detail .img_area .swiper-container {border-radius: 20px;}
    .benefit_pop .benefit_detail .img_area .swiper-slide {height: 150px;}
    .benefit_pop .swiper-button-next, .benefit_pop .swiper-button-prev{display:none;}
    .benefit_pop .benefit_detail .img_area.js_slider .paging{right: 15px;top: 15px;width: 55px;height: 21px;}
    .benefit_pop .benefit_detail .btn_autoArea{width: 16px;height: 21px;}
    .benefit_pop .benefit_detail .btn_autoArea .btn_autoPlay{background-position: 0 0;}
    .benefit_pop .benefit_detail .btn_autoArea button{margin-top: 6px;width: 8px;height: 9px;background: url(../../../../resources/images/digitalCard/btn_slide.png) 0 -9px / 100% auto no-repeat;}
    .benefit_pop .benefit_detail .swiper-pagination{width: 38px;line-height: 20px;height: 21px;font-size: 11px;letter-spacing: -0.5px;}
    .benefit_pop .benefit_detail .pdt_sorting {margin: 20px 0 0;padding: 0 0 20px;border-bottom: 1px solid #e6e6e6;}
    .benefit_pop .benefit_detail .pdt_sorting em{width: 70px; height: 25px;line-height: 25px;font-size: 12px;letter-spacing: 0;}
    .benefit_pop .benefit_detail .pdt_sorting em:before{margin-right: 4px;}
    .benefit_pop .benefit_detail .pdt_sorting em.pdt:before {width: 11px;height: 10px;background: url(../../../../resources/images/digitalCard/icon_pdt.png) 0 0 / 100% 100% no-repeat;}
    .benefit_pop .benefit_detail .pdt_sorting em.stay:before {width: 11px;height: 10px;background: url(../../../../resources/images/digitalCard/icon_stay.png) 0 0 / 100% 100% no-repeat;}
    .benefit_pop .benefit_detail .pdt_sorting em.etc:before {width: 11px;height: 14px;vertical-align: -3px;background: url(../../../../resources/images/digitalCard/icon_etc.png) 0 0 / 100% 100% no-repeat;}
    .benefit_pop .benefit_detail .pdt_sorting em.experience:before {width: 15px;height: 9px;background: url(../../../../resources/images/digitalCard/icon_experience.png) 0 0 / 100% 100% no-repeat;}
    .benefit_pop .benefit_detail .pdt_sorting em.cafe:before {width: 9px;height: 14px;vertical-align: -3px;background: url(../../../../resources/images/digitalCard/icon_cafe.png) 0 0 / 100% 100% no-repeat;}
    .benefit_pop .benefit_detail .pdt_sorting .tit{margin: 8px 0 0;}
    .benefit_pop .benefit_detail .pdt_sorting .tit strong{font-size: 18px;line-height: 22px;box-shadow: inset 0 -15px 0 rgba(197,225,210,1);letter-spacing: -0.8px;}
    .benefit_pop .benefit_detail .pdt_sorting span{padding: 8px 30px 0;font-size: 13px;line-height: 16px;letter-spacing: -0.5px;}
    .benefit_pop .benefit_detail .pdt_sorting span.pet{display: inline-block; padding:0; margin-left: 10px;}
    .benefit_pop .benefit_detail .pdt_sorting span.pet img{width: 27px; height: 21px;}
    .benefit_pop .benefit_detail ul{padding: 25px 0 0;}
    .benefit_pop .benefit_detail ul li{padding: 0 10px 18px;}
    .benefit_pop .benefit_detail ul li .stit{padding: 0 0 8px;font-size: 14px;line-height: 17px;letter-spacing: -0.5px;}
    .benefit_pop .benefit_detail ul li .stit:before{width: 11px;height: 9px;margin-right: 3px;background: url(../../../../resources/images/digitalCard/img_benefit_detail_stit.png) 0 0 / 100% 100% no-repeat;}
    .benefit_pop .benefit_detail ul li p{font-size: 12px;line-height: 15px;}
    .benefit_pop .benefit_detail ul li p a{font-size: 12px;}
    .benefit_pop .btn{margin: 0 0 20px 0;}
    .benefit_pop .btn a{width: calc(50% - 5px);margin-left: 5px;height: 35px;line-height: 31px;border: 2px solid #282b30;border-radius: 10px;font-size:10px;letter-spacing:0;}
    .benefit_pop .event_coupon img{width: 100%;}


    #regionPop .layerpop{padding: 25px 0;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;text-align:center;}
    #regionPop .layerpop .title > h2{font-size:17px; font-weight: 800; line-height:1;letter-spacing: -1px; color: #333; padding: 0 0 15px;}
    #regionPop .layerpop .box_cont{padding: 0 10px;max-height: 375px; overflow-y: auto;}
    #regionPop ul{padding: 0 0 10px 0; display: flex; flex-wrap: wrap;}
    #regionPop ul:after{content:'';display:block;clear:both;}
    #regionPop ul li{float: left; padding: 5px 0; width: 25%;}
    #regionPop input[type="radio"], #regionPop input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
    #regionPop input[type="radio"] + label, #regionPop input[type="checkbox"] + label {position: relative;display: inline-block;height: 30px;padding-left:17.81vw;vertical-align: middle;cursor: pointer;}
    #regionPop input[type="radio"] + label span, #regionPop input[type="checkbox"] + label span{position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 13px; letter-spacing: -1px; height:30px;line-height:30px;text-align: center;color:#000;}
    #regionPop input[type="radio"] + label:before, #regionPop input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width: 17.81vw;height: 30px;border-radius:15px;background:#eef0f2; box-sizing: border-box;}
    #regionPop input[type="radio"] + label:after, #regionPop input[type="checkbox"] + label:after {display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:16px; background:url(../../../../resources/images/digitalCard/icon_radio_check.png) 0 0 / 100% 100%; border-radius:100%;}
    #regionPop input[type="radio"]:checked + label, #regionPop input[type="checkbox"]:checked + label {font-weight:400;}
    #regionPop input[type="radio"]:checked + label:before, #regionPop input[type="checkbox"]:checked + label:before {background:#dc4d4c;box-shadow: 0px 5px 14px 0px rgba(76, 79, 86, 0.38);}
    #regionPop input[type="radio"]:checked + label span, #regionPop input[type="checkbox"]:checked + label span{font-weight: 700; color: #fff; }
    #regionPop input[type="radio"]:focus + label, #regionPop input[type="checkbox"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
    #regionPop .s_menu{border-top: 1px solid #dfe0e0;}
    #regionPop .s_menu ul{padding: 10px 0 0 0;}
    #regionPop .s_menu input[type="radio"] + label:before{border: 1px solid #cecece; background: #fff;}
    #regionPop .s_menu input[type="radio"]:checked + label:before{border:1px solid #dc4d4c; box-shadow: none;}
    #regionPop .s_menu input[type="radio"] + label span{color: #666;}
    #regionPop .s_menu input[type="radio"]:checked + label span{color: #dc4d4c;}
    #regionPop .btn a{display: inline-block;width: 100px;height: 30px;line-height: 30px;color: #fff;background: #333;border-radius: 5px;font-weight: 700;font-size: 14px; margin: 15px 0 0 0;}

    #greeting .layerpop{padding: 0 0 35px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
    .greeting_pop{padding: 50px 30px 0;}
    .greeting_pop p{overflow-y: auto; height: 180px;}

    #petPop .layerpop{padding: 0 0 35px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}

    #discountPop .layerpop{padding: 0 0 25px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;text-align:center;}
    #discountPop .layerpop:before{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%); top:-15px;width:97px;height:110px;background: url(../../../../resources/images/digitalCard/img_complete_pop.png) 0 0 / 100% 100% no-repeat;}
    .discount_pop p{padding:105px 0 18px;font-size:17px;line-height:21px;letter-spacing: -0.6px;color:#000;}
    .discount_pop .btn a{display: inline-block;width: 100px;height: 30px;line-height: 30px;color: #fff;background: #333;border-radius: 5px;font-weight: 700;font-size: 14px;}

    .verifiyPop .layerpop{width:auto !important; left: 20px !important; right: 20px !important; margin-left: 0 !important; border-radius: 10px;padding:0; max-height: 100%; overflow-y: auto;}
    .verifiyPop .layerpop .pop_tit{padding-left:15px;font-size:14px;height:40px;line-height:40px;border-radius: 10px 10px 0 0; letter-spacing: 0;}
    .verifiyPop .layerpop .verifiy_pop{padding: 25px 20px;}
    .verifiyPop .layerpop .verifiy_pop .stit{font-size: 12px; line-height: 16px; padding-bottom: 25px; border-bottom: 1px solid #ccc;}
    .verifiyPop .layerpop .verifiy_pop .stit span{display: block; }
    .consent_wrap{padding-top: 25px;}
    .consent_wrap + .consent_wrap{padding-top: 5px;}
    .consent_wrap .wrap .chk{padding:0 0 5px 0; font-size: 13px; float: none; display: block;}
    .consent_wrap .wrap .btn_chk{float: none;}
    .consent_wrap .wrap .btn_chk .col{width: 50%;}
    .consent_wrap .wrap .btn_chk .col + .col{padding: 0;}
    .consent_wrap .consent{margin: 10px 0 20px;font-size:12px;padding: 10px;max-height: 125px;}
    .consent_wrap .consent p{margin-bottom: 10px;}
    .verifiyPop .btn a{display: block; margin: 25px auto 0; font-size: 14px; font-weight: 800; color: #fff; width: 100px; height: 30px; line-height: 28px; border-radius: 5px; }
    .verifiyPop .btn_close {right: 20px;top: 12px;width: 16px;height: 16px;background: url(../../../../resources/images/digitalCard/btn_pop_m_close01.png) 0 0 / 100% 100% no-repeat;}
    .verifiyPop .btn_close:focus{outline:3px solid red;outline-offset: 2px;}
    #verifiyPop4.verifiyPop .btn {margin: 25px 0 0;gap: 10px;}

    #verifiyPop3{overflow-y: auto;}

    /* 소개 */
    .intro_header {height: 40px;}
    .intro_header .inr{width: auto;}
    .intro_header h1 {background: url(../../../../resources/images/digitalCard/intro_header_mlogo.gif) 0 0 / 169px 100% no-repeat; width: auto; padding-top: 0;}
    #contents.max-wide.intro{padding:0;margin: 0 !important;}
    .intro_img{height:auto;background:none;}
    .intro_img img{width:100%;}
    .intro_tab{background:#6dcc9b;}
    .intro_tab ul{top: -40px;border-bottom:2px solid #000;}
    .intro_tab ul li {height: 40px;width: 50%;}
    .intro_tab ul li:first-child{border-radius: 0 15px 0 0;}
    .intro_tab ul li:last-child{border-radius: 15px 0 0 0;}
    .intro_tab ul li a {font-size: 13px;line-height: 40px;letter-spacing: -0.5px;}
    .intro_tab ul li.on{border: 2px solid #000;}
    .intro_tab ul li:first-child.on{border-left:0;border-radius: 0 15px 0 0;}
    .intro_tab ul li:last-child.on{border-right:0;border-radius: 15px 0 0 0;}
    .intro_tab ul li.on a span:after {height: 1px;bottom: 9px;}
    .intro_tab ul li a span:after {width: 6px;height: 8px;margin-left:5px;background: url(../../../../resources/images/digitalCard/arw_intro_tab1.png) 0 0 / 100% 100% no-repeat;vertical-align: 1px;}
    .intro_tab .pc{display:none !important;}
    .intro_tab .mo{display:block !important;width:100%;}
    .intro_tab .btn_issued{width: 75%; height: 18vw; bottom: 31vw;}

    .map_area{padding: 40px 0; background-size: 10px 10px;}
    .map_area .inr{width: auto; padding: 0 20px;}
    .map_area h3{margin-bottom: 35px;}
    .map_area h3 img{width: 70%;}
    .map_area .map_cont{width: auto;}
    .map_area .map_cont ul{gap: 9px; margin-bottom: 20px; position: static; width: 100%;}
    .map_area .map_cont strong{display: block; width: 100%; text-align: left; color: #42976b; font-size: 17px; font-weight: 800;}
    .map_area .map_cont ul li{width: 63px;}
    .map_area .map_cont ul li a{font-size: 15px; width: 100%; height: 32px; line-height: 32px; border-radius: 10px; box-sizing: border-box;}
    .map_area .map_cont ul li.on a::after{-webkit-text-stroke: 4px #ba5629;}
    .map_area .map_cont .map_city ul li a{background-color: #fff; border: 2px solid #42976b; color: #42976b;}
    .map_area .map_cont .map_city ul li.on a{color: #fff; background-color: #42976b;}
    .map_area .map_cont .map_detail ul{display: none;}
    .map_area .map_cont .left, .map_area .map_cont .right{justify-content: flex-start; transform: translateX(0);}
    .map_area .map_cont .map_btn{display: flex; justify-content: center;} 
    .map_area .map_cont .map_btn button{display: flex; align-items: center; justify-content: center; border-radius: 10px; color: #fff; font-weight: 800; width: 118px; height: 35px; border: 1px solid #282b30; background-color: #282b30;}
    .map_area .map_cont .map_btn .btn_back{margin-right: 5px; font-size: 13px; font-weight: 800; color: #282b30; background-color: #fff;}
    .map_area .map_cont .map_btn #btnCity{width: 240px;}

    .map_area > img.gomi{width: 22.19vw; top: -10%; left: 3%;}

    .map_banner{padding: 0 20px;}
    .map_banner img{width: 100%;}

    h4{margin: 0 20px 25px !important;}
    h4 strong{margin: 0 0 8px 0;}
    h4 span{padding: 0 10px; font-size: 18px;}
    h4 span::after{-webkit-text-stroke: 4px #282b30; }
    h4 img{width: 100%;}
    
    .benefit_tip{background-image: none; background-color: #f68654;}
    .benefit_tip .inr{width: auto; margin: 0 20px; padding: 40px 0 20px;}
    .benefit_tip h4 strong::before, .benefit_tip h4 strong::after{width: 11px; height: 11px; background-size: 100% 100%;}
    .benefit_tip h4 img{padding-top: 0; width: 70%;}
    .benefit_tip .tip{border-radius: 20px; padding: 20px; margin: 0;}
    .benefit_tip .tip strong{font-size: 12px;}
    .benefit_tip .tip p{font-size: 10px;}

    .tab_btn{height: 45px;}
    .tab_btn .inr{width: auto; overflow: visible; margin: 0;}
    .tab_btn .swiper-container{padding-top: 12px;}
    .tab_btn ul{height: 100%; justify-content: start;}
    .tab_btn ul li{width: auto;}
    .tab_btn ul li::before{width: 2px; height: 70%;}
    .tab_btn ul li a{font-size: 15px; width: 28.13vw;}
    .tab_btn ul li.on a.cate_all::after{width: 19px; height: 19px; background-size: 100% 100%; bottom: -12px;}
    .tab_btn ul li.on a::after{width: 27px; height: 12px; background-size: 100% auto; bottom: -12px;}
    .tab_btn ul li.on a.cate_experi::after{background-position: 0 -12px;}
    .tab_btn ul li.on a.cate_bever::after{background-position: 0 -24px;}
    .tab_btn ul li.on a.cate_stay::after{background-position: 0 -36px;}
    .tab_btn ul li.on a.cate_shop::after{background-position: 0 -48px;}

    .tab_list{background:none; width: 100%; padding: 0;}
    .tab_cont{width:auto;}
    .tab_list .tip{border-radius: 20px; margin: 21px 30px 0 30px; padding: 15px;}
    .tab_list .tip strong{font-size: 11px; padding: 0 0 5px 10px;}
    .tab_list ul{padding: 20px; display: block;}
    .tab_list ul li {position: relative; width: 100%; height: auto; display: block; padding: 20px 0; border-bottom: 1px solid #e6e6e6;}
    .tab_list ul li:hover {box-shadow:none;}
    .tab_list ul li:nth-child(even), .tab_list ul li:nth-child(odd){margin: 0;}
    .tab_list ul li em {width: 70px; height: 25px;line-height: 25px;font-size: 12px;letter-spacing:0;}
    .tab_list ul li em img{margin-right:5px;height:25px;}
    .tab_list ul li .pet{position: absolute; top: 22px; left: 80px;}
    .tab_list ul li .pet img{width: 27px; height: 21px;}
    .tab_list ul li .txtwrap{padding: 0; width: 65%;}
    .tab_list ul li .benefit_title {margin:8px 0 8px;font-size: 13px;letter-spacing: -0.5px;line-height: 15px;max-height:30px;}
    .tab_list ul li .benefit_title span {padding: 0 2px;box-shadow: inset 0 -10px 0 rgba(180,218,197,1);}
    .tab_list ul li p {padding: 0;font-size: 10px;line-height:12px;letter-spacing:0;}
    .tab_list ul li .btn_more {position: absolute; top: 50px; right: 60px;padding: 10px 8px 0;margin-left:0;height: 50px;width: 50px;word-break:keep-all;font-size:11px;line-height:13px;border-radius: 2px;}
    .tab_list ul li .btn_more::before, .tab_list ul li .btn_more::after{width: 2px; height: 21px; background-color: #666;}
    .tab_list ul li .btn_more:focus{outline:none;}
    .tab_list .benefit_more{width: 90px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto 40px; font-size: 15px; color: #282b30; border: 1px solid #282b30; box-sizing: border-box;  }
    .tab_list ul li .btn_coupon{display:inline-block;position: absolute; top: 50px; right: 0;padding: 10px 8px 0;height: 50px;width: 50px;word-break:keep-all;font-size:11px;line-height:13px;border-radius: 2px;background:#e86d37;border:2px solid #e86d37;color:#fff;box-sizing: border-box;text-align: center;}

    .tip_area{padding: 0 0 40px 0;}
    .tip_area .inr{width: auto; margin: 0 20px; flex-direction: column; padding: 40px 0 60px; position: relative;}
    .tip_area .tip_tit{padding: 0; background: url(../../../../resources/images/digitalCard/bg_m_tiptitle.png) 100% 50% / 85px auto no-repeat; margin-bottom: 25px;}
    .tip_area h4 strong{box-shadow: inset 0 -10px 0 rgba(54,132,88,1);}
    .tip_area h4 img{padding-top: 0; width: 50%;}
    .tip_area .tip_tit p{font-size: 12px; padding: 0; margin-left: 20px; width: 65%;}
    .tip_area .tip_tit p strong{font-size: 12px;}
    .tip_area .metoo{position: absolute; width: 240px; height: 57px; bottom: 0; left: 50%; transform: translateX(-50%); background: url(../../../../resources/images/digitalCard/btn_m_metoo.png) 0 0 / 100% 100% no-repeat;}
    .tip_area .tip_cont{flex: 0 0 auto;}
    .tip_area .tip_cont .sorting{text-align: left; padding: 0 0 10px 20px;}
    .tip_area .tip_cont .sorting button{font-size: 11px;}
    .tip_area .tip_cont .sorting button.on::before{width: 9px; height: 10px;}
    .tip_area .comment-container{border: 2px solid #333; border-radius: 20px; padding: 0 13px;}
    .tip_area ul li{padding: 20px 5px;}
    .tip_area ul li a{top: 20px; right: 5px; width: 45px; height: 20px; line-height: 16px;}
    .tip_area ul li a::before{width: 12px; height: 11px; background: url(../../../../resources/images/digitalCard/icon_m_tipgood.png) 0 0 / 100% auto no-repeat; vertical-align: -2px;}
    .tip_area ul li a.on::before{background-position: 0 -11px;}
    .tip_area ul li a span {font-size: 10px; font-weight: 300; padding-left: 3px;}
    .tip_area .profile em.name{font-size: 11px;}
    .tip_area .txt_reply{padding-left: 0; width: 100%; }
    .tip_area .txt_reply p{font-size: 12px; line-height: 15px; }
    .tip_area .txt_reply p .feed{-webkit-line-clamp:3; padding: 0 35px 0 0;}
    .tip_area .length button{font-size: 11px;}
    .tip_area .close{vertical-align: text-top; padding: 0;}
    .tip_area .comment{font-size: 10px; font-weight: 300; padding: 10px 20px 0px; line-height: 12px;}
    .tip_area .page_box{padding: 20px 0;}
    .tip_area .page_box a{width: 28px; height: 28px; line-height: 28px; font-size: 15px; margin: 0;}
    .tip_area .page_box a.pc{display: none;}

    .recommend_area {padding: 40px 0 0;}
    .recommend_area h4 strong{box-shadow: inset 0 -10px 0 rgba(178,231,201,1);}
    .recommend_area h4 img{width: 100%;}
    .recommend_area .inr{width:auto;padding: 0 0 40px;}
    .recommend_area ul{flex-wrap: wrap;}
    .recommend_area ul li {width:calc(50% - 10px) !important;margin: 0 5px 10px;}
    .recommend_area ul li a span {height:130px;border-radius:15px;}
    .recommend_area ul li a:hover span{box-shadow: none;}
    .recommend_area ul li a:hover span:after{display: none;}
    .recommend_area .recommend_container {margin: 0 20px; display: block;}
    .recommend_area ul li a strong {margin: 10px 0 0; padding: 0 10px; font-size: 10px;line-height:13px;letter-spacing:0;font-weight: 400;height:26px;}
    .recommend_area .btn_tourspot{display: block; background: url(../../../../resources/images/digitalCard/btn_m_tourspot.png) 0 0 / 100% 100% no-repeat; width: 232px; height: 57px; margin: 12px auto 0;}

    .banner_area{background-image: url(../../../../resources/images/digitalCard/bg_m_ai_machine.png), url(../../../../resources/images/digitalCard/bg_ai.gif); background-repeat: no-repeat, repeat; background-position: 100% 100%, 0 0; background-size:cover, auto auto; height: 134px;}
    .banner_area .inr{width: auto; margin: 0 20px;}
    .banner_area .mo{width: 100%;}
    .banner_area a{flex-direction: column; align-items: baseline; justify-content: center;}
    .banner_area .banr_txt strong{font-size: 15px;}
    .banner_area .banr_txt strong span{font-size: 13px;}
    .banner_area .banr_txt strong span::before{-webkit-text-stroke: 4px #2b3c6c;}
    .banner_area .banr_txt p{font-size: 13px;}
    .banner_area .ai_go{font-size: 13px; width: 85px; height: 35px; border-radius: 8px; line-height: 35px; margin: 15px 0 0 0;}

    .footer {height: 155px;}
    .footer .inr{width:auto;font-size:10px;letter-spacing: 0;line-height:13px;}
    .footer .inr p {padding: 18px 28px 0 0;}
    .footer .inr span {line-height: 13px;margin-top:8px;}
    .footer .inr span + span{padding-right: 28px;}
    .footer .inr:before {width: 23px;margin: 0 15px 0 28px;background: url(../../../../resources/images/digitalCard/icon_m_footer.png) 0 50% / 23px 23px no-repeat;}

    .btn_top{display:inline-block;position:fixed;right:25px;bottom:60px;width:50px;height:50px;text-indent: -9999px;z-index: 50;}
    .btn_top a{display:block;height:100%;background: url(../../../../resources/images/digitalCard/btn_top.png) 0 0 / 100% 100% no-repeat;}

    .btn_qrScan{display:inline-block;position:fixed;right:25px;bottom:120px;width:50px;height:50px;text-indent: -9999px;z-index: 50; border-radius: 50%; background-color: #42976b; border: 2px solid #282b30;}
    .btn_qrScan a{display: block; color: #fff; font-size: 14px; line-height: 44px; letter-spacing: -1px; padding: 0 15px; height: 100%; background: url(../../../../resources/images/digitalCard/btn_qrscan.png) center center / auto 52% no-repeat;}
    .btn_qrScan.active{text-indent: 0; width: 135px; border-radius: 135px;}
    .btn_qrScan.active a{background-position: 90% center;}


    /* 혜택 상세 */
    
    .benefit_detail{width: auto; border-top:1px solid #000; padding: 20px 0 0 0;}
    #contents.detail01 .tit_cont.tit_my h3{border-bottom: none;}
    .benefit_detail .img_area {margin-bottom: 20px;}
    .benefit_detail .img_area .swiper-container{border-radius: 20px;}
    .benefit_detail .img_area .swiper-slide{height:180px;background-size:cover;background-position: 50% 50%;background-repeat: no-repeat;}
    .benefit_detail .img_area .paging{display:none;}
    .benefit_detail .img_area.js_slider .paging{display:inline-block;position:absolute;right:15px;top:15px;width:55px;height:21px;z-index: 5;border-radius: 50px;background:rgba(0,0,0,.5);}
    .benefit_detail .swiper-pagination{width:38px;line-height:20px;right:0;left:auto;bottom:0;height:21px;color:#fff;font-size: 11px;letter-spacing: -0.5px;}
    .benefit_detail .swiper-pagination-total{opacity: .5;}
    .benefit_detail .btn_autoArea{position:absolute;left:0;top:0;width:16px;height:21px;text-align:right;}
    .benefit_detail .btn_autoArea button {overflow: hidden;display: inline-block;margin-top: 6px;width: 8px;height: 9px;background: url(../../../../resources/images/digitalCard/btn_slide.png) 0 -9px / 100% auto no-repeat;text-indent: -9999px;vertical-align: top;}
    .benefit_detail .img_area.active .btn_autoArea .btn_autoStop {display: none;}
    .benefit_detail .img_area.active .btn_autoArea .btn_autoPlay {display: inline-block;}
    .benefit_detail .btn_autoArea .btn_autoPlay {overflow: hidden;display: none;background-position: 0 0;}
    .benefit_detail .pdt_sorting {padding: 0 0 20px;border-bottom: 1px solid #e6e6e6;}
    .benefit_detail .pdt_sorting em{width: 70px; height: 25px;line-height: 25px;font-size: 12px;letter-spacing: 0;}
    .benefit_detail .pdt_sorting em:before{margin-right: 4px;}
    .benefit_detail .pdt_sorting em.pdt:before {width: 11px;height: 10px;background: url(../../../../resources/images/digitalCard/icon_pdt.png) 0 0 / 100% 100% no-repeat;}
    .benefit_detail .pdt_sorting em.stay:before {width: 11px;height: 10px;background: url(../../../../resources/images/digitalCard/icon_stay.png) 0 0 / 100% 100% no-repeat;}
    .benefit_detail .pdt_sorting em.etc:before {width: 11px;height: 14px;vertical-align: -3px;background: url(../../../../resources/images/digitalCard/icon_etc.png) 0 0 / 100% 100% no-repeat;}
    .benefit_detail .pdt_sorting em.experience:before {width: 15px;height: 9px;background: url(../../../../resources/images/digitalCard/icon_experience.png) 0 0 / 100% 100% no-repeat;}
    .benefit_detail .pdt_sorting em.cafe:before {width: 9px;height: 14px;vertical-align: -3px;background: url(../../../../resources/images/digitalCard/icon_cafe.png) 0 0 / 100% 100% no-repeat;}
    .benefit_detail .pdt_sorting .tit{margin: 8px 0 0;}
    .benefit_detail .pdt_sorting .tit strong{font-size: 18px;line-height: 22px;box-shadow: inset 0 -15px 0 rgba(197,225,210,1);letter-spacing: -0.8px;}
    .benefit_detail .pdt_sorting span{padding: 8px 30px 0;font-size: 13px;line-height: 16px;letter-spacing: -0.5px;}
    .benefit_detail .pdt_sorting span.pet{display: inline-block; padding:0; margin-left: 10px;}
    .benefit_detail .pdt_sorting span.pet img{width: 27px; height: 21px;}

    .benefit_detail .tip{background-color: #f6f6f6; border-radius: 20px; margin: 25px 0 0 0; padding: 15px; }
    .benefit_detail .tip strong{display: block; color: #dc4d4c; font-size: 11px; padding: 0 0 5px 10px;}
    .benefit_detail .tip p{font-size: 10px;}

    .benefit_detail ul li{padding:0 15px 23px;overflow: hidden;}
    .benefit_detail ul{padding:25px 0 0;}
    .benefit_detail ul li .stit{display:block;padding:0 0 8px;font-weight: 800;font-size:15px;line-height:18px;letter-spacing: -0.5px;color:#333;}
    .benefit_detail ul li .stit:before{content:'';display:inline-block;width:11px;height:9px;margin-right:3px;background: url(../../../../resources/images/digitalCard/img_benefit_detail_stit.png) 0 0 / 100% 100% no-repeat;}
    .benefit_detail ul li p{font-size:12px;line-height:15px;color:#333;}
    .benefit_detail ul li p a{font-size:12px;}
    .benefit_detail .btn{text-align: center;overflow: hidden;}
    .benefit_detail .btn a{display:inline-block;width:88px;height:33px;line-height:33px;color:#fff;background:#13294b;border:1px solid #13294b;}
    .benefit_detail .btn a.type1{background:#fff;color:#13294b;margin-left:23px;}
    .benefit_detail .banner_footprint{margin: 20px 0 0;}

    
    /* 안내 */
    .guide{width: auto;}
    .guide img{position:relative;width:100%;}
    .guide h1{position:absolute;top:25px;width:130px; height:23px; background-size: 100% 100%;}
    .guide h1 a{display:block;height:100%;}
    .guide .areaName{position: absolute; top: 67px; font-size: 18px; text-decoration-thickness: 2px; text-underline-offset: 3px; }
    .guide p{padding:30px 0 42px;font-size:14px;letter-spacing: -0.5px;line-height: 18px;color:#000;text-align: center;}
    .guide p strong{font-weight: 700;font-size:17px;letter-spacing: -1px;}
    .guide .btn{display:flex;padding:0 10px 25px;}
    .guide .btn a{width:calc(50% - 20px);font-size: 17px;margin:0 10px;text-align: center;height:38px;line-height: 38px;border-radius: 10px;border:1px solid #282c31;}
    .guide .btn a.go{color:#fff;background:#282c31;}
    .guide .btn a.go:after{content:'';display:inline-block;width:18px;height:18px;background: url(../../../../resources/images/digitalCard/btn_go.png) 0 0 / 100% 100% no-repeat;vertical-align: -3px;margin-left:7px;}
    .guide .event_coupon{padding-top: 92px;}

     /* 신청 */
    .application{width: auto; background: url(../../../../resources/images/digitalCard/bg_application.gif) 0 0 / 1px auto repeat-x;color:#000; padding: 25px 15px 0;}
    .application h1{width:130px; height:23px; background-size: 100% 100%;}
    .application h1 a{display:block;height:100%;}
    .application h2 strong{font-weight: 800;}
    .application ul{height:385px;background:#fff;border-radius: 10px;border:1px solid #000;overflow-y:auto;padding:5px 19px 0;box-sizing: border-box;}    
    .application ul::-webkit-scrollbar {width: 5px;height: 5px;}
    .application ul::-webkit-scrollbar-thumb {background: #666;border-radius: 10px;}
    .application ul::-webkit-scrollbar-track-piece {background: #fff;margin:10px;}
    .application ul li:first-child{border:0;}
    .application ul li{border-top:1px solid #eee;min-height:85px;box-sizing: border-box;position: relative;}
    .application ul li button{width:100%;text-align: left;position: relative;padding:18px 45px 0 0;}
    .application ul li button:after{content:'';display:inline-block;position:absolute;right:0;top:31px;width:25px;height:25px;background: url(../../../../resources/images/digitalCard/btn_application.png) 0 0 / 100% auto no-repeat;}
    .application ul li.on button:after{background-position: 0 -25px;}
    .application ul li.off button:after{background-position: 0 -50px;}
    .application ul li.off:before{content:'';display:block;position:absolute;right:0;top:0;width:100%;height:100%;z-index: 5;}
    .application ul li.off strong{color:#767676;}
    .application ul li strong{display:block;padding:0 0 3px;font-size:15px;line-height:18px;font-weight: 800;color:#000;letter-spacing: -0.5px;}
    .application ul li p{font-size:12px;line-height:15px;letter-spacing: -0.5px;color:#767676;overflow:hidden;height:30px;display:block;display: -webkit-box;word-break:keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
    .application .btn{padding:30px 0 25px; display: flex; justify-content: space-between;}
    .application .btn a{display:block; width: calc(50% - 10px); font-size: 17px;text-align: center;height:40px;line-height: 40px;border-radius: 10px; border: 1px solid #282c31;}
    .application .btn a.ok{color:#fff;background:#282c31;}
    .application .btn a.ok:after{content:'';display:inline-block;width:18px;height:18px;background: url(../../../../resources/images/digitalCard/btn_ok.png) 0 0 / 100% 100% no-repeat;vertical-align: -3px;margin-left:7px;}

    /* 앱이동 */
    #contents.app{width: auto;padding:0;height:100%;background:#ebebeb;}
    .app_check{text-align: center;overflow: hidden;}
    .app_check p{padding:0 0 78px;font-weight: 700;font-size:14px;letter-spacing: -0.5px;color:#282c31;line-height:17px;}
    .app_check p:before{content:'';display:inline-block;margin:85px 0 25px;width:100%;height:164px;background: url(../../../../resources/images/digitalCard/icon_app_check.png) 50% 0 / 164px 100% no-repeat;}
    .app_check a{display: block; height:45px; line-height: 45px; margin:0 20px 20px;color:#fff;border-radius: 10px;background:#282c31; }
    .app_check a.app_btn01{line-height: 30px;}
    .app_check a.app_btn01 em{margin-top: -5px;}
    .app_check a span{position: relative; font-weight: 700;font-size:15px;letter-spacing: -0.6px;}
    .app_check a span::after{content: ''; display: inline-block; width: 6px; height: 10px; background: url(../../../../resources/images/digitalCard/arw_app.png) 0 0 / 100% 100% no-repeat; position: absolute; top: calc(50% + 1px); right: -10px; transform: translateY(-50%);}
    .app_check a em{display: block; font-size: 10px; color: #cdcdcd; font-weight: 300; line-height: 1.2; }

    /* 할인증 */
    #contents.voucher{width: auto;padding:0;height:auto;background:#f4f4f4;}
    .voucher .voucher_wrap{padding: 45px 30px 0; overflow: hidden;}
    .voucher .voucher_wrap .title{font-size: 13px; color: #282c31; text-decoration: underline; text-underline-offset: 4px;}
    .voucher .voucher_wrap .pet{margin-left: 5px;}
    .voucher .voucher_wrap .pet img{width: 22px; height: 17px;}
    .voucher .voucher_wrap p{font-size: 25px; color: #282c31; line-height: 35px; word-break: keep-all; letter-spacing: -0.5px; margin-top: 25px;}
    .voucher .voucher_wrap p strong{display: inline; font-weight: 800; box-shadow: inset 0 -18px 0 rgba(178,231,201,1);}
    .voucher .voucher_wrap .info{margin-top: 25px;}
    .voucher .voucher_wrap .info span{display: inline-block; text-align: center; width: 60px; height: 25px; line-height: 25px; border-radius: 13px; font-size: 12px; letter-spacing: -0.5px; color: #fff; background-color: #282c31;}
    .voucher .voucher_wrap .info p{font-size: 14px; line-height: 19px; font-weight: 800; color: #282c31; }
    .voucher .voucher_wrap .profile{float: right; width: 170px; height: 170px; margin: 30px 0; border-radius: 50%; background-color: #fff !important; background-position: center; background-repeat: no-repeat; background-size: contain; box-shadow: 5px 6px 0px 0px rgba(232,232,232,1);}
    .voucher .voucher_wrap .profile.hojong, .voucher .voucher_wrap .profile.gomi, .voucher .voucher_wrap .profile.user{background-size: cover;}
    .voucher .btn_voucher{display:flex;}
    .voucher .btn_voucher a{height: 60px; width: 100%; display: block; font-size: 20px; font-weight: 800; text-align: center; line-height: 60px; background-color: #282c31; color: #fff;}
    .voucher .btn_voucher .btn_coupon{color:#282c31;background:#b2e7c9;}
    .voucher .flow_wrap {display: flex; white-space: nowrap;overflow: hidden; transition: 0.3s; background-color: #fff; height: 40px; line-height: 40px; }
    .voucher .flow_wrap .flow_txt{animation: textLoop 5s linear infinite; padding-right: 5px; color: #666; font-size: 13px; letter-spacing: -0.5px;}

    /* 운영사무국 추가 */
    .manage{padding: 0 0 20px 10px;}
    .manage span{font-size: 15px; font-weight: 800; color: #000;}
    .manage ul{height: auto; border: none; padding: 0; margin-top: 10px;}
    .manage ul li{font-size: 13px; min-height: 0; border: none; padding: 0 0 5px 0; color: #666;}

    @keyframes textLoop {
        0% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        100% {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }
}

    @media only screen and (min-width : 768px) and (max-width : 1024px) {
        .map_area .map_cont ul li a::before{
            width: 15px;
            height: 8px;
        }

        .residence_list .intro_bar{
            height: 177px;
        }

        .residence_list .intro_bar img{
            width: auto;
        }

        
    }