@charset "euc-kr";
/* common */
input{appearance: none;}
.align-right{text-align: right !important;}
[class^="flex"]{display: flex; align-items: center;}
span[class^="flex"]{display: inline-flex; align-items: center;}
[class^="flex"][class*="-center"]{justify-content: center;}
[class^="flex"][class*="-right"]{justify-content: flex-end;}
[class^="flex"][class*="-evenly"]>*{flex:1;}
[class^="flex"][class*="-justify"]{justify-content: space-between;}
[class^="flex"][class*="-gap-5"]{column-gap: 5px;}
[class^="flex"][class*="-gap-7"]{column-gap: 7px;}
[class^="flex"][class*="-gap-10"]{column-gap: 10px;}

/* form */
select::-ms-expand {display:none}
.form-control{overflow: hidden; height: 44px; border: 1px solid #b3b3b3; border-radius:4px}
.form-control>*{width: 100%; height: 100%; padding:0 20px; border: 0; font-size: 14px; text-align: inherit;}
.form-control>select{background: transparent url(/images/ico_select.png) no-repeat 95% 50%; appearance: none; -webkit-appearance: none;       -moz-appearance: none;  appearance: none;}
.form-control-group{position: relative; display: flex; column-gap: 10px;}
.form-control-group>*{flex:1;}
.form-check{position: relative; display: flex; column-gap: 10px;}
.form-check input{position: relative; width: 20px; height:20px; border: 1px solid #c4c4c4; background-color: #fff;}
.form-check input[type="radio"]{border-radius:50%; transition:.3s}
.form-check input[type="radio"]:after{content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; transform: translate(-50%, -50%); transition:.3s;}
.form-check input[type="radio"]:checked{border-width: 3px; border-color: #ff5722;}
.form-check input[type="radio"]:checked:after{width: 8px; height: 8px; background-color: #ff5722;}
.form-check input[type="checkbox"]{border-radius:4px;  cursor: pointer;}
.form-check input[type="checkbox"]:checked{border: 0; background:url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -160px -60px;}
.form-check input[type="checkbox"]:disabled{background-color: #c4c4c4;}
/* ºÎºÐ¼±ÅÃ 2022-02-15 18:36 by hclee@jeju.com*/
.form-check input[type="checkbox"].partial{border: 0; background:url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -140px -60px;}
.form-check label{display: flex; flex:1 1 auto; font-size: 15px; line-height: 20px; justify-content: space-between; cursor: pointer;}
.form-check label small{ font-size: 11px;   color: #808080;}
span.form-check{display: inline-flex;}
div.form-check + div.form-check{margin-top: 20px;}
.layer .form-check-group{overflow-y: auto;}
.form-check-group .ico-arr{overflow:hidden; display: block; width: 20px; height: 20px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -360px 0; color: transparent;}
.form-check-group[data-column="2"]{display: flex; row-gap: 20px; justify-content: space-between; column-gap: 10px; flex-wrap: wrap;}
.form-check-group[data-column="2"]>*{flex: 1 1 40%; margin-top: 0 !important;}

/* ·¹ÀÌ¾îÆË¾÷ */
.layer{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; display: flex; max-height:inherit; background-color: rgba(0,0,0, .4); align-items: center; justify-content: center;}
.layer>*{background-color: #fff;}
.btn-close{overflow:hidden; position: relative; width: 30px; height: 30px; background-color: transparent; color: transparent; border: 0; cursor: pointer;}
.btn-close:before,
.btn-close:after{content:''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #979797; margin-top: -1px; transform-origin: center; transform:translateX(-50%)}
.btn-close:before{transform:translateX(-50%) rotate(45deg)}
.btn-close:after{transform:translateX(-50%) rotate(-45deg)}
.btn-up{overflow:hidden; position: relative; width: 30px; height: 30px; background-color: transparent; color: transparent; border: 0; cursor: pointer;}
.btn-up:before,
.btn-up:after{content:''; position: absolute; top: 50%; left: 50%; width: 60%; height: 2px; background-color: #fff; margin-top: -1px; transform-origin: center; transform:translateX(-50%)}
.btn-up:before{transform: translateX(-10%) rotate(45deg);}
.btn-up:after{transform: translateX(-80%) rotate(-45deg);}
.btn-down{overflow:hidden; position: relative; width: 30px; height: 30px; background-color: transparent; color: transparent; border: 0; cursor: pointer;}
.btn-down:before,
.btn-down:after{content:''; position: absolute; top: 50%; left: 50%; width: 60%; height: 2px; background-color: #fff; margin-top: -1px; transform-origin: center; transform:translateX(-50%)}
.btn-down:before{transform: translateX(-10%) rotate(-45deg);}
.btn-down:after{transform: translateX(-80%) rotate(45deg);}
.layer-contents::-webkit-scrollbar{width:5px;}
.layer-contents::-webkit-scrollbar-track{background-color: transparent;}
.layer-contents::-webkit-scrollbar-thumb{border-radius:3px; background-color: rgba(0,0,0, .3);}
.layer-btns{display: flex; column-gap: 10px;}
.layer-btns>*{flex:1; height: 46px; font-size: 19px;}
.activity-layer > div {position: relative; box-sizing: border-box;}
.activity-layer .layer-header {margin: 32px 32px 24px 32px; border-bottom: 1px solid #ebebeb;}
.activity-layer .layer-header > p {font-size: 21px; font-weight: bold; padding-bottom: 20px;}
.activity-layer .layer-header .btn-close{width: 26px; height: 26px; position: absolute; top: 36px; right: 30px;}
.activity-layer .layer-header .btn-close:before,
.activity-layer .layer-header .btn-close:after{background-color: #979797;}
.activity-layer .layer-body {overflow: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 32px 32px;}
.activity-layer .layer-body.scroll {max-height: 500px;}


/* °Ë»ö Æû */
.search-box{width: 100%; display: flex; align-items: center; background-color: #fff; padding: 0 20px; border-radius: 20px; height: 167px;}
.search-box .item{width: 100%; margin-left: 10px; position: relative;}
.search-box .item:first-child {margin-left: 0;}
.search-box .item p{font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.search-box .item a{display: block; height: 44px; line-height: 44px; font-size: 14px; border: 1px solid #b3b3b3; border-radius: 3px; padding: 0 20px; text-decoration: none;}
.search-box .date::before, .search-box .member::before{content: ''; position: relative; top: -1px; display: inline-block; width: 16px; height: 16px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat; margin-right: 4px; vertical-align: middle;}
.search-box .date::before {background-position: -96px -150px;}
.search-box .member::before{background-position: -80px -150px;}
.search-box input.input-area {display: block; height: 44px; line-height: 44px; font-size: 14px; border: 1px solid #b3b3b3; border-radius: 3px; padding: 0 20px; width: 257px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* ¼÷¼Ò¸í °Ë»ö µå·Ó¹Ú½º */
.ui-autocomplete {border-radius: 4px; font-size: 14px; width: 360px;}
.ui-widget-content {padding: 0;}
.ui-menu .ui-menu-item {padding: 12px 12px 12px 43px; border-bottom: 1px solid #ebebeb;}
.ui-menu .ui-menu-item:last-child {border-bottom: 0;}
.ui-menu .ui-menu-item::before {content: ''; display: block; position: absolute; top: 50%; left: 16px; width: 18px; height: 18px; margin-top: -9px; background: url(/publishing21/ld_v2/resources/images/ico_autocomplete_hotel.png) no-repeat; background-size: 18px auto;}
.ui-menu .ui-menu-item.ui-state-focus {margin: 0 !important; background: #eee; border: 0 !important; color: #3d3d3d;}


/* ³¯Â¥¼±ÅÃ ÆË¾÷ */
.calendar-wrap .calendar td > a {border-radius: 4px;}
.choose-schedule{position: relative; width:856px; border-radius: 20px;}
.choose-schedule.border {border-radius: 20px;}
.choose-schedule .btn-close {position: absolute; top: 0; right: -44px; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%;}
.choose-schedule .btn-close:before,
.choose-schedule .btn-close:after{width: 70%; background-color: #fff; height: 1px;}
.calendar-navi{display: flex; width: 730px; margin: 0 auto; justify-content: space-between;}
/* .calendar-navi>*{position: absolute; top: 36px; width: 33px; height: 33px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat;} */
.calendar-navi>*{position: absolute; width: 33px; height: 33px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat;}
.calendar-navi .btn-prev{background-position: 100% -108px;}
/* .calendar-navi .btn-next{background-position: 100% -75px; right: 50px;} */
.calendar-navi .btn-next{background-position: 100% -75px; right: -10px;}
.choose-schedule .calendar-wrap{display: flex; width: 730px; margin: 0 auto; padding: 40px 0 14px 0; justify-content: space-between; column-gap: 64px;}
.choose-schedule .calendar-wrap .calendar{flex:1; text-align: center;}
.choose-schedule .calendar-wrap .ui-widget-content {justify-content: center;}
.choose-schedule .calendar-wrap .calendar .ui-datepicker-multi .ui-datepicker-group{margin-top: 10px;}
.calendar .year-month{font-size: 18px; text-align: center; color: #000;}
.calendar table{width:100%; margin-top: 21px; border-collapse: collapse; table-layout: fixed;}
.calendar th, .calendar td{height: 44px; font-size: 15px; border: 0; padding: 0;}
.calendar th{background-color: #fafafa; color: #000; font-weight: normal;}
.calendar td>*{width: 100%; height: 30px;}
.calendar-wrap .calendar td > * {line-height: 25px !important;}
.calendar td>*.selected{background-color: rgba(254, 87, 34, 0.1);}
.calendar td>*.selected.start,
.calendar td>*.selected.end{position: relative; width:30px; background-color: #ff5722; color: #fff;}
/* .calendar td>*.selected.start{border-top-left-radius: 4px; border-bottom-left-radius: 4px;} */
/* .calendar td>*.selected.start div{position: absolute; top: 0; right: -30%; width: 50%; height: 100%; background-color: rgba(254, 87, 34, 0.1);} */
.calendar td>*.selected.end{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.calendar td>*.selected.end div{position: absolute; top: 0; left: -29%; width: 50%; height: 100%; background-color: rgba(254, 87, 34, 0.1);}
.calendar :disabled{color: #c4c4c4;}
.acquisition-return{display: flex; padding: 24px 57px 32px; justify-content: space-evenly; background-color: #fafafa; border-top: 1px solid #e0e0e0; border-radius: 0 0 20px 20px;}
.acquisition-return>dl {display: flex; width: 100%; column-gap: 10px}
.acquisition-return dt {font-size: 15px; font-weight: bold; color: #000; line-height: 46px;}
.acquisition-return dd {flex: 1;}
.acquisition-return .btn_comm{width: 300px; margin-left: 10px;}
.choose-schedule.price-wrap .calendar-navi {position: absolute; top: 36px; left: 50%; transform: translateX(-50%);}
.choose-schedule.price-wrap .calendar-wrap .calendar {height: 360px;}



/* °´½Ç, ÀÎ¿ø ¼±ÅÃ ÆË¾÷ */
.member-count {width: 410px; padding: 32px; box-sizing: border-box;}
.member-count .member-count-header {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px;}
.member-count .member-count-header .btn-close {width: 26px; height: 26px;}
.member-count .member-count-header p {font-weight: bold; font-size: 20px;}
.member-count.border {border-radius: 20px;}
.member-count .inner {max-height: 320px; overflow: hidden; overflow-y: auto; margin: 0 -20px !important; padding: 0 20px; width: auto !important;}
/* .member-count ul {max-height: 500px; overflow-y: auto; margin: 0 -32px; padding: 0 32px;} */
.member-count ul li {display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;}
.member-count ul li:last-child {margin-bottom: 0;}
.member-count ul .line {height: 1px; background-color: #ebebeb; margin: 20px 0;}
.member-count .count {display: flex; column-gap: 20px; align-items: center;}
.member-count .count button {display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid #d9d9d9; border-radius: 3px;}
.member-count .count .decrement::after, .member-count .count .increment::after {content: ''; display: inline-block; width: 20px; height: 20px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat;}
.member-count .count .increment::after {background-position: 100% -25px;}
.member-count .count .decrement::after {background-position: 100% -50px;}
.member-count .count span {font-weight: bold; font-size: 20px; width: 24px; text-align: center;}
/* .member-count .count spanÀ» inputÀ¸·Î º¯°æ */
.member-count .count input {font-weight: bold; border: 0; font-size: 20px; width: 24px; text-align: center;}
.member-count .member .text p:nth-child(1) {font-size: 16px; font-weight: bold; margin-bottom: 4px;}
.member-count .member .text p:nth-child(2) {font-size: 12px; color: #888;}
.member-count button.btn_comm {font-size: 18px; margin-top: 24px; height: 56px; width: 100%; border-radius: 3px;}
.member-count .ui-toggle {margin-top: 16px;}
.member-count .ui-toggle .btn-toggle {font-size: 16px; color: #ff5722; margin-bottom: 8px;}
.member-count .ui-toggle .btn-toggle:after {content: ''; display: inline-block; width: 12px; height: 10px; margin-left: 8px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat; background-position: -100px -141px; transition: .3s; transform: rotate(0deg);}
.member-count .ui-toggle .btn-toggle.open:after {transform: rotate(180deg);}
.member-count .ui-toggle .toggle-contents .form-group {display: flex; column-gap: 16px;}
.member-count .ui-toggle .toggle-contents .form-group span:first-child {flex: 1;}
.member-count .ui-toggle .toggle-contents .form-group span .form-control {font-size: 14px; padding-left: 16px; width: 100%;}
.member-count .ui-toggle .toggle-contents .form-group span.w30p {width: 80px;}
.member-count .ui-toggle .toggle-contents .form-group span.w30p .form-control {padding: 0; background-color: #37b7b5; color: #fff; border-radius: 4px; height: 46px;}
.member-count .ui-toggle .toggle-contents .form-group .btn-lg-info {font-size: 14px; background-color: #37b7b5; color: #fff; border-radius: 4px; height: 46px; width: 100%;}
.member-count .ui-toggle .toggle-contents .text {font-size: 14px; color: #666;}
.member-count #room_select_list li:last-child {display: none;}


/* Áö¿ª¼±ÅÃ ÆË¾÷ */
#map_select .map-cont {padding: 32px;}
#map_select .map-cont.border {border-radius: 20px;}
#map_select .map-cont .map-count-header {display: flex; justify-content: space-between; align-items: center;}
#map_select .map-cont .map-count-header .btn-close {width: 26px; height: 26px;}
#map_select .map-cont .map-count-header p {font-size: 21px; font-weight: bold;}
#map_select .map-cont #jejumap {position: relative; margin-bottom: 20px; width: auto !important; height: auto !important;}
#map_select .map-cont #jejumap #area_select {background:url(/images/item/map/bg_map_jeju.png) no-repeat; margin: 0 auto;}
#map_select .map-cont .check-all {position: absolute; bottom: 15px; right: 15px;}
#map_select .map-cont .btn-group {text-align: center;}
#map_select .map-cont .btn-group a {width: 100%; height: 56px; line-height: 56px; font-size: 18px; border-radius: 3px;}
#map_select .map-cont .info {margin: 24px 0; font-size: 14px; border-top: 1px solid #ebebeb; padding-top: 16px; text-align: center;}


/* Ä¸¼Ç */
.caption {display: flex; column-gap: 5px;}
.caption li {height: 24px; line-height: 24px; padding: 0 5px; border: 1px solid;}


/* ¸ÞÀÎÆäÀÌÁö */
.activity-wrap *, .activity-wrap:before, .activity-wrap:after {box-sizing: border-box;}
/* .activity-wrap {padding-bottom: 54px !important; overflow: hidden;} */
.activity-wrap > div .main-content{width: 1100px; margin: 0 auto;}
.activity-wrap > div .main-content h3{font-size: 24px; margin-bottom: 30px;}
.activity-wrap > div .main-content .btn-next, .activity-wrap > div .main-content .btn-prev{visibility: hidden; transition: all .2s ease; position: absolute; top: 50%; z-index: 20; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 40px; cursor: pointer; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat; opacity: 0; box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 5%);}
.activity-wrap > div .main-content .btn-next {background-position: -246px -122px; right: -2%;}
.activity-wrap > div .main-content .btn-prev {background-position: -291px -122px; left: -2%;}
.activity-wrap > div .main-content .swiper-group {position: relative; margin-bottom: 24px;}
.activity-wrap > div .main-content .swiper-group:hover .btn-next {visibility: visible; opacity: 0.8;}
.activity-wrap > div .main-content .swiper-group:hover .btn-prev {visibility: visible; opacity: 0.8;}
.activity-wrap > div .main-content .swiper-pagination .swiper-pagination-bullet {background-color: #ccc;}
.activity-wrap > div .main-content .swiper-pagination .swiper-pagination-bullet-active {background-color: #3d3d3d;}
.activity-wrap > div .swiper-slide a{display: block; overflow: hidden; border-radius: 20px; text-decoration: none;}
.activity-wrap > div .swiper-slide a img{width: 100%; height: 100%; display: block; object-fit: cover;}
.activity-wrap .main-search{display: flex; height: 530px; align-items: center; background: url(/publishing21/activity/resources/images/img-tour-main-visual-new.webp) top center no-repeat; background-size: cover;}
.activity-wrap .main-search .main-content{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.activity-wrap .main-search .main-content .title{text-align: center; margin-bottom: 28px;}
.activity-wrap .main-search .main-content .title h3{font-size: 36px; color: #fff; margin-bottom: 19px;}
.activity-wrap .main-search .main-content .title p{font-size: 15px; color: #fff;}
.activity-wrap .main-search .main-content .search-box .item a {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.activity-wrap .main-search .main-content .btn {text-align: center; margin-top: 30px;}
.activity-wrap .main-search .main-content .btn button {display: flex; justify-content: center; align-items: center; width: 440px; height: 80px; border-radius: 20px; font-size: 21px; font-weight: bold; color: #fff; background-color: #ff5722;}
.activity-wrap .main-search .main-content .btn button i {width: 20px; height: 20px; margin-right: 8px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -335px 0;}


.activity-wrap .main-bannerslide {background-color: #fff; padding: 80px 0;}
.activity-wrap .main-bannerslide .swiper-slide a{width: 350px; height: 172px;}


.box_slt {overflow: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background: #fff; vertical-align: top;}
.box_slt .inp_slt {background-position: 320px;}
ul.group_choice {width: 100%; position: absolute; padding: 10px 20px; margin-top: -1px; background: #fff; border: 1px solid #b3b3b3; white-space: nowrap;}
ul.group_choice li {margin-bottom: 8px;}
ul.group_choice li:last-child {margin-bottom: 0;}



/* °Ë»ö°á°úÆäÀÌÁö */
.activity-result-wrap *, .ld-result-wrap:before, .ld-result-wrap:after {box-sizing: border-box;}
.activity-result-wrap .search-header {position: relative; background-color: #fff; margin-bottom: 24px;}
.activity-result-wrap .search-header .search-box {padding: 30px 20px; align-items: flex-end; height: auto;}
.search-header .search-box .btn-search {width: 40%; margin-left: 10px; height: 44px; line-height: 44px;}
.activity-result-wrap .search-content {display: flex; flex-wrap: wrap;}
.activity-result-wrap .search-content .prod-filter {width: 353px;}
.activity-result-wrap .search-content .prod-list {flex-grow: 1; margin-left: 20px;}
.activity-result-wrap .search-content .btn-map{display: flex; width: 100%; justify-content: center; align-items: center; height: 54px; border: 1px solid #37b7b5; margin-bottom: 12px; background: #fff;}
.activity-result-wrap .search-content .btn-map span{font-size: 18px; font-weight: bold; line-height: 18px; color: #37b7b5;}
.activity-result-wrap .search-content .btn-map span img {margin-right: 8px;}
.activity-result-wrap .search-content .filter-header {height: 56px; padding: 0 28px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.activity-result-wrap .search-content .filter-header button.btn-refresh {display: flex; color: #fff; column-gap: 5px; align-items: center; position: absolute; top: 19px; right: 20px;}
.activity-result-wrap .search-content .filter-header button.btn-refresh i {display: inline-block; width: 14px; height: 14px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -211px -61px;}
.activity-result-wrap .search-content .filter-header button.btn-close {display: none;}
.activity-result-wrap .search-content .filter-content {display: flex; flex-direction: column; background-color: #fff; padding: 20px;}
.activity-result-wrap .search-content .filter-content .category {margin: 20px 0;}
.activity-result-wrap .search-content .filter-content .category:first-child {margin: 0;}
.activity-result-wrap .search-content .filter-content .category .title {display: flex; align-items: center; font-size: 15px; font-weight: bold; column-gap: 5px; margin-bottom: 14px;}
.activity-result-wrap .search-content .filter-content .category .title::after {content: ''; width: 12px; height: 6px; display: inline-block; background: url(/images/bg_filter_dt.gif) no-repeat;}
.activity-result-wrap .search-content .filter-content .category .form-check-group[data-column="2"] {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.activity-result-wrap .search-content .filter-content .category .form-check-group[data-column="2"] > * {flex: 1 1 40%; margin-top: 0 !important;}
.activity-result-wrap .search-content .filter-content .category .range-slider {position: relative; padding-top: 38px;}
.activity-result-wrap .search-content .filter-content .category .range-slider .ui-widget-content {padding: 0;}
.activity-result-wrap .search-content .list-top {display: flex; justify-content: space-between; align-items: center; height: 54px; margin-bottom: 12px;}
.activity-result-wrap .search-content .list-top p {font-size: 21px;}
.activity-result-wrap .search-content .list-top .sort-btns {display: flex; column-gap: 10px;}
.activity-result-wrap .search-content .list-top .sort-btns button {display: flex; column-gap: 5px; font-size: 14px; align-items: center; color: #979797;}
.activity-result-wrap .search-content .list-top .sort-btns .on {color: #3d3d3d !important;}
.activity-result-wrap .search-content .list-top .sort-btns .on .ico-check {background-position: -195px -60px;}
.activity-result-wrap .search-content .list-top .sort-btns button .ico-check {display: inline-block; width: 14px; height: 14px; background: url(/publishing21/ren_v2/resources/images/icon.png) no-repeat -180px -60px;}
.activity-result-wrap .search-content .list-bottom > ul{display: flex; flex-direction: column; row-gap: 24px;}
.activity-result-wrap .search-content .list-bottom .item-group {position: relative; display: flex; background-color: #fff; padding: 24px 20px;}
.activity-result-wrap .search-content .list-bottom .item-img {width: 220px; height: 190px; margin-right: 24px; position: relative;}
.activity-result-wrap .search-content .list-bottom .item-img .play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.activity-result-wrap .search-content .list-bottom .item-img img {width: 100%; height: 100%; display: block;}
.range-slider .ui-slider {position: absolute; top: 15px; left: 15px; right: 15px; width: auto; margin-top: 0;}
.range-slider .ui-slider .ui-state-focus {outline: none;}
.activity-result-wrap .search-content .list-bottom .item-info {width: 370px; display: flex; flex-direction: column;}
.activity-result-wrap .search-content .list-bottom .item-info .title {margin: 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.activity-result-wrap .search-content .list-bottom .item-info .title a {text-decoration: none;}
.activity-result-wrap .search-content .list-bottom .item-info .text {display: flex;}
.activity-result-wrap .search-content .list-bottom .item-info .text span {color: #979797; margin-right: 6px; background: none; border: 0; padding: 0;}
.activity-result-wrap .search-content .list-bottom .item-info .text .grade::after{content: ''; display: inline-block; width: 1px; height: 80%; background: #e0e0e0; margin-left: 6px; vertical-align: middle;}
.activity-result-wrap .search-content .list-bottom .item-info .text .location{margin-right: 10px;}
.activity-result-wrap .search-content .list-bottom .item-info .text button::before {content: ''; display: inline-block; margin-right: 4px; width: 11px; height: 16px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -213px -83px; vertical-align: middle;}
.activity-result-wrap .search-content .list-bottom .item-info .score {display: flex; margin-top: 10px;}
.activity-result-wrap .search-content .list-bottom .item-info .score p {color: #979797;}
.activity-result-wrap .search-content .list-bottom .item-info .score .rate {font-weight: bold; margin-right: 8px;}
.activity-result-wrap .search-content .list-bottom .item-info .score .rate::before {content: ''; display: inline-block; margin-right: 4px; width: 10px; height: 10px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -367px -60px;}
.activity-result-wrap .search-content .list-bottom .item-info .item {margin-top: 30px;}
.activity-result-wrap .search-content .list-bottom .item-info .score .rate::before {content: ''; display: inline-block; margin-right: 4px; width: 10px; height: 10px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -367px -60px;}
.activity-result-wrap .search-content .list-bottom .item-info .item p::before {content: ''; vertical-align: middle; display: inline-block; margin-right: 4px; width: 16px; height: 16px; background-position: top center;}
.activity-result-wrap .search-content .list-bottom .item-info .item .time::before {background: url(/publishing21/activity/resources/images/ico-time.svg);}
.activity-result-wrap .search-content .list-bottom .item-info .item .benefit {margin-top: 4px;}
.activity-result-wrap .search-content .list-bottom .item-info .item .benefit::before {background: url(/publishing21/activity/resources/images/ico-info.svg)}
.activity-result-wrap .search-content .list-bottom .item-info .item > p {width: 250px; margin-top: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.activity-result-wrap .search-content .list-bottom .item-price {position: absolute; bottom: 24px; right: 20px; display: flex; flex-direction: column; text-align: right;}
.activity-result-wrap .search-content .list-bottom .item-price .pre-price {font-size: 15px; line-height: 15px;}
.activity-result-wrap .search-content .list-bottom .item-price .pre-price .pre {color: #979797; text-decoration: line-through;}
.activity-result-wrap .search-content .list-bottom .item-price .price {font-size: 24px; font-weight: bold; display: flex; justify-content: flex-end; align-items: center;}
.activity-result-wrap .search-content .list-bottom .item-price .price.deadline {color: #979797; font-weight: normal; font-size: 22px;}
.activity-result-wrap .search-content .list-bottom .item-price .price span {font-size: 18px; font-weight: normal; vertical-align: 2px; margin-left: 2px;}
.activity-result-wrap .search-content .list-bottom .item-price .price .cou {font-size: 13px; height: 24px; line-height: 24px; display: inline-block; margin-left: 0; background-color: #FFEFE9; padding: 0 5px; font-weight: bold; margin-right: 10px;}
.activity-result-wrap .search-content .list-bottom .item-price .info {color: #b3b3b3;}
.activity-result-wrap .search-content .list-bottom .item-price > .fc-orange {background-color: rgba(254, 87, 34, 0.1); padding: 2px 8px; margin-bottom: 2px;}
.activity-result-wrap .search-content .list-bottom .item-price .deadline {color: #979797; font-weight: normal;}
.activity-result-wrap .search-content .list-bottom .badge {position: absolute; top: 24px; right: 20px; width: 49px; height: 49px; padding-top: 7px; background: url(/images/bg_badge_event.png) no-repeat; text-align: center; color: #fff; box-sizing: border-box; text-decoration: none;}
.activity-result-wrap .search-content .list-bottom .event-layer {top: 50px; right: 20px;}
.activity-result-wrap .search-content .prod-wrap {display: flex; flex-wrap: wrap; flex: 1;}


/* ¼÷¹Ú »ó¼¼ÆäÀÌÁö */
.activity-detail-wrap *, .activity-detail-wrap:before, .activity-detail-wrap:after {box-sizing: border-box;}
.activity-detail-wrap > div {margin-bottom: 30px;}
.activity-detail-wrap > div .main-content{width: 1100px; margin: 0 auto;}
.activity-detail-wrap .main-content {display: flex; justify-content: space-between; padding: 24px; background: #fff;}
.activity-detail-wrap .prod-info {width: 640px;}
.activity-detail-wrap .prod-info .caption {margin-bottom: 8px;}
.activity-detail-wrap .sticky {width: 360px;}
.activity-detail-wrap .purchase-info {/*position: sticky; top: 80px; */display: flex; flex-direction: column; row-gap: 24px; padding: 24px; border: 1px solid #efefef;}
.activity-detail-wrap .purchase-info .search-box {padding: 0; height: auto;}
.activity-detail-wrap .purchase-info .member-count {padding: 0; width: auto;}
.activity-detail-wrap .purchase-info .member-count > p {font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.activity-detail-wrap .purchase-info .member-count .text p:nth-child(1) {font-size: 12px; color: #888;}
.activity-detail-wrap .purchase-info .member-count .text p:nth-child(2) {font-size: 20px; font-weight: bold; margin-bottom: 4px;}
.activity-detail-wrap .purchase-info .total-amount{padding: 16px; background-color: #fafafa;}
.activity-detail-wrap .purchase-info .total-amount p {font-size: 15px;}
.activity-detail-wrap .purchase-info .total-amount del{font-size: 17px; color: #b3b3b3;}
.activity-detail-wrap .purchase-info .total-amount .price{font-size: 18px; line-height: 1;}
.activity-detail-wrap .purchase-info .total-amount .price b{font-size: 26px;}
.activity-detail-wrap .purchase-info .total-amount em{font-size: 12px;}
.activity-detail-wrap .purchase-info .notice {padding: 15px; text-align: left; border: 1px solid #e53935; color: #e53935;}
.activity-detail-wrap .purchase-info [class^="btn_"] {display: flex; flex: 1; width: 100%; justify-content: center; align-items: center; column-gap: 5px;}
.activity-detail-wrap .purchase-info [class^="btn_"] [class^="ico-"] {display: inline-block; width: 25px; height: 25px; background: url(/publishing21/ren_v2/resources/images/icon.png) no-repeat;}
.activity-detail-wrap .purchase-info .ico-download {background-position: -140px -80px !important;}
.activity-detail-wrap .purchase-info .btn-wrap {min-width: 180px;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-group {display: flex; margin-top: 8px;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-group > div {display: flex; flex: 1;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-group .btn-cart {display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; border: 1px solid #ccc; border-radius: 3px; margin-right: 8px;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-group .btn-cart span {width: 18px; height: 16px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -137px -167px; text-indent: -9999px;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-group .btn-reserv, .activity-detail-wrap .purchase-info .btn-wrap .btn-group .btn_action, .activity-detail-wrap .purchase-info .btn-wrap .btn-group .btn_disabled
{flex: 1; font-weight: normal; font-size: 17px; padding: 0 32px; height: 48px; line-height: 48px;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-group .btn_disabled {background-color: #bdbdbd; color: #fff; cursor: default;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-cou {display: block; text-align: center; padding: 4px; border: 1px solid; border-radius: 3px; margin-top: 10px; font-size: 14px; text-decoration: none;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-cou::before {content: ''; display: inline-block; width: 15px; height:15px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -82px -137px; vertical-align: -6px; margin-right: 4px;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-date {display: block; text-align: center; padding: 4px; border: 1px solid #ccc; color: #666; border-radius: 3px; margin-top: 10px; font-size: 14px; text-decoration: none;}
.activity-detail-wrap .purchase-info .btn-wrap .btn-date::before {content: ''; display: inline-block; width: 15px; height:15px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -162px -167px; vertical-align: middle; margin-right: 4px;}

.activity-detail-wrap .title-wrap {position: relative; margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.activity-detail-wrap .title-wrap .item-title {font-size: 24px; width: 90%;}
.activity-detail-wrap .title-wrap .item-title.sub {font-size: 14px; color: #979797; margin-right: 4px;}
.activity-detail-wrap .title-wrap .location {margin-top: 8px;}
.activity-detail-wrap .title-wrap .location .rate {font-weight: bold;}
.activity-detail-wrap .title-wrap .location .rate::before {content: ''; display: inline-block; margin-right: 4px; width: 10px; height: 10px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -367px -60px;}
.activity-detail-wrap .title-wrap .btn-share .ico-share {position: absolute; top: 4px; right: 0; display: inline-block; width: 26px; height: 29px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -330px -83px;}

.activity-detail-wrap .info-wrap {font-size: 16px; margin-bottom: 24px;}
.activity-detail-wrap .info-wrap strong {margin-left: 24px;}
.activity-detail-wrap .info-wrap strong:first-child {margin-left: 0;}
.activity-detail-wrap .info-wrap strong > span {font-weight: normal; margin-left: 8px;}
.activity-detail-wrap .info-wrap .check {margin-left: 4px; display: inline-block; vertical-align: middle; height: 20px;}
.activity-detail-wrap .info-wrap .checkin-layer {font-size: 13px; top: 134px; right: -30px;}
.activity-detail-wrap .info-wrap .location a {margin-left: 8px; font-weight: normal; padding: 4px; display: inline; text-decoration: none;}

.activity-detail-wrap .thumbnail-wrap {display: flex; flex-direction: column;}
.activity-detail-wrap .thumbnail-wrap .main-thumbnail {display: flex; width: 100%; height: 640px; /*height: 380px;*/}
.activity-detail-wrap .thumbnail-wrap .main-thumbnail img {width: 100%; height: 100%; display: block; object-fit: cover; cursor: pointer;}
.activity-detail-wrap .thumbnail-wrap .sub-thumbnail {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 8px; margin-top: 8px;}

.activity-detail-wrap .card-wrap {background-color: #fafafa; padding: 20px; margin-top: 20px;}
.activity-detail-wrap .card-wrap ul {display: flex; justify-content: space-around;}
.activity-detail-wrap .card-wrap ul li {text-align: center; flex: 1 1; width: auto;}
.activity-detail-wrap .card-wrap ul li span {display: block; margin-top: 8px; font-size: 15px; word-break: keep-all;}
.activity-detail-wrap .card-wrap ul li img {width: 32px; height: 32px;}

.activity-detail-wrap .tab{display: flex; background-color: #fff; border-bottom: 1px solid #c6c6c6; margin: 40px 0;}
.activity-detail-wrap .tab button{display: flex; justify-content: center; align-items: center; height: 58px; text-align: center; font-size: 16px; width: 100%; color: #979797;}
.activity-detail-wrap .tab button span{height: inherit; line-height: 58px; width: 100%;}
.activity-detail-wrap .tab .on span {color: #ff5722; border-bottom: 2px solid #ff5722; font-weight: bold;} 
.activity-detail-wrap .tab-content .title {font-weight: bold; font-size: 20px;}
.activity-detail-wrap .tab-content > div > ul {font-size: 15px; line-height: 1.6; color: #666;}
.activity-detail-wrap .tab-content .tab-info, .activity-detail-wrap .tab-content .tab-refund {font-size: 15px; line-height: 1.6;}
.activity-detail-wrap .tab-content .tab-info > * {word-break: keep-all;}
.activity-detail-wrap .tab-content .tab-info tbody tr td {font-size: 15px;}
.activity-detail-wrap .tab-content .tab-info tbody tr td:first-child {font-weight: normal; background: #fafafa; color: #808080;}
.activity-detail-wrap .tab-content .tab-info tbody tr td:last-child {background-color: #fff;}
.activity-detail-wrap .tab-content .tab-info .panel {display: flex; flex-direction: column; row-gap: 4px;}
.activity-detail-wrap .tab-content .tab-info .panel li::before {content: ""; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.activity-detail-wrap .tab-content .tab-info .panel.include li::before {background: url(/publishing21/activity/resources/images/ico-include.svg) no-repeat top center;}
.activity-detail-wrap .tab-content .tab-info .panel.exclude li::before {background: url(/publishing21/activity/resources/images/ico-exclude.svg) no-repeat top center;}
.activity-detail-wrap .tab-content .tab-schedule {margin-bottom: 40px;}
.activity-detail-wrap .tab-content .tab-schedule .date {background: #37b7b5; padding: 20px; color: #fff;}
.activity-detail-wrap .tab-content .tab-schedule .date strong {font-size: 20px; margin-right: 8px;}
.activity-detail-wrap .tab-content .tab-schedule .date span {font-size: 16px;}
.activity-detail-wrap .tab-content .tab-schedule .info {margin: 40px 0 60px 0;}
.activity-detail-wrap .tab-content .tab-schedule .info .info-list {position: relative;}
.activity-detail-wrap .tab-content .tab-schedule .info .info-list::before {content: ""; position: absolute; top: 20px; bottom: 0; left: 20px; width: 1px; z-index: 2; background: #ebebeb;}
.activity-detail-wrap .tab-content .tab-schedule .info .info-list li {position: relative; padding: 0 0 40px 70px;}
.activity-detail-wrap .tab-content .tab-schedule .info .info-list li::before {content: ""; position: absolute; top: -4px; left: 0; z-index: 3; width: 40px; height: 40px; background: url(/publishing21/activity/resources/images/ico-mark.svg) no-repeat top center;}
.activity-detail-wrap .tab-content .tab-schedule .info .info-list li:last-child {padding-bottom: 0;}
.activity-detail-wrap .tab-content .tab-schedule .info .info-list li:last-child::after {content: ""; position: absolute; top: 20px; bottom: 0; left: 20px; z-index: 2; width: 1px; background: #fff;}
.activity-detail-wrap .tab-content .tab-schedule .info .info-list li p{font-size: 20px; font-weight: bold; margin-bottom: 8px;}
.activity-detail-wrap .tab-content .tab-schedule .info .info-list li span{font-size: 15px; word-break: keep-all;}

.activity-detail-wrap .tab-content .tab-review > div {position: relative;}
.activity-detail-wrap .tab-content .tab-review .review-info {display: flex; align-items: center; column-gap: 8px;}
.activity-detail-wrap .tab-content .tab-review .review-info span {font-size: 13px; font-weight: normal;}
.activity-detail-wrap .tab-content .tab-review .review-info .info img {vertical-align: middle;}
.activity-detail-wrap .tab-content .tab-review .slander-comment {display:none;position:absolute;top:40px;left:200px;width:468px;padding:20px;border:1px solid #ff5722;color:#3d3d3d;background:#fff;z-index:10;}


.activity-detail-wrap .thumbnail-wrap .sub-thumbnail .thumbnail-item:first-child,
.activity-detail-wrap .thumbnail-wrap .sub-thumbnail .thumbnail-item:nth-child(2) {margin-top: 0 !important;}
.activity-detail-wrap .thumbnail-wrap .sub-thumbnail .thumbnail-item img {width: 100%; height: 100%; display: block; object-fit: cover; cursor: pointer;}


/* °øÀ¯ÇÏ±â ÆË¾÷ */
.share-layer-wrap {width: 580px;}
.share-layer-wrap .ico-share{display:inline-block; width: 26px; height: 29px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat -330px -83px;}
.share-layer-wrap .sns-title{display:flex; justify-content:space-between; padding:27px 20px 19px; align-items: center;}
.share-layer-wrap .sns-title>span{flex: 1 1 auto; padding-left: 32px; text-align: center; font-weight: bold; font-size: 21px;}
.share-layer-wrap .sns-title .btn-close{width: 32px; height: 32px;}
.share-layer-wrap .sns-title .btn-close:before,
.share-layer-wrap .sns-title .btn-close:after{background-color: #808080;}
.share-layer-wrap .ui-sns{display: flex; width: 400px; margin: 0 auto; padding-bottom: 38px; justify-content: space-between; align-items: center;}
.share-layer-wrap .ui-sns [class^="ico-"]{width: 79px; height: 79px; margin:0 auto 14px; background: url(/publishing21/ld_v2/resources/images/icon.png) no-repeat center;}
.share-layer-wrap .ui-sns .ico-kakao{background-position: 0 100%;}
.share-layer-wrap .ui-sns .ico-link{background-position: -80px 100%;}
.share-layer-wrap .ui-sns .ico-facebook{background-position: -160px 100%;}
.share-layer-wrap .ui-sns>*>*{display: block; text-align: center; font-size: 15px;}


/* »çÁø ´õº¸±â ÆË¾÷ */
.activity-layer .swiper {width: 100%; height: 100%;}
.activity-layer .swiper-slide {
    text-align: center; font-size: 18px; background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: cover; background-position: center; cursor: pointer;
    position: relative;
    }
.activity-layer .swiper-slide .info {position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 18px; height: 44px; line-height: 44px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 24px;}
.activity-layer .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; user-select: none;}
.activity-layer .swiper {width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.activity-layer .mySwiper2 {height: 80%; width: 100%;}
.activity-layer .mySwiper {height: 20%; box-sizing: border-box; padding-top: 10px;}
.activity-layer .mySwiper .swiper-slide {width: 25%; height: 100%; opacity: 0.4;}
.activity-layer .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.activity-layer .layer-thumb-wrap {display: flex; flex-direction: column; width: 640px; background-color: #fff;}
.activity-layer .layer-thumb-wrap .layer-header {border-bottom: 0;}
.activity-layer .layer-thumb-wrap .layer-header p {max-width: 90%; padding-bottom: 0;}
.activity-layer .layer-thumb-wrap > p {font-size: 20px; font-weight: bold; margin-bottom: 16px; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

