@charset "utf-8";
.mo{display:none;}
#contents.wide{width:auto;padding:0;margin: -40px auto 0;}
body{margin:0 auto;}

.ai_cockcock .loading_wrap{position:absolute;left:0;top:0 !important;width:100vw !important;margin-left: calc(-50vw + 50%);height:100%;z-index: 100;}
.ai_cockcock .loading{position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;}
.ai_cockcock .loading_wrap:after{content:'';position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0, 0.7)}

.curation_logo{height:90px;background:#fff;}
.curation_logo .logo{width:940px;margin:0 auto;}
.curation_logo .logo a{display:inline-block;width:275px;height:90px;background:url(../../resources/images/curation/logo_header.png) 0 50% no-repeat;text-indent: -9999px;}
.curation_logo .inr{width:940px;margin:0 auto;position: relative;}
.curation_logo .post_area{position:absolute;right:0;top:35px;font-size:16px;color:#000;}
.curation_logo .post_area button{float:left;font-size:16px;color:#000;margin-left:20px;}
.curation_logo .post_area button:before{content:'';display:inline-block;}
.curation_logo .post_area .good:before{width:23px;height:21px;margin-right:8px;vertical-align: -4px;background:url(../../resources/images/curation/post_area_good.png) no-repeat;}
.curation_logo .post_area .good.on:before{background-position: 0 -21px;}
.curation_logo .post_area .sharing:before{width:19px;height:21px;margin-right:8px;vertical-align: -4px;background:url(../../resources/images/curation/post_area_sharing.png) no-repeat;}
.curation_logo .post_area > span.num{float:left;margin-left:20px;}
.curation_logo .post_area > span.num .txt{font-weight: 700;display:inline-block;padding-right:6px;}
#contents{width: auto;padding: 0;}
#contents.type1{padding:0;}

/* 메인 */
.mo_anxiety_index{display:none;}
.main_tit {height: 55px;background:#31aae2;}
.main_tit h2{height:55px;background:url(../../resources/images/curation/main_tit.png) 0 0 no-repeat;}
.main_tit h2 a{display:block;height:100%;text-indent: -9999px;}
.main_tit .inr{width:940px;margin:0 auto;position: relative;}
.safely_index_info{height:602px;visibility: visible;background:url(../../resources/images/curation/bg_safely_index_info.jpg) 50% 0 no-repeat;text-align: center;text-indent:0;}
.safely_index_info.off{visibility: hidden;height: 0;transition:height .3s ease-in-out;}
.safely_index_info .inr{width:940px;margin:0 auto;}
.safely_index_info .tit{display:block;padding:49px 0 25px;font-weight: 700;font-size: 44px;line-height:48px;letter-spacing:-0.02em;color:#000;}
.safely_index_info .tit span{display:block;margin:0 0 5px;height:40px;background:url(../../resources/images/curation/stit_safely_index_info.png) 50% 0 no-repeat;text-indent: -9999px;}
.safely_index_info p{padding:0 0 15px;font-size: 17px;letter-spacing:-0.02em;color:#333;line-height: 23px;}
.safely_index_info p strong{display:block;padding:0 0 5px;font-weight: 700;color:#000;font-size: 22px;}
.safely_index_info .chk{width:860px;margin:11px auto 0;overflow: hidden;color:#fff;}
.safely_index_info .chk .txt{float:left;padding:4px 0 0;text-indent: -9999px;width:191px;height:31px;background:url(../../resources/images/curation/img_materials_offer.png) no-repeat;}
.safely_index_info .chk .form{float:right;font-size: 16px;}
.safely_index_info .chk .form button{width:146px;height:20px;background:url(../../resources/images/curation/btn_chk.png) no-repeat;text-indent: -9999px;}
.safely_index_info input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.safely_index_info input[type="checkbox"] + label {overflow: hidden;position:relative; display:inline-block; min-height:20px; padding-left:27px; vertical-align:middle;cursor: pointer;}
.safely_index_info input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:2px; width:20px; height:20px;background:url(../../resources/images/curation/form_chk01.png) 0 0 no-repeat;}
.safely_index_info input[type="checkbox"]:checked + label {font-weight:700;}
.safely_index_info input[type="checkbox"]:checked + label:before {content:''; position:absolute; left:0; top:2px; width:20px; height:20px; background:url(../../resources/images/curation/form_chk01_on.png) 0 0 no-repeat;}
.safely_index_info input[type="checkbox"]:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

.card_tab{max-width:1920px;height:300px;margin:46px auto 0;position: relative;}
.card_tab .swiper-container{height:100%;}
.card_tab .swiper-slide .video_wrap{position: relative;height: 300px;}
.card_tab .swiper-slide .video_wrap:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.4);}
.card_tab .swiper-slide .video_wrap .tit_wrap{position:absolute;left:0;top:0;z-index: 10;height:256px;width:100%;}
.card_tab .swiper-slide .video_wrap .tit_wrap div{width:940px;height:100%;margin:0 auto;display:table;font-weight: 300;font-size:35px;line-height:42px;letter-spacing:-0.02em;}
.card_tab .swiper-slide .video_wrap .tit_wrap div a{display:table-cell;vertical-align: middle;color:#fff;}
.card_tab .swiper-slide .video_wrap .tit_wrap strong{display:block;font-weight: 800;}
.card_tab .swiper-slide .r_menu{position:absolute;right:0;top:0;width:26%;height:100%;}
.card_tab .swiper-slide .r_menu:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.4);}
.card_tab .swiper-slide .r_menu .tit_wrap{position:absolute;left:0;top:0;z-index: 10;height:300px;width:100%;}
.card_tab .swiper-slide .r_menu .tit_wrap div{height:100%;margin:0 auto;display:table;font-weight: 300;font-size:35px;line-height:42px;letter-spacing:-0.02em;}
.card_tab .swiper-slide .r_menu .tit_wrap div a{display:table-cell;vertical-align: middle;color:#fff;opacity: .4;}
.card_tab .swiper-slide .r_menu .tit_wrap div a:hover{opacity: 1;}
.card_tab .swiper-slide .tit_wrap div a p{font-weight: 300;font-size:18px;letter-spacing:-0.02em;line-height:22px;padding:10px 0 0;}
.card_tab .swiper-slide .r_menu .tit_wrap strong{display:block;font-weight: 800;}
.card_tab .swiper-button-next{width:25px;height:46px;background:url(../../resources/images/curation/btn_slide_next.png) no-repeat;text-indent: -9999px;opacity: .4;}
.card_tab .swiper-button-next:hover{opacity: 1;}

.popularity_tab{height:75px;background:#f0f2f7;}
.popularity_tab .inr{width:1200px;margin:0 auto;}
.popularity_tab ul{height:74px;background:#fff;width:900px;margin:0 auto;position: relative;top: -40px;border-radius: 50px;}
.popularity_tab ul li{float:left;width:50%;}
.popularity_tab ul li a{display:block;font-size:25px;letter-spacing:-0.02em;line-height:74px;color:#767676;position: relative;}
.popularity_tab ul li a strong{font-weight: 400;}
.popularity_tab ul li.on a{font-weight: 700 !important;color:#fff;background:#567ff2;box-shadow: 6px 9px 16px 0px rgba(96, 107, 243, 0.35);border-radius: 50px;}
.popularity_tab ul li a:before{content:'';display:inline-block;margin:0 11px 0 20px;vertical-align: -13px;width:46px;height:46px;background:url(../../resources/images/curation/icon_popularity_tab.png) no-repeat;}
.popularity_tab ul li:last-child a:before{background-position: 0 -92px;}
.popularity_tab ul li:first-child.on a:before{background-position: 0 -46px;}
.popularity_tab ul li:last-child.on a:before{background-position: 0 -138px;}
.popularity_tab ul li a:after{content:'';display:inline-block;width:22px;height:13px;position:absolute;right:31px;top:31px;background:url(../../resources/images/curation/icon_popularity_tab1.png) no-repeat;}
.popularity_tab ul li.on a:after{background-position: 0 -13px;}

.curation_area .pc{padding:47px 0 0;margin: 0 auto;z-index: 5;position:relative;}
.curation_area .area_slide{margin:0 auto;position: relative;padding:43px 0 0;}
.curation_area .area_slide .tit_wrap{width:1200px;margin:0 auto;}
.curation_area .tit_wrap button{display:none;}
.curation_area h3{padding:0 0 30px;font-size:28px;font-weight: 700;color:#333;letter-spacing:-0.02em;}
.curation_area h3 em{font-weight: 700;color:#567ff2;}
.curation_area .area_slide .swiper-container{position:static;overflow: inherit;height: 158px;overflow: hidden;}
.curation_area .area_slide ul li{width:120px;}
.curation_area .area_slide a{display:block;text-align: center;}
.curation_area .area_slide a:focus{border:2px solid #000;}
.curation_area .area_slide a span{display:inline-block;}
.curation_area .area_slide a em{display:block;font-size: 18px;color:#777;position: relative;}
.curation_area .area_slide a:hover em, .curation_area .area_slide a.on em{font-weight: 700;color:#557ef1;}
.curation_area .area_slide a.on em:after{content:'';display:inline-block;width:100%;height:120px;position:absolute;left:0;top:0;background:rgba(86,127,242,.8) url('../../resources/images/curation/icon_area_check.png') 50% 49px no-repeat;border-radius:100%;}
.curation_area .area_slide a em:before{content:'';display:block;height:120px;margin:0 0 9px;background:url(../../resources/images/curation/icon_area.gif) no-repeat;}
.curation_area .area_slide a.incheon em:before{background-position: 0 -120px;}
.curation_area .area_slide a.daejeon em:before{background-position: 0 -240px;}
.curation_area .area_slide a.daegu em:before{background-position: 0 -360px;}
.curation_area .area_slide a.gwangju em:before{background-position: 0 -480px;}
.curation_area .area_slide a.busan em:before{background-position: 0 -600px;}
.curation_area .area_slide a.ulsan em:before{background-position: 0 -720px;}
.curation_area .area_slide a.gyeonggi em:before{background-position: 0 -840px;}
.curation_area .area_slide a.gangwon em:before{background-position: 0 -960px;}
.curation_area .area_slide a.chungbuk em:before{background-position: 0 -1080px;}
.curation_area .area_slide a.chungnam em:before{background-position: 0 -1200px;}
.curation_area .area_slide a.kyeongbuk em:before{background-position: 0 -1320px;}
.curation_area .area_slide a.gyeongnam em:before{background-position: 0 -1440px;}
.curation_area .area_slide a.jeonbuk em:before{background-position: 0 -1560px;}
.curation_area .area_slide a.jeonnam em:before{background-position: 0 -1680px;}
.curation_area .area_slide a.jeju em:before{background-position: 0 -1800px;}
.curation_area .area_slide a.sejong em:before{background-position: 0 -1920px;}

.curation_area .swiper-button-next, .curation_area .swiper-button-prev{width:36px;height:36px;text-indent: -9999px;top:44px;margin-top:0;}
.curation_area .swiper-button-next{background:url(../../resources/images/curation/btn_slide_next04.png) no-repeat;right:0;}
.curation_area .swiper-button-prev{background:url(../../resources/images/curation/btn_slide_prev04.png) no-repeat;left:auto;right:38px;}
.curation_area .swiper-button-disabled {background-position: 0 -36px;opacity: 1;}
.curation_area .btn_wrap{width:1200px;position:absolute;left:50%;top:0;margin-left:-600px;}
.curation_area .area_list{width:1200px;margin:0 auto;position: relative;padding-top: 10px;}
.curation_area .area_list .sorting{position:absolute;left:0;top:25px;width:100%;display:flex;justify-content: flex-end;font-size:16px;color:#767676;}
.curation_area .area_list .sorting .on{font-weight: 700;color:#000;}
.curation_area .area_list .sorting .on span{display:inline-block;}
.curation_area .area_list .sorting .on span:after{content:'';display:block;width:100%;height:1px;background:#000;}
.curation_area .area_list .sorting button + button:before{content:'';display:inline-block;height:16px;width:1px;vertical-align: -2px;background:#bfbfbf;margin:0 15px;}
.curation_area .area_list ul{margin:-10px 0 0 -30px;}
.curation_area .area_list ul:after{content:'';display:block;overflow: hidden;clear: both;}
.curation_area .area_list ul li{float:left;width:277px;margin:60px 0 0 30px;position: relative;}
.curation_area .area_list ul li a{display:block;position: relative;}
.curation_area .area_list em{display:inline-block;width:45px;position:absolute;right:0;top:215px;color:#000;height:26px;line-height: 26px;border-radius: 50px;font-size: 14px;text-align: center;}
.curation_area .area_list em.good{background:#4ca0f7;}
.curation_area .area_list em.average{background:#1fc3b2;}
.curation_area .area_list em.care{background:#ffc600;}
.curation_area .area_list em.vigilance{background:#fd5666;}
.curation_area .area_list .img{display:block;height:195px;border-radius: 10px;text-indent: -9999px;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.curation_area .area_list .img:focus{outline:3px solid red;outline-offset:2px;}
.curation_area .area_list .img.no_img{background:#f6f5fa url(../../resources/images/curation/icon_no_img1.png) 50% 50% no-repeat;}
.curation_area .area_list strong{display:block;padding:17px 55px 4px 0;}
.curation_area .area_list strong a{display:block;font-weight: 700;font-size: 20px;line-height:24px;letter-spacing:-0.02em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.curation_area .area_list .info span{float:left;font-weight: 300;font-size: 16px;line-height:20px;color:#333;}
.curation_area .area_list .info span + span:before{content:'';display:inline-block;width:1px;height:15px;margin:0 12px;background:#333;vertical-align: -2px;}
.curation_area .area_list .btn_more{padding:28px 0 0;text-align: center;}
.curation_area .area_list .btn_more a{display:inline-block;font-size: 18px;font-weight: 300;}
.curation_area .area_list .btn_more a:after{content:'';display:inline-block;width:11px;height:8px;margin-left:5px;vertical-align: 2px;background:url(../../resources/images/curation/btn_more01.png) no-repeat;}
.curation_area .area_list .btn_more.type1 a:after{content:'';display:inline-block;width:11px;height:8px;margin-left:8px;vertical-align: 2px;background:url(../../resources/images/curation/btn_more01.png) no-repeat;}
.curation_area .area_list .info .km{display:none;}
.curation_area .area_list .tag{display:none;}
.curation_area .area_list a.bookmark{display: inline-block;width: 20px;position: absolute;right:35px;top: 215px;height:18px;background: url(../../resources/images/curation/icon_good02.png) no-repeat;text-indent: -9999px;}
.curation_area .area_list a.bookmark.on{background-position: 0 -18px;}
.curation_area .area_list a.bookmark:focus{outline-offset:2px;}
.curation_area .area_list a.map{display: inline-block;width: 23px;position: absolute;right: 0;top: 215px;height:17px;background: url(../../resources/images/curation/icon_map1.png) no-repeat;text-indent: -9999px;}
.curation_area .area_list a.map:focus{outline-offset:2px;}
.curation_area .no_lilst{height:340px;padding-top: 100px;text-align: center;font-size: 20px;color:#333;}
.curation_area .no_lilst p:before{content:'';display:block;width:100%;height:71px;margin:0 0 15px;background: url(../../resources/images/curation/img_no_lilst.png) 50% 0 no-repeat;}
.btm_auto_banner{position: relative;margin:60px 0 88px;}
.btm_auto_banner .swiper-container{position: static;}
.btm_auto_banner ul li a{display:block;width:100%;text-align: center;}
.btm_auto_banner ul li a:focus{outline:none;}
.btm_auto_banner ul li a:focus:after{content:'';display:block;width:100%;height:100%;box-sizing: border-box;position:absolute;left:0;top:0;border:2px solid #000;}
.btm_auto_banner .paging{position: absolute;bottom:-20px;left: 0;z-index: 100;width: 100%;font-size: 0;text-align: center;}
.btm_auto_banner .btn_autoArea{display: inline-block;vertical-align: middle;}
.btm_auto_banner .btn_autoArea button:focus{outline:3px solid red;outline-offset: 1px;}
.btm_auto_banner .btn_autoArea .btn_autoPlay {overflow: hidden;display: none;width: 8px;height: 10px;background: url(../../resources/images/curation/btn_slide_play.png) no-repeat;text-indent: -9999px;vertical-align: top;}
.btm_auto_banner .btn_autoArea .btn_autoStop {overflow: hidden;display: inline-block;width: 10px;height: 10px;background: url(../../resources/images/curation/btn_slidem_stop.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;vertical-align: top;}
.btm_auto_banner.active .btn_autoArea .btn_autoPlay {display: inline-block;}
.btm_auto_banner.active .btn_autoArea .btn_autoStop {display: none;}
.btm_auto_banner .swiper-pagination{display: inline-block;position: relative;font-size: 0;text-align: center;left: auto !important;bottom: 0 !important;}
.btm_auto_banner .swiper-pagination button.swiper-pagination-bullet{width:10px;height:10px;background:#b5b5b5;opacity: 1;margin-left:10px;}
.btm_auto_banner .swiper-pagination button.swiper-pagination-bullet-active {width:20px;background: #333;border-radius: 50px;}
.btm_auto_banner .swiper-pagination button.swiper-pagination-bullet:focus{outline:3px solid red;outline-offset: 2px;}
.btm_auto_banner .num-pagination{display:none;}

/* 리스트 */
.mo_list{display:none;}
.pc_list .gallery-thumbs .swiper-slide{width:940px;height:270px;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;border-radius: 0 0 50px 50px;}
.pc_list .gallery-thumbs .cont{position:absolute;left:0;bottom:45px;width:100%;z-index: 5;}
.pc_list .gallery-thumbs .swiper-slide:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);border-radius: 0 0 50px 50px;}
.pc_list .gallery-thumbs .swiper-slide.swiper-slide-active:after{height:50%;top:auto;bottom:0;background: linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
.pc_list .gallery-thumbs strong{display:block;padding:0 0 0 50px;font-size: 30px;line-height:34px;letter-spacing:-0.02em;color:#fff;font-weight: 400;}
.pc_list .gallery-thumbs p{padding:4px 0 0 50px;font-size:15px;line-height:19px;font-weight: 300;color:#fff;opacity: .5;}
.pc_list .gallery-thumbs .btn_wrap{position:absolute;left:50%;top:96px;width:940px;margin-left:-470px;}
.pc_list .gallery-thumbs .btn_wrap .swiper-button-next, .pc_list .gallery-thumbs .btn_wrap .swiper-button-prev{width:36px;height:36px;top:0;margin:0;text-indent: -9999px;}
.pc_list .gallery-thumbs .btn_wrap .swiper-button-next{right:-70px;background: url(../../resources/images/curation/btn_slide_next02.png) no-repeat;}
.pc_list .gallery-thumbs .btn_wrap .swiper-button-prev{left:-70px;background: url(../../resources/images/curation/btn_slide_prev02.png) no-repeat;}
.pc_list .card_tab{margin:0 auto;height:300px;}
.pc_list .card_tab span{height:240px;background-size:cover;}
.pc_list .card_tab .btn ul{padding: 63px 0 0;}
.pc_list .tab_cont .curation_area{width:940px;margin:0 auto;}
.pc_list .tab_cont .curation_area .area_list .btn_more a:after{width:11px;height:8px;background: url(../../resources/images/curation/btn_more01.png) no-repeat;}
.safely_index_tab{width:980px;margin:0 auto;}
.safely_index_tab ul:after{content:'';display:block;clear:both;}
.safely_index_tab ul{width:940px;margin:0 auto;position:relative;}
.safely_index_tab ul li{float:left;width:25%;position:relative;height:53px;}
.safely_index_tab ul li a{display:block;position:absolute;left:0;right:0;bottom:0;height:53px;border:1px solid #ececec;background:#f7f7f7;border-bottom:0 !important;border-radius: 10px 10px 0 0;font-size:18px;font-weight: 700;color:#bfbfbf;text-align: center;line-height:53px;}
.safely_index_tab ul li a:before{content:'';display:inline-block;width:15px;height:15px;border-radius: 100%;background:#cecece;margin-right:8px;}
.safely_index_tab ul li.on a{left:-1px;right:0;background:#fff;box-shadow: 3px -6px 7px 0px rgba(17, 27, 32, 0.08);color:#000 !important;}
.safely_index_tab ul li.good.on a{border:1px solid #4ca0f7;color:#4ca0f7;}
.safely_index_tab ul li.average.on a{border:1px solid #1fc3b2;color:#1fc3b2;}
.safely_index_tab ul li.care.on a{border:1px solid #ffc600;color:#ffc600;}
.safely_index_tab ul li.danger.on a{border:1px solid #fd5666;color:#fd5666;}
.safely_index_tab ul li.good.on a:before{background:#4ca0f7;}
.safely_index_tab ul li.average.on a:before{background:#1fc3b2;}
.safely_index_tab ul li.care.on a:before{background:#ffc600;}
.safely_index_tab ul li.danger.on a:before{background:#fd5666;}
.safely_index_tab ul li.on:after{position:absolute;left: 235px;bottom:0;content:'';display:block;height:1px;z-index: 5;}
.safely_index_tab ul li.good.on:after{width:705px;background:#4ca0f7;}
.safely_index_tab ul li.average.on:after{width:470px;background:#1fc3b2;}
.safely_index_tab ul li.care.on:after{width:235px;background:#ffc600;}
.safely_index_tab ul li.danger.on:after{display:none;}
.safely_index_tab ul li.on a:after{content:'';display:block;width:235px;height:1px;position:absolute;left:0;bottom:0;z-index: 5;background: #fff;}
.safely_index_tab .txt{width:940px;margin:33px auto 37px;position: relative;}
.safely_index_tab .txt strong{float:left;width:200px;font-weight: 700;font-size: 25px;line-height:29px;letter-spacing:-0.02em;color:#333;}
.safely_index_tab .txt strong button{width:22px;height:22px;margin-left:8px;background: url(../../resources/images/curation/icon_tab_txt.png) no-repeat;vertical-align: -8px;text-indent: -9999px;}
.safely_index_tab .txt p{padding:0 0 0 200px;font-weight: 300;font-size: 15px;line-height:19px;color:#666;}
.safely_index_tab .txt .layer{display:none;width:540px;position: absolute;left: 118px;bottom: 48px;font-weight: 300;font-size: 15px;line-height: 19px;letter-spacing:-0.02em;padding: 14px 18px;background: #fff;color: #666;border-radius: 5px;border: 1px solid #ddd;box-shadow: 2px 3px 12px 0px rgba(17, 27, 32, 0.1);}
.safely_index_tab .txt .layer.on{display:block;}
.safely_index_tab .txt .layer:after{content:'';display:inline-block;width: 17px;height: 12px;position: absolute;left: 20px;bottom: -12px;background: url(../../resources/images/curation/layer_arw01.png) no-repeat;}

.pc_list .tab_cont{width: 1020px;margin: 0 auto;padding: 36px 0 0;z-index: 5;position: relative;}
.pc_list .tab_cont .area_btn{width:940px;margin:40px auto 0;position: relative;overflow: hidden;}
.pc_list .tab_cont .area_btn .area{position:absolute;right:0;top:0;font-size:18px;color:#333;}
.pc_list .tab_cont .area_btn .area:after{content:'';display:inline-block;width:9px;height:16px;margin-left:8px;background: url(../../resources/images/curation/icon_area_btn.png) no-repeat;vertical-align: -2px;}
.pc_list .tab_cont .area_btn span button{float:left;font-size:18px;color:#666;}
.pc_list .tab_cont .area_btn span button.on{font-weight: 700;color:#333;}
.pc_list .tab_cont .area_btn span button + button:before{content:'';display:inline-block;width:1px;height:17px;background:#d3d1d1;vertical-align: -2px;margin:0 13px;}
.pc_list .tab_cont h3{padding:0 0 27px;font-size:25px;margin:0 auto;width:940px;letter-spacing:-0.02em;color:#000;font-weight: 300;}
.pc_list .tab_cont h3 em{float:left;font-weight: 700;color:#000 !important;}
.pc_list .tab_cont h3 em:last-child{padding-right:8px;}
.pc_list .tab_cont h3 em + em:before{content:'';display:inline-block;width:4px;height:4px;border-radius: 100%;margin:0 5px;background:#000;vertical-align: 7px;}
.pc_list .tab_cont h3 em.good{color:#4ca0f7;}
.pc_list .tab_cont h3 em.average{color:#1fc3b2;}
.pc_list .tab_cont h3 em.care{color:#ffc600;}
.pc_list .tab_cont h3 em.danger{color:#fd5666;}
.pc_list .tab_cont .curation_area .area_list ul{margin-top:-10px;}

.header_wrap{position:fixed;left:0;top:0;width: 100%;transition: all .6s ease-in-out;}
.header_wrap.menuFixed + .theme_travel_wrap{margin-top:0;}
.header_wrap.menuFixed{top:-89px;}
.header_wrap.menuFixed + .theme_travel_wrap .ev_info{top:0;}

.theme_travel_wrap{width:100%;height:225px;margin-top: 89px;position: relative;}
.theme_travel_wrap .ev_info{transition: all .6s ease-in-out;position:fixed;left:0;top:89px;width:100%;height:225px;background-repeat:no-repeat;background-position: 50% 50%;background-size:cover;}
.theme_travel_wrap .ev_info:after{content:'';display:block;width:100%;height:40%;position:absolute;left:0;bottom:0;background: linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
.theme_travel_wrap .header_tit{position: fixed;left:0;top:0;width:100%;height: 56px;text-align: center;z-index: 5;}
.theme_travel_wrap .header_tit h1{line-height: 45px;font-size: 16px;font-weight: 400;color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 40px;}
.theme_travel_wrap .header_tit .back {position: absolute;left: 0;top:0;width: 40px;height: 45px;background: url(../../resources/images/curation/btn_back.png) 50% 50% / 9px 15px no-repeat;text-indent: -9999px;font-size: 0;}
.theme_travel_wrap .cont{width:100%;position:absolute;left:0;bottom:40px;z-index: 10;color:#fff;}
.theme_travel_wrap .cont strong{display:block;margin:0 15px;font-size: 16px;font-weight: 700;letter-spacing:-0.02em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.theme_travel_wrap .cont p{margin:0 15px;padding:3px 0 0;font-weight: 300;font-size: 11px;line-height: 14px;}
.theme_travel_wrap .cont_up{position:absolute;left:0;top:210px;width:100%;border-radius:24px 24px 0 0;}
.theme_travel_wrap .cont_up .btm_banner{padding:0 15px 40px;}
.theme_travel_wrap .cont_up .btm_banner img{width:100%;}
.theme_travel_wrap .mo_anxiety_index{height: 98px;padding:0;background: #f9f9f9;border-radius: 15px 15px 0 0;overflow: hidden;}
.theme_travel_wrap .mo_anxiety_index .tit{display:block;padding: 17px 15px 20px;font-size:14px;font-weight: 300;color:#333;letter-spacing:-0.02em;}
.theme_travel_wrap .mo_anxiety_index .tit em{font-weight: 700;color:#000 !important;}
.theme_travel_wrap .mo_anxiety_index .tit em + em:before{content:'';display:inline-block;margin:0 3px;vertical-align: 4px;width:2px;height:2px;border-radius: 100%;background:#000;}
.theme_travel_wrap .mo_anxiety_index .tit em.good{color:#4ca0f7;}
.theme_travel_wrap .mo_anxiety_index .tit em.average{color:#1fc3b2;}
.theme_travel_wrap .mo_anxiety_index .tit em.care{color:#ffc600;}
.theme_travel_wrap .mo_anxiety_index .tit em.danger{color:#fd5666;}

.theme_travel_wrap .theme_recomm_list.all{background:#fff;}
.theme_travel_wrap .theme_recomm_list.all ul li:first-child{padding:0;}
.theme_travel_wrap .theme_recomm_list.all ul li{overflow: hidden;width: 100%;}

.theme_travel_wrap .scroll_view{display:none;height:143px;position:fixed;width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;z-index: 10;}
.theme_travel_wrap .scroll_view:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.6);}
.theme_travel_wrap.scroll .scroll_view{display:block;}
.theme_travel_wrap .ev_info .video{height:225px;}
.theme_travel_wrap .ev_info .video video{height:100%;}

.scroll_view .header_tit{position: absolute;height:45px;}
.scroll_view .h_wrap{position:absolute;width:100%;height:100%;z-index: 20;}
.scroll_view .mo_anxiety_index{height:98px;position: absolute;left: 0;top: 45px;width: 100%;z-index: 5;}
.theme_travel_wrap .filter_wrap{padding:12px 15px 23px;overflow: hidden;position: relative;background: #fff;}
.theme_travel_wrap .filter_wrap .area{position:absolute;right:15px;top:13px;font-size:12px;color:#333;}
.theme_travel_wrap .filter_wrap .area:after{content: '';display: inline-block;width: 6px;height: 10px;margin-left: 3px;vertical-align: -1px;background: url(../../resources/images/curation/btn_area_list01.png) 0 0 / 100% auto no-repeat;}
.theme_travel_wrap .filter{display:block;}
.theme_travel_wrap .filter button{position:relative;float:left;font-size: 12px;color: #666;margin:0;border-radius: 0;font-weight:300;letter-spacing:-0.02em;height:auto;line-height:18px;}
.theme_travel_wrap .filter button + button:before{content:'';display:inline-block;width:1px;margin:0 7px;height:11px;vertical-align: -1px;background:#d3d1d1;}
.theme_travel_wrap .filter button.on{color:#333;font-weight: 700;}
.notice{padding:37px 24px 40px;box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05);background: #f8f8f8;}
.notice .stit{display:block;padding-bottom:2px;font-size: 14px;font-weight: 500;letter-spacing:-0.02em;color: #909197;}
.notice ul li{padding:2px 0 0 0;font-size: 12px;letter-spacing:-0.02em;color: #909197;margin-left: 10px;line-height:19px;text-indent: -9px;}

.theme_travel_wrap .cont .theme_type{display: block;height: 20px;margin: 14px 0 0 24px;background: url(../../resources/images/curation/stit_maintheme_theme.png) 0 0 / 51px 20px no-repeat;text-indent: -9999px;font-size: 0;}
.theme_travel_wrap .cont .sub_tit{display:block;font-size: 22px;margin:15px 0 0 24px;}
.theme_travel_wrap .cont .sub_tit + strong{padding: 4px 0 0;}
.theme_more{padding:37px 0 0;box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05);background: #f8f8f8;}
.theme_more .all_view {overflow: hidden;position: relative;margin: 0 24px 16px;}
.theme_more .all_view .sstit{float: left;font-size: 16px;font-weight: 500;letter-spacing:-0.02em;}
.theme_more .all_view a {display: inline-block;font-size: 14px;color: #818a96;position: absolute;right: 0;top: 0;letter-spacing:-0.02em;font-weight:300;}
.theme_more .swiper-container{height:205px;box-sizing: border-box;padding: 3px 24px 0 24px;}
.theme_more .swiper-wrapper{border-radius: 8px;height: 140px;}
.theme_more .swiper-slide{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 8px;box-shadow: 8px 8px 16px 0px rgba(38,67,113,0.3);}
.theme_more .swiper-slide:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 8px;background-image: linear-gradient(to right, rgba(16, 18, 27, 0.5) 0%, rgba(16, 18, 27, 0.3) 37%, rgba(0, 0, 0, 0.1) 69%);}
.theme_more .swiper-slide .cont a{display:block;overflow:hidden;color: #fff;}
.theme_more .swiper-slide .cont{bottom:auto;top:0}
.theme_more .swiper-slide .ev_type{position: absolute;right: 16px;top: -3px;display: inline-block;width: 45px;height: 49px;margin:0;background: url(../../resources/images/curation/stit_maintheme_ev.png) 0 0 / 45px 49px no-repeat;text-indent: -9999px;font-size: 0;}
.theme_more .swiper-slide .cont span{display: block;padding: 49px 0 2px 20px;font-size: 14px;font-weight: 500;letter-spacing:-0.02em;color: #d3d6dd;}
.theme_more .swiper-slide .cont strong{display: block;padding: 0;margin:0 20px;font-size: 20px;font-weight: 500;letter-spacing:-0.02em;}
.theme_more .swiper-pagination{bottom: 36px;}
.theme_more .swiper-pagination-bullet{width:6px;height:6px;}
.theme_more .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2px;}

/* footer */
#footer{}
#footer .inr{width:940px;margin:0 auto;line-height:80px;color:#fff;font-size: 16px;text-align: center;}
.btn_top{display:none;}

/* 만족도 조사 팝업 */
#satisfactionPop .layerpop{width: 454px;padding: 0;border-radius: 20px;}
#satisfactionPop .layerpop .tit > h2{padding: 37px 0 14px 39px;background: none;color: #333;font-size: 22px;letter-spacing:-0.02em;}
#satisfactionPop .layerpop .box_cont {padding: 0 40px 40px;border-radius: 0 0 20px 20px;overflow: hidden;}
#satisfactionPop input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#satisfactionPop input[type="radio"] + label {position:relative; display:inline-block; overflow: hidden;min-height:20px; padding-left:30px;vertical-align:middle;font-size:18px;color:#666;}
#satisfactionPop input[type="radio"] + label:before {content:''; position:absolute; left:0; top:4px; width:18px; height:18px; border:1px solid #c7c7c7; background:#fff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
#satisfactionPop input[type="radio"] + label:after {display:block;content:''; position:absolute; left:4px; top:8px; width:12px; height:12px; background:#bebebe; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
#satisfactionPop input[type="radio"]:checked + label:after{background:#31aae2;}
#satisfactionPop input[type="radio"]:checked + label:before {border-color:#31aae2;}
#satisfactionPop input[type="radio"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
#satisfactionPop textarea{width:100%;height:130px;padding:20px;font-size:16px;box-sizing: border-box;border-radius: 10px;border:1px solid #dfdfdf;}
#satisfactionPop textarea:focus{outline:none;border:1px solid #31aae2;}
#satisfactionPop ul{overflow: hidden;padding:0 0 10px;}
#satisfactionPop ul li{margin:0 0 5px;}
#satisfactionPop .btn{padding:20px 0 0;text-align: center;}
#satisfactionPop .btn a{display:inline-block;height:38px;line-height: 38px;width:148px;color:#000;background:#31aae2;border:1px solid #31aae2;font-size: 16px;border-radius: 10px;}
#satisfactionPop .btn a + a{margin-left:8px;color:#000;background:#fff;}

/* 메인 퀵 */
.main_quick01{position: fixed;left: 0;bottom: 0;right: 0;z-index: 100;transition: bottom .5s ease-in-out;}
.main_quick01.on{bottom: 465px;}
.main_quick01 .inr{position: relative;width: 940px;margin: 0 auto;}
.main_quick01 .btn_go{position: absolute;right: -193px;bottom: 40px;width: 200px;height: 200px;background: url(../../resources/images/curation/main_quick_01.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
.main_quick01 button{position: absolute;right: -183px;bottom: 194px;width: 25px;height: 25px;text-indent: -9999px;}
.main_quick01 .inr{width:1200px;margin:0 auto;position: relative;}

/* header */
.travel_gnb.abc_store{height:735px;background: url(../../resources/images/curation/abc_store_visu.jpg) 50% 0 no-repeat;}
.travel_gnb .inr{position: relative;width: 1200px;margin: 0 auto;}
.travel_gnb .logo1{display:block;height:65px;position:relative;}
.travel_gnb .logo1 a{display:inline-block;width:233px;height:100%;position:absolute;left:0;top:0;background: url(../../resources/images/curation/gnb_logo1.png) 50% 0 no-repeat;text-indent: -9999px;}
.travel_gnb .logo1 a:focus:after{content:'';display:block;width:100%;height:100%;box-sizing: border-box;position:absolute;left:0;top:0;border:2px solid #000;}
.travel_gnb header{position:absolute;left:0;width:100%;top:70px;transition:top .3s ease-in-out;height:75px;background:#fff;box-shadow: 0px 3px 7px 0px rgba(118, 118, 118, 0.15);border-radius: 5px;}
.travel_gnb header > div{height:100%;position: relative;}
.travel_gnb.menuFixed header{position:fixed !important;left:0;top:0;width:100%;border-radius: 0;z-index: 100;}
.travel_gnb.menuFixed header > div{width:1200px;margin:0 auto;}
.travel_gnb header h1{height:100%;width:424px;background: url(../../resources/images/curation/gnb_logo2.png) 50% 0 no-repeat;text-indent: -9999px;}
.travel_gnb header h1 a{display:block;height:100%;}
.travel_gnb .menu{position:absolute;right:0;top:0;display:flex;}
.travel_gnb .menu li{padding-right:50px;}
.travel_gnb .menu a{position:relative;height:75px;display: block;position: relative;text-indent: -9999px;}
.travel_gnb .menu .on a{background-position: 0 -75px !important;}
.travel_gnb .menu .on a:after{content:'';display:block;width:100%;height:4px;background:#3e6ae5;position:absolute;left:0;bottom:0;}
.travel_gnb .menu .menu1 a{width:82px;background: url(../../resources/images/curation/gnb_menu1.png) no-repeat;}
.travel_gnb .menu .menu2 a{width:62px;background: url(../../resources/images/curation/gnb_menu2.png) no-repeat;}
.travel_gnb .menu .menu3 a{width:127px;background: url(../../resources/images/curation/gnb_menu3.png) no-repeat;}
.travel_gnb .partner{padding-top:101px;text-align: center;}
.travel_gnb .share{position: absolute;right: -8px;top: 23px;z-index: 110;}
.travel_gnb .share ul li{float:left;margin:0 18px;height:18px;position: relative;font-size:15px;font-weight: 300;color:#fff;line-height:18px;}
.travel_gnb .share ul li:after{content:'';display:inline-block;width:1px;height:15px;background:#fff;position:absolute;right:-18px;top:3px;}
.travel_gnb .share ul li:last-child:after{display:none;}
.travel_gnb .share ul li em{position:absolute;text-indent: -9999px;font-size:0;}
.travel_gnb .share ul li a{display:inline-block;height:18px;color:#fff;}
.travel_gnb .share ul li.icon1:before{content:'';float:left;width:24px;height:18px;margin-right:8px;background:url(../../resources/images/curation/icon_share.png) no-repeat;}
.travel_gnb .share ul li a:before{content:'';float:left;width:24px;height:18px;margin-right:8px;background:url(../../resources/images/curation/icon_share.png) no-repeat;}
.travel_gnb .share ul li.icon2 a:before{width:21px;background-position: 0 -18px;}
.travel_gnb .share ul li.icon2.on a:before{background-position: 0 -36px;}
.travel_gnb .share ul li.icon3 a:before{width:17px;background-position: 0 -54px;}
.travel_gnb .share ul li.icon4 a:before{width:18px;background-position: 0 -73px;}

.travel_gnb.gnb{position: absolute;left: 0;top: 0;z-index: 10;left: 50%;margin-left: -600px;}
#gnbCommon.mo .depth1:after{content:'';display:block;position:absolute;left:0;bottom:-2px;width:100%;height:3px;}

/* abc 상점 */
.abc_pdt_guide{background: url(../../resources/images/curation/bg_abc_pdt_guide.gif) 0 100% repeat-x;}
.abc_pdt_guide h2{padding:50px 0 28px;font-weight: 700;font-size:28px;letter-spacing:-0.02em;color:#000;line-height:31px;}
.abc_pdt_guide .inr{width:1200px;margin:0 auto;position: relative;}
.abc_pdt_guide button.tooltip{position: absolute;top: 52px;left: 213px;width: 27px;height: 28px;z-index: 10;text-indent: -9999px;background: url(../../resources/images/curation/btn_tooltip.png) no-repeat;}
.abc_pdt_guide .layer{display: none;width: 320px;padding: 15px;font-size:15px;line-height:19px;letter-spacing:-0.02em;position: absolute;left: 67px;top: 91px;z-index: 110;background: #fff;color: #767676;border-radius: 7px;border: 1px solid #cac9c9;box-shadow: 4px 6px 18px 0px rgba(102, 102, 102, 0.16);}
.abc_pdt_guide .layer:after {content: '';display: inline-block;position: absolute;left: 50%;margin-left:-5.5px;top: -9px;width: 11px;height: 9px;background: url(../../resources/images/curation/layer_arw02.png) no-repeat;}
.abc_pdt_guide .layer p + p{padding:12px 0 0;}
.abc_pdt_guide button.tooltip.on + .layer {display: block;}
.abc_pdt_guide .swiper-container{margin-left:-45px;overflow: inherit;padding:0 0 11px;}
.abc_pdt_guide ul li{padding:0 10px;height:430px;width:370px;margin-left:45px;overflow: hidden;box-sizing: border-box;border-radius: 10px;}
.abc_pdt_guide ul li:hover, .abc_pdt_guide ul li.on{box-shadow: 21px 20px 40px 0 rgba(44, 41, 33, 0.2);}
.abc_pdt_guide ul li.bg1{background: url(../../resources/images/curation/box_abc_pdt_guide1.png) 0 0 no-repeat;}
.abc_pdt_guide ul li.bg2{background: url(../../resources/images/curation/box_abc_pdt_guide2.png) 0 0 no-repeat;}
.abc_pdt_guide ul li .box_wrap{margin:10px 0;height:410px;overflow: hidden;}
.abc_pdt_guide ul li .box{padding-top:20px;transition:margin .5s ease-in-out;text-align: center;color:#000;}
.abc_pdt_guide ul li .coming_soon{margin:10px 0;height:410px;overflow: hidden;}
.abc_pdt_guide ul li .coming_soon strong.type2:after{height:250px;background: url(../../resources/images/curation/abc_pdt_coming_soon.png) no-repeat;}
.abc_pdt_guide ul li:last-child:hover{box-shadow:none}
.abc_pdt_guide ul li .box01{padding-top: 20px;text-align: center;color: #000;}
.abc_pdt_guide ul li:hover .box, .abc_pdt_guide ul li.on .box{margin-top:-140px;}
.abc_pdt_guide ul li em{display:inline-block;width:80px;height:30px;line-height:30px;color:#fff;border-radius: 50px;font-weight: 700;font-size:18px;letter-spacing:-0.02em;}
.abc_pdt_guide ul li.bg1 em{background:#4a95e9;}
.abc_pdt_guide ul li.bg2 em{background:#15b9ab;}
.abc_pdt_guide ul li span{display:block;padding:15px 0 2px;font-size:20px;letter-spacing:-0.02em;line-height:23px;}
.abc_pdt_guide ul li strong{display:block;font-weight: 800;font-size:28px;letter-spacing:-0.02em;line-height:32px;}
.abc_pdt_guide ul li strong:after{content:'';display:block;height:195px;margin-top:18px;}
.abc_pdt_guide ul li strong.type1:after{background: url(../../resources/images/curation/bg_abc_pdt_guide1.png) no-repeat;}
.abc_pdt_guide ul li strong.type2:after{background: url(../../resources/images/curation/bg_abc_pdt_guide2.png) no-repeat;}
.abc_pdt_guide ul li strong.type3:after{background: url(../../resources/images/curation/bg_abc_pdt_guide3.png) no-repeat;}
.abc_pdt_guide ul li p{opacity:0;transition:opacity .5s ease-in-out;padding:28px 20px 0;font-size:18px;line-height:22px;letter-spacing:-0.02em;color:#333;word-break:keep-all;}
.abc_pdt_guide ul li:hover p, .abc_pdt_guide ul li.on p{opacity:1;}
.abc_pdt_guide ul li .btn a{display:inline-block;width:200px;color:#fff;font-size:16px;letter-spacing:-0.02em;height:35px;line-height:35px;border-radius: 5px;background:#333;}
.abc_pdt_guide ul li .view{display:none;}
.abc_pdt_guide ul li .btn_cos{display:none;}
.abc_pdt_guide ul li .close{display:none;}
.abc_pdt_guide .swiper-scrollbar{display:none;}
.abc_pdt_guide .num-pagination{display:none;}


.wrap_m_card{display:none;}
.wrap_card .inr {width:100%;min-height:300px;background-color:#31334f}
.wrap_card .inr {position:relative}
.wrap_card .inr .wrap_card {position:absolute;top:0;z-index:10}
.wrap_card .inr .card {float:left;position:relative;width:296px;height:280px;box-sizing:border-box;perspective:1200px;transform-style:preserve-3d}
.wrap_card .inr .card:after {display:table;clear:both;content:"";table-layout:fixed}
.wrap_card .inr .card .front {position:absolute;z-index:1;width:100%;height:100%;border-radius:32px;-webkit-box-shadow:0 24px 40px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 24px 40px 0 rgba(0,0,0,0.75);box-shadow:0 24px 40px 0 rgba(0,0,0,0.75);transition:all 0.5s ease-out 0s;transform:rotateY(0deg);backface-visibility:hidden;transform-style:preserve-3d}
.wrap_card .inr .card .back {position:relative;z-index:0;width:100%;height:100%;border-radius:32px;-webkit-box-shadow:0 24px 40px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 24px 40px 0 rgba(0,0,0,0.75);box-shadow:0 24px 40px 0 rgba(0,0,0,0.75);transition:all 0.5s ease-out 0s;transform:rotateY(-180deg);backface-visibility:hidden;transform-style:preserve-3d}
.wrap_card .inr .card.flip .front {position:absolute;z-index:0;transform:rotateY(180deg)}
.wrap_card .inr .card.flip .back {position:relative;z-index:1;transform:rotateY(0deg)}
.wrap_card .inr .card1 .front {border:6px solid #6d50da;color:#6d50da;background-color:#6d50da}
.wrap_card .inr .card1 .back {border:6px solid #6d50da;color:#6d50da;background-color:#fff}
.wrap_card .inr .card2 .front {border:6px solid #4c68e2;color:#4c68e2;background-color:#4c68e2}
.wrap_card .inr .card2 .back {border:6px solid #4c68e2;color:#4c68e2;background-color:#fff}

body.comingsoon{background: url(../../resources/images/curation/abc_comingsoon.gif) 0 0 repeat;}
.abc_store_comingsoon{padding:220px 0 100px;width:1200px;margin:0 auto;text-align: center;overflow: hidden;}
.abc_store_comingsoon .btn a{display:inline-block;color:#fff;font-size:22px;background:#2a55cf;border-radius: 5px;height:55px;line-height:55px;padding:0 30px;}
.abc_store_comingsoon .btn a:after{content:'';display:inline-block;width:28px;height:28px;margin-left:8px;vertical-align: -6px;background: url(../../resources/images/curation/btn_go.png) no-repeat;}

.abc_trip{overflow: hidden;padding:0 0 31px;background:#f0f2f7;height:100%;}
.abc_trip h2{padding: 120px 0 28px 40px;font-weight: 700;font-size:28px;letter-spacing:-0.02em;color:#000;line-height:31px;}
.abc_trip .inr{margin:0 auto;width:1280px;position: relative;height:100%;}
.abc_trip .sorting{position:absolute;right:40px;top: 130px;display:flex;font-size:16px;}
.abc_trip .sorting button{letter-spacing:-0.02em;color:#000;}
.abc_trip .sorting button:first-child:after{content:'';display:inline-block;width:13px;height:15px;background: url(../../resources/images/curation/icon_trip_sort.png) repeat;vertical-align: -1px;margin-left:5px;}
.abc_trip .sorting button.down:after{background: url(../../resources/images/curation/icon_trip_sort1.png) repeat;}
.abc_trip .sorting button + button:before{content:'';display:inline-block;width:1px;height:16px;background:#b5b5b5;margin: 0 13px;vertical-align: -2px;}
.abc_trip .swiper-container{padding:3px 0 45px;}
.abc_trip ul li{position: relative;float:left;width:580px;margin:0 0 30px 40px;background:#fff;height:200px;border-radius: 10px;box-shadow: 5px 8px 32px 0px rgba(101, 100, 100, 0.1);}
.abc_trip ul.on li:after{content:'';display:block;width:100%;height:100%;border:2px solid #567ff2;box-sizing: border-box;border-radius: 10px;position:absolute;left:0;top:0;}
.abc_trip ul li .img{float: left;position: relative;width: 200px;height: 100%;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;border-radius: 10px 0 0 10px;}
.abc_trip ul li .img:focus{outline:3px solid red;}
.abc_trip ul li .img em{display:inline-block;color:#fff;width:70px;height:35px;line-height:35px;border-radius: 0 0 10px 0;letter-spacing:-0.02em;font-size:16px;background:#567ff2;text-align: center;}
.abc_trip ul li .info{position: relative;margin: 0 30px 0 230px;}
.abc_trip ul li .stit{display:block;margin:47px 0 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:20px;line-height:24px;font-weight: 700;letter-spacing:-0.02em;color:#000;}
.abc_trip ul li .tag{margin-left:-5px;overflow:hidden;display:block;font-size:16px;line-height:19px;display: -webkit-box;height: 38px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.abc_trip ul li .tag span{display:inline-block;font-weight:300;letter-spacing:-0.02em;color:#666;margin-left:5px;}
.abc_trip ul li .form{margin-top:26px;font-size:16px;line-height:19px;color:#666;font-weight: 300;overflow: hidden;}
.abc_trip ul li .form span{float:left;}
.abc_trip ul li .form span + span:before{content:'';float:left;width:1px;height:13px;background:#bfbfbf;margin:4px 10px 0 7px;}
.abc_trip ul li .del{position:absolute;right:15px;top:15px;width:27px;height:27px;text-indent: -9999px;font-size:0;background: url(../../resources/images/curation/bgn_abc_trip.png) no-repeat;}
.abc_trip ul li .del:focus{outline-offset: 2px;}
.abc_trip .btn_more{text-align: center;}
.abc_trip .btn_more button{line-height:38px;font-size:19px;letter-spacing:-0.02em;color:#333;}
.abc_trip .btn_more button:after{content:'';display:inline-block;width:11px;height:8px;margin-left:4px;vertical-align: 2px;background: url(../../resources/images/curation/btn_more01.png) no-repeat;}
.abc_trip .list_none{position:absolute;left:0;top:50% !important;width: 100%;transform: translateY(-50%);text-align: center;color:#000;}
.abc_trip .list_none strong{display:block;font-size:28px;line-height:32px;font-weight: 700;letter-spacing:-0.02em;}
.abc_trip .list_none span{display: block;font-size: 24px;line-height: 27px;padding: 0 0 5px;}
.abc_trip .list_none span:before{content:'';display:block;margin:20px 0 23px;height:169px;background: url(../../resources/images/curation/planner_list_none.png) 50% 0 no-repeat;}
.abc_trip .list_none p{padding:15px 0 0;font-size:20px;letter-spacing:-0.02em;line-height:26px;}
.btm_menu{display:none;}

/* AI추천여행지 */
.travel_gnb.ai_travel {height: 695px;border-bottom:1px solid #fff;position: relative;}
.travel_gnb.ai_travel:after{content:'';}
.travel_gnb.ai_travel .video_wrap{position: relative;height: 695px;background-size:cover;background-position: 50% 50%;background-repeat: no-repeat;}
.travel_gnb.ai_travel .video_wrap:after{content:'';display:block;height:100%;position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.4)}
.travel_gnb.ai_travel .video_wrap video{width:100%;}
.travel_gnb.ai_travel .inr{position:absolute;left:50%;top:0;margin-left:-600px;z-index: 100;}
.travel_gnb.ai_travel .info_txt{padding:285px 0 0;color:#fff;text-align: center;}
.travel_gnb.ai_travel .info_txt strong{display:block;font-weight: 700;font-size: 40px;letter-spacing:-0.02em;line-height:46px;}
.travel_gnb.ai_travel .info_txt p{padding:12px 0 45px;font-size:22px;font-weight: 300;letter-spacing:-0.02em;line-height:30px;}
.travel_gnb.ai_travel .info_txt a{display:inline-block;font-size: 20px;letter-spacing:-0.02em;height:53px;line-height:53px;width:218px;border-radius: 50px;border:1px solid #fff;color:#fff;}
.travel_gnb.ai_travel .info_txt a:before{content:'';display:inline-block;margin-right:8px;vertical-align: -3px;width:25px;height:22px;background:url(../../resources/images/curation/btn_map.png) no-repeat;}
.travel_gnb.ai_travel .wallpaper_link{padding-left:30px;position:absolute;right:32px;bottom:40px;color:#fff;font-size: 18px;letter-spacing:-0.02em;}
.travel_gnb.ai_travel .wallpaper_link:before{content:'';position: absolute;left: 0;top:3px;display:inline-block;width:24px;height:24px;background: url(../../resources/images/curation/icon_wallpaper_link1.png) no-repeat;}
.travel_gnb.ai_travel .wallpaper_link span{display:block;font-weight: 300;font-size:14px;letter-spacing:-0.02em;}
.travel_gnb.ai_travel .wallpaper_link span:after{content:'';display:inline-block;width:17px;height:12px;background: url(../../resources/images/curation/icon_wallpaper_link2.png) no-repeat;margin-left:8px;}
.ai_travel_list1{background:#e3efff;}
.ai_travel_list1 .inr{width:1200px;margin: 0 auto; padding: 0 0 50px 0;}
.ai_travel_list1 ul.hoverWrap{display: flex; width: 100%; box-sizing: border-box;padding: 0 0 30px 0;}
.ai_travel_list1 ul.hoverWrap li{width:200px; border-radius: 15px; margin: 0 20px 0 0; overflow: hidden; transition: 0.2s; word-break:keep-all;position: relative;}
.ai_travel_list1 ul.hoverWrap li.active{width:320px; box-shadow: 11px 12px 29px 0px rgba(66, 92, 229, 0.27);}
.ai_travel_list1 ul.hoverWrap li.active .info .txtArea{bottom: 23px; padding: 0 35px;}
.ai_travel_list1 ul.hoverWrap li.active .img .btn.bmark{right: 77px;}
.ai_travel_list1 ul.hoverWrap li.active .img .img .btn.mapview{right: 38px;}
.ai_travel_list1 ul.hoverWrap li:last-child{margin: 0;}
.ai_travel_list1 ul.hoverWrap li:hover{box-shadow: 11px 12px 29px 0px rgba(66, 92, 229, 0.27); flex: 0 1 320px;}
.ai_travel_list1 ul.hoverWrap li .img{display:block;position:relative; height: 340px; border-radius: 15px;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
/* .ai_travel_list1 ul.hoverWrap li:hover .img{border-radius: 15px;} */
.ai_travel_list1 ul.hoverWrap li .img em{display:inline-block;position:absolute;right:20px;top:0;width:65px;height:70px;text-indent:-9999px;background: url(../../resources/images/curation/ai_travel_type.png) no-repeat;}
.ai_travel_list1 ul.hoverWrap li .img em.type2{background-position: 0 -70px;}
.ai_travel_list1 ul.hoverWrap li .img em.type3{background-position: 0 -140px;}
.ai_travel_list1 ul.hoverWrap li .img em.type4{background-position: 0 -210px;}
.ai_travel_list1 ul.hoverWrap li .img em.type5{background-position: 0 -280px;}
.ai_travel_list1 ul.hoverWrap li .img .btn{display:flex; justify-content: center; align-items: center; position:absolute;right:36px;top:35px;}
.ai_travel_list1 ul.hoverWrap li .img .btn.bmark{z-index: 2;}
.ai_travel_list1 ul.hoverWrap li .img .btn.mapview{z-index: 1;}
.ai_travel_list1 ul.hoverWrap li .img .btn button{text-indent: -9999px; background-repeat: no-repeat; position: absolute; width: 31px; height: 31px;}
.ai_travel_list1 ul.hoverWrap li .img .btn.bmark button{background-position: 50% 0; background-image: url(../../resources/images/curation/icon_goodk01.png); }
.ai_travel_list1 ul.hoverWrap li .img .btn.bmark button.on{background-position: 50% -31px;}
.ai_travel_list1 ul.hoverWrap li .img .btn.mapview button{background-image: url(../../resources/images/curation/icon_map02.png);}
.ai_travel_list1 ul.hoverWrap li:hover .img .btn.bmark{right: 84px;}
.ai_travel_list1 ul.hoverWrap li:hover .img .btn.mapview{right: 38px;}
.ai_travel_list1 ul.hoverWrap li .info{position: absolute; width: calc(100% - 5px); height: calc(100% - 5px); bottom: 3px; left: 3px; text-align: center; box-sizing: border-box;}
.ai_travel_list1 ul.hoverWrap li .info:focus{outline: 3px solid red; border-radius: 13px;}
.ai_travel_list1 ul.hoverWrap li .img::after{content: ''; border-radius: 0 0 5px 5px; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 40%; background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.6));}
.ai_travel_list1 ul.hoverWrap li .info .txtArea{width: 100%; padding: 0 15px; position: absolute; z-index: 10; bottom: -22px; left: 50%; transform: translateX(-50%); transition:bottom 0.5s ease-in-out;}
.ai_travel_list1 ul.hoverWrap li strong{display:block; margin: 0 auto; font-weight: 700;font-size:20px;letter-spacing:-0.02em;line-height:23px;color:#fff; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.ai_travel_list1 ul.hoverWrap li:hover .txtArea{bottom: 23px; padding: 0 35px;}
.ai_travel_list1 ul.hoverWrap li .area{padding:5px 0 18px;display:block;font-weight: 300;font-size:16px;line-height:19px;color:#fff;}
.ai_travel_list1 ul.hoverWrap li .tag{color:#fff;font-size:16px;font-weight: 300;margin-left:-5px;overflow:hidden;max-height: 48px;word-break: keep-all;white-space: nowrap; text-overflow: ellipsis;}
.ai_travel_list1 ul.hoverWrap li .tag span{display:inline-block;margin-left:5px;}
.ai_travel_list1 .btn_more {text-align: center;position: relative;top: 0;}
.ai_travel_list1 .btn_more button {line-height: 50px; padding: 0 22px 0 28px; font-size: 19px;letter-spacing:-0.02em;color: #fff; background-color: #567ff2; border-radius: 25px; box-shadow: 9px 14px 21px 0px rgba(66, 92, 229, 0.2); }
.ai_travel_list1 .btn_more button:focus{outline:3px solid red;outline-offset: 2px;}
.ai_travel_list1 .btn_more button:after {content: '';display: inline-block;width: 22px;height: 19px;margin-left: 7px;vertical-align: -3px;background: url(../../resources/images/curation/btn_refresh.png) no-repeat;}
.ai_travel_list1 h2{padding: 50px 0 28px; font-weight: 700; font-size: 28px; letter-spacing:-0.02em; color: #000;}
.ai_travel_list1 .btn_map{display:none;}

.ai_travel_list1 .ai_out{text-align: center;}
.ai_travel_list1 .ai_out .box{margin:0 0 30px;height:340px;background: #fff url(../../resources/images/curation/ai_img_robot.gif) 50% 78px no-repeat;box-shadow: 5px 8px 32px 0px rgba(64, 148, 242, 0.1);border-radius: 20px;}
.ai_travel_list1 .ai_out .box br{display:none;}
.ai_travel_list1 .ai_out strong{padding:217px 0 0;display:block;font-weight: 700;font-size:20px;letter-spacing:-0.02em;line-height: 23px;color:#333;}
.ai_travel_list1 .ai_out p{padding:7px 0 0;font-size:16px;line-height: 19px;letter-spacing:-0.02em;color:#777;}
.ai_travel_list1 .ai_out a{display:inline-block;width:260px;height:50px;line-height: 50px;color:#fff;background:#567ff2;border-radius: 50px;font-size:19px;letter-spacing:-0.02em;font-weight: 700;box-shadow: 9px 14px 21px 0px rgba(66, 92, 229, 0.2);}
.ai_travel_list1 .ai_out a:after{content:'';display:inline-block;width:20px;height:20px;margin-left:8px;background: url(../../resources/images/curation/icon_ai_btn.png) no-repeat;vertical-align: -3px;}
.ai_travel_list1 .ai_out a.login{width:160px;}
.ai_travel_list1 .ai_out a.login:after{display:none;}

.ai_travel_list1 .exhaust .box{margin:0 0 30px;height:488px;box-shadow: 5px 8px 32px 0px rgba(64, 148, 242, 0.1);border-radius: 20px;background:#fff;}
.ai_travel_list1 .exhaust .mo_box{margin:0 313px;padding:39px 0 0;overflow: hidden;}
.ai_travel_list1 .exhaust .mo_box strong{margin-left: 98px;display: block;padding:3px 0 6px;font-size:20px;letter-spacing:-0.02em;line-height: 23px;color:#333;}
.ai_travel_list1 .exhaust .mo_box p{margin-left: 98px;color:#777;font-size:16px;letter-spacing:-0.02em;line-height: 21px;}
.ai_travel_list1 .exhaust .mo_box:before{content:'';float:left;width:79px;height:79px;background: #fff url(../../resources/images/curation/img_robot01.png) no-repeat;}
.ai_travel_list1 .exhaust .stit{display:block;padding:37px 0 20px 40px;font-weight: 700;font-size:22px;letter-spacing:-0.02em;line-height: 25px;color:#000;}
.ai_travel_list1 .exhaust .curation_area{padding-left:10px;}
.ai_travel_list1 .exhaust ul{margin:0;}
.ai_travel_list1 .exhaust ul li{width:257px;margin: 0 0 0 30px;}
.ai_travel_list1 .exhaust ul li .img{height:190px;}
.ai_travel_list1 .exhaust ul li strong{padding: 12px 55px 4px 0;}
.ai_travel_list1 .exhaust ul li a.bookmark{top: 205px;}
.ai_travel_list1 .exhaust ul li a.map{top: 205px;}
.ai_travel_list1 .exhaust .refresh{text-align: center;}
.ai_travel_list1 .exhaust .refresh a{display: inline-block;width: 260px;height: 50px;line-height: 50px;color: #fff;background: #567ff2;border-radius: 50px;font-size: 19px;letter-spacing:-0.02em;font-weight: 700;box-shadow: 9px 14px 21px 0px rgba(66, 92, 229, 0.2);}
.ai_travel_list1 .exhaust .refresh a:focus{outline:3px solid red;outline-offset: 2px;}
.ai_travel_list1 .exhaust .refresh a:after{content: '';display: inline-block;width: 22px;height: 19px;margin-left: 8px;background: url(../../resources/images/curation/icon_btn_refresh.png) no-repeat;vertical-align: -3px;}

.similar_travel_list .inr{width:1200px;margin:0 auto;position: relative;}
.similar_travel_list h2{padding: 50px 0 28px;font-weight: 700;font-size: 28px;letter-spacing:-0.02em;color: #000;line-height: 31px;}
.similar_travel_list ul li{width:224px;margin-right:20px;}
.similar_travel_list ul li a{display:block;text-align: center;position: relative;}
.similar_travel_list ul li a:focus{outline: none;}
.similar_travel_list ul li a:focus:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:3px solid red;box-sizing: border-box;}
.similar_travel_list ul li .img{display:block;height:224px;border-radius: 20px;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
.similar_travel_list ul li strong{display:block;margin:12px 0 8px;font-size:20px;letter-spacing:-0.02em;line-height:23px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.similar_travel_list ul li strong br{display:none;}
.similar_travel_list ul li .area{display:block;font-size:16px;line-height:19px;color:#666;font-weight: 300;}
.similar_travel_list .swiper-container{padding:0 0 110px;position:static;}
.similar_travel_list .swiper-scrollbar{width:auto;left:0;right:0;height:3px;background:#e2dfdf;bottom:79px;}
.similar_travel_list .swiper-scrollbar-drag{background:#333;}
.similar_travel_list .swiper-button-next, .similar_travel_list .swiper-button-prev{text-indent: -9999px;width:36px;height:36px;margin:0;top:45px;}
.similar_travel_list .swiper-button-next{background:url(../../resources/images/curation/btn_slide_next04.png) no-repeat;right:0;}
.similar_travel_list .swiper-button-prev{background:url(../../resources/images/curation/btn_slide_prev04.png) no-repeat;left:auto;right:38px;}
.similar_travel_list .swiper-button-disabled{background-position: 0 -36px;opacity: 1;}
.similar_travel_list + .btm_auto_banner{margin: 0 0 88px;}

.ai_hit_list h2{float:left;width:206px;font-weight: 700;font-size: 28px;letter-spacing:-0.02em;color: #000;line-height: 30px;}
.ai_hit_list h2 strong{display:block;font-size:32px;line-height:33px;}
.ai_hit_list .inr{width:1200px;margin:0 auto;position: relative;overflow: hidden;}
.ai_hit_list .swiper-container{float:left;width:994px;position:static;}
.ai_hit_list ul li{float:left;width:228px;height:212px;margin:0 0 20px 20px;position: relative;}
.ai_hit_list ul li a{display:block;height:100%;border-radius: 20px;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;position:relative;}
.ai_hit_list ul li a:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height: 50%;border-radius: 20px;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
.ai_hit_list ul li a:focus{outline:none;}
.ai_hit_list ul li a:focus:after {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid red;box-sizing: border-box;}
.ai_hit_list ul li button {position: absolute;right:20px;top:20px;width: 31px;height: 31px;background-position: 50% 0;text-indent: -9999px;background-image: url(../../resources/images/curation/icon_goodk01.png);}
.ai_hit_list ul li button.on {background-position: 50% -31px;}
.ai_hit_list ul li strong{display:block;position:absolute;left:20px;right:20px;bottom:25px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#fff;font-size:20px;letter-spacing:-0.02em;line-height:23px;z-index: 5;font-weight: 400;text-align: center;}
.ai_hit_list .swiper-button-next, .ai_hit_list .swiper-button-prev{text-indent: -9999px;width:36px;height:36px;margin:0;top:-5px;}
.ai_hit_list .swiper-button-next{background:url(../../resources/images/curation/btn_slide_next03.png) no-repeat;right:0;}
.ai_hit_list .swiper-button-prev{background:url(../../resources/images/curation/btn_slide_prev03.png) no-repeat;left:0;}
.ai_hit_list .swiper-button-disabled{background-position: 0 -36px;opacity: 1;}
.ai_hit_list .paging{position:absolute;left:0;top:107px;width:144px;height:36px;}
.ai_hit_list .swiper-pagination{line-height:22px;position:static;font-size:20px;font-weight: 300;color:#333;}
.ai_hit_list .swiper-pagination-current{font-weight: 700;}
.ai_hit_list .tit_layer{float: left;width: 206px;position: relative;}
.ai_hit_list .tit_layer h2{float:left;width:auto;}
.ai_hit_list .tit_layer button{margin: 34px 0 0 10px;float:left;width:27px;height:28px;background:url(../../resources/images/curation/btn_tit_layer.png) no-repeat;text-indent: -9999px;}
.ai_hit_list .tit_layer button:focus{outline-offset: 3px;}
.ai_hit_list .tit_layer .layer{display:none;position:absolute;right:-13px;bottom:-80px;padding: 15px;width: 210px;z-index:20;font-size: 15px;line-height: 19px;letter-spacing:-0.02em;background: #fff;color: #767676;border-radius: 7px;border: 1px solid #cac9c9;box-shadow: 4px 6px 18px 0px rgba(102, 102, 102, 0.16);}
.ai_hit_list .tit_layer .layer:after{content: '';display: inline-block;position: absolute;right: 44px;top: -9px;width: 11px;height: 9px;background: url(../../resources/images/curation/layer_arw02.png) no-repeat;}
.ai_hit_list .tit_layer.on .layer{display:block;}
.ai_hit_list .paging.type1{top: 185px;}

/* 반반코스 선택 */
.travel_gnb.fifty{height:720px;background: url(../../resources/images/curation/abc_fifty_visu.jpg) 50% 0 no-repeat;}
.travel_gnb.fifty header.curation{display:none;}
.fifty_cos{background:#f0f2f7;overflow: hidden;}
.fifty_cos h3{padding:24px 0 50px;background:#fff;font-size: 26px;letter-spacing:-0.02em;line-height: 30px;color:#333;text-align:center;font-weight: 400;}
.fifty_cos h3 br{display:none;}
.fifty_cos h3 strong{font-weight:800;}
.fifty_cos h3:before{content:'';display:block;height:21px;margin:0 0 12px;background: url(../../resources/images/curation/img_quotation_mark.png) 50% 0 no-repeat;}
.fifty_cos .inr{width:580px;margin:0 auto;}
.fifty_cos h4{padding:28px 0 30px;font-weight: 700;font-size:28px;line-height:32px;letter-spacing:-0.02em;color:#000;}
.fifty_cos h4:before{content:'';display:inline-block;margin-right:12px;vertical-align: -5px;width:39px;height:36px;background: url(../../resources/images/curation/tit_fifty_cos.png) no-repeat;}
.fifty_cos h4.day2:before{background-position: 0 -36px;}
.fifty_cos h4.day3:before{background-position: 0 -72px;}
.fifty_cos .cos_box{position: relative;}
.fifty_cos .cos_box .area{display:inline-block;font-size:20px;letter-spacing:-0.02em;color:#333;line-height:23px;position:absolute;right:0;top:37px;}
.fifty_cos .cos_box > ul{position:relative;padding-left:60px;margin:0 0 32px;text-align: center;background: url(../../resources/images/curation/bg_fifty_cos.png) 0 0 repeat-y;}
.fifty_cos .cos_box > ul > li{position:relative;margin-top:30px;padding:0 55px;background:#fff;border-radius: 10px;box-shadow: -1px 2px 7px 0px rgba(118, 118, 118, 0.3);box-sizing: border-box;}
.fifty_cos .cos_box > ul > li:first-child{margin:0;}
.fifty_cos .cos_box > ul > li ul{display:flex;height: 100%;align-items: stretch;}
.fifty_cos .cos_box > ul > li ul li{width:160px;padding:41px 0 30px;}
.fifty_cos .cos_box > ul > li ul li.or{width:90px;padding-top:128px;line-height: 27px;font-size:24px;color:#bababa;letter-spacing:-0.02em;font-weight: 700;}
.fifty_cos .cos_box .num{display:inline-block;position:absolute;left:-60px;top:0;color:#fff;font-size:20px;border-radius:100%;width:36px;height:36px;line-height: 36px;}
.fifty_cos .cos_box .day1 .num{background:#318cf2;}
.fifty_cos .cos_box .day2 .num{background:#02b9c9;}
.fifty_cos .cos_box .day3 .num{background:#1ac788;}
.fifty_cos .cos_box em{display:inline-block;position:absolute;left:0;top:0;color:#fff;font-size:18px;border-radius:0 0 10px 0;width:80px;height:40px;line-height: 40px;}
.fifty_cos .cos_box .day1 em{background:#4094f2;}
.fifty_cos .cos_box .day2 em{background:#02b9c9;}
.fifty_cos .cos_box .day3 em{background:#1ac788;}
.fifty_cos .cos_box > ul > li button{width:100%;position: relative;}
.fifty_cos .cos_box > ul > li button .img{position: relative;display:block;height:160px;border-radius: 100%;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.fifty_cos .cos_box > ul > li button .img.none{background:#f0f1f4 url(../../resources/images/curation/img_none.png) 50% 50% no-repeat;border:1px solid #e9eaef;}
.fifty_cos .cos_box > ul > li button p{margin:7px 0 0;font-weight: 300;font-size:18px;letter-spacing:-0.02em;color:#767676;line-height:20px;overflow:hidden;display:block;display: -webkit-box;height: 40px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.fifty_cos .cos_box > ul > li button strong{display:block;margin:12px 0 0;font-size: 20px;color:#333;letter-spacing:-0.02em;line-height: 23px;font-weight:400;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fifty_cos .cos_box > ul > li button.on .img:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;border-radius: 100%;}
.fifty_cos .cos_box .day1 li button.on .img:after{background:rgba(64,148, 242,.8) url(../../resources/images/curation/fifty_cos_on.png) 50% 50% no-repeat;}
.fifty_cos .cos_box .day2 li button.on .img:after{background:rgba(2,185, 201,.8) url(../../resources/images/curation/fifty_cos_on.png) 50% 50% no-repeat;}
.fifty_cos .cos_box .day3 li button.on .img:after{background:rgba(26,199, 136,.8) url(../../resources/images/curation/fifty_cos_on.png) 50% 50% no-repeat;}
.fifty_cos .cos_box > ul > li button.dim:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,.5);z-index: 5;}
.fifty_cos .cos_box > ul > li button.dim{cursor:default;}
.fifty_cos .btn_finish{text-align: center;padding:30px 0 100px;}
.fifty_cos .btn_finish a{display:block;height:70px;line-height:70px;box-shadow: 8px 13px 27px 0px rgba(86, 127, 242, 0.35);border-radius:10px;background:#567ff2;color:#fff;font-size:26px;letter-spacing:-0.02em;}

/* 팝업 */
#cosfinishPop1 .layerpop, #cosfinishPop2 .layerpop, #cosagain .layerpop{width: 520px;padding:0;border-radius: 5px;text-align: center;}
.layerpop .cos_finish_pop{padding:30px 30px 30px;}
.cos_finish_pop strong{display:block;padding:105px 0 17px;font-weight: 700;font-size:24px;line-height:28px;letter-spacing:-0.02em;color:#333;background: url(../../resources/images/curation/bg_cos_finish.png) 50% 0 no-repeat;}
.cos_finish_pop p{padding:0 0 28px;font-size:18px;line-height: 23px;color:#666;letter-spacing:-0.02em;word-break:keep-all;}
.cos_finish_pop .btn_area{margin-left:-10px;}
.cos_finish_pop .btn_area:after{content:'';display:block;clear:both;overflow: hidden;}
.cos_finish_pop a{float:left;width:calc(50% - 10px);margin-left:10px;height:52px;border:1px solid #333;line-height: 50px;font-size:16px;color:#fff;letter-spacing:-0.02em;border-radius: 5px;background:#333;box-sizing: border-box;}
.cos_finish_pop a:focus{outline:3px solid red;outline-offset: 2px;}
.cos_finish_pop a + a{background:#fff;border:1px solid #333;color:#333;}

#productPop1 .layerpop, #productPop2 .layerpop{width: 520px;padding:40px 30px 30px;border-radius: 20px;text-align: center;}
.product_pop strong{display:block;padding:105px 0 7px;font-weight: 700;font-size:24px;line-height:28px;letter-spacing:-0.02em;color:#333;background: url(../../resources/images/curation/bg_product_pop.png) 50% 0 no-repeat;}
#productPop2 .layerpop strong{padding:105px 0 17px;}
.product_pop p{padding:0 0 17px;font-size:20px;line-height: 23px;color:#666;letter-spacing:-0.02em;}
.product_pop .btn_area{margin-left:-10px;}
.product_pop .btn_area:after{content:'';display:block;clear:both;overflow: hidden;}
.product_pop a{float:left;width:calc(50% - 10px);margin-left:10px;height:50px;line-height: 50px;font-size:20px;color:#fff;letter-spacing:-0.02em;border-radius: 10px;background:#4880ed;}
.product_pop a:focus{outline:3px solid red;outline-offset: 2px;}
.product_pop a + a{background:#666;}
.product_pop .area{height:120px;margin:0 0 30px;background:#f0f2f7;border-radius: 10px;display:flex;align-content: center;flex-wrap: wrap;}
.product_pop .area > *{width:100%;}
.product_pop .area em{font-size: 18px;line-height:21px;color:#666;}
.product_pop .area strong{padding:5px 0 0;background:none;font-size:28px;line-height:32px;color:#4880ed;}
.product_pop .area p{padding:0;font-size:18px;line-height: 24px;letter-spacing:-0.02em;}

#guidePop .layerpop{width: 520px;padding:42px 0 0;border-radius: 20px;text-align: center;}
.guide_pop strong{display:block;padding:200px 0 16px;font-size:34px;font-weight: 800;letter-spacing:-0.02em;line-height:38px;color:#000;background: url(../../resources/images/curation/bg_guide_pop.gif) 50% 0 no-repeat;}
.guide_pop p{padding:0 0 26px;font-size:20px;line-height:26px;letter-spacing:-0.02em;color:#666;word-break:keep-all;}
.guide_pop em{display:inline-block;color:#fff;font-weight: 700;font-size:22px;height:40px;line-height:40px;width:130px;border-radius: 50px;background:#23b58b;}
.guide_pop span{display:block;padding:17px 0 40px;font-weight: 700;letter-spacing:-0.02em;font-size:20px;color:#000;line-height:23px;}
.guide_pop .btn_area a{display:block;font-size:24px;letter-spacing:-0.02em;font-weight: 700;background:#567ff2;border-radius:0 0 20px 20px;color:#fff;height:70px;line-height:70px;}
.guide_pop .btn_area a:focus{outline:3px solid red;outline-offset: 2px;}
.guide_pop .btn_area a:after{content:'';display:inline-block;width:28px;height:28px;background: url(../../resources/images/curation/btn_guide_pop.png) no-repeat;vertical-align: -5px;margin-left:5px;}
#guidePop .btn_close{position:absolute;right:30px;top:30px;text-indent: -9999px;width:26px;height:26px;background: url(../../resources/images/curation/btn_pop_close.png) no-repeat;margin:0;}
#guidePop .btn_close:focus{outline-offset: 2px;outline:3px solid red}

#satisfactionPop01 .layerpop{width: 520px;padding:38px 30px 30px;border-radius: 20px;text-align: center;}
.satisfaction_pop strong{display:block;padding:7px 0 28px;font-size:24px;font-weight: 700;letter-spacing:-0.02em;line-height:28px;color:#333;}
.satisfaction_pop p{font-size:20px;line-height:23px;letter-spacing:-0.02em;color:#333;}
.satisfaction_pop .star{padding:24px 0;margin:0 0 10px;border:1px solid #dfdfdf;border-radius: 10px;}

.starability_grow {display:block;position:relative;width:235px;margin:0 auto;min-height:31px;padding:0;}
.starability_grow>input {position:absolute;margin-right:-100%;opacity:0}
.starability_grow>input:checked~label,.starability_grow>input:focus~label,.starability_grow>input:hover~label {background-position:0 -31px}
.starability_grow>input:focus+label {outline:1px dotted #999}
.starability_grow>label {position:relative;display:inline-block;float:right;margin:0 8px;width:31px;height:31px;color:transparent;text-indent: -9999px;cursor:pointer;background:url(../../resources/images/curation/icon_star.png) no-repeat;}
.starability_grow>label:before {display:none;position:absolute;content:' ';width:31px;height:31px;background:url(../../resources/images/curation/icon_star.png) no-repeat;bottom:0}
.starability_grow>input:checked+label:before {display:block;animation-duration:1s;animation-name:star;animation-fill-mode:forwards}

.satisfaction_pop textarea{width:100%;background:#f5f5f5;padding:20px;height:120px;box-sizing: border-box;border:1px solid #dfdfdf;border-radius: 10px;font-weight: 300;font-size:16px;line-height:22px;letter-spacing:-0.02em;}
.satisfaction_pop textarea:focus{background:#fff;border:1px solid #4880ed;outline:none;}
.satisfaction_pop .btn_area{margin-left:-10px;margin-top:30px;}
.satisfaction_pop .btn_area:after{content:'';display:block;overflow: hidden;clear:both;}
.satisfaction_pop a:focus{outline:3px solid red;outline-offset: 2px;}
.satisfaction_pop a{float:left;width:calc(50% - 10px);margin-left:10px;height:50px;line-height: 50px;font-size:20px;color:#fff;letter-spacing:-0.02em;border-radius: 10px;background:#4880ed;}
.satisfaction_pop a + a{background:#666;}
@keyframes star {
    0% {
        transform:scale(1)
    }
    99% {
        transform:scale(4);
        opacity:0
    }
    to {
        transform:scale(1);
        opacity:0
    }
}

.layerpop.loading{width:570px;padding:47px 0 50px;border-radius: 30px;text-align: center;}
.loading_pop strong{display:block;padding:0 0 26px;font-size:34px;letter-spacing:-0.02em;line-height:40px;font-weight: 300;color:#333;}
.loading_pop strong em{font-weight: 700;}
.loading_pop .img{width:412px;height:317px;margin:0 auto;position: relative;}
.pulse_container {overflow:hidden;margin: 30px auto 0;width:100%;}
.pulse_container .bubble {display:inline-block;margin:0 6px;width: 13px;height: 13px;border-radius: 50%;background-color: #333;}
.pulse_container .bubble1 {animation: pulse .8s ease 0s infinite alternate;}
.pulse_container .bubble2 {animation: pulse .8s ease .2s infinite alternate;}
.pulse_container .bubble3 {animation: pulse .8s ease .4s infinite alternate;}
@keyframes pulse {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: .25;
        transform: scale(.75);
    }
}

#clearPop .layerpop{width: 440px;padding:41px 0 0;border-radius: 20px;text-align: center;}
#clearPop .btn_close {position: absolute;right: 30px;top: 30px;text-indent: -9999px;width: 26px;height: 26px;background: url(../../resources/images/curation/btn_pop_close.png) no-repeat;margin: 0;}
#clearPop .btn_close:focus{outline-offset: 2px;outline:3px solid red}
.clear_pop strong{display:block;padding:130px 0 17px;font-weight: 700;font-size:24px;line-height:28px;letter-spacing:-0.02em;color:#333;background: url(../../resources/images/curation/bg_clear_pop.gif) 50% 0 no-repeat;}
.clear_pop p{padding:0 0 36px;font-size:20px;line-height: 23px;color:#666;letter-spacing:-0.02em;}

#wishareaPop .layerpop{width: 520px;padding:30px 30px 30px;border-radius: 20px;text-align: center;}
.wisharea_pop strong{display:block;padding:110px 0 16px;font-weight: 700;font-size:24px;line-height:28px;letter-spacing:-0.02em;color:#333;background: url(../../resources/images/curation/bg_wisharea_pop.gif) 50% 0 no-repeat;}
.wisharea_pop .ex{display:block;padding:0 0 3px;font-size:18px;letter-spacing:-0.02em;color:#666;line-height:23px;}
.wisharea_pop ul li{text-align: left;display:flex;line-height:24px;font-size:20px;letter-spacing:-0.02em;color:#666;padding:0 0 2px;}
.wisharea_pop ul li em{width:150px;flex-shrink: 0;}
.wisharea_pop ul li span{flex-grow: 1;}
.wisharea_pop .btn_area{margin-left:-10px;margin-top:25px;}
.wisharea_pop .btn_area:after{content:'';display:block;overflow: hidden;clear:both;}
.wisharea_pop a:focus{outline:3px solid red;outline-offset: 2px;}
.wisharea_pop a{float:left;width:calc(50% - 10px);margin-left:10px;height:52px;line-height: 52px;font-size:16px;color:#fff;letter-spacing:-0.02em;border-radius: 5px;background:#333;}

#upgradePop .layerpop{background: none;}
.up_pop{position: relative;}
.up_pop a{position: absolute; text-indent: -9999px; width: 180px; height: 50px; bottom: 72px; left: 50%; transform: translateX(-50%); background: url(../../resources/images/curation/bg_upgrade_go.png) no-repeat;}
.up_pop .viewNone{position: relative; font-size: 12px; height: 50px; padding: 0 0 0 12px; background: #fff; line-height: 50px; border-radius: 0 0 20px 20px;}
.up_pop > img{border-radius: 20px 20px 0 0;}
.up_pop .viewNone button{position: absolute; padding: 0 15px; background:none;color:#333;font-size:18px;width:auto;height:50px;line-height:50px;top:0;right:6px;}
.up_pop label{font-size:18px;line-height:50px;color:#333; margin-left: 8px;}
.up_pop input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.up_pop input[type="checkbox"] + label{position: relative;display: inline-block;min-height: 26px;padding-left: 33px;font-weight: 400;vertical-align: middle;}
.up_pop input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 12px;width: 26px;height: 26px;background: url('../../resources/images/curation/bg_ckeckbox.png') 0 0 / 100% 100% no-repeat}
.up_pop input[type="checkbox"]:checked + label:after{content: '';position: absolute;left: 0;top: 12px;width: 26px;height: 26px;background: url('../../resources/images/curation/bg_ckeckbox01.png') 0 0 / 100% 100% no-repeat;}

#tendencyPop .layerpop{width: 400px;border-radius: 20px;text-align: center;padding:40px 0;}
#tendencyPop .cos_finish_pop strong {padding: 180px 0 15px;background: url(../../resources/images/curation/bg_tendency_pop.png) 50% 0 no-repeat;}
#tendencyPop .btn_close {position: absolute;right: 30px;top: 30px;text-indent: -9999px;width: 26px;height: 26px;background: url(../../resources/images/curation/btn_pop_close.png) no-repeat;margin: 0;}
#tendencyPop .btn_close:focus{outline-offset: 2px;outline:3px solid red}
#tendencyPop .cos_finish_pop a{float:none;display:inline-block;width:120px;}

#preferencePop .layerpop{width: 520px;padding:0;border-radius: 5px;text-align: center;}
#preferencePop .layerpop .preference_pop{padding:30px;}
.preference_pop strong{display:block;font-weight: 700;font-size:24px;line-height: 27px;color:#333;letter-spacing:-0.02em;}
.preference_pop p{padding:17px 0 27px;font-size:18px;letter-spacing:-0.02em;line-height: 24px;color:#666;}
.preference_pop p em{font-weight: 700;color:#4880ed;}
.preference_pop .btn {margin-left: -10px;}
.preference_pop .btn:after{content:'';display:block;clear:both;overflow: hidden;}
.preference_pop a {float: left;width: calc(50% - 10px);margin-left: 10px;border:1px solid #333;height: 52px;line-height: 50px;box-sizing: border-box;font-size: 16px;color: #fff;letter-spacing:-0.02em;border-radius: 5px;background: #333;box-sizing: border-box;}
.preference_pop a:focus{outline-offset: 2px;outline:3px solid red;}
.preference_pop a + a {background: #fff;line-height:18px;padding-top: 6px;color:#333;border:1px solid #333;}
.preference_pop a span{display:block;font-weight: 300;}
.preference_pop .btn_none{font-size:16px;color:#666;letter-spacing:-0.02em;padding:20px 0 0;}

#permitlocationPop .layerpop{width: 520px;padding:40px 30px 40px;border-radius: 10px;text-align: center;}
#permitlocationPop .product_pop strong{padding: 105px 0 7px;background: url(../../resources/images/curation/bg_permitlocation_pop.png) 50% 0 no-repeat;}
#permitlocationPop .product_pop p{padding: 0 0 36px;font-size:18px;}
#permitlocationPop .product_pop a{display:inline-block;float:none;width:265px;background:#666;border-radius: 5px;margin:0;}
#permitlocationPop .btn_close{margin:0;width: 26px;height:26px;position:absolute;right:29px;top:29px;text-indent: -9999px;background: url(../../resources/images/curation/btn_pop_close.png) no-repeat;}

#cosreceivePop .layerpop{width: 400px;padding:0;text-align: center;border-radius: 5px;overflow: hidden;}
.cosreceive_pop .img{display:block;height:267px;position: relative;}
.cosreceive_pop .img img{object-fit: cover;width:100%;height:100%;}
.cosreceive_pop .img:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height: 30%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
.cosreceive_pop .img strong{display:block;font-size:18px;color:#fff;position:absolute;left:30px;right:30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;bottom:18px;z-index: 5;font-weight: 400;line-height:21px;}
.cosreceive_pop .info{padding:30px;text-align: center;}
.cosreceive_pop .stit{text-decoration : underline;text-underline-offset : 3px;text-decoration-thickness: 1px;display:block;font-size:26px;line-height:30px;color:#333;font-weight:700;letter-spacing:-0.02em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cosreceive_pop .area{display:block;font-size:18px;color:#333;letter-spacing:-0.02em;line-height:21px;margin:8px 0 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cosreceive_pop .sns{display:flex;justify-content: center;font-size:16px;color:#333;height:21px;margin:30px 0;}
.cosreceive_pop .sns span{height:21px;line-height:21px;margin-left:28px;}
.cosreceive_pop .sns span:first-child{margin-left:0;}
.cosreceive_pop .sns .view:before{display:none;}
.cosreceive_pop .sns span:before{content:'';display:inline-block;vertical-align: top;margin-right:8px;width:24px;height:21px;background: url(../../resources/images/curation/icon_sns.png) no-repeat;}
.cosreceive_pop .sns .share:before{background-position: 0 -21px;}
.cosreceive_pop .sns .talk:before{background-position: 0 -42px;}
.cosreceive_pop .sns span em{display:inline-block;margin-right:8px;color:#000;}
.cosreceive_pop .sns .share{padding:0;}
.cosreceive_pop .btn{display:flex;justify-content: center;margin-left:-10px;}
.cosreceive_pop .btn a{width:calc(50% - 10px);margin-left:10px;height:40px;border-radius: 5px;background:#333;border:1px solid #333;font-size:16px;line-height:38px;color:#fff;}
.cosreceive_pop .btn a:focus-visible{outline-color: red;}
.cosreceive_pop .btn a + a{background:#fff;border:1px solid #333;color:#333;}
.cosreceive_pop p{font-size:15px;padding:13px 0 0;line-height: 18px;}
#cosreceivePop .layerpop .btn_close{margin:0;position:absolute;right:20px;top:20px;text-indent: -9999px;width:31px;height:31px;background: url(../../resources/images/curation/btn_pop_close1.png) 0 0 / 100% 100%;}

#publicPop .layerpop{width: 420px;padding:0;border-radius: 5px;text-align: center;overflow: hidden;}
#publicPop .public_pop{padding:30px 40px;}
#publicPop .public_pop strong{display:block;font-size:24px;letter-spacing:-0.02em;line-height:27px;font-weight: 700;color:#333;}
#publicPop .public_pop strong:before{content:'';display:block;margin:0 0 20px;height:121px;background: url(../../resources/images/curation/bg_public_pop.png) 50% 0 / auto 100% no-repeat;}
#publicPop .public_pop p{padding:16px 0 0;font-size:18px;line-height: 24px;color:#666;letter-spacing:-0.02em;}
#publicPop .public_pop .btn{padding:30px 0 0;}
#publicPop .public_pop .btn a{display:inline-block;width:150px;height:40px;border-radius: 5px;background:#333;border:1px solid #333;font-size:16px;line-height:38px;color:#fff;}
#publicPop .public_pop .btn a:focus-visible{outline-color: red;}
#publicPop .layerpop .btn_close{margin:0;position:absolute;right:30px;top:30px;text-indent: -9999px;width:16px;height:16px;background: url(../../resources/images/curation/btn_pop_close2.png);}

#recaptchaPop .layerpop{padding:0;overflow: hidden;border-radius: 6px;}
#recaptchaPop .box_cont{padding:34px 40px 40px;}
#recaptchaPop .cont{text-align: center;}
#recaptchaPop .cont strong{display:block;font-weight: 700;font-size: 24px;letter-spacing: -0.02em;color:var(--global-gray-90);line-height:29px;}
#recaptchaPop .cont p{padding:10px 0 32px;font-size:18px;line-height: 130%;letter-spacing: -0.02em;color:var(--global-gray-60)}

/* 사용자 정보 입력 */
.travel_gnb.user {height: 372px;background: url(../../resources/images/curation/abc_user_visu.gif) 50% 0 no-repeat;}
.travel_gnb.user header.curation{display:none;}
.user_input .box{position:relative;top:-177px;width:1200px;margin:0 auto;background:#f0f2f7;border-radius:0 0 5px 5px;box-shadow: -1px 2px 7px 0px rgba(118, 118, 118, 0.3);}
.user_input .box.start{background:#fff;}
.user_input{background:#fafbfd;}
.user_input .step{width:1200px;margin:0 auto;position:relative;top:-177px;height:102px;text-align: center;}
.user_input .step ul{display:flex;justify-content: center;}
.user_input .step ul li{position: relative;padding-left:190px;}
.user_input .step ul li:first-child:before{display:none !important;}
.user_input .step ul li:first-child{padding-left:0;}
.user_input .step ul li em{position:relative;display:inline-block;width:30px;height:30px;font-size:20px;line-height:30px;background:#fff;border-radius: 100%;color:#335ed7;}
.user_input .step ul li span{font-size:20px;letter-spacing:-0.02em;color:#fff;display:inline-block;line-height: 24px; position: absolute;bottom: -30px;width: 220px;left: 43%;}
.user_input .step ul li:first-child span{left: -140%;text-align: left;}
.user_input .step ul li:before{content:'';display:block;width:166px;height:2px;position:absolute;left:12px;top:15px;background: url(../../resources/images/curation/bg_step1.png) 0 0 repeat-x;}
.user_input .step ul li.on span{color:#1afe89;}
.user_input .step ul li.on em{background:#1afe89;}
.user_input .step ul li.on em:before{content:'';display:inline-block;width:40px;height:40px;border-radius: 100%;position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;background: rgba(26,254,137,.2);}
.user_input .step ul li.on:before{background: url(../../resources/images/curation/bg_step2.png) 0 0 repeat-x;}
.user_input .step_num{display:block;padding:40px 0 0;font-weight: 800;font-size:46px;line-height:50px;letter-spacing:-0.02em;color:#333;text-align: center;}
.user_input .step_num em{display:inline-block;font-size:24px;line-height:27px;letter-spacing:-0.02em;color:#767676;}
.user_input .step_num em:before{content:'/';display:inline-block;vertical-align: 3px;font-size:22px;margin:0 8px 0 10px;color:#767676;}
.user_input .step_tit{display:block;padding:20px 0 48px;font-size:30px;font-weight: 800;letter-spacing:-0.02em;line-height:35px;text-align: center;color:#333;}
.selection_btn ul.type1{width:382px;}
.selection_btn ul{display:flex;width:573px;margin:0 auto;flex-wrap: wrap;justify-content: center;}
.selection_btn ul li{width: 151px;margin:0 20px 37px;}
.selection_btn ul li button {width: 100%;position: relative;}
.selection_btn ul li button .img {position: relative;display: block;height: 151px;border-radius: 100%;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.selection_btn ul li button.on .img:after {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 100%;background: rgba(63,108,236,.8) url(../../resources/images/curation/fifty_cos_on.png) 50% 50% no-repeat;}
.selection_btn ul li button strong {display: block;margin: 12px 0 0;font-size: 24px;color: #333;letter-spacing:-0.02em;line-height: 27px;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.btn_type1{display:flex;justify-content: center;text-align: center;padding:10px 0 100px;}
.btn_type1 a{height:70px;width:280px;line-height:70px;font-size:26px;letter-spacing:-0.02em;border-radius: 10px;box-sizing: border-box;}
.btn_type1 .btn1{background:#567ff2;color:#fff;box-shadow: 8px 13px 27px 0px rgba(86, 127, 242, 0.35);}
.btn_type1 .btn2{background:#fdfeff;color:#666;border:1px solid #dfe0e2;}
.btn_type1 a + a{margin-left:20px;}
.user_input .step strong{display:none;}

.schedule_btn {width:580px;margin:0 auto 20px;}
.schedule_btn ul li{padding:0 0 20px;}
.schedule_btn input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.schedule_btn input[type="radio"] + label span{height:auto;position: absolute;left: 0;top:50%;transform: translateY(-50%);background:none;margin:0;border-radius:0;display: block;line-height: 28px;width: 100%;font-size:24px;text-align:center;letter-spacing:-0.02em;color:#343434;}
.schedule_btn input[type="radio"] + label {position:relative; display:inline-block; min-height:76px; padding-left: 100%;box-sizing: border-box;box-shadow: -1px 2px 7px 0px rgba(84, 83, 83, 0.3);border-radius: 10px;font-weight:400; vertical-align:middle;cursor:pointer;}
.schedule_btn input[type="radio"] + label span em{display: block;font-weight: 300;}
.schedule_btn input[type="radio"] + label:before {content:'';background:#fff;outline:2px solid #fff;box-sizing: border-box;position:absolute; left:0; top:0; width:100%; height:76px;border-radius:10px;}
.schedule_btn input[type="radio"]:checked + label:after {display:block;}
.schedule_btn input[type="radio"]:checked + label span{color:#255aee;font-weight:700;}
.schedule_btn input[type="radio"]:checked + label{box-shadow:none;}
.schedule_btn input[type="radio"]:focus + label:before {outline:2px solid #567ff2;}
.schedule_btn p.txt1{padding:0 0 17px;text-align: center;font-weight: 300;font-size:20px;letter-spacing:-0.02em;color:#666;line-height:26px;}

.select_area{width:512px;margin:0 auto;padding:0 0 10px;}
.select_area .stit{display:block;margin-top:-10px;font-weight: 800;font-size:22px;letter-spacing:-0.02em;color:#333;}
.select_area button{position:relative;width:100%;height:80px;line-height: 29px;border-radius:10px;box-shadow: -1px 2px 7px 0px rgba(84, 83, 83, 0.3);font-size:24px;letter-spacing:-0.02em;color:#333;background:#fff;}
.select_area button em{display:block;font-weight: 300;}
.select_area button.area{font-weight: 700;margin:0 0 20px;}
.select_area button.area.on{color:#255aee;}
.select_area button.area.on:after{height:15px;background-position: 0 -16px;}
.select_area ul{padding:18px 0 20px;margin-left:-10px;}
.select_area ul:after{content:'';display:block;clear: both;}
.select_area ul li{float: left;padding: 0 0 10px 10px;}
.select_area input[type="radio"], .select_area input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.select_area input[type="radio"] + label, .select_area input[type="checkbox"] + label {position: relative;display: inline-block;height: 45px;padding-left:163px;vertical-align: middle;cursor: pointer;}
.select_area input[type="radio"] + label span, .select_area input[type="checkbox"] + label span{position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 20px;height:45px;letter-spacing:-0.02em;line-height:45px;text-align: center;color:#000;}
.select_area input[type="radio"] + label:before, .select_area input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width: 163px;height: 45px;border-radius:50px;background:#fff;}
.select_area input[type="radio"] + label:after, .select_area input[type="checkbox"] + label:after {display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:16px; background:url(https://cdn.visitkorea.or.kr/resources/images/icon_radio_check.png) 0 0 / 100% 100%; border-radius:100%;}
.select_area input[type="radio"]:checked + label:before, .select_area input[type="checkbox"]:checked + label:before {background:#4880ed;box-shadow: 0px 10px 27px 0px rgba(76, 79, 86, 0.38);}
.select_area input[type="radio"]:checked + label span, .select_area input[type="checkbox"]:checked + label span{color:#fff;}
.select_area input[type="radio"]:focus + label, .select_area input[type="checkbox"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
.select_area .city input[type="checkbox"] + label.all:before{background:#666;border:0;}
.select_area .city input[type="checkbox"] + label.all span{color:#fff;}
.select_area .city input[type="checkbox"]:checked + label:before {border: 1px solid #4880ed;box-shadow: 0px 10px 27px 0px rgba(76, 79, 86, 0.38);}
.select_area .city input[type="checkbox"] + label:before {background: #fff;border: 1px solid #dfe0e2;box-sizing: border-box;}
.select_area .city input[type="checkbox"] + label span{color:#666;}
.select_area .city input[type="checkbox"]:checked + label span {color: #3360dd;}
.select_area .city{padding: 0 0 20px;}
.select_area .city:before{content:'';display:block;width:512px;height:1px;background:#cfd0d0;margin:0 0 30px 10px;}

.user_input .box.start a{width:500px;}
.user_input .first_step strong{display:block;font-size:36px;font-weight:700;letter-spacing:-0.02em;line-height:52px;color:#333;text-align: center;}
.user_input .first_step strong:before{content:'';display:block;margin:50px 0 18px;height:30px;background: url(../../resources/images/curation/img_quotation_mark2.png) 50% 0 no-repeat;}
.user_input .first_step strong em{font-weight: 800;font-size:50px;letter-spacing:-0.02em;color:#567ff2;}
.user_input .first_step p{padding:9px 0 37px;font-size:24px;letter-spacing:-0.02em;line-height:30px;text-align: center;color:#666;}

#curationAreaPop01 .layerpop.type1 .tit > h2{color:#4880ed;}
#curationAreaPop01 .layerpop.type1 .s_menu input[type="checkbox"]:checked + label:before{border: 2px solid #4880ed; box-shadow: 4px 4px 6px 0px rgba(57, 62, 70, 0.18);}
#curationAreaPop01 .layerpop.type1 .s_menu input[type="checkbox"]:checked + label span {color: #4880ed;font-weight: 800;}
#curationAreaPop01  .layerpop.type1 .btn_center a{background:#4880ed;color:#fff;}
#curationAreaPop01  .layerpop.type1 .btn_center a:focus{outline: 3px solid red; outline-offset: 1px;}
#curationAreaPop01 .s_menu input[type="checkbox"] + label.all:before {background: #666 !important;border: 0 !important;}
#curationAreaPop01 .s_menu input[type="checkbox"] + label.all span {color: #fff !important;}

/* AI 콕콕플래너 */
.fullpage-area .inner{width: 1200px; margin: 0 auto; position: relative;}
.phone-frame {position: fixed;bottom: -1200px;z-index: 1;opacity: 0;}

.travel_gnb.planner .menu .menu1 a{width:82px;background: url(../../resources/images/curation/gnb_menu01.png) no-repeat;}
.travel_gnb.planner .menu .menu2 a{width:62px;background: url(../../resources/images/curation/gnb_menu02.png) no-repeat;}
.travel_gnb.planner .menu .menu3 a{width:127px;background: url(../../resources/images/curation/gnb_menu03.png) no-repeat;}

.section {position: relative;}
.sec3 .inner{height:100%;width:auto;}
.sec1{background: url(../../resources/images/curation/bg_ai_top.png) no-repeat, url(../../resources/images/curation/bg_ai.gif);}
.sec1 .inner{height:100%;background: url(../../resources/images/curation/ai_img_sec1-1.png) 50% 198px no-repeat;}
.sec1 .inner strong{display: block; text-align: center; margin-top: 198px;}
.sec1 .inner div{position: relative; z-index: 0;}
.sec1 .inner .floating_btn{display:block; position: absolute; left: 50%; bottom: 50px; width: 19px; height: 52px; background: url(../../resources/images/curation/icon_scroll.png) no-repeat 0 0; animation: floating .8s infinite; -webkit-animation: floating .8s infinite;}
@keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.sec2{background:#567ff2;}
.sec2 .inner {display: flex; align-items: center; justify-content: center; height: 100%;}
.sec2 .textArea{padding: 100px 0 0 90px;}
.sec2 span{font-size: 22px; color: #fff;letter-spacing:-0.02em;}
.sec2 strong{display: block; color: #fff; font-size: 40px; font-weight: 800;letter-spacing:-0.02em;line-height:45px;line-height: 48px;}
.sec2  strong em{color: #0cf2b4; font-weight: 800;}
.sec2 p{font-size: 18px; color: #fff; margin: 30px 0;letter-spacing:-0.02em;line-height:21px;line-height: 24px;}
.sec2 a{display: inline-block; height: 50px; padding: 0 60px; box-sizing: border-box; line-height: 50px; font-size: 19px; color: #fff; background: #333; border-radius: 25px;  }
.sec2 a:focus{outline:3px solid red;outline-offset: 2px;}

.sec3{background:#f0f2f7;}

.sec3 .inner .abc_trip .swiper-button-prev, .sec3 .inner .abc_trip .swiper-button-next{top: auto; bottom: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-size: 100% 100%;text-indent: -9999px;}
.sec3 .inner .abc_trip .swiper-button-prev{background-image: url(../../resources/images/curation/course_prev_on.png); left: calc(50% - 75px); transform: translateX(-50%);}
.sec3 .inner .abc_trip .swiper-button-next{background-image: url(../../resources/images/curation/course_next_on.png); left: calc(50% + 75px); transform: translateX(-50%);}
.sec3 .inner .abc_trip .swiper-button-prev.swiper-button-disabled{background-image: url(../../resources/images/curation/course_prev.png); opacity: 1;}
.sec3 .inner .abc_trip .swiper-button-next.swiper-button-disabled{background-image: url(../../resources/images/curation/course_next.png); opacity: 1;}
.sec3 .inner .abc_trip .swiper-pagination{font-size: 20px; color: #333;z-index: 5;}
.sec3 .inner .abc_trip  .swiper-pagination-current{font-weight: 800;}

.sec4{background:#fff;}
.travel_gnb.planner header{position: fixed;width:1200px;left:50%;margin-left:-600px;top:70px !important;opacity: 1 !important;z-index: 100;}
.travel_gnb.planner.menuFixed header{top:0 !important;width:100%;left:0;margin:0;}
.travel_gnb.planner .logo1{position: fixed;width:1200px;left:50%;margin-left:-600px;opacity: 1 !important;z-index: 100;}

.phone-frame .sec1-con {display: none; overflow: hidden; border-radius: 23px;}
.phone-frame .sec1-con img {width: 100%;}
.phone-frame .sec2-con {display: none; position: relative; width: 100%; height: 100%; opacity: 1; /* transition: all 0.2s ease; */}
.phone-frame .sec3-con {display: none;opacity: 1 !important;}

.phone-frame.zindex {z-index: 1;}
.phone-frame.in-sec1 .sec1-con {display: block;}
.phone-frame.in-sec2 .sec2-con {display: block;}
.phone-frame.in-sec3 .sec3-con {display: block;}

/** 2023 고도화 **/
/* AI콕콕플래너 */
.cockcock_planner{padding:90px 0 0;word-break:keep-all;}
.cockcock_planner .inr{width:1200px;margin:0 auto;position: relative;}
.cockcock_planner .showcase .inr{width:1284px;}
.cockcock_planner .showcase{height:640px;background: url(../../resources/images/curation/bg_cockcock_planner.gif) 50% 0 no-repeat;text-align: center;}
.cockcock_planner .showcase .tag{position:absolute;right:50px;top:97px;width:158px;}
.cockcock_planner .showcase .tag span{display:block;height:89px;}
.cockcock_planner .showcase .tag button{animation: wobble-hor-bottom 0.8s both;animation-iteration-count: 2;position:relative;height:39px;width:100%;}
.cockcock_planner .showcase .tip{display:none;position:absolute;left:-125px;top:130px;width:290px;height:94px;letter-spacing:-0.02em;font-size:15px;line-height: 19px;color:#666;padding:20px 15px 0;background: url(../../resources/images/curation/bg_planner_tip.png) no-repeat;text-align: left;}
.cockcock_planner .showcase .tag button.on + .tip{display:block;}
.cockcock_planner .showcase .tip em{display:inline-block;width:30px;margin:0 0 3px;border-radius: 50px;height:16px;line-height: 16px;color:#fff;background:#153ba3;font-size:13px;text-align: center;}
.cockcock_planner .showcase .map span{display:inline-block;text-indent: -9999px;position:absolute;	animation-name: hatch;	animation-duration: 2s;	animation-timing-function: ease-in-out;	transform-origin: 50% 100%; }
.cockcock_planner .showcase .map .spot1{animation-delay: 2s;right:499px;top:314px;width:32px;height:45px;background: url(../../resources/images/curation/img_planner_spop1.png);}
.cockcock_planner .showcase .map .spot2{animation-delay: 4s;right:306px;top:168px;width:59px;height:82px;background: url(../../resources/images/curation/img_planner_spop2.png);}
.cockcock_planner .showcase .map .spot3{animation-delay: 6s;right:128px;top:248px;width:32px;height:45px;background: url(../../resources/images/curation/img_planner_spop3.png);}
.cockcock_planner .showcase .btn{position:absolute;left:102px;top:371px;}
.cockcock_planner .showcase .btn a{overflow:hidden;display:inline-block;width:200px;text-align:left;padding-left:35px;background:#416ce6;box-sizing:border-box;height:56px;line-height:56px;border-radius:50px;color:#fff;font-size:21px;letter-spacing:-0.02em;position: relative;z-index: 2;}
.cockcock_planner .showcase .btn a:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:#315dd9;z-index: 1;transition: transform 500ms ease;border-radius: 50px;}
.cockcock_planner .showcase .btn a em{z-index: 2;position: relative;}
.cockcock_planner .showcase .btn a .arw_wrap{display:inline-block;width:24px;height:16px;z-index: 2;position: relative;margin-left:10px;transition: transform 500ms ease;}
.cockcock_planner .showcase .btn a .arw_wrap span{display:inline-block;position: absolute;left: 0;top: 0;width:24px;height:16px;transition: transform 500ms ease, opacity 250ms ease;background: url(../../resources/images/curation/btn_planner_cos.png);}
.cockcock_planner .showcase .btn a .left{transform: translateX(-200%);opacity: 0;}
.cockcock_planner .showcase .btn a:hover .left {transform: translateX(85%);opacity: 1;}
.cockcock_planner .showcase .btn a:hover .right {transform: translateX(200%);opacity: 0;}
.cockcock_planner .showcase .btn a:hover:after {transform: translateX(72%);}
.cockcock_planner .tab ul{display:flex;text-align: center;width:1200px;margin:0 auto;background:#20356f;margin-top: -37px;}
.cockcock_planner .tab ul li{flex: 1 1 30%;position: relative;}
.cockcock_planner .tab ul li:first-child{display:none;}
.cockcock_planner .tab a{display:block;height:75px;line-height:75px;color:#6a82c4;font-size:20px;letter-spacing:-0.02em;position: relative;}
.cockcock_planner .tab ul li:before{content:'';display:inline-block;width:1px;height:21px;position:absolute;left:0;top:26px;background:#6a82c4}
.cockcock_planner .tab ul li:first-child:before, .cockcock_planner .tab ul li:nth-child(2):before{display:none;}
.cockcock_planner .tab ul li.on a, .cockcock_planner .tab ul li:hover a{color:#fff;font-weight: 700;}
.cockcock_planner .tab ul li.on a:after{content:'';display:inline-block;width:16px;height:7px;position:absolute;left:50%;bottom:-7px;transform: translateX(-50%);background: url(../../resources/images/curation/arw_planner_tab.png);}
.cockcock_planner .tab ul li a:before{content:'';display:inline-block;width:30px;margin-right:10px;vertical-align: -7px;height:31px;background: url(../../resources/images/curation/icon_planner_tab.png);}
.cockcock_planner .tab ul li:nth-child(3) a:before{background-position:0 -31px;}
.cockcock_planner .tab ul li:nth-child(4) a:before{background-position:0 -62px;}
.cockcock_planner .tab ul li.on:nth-child(2) a:before, .cockcock_planner .tab ul li:hover:nth-child(2) a:before{background-position:0 -93px;}
.cockcock_planner .tab ul li.on:nth-child(3) a:before, .cockcock_planner .tab ul li:hover:nth-child(3) a:before{background-position:0 -124px;}
.cockcock_planner .tab ul li.on:nth-child(4) a:before, .cockcock_planner .tab ul li:hover:nth-child(4) a:before{background-position:0 -155px;}
.cockcock_planner .tab_cont{display:none;width:1200px;margin:0 auto;}
.cockcock_planner .tab_cont.active{display:block;}
.cockcock_planner .all_del{position:absolute;right:0;top:-55px;font-size:15px;font-weight: 700;color:#000;}
.cockcock_planner h4{padding:60px 0 30px;font-weight: 800;font-size:28px;line-height: 31px;letter-spacing:-0.02em;color:#333;}
.cockcock_planner .tab3_tit{position: relative;}
.cockcock_planner .btn_best30tip{position: absolute; top: 65px; left: 160px; width: 20px; height: 20px;text-indent: -9999px; background: url(../../resources/images/curation/btn_best30_tooltip.png) 0 0 / 20px 20px no-repeat;}
#best30_layer{position: absolute; top: 100px; left: 0; width: 360px; border-radius: 4px; height: auto; background: #fff;}
#best30_layer .layerpop {position: static; width: 100% !important; margin: 0 !important; padding: 20px 45px 20px 20px !important; border-radius: 4px;}
#best30_layer .cont{font-size: 14px; line-height: 1.3; letter-spacing: -0.02em; color: #333;}
#best30_layer .btn_close{position: absolute; top: 20px; right: 20px; width: 13px; height: 13px; margin: 0; text-indent: -9999px; background: url(../images/btn_pop_close_best30.png) 0 0 / 13px 13px no-repeat;}
#best30_layer.tooltip .dimmed{display: block; z-index: -1;}
.cockcock_planner .planner_list{position: relative;}
.cockcock_planner .planner_list .area_choice{position:absolute;right:0;top:-63px;display:flex;}
.cockcock_planner .planner_list .area_choice{position:absolute;right:0;top:-63px;display:flex;}
.cockcock_planner .planner_list .area_choice > div{position: relative;}
.cockcock_planner .planner_list .area_choice button{width:90px;height:38px;font-size:15px;font-weight: 700;color:#000;text-align: left;padding-left:15px;position: relative;}
.cockcock_planner .planner_list .area_choice button:after{content:'';display:inline-block;width:10px;height:6px;position:absolute;right:15px;top:16px;background: url(../../resources/images/curation/btn_area_choice.png);}
.cockcock_planner .planner_list .area_choice .county:before{content:'';display:inline-block;margin:0 4px 0 5px;width:1px;height:14px;background:#bfbfbf;}
.cockcock_planner .planner_list .area_choice .off > button{color:#929191;cursor:default;}
.cockcock_planner .planner_list .area_choice .off > button:after{background-position: 0 -12px;}
.cockcock_planner .planner_list .area_choice .layer{display:none;position:absolute;width:90px;max-height:255px;z-index:10;overflow-y:auto;overflow-x:hidden;border:1px solid #000;background:#fff;border-radius:5px;}
.cockcock_planner .planner_list .area_choice button.on:after{background-position: 0 -6px;}
.cockcock_planner .planner_list .area_choice .layer::-webkit-scrollbar {width: 6px;height: 6px;}
.cockcock_planner .planner_list .area_choice .layer::-webkit-scrollbar-thumb {background: #929191;border-radius: 5px;}
.cockcock_planner .planner_list .area_choice .layer::-webkit-scrollbar-track-piece {background: #fff;margin:10px;}
.cockcock_planner .planner_list .area_choice ul{display:block;margin:0;}
.cockcock_planner .planner_list .area_choice ul li{width:100%;margin:0;}
.cockcock_planner .planner_list .area_choice ul li a{display:block;height:27px;line-height:27px;padding-left:12px;font-size:15px;letter-spacing:-0.02em;color:#666;}
.cockcock_planner .planner_list .area_choice ul li a:hover{background:#eef0f2;color:#000;}
.cockcock_planner .planner_list .county .layer{left:10px;}
.cockcock_planner .planner_list .no_data{text-align: center;padding:0 0 80px;}
.cockcock_planner .planner_list .no_data:before{content:'';display:block;height:139px;margin:90px 0 15px;background: url(../../resources/images/curation/icon_no_data.png) 50% 0 no-repeat;}
.cockcock_planner .planner_list .no_data strong{display:block;font-size:22px;line-height:25px;font-weight: 700;letter-spacing:-0.02em;color:#333;}
.cockcock_planner .planner_list .no_data strong em{font-weight: 700;}
.cockcock_planner .planner_list .no_data p{padding:7px 0 0;color:#666;font-size:18px;letter-spacing:-0.02em;line-height:21px;}
.cockcock_planner .planner_list ul{display:flex;flex-wrap: wrap;margin-left:-20px;}
.cockcock_planner .planner_list ul li{width:calc(25% - 20px);margin:0 0 35px 20px;}
.cockcock_planner .planner_list ul li .img{display:block;width:100%;height:285px;position: relative;}
.cockcock_planner .planner_list ul li .profile{position:absolute;right:15px;bottom:15px;border-radius:100%;overflow: hidden;width:35px;height:35px;}
.cockcock_planner .planner_list ul li .img img{object-fit: cover;width:100%;height:100%;border-radius: 5px;}
.cockcock_planner .planner_list ul.my_cos li{position:relative;display:flex;width: calc(50% - 20px);margin: 0 0 30px 20px;padding:20px;box-sizing:border-box;box-shadow: 3px 4px 18px 0px rgba(69, 70, 72, 0.15);border-radius: 5px;}
.cockcock_planner .planner_list ul.my_cos li .img{width:228px;height: 290px;}
.cockcock_planner .planner_list ul.my_cos .date{margin: 7px 0 7px;}
.cockcock_planner .planner_list ul.my_cos .rate{margin:20px 0 26px}
.cockcock_planner .planner_list ul.my_cos .cont {width:322px;padding: 0 0 0 20px;}
.cockcock_planner .planner_list ul.my_cos button.delete{position:absolute;right:20px;top:20px;text-indent: -9999px;width:23px;height:23px;background: url(../../resources/images/curation/btn_delete1.png);}
.cockcock_planner .planner_list ul.my_cos .tag{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 16px;font-weight: 300;letter-spacing:-0.02em;line-height: 18px;margin-left:-8px;color: #666;}
.cockcock_planner .planner_list ul.my_cos .tag span{display: inline-block;vertical-align: top;margin-left: 8px;}
.cockcock_planner .planner_list ul.my_cos .thumbnail{display:flex;margin-left:-10px;}
.cockcock_planner .planner_list ul.my_cos .thumbnail span{position:relative;width:94px;height:94px;border-radius: 5px;overflow: hidden;margin-left:10px;}
.cockcock_planner .planner_list ul.my_cos .thumbnail span img{object-fit: cover;width:100%;height:100%;}
.cockcock_planner .planner_list ul.my_cos .thumbnail span:last-child:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5)}
.cockcock_planner .planner_list ul.my_cos .thumbnail span a{display:flex;flex-wrap:wrap;width:100%;align-content: center;justify-content: center;font-size:13px;font-weight:300;height:100%;margin:0;position:absolute;left:0;top:0;z-index: 5;color:#fff;}
.cockcock_planner .planner_list ul.my_cos .thumbnail span a:focus-visible:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid red !important;box-sizing: border-box;}
.cockcock_planner .planner_list ul.my_cos .thumbnail span a:before{content:'';display:block;width:100%;height:14px;margin:0 0 5px;background: url(../../resources/images/curation/btn_plus.png) 50% 0 no-repeat;}
.cockcock_planner .planner_list .star{margin:1px 4px 0 0;background: url(../../resources/images/curation/bg_star.png) no-repeat;width: 82px;height: 13px;position: relative;}
.cockcock_planner .planner_list .star span{position: absolute;background: url(../../resources/images/curation/bg_star1.png);width: auto;height: 13px;}
.cockcock_planner .planner_list .cont{padding:15px 0 0;}
.cockcock_planner .planner_list .cont .day{display:inline-block;width:65px;height:25px;line-height: 26px;color:#fff;background:#567ff2;font-size:15px;letter-spacing:-0.02em;text-align: center;}
.cockcock_planner .planner_list .cont a{display:block;margin:13px 0 7px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 700;font-size:18px;line-height:21px;letter-spacing:-0.02em;color:#333;}
.cockcock_planner .planner_list .area{display:block;font-size:16px;line-height: 18px;letter-spacing:-0.02em;font-weight: 300;color:#666;}
.cockcock_planner .planner_list .date{display:flex;margin:8px 0 18px;font-size:16px;font-weight: 300;line-height: 18px;color:#666;}
.cockcock_planner .planner_list .date em{font-weight: 300;}
.cockcock_planner .planner_list .date em:after{content:'';display:inline-block;width:1px;height:13px;background:#bfbfbf;margin:0 10px;}
.cockcock_planner .planner_list .rate{display:flex; align-items: center; font-size:15px;font-weight: 300;line-height: 16px;color:#929090;}
.cockcock_planner .planner_list .star span{text-indent: -9999px;font-size:0;}
.cockcock_planner .planner_list .grade{display:flex;}
.cockcock_planner .planner_list .grade:after{content:'';display:inline-block;width:1px;height:13px;background:#bfbfbf;margin:2px 10px 0;}
.cockcock_planner .planner_list .comment:before{content:'';display:inline-block;width:18px;height:16px;margin-right:5px;vertical-align: -2px;background: url(../../resources/images/curation/icon_planner_comment.png);}
.cockcock_planner .planner_list .more{text-align: center;padding:7px 0 0;}
.cockcock_planner .planner_list .more button{height:45px;width:117px; line-height: 45px; border:1px solid #333;font-size:16px;letter-spacing:-0.02em;font-weight: 700;color:#333;border-radius: 50px;}
.cockcock_planner .planner_list .more button:after{content:'';display:inline-block;width:12px;height:12px;margin-left:10px;background: url(../../resources/images/curation/btn_planner_list.png);}
.cockcock_planner .cockcock_banner{height: 160px;margin-top: 70px; overflow: hidden;}
.cockcock_planner .cockcock_banner a {display: block;}

@keyframes bounce-in-top {
    0% {
        transform: translateY(-30px);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        transform: translateY(-10px);
        animation-timing-function: ease-in;
    }
    72% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
    81% {
        transform: translateY(-5px);
        animation-timing-function: ease-in;
    }
    90% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
    95% {
        transform: translateY(-3px);
        animation-timing-function: ease-in;
    }
    100% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
}
@keyframes hatch {
    0% {
        transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        transform: rotate(2deg) scaleY(1);
    }
    50% {
        transform: rotate(-2deg);
    }
    65% {
        transform: rotate(1deg);
    }
    80% {
        transform: rotate(-1deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes wobble-hor-bottom {
    0%,
    100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }
    15% {
        transform: translateX(-10px) rotate(-1deg);
    }
    30% {
        transform: translateX(6px) rotate(2deg);
    }
    45% {
        transform: translateX(-6px) rotate(-1.6deg);
    }
    60% {
        transform: translateX(4px) rotate(0.7deg);
    }
    75% {
        transform: translateX(-2px) rotate(-0.5deg);
    }
}

/* 콕콕플래너_코스만들기 */
.full_cont .bg .box span {transform: translateY(100vh);}
.full_cont .bg .box > span img{opacity: .5;}

.full_cont .bg .box.in span {transform: translateY(0);transition: transform 1s;}
.full_cont .bg .box.in.out span {transform: translateY(-100vh);transition: transform 1s;}
.full_cont .bg span:nth-child(1) {transition-delay: 0s !important;position:absolute;left:6.6%;top:21.6%;}
.full_cont .bg span:nth-child(2) {transition-delay: .3s !important; position:absolute;left:17.9%;top:47.5%;}
.full_cont .bg span:nth-child(3) {transition-delay: .15s !important;position:absolute;left:2.9%;top:57.9%;}
.full_cont .bg span:nth-child(4) {transition-delay: 0s !important;position:absolute;right:4.2%;top:20%;}
.full_cont .bg span:nth-child(5) {transition-delay: .3s !important;position:absolute;right:7.1%;top:27.9%;}

.full_cont .bg{ display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;background-color: #fff;left: 0;transition: background 5s;}
.full_cont .bg.bg_cont1 {background-color: #9bc1fe;transition: background 5s;}
.full_cont .bg.bg_cont2 {background-color: #9bc1fe;transition: background 5s;}
.full_cont .bg.bg_cont3 {background-color: #97b3fa;transition: background 5s;}
.full_cont .bg.bg_cont4 {background-color: #abbcfd;transition: background 5s;}

.full_cont .bg .box_cont1:after{background: url(../../resources/images/curation/cos_bg_cont1.png) 50% 0 no-repeat;}
.full_cont .bg .box_cont2:after{background: url(../../resources/images/curation/cos_bg_cont1.png) 50% 0 no-repeat;}
.full_cont .bg .box_cont3:after{height:183px;background: url(../../resources/images/curation/cos_bg_cont2.png) 50% 0 no-repeat;}
.full_cont .bg .box_cont4:after{height:183px;background: url(../../resources/images/curation/cos_bg_cont3.png) 50% 0 no-repeat;}

.full_cont .bg .box:after{transform: translateY(150px);opacity: 0;content:'';display:block;height:182px;width:100%;position:absolute;left:0;bottom:100px;}
.full_cont .bg .box.in:after{transition-delay: .8s;opacity: .7;transform: translateY(0);transition-timing-function: ease-out;transition: opacity 5s, transform 5s;}

.full_cont .bg .box{position:absolute;width:100%;height:100%;}
.full_cont .bg .box .robot{position:absolute;left:50%;bottom:0;width:1920px;height:100%;transform: translateX(-50%);z-index: 2;}
.full_cont .bg .box .robot span{transform: translateY(290px);opacity: 0;display:inline-block;position:absolute;left: auto;top: auto;right:174px;bottom:41px;z-index: 5;}
.full_cont .bg .box.in .robot span{transition-delay: 1s;opacity: 1;transform: translateY(0);transition-timing-function: ease-out;transition: opacity 3.4s, transform 3.4s;}
.full_cont .bg .box.box_cont3 .robot span{right:109px;bottom:13px;}
.full_cont .bg .box.box_cont4 .robot span{right:103px;bottom:48px;}
.full_cont .section.first{background:#6188f7;}
.full_cont .section.cont{background:#9bc1fe;}
.full_cont .section{position: relative;overflow: hidden;display: flex !important;justify-content: center;align-items: center;}
.full_cont .content_wrap{height:100%;}
.full_cont .swiper-container{width: 700px;overflow: visible;z-index: 5;height:calc(100% - 200px);top:145px;bottom:55px;}
.full_cont .swiper-container .item{height: 100%;opacity: .5;position: relative;display: flex;flex-direction: column;width: 100%;padding:0 50px;background-color: #fff;z-index: 1;border-radius: 5px;}
.full_cont .swiper-container .swiper-slide-active .item{opacity: 1;}
.full_cont .section.first:before{transform: translateY(-60px);content:'';opacity: 0;display:block;position:absolute;left:0;width:100%;height:462px;top:90px;background: url(../../resources/images/curation/bg_fist_top.png) 50% 0 no-repeat;}
.full_cont .section.first:after{transform: translateY(60px);opacity: 0;content:'';display:block;position:absolute;left:0;width:100%;height:169px;bottom:0;background: url(../../resources/images/curation/bg_fist_btm.jpg) 50% 0 no-repeat;}
.full_cont .section.active.first:after, .full_cont .section.active.first:before{opacity: 1;transform: translateY(0);transition-timing-function: ease-out;transition: opacity 3.4s, transform 3.4s;}
.full_cont .section.active.first:after{transition-delay: .6s}
.full_cont .section.active.first:before{transition-delay: 0s;}
.full_cont .cos_start{position: relative;width:800px;height: 100%;padding:90px 0 0;margin:0 auto;display: flex;text-align: center;flex-direction: column;align-items: center;color:#fff}
.full_cont .section.first .cos_start:after{animation-name: cosRobot;animation-duration:4s;content:'';display:inline-block;width:113px;height:201px;position:absolute;left:336px;bottom:25px;background: url(../../resources/images/curation/img_robot1.png);z-index: 5;}
.full_cont .section .cos_start > span{height:75px;width:100%;margin-top:100px;text-indent: -9999px;background: url(../../resources/images/curation/cos_start_welcome.png) 50% 0 no-repeat;animation-name: cosStart;position: relative;animation-duration:1s;}
.full_cont .item .top{height:235px;position:absolute;left:0;top:0;width:100%;padding:40px 50px 0;}
.full_cont .item .top .stit{display:block;height:16px;text-indent: -9999px;background: url(../../resources/images/curation/cos_stit.png) 0 0 no-repeat;}
.full_cont .item .top .step{position:absolute;right:50px;top:37px;display:flex;font-size:16px;color:#767676;letter-spacing:-0.02em;}
.full_cont .item .top .step span{display: flex;align-items: center;margin-left:15px;}
.full_cont .item .top .step .on{font-weight: 800;color:#333;}
.full_cont .item .top .step .line:after{content:'';display:inline-block;height:2px;margin:0 0 0 15px;background:#333;width:0;}.full_cont .item.init .top .step .line:after{transition:width 1s ease-in-out;width:60px;}
.full_cont .item .top .step em{font-size:0;line-height:0;text-indent: -9999px;}
.full_cont .item .top > em{display:block;margin:30px 0 8px;font-weight: 300;font-size:18px;color:#666;letter-spacing:-0.02em;line-height: 21px;}
.full_cont .item .top h4{font-size:34px;line-height: 38px;letter-spacing:-0.02em;font-weight: 400;color:#333;}
.full_cont .item .top h4 strong{display:block;font-weight: 800;}
.full_cont .item .cont{height:calc(100% - 325px);position:relative;top:235px;bottom:90px;}
.full_cont .item .select_area{width:auto;padding:0;}
.full_cont .item .select_area ul{padding:0;margin-left: -12px;}
.full_cont .item .select_area ul li {padding: 0 0 20px 12px;}
.full_cont .item .select_area input + label{height: 90px;padding-left: 90px;}
.full_cont .item .select_area input + label:before{width: 90px;height: 90px;border-radius: 100%;background: #f5f6f7;}
.full_cont .item .select_area input:checked + label:before{background: #567ff2;box-shadow: 8px 8px 16px 0px rgba(69, 107, 213, 0.3);}
.full_cont .item .select_area input + label span{font-size: 18px;height: 90px;letter-spacing:-0.02em;line-height: 90px;color: #333;}
.full_cont .item .select_area input:checked + label span{color: #fff;font-weight: 700;}
.full_cont .item .select_area .city:before {display:none;}

.full_cont .item .select_area .city li {padding: 0 0 12px 12px;}
.full_cont .item .select_area .city input + label{height: 50px;padding-left: 90px;}
.full_cont .item .select_area .city input + label:before{width: 90px;height: 50px;border-radius: 50px;background: #fff;border:1px solid #dfe0e2;}
.full_cont .item .select_area .city input + label span{height: 50px;line-height: 50px;}
.full_cont .item .select_area .city input:checked + label:before{background: #567ff2;border:1px solid #567ff2;box-shadow: 8px 8px 16px 0px rgba(69, 107, 213, 0.22);}
.full_cont .item .select_area .city input:checked + label.all:before{background: #333;border:1px solid #333;box-shadow:none;}
.full_cont .item .select_area .city input:checked + label span{color: #fff;font-weight: 700;}

.full_cont .item .travel_period{display:flex;justify-content: center;}
.full_cont .item .travel_period li{width:120px;margin:0 15px;}
.full_cont .item .travel_period li span{display:block;position: relative;width: 100%;height: auto;}
.full_cont .item .travel_period li em{display:block;margin:10px 0 0;text-align: center;font-size:18px;line-height:21px;letter-spacing:-0.02em;color:#333;}
.full_cont .item .travel_period li img{display:block;width:100%;}
.full_cont .item .travel_period input{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.full_cont .item .travel_period input + label{display:block;cursor: pointer;}
.full_cont .item .travel_period input + label span:before {content: '';position: absolute;display:block;left: 0;top: 0;width: 100%;height: 100%;background: url(../../resources/images/curation/icon_travel_period.png) 0 0 / 100% auto no-repeat;}
.full_cont .item .travel_period input.day1 + label span:before{background-position: 0 -120px;}
.full_cont .item .travel_period input.day2 + label span:before{background-position: 0 -240px;}
.full_cont .item .travel_period input + label span{display:block;position: relative;width: 100%;height: auto;}
.full_cont .item .travel_period input:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
.full_cont .item .travel_period input:checked + label em{font-weight: 700;}
.full_cont .item .travel_period input:checked + label span:after{content: '';position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;border-radius: 100%;box-shadow: 8px 8px 16px 0px rgba(69, 107, 213, 0.3);background:rgba(86,127,242,.9) url(../../resources/images/curation/icon_travel_period_on.png) 50% 50% no-repeat;}
.full_cont .item .travel_period.theme{width:420px;flex-wrap: wrap;margin: 0 auto;justify-content: flex-start;}
.full_cont .item .travel_period.theme li{width:90px;margin: 0 25px 20px;}
.full_cont .item .travel_period.theme input + label span:before{display:none;}
.full_cont .item .travel_period.theme li .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;border-radius: 100%;}
.full_cont .item .travel_period.theme input:checked + label span:after {background: rgba(86,127,242,.8) url(../../resources/images/curation/icon_travel_period_on.png) 50% 50% no-repeat;}

@keyframes cosStart {
    0% {
        transform: translateY(30px);opacity: 0;
    }
    100% {
        transform: translateY(0);opacity: 1;
    }
}
@keyframes cosRobot {
    0% {
        transform: translateY(200px);opacity: 0;
    }
    100% {
        transform: translateY(0);opacity: 1;
    }
}
.full_cont .cos_start > em{padding:35px 0 15px;font-size:28px;letter-spacing:-0.02em;line-height:31px;animation-name: cosStart;animation-duration:2s;}
.full_cont .cos_start > em:after{content:'';display:block;height:1px;margin:2px 0 0;background:#fff;}
.full_cont .cos_start h3{animation-name: cosStart;animation-duration:2.5s;font-weight: 700;font-size:50px;line-height: 56px;letter-spacing:-0.02em;}
.full_cont .cos_start p{animation-name: cosStart;animation-duration:3s;padding:27px 0 30px;font-size:22px;line-height: 28px;letter-spacing:-0.02em;}
.full_cont .cos_start .btn{animation-name: cosStart;animation-duration:3s;}
.full_cont .cos_start .btn .btn_start{overflow:hidden;display:inline-block;width:333px;text-align:left;padding-left:125px;background:#416ce6;box-sizing:border-box;height:68px;line-height:68px;border-radius:50px;color:#fff;font-size:26px;font-weight:700;letter-spacing:-0.02em;position: relative;z-index: 2;}
.full_cont .cos_start .btn .btn_start:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:#315dd9;z-index: 1;transition: transform 500ms ease;border-radius: 50px;}
.full_cont .cos_start .btn .btn_start em{z-index: 2;position: relative;}
.full_cont .cos_start .btn .btn_start .arw_wrap{display:inline-block;width:30px;height:20px;z-index: 2;position: relative;margin-left:10px;transition: transform 500ms ease;}
.full_cont .cos_start .btn .btn_start .arw_wrap span{display:inline-block;position: absolute;left: 0;top: 0;width:30px;height:20px;transition: transform 500ms ease, opacity 250ms ease;background: url(../images/btn_planner_cos1.png);}
.full_cont .cos_start .btn .btn_start .left{transform: translateX(-200%);opacity: 0;}
.full_cont .cos_start .btn .btn_start:hover .left {transform: translateX(240%);opacity: 1;}
.full_cont .cos_start .btn .btn_start:hover .right {transform: translateX(200%);opacity: 0;}
.full_cont .cos_start .btn .btn_start:hover:after {transform: translateX(80%);}
.full_cont .item .btn{position:absolute;left:0;bottom:0;height:90px;width:100%;padding:0 50px;}
.full_cont .item .btn a{float:right;color:#fff;background:#333;width:110px;border-radius: 5px;height:52px;margin:0;position:static;text-align:center;line-height:50px;box-sizing: border-box;font-size:16px;letter-spacing:-0.02em;}
.full_cont .item .btn a:focus-visible{outline:2px solid red}
.full_cont .item .btn .prev{float:left;background:#fff;color:#333;border:1px solid #333;}
.full_cont .section.fp-auto-height footer{margin-top:0;}

.full_cont.tablet .bg .box:after{bottom: 68px;}
.full_cont.tablet .bg .box .robot{width: 700px;}
.full_cont.tablet .bg .box .robot span{right: -45%;}
.full_cont.tablet .bg .box.box_cont3 .robot span{right: -64%;bottom: 27px;}
.full_cont.tablet .bg .box.box_cont4 .robot span{right: -61%;bottom: 27px;}
.full_cont.tablet .bg .box .robot span img{width:50%;}
.full_cont.tablet .section.first:after{background-size:auto 80px;height:80px;}
.full_cont.tablet .section.first:before{height: 300px;background-size:auto 300px;}
.full_cont.tablet .section.first .cos_start:after{bottom: -82px;left: 368px;background-size:60px auto;background-repeat:no-repeat;}
.full_cont.tablet .cos_start > em{padding: 25px 0 15px;font-size: 20px;line-height: 23px;letter-spacing:-0.02em;}
.full_cont.tablet .section .cos_start > span{margin-top: 35px;height: 40px;background-size:auto 100%}
.full_cont.tablet .cos_start h3{font-size: 33px;line-height: 35px;}
.full_cont.tablet .cos_start p {padding: 18px 0 10px;font-size: 15px;line-height: 20px;letter-spacing:-0.02em;}
.full_cont.tablet .cos_start .btn{transform: scale(0.7);animation-duration: 3s;animation-name: cosStart1;}
.full_cont.tablet .swiper-container{height: calc(100% - 170px);top: 130px;bottom: 40px;}
.full_cont.tablet .swiper-container .item{padding: 0 30px;}
.full_cont.tablet .item .top{padding: 25px 30px 0;height: 130px;}
.full_cont.tablet .item .top > em {margin: 17px 0 5px;font-size: 16px;line-height: 19px;}
.full_cont.tablet .item .top h4 {font-size: 24px;line-height:28px;letter-spacing:-0.02em;}
.full_cont.tablet .item .top h4 strong{display:inline-block;}
.full_cont.tablet .item .top .step {right: 30px;top: 28px;font-size: 14px;}
.full_cont.tablet .item .top .stit{height:14px;background-size:auto 100%;}
.full_cont.tablet .item .select_area ul {margin-left:0;}
.full_cont.tablet .item .select_area ul li {padding: 0 5px 10px 5px;}
.full_cont.tablet .item .cont {height: calc(100% - 195px);top: 130px;bottom: 65px;}
.full_cont.tablet .item .select_area input + label:before {width: 70px;height: 70px;}
.full_cont.tablet .item .select_area input + label span {font-size: 16px;height: 70px;letter-spacing:-0.02em;line-height: 72px;}
.full_cont.tablet .item .select_area input + label {height: 70px;padding-left: 70px;}
.full_cont.tablet .item .btn {height: 65px;padding: 0 30px;}
.full_cont.tablet .item .btn a {width: 95px;height: 42px;line-height: 40px;font-size: 15px;}

.full_cont.tablet .item .select_area .city input + label {height: 32px;padding-left: 81px;}
.full_cont.tablet .item .select_area .city input + label span{height: 32px;line-height: 32px;font-size: 14px;}
.full_cont.tablet .item .select_area .city input + label:before {width: 81px;height: 32px;border-radius: 50px;}
.full_cont.tablet .item .travel_period li em{font-size: 16px;}
.full_cont.tablet .item .travel_period.theme li em{margin: 6px 0 0;font-size: 14px;line-height: 17px;}
.full_cont.tablet .item .travel_period.theme{width: auto;margin: 0 50px;}
.full_cont.tablet .item .travel_period.theme li{margin: 0 20px 15px;width: 68px;}
@keyframes cosStart1 {
    0% {
        transform: translateY(30px) scale(0.7);opacity: 0;

    }
    100% {
        transform: translateY(0) scale(0.7);opacity: 1;

    }
}

/* AI콕콕 */
.cockcock_share{display:none}
.ai_cockcock{padding:142px 0 0;width:1200px;margin:0 auto;word-break:keep-all;}
.ai_cockcock .inr{width:1200px;margin:0 auto;position: relative;}
.ai_cockcock .stit{display:block;font-size:28px;font-weight: 800;letter-spacing:-0.02em;line-height:34px;color:#333;}
.ai_cockcock .stit span.type{display:block;margin:0 0 6px;}
.ai_cockcock .stit span.type span{display:inline-block;height:24px;line-height:23px;color:#fff;background:#333;border-radius: 2px;font-size:16px;letter-spacing:-0.02em;font-weight: 400;padding:0 7px;}
.ai_cockcock .tooltip{display:none;}
.ai_cockcock .stit em{font-weight: 800;color:#3e6ae5;}
.ai_cockcock .want_list p.tooltip_txt.kiosk{display:none;}
.ai_cockcock p.tooltip_txt{padding:12px 0 0;font-weight: 300;font-size:18px;letter-spacing:-0.02em;line-height:24px;color:var(--global-gray-90);}
.ai_cockcock p.tooltip_txt button{display:none;}
.ai_cockcock p.tooltip_txt strong{font-weight:700;}
.ai_cockcock p.tooltip_txt em{font-weight: 300;}
.ai_cockcock p.tooltip_txt span{font-size:15px;vertical-align: 1px;}
.ai_cockcock .swiper-scrollbar{height:2px;background:#ededee;left:0;right:110px;width:auto;bottom:17px;}
.ai_cockcock .swiper-scrollbar-drag{background:#333;}
.ai_cockcock .swiper-button-next, .ai_cockcock .swiper-button-prev{left:auto;right:47px;top:auto;width:36px;height:36px;text-indent: -9999px;font-size:0;margin:0;bottom:0;background: url(../../resources/images/curation/btn_cockcock_slide.png);opacity:1 !important;}
.ai_cockcock .swiper-button-prev.swiper-button-disabled{background-position: 0 -36px;}
.ai_cockcock .swiper-button-next{right:0;background-position: 0 -72px;}
.ai_cockcock .swiper-button-next.swiper-button-disabled{background-position: 0 -108px;}
.ai_cockcock button.good{display:inline-block;position:absolute;right:15px;top:15px;width:28px;height:28px;background: url(../../resources/images/curation/btn_good.png);text-indent: -9999px;font-size:0;}
.ai_cockcock button.good.on{background-position: 0 -28px;}
.ai_cockcock ul li:hover button.good, .ai_cockcock ul li.on button.good{display:inline-block;}

.ai_cockcock ul li .img{display:block;border-radius: 5px;background-repeat:no-repeat;background-size:cover;background-position: 50% 50%;}
.ai_cockcock .left_area{float:left;width:260px;padding-right: 30px;}
.ai_cockcock .left_area .swiper-container{margin:45px 0 0;}
.ai_cockcock .left_area .swiper-wrapper{display:block;}
.ai_cockcock .left_area .swiper-slide a{position:relative;display:inline-block;margin:0 0 15px;padding: 0 0 3px;font-size:17px;font-weight: 300;letter-spacing:-0.02em;color:#666;line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 230px;}
.ai_cockcock .left_area .swiper-slide a:focus-visible{outline:none;}
.ai_cockcock .left_area .swiper-slide a:focus-visible:before{content:'';display:block;position:absolute;right:2px;left:2px;top:2px;bottom:2px;outline:2px solid #000;box-sizing: border-box;}
.ai_cockcock .left_area .swiper-slide a.on, .ai_cockcock .left_area .swiper-slide a:hover{color:#333;font-weight: 700;letter-spacing:-0.02em;}
.ai_cockcock .left_area .swiper-slide a.on:after, .ai_cockcock .left_area .swiper-slide a:hover:after{content:'';display:block;width:100%;height:1px;background:#000;position:absolute;left:0;bottom:3px;}
.ai_cockcock .refresh{text-align: center;}
.ai_cockcock .refresh button{height:45px;line-height: 45px;border:1px solid #333;border-radius: 50px;font-weight: 700;font-size:16px;color:#333;letter-spacing:-0.02em;width:160px;}
.ai_cockcock .refresh button:before{content:'';display:inline-block;width:20px;height:17px;background: url(../../resources/images/curation/btn_aicockcock_refresh.png);vertical-align: -3px;margin-right:5px;}
.ai_cockcock .refresh button:focus-visible{outline-color: red;}
.ai_cockcock .title{position: relative;display:flex;flex-wrap: wrap;justify-content: space-between;}
.ai_cockcock .title + div{margin-top:40px;}
.ai_cockcock .title h3{display:inline-block;font-size:40px;font-weight: 800;letter-spacing:-0.02em;line-height:100%;color:#333;}
.ai_cockcock .title em{display:block;padding:0 0 12px;font-size:23px;letter-spacing:-0.02em;line-height:100%;color:#333;font-weight: 700;}
.ai_cockcock .title .tooltip{display:inline-block;vertical-align: 11px;text-indent: -9999px;width:20px;height:20px;margin:6px 0 0;background: url(../../resources/images/curation/btn_cockcock_tooltip.png) 0 0 / 100% auto;}
.ai_cockcock .title .tooltip_txt{display:none;padding: 16px 52px 16px 16px;position: absolute; right: 0; top: 36px;width: 252px; height: auto;background: #fff;border-radius: 4px;z-index: 200;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;letter-spacing: -0.02em;line-height: 130%; box-sizing: border-box;}
.ai_cockcock .title .tooltip_txt button{display:inline-block;position: absolute;right: 20px;top: 20px;text-indent: -9999px;width: 20px;height: 20px;background: url(../../resources/images/curation/btn_pop_close_cockcock.png);}
.ai_cockcock.dim:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index: 10;background:rgba(0,0,0,.4)}
.ai_cockcock .title .layer{position: relative;display:flex;gap:40px;margin:33px 0 0;padding-right: 12px;}
.ai_cockcock .title .layer .ai_layer{display:flex;align-items: center;height:32px;line-height:32px;font-size:18px;font-weight: 600;letter-spacing: -0.02em;color:var(--brand-primary-50);}
.ai_cockcock .title .layer .ai_layer span{font-size:14px;margin-top: 1px;}
.ai_cockcock .title .layer .ai_layer:before{content:'';display:inline-block;margin-right:8px;width:32px;height:32px;background: url(../../resources/images/curation/icon_cockcock_ai.png) 0 0 / 100% auto;}
.ai_cockcock .title .layer .ai_layer:after{content:'';display:inline-block;margin-left:16px;width:24px;height:24px;background: url(../../resources/images/curation/icon_cockcock_arw.png) 0 0 / 100% auto;}
.ai_dimmed{display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index: 199;background:rgba(0,0,0,.4)}

.ai_cockcock .circumscription_list{margin:70px 0 0;position: relative;}
.ai_cockcock .circumscription_list .swiper-container{padding:0 0 65px;}
.ai_cockcock .circumscription_list .swiper-slide{width:220px;}
.ai_cockcock .circumscription_list .swiper-slide a{display:block;text-align: center;}
.ai_cockcock .circumscription_list .swiper-slide a:focus-visible{outline:none;}
.ai_cockcock .circumscription_list .swiper-slide a:focus-visible:after{content:'';display:block;position:absolute;right:2px;left:2px;top:2px;bottom:2px;outline:2px solid #000;box-sizing: border-box;}
.ai_cockcock .circumscription_list .img{height:280px;}
.ai_cockcock .circumscription_list .swiper-pagination{display:none;}
.ai_cockcock .circumscription_list .swiper-slide strong{display:block;text-overflow: ellipsis;margin:13px 15px 0;white-space: nowrap;overflow: hidden;font-size:18px;font-weight: 700;line-height:21px;letter-spacing:-0.02em;color: #333;}
.ai_cockcock .circumscription_list .swiper-slide em{display: block;margin: 7px 0 0;font-weight: 300;font-size: 16px;letter-spacing:-0.02em;color: #666;line-height: 18px;}
.ai_cockcock .no_list{padding:0 40px;border-radius: 5px;background:#f9f9f9;overflow: hidden;}
.ai_cockcock .no_list .txt_wrap{min-height:180px;border-bottom:1px solid #ededee;display:flex;justify-content: center;align-items: center;}
.ai_cockcock .no_list .txt_wrap .txt{position: relative;padding-left: 100px;}
.ai_cockcock .no_list .txt_wrap .txt:before{content:'';display:inline-block;position:absolute;left:0;top:50%;transform: translateY(-50%);width:81px;height:80px;background: url(../../resources/images/curation/icon_aicockcock_nolist.png);}
.ai_cockcock .no_list .txt_wrap strong{display:block;font-size:20px;font-weight: 700;letter-spacing:-0.02em;line-height:23px;color:#333;}
.ai_cockcock .no_list .txt_wrap p{padding:8px 0 0;font-size:16px;letter-spacing:-0.02em;line-height:19px;color:#666;}
.ai_cockcock .no_list .list{width:100% !important;float:none !important;}
.ai_cockcock .no_list .list ul{margin:0;}
.ai_cockcock .no_list .list strong{display:block;padding:30px 0 0;font-size:18px;letter-spacing:-0.02em;font-weight: 800;line-height:21px;color:#333;}
.ai_cockcock .no_list .tag{display:flex;flex-wrap: wrap;padding:20px 0 40px;margin-left:-10px;}
.ai_cockcock .no_list .tag li{width:auto !important;margin:0 0 10px 10px !important;}
.ai_cockcock .no_list .tag li a{display:block;padding:0 20px;font-size:16px;color:#767676;border:1px solid #767676;background:#fff;border-radius: 50px;letter-spacing:-0.02em;height:34px;line-height:32px;}
.ai_cockcock .no_list .tag li a:hover{color:#fff;background:#767676;}
.ai_cockcock .no_list .tag li a:focus-visible{outline-color: red;}
.ai_cockcock .no_list .search{display:flex;flex-wrap: wrap;padding:20px 0 30px;}
.ai_cockcock .no_list .search li{width:33.3% !important;text-align: left !important;margin: 0 0 20px 0 !important;}
.ai_cockcock .no_list .search li a{font-size:16px;letter-spacing:-0.02em;color:#333;line-height:22px;display: flex;word-break:break-all}
.ai_cockcock .no_list .search li a em{margin:0 10px 0 0;display:inline-block;flex-shrink: 0;width:22px;height:22px;line-height:22px;color:#fff;background:#666;text-align: center;border-radius: 100%;font-size:13px;}
.ai_cockcock .destination_list .list ul.search{margin-left: 0;}

.ai_cockcock .want_list .no_list .list ul{margin-left:-10px;}
.ai_cockcock .destination_list .list ul.tag{margin-left: -10px;}

.ai_cockcock .want_list{margin-top:70px;position: relative;}
.ai_cockcock .want_list ul{display:flex;flex-wrap: wrap;margin-left:-20px;padding:40px 0 0;text-align: center;}
.ai_cockcock .want_list ul li{width:386px;margin-left:20px;position: relative;}
.ai_cockcock .want_list ul li a{display:block;}
.ai_cockcock .want_list .img_wrap{overflow: hidden;border-radius: 5px;}
.ai_cockcock .want_list .img{height:386px;transition: all .7s;transform: scale(1);overflow: hidden;}
.ai_cockcock .want_list .img:hover{transform: scale(1.2);}
.ai_cockcock .want_list ul li strong{margin:18px 0 0;display:block;font-weight: 700;font-size:20px;letter-spacing:-0.02em;overflow:hidden;max-height:46px;line-height:23px;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;color:#333;}
.ai_cockcock .want_list ul li em{display:block;margin:7px 0 0;font-weight: 300;font-size:16px;letter-spacing:-0.02em;color:#666;line-height:18px;}
.ai_cockcock .want_list .refresh{position:absolute;right:0;top:25px;}
.ai_cockcock .want_list .no_list{margin: 40px 0 0;padding:0 170px;}

.ai_cockcock .destination_list{margin:70px 0 0;position: relative;}
.ai_cockcock .destination_list:after{content:'';display:block;clear: both;overflow: hidden;}
.ai_cockcock .destination_list .list{width:940px;float:left;}
.ai_cockcock .destination_list .list ul{display:flex;flex-wrap: wrap;margin-left:-20px;}
.ai_cockcock .destination_list .list ul li{width:220px;margin:0 0 40px 20px;text-align: center;position: relative;}
.ai_cockcock .destination_list .list ul li a{display:block}
.ai_cockcock .destination_list .img{height:220px;}
.ai_cockcock .destination_list ul li strong{margin:13px 0 0;display:block;font-weight: 700;font-size:18px;letter-spacing:-0.02em;overflow:hidden;max-height:42px;line-height:21px;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;color:#333;}
.ai_cockcock .destination_list ul li em{display:block;margin:7px 0 0;font-weight: 300;font-size:16px;letter-spacing:-0.02em;color:#666;line-height:18px;}
.ai_cockcock .destination_list ul.type1 li strong{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-height: 21px;display:block;}

.ai_cockcock .cockcock_banner{height:160px;width:100vw;margin-left: calc(-50vw + 50%);margin-top:70px;}
.ai_cockcock .cockcock_banner a{display:block;}

/* 티맵 연령별 여행지 */
.tmap_age_destination{width: 100vw;margin-left: calc(-50vw + 50%);margin-top:70px;padding:70px 0;background:#E9F0FE;overflow: hidden;}
.tmap_age_destination .tooltip_txt {display:none;}
.tmap_age_destination .inr{width:1220px;}
.tmap_age_destination .list_wrap{width:970px;float:right;}
.tmap_age_destination .tab{margin:0 10px 0 20px;height:52px;background: linear-gradient(90deg, #B838C5 -30.64%, #236CF6 37.82%);border-radius: 4px;}
.tmap_age_destination .tab .swiper-slide{width:33.3%;}
.tmap_age_destination .tab .swiper-slide + .swiper-slide a:before{content:'';display:inline-block;width:2px;height:20px;background:#fff;opacity: .3;position:absolute;left:0;top:16px;}
.tmap_age_destination .tab a{outline:0;display:block;line-height:52px;color:#fff;text-align: center;opacity: .7;font-size:20px;font-weight: 400;position: relative;letter-spacing: -0.02em;}
.tmap_age_destination .tab a:focus-visible:after{content:'';display:block;position:absolute;left:2px;top:2px;bottom:2px;right:2px;outline:2px solid red}
.tmap_age_destination .tab li.on a{opacity: 1;font-weight: 700;}
.tmap_age_destination .left_area{width:250px;padding:0 0 0 10px;}
.tmap_age_destination .list{display:none;text-align: center; padding-bottom: 45px;}
.tmap_age_destination .list.active{display:block;position: relative;}
.tmap_age_destination .list p{padding:20px 0 0 20px;font-size:18px;line-height: 23px;letter-spacing: -0.02em;color:#333;}
.tmap_age_destination .list .swiper-container{margin-left:10px;padding:40px 10px 30px 10px;position:static;}
.tmap_age_destination .list .swiper-slide a{display:block;padding:0 0 12px;border-radius: 4px;overflow: hidden;background:#fff;box-shadow: 0px 0px 10px rgba(12, 95, 228, 0.1);}
.tmap_age_destination .list .swiper-slide .img{display:block;height:220px;border-radius: 4px;overflow: hidden;}
.tmap_age_destination .list .swiper-slide .img img{width:100%;height:100%;object-fit: cover;}
.tmap_age_destination .list .swiper-slide strong{display: block;text-overflow: ellipsis;margin: 13px 15px 0;white-space: nowrap;overflow: hidden;font-size: 18px;font-weight: 700;line-height: 21px;letter-spacing: -0.02em;color: #333;}
.tmap_age_destination .list .swiper-slide em{display: block;margin: 7px 0 0;font-weight: 300;font-size: 16px;letter-spacing: -0.02em;color: #666;line-height: 18px;}
.tmap_age_destination .list .swiper-button-prev{left:0;top:175px;}
.tmap_age_destination .list .swiper-button-next{top:175px;right:-8px;}
.tmap_age_destination .list .swiper-pagination{width: auto; left: auto; right: 10px; top: 415px; bottom: auto; font-size: 16px; font-weight: 300; letter-spacing: -0.02em; color: #333;}
.tmap_age_destination .list .swiper-pagination .swiper-pagination-current{font-weight: 700;}
.tmap_age_destination .list .refresh{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.tmap_age_destination .no_list{background:none;padding:60px 0 0;}
.tmap_age_destination .no_list .txt_wrap {min-height: 80px;border-bottom:0;}


/* 핫플콕콕 */
.hotplace_cockcock{padding:160px 0 0;width:1200px;margin:0 auto;word-break:keep-all;}
.hotplace_cockcock .inr{width:1200px;margin:0 auto;position: relative;}
.hotplace_cockcock .title{padding:0 0 40px;text-align: center;overflow: hidden;border-bottom:1px solid #e5e5e5;}
.hotplace_cockcock .title h3{font-size:40px;font-weight: 800;letter-spacing:-0.02em;line-height:45px;color:#333;}
.hotplace_cockcock .title p{display:block;padding:7px 0 0;font-size:18px;letter-spacing:-0.02em;line-height:24px;color:#666;}
.hotplace_cockcock .stit{display: block;padding:70px 0 0;font-size: 28px;font-weight: 800;letter-spacing:-0.02em;line-height: 34px;color: #333;}
.hotplace_cockcock .stit em{font-weight: 800;color:#24a060;}
.hotplace_cockcock .area_btn{width:100vw;margin-left: calc(-50vw + 50%);background:url(../../resources/images/curation/bg_area.gif) 0 100% repeat-x;}
.hotplace_cockcock .area_btn .stit{margin: 0 0 30px;}
.hotplace_cockcock .area_btn .stit span{display:inline-block;font-weight: 300;font-size:17px;line-height:19px;vertical-align: 4px;padding:0 0 0 15px;letter-spacing:-0.02em;color:#666;}
.hotplace_cockcock .area_btn ul{display:flex;flex-wrap: wrap;margin-left:-22px}
.hotplace_cockcock .area_btn li{width:100px;padding-left:22px;}
.hotplace_cockcock .area_btn a{display:block;text-align: center;position: relative;}
.hotplace_cockcock .area_btn a:focus-visible{outline:none;}
.hotplace_cockcock .area_btn a:focus-visible:after{content:'';display:block;position:absolute;right:2px;left:2px;top:2px;bottom:2px;outline:2px solid #000;box-sizing: border-box;}
.hotplace_cockcock .area_btn a:before{content:'';display:block;width:100%;height:100px;background:url(../../resources/images/curation/icon_hotplace_area.png) no-repeat;position:absolute;left:0;top:0;z-index:5;}
.hotplace_cockcock .area_btn a:hover:after{content:'';display:block;width:140px;height:100%;position:absolute;left:-12px;top:-11px;background:url(../../resources/images/curation/icon_hotplace_area_on.png) no-repeat;}
.hotplace_cockcock .area_btn a.incheon:before{background-position:0 -100px;}
.hotplace_cockcock .area_btn a.daejeon:before{background-position:0 -200px;}
.hotplace_cockcock .area_btn a.daegu:before{background-position:0 -300px;}
.hotplace_cockcock .area_btn a.gwangju:before{background-position:0 -400px;}
.hotplace_cockcock .area_btn a.busan:before{background-position:0 -500px;}
.hotplace_cockcock .area_btn a.ulsan:before{background-position:0 -600px;}

.hotplace_cockcock .area_btn a.gyeonggi:before{background-position:0 -700px;}
.hotplace_cockcock .area_btn a.gangwon:before{background-position:0 -800px;}
.hotplace_cockcock .area_btn a.chungbuk:before{background-position:0 -900px;}
.hotplace_cockcock .area_btn a.chungnam:before{background-position:0 -1000px;}
.hotplace_cockcock .area_btn a.kyeongbuk:before{background-position:0 -1100px;}

.hotplace_cockcock .area_btn a.gyeongnam:before{background-position:0 -1200px;}
.hotplace_cockcock .area_btn a.jeonbuk:before{background-position:0 -1300px;}
.hotplace_cockcock .area_btn a.jeonnam:before{background-position:0 -1400px;}
.hotplace_cockcock .area_btn a.jeju:before{background-position:0 -1500px;}
.hotplace_cockcock .area_btn a.sejong:before{background-position:0 -1600px;}

.hotplace_cockcock .area_btn a:hover span{font-weight: 800;}
.hotplace_cockcock .area_btn a span{display:block;font-size:18px;letter-spacing:-0.02em;line-height: 20px;padding:108px 0 38px;}
.hotplace_cockcock .area_btn.sub{background:none;}
.hotplace_cockcock .area_btn.sub .inr{width: 1240px;}
.hotplace_cockcock .area_btn.sub ul{flex-wrap: nowrap;margin:0;}
.hotplace_cockcock .area_btn.sub ul li{margin-left:0;padding:0;}
.hotplace_cockcock .area_btn.sub ul li img{display:none;}
.hotplace_cockcock .area_btn.sub a.on span {font-weight:800;text-underline-offset : 6px;text-decoration-thickness: 2px;text-decoration-line: underline;}
.hotplace_cockcock .area_btn.sub .swiper-container{padding:30px 20px 0 20px;position:static;}
.hotplace_cockcock .area_btn.sub.mask .swiper-container:after{content:'';z-index: 10;width:69px;height:127px;display:inline-block;position:absolute;right:0;top:30px;background: url(../../resources/images/curation/bg_area_mask2.png);}
.hotplace_cockcock .area_btn.sub.last .swiper-container:after{display:none;}
.hotplace_cockcock .area_btn.sub.first .swiper-container:before{content:'';z-index: 10;width:69px;height:127px;display:inline-block;position:absolute;left:0;top:30px;background: url(../../resources/images/curation/bg_area_mask1.png);}
.hotplace_cockcock .area_btn.sub .swiper-container:before{display:none;}
.hotplace_cockcock .area_btn.sub .swiper-button-next,
.hotplace_cockcock .area_btn.sub .swiper-button-prev{display:inline-block;left:-26px;width:26px;height:26px;bottom:auto;top:66px;background: url(../../resources/images/curation/btn_hotplace_prev2.png);}
.hotplace_cockcock .area_btn.sub .swiper-button-next{left:auto;right:-26px;background: url(../../resources/images/curation/btn_hotplace_next2.png);}
.hotplace_cockcock .area_btn.sub .swiper-button-disabled {opacity: 1;display: inline-block !important;background-position: 0 -26px;}

.hotplace_cockcock .list ul{margin:-10px 0 0 -20px;flex-wrap: wrap;width:auto;text-align: center;}
.hotplace_cockcock .list li{width:224px;margin:40px 0 0 20px;}
.hotplace_cockcock .list li a{display:block;position: relative;}
.hotplace_cockcock .list li a:focus-visible{outline:none;}
.hotplace_cockcock .list li a:focus-visible:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:2px solid red}
.hotplace_cockcock .list img{object-fit: cover;width: 100%;height: 224px;border-radius: 5px;}
.hotplace_cockcock .list strong{display: block;text-overflow: ellipsis;margin: 13px 0 0;white-space: nowrap;overflow: hidden;font-size: 18px;font-weight: 700;line-height: 21px;letter-spacing:-0.02em;color: #333;}
.hotplace_cockcock .list .area{display: block;margin: 7px 0 0;font-weight: 300;font-size: 16px;letter-spacing:-0.02em;color: #666;line-height: 18px;}
.hotplace_cockcock .list button.good{position: absolute;right: 15px;top: 15px;width: 28px;height: 28px;z-index: 10;background: url(../../resources/images/curation/btn_good.png);text-indent: -9999px;font-size: 0;}
.hotplace_cockcock .list button.good.on {background-position: 0 -28px;}
.hotplace_cockcock .cockcock_banner {height: 160px;width: 100vw;margin-left: calc(-50vw + 50%);margin-top: 70px;}
.hotplace_cockcock .cockcock_banner a{display:block;}
.hotplace_cockcock .digital_travel{width:100vw;padding:0 0 80px;margin-left: calc(-50vw + 50%);background:url(../../resources/images/curation/bg_digital_travel.gif) 0 100% repeat-x;}
.hotplace_cockcock .digital_travel .layer_btn{position:absolute;right:0;top:70px;font-size:17px;line-height:19px;color:#333;}
.hotplace_cockcock .digital_travel .layer_btn:after{content:'';display:inline-block;width:19px;height:19px;vertical-align: -2px;margin-left:5px;background:url(../../resources/images/curation/btn_digital_travel.png);}
.hotplace_cockcock .digital_travel .list ul{flex-wrap:nowrap;margin:30px 0 0 0;}
.hotplace_cockcock .digital_travel .list li{width:224px;margin:0;}
.hotplace_cockcock .digital_travel .list img{height:285px;}
.hotplace_cockcock .digital_travel .swiper-container{position:static;}
.hotplace_cockcock .digital_travel .request_btn{display: inline-block;position:absolute;right:0;bottom:-21px;width:228px;height:45px;box-sizing:border-box;font-size:16px;line-height:43px;font-weight:700;color:#333;border:1px solid #333;border-radius: 50px;z-index: 5;text-align: center;}
.hotplace_cockcock .digital_travel .request_btn:focus-visible{outline:2px solid red}
.hotplace_cockcock .digital_travel .request_btn:after{content:'';display:inline-block;width:9px;height:14px;margin-left:8px;vertical-align: -1px;background:url(../../resources/images/curation/icon_request_btn.png);}
.hotplace_cockcock .digital_travel .pagination{position:relative;padding:0 370px 0 0;height:45px;}
.hotplace_cockcock .digital_travel .swiper-scrollbar{margin:50px 0 0;width:830px;bottom: 0;opacity:1 !important;position: relative;left:0;height:2px;background:#b7b8b7;}
.hotplace_cockcock .digital_travel .swiper-scrollbar-drag{background:#333;}
.hotplace_cockcock .digital_travel .swiper-pagination{display:none;}
.hotplace_cockcock .swiper-button-next, .hotplace_cockcock .swiper-button-prev{left:auto;right:307px;bottom:-19px;top:auto;width:36px;height:36px;margin:0;text-indent: -9999px;background:url(../../resources/images/curation/btn_hotplace_prev.png);}
.hotplace_cockcock .swiper-button-next{background:url(../../resources/images/curation/btn_hotplace_next.png);right:261px;}
.hotplace_cockcock .swiper-button-disabled{opacity:1;background-position: 0 -36px;}

.hotplace_cockcock .hotplace_menu{display:flex;margin:70px 0 0;position: relative;}
.hotplace_cockcock .hotplace_menu a{font-weight: 300;font-size:28px;line-height: 32px;letter-spacing:-0.02em;color:#666;position: relative;}
.hotplace_cockcock .hotplace_menu a.on{color:#333;font-weight: 800;}
.hotplace_cockcock .hotplace_menu a + a{margin-left:50px;}
.hotplace_cockcock .hotplace_menu a + a:before{content:'';display:inline-block;width:1px;height:24px;background:#b9b7b7;position:absolute;left:-25px;top:5px;}
.hotplace_cockcock .hotplace_menu span{display:none;position:absolute;right:0;top:5px;text-indent: -9999px;width:101px;height:21px;background:url(../../resources/images/curation/hotplace_tmap.png);}
.hotplace_sub .sorting{display:flex;justify-content: flex-end;padding:28px 0 0;font-size:16px;color:#666;}
.hotplace_sub .sorting button{margin-left:34px;position: relative;}
.hotplace_sub .sorting button:first-child:before{display:none}
.hotplace_sub .sorting button:before{content:'';display:inline-block;width:4px;height:4px;border-radius: 100%;background:#b9b7b7;position:absolute;left:-18px;top:11px;}
.hotplace_sub .sorting .on{color:#333;font-weight: 700; text-decoration: underline; text-underline-offset: 6px;}
.hotplace_sub .list ul{display:flex;}
.hotplace_sub .list li{width:285px;position: relative;text-align: left;}
.hotplace_sub .list li .tit:focus-visible:after{display:none;}
.hotplace_sub .list li .tit:focus-visible{outline: auto;}
.hotplace_sub .list li .tit{display: block;text-overflow: ellipsis;margin: 13px 0 0;white-space: nowrap;overflow: hidden;font-size: 18px;font-weight: 700;line-height: 21px;letter-spacing:-0.02em;color: #333;}
.hotplace_sub .list .area{display:flex;}
.hotplace_sub .list .area span:before{content:'';display:inline-block;width:1px;height:13px;background:#aba9a9;margin:0 10px;}
.hotplace_sub .list li img {height: 285px;transform: scale(1);transition: all .7s;position:static;}
.hotplace_sub .list li .img a{overflow: hidden;border-radius: 5px;}
.hotplace_sub .list li .img a:focus-visible:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;border:2px solid red;box-sizing: border-box;}
.hotplace_sub .list li .img a:after{content:'';display:block;width:100%;position:absolute;left:0;bottom:0;height: 30%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
.hotplace_sub .list li .img:hover img{transform: scale(1.2);}
.hotplace_sub .list button.map {position: absolute;right: 0;bottom: 0;width: 19px;height: 15px;z-index: 10;background: url(../../resources/images/curation/btn_hotplacemap.png);text-indent: -9999px;font-size: 0;}
.hotplace_sub .more{padding:40px 0 0;text-align: center;}
.hotplace_sub .more button {height: 45px;width: 117px;border: 1px solid #333;font-size: 16px;letter-spacing:-0.02em;font-weight: 700;color: #333;border-radius: 50px;}
.hotplace_sub .more button:after {content: '';display: inline-block;width: 12px;height: 12px;margin-left: 10px;background: url(../../resources/images/curation/btn_planner_list.png);}
.hotplace_sub .list li .img.on .swiper-button-next, .hotplace_sub .list li .img.on .swiper-button-prev{display:inline-block}
.hotplace_sub .swiper-button-next, .hotplace_sub .swiper-button-prev{width:8px;height:14px;bottom:16px;display:none;}
.hotplace_sub .swiper-button-next{right:20px;background: url(../../resources/images/curation/btn_hotplace_next1.png);}
.hotplace_sub .swiper-button-prev{left:20px;background: url(../../resources/images/curation/btn_hotplace_prev1.png);}
.hotplace_sub .swiper-pagination{height:10px;bottom:17px;width:auto;left:50%;transform: translateX(-50%);}
.hotplace_sub button.swiper-pagination-bullet{vertical-align: top;width:10px;height:10px;opacity: 1;background:none;border:1px solid #fff;}
.hotplace_sub button.swiper-pagination-bullet:focus-visible{outline:2px solid red}
.hotplace_sub .swiper-pagination-bullet-active{background:#fff !important;}
.hotplace_sub .swiper-button-disabled{display:none !important;}
.swiper-container .swiper-notification{display:none;}

#hotplaceAreaPop .layerpop{width: 410px;padding: 0;border-radius: 10px;}
#hotplaceAreaPop .layerpop .tit > h2{padding:25px 0 0 30px;background:none;color:#333;font-size: 24px;line-height:27px;letter-spacing:-0.02em;font-weight: 700;}
#hotplaceAreaPop .layerpop .box_cont{padding:0 0 0 20px;border-radius: 0 0 20px 20px;overflow: hidden;}
#hotplaceAreaPop .layerpop .btn_center{padding:0 0 30px;}
#hotplaceAreaPop .layerpop .btn_center a{display:inline-block;width:110px;height:40px;line-height: 40px;border-radius: 5px;background:#333;color:#fff;font-size: 16px;}
#hotplaceAreaPop .layerpop .btn_center a:focus-visible{outline-color: red;}
#hotplaceAreaPop ul{padding: 27px 0 20px;}
#hotplaceAreaPop ul:after{content:'';display:block;clear:both;}
#hotplaceAreaPop ul li{float:left;padding: 0 0 10px 10px;}
#hotplaceAreaPop input[type="checkbox"] + label.all:before {background: #666;}
#hotplaceAreaPop input[type="checkbox"] + label.all span{color:#fff;}
#hotplaceAreaPop input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#hotplaceAreaPop input[type="checkbox"] + label {position: relative;display: inline-block;height: 40px;padding-left:80px;vertical-align: middle;cursor: pointer;}
#hotplaceAreaPop input[type="checkbox"] + label span{position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 16px;height:40px;line-height:40px;text-align: center;color:#000;}
#hotplaceAreaPop input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width: 80px;height: 40px;border-radius:50px;box-sizing: border-box;background:#fff;border:1px solid #dfe0e2;}
#hotplaceAreaPop input[type="checkbox"] + label:after {display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:16px; background:url(../../resources/images/curation/icon_radio_check.png) 0 0 / 100% 100%; border-radius:100%;}
#hotplaceAreaPop input[type="checkbox"]:checked + label {font-weight:400;}
#hotplaceAreaPop input[type="checkbox"]:checked + label:before {background:#567ff2;border:1px solid #567ff2;box-shadow: 6px 6px 16px 0px rgba(51, 51, 51, 0.22);}
#hotplaceAreaPop input[type="checkbox"]:checked + label span{color:#fff;}
#hotplaceAreaPop input[type="checkbox"]:focus + label {outline: 2px solid red;outline-offset: 1px;}
#hotplaceAreaPop .layerpop .btn_close{position:absolute;width:16px;height:16px;top:30px;right:30px;margin:0;background: url(../../resources/images/curation/hotplace_pop_close.png) no-repeat;text-indent: -9999px;}

#digitalTravelPop .layerpop{width: 540px;padding: 0;border-radius: 5px;background:#b2e7c9;text-align: center;}
#digitalTravelPop .layerpop .box_cont{padding:50px 0 0 0;border-radius: 5px;background:#b2e7c9;}
#digitalTravelPop .layerpop p{font-size:20px;letter-spacing:-0.02em;color:#333;line-height:24px;}
#digitalTravelPop .layerpop .btn_center{padding:28px 0 40px;}
#digitalTravelPop .layerpop .btn_center a{display:inline-block;width:285px;height:50px;line-height: 50px;border-radius: 5px;background:#333;color:#fff;font-size: 18px;letter-spacing:-0.02em;}
#digitalTravelPop .layerpop .btn_center a:focus-visible{outline-color: red;}
#digitalTravelPop .layerpop .btn_center a:after{content:'';display:inline-block;width:9px;height:14px;vertical-align: -1px;margin-left:8px;background:url(../../resources/images/curation/btn_digital_travel1.png);}
#digitalTravelPop .layerpop .btn_close {position:absolute;width: 31px;height: 31px;top:20px;right:20px;margin:0;background: url(../../resources/images/curation/hotplace_pop_close1.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}

#rcmdSettingPopup > .layerpop {width: 41rem; padding: 3rem 0 0 0; border-radius: 0.8rem; overflow: hidden; max-height:49.5rem;}
#rcmdSettingPopup > .layerpop .scroll{overflow-y: auto; position: relative; max-height: 36.6rem; margin: 0 1.6rem;}
#rcmdSettingPopup > .layerpop .scroll::-webkit-scrollbar {width: 3px;}
#rcmdSettingPopup > .layerpop .scroll::-webkit-scrollbar-thumb {background-color: #949499; border-radius: 100rem;}
#rcmdSettingPopup > .layerpop .scroll::-webkit-scrollbar-track {background-color: #fff;}
#rcmdSettingPopup .box_cont{padding:0.2rem 0 0;width: 34.6rem;margin: 0 auto; max-height: 49.5rem;}
#rcmdSettingPopup .stit{display:block;font-weight: 800;font-size:2.4rem;line-height:3.2rem;letter-spacing: -0.02em;color:var(--global-gray-90);}
#rcmdSettingPopup .btn_close{padding:0;margin:0;position:absolute;right:1.6rem;top:0.2rem;}
#rcmdSettingPopup .guide{margin:3.6rem 0 1.2rem;padding: 1.8rem 2rem 1.6rem;background:var(--global-gray-05);border-radius: 0.8rem;text-align: center;}
#rcmdSettingPopup .icon_pg_info_sm rect{fill:var(--global-gray-60)}
#rcmdSettingPopup .guide p{font-weight: 700;font-size:1.6rem;line-height: 130%;color:var(--global-gray-90);}
#rcmdSettingPopup .guide br{display:none;}
#rcmdSettingPopup .option{padding:0 0 2rem;}
#rcmdSettingPopup .option ul li{padding:2.2rem 0;border-bottom:1px solid var(--global-gray-10);position: relative;display:flex;flex-wrap:wrap;align-items: center;}
#rcmdSettingPopup .option .icon_pg_info_sm{position:absolute;right:0;top:2.4rem;}
#rcmdSettingPopup .ui_pg_tooltip{width:32.3rem;left:2.3rem;top:5rem;}
#rcmdSettingPopup .btn{display:flex;gap:0.8rem;position:sticky;left:0;bottom:0;padding:1.2rem 3.2rem 3.2rem;background:#fff;}
#rcmdSettingPopup .btn.on{box-shadow: 0.1rem 0.1rem 0.6rem 0 rgba(26, 26, 26, 0.12);}
#rcmdSettingPopup .btn button:first-child{flex-shrink: 0;width:7.8rem;border-color:#949499;}
#rcmdSettingPopup .btn button + button{flex-grow: 1;justify-content: center;}
#rcmdSettingPopup .select_btn{width:100%;padding:2.2rem 0 0;display:flex;flex-wrap: wrap;gap:0.8rem;justify-content: center;}
#rcmdSettingPopup .select_btn > button{width:6.1rem;justify-content: center;}
#rcmdSettingPopup .select_btn > button[class^="chip_pg_"].outline.select:not(.all){background: var(--global-gray-60); border: 1px solid var(--global-gray-60);}
#rcmdSettingPopup .select_btn .area > button[class^="chip_pg_"].outline.select:not(.all){background: var(--global-gray-60); border: 1px solid var(--global-gray-60);}
#rcmdSettingPopup .select_btn .tab{display:flex;width:100%;gap:0.8rem;margin:0 0 0.4rem;}
#rcmdSettingPopup .select_btn .tab button{flex-grow: 1;flex-basis: 0;justify-content: center;}
#rcmdSettingPopup .select_btn .area{display:flex;flex-wrap: wrap;gap:1.2rem 0.8rem;}
#rcmdSettingPopup .select_btn .area button{width:5.1rem;justify-content: center;}

@media screen and (max-width: 1023px) {
    .pc{display:none;}
    .mo{display:block;}
    body{max-width:100%;}
    #contents{padding: 0;}
    .curation_logo{height:50px;}
    .curation_logo .logo{width:100%;}
    .curation_logo .logo a{display:block;height:50px;background:url(../../resources/images/curation/logo_m_header.png) 20px 50% / 170px auto no-repeat;}
    .curation_logo.main{height:35px;}
    .curation_logo.main .logo a{height:35px;width: 170px;background: url(../../resources/images/curation/logo_m_header01.png) 20px 50% / 104px auto no-repeat;}
    .curation_logo .inr{width:auto;}
    .curation_logo .post_area{top:10px;right:15px;font-size: 12px;}
    .curation_logo .post_area button{margin-left: 10px;font-size: 12px;}
    .curation_logo .post_area > span.num{margin-left: 10px;}
    .curation_logo .post_area .good:before{width:17px;height:15px;vertical-align: -3px;margin-right: 6px;background: url(../../resources/images/curation/post_area_mgood.png) 0 0 / 100% auto no-repeat;}
    .curation_logo .post_area .good.on:before{background-position: 0 -15px;}
    .curation_logo .post_area .sharing:before{width:13px;height:16px;margin-right: 6px;background: url(../../resources/images/curation/post_area_msharing.png) 0 0 / 100% auto no-repeat;}

    .cockcock_share{display:inline-block;position:fixed;right:1.6rem;bottom:12.5rem;top:auto;z-index: 100;height:3.6rem;width:3.6rem;box-shadow: 9px 14px 24px 0px rgba(152, 150, 150, 0.3);border-radius: 100%;transition: width .4s;}
    .cockcock_share button{position:absolute;left:0;top:0;z-index: 50;}
    .cockcock_share button span{width:3.6rem;height:3.6rem;background: #333;border:1px solid #333;border-radius: 100%;display: block;}
    .cockcock_share.on button{z-index: 0;}
    .cockcock_share.on{width:20rem;}
    .cockcock_share.on ul{width:20rem;}
    .cockcock_share.on ul li{margin: 1rem 0.6rem 0;}
    .cockcock_share.on ul li span{display:inline-block;color:#fff;}
    .cockcock_share ul li span{display:none;}
    .cockcock_share ul li em {position: absolute;text-indent: -9999px;font-size: 0;}
    .cockcock_share ul li{margin:0;float:none;font-size: 1.2rem;height:1.5rem;line-height:1.5rem;color:#000;position: relative;font-weight: 300;}
    .cockcock_share ul li a{display: inline-block;height: 1.8rem;}
    .cockcock_share.on ul:after{display:none;}
    .cockcock_share ul:after{content:'';display:inline-block;width:3.6rem;border-radius: 100%;height:3.6rem;background:#333 url(../../resources/images/curation/icon_share03.gif) 0.9rem 1rem / 1.3rem 1.5rem no-repeat;position:absolute;left:0;top:0;box-sizing: border-box;}
    .cockcock_share ul{position: absolute;text-align: center;top: 0;display: flex;right: 0;height: 100%;justify-content: center;background: #333;width:3.6rem;overflow: hidden;transition: width .4s;border-radius: 50px;border:1px solid #333;box-sizing: border-box;}
    .cockcock_share ul li a:before {content: '';float: left;margin-right: 0.4rem;}
    .cockcock_share ul li a:before{margin-right: 0.4rem;}
    .cockcock_share ul li.icon1:before{content: '';float: left;margin-right: 0.8rem;width: 1.9rem;height: 1.5rem;background: url(../../resources/images/curation/icon_share01.gif) 0 0 / 100% 100% no-repeat;}
    .cockcock_share ul li.icon2{height:1.8rem;margin: 0.9rem 0.6rem 0;}
    .cockcock_share ul li.icon2 a{height:1.8rem;}
    .cockcock_share ul li.icon2 span{line-height: 1.8rem;color:#fff;}
    .cockcock_share ul li.icon2 a:before{width:1.7rem;height:1.5rem;margin-top: 0.2rem;background: url(../../resources/images/curation/icon_share02.gif) 0 0 / 100% auto no-repeat;}
    .cockcock_share ul li.icon2.on a:before {background-position: 0 -1.5rem;}
    .cockcock_share ul li.icon3 a:before{width:1.3rem;height:1.5rem;background: url(../../resources/images/curation/icon_share03.gif) 0 0 / 100% auto no-repeat;}

    .cockcock_share.on ul li.icon2{display:inline-block;}
    .cockcock_share.on ul li.icon2{display:inline-block;}
    .cockcock_share ul li.icon2{display:none;}
    .cockcock_share ul li.icon2{display:none;}
    .cockcock_share ul li:after{display:none;}
    .cockcock_share ul li a:before{display:none;}
    .cockcock_share.on ul li a:before{display:inline-block;}
    .cockcock_share ul li.icon1:before{display:none;}
    .cockcock_share.on ul li.icon1:before{display:inline-block;}

    /* 티맵 연령별 여행지 */
    .tmap_age_destination{width: 100%;margin-left:0;background:#fff;margin-top:40px;padding:0;}
    .tmap_age_destination .inr{display:block;}
    .tmap_age_destination .list{width:auto; padding-bottom: 30px;}
    .tmap_age_destination .tab {margin: 0 0 16px;height: 30px;border-radius: 0;background:none;}
    .ai_cockcock .tmap_age_destination .left_area .tab .swiper-container {height:100%;margin: 0;padding: 0 15px 0 15px;}
    .ai_cockcock .tmap_age_destination .tab li a{display:block;padding:0 9px 0 !important;height:30px;opacity:1;border-color:#DFE0E2;line-height:30px;color:#333;max-width:none;font-size:13px;}
    .tmap_age_destination .tab li.on a {background: #567ff2;border: 1px solid #567ff2;color: #fff;}
    .tmap_age_destination .tab .swiper-slide + .swiper-slide a:before {width: 1px;height: 10px;top: 17px;}
    .ai_cockcock .tmap_age_destination .tab li:first-child a{padding:0 16px 0 0;}
    .ai_cockcock .tmap_age_destination .left_area .tab .swiper-slide {height:44px;}
    .tmap_age_destination .tab + .swiper-container .swiper-slide{height:12px;}
    .tmap_age_destination .tab + .swiper-container .swiper-slide a {border:0;border-radius:0;height:auto;line-height: 100%;}
    .tmap_age_destination .tab + .swiper-container .swiper-slide:first-child a{padding: 0 10px 0 0;}
    .tmap_age_destination .tab + .swiper-container .swiper-slide a.on,
    .tmap_age_destination .tab + .swiper-container .swiper-slide a:hover {background: none;border:0;font-weight: 600 !important;color: #333;}
    .tmap_age_destination .tab + .swiper-container{height:auto !important;}
    .tmap_age_destination .list_wrap {width: auto;float: none;}
    .tmap_age_destination .list p{display:none;}
    .tmap_age_destination .left_area .swiper-container {margin: 0 !important;height: 30px;}
    .tmap_age_destination .left_area .swiper-slide {height: 30px;}
    .tmap_age_destination .list .swiper-container {margin-left: 0;padding: 24px 0 20px 15px;}
    .tmap_age_destination .list .swiper-slide {width:130px !important;}
    .tmap_age_destination .list .swiper-slide .img {height: 130px;border-radius: 5px;}
    .tmap_age_destination .list .swiper-slide a {box-shadow: 0px 0px 20px rgba(68, 101, 172, 0.1);}
    .tmap_age_destination .list .swiper-slide strong {margin: 12px 10px 0;font-size: 13px;line-height: 100%;}
    .tmap_age_destination .list .swiper-slide em {margin: 6px 0 0;font-size: 11px;line-height: 100%;}
    .tmap_age_destination .list .swiper-pagination{font-size: 11px; top: 236px; right: 14px;}
    .tmap_age_destination  .swiper-slide-duplicate.swiper-slide-prev {opacity: 0;pointer-events: auto;}
    .tmap_age_destination .list .refresh{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
    .tmap_age_destination .no_list .txt_wrap {min-height: 61px !important;padding: 56px 0 32px !important;text-align: left;}
    .tmap_age_destination .no_list .txt_wrap p{display:block;}

    /** 2023 고도화 **/
    /* 핫플콕콕 */
    .hotplace_cockcock{width:auto;padding: 30px 0 0;}
    .hotplace_cockcock .inr{width:auto;}
    .hotplace_cockcock .title {padding: 0 0 20px;margin:0 15px;}
    .hotplace_cockcock .title h3 {font-size: 20px;letter-spacing:-0.02em;line-height: 24px;}
    .hotplace_cockcock .title p {font-size: 11px;letter-spacing:-0.02em;line-height: 13px;}
    .hotplace_cockcock .stit {padding: 40px 15px 20px;font-size: 16px;letter-spacing:-0.02em;line-height: 19px;}
    .hotplace_cockcock .digital_travel .stit{text-align: left;}
    .hotplace_cockcock .area_btn .swiper-container.mo{padding:25px 0 8px;margin:0 10px;}
    .hotplace_cockcock .area_btn{width:auto;margin:0;background:none;}
    .hotplace_cockcock .area_btn .stit {margin: 0;padding: 35px 15px 0;}
    .hotplace_cockcock .area_btn .stit span{display:block;padding:6px 0 0 0;font-size:11px;line-height:13px;letter-spacing:-0.02em;}
    .hotplace_cockcock .area_btn ul{flex-wrap: nowrap;margin-left:0;}
    .hotplace_cockcock .area_btn li {width: auto;display:flex;flex-wrap: wrap;margin:0;padding:0;}
    .hotplace_cockcock .area_btn a{width:calc(20% - 10px);margin:0 5px;}
    .hotplace_cockcock .area_btn a img{width:100%;}
    .hotplace_cockcock .area_btn a:hover:after {width: auto;left: -11%;right: -26%;top: -8%;background-size: 100% auto;}

    .hotplace_cockcock .area_btn a.incheon:before{background-position:0 6.3%;}
    .hotplace_cockcock .area_btn a.daejeon:before{background-position:0 12.5%;}
    .hotplace_cockcock .area_btn a.daegu:before{background-position:0 18.8%;}
    .hotplace_cockcock .area_btn a.gwangju:before{background-position:0 25%;}
    .hotplace_cockcock .area_btn a.busan:before{background-position:0 31.3%;}
    .hotplace_cockcock .area_btn a.ulsan:before{background-position:0 37.5%;}

    .hotplace_cockcock .area_btn a.gyeonggi:before{background-position:0 43.8%;}
    .hotplace_cockcock .area_btn a.gangwon:before{background-position:0 50%;}
    .hotplace_cockcock .area_btn a.chungbuk:before{background-position:0 56.3%;}
    .hotplace_cockcock .area_btn a.chungnam:before{background-position:0 62.5%;}
    .hotplace_cockcock .area_btn a.kyeongbuk:before{background-position:0 68.8%;}

    .hotplace_cockcock .area_btn a.gyeongnam:before{background-position:0 75%;}
    .hotplace_cockcock .area_btn a.jeonbuk:before{background-position:0 81.3%;}
    .hotplace_cockcock .area_btn a.jeonnam:before{background-position:0 87.5%;}
    .hotplace_cockcock .area_btn a.jeju:before{background-position:0 93.8%;}
    .hotplace_cockcock .area_btn a.sejong:before{background-position:0 100%;}

    .hotplace_cockcock .area_btn a span {font-size: 12px;letter-spacing:-0.02em;line-height: 14px;padding: 7px 0 15px;}
    .hotplace_cockcock .area_btn.sub ul li{width:19%;}
    .hotplace_cockcock .area_btn.sub a{margin:0;width:100%;}
    .hotplace_cockcock .area_btn.sub ul li img{display:block;}
    .hotplace_cockcock .area_btn a:before{background-size:100% auto;height: calc(100% - 36px);}
    .hotplace_cockcock .area_btn .swiper-scrollbar{bottom:0;height:2px;background:#ededee;width:60px;left:50%;margin-left:-30px;}
    .hotplace_cockcock .area_btn .swiper-scrollbar-drag{background:#333;}
    .hotplace_cockcock .list.swiper-container{padding: 0 0 0 15px;}
    .hotplace_cockcock .list ul{flex-wrap: nowrap;margin:0;}
    .hotplace_cockcock .list li {width: 130px;margin:0;}
    .hotplace_cockcock .list img {height: 130px;}
    .hotplace_cockcock .list button.good {right: 10px;top: 10px;width: 21px;height: 21px;background: url(../../resources/images/curation/btn_m_good.png) 0 0 / 100% auto;}
    .hotplace_cockcock .list button.good.on {background-position: 0 -21px;}
    .hotplace_cockcock .list strong {margin: 8px 0 0;font-size: 13px;line-height:16px;letter-spacing:-0.02em;}
    .hotplace_cockcock .list .area {margin: 5px 0 0;font-size: 12px;letter-spacing:-0.02em;line-height: 14px;}
    .hotplace_cockcock .cockcock_banner {height: auto;width: 100%;margin-left: 0;margin-top: 40px;background-color: transparent !important;}
    .hotplace_cockcock .cockcock_banner img {width: 100%;}
    .hotplace_cockcock .digital_travel{width: 100%;padding: 0 0 32px;margin-left: 0;background: url(../../resources/images/curation/bg_digital_m_travel.gif) 0 100% / 1px auto repeat-x;text-align: center;}
    .hotplace_cockcock .digital_travel .swiper-container{padding:0 0 24px 15px;}
    .hotplace_cockcock .digital_travel .list ul {margin:0;}
    .hotplace_cockcock .digital_travel .layer_btn {right:15px;top: 65px;font-size: 11px;line-height: 11px;letter-spacing:-0.02em;}
    .hotplace_cockcock .digital_travel .list li {width: 110px;margin: 0;}
    .hotplace_cockcock .digital_travel .list img {height: 140px;}
    .hotplace_cockcock .digital_travel .layer_btn:after {width: 11px;height: 11px;vertical-align: -2px;margin-left: 3px;background: url(../../resources/images/curation/btn_digital_m_travel.png) 0 0 / 100% 100%;}
    .hotplace_cockcock .swiper-button-next, .hotplace_cockcock .swiper-button-prev{display:none;}
    .hotplace_cockcock .digital_travel .request_btn {position: static;width: 170px;height: 30px;font-size: 12px;line-height: 30px;font-weight:400;}
    .hotplace_cockcock .digital_travel .request_btn:after {width: 6px;height: 10px;margin-left:5px;vertical-align: -1px;background: url(../../resources/images/curation/icon_request_m_btn.png) 0 0 / 100% 100%;}
    .hotplace_cockcock .digital_travel .request_btn span{font-weight: 800;}
    .hotplace_cockcock .digital_travel .swiper-scrollbar {margin: 25px 60px 0 0;width: auto;height: 2px;}
    .hotplace_cockcock .digital_travel .swiper-pagination {display: inline-block;width:auto;left:auto;right:15px;bottom: 47px;font-size:11px;font-weight: 300;color:#333;}
    .hotplace_cockcock .digital_travel .swiper-pagination-current{color:#000;font-weight: 800;}

    .hotplace_cockcock .hotplace_menu {margin: 35px 15px 0;}
    .hotplace_cockcock .hotplace_menu a {font-size: 16px;line-height: 20px;letter-spacing:-0.02em;}
    .hotplace_cockcock .hotplace_menu a + a {margin-left: 30px;}
    .hotplace_cockcock .hotplace_menu a + a:before {height: 14px;left: -15px;}
    .hotplace_cockcock .hotplace_menu span {top: 5px;width: 71px;height: 14px;background: url(../../resources/images/curation/hotplace_m_tmap.png) 0 0 / 100% 100%;}
    .hotplace_cockcock .area_btn.sub{margin:0 0 10px;}
    .hotplace_cockcock .hotplace_sub{position:relative;}
    .hotplace_cockcock .area_btn.sub .inr {width: auto;}
    .hotplace_cockcock .area_btn.sub .swiper-container {padding: 25px 0 0 15px;}
    .hotplace_cockcock .area_btn.sub .swiper-container:before, .hotplace_cockcock .area_btn.sub .swiper-container:after{display:none !important;}
    .hotplace_cockcock .hotplace_sub:after{content:'';display:block;width:100%;height:50px;position:absolute;left:0;bottom:-50px;background:#fff}
    .hotplace_cockcock .area_btn.sub a.on span {text-underline-offset: 4px;text-decoration-thickness: 1px;}
    .hotplace_cockcock .area_btn.sub .swiper-button-next, .hotplace_cockcock .area_btn.sub .swiper-button-prev{display:none;}
    .hotplace_sub .box_wrap{border-radius: 15px 15px 0 0;box-shadow: 0px 0px 14px 0px rgba(51, 51, 51, 0.17);}
    .hotplace_sub .sorting {justify-content: center;padding: 30px 0 3px;font-size: 12px;}
    .hotplace_sub .sorting button {margin:0 12px;}
    .hotplace_sub .sorting .on{text-underline-offset: 4px;}
    .hotplace_sub .sorting button:before{left:-14px;width:3px;height:3px;top: 7px;}
    .hotplace_sub .list ul{flex-wrap: wrap;padding:0 15px 0 5px}
    .hotplace_sub .list ul li{width:calc(50% - 10px);margin:20px 0 0 10px;}
    .hotplace_sub .list ul li a{margin:0 0 6px;}
    .hotplace_sub .list li img {height: 43.75vw;transform: scale(1) !important;transition:none;border-radius:3px;}
    .hotplace_sub .list li .tit{margin: 8px 0 0;font-size: 13px;line-height: 16px;letter-spacing:-0.02em;}
    .hotplace_sub .list .area span:before {height: 10px;margin: 0 8px;vertical-align: -1px;}
    .hotplace_sub .list button.map {position: static;width: 15px;vertical-align: top;height: 12px;background: url(../../resources/images/curation/btn_m_hotplacemap.png) 0 0 / 100% 100%;}
    .hotplace_sub .more {padding: 20px 0 0;}
    .hotplace_sub .more button {width: 85px;font-size: 12px;height: 30px;line-height: 30px;}
    .hotplace_sub .more button:after{width: 11px;height: 11px;background: url(../../resources/images/curation/btn_planner_m_list01.png) 0 0 / 100% 100%;vertical-align: -1px;margin-left: 5px;}

    #hotplaceAreaPop .layerpop {width: 290px;}
    #hotplaceAreaPop .layerpop .tit > h2 {padding: 20px 0 0 15px;font-size: 20px;line-height: 23px;letter-spacing:-0.02em;}
    #hotplaceAreaPop .layerpop .btn_close {width: 14px;height: 14px;top: 20px;right: 15px;background: url(../../resources/images/curation/hotplace_pop_m_close.png) 0 0 / 100% 100% no-repeat;}
    #hotplaceAreaPop .layerpop .box_cont {padding: 0 15px;}
    #hotplaceAreaPop ul {margin-left: -8px;padding: 20px 0 10px;}
    #hotplaceAreaPop .layerpop ul li {padding: 0 0 10px 8px;width: calc(25% - 8px);}
    #hotplaceAreaPop .layerpop input[type="checkbox"] + label {padding-left: 100%;}
    #hotplaceAreaPop input[type="checkbox"] + label{height:30px;}
    #hotplaceAreaPop input[type="checkbox"] + label:before {width: 100%;height: 30px;}
    #hotplaceAreaPop input[type="checkbox"] + label span {font-size: 13px;height: 30px;line-height: 30px;}
    #hotplaceAreaPop input[type="checkbox"]:checked + label:before {box-shadow: 3px 3px 8px 0px rgba(51, 51, 51, 0.22);}
    #hotplaceAreaPop .layerpop .btn_center {padding: 0 0 20px;}
    #hotplaceAreaPop .layerpop .btn_center a {width: 75px;height: 30px;line-height: 30px;border-radius:3px;font-size: 13px;}

    #digitalTravelPop .layerpop{overflow: hidden;left: 4.69vw !important;right: 4.69vw !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
    #digitalTravelPop .layerpop img{width:100%;}
    #digitalTravelPop .layerpop .box_cont{padding:38px 0 0 0;border-radius: 5px;background:#b2e7c9;}
    #digitalTravelPop .layerpop .btn_close {width: 7.19vw;height: 7.19vw;top: 15px;right: 12px;}
    #digitalTravelPop .layerpop p {font-size: 3.44vw;letter-spacing:-0.02em;line-height:4.06vw;}
    #digitalTravelPop .layerpop .btn_center {padding: 6.25vw 0 6.25vw;}
    #digitalTravelPop .layerpop .btn_center a {width: 59.38vw;height: 9.38vw;line-height: 9.38vw;border-radius: 3px;font-size: 4.06vw;letter-spacing: -0.16vw;}
    #digitalTravelPop .layerpop .btn_center a:after {width: 1.88vw;height: 3.13vw;vertical-align: -0.16vw;margin-left: 1.56vw;background: url(../../resources/images/curation/btn_digital_m_travel1.png) 0 0 / 100% 100%;}

    #rcmdSettingPopup.wrap_layerpop {display: inline-block !important;top: auto;bottom: -100%;z-index: 1010;transition: bottom .3s ease-in-out;height: auto;}
    #rcmdSettingPopup.wrap_layerpop.on {bottom: 0;}
    #rcmdSettingPopup.wrap_layerpop.on:after {content: '';display: block;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.3);}
    #rcmdSettingPopup > .layerpop{height: 43.5rem;max-height:100%;left:0 !important;top:auto !important;position:relative;margin:0 !important;width:auto;border-radius:1.2rem 1.2rem 0 0; padding: 0;}
    #rcmdSettingPopup .dimmed{display:none;}
    #rcmdSettingPopup > .layerpop .scroll{max-height: 32.8rem; margin: 0; padding: 0 1.6rem;}
    #rcmdSettingPopup > .layerpop .scroll::-webkit-scrollbar {display: none;}
    #rcmdSettingPopup .stit {padding: 1.6rem 1.6rem 1.5rem 0;font-weight: 600;font-size: 1.8rem;line-height: 2rem;border-bottom:1px solid var(--global-gray-20);}
    #rcmdSettingPopup .btn_close {width: 2.8rem;height: 2.8rem;right: 1.3rem;top: 1.3rem;}
    #rcmdSettingPopup .btn_close [class^="icon_pg"][class*="_lg"]{width: 2rem; height: 2rem;}
    #rcmdSettingPopup .btn_close [class^="icon_pg"][class*="_lg"] svg path{stroke-width: 2.4px;}
    #rcmdSettingPopup .box_cont {width: auto;}
    #rcmdSettingPopup .guide br{display:block;}
    #rcmdSettingPopup .guide {margin: 2.4rem 0 1rem;padding: 1rem 1.2rem 0.8rem;border-radius: 0.6rem;}
    #rcmdSettingPopup .guide p {font-size: 1.3rem;}
    #rcmdSettingPopup .option{padding: 0 0 1rem;}
    #rcmdSettingPopup .wrap_layerpop.ui_pg_tooltip {position: absolute;width: 32.3rem;height: auto;top: 5rem !important;left: auto !important;right:0;filter: drop-shadow(0px 1px 4px rgba(26, 26, 26, 0.08));border: 1px solid rgba(0, 0, 0, 0.1);}
    #rcmdSettingPopup .ui_pg_tooltip .layerpop {position: relative;top: 0 !important;left: 0 !important;text-align: center;right: auto !important;width: auto !important;margin-left: 0 !important;transform: none;}
    #rcmdSettingPopup .select_btn > button {width: 5.7rem;}
    #rcmdSettingPopup .ui_pg_tooltip .cont {padding: 1.6rem 5.2rem 1.6rem 1.6rem;text-align: left;}
    #rcmdSettingPopup .ui_pg_tooltip .close {right: 2rem;top: 2rem;}
    #rcmdSettingPopup .ui_pg_tooltip p {font-size: 1.2rem;}
    #rcmdSettingPopup .select_btn .area button {width: 5.3rem;}
    #rcmdSettingPopup .btn{padding: 2rem 1.6rem;}

    /* AI콕콕플래너 */
    .cockcock_planner {padding:0;width: auto;}
    .cockcock_planner.planner_dim::after{content: ''; position: fixed; top: 0; z-index: 160; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
    .cockcock_planner .inr{width:auto !important;}
    .cockcock_planner .showcase{height:auto;background:none;}
    .cockcock_planner .showcase img{width:100%;}
    .cockcock_planner .showcase .map span{background:none !important;}
    .cockcock_planner .showcase .tag {width:auto;top:37.6%;right:10%;}
    .cockcock_planner .showcase .tag span {height:auto;}
    .cockcock_planner .showcase .tag img{width: 24.38vw;}
    .cockcock_planner .showcase .tag button {height: auto;width: auto;}
    .cockcock_planner .showcase .tip em {width: 23px;margin: 0 0 2px;height: 12px;line-height: 12px;font-size: 10px;}
    .cockcock_planner .showcase .tip {left: auto;right:-14%;top: 100%;width: auto;height: auto;padding:0;background:none;}
    .cockcock_planner .showcase .tip img{width:65.31vw;}

    .cockcock_planner .showcase .btn a{width:auto;height:auto;background:none;border-radius: 0;padding:0;}
    .cockcock_planner .showcase .btn a img{width:53.59vw;}
    .cockcock_planner .showcase .btn a:after{display:none;}
    .cockcock_planner .showcase .btn {left: auto;width:100%;text-align:center;top: 78.7%;}
    .cockcock_planner .showcase .btn span{padding:8px 0 0;}
    .cockcock_planner .showcase .btn button{font-size:3.44vw;color:#fff;font-weight: 300;}
    .cockcock_planner .showcase .btn button:after{content:'';display:block;width:100%;height:1px;background: rgba( 255, 255, 255, 0.5 );}

    .cockcock_planner .tab{background:#f0f5fe;padding:30px 15px 0;}
    .cockcock_planner .tab ul {width: auto;margin-top:0;background:#fff;}
    .cockcock_planner .tab ul li{flex: 1 1 50%;}
    .cockcock_planner .tab ul li a:before{display:none;}
    .cockcock_planner .tab a {height: 35px;line-height: 36px;color: #20356f;font-size: 14px;letter-spacing:-0.02em;border:1px solid #20356f;}
    .cockcock_planner .tab ul li.on a:after{display:none;}
    .cockcock_planner .tab ul li.on a {background:#20356f;font-weight: 400;}
    .cockcock_planner .tab ul li.on:hover a{color: #fff;}
    .cockcock_planner .tab ul li:hover a{color: #20356f;font-weight: 400;}
    .cockcock_planner .tab ul li:first-child{display:inline-block;}
    .cockcock_planner .tab ul li:nth-child(3), .cockcock_planner .tab ul li:nth-child(4){display:none;}
    .cockcock_planner .tab_cont{width:auto;background:#f0f5fe;padding:0 15px 30px;}
    .cockcock_planner #plannerTab4{background:#f4f6f8;}
    .cockcock_planner h4 {padding: 30px 0 20px;font-size: 16px;line-height: 19px;letter-spacing:-0.02em;color:#000; margin: 0 !important;}
    .cockcock_planner .btn_best30tip{left:auto; right: 0; top: 31px; width: 16px; height: 16px; background: url(../../resources/images/curation/btn_best30_tooltip_m.png) 0 0 / 16px 16px no-repeat;}
    #best30_layer{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: none; width: auto;}
    #best30_layer:before{display: none;}
    #best30_layer .layerpop{position: absolute; right: 15px !important; left: 15px !important; top: 50%; transform: translateY(-50%) !important; width: auto !important; border-radius: 5px; padding: 25px 20px !important;}
    #best30_layer .cont{text-align: center;}
    #best30_layer .btn_close{right: 10px; top: 10px; background: url(../../resources/images/curation/btn_pop_m_close_best30.png) 0 0 / 13px 13px no-repeat;}

    .cockcock_planner .all_del{font-size:12px;top: -38px;}
    .cockcock_planner .planner_list .area_choice{display:none;}
    .cockcock_planner .planner_list ul {margin-left: 0;}
    .cockcock_planner .planner_list ul li {position:relative;display:flex;width:100%;padding:15px;margin: 0 0 15px 0;background:#fff;box-sizing: border-box;border-radius: 3px;box-shadow: 0px 2px 10px 0px rgba(32, 53, 111, 0.08);}
    .cockcock_planner .planner_list ul li .img{width:100px;height:128px;flex-shrink: 0;}
    .cockcock_planner .planner_list ul li .img img{border-radius: 3px;}
    .cockcock_planner .planner_list ul li .profile {right: 8px;bottom: 8px;width: 23px;height: 23px;}
    .cockcock_planner .planner_list ul.my_cos li {width: 100%;margin: 0 0 15px 0;padding: 15px;box-shadow: 0px 2px 10px 0px rgba(32, 53, 111, 0.08);border-radius: 3px;}
    .cockcock_planner .planner_list ul.my_cos .thumbnail{display:none;}
    .cockcock_planner .planner_list ul.my_cos li .img {width:100px;height: 128px;}
    .cockcock_planner .planner_list ul.my_cos button.delete {right: -6px;top: -6px;width: 21px;height: 21px;background: url(../../resources/images/curation/btn_m_delete1.png) 0 0 / 100% 100%;}
    .cockcock_planner .planner_list ul.my_cos .tag {margin-left:0;letter-spacing:-0.02em;overflow:hidden;height:28px;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;white-space: normal;}
    .cockcock_planner .planner_list ul.my_cos .tag span{margin-left:0;}
    .cockcock_planner .planner_list ul.my_cos .rate{margin: 16px 0 0;}
    .cockcock_planner .planner_list ul.my_cos .date {margin: 8px 0 12px;}
    .cockcock_planner .planner_list ul.my_cos .cont{padding: 0 0 0 15px;width:auto;}
    .cockcock_planner .planner_list .no_data {padding: 0 0 20px;}
    .cockcock_planner .planner_list .no_data:before {height: 87px;margin: 25px 0 13px;background: url(../../resources/images/curation/icon_no_m_data.png) 50% 0 / auto 100% no-repeat;}
    .cockcock_planner .planner_list .no_data strong {font-size: 14px;line-height: 17px;letter-spacing:-0.02em;}
    .cockcock_planner .planner_list .no_data p {padding: 5px 0 0;font-size: 12px;letter-spacing:-0.02em;line-height: 15px;}
    .cockcock_planner .planner_list .cont{flex-grow: 1;padding:0 0 0 15px;min-width: 0;}
    .cockcock_planner .planner_list .cont .day {width: 50px;height: 20px;line-height: 22px;font-size: 11px;letter-spacing:-0.02em;position:absolute;left:15px;top:15px;}
    .cockcock_planner .planner_list .cont a {margin: -1px 0 7px;font-size: 14px;line-height: 17px;}
    .cockcock_planner .planner_list .area {font-size: 12px;line-height: 14px;letter-spacing:-0.02em;}
    .cockcock_planner .planner_list .date {margin: 8px 0 12px;font-size: 12px;line-height: 14px;}
    .cockcock_planner .planner_list .date em:after {height: 10px;margin: 0 7px;vertical-align: -1px;}
    .cockcock_planner .planner_list .rate {margin-top: 16px;font-size: 12px;line-height: 13px;}
    .cockcock_planner .planner_list .tag{overflow:hidden;height:28px;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;height:28px;font-size:12px !important;font-weight: 300;line-height: 14px !important;color:#666;}
    .cockcock_planner .planner_list .tag span{display: inline-block;vertical-align: top;padding-right: 8px;}
    .cockcock_planner .planner_list .star {margin: 0 5px 0 0;background: url(../../resources/images/curation/bg_m_star.png) 0 0 / 100% 100% no-repeat;width: 67px;height: 12px;}
    .cockcock_planner .planner_list .star span {background: url(../../resources/images/curation/bg_m_star1.png) 0 0 / 67px auto no-repeat;height: 12px;}
    .cockcock_planner .planner_list .grade:after {height: 10px;margin: 1px 7px 0;}
    .cockcock_planner .planner_list .comment:before {width: 15px;height: 13px;background: url(../../resources/images/curation/icon_planner_m_comment.png) 0 0 / 100% 100%;}
    .cockcock_planner .planner_list .more {padding: 5px 45px 0;}
    .cockcock_planner .planner_list .more button span{display:inline-block}
    .cockcock_planner .planner_list .more button {height: 30px;line-height: 30px;width: 100%;font-size: 12px;}
    .cockcock_planner .planner_list .more button:after {width: 6px;height: 10px;vertical-align: -1px;margin-left: 5px;background: url(../../resources/images/curation/btn_planner_m_list.png) 0 0 / 100% 100%;}
    .cockcock_planner .planner_list .more button.type1 {width: 85px;}
    .cockcock_planner .planner_list .more button.type1:after{width:11px;height:11px;background: url(../../resources/images/curation/btn_planner_m_list01.png) 0 0 / 100% 100%;}

    .cockcock_planner .cockcock_banner {height: auto;width: 100%;margin: 30px 0;background-color: transparent !important;}
    .cockcock_planner .cockcock_banner img {width: 100%;}

    .cockcock_planner .sub_list{padding:0 15px; position: relative;}
    .cockcock_planner .sub_list .planner_list ul li{box-shadow: 3px 4px 10px 0px rgba(69, 70, 72, 0.15);}
    .cockcock_planner .sub_list .planner_list .more button{width:85px;}
    .cockcock_planner .sub_list .planner_list .more button:after {width: 10px;height: 10px;vertical-align: -1px;margin-left: 5px;background: url(../../resources/images/curation/btn_planner_m_list1.png) 0 0 / 100% 100%;}

    .cockcock_planner .sub_list .btn_best30tip{right: 15px;}
    .cockcock_planner .sub_list #best30_layer{width: auto !important;}

    .cockcock_planner .cos_area{padding:0 0 5px;}
    .cockcock_planner .cos_area ul{margin-left:-5px;overflow: hidden;padding:0 0 8px;}
    .cockcock_planner .cos_area ul + ul{border-top:1px solid #eef0f2;padding:15px 0 8px;}
    .cockcock_planner .cos_area:after{content:'';display:block;clear: both;}
    .cockcock_planner .cos_area ul li{float:left;width:calc(20% - 5px);margin-left:5px;padding:0 0 7px;}
    .cockcock_planner .cos_area input[type="radio"], .cockcock_planner .cos_area input[type="checkbox"]
    {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
    .cockcock_planner .cos_area input[type="radio"] + label, .cockcock_planner .cos_area input[type="checkbox"] + label
    {position: relative;display: inline-block;height: 30px;padding-left:100%;vertical-align: middle;cursor: pointer;}
    .cockcock_planner .cos_area input[type="radio"] + label span, .cockcock_planner .cos_area input[type="checkbox"] + label span
    {position: absolute;left: 0;top: 0;display: block;width: 100%;font-size: 12px;height:30px;line-height:30px;text-align: center;color:#666;}
    .cockcock_planner .cos_area input[type="radio"] + label:before, .cockcock_planner .cos_area input[type="checkbox"] + label:before
    {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 30px;border-radius:50px;background:#f5f6f7;}
    .cockcock_planner .cos_area input[type="radio"] + label:after, .cockcock_planner .cos_area input[type="checkbox"] + label:after
    {display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:16px; background:url(../../resources/images/curation/icon_radio_check.png) 0 0 / 100% 100%; border-radius:100%;}
    .cockcock_planner .cos_area input[type="radio"]:checked + label, .cockcock_planner .cos_area input[type="checkbox"]:checked + label
    {font-weight:400;}
    .cockcock_planner .cos_area input[type="radio"]:checked + label:before, .cockcock_planner .cos_area input[type="checkbox"]:checked + label:before
    {background:#567ff2;}
    .cockcock_planner .cos_area input[type="radio"]:checked + label.all:before, .cockcock_planner .cos_area input[type="checkbox"]:checked + label.all:before
    {background:#666;}
    .cockcock_planner .cos_area ul + ul input[type="radio"]:checked + label.all:before, .cockcock_planner .cos_area ul + ul input[type="checkbox"]:checked + label.all:before
    {border: 1px solid #666;}

    .cockcock_planner .cos_area ul + ul input[type="radio"]:checked + label.all span, .cockcock_planner .cos_area ul + ul input[type="checkbox"]:checked + label.all span{
        color: #fff;
    }

    .cockcock_planner .cos_area input[type="radio"]:checked + label span, .cockcock_planner .cos_area input[type="checkbox"]:checked + label span
    {font-weight: 700;color:#fff;}
    .cockcock_planner .cos_area input[type="radio"]:focus + label, .cockcock_planner .cos_area input[type="checkbox"]:focus + label
    {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
    .cockcock_planner .cos_area ul + ul input[type="radio"]:checked + label:before, .cockcock_planner .cos_area ul + ul input[type="checkbox"]:checked + label:before
    {background:#fff;border:1px solid #567ff2;box-sizing: border-box;}
    .cockcock_planner .cos_area ul + ul input[type="radio"]:checked + label span, .cockcock_planner .cos_area ul + ul input[type="checkbox"]:checked + label span
    {color:#567ff2;}
    .cockcock_planner .cos_area ul + ul input[type="radio"] + label:before, .cockcock_planner .cos_area ul + ul input[type="checkbox"] + label:before
    {background:#fff;border:1px solid #dfe0e2;box-sizing: border-box;}

    /* 콕콕플래너_코스만들기 */
    .full_cont .content_wrap{padding: 0 20px;}
    .full_cont .swiper-container{width:100%;height: calc(100% - 125px);top: 85px;bottom: 40px;}
    .full_cont .swiper-container .cont4{height:105%;}
    .full_cont .bg .box{display:none;}
    .full_cont .cos_start{width:auto;padding: 45px 0 0;z-index: 100;}
    .full_cont .section.first:before {height: 100%;top: 45px;background: url(../../resources/images/curation/bg_fist_m_top.png) 50% 0 / 100% auto no-repeat;}
    .full_cont .section.first:after {height: 100%;bottom: 0;background: url(../../resources/images/curation/bg_fist_m_btm.jpg) 50% 100% / 100% auto no-repeat;}
    .full_cont .section.first .cos_start:after {width: 57px;height: 106px;left: 40%;bottom: 5.5%;background: url(../../resources/images/curation/img_m_robot1.png) 0 0 / 100% 100%;}
    .full_cont .cos_start .btn .btn_start:after{display:none;}
    .full_cont .cos_start .btn .btn_start {width: auto;height: auto;background: none;border-radius: 0;padding: 0;}
    .full_cont .cos_start .btn .btn_start img {width:184px;}
    .full_cont .section .cos_start > span {height: 35px;margin-top: 25%;background: url(../../resources/images/curation/cos_start_m_welcome.png) 50% 0 / 163px 35px no-repeat;}
    .full_cont .cos_start > em {padding: 15px 0 8px;font-size: 14px;letter-spacing:-0.02em;line-height: 17px;}
    .full_cont .cos_start h3 {font-size: 25px;line-height: 29px;letter-spacing:-0.02em;}
    .full_cont .cos_start p {padding:17px 0 28px;font-size: 12px;line-height: 16px;letter-spacing:-0.02em;}

    .full_cont .swiper-container .item{padding: 0 20px;}
    .full_cont .item .top {height:154px;padding: 18px 20px 0;}
    .full_cont .item .top .stit{display:none;}
    .full_cont .item .top .step {position: static;justify-content: flex-end;font-size: 11px;letter-spacing:-0.02em;line-height:12px;}
    .full_cont .item .top .step span {margin-left: 10px;}
    .full_cont .item .top .step em{border-radius:2px 6px 6px 2px;text-indent: 0;font-weight: 300;padding:0 4px;font-size:10px;color:#fff;background:#000;height:12px;line-height:14px;letter-spacing:-0.02em;}
    .full_cont .item .top .step .line:after {margin: 0 0 0 10px;}
    .full_cont .item.init .top .step .line:after {width: 30px;}
    .full_cont .item .top > em {font-size: 11px;letter-spacing:-0.02em;line-height: 14px;}
    .full_cont .item .top h4 {font-size: 19px;line-height:23px;letter-spacing:-0.02em;}
    .full_cont .item .cont {height: calc(100% - 209px);top: 154px;bottom: 55px;}

    .full_cont .item .select_area ul {margin-left: -10px;}
    .full_cont .item .select_area ul li {padding: 0 0 10px 10px;}
    .full_cont .item .select_area input + label {height: 35px !important;padding-left: 100% !important;}
    .full_cont .item .select_area input + label:before {width: 100% !important;height: 35px !important;border-radius:50px;}
    .full_cont .item .select_area input + label span {font-size: 13px;height: 35px !important;letter-spacing:-0.02em;line-height: 35px !important;}
    .full_cont .item .select_area input:checked + label:before {box-shadow: 4px 4px 8px 0px rgba(69, 107, 213, 0.3) !important;}
    .full_cont .item .select_area .city input + label{height: 27px !important;}
    .full_cont .item .select_area .city input + label:before{height: 27px !important;}
    .full_cont .item .select_area .city input + label span{height: 27px !important;line-height: 28px !important;}
    .full_cont .item .select_area .city li {padding: 0 0 7px 7px;width: calc(25% - 7px);}
    .full_cont .item .select_area .city{margin-left: -7px;}
    .full_cont .item .btn {height: 55px;padding: 0 20px;display:flex;justify-content: center;}
    .full_cont .item .btn a {float:none;width: calc(50% - 12px);margin:0 6px;border-radius: 3px;height: 35px;line-height: 33px;font-size: 13px;}
    .full_cont .item .travel_period{margin-left:-20px;}
    .full_cont .item .travel_period li{width:calc(33.3% - 20px);margin:0 0 0 20px;}
    .full_cont .item .travel_period li span{display: block;width: 100%;height: auto;}
    .full_cont .item .travel_period input + label span:before {background: url(../../resources/images/curation/icon_travel_m_period.png) 0 0 / 100% auto no-repeat;}
    .full_cont .item .travel_period input.day1 + label span:before {background-position: 0 50%;}
    .full_cont .item .travel_period input.day2 + label span:before {background-position: 0 100%;}
    .full_cont .item .travel_period input:checked + label span:after {box-shadow: 4px 4px 8px 0px rgba(69, 107, 213, 0.3);background: rgba(86,127,242,.9) url(../../resources/images/curation/icon_travel_period_on1.png) 50% 50% / 18px 18px no-repeat !important;}
    .full_cont .item .travel_period li em {margin: 8px 0 0;font-size: 13px;line-height:16px;letter-spacing:-0.02em;}
    .full_cont .item .travel_period.theme li{width:33.3%;margin: 0 0 15px;box-sizing: border-box;}
    .full_cont .item .travel_period.theme{width:auto;margin: 0 auto;}
    .full_cont .item .travel_period.theme input + label span{width:70%;margin: 0 auto;}

    /* AI콕콕 */
    .ai_cockcock{padding:32px 0 0;width:auto; position: relative;}
    .ai_cockcock .inr{width:auto;}
    .ai_cockcock .tooltip{display:inline-block;text-indent:-9999px;vertical-align: -2px;margin-left:7px;width:16px;height:16px;background: url(../../resources/images/curation/btn_cockcock_tooltip.png) 0 0 / 100% 100% no-repeat;position:absolute;right:0;top:1px}
    .ai_cockcock .title {padding: 0 0 20px;margin:0 15px;border-bottom: 1px solid #e5e5e5;display:block;}
    .ai_cockcock .title + div {margin-top: 35px;}
    .ai_cockcock .title h3 {font-size: 22px;letter-spacing:-0.02em;line-height:24px;letter-spacing: 0;}
    .ai_cockcock .title em {padding: 0 0 6px;font-size: 22px;letter-spacing:-0.02em;font-weight: 400;}
    .ai_cockcock .title .tooltip {width: 16px;height: 16px;background: url(../../resources/images/curation/btn_cockcock_tooltip.png) 0 0 / 100% 100% no-repeat;position: absolute;right: 12px;top: 12px;margin:0;}
    .ai_cockcock .title .tooltip_txt{box-shadow:none;display: none; width: auto; padding: 25px 20px;position: fixed; top: 50% !important; transform: translateY(-50%) !important; right: 15px; left: 15px;font-size: 12px;line-height: 16px !important;font-weight: 400;letter-spacing: 0;border-radius: 5px;text-align: center;}
    .ai_cockcock .title .tooltip_txt:before{display:none;}
    .ai_cockcock .title .tooltip_txt button{right: 12px;top: 12px;width: 13px;height: 13px;background: url(../../resources/images/curation/btn_tooltip_close.png) 0 0 / 100% 100%;}
    .ai_cockcock .title .layer {height:40px;padding: 0 12px;position:relative;align-items: center; gap: 0;margin: 14px 0 0;padding-right: 0;background:var(--brand-primary-05);border-radius: 6px;}
    .ai_cockcock .title .layer .ai_layer {height: 20px;line-height: 20px;font-size: 14px;}
    .ai_cockcock .title .layer .ai_layer:before {margin-right: 4px;width: 20px;height: 20px;background-size:100% 100%;}
    .ai_cockcock .title .layer .ai_layer:after {margin-left: 4px;width: 16px;height: 16px;background-size:100% 100%;}

    .ai_cockcock .stit {margin:0 15px 20px;font-size: 16px;font-weight: 800;letter-spacing:-0.02em;line-height: 17px;position: relative;}
    .ai_cockcock .stit br{display:none;}
    .ai_cockcock .stit span.type {display: inline-block;margin:0;height:17px;}
    .ai_cockcock .stit span.type span {height: 17px;line-height: 18px;font-size: 12px;vertical-align: 2px;}
    .ai_cockcock p.tooltip_txt{ display:none;z-index: 200; position: fixed; top: 50% !important; transform: translateY(-50%) !important; left:15px;right:15px; padding: 25px 20px; font-size:12px;line-height: 16px !important;font-weight:400;letter-spacing:-0.02em;background:#fff;border-radius: 5px;text-align: center;}
    .ai_cockcock p.tooltip_txt.al_left{padding: 25px 20px;text-align: left;}
    .ai_cockcock p.tooltip_txt.al_left strong{padding:20px 0 8px;font-weight: 800;display:block;}
    .ai_cockcock p.tooltip_txt.al_left strong:first-child{padding:0 0 8px;}
    .ai_cockcock p.tooltip_txt em{margin:5px 0 0;font-size:11px;color:#767676;line-height:13px;}
    .ai_cockcock p.tooltip_txt button{display:inline-block;position:absolute;right:12px;top:12px;text-indent: -9999px;width:13px;height:13px;background: url(../../resources/images/curation/btn_tooltip_close.png) 0 0 / 100% 100%;}
    .ai_cockcock p.tooltip_txt.type1{font-weight: 400;}
    .ai_cockcock p.tooltip_txt.type1 strong{font-weight: 800;}
    .ai_cockcock.dim:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index: 10;background:rgba(0,0,0,.3)}
    .ai_cockcock button.good{opacity: 1;right: 10px;top: 10px;width: 21px;height: 21px;background: url(../../resources/images/curation/btn_m_good.png) 0 0 / 100% auto;}
    .ai_cockcock button.good.on {background-position: 0 -21px;}
    .ai_cockcock .swiper-scrollbar {left: 15px;right: 60px;bottom: 4px;}
    .ai_cockcock .swiper-button-next, .ai_cockcock .swiper-button-prev{display:none;}
    .ai_cockcock .refresh{padding:5px 0 0;}
    .ai_cockcock .refresh button{height: 30px;line-height: 30px;font-weight: 800;font-size: 12px;width: 144px;}
    .ai_cockcock .refresh button:before {width: 14px;height: 12px;background: url(../../resources/images/curation/btn_aicockcock_m_refresh.png) 0 0 / 100% 100%;vertical-align: -2px;margin-right: 3px;}
    .ai_cockcock ul li .img {border-radius: 3px;}
    .ai_cockcock .left_area {float: none;width: auto;padding:0;}
    .ai_cockcock .left_area .swiper-container{margin:0 0 20px;padding:0 0 0 15px;}
    .ai_cockcock .left_area .swiper-wrapper {display: flex;}
    .ai_cockcock .left_area .swiper-slide{width:auto;}
    .ai_cockcock .left_area .swiper-slide a{margin:0;font-size: 12px;height:30px;line-height:30px;border-radius:50px;padding:0 10px;border:1px solid #e7e6e6;letter-spacing:-0.02em !important;font-weight: 400 !important;box-sizing: border-box;}
    .ai_cockcock .left_area .swiper-slide a.on, .ai_cockcock .left_area .swiper-slide a:hover {background:#567ff2;border:1px solid #567ff2;color: #fff;}
    .ai_cockcock .left_area .swiper-slide a.on:after, .ai_cockcock .left_area .swiper-slide a:hover:after{display:none;}
    .ai_cockcock .no_list {margin:0 15px 0 !important;padding: 0 20px !important;border-radius: 3px;}
    .ai_cockcock .no_list .txt_wrap {min-height: 117px;padding:30px 0;}
    .ai_cockcock .no_list .txt_wrap .txt {padding-left: 70px;}
    .ai_cockcock .no_list .txt_wrap .txt:before {width: 61px;height: 61px;background: url(../../resources/images/curation/icon_aicockcock_m_nolist.png) 0 0 / 100% 100%;}
    .ai_cockcock .no_list .txt_wrap strong {font-size: 14px;letter-spacing:-0.02em;line-height:17px;}
    .ai_cockcock .no_list .txt_wrap p {font-size: 11px;letter-spacing:-0.02em;line-height: 14px;}
    .ai_cockcock .no_list .list strong {padding:25px 0 0;font-size: 14px;letter-spacing:-0.02em;font-weight: 700;line-height: 17px;}
    .ai_cockcock .no_list .tag {padding: 15px 0 22px !important;margin-left: -5px;}
    .ai_cockcock .no_list .tag li {margin: 0 0 8px 5px !important;}
    .ai_cockcock .no_list .tag li a {padding: 0 10px;font-size: 12px;color: #fff;border:0;background: #767676;letter-spacing:-0.02em;height: 25px;line-height: 27px;}
    .ai_cockcock .no_list .search{padding: 15px 0 20px !important;}
    .ai_cockcock .no_list .search li {width: 50% !important;margin: 0 0 10px 0 !important;}
    .ai_cockcock .no_list .search li a {font-size: 12px;letter-spacing:-0.02em;line-height: 16px;}
    .ai_cockcock .no_list .search li a em {margin: 0 6px 0 0;width: 16px;height: 16px;line-height: 17px;font-size: 11px;}
    .ai_cockcock .want_list .no_list .list ul{margin-left:-5px;}
    .ai_cockcock .destination_list .list ul.tag{margin-left: -5px;}

    .ai_cockcock .circumscription_list{margin: 40px 0 0;}
    .ai_cockcock .circumscription_list p.tooltip_txt{font-weight: 700;}
    .ai_cockcock .circumscription_list .stit {float: none;width: auto;height: auto;padding:0;}
    .ai_cockcock .circumscription_list .swiper-container{padding:0 0 30px 15px;}
    .ai_cockcock .circumscription_list .swiper-slide {width: 110px;}
    .ai_cockcock .circumscription_list .img {height: 140px;}
    .ai_cockcock .circumscription_list .swiper-pagination{display:inline-block;width:auto;left:auto;right:15px;bottom: -1px;font-size:11px;line-height:12px;color:#333;}
    .ai_cockcock .circumscription_list .swiper-pagination .swiper-pagination-current{color:#000;font-weight: 700;}
    .ai_cockcock .circumscription_list .swiper-slide strong {margin: 8px 10px 0;font-size: 13px;line-height: 16px;letter-spacing:-0.02em;}
    .ai_cockcock .circumscription_list .swiper-slide em{margin: 5px 0 0;font-size: 11px;line-height: 13px;font-weight: 300;letter-spacing:-0.02em;}

    .ai_cockcock .want_list {padding: 30px 0;margin-top: 40px;width:100%;margin-left:0;background:#F9F9F9;}
    .ai_cockcock .want_list .refresh {position: static;}
    .ai_cockcock .want_list ul {margin-left: 0;padding:0 15px 0 5px;}
    .ai_cockcock .want_list ul li {width: calc(50% - 10px);margin:0 0 15px 10px;}
    .ai_cockcock .want_list .img_wrap{border-radius: 3px;}
    .ai_cockcock .want_list .img{height: 140px;transition:none;transform: scale(1);overflow: hidden;}
    .ai_cockcock .want_list .img:hover{transform: scale(1);}

    .ai_cockcock .want_list ul li strong {margin:8px 0 0;font-size: 13px;letter-spacing:-0.02em;max-height: 32px;line-height: 16px;}
    .ai_cockcock .want_list ul li em {margin: 5px 0 0;font-weight: 400;font-size: 12px;letter-spacing:-0.02em;line-height: 14px;}

    .ai_cockcock .destination_list {margin: 40px 0 0;}
    .ai_cockcock .destination_list .stit:before{display:none;}
    .ai_cockcock .destination_list .list{width:auto;float:none;}
    .ai_cockcock .destination_list .list ul{padding:0 15px 0 5px;margin:0;}
    .ai_cockcock .destination_list .list ul li {width: calc(33.3% - 10px);margin:0 0 15px 10px;}
    .ai_cockcock .destination_list .img {height: 90px;}
    .ai_cockcock .destination_list ul li strong {margin: 8px 0 0;font-size: 13px;letter-spacing:-0.02em;max-height: 32px;line-height: 16px;}
    .ai_cockcock .destination_list ul li em {margin: 5px 0 0;font-size: 11px;letter-spacing:-0.02em;line-height: 13px;}
    .ai_cockcock .destination_list .list ul.search{justify-content: space-between;}
    .ai_cockcock .destination_list .list ul.search li{width: 49% !important;}

    .ai_cockcock .cockcock_banner {height: auto;width: 100%;margin-left:0;margin-top: 40px;background-color:transparent !important;}
    .ai_cockcock .cockcock_banner img{width:100%;}

    .btn_topWrap .inner{right: 0 !important;}

    /* 메인 퀵 */
    .main_quick01 .inr{width: auto;}
    .main_quick01 .btn_go{bottom: 45px;right: 10px;width: 100px;height: 100px;}
    .main_quick01 button{position: absolute;right: 13px;bottom: 120px;width: 17px;height: 17px;}

    /* 메인 */
    .main_tit{height:39px;background: #31aae2;}
    .main_tit .inr{width:auto;}
    .main_tit .back{display:inline-block;width:40px;height:39px;position:absolute;left:0;top:0;text-indent: -9999px;background: url(../../resources/images/curation/btn_back.png) 50% 50% / 9px 15px no-repeat;}
    .main_tit h2:after{display:none;}
    .main_tit h2{height:39px;background: url(../../resources/images/curation/main_mtit.png) 50% 0 / 320px 100% no-repeat;}
    .main_tit h2 a{margin: 0 50px;}
    .safely_index_tab{display:none;}
    .card_tab{display:none;}
    .safely_index_info{height:auto;background:#e6f1fe url(../../resources/images/curation/bg_safely_index_minfo.gif) 50% 0 / 100% auto no-repeat;}
    .safely_index_info .inr{width:auto;}
    .safely_index_info .tit{font-size: 23px;line-height: 27px;letter-spacing:-0.02em;padding: 25px 0 15px;}
    .safely_index_info .tit span{margin: 0 0 3px;height: 24px;background: url(../../resources/images/curation/stit_safely_index_minfo.png) 50% 0 / 103px 24px no-repeat;}
    .safely_index_info p{padding:0 15px 20px;font-size: 12px;line-height: 16px;letter-spacing:-0.02em;word-break:keep-all;}
    .safely_index_info p strong{font-size: 14px;}
    .safely_index_info p br{display:none;}
    .safely_index_info img{width:100%;}
    .safely_index_info .chk{width:auto;margin: 0 4.5% 0;padding:0 0 15px;}
    .safely_index_info .chk .txt{padding: 1px 0 0;width:131px;height:21px;background:url(../../resources/images/curation/img_materials_offer01.png) 0 0 / 100% 100% no-repeat;}
    .safely_index_info .chk .form{font-size: 11px;color:#666;margin-top: 4px;}
    .safely_index_info .chk .form button{height:14px;width:98px;background: url(../../resources/images/curation/btn_m_chk.png) 0 0 / 100% 100% no-repeat;}
    .safely_index_info input[type="checkbox"] + label{padding-left: 18px;min-height: 16px;}
    .safely_index_info input[type="checkbox"] + label:before{top: 1px;width: 14px;height: 14px;background: url(../../resources/images/curation/form_m_chk01.png) 0 0 / 100% 100% no-repeat;}
    .safely_index_info input[type="checkbox"]:checked + label:before{top: 1px;width: 14px;height: 14px;background: url(../../resources/images/curation/form_chk01_mon.png) 0 0 / 100% 100% no-repeat;}
    .card_tab_wrap{display:none;}
    .mo_anxiety_index{display:block;padding:0 0 19px;position: relative;}
    .mo_anxiety_index img{width:100%;}
    .mo_anxiety_index .tit{position: relative;padding:21px 15px 22px;}
    .mo_anxiety_index h3{font-weight: 700;color: #333;font-size: 16px;letter-spacing:-0.02em;}
    .mo_anxiety_index h3:after{content:'';display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align: -2px;background: url(../../resources/images/curation/icon_tit_anxiety_index.png) 0 0 / 100% 100% no-repeat;}
    .mo_anxiety_index .tit .layer{position:absolute;left:15px;right:15px;bottom: 48px;font-weight: 300;font-size: 11px;line-height:14px;padding:10px;background:#fff;color:#666;border-radius: 5px;border:1px solid #ddd;box-shadow: 2px 3px 15px 0px rgba(137, 174, 191, 0.1);}
    .mo_anxiety_index .tit .layer.off{display:none;}
    .mo_anxiety_index .tit .layer:after{content:'';display:inline-block;width:8.5px;height:7px;position:absolute;left:87px;bottom:-7px;background: url(../../resources/images/curation/layer_arw.png) 0 0 / 100% 100% no-repeat;}
    .mo_anxiety_index .tit .index_state{display:inline-block;position:absolute;right:15px;top:23px;}
    .mo_anxiety_index .tit .index_state span{float:left;margin-left:5px;font-size: 11px;letter-spacing:-0.02em;color:#000;width:21px;height:21px;line-height:21px;border-radius: 100%;}
    .mo_anxiety_index .tit .index_state span.good{background:#4ca0f7;}
    .mo_anxiety_index .tit .index_state span.average{background:#1fc3b2;}
    .mo_anxiety_index .tit .index_state span.care{background:#ffc600;}
    .mo_anxiety_index .tit .index_state span.vigilance{background:#fd5666;}

    .mo_anxiety_index p{padding:0 15px;font-size:11px;line-height:14px;color:#666;}

    .mo_anxiety_index .rangeslider--horizontal{width:auto;height:4px;margin:0 15px 0;border:0;background:#d3d1d1;border-radius: 20px;box-shadow:none;}
    .mo_anxiety_index .rangeslider__handle{width: 15px;height: 15px;top: 50% !important;margin-top:-7.5px;text-align: center;line-height: 15px;border-radius: 100%;border: 0;box-shadow:none;}
    .mo_anxiety_index .rangeslider__handle:after{content:'';display:inline-block;width:7px;height:7px;border-radius: 100%;position:absolute;left:50%;top:50%;margin:-3.5px 0 0 -3.5px;background: #fff;}
    .mo_anxiety_index #slider.good .rangeslider__handle{background:#4ca0f7;}
    .mo_anxiety_index #slider.average .rangeslider__handle{background:#1fc3b2;}
    .mo_anxiety_index #slider.care .rangeslider__handle{background:#ffc600;}
    .mo_anxiety_index #slider.vigilance .rangeslider__handle{background:#fd5666;}

    .mo_anxiety_index #slider .rangeslider__fill{box-shadow:none;}
    .mo_anxiety_index #slider.good .rangeslider__fill{background:#4ca0f7;}
    .mo_anxiety_index #slider.average .rangeslider__fill{background:#1fc3b2;}
    .mo_anxiety_index #slider.care .rangeslider__fill{background:#ffc600;}
    .mo_anxiety_index #slider.vigilance .rangeslider__fill{background:#fd5666;}
    .mo_anxiety_index .index_txt{margin:0 15px;padding:6px 0 17px;overflow: hidden;}
    .mo_anxiety_index .index_txt ul li{float:left;width:25%;font-size: 11px;font-weight: 300;color:#666;}
    .mo_anxiety_index .index_txt ul li span{display:block;}
    .mo_anxiety_index .index_txt ul li:last-child span{text-align: right;}
    .mo_anxiety_index .index_txt ul li:nth-child(2) span{padding-left:24.1%;}
    .mo_anxiety_index .index_txt ul li:nth-child(3) span{padding-right:24.8%;text-align:right;}

    .mo_anxiety_index .guide_layer{position:absolute;padding:0 15px;left:0;top: -1px;width:100%;height:100%;z-index: 10;background:rgba(0,0,0,.7);}
    .mo_anxiety_index .guide_layer .bar{height:4px;margin: 57px 0 0;position: relative;}
    .mo_anxiety_index .guide_layer .bar div{height:4px;position: relative;}
    .mo_anxiety_index .guide_layer .bar div:before{content:'';display:inline-block;width:51px;height:10px;background: url(../../resources/images/curation/guide_layer_02.png) 0 0 / 100% auto no-repeat;position:absolute;left:50%;top:-18px;margin-left:-25.5px;}
    .mo_anxiety_index .guide_layer .bar div:after{content:'';display:inline-block;width:23px;height:23px;background: url(../../resources/images/curation/guide_layer_01.png) 0 0 / 100% auto no-repeat;position:absolute;left:50%;top:-9px;margin-left:-11.5px;}
    .mo_anxiety_index .guide_layer .bar img{width:100%;height:4px;border-radius: 20px;vertical-align: top;}
    .mo_anxiety_index .guide_layer p{color:#fff;font-size: 12px;text-align: center;padding: 13px 0 0;}
    .mo_anxiety_index .guide_layer.type1 .bar{margin: 67px 0 0;}
    .mo_anxiety_index .guide_layer.type1 p{padding: 20px 0 0;}
    .mo_anxiety_index .guide_layer button{text-indent: -9999px;position:absolute;right:15px;top:15px;width:15px;height:15px;background: url(../../resources/images/curation/guide_layer_close.png) 0 0 / 100% auto no-repeat;}

    .curation_area .area_slide{width:auto;padding: 0 0 12px;}
    .travel_gnb.ai_travel.type1 .video_wrap:after{height: 50%;top:auto;bottom:0;background: none;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.6)) !important;}
    .curation_area .tit_wrap{width:auto !important;margin:15px 15px 0 !important;position: relative;}
    .curation_area .tit_wrap h3{padding: 0;font-size:16px;letter-spacing:-0.02em;}
    .curation_area .tit_wrap h3 em{font-weight: 700;color:#456ee6;}
    .curation_area .tit_wrap button{display:inline-block;position: absolute;right:0;top:3px;font-size:12px;color:#333;}
    .curation_area .tit_wrap button:after{content:'';display:inline-block;width:10px;height:6px;margin-left:5px;vertical-align: 1px;background:url(../../resources/images/curation/btn_area_list.png) 0 0 / 100% auto no-repeat;}
    .curation_area .tit_wrap.on button:after{background: url(../../resources/images/curation/btn_area_list_on.png) 0 0 / 100% auto no-repeat;}
    .curation_area .tit_wrap .sort{position:absolute;right:74px;top:2px;padding-right:15px;}
    .curation_area .tit_wrap .sort:after{content:'';position:absolute;right:0;top: 5px;display:inline-block;width:1px;height:12px;background:#c0c0c0;}
    .curation_area .tit_wrap .sort > button{position:static;}
    .curation_area .tit_wrap .sort > button:after{width:13px;height:12px;vertical-align: -2px;background: url(../../resources/images/curation/btn_sort.png) 0 0 / 100% auto no-repeat;}
    .curation_area .tit_wrap .sort .layer{display:none;position:absolute;z-index: 5;left:0;top: 25px;width:65px;border:1px solid #333;border-radius: 5px;background:#fff;overflow: hidden;}
    .curation_area .tit_wrap .sort .layer.on{display:block;}
    .curation_area .tit_wrap .sort .layer button{position:static;width:100%;height:30px;font-size:13px;font-weight: 700;color:#333;}
    .curation_area .tit_wrap .sort .layer button:after{display:none;}
    .curation_area .tit_wrap .sort .layer button.on{background:#f0f2f7;}
    .curation_area .swiper-button-next, .curation_area .swiper-button-prev{display:none;}
    .curation_area .area_slide .slide_wrap{visibility: hidden;height: 0;}
    .curation_area .btn_wrap{display:none;}
    .curation_area .area_slide .tit_wrap.on + .slide_wrap{height:auto;visibility: visible;margin-top:15px;}
    .curation_area .area_slide .swiper-container{height:auto;overflow: hidden;padding: 0 15px;}
    .curation_area .area_slide ul li{width:68px;}
    .curation_area .area_slide a:focus{border:0;}
    .curation_area .area_slide a.on em:after{height:68px;background: rgba(86,127,242,.8) url(../../resources/images/curation/icon_area_mcheck.png) 50% 25px / 15px auto no-repeat;}
    .curation_area .area_slide a em:before{height: 68px;margin: 0 0 9px;background: url(../../resources/images/curation/icon_m_area.gif) 0 0 / 100% auto no-repeat;}
    .curation_area .area_slide a.incheon em:before{background-position: 0 -68px;}
    .curation_area .area_slide a.daejeon em:before{background-position: 0 -136px;}
    .curation_area .area_slide a.daegu em:before{background-position: 0 -204px;}
    .curation_area .area_slide a.gwangju em:before{background-position: 0 -272px;}
    .curation_area .area_slide a.busan em:before{background-position: 0 -340px;}
    .curation_area .area_slide a.ulsan em:before{background-position: 0 -408px;}
    .curation_area .area_slide a.gyeonggi em:before{background-position: 0 -476px;}
    .curation_area .area_slide a.gangwon em:before{background-position: 0 -544px;}
    .curation_area .area_slide a.chungbuk em:before{background-position: 0 -612px;}
    .curation_area .area_slide a.chungnam em:before{background-position: 0 -680px;}
    .curation_area .area_slide a.kyeongbuk em:before{background-position: 0 -748px;}
    .curation_area .area_slide a.gyeongnam em:before{background-position: 0 -816px;}
    .curation_area .area_slide a.jeonbuk em:before{background-position: 0 -884px;}
    .curation_area .area_slide a.jeonnam em:before{background-position: 0 -952px;}
    .curation_area .area_slide a.jeju em:before{background-position: 0 -1020px;}
    .curation_area .area_slide a.sejong em:before{background-position: 0 -1088px;}

    .curation_area .area_slide a em{font-size: 13px;}
    .curation_area .area_slide a:hover span:after, .curation_area .area_slide a.on span:after{height:1px;}

    #temalist {padding-top:15px;}
    #temalist .swiper-slide {padding-top:0; height:165px;background-position:50% 50%; background-size:cover; overflow:visible;box-shadow: 8px 10px 16px 0px rgba(76,79,86,0.35);}
    .main_theme{overflow:hidden;}
    .main_theme .swiper-container.main-slider .swiper-wrapper{width:auto;border-radius: 12px;}
    .main_theme .swiper-container.main-slider .swiper-wrapper a{border-radius: 12px;}
    .main_theme .main-slider .content{height:165px;top:3px;left:0;right:57px;}
    .main_theme .main-slider strong{display:block;font-size: 16px;letter-spacing:-0.02em;line-height: 20px;position:absolute;left:20px;right:20px;bottom:20px;font-weight: 700;}
    .main_theme .main-slider strong span{display:block;padding:5px 0 0;font-weight: 300;font-size: 11px;line-height:14px;letter-spacing:-0.02em;}
    .main_theme .main-slider p{padding:0 0 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;letter-spacing:-0.02em;font-weight: 300;}
    .main_theme .main-slider .date{display:block;position:absolute;left:20px;bottom:20px;font-size: 12px;letter-spacing:-0.02em;font-weight: 300;opacity: 0.7;}
    .main_theme .swiper-pagination-fraction{width: 35px;height:18px;line-height:18px;background:rgba(0,0,0,.5);right: 11%;left: auto;border-radius:30px;font-size:10px;top:27px;color: rgba(255, 255, 255, 0.6);}
    .main_theme .swiper-pagination-current{font-weight:500;color:#fff}
    .main_theme .swiper-pagination-total{}
    .main_theme .more_view{padding:0 0 40px;text-align: center;}
    .main_theme .more_view button{width:83px;height:28px;line-height: 28px;border-radius: 50px;background:#efefef;font-size:12px;color:#777;}
    .main_theme .more_view button:after{content:'';display:inline-block;width:4px;height:6px;vertical-align: 2px;margin-left:4px;background:url('../../resources/images/curation/icon_more_view.png') 0 0 / 100% 100% no-repeat;}

    /* 메인 테마별 슬라이드 */
    .main_theme .swiper-slide {backface-visibility: hidden;-webkit-backface-visibility: hidden;}
    .main_theme .swiper-container {width: 100%;height: 100vh;-webkit-transition: opacity .6s ease, -webkit-transform .3s ease;transition: opacity .6s ease, -webkit-transform .3s ease;transition: opacity .6s ease, transform .3s ease;transition: opacity .6s ease, transform .3s ease, -webkit-transform .3s ease;}
    .main_theme .swiper-container.main-slider{/*overflow:initial;*/box-sizing: border-box;}
    .main_theme .swiper-container.main-slider .swiper-slide{width:100% !important;padding-top: 11px;border-radius:12px;}
    .main_theme .swiper-container.main-slider .card_wrap{position:relative;width:100%;height:165px;border-radius:12px;overflow: hidden;}
    .main_theme .swiper-container.nav-slider {width: 100%;}
    .main_theme .swiper-container.nav-slider .swiper-slide {opacity: .4;-webkit-transition: opacity .3s ease;transition: opacity .3s ease;}
    .main_theme .swiper-container.nav-slider .swiper-slide.swiper-slide-active {opacity: 1;}
    .main_theme .swiper-container.nav-slider .swiper-slide .content {width: 100%;}
    .main_theme .swiper-container.nav-slider .swiper-slide .content .title {font-size: 20px;}

    .main_theme.type1 .swiper-container.main-slider.loading{padding:0 25px 0 15px;}
    .main_theme .swiper-container.main-slider.loading{height:205px;padding:0 35px 0 15px;border-radius: 12px;}
    .main_theme .swiper-container.main-slider.loading .swiper-wrapper:after{content:'';background:url('../../resources/images/curation/bg_main_theme.gif') 0 0 no-repeat;display:none;width:24px;height:259px;position:absolute;left:-24px;top:-10px;}

    .main_theme .swiper-container.nav-slider.loading {/*opacity: 0;visibility: hidden;*/height:auto;}
    .main_theme .swiper-slide {overflow: hidden;  }
    .main_theme .swiper-slide a{position:relative;display:block;}
    .main_theme .swiper-slide .slide-bgimg {border-radius: 12px;position: absolute;top: 0;left: 0;width: 100%;height: 220px;background-repeat:no-repeat;background-position: 50% 50%;background-size: cover;}
    .main_theme .swiper-container.main-slider .swiper-slide:after{content:'';border-radius: 12px;display:block;width:100%;height:50%;position:absolute;left:0;bottom:0;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
    .main_theme .swiper-slide .content {position: absolute;top: 0;left: 0;width: 100%;padding-left: 0;color: #fff;border-radius: 12px;z-index: 10;}
    .main_theme .swiper-slide .content .title {font-size: 2.6em;font-weight: bold;margin-bottom: 30px;}
    .main_theme .swiper-slide .video{height:165px;}
    .main_theme .swiper-slide .video video{height:100%;}
    .main_theme .swiper-slide .video_simg{height:165px;width:100%;}

    .main_theme .theme_recomm_list ul li{position: relative;min-height:65px;transition:transform 0.5s 0.3s}
    .main_theme .theme_recomm_list ul li:first-child {transform:translateX(30px)}
    .main_theme .theme_recomm_list ul li:nth-child(2) {transform:translateX(50px)}
    .main_theme .theme_recomm_list ul li:nth-child(3) {transform:translateX(70px)}
    .main_theme .swiper-slide-prev .theme_recomm_list ul li:first-child {transform:translateX(-30px)}
    .main_theme .swiper-slide-prev .theme_recomm_list ul li:nth-child(2) {transform:translateX(-50px)}
    .main_theme .swiper-slide-prev .theme_recomm_list ul li:nth-child(3) {transform:translateX(-70px)}
    .main_theme .swiper-slide-active .theme_recomm_list ul li {transform:translateX(0)}

    .cont_up .no_lilst{padding:20px 15px 50px;font-size: 14px;text-align: center;color:#333;}
    .cont_up .no_lilst p:before{content:'';display:block;width:100%;height:51px;margin:0 0 12px;background: url(../../resources/images/curation/img_no_mlilst.png) 50% 0 / 42px 51px no-repeat;}
    .theme_recomm_list{background:#fff;}
    .theme_recomm_list ul li{padding:15px 0 0;margin:0 15px 15px;border-top:1px solid #f5f5f5;}
    .theme_recomm_list ul li a{display: block;position: relative;}
    .theme_recomm_list ul li:first-child{border:0;padding:0;}
    .theme_recomm_list ul li .wrap{margin-left:80px;}
    .theme_recomm_list .img{float:left;width:65px;height:65px;border-radius: 23px;background-color:#f6f5fa;background-repeat:no-repeat;background-position: 50% 50%;background-size: cover;}
    .theme_recomm_list .img.no_img{background:url('../../resources/images/curation/icon_no_img.gif') 0 0 / 100% 100%;}
    .theme_recomm_list .img a{display:block;height:100%;}
    .theme_recomm_list strong{display:block;padding:3px 40px 0 0;font-size: 15px;font-weight: 700;letter-spacing:-0.02em;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .theme_recomm_list strong a{position:relative;color:#000;font-size: 15px;font-weight: 500;}
    .theme_recomm_list strong a .area_name{position:relative;max-width: 100%;line-height: 19px;padding-right: 22px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .theme_recomm_list strong a .area_name.parking:after{content:'';display:inline-block;width:16px;height:16px;position:absolute;right:0px;top:1px;background:url('../../resources/images/curation/icon_parking.png') 0 0 / 100% 100% no-repeat;}
    .theme_recomm_list .km{display:block;overflow: hidden;padding:3px 0 11px;font-size: 12px;line-height:16px;font-weight: 300;}
    .theme_recomm_list .km span{float:left;}
    .theme_recomm_list .km span + span:before{content: '';display: inline-block;width: 1px;height: 9px;margin: 0 5px;background: #333;}
    .theme_recomm_list .tag{font-size: 12px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:16px;}
    .theme_recomm_list .tag span{display:inline-block;padding-right:5px;}
    .theme_recomm_list em{display:inline-block;position:absolute;right:0;top:3px;font-size:11px;color:#000;border-radius: 50px;height:18px;line-height: 18px;width:36px;text-align: center;}
    .theme_recomm_list em.good{background:#4ca0f7;}
    .theme_recomm_list em.average{background:#1fc3b2;}
    .theme_recomm_list em.care{background:#ffc600;}
    .theme_recomm_list em.vigilance{background:#fd5666;}
    .theme_recomm_list .more_view {padding: 10px 0 30px;text-align: center;}
    .theme_recomm_list .more_view button{width: 83px;height: 28px;line-height: 28px;border-radius: 50px;background: #efefef;font-size: 12px;color: #777;}
    .theme_recomm_list .more_view button:after{content: '';display: inline-block;width: 7px;height: 5px;vertical-align: 2px;margin-left: 4px;background: url(../../resources/images/curation/icon_more_view01.png) 0 0 / 100% 100% no-repeat;}

    .btm_auto_banner{width:auto;margin:40px 0 50px;}
    .btm_auto_banner .swiper-container{border-radius: 10px;}
    .btm_auto_banner .swiper-slide {height: auto;}
    .btm_auto_banner ul li a{display:block;float:none;height:auto;top:5.5px;background:none !important;position:static;}
    .btm_auto_banner ul li a img{width:100%;margin-top:0;}
    .btm_auto_banner .paging{display:none;}
    .btm_auto_banner .btn_autoArea .btn_autoStop{height:9px;background: url(../../resources/images/curation/btn_slidem_stop.png) 0 0 / 100% 100% no-repeat;}
    .btm_auto_banner .btn_autoArea .btn_autoPlay{height:9px;background: url(../../resources/images/curation/btn_slide_mplay.png) 0 0 / 100% 100% no-repeat;}
    .btm_auto_banner .swiper-pagination button.swiper-pagination-bullet{height:9px;width:9px;margin-left:5px;}
    .btm_auto_banner .swiper-pagination button.swiper-pagination-bullet-active{width:18px;}
    .btm_auto_banner .inr{width:auto;}
    .btm_auto_banner .num-pagination{display:inline-block;border-radius: 50px;position:absolute;right:15px;z-index: 10;bottom:30px;width:35px;height:18px;line-height:18px;color:rgba(255,255,255,.4);background:rgba(0,0,0,.4);text-align: center;font-size:10px;}
    .btm_auto_banner .num-pagination .current{color:#fff}

    /* 리스트 */
    .pc_list{display:none;}
    .mo_list{display:block;background: #f9f9f9;}

    /* footer */
    .bottom_helpguide ~ #footer{margin-top: 20px;}
    #footer .inr{width:auto;line-height: 50px;font-size: 12px;}
    .btn_top{display:block;position: fixed;top: auto;left: 0;bottom: -12px;right: 0;z-index: 101;}
    .btn_top a{position:absolute;display:inline-block;width: 34px;height: 34px;border-radius: 100%;border: 1px solid #e5e5e5;box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.2);background: #fff url(../../resources/images/curation/ico_btn_top.png) 50% 50%/14px 15px no-repeat;text-indent: -9999px;right: 15px;bottom: 60px;z-index: 100;}
    .btn_top a{bottom: 77px;}
    #footer.scroll{position:fixed;left:0;bottom:60px;width:100%;}

    /* 만족도 조사 팝업 */
    #satisfactionPop .layerpop{left: 30px !important;right: 30px !important;width: auto !important;margin-left: 0 !important;border-radius: 15px;}
    #satisfactionPop .layerpop .tit > h2{padding: 28px 0 5px 25px;font-size:16px;}
    #satisfactionPop .layerpop .box_cont{padding: 0 25px 30px;border-radius: 0 0 15px 15px;}
    #satisfactionPop input[type="radio"] + label{min-height: 14px;padding-left: 24px;font-size: 13px;}
    #satisfactionPop input[type="radio"] + label:before{width:12px;height:12px;top:2px;}
    #satisfactionPop input[type="radio"] + label:after{width:8px;height:8px;top:5px;left: 3px;}
    #satisfactionPop textarea{border-radius: 5px;height:80px;padding:10px;font-size: 11px;}
    #satisfactionPop .btn{padding: 10px 0 0;}
    #satisfactionPop .btn a{float:left;width:calc(50% - 10px);margin-left: 5px;height:28px;line-height: 28px;border-radius: 5px;font-size:13px;margin-left: 3px;}
    #satisfactionPop .btn a + a{margin-left: 5px;}
    #satisfactionPop ul{padding: 0 0 7px;}
    #satisfactionPop ul li{margin: 0 0 4px;}

    /* abc 상점 */
    .travel_gnb.planner header{width:100%;left:0;margin:0;top:0 !important;position: relative;}
    .travel_gnb.abc_store{height:auto;background:none;}
    .travel_gnb .inr{width:auto;}

    .abc_pdt_guide button.tooltip {top: 24px;left: 148px;width: 17px;height: 17px;background: url(../../resources/images/curation/btn_m_tooltip.png) 0 0 / 100% 100% no-repeat;}
    .abc_pdt_guide .layer {width: 235px;padding: 10px;font-size: 11px;line-height: 14px;letter-spacing:-0.02em;left: 39px;top: 49px;border-radius: 5px;box-shadow: 3px 5px 8px 0px rgba(102, 102, 102, 0.18);}
    .abc_pdt_guide .layer p + p {padding: 10px 0 0;}
    .abc_pdt_guide .layer:after {left: 50%;margin-left: -4.5px;top: -7px;width: 9px;height: 7px;background: url(../../resources/images/curation/layer_m_arw02.png) 0 0 / 100% 100% no-repeat;}

    .wrap_card{display:none;}
    .wrap_m_card{display:block;}
    .wrap_m_card .inr {background:#eceef1}
    .wrap_m_card .inr .detail_card .type_card {margin:0 52px;border-radius:24px;text-align:center;height:352px;box-sizing:border-box;box-shadow:0 15px 24px 0 rgba(0,0,0,0.4);position:relative}
    .wrap_m_card .inr .detail_card .type_card .front:before {display:block;content:'';width:193px;height:104px;position:absolute;left:50%;top:104px}
    .wrap_m_card .inr .detail_card .type_card:after {display:block;content:'';width:32px;height:24px;position:absolute;left:50%;bottom:16px;margin-left:-16px}
    .wrap_m_card .inr .detail_card .type_card[data-name="backRotation"]:after {display:none}
    .wrap_m_card .inr .detail_card .type_card[data-name="backRotation"]:after {display:none}
    .wrap_m_card .inr .detail_card .type_card .detail_tit {height:56px;margin-bottom:128px}
    .wrap_m_card .inr .detail_card .btn_card_show {font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;background:none}
    .wrap_m_card .inr .detail_card .front {width:100%;position:absolute;height:100%;padding-top:32px;box-sizing:border-box;border-radius:24px}
    .wrap_m_card .inr .detail_card .back {width:100%;position:absolute;padding-top:32px;height:100%;opacity:0;box-sizing:border-box;border-radius:24px}
    .wrap_m_card .inr .detail_card .back .detail_tit {position:relative;margin-bottom:64px}
    .wrap_m_card .inr .detail_card .back .detail_tit:after {display:block;content:'';position:absolute;left:50%;top:68px;margin-left:-1px;width:2px;height:24px;opacity:0.3;background-color:#fff}
    .wrap_m_card .inr .detail_card.sexratio .front,
    .wrap_m_card .inr .detail_card.sexratio .back {background-color:#6747ce}
    .wrap_m_card .inr .detail_card.sexratio .front:before {margin-left:-96px;background-position:-172px -386px}
    .wrap_m_card .inr .detail_card.sexratio .type_card:after {background-position:-3px 0}
    .wrap_m_card .inr .detail_card.career .front {background:#fff}
    .wrap_m_card .inr .detail_card.career .front:before {margin-left:-96px;background-position:-204px -506px}
    .wrap_m_card .inr .detail_card.career .type_card:after {background-position:-54px 0}
    .wrap_m_card .inr .detail_card.career .back {background-color:#fff}

    .wrap_m_card .inr .detail_card .type_card[data-name="backRotation"] {-webkit-animation:cardOnBack 1s linear 1;animation:cardOnBack 1s linear 1}
    .wrap_m_card .inr .detail_card .type_card[data-name="frontRotation"] {-webkit-animation:cardOnFront 1s linear 1;animation:cardOnFront 1s linear 1}
    .wrap_m_card .inr .detail_card .type_card[data-name="backRotation"] .back {-webkit-animation:cardShowBack 0.6s linear 1;animation:cardShowBack 0.6s linear 1;opacity:1.0}
    .wrap_m_card .inr .detail_card .type_card[data-name="frontRotation"] .back {-webkit-animation:cardShowFront 0.7s reverse 1;animation:cardShowFront 0.7s reverse 1;opacity:0}
    .wrap_m_card .inr .detail_card .type_card[data-name="backRotation"]:after {-webkit-animation:cardShowBack 0.6s linear 1;animation:cardShowBack 0.6s linear 1;opacity:1.0}

    @keyframes reviewCardOn {
        0%  ,
        50% {transform:scaleX(1);-webkit-transform:scaleX(1)}
        54% {transform:scaleX(0);-webkit-transform:scaleX(0)}
        60% ,
        100% {transform:scaleX(1);-webkit-transform:scaleX(1)}
    }
    @keyframes reviewCardShow {
        0% ,
        31% {opacity:0}
        32% ,
        81% {opacity:1.0}
        82% ,
        100% {opacity:0}
    }
    @keyframes cardOnBack {
        0%  {transform:scaleX(1);-webkit-transform:scaleX(1)}
        44% {transform:scaleX(0);-webkit-transform:scaleX(0)}
        60% ,
        100% {transform:scaleX(1);-webkit-transform:scaleX(1)}
    }
    @keyframes cardOnFront {
        0%  {transform:scaleX(1);-webkit-transform:scaleX(1)}
        44% {transform:scaleX(0);-webkit-transform:scaleX(0)}
        60% ,
        100% {transform:scaleX(1);-webkit-transform:scaleX(1)}
    }
    @keyframes cardShowBack {
        0% ,
        42% {opacity:0}
        82% ,
        100% {opacity:1.0}
    }
    @keyframes cardShowFront {
        0% ,
        42% {opacity:0}
        82% ,
        100% {opacity:1.0}
    }
    @media only screen and (max-device-width:355px) {
        .wrap_m_card .inr .area_review_card {padding:0 10px}
        .wrap_m_card .inr .detail_card .type_card {margin:0 22px}
    }

    .travel_gnb .logo1{display:none;}
    .travel_gnb header{top:0;height:88px;z-index: 100;border-radius: 0;}
    .travel_gnb.menuFixed header > div{width:100%;}
    .travel_gnb header h1{width: 100%;height:45px;background: url(../../resources/images/curation/gnb_m_logo2_new.gif) 15px 0 / 92px 100% no-repeat;}
    .travel_gnb .menu{position:static;height:43px;background:#567ff2;}
    .travel_gnb .menu li{padding:0;flex-grow: 1;text-align: center;}
    .travel_gnb .menu a{display:block;height:43px;width: 100% !important;}
    .travel_gnb .menu .on a{color:#fff;}
    .travel_gnb .menu .on a:after{width:100%;height:2px;background:#fff;left:0;right:0;bottom:0;top:auto;border-radius:0;}
    .travel_gnb .menu .menu1 a {background: url(../../resources/images/curation/gnb_m_menu1.png) 50% 0 / 54px auto no-repeat !important;}
    .travel_gnb .menu .menu2 a {background: url(../../resources/images/curation/gnb_m_menu2.png) 50% 0 / 41px auto no-repeat !important;}
    .travel_gnb .menu .menu3 a {background: url(../../resources/images/curation/gnb_m_menu3.png) 50% 0 / 83px auto no-repeat !important;}
    .travel_gnb .menu .on a {background-position: 50% -43px !important;}
    .travel_gnb .partner{padding-top: 88px;}
    .travel_gnb .partner img{width:100%;}

    .travel_gnb .share{right: 5px;top: 15px;z-index: 150;position: fixed;}
    .travel_gnb .share ul li {margin: 0 5px;height: 12px;font-size: 12px;color: #000;line-height: 15px;}
    .travel_gnb .share ul li:after {display:none;}
    .travel_gnb .share ul li a:before{margin-right: 5px;}
    .travel_gnb .share ul li a{color: #282b30;height:12px;}
    .travel_gnb .share ul li.icon1:before{width: 19px;height: 14px;margin-right:5px;background: url(../../resources/images/curation/icon_share01.png) 0 0 / 100% 100% no-repeat;}
    .travel_gnb .share ul li.icon2 a:before{width:17px;height:15px;background: url(../../resources/images/curation/icon_share02.png) 0 0 / 100% auto no-repeat;}
    .travel_gnb .share ul li.icon2.on a:before {background-position: 0 -15px;}
    .travel_gnb .share ul li.icon3 a:before{width:13px;height:15px;background: url(../../resources/images/curation/icon_share03.png) 0 0 / 100% auto no-repeat;}

    .abc_pdt_guide{background:none;}
    .abc_pdt_guide .inr{width:auto;}
    .abc_pdt_guide h2{padding: 22px 0 12px 15px;font-size:17px;line-height: 20px;letter-spacing:-0.02em;}
    .abc_pdt_guide .swiper-container{margin-left: 0;padding:0 15px 73px;overflow: hidden;}
    .abc_pdt_guide ul li{margin-left: 0;padding: 0 5px;width: 196px;height:269px;border-radius: 7px;}
    .abc_pdt_guide ul li.bg1{background: url(../../resources/images/curation/box_abc_pdt_m_guide1.png) 0 0 / 100% 100% no-repeat;}
    .abc_pdt_guide ul li.bg2{background: url(../../resources/images/curation/box_abc_pdt_m_guide2.png) 0 0 / 100% 100% no-repeat;}
    .abc_pdt_guide ul li .box_wrap{height:259px;margin: 5px 0;}
    .abc_pdt_guide ul li .box{padding-top: 14px;}

    .abc_pdt_guide ul li .coming_soon{height: 259px;margin: 5px 0;}
    .abc_pdt_guide ul li .box01{padding-top: 14px;}
    .abc_pdt_guide ul li .coming_soon strong.type2:after{height: 156px;background: url(../../resources/images/curation/abc_pdt_coming_soon01.gif) 0 0 / 100% 100% no-repeat;}

    .abc_pdt_guide ul li em{width: 48px;height: 17px;line-height: 17px;font-size: 11px;letter-spacing:-0.02em;}
    .abc_pdt_guide ul li span{padding:7px 0 3px;font-size:12px;line-height: 15px;}
    .abc_pdt_guide ul li strong{font-size: 15px;letter-spacing:-0.02em;line-height: 18px;}
    .abc_pdt_guide ul li strong:after{height:116px;margin-top: 6px;}
    .abc_pdt_guide ul li strong.type1:after{background: url(../../resources/images/curation/bg_abc_pdt_guide01.gif) 0 0 / 100% 100% no-repeat;}
    .abc_pdt_guide ul li strong.type2:after{background: url(../../resources/images/curation/bg_abc_pdt_guide02.gif) 0 0 / 100% 100% no-repeat;}
    .abc_pdt_guide ul li strong.type3:after{background: url(../../resources/images/curation/bg_abc_pdt_guide03.gif) 0 0 / 100% 100% no-repeat;}
    .abc_pdt_guide ul li .btn a{width: 130px;font-size: 12px;height: 25px;line-height: 25px;border-radius: 3px;}
    .abc_pdt_guide ul li .view{display:block;padding:8px 0 0;}
    .abc_pdt_guide ul li .view button{font-size:12px;color:#000;}
    .abc_pdt_guide ul li .view button:after{content:'';display:inline-block;width:6px;height:11px;margin-left:4px;vertical-align: -2px;background: url(../../resources/images/curation/btn_abc_pdt_guide1.png) 0 0 / 100% 100% no-repeat;}
    .abc_pdt_guide ul li:hover, .abc_pdt_guide ul li.on{box-shadow:none;}
    .abc_pdt_guide ul li:hover .box, .abc_pdt_guide ul li.on .box{margin-top:0;}
    .abc_pdt_guide ul li .explain{position: absolute;left: 0;top: 100%;align-content: center;width: 100%;z-index: 10;height: 269px;background:rgba(0,0,0,.8);transition:top .3s ease-in-out;display:flex;flex-wrap: wrap;}
    .abc_pdt_guide ul li .explain.view{top: 0;}
    .abc_pdt_guide ul li p{padding: 0 15px 0;letter-spacing:-0.02em;line-height: 17px;opacity: 1;color: #fff;font-size:12px;}
    .abc_pdt_guide ul li .close{display:block;width: 100%;padding:0;}
    .abc_pdt_guide ul li .close button{width:24px;height:24px;background: url(../../resources/images/curation/btn_abc_pdt_guide.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
    .abc_pdt_guide ul li .btn_cos{display:block;width: 100%;padding:7px 0 15px;}
    .abc_pdt_guide ul li .btn_cos a{display:inline-block;color:#fff;font-size:12px;border:1px solid #fff;border-radius: 3px;width:128px;height:23px;line-height:23px;}
    .abc_pdt_guide .swiper-scrollbar{display:block;bottom:51px;left:15px;right:15px;width:auto;height:2px;background:#bfbfbf;}
    .abc_pdt_guide .swiper-scrollbar-drag{background: #333;}
    .abc_pdt_guide .num-pagination{display:block;position:absolute;bottom:30px;left:15px;right:15px;width:auto;font-weight:300;font-size:12px;color:#333;text-align: right;}
    .abc_pdt_guide .swiper-pagination-current{font-weight: 700;}
    .abc_store_comingsoon{width:auto;padding: 165px 0 50px;}
    .abc_store_comingsoon img{width:100%;}
    .abc_store_comingsoon .btn a {font-size: 14px;border-radius: 4px;height: 35px;line-height: 35px;padding: 0 20px;}
    .abc_store_comingsoon .btn a:after{width:19px;height:19px;margin-left:5px;vertical-align: -6px;vertical-align: -4px;background: url(../../resources/images/curation/btn_m_go.png) 0 0 / 100% 100% no-repeat;}

    .abc_trip{padding: 0 0 18px;}
    .abc_trip .inr{width:auto;margin: 0 15px;}
    .abc_trip h2{padding: 22px 0 12px 0;font-size:17px;line-height: 20px;letter-spacing:-0.02em;}
    .abc_trip .sorting {right: 0;top: 25px;font-size: 13px;}
    .abc_trip .sorting button:first-child:after {width: 11px;height: 12px;background: url(../../resources/images/curation/icon_trip_sort01.png) 0 0 / 100% 100% repeat;margin-left: 4px;}
    .abc_trip .sorting button.down:after{background: url(../../resources/images/curation/icon_trip_sort01_1.png) 0 0 / 100% 100% repeat;}
    .abc_trip .sorting button + button:before {height: 12px;margin: 0 8px;vertical-align: -2px;}
    .abc_trip .swiper-container{overflow: inherit;padding:0;}
    .abc_trip ul.on li:after{border: 1px solid #567ff2;border-radius: 5px;}
    .abc_trip ul li{float:none;width:100%;height: 100px;margin: 0 0 20px 0;border-radius: 5px;box-shadow: 3px 4px 16px 0px rgba(101, 100, 100, 0.1);}
    .abc_trip ul li .img{width: 100px;border-radius: 5px 0 0 5px;}
    .abc_trip ul li .img em {width: 50px;height: 23px;line-height: 23px;border-radius: 0 0 5px 0;font-size: 12px;}
    .abc_trip ul li .info {margin: 0 15px 0 115px;padding-top:12px;}
    .abc_trip ul li .stit{margin: 0 0 6px;font-size: 14px;line-height:18px;letter-spacing:-0.02em;}
    .abc_trip ul li .tag{font-size:12px;line-height: 15px;height:30px;margin-left: -3px;}
    .abc_trip ul li .tag span{margin-left: 3px;}
    .abc_trip ul li .form {margin-top: 8px;font-size: 12px;line-height: 15px;font-weight: 400;}
    .abc_trip ul li .form span + span:before{height:11px;margin: 2px 7px 0 7px;}
    .abc_trip ul li .del {right:-8px;top:-8px;width: 23px;height: 23px;z-index: 5;background: url(../../resources/images/curation/btn_abc_m_trip.png) 0 0 / 100% 100% no-repeat;}
    .abc_trip .btn_more button {line-height: 14px;font-size: 12px;letter-spacing:-0.02em;}
    .abc_trip .btn_more button:after{width:7px;height:5px;background: url(../../resources/images/curation/btn_m_more01.png) 0 0 / 100% 100% no-repeat;}
    .abc_trip .list_none{position:static;transform:none;}
    .abc_trip .list_none strong {font-size: 14px;line-height: 18px;letter-spacing:-0.02em;}
    .abc_trip .list_none span{font-size: 13px;line-height: 15px;padding: 0 0 2px;}
    .abc_trip .list_none span:before{margin: 30px 0 13px;height: 86px;background: url(../../resources/images/curation/planner_list_none01.png) 50% 0 / 97px 100% no-repeat;}
    .abc_trip .list_none p {padding: 8px 15px 22px;font-size: 12px;letter-spacing:-0.02em;word-break:keep-all; line-height: 16px;}
    .abc_trip .list_none p br{display:none;}
    .sec3 .inner .abc_trip .swiper-pagination{display:none;}
    .sec3 .inner .abc_trip .swiper-button-prev, .sec3 .inner .abc_trip .swiper-button-next{display:none;}
    .wrap_review_report{background:#567ff2;}
    .wrap_review_report img{width:100%;}
    .wrap_review_report .wrap_company_card{padding:45px 0 50px;}
    .wrap_review_report .wrap_company_card .detail_card .type_card {margin:0 57px;border-radius:10px;text-align:center;box-sizing:border-box;box-shadow: 5px 8px 19px 0px rgba(23, 41, 136, 0.3);position:relative}
    .wrap_review_report .wrap_company_card .detail_card .type_card[data-name="backRotation"]:after {display:none}
    .wrap_review_report .wrap_company_card .detail_card .type_card[data-name="backRotation"]:after {display:none}
    .wrap_review_report .wrap_company_card .detail_card .type_card .detail_tit {height:56px;margin-bottom:128px}
    .wrap_review_report .wrap_company_card .detail_card .btn_card_show {font-size:0;position:absolute;left:0;bottom:0;width:100%;height:100%;background:none;height:50px;height: 9%;}
    .wrap_review_report .wrap_company_card .detail_card .front {width:100%;position:absolute;left: 0;top: 0;height:100%;border-radius:10px;}
    .wrap_review_report .wrap_company_card .detail_card .back {width:100%;position:absolute;left: 0;top: 0;height:100%;opacity:0;box-sizing:border-box;border-radius:8px}
    .wrap_review_report .wrap_company_card .detail_card .back .detail_tit {position:relative;margin-bottom:64px}
    .wrap_review_report .wrap_company_card .detail_card .back .detail_tit:after {display:block;content:'';position:absolute;left:50%;top:68px;margin-left:-1px;width:2px;height:24px;opacity:0.3;background-color:#fff}

    .wrap_review_report .wrap_company_card .detail_card.career .front {background:#fff;overflow: hidden;}
    .wrap_review_report .wrap_company_card .detail_card.career .back {background-color:#3460c2;overflow: hidden;}
    .wrap_review_report .back:before{content:'';display:inline-block;width:16px;height:16px;position:absolute;left: -8px;top:72.8%;background:#5179ea;border-radius:100%;}
    .wrap_review_report .back:after{content:'';display:inline-block;width:16px;height:16px;position:absolute;right: -8px;top:72.8%;background:#496ddc;border-radius:100%;}
    .wrap_review_report .front:before{content:'';display:inline-block;width:16px;height:16px;position:absolute;left: -8px;top:72.8%;background:#5179ea;border-radius:100%;}
    .wrap_review_report .front:after{content:'';display:inline-block;width:16px;height:16px;position:absolute;right: -8px;top:72.8%;background:#496ddc;border-radius:100%;}
    .wrap_review_report .list_card p{padding:28px 0 0;font-size:12px;color:#333;line-height: 15px;}
    .wrap_review_report .list_card strong{display:block;margin:2px 0 0;font-size:17px;letter-spacing:-0.02em;line-height:20px;font-weight: 400;}
    .wrap_review_report .list_card strong em{font-weight: 800;color:#3569d8;}
    .wrap_review_report .list_card .btn{position:absolute;bottom:13px;left:38px;right:38px;}
    .wrap_review_report .list_card .btn a{display:block;margin:0 0 10px;color:#fff;background:#333;border-radius: 5px;height:25px;line-height:25px;font-size:12px;}
    .wrap_review_report .list_card .btn button{font-size:12px;line-height:15px;color:#000;}
    .wrap_review_report .list_card .btn button:after{content:'';display:inline-block;width:6px;height:11px;margin-left:4px;vertical-align: -2px;background: url(../../resources/images/curation/btn_planner_view.png) 0 0 / 100% 100% no-repeat;}
    .wrap_review_report .list_card .back p{color:#fff;}
    .wrap_review_report .list_card .back div.type1{padding: 20px 0 0px;position:absolute;left:0;width:100%;top:50%;transform: translateY(-50%);margin-top:-10px;}
    .wrap_review_report .list_card .back div.type1:before{content:'';display:block;height:2px;margin:0 0 15px;background: url(../../resources/images/curation/btn_planner_line.gif) 50% 0 / 18px 2px no-repeat;}
    .wrap_review_report .list_card .back div.type1 p{padding:0;}
    .wrap_review_report .list_card .back div.type1 p + p{padding-top:10px;}
    .wrap_review_report .list_card .back strong{color:#fff;}
    .wrap_review_report .list_card .back strong em{color:#fff;}
    .wrap_review_report .list_card .back .btn{bottom:15px;}
    .wrap_review_report .list_card .back .btn a{border:1px solid #fff;background:none;margin: 0 0 15px;}
    .wrap_review_report .list_card .back .btn button{text-indent: -9999px;width:24px;height:24px;background: url(../../resources/images/curation/btn_planner_close.png) 0 0 / 100% 100% no-repeat;}

    .wrap_review_report .wrap_company_card .detail_card .type_card[data-name="backRotation"] {-webkit-animation:cardOnBack 1s linear 1;animation:cardOnBack 1s linear 1}
    .wrap_review_report .wrap_company_card .detail_card .type_card[data-name="frontRotation"] {-webkit-animation:cardOnFront 1s linear 1;animation:cardOnFront 1s linear 1}
    .wrap_review_report .wrap_company_card .detail_card .type_card[data-name="backRotation"] .back {-webkit-animation:cardShowBack 0.6s linear 1;animation:cardShowBack 0.6s linear 1;opacity:1.0}
    .wrap_review_report .wrap_company_card .detail_card .type_card[data-name="frontRotation"] .back {-webkit-animation:cardShowFront 0.7s reverse 1;animation:cardShowFront 0.7s reverse 1;opacity:0}
    .wrap_review_report .wrap_company_card .detail_card .type_card[data-name="backRotation"]:after {-webkit-animation:cardShowBack 0.6s linear 1;animation:cardShowBack 0.6s linear 1;opacity:1.0}

    @keyframes cardOnBack {
        0%  {transform:scaleX(1);-webkit-transform:scaleX(1)}
        44% {transform:scaleX(0);-webkit-transform:scaleX(0)}
        60% ,
        100% {transform:scaleX(1);-webkit-transform:scaleX(1)}
    }
    @keyframes cardOnFront {
        0%  {transform:scaleX(1);-webkit-transform:scaleX(1)}
        44% {transform:scaleX(0);-webkit-transform:scaleX(0)}
        60% ,
        100% {transform:scaleX(1);-webkit-transform:scaleX(1)}
    }
    @keyframes cardShowBack {
        0% ,
        42% {opacity:0}
        82% ,
        100% {opacity:1.0}
    }
    @keyframes cardShowFront {
        0% ,
        42% {opacity:0}
        82% ,
        100% {opacity:1.0}
    }

    /* .btm_menu{display:none !important;width: 100%;position: fixed;bottom: 0;left: 0;background: #fff;z-index: 11;height: 60px;border-top: 1px solid #efefef;}
    .btm_menu ul li{float: left;width: 25%;text-align: center;}
    .btm_menu ul li a {display: block;font-size: 11px;color: #000;}
    .btm_menu ul li a:before{content: '';display: block;margin: 13px 0 2px;height: 14px;background: url(../../../resources/images/main/icon_quick_menu1.png) 50% 0 / 21px auto no-repeat;}
    .btm_menu ul li a.menu2:before{background-position: 50% -14px;}
    .btm_menu ul li a.menu3:before{background-position: 50% -28px;}
    .btm_menu ul li a.menu4:before{background: url(../../../resources/images/main/icon_quick_map.png) 50% 0 / 22px 14px no-repeat;} */

    /* AI추천여행지 */
    .travel_gnb.ai_travel header{position:static}
    .travel_gnb.ai_travel{border:0;height: auto;}
    .travel_gnb.ai_travel .wallpaper_link{display:none;}
    .travel_gnb.ai_travel .video_wrap{display:none;}
    .travel_gnb.ai_travel .inr{left:0;margin:0;width:100%;position:static;}
    .travel_gnb.ai_travel .info_txt{display:none;}
    .ai_travel_list1 .inr{width:auto;position: relative; margin:0 15px; padding: 0 0 30px 0;}
    .ai_travel_list1 .grid{top:0;margin:0;}
    .ai_travel_list1 h2{display:block;padding: 28px 0 23px;font-size: 17px;line-height: 20px;letter-spacing:-0.02em;text-align: center;color:#333;}
    .ai_travel_list1 ul.hoverWrap{margin-left: 0;top:0; flex-wrap: wrap; padding: 0; }
    .ai_travel_list1 ul.hoverWrap li{flex: 1 1 40%; width: auto; background:none; border-radius: 5px;}
    .ai_travel_list1 ul.hoverWrap li.active{flex: 1 1 40%; box-shadow: none;}
    .ai_travel_list1 ul.hoverWrap li.active .info .txtArea{width: 100%; bottom: 0; padding: 0 15px; }
    .ai_travel_list1 ul.hoverWrap li.active .img .btn.bmark{right: 35px;}
    .ai_travel_list1 ul.hoverWrap li.active .img .btn.mapview{right: 10px;}
    .ai_travel_list1 ul.hoverWrap li:nth-child(even){margin:0 5px 20px 0;}
    .ai_travel_list1 ul.hoverWrap li:nth-child(odd){ margin:0 0 20px 5px;}
    .ai_travel_list1 ul.hoverWrap li:first-child{flex: 2 1 100%; height: 230px; margin: 0 0 15px 0;}
    .ai_travel_list1 ul.hoverWrap li:hover{flex: 1 1 40%; box-shadow: none;}
    .ai_travel_list1 ul.hoverWrap li:first-child .info{text-align: center;}
    .ai_travel_list1 ul.hoverWrap li:first-child:hover{flex: 1 1 100%;}
    .ai_travel_list1 ul.hoverWrap li:first-child .img{height: 230px;}
    .ai_travel_list1 ul.hoverWrap li:first-child .area{margin: 3px 0 0 0; font-size: 13px;}
    .ai_travel_list1 ul.hoverWrap li .img{height: 140px; border-radius: 5px;}
    .ai_travel_list1 ul.hoverWrap li .img .btn{width: 20px; height: 20px; top: 10px; right: 10px; background-color: #fff; border-radius: 50%;}
    .ai_travel_list1 ul.hoverWrap li .img .btn.bmark{right: 35px;}
    .ai_travel_list1 ul.hoverWrap li:hover .img .btn.bmark{right: 35px;}
    .ai_travel_list1 ul.hoverWrap li:hover .img .btn.mapview{right: 10px;}
    .ai_travel_list1 ul.hoverWrap li .img .btn.bmark button{width: 12px; height: 11px; background-image: url(../../resources/images/curation/icon_m_good.png); background-size: 100%;}
    .ai_travel_list1 ul.hoverWrap li .img .btn.bmark button.on{background-position: 50% -11px;}
    .ai_travel_list1 ul.hoverWrap li .img .btn.mapview button{width: 13px; height: 11px; background-image: url(../../resources/images/curation/icon_m_map2.png); background-size: 100%;}
    .ai_travel_list1 ul.hoverWrap li .info{width: 100%; text-align: left; height: calc(100% - 6px); top: 3px;transition: .3s ease-in-out;}
    .ai_travel_list1 ul.hoverWrap li .info::after{border-radius: 0 0 5px 5px; height: 55%; }
    /* .ai_travel_list1 ul.hoverWrap li .info .img{height: 171px;border-radius: 9px 9px 0 0;} */
    /* .ai_travel_list1 ul.hoverWrap li .img img{height: 140px; width: 100%;} */
    /* .ai_travel_list1 ul.hoverWrap li a .img em{right:15px;width:45px;height:40px;background: url(../../resources/images/curation/ai_travel_m_type.png) 0 0 / 100% auto no-repeat;}
    .ai_travel_list1 ul.hoverWrap li a .img em.type2{background-position: 0 -40px;}
    .ai_travel_list1 ul.hoverWrap li a .img em.type3{background-position: 0 -80px;}
    .ai_travel_list1 ul.hoverWrap li a .img em.type4{background-position: 0 -120px;}
    .ai_travel_list1 ul.hoverWrap li a .img em.type5{background-position: 0 -160px;} */
    .ai_travel_list1 ul.hoverWrap li .info .txtArea{width: 100%; bottom: 0; padding: 0 15px; }
    .ai_travel_list1 ul.hoverWrap li:first-child .info .txtArea{width: 100%; bottom: 18px; padding: 0 20px;}
    .ai_travel_list1 ul.hoverWrap li:first-child strong{font-size: 18px;}
    .ai_travel_list1 ul.hoverWrap li strong{width: 100%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:14px;line-height: 18px;letter-spacing:-0.02em;}
    .ai_travel_list1 ul.hoverWrap li .area{margin:3px 0 9px 0;font-size:12px;line-height: 14px;padding:0;}
    .ai_travel_list1 ul.hoverWrap li .tag{width: 100%; padding: 10px 0 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin-left: -3px; color: #666;  font-size:11px;}
    .ai_travel_list1 ul.hoverWrap li:first-child .tag2{color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 12px; margin-top: 13px;}
    .ai_travel_list1 ul.hoverWrap li:first-child .tag2 span{display: inline; margin: 0 3px;}
    .ai_travel_list1 ul.hoverWrap li .tag span{margin-left: 3px; display: inline; letter-spacing:-0.02em;}
    .ai_travel_list1 .btn_more button{font-size: 14px; line-height: 35px; padding: 0 18px; box-shadow: 4px 7px 11px 0px rgba(66, 92, 229, 0.2);}
    .ai_travel_list1 .btn_more button:after{width: 16px; height: 14px; background: url(../../resources/images/curation/btn_m_refresh.png) center center / 100% 100% no-repeat; margin-left: 4px; vertical-align: -2px; }
    .ai_travel_list1 ul.hoverWrap li.swiper-slide-active .info {padding: 13px 15px 0;}
    .ai_travel_list1 ul.hoverWrap li.swiper-slide-active a{top: 0;bottom: 0;box-shadow: 5px 6px 10px 0px rgba(62, 105, 228, 0.18);}
    .ai_travel_list1 ul.hoverWrap li.swiper-slide-active a .img{height: 190px;}
    .ai_travel_list1 ul.hoverWrap li.swiper-slide-active strong{font-size:15px;}
    .ai_travel_list1 ul.hoverWrap li.swiper-slide-active .area{margin:3px 0 9px;font-size:12px;line-height: 14px;}
    .ai_travel_list1 ul.hoverWrap li.swiper-slide-active .tag{font-size:12px;}
    /* .ai_travel_list1 .btn_more{display:none;} */
    .ai_travel_list1 .swiper-container{padding:0 0 75px;}
    .ai_travel_list1 ul.hoverWrap li a:hover{box-shadow:none;}
    .ai_travel_list1 .swiper-pagination-progressbar{top:auto;bottom:53px;width:auto;left:15px;right:15px;height:2px;background:#fff;}
    .ai_travel_list1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#333;}
    .ai_travel_list1 .num-pagination{position: absolute;left: 15px;bottom: 25px;line-height: 15px;color:#333;font-size: 12px;font-weight: 300;}
    .ai_travel_list1 .num-pagination .current{font-weight: 700;}
    .ai_travel_list1 .btn_map{display:block;position:absolute;right:15px;bottom:25px;z-index: 5;}
    .ai_travel_list1 .btn_map a{display:inline-block;font-size:13px;}
    .ai_travel_list1 .btn_map a:before{content:'';display:inline-block;width:16px;height:13px;margin-right:4px;vertical-align: -1px;background: url(../../resources/images/curation/icon_map.png) 0 0 / 100% 100% no-repeat;}
    .ai_travel_list1 .ai_out .box {margin: 0 0 20px;height: 250px;background: #fff url(../../resources/images/curation/m_ai_img_robot.gif) 50% 45px / 77px 77px no-repeat;box-shadow:none;border-radius: 10px;}
    .ai_travel_list1 .ai_out .box br{display:block;}
    .ai_travel_list1 .ai_out strong{padding: 135px 0 0;font-size: 14px;line-height: 17px;letter-spacing:-0.02em;}
    .ai_travel_list1 .ai_out p{padding: 7px 0 0;font-size: 12px;letter-spacing:-0.02em;line-height: 15px;}
    .ai_travel_list1 .ai_out a{width:179px;height:35px;line-height:35px;font-size:13px;letter-spacing:-0.02em;}
    .ai_travel_list1 .ai_out a:after {content: '';display: inline-block;width: 12px;height: 12px;margin-left:4px;background: url(../../resources/images/curation/icon_ai_btn1.png) 0 0 / 100% 100% no-repeat;vertical-align: -1px;}
    .ai_travel_list1 .ai_out a.login {width: 110px;}

    .ai_travel_list1 .exhaust .box{height:auto;margin: 0 0 14px;box-shadow: none;background:none;border-radius: 0;}
    .ai_travel_list1 .exhaust .mo_box{margin: 0 0 5px;padding: 20px 0 0;height: 200px;border-radius: 10px;background:#fff;display:block;text-align: center;}
    .ai_travel_list1 .exhaust .mo_box:before{float:none;display:block;width:100%;height:77px;background: url(../../resources/images/curation/m_ai_img_robot.gif) 50% 0 / 77px 77px no-repeat;}
    .ai_travel_list1 .exhaust .mo_box strong {margin-left: 0;padding: 12px 0 7px;font-size: 14px;letter-spacing:-0.02em;font-weight:700;line-height: 17px;}
    .ai_travel_list1 .exhaust .mo_box p {margin-left: 0;font-size: 12px;line-height: 15px;}
    .ai_travel_list1 .exhaust .stit{display:none;}
    .ai_travel_list1 .exhaust .curation_area{padding-left:0;}
    .ai_travel_list1 .exhaust ul{margin:0 0 0 -10px !important;border-top:0 !important;}
    .ai_travel_list1 .exhaust ul li{padding: 15px 0 3px!important;border:0 !important;float:left !important;width:calc(50% - 10px) !important;margin-left:10px !important;}
    .ai_travel_list1 .exhaust ul li .img {height: 140px;width:100%;float:none;border-radius: 5px;}
    .ai_travel_list1 .exhaust ul li .img:after{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;border-radius:5px;background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
    .ai_travel_list1 .exhaust ul li .info .km{display:none;}
    .ai_travel_list1 .exhaust ul li .wrap{position:absolute;top:107px;left:10px;right:10px;}
    .ai_travel_list1 .exhaust ul li strong{padding: 0 0 4px 0;}
    .ai_travel_list1 .exhaust ul li strong a{color:#fff;}
    .ai_travel_list1 .exhaust ul li .wrap .info{margin:0;}
    .ai_travel_list1 .exhaust ul li .wrap .info span{color:#fff;}
    .ai_travel_list1 .exhaust ul li .tag{margin:5px 0 0 0;}

    .ai_travel_list1 .exhaust ul li a.bookmark{width:20px;height:20px;top:25px;right:35px;border-radius:100%;background:#fff;}
    .ai_travel_list1 .exhaust ul li a.bookmark span{display:block;margin-top:5px;width:100%;height:11px;background: url(../../resources/images/curation/icon_m_good.png) 50% 0 / 12px auto no-repeat;}
    .ai_travel_list1 .exhaust ul li a.bookmark.on span{background-position: 50% -11px;}
    .ai_travel_list1 .exhaust ul li a.map{width:20px;height:20px;top:25px;right:10px;border-radius:100%;background:#fff;}
    .ai_travel_list1 .exhaust ul li a.map span{display:block;margin-top:5px;width:100%;height:11px;background: url(../../resources/images/curation/icon_m_map2.png) 50% 0 / 13px auto no-repeat;}

    .ai_travel_list1 .exhaust .refresh a{width: 180px;height: 35px;line-height: 35px;font-size: 13px;letter-spacing:-0.02em;}
    .ai_travel_list1 .exhaust .refresh a:after {width: 16px;height: 14px;margin-left:4px;background: url(../../resources/images/curation/icon_btn_mrefresh.png) 0 0 / 100% 100% no-repeat;vertical-align: -2px;}

    .similar_travel_list h2{padding: 22px 0 12px 15px;font-size: 17px;line-height: 20px;letter-spacing:-0.02em;}
    .similar_travel_list .inr{width:auto;}
    .similar_travel_list .swiper-button-next, .similar_travel_list .swiper-button-prev{display:none;}
    .similar_travel_list .swiper-scrollbar{display:none;}
    .similar_travel_list .swiper-container{padding:0 15px 30px 5px;}
    .similar_travel_list ul li{width:88px;margin-right:0;margin-left:10px;}
    .similar_travel_list ul li .img{height:88px;border-radius: 10px;}
    .similar_travel_list ul li strong{margin: 7px 0 3px;font-size:14px;line-height: 17px;letter-spacing:-0.02em;text-align: left;}
    .similar_travel_list ul li .area{font-size: 12px;line-height: 15px;text-align: left;}
    .similar_travel_list + .btm_auto_banner {margin: 0 0 25px;}

    .ai_hit_list .inr{width:auto;margin:0 15px 0 5px}
    .ai_hit_list h2{float:none;width:100%;padding: 0 0 12px 15px;font-size: 17px;line-height: 20px;letter-spacing:-0.02em;}
    .ai_hit_list h2 strong{display:inline-block;font-size: 17px;line-height: 20px;}
    .ai_hit_list .swiper-container{width:auto;float:none;}
    .ai_hit_list .paging{display:none;}
    .ai_hit_list ul li{width:calc(50% - 10px);height: 130px;margin: 0 0 10px 10px;}
    .ai_hit_list ul li a:after{border-radius: 10px;}
    .ai_hit_list .swiper-pagination{margin-top:5px;height:8px;}
    .ai_hit_list .swiper-pagination-bullet{opacity: 1;vertical-align: top;background:#d2d2d2;transition:width .3s ease-in-out;}
    .ai_hit_list .swiper-pagination-bullet-active{width:16px;background:#333;border-radius: 50px;}
    .ai_hit_list ul li a{border-radius:10px;}
    .ai_hit_list ul li button span{display:inline-block;text-indent:-9999px;width:12px;height:11px;background: url(../../resources/images/curation/icon_m_good.png) 50% 0 / 100% auto no-repeat;}
    .ai_hit_list ul li button{right:10px;top:10px;width:20px;height:20px;background:#fff;border-radius: 100%;text-indent:0;padding-top: 5px;}
    .ai_hit_list ul li button.on span{background-position: 50% -11px;}
    .ai_hit_list ul li strong{font-size:14px;line-height:17px;letter-spacing:-0.02em;left: 10px;right: 10px;bottom: 13px;}
    .ai_hit_list .tit_layer{float:none;width:auto;}
    .ai_hit_list .tit_layer:after{content:'';display:block;overflow: hidden;clear:both;}
    .ai_hit_list .tit_layer button{margin: 2px 0 0 8px;width:17px;height:17px;background: url(../../resources/images/curation/btn_tit_layer1.png) 0 0 / 100% 100% no-repeat;}
    .ai_hit_list .tit_layer .layer{width:152px;left: 78px;right: auto;bottom: -44px;padding: 10px;font-size: 11px;line-height: 14px;letter-spacing:-0.02em;border-radius: 5px;box-shadow: 3px 5px 8px 0px rgba(102, 102, 102, 0.18);}
    .ai_hit_list .tit_layer .layer:after{right:auto;left: 50%;margin-left: -4.5px;top: -7px;width: 9px;height: 7px;background: url(../../resources/images/curation/layer_m_arw02.png) 0 0 / 100% 100% no-repeat;}

    /* 핫플레이스, 인기여행지 */
    .travel_gnb.ai_travel.type1{height:auto;}
    .travel_gnb.ai_travel.type1 .video_wrap{display:block;height:260px;}
    .travel_gnb.ai_travel.type1 .video_wrap video{height:100%;width:100%;}
    .travel_gnb.ai_travel.type1 .info_txt{display:block;padding:0;position:absolute;left:15px;right:15px;bottom: 0;z-index: 10;text-align: left;word-break:keep-all}
    .travel_gnb.ai_travel .info_txt strong{font-size:18px;line-height: 22px;letter-spacing:-0.02em;}
    .travel_gnb.ai_travel .info_txt p{font-size: 11px;line-height: 15px;letter-spacing:-0.02em;padding: 7px 0 42px;}
    .travel_gnb.ai_travel .info_txt p br{display:none;}
    .popularity_tab{height:43px;}
    .popularity_tab ul{height: 45px;padding:0 10px;width:auto;top: -26px;border-radius: 0;background:none;z-index: 10;}
    .popularity_tab ul li{width:calc(50% - 10px);margin:0 5px;}
    .popularity_tab ul li a{height:45px;padding-top: 6px;box-sizing: border-box;font-size: 11px;letter-spacing:-0.02em;line-height: 15px;font-weight: 300;background:#fff !important;border-radius: 15px !important;}
    .popularity_tab ul li a strong{display:block;font-weight: 700 !important;font-size:14px;letter-spacing:-0.02em;}
    .popularity_tab ul li.on a{font-weight: 300 !important;color:#333;box-shadow: -1px 4px 15px 0px rgba(115, 113, 113, 0.3);}
    .popularity_tab ul li a:before{float:left;margin: 2px 8px 0 10px;vertical-align:0;width: 28px;height: 28px;background: url(../../resources/images/curation/icon_popularity_m_tab.png) 0 0 / 100% auto no-repeat;}
    .popularity_tab ul li a:after{display:none;}
    .popularity_tab ul li:last-child a:before{background-position: 0 -56px;}
    .popularity_tab ul li:first-child.on a:before{background-position: 0 -28px;}
    .popularity_tab ul li:last-child.on a:before{background-position: 0 -84px;}
    .curation_area .area_list{width:auto;padding:0;}
    .curation_area .area_list .sorting{display:none;}
    .curation_area .area_list ul{margin:0 15px;border-top:1px solid #f5f5f5;}
    .curation_area .area_list ul li {float: none;width: 100%;margin:0;padding:15px 0;border-bottom:1px solid #f5f5f5;min-height: 65px;}
    .curation_area .area_list .info .km{display:inline-block;}
    .curation_area .area_list .tag{display:block;}
    .curation_area .area_list .img{float:left;width:65px;height:65px;border-radius: 23px;}
    .curation_area .area_list .img.no_img {background: url(../../resources/images/curation/icon_no_img.gif) 0 0 / 100% 100%;}
    .curation_area .area_list strong a{font-size:14px;line-height:17px;letter-spacing:-0.02em;}
    .curation_area .area_list strong{padding: 0 40px 4px 80px;}
    .curation_area .area_list .info{overflow: hidden;margin:0 0 10px 80px;}
    .curation_area .area_list .info span{font-size:12px;line-height: 15px;}
    .curation_area .area_list .tag{margin-left:77px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .curation_area .area_list .tag span{font-size:12px;line-height:15px;font-weight: 300;color:#666;margin-left:3px;}
    .curation_area .area_list .info span + span:before{float:left;height:9px;margin: 3px 7px 0;}
    .curation_area .area_list a.map{top:18px;width:16px;height:13px;background: url(../../resources/images/curation/icon_m_map1.png) 0 0 / 100% 100% no-repeat;}
    .curation_area .area_list a.bookmark{right:28px;top:18px;width:15px;height:13px;background: url(../../resources/images/curation/icon_m_good02.png) 0 0 / 100% auto no-repeat;}
    .curation_area .area_list a.bookmark.on {background-position: 0 -13px;}
    .curation_area .area_list .btn_more {padding: 15px 0 0;}
    .curation_area .area_list .btn_more a{font-size:12px;font-weight: 700;}
    .curation_area .area_list .btn_more a:after{width:7px;height:5px;background: url(../../resources/images/curation/btn_m_more01.png) 0 0 / 100% 100% no-repeat;}

    /* 반반코스 선택 */
    .travel_gnb.fifty{height:auto;background:none;}
    .travel_gnb.fifty img{width:100%;}
    .travel_gnb.fifty header.curation{display:block;}
    .travel_gnb.menuFixed header.curation{position:static !important;}
    header.curation {position:fixed;height: 44px;width: 100%;background: #fff;z-index: 101;border-bottom: 1px solid #f2f4f8;}
    header.curation h1 {padding-left: 43px;font-weight: 400;box-sizing: border-box;font-size: 16px;line-height: 44px;letter-spacing:-0.02em;background:none;text-indent: 0;}
    header.curation .back {position: absolute;left: 15px;top: 13px;width: 18px;height: 20px;background: url(../../resources/images/curation/btn_m_back.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
    .fifty_cos h3{padding: 11px 0 25px;font-size: 14px;letter-spacing:-0.02em;line-height:18px;}
    .fifty_cos h3 br{display:block;}
    .fifty_cos h3:before {height: 12px;margin: 0 0 5px;background: url(../../resources/images/curation/img_quotation_mark1.png) 50% 0 / 16px 100% no-repeat;}
    .fifty_cos .inr{width:auto;padding:0 15px;}
    .fifty_cos h4 {padding:15px 0 17px;font-size: 17px;line-height: 20px;letter-spacing:-0.02em;}
    .fifty_cos h4:before {margin-right: 5px;vertical-align: -2px;width: 22px;height: 20px;background: url(../../resources/images/curation/tit_fifty_cos1.png) 0 0 / 100% auto no-repeat;}
    .fifty_cos h4.day2:before{background-position: 0 -20px;}
    .fifty_cos h4.day3:before{background-position: 0 -40px;}
    .fifty_cos .cos_box .area {font-size: 12px;letter-spacing:-0.02em;line-height: 15px;top: 20px;}
    .fifty_cos .cos_box > ul{padding-left: 30px;margin: 0 0 13px;background: url(../../resources/images/curation/bg_fifty_cos1.png) -1px 0 / 11px 6px repeat-y;}
    .fifty_cos .cos_box > ul > li{margin-top: 15px;height: auto;padding: 0 20px;border-radius: 5px;}
    .fifty_cos .cos_box .num {left: -30px;font-size: 11px;width: 20px;height: 20px;line-height: 20px;}
    .fifty_cos .cos_box em {font-size: 12px;border-radius: 0 0 5px 0;width: 45px;height: 22px;line-height: 22px;}
    .fifty_cos .cos_box > ul > li ul li {width: 40.9%;padding:28px 0 20px;}
    .fifty_cos .cos_box > ul > li ul li.or {width: 18.2%;padding-top: 28%;line-height: 17px;font-size: 14px;letter-spacing:-0.02em;font-weight: 700;}
    .fifty_cos .cos_box > ul > li button .img{height:auto;padding-top:100%}
    .fifty_cos .cos_box > ul > li button .img.none {background: #f0f1f4 url(../../resources/images/curation/img_m_none.png) 50% 50% / 41px 44px no-repeat;}
    .fifty_cos .cos_box > ul > li button strong{margin: 6px 0 0;font-size: 13px;letter-spacing:-0.02em;line-height: 16px;}
    .fifty_cos .cos_box > ul > li button p{margin: 3px 0 0;font-size:11px;line-height: 13px;height:26px;letter-spacing:-0.02em;}
    .fifty_cos .cos_box .day1 li button.on .img:after{background:rgba(64,148, 242,.8) url(../../resources/images/curation/fifty_cos_on1.png) 50% 50% / 19px 20px no-repeat;}
    .fifty_cos .cos_box .day2 li button.on .img:after{background:rgba(2,185, 201,.8) url(../../resources/images/curation/fifty_cos_on1.png) 50% 50% / 19px 20px no-repeat;}
    .fifty_cos .cos_box .day3 li button.on .img:after{background:rgba(26,199, 136,.8) url(../../resources/images/curation/fifty_cos_on1.png) 50% 50% / 19px 20px no-repeat;}
    .fifty_cos .btn_finish {padding: 16px 0 20px;}
    .fifty_cos .btn_finish a{height:35px;line-height:35px;box-shadow: 4px 7px 14px 0px rgba(86, 127, 242, 0.35);font-size:15px;letter-spacing:-0.02em;font-weight: 700;}

    /* 팝업 */
    #cosfinishPop1 .layerpop , #cosfinishPop2 .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 5px;}
    .layerpop .cos_finish_pop {padding: 20px 15px 20px;}
    .cos_finish_pop strong {padding: 63px 0 10px;font-size: 16px;line-height: 19px;letter-spacing:-0.02em;background: url(../../resources/images/curation/bg_cos_finish1.png) 50% 0 / 76px 55px no-repeat;}
    .cos_finish_pop p {padding: 0 0 18px;font-size: 12px;line-height: 15px;letter-spacing:-0.02em;}
    .cos_finish_pop .btn_area{margin-left:-5px;}
    .cos_finish_pop a {width: calc(50% - 5px);margin-left: 5px;height: 30px;line-height: 30px;font-size: 13px;letter-spacing:-0.02em;border-radius: 3px;}

    #cosagain .layerpop{padding: 0 15px 0;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 5px;}
    .cos_finish_pop.again strong {padding: 60px 0 5px;font-size: 16px;line-height: 19px;letter-spacing:-0.02em;background: url(../../resources/images/curation/bg_cos_again.png) 50% 0 / 76px 53px no-repeat;}
    .cos_finish_pop.again a{letter-spacing:-0.02em;}

    #productPop1 .layerpop, #productPop2 .layerpop{padding: 20px 15px 15px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;}
    .product_pop strong {padding: 48px 0 7px;font-size: 16px;line-height: 19px;letter-spacing:-0.02em;background: url(../../resources/images/curation/bg_product_pop1.png) 50% 0 / 40px 42px no-repeat;}
    #productPop2 .layerpop strong{padding: 48px 0 13px;}
    #productPop2 .layerpop strong br{display:none;word-break:keep-all;}
    .product_pop p {padding: 0 0 12px;font-size: 13px;line-height: 16px;letter-spacing:-0.02em;word-break:keep-all;}
    .product_pop p br{display:none;}
    .product_pop .area{height:84px;margin: 0 0 15px;border-radius: 5px;}
    .product_pop .area em{font-size:12px;line-height: 15px;}
    .product_pop .area strong {padding: 7px 0 0;font-size: 20px;letter-spacing:-0.02em;line-height:24px;font-weight: 700;}
    .product_pop .btn_area{margin-left:-5px;}
    .product_pop .area p {padding: 0;font-size: 12px;line-height: 16px;letter-spacing:-0.02em;}
    .product_pop .area p br{display:block;}
    .product_pop a {width: calc(50% - 5px);margin-left: 5px;height: 30px;letter-spacing:-0.02em;line-height: 30px;font-size: 13px;border-radius: 5px;}

    #guidePop .layerpop{padding: 20px 0 0;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;}
    .guide_pop strong {padding: 98px 0 7px;font-size: 18px;line-height: 22px;letter-spacing:-0.02em;background: url(../../resources/images/curation/bg_guide_pop1.gif) 50% 0 / 115px 90px no-repeat;}
    .guide_pop p {padding: 0 20px 17px;font-size: 12px;line-height: 16px;letter-spacing:-0.02em;}
    .guide_pop em{font-size: 13px;height: 23px;line-height: 23px;width: 80px;font-weight: 400;}
    .guide_pop span {padding: 6px 0 22px;font-size: 12px;line-height: 15px;letter-spacing:-0.02em;}
    .guide_pop .btn_area a {font-size: 14px;letter-spacing:-0.02em;border-radius: 0 0 10px 10px;height: 40px;line-height: 40px;}
    .guide_pop .btn_area a:after{width: 16px;height: 16px;background: url(../../resources/images/curation/btn_guide_pop1.png) 0 0 / 100% 100% no-repeat;vertical-align: -3px;margin-left: 2px;}
    #guidePop .btn_close {right: 15px;top: 15px;width: 14px;height: 14px;background: url(../../resources/images/curation/btn_pop_m_close.png) 0 0 / 100% 100% no-repeat;}

    #satisfactionPop01 .layerpop{padding: 20px 15px 15px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;}
    .satisfaction_pop p {font-size: 13px;line-height: 16px;letter-spacing:-0.02em;}
    .satisfaction_pop strong {padding: 7px 0 12px;font-size: 16px;letter-spacing:-0.02em;line-height: 20px;}
    .satisfaction_pop .star{padding: 14px 0;border-radius: 5px;margin: 0 0 5px;}
    .starability_grow {width:165px;min-height:22px;}
    .starability_grow>input:checked~label,.starability_grow>input:focus~label,.starability_grow>input:hover~label {background-position:100% -22px}
    .starability_grow>label {margin:0 5px;width:23px;height:22px;background:url(../../resources/images/curation/icon_m_star.png) 0 0 / 100% no-repeat;}
    .starability_grow>label:before {width:23px;height:22px;background:url(../../resources/images/curation/icon_m_star.png) 0 0 / 100% auto no-repeat;}
    .satisfaction_pop textarea{border-radius: 5px;padding: 10px;font-size:12px;line-height:16px;letter-spacing:-0.02em;}
    .satisfaction_pop .btn_area{margin-top: 15px;margin-left:-5px;}
    .satisfaction_pop a {width: calc(50% - 5px);margin-left: 5px;height: 30px;line-height: 30px;font-size: 13px;letter-spacing:-0.02em;border-radius: 5px;}

    .layerpop.loading{width:auto;height:100%;padding:0;margin:0 !important;left:0 !important;right:0 !important;top:0 !important;border-radius: 0;}
    .loading_pop{display:flex;flex-wrap: wrap;height: 100%;align-content: center;}
    .loading_pop strong{width:100%;font-size:20px;letter-spacing:-0.02em;line-height:25px;}
    .loading_pop .img {width: 180px;height: auto;}
    .loading_pop .img img{width:180px;height:auto;}
    .pulse_container {margin: 20px auto 0;}
    .pulse_container .bubble {margin: 0 3px;width: 8px;height: 8px;}

    #clearPop .layerpop{padding: 20px 0 0;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;}
    #clearPop .btn_close{right: 15px;top: 15px;width: 14px;height: 14px;background: url(../../resources/images/curation/btn_pop_m_close.png) 0 0 / 100% 100% no-repeat;}
    .clear_pop strong{padding: 60px 0 7px;font-size: 16px;line-height: 19px;letter-spacing:-0.02em;background: url(../../resources/images/curation/bg_clear_pop1.gif) 50% 0 / 65px 52px no-repeat;}
    .clear_pop p{padding: 0 0 20px;font-size: 13px;line-height: 16px;letter-spacing:-0.02em;}

    #wishareaPop .layerpop{padding: 20px 15px 15px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;}
    .wisharea_pop strong{padding: 63px 0 7px;font-size: 16px;line-height: 19px;letter-spacing:-0.02em;word-break:keep-all;background: url(../../resources/images/curation/bg_wisharea_pop1.gif) 50% 0 / 65px 55px no-repeat;}
    .wisharea_pop .ex{font-size: 12px;line-height: 15px;letter-spacing:-0.02em;}
    .wisharea_pop ul li{font-size: 13px;line-height: 16px;letter-spacing:-0.02em;}
    .wisharea_pop ul li em{width: 102px;}
    .wisharea_pop .btn_area{margin-top: 15px;margin-left:-5px;}
  .wisharea_pop a {width: calc(50% - 5px);margin-left: 5px;height: 30px;line-height: 30px;font-size: 13px;letter-spacing:-0.02em;border-radius: 3px;}

    #curationAreaPop01 .layerpop.type1{width:290px;}
    #curationAreaPop01 .layerpop.type1 .tit > h2 {color: #4880ed;}
    #curationAreaPop01 .layerpop.type1 .box_cont{padding: 0 15px;}
    #curationAreaPop01 .layerpop.type1 ul{margin-left: -9px;padding: 19px 0 0;}
    #curationAreaPop01 .layerpop.type1 .s_menu {margin: 5px 0 0;padding: 0 0 5px;}
    #curationAreaPop01 .layerpop.type1 ul li{width:calc(25% - 9px);}
    #curationAreaPop01 .layerpop.type1 input[type="radio"] + label, #curationAreaPop01 .layerpop.type1 input[type="checkbox"] + label{padding-left: 100%;}
    #curationAreaPop01 .layerpop.type1 input[type="radio"] + label:before, #curationAreaPop01 .layerpop.type1 input[type="checkbox"] + label:before{width: 100%;}
    #curationAreaPop01 .layerpop.type1 input[type="radio"]:checked + label:before, #curationAreaPop01 .layerpop.type1 input[type="checkbox"]:checked + label:before {background: #4880ed;}
    #curationAreaPop01 .layerpop.type1 input[type="radio"]:checked + label span, #curationAreaPop01 .layerpop.type1 input[type="checkbox"]:checked + label span{color:#fff;}
    #curationAreaPop01 .layerpop.type1 .s_menu ul{padding: 15px 0 0;}
    #curationAreaPop01 .layerpop.type1 .s_menu input[type="checkbox"] + label.all:before{background: #969696;}
    #curationAreaPop01 .layerpop.type1 .s_menu input[type="checkbox"]:checked + label:before{background:#fff;}
    #curationAreaPop01 .layerpop.type1 .s_menu input[type="checkbox"]:checked + label:before{border: 1px solid #4880ed; box-shadow: 2px 2px 3px 0px rgba(102, 102, 102, 0.2);}
    #curationAreaPop01  .layerpop.type1 .btn_center a{background:#4880ed;}

    #upgradePop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;}
    .up_pop{border-radius:10px;}
    .up_pop a{bottom: 40px; width: 100px; height: 30px; background-size: 100% 100%;}
    .up_pop img{width: 100%;}
    .up_pop > img{border-radius:10px 10px 0 0;}
    .up_pop .viewNone{height:30px;line-height:30px;padding: 0 0 0 2px;border-radius:0 0 10px 10px;}
    .up_pop .viewNone button{font-size:12px;height:30px;line-height: 30px;padding:0;right:10px;}
    .up_pop input[type="checkbox"] + label{min-height: 16px;font-size: 12px;line-height: 29px;padding-left: 20px;}
    .up_pop input[type="checkbox"] + label:before{width:16px;height:16px;top:7px;background: url(../../resources/images/curation/bg_m_ckeckbox.png) 0 0 / 100% 100% no-repeat;}
    .up_pop input[type="checkbox"]:checked + label:after{width:16px;height:16px;top:7px;background: url(../../resources/images/curation/bg_m_ckeckbox01.png) 0 0 / 100% 100% no-repeat;}

    #tendencyPop .layerpop {padding: 25px 0;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;}
    #tendencyPop .btn_close {right: 15px;top: 15px;width: 14px;height: 14px;background: url(../../resources/images/curation/btn_pop_m_close.png) 0 0 / 100% 100% no-repeat;}
    #tendencyPop .cos_finish_pop strong{padding: 90px 0 15px;background: url(../../resources/images/curation/bg_tendency_pop1.png) 50% 0 / 76px 76px no-repeat;}
    #tendencyPop .cos_finish_pop a{width:75px;}

    #preferencePop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 10px;}
    #preferencePop .layerpop .preference_pop {padding: 20px 15px;}
    .preference_pop strong {font-size: 16px;line-height: 19px;letter-spacing:-0.02em;}
    .preference_pop p {padding: 8px 0 17px;font-size: 13px;letter-spacing:-0.02em;line-height: 17px;}
    .preference_pop .btn{margin-left: -5px;}
    .preference_pop a {width: calc(50% - 5px);margin-left: 5px;height: 35px;line-height: 35px;font-size: 13px;letter-spacing:-0.02em;border-radius: 5px;}
    .preference_pop a + a {line-height: 16px;padding-top: 2px;}
    .preference_pop a span {font-size: 11px;}
    .preference_pop .btn_none {font-size: 12px;letter-spacing:-0.02em;padding: 13px 0 0;}

    #permitlocationPop .layerpop{padding: 25px 20px 30px;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 5px;}
    #permitlocationPop .product_pop strong {padding: 67px 0 7px;background: url(../../resources/images/curation/bg_permitlocation_m_pop.png) 50% 0 / 52px 53px no-repeat;}
    #permitlocationPop .product_pop p {padding: 0 0 18px;font-size: 13px;}
    #permitlocationPop .product_pop a {width: 170px;border-radius: 3px;}
    #permitlocationPop .btn_close{top:15px;right:15px;width: 14px;height: 14px;background: url(../../resources/images/curation/btn_pop_m_close.png) 0 0 / 100% 100% no-repeat;}

    #aiPlannerPop .layerpop{overflow: hidden;padding:0;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 5px;text-align: center;}
    #aiPlannerPop .aiplanner_pop{padding:0 0 20px;}
    #aiPlannerPop .layerpop strong{padding:20px 0 13px;display:block;font-size:18px;letter-spacing:-0.02em;line-height: 21px;color:#000;}
    #aiPlannerPop .layerpop p{padding:0 0 8px;font-size:12px;line-height: 16px;color:#666;}
    #aiPlannerPop .btn_close{position:absolute;margin:0;top:15px;right:15px;width: 14px;height: 14px;background: url(../../resources/images/curation/btn_pop_m_close.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
    #aiPlannerPop img{width:100%;}

    #cosreceivePop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
    .cosreceive_pop .img {height: 268px;}
    .cosreceive_pop .img strong {font-size: 13px;left: 15px;right: 15px;line-height: 16px;}
    .cosreceive_pop .stit {text-underline-offset: 2px;font-size: 17px;line-height: 21px;letter-spacing:-0.02em;}
    .cosreceive_pop .info {padding: 20px 15px;}
    .cosreceive_pop .area {font-size: 12px;letter-spacing:-0.02em;line-height: 15px;margin:5px 0 0;}
    .cosreceive_pop .sns {font-size: 11px;height: 14px;margin: 20px 0;}
    .cosreceive_pop .sns span {height: 14px;line-height: 14px;margin-left: 15px;}
    .cosreceive_pop .sns span:before {margin-right:6px;width: 16px;height: 14px;background: url(../../resources/images/curation/icon_m_sns.png) 0 0 / 100% auto no-repeat;}.cosreceive_pop .sns .share:before{background-position: 0 -14px;}.cosreceive_pop .sns .talk:before{background-position: 0 -28px;}
    .cosreceive_pop .sns span em {margin-right: 6px;}
    .cosreceive_pop .btn {margin-left: -5px;}
    .cosreceive_pop .btn a {width: calc(50% - 5px);margin-left: 5px;height: 30px;border-radius: 3px;font-size: 13px;line-height: 30px;}
    .cosreceive_pop p {font-size: 11px;padding: 8px 0 0;line-height: 14px;}
    #cosreceivePop .layerpop .btn_close {right: 15px;top: 15px;width: 23px;height: 23px;}

    #publicPop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
    #publicPop .public_pop {padding: 20px 15px;}
    #publicPop .public_pop strong {font-size: 16px;letter-spacing:-0.02em;line-height: 19px;}
    #publicPop .public_pop strong:before {margin: 0 0 10px;height: 78px;}
    #publicPop .public_pop p {padding:6px 0 0;font-size: 12px;line-height: 16px;letter-spacing:-0.02em;}
    #publicPop .public_pop .btn {padding:20px 0 0;}
    #publicPop .public_pop .btn a {width:75px;height: 30px;border-radius: 3px;font-size: 13px;line-height: 30px;}
    #publicPop .layerpop .btn_close {right: 15px;top: 15px;width: 14px;height: 14px;background: url(../../resources/images/curation/btn_pop_m_close.png) 0 0 / 100% 100%;}

    #recaptchaPop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
    #recaptchaPop .box_cont {padding: 26px 30px 30px;}
    #recaptchaPop .cont strong {font-size: 18px;line-height: 21px;}
    #recaptchaPop .cont p {padding: 8px 0 32px;font-size: 14px;}

    /* 사용자 정보 입력 */
    .travel_gnb.user {height: auto;background:none;}
    .travel_gnb.user header.curation{display:block;}
    .user_input .visu img{width:100%;}
    .user_input .step strong{display:block;padding:12px 0 13px;font-weight: 700;font-size:15px;letter-spacing:-0.02em;color:#fff;}
    .user_input .step strong:before{content:'';display:inline-block;width:21px;height:19px;vertical-align: -3px;margin-right:5px;background:url(../../resources/images/curation/icon_step_tit.png) 0 0 / 100% auto no-repeat;}
    .user_input .step strong.type5:before{background-position: 0 -95px;}
    .user_input .step strong.type4:before{background-position: 0 -76px;}
    .user_input .step strong.type3:before{background-position: 0 -57px;}
    .user_input .step strong.type2:before{background-position: 0 -38px;}
    .user_input .step strong.type1:before{background-position: 0 -19px;}
    .user_input .step{top:0;width:auto;height:79px;background:#5175d1;}
    .user_input .box{top:0;width:auto;}
    .user_input .step ul li span{display:none;}
    .user_input .step ul li{padding-left: 42px;}
    .user_input .step ul li:before {width: 30px;height: 1px;left: 6px;top: 9px;background: url(../../resources/images/curation/bg_m_step1.png) 0 0 / 8px 1px repeat-x;}
    .user_input .step ul li.on:before {background: url(../../resources/images/curation/bg_m_step2.png) 0 0 / 8px 1px repeat-x;}
    .user_input .step ul li em {width: 17px;height: 17px;font-size: 11px;line-height: 17px;}
    .user_input .step ul li.on em:before {width: 22px;height: 22px;margin: -11px 0 0 -11px;}
    .user_input .step_num {padding: 25px 0 0;font-size: 23px;line-height: 26px;letter-spacing:-0.02em;}
    .user_input .step_num em {font-size: 12px;line-height: 15px;letter-spacing:-0.02em;}
    .user_input .step_num em:before{vertical-align: 1px;font-size: 11px;margin: 0 4px 0 5px;}
    .user_input .step_tit {display: block;padding: 11px 15px 27px;font-size: 19px;word-break:keep-all;font-weight: 700;letter-spacing:-0.02em;line-height: 24px;}
    .selection_btn ul{width:auto;padding:0 5px;}
    .selection_btn ul li{width:calc(33.3% - 20px);margin:0 10px 10px;}
    .selection_btn ul li button .img{height: auto;padding-top: 100%;}
    .selection_btn ul li button.on .img:after{background: rgba(63,108,236,.8) url(../../resources/images/curation/fifty_cos_on1.png) 50% 50% / 19px 20px no-repeat;}
    .selection_btn ul li button strong{margin: 6px 0 0;font-size: 13px;letter-spacing:-0.02em;line-height: 16px;}
    .selection_btn ul.type1 {width: auto;padding: 0 78px;}
    .selection_btn ul.type1 li{width: calc(50% - 20px);}
    .btn_type1 {padding: 5px 0 50px;}
    .btn_type1 a {height: 35px;width: 140px;line-height: 35px;font-size: 15px;letter-spacing:-0.02em;border-radius: 5px;font-weight: 700;}
    .btn_type1 .btn1{box-shadow: 4px 7px 14px 0px rgba(86, 127, 242, 0.35);}
    .btn_type1 a + a {margin-left: 10px;}
    .schedule_btn{width:auto;padding:0 15px;margin: 0 auto 10px;}
    .schedule_btn p.txt1 {padding: 0 0 5px;font-weight: 400;font-size: 12px;letter-spacing:-0.02em;line-height:16px;word-break:keep-all;}
    .schedule_btn p.txt1 br{display:none;}
    .schedule_btn ul li {padding: 0 0 10px;}
    .schedule_btn input[type="radio"] + label{min-height: 40px;border-radius: 5px;}
    .schedule_btn input[type="radio"] + label:before{height: 40px;border-radius: 5px;border: 0;outline:1px solid #fff;}
    .schedule_btn input[type="radio"] + label span{line-height:16px;font-size: 14px;letter-spacing:-0.02em;}
    .schedule_btn input[type="radio"]:checked + label:before {outline: 1px solid #567ff2;}
    .select_area{width:auto;padding:0 30px;}
    .select_area .stit {margin-top: 0;font-weight: 700;font-size: 13px;letter-spacing:-0.02em;}
    .select_area ul{padding:10px 0 5px;}
    .select_area .city {padding: 0 0 10px;}
    .select_area .city:before{width: auto;margin: 0 0 15px 10px;}
    .select_area ul li {width:calc(33.3% - 10px);padding: 0 0 10px 10px;}
    .select_area input[type="radio"] + label, .select_area input[type="checkbox"] + label {height: 30px;padding-left: 100%;}
    .select_area input[type="radio"] + label:before, .select_area input[type="checkbox"] + label:before {width: 100%;height: 30px;}
    .select_area input[type="radio"] + label span, .select_area input[type="checkbox"] + label span {font-size: 13px;height: 30px;letter-spacing:-0.02em;line-height: 30px;}
    .select_area input[type="radio"]:checked + label:before, .select_area input[type="checkbox"]:checked + label:before {box-shadow: 0px 5px 13px 0px rgba(76, 79, 86, 0.38)}
    .select_area .city input[type="checkbox"]:checked + label:before{box-shadow: 0px 5px 13px 0px rgba(76, 79, 86, 0.38);}

    .select_area button {height: 40px;border:1px solid #fff;line-height: 17px;border-radius: 5px;font-size: 14px;letter-spacing:-0.02em;box-sizing: border-box;}
    .select_area button:hover{border:1px solid #567ff2;color:#255aee;}
    .select_area button:after {display:none;}
    .select_area button {margin: 0 0 10px;}
    .select_area .area_list{display:flex;justify-content: center;align-items: center;margin:15px 0 30px;}
    .select_area .area_list strong{flex-shrink: 0;width:92px;font-weight: 700;font-size:14px;letter-spacing:-0.02em;color:#333;}
    .select_area .area_list strong:before{content:'';display:inline-block;width:18px;height:18px;vertical-align: -4px;margin-right:3px;background:url(../../resources/images/curation/area_list_icon.png) 0 0 / 100% 100% no-repeat;}
    .select_area .area_list span{float:left;height:30px;box-sizing: border-box;margin:0 0 5px 5px;line-height: 30px;width:58px;border:1px solid #dfe0e2;color:#666;font-size:13px;border-radius: 50px;background:#fff;text-align: center;}
    .user_input .first_step strong {font-size: 18px;letter-spacing:-0.02em;line-height:26px;}
    .user_input .first_step strong:before{margin: 50px 0 6px;height:15px;background-size: 19px 15px;}
    .user_input .first_step strong em{font-size:25px;letter-spacing:-0.02em;}
    .user_input .first_step p {padding: 9px 0 32px;font-size: 13px;letter-spacing:-0.02em;line-height: 18px;}
    .user_input .box.start .btn_type1{padding: 5px 15px 50px;}


    .swiper-tabs-content > .swiper-wrapper > .swiper-slide{padding: 9.9rem 0 0 0;}


}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    /** 2023 고도화 **/
    /* AI콕콕 */
    .ai_cockcock .want_list .img{height:224px;}
    .ai_cockcock .destination_list .img {height: 144px;}

}


@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .ai_cockcock{width:auto;padding:160px 30px 0;}
    .ai_cockcock .inr{width:auto;padding:0 30px;}
    .ai_cockcock .want_list p.tooltip_txt{display:none;}

    .ai_cockcock .want_list p.tooltip_txt.kiosk{display:block;}
    .ai_cockcock .want_list .refresh {top: 48px;right:30px;}
    .ai_cockcock .want_list ul li{width:calc(33.3% - 20px);}
    .ai_cockcock .destination_list{display:flex;}
    .ai_cockcock .destination_list .list{width:auto;min-width: 0;}
    .ai_cockcock .destination_list .list ul li{width:calc(25% - 20px);}
    .ai_cockcock .cockcock_banner a{padding:0;}
    .ai_cockcock .cockcock_banner{height:auto;}
    .ai_cockcock .cockcock_banner a img{width:100%;}
    .ai_cockcock .left_area{flex-shrink: 0;}
    .ai_cockcock .destination_list ul.type1 li a{display:block;min-width: 0;}
    .ai_cockcock .destination_list .img {height: 220px;}
    .ai_cockcock .circumscription_list .swiper-slide {width: 25%;}
    .ai_cockcock .want_list .no_list{padding: 0 130px;}
    .tmap_age_destination .list_wrap{width:auto;flex-grow: 1;flex-basis: 0;}
    .tmap_age_destination .inr{display:flex;}
    /*.ai_cockcock button.good{opacity: 1;}*/

}