@charset "utf-8";

/* *************************************************************************************
*
*  메인 공통
* 
* **************************************************************************************/
main .sc_title {margin-bottom: 1rem; font-size: 3rem; font-weight: 800;}
main .sc_desc {color: #555;}
main .more_view > 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;}
main .more_view.white {background-color: #000942; color: #fff;}
main .more_view.white span {background-image: url(../images/icon/more_arr_w.png); background-position: right center; background-repeat: no-repeat;}

/* *************************************************************************************
*
*  메인 슬라이드 공통
* 
* **************************************************************************************/
main .slide_sign {padding: 0 1rem;}
main .slide_sign.next {position: relative;}
main .slide_sign.next::before {position: absolute; left: 0; top: 0.1rem; width: 2px; height: 1.8rem; background-color: var(--border-gray-color); content: '';}
main .slide_sign > img {width: 2rem;}
main .player {line-height: 1;}
main .slide_play > img {width: 1.5rem; height: 1.5rem;}
main .slide_play.play {display: none;}
main .slide_arr {width: 5.8rem; height: 5.8rem; border: 1px solid var(--border-gray-color); border-radius: 50%; background-color: #fff;}
main .slide_page {width: 5rem; margin-right: 1rem; font-size: 0;}
main .slide_dot {display: flex; justify-content: right; align-items: center;}
main .swiper-pagination {display: inline-flex;}
main .swiper-pagination-bullet {display: inline-block; width: 1.2rem; height: 1.2rem; margin: 0 0.3rem; background-color: #bcbcbc; border-radius: 50%; cursor: pointer;}
main .swiper-pagination-bullet:focus-visible {outline: 2px dashed var(--focus-color);}
main .swiper-pagination-bullet-active {width: 3rem; border-radius: 2rem;}
main .swiper-pagination > span {display: inline-block; font-size: 1.8rem;}
main .swiper-pagination-current {font-weight: 900;}
main .swiper-pagination-total {position: relative; margin-left: 2rem; font-weight: 500;}
main .swiper-pagination-total::before {position: absolute; left: -1rem; top: 0.9rem; width: 5px; height: 5px; border-radius: 50%; background-color: var(--border-gray-color); content: '';}
main .slide_guage {width: 20rem; height: 3px; margin-right: 2.5rem; background-color: #d3d3d3;}
main .slide_guage .bar {display: block; height: 3px; background-color: #000;}
main .slide_btn {display: flex; align-items: center;}
main .slide_btn .arrow {display: flex; margin-right: 1rem;}
main .slide_btn .slide_play {width: 4.5rem; height: 4.5rem; background-color: #e1e1e1; border-radius: 50%;}

/* *************************************************************************************
*
*  풀페이지
* 
* **************************************************************************************/
.fullpage main {position:relative; padding-top: 15rem; height: calc(100vh - 14.5rem); box-sizing: border-box;}
.fullpage_slide {padding-bottom: 2.5rem;}
.fullpage_slide section {max-width: 1635px; margin-left: auto; margin-right: auto; padding: 0 20px; box-sizing: border-box;}
.fullpage_controls {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 2.2rem; z-index: 2;}
.fullpage_controls .swiper-pagination-bullet {position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 0.8rem; background-color: #aba7b2; border-radius: 50%; cursor: pointer;}
.fullpage_controls .swiper-pagination-bullet-active::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #aba7b2; content: '';}

/*메인 비주얼*/
.sc_visual {display: flex;} 
.art_visual {position: relative; width: calc(100% - 50rem); width: 68.6525%; margin-right: 4rem;}
.art_visual .mask_img {mask-image: url("../images/main/visual_mask.png"); mask-size: 100%; mask-repeat: no-repeat;}
.art_visual .swiper-slide > a {position: relative; display: block; width: 100%; height: 0; padding-top: 51.599%;}
.art_visual .swiper-slide img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.art_visual .swiper-slide img.mo {display: none;}
.art_visual .controls {display: flex; position: absolute; left: 0; bottom: 0.5rem; width: calc(50% - 115px); height: 5rem; align-items: center; z-index: 2;}

.art_poster {position: relative; width: 28.527%;}
.art_poster .poster_slide {height: 100%;border-radius: var(--border-radius-base); }
.art_poster .swiper-slide a {display: block; width: 100%; height: 100%;}
.art_poster .swiper-slide img {width: 100%; height: 100%;}
.art_poster .swiper-slide img.mo {display: none;}
.art_poster .swiper-pagination-bullet {background-color: #fff;}
.art_poster .controls {position: absolute; right: 2rem; bottom: 2rem; display: flex; align-items: center; justify-content: right; z-index: 1;}

/*방문후기*/
.fullpage_slide .sc_review {position: relative; max-width: 1470px; padding: 0;}
.sc_review .main_title {padding-left: 2rem;}
.sc_review .review_slide {margin-top: 3.5rem; padding: 0 2rem 5rem;}
.sc_review .review_slide .swiper-slide > a {display: block; width: 100%; height: 100%; padding: 2.5rem; border-radius: var(--border-radius-base); background-color: #fff; box-shadow: 0 19px 20px 0px rgba(0, 0, 0, 0.12);}
.sc_review .review_slide .img {position: relative; height: 0; padding-top: 72.467%; border-radius: 1.5rem; overflow: hidden;}
.sc_review .review_slide .img > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sc_review .review_slide .tit {display: block; margin: 2rem 0; font-size: 2.3rem; font-weight: 600;}
.sc_review .review_slide .name {margin-bottom: 1.5rem; font-size: 1.8rem; font-weight: 600; color: #444;}
.sc_review .review_slide .info_list {display: flex; align-items: center; gap: 1.5rem;}
.sc_review .review_slide .info_list > li {max-width: calc(100% / 3 - 1rem); display: inline-flex; align-items: center;}
.sc_review .review_slide .info_list span {display: inline-block; max-width: 6rem; margin-left: 0.5rem; color: #444; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.sc_review .more_view {margin-top: 2.8rem; text-align: right; font-size: 1.8rem; color: #444;}
.sc_review .slide_arr {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;}
.sc_review .slide_arr.prev {left: -6rem;}
.sc_review .slide_arr.next {right: -6rem;}
.sc_review .slide_arr.next > img {transform: rotate(180deg);}
.sc_review .slide_dot {position: absolute; top: 6rem; right: 2rem;}

/*추천코스*/
.sc_course {display: flex; flex-wrap: wrap;}
.art_program {position: relative; width: calc(100% - 57rem); padding-left: 3rem;}
.art_program .program_slide {background-color: #fff; border-radius: 3rem; box-shadow: 0 19px 20px 0px rgba(0, 0, 0, 0.3);}
.art_program .program_slide .swiper-slide {display: flex; flex-wrap: wrap;}
.art_program .program_slide .info {width: 50rem; padding: 7rem 5rem;}
.art_program .program_slide .tit {display: block; margin-bottom: 3rem; font-size: 3.2rem;}
.art_program .program_slide .thumb {width: calc(100% - 50rem); height: 56.5rem; overflow: hidden;}
.art_program .program_slide .thumb > img {width: 100%; height: 100%; object-fit: cover;}
.art_program .program_slide .more_view {display: block; width: 26.5rem; height: 6rem; line-height: 6rem; margin: 5.5rem auto 0; font-size: 2.4rem; font-weight: 600; border-radius: 3rem; text-align: center;}
.art_program .slide_arr {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;}
.art_program .slide_arr.prev {left: 0px;}
.art_program .slide_arr.next {right: -30px;}
.art_program .slide_arr.next > img {transform: rotate(180deg);}
.art_program .slide_dot {position: absolute; bottom: 4.5rem; right: 3rem; z-index: 2;}
.art_program .swiper-pagination-bullet {background-color: #fff;}
.art_program .dl_list {padding-bottom: 3rem; border-bottom: 1px solid var(--border-gray-color);}
.art_program .dl_list dl {display: flex; align-items: center; margin-bottom: 1.5rem;}
.art_program .dl_list dt {min-width: 10.5rem; height: 3.5rem; line-height: 3.5rem; margin-right: 1.5rem; padding: 0 1rem; background-color: var(--bg-gray); border-radius: var(--border-radius-base); font-size: 1.9rem; font-weight: 600; text-align: center;}
.art_program .dl_list dd {font-size: 2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.art_course {width: 52rem; padding: 2.5rem 4rem; margin-left: 5rem; background-color: #fff; background-image: url("../images/main/course_bg.png"); background-position: right 4rem top 1.5rem; background-repeat: no-repeat; border-radius: var(--border-radius-base); box-shadow: 0 19px 20px 0px rgba(0, 0, 0, 0.3);}
.art_course .course_slide {margin-top: 2rem;}
.art_course .course_slide .swiper-slide > a {display: block; width: 100%; height: 100%;}
.art_course .course_slide .img {position: relative; width: 100%; height: 0; padding-top: 55.682%;}
.art_course .course_slide .img > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.art_course .course_slide .tit {margin-top: 1.2rem; font-size: 2.4rem;}
.art_course .course_slide .txt p {margin-top: 1rem; font-size: 1.8rem;}
.art_course .course_slide .more_view {position: absolute; right: 0; bottom: 0; width: 16.5rem; height: 4.8rem; line-height: 4.8rem; padding-left: 3rem; padding-right: 2rem; background-color: #000942; font-size: 1.8rem; font-weight: 500; border-radius: 3rem 0 0 0;}
.art_course .course_slide .more_view span {color: #fff;}
.art_course .course_slide .controls {display: flex; align-items: center; margin-top: 3rem;}
.art_course .course_slide .controls .slide_guage {width: 22rem;}
.art_course .course_slide .slide_btn {display: flex; align-items: center;}

/*플러스샵*/
.sc_shop {display: flex; justify-content: space-between; flex-wrap: wrap;}
.sc_shop .art_map {width: 69.5rem;}
.sc_shop .map_group {position: relative; width: 100%; height: 53rem;}
.sc_shop .map_img img {display: none;}
.sc_shop .map_img img.on {display: block;}
.sc_shop .map_list .map_btn {position: absolute; padding: 0;}
.sc_shop .map_list .map_btn.west {left: 0; top: 0;}
.sc_shop .map_list .map_btn.east {right: 1.5rem; top: 1.4rem; z-index: 1;}
.sc_shop .map_list .map_btn.south {bottom: -1rem; left: 8.6rem;}
.sc_shop .map_list .map_btn .on {display: none;}
.sc_shop .map_list .map_btn.active img.on {display: block;}
.sc_shop .map_list .map_btn.active img.off {display: none;}
.sc_shop .art_shop {width: calc(100% - 72.5rem); margin-left: 3rem;}
.sc_shop .shop_list {display: flex; padding: 1px 1.5rem; flex-wrap: wrap; gap: 6rem 3.5rem;}
.sc_shop .shop_list > li {width: calc(100% / 3 - 2.3333rem); transition: .5s;}
.sc_shop .shop_list > li:nth-child(5) {transform: translateY(2rem);}
.sc_shop .shop_list > li:nth-child(2) {transform: translateY(2rem);}
.sc_shop .shop_list > li > a {display: block; width: 100%; height: 100%; border-radius: var(--border-radius-base); overflow: hidden; box-shadow: 0 19px 20px 0px rgba(0, 0, 0, 0.12);}
.sc_shop .shop_list .img {position: relative; width: 100%; height: 0; padding-top: 60%; overflow: hidden;}
.sc_shop .shop_list .img > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.sc_shop .shop_list .tit {display: block; max-height: 2.6rem; padding-left: 0.5rem; font-size: 2rem;}
.sc_shop .shop_list .txt {padding: 1.5rem 1.5rem 2.5rem; background-color: #fff;}
.sc_shop .more_view > span {background-image: none;}
.sc_shop .service_notice {width: 70%; margin-left: 20%; margin-top: 8rem; background-color: rgba(255, 255, 255, 0.4);}
.sc_shop .service_notice .info {background-color: transparent;}

/*공지사항*/
.sc_board {display: flex; justify-content: space-between; flex-wrap: wrap;}
.art_notice {width: calc(100% - 71.5rem);}
.art_notice .board_group {position: relative;}
.art_notice .board_group + .board_group {margin-top: 3.5rem;}
.art_notice .board_group > ul {border-top: 1px solid #777;}
.art_notice .board_group > ul > li {border-bottom: 1px solid var(--border-gray-color);}
.art_notice .board_group > ul > li > a {display: inline-flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 1.2rem 0;}
.art_notice .board_group .tit {display: block; font-size: 2rem;}
.art_notice .board_group .date {display: inline-block; margin-left: 1rem; font-size: 1.8rem; color: #777;}
.art_notice .more {position: absolute; right: 0; top: 1.5rem; display: inline-block; padding-right: 2rem; font-size: 1.7rem; font-weight: 500; background: url("../images/icon/arrow_icon.png") right center no-repeat;}
.art_notice .notice_list .tit {width: calc(100% - 12rem);}
.art_notice .qna_list .tit {position: relative; width: 100%; padding-right: 3rem; background-image: url("../images/icon/arrow.png"); background-position: right 0.5rem center; background-repeat: no-repeat;}

/*퀵메뉴*/
.art_quick {width: 57rem; margin-left: 5rem;}
.art_quick .quick_menu {display: flex; padding-top: 1px; flex-wrap: wrap; gap: 2rem 6rem;}
.art_quick .quick_menu > li {width: calc(100% / 3 - 4rem);}
.art_quick .quick_menu > li > a {display: block; width: 100%; height: 100%;}
.art_quick .quick_menu > li > a > span {display: block; margin-top: 1.5rem; font-size: 1.9rem; font-weight: 500; text-align: center;}
.art_quick .quick_menu .img {width: 100%; height: 14rem;  text-align: center; background-color: #fff; border-radius: var(--border-radius-base);}

/*flow_text*/
main .flow_text {display: none;}
main .flow_text > p {z-index: -1;}
.flow_text > p {position: absolute; left: 0; bottom: -6.4rem; font-size: 15rem; font-weight: 800; color: #fff; white-space: nowrap; animation: flowtext 100s linear infinite;}
@keyframes flowtext {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/*Only PC*/
@media all and (min-width:1400px){
    .art_visual .swiper-slide > a:hover img {transform: scale(1.1); transition: .5s;}
    .sc_review .review_slide .swiper-slide > a:hover .img::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .3); z-index: 1; transition: transform .25s ease-out; transform-origin: 50% 50%;}
    .sc_review .review_slide .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;}
    .sc_review .review_slide .swiper-slide > a:hover .img::after {transform: scale(1);}
    .sc_shop .map_list .west:hover img.on, .sc_shop .map_list .east:hover img.on, .sc_shop .map_list .south:hover img.on {display: block; transition: .3s;}
    .sc_shop .map_list .map_btn:hover img.off {display: none;}
    .sc_shop .shop_list:hover > li:nth-child(2), .sc_shop .shop_list:hover > li:nth-child(5) {transform: translateY(0); transition: .5s;}
    .sc_shop .shop_list > li > a:hover {outline: 1px solid #000942; transition: .3s;}
    .sc_shop .shop_list > li > a:hover img {transform: scale(1.1); transition: transform .5s ease-in-out;}
    .sc_shop .shop_list > li > a:hover .more_view > span {background-image: url("../images/icon/more_arr.png"); transition: .3s;}
    .art_program .program_slide .more_view:hover {outline: 1px solid #000942; color: #000942; background-color: #fff; transition: .3s;}
    .art_program .program_slide .more_view:hover > span {background-image: url("../images/icon/more_arr.png"); transition: .3s;}
    .art_quick .quick_menu > li > a:hover .img {outline: 1px solid #FFDE00; transition: .3s;}
    .art_quick .quick_menu > li > a:hover img {transform: scale(0.9); transition: .3s;}

    main .flow_text {display: block; width: 100%; overflow: hidden;}
}

@media all and (max-width:1400px){
    .fullpage main {height: auto; padding-top: 13rem;}
    .fullpage_slide > .swiper-wrapper {flex-direction: column; flex-wrap: nowrap;}
    .fullpage_controls {display: none;}
    .controls .slide_arr {width: 4.5rem; height: 4.5rem;}

    .sc_visual {margin-bottom: 8rem;}
    .art_visual .controls {left: 1rem; bottom: -1rem; width: auto;}
    .art_visual .slide_guage {display: none;}

    .sc_review {margin-bottom: 5rem;}
    .sc_review .slide_btn {display: none;}

    .sc_course {margin-bottom: 8rem;}
    .art_program {width: calc(100% - 48rem); padding-left: 0;}
    .art_program .program_slide .info {width: 60%; padding: 3rem;}
    .art_program .program_slide .tit {margin-bottom: 2rem; font-size: 2.6rem;}
    .art_program .dl_list {padding-bottom: 2rem;}
    .art_program .dl_list dt {min-width: 10rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.7rem;}
    .art_program .dl_list dd {font-size: 1.7rem;}
    .art_program .program_slide .thumb {width: 40%; height: 50rem; border-radius: 0;}
    .art_program .slide_arr.prev {left: -15px;}
    .art_program .slide_arr.next {right: -15px;}

    .art_course {width: 45rem; margin-left: 3rem; padding: 2rem 3rem;}
    .art_course .course_slide .controls {margin-top: 1rem;}
    .art_course .course_slide .txt p {font-size: 1.6rem;}

    .sc_shop {margin-bottom: 15rem;}
    .sc_shop .art_map {width: 50rem;}
    .sc_shop .map_group {width: 420px; height: 328px; margin-top: 5rem;}
    .sc_shop .map_list .map_west img {width: 200px;}
    .sc_shop .map_list .map_east img {width: 289px;}
    .sc_shop .map_list .map_south img {width: 246px;}
    .sc_shop .map_list .map_btn.east {right: 0; top: 0; }
    .sc_shop .map_list .map_btn.south {bottom: 0; left: 5.7rem;}

    .sc_shop .art_shop {width: calc(100% - 53rem);}
    .sc_shop .shop_list {padding: 0; gap: 5rem 2rem;}
    .sc_shop .shop_list > li {width: calc(100% / 3 - 1.5rem);}
    .sc_shop .shop_list .tit > span {padding-right: 0;} 

    .sc_board {margin-bottom: 5rem;}
    .art_notice {width: calc(100% - 50rem);}
    .art_notice .board_group + .board_group {margin-top: 5.5rem;}
    .art_notice .board_group .tit {font-size: 1.8rem;}
    .art_notice .board_group .date {font-size: 1.6rem;}
    .art_quick {width: 47rem; margin-left: 3rem;}
    .art_quick .quick_menu {gap: 1.5rem 2rem;}
    .art_quick .quick_menu > li {width: calc(100% / 3 - 1.4rem);}
    .art_quick .quick_menu .img img {width: 15rem;}
}

@media all and (max-width:1024px){
    .fullpage main {padding-top: 10.5rem;}
    .sc_visual {flex-wrap: wrap;}
    .art_visual {width: 100%; margin-right: 0;}
    .art_visual .swiper-slide > a {padding-top: 100%;}
    .art_visual .swiper-slide > a > img.pc {display: none;}
    .art_visual .swiper-slide > a > img.mo {display: block;} 
    .art_visual .visual_slide {border-radius: var(--border-radius-base); overflow: hidden;}
    .art_visual .mask_img {mask-image: none;}
    .art_visual .controls {position: initial; width: 100%; margin: 1.5rem 0; justify-content: center;}

    .art_poster {width: 100%;}
    .art_poster .swiper-slide img.pc {display: none;}
    .art_poster .swiper-slide img.mo {display: block;}
    .art_poster .swiper-pagination-bullet {background-color: #bcbcbc;}
    .art_poster .controls {position: initial; justify-content: center; margin-top: 2rem;}
    .art_poster .slide_play > img {-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);}

    .sc_review {position: relative;}
    .sc_review .review_slide .swiper-slide > a {padding: 2rem;}
    .sc_review .slide_dot {left: 50%; bottom: 0; top: auto; right: auto; transform: translateX(-50%); z-index: 2;}

    .art_program {width: 100%; margin-bottom: 8rem;}
    .art_program .program_slide, .art_course {box-shadow: 0 19px 20px 0px rgba(0, 0, 0, 0.12);}
    .art_program .slide_dot {bottom: -5rem; left: 50%; right: 0; transform: translateX(-50%); justify-content: center;}
    .art_program .swiper-pagination-bullet {background-color: #bcbcbc;}
    .art_program .slide_play > img {-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);}
    .art_course {width: 100%; margin-left: 0;}

    .sc_shop .art_map {width: 100%;}
    .sc_shop .map_group {margin: 5rem auto;}
    .sc_shop .art_shop {width: 100%; margin-left: 0; margin-top: 3rem;}    
    .sc_shop .shop_list > li {width: calc(50% - 1rem);} 
    .sc_shop .shop_list > li:nth-child(even) {transform: translateY(6rem);}
    .sc_shop .shop_list > li:nth-child(5) {transform: translateY(0);} 
    .sc_shop .shop_list .tit {font-size: 1.6rem;} 
    .sc_shop .shop_list .txt {padding: 1rem;}
    .sc_shop .service_notice {margin: 0 auto;}

    .art_notice {width: 100%;}
    .art_quick {width: 100%; margin-left: 0; margin-top: 5rem;}
}

@media all and (max-width:780px){
    .sc_review .review_slide .tit {margin: 1.2rem 0; font-size: 2rem;}
    .sc_review .review_slide .name {margin-bottom: 1.2rem; font-size: 1.6rem;}
    .sc_review .review_slide .info_list {gap: 0 1rem;}
    .sc_review .review_slide .info_list img {width: 1.6rem;}
    .sc_review .review_slide .info_list span {font-size: 1.4rem;}
    .sc_review .more_view {margin-top: 1.8rem; font-size: 1.6rem;}

    .art_program {width: 100%; margin-bottom: 10rem;}
    .art_program .slide_arr {top: 47%;}
    .art_program .program_slide .swiper-slide {flex-direction: column-reverse;}
    .art_program .program_slide .info {width: 100%; padding: 3rem 2rem;}
    .art_program .program_slide .thumb {width: 100%; max-height: 34rem;}
    .art_program .program_slide .more_view {margin-top: 2.5rem;}
    .art_program .slide_arr > img {width: 1rem;}
    .art_program .dl_list dt {min-width: 9rem;}
    .art_program .dl_list {padding-bottom: 0; border-bottom: 0;}
    .art_course {width: 100%; margin-left: 0;}

    .art_notice .board_group > ul {display: none;}
    .art_notice .more {top: 1rem;}
}

@media all and (max-width:480px){
    .sc_shop .map_group {width: 340px; height: 294px; margin: 3rem auto 0;}
    .sc_shop .map_list .map_west img {width: 180px;}
    .sc_shop .map_list .map_east img {width: 245px;}
    .sc_shop .map_list .map_south img {width: 221px;}
    .sc_shop .map_list .map_btn.west {left: -1.9rem;}
    .sc_shop .map_list .map_btn.east {right: -1.8rem; top: 1rem;}
    .sc_shop .map_list .map_btn.south {left: 4rem;}
    .sc_shop .service_notice {width: 100%;}

    .art_quick .quick_menu .img {position: relative; height: 12rem;}
    .art_quick .quick_menu .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12rem;}
    .art_quick .quick_menu > li > a > span {font-size: 1.5rem;}
}

@media all and (max-width:360px){
    .sc_shop .map_group {width: 280px; height: 230px; margin: 3rem auto 0;}
    .sc_shop .map_list .map_west img {width: 140px;}
    .sc_shop .map_list .map_east img {width: 190px;}
    .sc_shop .map_list .map_south img {width: 172px;}
    .sc_shop .map_list .map_btn.west {left: 0;}
    .sc_shop .map_list .map_btn.east {right: -0.7rem; top: 0.8rem;}
    .sc_shop .map_list .map_btn.south {left: 4.5rem;}
}