@charset "utf-8";

.mo{display:none;}
#contents{width:100%;padding:0 0 100px;overflow: hidden;}
body{overflow: inherit;}
html.size_adapt *{font-family:"Pretendard GOV",NotoSansKR;}
.inr{max-width:1280px;margin:0 auto;position: relative;}

/* header */
.header {position:fixed;left:0;right:0;bottom:12rem;z-index: 100;top:auto;height:0;padding:0;max-width: 1280px;width: auto;}
.header .inner {position: relative;margin: 0 auto;}
.header .share.on ul{width:412px;height:40px;box-shadow: 9px 14px 24px 0px rgba(152, 150, 150, 0.3);border-radius: 50px;}
.header .share.on ul:after{display:none;}
.header .share ul{position: absolute;text-align: center;top: 0;display: flex;right: -130px;justify-content: center;background: #333;height:40px;width:40px;overflow: hidden;transition: width .4s;border-radius: 50px;border:1px solid #333;box-sizing: border-box;}
.header .share ul:after{content:'';display:inline-block;width:40px;border-radius: 100%;height:40px;background:#333 url(../images/icon_share04_1.gif) 11px 11px no-repeat;position:absolute;left:0;top:0;box-sizing: border-box;cursor: pointer;}
.header .share.on ul li{margin: 10px 20px 0;}
.header .share ul li{float:left;height:20px;position: relative;font-size:15px;font-weight: 300;color:#666;line-height:18px;}
.header .share.on ul li span{display:inline-block;color:#fff;}
.header .share ul li:after{content:'';display:inline-block;width:1px;height:15px;background:#b5b5b5;position:absolute;right:-18px;top:3px;}
.header .share ul li:last-child:after{display:none;}
.header .share ul li em{position:absolute;text-indent: -9999px;font-size:0;}
.header .share ul li a{display:inline-block;height:20px;color:#666;}
.header .share ul li.icon1:before{content:'';float:left;width:24px;height:20px;margin-right:8px;background:url(../images/icon_share01_1.gif) no-repeat;}
.header .share ul li.icon2 a:before{width:19px;background:url(../images/icon_share02_1.gif) no-repeat;}
.header .share ul li.icon2.on a:before {background-position: 0 -20px;}
.header .share ul li.icon3 a:before{width:17px;background:url(../images/icon_share03_1.gif) no-repeat;}
.header .share ul li.icon4 a:before{width:18px;background:url(../images/icon_share04_2.gif) no-repeat;}
.header .share ul li a:before{content:'';float:left;width:24px;height:20px;margin-right:8px;background:url(../images/icon_share.png) no-repeat;}
.header .share.on ul li.icon2{display:inline-block;}
.header .share.on ul li.icon2{display:inline-block;}
.header .share ul li.icon2{display:none;}
.header .share ul li.icon2{display:none;}
.header .share ul li a:before{display:none;}
.header .share.on ul li a:before{display:inline-block;}
.header .share ul li.icon1:before{display:none;}
.header .share.on ul li.icon1:before{display:inline-block;}
.btn_topWrap.scroll .btn_topMove2.travel{right:-40px;}
.header .share button.good:focus-visible:after{content: "";content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%; border-radius: 100%; outline: 3px solid red; outline-offset: 2px; z-index: 10;box-sizing: border-box;}
.header .share button.good{padding: 0.4rem 0 0;position: absolute;right: 0;top: -2rem;box-sizing: border-box;border-radius: 50%;width:4rem;height:4rem;background:#333;}
.header .share button .icon_pin_lg svg path{stroke:#fff}

/* 타이틀 */
.travel_info_tit{width:1280px;margin:14.2rem auto 0;position: relative;}
.travel_info_tit h2{display:inline-block;line-height: 100%;font-weight: 800;font-size: 40px;color:#333;}
.travel_info_tit em{display:block;padding:0 0 12px;font-weight: 700;font-size: 23px;color:#333;line-height: 100%;letter-spacing: -0.02em;}
.travel_info_tit > button{margin: 9px 0 0 14px;vertical-align: top;}
.travel_info_tit .wrap_layerpop.ui_tooltip{left:120px;top:81px;}
.travel_info_tit .layerpop{border:0;width:auto;}
.travel_info_tit .layerpop svg{width:13px;height:13px;}
.travel_info_tit .ui_tooltip:before{display:none;}


/* 검색 */
.travel_info_search{margin:50px 0 0;}
.travel_info_search .mo_search{display:none;}
.travel_info_search .box{padding:40px 0 104px;background:#F4F6F8;}
.travel_info_search .textfield_input_lg{padding:0;height:78px;border:0;border-bottom:2px solid #666;border-radius: 0;background:none;overflow: inherit;}
.travel_info_search .textfield_input_lg:focus-within:after{content:'';display:block;height:1px;position:absolute;left:0;right:0;bottom:-2px;border-bottom:2px solid #333;}
.travel_info_search .icon_search_md{width:30px;height:30px;}
.travel_info_search .icon_search_md svg{width:28px;height:28px;}
.travel_info_search .icon_search_md svg path{fill:#236CF6;}
.travel_info_search .icon_close1_lg{width:30px;height:30px;}
.travel_info_search .icon_close1_lg svg path.bg{fill:#666;stroke:#666;}
.travel_info_search .textfield_input_lg input {background: none;font-size: 24px;font-weight:800;letter-spacing: -0.02em;color:#333;}
.travel_info_search .textfield_input_lg .placeholder {position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #666;font-size: 24px;font-weight:800;pointer-events: none;transition: 0.2s;letter-spacing: -0.02em;}
.travel_info_search .textfield_input_lg[class^="textfield_input_"] input::placeholder{color: #666 !important;}
.travel_info_search .textfield_input_lg input:focus + .placeholder,
.travel_info_search .textfield_input_lg input:not(:placeholder-shown) + .placeholder {opacity: 0;visibility: hidden;}
.travel_info_search .textfield_input_lg .star{color: #FF4B42;}
.travel_info_search .description{padding:20px 0 0;font-size:16px;line-height: 100%;letter-spacing: -0.02em;color:#666;}
.travel_info_search .description span{color: #FF4B42;}
.travel_info_search .filter_group{padding-right:132px;border-radius: 6px;background:#fff;box-shadow: 0px 0px 10px rgba(193, 201, 208, 0.5);}
.travel_info_search .filter_group ul{display:flex;}
.travel_info_search .filter_group > ul{margin:40px 0 0;}
.travel_info_search .filter_group > ul > li{position: relative;min-width: 0;height:92px;flex-grow: 1;flex-basis: 0;padding:21px 64px 24px;box-sizing: border-box;}
.travel_info_search .filter_group > ul > li.on{background:#FCFCFC}
.travel_info_search .filter_group > ul > li.on .icon_chevron_dw_lg{display:none;}
.travel_info_search .filter_group > ul > li + li{border-left:1px solid #E5E5E5;}
.travel_info_search .filter_group > ul > li a{display:block;color:#333;}
.travel_info_search .filter_group .wrap_layerpop.filter .btn a:focus-visible{outline-color:red;}
.travel_info_search .filter_group > ul > li a em{display:block;font-size:16px;line-height: 100%;letter-spacing: -0.02em;}
.travel_info_search .filter_group > ul > li.selected strong{color:#333;}
.travel_info_search .filter_group > ul > li a strong{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:11px 0 0;font-size:20px;font-weight:800;line-height: 100%;letter-spacing: -0.02em;}
.travel_info_search .filter_group > ul > li a > span:first-child{position:absolute;left:24px;top:34px;}
.travel_info_search .filter_group > ul > li a > .icon_mappin_lg svg path{fill:#666;}
.travel_info_search .filter_group > ul > li a > .icon_mappin_lg svg ellipse{stroke:#666;}
.travel_info_search .filter_group > ul > li a > .icon_calendar_lg svg path,
.travel_info_search .filter_group > ul > li a > .icon_thema_lg svg path{stroke:#666;}
.travel_info_search .filter_group .icon_chevron_dw_lg{position:absolute;right:24px;top:34px;}
.travel_info_search .filter_group .icon_chevron_dw_lg svg path{stroke:#666;}
.travel_info_search .wrap_layerpop.filter{height:auto;position:absolute;left:0;top:104px;width:510px;padding:30px 24px;box-shadow: 0px 0px 10px rgba(193, 201, 208, 0.5);background:#fff;z-index: 10;border-radius: 6px;}
.travel_info_search .wrap_layerpop.filter .dimmed{display:none;}
.travel_info_search .wrap_layerpop.filter .layerpop{position:static;margin:0 !important;width:100%;padding:0;box-shadow:none;overflow: hidden;border-radius: 0;border:0;}
.travel_info_search .wrap_layerpop.filter .box_cont{padding:0;}
.travel_info_search .wrap_layerpop.filter .tit{display:block;padding:0 0 32px;font-weight: 800;line-height: 100%;font-size:18px;color:#333;letter-spacing: -0.02em;}
.travel_info_search .wrap_layerpop.filter .tit em{display:block;padding:0 0 8px;font-size:16px;line-height: 100%;}
.travel_info_search .wrap_layerpop.filter .icon_close2_xs{position:absolute;right:24px;top:41px;}
.travel_info_search .wrap_layerpop.filter ul{padding: 0 0 32px;display: grid;grid-template-columns: repeat(6, 1fr);gap: 12px 8px;}
.travel_info_search #filterOption2.wrap_layerpop.filter ul{grid-template-columns: repeat(5, 1fr);}
.travel_info_search #filterOption3.wrap_layerpop.filter ul{display: flex;flex-wrap: wrap;}
.travel_info_search #filterOption3.wrap_layerpop.filter ul li button{padding: 11px 20px;}
.travel_info_search .wrap_layerpop.filter ul li button{white-space: nowrap;width:100%;padding: 11px 0;font-size: 16px;line-height:100%;letter-spacing: -0.02em;border: 1px solid #D6D6D6;border-radius: 100px;color: #666;}
.travel_info_search .wrap_layerpop.filter ul li button:focus-visible{outline-color: red;}
.travel_info_search .wrap_layerpop.filter ul li button.all{border-color:#333;font-weight: 700;color:#333;}
.travel_info_search .wrap_layerpop.filter ul li button.all.on{background-color:#333;}
.travel_info_search .wrap_layerpop.filter ul li button.on{background-color:#666;color:#fff;border-color:#666}
.travel_info_search #filterOption3.wrap_layerpop.filter{left:-128px;}
.travel_info_search .btn .search{position:absolute;right:0;bottom:0;width:132px;height:92px;background:#E5E5E5;border-radius:0 6px 6px 0;text-align: center;font-weight: 800;font-size:20px;letter-spacing: -0.02em;line-height: 92px;color:#666;}
.travel_info_search .btn .search:focus-visible{outline:3px solid red;}
.travel_info_search .btn .search.on{background:#236CF6;color:#fff;}
.travel_info_search .btn .search.press{background:#1C56C5;color:#fff;}
.travel_info_search .btn .search.on:hover{background:#2061DD;}
.travel_info_search .btn .btn_noline_lg{width:auto;position:absolute;left:0;padding:0 !important;bottom:-40px;font-size:16px;color:#333;letter-spacing: -0.02em;line-height:20px;display:flex;}
.travel_info_search .btn{display:flex;justify-content: center;}
.travel_info_search .btn a{width:160px;line-height: 40px;text-align: center;}
.travel_info_search .filter_group .confirm{width:160px;height:40px;line-height: 40px;border-radius: 4px;background:#333;border:1px solid #333;color:#fff;text-align: center;font-weight: 700;font-size:16px;letter-spacing: -0.02em;}
.travel_info_search .filter_group .confirm.off{border-color: #D6D6D6;background:#E5E5E5;color:#767676;cursor:default;}
.travel_info_search .btn_more{text-align: center;padding:32px 0 0;}
.travel_info_search .btn_more a{border-radius: 4px;background:#333;color:#fff;}
.travel_info_search .btn_more a:focus-visible{outline:3px solid red;}
.travel_info_search .btn_more a svg path{stroke: none;fill:#fff;}

/* 핀버튼 */
.travel_pdt .btn_pin{display: flex;align-items: center;justify-content: center;position: absolute;right: 12px;top: 12px;display: flex;align-items: center;color: #fff;font-size: 16px;font-weight: 400;}
.travel_pdt .btn_pin button {width: 32px;height: 32px;margin-left: 10px;font-size: 0;background: #fff;border-radius: 100%;}

/* 100선 컴포넌트1 */
.component_100scene01{margin:100px auto 0;color:#333;}
h2.tit_component{padding:61px 0 15px;text-align: center;color: #333;font-size:38px;font-weight: 400;letter-spacing: -2px;line-height:44px;}
.component_100scene01 h3{display:flex;padding:0 0 35px;font-weight: 800;font-size:28px;line-height: 100%;letter-spacing: -0.02em;}
.component_100scene01 h3 span{display:inline-block;padding-left:15px;font-size:18px;font-weight: 300;letter-spacing: -0.02em;color:#666;}
.component_100scene01 .swiper-slide{width:auto;float:left;}
.component_100scene01 .swiper-container{overflow: inherit;padding:0 0 40px;margin: 0;left: -155px;}
.component_100scene01 a{position: relative;display:block;width:302px;text-align: center;}
.component_100scene01 .swiper-slide a:focus-visible{outline: none;}
.component_100scene01 .swiper-slide a:focus-visible::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid red;box-sizing: border-box; z-index: 10;}
.component_100scene01 a .img_wrap{position: relative;width:100%;height:302px;overflow: hidden;border-radius:6px;border:0;padding:0;margin:0;}
.component_100scene01 a .img{position:relative;overflow:hidden;display: block;height: 100%;background-position: 50% 50%;background-size: cover;transition: all .7s;}
.component_100scene01 a .img:after{content:'';display:block;height: 25%;position: absolute;width:100%;top:0;background-image:linear-gradient(to top,transparent,rgba(0,0,0,.6));}
.component_100scene01 a .img:hover{transform: scale(1.2);}
.component_100scene01 a em{position:absolute;left:0;top:0;width:50px;height:50px;color:#fff;font-size: 17px;line-height:50px;background:#236CF6;border-radius: 0 0 6px 0;}
.component_100scene01 a .provider{/*display:inline-block;*/display:none;margin:17px 0 0;font-size: 16px;line-height:20px;font-weight: 300;color:#666;}
.component_100scene01 a .provider:after{content:'';display:block;height:1px;background:#dcdcdc;margin-top:2px;}
.component_100scene01 a .tit{display:block;font-size:20px;font-weight:700;margin-top:18px;line-height:26px;letter-spacing: -0.02em;overflow:hidden;display: -webkit-box;height:52px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#333;}
.component_100scene01 a .tit span{color:#fe5d63;}
.component_100scene01 a div{border-top:1px dashed #dbd9d9;line-height:20px;padding:15px 0 0;margin-top:13px;}
.component_100scene01 a .price{display:inline-block;font-size:17px;font-weight:800;color:#333;}
.component_100scene01 a .date{display:inline-block;color:#666;font-size:17px;letter-spacing: -0.01em;}
.component_100scene01 a .date:before{content:'';display:inline-block;width:1px;height:12px;background:#dfdfdf;margin:0 15px 0 13px;}
.component_100scene01 a span.good{position:absolute;right:12px;top:12px;display:flex;align-items: center;color:#fff;font-size:16px;font-weight: 700;}
.component_100scene01 a button{width:32px;height:32px;margin-left:10px;font-size:0;background:#fff;border-radius: 100%;}

.component_100scene01 .swiper-button-next, .component_100scene01 .swiper-button-prev{margin-top:0;top:0;text-indent: -9999px;}
.component_100scene01 .button_wrap{width:1200px;position: absolute;left:50%;top:0;margin-left: -443px;height:50px;}
.component_100scene01 .swiper-button-next, .component_100scene01 .swiper-button-prev{width:86px;height:86px;left:-43px;margin-top:0;top:96px;text-indent: -9999px;background: url('../images/btn_slide03.png') no-repeat;}
.component_100scene01 .swiper-button-next{right:-43px;left:auto;background-position: 0 -86px;}
.component_100scene01 .swiper-container:before {content: "";position: absolute;top: 0;left: -89%;width: 100%;height: 100%;background: #fff;opacity: .7;z-index: 5;}
.component_100scene01 .swiper-container:after {content: "";position: absolute;top: 0;right: -113%;width: 100%;height: 100%;background: #fff;opacity: .7;z-index: 5;}

/* 100선 컴포넌트2 */
.component_100scene02{padding:70px 0 30px;margin-top:100px;background:#fafafa;overflow: hidden;position: relative;}
.component_100scene02 h3{float:left;width:276px;font-size: 28px;line-height: 130%;letter-spacing: -0.02em;color:#333;font-weight: 800;}
.component_100scene02 h3 span{position:relative;display:block;padding:23px 0 0;margin:25px 0 0;font-size: 18px;line-height: 130%;font-weight: 300;letter-spacing: -0.02em;color: #666;}
.component_100scene02 h3 span:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:3px;background:#666;}
.component_100scene02 .swiper-wrapper{flex-wrap: wrap;}
.component_100scene02 .swiper-slide{width:auto;float:left;margin:0 0 40px 24px;}
.component_100scene02 .cont_box{position:absolute;left:15px;right:15px;bottom:0;padding:0 15px;height:148px;background:#fff;border-radius:6px;box-shadow: 0px 1px 24px 0px rgba(187, 179, 175, 0.24);}
.component_100scene02 a{position: relative;display:block;width:310px;height:338px;}
.component_100scene02 a:focus{outline:none;}
.component_100scene02 a:focus-visible:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid red;box-sizing: border-box; z-index: 10;}
.component_100scene02 a .img{position:relative;display: block;height: 310px;background-position: 50% 50%;background-size: cover;border-radius:6px;overflow: hidden;}
.component_100scene02 a .img:after{content:'';display:block;height: 25%;position: absolute;border-radius: 6px 6px 0 0;width:100%;top:0;background-image:linear-gradient(to top,transparent,rgba(0,0,0,.6));}
.component_100scene02 a .img em{position:absolute;left:0;top:0;width:50px;height:50px;border-radius: 0 0 6px 0;z-index: 5;color:#fff;font-size: 17px;line-height:50px;background:#236CF6;text-align: center;}
.component_100scene02 a .provider{/*display:inline-block;*/display:none;margin:17px 0 18px;font-size: 16px;line-height:20px;font-weight: 300;color:#666;}
.component_100scene02 a .provider:after{content:'';display:block;height:1px;background:#dcdcdc;margin-top:2px;}
.component_100scene02 a .tit{display:block;margin-top:18px;font-size:20px;font-weight:700;line-height:26px;letter-spacing: -0.02em;overflow:hidden;display: -webkit-box;height: 52px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#000;}
.component_100scene02 a .info{line-height:20px;padding:7px 0 15px;}
.component_100scene02 a .price{display:inline-block;font-size:17px;font-weight:800;color:#333;}
.component_100scene02 a .date{display:inline-block;color:#666;font-size:17px;}
.component_100scene02 a .date:before{content:'';display:inline-block;width:1px;height:15px;background:#dfdfdf;margin:0 15px 0 13px;vertical-align: -2px;}
.component_100scene02 a .tag{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-left:-7px;}
.component_100scene02 a .tag span{display:inline-block;font-size:15px;line-height:18px;color:#767676;font-weight: 300;margin-left:7px;}
.component_100scene02 .swiper-scrollbar{display:none;}
.component_100scene02 .custom_pagination_progressbar{display:none;}

/* 100선 컴포넌트3 */
.component_100scene03{margin:100px 0 0;overflow: hidden;position: relative;}
.component_100scene03 h3{float:left;width:302px;padding-right:32px;font-size: 28px;line-height: 130%;letter-spacing: -0.02em;color:#333;font-weight: 800;box-sizing: border-box;}
.component_100scene03 h3 span{position:relative;display:block;padding:17px 0 0;margin:17px 0 0;font-size: 16px;line-height: 24px;font-weight: 300;letter-spacing: -0.6px;color: #666;}
.component_100scene03 h3 span:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:3px;background:#666;}
.component_100scene03 .swiper-slide{width:auto !important;float:left;}
.component_100scene03 .cont_box{position:absolute;left:20px;right:20px;height:170px;bottom: -75px;padding:0 10px 13px;border-radius:4px;z-index: 5;transition: bottom .3s ease-out;}

.component_100scene03 a{overflow: hidden;position: relative;display:block;width:300px;height:380px;border-radius:6px;}
.component_100scene03 .swiper-slide a:focus-visible{outline: none;}
.component_100scene03 .swiper-slide a:focus-visible:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:3px solid red;z-index: 10;box-sizing: border-box; border-radius: 0;}
.component_100scene03 a:after{content: "";display: block;position: absolute;right: 0;bottom: 0;left: 0;height: 40%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.9));border-radius:0 0 6px 6px;}
.component_100scene03 a .img{display: block;height: 100%;background-position: 50% 50%;background-size: cover;border-radius:6px;}
.component_100scene03 a .img:after{content:'';display:block;height: 25%;position: absolute;border-radius: 6px 6px 0 0;width:100%;top:0;background-image:linear-gradient(to top,transparent,rgba(0,0,0,.6));}
.component_100scene03 a .img em{position:absolute;left:0;top:0;width:50px;height:50px;z-index: 5;color:#fff;font-size: 17px;line-height:50px;background:#236CF6;text-align: center;}

.component_100scene03 a:hover .cont_box, .component_100scene03 a:focus .cont_box{height:auto;background:#fff;bottom:20px;padding:0 15px 13px;}
.component_100scene03 a:hover .tit, .component_100scene03 a:focus .tit{color:#000;}
.component_100scene03 a:hover .provider, .component_100scene03 a:focus .provider{color:#666;}
.component_100scene03 a:hover .provider:after, .component_100scene03 a:focus .provider:after{background:#666;}
.component_100scene03 a:hover .info, .component_100scene03 a:focus .info{display:block;}
.component_100scene03 a:hover .cos, .component_100scene03 a:focus .cos{display:block;}
.component_100scene03 a .provider{color:#fff;/*display:inline-block;*/display:none;margin:17px 0 18px;font-size: 16px;line-height:20px;font-weight: 300;}
.component_100scene03 a .provider:after{content:'';display:block;height:1px;margin-top:2px;background:#fff;}
.component_100scene03 a .tit{display:block;margin-top:20px;font-size:20px;font-weight:700;line-height:26px;letter-spacing: -0.02em;overflow:hidden;display: -webkit-box;height: 52px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#fff;}

.component_100scene03 a .info{line-height:20px;padding:7px 0 0;display:none;}
.component_100scene03 a .price{display:inline-block;font-size:17px;font-weight:800;color:#333;}
.component_100scene03 a .date{display:inline-block;color:#666;font-size:17px;}
.component_100scene03 a .date:before{content:'';display:inline-block;width:1px;height:15px;background:#dfdfdf;margin:0 15px 0 13px;vertical-align: -2px;}
.component_100scene03 a .cos{height:45px;position:relative;margin:16px 0 0;display:none;}
.component_100scene03 a .cos:after{content:'';display:block;border-top:2px dashed #dadada;position:absolute;left:0;top:9px;width:100%;}
.component_100scene03 a .cos ul:before{content:'';display:inline-block;width:10px;height:10px;border:2px solid #a29f9f;border-radius: 100%;box-sizing: border-box;position:absolute;left:0;top: 5px;background: #fff;z-index: 5;}
.component_100scene03 a .cos ul:after{content:'';display:inline-block;width:10px;height:10px;border:2px solid #a29f9f;border-radius: 100%;box-sizing: border-box;position:absolute;right:0;top: 5px;background: #fff;z-index: 5;}
.component_100scene03 a .cos ul li{float:left;padding-top:20px;width:50%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:14px;font-weight: 300;color:#888;}
.component_100scene03 a .cos ul li:last-child{text-align: right;}
.component_100scene03 a .cos ul li.num{padding:0;position:absolute;left:50%;top: -1px;margin-left:-17.5px;width:35px;text-align: center;height:22px;line-height:22px;border-radius: 50px;background:#a29f9f;color:#fff;z-index: 5;}
.component_100scene03 .custom_pagination_progressbar{position:absolute;left:50%;margin-left:-640px;top:356px;justify-content: flex-start;width:1280px;}
.component_100scene03 .custom_pagination_progressbar .pagination-progressbar{width:60px}
.component_100scene03 .swiper-container{position:static;}
.component_100scene03 .swiper-container.lock .custom_pagination_progressbar{display:none;}

/* 100선 컴포넌트4 */
.component_100scene04{margin:100px 0 0;overflow: hidden;position: relative;}
.component_100scene04 h3{width:1280px;margin:0 auto;padding:52px 0 48px;font-size: 28px;line-height: 100%;letter-spacing: -0.02em;color: #333;font-weight: 800;}
.component_100scene04 .bg{height:240px;background-position: 50% 50%;background-size: cover;}
.component_100scene04 .inr{top:-112px;}
.component_100scene04 .swiper-slide {width: 100%;display:flex;gap:24px;}
.component_100scene04 .swiper-slide:focus-visible:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #000;z-index: 10;box-sizing: border-box;}
.component_100scene04 a{position: relative;display: block;width: 302px;}
.component_100scene04 a:focus{outline:none;}
.component_100scene04 a:focus-visible:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid red;z-index: 10;box-sizing: border-box;}
.component_100scene04 a .img_wrap {position: relative;width: 100%;height: 380px;overflow: hidden;border-radius: 6px;}
.component_100scene04 a .img_wrap em {position: absolute;left: 0;top: 0;width: 50px;height: 50px;z-index: 5;color: #fff;font-size: 17px;line-height: 50px;background: #236CF6;text-align: center;}
.component_100scene04 a .img_wrap img{width:100%;height:100%;object-fit: cover;}
.component_100scene04 a .img_wrap:after {content: '';display: block;height: 25%;position: absolute;width: 100%;top: 0;background-image: linear-gradient(to top,transparent,rgba(0,0,0,.6));}
.component_100scene04 a .tit {display: block;font-size: 20px;font-weight: 700;margin-top: 18px;line-height: 26px;letter-spacing: -0.02em;overflow: hidden;display: -webkit-box;height: 52px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #333;}
.component_100scene04 a .info {display:flex;line-height: 100%;margin:16px 0 0;}
.component_100scene04 a .price{color:#333;font-weight: 800;font-size: 17px;}
.component_100scene04 a .date{font-size:17px;color:#666;}
.component_100scene04 a .date:before {content: '';display: inline-block;width: 1px;height: 15px;background: #dfdfdf;margin: 0 15px 0 13px;vertical-align: -2px;}
.component_100scene04 .custom_pagination_progressbar{margin:32px 0 0;}
.component_100scene04 .swiper-container.lock + .custom_pagination_progressbar{display:none;}
.component_100scene04 + div{margin-top:30px}

/* 100선 컴포넌트5 */
.component_100scene05{margin:100px 0 0;overflow: hidden;position: relative;}
.component_100scene05 .inr{width:1310px;max-width: none;}
.component_100scene05 h3{font-size: 28px;padding:0 0 0 15px;line-height:34px;letter-spacing: -0.02em;color: #333;font-weight: 800;}
.component_100scene05 h3 em{font-weight: 800;color:#236CF6;}
.component_100scene05 .swiper-container{padding:36px 15px 15px;}
.component_100scene05 .swiper-slide {width: auto;}
.component_100scene05 a{position: relative;display: block;width: 302px;padding:0 0 24px;border-radius:4px;box-shadow: 0px 0px 15px rgba(149, 157, 165, 0.2);overflow: hidden;}
.component_100scene05 .swiper-slide a:focus-visible{outline: none;}
.component_100scene05 .swiper-slide a:focus-visible:after{content: "";content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid red;z-index: 10;box-sizing: border-box;}
.component_100scene05 a .img_wrap {position: relative;width: 100%;height: 227px;overflow: hidden;}
.component_100scene05 a .img_wrap em {position: absolute;left: 0;top: 0;width: 50px;height: 50px;z-index: 5;color: #fff;font-size: 17px;line-height: 50px;background: #236CF6;text-align: center;}
.component_100scene05 a .img_wrap img{width:100%;height:100%;object-fit: cover;}
.component_100scene05 a .img_wrap:after {content: '';display: block;height: 25%;position: absolute;width: 100%;top: 0;background-image: linear-gradient(to top,transparent,rgba(0,0,0,.6));}
.component_100scene05 a .tit {display: block;padding:0 24px;font-size: 20px;font-weight: 700;margin-top: 18px;line-height: 26px;letter-spacing:-0.02em;overflow: hidden;display: -webkit-box;height: 52px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #333;}
.component_100scene05 a .info {display:flex;line-height: 100%;margin:16px 24px 0;}
.component_100scene05 a .price{color:#333;font-weight: 800;font-size: 17px;}
.component_100scene05 a .date{font-size:17px;color:#666;}
.component_100scene05 a .date:before {content: '';display: inline-block;width: 1px;height: 15px;background: #dfdfdf;margin: 0 15px 0 13px;vertical-align: -2px;}
.component_100scene05 .custom_pagination_progressbar{width:auto;left:auto;right:15px;top:6px;bottom:auto;position:absolute;}
.component_100scene05 .custom_pagination_progressbar .swiper-pagination-progressbar{width:60px;}
.component_100scene05 + div{margin-top:85px;}
.component_100scene05 .swiper-container.lock + .custom_pagination_progressbar{display:none;}

/* 100선 배너 */
.banner_100scene{margin:100px 0 0;}
.banner_100scene a{position: relative;flex-grow: 1;flex-basis: 0;}
.banner_100scene a:focus{outline:none;}
.banner_100scene a img{width:100%;}
.banner_100scene a:focus:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:3px solid red;box-sizing: border-box;}
.banner_100scene .swiper-container{padding:0 0 42px;}
.banner_100scene .swiper-slide{width:100% !important;display:flex;gap:20px;}
.banner_100scene .paging{display:flex;align-items: center;justify-content: center;position: absolute;bottom: 2px;left: 0;z-index: 100;width: 100%;font-size: 0;text-align: center;}
.banner_100scene .banner_slide .btn_autoArea{margin-right:5px;}
.banner_100scene .banner_slide .btn_autoArea button:focus{outline:2px solid red;outline-offset: 1px;}
.banner_100scene .btn_autoArea .play{display:none;}
.banner_100scene.active .btn_autoArea .stop{display:none;}
.banner_100scene.active .btn_autoArea .play{display:block;}
.banner_100scene .swiper-pagination{display: inline-block;position: relative;font-size: 0;text-align: center;left: auto !important;bottom: 0 !important;}
.banner_100scene .swiper-pagination button.swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity: 1;margin-left:8px;border: 1px solid #333;vertical-align: middle;}
.banner_100scene .swiper-pagination button.swiper-pagination-bullet-active {width:30px;background: #333;border-radius: 50px;}
.banner_100scene .swiper-pagination button.swiper-pagination-bullet:focus-visible{ outline: 2px solid red;transition: none;outline-offset: 1px;}


/* 검색결과 */
.result_100scene {width:1200px;margin:80px auto 0;}
.result_100scene h3{padding: 0 0 25px;font-weight: 700;font-size: 28px;line-height: 32px;letter-spacing: -1.5px;color: #333;}
.result_100scene ul{margin-left:-40px;}
.result_100scene ul:after{content:'';display:block;overflow: hidden;clear: both;}
.result_100scene ul li{float:left;margin:0 0 60px 40px;}
.result_100scene ul li a{position: relative;display:block;width:270px;border-radius:20px;text-align: center;overflow: hidden;}
.result_100scene ul li a:focus{outline:3px solid red;}
.result_100scene ul li a .img{position: relative;display: block;height: 270px;background-position: 50% 50%;background-size: cover;border-radius:20px;}
.result_100scene ul li a .img:after{content: '';display: block;height: 25%;position: absolute;border-radius: 10px 10px 0 0;width: 100%;top: 0;background-image: linear-gradient(to top,transparent,rgba(0,0,0,.6));}
.result_100scene ul li a .img em{position:absolute;left:20px;top:0;width:50px;z-index: 10;height:50px;color:#fff;font-size: 17px;line-height:50px;background:#393e46;}
.result_100scene .cont_box{min-height: 130px;}
.result_100scene ul li a .provider{display:none;margin:17px 0 18px;font-size: 16px;line-height:20px;font-weight: 300;color:#666;}
.result_100scene ul li a .provider:after{content:'';display:block;height:1px;background:#666;margin-top:2px;}
.result_100scene ul li a .tit{margin-top:18px;display:block;font-size:20px;font-weight:700;line-height:24px;letter-spacing: -1px;overflow:hidden;display: -webkit-box;height: 48px;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#000;}
.result_100scene ul li a .tit em{font-weight: 700;color:#fe5d63;}
.result_100scene ul li a .info{border-top:1px dashed #dbd9d9;line-height:20px;padding:15px 0 0;margin-top:13px;}
.result_100scene ul li a .price{display:inline-block;font-size:17px;font-weight:700;color:#FE5D63;}
.result_100scene ul li a .date{display:inline-block;color:#666;font-size:17px;font-weight:300;letter-spacing: -0.5px;}
.result_100scene ul li a .date:before{content:'';display:inline-block;width:1px;height:15px;background:#dfdfdf;margin:0 15px 0 13px;vertical-align: -2px;}
.result_100scene a span.good {position: absolute;right: 20px;top: 15px;display: flex;align-items: center;color: #fff;font-size: 16px;}
.result_100scene ul li a button{width: 33px;height: 33px;margin-left: 10px;font-size: 0;background: url('../images/btn_good.png') no-repeat;text-indent: -9999px;}
.result_100scene ul li a button.on{background-position: 0 -33px;}
.result_100scene .more_view{overflow: hidden;text-align: center;}
.result_100scene .more_view button{font-size: 16px;color:#333;border:1px solid #e3dddd;height:45px;width:120px;border-radius: 50px;}
.result_100scene .more_view button:after{content:'';display:inline-block;width:16px;height:10px;margin-left:8px;background: url('../images/btn_more_view.png') no-repeat;}
.result_100scene .none_result{text-align: center;}
.result_100scene .none_result strong{display:block;font-weight: 700;font-size:35px;line-height:40px;letter-spacing: -2px;color:#000;}
.result_100scene .none_result strong:before{content:'';display:block;height:113px;margin:135px 0 35px;background: url('../images/bg_none_result.png') 50% 0 no-repeat;}
.result_100scene .none_result p{padding:17px 0 0;font-size: 20px;letter-spacing: -1px;line-height: 24px;color:#666;}

/* 결과, 찜, 전체 */
.travel_info_prev{margin: 130px auto 0;}
.travel_info_prev .inr{display:flex;line-height:20px;gap:8px;font-weight: 600;font-size:16px;letter-spacing: -0.03em;color: #3D3D43;}
.travel_info_prev a{display: flex;color:#3D3D43;gap:8px;}
.travel_info_result{margin:0;word-wrap: break-word;word-break:keep-all;}
.travel_info_result .result{padding: 48px 0 ;margin:33px 0 32px;background: #F4F6F8;}
.travel_info_result .result .inr{display:block;background:#fff;box-sizing: border-box;padding:24px 75px 24px 32px;border-radius:6px;box-shadow: 0px 0px 10px rgba(193, 201, 208, 0.5);}
.travel_info_result .result strong{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 800;font-size:24px;letter-spacing: -0.02em;line-height: 120%;color:#333;}
.travel_info_result .result .filter{display:flex;align-items: center;padding:12px 0 0;font-size:20px;letter-spacing: -0.02em;line-height: 100%;color:#666}
.travel_info_result .result .filter span + span:before{content:'';display:inline-block;width:1px;height:20px;vertical-align: -3px;margin:0 20px;background:#D6D6D6;}
.travel_info_result .result .icon_search_md{position:absolute;right:32px;top:50%;transform: translateY(-50%); width: 30px;height: 30px;}
.travel_info_result .result .icon_search_md svg path {fill: #236CF6;}
.travel_info_result .travel_info_search{margin: 33px 0 64px;}
.travel_info_result .travel_info_search .box {padding: 80px 0 104px;}
.travel_info_result .travel_info_search .icon_close2_md{position:absolute;right:0;top:-32px;}
.travel_info_list{padding:32px 0 0;}
.travel_info_list h3{padding:0 0 40px;font-size:32px;font-weight: 800;line-height:100%;color:#333;border-bottom:1px solid #E5E5E5;}
.travel_info_list .sort_group{display:flex;justify-content: space-between; align-items: center; padding:24px 0 0;}
.travel_info_list .total{font-size:16px;line-height: 100%;color:#666;}
.travel_info_list .total strong{font-weight: 700;color:#333;}
.travel_info_list.mo_layer{display:none;}
.travel_info_list .sort{display:flex;gap:24px;font-size:16px;letter-spacing: -0.02em;line-height: 100%;position: relative;}
.travel_info_list .sort_group .area{display:flex;align-items: center;color:#333;gap:8px;font-weight: 700;}
.travel_info_list .sort_group .area.on{text-decoration: none;}
.travel_info_list .sort_group .area .icon_chevron_dw_sm{transition: transform 0.2s;}
.travel_info_list .sort_group .area.on .icon_chevron_dw_sm{transform: rotate(180deg);}
.travel_info_list .sort .layer_field_lg{display:none;top:32px;left:-11px;z-index: 10;}
.travel_info_list .sort .layer_field_lg .tit{display:none;}
.travel_info_list .sort .layer_field_lg .icon_close2_sm{display:none;}
.travel_info_list .sort .layer_field_lg ul li span{display:none;}
.travel_info_list .sort button.on{color:#333;font-weight: 700;text-decoration: underline;text-underline-offset: 3px;}
.travel_info_list .list > ul{display:flex;flex-wrap: wrap;gap:40px 32px;padding:40px 0 0;}
.travel_info_list .list > ul li{width:405px;}
.travel_info_list .list > ul li a{display:block;}
.travel_info_list .list .swiper-container{height:100%;}
.travel_info_list .list .swiper-container.lock .swiper-slide{width:100%}
.travel_info_list .list .swiper-container .swiper-button-next,
.travel_info_list .list .swiper-container .swiper-button-prev{left:16px;background:none;margin-top:-12px;height:24px;width:24px;z-index: 10;}
.travel_info_list .list .swiper-container .swiper-button-next{right:16px;left:auto;background:none;margin-top:-12px;height:24px;width:24px;z-index: 10;}
.travel_info_list .list .swiper-container .swiper-button-disabled{opacity: 0.5;}
.travel_info_list .list .swiper-container .swiper-button-next svg .bg,
.travel_info_list .list .swiper-container .swiper-button-prev svg .bg{fill:#fff;}
.travel_info_list .list .swiper-container.lock .swiper-button-next,
.travel_info_list .list .swiper-container.lock .swiper-button-prev{display:none;}
.travel_info_list .list > ul li .swiper-slide{height: 100%;}
.travel_info_list .list .swiper-container .custom_pagination_progressbar {position: absolute; top: 16px; right: 16px; width: fit-content; z-index: 10;}
.travel_info_list .list .swiper-container .custom_pagination_progressbar .swiper-pagination-lock{display: none;}
.travel_info_list .list .swiper-container .swiper-pagination-current{color: #fff; padding-inline: 0 0.3rem; font-weight: 700;}
.travel_info_list .list .img{display:block;height:244px;position: relative;border-radius: 6px;overflow: hidden;}
.travel_info_list .list .img img{width:100%;height:100%;object-fit: cover;}
.travel_info_list .list .img em{position:absolute;left:0;top:0;z-index: 5;width:50px;height:50px;border-radius: 0 0 6px 0;background:#236CF6;color:#fff;line-height: 50px;text-align: center;font-size:17px;font-weight: 700;}
.travel_info_list .list .info_section{position: relative;margin:20px 0;}
.travel_info_list .list .info_section em{padding:0 10px;font-size:16px;border-radius:4px;background:#DEE9FE;display:inline-block;height:27px;line-height:27px;color:#236CF6;}
.travel_info_list .list .info_section .btn_pin{right:0;top:0;z-index: 5;color:#333;gap:4px;}
.travel_info_list .list .info_section .btn_pin button {width: auto;height: 27px;margin-left: 0;background: none;border-radius:0;}
.travel_info_list .list .tit{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 700;font-size:20px;color:#333;line-height: 130%;}
.travel_info_list .list .date{display:block;padding:12px 0 0;color:#666;font-size:16px;letter-spacing: -0.02em;line-height: 100%;}
.travel_info_list .list .price{display:block;padding:16px 0 0;color:#333;font-size:17px;line-height: 100%;font-weight: 800;}
.travel_info_list .list .pagination_wrap{margin:66px 0 0;}
.travel_info_list .list .no_data{padding:80px 0 70px;text-align: center;}
.travel_info_list .list .no_data strong{padding:20px 0 10px;display:block;font-weight: 600;font-size: 20px;letter-spacing: -0.02em;line-height: 100%;color:#333;}
.travel_info_list .list .no_data p{letter-spacing: -0.02em;font-size:16px;line-height: 100%;color:#666;}

/* 레이어팝업 */
/*.layerpop {width:475px;padding: 35px 38px 0;border:2px solid #000;border-radius: 15px;box-shadow: 14px 22px 35px 0px rgba(61, 64, 70, 0.18);}*/
#travel100Pupup01 .dimmed, #travel100Pupup02 .dimmed{display:none;}
.option_form strong{display:block;font-size:26px;line-height:30px;font-weight: 700;letter-spacing: -1.5px;color:#000;}
.option_form p{padding:5px 0 28px;font-size:15px;line-height:18px;font-weight: 300;color:#666;}
.option_form em{display:block;height:40px;line-height:40px;font-size: 17px;color:#333;background:#efefef;border-radius: 50px;text-align: center;}
.option_form em:focus{outline: 3px solid red; outline-offset: 1px;}
.option_form ul{margin:20px 0 0 -10px;}
.option_form ul::after{content: ''; display: block; clear: both;}
.option_form ul li{float:left;width: calc(25% - 10px);margin: 0 0 10px 10px; position: relative;}
.option_form ul li button{width: 100%;height: 40px;border: 1px solid #dcdcdc;box-sizing: border-box;border-radius: 50px;font-size: 17px;letter-spacing: -0.5px;color:#333;}
.option_form ul li.on button{border:2px solid #333;color:#333;box-shadow: 4px 4px 6px 0px rgba(57, 62, 70, 0.18);}
.option_form ul li button:focus{outline:none;}
.option_form ul li button:focus:after{content:'';display:block;width:calc(100% + 2px);height:calc(100% + 2px);outline: 3px solid red;position:absolute;left:-1px;top:-1px;}

.option_form ul li button.choice_close{display: none;}
.option_form ul li.on button.choice_close{display: block; position: absolute; background: url(../images/btn_close.png) no-repeat; width: 22px; height: 22px; top: -4px; right: -4px; text-indent: -9999px; border: none; }
.option_form .btn_area{padding:20px 0 40px;text-align: center;overflow: hidden;width:100%;}
.option_form .btn_area a{display:inline-block;width:110px;height:40px;line-height: 40px;border-radius: 50px;color:#fff;font-size:18px;background:#393e46;}
.option_form .btn_area a:focus-visible{outline:3px solid red; outline-offset: 1px;}
#goodLoginPopup .layerpop .popup_close{position:absolute;right:38px;top:38px;text-indent:-9999px;width:24px;height:24px;background: url(/resources/images/theme/travel100scene/btn_pop_close.png) no-repeat;}
#goodLoginPopup .layerpop .popup_close:focus{outline:3px solid red;outline-offset: 2px;}
#goodLoginPopup .layerpop .popup_close:focus-visible{outline:3px solid red;outline-offset: 2px;}

#popShare .layerpop{border:0;box-shadow:none;line-height: normal;}

#goodLoginPopup .layerpop {width:340px;padding:0;border-radius: 10px;box-shadow:none;border:0;text-align: center;}
#goodLoginPopup .layerpop p{padding:62px 0 0;font-size:18px;letter-spacing: -0.6px;line-height:23px;color:#333;}
#goodLoginPopup .layerpop .popup_close{top:20px;right:20px;width:16px;height:16px;background: url(../images/btn_pop_close04.png) no-repeat;}
#goodLoginPopup .layerpop .btn_area{padding:28px 0 30px;}
#goodLoginPopup .layerpop .btn_area a{display:inline-block;color:#fff;font-size:16px;width:80px;height:40px;line-height: 40px;background:#393e46;border-radius: 5px;}

#travelDetailPopup .layerpop{border:0;border-radius: 8px;width:600px;box-shadow:none;padding:0; max-height: 90vh;overflow: hidden;display: flex;flex-direction: column;}
#travelDetailPopup .popup_inr::-webkit-scrollbar {width: 6px;}
#travelDetailPopup .popup_inr::-webkit-scrollbar-thumb {background: #666;border-radius: 50px;}
#travelDetailPopup .popup_inr::-webkit-scrollbar-track {background:#f1f3f5;margin:0 0 10px;}
#travelDetailPopup .popup_inr{padding:0 32px;word-wrap: break-word;word-break:keep-all; max-height: 100%;overflow-y:auto;}

#travelDetailPopup .tit{display:block;padding:0 0 24px;font-size:24px;font-weight: 800;letter-spacing: -0.02em;color:#333;line-height: 100%;}
#travelDetailPopup .layerpop .tit_wrap .tit{padding:0;}
#travelDetailPopup .layerpop .tit_wrap{position:sticky;left:0;top:0;z-index: 100;padding:32px 32px 24px;background:#fff;}
#travelDetailPopup .layerpop .popup_close {position: absolute;right: 32px;top: 34px;text-indent:0;width: 20px;height: 20px;background:none;z-index: 10;}
#travelDetailPopup .detail_img{margin:0 -32px;position: relative;}
#travelDetailPopup .detail_img .img{display:block;height:353px;border-radius: 6px;overflow: hidden;}
#travelDetailPopup .detail_img .img img{width:100%;height:100%;object-fit: cover;}
#travelDetailPopup .detail_img .swiper-container{margin:0 0 0 32px;padding-right:32px;}
#travelDetailPopup .detail_img .swiper-container.lock{margin:0 32px 0 32px;}
#travelDetailPopup .detail_img .swiper-container.lock .swiper-slide{width:100%;margin:0 !important;}
#travelDetailPopup .detail_img .swiper-slide{width:93%;}
#travelDetailPopup .detail_img .swiper-slide:last-child{width:100%;margin-right:0 !important;}
#travelDetailPopup .detail_img .swiper-container.lock .custom_pagination_progressbar{display:none;}
#travelDetailPopup .detail_img .custom_pagination_progressbar{margin:20px 0 0;justify-content: flex-start;position:static;}
#travelDetailPopup .detail_img .swiper-pagination-progress{width:347px;}
.swiper-pagination.swiper-pagination-lock {
    display: none !important;
}

#travelDetailPopup .detail_img .action_button{position:absolute;right:32px;bottom:0;display:flex;z-index: 10;gap:20px;}
#travelDetailPopup .detail_img .action_button .pin{display:flex;gap:8px;line-height:24px;font-size:18px;color:#333;}
#travelDetailPopup .product_detail{padding:40px 0 30px;}
#travelDetailPopup .product_detail .tit{padding:0;font-size:28px;line-height: 34px;overflow:hidden;max-height:68px;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
#travelDetailPopup .product_detail em{display:inline-block;font-weight: 700;line-height:33px;padding:0 12px;font-size:18px;margin:0 0 12px;color:#236CF6;background:#DEE9FE;border-radius: 4px;}
#travelDetailPopup .product_detail p{padding:32px 24px;margin:20px 0 0;font-size:18px;color:#666;line-height: 130%;background:#F7F7F7;border-radius: 4px;}
#travelDetailPopup .booking_info dl{margin:24px 0 0;display: grid;align-items: center;grid-template-columns: auto 1fr;font-size:18px;line-height: 100%;letter-spacing: -0.02em;color:#666;}
#travelDetailPopup .booking_info dl dt{margin:0 24px 12px 0;display:flex;gap: 8px;align-items: center;}
#travelDetailPopup .booking_info dl dt svg path{stroke: #666;}
#travelDetailPopup .booking_info dl dt svg path.fill_w{stroke:none;fill:#666;}
#travelDetailPopup .booking_info dl dd{margin:0 0 12px;letter-spacing: -0.02em;}
#travelDetailPopup .booking_info dl dd.price{font-size:30px;line-height: 100%;font-weight: 800;color:#333;}
#travelDetailPopup .booking_info dl dd.price span{font-size:16px;font-weight: 400;}
#travelDetailPopup .related_content{padding:48px 0 0;border-top:1px solid #E5E5E5;}
#travelDetailPopup .related_content .tit{font-size:22px;}
#travelDetailPopup .highlight_spot{position: relative;padding:0 0 48px;}
#travelDetailPopup .highlight_spot .swiper-container{position:static;}
#travelDetailPopup .highlight_spot .img{height:168px;display:block;border-radius: 6px;overflow: hidden;}
#travelDetailPopup .highlight_spot .img img{width:100%;height:100%;object-fit: cover;}
#travelDetailPopup .highlight_spot .swiper-container.lock .custom_pagination_progressbar{display:none;}
#travelDetailPopup .highlight_spot .swiper-slide a:focus-visible{outline: none;}
#travelDetailPopup .highlight_spot .swiper-slide a:focus-visible:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid red;box-sizing: border-box; z-index: 10;}
#travelDetailPopup .highlight_spot .swiper-slide strong{display:block;text-align:center;padding: 0;margin:16px 0 0;letter-spacing: -0.02em;font-size: 16px;line-height: 20px;overflow: hidden;max-height: 40px;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 700;}
#travelDetailPopup .highlight_spot .swiper-container.lock .custom_pagination_progressbar{display:none;}
#travelDetailPopup .custom_pagination_progressbar{width:auto;position:absolute;left: auto;right: 0;top: 0;bottom: 0;}
#travelDetailPopup .swiper-pagination-progress{position:relative;width: 6rem;height: 0.6rem;border-radius: 5rem;overflow: hidden;background: #EAEAEA;}
#travelDetailPopup .swiper-pagination-progressbar-fill{background:#333;height:100%;}
#travelDetailPopup .swiper-pagination{position:static;display: flex;height: 2.4rem;width:auto;font-size: 1.2rem;font-weight: 700;color: #8E8E8E;border-radius: 10rem;background: #333;padding: 0 0.8rem;text-align: center;line-height: 2.4rem;}
#travelDetailPopup .swiper-pagination-current{color: #fff;padding-right: 0.3rem;font-weight: 700;}
#travelDetailPopup .swiper-pagination-total{padding-left: 0.3rem;color: #D6D6E2;}

#travelDetailPopup .related_content .custom_pagination_progressbar .pagination-progressbar{width:60px;}
#travelDetailPopup .related_article{margin:0 -32px;position:relative;}
#travelDetailPopup .related_article .tit{padding:0 32px;}
#travelDetailPopup .related_article .swiper-container{padding:24px 32px 48px 0;position:static;}
#travelDetailPopup .related_article .swiper-container:before{content:'';display:block;width:32px;height:315px;position:absolute;background: url(../images/bg_related_article.png) no-repeat;left:0;top:19px;z-index: 10;}
#travelDetailPopup .related_article .swiper-slide{width:304px;}
#travelDetailPopup .related_article .swiper-slide a{display:block;padding:12px;box-sizing:border-box;height:267px;overflow:hidden;background:#fff;box-shadow: 0px 0px 24px rgba(153, 153, 153, 0.25);border-radius: 6px;}
#travelDetailPopup .related_article .swiper-slide a:focus-visible{outline: none;}
#travelDetailPopup .related_article .swiper-slide a:focus-visible::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid red;box-sizing: border-box; z-index: 10;}
#travelDetailPopup .related_article .img{display: flex;gap:2px;height:190px;}
#travelDetailPopup .related_article .img img{width:100%;height:100%;object-fit: cover;}
#travelDetailPopup .related_article .swiper-slide strong{display: block;text-align: center;padding: 0;margin: 14px 0 0;letter-spacing: -0.02em;font-size: 16px;line-height: 20px;overflow: hidden;max-height: 40px;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 700;}
#travelDetailPopup .related_article .swiper-slide .img span {display:block;width: 100%;height: 100%;}
#travelDetailPopup .related_article .img:has(span:nth-of-type(1)):not(:has(span:nth-of-type(2))) {border-radius: 0.4rem;overflow: hidden;}
#travelDetailPopup .related_article .img:has(span:nth-of-type(2)):not(:has(span:nth-of-type(3))) > span {flex-grow: 1;flex-basis: 0;}
#travelDetailPopup .related_article .img:has(span:nth-of-type(2)):not(:has(span:nth-of-type(3))) span:first-of-type img {border-radius:0.4rem 0 0 0.4rem;}
#travelDetailPopup .related_article .img:has(span:nth-of-type(2)):not(:has(span:nth-of-type(3))) span:last-of-type img{border-radius:0 0.4rem 0.4rem 0;}
#travelDetailPopup .related_article .img > div{width:50%;display:flex;gap:2px;flex-wrap: wrap;}
#travelDetailPopup .related_article .img > div span{display:block;height:94px !important;}
#travelDetailPopup .related_article .img > div span img{border-radius: 0.4rem 0 0 0.4rem !important;}
#travelDetailPopup .related_article .img > div + span{width:50%;}
#travelDetailPopup .related_article .custom_pagination_progressbar{width: auto;left:auto;right:32px;top:0;bottom:auto;position:absolute;}
#travelDetailPopup .related_article .swiper-container.lock .custom_pagination_progressbar{display:none;}
#travelDetailPopup .btn_reserve{position:sticky;left:0;bottom:30px;z-index: 10;}
#travelDetailPopup .btn_reserve a{width:100%;height:60px;justify-content: center;background:#236CF6;border-color:#236CF6 !important;color:#fff;font-size: 20px;border-radius: 4px;}
#travelDetailPopup .btn_reserve a:hover{background:#2061DD;}
#travelDetailPopup .btn_reserve a.press{background:#1C56C5;}
#travelDetailPopup .product_inquiry{display:flex;gap:12px;padding:48px 0 32px;font-size:18px;justify-content: center;line-height: 100%;}
#travelDetailPopup .product_inquiry strong{margin-right: 8px;color:#333;}
#travelDetailPopup .product_inquiry a{display:none;}

/* my 찜 리스트 */
.my_list{margin:0 auto;width:1200px;padding:45px 0 100px;text-align: center;}
.my_list h3{padding: 0 0 85px;font-weight: 700;font-size: 28px;line-height: 32px;letter-spacing: -1.5px;color: #333;text-align: left;}
.my_list strong{display:block;padding:155px 0 17px;font-weight: 700;font-size:35px;line-height: 39px;letter-spacing: -2px;color:#000;background: url(../images/bg_my_list.gif) 50% 0 no-repeat;}
.my_list p{font-size:20px;letter-spacing: -1px;color:#666;line-height: 23px;}

.btn_topWrap .inner.travel {right: 0 !important;width:auto;max-width: 1280px;}

@media screen and (max-width: 1023px) {
    .pc{display:none;}
    .mo{display:block;}
    .inr{width:auto;}
    #contents{min-width: 100%;margin: 133px 0 80px;}

    /* header */
    .header{bottom:15rem;}
    .header .share.on ul{width:235px;height: 36px;}
    .header .inner{width:auto;}
    .header .share ul{width:36px;height:36px;right:15px;}

    .header .share.on ul li{margin: 10px 6px 0;}
    .header .share ul li span{display:none;}
    .header .share ul li{margin:0;float:none;font-size: 12px;height:15px;line-height:15px;color:#000;}
    .header .share ul:after{width:36px;height:36px;background:#333 url(../images/icon_share04.gif) 10px 10px / 15px 14px no-repeat;position:absolute;left:0;top:0;}
    .header .share ul li:after{display:none;}
    .header .share ul li a:before{width:24px;height:18px;margin-right:8px;background:url(../images/icon_share.png) no-repeat;}
    .header .share ul li a:before{margin-right: 4px;}
    .header .share ul li.icon1:before{width: 19px;height: 15px;background: url(../images/icon_share01.gif) 0 0 / 100% 100% no-repeat;}
    .header .share ul li.icon2{height:18px;margin: 9px 6px 0;}
    .header .share ul li.icon2 a{height:18px;}
    .header .share ul li.icon2 span{line-height: 18px;color:#fff;}
    .header .share ul li.icon2 a:before{width:17px;height:15px;margin-top: 2px;background: url(../images/icon_share02.gif) 0 0 / 100% auto no-repeat;}
    .header .share ul li.icon2.on a:before {background-position: 0 -15px;}
    .header .share ul li.icon3 a:before{width:13px;height:15px;background: url(../images/icon_share03.gif) 0 0 / 100% auto no-repeat;}
    .header .share ul li.icon4 a:before{width:15px;height:14px;background: url(../images/icon_share04.gif) 0 0 / 100% auto no-repeat;}
    .btn_topWrap.scroll .btn_topMove2.travel{right:15px;}
    .header .share button.good{width: 3.6rem;height: 3.6rem;right: 1.6rem;top: -1.2rem;}
    .header .share button.good .icon_pin_lg{width:2rem;height:2rem;}

    #gnbCommon.mo .header{height:auto;}

    /* 타이틀 */
    .travel_info_tit {width: auto;margin:9.2rem 16px 0;}
    .travel_info_tit em {padding: 0 0 0.8rem;font-size: 2.2rem;line-height:110%;}
    .travel_info_tit h2 {display:block;font-size: 2.2rem;}
    .travel_info_tit > button{position:absolute;right:0;bottom:0.2rem;margin:0;width:1.6rem !important;height:1.6rem !important;}

    /* 검색 */
    .travel_info_search {margin: 2.4rem 0 0;}
    .travel_info_search .mo_search{display:flex;margin:0 1.6rem;position: relative;}
    .travel_info_search .mo_search button{width:100%;padding:0 1.6rem;height:5.4rem;color:#333;letter-spacing:-0.02em;font-size:1.6rem;font-weight:700;text-align:left;box-shadow: 0px 0px 1rem rgba(193, 201, 208, 0.5);border-radius: 0.4rem;}
    .travel_info_search .mo_search span.icon_search_md {position:absolute;right:1.6rem;top:1.7rem;width: 2rem;height: 2rem;}
    .travel_info_search .box{display:none;}
    .travel_info_search .btn_more {padding: 2rem 1.6rem 0;text-align: right;}
    .travel_info_search .btn_more a {border-radius: 0;line-height: 1.6rem;background: none !important;border:0 !important;color: #666 !important;font-size:1.4rem;height:auto;padding:0;}
    .travel_info_search .btn_more a:hover{background:none !important;}
    .travel_info_search .btn_more a svg path {fill: #666;}
    .travel_info_search .btn_more a .icon_plus_md{width:1.6rem;height:1.6rem;}
    .travel_info_search .btn_more a .icon_plus_md svg{width:1.4rem;height:1.4rem;}
    #searchFilterPop > .layerpop{overflow-y:auto;max-height: 100%;padding:0;left: 0 !important;border-radius: 0;right: 0 !important;top: 0 !important;width: auto !important;margin: 0 !important;height: 100%;background: #F4F6F8;border:0;}


    #searchFilterPop .layerpop .icon_close2_sm {position:absolute;right: 1.6rem;top:2.4rem;width:1.6rem;height:1.6rem;}
    .layerpop .travel_info_search .box{display:block;}
    .layerpop .travel_info_search{margin:0;}
    .layerpop .travel_info_search .box {padding:7.2rem 1.6rem 0;background: none;}
    .travel_info_search .textfield_input_lg {padding:0 1.6rem;height:5.4rem;border-bottom:0;background:#fff;border-radius:0.4rem;}
    .travel_info_search .textfield_input_lg:focus-within{outline:1px solid #333;}
    .travel_info_search .textfield_input_lg:focus-within:after{display:none;}
    .travel_info_search .textfield_input_lg .placeholder {left:1.6rem;font-size:1.6rem;font-weight: 700;}
    .travel_info_search .icon_close1_lg {width:2rem;height:2rem;}
    .travel_info_search .icon_search_md {margin:0;width: 2rem;height:2rem;}
    .travel_info_search .description {padding: 1.2rem 0 0;font-size:1.2rem;letter-spacing:0;}
    .travel_info_search .textfield_input_lg input {font-size:1.6rem;font-weight: 700;}
    .travel_info_search .filter_group {padding-right: 0;border-radius: 0;background: none;box-shadow:none;}
    .travel_info_search .filter_group > ul {padding: 0 0 8rem;margin: 3.2rem 0 0;flex-wrap:wrap;}
    .travel_info_search .filter_group > ul > li {background:#fff;border-radius:0.4rem;min-height:7.6rem;height:auto;width:100%;box-shadow: 0px 0px 0.6rem rgba(193, 201, 208, 0.7);flex-basis: auto;margin:0 0 2rem;padding:0;}
    .travel_info_search .filter_group > ul > li + li {border-left:0;}
    .travel_info_search .filter_group > ul > li > a{padding: 2rem 5.6rem 2rem;}
    .travel_info_search .filter_group > ul > li a > span:first-child {left: 2rem;top:2.6rem;z-index: 20;width:2.4rem;height:2.4rem;}
    .travel_info_search .filter_group .icon_chevron_dw_lg {transition: transform 0.2s;z-index: 20;width:2rem !important;height:2rem !important;right: 2rem;top: 2.8rem;}
    .travel_info_search .filter_group a.on .icon_chevron_dw_lg{transform: rotate(180deg);}
    .travel_info_search .filter_group > ul > li a em {font-size:1.2rem;}
    .travel_info_search .filter_group > ul > li a strong {margin: 0.8rem 0 0;font-size: 1.6rem;}
    .travel_info_search .wrap_layerpop.filter{position: relative;left:0;top:0;width:auto;padding: 1.2rem 2rem 2rem ;box-shadow:none;border-radius:0.4rem;}
    .travel_info_search .wrap_layerpop.filter .btn a {width: 100%;font-size:1.6rem;border-radius:0.4rem;height:4rem;line-height:4rem;}
    .travel_info_search .wrap_layerpop.filter ul {padding: 0 0 3.2rem;grid-template-columns: repeat(5, 1fr);gap: 1.2rem 0.8rem;}
    .travel_info_search .wrap_layerpop.filter ul li button {padding:0;height:3.2rem;font-size:1.4rem;border-radius:10rem;}
    .travel_info_search #filterOption2.wrap_layerpop.filter ul {grid-template-columns: repeat(4, 1fr);}
    .travel_info_search #filterOption3.wrap_layerpop.filter{left:0;}
    .travel_info_search #filterOption3.wrap_layerpop.filter ul li button {padding:0 1.6rem;}
    .layerpop .travel_info_search .box > .btn{align-items: center;background:#F4F6F8;height:8.8rem;gap:1.2rem;position:fixed;left:0;bottom:0;width:100%;padding:0 1.6rem;z-index:20;}
    .layerpop .travel_info_search .box > .btn.type1{box-shadow: 0px 0px 0.6rem rgba(193, 201, 208, 0.7);}
    .layerpop .travel_info_search .box > .btn .icon_rotate_md{width:2rem;height:2rem;}
    .layerpop .travel_info_search .box > .btn a{width:auto;flex-grow: 1;flex-basis: 0;justify-content: center;height:4.8rem;font-size:1.6rem;border-radius:0.4rem;}
    .layerpop .travel_info_search .box > .btn .btn_secondary_xl{background:#236CF6 !important;border-color: #236CF6 !important;}
    .layerpop .travel_info_search .box > .btn .btn_secondary_xl.disabled{background:#E5E5E5 !important;border-color: #D6D6D6 !important;}
    .layerpop .travel_info_search .box > .btn .btn_secondary_xl.press{background:#1C56C5 !important;border-color: #1C56C5 !important;}
    .layerpop .travel_info_search .box > .btn .btn_secondary_xl:hover{background:#2061DD !important;border-color: #2061DD !important;}
    .layerpop .travel_info_search .box > .btn .icon_rotate_md svg path{stroke: #666;}
    .layerpop .travel_info_search .box > .btn .icon_rotate_md svg path.arw{stroke: none;fill:#666;}


    /* 핀버튼 */
    .travel_pdt .btn_pin{font-size: 1.2rem;right: 0.8rem;top: 0.8rem;}
    .travel_pdt .btn_pin button {width: 2rem;height: 2rem;margin-left: 0.8rem;}
    .travel_pdt .btn_pin button .icon_pin_md{width:16px;height:16px;}
    .travel_pdt .btn_pin button .icon_pin_md svg{width:14px;height:14px;}

    /* 100선 컴포넌트1 */
    .component_100scene01 {margin:4rem 16px 0;overflow: hidden;}
    h2.tit_component{padding: 25px 0 10px;font-size: 19px;letter-spacing: -1.3px;line-height: 23px;font-weight: 700;}
    .component_100scene01 h2:before{content:'';display:block;height:16px;margin:0 0 8px;background: url('../images/icon_tit01.png') 50% 0 / 19px 100% no-repeat;}
    .component_100scene01 h3 {flex-wrap: wrap;padding: 0 0 2rem;font-size: 1.8rem;line-height: 100%;letter-spacing: -0.02em;}
    .component_100scene01 h3 span {width:100%;padding:0.8rem 0 0 0;font-size: 1.2rem;line-height: 100%;letter-spacing: -0.02em;}
    .component_100scene01 .swiper-container{overflow: hidden;left:auto;padding: 0 0 2.4rem;margin-left:-12px}
    .component_100scene01 .swiper-slide{width:50%;float:none;}
    .component_100scene01 a{width:auto;margin-left:12px;}
    .component_100scene01 .swiper-container:before{display:none;}
    .component_100scene01 .swiper-container:after{display:none;}
    .component_100scene01 a .img_wrap{height:17.3rem;border-radius: 0.6rem;width:100%;overflow: hidden;}
    .component_100scene01 a .img {height: 100%;background-size:cover;transition: none;width:100%;}
    .component_100scene01 a .img:hover {transform: scale(1);}
    .component_100scene01 a .provider:after{margin-top: 1px;}
    .component_100scene01 a em{width:3.2rem;height:3.2rem;line-height: 3.2rem;font-size:1.1rem;letter-spacing: -0.02em;}
    .component_100scene01 a .provider {margin: 10px 0 10px;font-size: 11px;line-height: 13px;}
    .component_100scene01 a .tit{margin-top: 1.6rem;font-size: 1.4rem;line-height: 1.8rem;letter-spacing:-0.02em;height: 3.6rem;}
    .component_100scene01 a div{line-height: 100%;padding: 1rem 0 0;margin-top: 0;border-top:0;}
    .component_100scene01 a .price{font-size: 1.3rem;}
    .component_100scene01 a .date{font-size: 1.3rem;}
    .component_100scene01 a .date:before {height: 12px;margin: 0 7px 0 5px;vertical-align: -2px;}

    /* 100선 컴포넌트2 */
    .component_100scene02 {padding: 30px 0 0;margin-top: 40px;}
    .component_100scene02 h3 {float: none;width: auto;padding:0 16px 2rem 16px;font-size: 1.8rem;line-height: 100%;letter-spacing: -0.02em;}
    .component_100scene02 h3 br{display:none;}
    .component_100scene02 h3 span{display: block;margin: 0;padding: 0.8rem 0 0 0;font-size: 1.2rem;letter-spacing: -0.02em;line-height: 100%;}
    .component_100scene02 h3 span:before{display:none;}
    .component_100scene02 .swiper-container{padding:0 16px 8.8rem 0;position:static;margin-left:16px;}
    .component_100scene02 .slide_wrap{position: relative;overflow: hidden;}
    .component_100scene02 .swiper-wrapper{flex-wrap:inherit;}
    .component_100scene02 .swiper-slide{margin:0;width: 65%;}
    .component_100scene02 a{width:auto;height:23.7rem;}
    .component_100scene02 a .img em{width:3.2rem;height:3.2rem;line-height: 3.2rem;font-size:1.1rem;}
    .component_100scene02 a .img {height: 22rem;}
    .component_100scene02 .cont_box{box-shadow: 0px 0.1rem 1.2rem 0px rgba(187, 179, 175, 0.24);left: 1.2rem;right: 1.2rem;padding: 0 1.6rem;height: 11.2rem;}
    .component_100scene02 a .provider {margin: 11px 0 10px;font-size: 11px;line-height: 13px;}
    .component_100scene02 a .provider:after{margin-top: 1px;}
    .component_100scene02 a .tit {margin-top: 1.1rem;font-size: 1.4rem;line-height: 1.8rem;letter-spacing: -0.02em;height: 3.6rem;}
    .component_100scene02 a .info{padding: 0.5rem 0 0;}
    .component_100scene02 a .price{font-size: 1.3rem;line-height: 100%;}
    .component_100scene02 a .date{font-size: 1.3rem;line-height: 100%;}
    .component_100scene02 a .date:before {height: 1.2rem;margin: 0 0.7rem 0 0.5rem;vertical-align: -0.2rem;}
    .component_100scene02 a .tag{margin-left: -0.2rem;padding-top:0.7rem;}
    .component_100scene02 a .tag span {margin-left: 0.2rem;font-size: 1.1rem;line-height: 1.3rem;}
    .component_100scene02:before, .component_100scene02:after{display:none;}
    .component_100scene02 .custom_pagination_progressbar {display: flex;bottom:4rem;left:16px;position:absolute;}

    /* 100선 컴포넌트3 */
    .component_100scene03 {margin:40px 0 0 0;}
    .component_100scene03 .inr{position:static;margin:0 16px;}
    .component_100scene03 h3{float: none;width: auto;padding: 0 0 2rem 0;font-size: 1.8rem;line-height: 100%;letter-spacing: -0.02em;}
    .component_100scene03 h3 br{display:none;}
    .component_100scene03 h3 span:before{display:none;}
    .component_100scene03 h3 span {display: block;margin: 0;padding: 0.8rem 0 0 0;font-size: 1.2rem;letter-spacing: -0.02em;line-height: 100%;}
    .component_100scene03 a{height:28rem;width:auto;}
    .component_100scene03 a:after{height: 80%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.5));border-radius:0 0 6px 6px;}
    .component_100scene03 a .img {border-radius: 0.6rem;}
    .component_100scene03 a .img em{width: 3.2rem;height: 3.2rem;line-height: 3.2rem;font-size: 1.1rem;}
    .component_100scene03 span.good{right: 10px;top: 7px;color: #fff;font-size: 11px;}
    .component_100scene03 span.good button {margin-left: 5px;width: 21px;height: 21px;background: url('../images/btn_m_good.png') 0 0 / 100% auto no-repeat;}
    .component_100scene03 span.good button.on {background-position: 0 -21px;}
    .component_100scene03 .cont_box{bottom:0;padding: 0 0 1rem !important;height:auto !important;}
    .component_100scene03 a:hover .cont_box, .component_100scene03 a:focus .cont_box{background:none;bottom: 0;}
    .component_100scene03 a .info{display:block !important;padding: 6px 0 0;}
    .component_100scene03 a .price {font-size: 13px;line-height: 100%;color:#fff;}
    .component_100scene03 a .date{font-size: 13px;line-height: 100%;color:#fff;}
    .component_100scene03 a .date:before {height: 1.2rem;margin: 0 0.7rem 0 0.5rem;vertical-align: -0.2rem;}
    .component_100scene03 a .cos{display:block !important;margin: 1.2rem 0 0;}
    .component_100scene03 a .cos:after{border-top: 1px dashed #dadada;width: auto;left: 6px;right: 6px;}
    .component_100scene03 a .cos ul li{padding-top: 1.9rem;font-size: 1.1rem;color:#fff;line-height: 1.3rem;}
    .component_100scene03 a .cos ul:before{width: 7px;height: 7px;border: 1px solid #fff;top: 6px;background: none;}
    .component_100scene03 a .cos ul:after{width: 7px;height: 7px;border: 1px solid #fff;top: 6px;background: none;}
    .component_100scene03 a .cos ul li.num{top: 1px;margin-left: -1.3rem;width: 2.6rem;height: 1.5rem;line-height:1.5rem;background: #fff;color: #333;}
    .component_100scene03 a .provider{margin: 0 0 8px;color:#fff !important;font-size: 11px;line-height: 13px;}
    .component_100scene03 a .tit{color:#fff !important;font-size: 1.4rem;line-height: 1.8rem;letter-spacing: -0.02em;max-height: 3.6rem;height:auto;}
    .component_100scene03 a:hover .provider:after{background:#fff;}
    .component_100scene03 .swiper-container {padding:0 16px 0 0;margin-left:16px;}
    .component_100scene03 .swiper-slide{width: 65% !important;}
    .component_100scene03 .custom_pagination_progressbar{margin:2.4rem 0 0 16px;width:auto;position:static;}
    .component_100scene03 .custom_pagination_progressbar .pagination-progressbar {width: 120px;}

    /* 100선 컴포넌트4 */
    .component_100scene04 {margin: 4rem 0 0;}
    .component_100scene04 .bg {height: 12rem;}
    .component_100scene04 h3 {width: auto;padding: 3rem 16px 0;font-size: 1.8rem;}
    .component_100scene04 .inr {top: -4.2rem;margin:0 16px 0 16px}
    .component_100scene04 .swiper-slide{width:100% !important;display:grid;grid-template-columns: 1fr 1fr;gap: 32px 12px;}
    .component_100scene04 .swiper-slide > a{width:auto;min-width: 0;}
    .component_100scene04 a .img_wrap {height: 33.33vw;border-radius: 0.6rem;}
    .component_100scene04 a .img_wrap em {width: 3.2rem;height: 3.2rem;line-height: 3.2rem;font-size: 1.1rem;}
    .component_100scene04 a .tit{margin-top: 1.6rem;font-size: 1.4rem;line-height: 1.8rem;letter-spacing: -0.02em;height: 3.6rem;}
    .component_100scene04 a .info {margin: 1.2rem 0 0;}
    .component_100scene04 a .price {font-size: 1.3rem;}
    .component_100scene04 a .date {font-size: 1.3rem;}
    .component_100scene04 a .date:before {width: 0.1rem;height: 1.2rem;margin: 0 0.7rem 0 0.5rem;vertical-align: -0.2rem;}
    .component_100scene04 .custom_pagination_progressbar {margin: 2.4rem 0 0;}
    .component_100scene04 + div{margin-top:0rem}

    /* 100선 컴포넌트5 */
    .component_100scene05 {margin: 4rem 0 0;}
    .component_100scene05 .inr{width:auto;}
    .component_100scene05 .swiper-container {padding:2rem 16px 10px;/*margin-left:-10px;*/}
    .component_100scene05 h3 {width: auto;padding: 0 16px 0;font-size: 1.8rem;line-height: 2.2rem;}
    .component_100scene05 a .img_wrap em{width: 3.2rem;height: 3.2rem;line-height: 3.2rem;font-size: 1.1rem;}
    .component_100scene05 .swiper-slide {width: 42%;}
    .component_100scene05 .swiper-slide-active{/*margin-left:10px;*/}
    .component_100scene05 a {width:auto;padding: 0 0 1.6rem;border-radius: 0.6rem;box-shadow: 0px 0px 1.5rem rgba(149, 157, 165, 0.2);}
    .component_100scene05 a .img_wrap {height: 16rem;}
    .component_100scene05 a .tit{margin-top: 1.6rem;font-size: 1.4rem;line-height: 1.8rem;letter-spacing: -0.02em;padding: 0 1.2rem;height: 3.6rem;}
    .component_100scene05 .swiper-container:before{content:'';display:block;height:100%;position:absolute;left:0;top:0;width:16px;z-index:10;background:url(../images/bg_component5.png) 0 0 / 100% 100%;}
    .component_100scene05 a .info {margin: 1.2rem 1.2rem 0;}
    .component_100scene05 a .price{font-size: 1.3rem;}
    .component_100scene05 a .date {font-size: 1.3rem;}
    .component_100scene05 a .date:before {width: 0.1rem;height: 1.2rem;margin: 0 0.7rem 0 0.5rem;vertical-align: -0.2rem;}
    .component_100scene05 .custom_pagination_progressbar {width: auto;position:static;margin:14px 0 0 16px;}
    .component_100scene05 .custom_pagination_progressbar .swiper-pagination-progressbar {width: 120px; order: 2;}
    .component_100scene05 .custom_pagination_progressbar .pagination-fraction {order: 1;}

    /* 100선 배너 */
    .banner_100scene {margin:4rem 16px 0;}
    .banner_100scene img{width:100%;}
    .banner_100scene .swiper-container{margin-left: 0;padding: 0 0 2.9rem;}
    .banner_100scene a{margin-left: 0;float:none;display:block;}
    .banner_100scene .swiper-slide {width: 100% !important;}
    .banner_100scene .swiper-pagination button.swiper-pagination-bullet{width:1rem;height:1rem;margin: 0 0.3rem !important;}
    .banner_100scene .swiper-pagination button.swiper-pagination-bullet-active{width: 18px;}
    .banner_100scene .banner_slide .btn_autoArea{margin-right:1rem;}
    .banner_100scene .banner_slide .icon_play_sm svg{width:14px;height:14px;}
    .banner_100scene .banner_slide .btn_autoArea button:focus {outline:none;}
    .banner_100scene .swiper-pagination button.swiper-pagination-bullet:focus-visible {outline:none;}


    /* 검색결과 */
    .result_100scene{width:auto;margin: 25px 15px 0;}
    .result_100scene h3{padding: 0 0 14px;font-size: 17px;line-height: 21px;letter-spacing: -1px;}
    .result_100scene ul {margin-left: 0;}
    .result_100scene ul li {float: none;margin: 0 0 20px 0;}
    .result_100scene ul li a{width:100%;display:flex;border-radius: 0;}
    .result_100scene .cont_box{flex-grow: 1;min-width:0;text-align: left;padding-left:15px;position: relative; min-height: auto;}
    .result_100scene ul li a .img {flex-shrink: 0;width:90px;height: 90px;border-radius:10px;}
    .result_100scene ul li a .img em{width:28px;height:28px;line-height: 28px;font-size:11px;left:0;border-radius: 10px 0 0 0;z-index: 5;}
    .result_100scene a span.good{right:0;top:0;color:#333;font-size:11px;}
    .result_100scene ul li a button {right: 0;top: 0;width: 21px;margin-left:5px;height: 21px;background: url('../images/btn_m_good02.png') 0 0 / 100% auto no-repeat;}
    .result_100scene ul li a button.on {background-position: 0 -21px;}
    .result_100scene ul li a .provider {margin: 0 0 8px;font-size: 11px;line-height: 13px;}

    .result_100scene ul li a .tit{word-wrap: break-word;word-break:keep-all;font-size: 14px;line-height: 18px;letter-spacing: -0.5px;max-height: 36px;height:auto;margin-top:25px;}
    .result_100scene ul li a .tit em{display:inline;margin-right:3px;color:#fe5d63;font-weight: 400;}
    .result_100scene ul li a .info{line-height: 17px;padding: 5px 0 0;margin-top: 0;border-top:0;}
    .result_100scene ul li a .price{font-size: 13px;}
    .result_100scene ul li a .date{font-size: 13px;}
    .result_100scene ul li a .date:before {height: 12px;margin: 0 7px 0 5px;vertical-align: -2px;}
    .result_100scene .more_view{padding:10px 0 0;}
    .result_100scene .more_view button {font-size: 13px;height: 35px;width: 90px;}
    .result_100scene .more_view button:after {width: 13px;height: 7px;margin-left: 4px;background: url('../images/btn_more_view01.png') 0 0 / 100% 100% no-repeat;}
    .result_100scene .none_result strong{font-size:18px;line-height:22px;letter-spacing: -1.2px;}
    .result_100scene .none_result strong:before{height:64px;margin:25px 0 15px;background: url('../images/bg_none_result01.png') 50% 0 / 149px auto no-repeat;}
    .result_100scene .none_result p{padding:7px 0 0;font-size: 11px;letter-spacing: 0;line-height: 13px;}

    /* 결과, 찜, 전체 */
    .travel_info_prev{margin:30px 0 0;padding:0 16px;position: relative;border-bottom: 1px solid #E5E5E5;}
    .travel_info_prev .inr {gap: 0;padding:0 0 2.3rem;}
    .travel_info_prev a{position:absolute;left:0;top:0;z-index: 10;font-weight: 800;font-size: 1.8rem;letter-spacing: -0.02em;line-height: 100%;color:#333;}
    .travel_info_prev h3{width:100%;text-align: center;font-weight: 800;color:#333;}
    .travel_info_result .result {padding: 2rem 16px;margin: -1px 0 0;border-top:1px solid #E5E5E5;}
    .travel_info_result .result .inr {padding: 1.6rem 5rem 1.6rem 2rem;border-radius: 0.4rem;box-shadow: 0px 0px 1rem rgba(193, 201, 208, 0.5);}
    .travel_info_result .result strong {font-size: 1.6rem;}
    .travel_info_result .result .filter {padding: 0.8rem 0 0;font-size: 1.2rem;}
    .travel_info_result .result .filter span + span:before {width: 0.1rem;height: 1.2rem;vertical-align: -0.3rem;margin: 0 0.8rem;}
    .travel_info_result .result .icon_search_md {right: 2rem;width: 2rem;height: 2rem;}
    .travel_info_list h3{display:none;}
    .travel_info_result .travel_info_list {padding:0 16px;}
    .travel_info_list .sort_group {padding: 3.2rem 0 0;}
    .travel_info_list .total {font-size: 1.3rem;}
    .travel_info_list .sort {gap: 1.6rem;font-size: 1.3rem;letter-spacing:0;}
    .travel_info_list .list > ul {gap: 3.2rem 0;padding: 2.4rem 0 0;}
    .travel_info_list .list > ul li {width: 100%;}
    .travel_info_list .list .img {height: 21.2rem;border-radius: 0.6rem;}
    .travel_info_list .list .img em {width: 3.2rem;height: 3.2rem;border-radius: 0 0 0.4rem 0;line-height: 3.2rem;font-size: 1.1rem;}
    .travel_info_list .list .info_section {margin: 1.6rem 0 1.2rem;}
    .travel_info_list .list .info_section em {padding: 0 0.8rem;font-size: 1.3rem;font-weight:700;border-radius: 4px;height: 2.5rem;line-height: 2.5rem;}
    .travel_info_list .list .info_section .btn_pin{font-size:1.3rem;}
    .travel_info_list .list .info_section .btn_pin button {height: 2.5rem;}
    .travel_info_list .list .tit {font-size: 1.6rem;letter-spacing: -0.02em;line-height: 130%;}
    .travel_info_list .list .date {padding: 0.6rem 0 0;font-size: 1.3rem;}
    .travel_info_list .list .price {padding: 1rem 0 0;font-size: 1.4rem;}
    .travel_info_list .list .pagination_wrap {margin: 3.2rem 0 0;}
    .travel_info_list .list .no_data {padding: 6.4rem 0 3rem;}
    .travel_info_list .list .no_data strong {padding: 1.8rem 0 1rem;font-size: 1.7rem;}
    .travel_info_list .list .no_data p {font-size: 1.3rem;line-height: 130%;}
    .travel_info_list .list .swiper-container .swiper-button-next,
    .travel_info_list .list .swiper-container .swiper-button-prev{display:none;}
    .travel_info_list .list .swiper-container .custom_pagination_progressbar{top: 1.2rem; right: 1.2rem;}
    .travel_info_list .sort .layer_field_lg.pc{display:none !important;}
    .travel_info_list .sort .layer_field_lg{position:fixed;left:0;bottom:0;top:auto;width:100%;z-index: 1000;border-radius: 1.2rem 1.2rem 0 0;}
    .travel_info_list .sort .layer_field_lg ul{padding-top: 2.4rem;max-height: 300px;overflow-y: auto;}
    .travel_info_list .sort .layer_field_lg ul li:hover{background:none;}
    .travel_info_list .sort .layer_field_lg ul li{padding:0 24px 2.4rem;font-size:1.6rem;}
    .travel_info_list .sort .layer_field_lg ul li a{line-height:2rem;}
    .travel_info_list .sort .layer_field_lg .tit{display:block;padding:0 16px;font-weight: 600;color:#333;font-size:1.6rem;height:5.4rem;line-height:5.4rem;border-bottom:1px solid #E5E5E5;}
    .travel_info_list .sort .layer_field_lg .icon_close2_sm{display:inline-flex;position:absolute;right:16px;top:1.9rem;}
    .travel_info_list .sort .layer_field_lg ul li span{display:block;}
    .travel_info_list .sort .layer_field_lg ul li a{display:none;}
    .travel_info_list .sort .layer_field_lg ul li label{font-size:1.6rem;line-height:2rem;letter-spacing: -0.02em;}
    body.layer_dim{overflow: hidden;}
    body.layer_dim:before{content:'';display:block;width:100%;height:100%;z-index: 100;position:fixed;left:0;z-index: 1000;top:0;background:rgba(0,0,0,.4)}


    /* 레이어팝업 */
    .layerpop{padding: 18px 20px 0;left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border: 1px solid #393e46;border-radius: 8px;}
    .option_form strong {font-size: 15px;line-height: 19px;letter-spacing: -0.5px;}
    .option_form p {padding: 5px 0 15px;font-size: 11px;line-height: 14px;}
    .option_form em {height: 28px;line-height: 28px;font-size: 12px;}
    .option_form ul {margin: 15px 0 0 -5px;}
    .option_form ul li {width: calc(25% - 5px);margin: 0 0 8px 5px;}
    .option_form ul li button {height: 28px;font-size: 12px;letter-spacing:0;}
    .option_form ul li.on button{border: 1px solid #333;font-weight: 700; box-shadow: 2px 2px 3px 0px rgb(57 62 70 / 18%);}
    .option_form ul li.on button.choice_close{display: none;}
    .option_form .btn_area {padding: 7px 0 20px;}
    .option_form .btn_area a {width: 75px;height: 28px;line-height: 28px;font-size: 13px;font-weight: 700;}
    #goodLoginPopup .layerpop .popup_close {right: 20px;top: 20px;width: 14px;height: 14px;background: url(/resources/images/theme/travel100scene/btn_pop_close01.png) 0 0 / 100% 100% no-repeat;}
    #popShare.wrap_layerpop{z-index: 305;}
    #goodLoginPopup .layerpop {border-radius: 5px;}
    #goodLoginPopup .layerpop p {padding: 45px 0 0;font-size: 14px;letter-spacing: -0.5px;line-height: 18px;}
    #goodLoginPopup .layerpop .btn_area {padding: 18px 0 20px;}
    #goodLoginPopup .layerpop .btn_area a {font-size: 13px;width: 75px;height: 30px;line-height: 30px;border-radius: 3px;}
    #goodLoginPopup .layerpop .popup_close {top: 15px;right: 15px;width: 14px;height: 14px;background: url(../images/btn_pop_m_close04.png) 0 0 / 100% 100% no-repeat;}

    #travelDetailPopup .layerpop {overflow-y: auto;display:block;max-height: 100%;padding: 0;left: 0 !important;border-radius: 0;right: 0 !important;top: 0 !important;width: auto !important;margin: 0 !important;height: 100%;background: #fff;border: 0;}
    #travelDetailPopup .tit {padding: 0 0 2rem;font-size: 1.6rem;line-height: 2.4rem;}
    #travelDetailPopup .layerpop .tit_wrap .tit {line-height: 100%;}
    #travelDetailPopup .layerpop .tit_wrap{position:sticky;left:0;top:0;padding: 2.4rem 2.4rem 2.4rem;}
    #travelDetailPopup .layerpop .popup_close {right: 1.6rem;top: 2.4rem;width: 1.6rem;height: 1.6rem;}
    #travelDetailPopup .popup_inr {padding: 0 16px;overflow-y: initial;}
    #travelDetailPopup .detail_img {margin: 0 -16px;}
    #travelDetailPopup .detail_img .swiper-container {margin: 0 0 0 16px;padding-right:16px;}
    #travelDetailPopup .detail_img .swiper-slide {width: 92%;}
    #travelDetailPopup .detail_img .img {height: 22.6rem;border-radius: 0.6rem;width:100%;}
    #travelDetailPopup .detail_img .custom_pagination_progressbar .pagination-progressbar {width: 20.7rem;}
    #travelDetailPopup .detail_img .action_button {right: 1.6rem;gap: 1.6rem;bottom: 0.2rem;}
    #travelDetailPopup .detail_img .action_button .pin {gap: 0.4rem;line-height: 2rem;font-size: 1.3rem;letter-spacing: -0.02em;}
    #travelDetailPopup .detail_img .action_button .pin button{width:2rem;height:2rem;}
    #travelDetailPopup .detail_img .action_button .icon_share_lg{width:2rem;height:2rem;}
    #travelDetailPopup .product_detail {padding: 3.2rem 0 2rem;}
    #travelDetailPopup .product_detail em {line-height: 2.5rem;padding: 0 0.8rem;font-size: 1.1rem;margin: 0 0 0.8rem;border-radius: 0.4rem;letter-spacing: -0.02em;}
    #travelDetailPopup .product_detail .tit {font-size: 2rem;line-height: 2.6rem;max-height: 5.2rem;}
    #travelDetailPopup .product_detail p {padding:2rem;margin: 2rem 0 0;font-size: 1.3rem;border-radius: 0.4rem;}
    #travelDetailPopup .booking_info dl {margin: 2rem 0 0;font-size: 1.3rem;}
    #travelDetailPopup .booking_info dl dt {margin: 0 2rem 1.2rem 0;gap: 0.4rem;}
    #travelDetailPopup .booking_info dl dt span{width:1.6rem;height:1.6rem;}
    #travelDetailPopup .booking_info dl dt span svg{width:1.4rem;height:1.4rem;}
    #travelDetailPopup .booking_info dl dd {margin: 0 0 1.2rem;}
    #travelDetailPopup .booking_info dl dd.price {font-size: 2.2rem;}
    #travelDetailPopup .booking_info dl dd.price span {font-size: 1.3rem;}
    #travelDetailPopup .related_content {padding: 3.2rem 0 0;}
    #travelDetailPopup .highlight_spot {padding: 0 0 3.2rem;margin:0;}
    #travelDetailPopup .highlight_spot .tit{margin:0;padding: 0 13rem 0 0 !important;}
    #travelDetailPopup .highlight_spot .swiper-container{padding:2rem 0 0 0;}
    #travelDetailPopup .highlight_spot .swiper-slide{width: 16.4rem !important;}
    #travelDetailPopup .highlight_spot .img {width: 16.4rem;height:16.4rem;border-radius: 0.6rem;}
    #travelDetailPopup .highlight_spot .swiper-slide strong {text-align: left;margin: 1.6rem 0 0;font-size: 1.3rem;line-height: 1.8rem;max-height: 3.6rem;}
    #travelDetailPopup .highlight_spot .custom_pagination_progressbar{right:16px;}

    #travelDetailPopup .related_content .tit {font-size: 1.7rem;padding:0 13rem 0 16px;}
    #travelDetailPopup .related_article{margin:0 -16px;}
    #travelDetailPopup .related_article .swiper-container:before{display:none;}
    #travelDetailPopup .related_article .swiper-slide {width: 28rem;}
    #travelDetailPopup .related_article .swiper-slide a {padding: 1rem;height: 24.6rem;border-radius: 0.6rem;box-shadow: 0px 0px 2rem rgba(153, 153, 153, 0.25);}
    #travelDetailPopup .related_article .img {height: 17.6rem;}
    #travelDetailPopup .related_article .img > div span {height: 8.7rem !important;}
    #travelDetailPopup .related_article .swiper-container {padding: 2rem 16px 3.2rem 16px;}
    #travelDetailPopup .related_article .custom_pagination_progressbar {right: 16px;}
    #travelDetailPopup .related_article .swiper-slide strong {text-align: left;margin: 1.4rem 0 0;font-size: 1.3rem;line-height: 1.8rem;max-height: 3.6rem;}
    #travelDetailPopup .detail_img .custom_pagination_progressbar {margin: 2rem 11.5rem 0 0;}
    #travelDetailPopup .product_inquiry {display: grid;grid-template-columns: auto auto;grid-auto-rows: auto;gap: 0.8rem 2rem;padding: 3.2rem 0 2.4rem;font-size: 1.3rem;}
    #travelDetailPopup .product_inquiry strong{grid-column: span 2;margin:0;font-size:1.4rem;text-align: center;}
    #travelDetailPopup .product_inquiry a{display:block;color:#666;text-decoration: underline;text-underline-offset: 0.2rem;}
    #travelDetailPopup .product_inquiry span span{display:none;}
    #travelDetailPopup .btn_reserve {bottom: 2rem;}
    #travelDetailPopup .btn_reserve a {height: 4.8rem;font-size: 1.6rem;border-radius: 0.4rem;}


    /* my 찜 리스트 */
    .my_list{width:auto;margin:0 15px;padding:28px 0 30px;}
    .my_list h3{padding: 0 0 45px;font-size: 17px;line-height: 21px;letter-spacing: -1px;}
    .my_list strong {padding:82px 0 8px;font-size: 18px;line-height:21px;letter-spacing: -1px;background: url(../images/bg_my_list1.gif) 50% 0 / 149px 69px no-repeat;}
    .my_list p{font-size:11px;letter-spacing:0;line-height:14px;}

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


@media all and (min-width:721px) and (max-width:1023px) {
    #travel100Detail .layerpop{left: 240px !important;right: 240px !important;}
    .component_100scene01 .swiper-slide{width: calc(17.3rem - 1.2rem);}
    .component_100scene02 .swiper-slide{width:18rem;}
    .component_100scene03 .swiper-slide{width: 22rem !important;}
    .component_100scene05 .swiper-slide{width: 16rem !important;}


}