@charset "utf-8";
/* CSS Document */

#contents{padding: 0 20px;}

/* 테마 */
.theme_showcase{height:834px;position: relative;word-break:keep-all;}
.theme_showcase .tit{width:940px;position:absolute;left:50%;top:153px;margin:0 0 0 -470px;z-index: 1;}
.theme_showcase .tit h2{margin:0 0 45px;}
.theme_showcase .tit h2 .mo{display:none;}
.theme_showcase .btn_all{position:absolute;z-index: 10;top:300px;left: 50%;margin: 0 0 0 -470px;width: 940px;}
.theme_showcase .btn_all button{font-size:16px;color:#333;}
.theme_showcase .btn_all button strong{font-weight: 400;}
.theme_showcase .btn_all button:before{content:'';display:inline-block;width:14px;height:14px;margin-right:5px;vertical-align: -1px;background: url(../images/submain/btn_thmem_view.png) no-repeat;}
.theme_showcase .showcase_bg{height:609px;position: relative;background-repeat: no-repeat !important;background-position: 50% 0 !important;}
.theme_showcase .swiper-container{position:absolute;width:100%;left:0;bottom:-232px;height:730px;padding:70px 0;}
.theme_showcase .swiper-wrapper{margin-left: 190px;}
.theme_showcase .swiper-slide{width:280px !important;transition: all 0.5s;}
.theme_showcase .swiper-slide .wrap{display:block;width:100%;height:323px;position:absolute;left:0;bottom:0;transition: all 0.5s;border-radius: 500px 500px 5px 5px;overflow: hidden;}
.theme_showcase .swiper-slide .wrap:after{content:'';display:block;width:100%;position:absolute;left:0;bottom:0;height: 40%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.7));}
.theme_showcase .swiper-slide.swiper-slide-active .wrap:after{display:none;}
.theme_showcase .swiper-slide.swiper-slide-active{width:420px !important;}
.theme_showcase .swiper-slide.swiper-slide-active .wrap{height:590px;padding:20px;background:#fff;overflow: hidden;box-sizing: border-box;box-shadow: 3px 4px 40px 0px rgba(34, 34, 34, 0.25);}
.theme_showcase .swiper-slide .img{display:block;position: relative;width:100%;overflow:hidden;}
.theme_showcase .swiper-slide img{width:100%;}
.theme_showcase .swiper-slide.swiper-slide-active img{width:100%;border-radius: 500px 500px 0 0;}
.theme_showcase .swiper-slide .pointer {display:none;position:absolute; width:50px; height:50px; border-radius:50px;left:100px;top:100px;background:rgba(0,0,0,.8);transition:all 0s ease-out;color:#fff;font-size:13px;line-height:50px;text-align:center;}
.theme_showcase .swiper-slide.swiper-slide-active .pointer{display:inline-block;}
.theme_showcase .swiper-slide .text{position:absolute;left:0;right:0;bottom:30px;color:#fff;text-align:center;z-index: 5;}
.theme_showcase .swiper-slide.swiper-slide-active .text{position:static;color:#333;padding:27px 10px 0}
.theme_showcase .swiper-slide strong{display:inline-block;max-width: 85%;font-size:18px;font-weight: 400;letter-spacing:-0.02em;position:relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.theme_showcase .swiper-slide a:hover strong:after{content:'';display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0;}
.theme_showcase .swiper-slide.swiper-slide-active:hover strong:after{display:none;}
.theme_showcase .swiper-slide p{display:none;font-size:18px;letter-spacing:-0.02em;color:#767676;line-height:23px;overflow:hidden;max-height:46px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.theme_showcase .swiper-slide.swiper-slide-active strong{display:block;max-width:100%;margin:0 0 6px;font-size:22px;font-weight: 700;letter-spacing:-0.02em;color:#333;line-height:25px;}
.theme_showcase .swiper-slide.swiper-slide-active p{display:block;display: -webkit-box;}
.theme_showcase .page_box{width:940px;margin:0 auto;position: relative;top: 31px;display:flex;justify-content: flex-end;}
.theme_showcase .swiper-pagination-progressbar {right:193px;height: 2px;left: 0;bottom:12px;background:#ccc;}
.theme_showcase .swiper-button-next, .theme_showcase .swiper-button-prev{position:static;margin:0 0 0 10px;width: 30px;height: 30px;background: url(../images/main/btn_slide02.png) no-repeat;text-indent: -9999px;}
.theme_showcase .swiper-button-next{background: url(../images/main/btn_slide03.png) no-repeat;}
.theme_showcase .swiper-pagination-progressbar-fill{background:#000;}
.theme_showcase .page_box .num{line-height: 30px;font-size:16px;font-weight: 300;color:#000;margin-right:25px;}
.theme_showcase .page_box .num span{display:inline-block;margin:0 5px}
.theme_showcase .page_box .num strong{font-weight: 800;margin:0 5px}

.submain_theme_banner{margin:60px 0 0;display:block;}
.submain_theme_banner img{width:100%;border-radius: 5px;}
.submain_theme_banner .mo{display:none;}

.theme_map{margin:80px 0 0;}
.theme_map h3{margin:0 0 20px;font-weight: 800;font-size:22px;letter-spacing:-0.02em;color:#000;line-height: 25px;}
.theme_map .map{float:left;margin:0 0 30px;position: relative;width:600px;height:666px;overflow: hidden;border-radius: 5px;}
.theme_map .clustering{display: inline-block;color:#fff;font-size:19px;text-align: center;letter-spacing:-0.02em;}
.theme_map .clustering.type1{width:64px;height:64px;line-height:64px;background:url(../images/submain/bg_clustering1.png) 0 0 / 100% 100% no-repeat;}
.theme_map .clustering.type2{width:80px;height:80px;line-height:80px;background:url(../images/submain/bg_clustering2.png) 0 0 / 100% 100% no-repeat;}
.theme_map .clustering.type3{width:98px;height:98px;line-height:98px;background:url(../images/submain/bg_clustering3.png) 0 0 / 100% 100% no-repeat;}
.theme_map .layer{width:92px;height:106px;display:inline-block;background:url(../images/submain/bg_theme_map_layer.png) no-repeat;text-indent: -9999px;}
.theme_map .layer span{display:block;width:70px;height:70px;margin:6px 0 0 6px;background-position: 50% 50%;background-repeat: no-repeat;background-size:cover;border-radius: 10px;overflow: hidden;position: relative;}
.theme_map .layer span:after{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;left:0;top:0;}
.theme_map .layer span em{position:absolute;left:0;top:50%;transform: translateY(-50%);display:block;width:100%;color:#fff;font-size:19px;line-height:22px;text-indent: 0;text-align: center;z-index: 5;}
.theme_map .list{position: relative;width:310px;float:right;margin:0 0 30px;}
.theme_map .list h4{display:flex;position:relative;padding:33px 0 40px;height:60px;}
.theme_map .list h4 span{font-weight: 800;font-size:26px;letter-spacing:-0.02em;color:#333;line-height:30px;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.theme_map .list h4:before{content:'';display:inline-block;width:25px;height:20px;background:url(../images/submain/icon_balloon.png) no-repeat;position:absolute;left:0;top:8px;}
.theme_map .list h4:after{content:'';display:inline-block;width:30px;height:3px;background:#000;position:absolute;left:0;bottom:0;}
.theme_map .list ul{padding:30px 0 0;}
.theme_map .list ul li{margin:15px 0 0;}
.theme_map .list ul li a{display:block;overflow: hidden;}
.theme_map .list ul li .img{float:left;width:110px;height:110px;overflow: hidden;border-radius: 10px;background-position: 50% 50%;background-repeat: no-repeat;background-size:cover;}
.theme_map .list ul li strong{display:block;padding:32px 0 7px 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:18px;letter-spacing:-0.02em;line-height:21px;}
.theme_map .list ul li .area{display:block;padding-left:130px;font-weight: 300;font-size:14px;line-height: 16px;}
.theme_map .map_info .btn{clear:both;}
.theme_map .map_info .btn a{display:block;height:130px;padding-left:50px;color:#000;background:#bdd5e5 url(../images/submain/btn_theme_map.gif) 100% 0 no-repeat;border-radius: 5px;font-size:25px;letter-spacing:-0.02em;line-height:130px;}
.theme_map .map_info .btn a strong{font-weight: 800;}

/* 지역 */
#contents.wide{padding: 0 0 27px 0;width:auto;}
.area_showcase{position: relative;word-break:keep-all;}
.area_showcase .showcase_bg{height:641px;position: relative;}
.area_showcase .cont_wrap{margin-top:-669px;}
.area_showcase .tit {width: 940px;margin:0 auto;padding:153px 0 0;position: relative;}
.area_showcase .tit h2 .mo {display: none;}
.area_info .list_zone .area_btn{width:960px;margin:0 auto;position: relative;}
.area_info .list_zone .swiper-container.tab{padding:65px 10px 10px;position:static;}
.area_info .list_zone .tab .swiper-slide {width: 75px;}
.area_info .list_zone .tab .swiper-slide a{display:block;text-align: center;position: relative;}
.area_info .list_zone .tab .swiper-slide a span {display: block;font-size: 16px;letter-spacing:-0.02em;line-height: 18px;padding: 85px 0 0;}
.area_info .list_zone .tab .swiper-slide a.on span, .area_info .list_zone .tab .swiper-slide a:hover span{font-weight: 700;}
.area_info .list_zone .tab img{width:100%;display:none;}
.area_info .list_zone .tab .swiper-button-next, .area_info .list_zone .tab .swiper-button-prev{top:94px;left:-20px;width:10px;height:18px;background: url(../images/submain/btn_area_slide.png) no-repeat;}
.area_info .list_zone .tab .swiper-button-next{left:auto;right:-20px;background-position:0 -18px;}
.area_info .list_zone .tab .swiper-button-disabled{display:none;}
.area_info .list_zone .tab a:before{content:'';display:block;width:100%;height:75px;background:url(../images/submain/icon_area.png) 0 0 / 100% auto no-repeat;position:absolute;left:0;top:0;z-index:5;}
.area_info .list_zone .tab a.on:before, .area_info .list_zone .tab a:hover:before{box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.19);border-radius: 100%;}
.area_info .list_zone .tab a.incheon:before{background-position:0 -75px;}
.area_info .list_zone .tab a.daejeon:before{background-position:0 -150px;}
.area_info .list_zone .tab a.daegu:before{background-position:0 -225px;}
.area_info .list_zone .tab a.gyeonggi:before{background-position:0 -300px;}
.area_info .list_zone .tab a.busan:before{background-position:0 -375px;}
.area_info .list_zone .tab a.ulsan:before{background-position:0 -450px;}

.area_info .list_zone .tab a.gwangju:before{background-position:0 -525px;}
.area_info .list_zone .tab a.gangwon:before{background-position:0 -600px;}
.area_info .list_zone .tab a.chungbuk:before{background-position:0 -675px;}
.area_info .list_zone .tab a.chungnam:before{background-position:0 -750px;}
.area_info .list_zone .tab a.kyeongbuk:before{background-position:0 -825px;}

.area_info .list_zone .tab a.gyeongnam:before{background-position:0 -900px;}
.area_info .list_zone .tab a.jeonbuk:before{background-position:0 -975px;}
.area_info .list_zone .tab a.jeonnam:before{background-position:0 -1050px;}
.area_info .list_zone .tab a.jeju:before{background-position:0 -1125px;}
.area_info .list_zone .tab a.sejong:before{background-position:0 -1200px;}

.area_info .list_zone .swiper-slide button {width: 100%;height: 35px;font-size: 16px;color: #333;}
.area_info .list_zone .swiper-slide.on button, .area_info .list_zone .swiper-slide button:hover{background: #333;color: #fff;border-radius: 50px;font-weight: 700;}
.area_info .zone_box{width: 940px;margin:0 auto;}
.area_info .list_zone .box_logo .logo{display:flex;}
.area_info .list_zone .box_logo .logo span{overflow: hidden;width:40px;height:40px;background:#fff;border-radius: 100%;position: relative;}
.area_info .list_zone .box_logo .logo img {width: 75% !important;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.area_info .list_zone .box_logo .name{font-size:25px;margin-left:0;line-height:40px;letter-spacing:-0.02em;}
.area_info .list_zone .box_logo .name:after{content:'';display:inline-block;width:22px;height:22px;margin-left:10px;vertical-align: -1px;background: url(../images/submain/ico_zone_link.png) no-repeat;}
.area_info .box_logo{width: 940px;margin:15px auto 13px;z-index: 5;position: relative;}
.area_info .box_logo:after{content:'';display:block;clear: both;}

.area_info .switch_wrap{position:absolute;right:0;top:12px;}
.area_info .switch_wrap em{display:inline-block;margin:0 10px 0;font-size:14px;color:#333;line-height:17px;vertical-align:1px;}
.switch_wrap .tog_wrap {position: relative;display: inline-block;width: 33px;height: 17px;}
.switch_wrap .tog_wrap input { opacity: 0;width: 0;height: 0;}
.switch_wrap .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;border-radius: 34px;background: #b2b2b2;-webkit-transition: .4s;transition: .4s;}
.switch_wrap .slider:before {position: absolute;content: "";height: 17px;width: 17px;left: -1px;top: -1px;background-color: white;-webkit-transition: .4s;transition: .4s;border-radius: 50%;border:1px solid #b2b2b2;}
.switch_wrap .slider span{font-size:0;text-indent: -9999px;}
.switch_wrap .slider .on{display:none;}
.switch_wrap .slider .off{display:block;}
.switch_wrap .slider.on .on{display:block;}
.switch_wrap .slider.on .off{display:none;}
.switch_wrap .tog_wrap input:checked + .slider, .switch_wrap .tog_wrap .slider.on {background: #333;}
.switch_wrap .tog_wrap input:focus + .slider {outline:2px solid red;}
.switch_wrap .tog_wrap input:checked + .slider:before, .switch_wrap .tog_wrap .slider.on:before {border: 1px solid #333;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.area_info .zone_cont{position: relative;}
.area_info .zone_cont .swiper-container{padding:0 0 32px;position:static;}
.area_info .zone_cont .swiper-slide {width:300px;height:270px;padding:30px;background:#fff;border-radius:5px;border:1px solid #666;}
.area_info .zone_cont .swiper-slide:hover:after{content:'';display:inline-block;border:2px solid #333;position:absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;border-radius: 5px;box-sizing: border-box;box-shadow: 0px 0px 10px 0px rgba(28, 63, 117, 0.15);}
.area_info .zone_cont .swiper-slide em{display:inline-block;height:25px;line-height:25px;padding:0 10px;background:#333;color:#fff;font-size:14px;font-weight: 300;border-radius:15px 13px 13px 0;}
.area_info .zone_cont .swiper-slide strong{display:block;margin:28px 0 12px;font-size:22px;line-height:25px;letter-spacing:-0.02em;color:#000;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.area_info .zone_cont .swiper-slide p{font-size:16px;letter-spacing:-0.02em;line-height:20px;color:#333;overflow:hidden;max-height:40px;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.area_info .zone_cont .swiper-slide a{display:inline-block;position:absolute;right:30px;bottom:30px;z-index: 5;font-weight: 300;font-size:15px;color:#666;}
.area_info .zone_cont .swiper-slide a:after{content:'';display:block;height:1px;background:#b1b0b0;}
.area_info .swiper-button-next, .area_info .swiper-button-prev{margin:0;top:120px;width: 30px;left:-50px;height: 30px;background: url(../images/main/btn_slide02.png) no-repeat;text-indent: -9999px;opacity:1;}
.area_info .swiper-button-next {background: url(../images/main/btn_slide03.png) no-repeat;left:auto;right:-50px;}
.area_info .swiper-button-disabled{background-position:0 -30px;}

.area_info .list_sub{padding: 27px 29px 25px 29px !important;background:none;border:1px solid #f0f0f0;border-radius:5px;position: relative;}
.area_info .list_sub strong{display:block;margin:0 0 12px;font-size:18px;line-height:21px;letter-spacing:-0.02em;font-weight: 400;color:#000;}
.area_info .list_sub strong em{font-weight: 800;}
.area_info .list_sub ul{margin-left: -10px;height:25px;overflow: hidden;padding: 2px 0;}
.area_info .list_sub.on ul{height:auto;}
.area_info .list_sub ul li{margin:0 0 8px 10px;text-align: center;}
.area_info .list_sub ul li a{padding:0;color: #767676;width:79px;line-height:24px;border:1px solid #f0f0f0;border-radius: 50px;box-sizing: border-box;height:26px;}
.area_info .list_sub ul li a:hover {font-weight: 700;color:#333;}
.area_info .list_sub .more{position:absolute;right:30px;top:30px;font-size:15px;}
.area_info .list_sub .more:after{content:'';display:inline-block;width:14px;height:8px;margin-left:8px;background: url(../images/submain/btn_more.png) no-repeat;}
.area_info .list_sub.on .more:after{background-position:0 -8px;}

.area_hotplace{margin:60px 0 0;}
.area_hotplace .mo_tab{display:none;}
.area_hotplace h3{width:940px;margin:0 auto 20px;font-size:22px;font-weight:800;letter-spacing:-0.02em;color:#000;line-height:25px;}
.area_hotplace .list{background:#f4f5f7;overflow: hidden;padding:10px 0 40px;}
.area_hotplace .inr{width:940px;margin:0 auto;}
.area_hotplace h4{margin: 27px 0 18px;font-size:20px;letter-spacing:-0.02em;line-height:23px;font-weight: 400;color:#000;}
.area_hotplace h4 strong{font-weight: 800;}
.area_hotplace .cont{position: relative;}
.area_hotplace .cont .more{position:absolute;right:0;top:6px;}
.area_hotplace .cont .more a{display:inline-block;text-indent: -9999px;width:12px;height:12px;background: url(../images/sub/ico_moreplus.png) 0 0 no-repeat;}
.area_hotplace .cont:after{content:'';display:block;clear: both;}
.area_hotplace ul{margin-left:-20px;}
.area_hotplace ul li{float:left;width:220px;height:218px;margin-left:20px;background:#fff;box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.2);border-radius: 5px;}
.area_hotplace ul li a{display:block;border-radius: 5px;overflow: hidden;height:100%;}
.area_hotplace ul li .img{display:block;height:147px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.area_hotplace ul li strong{display:block;margin:13px 25px 5px;font-weight: 400;font-size:16px;color:#333;letter-spacing:-0.02em;line-height: 19px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.area_hotplace ul li .area{display:block;margin:0 25px;text-align: center;font-weight: 300;font-size:14px;line-height: 16px;color:#666;}

.kockoc_banner{width:940px;margin:40px auto 0;}
.kockoc_banner .swiper-slide{width:300px;height:174px;border-radius: 5px;color:#fff;padding:30px;box-sizing: border-box;}
.kockoc_banner .swiper-slide.cont1{background:#4094f2;}
.kockoc_banner .swiper-slide.cont2{background:#567ff2;}
.kockoc_banner .swiper-slide.cont3{background:#5558e3;}
.kockoc_banner .swiper-slide:after{content:'';display:inline-block;width:25px;height:27px;background: url(../images/submain/ico_kockoc_banner1.png) 0 0 / 100% 100% no-repeat;position:absolute;right:30px;bottom:30px;}
.kockoc_banner .swiper-slide.cont2:after{width:23px;height:29px;background: url(../images/submain/ico_kockoc_banner2.png) 0 0 / 100% 100% no-repeat;}
.kockoc_banner .swiper-slide.cont3:after{width:29px;height:28px;background: url(../images/submain/ico_kockoc_banner3.png) 0 0 / 100% 100% no-repeat;}
.kockoc_banner strong{display:block;margin:0 0 8px;font-weight: 800;font-size:20px;letter-spacing:-0.02em;line-height:23px;}
.kockoc_banner p{font-size:16px;line-height: 20px;letter-spacing:-0.02em;}
.kockoc_banner a{display:inline-block;position:absolute;left:30px;bottom:30px;font-weight: 300;font-size:15px;line-height: 17px;color:#fff;}
.kockoc_banner a:after{content:'';display:block;height:1px;background: rgba(255, 255, 255, 0.6);margin:2px 0 0;}

.festival_calendar{width:940px;margin:60px auto 0;position: relative;}
.festival_calendar h3{margin:0 0 28px;font-size:22px;font-weight:400;letter-spacing:-0.02em;color:#000;line-height:25px;}
.festival_calendar h3 strong{display:inline-block;padding-right:3px;font-weight: 800;}
.festival_calendar .more{position:absolute;right:0;top:6px;text-indent: -9999px;width:12px;height:12px;background: url(../images/sub/ico_moreplus.png) 0 0 no-repeat;}
.festival_calendar .calendar{position: relative;padding:0 70px 0 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.festival_calendar .calendar .prev{position:absolute;left:0;top:41px;text-indent: -9999px;width:10px;height:18px;background: url(../images/submain/btn_calendar_prev.png) no-repeat;}
.festival_calendar .calendar .next{position:absolute;right:50px;top:41px;text-indent: -9999px;width:10px;height:18px;background: url(../images/submain/btn_calendar_next.png) no-repeat;}
.festival_calendar .calendar ul{display:flex;}
.festival_calendar .calendar ul li{position: relative;height:100px;padding:21px 0 0;box-sizing: border-box;flex-grow: 1;display: flex;justify-content: center;}
.festival_calendar .calendar ul li button{height:57px;width: 36px;color:#333;border-radius: 50px;}
.festival_calendar .calendar ul li button:focus-visible{outline:2px solid red}
.festival_calendar .calendar ul li.on button{background:#333 !important;color:#fff !important;}
.festival_calendar .calendar ul li.on button .text{font-size: 15px;}
.festival_calendar .calendar ul li:hover button{background:#e2e3e5;color:#333;}
.festival_calendar .calendar ul li button span{display:block;font-size:17px;letter-spacing:-0.02em;}
.festival_calendar .calendar ul li .text{font-weight: 300;}
.festival_calendar .calendar ul li .month{position:absolute;left:0;top:-11px;border:1px solid #e6e6e6;background:#fff;width:60px;height:24px;line-height:22px;border-radius: 50px;text-align: center;}
.festival_calendar .calendar ul li.saturday button{color:#4094f2;}
.festival_calendar .calendar ul li.holiday button{color:#fb4c4c;}
.festival_calendar .calendar .view{position:absolute;right:0;top:37px;width:27px;height:27px;background: url(../images/submain/btn_calendar.png) no-repeat;text-indent: -9999px;}
.festival_calendar .calendar .view:focus-visible{outline-color: red;}
.festival_calendar .mo_calendar{display:none;}
.festival_calendar .poster{position: relative;margin:30px 0 0;}
.festival_calendar.js_slider .poster .swiper-container{position:static;padding:0 0 47px;margin-left:0;}
.festival_calendar .poster .swiper-container{padding:0 0 15px;margin-left:-10px;}
.festival_calendar.js_slider .poster .swiper-slide{margin-left:0;}
.festival_calendar .poster .swiper-slide{margin-left:20px;width:300px !important;height:424px;border:1px solid #f0f0f0;border-radius: 5px;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
.festival_calendar .poster .swiper-slide:hover .cont, .festival_calendar .poster .swiper-slide.on .cont{bottom:0;}
.festival_calendar .poster .cont{position:absolute;left:0;right:0;bottom:-263px;height:263px;background:rgba(0,0,0,.8);color:#fff;transition: all 0.5s;text-align: center;}
.festival_calendar .poster .swiper-slide strong{display:block;margin:40px 30px 8px;font-weight: 700;font-size:20px;letter-spacing:-0.02em;line-height:23px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.festival_calendar .poster .swiper-slide span{display:block;font-size:14px;font-weight: 300;line-height: 16px;}
.festival_calendar .poster .swiper-slide em{display:block;margin:17px 0 40px;font-size:16px;font-weight: 300;line-height: 18px;}
.festival_calendar .poster .swiper-slide a{display:inline-block;width:63px;height:63px;line-height:63px;font-size:14px;font-weight:300;border:1px solid #fff;border-radius: 100%;color:#fff;letter-spacing:-0.02em;}
.festival_calendar .poster .swiper-slide a:focus{outline:1px solid red}
.festival_calendar .poster .swiper-slide.type1{background:#f4f6f8 url(../images/submain/bg_no_festival.png) 50% 50% no-repeat;}
.festival_calendar .swiper-button-next, .festival_calendar .swiper-button-prev{display:none;}
.festival_calendar.js_slider .swiper-button-next, .festival_calendar.js_slider .swiper-button-prev {display:inline-block;margin: 0;top: 198px;width: 30px;left: -47px;height: 30px;background: url(../images/main/btn_slide02.png) no-repeat;text-indent: -9999px;opacity: 1;}
.festival_calendar.js_slider .swiper-button-disabled{background-position: 0 -30px !important; opacity: 0;}

.festival_calendar.js_slider .swiper-button-next {background: url(../images/main/btn_slide03.png) no-repeat;left: auto;right: -47px;}
.festival_calendar.js_slider .page_box{display:block;position: absolute;left:0;right:0;bottom:0;}
.festival_calendar .page_box{display:none;}
.festival_calendar .swiper-pagination-progressbar{right:82px;width:auto;left:0;bottom:15px;height:2px;background:#ccc;}
.festival_calendar .swiper-pagination-progressbar-fill {background: #000;}
.festival_calendar .num {width:80px;position:absolute;right:0;bottom:0;line-height: 32px;font-size: 16px;font-weight: 300;color: #000;text-align: right;}
.festival_calendar .num strong {font-weight: 800;margin: 0 5px;}
.festival_calendar .num span {display: inline-block;margin: 0 5px;}
.festival_calendar .btn_shortcut{padding:25px 0 0;text-align: center;}
.festival_calendar .btn_shortcut a{display:inline-block;width:260px;height:45px;line-height:42px;border:1px solid #333;border-radius:50px;font-size:16px;letter-spacing:-0.02em;color:#333;box-sizing: border-box;}
.festival_calendar .btn_shortcut a:focus-visible{outline-color: red;}
.festival_calendar .btn_shortcut a:after{content:'';display:inline-block;width:10px;height:16px;background: url(../images/submain/btn_shortcut.png) no-repeat;margin-left:8px;vertical-align: -3px;}
.festival_calendar .btn_shortcut a strong{font-weight: 700;}
.festival_calendar .no_list{height:424px;padding:225px 0 0;background:#f4f6f8 url(../images/submain/bg_festival_no_list.png) 50% 95px no-repeat;border-radius: 5px;text-align: center;}
.festival_calendar .no_list > strong{display:block;font-size:20px;font-weight: 700;letter-spacing:-0.02em;line-height:23px;color:#333;}

.festival_calendar .no_list p{margin:7px 0 18px;font-size:16px;letter-spacing:-0.02em;line-height: 19px;color:#666;}
.festival_calendar .no_list a{display: inline-block;width: 200px;height: 35px;line-height: 34px;border: 1px solid #333;border-radius: 50px;font-size: 15px;letter-spacing:-0.02em;color: #333;box-sizing: border-box;}
.festival_calendar .no_list a:focus-visible{outline-color: red;}
.festival_calendar .no_list a:after{content: '';display: inline-block;width: 9px;height: 14px;background: url(../images/submain/btn_shortcut.png) 0 0 / 100% 100% no-repeat;margin-left: 8px;vertical-align: -2px;}
.festival_calendar .no_list a strong{font-weight: 700;}
.festival_calendar .mo{display:none;}

.datepicker.scd_picker{width: 338px !important;font-family: "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;}
.datepicker.scd_picker .datepicker--nav{padding:0 !important;height:50px !important;background:#fff !important;border-radius: 5px 5px 0 0 !important;border-bottom:1px solid #e5e5e5}
.datepicker.scd_picker .datepicker--nav-title, .datepicker.scd_picker .datepicker--nav-title i{color:#333 !important;font-size: 18px !important;font-weight:700 !important;}
.datepicker--nav-action:hover, .datepicker--nav-title:hover {background: #fff !important;}
.datepicker--nav-action path {stroke: #666 !important;}
.datepicker.scd_picker .datepicker--day-name{font-size:16px !important;margin: 0 8px !important;width: 29px !important;height: 29px !important;flex: none !important;}
.datepicker.scd_picker .datepicker--cell-day{font-size:16px !important;height: 29px !important;width: 29px !important;margin: 4px 8px !important;color:#333 !important;}
.datepicker.scd_picker .datepicker--cell-day.-current-, .datepicker.scd_picker .datepicker--cell.-selected-, .datepicker.scd_picker .datepicker--cell.-selected-.-current-, .datepicker.scd_picker .datepicker--cell.-focus-{background:#dbdbdb !important;border-radius: 100% !important;}

.datepicker.scd_picker .datepicker--cell.-current-{color:#fff !important;background:#333 !important;}
.datepicker.scd_picker .datepicker--days-names {padding: 0 0px !important;justify-content: center !important;}
.datepicker.scd_picker .datepicker--cells-days {padding: 10px 0 !important;justify-content: center !important;}
.datepicker.scd_picker .datepicker--cell.-focus-{background:#dbdbdb !important;border-radius: 100% !important;color:#333 !important;}

/*** 지역 고도화 2024 ***/
#contents.submain_area{padding: 50px 20px 0 20px;}
.area_showcase .area_bg{height:270px;}
.area_bg .area_info .list_zone .area_btn{width:940px;}
.area_bg .area_info .switch_wrap{display:none;}
.area_showcase .area_bg .list_zone .swiper-container.tab {padding: 135px 0 0;}
.area_bg .list_zone .tab .swiper-button-next, .area_bg .list_zone .tab .swiper-button-prev {top: 158px;left: -30px;width:22px;height:22px;}
.area_bg .list_zone .tab .swiper-button-next {left: auto;right: -30px;background-position: 0 -22px;}
.area_bg .list_zone .tab .swiper-slide {width: auto;margin:0 10px;}
.area_bg .list_zone .tab a{width:65px;top:0;position:relative;transition: top .3s cubic-bezier(0.22,0.61,0.36,1);}
.area_bg .list_zone .tab a:before {height: 65px;}
.area_bg .list_zone .tab .swiper-slide.on a:before{height:80px;}
.area_bg .list_zone .tab .swiper-slide{}
.area_bg .list_zone .tab .swiper-slide.on{margin:0 6px;}
.area_bg .list_zone .tab .swiper-slide.on a{width:80px;top:-10px;}
.area_bg .list_zone .tab .swiper-slide.on a:after{height:80px;}
.area_bg .list_zone .tab a:hover:after, .area_bg .list_zone .tab .swiper-slide.on a:after{content:'';display:block;border:2px solid #333;box-sizing: border-box;position:absolute;left:0;top:0;height:65px;width:100%;border-radius: 100%;z-index: 5;}
.area_bg .list_zone .tab .swiper-slide.on a:after{height:80px;}
.area_bg .list_zone .tab .swiper-slide a:before{box-shadow:none;border-radius: 0;}
.area_bg .list_zone .tab a:hover:before{box-shadow:none !important;border-radius: 0;}
.area_bg .list_zone .tab a.all:before{background: url(../images/submain/icon_area_all.png) 0 0 / 100% auto no-repeat;}
.area_bg .list_zone .tab .swiper-slide.on a.incheon:before{background-position:0 -80px;}
.area_bg .list_zone .tab .swiper-slide.on a.daejeon:before{background-position:0 -160px;}
.area_bg .list_zone .tab .swiper-slide.on a.daegu:before{background-position:0 -240px;}
.area_bg .list_zone .tab .swiper-slide.on a.gyeonggi:before{background-position:0 -320px;}
.area_bg .list_zone .tab .swiper-slide.on a.busan:before{background-position:0 -400px;}
.area_bg .list_zone .tab .swiper-slide.on a.ulsan:before{background-position:0 -480px;}
.area_bg .list_zone .tab .swiper-slide.on a.gwangju:before{background-position:0 -560px;}
.area_bg .list_zone .tab .swiper-slide.on a.gangwon:before{background-position:0 -640px;}
.area_bg .list_zone .tab .swiper-slide.on a.chungbuk:before{background-position:0 -720px;}
.area_bg .list_zone .tab .swiper-slide.on a.chungnam:before{background-position:0 -800px;}
.area_bg .list_zone .tab .swiper-slide.on a.kyeongbuk:before{background-position:0 -880px;}
.area_bg .list_zone .tab .swiper-slide.on a.gyeongnam:before{background-position:0 -960px;}
.area_bg .list_zone .tab .swiper-slide.on a.jeonbuk:before{background-position:0 -1040px;}
.area_bg .list_zone .tab .swiper-slide.on a.jeonnam:before{background-position:0 -1120px;}
.area_bg .list_zone .tab .swiper-slide.on a.jeju:before{background-position:0 -1200px;}
.area_bg .list_zone .tab .swiper-slide.on a.sejong:before{background-position:0 -1280px;}

.area_bg .list_zone .tab a.incheon:before{background-position:0 -65px;}
.area_bg .list_zone .tab a.daejeon:before{background-position:0 -130px;}
.area_bg .list_zone .tab a.daegu:before{background-position:0 -195px;}
.area_bg .list_zone .tab a.gyeonggi:before{background-position:0 -260px;}
.area_bg .list_zone .tab a.busan:before{background-position:0 -325px;}
.area_bg .list_zone .tab a.ulsan:before{background-position:0 -390px;}
.area_bg .list_zone .tab a.gwangju:before{background-position:0 -455px;}
.area_bg .list_zone .tab a.gangwon:before{background-position:0 -520px;}
.area_bg .list_zone .tab a.chungbuk:before{background-position:0 -585px;}
.area_bg .list_zone .tab a.chungnam:before{background-position:0 -650px;}
.area_bg .list_zone .tab a.kyeongbuk:before{background-position:0 -715px;}
.area_bg .list_zone .tab a.gyeongnam:before{background-position:0 -780px;}
.area_bg .list_zone .tab a.jeonbuk:before{background-position:0 -845px;}
.area_bg .list_zone .tab a.jeonnam:before{background-position:0 -910px;}
.area_bg .list_zone .tab a.jeju:before{background-position:0 -975px;}
.area_bg .list_zone .tab a.sejong:before{background-position:0 -1040px;}

.area_bg .list_zone .tab .swiper-slide a span {font-size: 17px;line-height: 19px;padding: 75px 0 0;}
.area_bg .list_zone .tab .swiper-slide.on a span{padding: 91px 0 0;font-size:20px;font-weight: 700;line-height: 22px;}
.area_info .list_zone .tab .swiper-slide a:hover span {font-weight: 800;}

.select_region .mo_tit{display:none;}
.select_region .map_area{display:flex;margin:0 auto;justify-content: space-between;}
.select_region .map_area .map_wrap .map{position: sticky;top:200px;}
.select_region .map_area .map_svg{padding:10px 0 0;}
.select_region .map_area .map_wrap .btn_list{padding-left:20px;font-size:16px;color:#333;line-height:17px;background: url(../images/submain/icon_map_list.png) 0 50% no-repeat;}
.select_region .map_area .map_wrap .btn_map{display:flex;justify-content: space-between;}

.select_region .map_area .map_wrap .btn_map input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.select_region .map_area .map_wrap .btn_map input[type="checkbox"] + label {position:relative; display:inline-block;padding-left:20px;font-size:16px;line-height: 15px;color:#333;}
.select_region .map_area .map_wrap .btn_map input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:15px; height:15px;background: url(../images/submain/btn_check_map1_1.png) no-repeat;box-sizing: border-box;}
.select_region .map_area .map_wrap .btn_map input[type="checkbox"]:checked + label:before {background: url(../images/submain/btn_check_map1_2.png) no-repeat;}
.select_region .map_area .map_wrap .btn_map input[type="checkbox"]:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

.select_region .map_area .map_wrap{width:540px;padding:0 0 0;position: relative;z-index: 10;}
.select_region .map_area .list{width:390px;padding-right:10px;}
.select_region .map_area .list .swiper-container{overflow: inherit;}
.select_region .map_area .list .swiper-pagination{display:none;}
.select_region .map_area .list ul{flex-wrap: wrap;}
.select_region .map_area .list ul .swiper-slide{width:170px;height:272px;margin:0 0 20px 20px;box-sizing: border-box;text-align: center;}
.select_region .map_area .list .swiper-slide strong{display:block;margin:13px 15px 5px;font-size:18px;letter-spacing:-0.02em;line-height:20px;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.select_region .map_area .list .swiper-slide a{display:block;height:100%;background:#fff;border-radius: 5px;overflow: hidden;box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.2);}
.select_region .map_area .list .swiper-slide em{display:block;padding:0 15px;font-size:15px;color:#666;line-height: 17px;}
.select_region .map_area .list .tag{display:flex;margin:17px 15px 0;font-size:14px;font-weight: 300;color:#666;line-height: 16px;justify-content: center;}
.select_region .map_area .list .tag span + span{margin-left:10px;}
.select_region .map_area .list .img{display:block;height:170px;}
.select_region .map_area .list .img img{width: 100%;height: 100%;object-fit: cover;}
.select_region .map_area .list button.good{position: absolute;right: 15px;top: 15px;width: 30px;height: 30px;background: url(../images/submain/icon_nationwide_good.png);text-indent: -9999px;}
.select_region .map_area .list button.good.on{background-position: 0 -30px;}
.select_region .map_area .list .btn_more{text-align: center;padding:10px 0 0;}
.select_region .map_area .list .btn_more a{display: flex;margin: 0 auto;justify-content: center;align-items: center;letter-spacing:-0.02em;font-size: 16px;width: 260px;height: 45px;border: 1px solid #333;border-radius: 50px;box-sizing: border-box;}
.select_region .map_area .list .btn_more a:after {content: '';display: inline-block;width: 9px;height: 15px;margin-left: 8px;background: url(../images/submain/btn_nationwide_more.png);}
.select_region .map_area .list .btn_more a strong {font-weight: 800;padding:0 3px;}
.select_region .map_area .list .nodata{text-align: center;}
.select_region .map_area .list .nodata strong{display:block;margin:210px 0 0;padding:130px 0 0;font-weight: 700;font-size: 20px;line-height: 24px;letter-spacing:-0.02em;background: url(../images/submain/bg_popularity_nodata.png) 50% 0 no-repeat;}
.select_region .map_area .list .nodata p{padding:7px 0 30px;font-size:16px;color:#666;letter-spacing:-0.02em;}

.select_region{margin:0 auto 50px;color:#333;}
.select_region h2{font-size:25px;letter-spacing:-0.02em;line-height: 28px;font-weight: 400;}
.select_region .layer_wrap{position:relative;display:flex;margin: 0 0 50px;align-items: center;width:455px;font-size:25px;letter-spacing:-0.02em;color:#666;line-height: 52px;}
.select_region .layer_wrap .mo{display:none;}
.select_region .layer_wrap span{margin-left:16px;}
.select_region .layer_wrap button.menu{position:relative;z-index:100;background:#fff;width:130px;padding-left:5px;margin-left:5px;border-bottom:1px solid #333;text-align:left;font-size:30px;font-weight: 800;height:52px;letter-spacing:-0.02em;color:#333;}
.select_region .layer_wrap button.menu:after{content:'';display:inline-block;width:16px;height:10px;position:absolute;right:0;top:50%;transform: translateY(-50%);background: url(../images/submain/icon_select_region_menu.png);}
.select_region .layer_wrap button.menu.on:after{background-position: 0 -10px;}

.select_region .layer_wrap ul{display:none;position:absolute;width:130px;left:47px;top:0;z-index: 90;}
.select_region .layer_wrap ul li{height:52px;}
.select_region .layer_wrap ul li button{width:100%;height:100%;border-bottom:1px solid #999;background:#fff;color:#767676;font-size:30px;font-weight: 800;letter-spacing:-0.02em;text-align: left;padding-left:5px;}
.select_region .layer_wrap ul li:first-child button, .select_region .layer_wrap ul li:last-child button{border:0;}
.select_region .layer_wrap .icon_help{width:20px;height:20px;margin-left:10px;text-indent: -9999px;background: url(../images/submain/icon_layer_help.png);}
.select_region .layer_wrap .icon_help.on + .layer{display:block;}
.select_region .layer_wrap .layer{display:none;word-break:keep-all;position:absolute;left:185px;letter-spacing:-0.02em;top:52px;width:322px;padding:20px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);background:#fff;z-index: 200;font-size:14px;line-height:18px;border-radius: 5px;}
.select_region .layer_wrap .layer button{position:absolute;right:16px;top:16px;width:20px;height:20px;background: url(../images/submain/btn_select_region_layer.png);text-indent: -9999px;}
body.submain_dim{overflow: hidden;}
body.submain_dim:after{content:'';display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index: 160;}

.select_region .map_area .layer{display:none;word-break:keep-all;position:fixed;left:185px;letter-spacing:-0.02em;top:52px;width:322px;padding:20px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);background:#fff;z-index: 200;font-size:14px;line-height:18px;border-radius: 5px;}
.select_region .map_area .layer button{position:absolute;right:16px;top:16px;width:20px;height:20px;background: url(../images/submain/btn_select_region_layer.png);text-indent: -9999px;}

.select_region .nationwide{margin:30px 0 0;}
.select_region .nationwide .swiper-container{overflow: inherit;}
.select_region .nationwide .swiper-slide{width:220px;}
.select_region .nationwide .swiper-slide ul li{position: relative;margin:0 0 30px;}
.select_region .nationwide .swiper-slide a{display:block;background:#fff;border-radius: 5px;overflow: hidden;box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.2);}
.select_region .nationwide .swiper-slide .img{display:block;height:220px;}
.select_region .nationwide .swiper-slide .img img{width:100%;height:100%;object-fit: cover;}
.select_region .nationwide .swiper-slide .info{height:100px;padding:13px 15px 0;text-align: center;}
.select_region .nationwide .swiper-slide strong{display:block;font-size:18px;font-weight: 700;letter-spacing:-0.02em;line-height:20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.select_region .nationwide .swiper-slide em{display:block;margin:5px 0 16px;font-size:15px;color:#666;line-height: 17px;letter-spacing:-0.02em;}
.select_region .nationwide .swiper-slide .info > div{display:flex;justify-content: center;font-size:14px;font-weight: 300;color:#666;line-height: 16px;}
.select_region .nationwide .swiper-slide button{position:absolute;right:15px;top:15px;width:30px;height:30px;background: url(../images/submain/icon_nationwide_good.png);text-indent: -9999px;}
.select_region .nationwide .swiper-slide button.on{background-position: 0 -30px;}
.select_region .nationwide .btn_more{text-align: center;}
.select_region .nationwide .btn_more a{display:flex;margin: 0 auto;justify-content: center;align-items: center;letter-spacing:-0.02em;box-sizing: border-box;font-size:16px;width:260px;height:45px; line-height: 45px; border:1px solid #333;border-radius: 50px;}
.select_region .nationwide .btn_more a strong{font-weight: 800;padding:0 3px;}
.select_region .nationwide .btn_more a:after{content:'';display:inline-block;width:9px;height:15px;margin-left:8px;background: url(../images/submain/btn_nationwide_more.png);}
.select_region .nationwide .swiper-pagination{display:none;}

.select_region .datalab_widget.mo{display:none;}
.select_region .datalab_widget{display:flex;flex-wrap:wrap;align-items: center;margin-top:-18px;padding:0 24px;height:64px;border-radius: 4px;background:#E9F0FE;}
.select_region .datalab_widget > div{height:100%;width: 50%;}
.select_region .datalab_widget .tmap{display:flex;align-items: center;gap:8px;position: relative;}
.select_region .datalab_widget .tmap:after{content:'';display:inline-block;position:absolute;right:0;top:22px;width:1px;height:20px;background:#9ABBFB;margin-left:12px;}
.select_region .datalab_widget .tmap .logo{width:24px;height:24px;background: url(../images/submain/logo_tmap.png) 0 0 / 100% auto no-repeat;text-indent: -9999px;}
.select_region .datalab_widget .tmap a{display:flex;align-items: center;background: linear-gradient(90deg, #0D95C9 0%, #0061FD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight:600;font-size:20px;letter-spacing: -0.02em;line-height:24px;}
.select_region .datalab_widget .tmap svg path{stroke:#236CF6;}
.select_region .datalab_widget .swiper-container{height:100%;padding:0 5px;position:static;}
.select_region .datalab_widget .travel_trend{padding:0 100px 0 40px;position: relative;}
.select_region .datalab_widget .travel_trend .swiper-slide{display:flex;align-items: center;}
.select_region .datalab_widget .travel_trend a{display:flex;gap:8px;min-width: 0;align-items: center;line-height:22px;}
.select_region .datalab_widget .travel_trend .swiper-slide span{letter-spacing: -0.02em;line-height:21px;flex-shrink: 0; margin-right: 4px; width:22px;height:22px;border-radius: 4px;background:#236CF6;color:#fff;text-align: center;font-size:14px;font-weight: 700;}
.select_region .datalab_widget .travel_trend em{flex-shrink: 0;font-size:18px;color:#236CF6;font-weight: 400;letter-spacing: -0.02em;}
.select_region .datalab_widget .travel_trend strong{flex-grow: 1;letter-spacing: -0.02em;font-size:18px;color:#333;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.select_region .datalab_widget .btn_auto{position:absolute;right:52px;top:24px;}
.select_region .datalab_widget .travel_trend .btn_auto .play {display: none;}
.select_region .datalab_widget .travel_trend.active .btn_auto .stop {display: none;}
.select_region .datalab_widget .travel_trend.active .btn_auto .play {display: block;}
.select_region .datalab_widget .btn_layer{position: absolute; z-index: 10; top: 22px; right: 0; font-size: 0; }
.select_region .datalab_widget .btn_layer button{transition: 0.3s;}
.select_region .datalab_widget .btn_layer.on button{transform: rotate(180deg); transition: 0.3s;}
.select_region .datalab_widget .btn_layer.on + .tmap_layer{display: block;}
.select_region .datalab_widget .tmap_layer{display: none; position: absolute; right: -24px; top: 74px; z-index: 20; width: 594px; padding: 30px 24px 6px; background: #fff; border-radius: 5px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); overflow: hidden;}
.select_region .datalab_widget .tmap_layer .more{display:flex;justify-content: flex-end;margin:-8px 0 24px}
.select_region .datalab_widget .tmap_layer .more a{line-height:20px;gap:0;font-size:16px;letter-spacing: -0.02em;color:#666;}
.select_region .datalab_widget .tmap_layer .more a svg path{stroke:#666;}
.select_region .datalab_widget .tmap_layer .title{display: block;margin:0 0 30px;line-height: 1; font-size: 20px; font-weight: 600;}
.select_region .datalab_widget .tmap_layer ul{column-count: 2; column-gap: 32px;}
.select_region .datalab_widget .tmap_layer ul li{margin-bottom: 24px;}
.select_region .datalab_widget .tmap_layer ul li a span{letter-spacing: -0.02em;line-height:22px;flex-shrink: 0; margin-right: 4px; width:22px;height:22px;border-radius: 4px;background:#236CF6;color:#fff;text-align: center;font-size:14px;font-weight: 700;}
.select_region .datalab_widget .tmap_layer button{position: absolute; top: 32px; right:24px; font-size: 0;}

.area_cockcock_banner{height:160px;margin:0 0 50px;background-color: #567FF2;color:#fff;margin-left: calc(-50vw + 49%);width: 100vw;}
.area_cockcock_banner .inr{width:940px;height:100%;margin:0 auto;background: url(../images/submain/img_cockcock_banner.png) 100% 0 no-repeat;}
.area_cockcock_banner p{position: relative; z-index: 0; font-weight: 800; padding:30px 0 18px;font-size:24px;letter-spacing:-0.02em;line-height: 30px;font-weight: 700; text-shadow: -1.5px -1.5px 0 #3A68E9, -1.5px 0 0 #3A68E9, -1.5px 1.5px 0 #3A68E9, 0 -1.5px 0 #3A68E9, 0 1.5px 0 #3A68E9, 1.5px -1.5px 0 #3A68E9, 1.5px 0 0 #3A68E9, 1.5px 1.5px 0 #3A68E9;}
.area_cockcock_banner strong{display:block;font-weight: 700;}
.area_cockcock_banner strong em{color:#15FEBF;font-weight: 800;}
.area_cockcock_banner a{display:inline-block;padding-right:12px;font-weight:300;font-size:16px;letter-spacing:-0.02em;color:#fff;line-height: 18px;background: url(../images/submain/btn_area_cockcock_banner.png) 100% 50% no-repeat;}
.area_cockcock_banner .mo{display:none;}

.festival_calendar.type1 h2{padding:0 0 40px;font-weight:400;font-size:22px;line-height:24px;letter-spacing:-0.02em;color:#000;}
.festival_calendar.type1 h2 strong{font-weight: 800;}
.festival_calendar.type1 .calendar {padding: 0 80px 0 45px;border-top: 1px solid #d6d6d6;border-bottom:0;}
.festival_calendar.type1 .calendar ul li {padding: 24px 0 0;}
.festival_calendar.type1 .calendar ul li:hover button {background: none;}
.festival_calendar.type1 .calendar ul li:hover .date{background: #F0F2F7 !important;border-radius: 100%;}
.festival_calendar.type1 .calendar ul li .month{border: 1px solid #d6d6d6;}
.festival_calendar.type1 .calendar ul li .text {font-weight: 400;font-size:14px;height:25px;line-height:25px;color:#666;}
.festival_calendar.type1 .calendar ul li .date {height:28px;font-weight: 700;font-size:16px;color:#333;display:flex;align-items: center; justify-content: center;}
.festival_calendar.type1 .calendar ul li.saturday button span{color:#4094F2;}
.festival_calendar.type1 .calendar ul li.holiday button span{color:#FB4C4C;}
.festival_calendar.type1 .calendar ul li.on button .date{color:#fff;}
.festival_calendar.type1 .calendar ul li.on button{background:none !important;}
.festival_calendar.type1 .calendar ul li.on button .date {background: #333 !important;border-radius:100%;}
.festival_calendar.type1 .calendar ul li button {height: 53px;width: 28px;color: #333;border-radius: 0;}
.festival_calendar.type1 .more {background: url(../images/submain/ico_moreplus.png) 0 0 no-repeat;}
.festival_calendar.type1 .calendar .prev {left: 20px;top: 41px;width: 18px;}
.festival_calendar.type1 .calendar .next {right: 58px;top: 41px;width: 18px;}
.festival_calendar.type1 .calendar .view {top: 40px;right:20px;width: 22px;height: 22px;}

.festival_calendar.type1{margin:0 auto 50px;}
.festival_calendar.type1 .list{background:#333;height:496px;padding:50px 0 0;width:100vw;margin-left: calc(-50vw + 49%);position: relative;}
.festival_calendar.type1 .list .inr{display:flex;height: 100%;}
.festival_calendar.type1 .list .swiper-slide{background:#fff url(../images/submain/festival_calendar_pattern.png) 500px 23px no-repeat;padding:30px;width:680px;height:341px;border-radius: 5px;overflow: hidden;}
.festival_calendar.type1 .list .swiper-slide .inr:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(51, 51, 51, 0.7);}
.festival_calendar.type1 .list .swiper-slide.swiper-slide-active .inr:after{display:none;}
.festival_calendar.type1 .list .swiper-slide:before{content:'';display:inline-block;width:16px;height:16px;border-radius: 100%;background:#333;;position:absolute;left:252px;top:-8px;}
.festival_calendar.type1 .list .swiper-slide:after{content:'';display:inline-block;width:16px;height:16px;border-radius: 100%;background:#333;;position:absolute;left:252px;bottom:-8px;}
.festival_calendar.type1 .list .swiper-slide .btn a:focus {outline: 2px solid red !important;}
.festival_calendar.type1 .period_place{word-break:keep-all;}
.festival_calendar.type1 .img{width:200px;flex-shrink: 0;height:280px;}
.festival_calendar.type1 .img img{width:100%;height:100%;object-fit: cover;border-radius: 5px;}
.festival_calendar.type1 .info{margin-left:30px;padding:0 0 0 30px;flex-grow: 1;width:390px;position: relative;}
.festival_calendar.type1 .info:before{content:'';display:inline-block;width:1px;height:100%;position:absolute;left:0;top:0;background:#fff url(../images/submain/festival_calendar_line.png) repeat-y;}
.festival_calendar.type1 h3 {margin: 18px 0 5px;font-size: 24px;font-weight: 800;letter-spacing:-0.02em;color: #333;line-height: 26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.festival_calendar.type1 .info em{display:block;font-size:16px;line-height:18px;color:#333;letter-spacing:-0.02em;}
.festival_calendar.type1 .period_place{display:flex;justify-content: space-between;margin:85px 0 0;}
.festival_calendar.type1 .period_place strong{display:block;padding:0 0 10px;font-size:13px;font-weight: 400;line-height: 15px;}
.festival_calendar.type1 .period_place span{display:block;height:74px;font-size:16px;line-height: 18px;color:#333;letter-spacing:-0.02em;}
.festival_calendar.type1 .period_place .period{width:100px;}
.festival_calendar.type1 .period_place .place{width:200px;}
.festival_calendar.type1 .info .btn{display:flex;}
.festival_calendar.type1 .info .btn a{width:120px;height:30px;border:1px solid #333;font-size:14px;border-radius: 5px;display:flex;justify-content: center;align-items: center;box-sizing: border-box;background:#333;color:#fff;}
.festival_calendar.type1 .info .btn a + a{background:#fff;color:#333;margin-left:10px;}
.festival_calendar.type1 .list .page_btn a{position:absolute;right:0;top:3px;color:#fff;font-size:16px;line-height: 18px;}
.festival_calendar.type1 .list .page_btn a strong{font-weight: 400;}
.festival_calendar.type1 .list .page_btn a:after{content:'';display:inline-block;width:9px;height:14px;margin-left:8px;vertical-align: -1px;background: url(../images/submain/festival_calendar_btn.png) no-repeat;}
.festival_calendar.type1 .swiper-container{position:static}
.festival_calendar.type1 .page_btn{width:940px;height:26px;margin:30px auto 0;position: relative;text-align: center;}
.festival_calendar.type1 .page_btn .inr{display:inline-block;position: relative;padding:0 70px;}
.festival_calendar.type1 .swiper-pagination{margin:8px 0 0;position:static;}
.festival_calendar.type1 .swiper-pagination-bullet{margin:0 5px;width:10px;box-sizing:border-box;height:10px;background: #333;border:1px solid #fff;opacity:1;vertical-align: top;}
.festival_calendar.type1 .swiper-pagination-bullet-active{background:#fff;width:25px;border-radius: 50px;}
.festival_calendar.type1 .swiper-button-next, .festival_calendar.type1 .swiper-button-prev {left:0;display: inline-block;width:27px;height:26px;top:0;margin:0;background: url(../images/submain/festival_calendar_slide_btn.png) no-repeat;text-indent: -9999px;}
.festival_calendar.type1 .swiper-button-next{background-position: 0 -26px;left:auto;right:0;}
.festival_calendar.type1 .swiper-button-disabled{display:none;}
.festival_calendar.type1 .no_list{height:auto;padding: 11px 0 0;background:none;}
.festival_calendar.type1 .no_list:before{content:'';display:block;height:191px;width:100%;background: url(../images/submain/img_calendar_no_list.png) 50% 0 / 151px 191px no-repeat;}
.festival_calendar.type1 .no_list > strong {padding:20px 0 0;font-size: 20px;letter-spacing:-0.02em;line-height: 24px;color: #fff;}
.festival_calendar.type1 .no_list p {margin: 12px 0 40px;font-size: 16px;line-height: 18px;color: #fff;}
.festival_calendar.type1 .no_list a {display: flex;justify-content: center;align-items: center;margin: 0 auto;width: 220px;height: 45px;line-height: normal;border: 1px solid #fff;font-size: 16px;letter-spacing:-0.02em;color: #fff;}
.festival_calendar.type1 .no_list a:after{content: '';display: inline-block;width: 10px;margin-top: 1px;height: 15px;margin-left: 8px;background: url(../images/submain/btn_calendar_nolist.png);}
.local_news{margin:0 auto 0;}
.local_news h2{padding:0 0 28px;font-size:22px;line-height: 24px;letter-spacing:-0.02em;font-weight: 800;color: #000;}
.local_news .logo_btn{display:flex; align-items: center;justify-content: space-between;margin:0 0 20px;}
.local_news .logo_btn a{display:flex; align-items: center;}
.local_news .logo_btn a .img{width:50px;height:50px;border-radius: 100%;border:1px solid #E5E5E5;display:flex;}
.local_news .logo_btn a .logo{display:flex;margin-right: 10px;}
.local_news .logo_btn a .logo span{overflow: hidden;width:50px;height:50px;background:#fff;border-radius: 100%;position: relative;border:1px solid #E5E5E5;box-sizing: border-box;}
.local_news .logo_btn a .logo img {width: 75%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.local_news .logo_btn a strong{font-size:24px;font-weight: 700;color:#333;letter-spacing:-0.02em;}
.local_news .logo_btn a .site{font-size:16px;letter-spacing:-0.02em;color:#666;}
.local_news .logo_btn a .site:before{content:'';display:inline-block;margin:0 14px 0 17px;width:1px;height:16px;background:#666;vertical-align: -3px;}
.local_news .logo_btn a .site:after{content:'';display:inline-block;margin-left:6px;width:14px;height:14px;vertical-align: -1px;background: url(../images/submain/icon_site.png) no-repeat;}
.local_news .logo_btn .tab ul{display: flex;}
.local_news .logo_btn .tab ul li{margin-left:20px;}
.local_news .logo_btn .tab ul li a{font-size:18px;color:#666;letter-spacing:-0.02em;}
.local_news .logo_btn .tab ul li.on a{font-weight: 800;color:#333;text-decoration: underline;text-underline-offset: 3px;}
.local_news .list{position: relative;margin: 0 -10px;}
.local_news .swiper-container{position:static;padding:0 10px 10px}
.local_news .swiper-slide:hover .inr{border-radius: 5px 80px 5px 5px;box-shadow: 0px 2px 8px rgba(99, 99, 99, 0.2);}
.local_news .swiper-slide{width:300px;height:288px;}
.local_news .swiper-slide .inr{height:100%;padding:25px;border-radius:5px;position: relative;z-index: 10;transition:all .3s ease-in-out;}
.local_news .swiper-slide .category{display:flex;}
.local_news .swiper-slide .category span{justify-content: center;height:25px;min-width:45px;padding:0 8px;border-radius: 3px;font-size:14px;border:1px solid #333;background:#333;display:flex; align-items: center;box-sizing: border-box;color:#fff;}
.local_news .swiper-slide .category span.type{background:none;color:#333;}
.local_news .swiper-slide .category span + span{margin-left:5px;}
.local_news .swiper-slide .tit{display:flex;height:80px;margin:21px 0 27px;position: relative;}
.local_news .swiper-slide .tit strong{flex-grow: 1;margin-right:10px;font-size:20px;letter-spacing:-0.02em;line-height: 25px;color:#333;overflow:hidden;height:50px;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.local_news .swiper-slide .tit .img{padding-top: 4px;flex-shrink: 0;width:76px;height:76px;}
.local_news .swiper-slide .tit .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.local_news .swiper-slide .tit a{position:absolute;left:0;bottom:0;padding-right:12px;font-size:14px;line-height:17px;font-weight: 300;background: url(../images/submain/icon_local_news_btn.png) 100% 50% no-repeat;}
.local_news .swiper-slide .explanation{height:88px;padding:15px;background:#fff;border-radius:3px;}
.local_news .swiper-slide .explanation p{margin:11px 0 0;font-size:16px;line-height:20px;text-align:center;letter-spacing:-0.02em;overflow:hidden;height:40px;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.local_news .swiper-slide .explanation:before{content:'';display:block;width:100%;height:9px;background: url(../images/submain/icon_local_news_quotes.png) 50% 0 no-repeat;}
.local_news .list .swiper-button-next, .local_news .list .swiper-button-prev {top: 130px;margin:0;left: -50px;width: 30px;height: 30px;background: url(../images/submain/btn_local_news_slide.png) no-repeat;text-indent: -9999px;}
.local_news .list .swiper-button-next{left:auto;right:-50px;background-position: 0 -30px;}
.local_news .list .swiper-button-disabled{display:none;}
.local_news .list_sub.open ul{max-height: none;overflow: inherit;}
.local_news .list_sub ul{max-height:120px;overflow: hidden;display:flex;flex-wrap: wrap;margin: 0 -10px;}
.local_news .list_sub ul li{margin:0 0 10px 10px;}
.local_news .list_sub ul li a{display:flex;justify-content: center;align-items: center;color:#666;width:95px;height:50px;box-sizing: border-box;border:1px solid #d6d6d6;font-size:16px;border-radius: 10px;}
.local_news .list_sub ul li a:hover{color:#333;box-shadow: 0px 3px 10px rgba(100, 100, 111, 0.2);font-weight: 700;border-color: #333;}
.local_news .list_sub .btn_more{padding:15px 0 0;text-align: center;}
.local_news .list_sub .btn_more button{padding-right:22px;font-weight: 700;font-size:18px;letter-spacing:-0.02em;color:#333;line-height:20px;background: url(../images/submain/btn_list_sub.png) 100% 0 no-repeat;}
.local_news .list_sub.open .btn_more button{background-position: 100% -20px;}

.local_map{position: relative;}
#mapSvg{width:100%;height:auto;}
#mapSvg a:focus-visible{outline:7px solid red}
#mapSvg .c-click{cursor:pointer}
#mapSvg .st2 {fill: #545454;stroke: #fff;}
#mapSvg a.on .cls-3, #mapSvg a.on .cls-16 {fill: #333;}
#mapSvg a.on .cls-17, #mapSvg a.on .cls-18, #mapSvg a.on .cls-19, #mapSvg a.on .cls-20, #mapSvg a.on .cls-21, #mapSvg a.on .cls-22,
#mapSvg a.on .cls-23, #mapSvg a.on .cls-24, #mapSvg a.on .cls-25, #mapSvg a.on #mapSvg a.on .cls-26, #mapSvg a.on .cls-27,
#mapSvg a.on .cls-28, #mapSvg a.on .cls-29, #mapSvg a.on .cls-30, #mapSvg a.on .cls-31, #mapSvg a.on .cls-32{fill: #fff;}
.cls-1 {fill: #545454;}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15 {stroke-linecap: round;stroke-linejoin: bevel;}
.cls-1, .cls-3, .cls-6 {stroke-width: .5px;}
.cls-1, .cls-6 {stroke: #fff;}
.cls-2 {stroke-width: 2.4px;}
.cls-2, .cls-4, .cls-5, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15 {fill: none;stroke: #4d4d4d;}
.cls-3 {stroke: #545454;}
.cls-3, .cls-16 {fill: #fff;}
.cls-4 {stroke-width: 2.3px;}
.cls-5 {stroke-width: 2.2px;}
.cls-17, .cls-18, .cls-19, .cls-20, .cls-21, .cls-22, .cls-23, .cls-24, .cls-25, .cls-26, .cls-27, .cls-28, .cls-29, .cls-30, .cls-31, .cls-32 {fill: #333;}
.cls-6 {  fill: #cef0ff;}
.cls-7 {stroke-width: 1.9px;}
.cls-8 {stroke-width: 2px;}
.cls-8, .cls-10, .cls-34, .cls-12, .cls-13, .cls-14, .cls-15 {display: none;}
.cls-9 {stroke-width: 2.2px;}
.cls-10 {stroke-width: 2.3px;}
.cls-11 {stroke-width: 2.5px;}
.cls-12 {stroke-width: 2.1px;}
.cls-13 {stroke-width: 2.2px;}
.cls-33 {fill: gray;}
.cls-14 {stroke-width: 2.2px;}
.cls-15 {stroke-width: 2.2px;}

.smart_city_banner{width:940px;margin:80px auto 0;}
.smart_city_banner .mo{display:none;}

.region_select {height: 434px;}
.region_select .inr{width: 940px;margin:9rem auto 0}
.region_select .restaurant_chart_list .area_info{top:0;box-shadow:none;background:none;padding: 50px 0 0 0;margin-left:-15px}
.region_select .restaurant_chart_list .list_zone .tab .swiper-slide {margin: 0 0 0 30px;}

.region_select .tab_menu{width:600px;margin:0 auto;padding:60px 0 0;}
.region_select .tab_menu ul{display:flex;border:1px solid #333;height:45px;border-radius: 10px;background:#fff;position: relative;box-sizing: border-box;}
.region_select .tab_menu ul li{flex-grow: 1;flex-basis: 0;box-sizing: border-box;}
.region_select .tab_menu ul li.on a{font-weight: 800;color:#fff;}
.region_select .tab_menu ul li a{display:flex;width:33.3%;height:100%;box-sizing: border-box;justify-content: center;align-items: center;font-size: 18px;color:#333;letter-spacing:-0.02em;position:absolute;left:0;top:0;z-index: 5;}
.region_select .tab_menu ul li:nth-child(2) a{left:33.3%;}
.region_select .tab_menu ul li:nth-child(3) a{left:66.6%;}
.region_select .tab_menu ul:after {content: '';display: block;box-sizing: border-box;border-radius: 10px;background: #333;width: 33.3%;height: 45px;transform: translateX(0);transition: .5s;position: absolute;left:-1px;top:-1px;}
.region_select .tab_menu ul.tab1:after {transform: translateX(100%);}
.region_select .tab_menu ul.tab2:after {transform: translateX(calc(200% - -3px));}

.region_list .restaurant_chart_list .category_tab{margin:50px 0 30px;}
.region_list .restaurant_chart_list .category_tab .option{width:56px;padding:0;border:0;background: url(../images/submain/btn_region_option.png) no-repeat;text-indent: -9999px;}
.region_list .restaurant_chart_list .category_tab .option.on{background-position: 0 -40px;}
.popularity_list{padding:0 0 60px;}
.popularity_list ul{display:flex;flex-wrap:wrap;margin-left:-20px;}
.popularity_list ul li{width:calc(25% - 20px);margin:0 0 40px 20px;position: relative;}
.popularity_list ul li a{display:block;}
.popularity_list ul li a span{display:block;height:220px;border-radius: 5px;overflow: hidden;}
.popularity_list ul li a span img{width:100%;height:100%;object-fit: cover;}
.popularity_list ul li a strong{margin:13px 0 0;display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 700;font-size:18px;letter-spacing:-0.02em;line-height:20px;}
.popularity_list ul li .distance{display:flex;position: relative;margin:7px 0 0;font-size:15px;font-weight: 300;letter-spacing:-0.02em;line-height: 17px;}
.popularity_list ul li .distance span + span:before{content:'';display:inline-block;width:1px;height:11px;margin:0 15px;background:#b2b2b2;}
.popularity_list ul li .distance button{position:absolute;right:0;top:1px;text-indent: -9999px;width:15px;height:15px;background: url(../images/submain/btn_popularity_list_map.png) no-repeat;}
.popularity_list ul li .label{display:flex;margin:13px 0 0;}
.popularity_list ul li .label span{width:79px;height:22px;text-align: center;font-size:14px;line-height:19px;font-weight: 300;letter-spacing:-0.02em;background:#FEF8F8;color:#F24B59;border:1px solid #F4ACB0;box-sizing: border-box;}
.popularity_list ul li .label span + span{margin-left:8px;}
.popularity_list ul li .label .foreigner{border-color:#78CCE9;color:#0B8EBA;background:#F3FAFD;}
.popularity_list ul li button.good{position:absolute;right:10px;top:10px;width: 30px;height: 30px;background: url(../images/submain/icon_nationwide_good.png);text-indent: -9999px;}
.popularity_list ul li button.good.on{background-position: 0 -30px;}
.popularity_list ul li.mo_banner{display:none;}
.popularity_list .btn_more{text-align: center;}
.popularity_list .btn_more button{width:117px;height:45px; line-height: 45px; border:1px solid #333;border-radius: 50px;color:#333;font-size:16px;}
.popularity_list .btn_more button:after{content:'';display:inline-block;width:12px;height:13px;margin-left:10px;background: url(../images/submain/btn_popularity_more.png);}
.popularity_list .list_nodata{padding:134px 0 10px;text-align: center;margin:70px 0 0;background: url(../images/submain/bg_popularity_nodata.png) 50% 0 no-repeat;}
.popularity_list .list_nodata strong{font-size:20px;letter-spacing:-0.02em;line-height:24px;color:#333;font-weight: 700;}
.popularity_list .list_nodata p{padding:10px 0 0;font-size:16px;color:#666;letter-spacing:-0.02em;line-height:18px;}

.region_list .restaurant_banner{margin:0 0 40px;}
.region_list .restaurant_banner .mo{display:none;}
.region_list .promotion_banner{width:100vw;height:160px;margin-left: calc(-50vw + 49%);margin-bottom:40px;}
.region_list .promotion_banner a{display:block;width:940px;margin:0 auto;}
.region_list .promotion_banner .mo{display:none;}

/* 맛집차트 리스트 */
#contents.restaurant_chart{background: linear-gradient(180deg, #F1F1F1 0%, #FFFFFF 104.05%);}
.restaurant_tit{height:258px;background:#FFD685;}
.restaurant_tit .mo{display:none;}
.restaurant_tit .logo{display:inline-block;position:absolute;left:0;top:60px;height:20px;width:253px;background: url(../images/submain/logo_restaurant_tit.png) 100% 0 no-repeat;text-indent: -9999px;}
.restaurant_tit .logo a{display:inline-block;width:95px;height:100%;position:absolute;right:0;top:0;}
.restaurant_tit .inr{position:relative;padding:11rem 0 0;display:flex;align-items: flex-start;width:940px;height:100%;margin:9rem auto 0;background: url(../images/submain/bg_restaurant_tit.png) 100% -2px no-repeat;}
.restaurant_tit h2{font-size:25px;color:#333;letter-spacing: -0.02em;line-height:33px;font-weight: 400;}
.restaurant_tit h2 strong{display:block;font-size:30px;font-weight: 800;letter-spacing: -0.02em;}
.restaurant_tit .inr > button{width:20px;height:20px;margin: 40px 0 0 10px;background: url(../images/submain/btn_restaurant_tit.png) 100% 0 no-repeat;text-indent: -9999px;}
.restaurant_tit .inr > button.on + .layer{display:block;}
.restaurant_tit .layer{display:none;position: absolute;word-break:keep-all;left: 197px;top: 185px;width: 280px;padding: 20px 51px 20px 20px;background: #fff;z-index: 200;font-size: 14px;line-height: 18px;color:#333;border-radius: 5px;letter-spacing:-0.02em;}
.restaurant_tit .layer button {position: absolute;right: 16px;top: 16px;width: 20px;height: 20px;background: url(../images/submain/btn_select_region_layer.png);text-indent: -9999px;}

#contents.restaurant_chart{width:auto;}
.restaurant_chart_list{width:940px;margin:0 auto;}
.restaurant_chart_list .mo{display:none;}
.restaurant_chart_list .area_info{position:relative;top:-50px;padding:50px 0 25px 33px;background:#fff;border-radius: 10px;box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.2);}
.restaurant_chart_list .list_zone .tab{padding:2px 0 0 !important;}
.restaurant_chart_list .list_zone .tab a{margin:0 0 25px;}
.restaurant_chart_list .list_zone .tab a.all:before {background: url(../images/submain/icon_area_all.png) 0 0 / 100% auto no-repeat;}
.restaurant_chart_list .list_zone .tab a:hover:before {box-shadow: none !important;border-radius: 0;}
.restaurant_chart_list .list_zone .tab a:hover:after, .restaurant_chart_list .list_zone .tab .swiper-slide a.active:after {content: '';display: block;border: 2px solid #333;box-sizing: border-box;position: absolute;left: 0;top: 0;height: 75px;width: 100%;border-radius: 100%;z-index: 5;}
.restaurant_chart_list .list_zone .tab .swiper-slide a.active{font-weight: 800;}
.restaurant_chart_list .list_zone .tab .swiper-slide{margin:0 11px 0;}
.area_info .list_zone .tab .swiper-slide a span {font-size: 17px;line-height: 19px;}

.restaurant_chart_list .category_tab ul li{width:auto}
.restaurant_chart_list .category_tab ul li button{padding:0 20px;color:#333;font-size:16px;border-radius: 50px;background:#fff;height:40px; line-height: 40px; border:1px solid #D6D6D6;}
.restaurant_chart_list .category_tab ul li button.on{background:#333;border-color:#333;color:#fff;}
.restaurant_chart_list .category_tab ul li button:focus-visible{outline-color: red;}

.restaurant_chart_list .mo_tab{display:none;padding: 0 15px !important;}
.restaurant_chart_list .mo_tab ul{display: flex;height: 30px;border-radius: 5px;overflow:hidden;position: relative;border:1px solid #333;box-sizing: border-box;}
.restaurant_chart_list .mo_tab ul li {flex-grow: 1;flex-basis: 0;margin-left: 0;}
.restaurant_chart_list .mo_tab ul li.on a{color:#fff !important;font-weight: 800;}
.restaurant_chart_list .mo_tab ul li a {display: flex;width: 50%;height: 100%;justify-content: center;align-items: center;font-size: 12px;font-weight: 300;color: #333;letter-spacing:-0.02em;position: absolute;left: 0;top: 0;z-index: 5;}
.restaurant_chart_list .mo_tab ul li:nth-child(2) a {left: 50%;}
.restaurant_chart_list .mo_tab ul:after {content: '';display: block;border-radius: 5px;background: #333;width: 50%;height: 30px;transform: translateX(0);transition: .5s;position: absolute;left: -1px;top:-1px;}
.restaurant_chart_list .mo_tab ul.tab1:after {transform: translateX(calc(100% - -2px));}
.restaurant_chart_list .list{display:flex;justify-content: space-between;margin:30px 0 38px;}
.restaurant_chart_list .list > div{width:455px;padding:20px;background:#fff;border-radius: 5px;}
.restaurant_chart_list .list h3{height:45px;line-height:45px;text-align:center;border-radius: 5px;color:#fff;background:#333;font-size:18px;font-weight: 800;letter-spacing:-0.02em;}
.restaurant_chart_list .list .foreigner h3{background:#616571;}
.restaurant_chart_list .list .tab_cont ul{padding:15px 0 0;}
.restaurant_chart_list .list .tab_cont ul li{display:flex;align-items: center;padding:15px 0 20px;border-bottom:1px dashed #E5E5E5;}
.restaurant_chart_list .list .tab_cont ul li:last-child{border:0;}
.restaurant_chart_list .list em{width:53px;flex-shrink: 0;padding-left:8px;font-size:17px;color:#333;letter-spacing:-0.02em;box-sizing: border-box;}
.restaurant_chart_list .list .menu{flex-shrink: 0;width:70px;height:70px;border-radius:10px;background: url(../images/submain/icon_restaurant_chart.png) 0 0 / 100% auto no-repeat;text-indent: -9999px;}
.restaurant_chart_list .list .menu.korean{background-position:0 -210px;}
.restaurant_chart_list .list .menu.foreign{background-position:0 -70px;}
.restaurant_chart_list .list .menu.cafe{background-position:0 -140px;}
.restaurant_chart_list .list .info{min-width:0;padding-left:15px;}
.restaurant_chart_list .list .info .tit{display:flex;align-items: center;}
.restaurant_chart_list .list .info .tit a{text-decoration:underline;text-underline-offset: 2px;}
.restaurant_chart_list .list .info .tit a.type1{padding-right:0;}
.restaurant_chart_list .list .info .tit a, .restaurant_chart_list .list .info .tit strong{display: inline-block;font-size: 20px;line-height: 23px;font-weight: 700;padding-right: 8px;letter-spacing:-0.02em;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.restaurant_chart_list .list .info .tit span{width:18px;height:18px;flex-shrink: 0;display: inline-block;text-indent: -9999px;background: url(../images/submain/icon_chart_list.png) 0 0 / 100% auto no-repeat;}
.restaurant_chart_list .list .area{display:block;margin:10px 0 0;font-size:15px;line-height:17px;font-weight: 300;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.restaurant_chart_list .list .list_nodata{margin:440px 0 420px;padding: 134px 0 0;text-align: center;background: url(../images/submain/bg_popularity_nodata.png) 50% 0 no-repeat;}
.restaurant_chart_list .list .list_nodata strong{display:block;font-size: 20px;letter-spacing:-0.02em;line-height: 24px;color: #333;font-weight: 700;}
.restaurant_chart_list .list .list_nodata p{padding: 10px 0 0;font-size: 16px;color: #666;letter-spacing:-0.02em;line-height: 18px;}
.restaurant_chart_banner{margin: 0 auto 60px;}
.restaurant_chart_banner .mo {display: none;}

/* 티맵 리스트 */
.restaurant_tit.tmap {background: #BBD1FC;}
.restaurant_tit.tmap .inr {background: url(../images/submain/bg_region_select_tmap.png) no-repeat;}
.restaurant_tit.tmap .layer {left: 245px;width: 360px; padding: 20px 45px 20px 20px;}
.restaurant_tit.tmap .layer strong{display:block;margin:0 0 8px;font-weight: 800;}
.restaurant_tit.tmap .layer p + strong{margin:20px 0 8px;}
.restaurant_chart.tmap .mo_tab {display: block;margin:0 0 24px !important;padding:0 !important;background:#fff;}
.restaurant_chart.tmap .mo_tab ul {height: 52px;border-radius: 4px;border: 1px solid #236CF6;}
.restaurant_chart.tmap .mo_tab ul li a {font-size: 20px;font-weight: 700;color: #4F89F8;letter-spacing: -0.02em;}
.restaurant_chart.tmap .mo_tab ul li a:focus-visible:after{content:'';display:block;border:2px solid red;position:absolute;left:0;top:0;right:0;bottom: 0;}
.restaurant_chart.tmap .mo_tab ul:after {background: #236CF6 !important;top: 0px;height: 100%;border-radius: 0;}
.restaurant_chart.tmap .popularity_list {padding: 40px 0 60px;}

/* 맛집차트 지도 */
#gnbCommon.restaurant_map{height:90px;background:#fff;box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.2);}
#gnbCommon.restaurant_map .logo{position: absolute; left:120px; top: 28px;}
#gnbCommon.restaurant_map .logo a{display: inline-block; width: 207px;height: 36px;}
#gnbCommon.restaurant_map button{position:absolute;left:60px;top:32px;text-indent: -9999px;width: 28px;height: 25px;background: url(../images/submain/btn_back.png) no-repeat;}
#contents.restaurant_map {width: 100%;padding: 0;overflow: hidden;height: 100%;}
.restaurant_map .map_cont_wrap{position:absolute;left:0;top:89px;height:calc(100% - 89px);display:flex;transition: .3s ease-in-out;z-index: 10;}
.restaurant_map .map_cont_wrap.close{transform: translateX(-100%);}
.restaurant_map .map_cont_wrap.close .pc_depth2 .layer_close{display:none;}
.restaurant_map .map_cont_wrap .btn_fold{width:59px;height:104px;position: absolute;top: 50%;right: -59px;transform: translateY(-50%);z-index: 10;background:url(../images/submain/btn_fold.png) no-repeat;text-indent: -9999px;}
.restaurant_map .map_cont_wrap.close .btn_fold{background-position: 0 -104px;}
.restaurant_map .pc_cont{height:100%;background:#fff;display:flex;box-shadow: 5px 0px 30px 0px rgba(98, 99, 100, 0.3);}
.restaurant_map .pc_depth1{height:100%;width:405px;background:#fff;}
.restaurant_map .map_menu {height: 331px;padding: 37px 25px 0;position: relative;border-right: 1px solid #e6e6e6;background: linear-gradient(180deg, rgba(255, 214, 133, 0.8) 0%, rgba(255, 255, 255, 0) 59.68%);}
.restaurant_map .map_menu h2{font-size: 20px;color: #333;letter-spacing:-0.02em;line-height: 28px;}
.restaurant_map .map_menu h2 strong {display: block;font-size: 25px;font-weight: 800;letter-spacing:-0.02em;}
.restaurant_map .map_menu .select_region{display:flex;margin:0 0 30px;padding:37px 0 0;margin-left:-10px;}
.restaurant_map .map_menu .select_region select{width:calc(50% - 10px);margin-left:10px;height:40px;padding:0 15px; appearance: none;font-size:16px;color:#333;border-radius: 5px;border:1px solid #D6D6D6;background:#fff url(../images/submain/ico_select.png) 100% 50%  no-repeat;}
.restaurant_map .map_menu .select_region select::-ms-expand{display:none;}
.restaurant_map .map_menu .category_tab ul{display:flex;justify-content: center;}
.restaurant_map .map_menu .category_tab ul li{width:60px;margin:0 14px;}
.restaurant_map .map_menu .category_tab ul li button{width:100%;font-size:16px;color:#666;letter-spacing:-0.02em;line-height:18px;position: relative;}
.restaurant_map .map_menu .category_tab ul li button.on{font-weight: 700;color:#333;}
.restaurant_map .map_menu .category_tab ul li button:before{content:'';display:block;margin:0 0 8px;height:60px;border-radius:20px;background: url(../images/submain/icon_restaurant_chart_off.png) 0 0 / 100% auto no-repeat;box-sizing: border-box;}
.restaurant_map .map_menu .category_tab ul li button:after{content:'';display:block;width:60px;height:60px;border:1px solid #D6D6D6;position:absolute;left:0;top:0;box-sizing: border-box;border-radius: 20px;}
.restaurant_map .map_menu .category_tab ul li button.on:after{display:none;}
.restaurant_map .map_menu .category_tab ul li button.on:before{border:0;background: url(../images/submain/icon_restaurant_chart.png) 0 0 / 100% auto no-repeat;}
.restaurant_map .map_menu .category_tab ul li button.korean:before{background-position:0 -180px;}

.restaurant_map .map_menu .category_tab ul li button.foreign:before{background: url(../images/submain/icon_restaurant_foreign.png) no-repeat;}
.restaurant_map .map_menu .category_tab ul li button.on.foreign:before{background: url(../images/submain/icon_restaurant_foreign1.png) no-repeat;}
.restaurant_map .map_menu .category_tab ul li button.cafe:before{background-position:0 -120px;}
.restaurant_map .restaurant_chart_list .mo_tab {padding: 0 25px !important;}
.restaurant_map .menu_cont .mo_tab{display:block;}
.restaurant_map .restaurant_chart_list{width:auto;}
.restaurant_map .restaurant_chart_list .list{display:block;margin: 0 0 20px;}
.restaurant_map .restaurant_chart_list .list .tab_cont {display: none;padding:0;}
.restaurant_map .restaurant_chart_list .list .tab_cont.active {display: block;}
.restaurant_map .restaurant_chart_list .list > div {width: 100%;}
.restaurant_map .restaurant_chart_list .mo_tab ul {height: 45px;}
.restaurant_map .restaurant_chart_list .mo_tab ul:after {height: 45px;}
.restaurant_map .restaurant_chart_list .mo_tab ul li a {font-size: 16px;font-weight: 400;}
.restaurant_map .restaurant_chart_list .list .tab_cont ul {padding: 10px 0 0;}
.restaurant_map .restaurant_chart_list .list .tab_cont ul li {padding: 12px 25px 12px;}
.restaurant_map .restaurant_chart_list .list .tab_cont ul li:hover{background: #F4F6F8;}
.restaurant_chart_list .list em {width: 50px;font-size: 16px;}
.restaurant_map .menu_cont{height:calc(100% - 331px);overflow-y:scroll;}
.restaurant_map .menu_cont::-webkit-scrollbar {width: 6px;height: 6px;}
.restaurant_map .menu_cont::-webkit-scrollbar-thumb {border-radius: 3px;background: #abadac;}
.restaurant_map .menu_cont::-webkit-scrollbar-track-piece {background: #e5e5e5;}

.restaurant_map .map_area{height:100%;position: relative;}
.restaurant_map .map_area .ranking_marker{padding-top: 23px;display:inline-block;color:#fff;vertical-align: top;text-align:center;width:63px;height:72px;background: url(../images/submain/icon_ranking_marker.png) no-repeat;box-sizing: border-box;}
.restaurant_map .map_area .ranking_marker.on{padding-top: 26px;width:74px;height:84px;font-size:18px;line-height:20px;background: url(../images/submain/icon_ranking_marker_on.png) no-repeat;}
.restaurant_map .map_area .ranking_marker span{display:block;font-size:13px;line-height:15px;}
.restaurant_map .map_area .ranking_layer{position: relative;display:flex;align-items: center;width:340px;height:115px;border-radius:5px;padding:15px;background:#fff;box-shadow: 0px 0px 10px rgba(99, 99, 99, 0.2);}
.restaurant_map .ranking_layer .img{flex-shrink: 0;width: 85px;height: 85px;border-radius: 4px;background: url(../images/submain/icon_restaurant_chart.png) 0 0 / 100% auto no-repeat;text-indent: -9999px;}
.restaurant_map .ranking_layer .img.korean{background-position:0 -255px;}
.restaurant_map .ranking_layer .img.foreign{background-position:0 -85px;}
.restaurant_map .ranking_layer .img.cafe{background-position:0 -170px;}
.restaurant_map .ranking_layer .info {min-width: 0;padding-left: 15px;}
.restaurant_map .ranking_layer em{display:inline-block;width:43px;background:#333;color:#fff;height:23px;line-height:21px;border-radius: 3px;font-weight: 700;font-size:14px;letter-spacing:-0.02em;text-align: center;}
.restaurant_map .ranking_layer .tit {display: flex;align-items: center;margin:10px 0 7px;}
.restaurant_map .ranking_layer .tit a, .restaurant_map .ranking_layer .tit strong {display: inline-block;font-size: 18px;line-height: 20px;font-weight: 700;padding-right: 8px;letter-spacing:-0.02em;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.restaurant_map .ranking_layer .tit a{text-decoration: underline;text-underline-offset: 2px;}
.restaurant_map .ranking_layer .tit span {width: 18px;height: 18px;flex-shrink: 0;display: inline-block;text-indent: -9999px;background: url(../images/submain/icon_chart_list.png) 0 0 / 100% auto no-repeat;}
.restaurant_map .ranking_layer span {display: block;font-size: 15px;line-height: 17px;font-weight: 300;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.restaurant_map .ranking_layer .btn_close{position:absolute;right:15px;top:20px;text-indent: -9999px;width:16px;height:16px;background: url(../images/submain/btn_ranking_layer.png);}
.restaurant_map .restaurant_map_banner{position:absolute;right:30px;bottom:30px;}

/* 테마고도화 2025 */
#contents.submain_theme{width:auto;padding: 0;}
#contents.submain_theme .mo{display:none;}
.submain_theme .theme_visual{position:relative;text-align: center;z-index: 3;}
.submain_theme .theme_visual .theme_visual .img_wrap {overflow: hidden;}
.submain_theme .theme_visual img{max-width:100%;}
.submain_theme .theme_visual .btn{display:flex;justify-content: flex-end;transition: top 0.3s;position:absolute;width:128rem;left:50%;top:100%;height:2.8rem;z-index: 5;transform: translateX(-50%);}
.submain_theme .theme_visual .btn button{border-radius:0 0 0.4rem 0.4rem;}
.submain_theme .theme_visual .btn button svg path{stroke:#fff;}

.submain_theme .theme_visual.open.down .btn {top:0;}
.submain_theme .theme_visual.up .btn{top:100%;}
.submain_theme .theme_visual.open.up .btn {top:90px;}

.submain_theme .theme_visual.open .btn{position:fixed;top:90px;}
.submain_theme .theme_summary{padding:15.7rem 0 0;position: relative;}
.submain_theme .logo_badge{width:128rem;margin:0 auto;}
.submain_theme .mo{display:none;}
.submain_theme .logo_badge .swiper-container{padding:0.5rem 9rem 3.2rem 0;}
.submain_theme .logo_badge .swiper-slide{width:11.6rem !important;}
.submain_theme .logo_badge ul li a{display:flex;justify-content: center;flex-wrap: wrap;padding:0 0 2.8rem;}
@media (hover: hover) and (pointer: fine) {
  .submain_theme .logo_badge ul li a:hover .logo:after{content:'';display:block;width:100%;height:100%;box-sizing: border-box;border:2px solid var(--brand-primary-50);position:absolute;left:0;top:0;border-radius: 100%;}
  .submain_theme .logo_badge ul li a:hover em {color: var(--brand-primary-50);}
}
.submain_theme .logo_badge ul li .wrap{width:8.8rem;height:8.8rem;position: relative;}
.submain_theme .logo_badge ul li .logo{width:100%;height:100%;display:flex;justify-content: center;align-items: center;border-radius: 100%;background: var(--global-gray-05);position: relative;overflow: hidden;}
.submain_theme .logo_badge ul li .logo img{width:6rem;}
.submain_theme .logo_badge ul li.on a .logo:after{content:'';display:block;width:100%;height:100%;box-sizing: border-box;border:2px solid var(--brand-primary-50);position:absolute;left:0;top:0;border-radius: 100%;}
.submain_theme .logo_badge ul li.on a em{color: var(--brand-primary-50);}
.submain_theme .logo_badge ul li:after{content:'';display:block;width:100%;height:0.3rem;transition: all 0.5s;position:absolute;left:0;bottom:0;background:#fff;opacity: 0;}
.submain_theme .logo_badge ul li.on:after{width:100%;background:var(--brand-primary-50);opacity: 1;}
.submain_theme .logo_badge ul li em{margin:1.2rem 0 0;box-sizing: border-box;font-size:1.6rem;font-weight: 600;letter-spacing: -0.02em;line-height: 2.1rem;color: var(--global-gray-60);text-align: center;overflow:hidden;max-height:4.2rem;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.submain_theme .logo_badge ul li .update{position:absolute;left:1px;top:1px;text-indent: -9999px;height:0.8rem;width:0.8rem;border-radius: 100%;background:#EE376A;}
.submain_theme .logo_badge ul li .view{position:absolute;right:0;top:-0.5rem;height:2rem;line-height:2rem;padding:0 0.8rem;border-radius:5rem;z-index: 5;background:var(--pastel-blue-400);color:#fff;font-size:1.2rem;font-weight: 700;}
.submain_theme .logo_badge .swiper-button-prev, .submain_theme .logo_badge .swiper-button-more{top:0;margin-top:0;width:11rem;height:18.2rem;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 31.94%, rgba(255, 255, 255, 0.24) 46.53%, rgba(255, 255, 255, 0.5) 53.33%, rgba(255, 255, 255, 0.7) 58.19%, #FFFFFF 65%);}
.submain_theme .logo_badge .swiper-button-prev.swiper-button-disabled{display:none;}
.submain_theme .logo_badge .swiper-button-prev{left:-25px;pointer-events: none;transform: matrix(-1, 0, 0, 1, 0, 0);}
.submain_theme .logo_badge .swiper-button-more{position:absolute;right:0;z-index: 5;}
.submain_theme .logo_badge .swiper-button-more button{position:absolute;right:1.2rem;top:3.4rem;font-size:0;}
.submain_theme .logo_badge .swiper-button-more svg path{stroke:var(--global-gray-80);}
.submain_theme .visu_wrap {position: relative;height: 64rem;overflow: visible;display: flex;justify-content: center;}
.submain_theme .visu_container {width: 128rem;max-width: 192rem;height: 100%;display: flex;justify-content: center;align-items: center;overflow: visible;position: relative;border-radius: 1.2rem;overflow: hidden;}
.submain_theme .visu_container.type1{border-radius: 0;}
.submain_theme .visu_container:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(180deg, rgba(215, 215, 215, 0) 19.54%, rgba(0, 0, 0, 0.2) 54.23%, rgba(0, 0, 0, 0.8) 120.86%);}
.submain_theme .visu_container img {width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;}
.submain_theme .theme_detail{position: relative;}
.submain_theme .theme_detail .detail_wrap{position: relative;}
.submain_theme .theme_detail .swiper-pagination{height:1.2rem;width:128rem;bottom: 4rem;text-align: right;padding-right:5.6rem;left:50%;transform: translateX(-50%);}
.submain_theme .theme_detail .swiper-pagination-bullet {width: 1.2rem;height: 1.2rem;background: #fff;opacity: .5;vertical-align: top;}
.submain_theme .theme_detail .swiper-pagination-bullet-active {opacity: 1;width:2.4rem;border-radius: 5rem;}

.submain_theme .theme_detail .detail{pointer-events: none;width:128rem;position:absolute;top:0; inset: 0; margin: 0 auto; height:100%;z-index: 10;display:flex;flex-wrap:wrap;align-items: flex-end;}
.submain_theme .theme_detail .detail > .cont{width: 100%;text-align: left;padding: 0 20rem 13.6rem 5.6rem;color:#fff;}
.submain_theme .theme_detail .detail > .cont em{display:inline-block;padding:0 0.8rem;height:2.8rem;line-height: 2.8rem;border-radius: 0.4rem;background:var(--pastel-blue-400);font-size:1.6rem;font-weight: 700;}
.submain_theme .theme_detail .detail > .cont strong{display:block;margin:2rem 0 0;font-weight: 800;font-size:4rem;letter-spacing: -0.02em;line-height: 5.2rem;overflow:hidden;max: heigh 902px;t:10.4rem;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.submain_theme .theme_detail .theme_go{position:absolute;top:53.6rem;width:128rem;margin:0 auto;left:50%;padding-left:5.6rem;transform: translateX(-50%);z-index:5;box-sizing: border-box;}
.submain_theme .theme_detail .theme_go a:focus-visible{outline: 2px solid #fff;}
.submain_theme .theme_detail .detail .view{display:flex;align-items: center;gap:2rem;padding:0 1.6rem;position:absolute;right:3rem;top:3rem;z-index: 5;height:4rem;line-height: 4rem;background: rgba(0, 0, 0, 0.2);border-radius: 5rem;}
.submain_theme .theme_detail .detail .view .num{display:flex;gap:0.6rem;align-items: center;font-size:1.8rem;font-weight:700;color:#fff;}
.submain_theme .theme_detail .detail .view .num svg path{stroke:#fff;}
.submain_theme .theme_detail .detail .view button{pointer-events: auto;width:2rem;height:2rem;}
.submain_theme .theme_detail .detail .view button svg rect{fill:#fff;}
.submain_theme .theme_detail .detail .view button svg path{fill:var(--global-gray-90); stroke-width: 2px;}
.submain_theme .theme_detail .wrap_layerpop.ui_tooltip{z-index: 160; width: 19.8rem;left: calc(50% + 41.5rem);top: 8rem;letter-spacing: -0.02em;border:1px solid var(--global-gray-10);color:var(--global-gray-90)}
.submain_theme .theme_detail .ui_tooltip .cont {padding: 2rem 4rem 2rem 1.6rem;border-radius: 0.6rem;}
.submain_theme .theme_detail .ui_tooltip .cont p{font-size: 1.4rem;}
.submain_theme .theme_detail .ui_tooltip:before{display:none;}
.submain_theme .theme_detail .ui_tooltip .close {right: 2rem;top: 1.9rem;}
.submain_theme .theme_detail .ui_tooltip .close svg {width: 100%;height: 100%;}
.submain_theme .theme_detail .ui_tooltip .dimmed{}

.submain_theme .theme_detail .detail_txt{width:128rem;margin:0 auto;}
.submain_theme .theme_detail .detail_txt p{font-size:2rem;line-height: 3rem;letter-spacing: -0.02em;}
.submain_theme .theme_detail .detail_txt .icon_pg_chevron_dw_md{vertical-align: -2px;margin-left: 0.3rem;}
.submain_theme .text_box {position: relative;margin:3.2rem 0 0;}
.submain_theme .text_content {line-height:3rem;}
.submain_theme .text_box .icon_pg_chevron_dw_md svg path{stroke:var(--global-gray-60)}
.submain_theme .text_box.on .icon_pg_chevron_dw_md{transform: rotate(180deg);}
.submain_theme .tag{width:100%;margin:2rem 0 0;}
.submain_theme .tag .swiper-slide{width:auto;}
.submain_theme .tag .swiper-slide a{display:block;height:3.8rem;line-height:3.6rem;font-size:1.4rem;font-weight:700;padding:0 1.4rem;border:1px solid rgba(0, 0, 0, 0.1);border-radius: 5rem;box-sizing: border-box;color:var(--global-gray-80)}
.submain_theme .tag .swiper-button-next, .submain_theme .tag .swiper-button-prev{right:0;width:6rem;height:3.8rem;top:0;margin:0;background: linear-gradient(90deg, rgba(255, 255, 255, 0) -6.43%, rgba(255, 255, 255, 0.9) 34.57%, #FFFFFF 46.2%);}
.submain_theme .tag .swiper-button-next button, .submain_theme .tag .swiper-button-prev button{position: absolute;right: 0;top: 0.7rem;border-radius: 0.8rem;}
.submain_theme .tag .swiper-button-prev button{left:auto;transform: matrix(-1, 0, 0, 1, 0, 0);}
.submain_theme .tag .swiper-button-prev{left:0;transform: matrix(-1, 0, 0, 1, 0, 0);}
.submain_theme .tag .swiper-button-disabled{display:none;}

.submain_theme .theme_place{width:128rem;margin:0 auto;padding:7.2rem 0 0;position: relative;}
.submain_theme .theme_place h3{font-size:2.6rem;font-weight: 800;line-height: 130%;letter-spacing: -0.01em;color:var(--global-gray-90)}
.submain_theme .theme_place .thumb{margin:2.4rem 0 4rem;height:18rem;position: relative;overflow: hidden;border-radius: 0.6rem;}
.submain_theme .theme_place .thumb img{width:100%;height:100%;}
.submain_theme .theme_place .thumb a{width: 60rem;position:absolute;right:0;top:50%;transform: translateY(-50%);z-index: 5;}
.submain_theme .theme_place .thumb a:focus-visible{outline: none;}
.submain_theme .theme_place .thumb a:focus-visible:after{content:'';display:block;width:100%;border:2px solid #000;position:absolute;left:0;right:2px;top:0;bottom:0;box-sizing: border-box;}
.submain_theme .theme_place .thumb a .btn_pg_icon_full_sm{position:absolute;right:7.2rem;top:50%;transform: translateY(-50%);}
.submain_theme .theme_place .thumb a .btn_pg_icon_full_sm svg path{stroke-width: 2px;}
.submain_theme .theme_place .thumb:after{content:'';display:block;width:100%;height:100%;position:absolute;right:0;top:0;background:url(../images/submain/bg_theme_place.png) no-repeat;}
.submain_theme .theme_place .thumb strong{padding:0 12.8rem 0 5.6rem;font-size:2.6rem;font-weight: 600;color:var(--global-gray-90);letter-spacing: -0.02em;line-height: 3.3rem;overflow:hidden;max-height:6.6rem;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.submain_theme .theme_place .thumb.default:after{display:none;}
.submain_theme .theme_place .list .swiper-slide{display:flex;gap:2.4rem;}
.submain_theme .theme_place .list .swiper-slide a{display:block;width:25%;color:var(--global-gray-90);position: relative;}
.submain_theme .theme_place .list .swiper-slide a:focus{outline:0;}
.submain_theme .theme_place .list .swiper-slide a:focus-visible:after{content:'';display:block;outline:2px solid red;position:absolute;left:2px;top:2px;right: 2px;bottom: 2px;}
.submain_theme .theme_place .list .swiper-slide .img{display:block;height:22.7rem;border-radius: 0.6rem;overflow: hidden;}
.submain_theme .theme_place .list .swiper-slide .img img{width:100%;height:100%;object-fit: cover;}
.submain_theme .theme_place .list .swiper-slide strong{display:block;margin:2rem 0 1.6rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 600;font-size:2rem;letter-spacing: -0.02em;line-height:100%;}
.submain_theme .theme_place .list .swiper-slide em{display:inline-block;height:2.4rem;padding:0 0.6rem;line-height: 2.4rem;background:var(--global-gray-05);border-radius: 0.3rem;font-weight: 700;font-size:1.4rem;}
.submain_theme .theme_place .list .swiper-wrapper{flex-wrap: wrap;gap:4.8rem 0;}
.submain_theme .theme_place .btn_more{padding:3.2rem 0 ;text-align: center;overflow: hidden;}
.submain_theme .theme_place .btn_refresh{position:absolute;right:0;top:7.8rem;}
.submain_theme .theme_place .btn_refresh a{display: flex;align-items: center;gap:0.4rem;line-height:2rem;font-weight: 700;font-size:1.8rem;color:var(--global-gray-90);letter-spacing: -0.01em;text-decoration: underline;text-underline-offset: 3px;}
.submain_theme .theme_place .btn_refresh span{width:1.6rem;height:1.6rem;}
.submain_theme .banner{margin:7.2rem 0 0;}
.submain_theme .banner .inr{display:block;width:1280px;margin:0 auto;}
.submain_theme .season_theme{width:128rem;margin:7.2rem auto 0;}
.submain_theme .season_theme h3{margin:0 0 3.2rem;font-size:2.6rem;font-weight: 800;line-height: 130%;letter-spacing: -0.01em;color:var(--global-gray-90)}
.submain_theme .season_theme .swiper-wrapper{gap:2.4rem}
.submain_theme .season_theme .swiper-container{overflow:inherit;}
.submain_theme .season_theme .swiper-slide{width:41rem;}
.submain_theme .season_theme .swiper-slide .img{display:block;height:27.3rem;overflow: hidden;border-radius: 0.8rem;margin:0 0 2rem;position: relative;}
.submain_theme .season_theme .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.submain_theme .season_theme .swiper-slide .img em{display:inline-block;position:absolute;left:1.2rem;top:1.2rem;padding:0 0.8rem;border-radius:0.4rem;height:2.8rem;line-height:2.8rem;background:var(--pastel-blue-400);color:#fff;font-size:1.6rem;font-weight: 700;}
.submain_theme .season_theme .swiper-slide a{width:100%;justify-content: center;}
.submain_theme .season_theme .list{margin:5.6rem 0 0;padding:4rem 0 0;border-top:1px solid var(--global-gray-20)}
.submain_theme .season_theme .list:first-child{margin:0;padding:0;border:0;}
.submain_theme .season_theme .list .swiper-pagination-fraction{display:none;}

#themeViewPop1.wrap_layerpop .layerpop {width: 128rem;border-radius: 1.2rem;padding: 0;max-height: 90%;overflow-y:auto;}
#themeViewPop1.wrap_layerpop .submain_theme{padding:4rem 4rem 0;}
#themeViewPop1.wrap_layerpop .tit{display:block;font-weight: 600;font-size:2.4rem;color:#000;letter-spacing: -0.02em;line-height: 120%;}
#themeViewPop1.wrap_layerpop .logo_badge {width: auto;}
#themeViewPop1.wrap_layerpop ul {display:flex;flex-wrap:wrap;gap:4rem 1.5rem;padding:4.8rem 1.8rem 4rem;}
#themeViewPop1.wrap_layerpop ul li{width:11.6rem;}
#themeViewPop1.wrap_layerpop .layerpop .close{position:absolute;right:4rem;top:4rem;}
#themeViewPop1 .submain_theme .logo_badge ul li a:after{display:none;}
#themeViewPop1 .submain_theme .logo_badge ul li a {padding: 0;}
#themeViewPop1 .submain_theme .logo_badge ul li em{word-break: keep-all;text-overflow: clip;max-height: none;display: block;}

/* 테마 메인 코치마크 */
.full_coachmark{display: none;}

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

    #contents{padding: 0;}
    #contents.submain_theme {padding: 0 0 20px 0;}
    #contents.submain_theme + #footer{margin-top: 0;}

    /* 테마고도화 2025 */
    #contents.submain_theme .mo{display:block;}
    #contents.submain_theme .pc{display:none;}
    .submain_theme .theme_visual {margin:133px 0 0;z-index: 100;}
    .submain_theme .theme_visual .btn {width: 100%;left:0;height: 2.8rem;transform:none;}
    .submain_theme .theme_visual.open .btn {top: 133px;}
    .submain_theme .theme_visual.open.up .btn {top:100px;}
    .submain_theme .theme_summary {position: relative;padding:8.6rem 0 0;background: #fff;}
    .submain_theme .theme_summary.dim:after{content: '';position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: url(../images/common/dim.png) repeat 0 0;}
    .submain_theme .logo_badge {width: auto;}
    .submain_theme .mo{display:block;}
    .submain_theme .pc{display:none;}
    .submain_theme .logo_badge .swiper-container {padding: 0.5rem 6.4rem 0 1.6rem;}
    .submain_theme .logo_badge .swiper-slide {width: 9.2rem !important;}
    .submain_theme .logo_badge ul li a {padding: 0 0 2.4rem;}
    .submain_theme .logo_badge ul li .wrap {width: 7.2rem;height: 7.2rem;}
    .submain_theme .logo_badge ul li .view {height: 1.9rem;line-height: 1.9rem;font-size: 1.1rem;}
    .submain_theme .logo_badge ul li .update {left: 0;top: 0;height: 0.6rem;width: 0.6rem;}
    .submain_theme .logo_badge ul li .logo img {width: 4.6rem;}
    .submain_theme .logo_badge ul li em {max-height: 3.4rem;font-size: 1.3rem;line-height: 1.7rem;}
    .submain_theme .logo_badge .swiper-button-prev, .submain_theme .logo_badge .swiper-button-more {top: 0;margin-top: 0;width: 7.9rem;height: 15.3rem;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 11.27%, rgba(255, 255, 255, 0.24) 29.86%, rgba(255, 255, 255, 0.5) 38.61%, rgba(255, 255, 255, 0.7) 44.88%, #FFFFFF 53.09%);}
    .submain_theme .logo_badge .swiper-button-prev{display:none;}
    .submain_theme .logo_badge .swiper-button-more button {top: 2.9rem;width: 2.4rem;height: 2.4rem;}
    .submain_theme .visu_wrap {height: 29.3rem;}
    .submain_theme .visu_container {width: auto;border-radius: 0;}
    .submain_theme .visu_container:after {background: linear-gradient(180deg, rgba(215, 215, 215, 0) 55.67%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.8) 98.99%);}
    .submain_theme .theme_detail .detail_wrap .swiper-slide {width:100% !important;}
    .submain_theme .theme_detail .swiper-pagination {height: 1.2rem;width: 100%;bottom: 4.8rem;left:0;transform:none;padding:0;text-align: center;}
    .submain_theme .theme_detail .swiper-pagination-bullet {width: 0.8rem;height: 0.8rem;}
    .submain_theme .theme_detail .swiper-pagination-bullet-active {width: 1.6rem;}
    .submain_theme .theme_detail{background:var(--global-gray-05);}
    .submain_theme .theme_detail .detail{margin:0 1.6rem;}
    .submain_theme .theme_detail .detail {width: auto;padding:2.4rem 0 0;z-index:2;box-shadow: 0.3rem -0.3rem 0.6rem rgba(0, 0, 0, 0.08);border-radius: 0.8rem 0.8rem 0 0;position: relative;transform: none;height:auto;left:0;top:-2.4rem;background:#fff;}
    .submain_theme .theme_detail .detail > .cont {padding: 0 2rem 0.8rem;color: var(--global-gray-90);}
    .submain_theme .theme_detail .detail > .cont em {padding: 0 0.6rem;height: 2rem;line-height: 2rem;border-radius: 0.3rem;font-size: 1.2rem;color:#fff;}
    .submain_theme .theme_detail .detail > .cont strong {margin: 1.6rem 0 0;font-size: 2rem;line-height:2.6rem;max-height: 5.2rem;}
    .submain_theme .theme_detail .detail .view {gap: 1.2rem;padding: 0;right: 2rem;top: 2.6rem;height: 1.6rem;line-height: 1.6rem;background:none;border-radius: 0;}
    .submain_theme .theme_detail .detail .view .num {gap: 0.2rem;font-size: 1.1rem;color: var(--global-gray-80);}
    .submain_theme .theme_detail .detail .view button{width: 1.6rem; height: 1.6rem;}
    .submain_theme .theme_detail .detail .view .icon_pg_eye_lg{width:1.6rem;height:1.6rem;}
    .submain_theme .theme_detail .detail .view .num svg path {stroke:var(--global-gray-80);}
    .submain_theme .theme_detail .detail .view button svg rect {fill: var(--global-gray-50);}
    .submain_theme .theme_detail .detail .view button svg path {fill: #fff;}
    .submain_theme .theme_detail .wrap_layerpop.ui_tooltip {left:0 !important;width:100%; border: none;}
    .submain_theme .theme_detail .ui_tooltip .layerpop{left: 1.6rem !important;right: 1.6rem !important;}
    .submain_theme .theme_detail .ui_tooltip .cont {padding: 3.2rem 1.6rem 3.2rem 1.6rem;font-size:1.4rem;line-height: 130%}
    .submain_theme .theme_detail .ui_tooltip .cont p{line-height: 1;}
    .submain_theme .theme_detail .ui_tooltip .close {right: 1.2rem;top: 1.2rem;}

    .submain_theme .text_box {margin: 0;padding:0 2rem;}
    .submain_theme .theme_detail .detail_txt{width:auto;margin:0 1.6rem;background:#fff;border-radius:0 0 0.8rem 0.8rem;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.08);position: relative;top:-2.4rem}
    .submain_theme .theme_detail .detail_txt p {font-size: 1.5rem;line-height: 150%;}
    .submain_theme .theme_detail .detail_txt .icon_pg_chevron_dw_md{width:1.6rem;height:1.6rem;}
    .submain_theme .tag {margin:1.6rem 0 0;padding-left:2rem;}
    .submain_theme .tag .swiper-slide a {height: 3rem;line-height: 2.8rem;font-size: 1.2rem;padding: 0 1rem;}
    .submain_theme .tag .swiper-button-next, .submain_theme .tag .swiper-button-prev{display:none;}
    .submain_theme .tag .swiper-container{padding:0 2rem 0 0;}
    .submain_theme .theme_detail .theme_go{position:static;width:auto;margin-top:3.2rem;display: block;transform: none;padding:0 2rem 2.4rem;text-align: center;}
    .submain_theme .theme_detail .theme_go a{width:100%;height: 4rem;justify-content: center;border-radius: 0.6rem;}
    .submain_theme .theme_detail .theme_go a .icon_pg_arwright_md{width:1.6rem;height:1.6rem;}
    .submain_theme .theme_place {width: auto;padding:4rem 0 0;}
    .submain_theme .theme_place h3 {padding:0 8.5rem 0 1.6rem;font-size: 2rem;letter-spacing: -0.02em;}
    .submain_theme .theme_place .thumb {margin: 2rem 0 0;border-radius: 0;}
    .submain_theme .theme_place .thumb img{width:100%;height:100%;object-fit: cover;}
    .submain_theme .theme_place .thumb a {width: auto;left:3.2rem;top:8.6rem;transform:none;}
    .submain_theme .theme_place .thumb:before{display:none;}
    .submain_theme .theme_place .thumb:after {background: linear-gradient(180deg, rgba(215, 215, 215, 0) -13.56%, rgba(0, 0, 0, 0.2) 24.99%, rgba(0, 0, 0, 0.8) 87.54%);width: 100%;}
    .submain_theme .theme_place .thumb strong {padding: 0 8.4rem 0 0;font-size: 1.8rem;line-height: 2.3rem;max-height: 4.6rem;color:#fff;}
    .submain_theme .theme_place .thumb a .btn_pg_icon_full_sm {right: 3.2rem;top: 0.9rem;transform:none;width:2.8rem;height:2.8rem;}
    .submain_theme .theme_place .thumb .icon_pg_arwright_md{width:1.6rem;height:1.6rem;}
    .submain_theme .theme_place .thumb.default:after{display:block;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0.35%, rgba(143, 115, 23, 0.2) 37.03%, #8F7317 87.47%);}
    .submain_theme .theme_place .list{padding:3.2rem 0 0 1.6rem;border-radius: 1.2rem 0 0 0;background: #fff;margin-top:-2rem;position: relative;}
    .submain_theme .theme_place .list .swiper-wrapper {flex-wrap:nowrap;gap:0;}
    .submain_theme .theme_place .list .swiper-slide {width:63%;display: block;}
    .submain_theme .theme_place .list .swiper-slide a {width: auto;height:7.8rem;display:flex;margin:0 0 1.6rem;}
    .submain_theme .theme_place .list .swiper-slide .img {flex-shrink: 0;width:7.8rem;height: 7.8rem;border-radius: 0.4rem;}
    .submain_theme .theme_place .list .swiper-slide div{min-width: 0;padding-left: 1.2rem;}
    .submain_theme .theme_place .list .swiper-slide strong {margin: 0 0 0.6rem;font-size: 1.6rem;letter-spacing: -0.01em;line-height:2.1rem;max-height:4.2rem;display: -webkit-box;word-break: keep-all;-webkit-line-clamp:2;-webkit-box-orient: vertical;white-space: normal;}
    .submain_theme .theme_place .list .swiper-slide em {height: 2rem;line-height: 2rem;font-size: 1.2rem;}
    .submain_theme .theme_place .btn_refresh {right: 1.6rem;top: 4.3rem;}
    .submain_theme .theme_place .btn_refresh a {line-height: 1.6rem;font-size: 1.2rem;letter-spacing:0;text-underline-offset:2px;}
    .submain_theme .theme_place .btn_more {padding: 0.8rem 1.6rem 0 0;}
    .submain_theme .theme_place .btn_more a{height:4rem;width:100%;justify-content: center;border-radius: 0.6rem;}
    .submain_theme .theme_place .btn_more a .icon_pg_arwright_md {width: 1.6rem;height: 1.6rem;}
    .submain_theme .banner {margin: 4rem 0 0;}
    .submain_theme .banner .inr {width: auto;}
    .submain_theme .banner img{width:100%;}
    .submain_theme .season_theme {width: auto;margin: 4rem 0 0;}
    .submain_theme .season_theme h3 {margin: 0 0 2rem;font-size: 1.8rem;}
    .submain_theme .season_theme .list {margin: 3.2rem 0 0;padding: 3.2rem 1.6rem 0;position: relative;}
    .submain_theme .season_theme .list:first-child {padding: 0 1.6rem;}
    .submain_theme .season_theme .swiper-wrapper {gap:0;}
    .submain_theme .season_theme .swiper-container{overflow:hidden;}
    .submain_theme .season_theme .swiper-container{position:static;}
    .submain_theme .season_theme .swiper-container.lock .swiper-pagination-bullets{display:none;}
    .submain_theme .season_theme .swiper-slide {width: 100%;}
    .submain_theme .season_theme .swiper-slide .img {margin: 0 0 2.4rem;height:23.8rem;}
    .submain_theme .season_theme .swiper-slide .img:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(180deg, rgba(215, 215, 215, 0) 57.89%, rgba(0, 0, 0, 0.2) 72.11%, #000000 107.66%);}
    .submain_theme .season_theme .swiper-slide .img em {left: 0.8rem;top: 0.8rem;padding: 0 0.6rem;border-radius: 0.3rem;height: 2rem;line-height: 2rem;font-size: 1.2rem;}
    .submain_theme .season_theme .swiper-slide a {height: 4rem;width: 100%;justify-content: center;border-radius: 0.6rem;}
    .submain_theme .season_theme .swiper-slide a .icon_pg_arwright_md {width: 1.6rem;height: 1.6rem;}
    .submain_theme .season_theme .list:first-child .swiper-pagination-fraction{top:-0.1rem;}
    .submain_theme .season_theme .list .swiper-pagination-fraction{display:inline-flex;gap:0.3rem;align-items: center;width:auto;padding:0 0.8rem;position:absolute;right:1.6rem;top:3.2rem;bottom:auto;left:auto;font-size:1.2rem;font-weight: 700;background:var(--global-gray-90);color:#8E8E8E;height:2.4rem;border-radius: 5rem;}
    .submain_theme .season_theme .list .swiper-pagination-fraction .current{color:#fff;}
    .submain_theme .season_theme .list .swiper-pagination-fraction .total{color:var(--global-gray-30)}
    .submain_theme .season_theme .list .swiper-pagination-bullets{display:flex;gap:8px;justify-content: center; position: absolute;bottom: 8.4rem;z-index: 10;}
    .submain_theme .season_theme .list .swiper-pagination-bullet {width: 0.8rem;height: 0.8rem;background: #fff;opacity: .5;margin:0;}
    .submain_theme .season_theme .list .swiper-pagination-bullet-active {width:1.6rem;border-radius: 5rem;opacity: 1;}

  #themeViewPop1.wrap_layerpop .layerpop .close {display:inline-flex;right: 1.6rem;top: 3.2rem;width: 2.8rem;height: 2.8rem;}
  #themeViewPop1.wrap_layerpop .layerpop .icon_pg_chevron_dw_sm{transform: rotate(180deg);}
  #themeViewPop1.wrap_layerpop ul {max-height: none;gap: 2.4rem 0;padding: 2.4rem 0;}
  #themeViewPop1.wrap_layerpop ul li {width:25%;}
  #themeViewPop1 .submain_theme .logo_badge ul li .update {left: 10px;}
  #themeViewPop1 .submain_theme .logo_badge ul li .view{right: 8px;top: -6px;}
  #themeViewPop1 .submain_theme .logo_badge ul li:after{display:none;}
  #themeViewPop1 .submain_theme .logo_badge ul li .wrap {width: 100%;height: auto;}
  #themeViewPop1 .submain_theme .logo_badge ul li .logo {width:calc(100% - 22px);padding-top: calc(100% - 22px);;position: relative;height: auto;margin: 0 auto;}
  #themeViewPop1 .submain_theme .logo_badge ul li .logo img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60%;}
  #themeViewPop1{position:absolute;max-height: 70vh;}
  #themeViewPop1.wrap_layerpop .layerpop {position:relative;max-height:100%;left: 0 !important;top: 0 !important;width: auto !important;margin: 0 !important;height: 100%;overflow-y: auto;border-radius: 0 0 12px 12px;}
  #themeViewPop1.wrap_layerpop:after{content:'';display:block;height:6rem;width:100%;position:absolute;left:0;bottom:0;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30.67%, #FFFFFF 76.67%);z-index: 210;border-radius: 0 0 1.2rem 1.2rem;}
  #themeViewPop1.wrap_layerpop .dimmed{display:none;}
  #themeViewPop1.wrap_layerpop .submain_theme {padding: 3.6rem 1.1rem 0;}
  #themeViewPop1.wrap_layerpop .tit {padding-left:0.5rem;font-size: 1.6rem;}


    /* 테마 메인 코치마크 */
    .full_coachmark{position: fixed; top: 0; left: 0; z-index: 200; width: 100%; height: 100%; display: block;}
    .full_coachmark .btn_wrap{position: absolute; top: 4rem; z-index: 110; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 1.6rem;}
    .full_coachmark input[type="checkbox"][class^="checkbox_pg_"] + label{color: #fff;}
    .full_coachmark input[type="checkbox"][class^="checkbox_pg_"] + label span{background: rgba(255, 255, 255, 0.15);}
    .full_coachmark input[type="checkbox"][class^="checkbox_pg_"] + label span svg path{opacity: 0;}
  .full_coachmark input[type="checkbox"][class^="checkbox_pg_"]:not(.noaction) + label:hover span{background: rgba(255, 255, 255, 0.15);}
    .full_coachmark input[type="checkbox"][class^="checkbox_pg_"]:checked + label span{background: var(--global-gray-80); opacity: 1;}
    .full_coachmark input[type="checkbox"][class^="checkbox_pg_"]:checked + label svg path{stroke: #fff; opacity: 1;}
    .full_coachmark .btn_close{color: #fff; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.02em;}
    .full_coachmark .swiper-container{height: 100%;}
    .full_coachmark .swiper-container .swiper-slide img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .full_coachmark .swiper-container .swiper-slide:first-child img{object-position: top center;}
    .full_coachmark .page_btn{position: absolute; z-index: 1; bottom: 3.6rem; width: 100%; display: flex; justify-content: center; align-items: center; gap: 2rem;}
    .full_coachmark .page_btn .swiper-pagination{position: static; display: flex; gap: 0.8rem; }
    .full_coachmark .page_btn .swiper-pagination .swiper-pagination-bullet{width: 0.8rem; height: 0.8rem; background: rgba(266, 266, 266, 0.5); opacity: 1;}
    .full_coachmark .page_btn .swiper-pagination .swiper-pagination-bullet-active{width: 1.6rem; background: #fff; border-radius: 999rem;}
    .full_coachmark .rolling{height: 1.2rem;}
    .full_coachmark .icon_pg_play span{width: 1.2rem; height: 1.2rem;}
    .full_coachmark .icon_pg_play span svg{fill: #fff;}
    .full_coachmark .rolling svg rect, .full_coachmark .rolling svg path{fill: #fff;}
    .full_coachmark .rolling .play{display: none;}
    .full_coachmark.active .rolling .play{display: block;}
    .full_coachmark.active .rolling .stop{display: none;}
    .full_coachmark ~ #footer{margin-top: 0;}

    .theme_showcase{height:auto;padding: 0 0 175px;overflow: hidden;}
    .theme_showcase .tit h2{margin:0;}
    .theme_showcase .tit h2 .pc{display:none;}
    .theme_showcase .tit h2 .mo{display:block;}
    .theme_showcase .tit h2 img{width:100%;}
    .theme_showcase .btn_all{position:absolute;left:50%;transform: translateX(-50%); bottom:0;margin:0;top:auto;width:auto;}
    .theme_showcase .btn_all button{height:30px;border:1px solid #333;width:150px;border-radius: 50px;font-size:12px;line-height:28px;}
    .theme_showcase .btn_all button:before {width: 11px;height: 11px;margin-right: 3px;vertical-align: -1px;background: url(../images/submain/btn_thmem_view01.png) 0 0 / 100% 100% no-repeat;}
    .theme_showcase .btn_all button strong{font-weight: 800;}
    .theme_showcase .showcase_bg{height:auto;background-position: 50% 50% !important;background-size:cover !important;position:static;}
    .theme_showcase .tit {width: 100%;margin:0;left:0;top:165px;position:static;padding:162px 0 0;}
    .theme_showcase .swiper-container{position:relative;height: 335px;top: auto;bottom:-92px;margin-top: -59px;padding:0;overflow: inherit;}
    .theme_showcase .swiper-slide{width:210px !important;}
    .theme_showcase .swiper-slide.swiper-slide-active{width:210px !important;}
    .theme_showcase .swiper-slide strong{max-width: 100%;margin: 0 0 5px !important;font-weight: 700;font-size:14px !important;letter-spacing:-0.02em !important;line-height:17px !important;max-height:34px;display: -webkit-box !important;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;white-space: inherit;}
    .theme_showcase .swiper-slide a:hover strong:after{display:none;}
    .theme_showcase .swiper-slide p{display:block;font-size:12px;line-height: 15px;max-height:30px;}
    .theme_showcase .swiper-slide .wrap{height:auto;position:static;box-shadow: 5px 8px 12px 0px rgba(34, 34, 34, 0.15);background:#fff;}
    .theme_showcase .swiper-slide .wrap:after{display:none;}
    .theme_showcase .swiper-slide.swiper-slide-active .wrap{height:auto;padding:0;}
    .theme_showcase .swiper-slide .text{height:92px;color:#333;padding: 12px 15px 0 !important;position:static !important;}
    .theme_showcase .swiper-wrapper {margin-left: 0;}
    .theme_showcase .swiper-slide.swiper-slide-active .pointer{display:none;}
    .theme_showcase .page_box{width:auto;top: 13px;}
    .theme_showcase .page_box .num{font-size:11px;margin-right: 15px;}
    .theme_showcase .page_box .num strong{margin: 0 3px;}
    .theme_showcase .page_box .num span {margin: 0 3px;}
    .theme_showcase .swiper-button-next, .theme_showcase .swiper-button-prev{display:none;}
    .theme_showcase .swiper-pagination-progressbar{right:60px;left:15px;}

    .submain_theme_banner{margin: 40px 0 0;}
    .submain_theme_banner img {border-radius: 0;}
    .submain_theme_banner .pc{display:none;}
    .submain_theme_banner .mo{display:block;}

    .theme_map .map_info{position: relative;}
    .theme_map {margin: 40px 0 0;}
    .theme_map h3 {margin: 0 15px 18px;font-size: 17px;letter-spacing:-0.02em;line-height: 20px;}
    .theme_map .map {display:block;float: none;position: relative;width: 100%;height: 600px;border-radius: 0;margin:0;}
    .theme_map .clustering {font-size: 12px;letter-spacing:-0.02em;}
    .theme_map .clustering.type1{width:37px;height:37px;line-height:37px;}
    .theme_map .clustering.type2{width:46px;height:46px;line-height:46px;}
    .theme_map .clustering.type3{width:56px;height:56px;line-height:56px;}
    .theme_map .layer {width: 54px;height: 61px;background: url(../images/submain/bg_theme_map_layer01.png) 0 0 / 100% 100% no-repeat;}
    .theme_map .layer span {width: 40px;height: 40px;margin: 7px 0 0 7px;border-radius: 7px;}
    .theme_map .layer span em {font-size: 12px;line-height: 15px;}
    .theme_map .list {position: static;width: auto;margin:0 15px 25px;float: none;}
    .theme_map .list h4 {align-items: center;position: absolute;left:50%;transform: translateX(-50%);top:15px;border-radius: 50px;background:#1eccaf;box-sizing: border-box;padding:0 30px 0;height: 38px;box-shadow: 1px 2px 7px 0px rgba(19, 22, 22, 0.33);}
    .theme_map .list h4 span{font-weight: 700;font-size: 13px;letter-spacing:-0.02em;color: #fff;line-height: 16px;text-align: center;width: 100%;}
    .theme_map .list h4:before, .theme_map .list h4:after{display:none;}
    .theme_map .list ul {padding: 15px 0 0;}
    .theme_map .list ul li .img {width: 90px;height: 90px;border-radius: 3px;}
    .theme_map .list ul li strong {padding: 26px 0 7px 15px;font-size: 14px;letter-spacing:-0.02em;line-height:17px;}
    .theme_map .list ul li .area {padding-left: 105px;font-size: 12px;line-height: 14px;}
    .theme_map .map_info .btn a {height:28px;margin:0 50px;padding-left: 0;color: #333;background:none;border-radius: 50px;font-size: 12px;letter-spacing:-0.02em;text-align: center;line-height:30px;border:1px solid #333;}
    .theme_map .map_info .btn a:after{content:'';display:inline-block;width:6px;height:10px;margin-left:4px;vertical-align: -1px;background: url(../images/submain/btn_theme_map01.png) 0 0 / 100% 100% no-repeat;}


    /* 지역 */
    .area_showcase .tit h2 .mo {display: block;}
    .area_showcase .tit h2 .pc {display: none;}
    .area_showcase .tit h2 img{width:100%;}
    .area_showcase .showcase_bg {height: 488px;}
    .area_showcase .cont_wrap {margin-top: -325px;}
    .area_showcase .tit {width: auto;padding: 0;}
    .area_info .list_zone .swiper-container.tab {width: auto;margin: 0 auto 0;padding:30px 15px 10px;}
    .area_info .list_zone .area_btn{width:auto;}
    .area_info .list_zone .tab .swiper-slide {width: 19%;}
    .area_info .list_zone .tab img{display:block;}
    .area_info .list_zone .tab .swiper-slide a span {font-size: 13px;letter-spacing:-0.02em;line-height: 15px;padding: 8px 0 0;}
    .area_info .list_zone .tab a:before{background-size: 100% auto;height: calc(100% - 23px);}

    .area_info .list_zone .tab a:hover:before{box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.19);}
    .area_info .list_zone .tab a.incheon:before{background-position:0 6.2%;}
    .area_info .list_zone .tab a.daejeon:before{background-position:0 12.5%;}
    .area_info .list_zone .tab a.daegu:before{background-position:0px 18.75%;}
    .area_info .list_zone .tab a.gyeonggi:before{background-position:0 25%;}
    .area_info .list_zone .tab a.busan:before{background-position:0 31.26%;}
    .area_info .list_zone .tab a.ulsan:before{background-position:0 37.5%;}

    .area_info .list_zone .tab a.gwangju:before{background-position:0 43.75%;}
    .area_info .list_zone .tab a.gangwon:before{background-position:0 50%;}
    .area_info .list_zone .tab a.chungbuk:before{background-position:0 56.27%;}
    .area_info .list_zone .tab a.chungnam:before{background-position:0 62.51%;}
    .area_info .list_zone .tab a.kyeongbuk:before{background-position:0 68.77%;}

    .area_info .list_zone .tab a.gyeongnam:before{background-position:0 75%;}
    .area_info .list_zone .tab a.jeonbuk:before{background-position:0 81.28%;}
    .area_info .list_zone .tab a.jeonnam:before{background-position:0 87.53%;}
    .area_info .list_zone .tab a.jeju:before{background-position:0 93.8%;}
    .area_info .list_zone .tab a.sejong:before{background-position:0 100.03%;}

    .area_info .list_zone .swiper-slide button {height: 33px;font-size: 13px;line-height: 35px;background:#fff;border-radius: 50px;}
    .area_info .list_zone .swiper-slide.on button{background: #333 !important;color: #fff !important;font-weight: 700 !important;}
    .area_info .list_zone .swiper-slide button:hover {background: #fff;color: #333;font-weight: 400;}

    .area_info .zone_box{width:auto;}
    .area_info .box_logo{position:relative;top:0;padding:0;margin: 20px 15px 25px !important;width:auto !important;}
    .area_info .list_zone .box_logo .logo{padding:0;}
    .area_info .list_zone .box_logo .logo span {width: 30px;height: 30px;}
    .area_info .list_zone .box_logo .logo img{height:auto !important;}
    .area_info .list_zone .box_logo .name {font-size: 17px;line-height: 30px;letter-spacing:-0.02em;}
    .area_info .list_zone .box_logo .name:after {width: 17px;height: 17px;margin-left: 8px;vertical-align:-2px;background: url(../images/submain/ico_zone_m_link.png) 0 0 / 100% 100% no-repeat;}
    .area_info .switch_wrap {top: 7px;}
    .area_info .switch_wrap em {font-size: 12px;line-height: 14px;vertical-align: 8px;color:#000;}
    .area_info .switch_wrap{right:1px;}
    .switch_wrap .tog_wrap {width: 25px;height: 12px;vertical-align: 2px;}
    .switch_wrap .slider:before {height: 15px;width: 15px;left: 0;top: -3px;}
    .switch_wrap .tog_wrap input:checked + .slider:before, .switch_wrap .tog_wrap .slider.on:before{transform: translateX(9px);}

    .area_info .zone_cont{margin:0;}
    .area_info .zone_cont .swiper-container {padding: 0 0 20px;}
    .area_info .zone_cont .swiper-slide{width:225px;height: 202px;padding: 20px;box-shadow: 0px 0px 10px 0px rgba(28, 63, 117, 0.2);}
    .area_info .zone_cont .swiper-slide:hover:after{display:none;}
    .area_info .zone_cont .swiper-slide.swiper-slide-active{border:0;}
    .area_info .zone_cont .swiper-slide.swiper-slide-active:after{content: '';display: inline-block;width: 100%;height: 100%;border: 2px solid #333;position: absolute;left: 0;top: 0;border-radius: 5px;box-sizing: border-box;box-shadow: 0px 0px 10px 0px rgba(28, 63, 117, 0.2);}
    .area_info .swiper-button-next, .area_info .swiper-button-prev{display:none;}
    .area_info .zone_cont .swiper-slide em {height: 20px;line-height: 20px;font-size: 11px;border-radius: 10px 10px 10px 0;}
    .area_info .zone_cont .swiper-slide strong {margin:22px 0 8px;font-size: 17px;line-height:20px;letter-spacing:-0.02em;}
    .area_info .zone_cont .swiper-slide p {font-size: 12px;letter-spacing:-0.02em;line-height:16px;max-height:32px;}
    .area_info .zone_cont .swiper-slide a {right: 20px;bottom: 20px;font-size: 11px;}
    .area_info .list_sub {padding:17px 14px 16px 14px !important;margin:0 15px;}
    .area_info .list_sub strong {margin: 0 0 9px;font-size: 14px;line-height:17px;letter-spacing:-0.02em;}
    .area_info .list_sub .more {right: 15px;top: 15px;font-size: 12px;}
    .area_info .list_sub .more:after {width: 11px;height: 7px;margin-left:5px;background: url(../images/submain/btn_m_more.png) 0 0 / 100% auto no-repeat;}
    .area_info .list_sub.on .more:after {background-position: 0 -7px;}
    .area_info .list_sub ul li {margin: 0 0 5px 5px;}
    .area_info .list_sub ul li a{height:25px;width: 48px;line-height: 23px;letter-spacing:-0.02em;}
    .area_info .list_sub ul {margin-left: -5px;height: 25px;}
    .area_hotplace {margin:40px 15px 0;}
    .area_hotplace .pc{display:none;}
    .area_hotplace .mo_tab{display:block;padding:0 2px;margin:0 0 15px;height:34px;border-radius: 50px;background:#f9f9f9;border:1px solid #ededed;position: relative;}
    .area_hotplace .mo_tab:after {content: '';display: block;border-radius: 50px;background: #333;width: 50%;height: 30px;transform: translateX(0);transition: .5s;position: absolute;left: 2px;top: 2px;}
    .area_hotplace .mo_tab.tab2:after {transform: translateX(calc(100% - 4px));}
    .area_hotplace .mo_tab li{float:left;width:50%;margin:0;}
    .area_hotplace .mo_tab li span {padding-left: 0;width: 50%;z-index: 10;height: 30px;line-height: 30px;position: absolute;left: 0;right: 0;top: 2px;}
    .area_hotplace .mo_tab li:last-child > a > span {left: 50%;}
    .area_hotplace .mo_tab li a{display:block;height:30px;line-height:30px;text-align: center;font-size:14px;color:#999;letter-spacing:-0.02em;}
    .area_hotplace .mo_tab li.on a{color:#fff;}
    .area_hotplace h3{width:auto;margin: 0 auto 20px;font-size:17px;line-height:20px;letter-spacing:-0.02em;}
    .area_hotplace .list {background: none;padding:0;}
    .area_hotplace .inr{width:auto;}
    .area_hotplace h4 {display:none;}
    .area_hotplace ul {margin-left: -10px;overflow: hidden;}
    .area_hotplace ul li {width:calc(50% - 10px);height:auto;margin:0 0 20px 10px;background:none;box-shadow:none;border-radius:0;}
    .area_hotplace ul li .img {height: 140px;border-radius: 5px;}
    .area_hotplace ul li strong {margin: 8px 0 3px;font-size: 14px;line-height: 17px;text-align: left;}
    .area_hotplace ul li .area {margin: 0;text-align: left;font-size: 12px;line-height: 14px;}
    .area_hotplace .cont .more {position: static;text-align: center;}
    .area_hotplace .cont .more a{text-indent:0;width: 83px;height:28px;background:none;border:1px solid #333;border-radius: 50px;line-height:30px;font-size:12px;}
    .area_hotplace .cont .more a:after{content:'';display:inline-block;width:10px;height:10px;margin-left:4px;vertical-align: -1px;background: url(../images/submain/ico_m_moreplus.png) 0 0 / 100% 100% no-repeat;}

    .kockoc_banner{width:auto;}
    .kockoc_banner .swiper-container{padding:0 15px;}
    .kockoc_banner .swiper-slide {width: 170px;height: 135px;border-radius: 3px;padding:20px;}
    .kockoc_banner strong {font-size: 15px;line-height:18px;}
    .kockoc_banner p {font-size: 12px;line-height: 15px;letter-spacing:-0.02em;word-break:keep-all;}
    .kockoc_banner p br{display:none;}
    .kockoc_banner a {left: 20px;bottom: 20px;font-size: 11px;line-height:13px;}
    .kockoc_banner .swiper-slide:after {width: 22px;height: 24px;right: 20px;bottom: 20px;}
    .kockoc_banner .swiper-slide.cont2:after {width: 20px;height: 25px;}
    .kockoc_banner .swiper-slide.cont3:after {width: 25px;height: 24px;}

    .festival_calendar{width:auto;margin:40px auto 0;}
    .festival_calendar h3 {margin: 0 15px 16px;font-size: 17px;line-height: 20px;letter-spacing:-0.02em;}
    .festival_calendar .calendar{display:none;}
    .festival_calendar .mo_calendar{display:block;margin:0 15px;position: relative;height:22px;}
    .festival_calendar .mo_calendar button{text-indent: -9999px;}
    .festival_calendar .mo_calendar .prev{width:20px;height:20px;background: url(../images/submain/btn_calendar_m_prev.png) 0 0 / 100% 100% no-repeat;}
    .festival_calendar .mo_calendar .next{width:20px;height:20px;background: url(../images/submain/btn_calendar_m_next.png) 0 0 / 100% 100% no-repeat;}
    .festival_calendar .mo_calendar .view{position:absolute;right:0;top:0;width:20px;height:21px;background: url(../images/submain/ico_mo_calendar.png) 0 0 / 100% 100% no-repeat;}
    .festival_calendar .mo_calendar .control{display:flex;justify-content: center;align-items: center;}
    .festival_calendar .mo_calendar .control span{line-height:22px;height:22px;margin:0 20px;font-weight: 700;font-size:15px;letter-spacing:-0.02em;color:#333;}

    .festival_calendar .poster {margin:18px 0 0;}
    .festival_calendar .swiper-wrapper{justify-content: center;}
    .festival_calendar.js_slider .swiper-wrapper{justify-content: flex-start;}
    .festival_calendar.js_slider .poster .swiper-container {padding: 0 0 35px;margin: 0 0 6px;}
    .festival_calendar .poster .swiper-container {padding: 0 0 15px;margin-left:0;}
    .festival_calendar .poster .swiper-slide {width: 210px !important;height: 296px;border-radius: 3px;margin-left:0;}
    .festival_calendar.js_slider .poster .cont{height: 296px;bottom: -296px;}
    .festival_calendar .poster .cont{bottom:0;height: 296px;}
    .festival_calendar.js_slider .poster .swiper-slide.swiper-slide-active .cont {bottom: 0 !important;}
    .festival_calendar .poster .swiper-slide.swiper-slide-active .cont:before{content:'';display:inline-block;width:20px;height:2px;background:#fff;position:absolute;top:99px;left:95px;}
    .festival_calendar .poster .swiper-slide:hover .cont {bottom: 0;}
    .festival_calendar.js_slider .poster .swiper-slide:hover .cont {bottom: -296px;}
    .festival_calendar .poster .swiper-slide strong {margin: 115px 15px 6px;font-size: 14px;letter-spacing:-0.02em;line-height:17px;}
    .festival_calendar .poster .swiper-slide span {font-size: 11px;line-height: 13px;}
    .festival_calendar .poster .swiper-slide em {margin: 13px 0 28px;font-size: 12px;line-height: 14px;}
    .festival_calendar .poster .swiper-slide a {width: 48px;height: 48px;line-height: 50px;font-size: 11px;letter-spacing:-0.02em;}
    .festival_calendar .swiper-button-next, .festival_calendar .swiper-button-prev{display:none !important;}

    .festival_calendar .swiper-pagination-progressbar {right: 60px;left: 15px;bottom: 9px;background: #b2b2b2;}
    .festival_calendar .num {width:45px;right: 15px;line-height: 20px;font-size: 11px;color: #333;letter-spacing:-0.02em;}
    .festival_calendar .num strong {font-weight: 800;margin: 0 3px;  color: #000;}
    .festival_calendar .num span {margin: 0 3px;}
    .festival_calendar .btn_shortcut {padding: 10px 0 0;}
    .festival_calendar .btn_shortcut a {width: 200px;height: 30px;line-height:30px;font-size: 12px;font-weight: 400;}
    .festival_calendar .btn_shortcut a strong {font-weight: 800;}
    .festival_calendar .btn_shortcut a:after {width: 6px;height: 10px;background: url(../images/submain/btn_m_shortcut.png) 0 0 / 100% 100% no-repeat;margin-left: 5px;vertical-align: -1px;}
    .festival_calendar .no_list{height: 297px;margin:0 15px;padding: 130px 0 0;background: #f4f6f8 url(../images/submain/bg_festival_no_list01.png) 50% 65px / 40px auto no-repeat;border-radius: 3px;}
    .festival_calendar .no_list > strong {font-size: 14px;letter-spacing:-0.02em;line-height: 18px;}
    .festival_calendar .no_list p {font-size: 12px;letter-spacing:-0.02em;line-height: 15px;}
    .festival_calendar .no_list a {width: 170px;height: 30px;line-height:28px;font-size: 12px;font-weight: 400;}
    .festival_calendar .no_list a strong {font-weight: 800;}
    .festival_calendar .mo{display:block;}
    .festival_calendar .more {right: 15px;font-size:12px;color:#333;top: 2px;text-indent:0;width: auto;height: auto;background:none;}
    .festival_calendar .more:after{content:'';display:inline-block;width:10px;height:10px;margin-left:5px;vertical-align: -1px;background: url(../images/submain/ico_m_moreplus.png) 0 0 / 100% 100% no-repeat;}
    .festival_calendar .no_list a:after {width: 6px;height: 10px;background: url(../images/submain/btn_m_shortcut.png) 0 0 / 100% 100% no-repeat;margin-left: 5px;vertical-align: -1px;}

    /*** 지역 고도화 2024 ***/
    #contents.submain_area{padding: 20px 0 0 0;border-radius: 20px 0 0 0;position: relative;top: -20px;background: #fff;}
    #contents.submain_area ~ #footer{margin-top: 6rem;}
    #contents.submain_area{padding-top:20px !important;}
    .area_bg .area_info .list_zone .area_btn {width: auto;}
    .area_showcase .area_bg {padding: 0 0 45px;height: auto;}
    .area_bg .list_zone .tab .swiper-slide {margin: 0 8px;width:12%;}
    .area_bg .list_zone .tab a {width: 100%;}
    .area_bg .list_zone .tab a:before {height: auto;padding-top: 100%;}
    .area_bg .list_zone .tab a:hover:after, .area_bg .list_zone .tab .swiper-slide.on a:after {height: 45px;}
    .area_bg .list_zone .swiper-container.tab {padding: 10.4rem 0 10px !important;}
    .area_bg .list_zone .tab .swiper-slide a span {font-size: 12px;line-height: 14px;}
    .area_bg .area_info .switch_wrap{top:74px;display: flex;height:13px;right:15px;}
    .area_bg .switch_wrap .tog_wrap{height:13px;width: 22px;}
    .area_bg .switch_wrap em {font-size: 11px;line-height: 13px;vertical-align: top;margin: 0 5px 0;color: #333;}
    .area_bg .switch_wrap .slider:before {height: 11px;width: 11px;border:0 !important;left: 1px;top: 1px;box-sizing: border-box;}
    .area_bg .list_zone .tab .swiper-slide.on a {width: 100%;position:absolute;left:0;top:-0.94vw;z-index: 5;}
    .area_bg .list_zone .tab .swiper-slide.on a:before {height: auto;padding-top: 100%;}
    .area_bg .list_zone .tab a:hover:after{display:none;}
    .area_bg .list_zone .tab .swiper-slide.on a:after {height: auto;padding-top:calc(100% - 2px);border: 1.5px solid #333;top: 0;}
    .area_bg .list_zone .tab .swiper-slide.on a span {padding: 8px 0 0;font-size: 13px;font-weight: 800;line-height: 15px;}
    .area_bg .list_zone .tab .swiper-slide.on {width: 14%;margin: 0 5px;}
    .area_bg .switch_wrap .tog_wrap input:checked + .slider:before, .area_bg .switch_wrap .tog_wrap .slider.on:before {transform: translateX(9px);}

    .area_bg .list_zone .tab .swiper-slide.on a.gangwon:before {background-position: 0 50%;}
    .area_bg .list_zone .tab .swiper-slide.on a.incheon:before {background-position: 0 6.2%;}
    .area_bg .list_zone .tab .swiper-slide.on a.daejeon:before {background-position: 0 12.5%;}
    .area_bg .list_zone .tab .swiper-slide.on a.daegu:before {background-position: 0 18.8%;}
    .area_bg .list_zone .tab .swiper-slide.on a.gyeonggi:before {background-position: 0 25%;}
    .area_bg .list_zone .tab .swiper-slide.on a.busan:before {background-position: 0 31.3%;}
    .area_bg .list_zone .tab .swiper-slide.on a.ulsan:before {background-position: 0 37.5%;}
    .area_bg .list_zone .tab .swiper-slide.on a.gwangju:before {background-position: 0 43.7%;}
    .area_bg .list_zone .tab .swiper-slide.on a.chungbuk:before {background-position: 0 56.25%;}
    .area_bg .list_zone .tab .swiper-slide.on a.chungnam:before {background-position: 0 62.5%;}
    .area_bg .list_zone .tab .swiper-slide.on a.kyeongbuk:before {background-position: 0 68.73%;}
    .area_bg .list_zone .tab .swiper-slide.on a.gyeongnam:before {background-position: 0 75%;}
    .area_bg .list_zone .tab .swiper-slide.on a.jeonbuk:before {background-position:0 81.25%;}
    .area_bg .list_zone .tab .swiper-slide.on a.jeonnam:before {background-position: 0 87.4%;}
    .area_bg .list_zone .tab .swiper-slide.on a.jeju:before {background-position: 0 93.8%;}
    .area_bg .list_zone .tab .swiper-slide.on a.sejong:before {background-position: 0 99.98%;}

    .select_region {margin: 0 auto 40px;}
    .select_region .mo_tit{display:block;}
    .select_region .pc_tit{display:none;}
    .select_region h2 {font-size: 18px;padding:0 15px 0;letter-spacing:-0.02em;line-height: 20px;font-weight: 400;}
    .select_region .layer_wrap {width: auto;padding:0 15px;margin:0;font-size: 14px;letter-spacing:-0.02em;line-height: 29px;}
    .select_region .layer_wrap button.menu {width: 100px;font-size: 18px;height: 29px;letter-spacing:-0.02em;}
    .select_region .layer_wrap button.menu:after {width: 15px;height: 6px;background: url(../images/submain/icon_select_region_menu1.png) 0 0 / 10px auto no-repeat;}
    .select_region .layer_wrap button.menu.on:after {background-position: 0 -6px;}
    .select_region .layer_wrap ul {left:44px;width: 100px;}
    .select_region .layer_wrap ul li {height: 30px;}
    .select_region .layer_wrap ul li button {font-size: 18px;letter-spacing:-0.02em;padding-left: 6px;}
    .select_region .layer_wrap .icon_help {position:absolute;right: 15px;top: 7px;width: 14px;height: 14px;background: url(../images/submain/icon_layer_help1.png) 0 0 / 100% 100%;}
    .select_region .layer_wrap .layer{display:none;padding:30px 28px;text-align:center;position:fixed;left:15px;right:15px;top:50%;transform: translateY(-50%);width:auto;z-index: 600;}
    .select_region .layer_wrap .layer br{display:none;}
    body.submain_dim{overflow: hidden;}
    .select_region .layer_wrap .layer:before{display:none;}
    .select_region .layer_wrap .layer button {right: 10px;top: 10px; width: 13px; height: 13px; background: url(../images/submain/btn_select_region_layer1.png) 0 0 / 100% 100%;}
    .select_region .nationwide {margin: 20px 0 0;}
    .select_region .nationwide .swiper-container {padding:0 15px 41px 0;margin-left:15px;overflow: hidden;}
    .select_region .nationwide .swiper-pagination{display:block;}
    .select_region .nationwide .swiper-slide {width: 40%;}
    .select_region .nationwide .swiper-slide a {box-shadow:none;}
    .select_region .nationwide .swiper-slide ul li {margin: 0 0 20px;}
    .select_region .nationwide .swiper-slide .info > div{display:none;}
    .select_region .nationwide .swiper-slide .img {height: 34.38vw;border-radius: 5px;overflow: hidden;}
    .select_region .nationwide .swiper-slide .info {height: auto;padding: 7px 0 0;}
    .select_region .nationwide .swiper-slide strong {font-size: 13px;letter-spacing:-0.02em;line-height: 15px;}
    .select_region .nationwide .swiper-slide em {margin: 5px 0 0;font-size: 11px;line-height: 13px;font-weight:300;letter-spacing:-0.02em;}
    .select_region .nationwide .swiper-slide button {right: 10px;top: 10px;width: 20px;height: 20px;background: url(../images/submain/icon_nationwide_good1.png) 0 0 / 100% auto no-repeat;}
    .select_region .nationwide .swiper-slide button.on {background-position: 0 -20px;}
    .select_region .nationwide .swiper-container.lock .swiper-pagination{display:none;}
    .select_region .nationwide .swiper-pagination{bottom:28px;left:auto;right:15px;width:auto;font-size:11px;line-height:13px;font-weight: 300;}
    .select_region .nationwide .swiper-pagination strong{font-weight: 700;}
    .select_region .nationwide .swiper-scrollbar{left: 0;right:65px;bottom: 34px;height: 2px;width: auto;top:auto;}
    .select_region .nationwide .swiper-pagination-progressbar-fill{background:#333;}
    .select_region .nationwide .btn_more{padding:0 25px;}
    .select_region .nationwide .btn_more a {font-size: 12px;width: 100%;height: 30px;}
    .select_region .nationwide .btn_more a:after {width: 6px;height: 10px;margin-left: 5px;background: url(../images/submain/btn_nationwide_more1.png) 0 0 / 100% 100%;}
    .select_region .nationwide .btn_more a strong{padding:0 2px;}
    .select_region .layer_wrap .mo{display:inline-block;margin-left:0;}
    .select_region .layer_wrap span {margin-left: 10px;}

    .select_region .datalab_widget {margin:20px 15px 0;padding: 0 8px 8px;height: auto;}
    .select_region .datalab_widget.mo{display:block;}
    .select_region .datalab_widget > div {height: 100%;width: 100%;}
    .select_region .datalab_widget .tmap {padding:12px 0 8px;gap: 4px;}
    .select_region .datalab_widget .tmap .logo {width: 16px;height: 16px;}
    .select_region .datalab_widget .tmap a {font-size: 13px;line-height: 16px;gap:4px;}
    .select_region .datalab_widget .tmap .icon_chevron_rt_md{width:12px !important;height:12px !important;}
    .select_region .datalab_widget .tmap:after{display:none;}
    .select_region .datalab_widget .travel_trend {padding: 0;height:32px;background:#fff;border-radius: 4px;}
    .select_region .datalab_widget .swiper-container {padding: 0;}
    .select_region .datalab_widget .btn_auto{display:none;}
    .select_region .datalab_widget .travel_trend a {padding-inline: 12px 36px;gap: 4px;line-height: 16px;}
    .select_region .datalab_widget .travel_trend .swiper-slide span {line-height: 16px;width: 16px;height: 16px;font-size: 11px;}
    .select_region .datalab_widget .travel_trend em {font-size: 12px;}
    .select_region .datalab_widget .travel_trend strong {font-size: 12px;}
    .select_region .datalab_widget .btn_layer{top: 8px; right: 12px;}
    .select_region .datalab_widget .btn_layer button{width: 16px !important; height: 16px !important;}
    .select_region .datalab_widget .tmap_layer{right: -8px !important; left: -8px !important; top: 50px; width: auto; padding: 20px 15px 8px;}
    .select_region .datalab_widget .tmap_layer ul{column-gap: 16px; column-count: auto;}
    .select_region .datalab_widget .tmap_layer ul li{margin-bottom: 12px;}
    .select_region .datalab_widget .tmap_layer ul li a{padding: 0;}
    .select_region .datalab_widget .tmap_layer .more{margin: 0 0 12px;justify-content: center;}
    .select_region .datalab_widget .tmap_layer .more a {line-height:1;font-size: 12px;padding:0;}
    .select_region .datalab_widget .tmap_layer .more .icon_chevron_rt_sm{width:12px !important;height:12px !important;}
    .select_region .datalab_widget .tmap_layer .title{font-size: 14px;line-height:130%;margin: 0 0 20px;padding-right:24px;}
    .select_region .datalab_widget .tmap_layer a span{line-height: 17px;width: 16px;height: 16px;font-size: 11px;}
    .select_region .datalab_widget .tmap_layer button{width: 16px; height: 16px; top: 20px; right: 15px;}



    .select_region .map_area{display:block;padding:0 15px;}
    .select_region .map_wrap {width: auto;padding: 0;}
    .select_region .map_area .map_wrap{width:auto;padding: 20px 0 20px;}
    .select_region .map_area .map_wrap .btn_list {padding-left: 15px;font-size: 11px;line-height: 13px;background: url(../images/submain/icon_map_list1.png) 0 50% / 10px 10px no-repeat;}

    .select_region .map_area .map_wrap .btn_map input[type="checkbox"] + label {font-size: 11px;line-height: 10px;padding-left: 15px;}
    .select_region .map_area .map_wrap .btn_map input[type="checkbox"] + label:before {width:10px; height:10px;background: url(../images/submain/btn_check_map1_3.png) 0 0 / 100% 100% no-repeat;box-sizing: border-box;}
    .select_region .map_area .map_wrap .btn_map input[type="checkbox"]:checked + label:before {background: url(../images/submain/btn_check_map1_4.png) 0 0 / 100% 100% no-repeat;}

    .select_region .map_area .layer{display: none !important;}

    .select_region .map_area .list {width: auto;padding: 0;margin:0 -15px;}
    .select_region .map_area .list .swiper-container {overflow: hidden;padding:0 15px 35px 0;margin-left:15px;}
    .select_region .map_area .list ul {flex-wrap:nowrap;}
    .select_region .map_area .list ul .swiper-slide {width: 40%;height: auto;margin:0;}
    .select_region .map_area .list .swiper-slide a{box-shadow:none;}
    .select_region .map_area .list .tag{display:none;}
    .select_region .map_area .list .img {height: 34.38vw;border-radius: 5px;overflow: hidden;}
    .select_region .map_area .list .swiper-slide strong{margin: 8px 0 5px;font-size: 13px;letter-spacing:-0.02em;line-height: 15px;}
    .select_region .map_area .list .swiper-slide em{margin:0;padding: 0;font-size: 11px;line-height: 13px;font-weight: 300;letter-spacing:-0.02em;}
    .select_region .map_area .list button.good{right: 10px;top: 10px;width: 20px;height: 20px;background: url(../images/submain/icon_nationwide_good1.png) 0 0 / 100% auto no-repeat;}
    .select_region .map_area .list button.good.on {background-position: 0 -20px;}
    .select_region .map_area .list .swiper-pagination{bottom:0;left:auto;right:15px;width:auto;font-size:11px;line-height:13px;font-weight: 300;}
    .select_region .map_area .list .swiper-pagination strong{font-weight: 700;}
    .select_region .map_area .list .swiper-scrollbar{left: 0;right:65px;bottom: 5px;height: 2px;width: auto;top:auto;}
    .select_region .map_area .list .swiper-pagination-progressbar-fill{background:#333;}
    .select_region .map_area .list .btn_more {padding: 28px 25px 0;}
    .select_region .map_area .list .btn_more a strong{padding:0 2px;}
    .select_region .map_area .list .btn_more a{font-size: 12px;width: 100%;height: 30px; line-height: 30px;}
    .select_region .map_area .list .btn_more a:after{width: 6px;height: 10px;margin-left: 5px;background: url(../images/submain/btn_nationwide_more1.png) 0 0 / 100% 100%;}
    .select_region .map_area .list .nodata strong {margin: 10px 0 0;padding: 95px 0 0;font-size: 16px;line-height: 20px;background: url(../images/submain/bg_region_nodata.png) 50% 0 / 82px auto no-repeat;}
    .select_region .map_area .list .nodata p {font-size: 12px;}
    .select_region .map_area .list .swiper-pagination{display:block;}
    .select_region .map_area .list .swiper-container.lock .swiper-pagination{display:none;}

    .area_cockcock_banner {height: 35vw;margin: 0 0 40px;margin-left:0;width: 100%;}
    .area_cockcock_banner strong{font-size:5.63vw;}
    .area_cockcock_banner .mo{display:block;}   .area_cockcock_banner .inr {width: auto;padding:0 0 0 25px;background: url(../images/submain/img_cockcock_banner1.png) 92.2% 50% / 40.63vw 24.38vw no-repeat;}
    .area_cockcock_banner p {padding: 4.69vw 0 3.13vw;font-size: 3.75vw;letter-spacing: -0.16vw;line-height: 5.63vw; text-shadow: none;}
    .area_cockcock_banner a {padding-right: 3.44vw;font-size: 3.44vw;letter-spacing: -0.16vw;line-height: 4.38vw;background: url(../images/submain/btn_area_cockcock_banner1.png) 100% 50% / 1.56vw 2.81vw no-repeat;}

    /*
    .datepickers-container{width:100%;}
    .datepicker.scd_picker.active{width: auto !important;left: 15px !important;right: 15px !important;}
    */
    .festival_calendar.type1 {margin: 0 auto -5px;}
    .festival_calendar.type1 h2 {padding: 0 15px 42px;font-size: 17px;line-height: 19px;}
    .festival_calendar.type1 .more{text-indent: -9999px;width:12px;height:12px;background: url(../images/submain/ico_moreplus1.png) 0 0 / 100% 100% no-repeat;}
    .festival_calendar.type1 .mo_calendar{z-index: 10;}
    .festival_calendar.type1 .mo_calendar .view {right: auto;left: 50%;margin-left: 48px;top: 0;width: 16px;z-index: 10;height: 16px;background: url(../images/submain/ico_mo_calendar1.png) 0 0 / 100% 100% no-repeat;}
    .festival_calendar.type1 .mo_calendar .prev {width: 16px;height: 16px;background: url(../images/submain/btn_calendar_m_prev1.png) 0 0 / 100% 100% no-repeat;}
    .festival_calendar.type1 .mo_calendar .next {width: 16px;height: 16px;background: url(../images/submain/btn_calendar_m_next1.png) 0 0 / 100% 100% no-repeat;}
    .festival_calendar.type1 .mo_calendar .control span {line-height: 16px;height: 16px;margin: 0 58px 0 30px;font-size: 16px;}
    .festival_calendar.type1 .mo_calendar .control span {color: #fff;}
    .festival_calendar.type1 .list {padding: 66px 0 0;top: -42px;height: auto;width: 100%;margin-left:0;}
    .festival_calendar.type1 .swiper-wrapper{justify-content: start;}
    .festival_calendar.type1 .list .swiper-slide {overflow: inherit;background: #fff;padding: 20px;width: 65%;height: auto;}
    .festival_calendar.type1 .list .swiper-slide:before {z-index: 5;width: 12px;height: 12px;left: -6px;top: 75.3%;}
    .festival_calendar.type1 .list .swiper-slide:after{z-index: 5;width: 12px;height: 12px;left: auto;right:-6px;top: 75.3%;}
    .festival_calendar.type1 .list .inr {display: block;}
    .festival_calendar.type1 .img {display:block;width: 100%;height: 61.88vw;}
    .festival_calendar.type1 .info {margin-left: 0;padding: 0;width: 100%;text-align:center;}
    .festival_calendar.type1 .info:before{width: 100%;height: 1px;position: absolute;top: auto;left: 0;bottom: 38px;background: #fff url(../images/submain/festival_calendar_line1.gif) 0 0 / 4px 1px repeat-x;}
    .festival_calendar.type1 h3 {margin: 8px 0 5px;font-size: 13px;letter-spacing:-0.02em;line-height: 15px;}
    .festival_calendar.type1 .info em {font-size: 11px;line-height: 13px;color: #666;letter-spacing:-0.02em;}
    .festival_calendar.type1 .period_place strong{display:none;}
    .festival_calendar.type1 .period_place{display:block;margin: 15px 0 0;}
    .festival_calendar.type1 .period_place .period {width: 100%;}
    .festival_calendar.type1 .period_place .place {width: 100%;margin:8px 0 15px;padding:0 0 15px;}
    .festival_calendar.type1 .period_place .place span{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .festival_calendar.type1 .period_place span {display: block;height: auto;font-size: 11px;line-height: 13px;color: #666;letter-spacing:-0.02em;}
    .festival_calendar.type1 .info .btn{margin-left:-5px;}
    .festival_calendar.type1 .info .btn a {width: calc(50% - 5px);margin-left:5px !important;height: 23px;font-size: 11px;}

    .festival_calendar.type1 .page_btn {width: auto;height:66px;margin: 20px 25px 30px;}
    .festival_calendar.type1 .page_btn .inr {display:block;padding: 0;height:6px;}
    .festival_calendar.type1 .swiper-button-next, .festival_calendar.type1 .swiper-button-prev{display:none !important;}
    .festival_calendar.type1 .swiper-pagination-bullet {margin: 0 2.5px;width: 6px;height: 6px;box-sizing: border-box;}
    .festival_calendar.type1 .swiper-pagination-bullet-active {width: 20px;}
    .festival_calendar.type1 .list .page_btn a {position: relative;margin:30px 0 0;display:block;height:30px;border:1px solid #fff;font-size: 12px;box-sizing: border-box;border-radius: 50px;line-height:normal;display: flex;justify-content: center;align-items: center;letter-spacing:-0.02em;}
    .festival_calendar.type1 .list .page_btn a strong {font-weight: 800;}
    .festival_calendar.type1 .list .page_btn a:after {width: 6px;height: 10px;margin-left: 5px;vertical-align: -1px;background: url(../images/submain/festival_calendar_btn1.png) 0 0 / 100% 100% no-repeat;}
    .festival_calendar.type1 .no_list {padding: 30px 0 30px;}
    .festival_calendar.type1 .no_list:before {height: 51.25vw;width: 100%;background: url(../images/submain/img_calendar_no_list.png) 50% 0 / 40.63vw 51.25vw no-repeat;}
    .festival_calendar.type1 .no_list > strong {padding: 10px 0 0;font-size: 16px;letter-spacing:-0.02em;line-height: 20px;}
    .festival_calendar.type1 .no_list p {margin: 7px 0 30px;font-size: 12px;line-height: 14px;}
    .festival_calendar.type1 .no_list a {width: 150px;height: 30px;font-size: 12px;}
    .festival_calendar.type1 .no_list a:after {width: 6px;margin-top: 1px;height: 10px;margin-left: 5px;background: url(../images/submain/festival_calendar_btn1.png) 0 0 / 100% 100%;}

    .local_news{width:auto;}
    .local_news h2 {padding: 0 15px 18px;font-size: 17px;line-height: 19px;}
    .local_news .logo_btn {display: block;margin: 0 15px 20px;}
    .local_news .logo_btn a{position: relative;}
    .local_news .logo_btn a .logo {margin-right: 5px;}
    .local_news .logo_btn a .logo span {width: 26px;height: 26px;}
    .local_news .logo_btn a strong {font-size: 17px;letter-spacing:-0.02em;}
    .local_news .logo_btn a .site{position:absolute;right:0;top:5px;font-size: 11px;letter-spacing:-0.02em;}
    .local_news .logo_btn a .site:before{display:none}
    .local_news .logo_btn a .site:after {margin-left: 5px;width: 10px;height: 10px;vertical-align: -1px;background: url(../images/submain/icon_site1.png) 0 0 / 100% 100% no-repeat;}
    .local_news .logo_btn .tab{margin:15px 0 0;}
    .local_news .logo_btn .tab ul {display: flex;height: 34px;border-radius: 50px;background: #F0F2F4;padding: 3px;position: relative;box-sizing: border-box;}
    .local_news .logo_btn .tab ul:after {content: '';display: block;border-radius: 50px;background: #fff;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);width: 50%;height: 28px;transform: translateX(0);transition: .5s;position: absolute;left: 3px;top: 3px;}
    .local_news .logo_btn .tab ul.tab1:after {transform: translateX(calc(100% - 6px));}
    .local_news .logo_btn .tab ul li {flex-grow: 1;flex-basis: 0;margin-left: 0;}
    .local_news .logo_btn .tab ul li a {display: flex;width: 50%;height: 100%;justify-content: center;align-items: center;font-size: 12px;font-weight: 300;color: #666;letter-spacing:-0.02em;position: absolute;left: 0;top: 0;z-index: 5;}
    .local_news .logo_btn .tab ul li.on a{text-decoration:none;}
    .local_news .logo_btn .tab ul li:nth-child(2) a {left: 50%;}
    .local_news .swiper-container {padding: 0 15px 0;}
    .local_news .swiper-slide {width: 200px;height: 202px;}
    .local_news .swiper-slide .inr {padding: 25px;}
    .local_news .swiper-slide:hover .inr {border-radius: 5px 40px 5px 5px;box-shadow:none;}
    .local_news .swiper-slide .inr {padding: 15px;}
    .local_news .swiper-slide .category span {min-width: 42px;height: 17px;display:inline-block;line-height:17px;font-size: 11px;text-align: center;}
    .local_news .swiper-slide .tit {height: 60px;margin: 17px 0 15px;}
    .local_news .swiper-slide .tit strong {font-size: 14px;letter-spacing:-0.02em;line-height: 17px;height: 34px;}
    .local_news .swiper-slide .tit .img {padding-top: 2px;flex-shrink: 0;width: 60px;height: 60px;}
    .local_news .swiper-slide .tit a {font-size: 11px;line-height: 12px;background: url(../images/submain/icon_local_news_btn1.png) 100% 1px / 6px 9px no-repeat;}
    .local_news .swiper-slide .explanation {height: 60px;padding: 10px;}
    .local_news .swiper-slide .explanation:before {height: 8px;background: url(../images/submain/icon_local_news_quotes1.png) 50% 0 / 10px 8px no-repeat;}
    .local_news .swiper-slide .explanation p {margin: 4px 0 0;font-size: 11px;line-height: 14px;letter-spacing:-0.02em;height: 28px;}
    .local_news .list{margin:0;}
    .local_news .list .swiper-button-next, .local_news .list .swiper-button-prev{display:none;}
    .local_news .list_sub {padding: 0 15px 0 10px;}
    .local_news .list_sub ul {max-height: 72px;margin:0;}
    .local_news .list_sub ul li {width: calc(20% - 5px);margin: 0 0 8px 5px;}
    .local_news .list_sub ul li a {width: 100%;height: 28px;font-size: 11px;display: block;text-align: center;line-height: 28px;}
    .local_news .list_sub ul li a:hover{box-shadow:none;}
    .local_news .list_sub .btn_more {padding:5px 0 0;}
    .local_news .list_sub .btn_more button {padding-right:17px;font-size: 12px;letter-spacing:-0.02em;line-height: 13px;background: url(../images/submain/btn_list_sub1.png) 100% 4px / 10px auto no-repeat;}
    .local_news .list_sub.open .btn_more button {background-position: 100% -6px;}

    .smart_city_banner{width:auto;margin:40px 15px 0;}
    .smart_city_banner .mo{display:block}
    .smart_city_banner .pc{display:none}
    .smart_city_banner img{width:100%;}

    .region_select {height: auto;}
    .region_select .inr {width: auto;margin: 5.4rem 0 0;}
    .region_select .tab_menu {width: auto;padding: 30px 15px 0;}
    .region_select .tab_menu ul {height: 30px;border-radius: 5px;}
    .region_select .tab_menu ul li a {font-size: 12px;letter-spacing:-0.02em;display: block;text-align: center;line-height: 30px;}
    .region_select .tab_menu ul:after {border-radius: 5px;height: 30px;}
    .region_select .restaurant_chart_list .area_info {padding: 30px 0 0 0;margin-left: 0;}
    .region_select .restaurant_chart_list .area_info .tab{padding: 2px 15px 30px !important;}
    .region_select .restaurant_chart_list .list_zone .tab .swiper-slide{margin:0;}
    .region_select .restaurant_chart_list .list_zone .swiper-scrollbar {bottom: 30px;}
    .region_list .restaurant_chart_list .category_tab {margin: 30px 0 20px;}
    .region_list .restaurant_chart_list .category_tab .option {width: 39px;padding: 0;border: 0;background: url(../images/submain/btn_region_option1.png) 0 0 / 100% auto no-repeat;text-indent: -9999px;}
    .region_list .restaurant_chart_list .category_tab .option.on {background-position: 0 -28px;}
    .popularity_list {padding: 0 0 30px;}
    .popularity_list ul {margin:0;padding:0 10px 0 10px;}
    .popularity_list ul li {width:50%;padding:0 5px 0;margin: 0 0 25px 0;box-sizing: border-box;}
    .popularity_list ul li.mo_banner{display: block;width:100%;margin: 0 0 25px 0;padding:0;}
    .popularity_list ul li.mo_banner a{margin:0 -10px;}
    .popularity_list ul li.mo_banner img{width:100%;}
    .popularity_list ul li.pc_banner{display:none;}
    .popularity_list ul li a span {height: 43.75vw;}
    .popularity_list ul li a strong {margin: 8px 0 0;font-size: 13px;letter-spacing:-0.02em;line-height: 15px;}
    .popularity_list ul li .distance {margin: 6px 0 0;padding:0 0 20px;font-size: 11px;letter-spacing:-0.02em;line-height: 13px;}
    .popularity_list ul li .distance span + span:before {height: 8px;margin: 0 8px;}
    .popularity_list ul li .distance button {right: auto;left:0;top: auto;bottom:0;width: 10px;height: 10px;background: url(../images/submain/btn_popularity_list_map1.png) 0 0 /100% 100% no-repeat;}
    .popularity_list ul li .label {margin: 12px 0 0;}
    .popularity_list ul li .label span {width: 55px;height: 15px;font-size: 10px;line-height: 13px;letter-spacing:-0.02em;}
    .popularity_list ul li button.good {right: 10px;top: 10px;width: 20px;height: 20px;background: url(../images/submain/icon_nationwide_good1.png) 0 0 / 100% auto no-repeat;}
    .popularity_list ul li button.good.on {background-position: 0 -20px;}
    .popularity_list .btn_more button {width: 85px;height: 30px; line-height: 30px; font-size: 12px;font-weight: 700;}
    .popularity_list .btn_more button:after {width: 11px;height: 11px;margin-left:5px;vertical-align: -1px;background: url(../images/submain/btn_popularity_more1.png) 0 0 / 100% 100%;}
    .popularity_list .list_nodata {padding: 95px 0 30px;margin: 60px 0 0;background: url(../images/submain/bg_popularity_nodata1.png) 50% 0 / 82px auto no-repeat;}
    .popularity_list .list_nodata strong {font-size: 16px;letter-spacing:-0.02em;line-height: 18px;}
    .popularity_list .list_nodata p {padding: 7px 0 0;font-size: 12px;letter-spacing:-0.02em;line-height: 14px;}
    .region_list .restaurant_banner {margin: 0 0 20px;}
    .region_list .restaurant_banner img{width:100%;}
    .region_list .restaurant_banner .mo{display:block;}
    .region_list .restaurant_banner .pc{display:none;}
    .region_list .promotion_banner {width: 100%;height: auto;margin-left:0;margin-bottom: 0;}
    .region_list .promotion_banner a {width: auto;}
    .region_list .promotion_banner img{width:100%;}
    .region_list .promotion_banner .mo{display:block;}
    .region_list .promotion_banner .pc{display:none;}


    /* 맛집차트 리스트 */
    #contents.restaurant_chart{background:#fff;}
    .restaurant_tit {height: 15.8rem;background: #FFD685;}
    .restaurant_tit .inr {padding: 6.5rem 0 0;width: auto;margin: 16rem 15px 0;background: none;}
    .restaurant_tit.tmap .inr{margin: 5.4rem 15px 0;}
    .restaurant_tit .logo {left: 0;top: 40px;height: 14px;width: 185px;background: url(../images/submain/logo_restaurant_tit1.png) 0 0 / 100% 100% no-repeat;}
    .restaurant_tit h2 {font-size: 18px;letter-spacing:-0.02em;line-height: 22px;}
    .restaurant_tit h2 strong {font-size: 20px;letter-spacing:-0.02em;}
    .restaurant_tit .inr > button {width: 14px;height: 14px;margin: 26px 0 0 6px;background: url(../images/submain/btn_restaurant_tit1.png) 0 0 / 100% 100% no-repeat;}
    .restaurant_tit .layer {padding: 20px 25px 20px 20px;text-align: center;position: fixed;left: 15px;right: 15px;top: 50%;transform: translateY(-50%);width: auto;z-index: 600;}
    .restaurant_tit .layer br{display:none;}
    .restaurant_chart_list{width:auto;}
    .restaurant_tit .layer:before{display:none;}
    .restaurant_tit .layer button {right: 10px;top: 10px; width: 13px; height: 13px; background: url(../images/submain/btn_select_region_layer1.png) 0 0 / 100% 100%;}
    .restaurant_chart_list .list_zone .tab a:before {height: auto;padding-top: 100%;}
    .restaurant_chart_list .list_zone .tab a{width: 100%;}
    .restaurant_chart_list .list_zone .tab a:hover:after, .restaurant_chart_list .list_zone .tab .swiper-slide.on a:after {height: auto;padding-top:calc(100% - 2px);border: 1.5px solid #333;top: 0px;}
    .restaurant_chart_list .list_zone .tab .swiper-slide{width:12%;margin:0;}
    .restaurant_chart_list .area_info {top: -28px;padding: 20px 0 20px 0;margin-left:15px;border-radius: 20px 0 0 20px;}
    .restaurant_chart_list .area_info .tab{padding-left:20px !important;}
    .restaurant_chart_list .list_zone .tab a {margin: 0 0 20px;}
    .restaurant_chart_list .list_zone .swiper-scrollbar{width:80px;height:2px;left:50%;margin-left:-40px;bottom:20px;background:#D9D9D9;}
    .restaurant_chart_list .list_zone .swiper-scrollbar-drag{background:#333;}
    .restaurant_chart_list .category_tab .swiper-container{padding:0 15px;}
    .restaurant_chart_list .category_tab ul li button {padding: 0 12px;font-size: 12px;height: 28px;line-height: 28px;}
    .restaurant_chart_list .list {margin: 20px 0 38px;display:block;}
    .restaurant_chart_list .list h3{display:none;}
    .restaurant_chart_list .mo_tab{display:block;padding: 0 15px !important;}
    .restaurant_chart_list .mo_tab ul{display: flex;height: 30px;border-radius: 5px;overflow:hidden;position: relative;border:1px solid #333;box-sizing: border-box;}
    .restaurant_chart_list .mo_tab ul li {flex-grow: 1;flex-basis: 0;margin-left: 0;}
    .restaurant_chart_list .mo_tab ul li.on a{color:#fff;font-weight: 800;}
    .restaurant_chart_list .mo_tab ul li a {display: flex;width: 50%;height: 100%;justify-content: center;align-items: center;font-size: 12px;font-weight: 300;color: #333;letter-spacing:-0.02em;position: absolute;left: 0;top: 0;z-index: 5;}
    .restaurant_chart_list .mo_tab ul li:nth-child(2) a {left: 50%;}
    .restaurant_chart_list .mo_tab ul:after {content: '';display: block;border-radius: 5px;background: #333;width: 50%;height: 30px;transform: translateX(0);transition: .5s;position: absolute;left: -1px;top:-1px;}
    .restaurant_chart_list .mo_tab ul.tab1:after {transform: translateX(calc(100% - -2px));}
    .restaurant_chart_list .list > div{width:auto;}
    .restaurant_chart_list .list .tab_cont{display:none;padding:0 15px 0;}
    .restaurant_chart_list .list .tab_cont.active{display:block;}
    .restaurant_chart_list .list .tab_cont ul {padding: 8px 0 0;}
    .restaurant_chart_list .list .tab_cont ul li {padding: 12px 0 12px;}
    .restaurant_chart_list .list em {width: 41px;padding-left: 5px;font-size: 13px;letter-spacing:-0.02em;}
    .restaurant_chart_list .list .menu {width: 52px;height: 52px;}
    .restaurant_chart_list .list .menu.korean{background-position:0 -156px;}
    .restaurant_chart_list .list .menu.foreign{background-position:0 -52px;}
    .restaurant_chart_list .list .menu.cafe{background-position:0 -104px;}
    .restaurant_chart_list .list .info .tit a, .restaurant_chart_list .list .info .tit strong {font-size: 14px;line-height: 17px;letter-spacing:-0.02em;}
    .restaurant_chart_list .list .area {margin: 8px 0 0;font-size: 11px;line-height: 13px;}
    .restaurant_chart_list .list .list_nodata{padding: 95px 0 22px;margin: 60px 0 0;background: url(../images/submain/bg_popularity_nodata1.png) 50% 0 / 82px auto no-repeat;}
    .restaurant_chart_list .list .list_nodata strong {font-size: 16px;letter-spacing:-0.02em;line-height: 18px;}
    .restaurant_chart_list .list .list_nodata p{padding: 7px 0 0;font-size: 12px;letter-spacing:-0.02em;line-height: 14px;}
    .restaurant_chart_list .list .info .tit span {width: 14px;height: 14px;background: url(../images/submain/icon_chart_list1.png) 0 0 / 100% auto no-repeat;}
    .restaurant_chart_banner{margin: 0 0 56px;}
    .restaurant_chart_banner img{width:100%;}
    .restaurant_chart_banner .mo {display: block;}
    .restaurant_chart_banner .pc {display: none;}

    /* 티맵 리스트 */
    .restaurant_tit.tmap .layer {left: 15px;width: auto;text-align: left; font-size: 13px; padding: 30px 20px;}
    .restaurant_tit.tmap .layer strong{line-height: 1;}
    .restaurant_chart.tmap .mo_tab {margin: 4px 15px 16px !important;}
    .restaurant_chart.tmap .mo_tab ul {height: 32px;}
    .restaurant_chart.tmap .mo_tab ul li a {font-size: 12px; line-height: 1;}
    .restaurant_chart.tmap .popularity_list {padding: 24px 0 30px;}

    /* 맛집차트 지도 */
    body.cupertino_pane{-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;margin: 0;padding: 0;position: fixed;width: 100%;max-width: 100%;height: 100%;max-height: 100%;transform: translateZ(0);text-rendering: optimizeLegibility;overflow: hidden;touch-action: manipulation;-webkit-user-drag: none;-ms-content-zooming: none;word-wrap: break-word;overscroll-behavior-y: none;-webkit-text-size-adjust: none;text-size-adjust: none}
    #gnbCommon.restaurant_map{height: auto !important;}
    #gnbCommon.restaurant_map .logo{position: static; width: auto; height: 50px; text-align: center;}
    #gnbCommon.restaurant_map .logo a{width: 129px; height: 50px;}
    #gnbCommon.restaurant_map button {left: 15px;top: 17px;width: 17px;height: 16px;background: url(../images/submain/btn_m_back.png) 0 0 / 100% 100% no-repeat;}
    #contents.restaurant_map{min-width: 100%;padding: 0;}
    #contents.restaurant_map h2{display:flex;justify-content: center; text-align: center;flex-direction: column;flex-wrap:wrap;position:absolute;height:45px;left:15px;right:15px;top:65px;font-size: 12px;color:#333;letter-spacing:-0.02em;line-height: 16px;background:#FFD685;z-index: 5;border-radius: 50px;}
    #contents.restaurant_map h2 strong{width:100%;font-weight: 800;font-size:15px;letter-spacing:-0.02em;}
    .restaurant_map .cupertino-pane-wrapper .move {height: 4px;width: 28px;background: #b3b1b2;}
    .restaurant_map .mo_cont {position: static;height: auto;width: auto;}
    .restaurant_map .cupertino-pane-wrapper .pane {z-index: 100;background: #fff;padding-top: 0;box-shadow: 0px 0px 15px 0px rgba(41, 42, 42, 0.3);overflow: hidden;}
    .restaurant_map .mo_cont .cupertino-pane-wrapper .draggable {padding: 10px 0 0;z-index: 20;}
    .restaurant_map .map_menu{height:auto;background:none;padding: 34px 15px 0;}
    .restaurant_map .map_menu .select_region {margin: 0 0 20px -10px;padding:0;}
    .restaurant_map .map_menu .select_region select {height: 30px;font-size: 12px;background: #fff url(../images/submain/ico_m_select.png) 100% 50% / 23px auto  no-repeat;}
    .restaurant_map .restaurant_chart_list .list{margin: 0 0 33px;}
    .restaurant_map .restaurant_chart_list .mo_tab {padding: 0 15px !important;}
    .restaurant_map .restaurant_chart_list .mo_tab ul {height: 30px;}
    .restaurant_map .restaurant_chart_list .mo_tab ul:after {height: 30px;}
    .restaurant_map .restaurant_chart_list .mo_tab ul li a {font-size: 12px;font-weight: 400;}
    .restaurant_map .restaurant_chart_list .list .tab_cont ul {padding: 8px 0 0;}
    .restaurant_map .restaurant_chart_list .list .tab_cont ul li{border:0;padding: 7px 15px 7px;}
    .restaurant_map .restaurant_map_banner{position:static;margin:0 0 73px;}
    .restaurant_map .restaurant_map_banner img{width:100%;}
    .restaurant_map .map_btn {position: absolute;right: 15px;top: 125px;width: 33px;z-index: 5;}
    .restaurant_map .map_btn .setup {position:absolute;right:0;top:0;text-align: left;text-indent: -9999px;transition: width .4s ease-in-out;border-radius: 50px;width: 33px;height: 33px;background: #fff url(../images/submain/btn_m_setup.png) 0 0 / 33px 33px no-repeat;box-shadow: 1px 2px 7px 0px rgba(19, 22, 22, 0.33);}
    .restaurant_map .map_btn .setup.on {width: 180px;font-size: 12px;letter-spacing:-0.02em;padding-left: 36px;text-indent: 0;color: #333;box-shadow: 1px 2px 7px 0px rgba(19, 22, 22, 0.33);background: #fff url(../images/submain/btn_m_setup1.png) 2px 2px / 29px 29px no-repeat;}
    .restaurant_map .map_area .ranking_marker {padding-top: 19px;font-size:10px;width: 51px;height: 57px;background: url(../images/submain/icon_ranking_marker1.png) 0 0 / 100% 100% no-repeat;}
    .restaurant_map .map_area .ranking_marker.on {padding-top: 22px;width: 61px;height: 69px;font-size: 14px;line-height: 16px;background: url(../images/submain/icon_ranking_marker_on1.png) 0 0 / 100% 100% no-repeat;}
    .restaurant_map .btn_map_view{position:fixed;padding-left:18px;left:50%;margin-left:-58px;bottom:20px;width:116px;height:33px;border-radius: 50px;z-index: 110;background:#333 url(../images/submain/btn_map_view.png) 18px 50% / 13px 13px no-repeat;color:#fff;}
    .restaurant_detail{position:relative;display:flex;width:100%;padding:20px;height:110px;background: #fff;box-shadow: 0px 0px 30px rgba(19, 22, 22, 0.3);position:absolute;left:0;bottom:0;z-index: 5;}

    .restaurant_detail .menu {flex-shrink: 0;width: 70px;height: 70px;border-radius:5px;text-indent: -9999px;background: url(../images/submain/icon_restaurant_chart.png) 0 0 / 100% auto no-repeat;}
    .restaurant_detail .menu.korean{background-position:0 -210px;}
    .restaurant_detail .menu.foreign{background-position:0 -70px;}
    .restaurant_detail .menu.cafe{background-position:0 -140px;}
    .restaurant_detail em{position:absolute;left:20px;top:20px;display: inline-block;width: 34px;background: #333;color: #fff;height: 18px;line-height: 18px;font-weight: 700;font-size: 11px;letter-spacing:-0.02em;text-align: center;}
    .restaurant_detail .info{min-width: 0;padding-left: 15px;position: relative;}
    .restaurant_detail .info .tit {display: flex;align-items: center;}
    .restaurant_detail .info .tit a {text-decoration: underline;text-underline-offset: 2px;}
    .restaurant_detail .info .tit a.type1{padding-right:0;}
    .restaurant_detail .info .tit a, .restaurant_detail .info .tit strong {display: inline-block;font-weight: 700;padding-right: 8px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;line-height: 17px;letter-spacing:-0.02em;}
    .restaurant_detail .area {display: block;font-weight: 300;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 5px 0 0;font-size: 11px;line-height: 13px;}
    .restaurant_detail .info .tit span {width: 14px;height: 14px;flex-shrink: 0;display: inline-block;text-indent: -9999px;background: url(../images/submain/icon_chart_list1.png) 0 0 / 100% auto no-repeat;}
    .restaurant_detail .navi{position:absolute;left:15px;bottom:0;text-indent: -9999px;width:25px;height:25px;background: url(../images/submain/btn_restaurant_map_navi.png) 0 0 / 100% auto no-repeat;}
    .restaurant_map .list_view_btn{position: absolute;padding-left: 18px;left: 50%;margin-left: -58px;bottom: 130px;width: 116px;height: 33px;border-radius: 50px;z-index: 110;background: #333 url(../images/submain/btn_map_listview.png) 18px 50% / 13px 13px no-repeat;color: #fff;}




}

@media all and (min-width:768px) and (max-width:1023px) {
    .area_hotplace ul li .img{height:224px;}

    .area_bg .list_zone .tab .swiper-slide.on a {width: 100%;}

    .restaurant_chart_list .list_zone .tab a {width: 100%;}
    .restaurant_chart_list .list_zone .tab a:before {height: auto;padding-top: 100%;}

    .area_hotplace .mo_tab.tab2:after {transform: translateX(98.7%);}
    .area_showcase .tit h2{text-align: center;}
    .area_showcase .tit h2 .mo{width:60%;display:inline-block;}
    .theme_showcase .tit h2{text-align: center;}
    .theme_showcase .tit h2 .mo{width:60%;display:inline-block !important;}
    .kockoc_banner .swiper-container {padding: 0 5px 0 15px;}
    .kockoc_banner .swiper-slide{width:calc(33.3% - 10px)}



}

@media screen and (max-width: 1350px) {
    .select_region .map_area .map_wrap .map{top:105px;}
}

@media all and (min-width:768px) and (max-width:1023px) {
  #themeViewPop1{max-height: 70vh;height:auto;}
  #themeViewPop1.wrap_layerpop ul{padding: 2.4rem 0 3.5rem;}
  #themeViewPop1.wrap_layerpop ul li {width: 16.6%;}
  #themeViewPop1 .submain_theme .logo_badge ul li .logo{width: calc(100% - 40px);padding-top: calc(100% - 40px);}
  #themeViewPop1 .submain_theme .logo_badge ul li .update {left: 1.5rem;}
  #themeViewPop1 .submain_theme .logo_badge ul li .view{right: 14px;top: -0.7rem;}

}