@charset "utf-8";

/* *************************************************************************************
*
* 서브공통
* 
* **************************************************************************************/
.content {padding-top: 12rem;}
.content img {max-width: 100%;}
.page_navigation {position: relative; padding: 3rem 2rem 9rem; background: linear-gradient(to bottom, #e6f2fe 60%, #f1f3f3); overflow: hidden;}
.page_navigation .page_info {position: relative; margin-bottom: 1rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.5rem; z-index: 1;}
.page_navigation .flow_text > p {bottom: -6rem; opacity: 0.4; color: #fff;}
.page_tab {max-width: 1470px; margin-bottom: 3rem;}
.page_tab_list {align-items: center;} 
.page_tab_list > li {width: auto; text-align: center;}
.page_tab_list > li > a {position: relative; font-size: 3rem; font-weight: 500; color: #444; font-family: 'NPS';}
.page_tab_list > .thisPage > a {color: #4c83f2; font-size: 10rem; font-weight: 800;}
.page_tab_list > .thisPage > a::before {position: absolute; left: -5%; bottom: 1.5rem; display: block; width: 110%; height: 4.5rem; background-color: #d0dff7; border-radius: 20px; content: ''; z-index: -1;}

.page_location {display: flex; align-items: center;}
.page_location > li {position: relative;}
.page_location > li + li::after {position: absolute; left: -0.4rem; top: 0.6rem; content: ''; display:block; width: 5px; height: 5px; border-top: 2px solid #444; border-right: 2px solid #444; transform: rotate(45deg);}
.page_location > li > a {display: block; width: 100%; height: 100%; padding: 0 1.6rem; color: #444;}

.page_share_list {display: flex; align-items: center;}
.page_share_list > li + li {margin-left: 1rem;}

.page_title {margin-bottom: 1rem; font-size: 3.6rem; font-weight: 700;}
.page_desc {margin-bottom: 5rem; font-size: 2.2rem; color: #555;}
.page_sub_title {margin-bottom: 2rem; font-size: 2.5rem; font-weight: 700;}
.page_sub_desc {font-size: 1.8rem;}

.page_content {min-height: 50rem; padding: 6.5rem 0; background-color: #fff; border-bottom: 1px solid #e1e3ea;}
.page_content .inner {max-width: 1510px; margin: 0 auto;}

.sc_benefit {margin-top: 8rem;}
.import {color: #ff1d06 !important;}
.primary_color {color: var(--primary-color) !important;}
.underline_txt {text-decoration: underline; text-underline-offset: 0.3rem;}
.flex_row {display: flex; align-items: center; flex-wrap: wrap;}
.ta_l {text-align: left !important;}
.ta_r {text-align: right !important;}
.ta_c {text-align: center !important;}
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 1rem !important;}
.mt15 {margin-top: 1.5rem !important;}
.mt20 {margin-top: 2rem !important;}
.mb10 {margin-bottom: 1rem !important;}
.mb15 {margin-bottom: 1.5rem !important;}
.mb20 {margin-bottom: 2rem !important;}

/* *************************************************************************************
* 
* Button Style
*  
* **************************************************************************************/
.basic_btn {display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-top: 4rem; margin-bottom: 1.5rem;}
.basic_btn.right {justify-content: right;}
.basic_btn.between {justify-content: space-between;}
.basic_btn .btn {min-width: 17rem; height: 5rem; line-height: 5rem; padding: 0 2rem; font-size: 1.9rem; font-weight: 600; text-align: center; color: #fff; border-radius: 0.8rem; overflow: hidden;}
.basic_btn .default {background-color: #fff; border: 1px solid #111; color: #111;}
.basic_btn .primary {background-color: #3f65d9; border: 1px solid #3f65d9;}
.basic_btn .dark {background-color: #3c404b; border: 1px solid #3c404b;}
.basic_btn .like_btn {min-width: 12rem; height: 5rem; border: 2px solid var(--primary-color); color: var(--primary-color); font-weight: 500; font-size: 1.8rem; border-radius: 3rem;}
.basic_btn .like_btn > span {display: inline-block; padding-right: 2.2rem; background-image: url("../images/icon/heart_icon.svg"); background-size: 1.9rem; background-position: right center; background-repeat: no-repeat;}
.basic_btn .like_btn.on > span {background-image: url("../images/icon/heart_icon_on.svg");}
.basic_btn.between:has(.page_sub_title) {align-items: end;}
.basic_btn .page_sub_title {margin-bottom: 0;}
.basic_btn .page_sub_title + .btn {height: 4.5rem; line-height: 4.5rem; font-size: 1.7rem;}

.common_more_btn {position: relative; height: 4.5rem; line-height: 4.5rem; padding: 0 3rem; border-radius: 3rem; color: #fff; font-size: 2rem; overflow: hidden;}
.common_more_btn::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; border-radius: 3rem; content: ''; z-index: 1; transition: transform 500ms ease;}
.common_more_btn > span {position: relative; display: inline-block; padding-right: 5rem; z-index: 2;}
.common_more_btn .arr {position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 3rem; height: 3rem; background:url("../images/icon/more_arr_icon.png") right center no-repeat; }
.common_more_btn.primary::before {background-color: var(--primary-color);}
.common_more_btn.secondary::before {background-color: #FC993C;}
.common_more_btn.secondary {font-size: 1.6rem;}
.common_more_btn.secondary .arr {right: -1rem;}
.common_more_btn.secondary > span {padding-right: 2rem;}
.common_more_btn.leave {padding: 0 2rem; font-size: 1.6rem;}
.common_more_btn.leave::before {background-color: #959595;}
.common_more_btn.leave > span {padding-right: 3rem;}
.common_more_btn[disabled] {background-color: var(--primary-color); color: #fff;}
.common_more_btn[disabled]::before {content: none;}
.common_more_page {min-width: 22rem; height: 6rem; line-height: 6rem; padding: 0 3.5rem; background-color: #000942; color: #fff; font-size: 1.8rem; font-weight: 700; border-radius: 3rem; text-align: center;}
.common_more_page > span {display: inline-block; padding-right: 3rem; background: url("../images/icon/more_arr_w.png") right center no-repeat;}
.common_more_page.primary {background-color: var(--primary-color); border: 0;}
.common_more_page.default {border-color: #3c404b; color: #3c404b;}
.common_more_page.default > span {background-image: url("../images/icon/more_arr.png");}

.slide_controls .slide_btn[disabled] {opacity: 0.6;}
.slide_controls .next {transform: translateY(-50%) rotate(180deg) !important;}

.blank_btn {height: 2.8rem; line-height: 2.8rem; padding: 0 1.5rem; border: 1px solid var(--primary-color); color: var(--primary-color); font-weight: 500; border-radius: 3rem;}
.blank_btn > span {display: inline-block; padding-right: 2rem; background-image: url("../images/icon/blank_icon.svg"); background-size: 1.5rem; background-position: right center; background-repeat: no-repeat;}

/* *************************************************************************************
*
* Tab Style
* 
* **************************************************************************************/
.state_tab {display: flex; margin-bottom: 4rem; flex-wrap: wrap; gap: 1rem;}
.state_tab > li > a {display: flex; width: 21rem; height: 5.5rem; background-color: var(--bg-gray); color: #555; border-radius: 3rem; font-size: 1.8rem; font-weight: 500; align-items: center; justify-content: center;}
.state_tab > li > a.on {background-color: #000942; color: #fff; font-weight: 600;}

.cate_faq {display: flex; padding: 2.5rem 0; border-top: 1px solid var(--border-gray-color); flex-wrap: wrap; gap: 1rem 2rem;}
.cate_faq > li > a {padding: 0.5rem 2rem; font-size: 2.4rem; color: #666;}
.cate_faq > li > a.on {color: var(--primary-color); font-weight: 600; border-bottom: 2px solid var(--primary-color);}

/* *************************************************************************************
*
* Title Style
* 
* **************************************************************************************/
.checkPoint_tit {margin-top: 6rem; margin-bottom: 3rem;}
.checkPoint_tit .title {display: block; margin-right: 2rem; padding-left: 4rem; font-size: 2.6rem; background: url("../images/icon/check_point.png") left top 0.3rem no-repeat; background-size: 2.8rem;}
.checkPoint_tit .desc {margin-top: 1.5rem; padding-left: 4rem; font-size: 1.8rem;}
strong.more_tit {display: block; font-size: 2rem;}
strong.more_tit > span {position: relative; display: inline-block; padding-right: 3.5rem; line-height: 1.5; background-image: url("../images/icon/more_arr.png"); background-position: right center; background-repeat: no-repeat;}
.bullet_tit {position: relative; margin-bottom: 2.5rem; padding-left: 2rem; font-size: 2.5rem; font-weight: bold;}
.bullet_tit::before {position: absolute; left: 0; top: 1.2rem; display: block; width: 1.2rem; height: 1.2rem; border: 3px solid var(--primary-color); border-radius: 50%; box-sizing: border-box; content: '';}
.circle_tit {margin-bottom: 1.5rem; padding-left: 3.5rem; font-size: 2.2rem; font-weight: 600; background-image: url("../images/icon/circle_tit_icon.png"); background-size: 2.3rem; background-position: left top 0.8rem; background-repeat: no-repeat;}
.circle_tit + .circle_content {padding-left: 3.5rem; margin-bottom: 3rem;}

/* *************************************************************************************
*
* List Style
* 
* **************************************************************************************/
.dl_list > dl {margin-bottom: 1rem; display: flex; flex-wrap: wrap; align-items: baseline;}
.dl_list > dl > dt {display: inline-block; height: 3.5rem; line-height: 3.5rem; padding: 0 1.5rem; background-color: var(--bg-gray); border-radius: 3rem; font-weight: 500; text-align: center;}
.dot_ul > li {position: relative; padding-left: 1rem; text-align: left;}
.dot_ul > li + li {margin-top: 1rem;}
.dot_ul > li::before {position: absolute; left: 0; top: 0.8rem; display: block; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #333; content: '';}
.dot_ul > .no_dot {padding-left: 0;}
.dot_ul > .no_dot::before {content: none;}
.dot_ul.primary > li::before {background-color: var(--primary-color);}
.dot_ul > li > .dash_ul {margin-top: 1rem;}
.dash_ul > li {position: relative; padding-left: 1.2rem;}
.dash_ul > li::before {position: absolute; left: 0; top: 1rem; width: 0.5rem; height: 0.2rem; background-color: #000; content: '';}
.dash_ul > li + li {margin-top: 0.8rem;}
.dash_ul > .no_dash {padding-left: 0;}
.dash_ul > .no_dash::before {content: none;}
.dash_ul.fz15 > li {font-size: 1.4rem;}
.checkPoint_ul > li {padding-left: 3rem; background-image: url("../images/icon/check_point_ul.png"); background-position: left top; background-size: 2rem; background-repeat: no-repeat;}
.checkPoint_ul > li + li {margin-top: 0.8rem;}
.checkPoint_ul.purple > li {background-image: url("../images/icon/check_point_ul_purple.svg");}
.number_ul {margin-top: 3rem;}
.number_ul > li {counter-increment: number; position: relative; padding-left: 3.5rem;}
.number_ul > li + li {margin-top: 1.8rem;}
.number_ul > li::before {content:counter(number); position:absolute; left:0; top:-0.4rem; display:block; width:2.8rem; height:2.8rem; line-height:2.8rem; background-color:#3f4e63; color:#fff; text-align: center; border-radius:50%; font-weight: 500;}
.number_ul > li .point {color: #ea7100; font-weight: 700;}
.warning_ul > li {position: relative; padding-left: 2.8rem; margin-bottom: 2rem;}
.warning_ul > li::before {position: absolute; left: 0; top: 0.4rem; width: 2rem; height: 2rem; background-image: url("../images/icon/warning_icon.png"); background-size: contain; background-repeat: no-repeat; content: '';}

/* *************************************************************************************
*
* input Style
* 
* **************************************************************************************/
.basic_input, .basic_select {height: 4rem; padding: 0 1.5rem; border: 1px solid var(--border-gray-color); border-radius: 0.5rem; box-sizing: border-box;}
.basic_select {padding: 0 4rem 0 1.5rem;}
.input_group {display: inline-flex; align-items: center; margin-right: 1rem; flex-wrap: wrap; gap: 0.6rem;}
.input_group label {line-height: 1;}

/* *************************************************************************************
*
* label Style
* 
* **************************************************************************************/
.label_group {margin-bottom: 1rem;}
.label_group .label {display: inline-block; padding: 0.5rem 1rem; font-size: 1.4rem; font-weight: 500; line-height: 1; border-radius: 3rem; background-color: #dbdbdb;}
.label_group .ST010 {background-color: var(--label-food);}
.label_group .ST020 {background-color: var(--label-cafe);}
.label_group .ST030 {background-color: var(--label-tour);}
.label_group .ST040 {background-color: var(--label-bake);}
.label_group .ST050 {background-color: var(--label-gym);}
.label_group .ST060 {background-color: var(--label-hotel);}
.label_group .ST070 {background-color: var(--label-culture);}
.label_group .ST080 {background-color: var(--label-town);}
.label_group .ing {background-color: var(--label-ing);}
.label_group .dead {background-color: var(--label-dead);}
.label_group .end {background-color: var(--label-end);}
.progress_label {display: inline-flex; align-items: center; justify-content: center;  color: #fff; width: 10rem; height: 4.3rem; border-radius: 3rem; font-size: 2rem; font-weight: 500;}

.state_label .label {display: inline-block; width: 9rem; height: 3.2rem; line-height: 3.2rem; color: #fff; font-weight: 600; text-align: center; border-radius: 0.5rem;}
.state_label .primary {background-color: var(--primary-color);}
.state_label .secondary {background-color: var(--secondary-color);}
.state_label .default {background-color: #333;}
.state_txt .primary {color: var(--primary-color);}
.state_txt .secondary {color: var(--secondary-color);}
.state_txt .end {color: #888;}
.state_txt .success {color: #40a300;}
.state_txt .danger {color: #ff1d06;}

.course_label .label {display: inline-block; height: 4.8rem; line-height: 4.8rem; margin-right: 1rem; padding: 0 2.5rem; color: #fff; font-size: 2.4rem; font-weight: 800; border-radius: 3rem; text-align: center;}
.course_label .primary {background-color: var(--primary-color);}
.course_label .secondary {background-color: var(--secondary-color);}

.primary_label {display: inline-block; height: 4rem; line-height: 4rem; padding: 0 1.8rem; background-color: var(--primary-color); color: #fff; border-radius: 3rem; font-size: 1.8rem; font-weight: bold; text-align: center;}

/* *************************************************************************************
*
* modal 커스텀
* 
* **************************************************************************************/
.alert_basic {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 100;}
.alert_basic .alert_group {min-width: 49rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 1.5rem; overflow: hidden;}
.alert_basic .alert_tit {padding: 1rem 2rem; background-color: #7f879d; color: #fff; font-size: 2.2rem; font-weight: 600;}
.alert_basic .alert_cnt {padding: 2.5rem 2rem; background-color: #fff;}
.alert_basic .alert_msg {font-size: 1.9rem; line-height: 1.5; text-align: center; word-break: keep-all;}
.alert_basic .alert_msg .desc {margin-bottom: 1rem; font-size: 1.6rem;}
.alert_basic .msg_point {color: #3f65d9; font-weight: 500;}
.alert_basic .button_group {display: flex; justify-content: center; margin-top: 2.5rem; flex-wrap: wrap; gap: 1rem;}
.alert_basic .alert_btn {width: 14rem; height: 4.5rem; line-height: 4.5rem; padding: 0; border: 1px solid #3f65d9; color: #3f65d9; font-size: 1.9rem; font-weight: 600; border-radius: 0.8rem;}
.alert_basic .alert_btn.primary {background-color: #3f65d9;  color: #fff;}
.alert_basic .alert_btn.default {background-color: #eaeaea; color: #333; border: 0;}
.alert_basic .close_btn {position: absolute; right: 1rem; top: 1.5rem;}
.alert_basic .point_change > li {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1rem; gap: 1rem;}
.alert_basic .point_change .point_inp > input {max-width: 10rem; height: 3.5rem; padding: 0 1rem; text-align: right;}
.alert_basic .form_table {max-width: 70rem;}
.alert_basic .form_table td {padding: 1.2rem 1.5rem; font-size: 1.6rem;}
.alert_basic .form_table .identity_number input {width: calc(50% - 1.5rem);}
/* .alert_basic .form_table .form_phone .form_input {width: calc(100% / 3 - 1.8rem);} */
.alert_basic .form_table .form_email .form_input, .alert_basic .form_table .form_email .form_select {width: calc(100% / 3 - 1rem);}
.alert_basic .form_table .form_email .form_select {min-width: auto;}
.alert_basic .form_card {display: flex; align-items: center; gap: 0.5rem;}
.alert_basic .form_card input {width: 8rem;}

/*가이드박스*/
.register_guide {display: flex; align-items: center; min-height: 15rem; margin-bottom: 6rem; padding: 3rem 3rem 3rem 24rem; border: 1px solid #222; border-radius: var(--border-radius-base); background: url("../images/content/register_guide_bg.png") left 2rem bottom -2rem no-repeat;}
.register_guide strong {display: block; margin-bottom: 1rem; font-size: 2rem;}
.register_guide p {font-size: 1.8rem;}
.register_guide .point {color: var(--secondary-color);}
.travel_guide {display: flex; align-items: center; min-height: 12rem; margin-bottom: 5rem; padding-left: 24rem; background-image: url("../images/content/travel_guide.png"); background-position: left top; background-repeat: no-repeat;}
.travel_guide p {font-size: 3.2rem; color: #333; letter-spacing: -1px;}
.course_guide {margin-bottom: 3.5rem; padding: 2rem 35rem 2rem 0; background-image: url("../images/content/course_guide.png"); background-position: right bottom; background-repeat: no-repeat;}
.course_guide .tit {display: block; font-size: 3.6rem; line-height: 1.2; font-family: 'VITRO';}
.course_guide > p {font-size: 2rem; margin-top: 1.5rem; letter-spacing: -1px;}

/*퍼센트별 리뷰별점*/
.review_score_rate {display: flex; align-items: center; flex-wrap: wrap;}
.review_score_rate .score_title {margin-right: 2rem; font-weight: 500; font-size: 2.4rem;}
.review_score_rate .score_bg {position: relative; width: 9rem; height: 2rem; margin-right: 0.8rem; background-color: #959595; mask-image: url(../images/content/score_star.svg); mask-size: 100% 100%; mask-repeat: no-repeat;}
.review_score_rate .score_percent {position: absolute; left: 0; top: 0; height: 100%; background-color: var(--primary-color);}

/* *************************************************************************************
*
* 고향사랑기부제
* 
* **************************************************************************************/
.Hometown section {margin-top: 9rem;}
.Hometown .go_btn {position: absolute; bottom: -2.5rem; left: 50%; transform: translateX(-50%);}
.Hometown .go_btn {height: 5.5rem; line-height: 5.5rem; padding: 0 3rem; background-color: var(--primary-color); color: #fff; border-radius: 5rem; font-size: 2.2rem; font-weight: 800; text-align: center;}
.Hometown .go_btn > span {display: inline-block; padding-left: 4rem; background-image: url("../images/icon/hometown_btn_icon.png"); background-size: 2.7rem; background-position: left center; background-repeat: no-repeat; white-space: nowrap;}
.Hometown .box {margin-top: 2.5rem; padding: 3rem; border-radius: var(--border-radius-base); }
.Hometown .sc_benefit .box {background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.Hometown .sc_donation .box {padding: 5rem 2rem; background-color: #f3f8fe;}
.Hometown .underline_tit {position: relative; display: inline-block; padding: 0 1rem; font-size: 3rem; letter-spacing: -1px; z-index: 1;}
.Hometown .underline_tit::before {position: absolute; left: 0; bottom: 0; width: 100%; height: 1.4rem; background-color: #cad3f5; border-radius: 1rem; content: ''; z-index: -1;}
.hometown_guide {position: relative; padding: 4rem 3rem 6rem; background-color: #e9edff; color: #333; border-radius: var(--border-radius-base); background-image: url("../images/content/hometown_bg.png"); background-position: center bottom; background-repeat: no-repeat;}
.hometown_guide .page_title {text-align: center; font-weight: 900;}
.hometown_guide .desc {margin-bottom: 1.5rem; font-size: 2rem; font-weight: 600; text-align: center;}
.hometown_guide .guide_inner {max-width: 87rem; margin: 0 auto;}
.hometown_guide .checkPoint_ul > li {font-weight: 500;}
.hometown_guide .pay_box {display: flex; align-items: center; justify-content: center; gap: 1rem; max-width: 45rem; margin: 2rem auto 0; padding: 1.5rem; background-color: #fff; border-radius: 1.5rem; text-align: center;}
.hometown_guide .pay_box .small {font-size: 2.4rem; font-weight: 900;}
.hometown_guide .pay_box .small > span {color: #174da1;}
.hometown_guide .pay_box .big {font-size: 3rem; font-weight: 900;}
.hometown_guide .pay_box .big > span {color: #ec5d36; }
.hometown_guide .pay_box .right_arr {display: inline-block; width: 2.7rem; height: 3.2rem; clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); background-color: #a6c3ed;}
.Hometown .sc_benefit .dl_list dt {min-width: 11rem; height: 3rem; line-height: 3rem; margin-right: 1rem; background-color: var(--primary-color); color: #fff;}
.Hometown .activity {max-width: 120rem; margin: 0 auto;}
.Hometown .activity_list {padding-top: 4.5rem;}
.Hometown .activity_list > li {min-height: 17rem; padding: 2rem; box-shadow: none; background-position: right 2rem bottom 1rem;}
.Hometown .activity_list > li:nth-child(odd) {transform: translateY(-2.5rem);}
.Hometown .activity_list > li:nth-child(1) {background-image: url("../images/content/donation_1.png");}
.Hometown .activity_list > li:nth-child(2) {background-image: url("../images/content/donation_2.png");}
.Hometown .activity_list > li:nth-child(3) {background-image: url("../images/content/donation_3.png");}
.Hometown .activity_list > li:nth-child(4) {background-image: url("../images/content/donation_4.png");}
.Hometown .activity_list .num {color: #333; font-weight: 900;}
.Hometown .activity_list strong {color: #333; font-size: 2rem; font-weight: 500;}
.Hometown .donation_part {max-width: 120rem; margin: 1rem auto 0; padding-top: 2rem; border-top: 1px solid var(--border-gray-color);}
.Hometown .part_list {display: flex; gap: 3rem; flex-wrap: wrap;}
.Hometown .part_list > li {position: relative; flex: 1; padding: 3rem 2rem 6rem; background-color: #fff; border-radius: var(--border-radius-base);}
.Hometown .part_list .underline_tit {margin-bottom: 2.5rem; font-size: 2.4rem;}
.Hometown .part_list .img {margin-right: 2rem;}
.Hometown .part_list .txt {width: calc(100% - 25rem); font-weight: 500;}
.Hometown .part_list .dl_list {margin-top: 2.5rem;}
.Hometown .part_list dt {min-width: 9rem; height: 2.8rem; line-height: 2.5rem; margin-right: 1rem; font-weight: 600; color: #5f74de; border: 2px solid #5f74de; background-color: #f3f8fe;}
.Hometown .donation_join {display: flex; gap: 3rem; flex-wrap: wrap;}
.Hometown .donation_join > li {flex: 1; padding: 3rem; border-radius: var(--border-radius-base); align-content: center;}
.Hometown .donation_join > li:nth-child(1) {background-color: #fcf6ea;}
.Hometown .donation_join > li:nth-child(2) {background-color: #ecf8f1;}
.Hometown .donation_join .page_desc {margin-bottom: 2rem; color: #000; font-weight: 500;}
.Hometown .donation_join .dl_list dl + dl {margin-top: 2rem;}
.Hometown .donation_join .dl_list dt {min-width: 15rem; height: 3rem; line-height: 3rem; background-color: #7fa873; color: #fff;}
.Hometown .donation_join .dl_list dd {display: block; width: 100%; margin-top: 1.5rem; padding-left: 1.5rem;}
.Hometown .gift_list {display: flex; gap: 4rem; flex-wrap: wrap;}
.Hometown .gift_list .img {position: relative; width: 100%; height: 0; padding-top: 56.5%; border-radius: var(--border-radius-base); overflow: hidden;}
.Hometown .gift_list .img > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.Hometown .gift_list > li {width: calc(100% / 3 - 2.6666rem);}
.Hometown .gift_list .txt {margin-top: 1.5rem; padding-left: 1.5rem;}
.Hometown .gift_list .gift_name {margin-bottom: 1rem; font-size: 2rem; font-weight: 600;}
.Hometown .gift_list .point {display: inline-block; height: 2.3rem; line-height: 2.3rem; margin-right: 1rem; padding-left: 3rem; font-weight: 500; background-image: url("../images/icon/gift_point.png"); background-size: 2.3rem; background-position: left top; background-repeat: no-repeat;}
.Hometown .gift_page {display: flex; align-items: center; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-top: 5rem; padding: 2rem; background-color: #fff; border-radius: 2rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); text-align: center;}
.Hometown .gift_page > span {display: inline-block; font-size: 1.8rem; color: #333; font-weight: 500;}
.Hometown .gift_page .go_btn {position: initial; transform: none; background-color: #ffce19; color: #000; font-size: 1.8rem;}
.Hometown .gift_page .go_btn > span {padding-left: 3rem; background-image: url("../images/icon/home_icon.svg"); background-size: 2rem;}

/* *************************************************************************************
*
* 제도안내
* 
* **************************************************************************************/
.Ans_introduce .intro_tit {margin-bottom: 2.5rem; color: #444; font-size: 4.2rem; font-weight: 800; letter-spacing: -1px;}
.Ans_introduce .intro_tit > span {color: #ea7100;}
.Ans_introduce .intro_txt .txt {margin-bottom: 1rem; font-size: 3.2rem; font-weight: 800;}
.Ans_introduce .intro_txt .desc {font-size: 2rem; font-weight: 500;}
.Ans_introduce .info_tit {margin-bottom: 1.2rem; font-size: 3.2rem; font-weight: 800; color: #ea7100;}
.Ans_introduce .info_txt {font-size: 2.2rem; color: #333; font-weight: 500; letter-spacing: -1px;}
.Ans_introduce .view {margin: 5rem auto 8rem;}
.Ans_introduce .benefit_list {display: flex; flex-wrap: wrap; gap: 4rem;}
.Ans_introduce .benefit_list > li {position: relative; width: calc(100% / 3 - 2.8rem); min-height: 25rem; padding: 3rem; background-position: bottom 7rem right 2rem; background-repeat: no-repeat; background-color: #fff; border-radius: var(--border-radius-base); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); overflow: hidden;} 
.Ans_introduce .benefit_list .num {display: block; margin-bottom: 1.2rem; font-size: 2.2rem; font-weight: 800; text-decoration: underline; text-underline-offset: 0.5rem;}
.Ans_introduce .benefit_list strong {display: block; margin-bottom: 1.5rem; font-size: 2.2rem;}
.Ans_introduce .benefit_list .special {position: absolute; left: 0; bottom: 0; padding: 1rem; width: 100%; background-color: #ea7100; color: #fff; font-size: 2.2rem; font-weight: bold; text-align: center;}
.Ans_introduce .benefit_list .special > span {display: inline-block; padding-left: 3.5rem; background: url("../images/icon/check_point_orange.png") left top no-repeat; background-size: 2.8rem;}
.Ans_introduce .benefit_list > li:nth-child(1) {background-image: url("../images/content/benefit_discount.png"); background-position: right 2rem bottom 3rem;}
.Ans_introduce .benefit_list > li:nth-child(2) {background-image: url("../images/content/benefit_pay.png");}
.Ans_introduce .benefit_list > li:nth-child(3) {background-image: url("../images/content/benefit_store.png");}
.Ans_introduce .benefit_list .txt {font-size: 2rem; font-weight: 500; color: #222;}

/* *************************************************************************************
*
* 홍보영상
* 
* **************************************************************************************/
.Ans_video {margin-top: 8rem;}
.Ans_video .youtube_box {padding-left: 18rem; background-image: url("../images/content/Ans_youtube.jpg"); background-position: left top; background-size: 15rem; background-repeat: no-repeat;}
.Ans_video .youtube_box .txt {margin-bottom: 3rem;}
.Ans_video .youtube_box strong {display: block; margin-bottom: 0.5rem; font-size: 3.4rem;}
.Ans_video .youtube_box span {display: block; font-size: 2rem;}
.Ans_video .youtube_btn {width: 32rem; height: 4.5rem; line-height: 4.5rem; padding: 0 2rem; background-color: #ff3f3f; color: #fff; font-size: 2.2rem; font-weight: bold; text-align: center; border-radius: 0.8rem;}
.Ans_video .youtube_iframe {position: relative; height: 0; padding-top: 45%; max-width: 112rem; margin: 5rem auto 0;}
.Ans_video .youtube_iframe iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* *************************************************************************************
*
* 안성 하이라이트
* 
* **************************************************************************************/
.Ans_highlight {position: relative; }
.Ans_highlight::before {position: absolute; right: 5rem; top: -12rem; display: block; width: 21rem; height: 18rem; background: url("../images/content/bau_butterfly.png") no-repeat; background-size: contain; content: '';}
.Ans_map {padding: 7rem 2rem; background-color: #f4f5f9; border-radius: 2rem; text-align: center; overflow: scroll; -ms-overflow-style: none;}
.Ans_map::-webkit-scrollbar{display:none;}
.Ans_map .map_img {position: relative; display: inline-block;}
.Ans_map .map_btn {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.Ans_map .map_btn > button {position: absolute;}
.Ans_map .map_btn > button > span {display: inline-flex; align-items: center; justify-content: center; min-width: 100px; height: 32px; line-height: 1; padding: 0 15px; font-weight: 600; background-color: #ffce19; border: 2px solid #fff; border-radius: 3rem; text-align: center;}
.Ans_map .map_btn > button:focus-visible::before {position: absolute; top: -4rem; left: 50%; transform: translateX(-50%); display: block; width: 28px; height: 36px; background: url("../images/content/map_pin.png") no-repeat; content: '';}
.Ans_map .map_btn > button:focus-visible > span {background-color: #333; color: #fff; transition: .3s;}
.Ans_map .map_btn .Mirinae {top: 25px; left: 360px; padding-top: 60px;}
.Ans_map .map_btn .Gosam {top: 120px; left: 360px; padding-top: 60px;}
.Ans_map .map_btn .Chiljang {top: 300px; left: 645px; padding-top: 50px;}
.Ans_map .map_btn .Geumgwang {top: 390px; left: 550px; padding-top: 50px;}
.Ans_map .map_btn .Seoknamsa {bottom: 130px; left: 500px; padding-top: 70px;}
.Ans_map .map_btn .Seoun {bottom: 40px; left: 340px; padding-top: 60px;}
.Ans_map .map_btn .Farm {top: 380px; left: 130px; padding-top: 60px;}
.Ans_map .map_btn .Land {top: 285px; left: 420px; padding-top: 70px;} 

/* *************************************************************************************
*
* 마일리지 적립방법
* 
* **************************************************************************************/
.Ans_point_guide {margin-bottom: 7rem; padding: 5rem 7rem; background-color: #3f4e63; color: #fff; border-radius: var(--border-radius-base);}
.Ans_point_guide .tit {display: block; margin-bottom: 0.5rem; font-size: 3.2rem; font-weight: 800;}
.Ans_point_guide .desc {margin-bottom: 2rem; font-size: 2.2rem; font-weight: 500; line-height: 1.5;}
.Ans_point_guide .desc .point {color: #ffd561;}
.point_save_means .number_ul > li {font-size: 1.8rem; font-weight: 500;}
.point_save_means .number_ul > li::before {top: -0.2rem;}

.activity_list {display: flex; flex-wrap: wrap; gap: 4rem;}
.activity_list > li {width: calc(100% / 4 - 3rem); min-height: 22rem; padding: 3rem; background-color: #fff; border-radius: var(--border-radius-base); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); background-position: top 2rem right 2.5rem; background-repeat: no-repeat;}
.activity_list .num {display: block; margin-bottom: 1.2rem; font-size: 2.2rem; font-weight: 800; color: #5d6cd8; text-decoration: underline; text-underline-offset: 0.5rem;}
.activity_list strong {display: block; margin-bottom: 1.5rem; font-size: 2.2rem;}
.point_activity {background-color: #f4f5f9; padding: 3rem; border-radius: var(--border-radius-base);}
.point_activity .activity_list > li {width: calc(100% / 3 - 2.6666rem);}
.point_activity .activity_list > li:nth-child(1) {background-image: url("../images/content/point_activity1.png");}
.point_activity .activity_list > li:nth-child(2) {background-image: url("../images/content/point_activity2.png");}
.point_activity .activity_list > li:nth-child(3) {background-image: url("../images/content/point_activity3.png");}
.point_activity .activity_list > li:nth-child(4) {background-image: url("../images/content/point_activity4.png");}
.point_activity .activity_list > li:nth-child(5) {background-image: url("../images/content/point_activity5.png");}
/* .point_activity .activity_list > li:nth-child(6) {background-image: url("../images/content/point_activity6.png");} */
.point_activity .activity_list > li:nth-child(6) {background-image: url("../images/content/point_activity7.png");}
.point_activity .point_use_list {display: flex; gap: 3rem 6rem; flex-wrap: wrap;}
.point_activity .point_use_list > li {position: relative; display: flex; flex-direction: column; justify-content: center; width: calc(100% / 3 - 4rem); padding: 4rem 2rem; background-color: #fff; border-radius: var(--border-radius-base); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); text-align: center;}
.point_activity .point_use_list > li + li::before {position: absolute; left: -4.2rem; top: 50%; transform: translateY(-50%); display: block; width: 2.6rem; height: 4.5rem; background: url("../images/icon/arrow_gray.png") no-repeat; background-size: 2.6rem; content: '';}
.point_activity .point_use_list > li .img {margin-bottom: 2rem;}
.point_activity .point_use_list > li > p {font-size: 2.4rem; font-weight: 600;}
.point_activity .point_use_list > li > p > strong {font-weight: 800;}
.point_activity .point_use_list > li:last-child {border: 2px solid #ea7100;}
.point_activity .point_use_list .point {color: #ea7100; font-size: 3.2rem;}
.point_activity .point_use_list .point > strong {font-size: 4.2rem;}

/* *************************************************************************************
*
* 플러스샵 안내
* 
* **************************************************************************************/
.Shop_recruit .recruit_type {margin-top: 5rem;}
.Shop_recruit .recruit_list {margin-top: 4rem; display: flex; gap: 1.5rem; flex-wrap: wrap;}
.Shop_recruit .recruit_list > li {width: calc(100% / 7 - 1.3rem); overflow: hidden; border: 1px solid #d7d7d7; border-radius: 2rem; text-align: center;}
.Shop_recruit .recruit_list .img > img {max-width: 100%;}
.Shop_recruit .recruit_list .txt {padding: 1.2rem 0; background-color: #f7f7f7; font-weight: 500;} 
.Shop_recruit .recruit_benefit {margin-top: 3rem; padding: 3rem; background-color: #f7f7f7; border-radius: var(--border-radius-base);}
.Shop_recruit .benefit_list {display: flex; gap: 3rem; flex-wrap: wrap;}
.Shop_recruit .benefit_list > li {display: flex; align-items: center; width: calc(50% - 1.5rem); padding: 3.5rem 4rem; background-color: #fff; border-radius: 2rem; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); flex-wrap: wrap;}
.Shop_recruit .benefit_list .icon {display: inline-block; width: 11.5rem; height: 11.5rem; margin-right: 3.5rem; background-color: var(--primary-color); border-radius: 50%;}
.Shop_recruit .benefit_list .txt {width: calc(100% - 15rem);}
.Shop_recruit .benefit_list .txt strong {display: block; margin-bottom: 1.5rem; font-size: 2.4rem; font-weight: 600;}
.Shop_recruit .recruit_notice {padding-top: 3rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 2rem;}
.Shop_recruit .recruit_notice .cnt {width: calc(100% - 38rem); display: flex; align-items: center; flex-wrap: wrap; gap: 2rem;}
.Shop_recruit .recruit_notice .icon {display: inline-block;}
.Shop_recruit .recruit_notice .tit {display: block; margin-bottom: 1.2rem; font-size: 3rem; color: #3d73e0;}
.Shop_recruit .recruit_notice .txt > p {font-size: 2.2rem;}
.Shop_recruit .recruit_btn {width: 35rem; height: 9rem; line-height: 9rem; color: #fff; font-size: 3rem; font-weight: bold; background: linear-gradient(to bottom, #5587fc 20%, #4274e6); border-radius: 1.5rem; text-align: center;}

/*플러스샵 신청 - 약관동의*/
.recruit_agree {margin-top: 8rem; display: flex; justify-content: space-between; gap: 4rem; flex-wrap: wrap;}
.recruit_agree .recruit_title {width: calc(100% - 70rem);} 
.recruit_agree .recruit_confirm {width: 65rem;}
.recruit_agree .recruit_confirm > li {padding: 3rem; border: 2px solid var(--primary-color); border-radius: var(--border-radius-base); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
.recruit_agree .recruit_confirm .info {display: flex; align-items: center; gap: 2rem;}
.recruit_agree .recruit_confirm .txt strong {display: block; margin-bottom: 2rem; font-size: 2.4rem;}
.recruit_agree .recruit_confirm .btn {margin-top: 2rem; display: flex; flex-wrap: wrap; justify-content: right;}

/* *************************************************************************************
*
* 플러스샵 소개
* 
* **************************************************************************************/
.intro_Shop {display: flex; margin-top: 10rem; flex-wrap: wrap;}
.intro_Shop .intro_shop_map {position: relative; width: 47%; margin-right: 3%;}
.intro_Shop .intro_shop_map::before {position: absolute; left: 0; top: -3rem; display: block; width: 17.5rem; height: 17rem; background-image: url("../images/content/bau_love.png"); background-size: contain; background-repeat: no-repeat; content: '';}
.intro_Shop .intro_shop_map .active_map {position: absolute; left: 0; top: 0;}
.intro_Shop .intro_shop_map .active_map > img {display: none;}
.intro_shop_list {width: 50%; height: 55rem; padding-right: 1.5rem; overflow-y: scroll;}
.intro_shop_ul > li + li {margin-top: 2rem;}
.intro_shop_ul > li > a {display: inline-flex; width: 100%; height: 100%; padding: 3rem; border: 1px solid var(--border-gray-color); border-radius: 2rem; flex-wrap: wrap;}

.intro_shop_ul .shop_img, .intro_shop_ul .shop_name, .intro_shop_ul .shop_score, .intro_shop_ul .shop_adress, .intro_shop_ul .shop_discount {display: block;}
.intro_shop_ul .shop_img {position: relative; width: 21rem; height: 0; padding-top: 15rem; overflow: hidden; border-radius: 0.8rem;}
.intro_shop_ul .shop_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.intro_shop_ul .shop_info {display: block; width: calc(100% - 23rem); margin-left: 2rem;}
.intro_shop_ul .shop_name {margin-top: 1rem; margin-bottom: 1rem; font-size: 2.4rem; font-weight: 600;}
.intro_shop_ul .shop_score {margin-bottom: 2.5rem;}
.intro_shop_ul .shop_score img {width: 8rem;}
.intro_shop_ul .shop_adress {margin-bottom: 0.5rem; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.intro_shop_ul .shop_discount {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.intro_shop_ul .review_score_rate {margin-bottom: 2.5rem;}

.intro_Shop .service_notice {width: 42%; margin-left: auto; margin-top: 4rem; border: 2px solid var(--border-gray-color); }
.service_notice {position: relative; width: 100%; height: 100%; padding-top: 15rem; background-color: #fff; border-radius: var(--border-radius-base); overflow: hidden;}
.service_notice .img {position: absolute; top: 6rem; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 18rem; height: 18rem; background-color: #fff; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); text-align: center;}
.service_notice .img > img {width: 8rem;}
.service_notice .info {padding: 12rem 2rem 6rem; background-color: #fafafa; text-align: center;}
.service_notice .info .tit {display: block; margin-bottom: 2rem; font-size: 2.2rem; color: #e75e2c;}
.service_notice .info .desc {position: relative; padding-top: 1.5rem; font-size: 1.8rem; color: #555; line-height: 1.6; word-break: keep-all;}
.service_notice .info .desc::before {position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 6rem; height: 1px; background-color: #888; content: '';}
/*상세보기 - 모달*/
.intro_Shop_modal {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 100;}
.intro_Shop_modal .modal_inner {max-width: 117rem; width: calc(100% - 4rem); height: calc(100% - 15rem); margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 6rem 3rem 5rem 5rem; background-color: #fff; border-radius: 2rem;}
.intro_Shop_modal .cnt {height: 100%; padding-right: 2rem; overflow-y: scroll; text-align: left;}
.intro_Shop_modal .slide_btn {position: absolute; top: 50%; transform: translateY(-50%); width: 5rem; height: 5rem; background-color: #fff; border-radius: 50%; border: 1px solid var(--border-gray-color); z-index: 1;} 
.intro_Shop_modal .prev {left: 0.5rem;}
.intro_Shop_modal .next {right: 0.5rem;}
.intro_Shop_modal .shop_desc {margin-bottom: 1rem; font-size: 2rem; font-weight: 500;}
.intro_Shop_modal .shop_info {margin-bottom: 3rem; display: flex; flex-wrap: wrap;}
.intro_Shop_modal .shop_name {display: inline-block; min-height: auto; margin-right: 2rem; font-size: 3.6rem; color: var(--primary-color); font-family: 'VITRO';}
.intro_Shop_modal .course_tag {display: inline-flex; align-items: center; gap: 0.8rem; color: #555;}
.intro_Shop_modal .score_percent {background-color: #222;}
.intro_Shop_modal .triple-slider {position: relative; max-width: 107rem; margin-bottom: 5rem;}
.intro_Shop_modal .triple-slider .swiper-slide {padding-top: 60%; height: 0;}
.intro_Shop_modal .triple-slider .swiper-slide img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.intro_Shop_modal .triple-slider-main {width: 50rem; border-radius: 1.5rem; overflow: hidden; z-index: 2;}
.intro_Shop_modal .triple-slider-prev, .intro_Shop_modal .triple-slider-next {width: 35rem; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 1.5rem; overflow: hidden;}
.intro_Shop_modal .triple-slider-prev {left: 0;}
.intro_Shop_modal .triple-slider-next {right: 0;}
.intro_Shop_modal .triple-slider .slide_controls {display: flex; justify-content: space-between; max-width: 57rem; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.intro_Shop_modal .triple-slider .slide_page {position: absolute; bottom: -3rem; left: 50%; transform: translateX(-50%); z-index: 3;}
.intro_Shop_modal .triple-slider .swiper-pagination {display: flex; gap: 0.5rem;}
.intro_Shop_modal .triple-slider .swiper-pagination-bullet {display: inline-block; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #959595;}
.intro_Shop_modal .triple-slider .swiper-pagination-bullet-active {width: 3rem; border-radius: 0.5rem;}
.intro_Shop_modal .shop_dl_list dl {margin-bottom: 2rem;}
.intro_Shop_modal .shop_dl_list dt {display: inline-block; vertical-align: top; width: 4rem;}
.intro_Shop_modal .shop_dl_list dd {display: inline-block; vertical-align: top; width: calc(100% - 5rem); font-size: 1.8rem; font-weight: 500;}
.intro_Shop_modal .shop_sns_list {margin-top: 5rem; margin-bottom: 4rem; padding-left: 1rem; display: flex; flex-wrap: wrap; gap: 3rem;}
.intro_Shop_modal .shop_sns_list > li {width: 6rem; height: 6rem; border-radius: 50%; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.intro_Shop_modal .shop_sns_list > li > a {position: relative; display: block; width: 100%; height: 100%; }
.intro_Shop_modal .shop_sns_list img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.intro_Shop_modal .shop_Review_list {padding-top: 3rem; border-top: 1px dashed #959595;}
.intro_Shop_modal .shop_Review_list .shop_name > span {padding-left: 4rem; padding-right: 0; font-size: 2.6rem; background-image: url("../images/icon/review_icon.png"); background-size: 3rem;}
.intro_Shop_modal .review_photo {position: relative; width: 100%; max-width: 107rem; padding: 0 6rem;}
.intro_Shop_modal .modal_review_slide .swiper-slide {padding: 2rem;}
.intro_Shop_modal .modal_review_slide .swiper-slide > a {display: block; width: 100%; height: 100%; border-radius: 1.5rem; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); overflow: hidden;}
.intro_Shop_modal .modal_review_slide .img {position: relative; width: 100%; height: 0; padding-top: 62.355%; overflow: hidden;}
.intro_Shop_modal .modal_review_slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.intro_Shop_modal .modal_review_slide .txt {padding: 1.5rem 2rem; background-color: #fff; text-align: center;}
.intro_Shop_modal .modal_review_slide .review_tit {margin-bottom: 1.2rem; font-size: 1.8rem; font-weight: bold;}
.intro_Shop_modal .modal_review_slide .review_score_rate {justify-content: center;}
.intro_Shop_modal .course_info {margin-top: 3rem; padding: 3rem 2rem; border-top: 1px dashed #bbb; border-bottom: 1px dashed #bbb;}
.intro_Shop_modal .course_info .title {margin-bottom: 5rem; text-align: center; font-weight: 500; word-break: keep-all;}
.intro_Shop_modal .course_info .title .big {margin-bottom: 4rem; font-size: 2.8rem;}
.intro_Shop_modal .course_info .title .middle {margin-bottom: 1.5rem; font-size: 2.4rem;}
.intro_Shop_modal .course_info .title .small {font-size: 1.8rem;}
.intro_Shop_modal .course_info .tour {position: relative;}
.intro_Shop_modal .course_info .tour::after {position: absolute; right: -7rem; top: 0; display: block; width: 6.2rem; height: 2.8rem;  background-image: url("../images/content/tour_bg.png"); background-size: 6.2rem; background-position: right top; background-repeat: no-repeat; content: '';}
.intro_Shop_modal .course_info .view {text-align: center;}
.intro_Shop_modal .course_info .btn {height: 5rem; line-height: 5rem; padding: 0 3rem; border-radius: 3rem; background: linear-gradient(to bottom, #5587fc 20%, #4274e6); color: #fff; font-size: 1.8rem; font-weight: bold;}
.intro_Shop_modal .sc_plus_shop {margin-top: 3rem;}
.intro_Shop_modal .plus_shop .slide_controls .slide_btn {top: 50%;}
.intro_Shop_modal .plus_shop .slide_controls .prev {left: 0;}
.intro_Shop_modal .plus_shop .slide_controls .next {right: 0;}
.intro_Shop_modal .close_btn {position: absolute; right: 1.5rem; top: 2.5rem; width: 5rem; height: 5rem; background-color: var(--primary-color); border-radius: 50%; z-index: 3;}
.intro_Shop_modal .page_share {margin-bottom: 1rem; padding-right: 2rem;}
.intro_Shop_modal .page_share_list {justify-content: right;}

/*안성 하이라이트*/
.intro_Shop_modal.highlight .shop_name {color: #e75e2c;}
.intro_Shop_modal .course_info .title .point {color: #e75e2c;}
.intro_Shop_modal.highlight .close_btn {background-color: #e75e2c;}

/* *************************************************************************************
*
* 시민커뮤니티 - 베스트리뷰, 방문후기
* 
* **************************************************************************************/
/*리뷰목록 - 공통*/
[class*="Review_list"] .course_tag {display: flex; gap: 0 0.6rem; margin-bottom: 0.5rem; flex-wrap: wrap;}
[class*="Review_list"] .course_tag > li {color: #777;}
[class*="Review_list"] .shop_name {margin-bottom: 2rem; padding-right: 7rem; overflow: hidden;}
[class*="Review_list"] .shop_name > span {min-height: 5rem; max-height: 5rem; padding-left: 3rem; font-size: 2rem; font-weight: 600; color: #1346b7; background-image: url("../images/icon/shop_icon.png"); background-position: left top 0.4rem; background-size: 2rem; background-repeat: no-repeat; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
[class*="Review_list"] .shop_name .hash_icon {padding-left: 2.5rem; margin-right: 1.2rem; background-image: url("../images/icon/shop_hash.png"); background-position: left top 0.3rem;}
[class*="Review_list"] .best_tag {position: absolute; right: 1.5rem; top: -2px;}
[class*="Review_list"] .best_tag > span {display: block; width: 7.2rem; height: 10.3rem; line-height: 1.1; padding-top: 3.5rem; color: #fff; font-size: 1.8rem; font-weight: bold; background-image: url("../images/content/best_tag_bg.png"); background-size: 7.2rem; background-repeat: no-repeat; text-align: center;}
[class*="Review_list"] .review_score_rate {margin-bottom: 0.8rem;}
[class*="Review_list"] .score_bg {width: 8.5rem;}

/*방문후기, 나만의 타임라인 - 목록*/
.Review_all {margin-top: 12rem;}
.Review_all .Review_list .shop_name {padding-right: 0;}
.Review_list {display: flex; gap: 3rem; flex-wrap: wrap;}
.Review_list > li {position: relative; width: calc(100% / 4 - 2.25rem);}
.Review_list.grid_5 {gap: 3rem 2rem;}
.Review_list.grid_5 > li {width: calc(100% / 5 - 1.6rem);}
.Review_list > li > a {display: block; width: 100%; height: 100%; padding: 2rem; border-radius: 1.5rem; border: 1px solid #777;}
.Review_list .course_pin {margin-bottom: 1.5rem;}
.Review_list .course_pin .icon {display: inline-block; padding-left: 3rem; color: #1346b7; background-image: url("../images/icon/course_icon.png"); background-position: left top; background-size: 2.4rem; background-repeat: no-repeat; font-size: 2.2rem; font-weight: 700;}
.Review_list .review_img {position: relative; width: 100%; height: 0; padding-top: 70.672%; margin-bottom: 1.5rem; border-radius: 1.5rem; overflow: hidden;}
.Review_list .review_img > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.Review_list .review_info {padding-bottom: 1.5rem; border-bottom: 1px solid var(--border-gray-color);}
.Review_list .review_info .tit {display: block; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 500;}
.Review_list .review_info .write {font-size: 1.8rem; font-weight: 500;}
.Review_list .review_star {margin: 0.6rem 0; display: flex; align-items: center; flex-wrap: wrap;}
.Review_list .review_star img {width: 8rem;}
.Review_list .review_star .score {font-weight: 500; color: #333;}

/*베스트 리뷰 - 목록*/
.best_Review_list {margin-top: 6rem; margin-bottom: 10rem; display: flex; gap: 7rem; flex-wrap: wrap;}
.best_Review_list > li {position: relative; width: calc(50% - 3.5rem);}
.best_Review_list > li > a {display: block; width: 100%; height: 100%; padding: 3.5rem; background-color: #fff; border-radius: var(--border-radius-base); box-shadow: 0 0 30px rgba(0,0,0,0.15); transition: .3s;}
.best_Review_list .shop_info {display: flex; flex-wrap: wrap;}
.best_Review_list .shop_info .img {position: relative; width: calc(100% - 28rem); height: 0; padding-top: 38.096%; border-radius: 2rem; overflow: hidden;}
.best_Review_list .shop_info .img > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .3s;}
.best_Review_list .shop_info .txt {width: 25rem; margin-left: 3rem;}
.best_Review_list .shop_info .tit, .best_Review_list .shop_info .name {display: block; padding: 0.8rem 0; font-size: 2rem; font-weight: 500; border-bottom: 1px solid var(--border-gray-color);}
.best_Review_list .shop_info .date {display: block; padding: 1.5rem 0; color: #555;}
.best_Review_list .like {margin-top: 2rem;}
.best_Review_list .like .icon {display: inline-block; vertical-align: middle; width: 3.4rem; height: 3.4rem; background-color: var(--primary-color); border-radius: 50%; text-align: center;}
.best_Review_list .like .icon > img {width: 1.9rem; margin-top: 0.7rem;}
.best_Review_list .like > span {display: inline-block; vertical-align: middle; margin-left: 0.5rem; font-size: 2rem; font-weight: 500;}

/*베스트 리뷰 - 게시글 없을 때*/
.best_review_none {display: flex; align-items: center; width: 100%; min-height: 56rem; padding-left: 65rem; padding-right: 5rem; background-color: var(--primary-color); color: #fff; background-image: url("../images/content/best_review_bg.png"); background-position: left 6rem center; background-repeat: no-repeat; border-radius: 2rem;}
.best_review_none .tit {display: block; margin-bottom: 3rem; font-size: 4.5rem; font-weight: 600;}
.best_review_none .desc {font-size: 2.6rem; font-weight: 500; line-height: 1.8;}
.best_review_none .desc > b {font-size: 2.8rem;}

/* *************************************************************************************
*
* 나만의 타임라인
* 
* **************************************************************************************/
/*상세*/
.my_course .course_label {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.5rem;}
.my_course .Course_map {margin-top: 1.5rem;}
.my_course .course_label_tit {font-size: 2.4rem; font-weight: 600; text-align: center; word-break: keep-all;}
.my_course .course_tag {display: flex; margin-top: 1.5rem; justify-content: center; flex-wrap: wrap; gap: 0.8rem;}
.my_course .course_tag > li {color: #000;}
.my_course .course_info {display: flex; margin-top: 5rem; font-size: 1.8rem; font-weight: 500; gap: 1rem; flex-wrap: wrap;}
.my_course .review_info {padding-left: 1.5rem; margin-top: 6rem; font-size: 2.4rem; font-weight: 500;}
.my_course .board_info_ul {margin-top: 2rem; padding-left: 3rem;}
.my_course .course_review {margin-top: 3.5rem; padding-left: 3rem; font-size: 2.4rem;}

.course_step {width: 100%; margin-top: 8rem; margin-bottom: 3.5rem; text-align: center;}
.course_step .label {display: block; height: 4.8rem; line-height: 4.5rem; padding: 0 2rem; font-size: 2rem; font-weight: 600; background-color: #fff; border: 2px solid var(--primary-color); border-radius: 3rem; color: #333; text-align: center;}
.course_step .label.active {background-color: var(--primary-color); color: #fff; font-weight: 800;}
.course_step_list {display: inline-flex; gap: 30px; white-space: nowrap;}
.course_step_list > li {position: relative; width: auto; background-color: #fff; z-index: 2;}
.course_step_list > li::before {position: absolute; right: -30px; top: 50%; display: block; width: 30px; height: 2px; background-color: var(--primary-color); content: ''; z-index: 1;}
.course_step_list > li:last-child::before {display: none;}
.course_step_list > li button {touch-action: manipulation;}

/*코스탭 드래그*/
.course_step {overflow-x: auto; overflow-y: hidden; cursor: grab;}
.course_step:active {cursor: grabbing;}
.course_step_list li {flex: 0 0 auto;}
.course_step::-webkit-scrollbar {display: none;}
.course_step {-ms-overflow-style: none; scrollbar-width: none;}

.my_course_view {margin-top: 8rem;}
.my_course_view .course_detail {text-align: center; padding: 5rem 14rem 20rem; background-color: #f9fafd; background-image: url("../images/content/course_shop_bg.png"); background-position: left -12rem bottom -13rem; background-repeat: no-repeat; border-radius: var(--border-radius-base); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.my_course_view .course_detail.none_bg {background-image: none; padding-bottom: 8rem;}
.my_course_view .shop_name {margin-bottom: 2rem; font-size: 4.5rem; font-weight: 800;}
.my_course_view .shop_info {margin-bottom: 3rem; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 2rem;}
.my_course_view .shop_info .icon {display: inline-block; vertical-align: middle; width: 3.5rem; height: 3.5rem; margin-right: 0.5rem; background-color: var(--bg-gray); border-radius: 50%;}
.my_course_view .shop_info span {display: inline-block; vertical-align: middle; color: #333; font-weight: 500;}
.my_course_view .shop_photo {position: relative;}
.my_course_view .shop_photo_slide .swiper-slide {position: relative; width: 100%; height: 0; padding-top: 21.01%;}
.my_course_view .shop_photo_slide .swiper-slide img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.my_course_view .photo_two_slide .swiper-wrapper {justify-content: center;}
.my_course_view .photo_two_slide .swiper-slide:last-child {margin-right: 0 !important;}
.my_course_view .shop_review {margin-top: 3.5rem; font-size: 2rem; font-weight: 500; color: #333;}
.my_course_view .course_comment {margin-top: 3.5rem; padding: 2rem 4rem 5rem; border-radius: var(--border-radius-base); background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.my_course_view .board_pagination {margin-top: 8rem;}

/*등록*/
.Course_map {position: relative; width: 100%; height: 50rem; margin-top: 6rem; border-radius: 2rem; border: 1px solid var(--border-gray-color);}
.visit_course {margin-top: 5rem; display: flex; flex-wrap: wrap;}
.visit_course .list {width: 30rem; margin-right: 4rem;}
.visit_course .list {border-top: 1px solid #000;}
.visit_course .shop_title {padding: 1.5rem 2rem; background-color: #f8f7fd; font-size: 1.8rem; font-weight: 600; text-align: center;}
.visit_course .shop_list > li {display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 2rem; border-bottom: 1px solid var(--border-gray-color);}
.visit_course .form {width: calc(100% - 34rem);}
.visit_course .form_list > li {margin-bottom: 5rem; display: flex; flex-wrap: wrap; border-radius: var(--border-radius-base); overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.visit_course .shop_photo {width: 35rem; padding: 3rem 2.5rem; background-color: #d8e5fe;}
.visit_course .shop_photo .img {position: relative; width: 100%; height: 0; padding-top: 73.5%; border-radius: var(--border-radius-base); overflow: hidden;}
.visit_course .shop_photo .img > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.visit_course .shop_photo .tit {display: flex; align-items: center; justify-content: center; margin-top: 2.5rem; gap: 1rem; flex-wrap: wrap;}
.visit_course .shop_photo .tag {display: inline-block; min-width: 10rem; height: 4rem; line-height: 4rem; padding: 0 1.5rem; background-color: var(--primary-color); color: #fff; border-radius: var(--border-radius-base); font-size: 2rem; font-weight: 800; text-align: center;}
.visit_course .shop_photo strong {display: inline-block; font-size: 2.8rem; font-weight: 800;}
.visit_course .shop_form {width: calc(100% - 35rem); padding: 3rem 2.5rem; background-color: #fff;}
.visit_course .shop_form .form_table {border-top: 0;}
.visit_course .shop_form .form_textarea {min-height: 15rem;}
.visit_course .shop_form .tit {margin-bottom: 1.5rem; font-size: 1.8rem; font-weight: 600; color: #333;}
.visit_course .shop_form .item + .item {margin-top: 5rem;}
.visit_course .place_order {margin-top: 3rem; text-align: center;}
.visit_course .order_btn {padding: 0.5rem; font-size: 1.8rem; font-weight: 500; text-align: center;}
.visit_course .order_btn > span {display: inline-block; padding-right: 2.5rem; background-position: right top; background-size: 1.8rem; background-repeat: no-repeat;}
.visit_course .order_btn.down > span {background-image: url("../images/icon/down_box.svg");}
.visit_course .order_btn.up > span {background-image: url("../images/icon/up_box.svg");}
.visit_course .order_btn.up + .order_btn.down > span {padding-right: 2rem; text-indent: -10000px;}

/* *************************************************************************************
*
* 댓글등록
* 
* **************************************************************************************/
.user_comment {margin-top: 3rem; margin-bottom: 5rem;}
.user_comment .logout_status {padding: 2.5rem 0; background-color: var(--bg-gray); border-radius: 1rem; font-size: 1.8rem; text-align: center;}
.user_comment .comment_inp {display: flex; flex-wrap: wrap;}
.user_comment .comment_inp .name {margin-right: 3rem; padding-top: 0.6rem; font-size: 2rem;}
.user_comment .comment_inp .cmt {flex: 1;}
.user_comment textarea {width: 100%; min-height: 4rem; max-height: 25rem; padding: 0.8rem 1.5rem; border-radius: 0.5rem; border: 1px solid var(--border-gray-color); resize: none; box-sizing: border-box;}
.user_comment .form_byte {margin-top: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.user_comment .basic_btn {width: 100%; margin-top: 2rem;}
.user_comment .btn {width: 10rem;}

.comment_info {display: flex; justify-content: space-between; flex-wrap: wrap;}
.comment_info .count {font-size: 2rem; font-weight: 500;}
.comment_info .sort_list {display: flex; flex-wrap: wrap;}
.comment_info .sort_list > li > a {display: block; width: 100%; height: 100%; padding: 0 0.8rem; font-size: 1.8rem;}
.comment_info .sort_list > li > a.on {font-weight: 600; text-decoration: underline; text-underline-offset: 0.5rem;}

.comment_list {padding: 2rem 0;}
.comment_list > li {padding: 2rem 0; border-bottom: 1px solid var(--border-gray-color);}
.comment_list > li:first-child {border-top: 1px solid var(--border-gray-color);}
.comment_list .img {display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; margin-right: 2rem; border-radius: 50%; background-color: var(--bg-gray); overflow: hidden;}
.comment_list .img > img {width: 5rem;}
.comment_list .flex_item {display: flex; align-items: center; flex-wrap: wrap;}
.comment_list .write {flex: 1; font-size: 1.8rem;}
.comment_list .write .form_byte {margin-top: 0.5rem; display: flex; justify-content: space-between; font-size: 1.6rem;}
.comment_list .edit_group {margin-bottom: 1.5rem; display: flex; align-items: center; flex-wrap: wrap;}
.comment_list .name {display: inline-block; margin-right: 2rem; font-weight: 600;}
.comment_list .date {font-size: 1.6rem; font-weight: 500; line-height: 1;}
.comment_list .cmt_edit {margin-left: auto; display: flex; justify-content: right; gap: 0.6rem;}
.comment_list .cmt_edit .btn {width: 6rem; height: 3rem; line-height: 3rem; padding: 0; border-radius: 3rem; color: #fff; background-color: #3c404b; font-weight: 500; text-align: center;}
.comment_list .cmt_edit .default {background-color: #fff; color: #3c404b; outline: 1px solid #3c404b;}
.comment_list + .pagination {margin-top: 2rem; margin-bottom: 6rem;}
.comment_list textarea {width: 100%; height: 4.3rem; padding: 0.8rem 1.5rem; border: 1px solid var(--border-gray-color); border-radius: 0.5rem; resize: none; box-sizing: border-box;}
.comment_none {margin-top: 3rem; margin-bottom: 3rem; padding: 2rem 0; border-top: 1px solid var(--border-gray-color); border-bottom: 1px solid var(--border-gray-color); font-weight: 500; text-align: center;}

/* *************************************************************************************
*
* 후기등록
* 
* **************************************************************************************/
img.review_star {width: 10rem;}
.review_detail {display: flex; flex-wrap: wrap; padding: 3rem;}
.review_gallery {display: flex; flex-wrap: wrap; margin-right: 5rem;}
.review_gallery .control_btn {width: 100%; height: 100%; padding: 0; border-radius: 0.5rem; overflow: hidden;}
.review_gallery .main_photo {position: relative; width: 45rem; height: 32rem; border-radius: 0.5rem; overflow: hidden;}
.review_gallery .thumb_photo {width: 8rem; height: 32rem; margin-left: 2rem; display: flex; flex-direction: column;}
.review_gallery .thumb_photo .controls {display: none;}
.review_gallery .review_mainSlide, .review_gallery .review_thumbSlide {width: 100%; height: 100%;}
.review_gallery .review_mainSlide img {max-width: 100%; max-height: 100%;}
.review_gallery .review_thumbSlide .swiper-slide {border-radius: 0.5rem; overflow: hidden;}
.review_gallery .review_thumbSlide .control_btn {position: relative; height: 0; padding-top: 75%;}
.review_gallery .review_thumbSlide img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.review_gallery .review_txt {width: calc(100% - 60rem); margin-left: 5rem; line-height: 1.5;}


/*Only PC*/
@media all and (min-width:1024px){
    .basic_btn .btn:hover, .basic_btn .btn:focus-visible {border-radius: 1.2rem; transition: .3s;}
    .common_more_btn:not([disabled]):hover {font-weight: 800;}
    .common_more_btn.primary:not([disabled]):hover {color: var(--primary-color);}
    .common_more_btn:not([disabled]):hover::before {transform: translateX(75%);}
    .common_more_btn:not([disabled]):hover .arr {transform: translate(1.5rem, -50%); transition: .3s;}
    .common_more_btn.leave:hover, .common_more_btn.leave:hover {color: #fff; font-weight: normal;}
    .common_more_btn.leave:hover::before, .common_more_btn.leave:hover::before {transform: none;}
    .common_more_btn.leave:hover .arr, .common_more_btn.leave:hover .arr {transform: translateY(-50%);}
    .common_more_btn.secondary:hover {color: #FC993C;}
    .common_more_btn.secondary:hover::before {transform: translateX(70%);}
    .common_more_btn.secondary:hover .arr {transform: translate(0.6rem, -50%);}

    .common_more_page:hover {box-shadow: 0 0 30px rgba(0, 9, 66, 0.5); transition: .3s;}
    .common_more_page.default:hover, .common_more_page.dark:hover {box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);}
    
    .Ans_map .map_btn > button:hover::before {position: absolute; top: -4rem; left: 50%; transform: translateX(-50%); display: block; width: 28px; height: 36px; background: url("../images/content/map_pin.png") no-repeat; content: '';}
    .Ans_map .map_btn > button:hover > span {background-color: #333; color: #fff; transition: .3s;}
    .best_Review_list > li > a:hover {transform: translateY(-10px); box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1); transition: .5s;}
    .Review_list > li > a:hover {border-color: #1346b7; transition: .3s;}

    .intro_shop_ul > li > a:hover .shop_img > img {transform: scale(1.1); transition: transform .25s ease-out; transform-origin: 50% 50;}
    .intro_shop_ul > li > a:hover .shop_img::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; content: ''; z-index: 1; transition: transform .25s ease-out; transform-origin: 50% 50%;}
    .intro_shop_ul .shop_img::after {content: ''; position: absolute; left: 50%; top:50%; transform: scale(0); margin-left: -20px; margin-top: -20px; display: block; width: 45px; height: 45px; border-radius: 50%; background-color: #dfe5f3; background-image: url("../images/icon/plus_icon.png"); background-position: center; background-repeat: no-repeat; z-index: 2; transition: .3s;}
    .intro_shop_ul > li > a:hover .shop_img::after {transform: scale(1);}
    .intro_Shop_modal .modal_review_slide .swiper-slide > a:hover .img img {transform: scale(1.1); transition: transform .5s ease-out;}
}

/* *************************************************************************************
*
* 반응형
* 
* **************************************************************************************/
@media all and (max-width:1024px){
    .content {padding-top: 6.5rem;}
    body:has(.mo_city_card) .content {padding-top: 10.5rem;} /*모바일 시민증 있을 때*/
    .page_navigation {padding: 5rem 1rem; border-top: 1px solid #d6d6d6;}
    .page_navigation .flow_text > p {bottom: -5rem; font-size: 12rem;}
    .page_tab_list > li > a {font-size: 3.2rem;}
    .page_tab_list > .thisPage > a {font-size: 5.2rem;}
    .page_tab_list > .thisPage > a::before {bottom: 0.5rem; height: 2rem;}
    .page_content {min-height: auto;}
    .page_desc {margin-bottom: 3rem; font-size: 1.8rem;}

    /*고향사랑 기부제*/
    .hometown_guide {padding: 3rem 2rem 5rem; background-size: 70rem;}
    .Hometown .activity_list {padding-top: 0;}
    .Hometown .activity_list > li {width: calc(50% - 2rem); background-size: 5rem;}
    .Hometown .activity_list > li:nth-child(odd) {transform: none;}
    .Hometown .part_list {gap: 6rem;}
    .Hometown .part_list > li {flex: auto; width: 100%;}
    .Hometown .gift_list {gap: 2rem;}
    .Hometown .gift_list > li {width: calc(100% / 3 - 1.333rem);}
    .Hometown .gift_list .txt {padding-left: 0.5rem;}
    .Hometown .gift_list .gift_name {font-size: 1.7rem;}

    /*홍보영상*/
    .Ans_video .youtube_iframe {padding-top: 55%;}
    .Ans_video .youtube_box {padding-left: 15rem; background-size: 12rem;}
    .Ans_video .youtube_box .txt {margin-bottom: 2rem;}
    .Ans_video .youtube_box strong {font-size: 2.6rem;}
    .Ans_video .youtube_box span {font-size: 1.7rem;}
    .Ans_video .youtube_btn {width: 22rem;}

    /*플러스샵 안내*/
    .Shop_recruit .benefit_list .icon {width: 8rem; height: 8rem; margin-right: 2rem;}
    .Shop_recruit .benefit_list > li {padding: 2rem;}
    .Shop_recruit .benefit_list .txt {width: calc(100% - 10rem);}
    .Shop_recruit .benefit_list .txt strong {font-size: 2rem;}
    .Shop_recruit .recruit_notice .cnt {width: calc(100% - 25rem);}
    .Shop_recruit .recruit_notice .icon {width: 10rem;}
    .Shop_recruit .recruit_notice .tit {font-size: 2.6rem;}
    .Shop_recruit .recruit_notice .txt > p {font-size: 1.8rem;}
    .Shop_recruit .recruit_btn {width: 22rem; height: 7.5rem; line-height: 7.5rem; font-size: 2.4rem;}

    /*플러스샵 신청 - 약관동의*/
    .recruit_agree .recruit_title {width: calc(100% - 55rem);}
    .recruit_agree .recruit_confirm {width: 50rem;}

    /*마일리지 안내*/
    .Ans_point_guide {padding: 3rem; margin-bottom: 4rem;}
    .Ans_point_guide .tit {font-size: 2.8rem;}
    .Ans_point_guide .desc {font-size: 1.8rem;}
    .point_activity {padding: 0; background-color: transparent;}
    .point_activity .activity_list {gap: 2rem;}
    .point_activity .activity_list > li {flex-grow: 1; width: calc(100% / 3 - 1.333rem); padding: 2rem; background-image: none !important;}
    .point_activity .activity_list strong {font-size: 1.8rem;}
    .point_activity .point_use_list > li > p {font-size: 2rem;}
    .point_activity .point_use_list .point {font-size: 2.6rem;}
    .point_activity .point_use_list .point > strong {font-size: 3.4rem;}

    /*안성 하이라이트*/
    .Ans_highlight::before {right: 0;}
    .Ans_map .map_img {width: 78rem;}
    .Ans_map .map_btn button > span {min-width: 8rem; height: 3rem; font-size: 1.4rem;}
    .Ans_map .map_btn .Mirinae {top: 2rem; left: 29rem; padding-top: 5rem;}
    .Ans_map .map_btn .Gosam {top: 10rem; left: 30rem; padding-top: 5rem;}
    .Ans_map .map_btn .Chiljang {top: 23.5rem; left: 54rem; padding-top: 5rem;}
    .Ans_map .map_btn .Geumgwang {top: 31rem; left: 45rem; padding-top: 5rem;}
    .Ans_map .map_btn .Seoknamsa {bottom: 11rem; left: 41.5rem; padding-top: 5rem;}
    .Ans_map .map_btn .Seoun {bottom: 3rem; left: 28rem; padding-top: 5rem;}
    .Ans_map .map_btn .Farm {top: 30rem; left: 10rem; padding-top: 5rem;}
    .Ans_map .map_btn .Land {top: 23rem; left: 34rem; padding-top: 6rem;}

    /*컨텐츠 가이드*/
    .travel_guide {min-height: 10rem; background-size: 16rem; padding-left: 18rem;}
    .travel_guide p {font-size: 2rem;}
    .course_guide {padding: 0 20rem 0 0; background-size: 18rem;}
    .course_guide .tit {font-size: 2.6rem;}
    .course_guide > p {font-size: 1.7rem;}

    /*플러스샵 소개*/
    .intro_Shop {margin-top: 8rem;}
    .intro_Shop .intro_shop_map {width: 100%; margin-right: 0; margin-bottom: 3rem; text-align: center;}
    .intro_shop_list {width:100%; height: 38rem; padding-right: 0;}
    .intro_shop_ul > li > a {padding: 2rem;}
    .intro_shop_ul .shop_img {width: 18rem; padding-top: 13rem;}
    .intro_shop_ul .shop_info {width: calc(100% - 20rem);}
    .intro_shop_ul .shop_name {font-size: 2rem;}
    .intro_shop_ul .review_score_rate {margin-bottom: 1rem;}
    .intro_Shop .service_notice {width: 100%; margin-top: 0;}

    /*리뷰*/
    .Review_list {gap: 3rem 2rem;}
    .Review_list.grid_5 > li {width: calc(50% - 1rem);}
    .Review_list > li {width: calc(50% - 1rem);}
    .Review_list > li > a {padding: 2rem;}

    /*베스트리뷰*/
    .best_Review_list .shop_info .img {width: 100%; padding-top: 60%;}
    .best_Review_list .shop_info .txt {width: 100%; margin-left: 0; margin-top: 1.5rem; padding-left: 0.5rem;}
    .best_Review_list .like {margin-top: 0;}
    .best_review_none {min-height: 35rem; padding-left: 30rem; background-size: 25rem; background-position: left 3rem center;}
    .best_review_none .tit {margin-bottom: 1.5rem; font-size: 2.6rem;}
    .best_review_none .desc {font-size: 1.6rem;}
    .best_review_none .desc > b {font-size: 2rem;}
    .best_review_none .desc br {display: none;}

    /*나만의 타임라인*/
    .visit_course .list {width: 100%; margin-right: 0; margin-bottom: 5rem;}
    .visit_course .form {width: 100%;}
    .my_course .review_info {padding-left: 1rem; font-size: 1.8rem;}
    .my_course .course_review {padding-left: 1rem; font-size: 2rem;}
    .my_course .board_info_ul {padding-left: 1rem;}
    .my_course_view {margin-top: 4rem; padding: 4rem 0 3rem;}
    .my_course_view .course_detail {padding: 3rem 2.5rem 15rem; background-position: left 0 bottom -10rem; background-size: 110rem;}
    .my_course_view .shop_name {font-size: 3.5rem;}
    .my_course_view .shop_info {gap: 1rem;}
    .my_course_view .course_comment {padding: 1rem 2.5rem 3rem;}

    /*댓글등록*/
    .user_comment {padding: 1rem 0;}
    .comment_list {padding: 2rem 0;}

    /*후기등록*/
    .review_detail {padding: 2rem 1.5rem; flex-direction: column-reverse;}
    .review_gallery {margin-top: 5rem; margin-right: 0;}
    .review_gallery .main_photo {width: 35rem;}
}

@media all and (max-width:780px){
    /*서브공통*/
    .page_content {padding: 4rem 0 8rem;}
    .page_title {margin-bottom: 1.8rem; font-size: 2.8rem;}
    .page_sub_title {font-size: 2.2rem;}
    .page_tab {margin-bottom: 2rem;}

    /*버튼공통*/
    .basic_btn {margin-top: 3rem; gap: 0.8rem;}
    .basic_btn .btn {min-width: 11rem; height: 4.5rem; line-height: 4.5rem;}
    .common_more_btn {height: 4rem; line-height: 4rem; padding: 0 1.5rem; font-size: 1.6rem;}
    .common_more_btn > span {padding-right: 3rem;}

    /*Tab Style*/
    .state_tab {background-color: var(--bg-gray); gap: 0; border-radius: 1rem; overflow: hidden;}
    .state_tab > li {width: calc(100% / 3);}
    .state_tab > li > a {width: 100%; height: 5rem; font-size: 1.6rem; border-radius: 0;}
    .state_tab > li > a.on {border-radius: 1rem;}

    .cate_faq {gap: 1rem 0;}
    .cate_faq > li > a {padding: 0.5rem 1.2rem; font-size: 1.6rem;}
    .cate_faq > li > a.on {border-bottom: 0;}

    /*Title Style*/
    .checkPoint_tit .title {margin-bottom: 1rem; padding-left: 3rem; background-size: 2.2rem; font-size: 2.4rem;}
    .checkPoint_tit .desc {padding-left: 3rem;}
    .bullet_tit {font-size: 2.2rem;}
    .bullet_tit::before {top: 0.8rem;}

    /*가이드박스*/
    .register_guide {padding: 2rem; background-image: none;}

    /*고향사랑 기부제*/
    .Hometown section {margin-top: 6rem;}
    .Hometown .go_btn {font-size: 1.7rem;}
    .Hometown .underline_tit {font-size: 2.8rem; padding: 0;}
    .Hometown .box {padding: 2rem;}
    .Hometown .sc_donation .box {padding: 2rem;}
    .Hometown .activity_list {gap: 1.5rem;}
    .Hometown .activity_list > li {width: calc(50% - 0.777rem); padding: 2rem 1.5rem;}
    .Hometown .activity_list .num {font-size: 2rem;}
    .Hometown .activity_list strong {font-size: 1.5rem;}
    .Hometown .part_list .img {width: 16rem;}
    .Hometown .part_list .txt {width: calc(100% - 18rem);}
    .Hometown .part_list .dl_list {margin-top: 1.5rem;}
    .Hometown .donation_join > li {flex: auto; width: 100%; padding: 3rem 2rem;}
    .Hometown .gift_list > li {width: calc(50% - 1rem);}

    /*플러스샵 안내*/
    .Shop_recruit .recruit_list {margin-top: 2rem;}
    .Shop_recruit .recruit_list > li {width: calc(100% / 4 - 1.2rem); border-radius: 1rem;}
    .Shop_recruit .recruit_benefit {padding: 2rem;}
    .Shop_recruit .benefit_list > li {width: 100%;}
    .Shop_recruit .benefit_list .icon {width: 6rem; height: 6rem;}
    .Shop_recruit .benefit_list .txt {width: calc(100% - 8rem);}
    .Shop_recruit .recruit_notice .cnt {width: 100%; justify-content: center;}
    .Shop_recruit .recruit_notice .txt {text-align: center;}
    .Shop_recruit .recruit_notice .tit {font-size: 2.4rem;}
    .Shop_recruit .recruit_btn {width: 100%;}

    /*플러스샵 신청 - 약관동의*/
    .recruit_agree {margin-top: 5rem;}
    .recruit_agree .recruit_title {width: 100%;}
    .recruit_agree .recruit_confirm {width: 100%;}
    .recruit_agree .recruit_confirm > li {padding: 2rem;}
    .recruit_agree .recruit_confirm .img img {width: 8rem;}
    .recruit_agree .recruit_confirm .txt strong {margin-bottom: 1rem; font-size: 2rem;}

    /*제도안내*/
    .Ans_introduce .intro_tit {font-size: 3.6rem;}
    .Ans_introduce .intro_txt .txt {font-size: 2.4rem;}
    .Ans_introduce .intro_txt .desc {font-size: 1.8rem;}
    .Ans_introduce .info_tit {font-size: 2.4rem;}
    .Ans_introduce .info_txt {font-size: 1.8rem;}
    .Ans_introduce .view {margin: 3rem auto 5rem;}
    .Ans_introduce .benefit_list > li {width: 100%; background-size: 10rem;}

    /*안성하이라이트*/
    .Ans_highlight::before {top: -2rem; width: 12rem; height: 11rem;}
    .Ans_map {padding: 5rem 1rem;}
    .Ans_map .map_img {width: 48rem;}
    .Ans_map .map_btn button > span {min-width: 6rem; height: 2rem; padding: 0 1rem; font-size: 1rem;}
    .Ans_map .map_btn .Mirinae {top: 0; left: 17rem; padding-top: 4rem;}
    .Ans_map .map_btn .Gosam {top: 4rem; left: 18rem;}
    .Ans_map .map_btn .Land {top: 14rem; left: 20rem; padding-top: 4rem;}
    .Ans_map .map_btn .Chiljang {top: 15.5rem; left: 32rem; padding-top: 2rem;}
    .Ans_map .map_btn .Geumgwang {top: 20rem; left: 27rem; padding-top: 2rem;}
    .Ans_map .map_btn .Seoknamsa {bottom: 7rem; left: 24.5rem; padding-top: 2rem;}
    .Ans_map .map_btn .Seoun {bottom: 2rem; left: 16.5rem; padding-top: 2rem;}
    .Ans_map .map_btn .Farm {top: 19rem; left: 5.5rem; padding-top: 3rem;}

    /*마일리지 안내*/
    .Ans_point_guide {padding: 3rem 2rem;}
    .point_activity .activity_list > li {width: calc(50% - 1rem);}
    .point_activity .point_use_list {gap: 6rem 0;}
    .point_activity .point_use_list > li:nth-child(1) img {width: 6rem;}
    .point_activity .point_use_list > li:nth-child(2) img {width: 11rem;}
    .point_activity .point_use_list > li {width: 100%; min-height: 20rem; flex-grow: 1;}
    .point_activity .point_use_list > li + li::before {left: calc(50% - 1rem); top: -4rem; transform: rotate(90deg) translateX(-50%);}

    /*플러스샵 소개*/
    .intro_Shop {margin-top: 6rem;}

    /*플러스샵 소개 - 상세*/
    .intro_Shop_modal .modal_inner {padding: 3rem 1rem 2rem 2rem;}
    .intro_Shop_modal .cnt {padding-right: 1rem;}
    .intro_Shop_modal .shop_name {min-height: auto; margin-right: 1rem; font-size: 2.4rem;}
    .intro_Shop_modal .triple-slider-main {width: 40rem;}
    .intro_Shop_modal .triple-slider-prev, .intro_Shop_modal .triple-slider-next {width: 28rem;}
    .intro_Shop_modal .triple-slider .slide_controls {max-width: 46rem;}
    .intro_Shop_modal .shop_dl_list dt {width: 2.5rem; margin-right: 1rem;}
    .intro_Shop_modal .shop_dl_list dt img {width: 2.5rem;}
    .intro_Shop_modal .shop_dl_list dd {width: calc(100% - 4rem); font-size: 1.5rem;}
    .intro_Shop_modal .shop_dl_list dd br {display: none;}
    .intro_Shop_modal .shop_sns_list {margin-top: 3rem; margin-bottom: 2rem; padding-left: 0; justify-content: center; gap: 1.5rem;}
    .intro_Shop_modal .shop_sns_list > li {width: 5rem; height: 5rem;}
    .intro_Shop_modal .shop_Review_list {padding-top: 1.5rem;}
    .intro_Shop_modal .shop_Review_list .shop_name > span {padding-left: 2.5rem; font-size: 2rem; background-size: 2rem;}
    .intro_Shop_modal .review_photo {padding: 0 1.5rem;}
    .intro_Shop_modal .course_info .title {margin-bottom: 3rem;}
    .intro_Shop_modal .course_info .title .big {margin-bottom: 2.5rem; font-size: 2.2rem;}
    .intro_Shop_modal .course_info .title .middle {margin-bottom: 1rem; font-size: 1.8rem;}
    .intro_Shop_modal .course_info .title .small {font-size: 1.5rem;}
    .intro_Shop_modal .course_info .tour::after {content: none;}
    .intro_Shop_modal .close_btn {right: -1rem; top: -2rem; width: 4rem; height: 4rem;}

    /*베스트리뷰*/ 
    .best_review_none {min-height: auto; padding: 3rem; background-image: none;}
    .best_Review_list {margin-bottom: 8rem; gap: 2rem;} 
    .best_Review_list > li {width: calc(50% - 1rem);} 
    .best_Review_list > li > a {padding: 2rem;}
    .best_Review_list .best_tag > span {width: 6rem; height: 8.5rem; padding-top: 2.8rem; font-size: 1.4rem; background-size: 6rem;}

    /*댓글등록*/
    .comment_list .img {display: none;}

    /*나만의 타임라인 - 등록*/
    .Course_map {height: 35rem;}
    .visit_course .shop_photo {width: 100%;}
    .visit_course .shop_form {width: 100%;}
    .visit_course .shop_photo strong {font-size: 2.2rem;}
}

@media all and (max-width:480px){
    .page_tab_list > li > a {font-size: 2.6rem;}
    .page_navigation .page_info {flex-direction: column;}
    
    /*modal 커스텀*/
    .alert_basic .alert_group {min-width: auto; width: calc(100% - 5rem);}
    .alert_basic .alert_cnt {padding: 2rem 1.5rem;}
    .alert_basic .respon_table .form_table th, .alert_basic .respon_table .form_table td {padding: 1rem;}
    .alert_basic .point_change > li {font-size: 1.6rem;}
    .alert_basic .form_card input {width: calc(100% / 4 - 1rem);}

    /*컨텐츠 가이드*/
    .travel_guide {display: block; padding-left: 0; padding-top: 8rem; background-size: 12rem; background-position: top center;}
    .travel_guide p {text-align: center; font-size: 1.8rem;}
    .course_guide {background-image: none; padding-right: 0; text-align: center;}

    /*고향사랑 기부제*/
    .hometown_guide .pay_box {gap: 0.5rem;}
    .hometown_guide .pay_box .small {font-size: 1.7rem;}
    .hometown_guide .pay_box .big {font-size: 2.2rem;}
    .hometown_guide .pay_box .right_arr {width: 2rem; height: 2.4rem;}
    .Hometown .underline_tit {font-size: 2rem;}
    .Hometown .underline_tit::before {height: 1rem;}
    .Hometown .gift_list > li {width: 100%;}
    .Hometown .part_list .underline_tit {font-size: 1.9rem;}
    .Hometown .part_list .img {margin: 0 auto;}
    .Hometown .part_list .txt {width: 100%; margin-top: 2rem;}
    .Hometown .circle_tit + .circle_content {padding-left: 0;}

    /*홍보영상*/
    .Ans_video {margin-top: 5rem;}
    .Ans_video .youtube_box {padding-left: 0; padding-top: 13rem; background-position: top center; text-align: center;}

    /*플러스샵 소개*/
    .intro_Shop .intro_shop_map::before {width: 11rem; height: 11rem;}
    .intro_shop_ul .shop_img {width: 100%; padding-top: 21rem;}
    .intro_shop_ul .shop_info {width: 100%; margin-left: 0;}
	.intro_Shop .service_notice {padding-top: 12rem;}
    .service_notice .img {width: 15rem; height: 15rem;}
    .service_notice .img > img {width: 7rem;}

    /*플러스샵 소개 - 상세*/
    .intro_Shop_modal .triple-slider-main {width: 28rem;}
    .intro_Shop_modal .triple-slider-prev, .intro_Shop_modal .triple-slider-next {width: 18rem;}
    .intro_Shop_modal .triple-slider .slide_controls {max-width: 34rem;}
    .intro_Shop_modal .slide_btn {width: 4rem; height: 4rem;}
    .intro_Shop_modal .slide_btn img {width: 1.2rem;}

    /*리뷰*/ 
    .Review_list > li {width: 100%;} 
    .Review_list.grid_5 > li {width: 100%;}
    .best_Review_list > li {width: 100%;} 

    /*나만의 타임라인*/
    .course_step .label {min-width: 10rem; height: 4.5rem; line-height: 4rem; padding: 0 1.5rem; font-size: 1.5rem;}
    .course_step_list {gap: 2rem;}

    .my_course_view .course_detail {text-align: left; background-size: 90rem; background-position: left 0 bottom -7rem;}
    .my_course_view .shop_name {font-size: 3rem;}
    .my_course_view .shop_photo_slide .swiper-slide {padding-top: 55%;}
    .my_course_view .photo_two_slide .swiper-wrapper {justify-content: initial;}

    /*댓글등록*/
    .user_comment textarea {max-height: 20rem;}
    .comment_list .write .form_byte {font-size: 1.4rem;}

    /*후기등록*/
    .review_gallery {display: block; width: 100%; margin-top: 5rem;}
    .review_gallery .main_photo {width: 100%; margin-bottom: 5rem;}
    .review_gallery .thumb_photo {position: relative; width: 100%; height: auto; padding: 0 2rem; margin-left: 0;}
    .review_gallery .thumb_photo .controls {display: block;}
    .review_gallery .thumb_photo .controls button {position: absolute; top: 50%; transform: translateY(-50%);}
    .review_gallery .thumb_photo .controls .prev {left: -2rem;}
    .review_gallery .thumb_photo .controls .next {right: -2rem; transform: translateY(-50%) rotate(180deg);}

}