/* 공통 */
.mo_hide { display: block; }
.pc_hide { display: none; }
.pc_hide2 { display: none !important; }

/* 버튼 */
.btn.basic { background: #333; color: #fff; }
.btn.basic:hover { background-color: #F0386C; }

body > .sub { overflow: hidden; font-family: 'Pretendard', 'NotoSansSC', 'Malgun_gothic', 'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; padding-top: 100px; }

.filter_list { display: flex; flex-wrap: wrap; gap:10px 40px; justify-content: center; padding:20px 10px; margin-top: 90px; border:1px solid #e5e5e5; }
.filter_list button { color:#999; font-size: 18px; font-weight: 500; }
.filter_list button.on { color: #1a1a1a; font-weight: 700; }

/* 데이터없음 */
.no_data .inner { border: #E5E5E5 dotted 1px; text-align: center; border-radius: 0; width: 100%; max-width:1360px; padding: 130px 0; margin:0 auto; border:1px solid #e5e5e5;}
.no_data .inner .no_data_txt { color:#999; font-size: 22px; font-weight: 500; line-height: 28px; }

@media (max-width:959px) {
  body > .sub { padding-top: 66px; }
  .no_data {padding: 0 20px;}
  .no_data .inner .no_data_txt {font-size:18px; line-height:25px;}
}

/* 2509 추가 - trend_kv_section */
.trendko_area .trendko_top { padding:60px 0; background: var(--Gra, linear-gradient(90deg, #FEE9EF 0.86%, #F1EAFE 100%)); }
.trendko_area .trendko_top h2 { color:#000; font-size: 46px; line-height: 1; margin-bottom: 40px; font-weight: 800; }
.trendko_area .trendko_top .trend_kv_section { position: relative; display:flex; max-width:1440px; padding:0 40px; margin:0 auto; }
.trendko_area .trendko_top .trend_kv_section .text_swiper { position:relative; display:flex; justify-content: space-between; flex-direction: column; min-width:400px; min-height:270px; }
.trendko_area .trendko_top .trend_kv_section .text_swiper ul { position: relative; position:absolute; left:0; bottom:40px; width:100%; padding-right:40px }
.trendko_area .trendko_top .trend_kv_section .text_swiper li:first-child { display:block; }
.trendko_area .trendko_top .trend_kv_section .text_swiper .category { color:#F0386C; font-size:16px; font-weight: 600; }
.trendko_area .trendko_top .trend_kv_section .text_swiper .title { color:#1a1a1a; font-size:30px; font-weight: 400; line-height:42px; margin-top:8px; }
.trendko_area .trendko_top .trend_kv_section .text_swiper .hash { color:#666; font-size:16px; font-weight: 500; margin-top:8px; }
.trendko_area .trendko_top .trend_kv_section .img_swiper { flex: 1; position: relative; }
.trendko_area .trendko_top .trend_kv_section .img_swiper .swiper-container { overflow:hidden; display: flex; width: 70vw; }
.trendko_area .trendko_top .trend_kv_section .img_swiper .swiper-slide { width:670px; }
.trendko_area .trendko_top .trend_kv_section .img_swiper .swiper-slide a { display:block; padding-top:66.86%; }
.trendko_area .trendko_top .trend_kv_section .img_swiper .swiper-slide img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; }
.trendko_area .trendko_top .trend_kv_section .main_nav { display:flex; align-items: center; }
.trendko_area .trendko_top .trend_kv_section .main_nav .swiper-pagination { position:static; width:auto; color:#1a1a1a; font-size:16px; font-weight:500; margin:0 16px }
.trendko_area .trendko_top .trend_kv_section .main_nav .swiper-trend-prev,
.trendko_area .trendko_top .trend_kv_section .main_nav .swiper-trend-next { width:24px; height:24px; font-size:0; background: url('../img/common/icon_arrow.png') center no-repeat; }
.trendko_area .trendko_top .trend_kv_section .main_nav .swiper-trend-prev { transform:rotate(180deg) }

.trendko_area .trendko_bottom { max-width: 1440px; padding:0 40px; margin: 0 auto; }

/* 공통 */
.trend_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top:20px; }
.trend_list .location_item .txt_wrap { padding:20px 24px; background-color: #f5f5f5; }
.trend_list .location_item .img_wrap { padding-top:66.8% }
.trend_list .location_item .tag { color:#1a1a1a; font-size: 20px; font-weight: 700; line-height:28px; margin-top:0; }
.trend_list .location_item .title { height:48px; color:#1a1a1a; font-size:18px; line-height:24px; }
.trend_list .location_item .hash { height:20px; color: #F0386C; font-size: 16px; font-weight: 500; margin-top: 50px; }

.trendko_area .detail_trend { margin-bottom: 80px; }

.sub_banner { margin: 100px 0 0; background-color: #DF308B; }
.sub_banner .sub_inner { width: 100%; max-width: 1200px; margin: 0 auto; }
.sub_banner .sub_inner .banner { display: block; width: 100%; height: 200px; border-radius: 24px; background-size: cover; background-position: center; }


@media (max-width: 1280px) {
  .trendko_area .trendko_top .trend_kv_section .text_swiper .title {min-width:auto; font-size:24px; line-height:30px;}
}


@media (max-width: 960px) { /* 공통 */
 .filter_list { flex-wrap: wrap; justify-content: flex-start; gap:10px 20px; padding:16px 20px 16px 20px; margin-top:20px; }
 .filter_list button { font-size:15px; }

 .trendko_area .trendko_top { padding:0 }
 .trendko_area .trendko_top h2 { position:absolute; left:0; top:40px; width:100%; text-align: center; }
 .trendko_area .trendko_top .trend_kv_section { flex-direction: column-reverse; padding:108px 0 0 }
 .trendko_area .trendko_top .trend_kv_section .img_swiper .swiper-container { width:100%; }
 .trendko_area .trendko_top .trend_kv_section .img_swiper .swiper-slide { width:85% }
 .trendko_area .trendko_top .trend_kv_section .text_swiper { overflow:hidden; position:static; min-width:auto }
 .trendko_area .trendko_top .trend_kv_section .text_swiper ul { position:relative; bottom:auto; width:100%; padding:16px 8% 0; }

 .trendko_area .trendko_top .trend_kv_section .text_swiper .category { font-size:14px; line-height:16px; }
 .trendko_area .trendko_top .trend_kv_section .text_swiper .title { font-size:18px; line-height:25px; }
 .trendko_area .trendko_top .trend_kv_section .text_swiper .hash { font-size:14px; line-height:21px; }
 .trendko_area .trendko_top .trend_kv_section .main_nav { display:flex; justify-content: space-between; align-items: center; width:100%; height:56px; margin-top:50px; border-top:1px solid rgba(26,26,26,0.06); }
 .trendko_area .trendko_top .trend_kv_section .main_nav .swiper-trend-prev,
 .trendko_area .trendko_top .trend_kv_section .main_nav .swiper-trend-next { width:64px; height:64px; }

 .trendko_area .trendko_bottom { padding:0 20px; }
 /* 공통 */
 .trend_list { grid-template-columns:auto; gap:12px; margin-top:20px; }
 .trend_list .location_item .tag { font-size:16px; }
 .trend_list .location_item .title { height:42px; font-size:15px; margin-top:0; }
 .trend_list .location_item .hash { font-size:14px; margin-top:20px; }

 .sub_banner { margin-top:60px }
 .sub_banner .sub_inner .banner { width: 100%; height: 27.7778vw; }
 }



/* DETEAIL */
.trend.detail_area .related_list a .txt_wrap .tag { font-size: 16px }
.trend.detail_area .related_list a .txt_wrap .title { margin-top: 10px }
.trend.detail_area .related_list a .txt_wrap .hash { color: #999; font-size: 14px; margin-top: 2px; }



/* main common */
.swiper-wrapper { display: flex; }

.detail_area .detail_inner { width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; }

.detail_area .detail_inner > img { width: 100%; }


/* section kv */
.detail_area .detail_top { padding: 75px 0 0; }

.detail_area .detail_top .tag_list { /* display:flex; */
 /* justify-content: flex-start; */
 margin-bottom: 5px; }

.detail_area .detail_top .tag_list span { display: block; text-align: center; font-size: 18px; }

.detail_area .detail_top .detail_header { /* display:flex; */
 /* justify-content: space-between; */
 /* align-items:flex-end; */
 text-align: center; }

.detail_area .detail_top .detail_header h2 { font-size: 44px; line-height: 58px; /* width:720px; */
 word-break: keep-all; text-align: center; }

.detail_area .detail_top .detail_header .info { width: 282px; font-size: 16px; line-height: 22px; color: #757575; word-break: keep-all; }

.detail_area .detail_top .detail_header .info li { display: flex; }

.detail_area .detail_top .detail_header .info li.tel { margin-top: 6px; }

.detail_area .detail_top .detail_header .info li p { width: calc(100% - 22px); }

.detail_area .detail_top .detail_header .info li::before { content: ''; width: 15px; height: 15px; display: block; margin-right: 7px; margin-top: 6px; }

.detail_area .detail_top .detail_header .info li.address::before { background-image: url('../img/ico_map.html'); background-size: contain; background-repeat: no-repeat; }

.detail_area .detail_top .detail_header .info li.tel::before { background-image: url('../img/ico_tel.html'); background-size: contain; }

.detail_area .detail_top .detail_header .date { font-size: 16px; color: #999; margin: 30px 0 0 0; }

.detail_area .detail_kv { width: 100%; height: 580px; background-size: cover; background-position: center; }

.detail_area .detail_bottom { padding: 80px 0; }

.detail_area .detail_bottom.shop_list_wrap { background: #fafafa; padding: 80px 0 100px; }

.detail_area .detail_bottom h3 { text-align: center; font-size: 48px; font-weight: 300; }

.detail_area .detail_bottom h3 span.bold { font-weight: 900; }

/* 하단 상품 리스트 */
.detail_area .shop_list { width: 588px; margin: 45px auto 0 auto; border-top: 1px solid #ebebeb; }

.detail_area .shop_list a { display: flex; width: 100%; align-items: center; padding: 18px 0; border-bottom: 1px solid #ebebeb; position: relative; }

.detail_area .shop_list a .img_wrap { width: 140px; height: 140px; overflow: hidden; border-radius: 16px; margin-right: 40px; background-size: cover; background-position: center; background-repeat: no-repeat }

.detail_area .shop_list a .img_wrap img { width: 100%; }

.detail_area .shop_list a .text_wrap { width: 350px; }

.detail_area .shop_list a .brand { display: none; font-size: 14px; color: #333; }

.detail_area .shop_list a .prod { font-size: 18px; }

.detail_area .shop_list a .benefit { overflow: hidden; max-height: 40px; color: #999; font-size: 14px; margin-top: 7px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap: break-word }

.detail_area .shop_list a::after { content: ''; width: 15px; height: 25px; background-size: contain; background-repeat: no-repeat; top: calc(50% - 12px); margin: 0; z-index: 999; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url('../img/ico_arrow_next_bk.png'); opacity: 0.15; }

.detail_area .shop_list a:hover::after { opacity: 1; }



/* 하단 참여기업 리스트 */
.detail_area .company_list_box { width: 792px; margin: 45px auto 0 auto; border-top: 1px solid #ebebeb; }

.detail_area .company_list_box a { display: flex; width: 100%; align-items: center; padding: 18px 0; border-bottom: 1px solid #ebebeb; position: relative; }

.detail_area .company_list_box a .img_wrap { width: 180px; height: 122px; overflow: hidden; border-radius: 16px; margin-right: 40px; background-size: cover; background-position: center; background-repeat: no-repeat }

.detail_area .company_list_box a .img_wrap img { width: 100%; }

.detail_area .company_list_box a .text_wrap { width: 390px }

.detail_area .company_list_box a .title { font-size: 16px; color: #757575; }

.detail_area .company_list_box a .name { color: #333; font-size: 24px; }

.detail_area .company_list_box a .name span { }

.detail_area .company_list_box a::after { content: ''; width: 15px; height: 25px; background-size: contain; background-repeat: no-repeat; top: calc(50% - 12px); margin: 0; z-index: 999; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url('../img/ico_arrow_next_bk_big.png'); opacity: 0.15; }

.detail_area .company_list_box a:hover::after { opacity: 1; }

/* 리스트 하단 공통 */
.detail_area .related_list { display: flex; flex-wrap: wrap; margin: 55px 0 0 0; }

.detail_area .related_list .location_item { display: block; }

.detail_area .related_list a .txt_wrap { margin-bottom: 70px; margin-top: 12px; }

/* 컨텐츠하단 해시태그 */
.detail_area .detail_cont .hash { font-size: 0; margin-left: -4px; margin-top: 80px }

.detail_area .detail_cont .hash span { display: inline-block; color: #757575; font-size: 16px; padding: 5px 15px 6px; margin: 0 0 4px 4px; border-radius: 5px; background-color: #f5f5f5; }

/* 하단 리스트보기버튼 */
.detail_area .list_box { display: flex; justify-content: center; margin: 80px 0; }

.detail_area .list_box .btn_list { width: 240px; height: 52px; font-size: 18px; background-color: #333; color: #fff; text-align: center; border-radius: 26px; line-height: 52px; transition: background 0.3s; }

.detail_area .btn_more { position:relative; display:block; height:68px; line-height:68px; color:#fff; font-size:22px; text-align:center; margin:0 auto; margin: 60px auto 0; padding:0 69px; background:#333; }


/* 로케이션 리스트 */
.sub .location .shop_list_wrap { /* padding:0 0 120px 0; */ }

.sub .location .location_item { width: 282px; margin-right: 24px; }

.sub .location .location_item .img_wrap { height: 282px; }

.sub .location .related_list li:nth-child(4n) .location_item { margin-right: 0; }



@media(min-width:768px) and (max-width:1280px) { /* main common */
 .detail_area .detail_inner { width: 100%; max-width: 93.7500vw; margin: 0 auto; }

 /* section kv */
 .detail_area .detail_top { padding: 5.8594vw 0 0; }

 .detail_area .detail_top .tag_list { margin-bottom: 1.9531vw; }

 .detail_area .detail_top .tag_list span { font-size: 1.2500vw; /* margin-right:0.7813vw; */ }

 .detail_area .detail_top .detail_header { /* align-items:flex-end; */ }

 .detail_area .detail_top .detail_header h2 { font-size: 3.4375vw; line-height: 4.5313vw; /* width:56.2500vw; */
 word-break: keep-all; }

 .detail_area .detail_top .detail_header .info { width: 22.0313vw; font-size: 1.2500vw; line-height: 1.7188vw; word-break: keep-all; }

 .detail_area .detail_top .detail_header .info li.tel { margin-top: 0.4688vw; }

 .detail_area .detail_top .detail_header .info li p { width: calc(100% - 1.7188vw); }

 .detail_area .detail_top .detail_header .info li::before { width: 1.1719vw; height: 1.1719vw; margin-right: 0.5469vw; margin-top: 0.4688vw; }

 .detail_area .detail_top .detail_header .info li.address::before { background-image: url('../img/ico_map.html'); }

 .detail_area .detail_top .detail_header .info li.tel::before { background-image: url('../img/ico_tel.html'); }

 .detail_area .detail_kv { width: 100%; height: 45.3125vw; }


 .detail_area .detail_bottom { padding: 6.2500vw 0; }

 .detail_area .detail_bottom h3 { font-size: 3.7500vw; }

 .detail_area .detail_bottom.shop_list_wrap { background: #fafafa; padding: 6.2500vw 0 7.8125vw; }

 /* 하단 상품 리스트 */
 .detail_area .shop_list { width: 45.9375vw; margin: 3.5156vw auto 0 auto; border-top: 0.0781vw solid #ebebeb; }

 .detail_area .shop_list a { width: 100%; align-items: center; padding: 1.4063vw 0; border-bottom: 0.0781vw solid #ebebeb; }

 .detail_area .shop_list a .img_wrap { width: 10.9375vw; height: 10.9375vw; border-radius: 1.2500vw; margin-right: 3.1250vw; background-repeat: no-repeat }

 .detail_area .shop_list a .img_wrap img { width: 100%; }

 .detail_area .shop_list a .text_wrap { width: 27.34vw; }

 .detail_area .shop_list a .brand { font-size: 1.0938vw; }

 .detail_area .shop_list a .prod { font-size: 1.4063vw; }

 .detail_area .shop_list a .benefit { max-height: 3.1250vw; font-size: 1.0938vw; margin-top: 0.5469vw; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word }

 .detail_area .shop_list a::after { width: 1.1719vw; height: 1.9531vw; top: calc(50% - 0.9375vw); margin: 0; right: 0; top: 50%; transform: translateY(-50%); background-image: url('../img/ico_arrow_next_bk.png'); opacity: 0.15; }

 .detail_area .shop_list a:hover::after { opacity: 1; }

 /* 하단 참여기업 리스트 */
 .detail_area .company_list_box { width: 61.8750vw; margin: 3.5156vw auto 0 auto; border-top: 0.0781vw solid #ebebeb; }

 .detail_area .company_list_box a { width: 100%; align-items: center; padding: 1.4063vw 0; border-bottom: 0.0781vw solid #ebebeb; }

 .detail_area .company_list_box a .img_wrap { width: 14.0625vw; height: 9.5313vw; border-radius: 1.2500vw; margin-right: 3.1250vw; background-repeat: no-repeat }

 .detail_area .company_list_box a .img_wrap img { width: 100%; }

 .detail_area .company_list_box a .text_wrap { width: 30.4688vw }

 .detail_area .company_list_box a .title { font-size: 1.2500vw; }

 .detail_area .company_list_box a .name { font-size: 1.8750vw; }

 .detail_area .company_list_box a::after { width: 1.1719vw; height: 1.9531vw; top: calc(50% - 0.9375vw); margin: 0; right: 0; top: 50%; transform: translateY(-50%); background-image: url('../img/ico_arrow_next_bk.png'); opacity: 0.15; }

 .detail_area .company_list_box a:hover::after { opacity: 1; }

 /* 리스트 하단 공통 */
 .detail_area .related_list { flex-wrap: wrap; margin: 4.2969vw 0 0 0; }

 .detail_area .related_list a .txt_wrap { margin-bottom: 5.4688vw; margin-top: 0.78vw }

 /* 로케이션 리스트 */
 .location .shop_list_wrap { /* padding:0 0 9.3750vw 0; */ }

 .location .location_item { width: 22.0313vw; margin-right: 1.8750vw; }

 .location .location_item .img_wrap { height: 22.0313vw; }

 .location .related_list li:nth-child(4n) .location_item { margin-right: 0; }
 }

@media(max-width:767px){
 .detail_area .detail_inner { width: 640px; margin: 0 auto; }

 .detail_area .detail_banner .detail_inner { width: 100%; }

 .detail_area .detail_top { padding: 72px 40px 40px; }

 .detail_area .detail_top .tag_list { margin-bottom: 25px; }

 .detail_area .detail_top .tag_list span { font-size: 24px; /* margin-right:14px; */ }

 .detail_area .detail_top .detail_header { display: block; }

 .detail_area .detail_top .detail_header h2 { font-size: 50px; line-height: 64px; width: 100%; margin-bottom: 50px; }

 .detail_area .detail_top .detail_header .info { width: 100%; font-size: 24px; line-height: 30px; }

 .detail_area .detail_top .detail_header .info li.tel { margin-top: 8px; }

 .detail_area .detail_top .detail_header .info li p { width: calc(100% - 36px); }

 .detail_area .detail_top .detail_header .info li::before { content: ''; width: 30px; height: 30px; display: block; margin-right: 7px; margin-top: 3px; }

 .detail_area .detail_kv { height: 440px; }

 .detail_area .detail_bottom { padding: 80px 0 56px; }

 .detail_area .detail_bottom h3 { text-align: center; font-size: 48px; }

 .detail_area .detail_bottom h3 span.bold { }

 .detail_area .detail_bottom.shop_list_wrap { padding: 60px 0 80px; }

 /* 하단 상품 리스트 */
 .detail_area .shop_list { width: 640px; }

 .detail_area .shop_list a { padding: 30px; }

 .detail_area .shop_list a .img_wrap { width: 200px; height: 200px; margin-right: 30px }

 .detail_area .shop_list a .brand { font-size: 24px; }

 .detail_area .shop_list a .prod { font-size: 28px; }

 .detail_area .shop_list a .benefit { max-height: 70px; font-size: 22px; }

 .detail_area .shop_list a::after { width: 26px; height: 42px; }

 .detail_area .shop_list a .text_wrap { width: 360px }

 /* 하단 리스트 공통 */
 .detail_area .related_list { margin-top: 40px; align-items: flex-start; justify-content: center; }

 .detail_area .related_list a .txt_wrap { margin-bottom: 80px; }

 .detail_area .location_item { width: 310px; margin-right: 20px; }

 .detail_area .location_item .title { font-size: 28px; line-height: 40px; margin-top: 18px; }

 .detail_area .location_item .tag { font-size: 24px; margin-top: 15px; }

 .detail_area .related_list li:nth-child(2n) a { margin-right: 0; }

 /* 하단 참여기업 리스트 */
 .detail_area .company_list_box { width: 640px; margin: 45px auto 0 auto; border-top: 1px solid #ebebeb; }

 .detail_area .company_list_box a .img_wrap { width: 200px; height: 136px }

 .detail_area .company_list_box a .title { font-size: 22px }

 .detail_area .company_list_box a .name { font-size: 30px }

 /* 트렌드 리스트 */
 .trend .related_list { margin: 35px auto 0; }


 /* 로케이션 리스트 */
 .location .shop_list_wrap { padding: 0 0 100px 0; }

 .location .location_item .img_wrap { height: 310px; }

 /* ===== mo vw ===== */
 .detail_area .detail_inner { width: 100%; margin: 0 auto; }

 /* 베네핏 */
 .benefit .detail_title { width: 100%; height: 116px }

 .benefit .detail_title .title { position: relative; width: 100%; height: 116px; line-height: 116px; font-size: 28px; padding-left: 40px }

 .benefit .detail_title .select_box { position: absolute; right: 0; top: 0; width: 100%; margin-right: 0 }

 .benefit .detail_title .select_box .select { overflow: hidden; height: 116px; font-size: 0; line-height: 116px; background: none }

 .benefit .detail_title .select_box .select::after { top: 50%; right: 57px }

 .benefit .detail_title .select_box .list { width: 100%; max-height: none; }

 .benefit .detail_title .select_box .list ul { max-height: 426px; padding: 25px 0; }

 .benefit .detail_title .select_box.on .list li a { min-height: auto; height: auto; display: block; font-size: 28px; line-height: 34px; text-align: left; padding: 22px 0 22px 40px }



 /* mo vw */
 .detail_area .detail_top { padding: 10.0000vw 5.5556vw 0; }

 .detail_area .detail_top .tag_list { margin-bottom: 3.4722vw; }

 .detail_area .detail_top .tag_list span { font-size: 3.3333vw; /* margin-right:1.9444vw; */ }

 .detail_area .detail_top .detail_header h2 { font-size: 6.9444vw; line-height: 8.8889vw; /* width: 90%; */
 margin-bottom: 6.9444vw; }

 .detail_area .detail_top .detail_header .info { width: 100%; font-size: 3.3333vw; line-height: 4.1667vw; }

 .detail_area .detail_top .detail_header .info li.tel { margin-top: 1.1111vw; }

 .detail_area .detail_top .detail_header .info li p { width: calc(100% - 5.0000vw); }

 .detail_area .detail_top .detail_header .info li::before { width: 4.1667vw; height: 4.1667vw; margin-right: 0.9722vw; margin-top: 0.4167vw; }

 .detail_area .detail_kv { height: 61.1111vw; }


 .detail_area .detail_bottom { padding: 11.1111vw 0 7.7778vw; padding: 11.11vw 0 0; margin-bottom: 10vw; }

 .detail_area .detail_bottom h3 { font-size: 6.6667vw; }

 .detail_area .detail_bottom.bg_col_bk7 { margin-bottom: 0; }

 .detail_area .detail_bottom.shop_list_wrap { padding: 8.3333vw 0 11.1111vw; }

 /* 하단 상품 리스트 */
 .detail_area .shop_list { width: 88.8889vw; margin-top: 6.25vw; }

 .detail_area .shop_list a { padding: 4.1667vw 0; }

 .detail_area .shop_list a .img_wrap { width: 27.7778vw; height: 27.7778vw; margin-right: 4.1667vw }

 .detail_area .shop_list a .brand { font-size: 3.3333vw; }

 .detail_area .shop_list a .prod { font-size: 3.8889vw; }

 .detail_area .shop_list a .benefit { max-height: 9.7222vw; font-size: 3.0556vw; }

 .detail_area .shop_list a::after { width: 3.6111vw; height: 5.8333vw; }

 .detail_area .shop_list a .text_wrap { width: 50.0000vw }

 /* 하단 리스트 공통 */
 .detail_area .related_list { margin: 5.5556vw auto 0; }

 .detail_area .location_item { width: 43.0556vw; margin-right: 2.7778vw; }

 .detail_area .location_item .title { font-size: 3.8889vw; line-height: 5.5556vw; margin-top: 2.5000vw; }

 .detail_area .location_item .tag { font-size: 3.3333vw; margin-top: 2.0833vw; }

 .detail_area .location_item .hash { font-size: 3.33vw; color: #999; margin-top: 0.7vw; }

 .detail_area .related_list a .txt_wrap { margin-bottom: 11.11vw; }

 .detail_area .related_list li:nth-child(2n) a { margin-right: 0; }

 /* 하단 참여기업 리스트 */
 .detail_area .company_list_box { width: 88.8889vw; margin: 6.2500vw auto 0 auto; border-top: 0.1389vw solid #ebebeb; }

 .detail_area .company_list_box a .img_wrap { width: 27.7778vw; height: 18.8889vw }

 .detail_area .company_list_box a .title { font-size: 3.0556vw }

 .detail_area .company_list_box a .name { font-size: 4.1667vw }

 /* 컨텐츠하단 해시태그 */
 .detail_area .detail_cont .hash span { font-size: 3.33vw; }

 /* 하단 리스트보기 버튼 */
 .detail_area .list_box { margin: 11.11vw 0 }

 .detail_area .list_box .btn_list { font-size: 3.33vw; width: 41.67vw; height: 10.56vw; border-radius: 10.56vw; line-height: 10.56vw; }

 /* 트렌드 리스트 */
 .trend .related_list { margin: 4.8611vw auto 0; }

 /* 로케이션 리스트 */
 .location .location_item .img_wrap { height: 43.0556vw; }
}

.travel_tips h2 { color:#000; font-size: 46px; line-height: 1; text-align: center; margin-top: 60px; margin-bottom: 35px; font-weight: 900; }
.travel_tips #container .sec_inner {position: relative; }
.travel_tips .prod_list .prod_item .img_wrap { padding-top:66.75% }

@media(max-width:960px){
 .travel_tips .prod_list .prod_item { width:100%; }
 .travel_tips #container .sec_inner {padding:0}
 .travel_tips .sec_inner.no_data {padding:0;}
}

/* faq */
#container .notice_frm { padding-top: 80px; background: #fff; }
#container .notice_frm .inner { width:100%; max-width: 1440px; padding:0 40px; margin: 0 auto; }
#container .notice_frm .inner .tit_box { text-align: center; }
#container .notice_frm .inner .tit_box h2 { color:#000; font-size: 46px; font-weight: 800; line-height: 1; }
#container .notice_frm .inner .notice_list { margin-top:36px; border-top: 4px solid #333; counter-reset: faq; }
#container .notice_frm .inner .notice_list li { position: relative; border-bottom: 1px solid #333; }
#container .notice_frm .inner .notice_list li::before { content: 'Q.' counter(faq); counter-increment: faq; display: block; font-weight: 500; color: #fff; font-size: 19px; line-height: 30px; width: 64px; height: 33px; border-radius: 33px; background-color: #333; text-align: center; position: absolute; top: 22px; }
#container .notice_frm .inner .notice_list li .question { font-size: 20px; font-weight:500; line-height: 28px; padding: 24px 0 24px 85px; display: block; left: 0; width: 100%; text-align: left; }
#container .notice_frm .inner .notice_list li .question::after { content: ''; width: 24px; height: 24px; background-image: url('../img/ico_arrow_prev_bk.png'); position: absolute; top: 28px; right: 20px; background-size: contain; background-position: center; transform: rotate(-90deg); background-repeat: no-repeat; }
#container .notice_frm .inner .notice_list li .answer { background-color: #f7f7f7; width: 100%; color:#333; padding: 24px 85px; overflow: hidden; box-sizing: border-box; display: none; }
#container .notice_frm .inner .notice_list li .answer > div { color: #333; font-size: 18px; line-height: 28px; word-break: keep-all; }
#container .notice_frm .inner .notice_list li.open .question { }
#container .notice_frm .inner .notice_list li.open .question::after { transform: rotate(90deg); opacity: 1; }
#container .notice_frm .inner .notice_list li.open .answer { display: block; }
#container .notice_frm .inner .notice_list li.open .answer p { word-wrap: break-word; color: #757575; font-size: 18px; line-height: 28px; word-break: keep-all; }

@media(max-width:960px){
 #container .notice_frm { padding-top:40px }
 #container .notice_frm .inner {padding:0 20px;}
 #container .notice_frm .inner .tit_box h2 { font-size: 34px; }
 #container .notice_frm .inner .notice_list li .question { font-size:16px; padding:20px 0 20px 52px }
 #container .notice_frm .inner .notice_list li .question::after { top:23px }
 #container .notice_frm .inner .notice_list li::before { top:20px; width:44px; height:24px; font-size:15px; line-height:24px; border-radius: 33px; }
 #container .notice_frm .inner .notice_list li .answer { font-size: 15px; line-height: 25px; padding:20px; }
}


/* main common */
.swiper-wrapper { display: flex; }
.benefit_wrap::before { z-index:-1; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:483px; background: var(--Gra, linear-gradient(90deg, #FEE9EF 0.86%, #F1EAFE 100%)); }
.benefit_wrap .sec_inner { width: 100%; max-width: 1440px; padding:0 40px; margin: 0 auto; }

/* section kv */
.benefit_wrap .sec_kv { position: relative; max-width:1460px; padding: 60px 60px 0; margin:0 auto; }
.benefit_wrap .sec_kv h2 { color:#000; font-size: 46px; line-height: 52px; font-weight: 800; text-align: center; }
.benefit_wrap .sec_kv .benefit_slider { overflow:hidden; position: relative; width: 100%; max-width:1360px; margin: 36px auto 0; }
.benefit_wrap .sec_kv .benefit_slider .swiper-slide { width: 100%; height: 100%; }
.benefit_wrap .sec_kv .benefit_slider .swiper-slide .slide_cont { width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center; transition: all 1s ease-in-out }
.benefit_wrap .sec_kv .benefit_slider .swiper-slide .slide_cont .img_wrap { padding-top:66.86%; background-size: cover; background-position: center; }
.benefit_wrap .sec_kv .benefit_slider .swiper-slide .txt_wrap { margin-top: 15px }
.benefit_wrap .sec_kv .benefit_slider .swiper-slide .txt_wrap h2 { font-size: 60px; line-height: 64px; font-weight: 900; text-align: left; line-height: 70px; }
.benefit_wrap .sec_kv .benefit_slider .swiper-slide .txt_wrap .category { display: none; }
.benefit_wrap .sec_kv .benefit_slider .swiper-slide .txt_wrap .title { height:50px; font-size: 18px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.benefit_wrap .sec_kv .benefit_slider .swiper-slide.swiper-slide-active .txt_wrap { display: block; }
.benefit_wrap .sec_kv .benefit_slider .swiper-pagination { display: none; z-index: 10; left: 590px; bottom: 30px; }
.benefit_wrap .sec_kv .benefit_slider .swiper-pagination-bullet { opacity: 1; width: 10px; height: 10px; border: 1px solid #98959c; border-radius: 10px; transition: width 0.3s; margin: 0 6px; background: none; }
.benefit_wrap .sec_kv .benefit_slider .swiper-pagination-bullet-active { border: 1px solid #333; background-color: #333; }
.benefit_wrap .sec_kv .benefit_slider .swiper-button-prev,
.benefit_wrap .sec_kv .benefit_slider .swiper-button-next { display: none; filter: brightness(0); width: 48px; height: 48px; background-size: contain; background-repeat: no-repeat; top: calc(50% - 12px); margin: 0; z-index: 999; position: absolute; }
.benefit_wrap .sec_kv .benefit_slider .swiper-button-prev { background-image: url('../img/sub/ico_arrow_prev_bk.png'); left: -65px; font-size: 0; }
.benefit_wrap .sec_kv .benefit_slider .swiper-button-next { background-image: url('../img/sub/ico_arrow_next_bk.png'); right: -65px; font-size: 0; }
.benefit_wrap .sec_kv .benefit_slider .swiper-button-prev::after,
.benefit_wrap .sec_kv .benefit_slider .swiper-button-next::after { font-size: 0; }
.benefit_wrap .sec_inner h2 { font-size: 48px; text-align: center; margin-top: 60px }

.benefit_wrap .sec_kv .swiper-button-prev,
.benefit_wrap .sec_kv .swiper-button-next { z-index:999; position:absolute; top:calc(50% + 24px); width:60px; height:60px; font-size:0; background:#1a1a1a url('../img/common/icon_arrow_right.png') center / 10px 20px no-repeat; }
.benefit_wrap .sec_kv .swiper-button-prev { left:0; transform: rotate(180deg); }
.benefit_wrap .sec_kv .swiper-button-next { right:0 }
.benefit_wrap .sec_kv .swiper-button-prev::after,
.benefit_wrap .sec_kv .swiper-button-next::after {display:none;}

.benefit_wrap .benefit_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top:20px; }
.benefit_wrap .benefit_list li { position: relative; }
.benefit_wrap .benefit_list .location_item .img_wrap { padding-top:66.8% }
.benefit_wrap .benefit_list .location_item .txt_wrap { margin-top:15px; }
.benefit_wrap .benefit_list .location_item .txt_wrap .title { font-size:18px; line-height:24px; }
.benefit_wrap .benefit_list .seller_name { display: none; }

/* 해시태그메뉴 가리기 */
/*.benefit_wrap .filter_list li:nth-child(4) {display:none;}*/
.benefit_wrap .filter_list li:nth-child(5) {display:none;}
.benefit_wrap .filter_list li:nth-child(6) {display:none;}
.benefit_wrap .filter_list li:nth-child(7) {display:none;}
.benefit_wrap .filter_list li:nth-child(8) {display:none;}
.benefit_wrap .filter_list li:nth-child(9) {display:none;}


@media(max-width:960px){
 .benefit_wrap .sec_kv { padding:40px 20px 30px; }
 .benefit_wrap .sec_kv::before { z-index:-1; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background: var(--Gra, linear-gradient(90deg, #FEE9EF 0.86%, #F1EAFE 100%)); }
 .benefit_wrap .sec_kv h2 { font-size: 34px; }

 .benefit_wrap .sec_inner { padding:0 20px; }
 .benefit_wrap .sec_kv .benefit_slider .swiper-slide .txt_wrap { height:40px; margin-top:8px; }
 .benefit_wrap .sec_kv .benefit_slider .swiper-slide .txt_wrap .title { font-size:15px; line-height: 21px; }
 .benefit_wrap .sec_kv .swiper-button-prev,
 .benefit_wrap .sec_kv .swiper-button-next { top:50%; width:40px; height:40px; }
 .benefit_wrap .benefit_list { grid-template-columns:auto; gap:12px; margin-top:20px; }
 .benefit_wrap .benefit_list .location_item .title { height:42px; font-size:15px; margin-top:0; }
}



/* search header */
.search .sec_top { padding-top:60px; }
.search .sec_top .search_box { position: relative; display: flex; width: 560px; border-bottom: 3px solid #1a1a1a; margin: 0 auto; }
.search .sec_top .search_box input { width: 100%; height: 60px; font-size: 22px; line-height: 36px; padding: 0 18px; outline: none; color: #1a1a1a; }
.search .sec_top .search_box .btn_search { width: 60px; height: 60px; background: url('../img/common/Icon_Search_black.png') no-repeat center; background-size: 30px auto; font-size: 0; }
.search .sec_top .search_box .btn_search img { display: none; }
.search .sec_top p { position:relative; left:50%; transform: translateX(-50%); width:100vw; font-size:20px; color:#333; text-align:center; padding:28px 0; margin:60px 0 0 0; background-color: #f5f5f5; }
.search .sec_top p span { color:#ed2a61; }
.search .section .sec_header h2 { font-size:46px; font-weight:800}
.search .no_data {padding:100px 40px;}
.search .no_data .inner .no_data_txt::before { content:''; display:block; width:64px; height:64px; margin:0 auto 24px; background-image:url('../img/common/icon_nosearch.png'); background-size:contain; background-repeat: no-repeat; }


 /* section header common */
.section + .section { border-top: 10px solid #f7f7f7; }
.hidden + .section,
.hidden + .hidden + .section,
.hidden + .hidden + .hidden + .section,
.hidden + .hidden + .hidden + .hidden + .section,
.hidden + .hidden + .hidden + .hidden + .hidden + .section,
.hidden + .hidden + .hidden + .hidden + .hidden + .hidden + .section,
.hidden + .hidden + .hidden + .hidden + .hidden + .hidden + .hidden + .section { border:0; }
.section { padding:72px 0 40px; }
.section .sec_header { display:flex; align-items:center; max-width:1440px; padding:0 40px; margin:0 auto 36px}
.section .sec_header h2 { font-size:44px;}
.section .sec_header span { background:#1a1a1a; color:#fff; border-radius:17px 17px 17px 0; display:block; width:auto; height:34px; padding:0 15px; line-height:34px; margin:0 0 0 10px; font-weight: 500; }

/*.section .sec_content + .sec_content { border-top:2px solid #444; padding-top:48px; }*/
.section .sec_content h3 { font-size:26px; line-height:1; }

.section .more_button,
.section .close_button { min-width:145px; height:45px; border-radius:23px; display:block; margin:0 auto 50px auto; background-color:#333; text-align:center; color:#fff; cursor:pointer; margin-top:20px;}

.section .more_button { display:block; }
.section .close_button { display:none; }
.section .more .more_button { display:none; }
.section .more .close_button { display:block; }


/* Search trend */
.search .sec_content.trend {max-width: 1440px; padding: 0 40px; margin: 0 auto;}
/* Search benefit */
.search .benefit_wrap::before {display:none;}
.search .benefit_list {max-width:1440px; padding:0 40px; margin:0 auto}



 /* Search featured */
 .search .location .tour_list { display:flex; flex-wrap:wrap; width:1200px; margin: 25px auto; }
 .search .location .tour_list li { margin-left:24px; margin-bottom:24px; }
 .search .location .tour_list li:nth-child(4n+1) { margin-left:0; }
 .search .location .tour_list a { display:block; width:282px; }
 .search .location .tour_list a .img_wrap { width:282px; height:282px; border-radius:24px; overflow: hidden; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat }
 .search .location .tour_list a .img_wrap img { width:100%; }
 .search .location .tour_list a .img_wrap .seller_name { position:absolute; bottom:10px; left:10px; display:inline-block; height:22px; line-height:20px; padding:0 10px; border-radius:10px; font-size:12px; color:#757575; background:#fff; border:1px solid rgba(0, 0, 0, 0.05); }
 .search .location .tour_list a .img_wrap .seller_name:hover { background-color:#333; color:#fff; }
 .search .location .tour_list a .txt_wrap { margin-top:15px; }
 .search .location .tour_list a .txt_wrap .company { font-size:14px; color:#757575; line-height:1; margin-bottom:8px; }
 .search .location .tour_list a .txt_wrap .tour_name { overflow:hidden; font-size:18px; line-height:28px; height: auto; color:#333; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word; }
 .search .location .tour_list a .txt_wrap .tour_area { font-size:14px; color:#ed2a61; margin-top:10px }

  /* Search festival */
 .search .location .festival_list { display:flex; flex-wrap:wrap; justify-content: space-between; width:1200px; margin: 25px auto 13px; }
 .search .location .festival_list li { position:relative; margin-bottom:12px }
 .search .location .festival_list li:nth-child(odd) { padding-left:0 }
 .search .location .festival_list li a { position:relative; display:block; width:594px; height:223px; padding:23px; padding-left:312px; border-radius:24px; border:1px solid #e6e6e6 }
 .search .location .festival_list li a:hover { border-color:#757575 }
 .search .location .festival_list li a .img_wrap { position:absolute; left:23px; top:23px; width:258px; height:175px; border-radius:24px; background-size:cover; background-position:center; background-repeat:no-repeat }
 .search .location .festival_list li a .txt_wrap .festival_state { display:inline-block; height:21px; line-height:21px; color:#fff; font-size:12px; text-align:center; border-radius:21px; padding:0 8px; background:#f0386c; }
 .search .location .festival_list li a .txt_wrap .festival_state.on { background:#f0386c }
 .search .location .festival_list li a .txt_wrap .festival_name { overflow:hidden; height:58px; color:#333; font-size:20px; line-height:30px; margin-top:7px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word }
 .search .location .festival_list li a .txt_wrap .festival_date { color:#757575; font-size:14px; margin-top:35px; padding-left:20px; background:url('../img/location/icon_calendar.html') left center no-repeat; background-size:12px auto }
 .search .location .festival_list li a .txt_wrap .festival_place { overflow:hidden; color:#757575; font-size:14px; margin-top:7px; padding-left:20px; background:url('../img/location/icon_place.html') left center no-repeat; background-size:12px auto; text-overflow: ellipsis; white-space: nowrap; }


 /* Search tips */
 .search .sec_content.tips {max-width:1440px; padding:0 40px; margin:0 auto}
 .search .tips ul { border-top:2px solid #444; margin-bottom: 60px; }
 .search .tips ul li { border-bottom:1px solid #ebebeb; }
 .search .tips ul li a { display:block; padding: 20px 0; position:relative; }
 /*.search .tips ul li a::after { content:''; display:block; position:absolute; background-image:url('../img/ico_arrow_small.png'); background-size:contain; width:8px; height:13px; right:20px; top:calc(50% - 7px); opacity:0.3; }*/
 .search .tips ul li a:hover::after { opacity:1; }
 .search .tips ul li a .title { font-size:20px; margin-bottom: 6px; }
 .search .tips ul li a .sub_txt { color:#999; font-size:16px; }







 @media(min-width:768px) and (max-width:1280px) {
 /* featured */
 .search .location .tour_list { flex-wrap:wrap; width:93.7500vw; margin: 1.9531vw auto; }
 .search .location .tour_list li { margin-left:1.8750vw; }
 .search .location .tour_list li:nth-child(4n+1) { margin-left:0; }
 .search .location .tour_list a { width:22.0313vw; }
 .search .location .tour_list a .img_wrap { width:22.0313vw; height:22.0313vw; border-radius:1.8750vw; background-repeat:no-repeat }
 .search .location .tour_list a .img_wrap img { width:100%; }
 .search .location .tour_list a .img_wrap .seller_name { bottom:0.7813vw; left:0.7813vw; height:1.7188vw; line-height:1.5625vw; padding:0 0.7813vw; border-radius:0.7813vw; font-size:0.9375vw; background:#fff; border:0.0781vw solid rgba(0, 0, 0, 0.05); }
 .search .location .tour_list a .txt_wrap { margin-top:1.1719vw; }
 .search .location .tour_list a .txt_wrap .company { font-size:1.0938vw; line-height:1; margin-bottom:0.6250vw; }
 .search .location .tour_list a .txt_wrap .tour_name { font-size:1.4063vw; line-height:2.1875vw; }
 .search .location .tour_list a .txt_wrap .tour_area { font-size:1.0938vw; margin-top:0.7813vw }

 .search .location .festival_list { flex-wrap:wrap; width:93.7500vw; margin: 1.9531vw auto 1.0156vw; }
 .search .location .festival_list li { margin-bottom:0.9375vw }
 .search .location .festival_list li:nth-child(odd) { padding-left:0 }
 .search .location .festival_list li a { width:46.4063vw; height:17.4219vw; padding:1.7969vw; padding-left:24.3750vw; border-radius:1.8750vw; border:0.0781vw solid #e6e6e6 }
 .search .location .festival_list li a:hover { border-color:#757575 }
 .search .location .festival_list li a .img_wrap { left:1.7969vw; top:1.7969vw; width:20.1563vw; height:13.6719vw; border-radius:1.8750vw; background-repeat:no-repeat }
 .search .location .festival_list li a .txt_wrap .festival_state { height:1.6406vw; line-height:1.6406vw; font-size:0.9375vw; border-radius:1.6406vw; padding:0 0.6250vw; background:#f0386c; }
 .search .location .festival_list li a .txt_wrap .festival_state.on { background:#f0386c }
 .search .location .festival_list li a .txt_wrap .festival_name { height:4.5313vw; font-size:1.5625vw; line-height:2.3438vw; margin-top:0.5469vw; }
 .search .location .festival_list li a .txt_wrap .festival_date { font-size:1.0938vw; margin-top:2.7344vw; padding-left:1.5625vw; background:url('../img/location/icon_calendar.html') left center no-repeat; background-size:0.9375vw auto }
 .search .location .festival_list li a .txt_wrap .festival_place { font-size:1.0938vw; margin-top:0.5469vw; padding-left:1.5625vw; background:url('../img/location/icon_place.html') left center no-repeat; background-size:0.9375vw auto; }
}

 @media(max-width:767px) {
 /* featured */
 .search .location .tour_list { display:flex; flex-wrap:wrap; width: 100%; margin: 25px auto; }
 .search .location .tour_list li { margin-left:24px; width: calc(50% - 10px); margin: 0 0 40px 0; }
 .search .location .tour_list li:nth-child(2n-1) { margin-left:0; }
 .search .location .tour_list li:nth-child(2n) { margin-left:20px; }
 .search .location .tour_list a { display:block; width: 100%; }
 .search .location .tour_list a .img_wrap { width: 100%; height: 310px; border-radius: 32px; /* overflow: hidden; *//* position:relative; *//* background-size:cover; *//* background-position:center; *//* background-repeat:no-repeat; */ }
 .search .location .tour_list a .img_wrap img { width:100%; }
 .search .location .tour_list a .img_wrap .seller_name { position:absolute; bottom:10px; left:10px; display:inline-block; height:22px; line-height:20px; padding:0 10px; border-radius:10px; font-size:12px; color:#757575; background:#fff; border:1px solid rgba(0, 0, 0, 0.05); }
 .search .location .tour_list a .img_wrap .seller_name:hover { background-color:#333; color:#fff; }
 .search .location .tour_list a .txt_wrap { margin-top:15px; }
 .search .location .tour_list a .txt_wrap .company { font-size:14px; color:#757575; line-height:1; margin-bottom:8px; }
 .search .location .tour_list a .txt_wrap .tour_name { font-size: 28px; line-height: 40px; }
 .search .location .tour_list a .txt_wrap .tour_area { font-size: 24px; margin-top: 12px; }

 .search .location .festival_list { display: block; width: 100%; margin: 25px auto 30px; }
 .search .location .festival_list li { margin-bottom:1.67vw }
 .search .location .festival_list li:last-child { margin-bottom:0; }
 .search .location .festival_list li a { width:100%; height:auto; min-height:38.1944vw; padding:4.4444vw 4.4444vw 4.4444vw 35.6944vw; border-width: 0.2778vw; border-radius: 4.44vw; }
 .search .location .festival_list li a .img_wrap { left:4.4444vw; top:4.4444vw; width:26.6667vw; height:18.0556vw; border-radius: 2.78vw; }
 .search .location .festival_list li a .txt_wrap .festival_state { min-width:14.4444vw; height:5.5556vw; font-size:3.3333vw; line-height:5.5556vw; padding:0 2.7778vw }
 .search .location .festival_list li a .txt_wrap .festival_name { height:auto; max-height:11.8056vw; font-size:4.4444vw; line-height:6.1111vw }
 .search .location .festival_list li a .txt_wrap .festival_date { margin-top: 4.86vw; }
 .search .location .festival_list li a .txt_wrap .festival_date,
 .search .location .festival_list li a .txt_wrap .festival_place { font-size:3.3333vw; padding-left:4.8611vw; background-size: 3.3333vw auto; }
}

 /* mo vw */
 @media(max-width:767px) { /* search common */
  /* featured */
  .search .location .tour_list { display:flex; flex-wrap:wrap; width: 100%; margin: 3.4722vw auto; }
  .search .location .tour_list li { margin-left:3.3333vw; width: calc(50% - 1.3889vw); margin: 0 0 5.5556vw 0; }
  .search .location .tour_list li:nth-child(2n-1) { margin-left:0; }
  .search .location .tour_list li:nth-child(2n) { margin-left:2.7778vw; }
  .search .location .tour_list a { display:block; width: 100%; }
  .search .location .tour_list a .img_wrap { width: 100%; height: 43.0556vw; border-radius: 4.4444vw; }
  .search .location .tour_list a .img_wrap img { width:100%; }
  .search .location .tour_list a .img_wrap .seller_name { position:absolute; bottom:1.3889vw; left:1.3889vw; display:inline-block; height:3.0556vw; line-height:2.7778vw; padding:0 1.3889vw; border-radius:1.3889vw; font-size:1.6667vw; color:#757575; background:#fff; border:0.1389vw solid rgba(0, 0, 0, 0.05); }
  .search .location .tour_list a .img_wrap .seller_name:hover { background-color:#333; color:#fff; }
  .search .location .tour_list a .txt_wrap { margin-top:2.0833vw; }
  .search .location .tour_list a .txt_wrap .company { font-size:1.9444vw; color:#757575; line-height:1; margin-bottom:1.1111vw; }
  .search .location .tour_list a .txt_wrap .tour_name { font-size: 3.8889vw; line-height: 5.5556vw; }
  .search .location .tour_list a .txt_wrap .tour_area { font-size: 3.3333vw; margin-top: 1.6667vw; }


  .search .location .festival_list { display: block; width: 100%; margin: 3.4722vw auto 4.1667vw; }
  .search .location .festival_list li { margin-bottom:1.67vw }
  .search .location .festival_list li:last-child { margin-bottom:0; }
  .search .location .festival_list li a { width:100%; height:auto; min-height:38.1944vw; padding:4.4444vw 4.4444vw 4.4444vw 35.6944vw; border-width: 0.2778vw; border-radius: 4.44vw; }
  .search .location .festival_list li a .img_wrap { left:4.4444vw; top:4.4444vw; width:26.6667vw; height:18.0556vw; border-radius: 2.78vw; }
  .search .location .festival_list li a .txt_wrap .festival_state { min-width:14.4444vw; height:5.5556vw; font-size:3.3333vw; line-height:5.5556vw; padding:0 2.7778vw }
  .search .location .festival_list li a .txt_wrap .festival_name { height:auto; max-height:11.8056vw; font-size:4.4444vw; line-height:6.1111vw }
  .search .location .festival_list li a .txt_wrap .festival_date { margin-top: 4.86vw; }
  .search .location .festival_list li a .txt_wrap .festival_date,
  .search .location .festival_list li a .txt_wrap .festival_place { font-size:3.3333vw; padding-left:4.8611vw; background-size: 3.3333vw auto; }

  /* featured list open */
  .search .location .tour_list li:nth-child(3),
  .search .location .tour_list li:nth-child(4) { display:none; }

  .search .location .more .tour_list li:nth-child(3),
  .search .location .more .tour_list li:nth-child(4) { display:block; }

  .search .location .festival_list li:nth-child(3),
  .search .location .festival_list li:nth-child(4) { display:none; }

  .search .location .more .festival_list li:nth-child(3),
  .search .location .more .festival_list li:nth-child(4) { display:block; }



  /* shop list open */
  .shop .prod_list li:nth-child(5),
  .shop .prod_list li:nth-child(6),
  .shop .prod_list li:nth-child(7),
  .shop .prod_list li:nth-child(8) { display:none; }

  .shop .more .prod_list li:nth-child(5),
  .shop .more .prod_list li:nth-child(6),
  .shop .more .prod_list li:nth-child(7),
  .shop .more .prod_list li:nth-child(8) { display:block; }
 }



.event_area .sec_inner { width:100%; max-width:1440px; padding:0 40px; margin:0 auto; position:relative; }
.event_area .sec_inner + .sec_inner {margin-top:50px}
.event_area .tab_cont { margin-bottom:80px; }

/* event header */
.event_area #container h2 { color:#000; font-size:46px; font-weight: 900; line-height:1; text-align:center; margin-top: 60px; margin-bottom: 35px; }
.event_area .tab { width: 432px; height:56px; margin:0 auto; text-align:center; border-radius:28px; background:#333; }
.event_area .tab li { position:relative; display:inline-block }
.event_area .tab li:first-child:after { content:''; position:absolute; right:-2px; top:50%; margin-top:-2px; display:block; width:4px; height:4px; border-radius:4px; background:#757575 }
.event_area .tab li button { display:block; line-height:56px; color:#ccc; font-size:18px; margin:0 40px }
.event_area .tab li button.on { color:#fff; }

/* event list header */
.event_area .list_header { display:flex; justify-content: space-between; margin: 40px 0 0 0; border:1px solid #e5e5e5 }
.event_area .list_header .select_box .select { border:none; border-right:1px solid #e5e5e5 }
.event_area .list_header .left { position:relative; display:flex; align-items: center; }
.event_area .list_header .left .result { pointer-events: none; position:absolute; right:55px; top:50%; font-size:16px; transform: translateY(-50%); }
/* .event_area .list_header .left .result .number { color:#ed2a61; } */

/* search input */
.event_area .list_header .search_box { display:flex; width: 325px; height: 64px; align-items:center; border-left:1px solid #e5e5e5 }
.event_area .list_header .search_box input { width:100%; height: 100%; font-size:16px; line-height:36px; padding:0 18px; outline:none; background: none; color:#333; }
.event_area .list_header .search_box input::placeholder { color:#333; opacity:0.3; }
.event_area .list_header .search_box .btn_search { width:24px; height:24px; display:block; margin-left:10px; margin-right:20px; }
.event_area .list_header .search_box .btn_search img { width:100%; }

/* event list */
.event_area .event_list { display:grid; grid-template-columns: repeat(4, 1fr); align-items: flex-start; margin-top: 20px; gap:20px }

.event_area .event_list li a { display:block; width:100%; }
.event_area .event_list li a .img_wrap { padding-top:66.76%; background-size: cover; }
.event_area .event_list li a .event_date { display:flex; background-color: #f5f5f5; }
.event_area .event_list li a .event_date .event_state { font-size:14px; background:#808080; padding:6px 8px; color:#fff; line-height:21px; display:block; margin-right:10px; }
.event_area .event_list li a .event_date.ing .event_state { background:#F0386C; }
.event_area .event_list li a .event_date.announce .event_state { background:#6C1CF5; }
.event_area .event_list li a .event_date .date_txt { color:#666; font-size:15px; font-weight: 500; line-height:32px; }
.event_area .event_list li a .event_title { color:#1a1a1a; font-size:18px; line-height:28px; overflow:hidden; height: auto; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word; margin-top:12px; }
/* no data */
.event_area .no_data_txt { display:none; margin: 0 auto; padding:130px 0; border-radius: 24px; flex-direction:column; justify-content: center; align-items: center; color:#d0d0d0; font-size:20px; /* display:flex; */ }
.event_area .no_data_txt::before { content:''; display:block; width:32px; height:32px; background-image:url('../img/sub/ico_nodata_search.png'); background-size:cover; margin-bottom:15px; }
.event_area .no_data .no_data_txt { display:flex; }
.event_area .no_data .sort_box,
.event_area .no_data .page_box,
.event_area .no_data ul { display:none; }


.event_detail #container .event_frm { padding-top: 60px; margin-bottom: 80px; }
.event_detail #container .event_frm .inner { width:100%; max-width:1000px; margin:0 auto; }
.event_detail #container .event_frm .inner .tit_box { text-align:center; }
.event_detail #container .event_frm .inner .tit_box h2 { font-size:48px; line-height: 1; }

/* LIST */

/* VIEW */
.event_detail #container .event_frm .inner .event_view { margin-top: 40px; margin-bottom: 0; /* border-radius: 24px; */overflow: hidden; text-align: center; padding-bottom: 6px; }
.event_detail #container .event_frm .inner .event_view img { display:block; margin:0 auto; max-width:100%; }
.event_detail #container .event_frm .inner .event_view .pc { display: block; }
.event_detail #container .event_frm .inner .event_view .mobile { display: none; }

/* 이벤트 버튼 */
.event_detail #container .event_frm .btn_list { display:flex; justify-content:center; }
.event_detail #container .event_frm .btn_list a { display:block; margin:0 8px; width:auto; height:90px; }
.event_detail #container .event_frm .btn_list a img { height:100%; width:auto; }
.event_detail #container .event_frm .btn_sns_wrap { margin-bottom:84px; }
.event_detail #container .event_frm .btn_enter_wrap { padding-bottom:60px; background-color: #f4f4f4; }

/* [] 상단 헤더 */
.event_detail .tit_box .event_date { display: block; width:auto; margin:12px 0; }
.event_detail .tit_box .event_date .event_state { font-size:14px; background:#757575; padding:6px 8px; color:#fff; display: inline-block; margin: 0 0 10px 0; }
.event_detail .tit_box .event_date.ing .event_state { background:#f0386c; }
.event_detail .tit_box .event_date.announce .event_state { background:#2baae0; }
.event_detail .tit_box .event_date .date_txt { line-height:21px; font-size: 16px; font-weight: 500; color:#666; display: block; }
.event_detail .tit_box .event_title { color:#333; font-size: 40px; line-height: 50px; word-break: normal; }


/* [추가] 하단 버튼 */
.event_detail #container .btn_box { display:flex; margin: 6px -3px 6px; }
.event_detail #container .btn_box li { width:100%; }
.event_detail #container .btn_box li a { background-color:#333; color:#fff; display:block; margin:0 3px; padding: 0 20px; min-height:90px; display:flex; justify-content:center; align-items:center; transition:background 0.3s; }
.event_detail #container .btn_box li a:hover { background-color:#f0386c; }

.event_detail #container .list_box { display:flex; justify-content:center; margin: 60px 0 80px 0; }
.event_detail #container .list_box .btn_list { width:320px; height:68px; background-color:#333; color:#fff; font-size:22px; line-height:68px; transition:background 0.3s; }
.event_detail #container .list_box .btn_list:hover { background-color:#f0386c; }

/* 댓글 영역 */
.event_detail #container .evt_comments_area { text-align:left; }
.evt_comments_area .evt_comments_form { background: #f7f7f7; padding: 50px 0; margin-bottom: 0; }

.evt_comments_area .flex_wrap { display:flex; justify-content: space-between; width: 896px; position: relative; margin-bottom: 8px; }
.evt_comments_area .select_box { margin-right:0; width: 282px; }
.evt_comments_area .ipt_wrap { line-height:42px; border:1px solid #e6e6e6; border-radius:22px; box-sizing: border-box; display:block; text-align:left; padding: 0 0 0 28px; background:#fff; }
.evt_comments_area .ipt_wrap label { display:flex; justify-content:space-between; align-items: center; }

.evt_comments_area input { padding: 0 16px; border-radius: 0 22px 22px 0; font-size: 16px; }
.evt_comments_area input::placeholder { color:#d0d0d0; }

.evt_comments_area h4 { font-size:18px; text-align:left; display:flex; margin-bottom:12px; align-items: center; }
.evt_comments_area h4::before { content:''; width:24px; height:24px; display:block; background-image:url('../img/sub/ico_reply.png'); background-size:contain; background-repeat:no-repeat; background-position:center; margin-right:8px; }

.evt_comments_area .ipt_wrap_email { display:flex; width: 100%; }
.evt_comments_area .ipt_wrap_name { display:flex; width: calc(100% - 306px); }
.evt_comments_area .ipt_wrap_name label,
.evt_comments_area .ipt_wrap_email label { width:72px; }
.evt_comments_area .ipt_wrap_name input,
.evt_comments_area .ipt_wrap_email input { width: calc(100% - 72px) }
.evt_comments_area .ipt_wrap_name label::after,
.evt_comments_area .ipt_wrap_email label::after { content:''; width:1px; height:14px; background-color:#333; display:block; }
.evt_comments_area .ipt_wrap_agree { width:calc(100% - 96px); justify-content:space-between; font-size:14px; color:#999; padding: 12px 16px 0; line-height: 22px; }
.evt_comments_area .ipt_wrap_agree .radio_box + .radio_box { margin-top: 15px; }
.evt_comments_area .ipt_wrap_text { padding: 0; width:100%; }
.evt_comments_area .ipt_wrap_text textarea { width: 100%; resize: none; font-size:16px; line-height:1.62; padding: 20px 28px; display:block; border-radius:22px; }
.evt_comments_area .ipt_wrap_text textarea::placeholder { color:#d0d0d0; }

.evt_comments_submit { background:#333; color:#fff; display:flex; font-size: 16px; justify-content: center; align-items: center; border-radius: 22px; margin-left: 8px; position: absolute; width: 96px; height: 100%; right: 0; left: auto; transform: translateX(calc(100% + 8px)); }
.evt_comments_submit.disabled { pointer-events:none; opacity:0.5; }

.evt_comments_area .evt_comments_form.disabled { pointer-events:none; }

.evt_comments_area .evt_comments_form.disabled .ipt_wrap,
.evt_comments_area .evt_comments_form.disabled .ipt_wrap input,
.evt_comments_area .evt_comments_form.disabled .ipt_wrap textarea,
.evt_comments_area .evt_comments_form.disabled .select { background: #f7f7f7; color: #999; }
.evt_comments_area .evt_comments_form.disabled .evt_comments_submit { opacity:0.5 }
.evt_comments_area .evt_comments_form.disabled .ipt_wrap_agree { pointer-events: auto; }

/* list */
.evt_comments_list { margin: 32px 0; font-size: 16px; }
.evt_comments_list .evt_comments_item { display:flex; border-bottom:1px solid #eee; padding: 24px 0; }
.evt_comments_list .evt_comments_item .number { color:#999; width:80px; text-align:center; }
.evt_comments_list .evt_comments_item .text { width:calc(100% - 184px); padding: 0 24px; }
.evt_comments_list .evt_comments_item .text .name { color:#f0386c; margin-bottom: 4px; }
.evt_comments_list .evt_comments_item .text .contents { font-size:18px; word-break: break-word; }
.evt_comments_list .evt_comments_item .date { width:104px; color:#999; }

/* 이벤트 내부 유튜브 */
.event_view .youtube-wrapper { position:relative; top:0; left:0; }
.event_view .youtube-wrapper .responsive-wrap { width:69%; margin:0 auto; position:absolute; top:0; left:50%; transform:translateX(-50%); height:0; padding-top:38.9%; }

.event_view .youtube-wrapper .responsive-wrap iframe,
.event_view .youtube-wrapper .responsive-wrap video { position:absolute; width:100%; height:100%; top:0; left:0; }

.event_area .tab_cont.no_data {padding:0;}


/* 모바일 2509 추가됨 */
@media(max-width:960px) {
 .section {padding:20px 0}
 header .head_top .search_box { right:0; top: 2.1094vw; }
 header .head_top .search_box input { width:12.5000vw; height:2.8125vw; font-size:1.0938vw; line-height:2.8125vw; padding:0 1.4063vw; border-radius:1.4063vw; outline:none; background:#f3f3f3; }
 header .head_top .search_box input::placeholder { opacity:0.3; }
 header .head_top .search_box .btn_search { width:1.8750vw; height:1.8750vw; margin-left:0.7813vw; }
 header .head_top .search_box .btn_search img { width:100%; }

 .search .no_data {padding: 20px;}
 .search .sec_top .search_box {width:auto; margin:0 20px}
 .search .sec_top .search_box input {font-size:18px;}
 .search .sec_top p {font-size: 15px;}

 .event_area .event_list { display: block; }
 .event_area .sec_inner {padding:0 20px}
 .event_area .list_header { display: block; }
 .event_area .list_header .select_box { width:100%; margin-right:0; }
 .event_area .list_header .search_box { width:100%; border:0; border-top:1px solid #e5e5e5; }
 .event_area .list_header .select_box .select { min-width:auto; height:52px; line-height:52px; font-size:15px; border:0; padding:0 20px; }
 .event_area .list_header .select_box .select::after { right:20px; }
 .event_area .list_header .left .result { right:48px; font-size: 12px; }

 .event_area .list_header .select_box.on .list { min-height:auto; }
 .event_area .list_header .search_box { height:52px; }
 .event_area .list_header .search_box input { font-size:14px; }
 .event_area .list_header .search_box .btn_search { margin:0 13px; }
 .event_area .list_header .select_box .list li a { font-size:15px; line-height:24px; padding:10px 20px; }
 .event_area .event_list li { margin-top:24px; }
 .event_area .event_list li a .event_date .event_state { font-size:12px; padding:3px 8px }
 .event_area .event_list li a .event_date .date_txt { font-size:13px; line-height:26px; }
 .event_area .event_list li a .event_title { font-size: 15px; line-height:24px; margin-top:6px; }

 .event_detail #container .event_frm .inner { padding:0 20px }
 .event_detail .tit_box .event_date .event_state { font-size:12px; line-height:20px; padding:3px 8px; margin-bottom:6px; }
 .event_detail .tit_box .event_date .date_txt { font-size:14px; }
 .event_detail .tit_box .event_title { font-size: 23px; line-height: 32px; }
 .event_detail #container .event_frm .inner .event_view .pc { display: none; }
 .event_detail #container .event_frm .inner .event_view .mobile { display: block; }
 .event_detail #container .list_box .btn_list { width:240px; height:55px; font-size:18px; line-height: 55px; }

 .section .sec_header {padding:0 20px}
 .search .section .sec_header h2 {font-size:27px}
 .search .benefit_list {padding:0 20px}
 .search .sec_content.trend {padding:0 20px;}

 .search .sec_content.tips {padding:0 20px;}
 .search .sec_content.tips ul li a .title {font-size: 16px; line-height: 21px;}
}








@media(min-width:768px) and (max-width:1280px) { /* 댓글 영역 */
 .evt_comments_area .evt_comments_form { background: #f7f7f7; padding: 3.9063vw 0; margin-bottom: 0; }
 .evt_comments_area .flex_wrap { width: calc(100% - 8.125vw); margin-bottom: 0.6250vw; }
 .evt_comments_area .select_box { margin-right:0; width: 22.0313vw; }
 .evt_comments_area .ipt_wrap { line-height:3.2813vw; border-radius:1.7188vw; padding: 0 0 0 2.1875vw; background:#fff; }
 .evt_comments_area input { padding: 0 1.2500vw; border-radius: 0 1.7188vw 1.7188vw 0; font-size: 1.2500vw; }

 .evt_comments_area h4 { font-size:1.4063vw; margin-bottom:0.9375vw; }
 .evt_comments_area h4::before { width:1.8750vw; height:1.8750vw; background-image:url('../img/common/ico_reply.html'); margin-right:0.6250vw; }

 .evt_comments_area .ipt_wrap_email { width: 100%; }
 .evt_comments_area .ipt_wrap_name { width: calc(100% - 23.906vw); }
 .evt_comments_area .ipt_wrap_name label,
 .evt_comments_area .ipt_wrap_email label { width:5.6250vw; font-size: 1.25vw; }
 .evt_comments_area .ipt_wrap_name input,
 .evt_comments_area .ipt_wrap_email input { width: calc(100% - 5.6250vw) }
 .evt_comments_area .ipt_wrap_name label::after,
 .evt_comments_area .ipt_wrap_email label::after { width:0.0781vw; height:1.0938vw; }
 .evt_comments_area .ipt_wrap_agree { width:calc(100% - 7.5000vw); font-size:1.0938vw; padding: 0.9375vw 1.2500vw 0; }
 .evt_comments_area .ipt_wrap_agree .radio_box + .radio_box { }
 .evt_comments_area .ipt_wrap_text { padding: 0; width:100%; }
 .evt_comments_area .ipt_wrap_text textarea { width: 100%; resize: none; font-size:1.2500vw; line-height:1.62; padding: 1.5625vw 2.1875vw; border-radius:1.7188vw; }

 .evt_comments_submit { background:#333; font-size: 1.2500vw; border-radius: 1.7188vw; margin-left: 0.6250vw; width: 7.5000vw; height: 100%; right: 0; left: auto; transform: translateX(calc(100% + 0.6250vw)); }


 /* list */
 .evt_comments_list { margin: 2.5000vw 0; font-size: 1.25vw; }
 .evt_comments_list .evt_comments_item { padding: 1.8750vw 0; }
 .evt_comments_list .evt_comments_item .number { width:6.2500vw; }
 .evt_comments_list .evt_comments_item .text { width:calc(100% - 14.3750vw); padding: 0 1.8750vw; }
 .evt_comments_list .evt_comments_item .date { width:8.1250vw; }
 }

@media(max-width:767px) {
 /* 댓글 영역 */
 .event_detail #container .evt_comments_area { text-align:left; }
 .evt_comments_area .evt_comments_form { background: #f7f7f7; padding: 8.3333vw 5.5556vw; margin-bottom: 0; }

 .evt_comments_area .flex_wrap { display: block; /* justify-content: space-between; */width: 100%; margin-bottom: 1.6667vw; }
 .evt_comments_area .select_box { margin-right:0; width: 100%; }
 .evt_comments_area .ipt_wrap { line-height: 10.0000vw; border-radius: 5.0000vw; box-sizing: border-box; display:block; text-align:left; padding: 0 0 0 3.8889vw; background:#fff; }
 .evt_comments_area .ipt_wrap label { display:flex; justify-content:space-between; align-items: center; }

 .evt_comments_area input { padding: 0 3.0556vw; border-radius: 0 5.0000vw 5.0000vw 0; font-size: 3.3333vw; }
 .evt_comments_area input::placeholder { color:#d0d0d0; }

 .evt_comments_area h4 { font-size: 4.4444vw; text-align:left; display:flex; margin-bottom:1.6667vw; }
 .evt_comments_area h4::before { content:''; width: 5.0000vw; height: 5.0000vw; display:block; background-image:url('../img/sub/ico_reply.png'); background-size:contain; background-repeat:no-repeat; background-position:center; margin-right: 1.6667vw; }

 .evt_comments_area .ipt_wrap_email { display:flex; width: 100%; }
 .evt_comments_area .ipt_wrap_name { display:flex; width: 100%; margin-bottom: 1.6667vw; }
 .evt_comments_area .ipt_wrap_name label,
 .evt_comments_area .ipt_wrap_email label { width: 15.5556vw; font-size: 3.3333vw; }
 .evt_comments_area .ipt_wrap_name input,
 .evt_comments_area .ipt_wrap_email input { width: calc(100% - 10.0000vw) }
 .evt_comments_area .ipt_wrap_name label::after,
 .evt_comments_area .ipt_wrap_email label::after { content:''; width: 1px; height: 2.7778vw; background-color:#333; display:block; }
 .evt_comments_area .ipt_wrap_agree { width: 100%; justify-content:space-between; font-size: 3.3333vw; color:#999; padding: 0; margin-top: 5.5556vw; margin-bottom: 0; }
 .evt_comments_area .ipt_wrap_agree fieldset { text-align:center; margin-top:4.4444vw; }
 .evt_comments_area .ipt_wrap_agree .radio_box + .radio_box { }
 .evt_comments_area .ipt_wrap_text { padding: 0; width:100%; }
 .evt_comments_area .ipt_wrap_text textarea { width: 100%; resize: none; font-size: 3.3333vw; line-height:1.62; padding: 5.0000vw 5.5556vw; display:block; border-radius: 5.0000vw; }
 .evt_comments_area .ipt_wrap_text textarea::placeholder { color:#d0d0d0; }

 .evt_comments_submit { background:#333; color:#fff; display:flex; font-size: 3.3333vw; justify-content: center; align-items: center; border-radius: 5.0000vw; margin: 1.6667vw 0 0 0; position: relative; width: 100%; height: 10.0000vw; right: auto; left: 0; transform: none; }


 /* list */
 .evt_comments_list { margin: 5.5556vw 0; font-size: 3.3333vw; padding: 0 5.5556vw; }
 .evt_comments_list .evt_comments_item { display: block; border-bottom: 1px solid #eee; padding: 3.3333vw 0; }
 .evt_comments_list .evt_comments_item .number { display: none; color:#999; width:11.1111vw; text-align:center; }
 .evt_comments_list .evt_comments_item .text { width: 100%; padding: 0; }
 .evt_comments_list .evt_comments_item .text .name { color:#f0386c; letter-spacing: -0.025em; }
 .evt_comments_list .evt_comments_item .text .contents { font-size: 3.8889vw; }
 .evt_comments_list .evt_comments_item .date { width: 100%; color:#999; }
 }



/* 지도추가 */
.pin_wrap { width: 100%; }
.pintable { background: rgba(255, 255, 255, 0.80); margin: 0 auto; padding: 8px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.10); display: flex; justify-content: center; gap: 24px; }


@media(max-width:767px){
 .pintable { flex-wrap: wrap; gap: 0; justify-content: flex-start; gap: 16px; }
 }

/* 스페셜베네핏 리뉴얼 */

.detail_inner2 { position: relative; width: calc(100vw - (100vw - 100%)); max-width: 1200px; margin: 0 auto; }


.detail_inner2 .detail_header { padding: 90px 80px 100px 80px; text-align: center; position: relative; }

.mo_hide { display: block; }

.pc_hide { display: none; }

.pc_hide2 { display: none; }

.detail_cont { padding: 100px 0 120px 0; }

.detail_inner2 .tag_wrap { display: flex; gap: 8px; margin-bottom: 16px; }

.detail_inner2 .tag_wrap span { padding: 5px 16px; display: flex; align-items: center; border-radius: 18px; font-size: 16px; font-weight: 700; line-height: 24px; }

.tag_wrap span.discount { color: #FFF; background-color: #333; }

.tag_wrap span.gift { color: #111111; background-color: #FFCC33; }

.tag_wrap span.upgrade { border: 1px solid #E7E7E7; background: #F3F3F3; color: #111111; }

.detail_inner2 .context { display: flex; justify-content: center; align-items: center; gap: 56px; }

.detail_inner2 .logo_wrap { max-width: 300px; min-width: 300px; height: 300px; background: #FFF; border-radius: 16px; display: flex; justify-content: center; align-items: center; padding: 10px; }

.detail_inner2 .logo_wrap img { width: 100%; height: 100%; object-fit: contain; }

.detail_inner2 .text { width: 100%; }

.detail_inner2 .name_title { margin-bottom: 16px; }

.detail_inner2 .name_title p { font-size: 32px; font-weight: 800; line-height: 40px; }

.detail_inner2 .name { font-size: 56px; font-weight: 800; line-height: 50px; margin-bottom: 8px; }

.detail_inner2 .category { font-size: 20px; font-weight: 500; line-height: 28px; }

.detail_inner2 h3 { font-size: 42px; font-weight: 700; line-height: 74px; margin-top: 64px; }

.detail_inner2 .detail_content {padding:20px 0;}
.detail_inner2 .detail_content.type1 { border-bottom: 1px dashed #797979; }
.detail_inner2 .detail_content.type2 { border: 2px solid #3265FF }

.detail_inner2 .subtitle { font-size: 20px; font-weight: 500; line-height: 28px; margin-top: 16px; padding: 16px 0; border-top: 2px solid #111111; border-bottom: 2px solid #111111; }

.detail_inner2 .tag_text { display: flex; flex-wrap: wrap; gap: 16px; font-size: 22px; font-weight: 700; line-height: 30px; align-items: center; padding: 16px 0; border-bottom: 1px solid #898989; margin:0 0 24px 0; }

.detail_inner2 .detail_info { margin-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #898989; }
.detail_inner2 .detail_info .detail_info_btn { font-size: 20px; font-weight: 700; color: #111111; display: block; line-height: 28px; background: url('../img/benefit_detail/detail_arrow.svg')no-repeat right center; margin-bottom: 8px; width: 100%; cursor: pointer; }
.detail_inner2 .detail_info .detail_info_content { font-size: 18px; font-weight: 400; line-height: 26px; height: 78px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; }

.detail_inner2 .detail_info .detail_info_btn.active { background: url('../img/benefit_detail/detail_arrow_up.svg')no-repeat right center; }
.detail_inner2 .detail_info .detail_info_content.active { height: 100%; display: block; transition: .5s all; }

.detail_inner2 .tag_text span { padding: 4px 16px; padding-left: 35px; display: inline-flex; border-radius: 22px; font-size: 16px; background: #797979 url('../img/benefit_detail/icon_tree.png')no-repeat 8%; line-height: 24px; color: #fff; }

.detail_inner2 .link { padding: 10px 0px; border-radius: 35px; font-size: 28px; font-weight: 700; line-height: 36px; display: block; text-align: center; }

.company_store_benefit { background-color: #f7f7f7; padding: 60px; }

.company_store_benefit h3 { text-align: center; font-size: 30px; }

.company_store_benefit h3+p { text-align: center; margin-top: 0.2em; line-height: 1.4; }

.company_store_benefit .btn_area { display: flex; justify-content: center; width: 100%; align-items: center; gap: 0; }

.company_store_benefit .btn_area a { margin: 30px 0 0 0; display: none; width: auto; position: relative; display: block; text-align: left; width: auto; height: 45px; line-height: 45px; color: #333; font-size: 14px; border-radius: 99px; padding: 0 50px 0 36px; }

.company_store_benefit .btn_area a:hover { color: #fff; }

.btn_view::after { content: ''; width: 8px; height: 8px; border-top: 1px solid #1d1d1d; border-right: 1px solid #1d1d1d; display: inline-block; transform: rotate(45deg); position: absolute; top: 19px; right: 31px; }


.detail_inner2 .btn_view:hover:after { border-color: #fff; }

.company_store_benefit .select_box { display: block; width: 634px; margin: 25px auto 0; }

.company_store_benefit .store_list_benefit { border-top: 1px dashed #c6c6c6; margin-top: 30px; }

.company_store_benefit .store_list_benefit .store_info_benefit { border-bottom: 1px dashed #c6c6c6; font-size: 16px; /* line-height: 60px; */
 display: flex; align-items: flex-start; padding: 1.25em 0; position: relative }

.company_store_benefit .store_list_benefit li a.shop_title::after { content: ''; width: 40px; height: 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; background-image: url('../img/sub/ico_pop_up_arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; transition: all .5s; }


.company_store_benefit .store_list_benefit li a.on::after { transform: translateY(-50%) rotate(180deg); }

.company_store_benefit .store_list_benefit .title_benefit { display: flex; align-items: center; width: 92px; }

.company_store_benefit .store_list_benefit .title_benefit::after { content: ''; display: block; width: 4px; height: 4px; background-color: #f0386c; border-radius: 50%; margin: 0 18px; }

.company_store_benefit .store_list_benefit .txt_box { color: #757575; width: calc(100% - 92px); }

.company_store_benefit .store_list_benefit .txt_box span { display: block; }

.company_store_benefit .store_list_benefit .txt_box_benefit span.tel::before { content: 'T. ' }

.pin_wrap_benefit { width: 100%; }

.pintable_benefit { background: rgba(255, 255, 255, 0.80); margin: 0 auto; padding: 8px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.10); display: flex; justify-content: center; gap: 24px; }
@media(max-width:767px){
 .company_store_benefit { padding: 40px 20px; }
.company_store_benefit .store_list_benefit .title_benefit { width: 130px; }
.company_store_benefit .store_list_benefit .title_benefit::after { margin: 0 6px; }
 }

@media(max-width:767px){
 .pintable_benefit { flex-wrap: wrap; gap: 0; justify-content: flex-start; gap: 16px; }
 }

/* 하단 참여기업 리스트 */
.detail_inner2 .company_list_box_benefit { width:792px; margin:45px auto 0 auto; border-top:1px solid #ebebeb; }
.detail_inner2 .company_list_box_benefit a { display:flex; width:100%; align-items: center; padding:18px 0; border-bottom:1px solid #ebebeb; position:relative; }
.detail_inner2 .company_list_box_benefit a .img_wrap { width:180px; height:122px; overflow:hidden; border-radius: 16px; margin-right:40px; background-size: cover; background-position:center; background-repeat:no-repeat }
.detail_inner2 .company_list_box_benefit a .img_wrap img { width:100%; }
.detail_inner2 .company_list_box_benefit a .text_wrap { width:390px }
.detail_inner2 .company_list_box_benefit a .title { font-size:16px; color:#757575; }
.detail_inner2 .company_list_box_benefit a .name { color:#333; font-size:24px; }
.detail_inner2 .company_list_box_benefit a .name span { }
.detail_inner2 .company_list_box_benefit a::after { content:''; width:15px; height:25px; background-size:contain; background-repeat: no-repeat; top:calc(50% - 12px); margin:0; z-index:999; position:absolute; right:0; top:50%; transform:translateY(-50%); background-image:url('../img/common/ico_arrow_next_bk.png'); opacity:0.15; }
.detail_inner2 .company_list_box_benefit a:hover::after { opacity:1; }

/* 하단 참여기업 리스트 */
.detail_inner2 .company_list_box_benefit { width: 792px; margin: 45px auto 0 auto; border-top: 1px solid #ebebeb; }

.detail_inner2 .company_list_box_benefit a { display: flex; width: 100%; align-items: center; padding: 18px 0; border-bottom: 1px solid #ebebeb; position: relative; }

.detail_inner2 .company_list_box_benefit a .img_wrap { width: 180px; height: 122px; overflow: hidden; border-radius: 16px; margin-right: 40px; background-size: cover; background-position: center; background-repeat: no-repeat }

.detail_inner2 .company_list_box_benefit a .img_wrap img { width: 100%; }

.detail_inner2 .company_list_box_benefit a .text_wrap { width: 390px }

.detail_inner2 .company_list_box_benefit a .title { font-size: 16px; color: #757575; }

.detail_inner2 .company_list_box_benefit a .name { color: #333; font-size: 24px; }


.detail_inner2 .company_list_box_benefit a::after { content: ''; width: 15px; height: 25px; background-size: contain; background-repeat: no-repeat; top: calc(50% - 12px); margin: 0; z-index: 999; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url('../img/ico_arrow_next_bk_big.png'); opacity: 0.15; }

@media(max-width:800px){
 .detail_inner2 .detail_header { padding: 60px 20px; }


 .detail_inner2 .detail_content { padding: 40px 20px; }


 .detail_inner2 .tag_wrap span { font-size: 14px; line-height: 22px; }

 .detail_inner2 .name { font-size: 36px; }

 .detail_inner2 .category { font-size: 16px; }

 .detail_inner2 .context { flex-direction: column; gap: 32px; }

 .detail_inner2 h3 { font-size: 30px; line-height: 48px; }

 .mo_hide { display: none; }

 .pc_hide { display: block; }

 .pc_hide2 { display: block !important; }


 .detail_inner2 .name_title { gap: 8px; width: 100%; }

 .detail_inner2 .name_title p { font-size: 30px; line-height: 42px; }

 .detail_inner2 .logo_wrap { max-width: 200px; min-width: 200px; width: 100%; min-height: 200px; max-height: 200px; padding: 15px; }

 .detail_inner2 .logo_wrap img { width: 100%; }

 .detail_inner2 .subtitle { font-size: 18px; line-height: 26px }

 .detail_inner2 .tag_text { font-size: 16px; line-height: 26px; gap: 12px; }
 .detail_inner2 .detail_info .detail_info_btn { font-size: 18px; }
 .detail_inner2 .detail_info .detail_info_content { font-size: 16px; }

 .detail_inner2 .tag_text span { font-size: 14px; padding: 4px 12px; padding-left: 24px; background: #797979 url(../img/benefit_detail/icon_tree.png) no-repeat 6% }

 .detail_inner2 .link { font-size: 22px; font-weight: 700; line-height: 30px; }

 .detail_inner2 .company_store_benefit .store_list_benefit .store_info_benefit span { line-height: 19px; }
 }

@media(max-width:500px){
 .detail_inner2 .tag_text { flex-direction: column; align-items: flex-start; }
 }

@media(max-width:340px){
 .detail_inner2 .tag_text { flex-direction: column; align-items: flex-start; }
 }


@media(max-width:960px){
 .detail_cont { padding:20px 0 60px; }
 }