@charset "utf-8";

/*
 * Copyright    :  우리동네코리아
 * File         :  design.css
 * SUMMARY      :  전체디자인
 */

/* 본 소스는 모두 (주)우리동네코리아의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다. */



/* 팝업창(관리자설정) ======================================== */
.c_popup {position:fixed; left:0; top:0 !important; width:100%; z-index:9999999; width:100%; height:100%; background:transparent; box-sizing:border-box; padding-top:70px; box-sizing:border-box;}
.c_popup {display:flex; justify-content:flex-end; align-items:stretch; flex-direction:column; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.c_popup+ .c_popup {visibility:hidden}
.c_popup .pop_wrap {z-index:2; position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; max-height:100%; border-radius:20px 20px 0 0; overflow:hidden;}
.c_popup .img_box {flex:1; overflow:hidden; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; background:#fff;}
.c_popup .img_box img {width:100%; display:block;}
.c_popup .img_box a {display:block;}
.c_popup .editor_box {overflow-y:auto; background:#fff; padding:20px; box-sizing:border-box; max-width:900px; min-width:500px; flex:auto;}
.c_popup .close_box {background:#fff; flex:none}
.c_popup .close_box ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.c_popup .close_box li {list-style:none; flex:1;}
.c_popup .close_box .btn {height:50px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.c_popup .close_box .btn .tt {font-size:13px; line-height:1; color:#333; font-weight:500;}
.c_popup .close_box .btn input {position:absolute; left:0; top:0; width:0; height:0; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.c_popup_bg {background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:1;}
html.if_iOS .c_popup .close_box {padding-bottom:env(safe-area-inset-bottom);}





/* 하단 고정메뉴 ========================================= */
.FixMenu {position:fixed; left:0; bottom:0; width:100%; box-sizing:border-box; padding:0 10px; background:#fff; z-index:100; transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1);}
.FixMenu ul {display:flex; justify-content:center; align-items:center; flex-direction:row; text-align:center;}
.FixMenu li {flex:1}
.FixMenu .btn {display:flex; justify-content:center; align-items:center; flex-direction:column; height:55px; position:relative; overflow:hidden; }
.FixMenu .btn svg {height:24px; opacity:0.3; position:relative; z-index:2}
.FixMenu li.this_logo .btn svg {opacity:1 !important;}
.FixMenu li.this_logo .btn:after {content:""; background-color:#ddd; width:45px; height:45px; border-radius:18px; animation:none !important; transform:none !important; display:block !important; position:absolute; transition:all 0.2s ease-out;}
.FixMenu li.this_logo.hit .btn:after {opacity:1; background:var(--color-point);}
.FixMenu li.hit svg {opacity:1;}

/*
.FixMenu .btn:before {content:""; width:30px; height:30px; background-position:center center; background-repeat:no-repeat; background-size:auto 24px; filter:invert(91%) sepia(15%) saturate(177%) hue-rotate(170deg) brightness(81%) contrast(87%); transform:translateZ(0); will-change:transform;}
.FixMenu .btn:after {content:""; width:30px; height:30px; background-position:center center; background-repeat:no-repeat; background-size:auto 24px; opacity:0; transform:scale(0.0); position:absolute; transform:translateZ(0); will-change:transform;}

.FixMenu li.this_logo .btn:before {display:block !important; background-image:url('../images/woodong/fix_ic_logo.svg'); filter:none; position:relative; z-index:2; background-size:38px;}
.FixMenu li.type_bookmark .btn:before {background-image:url('../images/woodong/fix_ic_bookmark.svg');}
.FixMenu li.type_mission .btn:before {background-image:url('../images/woodong/fix_ic_tour.svg');}
.FixMenu li.type_benefit .btn:before {background-image:url('../images/woodong/fix_ic_benefit.svg');}
.FixMenu li.type_mypage .btn:before {background-image:url('../images/woodong/fix_ic_mypage.svg');}
.FixMenu li.type_bookmark .btn:after {background-image:url('../images/woodong/fix_ic_bookmark_on.svg');}
.FixMenu li.type_mission .btn:after {background-image:url('../images/woodong/fix_ic_tour_on.svg');}
.FixMenu li.type_benefit .btn:after {background-image:url('../images/woodong/fix_ic_benefit_on.svg');}
.FixMenu li.type_mypage .btn:after {background-image:url('../images/woodong/fix_ic_mypage_on.svg');}
.FixMenu li.hit .btn:before {display:none;}
.FixMenu li.hit .btn:after {opacity:1; transform:scale(1.0); animation:mv_fix_picto 0.3s ease; animation-fill-mode:forwards; filter:none; }
*/


@keyframes mv_fix_picto {
    0% {transform:scale(0.8); opacity:0;}
    60% {transform:scale(1.25); opacity:1;}
    100% {transform:scale(1.0); opacity:1}
}

.FixMenu.if_down_scroll {transform:translateY(100%);}

.FixMenu.if_hide {display:none;}
html.if_home .fix_btn_auth {display:flex;}

html.if_iOS .FixMenu {padding-bottom:env(safe-area-inset-bottom)}



/* 하단 떠다니는 비튼 ========================================= */
.Fix_Fly {position:fixed; right:10px; bottom:70px; z-index:99}
.Fix_Fly .btn_auth {right:10px; top:-60px; width:45px; height:45px; border-radius:18px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.Fix_Fly .btn_auth {background:var(--black-light); border:0.8px solid rgba(0,0,0,0.1);; box-shadow:5px 5px 5px rgba(0,0,0,0.1); transition:all 0.3s ease-out; z-index:11}
.Fix_Fly .btn_auth:before {content:""; width:16px; height:2px; background:var(--black-gray); display:block;}
.Fix_Fly .btn_auth:after {content:""; width:2px; height:16px; background:var(--black-gray); display:block; position:absolute;}
html.if_iOS .Fix_Fly {padding-bottom:env(safe-area-inset-bottom)}




/* 페이지상단 ========================================= */
.PageTop {padding:0 16px; position:sticky; top:0; background:#fff; z-index:20; overflow-x:hidden;}
.PageTop .wrapping {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; min-height:49px; position:relative; z-index:13}
.PageTop .major {flex:1; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:15px;}
.PageTop .major.type_column {flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.PageTop .side {flex:none; display:flex; justify-content:center; align-items:center; flex-direction:row; margin-right:-5px;}
.PageTop .side .sy_label_onoff {margin-right:10px;}
.PageTop .title {color:#1b1d27; font-size:21px; font-weight:600; line-height:1; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
.PageTop .use_tabmenu a.title {color:#aaa; padding:10px 0; margin-right:5px;}
.PageTop .use_tabmenu a.title.hit {color:#1b1d27;}
.PageTop .picto {overflow:hidden; width:36px; aspect-ratio:1/1; border-radius:100px; margin-right:8px;}
.PageTop .picto img {display:block;}
.PageTop .btn_location {margin-right:8px;}
.PageTop .btn_location:before {content:""; width:24px; height:24px; background:transparent url('../images/woodong/btn_top_gps.svg') center center / 100% no-repeat; display:block;}
.PageTop .btn_open {margin-left:4px;}
.PageTop .btn_open:before {content:""; width:20px; height:20px; background:transparent url('../images/woodong/ic_arrow_down.svg') center center / 12px 14px no-repeat; display:block;}
.PageTop .btn_icon {padding:0 10px; display:flex; justify-content:center; align-items:center; flex-direction:row; height:40px; gap:5px;}
.PageTop .btn_icon .icon {position:relative;}
.PageTop .btn_icon img {height:21px; display:block;}
.PageTop .btn_connect {display:flex; justify-content:center; align-items:center; flex-direction:row; height:32px; font-size:15px; color:#000; font-weight:500; gap:4px}
.PageTop .btn_connect.after {color:#80828F; display:none;}
.PageTop .btn_connect .icon {width:22px; aspect-ratio:1/1; border-radius:100px; background:var(--color-point); display:flex; justify-content:center; align-items:center; flex-direction:column;}
.PageTop .btn_connect .icon:after {content:""; background:transparent url('../images/woodong/btn_refresh.svg') center center / 10px no-repeat; display:block; width:18px; aspect-ratio:1/1; filter:invert(100%)}
.PageTop .this_connect.if_doit .btn_connect.before {display:none;}
.PageTop .this_connect.if_doit .btn_connect.after {display:flex;}
.PageTop .this_connect .btn_connect.after.if_refresh .icon {transform:rotate(360deg); transition:all 0.5s ease-out;}

.PageTop .btn_tip {font-size:14px; display:flex; justify-content:center; align-items:center; flex-direction:row; height:32px; gap:4px; line-height:1; color:#616266;}
.PageTop .btn_tip:before {content:""; width:14px; aspect-ratio:1/1; background:transparent url('../images/woodong/ic_tip.svg') center center / 100% no-repeat; display:block; opacity:0.5;}
.PageTop .btn_back {flex:none; display:flex; justify-content:center; align-items:center; flex-direction:column; height:40px; padding:0 16px; margin-left:-16px;}
.PageTop .btn_back:before {content:""; width:21px; height:21px; background:transparent url('../images/woodong/ic_btn_back.svg?v=1') left center / auto 18px no-repeat; display:block;}
.PageTop .btn_close {flex:none; display:flex; justify-content:center; align-items:center; flex-direction:column; height:40px; padding:0 16px; margin-right:-16px;}
.PageTop .btn_close:before {content:""; width:21px; height:21px; background:transparent url('../images/woodong/ic_close.svg') left center / 14px no-repeat; display:block;}
.PageTop .notification {position:absolute; right:-10px; top:-6px; background:var(--color-coral); min-width:16px; height:16px; border-radius:100px; color:#fff; font-size:10px; font-weight:800;}
.PageTop .notification {display:flex; justify-content:center; align-items:center; flex-direction:column; line-height:1;}
.PageTop .notification.type_dot {width:6px; min-width:initial; height:6px; right:-6px; top:-2px}

.PageTop .nickname {font-size:16px; margin-top:8px; font-weight:500; color:var(--color-point); display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:3px}
.PageTop .nickname.before {opacity:0.3;}
.PageTop .nickname:after {content:""; display:block; width:11px; height:11px; background:transparent url('../images/woodong/ic_write.svg') center center / 100% no-repeat;}
.PageTop .follow {font-size:15px; margin-top:3px; font-weight:500; color:#9c9d9f; width:100%;}
.PageTop .set_button {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; margin-top:20px; position:relative; z-index:21}
.PageTop .set_button .btn_set {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:column; border:1px solid #e5e5e5; border-radius:10px; height:36px; font-weight:500; color:#000; font-size:15px;}

.PageTop .fake_find {border:1px solid #333; border-radius:18px; width:100%; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-size:18px; color:#8b999c; height:50px; box-sizing:border-box;}
.PageTop .fake_find {position:relative; padding:0 10px; margin:10px 0;}
.PageTop div.fake_find:before {content:""; width:35px; height:30px; background:transparent url('../images/woodong/top_search_ic.svg') center center / 18px no-repeat;}

.PageTop .my_save {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.PageTop .my_save strong {font-size:16px; font-weight:600; color:var(--black-dark);}
.PageTop .my_save .tag {width:18px; height:18px; background:transparent url('../images/woodong/picto_point.svg') center center / 100% no-repeat;}

.PageTop.if_nofix {position:static}
.PageTop.type_best {border-bottom:2px solid var(--color-point); margin-bottom:15px;}
.PageTop.type_best .wrapping {height:60px;}
.PageTop.type_sitemap .wrapping {padding-top:15px;}
.PageTop.type_all .wrapping {padding-top:15px;}

html.if_iOS .PageTop {padding-top:env(safe-area-inset-top)}
html.if_iOS .PageTop.if_nofirst {margin-top:-30px !important;}




/* 페이지네비 ========================================= */
.PageNavi {overflow:hidden; position:sticky; top:0; background:#fff; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); background-color:rgba(255, 255, 255, 0.9); z-index:10; padding:15px 0; margin-bottom:20px;}
.PageNavi {margin-top:-15px;}
.PageNavi .swipe_box {}
.PageNavi .swipe_box ul {width:max-content; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:9px; padding:0 18px;}
.PageNavi .tab_best {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.PageNavi .tab_best .picto {width:60px; height:60px; border-radius:100px; overflow:hidden; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; font-size:12px; color:#000; font-weight:600;}
.PageNavi .tab_best .picto {box-sizing:border-box;}
.PageNavi .tab_best .picto .all {background:#f4f7fa; flex:1; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:100px;}
.PageNavi .tab_best img {width:100%; height:100%; object-fit:cover; border-radius:100px;}
.PageNavi .tab_best .menu {color:#111; font-size:13px; line-height:1; margin-top:10px; font-weight:600;}
.PageNavi li.hit .tab_best .picto {padding:2px; border:2px solid #4a81ee;}




/* 페이지 탭메뉴 ========================================= */
.PageTab {padding-top:10px; position:sticky; top:0; background:#fff; margin-top:10px; z-index:12; flex:none}
.PageTab.if_topfix {margin-top:0px; padding-top:0px;}
.PageTab.type_bottom {margin-bottom:20px;}
.PageTab:after {content:""; width:100%; height:1px; background:#eeeff1; position:absolute; left:0; bottom:0;}
.PageTab:before {content:""; width:100%; height:50px; background:#fff; position:absolute; left:0; top:-50px; z-index:1; display:none;}
.PageTab .btn_search {position:absolute; right:0; bottom:0; width:50px; height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.PageTab .btn_search {background:linear-gradient(121deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);}
.PageTab .btn_search:before {content:""; background:transparent url('../images/woodong/btn_search_brand.svg') center center / 100% no-repeat; width:22px; aspect-ratio:1/1;}
.PageTab .btn_search:before {filter:invert(94%) sepia(5%) saturate(504%) hue-rotate(167deg) brightness(83%) contrast(84%);}
.PageTab ul {display:flex; justify-content:center; align-items:center; flex-direction:row}
.PageTab li {flex:1;}
.PageTab .tab_menu {display:flex; justify-content:center; align-items:center; flex-direction:column; color:#898e92; font-size:18px; font-weight:600; height:50px; position:relative;}
.PageTab .tab_menu:after {content:""; width:100%; height:2px; background:#232323; position:absolute; bottom:0; transition:all 0.25s ease-out; z-index:2; transform:scaleX(0); transform-origin:left}
.PageTab .tab_menu .picto {height:32px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.PageTab .tab_menu .picto img {height:100%;}
.PageTab .tab_menu .picto img.off {}
.PageTab .tab_menu .picto img.on {display:none;}
.PageTab .tab_menu.hit {color:#232323;}
.PageTab .tab_menu.hit .picto img.off {display:none;}
.PageTab .tab_menu.hit .picto img.on {display:block;}
.PageTab .tab_menu.hit:after {transform:scaleX(1);}

.PageTab .scroll_wrap {overflow-y:hidden; overflow-x:auto; box-sizing:border-box; padding:0 16px;}
.PageTab .scroll_wrap::-webkit-scrollbar {display:none;}
.PageTab .scroll_wrap ul {width:max-content; padding-bottom:1px; padding-right:60px}
.PageTab .scroll_wrap li {flex:none}
.PageTab .scroll_wrap .tab_menu {padding:0 10px;}

.PageTab.if_ownsize {margin-top:0px; padding-top:0px; position:static; margin-bottom:5px;}
.PageTab.if_ownsize:before {display:none;}
.PageTab.if_ownsize:after {display:none;}
.PageTab.if_ownsize .tab_menu:after {width:32px; transform-origin:center;}

.PageTop .PageTab {margin:0 -16px; padding-top:0px;}

html.if_iOS .PageTab {top:env(safe-area-inset-top);}
html.if_iOS .PageTab:before {display:block;}



/* 페이지 탭메뉴 라운드형태 */
.PageMenu {display:flex; justify-content:center; align-items:center; flex-direction:column; margin:10px 0 20px;}
.PageMenu ul {display:flex; justify-content:center; align-items:center; flex-direction:row; background:#f5f5f5; border-radius:100px; padding:4px; box-sizing:border-box;}
.PageMenu .menu_text {display:flex; justify-content:center; align-items:center; flex-direction:column; color:#999; font-size:16px; font-weight:700; border-radius:100px; height:35px; padding:0 10px; box-sizing:border-box; min-width:100px}
.PageMenu .menu_text.hit {background:#fff; color:#000;}


/* 페이지탭 컨텐츠 묶음용 ========================================= */
.PageTabContent {flex:1; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.PageTabContent.type_bg {background:#f3f4f6;}
.PageTabContent .sy_None {flex:1}



/* 페이지로딩 ========================================= */
.PageLoading {padding:40px 0; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.PageLoading .dots {width:3.2px; height:3.2px; border-radius:100px; color:#3182f7; box-shadow:15.2px 0 0 5.6px, 30.4px 0 0 2.4px, 45.599999999999994px 0 0 0; transform:translateX(-30.4px);}
.PageLoading .dots {animation:mv_page_loading 0.4s infinite alternate linear;}

@keyframes mv_page_loading {
   50% {box-shadow:15.2px 0 0 2.4px, 30.4px 0 0 5.6px, 45.599999999999994px 0 0 2.4px;}
   100% {box-shadow:15.2px 0 0 0, 30.4px 0 0 2.4px, 45.599999999999994px 0 0 5.6px;}
}




/* 모달 레이어 ========================================= */
.LayerModal {position:fixed; left:0; top:0; width:100%; height:100vh; z-index:103; box-sizing:border-box; padding:30px; display:flex; justify-content:center; align-items:stretch; flex-direction:column; visibility:hidden}
.LayerModal .wrapping {position:relative; z-index:2; background:#fff; border-radius:30px; text-align:center; padding:30px; box-sizing:border-box; opacity:0;}
.LayerModal .bg_close {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; opacity:0; pointer-events:none;}
.LayerModal .inner_content {margin-bottom:30px;}
.LayerModal .sy_Button {border-radius:15px;}
.LayerModal .sy_Bundle {padding:0px !important;}
.LayerModal .alert_comment {}
.LayerModal .alert_comment dt {color:#000; font-weight:700; font-size:17px; margin-bottom:10px;}
.LayerModal .alert_comment dd {font-size:15px; font-weight:500; line-height:1.3; color:#666; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.LayerModal .alert_comment dd strong {color:var(--color-coral);}
.LayerModal .mini_form {margin-top:15px;}
.LayerModal .tip_comment {color:var(--black-gray); font-size:12px; font-weight:500; margin-top:5px; text-align:left}
.LayerModal .tip_comment.error {color:var(--color-coral);}

.LayerModal .random_slot {margin-top:30px;}
.LayerModal .random_slot .picto {margin-bottom:15px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.LayerModal .random_slot .picto img {width:70px; display:block;}
.LayerModal .random_slot ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px;}
.LayerModal .random_slot li {flex:1; height:60px; background:#f1f4fb; border-radius:10px; overflow:hidden;}
.LayerModal .random_slot .digits {font-size:27px; font-weight:500; color:var(--color-point); transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); display:flex; justify-content:center; align-items:center; flex-direction:column;}
.LayerModal .random_slot .digits {min-height:60px;}
.LayerModal .random_slot .digits div {height:60px; line-height:60px;}

.LayerModal .minor_button {margin-bottom:10px; display:flex; justify-content:flex-end; align-items:center; flex-direction:row}
.LayerModal .minor_button .btn_minor {font-size:13px; font-weight:500; color:var(--black-soft); padding:5px 3px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px; line-height:1;}
.LayerModal .minor_button .btn_minor:before {content:""; width:8px; height:8px; background:transparent url('../images/woodong/ic_close.svg') center center / 100% no-repeat; opacity:0.3;}

.LayerModal.if_open {visibility:visible}
.LayerModal.if_open .bg_close {opacity:1; pointer-events:initial}
.LayerModal.if_open .wrapping {opacity:1; animation:mv_modal_show 0.3s ease; -webkit-animation:mv_modal_show 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

@keyframes mv_modal_show {
    0% {opacity:0; transform:scale(0.7); -webkit-transform:scale(0.7);}
    50% {opacity:1; transform:scale(1.1); -webkit-transform:scale(1.1);}
    100% {opacity:1; transform:scale(1.0); -webkit-transform:scale(1.0);}
}









/* 레이어 팝업 ========================================= */
.LayerFull {position:fixed; right:0; top:0; width:100%; height:100%; z-index:101; background:#fff; overflow:hidden; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.LayerFull {transition:all 900ms var(--cubic); transform:translateX(100%);}
.LayerFull .content_area {overflow-y:auto; flex:1; padding:20px 25px;}
.LayerFull .PageTop {background:#fff !important;}
.LayerFull .sy_Bundle {padding:16px;}
.LayerFull.type_top {z-index:200}

.LayerFull .find_form {flex:1; padding:10px 0; display:flex; justify-content:center; align-items:center; flex-direction:row}
.LayerFull .find_form input.input_search {height:50px; font-size:18px; box-sizing:border-box; flex:1; color:#1c1e22; border-radius:18px; border:1px solid #333; padding-left:16px;}
.LayerFull .find_form input.input_search::placeholder {color:#8b999c !important;}
.LayerFull .find_form input.input_search::-webkit-input-placeholder {color:#8b999c !important;}
.LayerFull .find_form input.input_search:-ms-input-placeholder {color:#8b999c !important;}
.LayerFull .find_form input.input_search:-moz-placeholder {color:#8b999c !important;}
.LayerFull .find_form .btn_text {flex:none; padding-left:15px; height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:14px; font-weight:600;}

.LayerFull .brand_find {padding-top:0px; position:relative;}
.LayerFull .brand_find input.input_search {background:#F3F4F6; border:0; padding-left:43px;}
.LayerFull .brand_find:before {content:""; width:20px; height:20px; position:absolute; left:16px; background:transparent url('../images/woodong/btn_search_brand.svg') center center / 18px no-repeat; opacity:0.3;}

.LayerFull .simple_form {}
.LayerFull .simple_form li {font-size:19px; font-weight:500; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:row;}
.LayerFull .simple_form input.design {width:100%; height:80px; padding-left:94px; font-size:inherit; font-weight:500; border-radius:18px; border:1px solid #e5e5e5; transition:all 0.2s ease-out; background:#fff;}
.LayerFull .simple_form input.design:focus {border-color:var(--color-point); box-shadow:5px 5px 10px #3182f726;}
.LayerFull .simple_form .upper_stuff {position:absolute; left:20px; color:#000; pointer-events:none; display:flex; justify-content:center; align-items:center; flex-direction:row; pointer-events:none;}
.LayerFull .simple_form .picto {width:24px; display:flex; justify-content:center; align-items:center; flex-direction:column; margin-right:10px;}
.LayerFull .simple_form .picto img {width:24px;}
.LayerFull .simple_form .tool_tip {margin-left:10px;}
.LayerFull .simple_form .btn_plus {position:absolute; right:0; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; padding-right:20px;}
.LayerFull .simple_form .btn_plus .icon {border-radius:100px; background:#C9C9D5; width:24px; aspect-ratio:1/1; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.LayerFull .simple_form .btn_plus .icon:before {content:""; background:transparent url('../images/woodong/ic_plus.svg') center center / 100% no-repeat; width:10px; height:10px; display:block; filter:invert(1)}

.LayerFull .guide_tip {background:#f1f4fb; padding:16px; font-size:14px; border-radius:15px; margin-bottom:20px; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.4;}
.LayerFull .tool_tip { word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top:12px; background:transparent url('../images/woodong/ic_tip.svg') left 1px / 13px no-repeat; padding-left:17px;}
.LayerFull .tool_tip {font-size:13px; line-height:1.3; }

.LayerFull.if_open_search_form {transform:translateX(0);}
.LayerFull.if_open {transform:translateX(0);}

html.if_iOS .LayerFull .find_form input.input_search:not(:placeholder-shown)+ .auto_word {display:block;}
html.if_iOS .LayerFull .content_area {padding-bottom:env(safe-area-inset-bottom);}
html.if_iOS .LayerFull .sy_Bundle {padding-bottom:env(safe-area-inset-bottom);}

.LayerFull .sy_None {height:auto; padding:30px 0;}

.LayerFull.layer_place_search {transition:none}
.LayerFull.layer_brand_barcode .content_area {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}






/* 레이어 세팅 ========================================= */
.LayerSet {position:fixed; left:0; top:0; width:100%; height:100%; z-index:102; box-sizing:border-box; display:flex; justify-content:flex-end; align-items:stretch; flex-direction:column; padding-top:50px; visibility:hidden}
.LayerSet .wrapping {position:relative; z-index:2; background:#fff; border-radius:30px 30px 0 0; box-sizing:border-box; transition:all 900ms var(--cubic); overflow:hidden; transform:translateY(100%); max-height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.LayerSet .bg_close {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; opacity:0; pointer-events:none;}
.LayerSet .scroll_content {overflow-y:auto; flex:1; padding:0 16px 20px; box-sizing:border-box;}
html.if_iOS .LayerSet .scroll_content.this_only {margin-bottom:env(safe-area-inset-bottom);}
.LayerSet .wrapping>.sy_Bundle {padding:16px; padding-top:0px;}
.LayerSet .PageTabContent>.sy_Bundle {padding:16px; padding-top:0px;}

.LayerSet .full_text {color:#666; line-height:1.4; font-size:14px;}

.LayerSet .title {color:#000; font-size:21px; font-weight:700; padding:0 16px; margin-bottom:15px;}
.LayerSet .btn_close {width:26px; height:26px; border-radius:100px; background:transparent url('../images/woodong/ic_close.svg') center center / 14px no-repeat;}
.LayerSet .btn_location {margin-left:6px;}
.LayerSet .btn_location:before {content:""; width:20px; height:20px; background:transparent url('../images/woodong/btn_top_location.svg') center center / 16px 18px no-repeat; display:block;}
.LayerSet .btn_back {padding:0 10px}
.LayerSet .btn_back:before {content:""; width:25px; height:45px; background:transparent url('../images/woodong/ic_arrow_back_tail.svg') center center / 22px no-repeat; display:block;}

.LayerSet .dock_area {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:0 16px; height:60px;}
.LayerSet .dock_bar {display:block; padding:15px 10px; display:flex; justify-content:center; align-items:center; flex-direction:column; margin-bottom:15px;}
.LayerSet .dock_bar:before {content:""; width:45px; height:4px; background:#ddd; border-radius:100px; display:block;}
.LayerSet .dock_area .btn_close {margin-left:auto}
.LayerSet .dock_area .title {margin-bottom:0; padding:0; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:15px; flex:1}
.LayerSet .dock_area .title_tab {opacity:0.3;}
.LayerSet .dock_area .title_tab.hit {opacity:1;}
.LayerSet .dock_area .step_stage {display:inline-flex; justify-content:flex-end; align-items:center; flex-direction:row; gap:6px; margin-left:auto; position:relative; display:none;}
.LayerSet .dock_area .step_stage:after {content:""; width:100%; height:2px; background:var(--color-point); position:absolute}
.LayerSet .dock_area .step_stage .step {width:25px; aspect-ratio:1/1; border-radius:100px; border:1px solid #f5f5f5; font-size:13px; font-weight:600; color:var(--color-point); display:flex; justify-content:center; align-items:center; flex-direction:column; border:1px solid var(--color-point); box-sizing:border-box; position:relative; z-index:2; background:#fff;}
.LayerSet .dock_area .step_stage .step.active {background:#3182f7; border:1px solid #3182f7; color:#fff;}
.LayerSet .my_save {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.LayerSet .my_save strong {font-size:16px; font-weight:600; color:var(--black-dark);}
.LayerSet .my_save .tag {width:18px; height:18px; background:var(--color-point); color:#fff; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:100px; font-weight:700;}

.LayerSet .filter_find {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:16px; padding-left:0}
.LayerSet .filter_find .search_form {position:relative; fleX:1; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.LayerSet .filter_find .search_form:before {content:""; width:15px; height:15px; background:transparent url('../images/woodong/top_search_ic.svg') center center / 100% no-repeat; position:absolute; opacity:0.2; left:16px}
.LayerSet .filter_find input.input_design {background-color:#f4f5f7; border-radius:14px; height:45px; width:100%; box-sizing:border-box; padding:0 16px; padding-left:40px; font-size:16px; border:1px solid #f4f5f7;}
.LayerSet .filter_find input.input_design {color:#000; font-weight:500; transition:all 0.25s ease-out;}
.LayerSet .filter_find input.input_design:focus {border-color:#3182f780; background-color:#fff;}
.LayerSet .filter_find .btn_clear {position:absolute; right:14px; top:50%; transform:translateY(-50%); width:20px; height:20px; background:#ccc url('../images/woodong/ic_close.svg') center center / 8px no-repeat; }
.LayerSet .filter_find .btn_clear {border-radius:100px; display:none;}
.LayerSet .filter_find input.input_design:not(:placeholder-shown) {background-color:#3182f716; border-color:#3182f750;}
.LayerSet .filter_find input.input_design:not(:placeholder-shown)+ .btn_clear {display:block}
.LayerSet .filter_find input.input_search:not(:placeholder-shown)+ .auto_word {display:block;}

.LayerSet .filter_tab {position:relative; overflow:hidden;}
.LayerSet .filter_tab:before {content:""; width:100%; height:1px; background:#f1f1f1; position:absolute; left:0; bottom:0;}
.LayerSet .filter_tab .swipe_box {}
.LayerSet .filter_tab .swipe_box ul {width:max-content; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:0 5px;}
.LayerSet .filter_tab .tab {font-size:16px; color:#666; font-weight:500; padding:0 10px;}
.LayerSet .filter_tab .tab strong {display:flex; justify-content:center; align-items:center; flex-direction:column; height:45px; position:relative;}
.LayerSet .filter_tab .tab strong:before {content:""; width:100%; height:2.5px; background:var(--color-point); position:absolute; left:0; bottom:0; z-index:2; transform:scaleX(0); transition:all 700ms var(--cubic);}
.LayerSet .filter_tab li.hit .tab {color:var(--color-point);}
.LayerSet .filter_tab li.hit .tab strong:before {transform:scaleX(1);}
.LayerSet .filter_tab+ .scroll_content {padding-top:20px;}

.LayerSet .filter_list {}
.LayerSet .filter_list li+ li {margin-top:10px;}
.LayerSet .filter_list ul+ ul {margin-top:20px; padding-top:20px; border-top:1px solid #f2f2f2;}

.LayerSet .label_field {position:relative; overflow:hidden;}
.LayerSet .label_field input {display:none;}
.LayerSet .label_field .picto {width:70px; padding:5px; aspect-ratio:auto 1/1; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; flex:none; box-sizing:border-box;overflow:hidden; }
.LayerSet .label_field .picto .img {width:100%; aspect-ratio:auto 1 / 1; position:relative; z-index:2; border-radius:100px; overflow:hidden; background-color:#f5f5f5 !important; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.LayerSet .label_field .picto .img img {width:100%; height:100%; object-fit:cover;}
.LayerSet .label_field .picto .line {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:linear-gradient(121deg,rgba(49, 130, 247, 1) 0%, rgba(46, 255, 241, 1) 50%, rgba(183, 109, 247, 1) 100%);}
.LayerSet .label_field .picto .line {border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; transition:all 0.15s ease-out; transform:scale(0,1); opacity:0;}
.LayerSet .label_field .picto .line:before {content:""; width:66px; aspect-ratio:auto 1 / 1; border-radius:100px; background:#fff; display:block; border-radius:100px; box-sizing:border-box; position:relative; z-index:1}
.LayerSet .label_field .picto.not_yet .img img {filter:blur(3px) grayscale(100%); background-color:rgba(0, 0, 0, 0.1);}
.LayerSet .label_field .picto.not_member .img:before {content:""; width:100%; aspect-ratio:auto 1 / 1; background:transparent url('../images/woodong/picto_who.svg') center center / 50% no-repeat; opacity:0.2;}
.LayerSet .label_field .data {flex:1; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.LayerSet .label_field .tx {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px; font-size:15px;}
.LayerSet .label_field .tx .tag {display:block; color:#000; font-weight:500; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:3px 2px}
.LayerSet .label_field .tx em {color:#000; font-weight:500; font-size:0.92em; margin-top:5px; opacity:0.4;}
.LayerSet .label_field .tx .add {color:#666; margin-top:3px; font-size:0.97em; line-height:1;}
.LayerSet .label_field input:checked+ .tx .tag {color:var(--color-point);}
.LayerSet .label_field input:checked+ .tx .line {transform:scale(1,1); opacity:1; animation:mv_line_spin 2s ease; animation-fill-mode:forwards;}
.LayerSet .label_field.type_hashtag .picto .img {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.LayerSet .label_field.type_hashtag .picto .img:before {content:"#"; color:#000; font-size:27px; font-weight:500;}

.LayerSet div.label_field {position:relative; display:flex; justify-content:flex-start; align-items:center; flex-direction:row}
.LayerSet div.label_field .tx {flex:1}
.LayerSet div.label_field .tx .tag {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.LayerSet div.label_field .tx .tag .end {color:var(--black-soft);}
.LayerSet div.label_field .btn_edge {width:20px; height:20px; transform:translateY(-50%); opacity:0.3; margin-left:15px;}
.LayerSet div.label_field .btn_edge.btn_delete {background:transparent url('../images/woodong/ic_close.svg') center center / 9px no-repeat;}
.LayerSet div.label_field .btn_edge.btn_go {background:transparent url('../images/woodong/ic_arrow_right.svg') center center / 7px no-repeat;}
.LayerSet div.label_field .sy_Button {flex:none; min-width:60px}

.LayerSet .filter_list li.hit div.label_field .tx .tag {color:var(--color-point);}
.LayerSet .filter_list li.hit div.label_field .tx .line {transform:scale(1,1); opacity:1; animation:mv_line_spin 2s ease; animation-fill-mode:forwards;}

.LayerSet .PageTabContent {flex:1; display:flex; justify-content:center; align-items:stretch; flex-direction:column; overflow:hidden; padding:0px;}
html.if_iOS .LayerSet .PageTabContent .sy_Bundle {padding-bottom:env(safe-area-inset-bottom);}

@keyframes mv_line_spin {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

.LayerSet .ctrl_menu {padding-top:0px; padding-bottom:30px;}
.LayerSet .ctrl_menu .btn_ctrl {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-size:16px; padding:12px 6px; gap:10px; position:relative; color:#000; font-weight:500;}
.LayerSet .ctrl_menu .btn_ctrl:after {content:""; width:12px; height:12px; background:transparent url('../images/woodong/ic_arrow_right.svg') center center / 7px 9px no-repeat; margin-left:auto;}
.LayerSet .ctrl_menu .btn_ctrl:after {filter:invert(94%) sepia(5%) saturate(504%) hue-rotate(167deg) brightness(83%) contrast(84%);}
.LayerSet .ctrl_menu .btn_ctrl .picto {}
.LayerSet .ctrl_menu .btn_ctrl .picto img {width:26px; display:block;}
.LayerSet .ctrl_menu li.hit .btn_ctrl {color:var(--color-point);}

.LayerSet .scroll_content.if_local_list {padding:0px; overflow:hidden; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.LayerSet .local_list {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; overflow:hidden; padding:0px !important;}
.LayerSet .local_list .sy_Label {display:flex}
.LayerSet .local_list .local_first {flex:none; width:130px; background:#f0f5f8; overflow-y:auto; box-sizing:border-box; padding:10px 8px;}
.LayerSet .local_list .local_first::-webkit-scrollbar {display:none;}
.LayerSet .local_list .local_first .tab_local {display:flex; justify-content:center; align-items:center; flex-direction:column; color:#565f66; font-size:15px; font-weight:500; height:45px; border-radius:10px;}
.LayerSet .local_list .local_first .tab_local.hit {background:#fff; color:#000;}
.LayerSet .local_list .local_second {flex:1; overflow-y:auto; padding:20px 16px;}
.LayerSet .local_list .local_second::-webkit-scrollbar {display:none;}
.LayerSet .local_list .local_second li+ li {margin-top:10px;}

.LayerSet .sort_list {margin-top:-15px;}
.LayerSet .sort_list li+ li {border-top:1px solid #ededef;}
.LayerSet .sort_list label.one_sort {overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:15px 0;}
.LayerSet .sort_list label.one_sort input {display:none;}
.LayerSet .sort_list label.one_sort .photo {width:45px; height:45px; overflow:hidden; border-radius:100px; flex:none; margin-right:10px;}
.LayerSet .sort_list label.one_sort .photo img {width:100%; height:100%; object-fit:cover}
.LayerSet .sort_list label.one_sort dl {flex:1}
.LayerSet .sort_list label.one_sort dt {color:#222; font-size:15px; font-weight:600;}
.LayerSet .sort_list label.one_sort dd {color:#676767; font-size:13px; margin-top:4px;}
.LayerSet .sort_list label.one_sort .icon {width:20px; height:20px; order:3; position:relative;}
.LayerSet .sort_list label.one_sort .icon:before {content:""; position:absolute; left:2px; bottom:3px; height:8px; width:2px; border-radius:100px; transform:rotate(-40deg); -webkit-transform:rotate(-40deg); background:#b1bac3;}
.LayerSet .sort_list label.one_sort .icon:before {transform-origin:right top;}
.LayerSet .sort_list label.one_sort .icon:after {content:""; position:absolute; left:7px; bottom:5px; height:12px; width:2px; border-radius:100px; transform:rotate(40deg); -webkit-transform:rotate(40deg); background:#b1bac3;}
.LayerSet .sort_list label.one_sort .icon:after {transform-origin:left bottom;}
.LayerSet .sort_list label.one_sort input:checked+ .icon:before {background:#f4695f;}
.LayerSet .sort_list label.one_sort input:checked+ .icon:before {animation:mv_hy_label_sort_short 0.3s ease; -webkit-animation:mv_hy_label_sort_short 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

.LayerSet .sort_list label.one_sort input:checked+ .icon:after {background:#f4695f;}
.LayerSet .sort_list label.one_sort input:checked+ .icon:after {animation:mv_hy_label_sort_long 0.3s ease; -webkit-animation:mv_hy_label_sort_long 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

@keyframes mv_hy_label_sort_short {
    0% {transform:rotate(-40deg) scale(1,0); -webkit-transform:rotate(-40deg) scale(1,0);}
	50% {transform:rotate(-40deg) scale(1,1); -webkit-transform:rotate(-40deg) scale(1,1);}
    100% {transform:rotate(-40deg) scale(1,1); -webkit-transform:rotate(-40deg) scale(1,1);}
}
@keyframes mv_hy_label_sort_long {
    0% {transform:rotate(40deg) scale(1,0); -webkit-transform:rotate(40deg) scale(1,0);}
	50% {transform:rotate(40deg) scale(1,0); -webkit-transform:rotate(40deg) scale(1,0);}
    100% {transform:rotate(40deg) scale(1,1); -webkit-transform:rotate(40deg) scale(1,1);}
}

.LayerSet .dropbox_list {}
html.if_iOS .LayerSet .dropbox_list {padding-bottom:env(safe-area-inset-bottom);}
.LayerSet .dropbox_list ul {display:flex; justify-content:center; align-items:stretch; flex-direction:column; gap:10px}
.LayerSet .dropbox_list .btn_click {border-radius:8px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; height:50px; padding:0 15px; box-sizing:border-box; background:#f1f2f5;}
.LayerSet .dropbox_list .btn_click {font-size:15px; color:#666; border:1px solid #f1f2f5; font-weight:500;}
.LayerSet .dropbox_list .btn_click.if_checked {background:#fff; border:1px solid var(--color-point); color:var(--color-point);}

.LayerSet .about_brand {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; position:relative; padding:15px; flex:none; border-bottom:1px solid #f2f2f2;}
.LayerSet .about_brand .btn_close {width:50px; order:-1; margin-left:-5px;}
.LayerSet .about_brand .logo {width:50px; aspect-ratio:1/1; overflow:hidden; border-radius:100px; background:#fff; order:2}
.LayerSet .about_brand .logo img {width:100%; height:100%; object-fit:cover;}
.LayerSet .about_brand .name {color:#000; font-size:16px; font-weight:500; line-height:1; flex:1; text-align:center;}

.LayerSet .simple_form {flex:1}
.LayerSet .simple_form li {font-size:19px; font-weight:500; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; position:relative;}
.LayerSet .simple_form .element {flex:1; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:row; }
.LayerSet .simple_form input.design {width:100%; height:50px; padding-left:50px; font-size:inherit; font-weight:500; border-radius:22px; border:0; transition:all 0.2s ease-out; background:#e7e7e7}
.LayerSet .simple_form input.design:focus {border-color:var(--color-point); box-shadow:5px 5px 10px #3182f726;}
.LayerSet .simple_form textarea.message {width:100%; min-height:50px; max-height:120px; font-size:17px; font-weight:500; border:0; transition:all 0.2s ease-out; background:#fff; padding:15px 5px; overflow-y:hidden; box-sizing:border-box;}
.LayerSet .simple_form .upper_stuff {position:absolute; left:15px; color:#000; pointer-events:none; display:flex; justify-content:center; align-items:center; flex-direction:row; pointer-events:none; font-size:20px;}
.LayerSet .simple_form .picto {width:24px; display:flex; justify-content:center; align-items:center; flex-direction:column; margin-right:10px;}
.LayerSet .simple_form .picto img {width:24px;}
.LayerSet .simple_form .tool_tip {margin-left:10px;}
.LayerSet .simple_form .btn_plus {position:absolute; right:10px; width:30px; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.LayerSet .simple_form .btn_plus .icon {width:16px; height:2px; background:#000;}
.LayerSet .simple_form .btn_plus:before {content:""; height:16px; width:2px; display:block; background:#000; position:absolute;}
.LayerSet .simple_form .btn_send {width:50px; aspect-ratio:1/1; display:flex; justify-content:center; align-items:center; flex-direction:column; background:var(--color-point); color:#fff; font-size:20px; border-radius:100px;}
.LayerSet .simple_form .btn_send.if_before {opacity:0.3; pointer-events:none;}
.LayerSet .tool_tip { word-wrap:break-word; word-break:keep-all; white-space:normal; margin-bottom:8px; background:transparent url('../images/woodong/ic_tip.svg') left 1px / 13px no-repeat; padding-left:17px;}
.LayerSet .tool_tip {font-size:13px; line-height:1.3;}

.LayerSet .charge_form {flex:none; padding:15px 0;}
.LayerSet .charge_form .pay_way {overflow-x:auto; padding:0 15px;}
.LayerSet .charge_form .pay_way ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:8px; margin-right:15px;}
.LayerSet .charge_form .pay_way ul {width:max-content;}
.LayerSet .charge_form .pay_way li {width:90px;}
.LayerSet .charge_form .label_pay {width:100%;}
.LayerSet .charge_form .label_pay input {display:none;}
.LayerSet .charge_form .label_pay .tx {font-size:14px; font-weight:500; color:#000; border:1px solid #eee; border-radius:8px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:8px; padding:15px 0;}
.LayerSet .charge_form .label_pay .picto {width:40px; aspect-ratio:1/1; background-repeat:no-repeat; background-position:center center; background-size:100%; border-radius:15px; overflow:hidden; background-color:#eee;}
.LayerSet .charge_form .label_pay.naver .picto {background-image:url('../images/woodong/picto_pay_naver.png');}
.LayerSet .charge_form .label_pay.kakao .picto {background-image:url('../images/woodong/picto_pay_kakao.png');}
.LayerSet .charge_form .label_pay.card .picto {background-image:url('../images/woodong/picto_pay_card.png');}
.LayerSet .charge_form .label_pay.mobile .picto {background-image:url('../images/woodong/picto_pay_mobile.png'); }
.LayerSet .charge_form .label_pay.virtual .picto {background-image:url('../images/woodong/picto_pay_virtual.png');}
.LayerSet .charge_form .label_pay.culture .picto {background-image:url('../images/woodong/picto_pay_culture.png');}
.LayerSet .charge_form .label_pay.book .picto {background-image:url('../images/woodong/picto_pay_book.png');}
.LayerSet .charge_form .label_pay input:checked+ .tx {border-color:var(--color-point); color:var(--color-point); background:#4285F412;}
.LayerSet .charge_form .label_pay input:checked+ .picto {background:var(--color-point);}
.LayerSet .charge_form .agree {padding:0 15px;}

.LayerSet .action_comment {padding:0 16px; font-size:20px; font-weight:500; line-height:1.4; padding-bottom:30px; margin-bottom:30px; border-bottom:10px solid var(--black-clear);}
.LayerSet .action_comment strong {font-weight:800;}

.LayerSet .open_form {margin-top:10px;}

.LayerSet.if_open {visibility:visible}
.LayerSet.if_open .bg_close {opacity:1; pointer-events:initial}
.LayerSet.if_open .wrapping {opacity:1; transform:translateY(0);}

.LayerSet.type_fill {padding:0 !important}
.LayerSet.type_fill .wrapping {height:100%; border-radius:0px; transform:translateY(0); transform:translateX(100%); padding-top:env(safe-area-inset-top);}
.LayerSet.type_fill .bg_close {display:none;}
.LayerSet.type_fill.if_open .wrapping {transform:translateX(0);}

.LayerSet.type_full .wrapping {height:100%; padding-bottom:0px !important;}

.LayerSet.layer_ads_place .scroll_content {padding:20px 0 0 0;}

html.if_iOS .LayerSet {padding-top:90px;}
html.if_iOS .LayerSet .preview_place {padding-bottom:0}




/* 후원하기 폼 팝업 ========================================= */
.PlaceDonation {position:relative; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.PlaceDonation .howmuch {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px; height:40px; margin:60px 0;}
.PlaceDonation .howmuch .btn_clear {padding:5px; display:flex; justify-content:center; align-items:center; flex-direction:column; opacity:0.3;}
.PlaceDonation .howmuch .btn_clear:before {content:""; width:20px; aspect-ratio:1/1; background:transparent url('../images/woodong/ic_close_fill.svg') center center / 100% no-repeat;}
.PlaceDonation .howmuch .value {font-weight:500; background:#fff; font-size:25px; color:#ccc; line-height:1; display:flex; justify-content:center; align-items:center; flex-direction:row}
.PlaceDonation .howmuch .value.after {color:#000; font-weight:800; font-size:35px; letter-spacing:-1px;}
.PlaceDonation .howmuch .value.after strong {font-variant-numeric:tabular-nums;}
.PlaceDonation .howmuch .value.after em {font-size:0.7em; font-weight:600;}
.PlaceDonation .warning {margin-top:20px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:5px;}
.PlaceDonation .warning .message {font-size:14px; font-weight:500; color:var(--color-coral);}
.PlaceDonation .warning .btn_link {font-size:14px; font-weight:500; color:var(--black-dark); text-decoration:underline; text-underline-offset:3px; padding:5px;}

.PlaceDonation .unit_amount {margin-bottom:10px;}
.PlaceDonation .unit_amount ul {display:flex; justify-content:center; align-items:center; flex-direction:row; border:1px solid var(--black-light); border-radius:10px; overflow:hidden;}
.PlaceDonation .unit_amount li {flex:1;}
.PlaceDonation .unit_amount li+ li {border-left:1px solid var(--black-light);}
.PlaceDonation .unit_amount .btn_unit {display:flex; justify-content:center; align-items:center; flex-direction:row; font-size:15px; font-weight:600; color:var(--black-dark); height:50px;}
.PlaceDonation .unit_amount .btn_unit:active {background:#3182f733;}
.PlaceDonation .unit_amount .btn_unit.lack {background:var(--black-clear); color:var(--black-soft); pointer-events:none;}
.PlaceDonation .mine {font-size:13px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px; font-weight:500;}
.PlaceDonation .mine em {color:var(--black-gray);}
.PlaceDonation .mine strong {color:#000;}
.PlaceDonation .tip {color:#aaa;}

.PlaceDonation .message_form {position:relative;}
.PlaceDonation .message_form .form_title {color:#000; font-weight:700; font-size:18px; display:flex; justify-content:center; align-items:flex-end; flex-direction:row}
.PlaceDonation .message_form .form_title strong {flex:1;}
.PlaceDonation .message_form .form_area {position:relative; display:flex; justify-content:tretch; align-items:tretch; flex-direction:column; margin-bottom:20px;}
.PlaceDonation .message_form textarea.message {border:2px solid #000; border-radius:10px; resize:none; font-size:16px; line-height:1.4;}
.PlaceDonation .message_form .comment {position:absolute; left:15px; top:15px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px; font-size:15px; font-weight:600; color:#999; pointer-events:none;}
.PlaceDonation .message_form .comment i.fi {color:var(--color-point); font-size:0.85em;}
.PlaceDonation .message_form .byte {font-size:12px; font-weight:500; color:#bbb; position:absolute; right:10px; bottom:10px; pointer-events:none;}
.PlaceDonation .message_form .byte strong {font-weight:600; color:#000;}

.PlaceDonation .score_star {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.PlaceDonation .score_star .comment {font-size:15px; font-weight:600; color:#999; margin-bottom:10px;}
.PlaceDonation .score_star ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px}
.PlaceDonation .score_star li {}
.PlaceDonation .score_star .click {display:block; width:35px; aspect-ratio:1/1; background:transparent url('../images/woodong/review_star.svg') center center / 35px no-repeat; opacity:0.2;}
.PlaceDonation .score_star.if_score1 li:nth-of-type(1) .click {opacity:1; filter:invert(52%) sepia(58%) saturate(495%) hue-rotate(315deg) brightness(90%) contrast(116%)}
.PlaceDonation .score_star.if_score2 li:nth-of-type(n+1):nth-of-type(-n+2) .click {opacity:1; filter:invert(52%) sepia(58%) saturate(495%) hue-rotate(315deg) brightness(90%) contrast(116%)}
.PlaceDonation .score_star.if_score3 li:nth-of-type(n+1):nth-of-type(-n+3) .click {opacity:1; filter:invert(52%) sepia(58%) saturate(495%) hue-rotate(315deg) brightness(90%) contrast(116%)}
.PlaceDonation .score_star.if_score4 li:nth-of-type(n+1):nth-of-type(-n+4) .click {opacity:1; filter:invert(52%) sepia(58%) saturate(495%) hue-rotate(315deg) brightness(90%) contrast(116%)}
.PlaceDonation .score_star.if_score5 li:nth-of-type(n+1):nth-of-type(-n+5) .click {opacity:1; filter:invert(52%) sepia(58%) saturate(495%) hue-rotate(315deg) brightness(90%) contrast(116%)}

.PlaceDonation .upload_list { display:flex; justify-content:flex-start; align-items:flex-start;; flex-direction:column; margin:0 -16px; overflow-x:auto;}
.PlaceDonation .upload_list ul {width:max-content; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:10px; padding:0 16px;}
.PlaceDonation .upload_list li {aspect-ratio:2/3; border-radius:10px; width:150px; overflow:hidden; border-radius:6px; position:relative;}
.PlaceDonation .upload_list img {width:100%; height:100%; object-fit:cover; display:block;}
.PlaceDonation .upload_list .btn_delete {position:absolute; right:0; top:0; font-size:23px; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:5px; border-radius:100px;}
.PlaceDonation .upload_list .btn_delete i.fi {position:relative; z-index:2;}
.PlaceDonation .upload_list .btn_delete:before {content:""; width:50%; aspect-ratio:1/1; background:#fff; position:absolute; border-radius:100px;}

.PlaceDonation .btn_upload {position:absolute; right:16px; bottom:15px; display:flex; justify-content:center; align-items:center; flex-direction:column; width:60px; aspect-ratio:1/1; background:#cee2ff; border-radius:100px; z-index:100;}
.PlaceDonation .btn_upload:before {content:""; width:16px; height:2px; background:var(--color-point);}
.PlaceDonation .btn_upload:after {content:""; width:2px; height:16px; background:var(--color-point); position:absolute;}

.PlaceDonation .step_stage {flex:1; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.PlaceDonation .big_title {font-size:26px; font-weight:700; color:#000; margin-bottom:25px;}
.PlaceDonation .mini_title {font-size:17px; font-weight:600; color:#333; margin-bottom:15px;}
.PlaceDonation .account_form {width:100%; height:50px; font-size:24px; border-bottom:1px solid #eee; font-weight:500;}
.PlaceDonation .account_form:focus {color:#000; border-color:var(--color-point);}
.PlaceDonation .account_form:not(:placeholder-shown) {color:var(--color-point);}
.PlaceDonation .bank_list {margin-top:30px;}
.PlaceDonation .bank_list ul {display:flex; justify-content:center; align-items:stretch; flex-direction:column; gap:5px}
.PlaceDonation .bank_list .sy_Label_button .tx {background:#fff; border-color:#fff; border-radius:100px; font-size:17px;}
.PlaceDonation .mybank {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px; font-size:15px; font-weight:500; color:var(--color-point); margin-top:15px;}
.PlaceDonation .complete_output {display:flex; justify-content:center; align-items:center; flex-direction:column; padding:30px 0;}
.PlaceDonation .complete_output .picto {width:90px; aspect-ratio:1/1; border-radius:100px; overflow:hidden; margin-bottom:15px;}
.PlaceDonation .complete_output .result {font-size:26px; font-weight:500; color:#000; text-align:center; line-height:1.4;}
.PlaceDonation .charge_per {margin-top:auto; margin-bottom:10px;}
.PlaceDonation .charge_per dl {display:flex; justify-content:space-between; align-items:center; flex-direction:row; font-size:16px; font-weight:500;}
.PlaceDonation .charge_per dl+ dl {border-top:1px solid #f2f2f2; margin-top:6px; padding-top:6px;}
.PlaceDonation .charge_per dt {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px}
.PlaceDonation .charge_per strong {color:var(--color-point); font-weight:600;}





/* 사이트맵 ========================================= */
.AllMenu {padding-bottom:30px;}
.AllMenu .sitamap_menu {box-sizing:border-box; padding:0 23px;}
.AllMenu .sitamap_menu ul+ ul {border-top:1px solid var(--black-clear); margin-top:20px; padding-top:20px;}
.AllMenu .sitamap_menu ul {display:flex; justify-content:center; align-items:stretch; flex-direction:column; gap:15px}
.AllMenu .sitamap_menu li {display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.AllMenu .sitamap_menu .menu {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px;}
.AllMenu .sitamap_menu .menu .tx {color:#111; font-size:18px; font-weight:500;}
.AllMenu .sitamap_menu .menu .dot {width:4px; height:4px; border-radius:100px; background:#ff0000; margin:-15px 0 0 -2px;}
.AllMenu .sitamap_menu .picto {flex:none; margin-right:6px; background:#f5f5f5; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; width:36px; aspect-ratio:1/1; }
.AllMenu .sitamap_menu .picto i {font-size:18px;}
.AllMenu .sitamap_menu .picto i:before {display:block;}
.AllMenu .sitamap_menu .picto img {width:22px; display:block;}
.AllMenu .sitamap_menu .count {display:flex; justify-content:center; align-items:center; flex-direction:column; height:26px; font-size:13px; border-radius:100px; background:var(--color-point);; font-weight:700; color:#fff;}
.AllMenu.scroll_content {padding:0px;}
.AllMenu .sitamap_menu .count {min-width:26px;}
.AllMenu .setting_menu {}
.AllMenu .setting_menu .section_title {color:var(--black-soft); font-size:18px; font-weight:700; line-height:1; padding:0 24px;}
.AllMenu .setting_menu ul {padding:0 24px;}
.AllMenu .setting_menu ul+ .section_title {margin-top:20px; border-top:10px solid var(--black-clear); padding-top:30px;}
.AllMenu .setting_menu li {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px; height:55px; box-sizing:border-box;}
.AllMenu .setting_menu li+ li {border-top:1px solid #f2f2f2;}
.AllMenu .setting_menu .menu {color:var(--black-mid); font-size:15px; font-weight:500; flex:1; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px}
.AllMenu .setting_menu .menu strong {color:var(--color-coral); font-weight:600}
.AllMenu .setting_menu .menu.if_newest strong {color:var(--color-point);}
.AllMenu .setting_menu .btn_click {background:var(--black-clear); font-size:12px; font-weight:500; padding:0 10px; border-radius:100px; color:var(--black-gray); font-weight:500; height:26px; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box;}
.AllMenu .setting_menu .btn_click.color { border:1px solid var(--color-coral); color:var(--color-coral); background:#fff;}
.AllMenu .setting_menu .newest {color:var(--color-point); font-weight:500;}
.AllMenu .setting_menu a.menu:after {content:""; width:25px; height:10px; background:transparent url('../images/woodong/ic_arrow_right.svg') center center / 8px 9px no-repeat; margin-left:auto; filter:invert(94%) sepia(5%) saturate(504%) hue-rotate(167deg) brightness(83%) contrast(84%);}
.AllMenu .about_compay {padding:20px; background:#f3f4f6; border-radius:15px; margin:0 24px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; display:none; gap:4px}
.AllMenu .about_compay .txt {font-size:13px; color:var(--black-gray); line-height:1.2; display:block;}
.AllMenu .about_compay.if_open {display:flex;}




/* 혜택 광고배너 ========================================= */
.AdsBanner {position:relative; background:#fff; z-index:10; margin:16px; border-radius:18px;}
.AdsBanner .rolling_box {overflow:hidden;}
.AdsBanner .roll_icon {position:absolute; right:16px; top:10px;}
.AdsBanner .roll_icon ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.AdsBanner .roll_icon .btn {width:6px; height:6px; border-radius:100px; background:#CECFD1;}
.AdsBanner .roll_icon .active .btn {background:#95969A}

.AdsBanner .one_banner {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:30px 26px;}
.AdsBanner .one_banner .enter_data {flex:1}
.AdsBanner .one_banner .benefit {font-size:15px; color:#000; font-weight:500; margin-bottom:10px;}
.AdsBanner .one_banner .title {font-size:21px; font-weight:700; color:#000;}
.AdsBanner .one_banner .text {font-size:13px; color:var(--black-soft); margin-top:20px;}
.AdsBanner .one_banner .photo {overflow:hidden; width:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; flex:none}
.AdsBanner .one_banner .photo img {width:80px; display:block;}





/* 혜택액션 ========================================= */
.MyBenefit {background:#f3f4f6; padding-bottom:30px;}

.MyBenefit .own_point {background:#fff; box-sizing:border-box; padding:30px 20px; padding-top:10px;}
.MyBenefit .own_point .mine_benefit {}
.MyBenefit .own_point .mine_benefit .title {color:#000; font-size:15px; font-weight:600; line-height:1;}
.MyBenefit .own_point .mine_benefit .value {font-size:35px; font-weight:600; color:#000; margin-top:10px; line-height:1; display:flex; justify-content:flex-start; align-items:center; flex-direction:row}
.MyBenefit .own_point .mine_benefit .value strong {font-weight:700;}
.MyBenefit .own_point .mine_benefit .value em {font-size:0.9em;}

.MyBenefit .action_ctrl {margin-top:10px; display:flex; justify-content:space-between; align-items:center; flex-direction:row; gap:10px}
.MyBenefit .action_ctrl .btn_set {display:flex; justify-content:center; align-items:center; flex-direction:column; padding:0 5px; border-radius:100px; height:40px; font-weight:600; font-size:14px; flex:1}
.MyBenefit .action_ctrl .btn_set {box-sizing:border-box; background:#fff; color:var(--black-mid); border:1px solid var(--black-light);}
.MyBenefit .action_ctrl .btn_set.blue {background:var(--color-point); color:#fff; border:0}

.MyBenefit .point_save {margin-top:20px; display:flex; justify-content:space-between; align-items:center; flex-direction:row; font-size:15px;}
.MyBenefit .point_save .option {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-weight:500;}
.MyBenefit .point_save .option:before {content:""; width:18px; height:18px; background:transparent url('../images/woodong/picto_point.svg') center center / 100% no-repeat; margin-right:5px;}
.MyBenefit .point_save .value {font-weight:600; color:#000; font-size:16px;}

.MyBenefit .account_set {margin-top:10px;}
.MyBenefit .account_set {padding:10px 0; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:6px; font-size:16px;}
.MyBenefit .account_set .bank_logo {display:flex; justify-content:center; align-items:center; flex-direction:column; width:30px; aspect-ratio:1/1; overflow:hidden; border-radius:13px; position:relative;}
.MyBenefit .account_set .bank_logo img {width:100%; display:block;}
.MyBenefit .account_set .bank_logo ul {position:absolute; width:100%; height:100%;}
.MyBenefit .account_set .bank_logo li {position:absolute; width:100%; height:100%; opacity:0; transition:all 0.3s ease-out;}
.MyBenefit .account_set .bank_logo li.active {opacity:1; z-index:2}
.MyBenefit .account_set .context {flex:1; font-weight:600;}
.MyBenefit .account_set .btn_go {color:var(--black-dark); font-size:14px; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:3px 0; font-weight:500;}
.MyBenefit .account_set .btn_go:after {content:""; width:8px; height:10px; background:transparent url('../images/woodong/ic_arrow_right.svg') center center / 8px 9px no-repeat; display:inline-block; margin-left:5px;}
.MyBenefit .account_set .btn_go:after {filter:invert(94%) sepia(5%) saturate(504%) hue-rotate(167deg) brightness(83%) contrast(84%);}

.MyBenefit .one_benefit {background:#fff; border-radius:18px; padding:0 20px; padding-right:20px;}
.MyBenefit .one_benefit .data_with {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:20px 0; position:relative;}
.MyBenefit .one_benefit .context {flex:1; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.MyBenefit .one_benefit .how {color:#000; font-weight:700; font-size:21px;}
.MyBenefit .one_benefit .badge {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; margin-bottom:10px; font-weight:600; color:var(--black-dark); gap:6px;}
.MyBenefit .one_benefit .tag {color:#fff; font-size:13px; border-radius:10px; padding:0 10px; display:flex; justify-content:center; align-items:center; flex-direction:row; box-sizing:border-box; height:26px; background:linear-gradient(to right, #3264fe 0%, #32b3fe 100%);}
.MyBenefit .one_benefit .tag.special {background:linear-gradient(to right, #ff472f 0%, #ffe02f 100%);}
.MyBenefit .one_benefit .tag.good {background:linear-gradient(to right, #7c1ce9 0%, #748eff 100%);}
.MyBenefit .one_benefit .picto {display:flex; justify-content:center; align-items:center; flex-direction:column; margin-right:20px;}
.MyBenefit .one_benefit .picto img {width:70px}
.MyBenefit .one_benefit .doing {font-size:16px; margin-top:3px; color:var(--black-gray);}
.MyBenefit .one_benefit .go_tip {color:#999; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-size:16px; padding:5px 0; line-height:1; font-weight:500; margin-top:3px; position:relative; z-index:11}
.MyBenefit .group_title {font-size:18px; font-weight:600; color:var(--black-gray); font-weight:600; margin:15px 0 10px;}
.MyBenefit .lets_go {display:block; text-align:center; font-size:15px; font-weight:500; color:var(--color-point); border-top:1px solid var(--black-clear); padding:20px 0}

.MyBenefit .special_list {display:flex; justify-content:center; align-items:stretch; flex-direction:column; margin:16px; gap:15px}

.MyBenefit .more_view {text-align:center;}
.MyBenefit .more_view .btn_more {color:var(--black-soft); font-size:14px; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:10px;}
.MyBenefit .more_view .btn_more:after {content:""; width:12px; height:12px; background:transparent url('../images/woodong/ic_arrow_down.svg') center center / 12px 10px no-repeat; display:inline-block; margin-left:5px;}





/* 내 가게 ========================================= */
.MyShop {position:relative; padding-bottom:30px;}
.MyShop .data_list {padding:0 16px;}
.MyShop .data_list .li+ .li {margin-top:20px; padding-top:20px; border-top:1px solid #eeeff1;}
.MyShop .one_shop {position:relative;}
.MyShop .one_shop .store {color:#000; font-weight:600; font-size:16px;}
.MyShop .one_shop .info {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-size:14px; margin-top:10px;}
.MyShop .one_shop .info .option {font-weight:500; color:var(--black-gray); flex:none}
.MyShop .one_shop .info .value {color:var(--black-mid); position:relative; margin-left:7px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding-left:10px; flex:1}
.MyShop .one_shop .info .value:before {content:""; width:3px; height:3px; background:#e1e1e1; border-radius:100px; position:absolute; left:0; top:50%; transform:translateY(-50%);}

.MyShop .one_shop .photo_list {margin-top:15px;}
.MyShop .one_shop .photo_list ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:2px; border-radius:10px; overflow:hidden;}
.MyShop .one_shop .photo_list li {overflow:hidden; aspect-ratio:1/1;}
.MyShop .one_shop .photo_list img {width:100%; height:100%; object-fit:cover; display:block;}

html.if_iOS .MyShop .PageTop {margin-top:-35px;}




/* 리뷰목록 ========================================= */
.ReviewList {padding:0 16px; padding-bottom:30px;}
.ReviewList .li {display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.ReviewList .li+ .li {margin-top:20px; padding-top:20px; border-top:1px solid #eeeff1;}
.ReviewList .user_profile {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px}
.ReviewList .user_profile .photo {width:38px; height:38px; border-radius:100px; overflow:hidden; border:2px solid #fff; box-shadow:2.1px 2.1px 12px 0 rgba(0, 0, 0, 0.09); background:#e4edff;}
.ReviewList .user_profile .photo img {width:100%; height:100%; object-fit:cover;}
.ReviewList .user_profile .whois {flex:1}
.ReviewList .user_profile .name {color:#222224; font-size:15px; font-weight:600;}
.ReviewList .user_profile .date {color:#939395; font-size:12px; margin-top:4px; line-height:1;}
.ReviewList .user_profile .btn_more {margin-left:auto; background:transparent url('../images/woodong/ic_btn_more.svg') center right / 16px no-repeat; width:30px; height:20px;}
.ReviewList .user_profile .btn_more {filter:invert(77%) sepia(12%) saturate(196%) hue-rotate(169deg) brightness(94%) contrast(95%);}
.ReviewList .sum {margin-bottom:10px; font-weight:600; color:#000; font-size:15px;}
.ReviewList .comment {margin-top:15px; color:#333; font-size:14px; line-height:1.5;}
.ReviewList .blind {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; color:#aaa; gap:3px}

.ReviewList .register {margin-top:6px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px}
.ReviewList .register .text {position:relative; font-size:14px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:3px; color:#939395; line-height:1; padding:5px 0;}
/* .ReviewList .register .text:before {content:""; width:16px; height:12px; background-repeat:no-repeat; background-position:center center; background-size:16px;}
.ReviewList .register .date:before {display:none;} */
.ReviewList .register .review strong {color:#000; font-weight:600;}
.ReviewList .register .review em {font-size:12px; color:#ccc; font-weight:500;}
.ReviewList .register .star {width:70px; position:relative;}
.ReviewList .register .star .icon {width:100%; height:20px; background:transparent url('../images/woodong/review_star.svg') left center / 14px repeat-x; display:block;}
.ReviewList .register .star .default {filter:invert(100%) sepia(2%) saturate(1925%) hue-rotate(156deg) brightness(115%) contrast(73%);}
.ReviewList .register .star .value {position:absolute; left:0; top:0; z-index:2; filter:invert(52%) sepia(58%) saturate(495%) hue-rotate(315deg) brightness(90%) contrast(116%);}
.ReviewList .register .side {display:flex; justify-content:center; align-items:center; flex-direction:row; margin-left:auto; gap:15px}
.ReviewList .register .ic {width:18px; height:18px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.ReviewList .register .ic {filter:invert(77%) sepia(12%) saturate(196%) hue-rotate(169deg) brightness(94%) contrast(95%);}
.ReviewList .register .btn_siren {margin-left:auto; font-size:14px; color:#aaa; padding:5px;}

.ReviewList .photo_list {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; gap:1px; overflow-x:auto; padding:0 16px; margin:0 -16px; margin-top:10px;}
.ReviewList .photo_list ul {display:flex; justify-content:center; align-items:stretch; flex-direction:row; width:max-content; gap:1px}
.ReviewList .photo_list li {flex:none; width:80px; overflow:hidden; aspect-ratio:1/1;}
.ReviewList .photo_list li:first-of-type {border-radius:10px 0 0 10px;}
.ReviewList .photo_list li:last-of-type {border-radius:0 10px 10px 0;}
.ReviewList .photo_list img {width:100%; height:100%; object-fit:cover; display:block;}

.ReviewList .round_wrap {background:#f7f7f9; border-radius:20px; padding:15px; margin-top:15px;}
.ReviewList.type_donation .comment {margin:0px;}
.ReviewList.type_donation .li {border-top:0; padding-top:0px;}






/* 장소목록 ========================================= */
.PlaceList {}
.PlaceList.this_scroll_page {flex:1; overflow-y:auto;}

.PlaceList .data_list {}
.PlaceList .data_list li {position:relative;}
.PlaceList .list_wrap {padding:0 7px; display:grid; grid-template-columns:repeat(2, 1fr); gap:7px; height:100%;}
.PlaceList .list_wrap ul {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}

.PlaceList .one_place {margin-bottom:15px; position:relative; overflow:hidden; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.PlaceList .one_place .photo {overflow:hidden; border-radius:18px; aspect-ratio:auto 3 / 4; order:1; position:relative; background:#F5F5F5;}
.PlaceList .one_place .photo img {width:100%; height:100%; object-fit:cover; display:block; background:#eee url('../images/woodong/view_photo_more.svg') center center / 40px no-repeat;}
.PlaceList .one_place .photo img.loaded {}


.PlaceList .one_place .info {margin-top:10px; color:#1b1d27; font-weight:500; padding-left:6px; order:3}
.PlaceList .one_place .special {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; border:1px solid #e9e9e9; border-radius:0 0 24px 24px; border-top:0; padding:8px; gap:8px; background:#fff;}
.PlaceList .one_place .special {z-index:2; position:relative; order:2}
.PlaceList .one_place .special+ .photo {border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.PlaceList .one_place .brand {color:var(--color-coral); font-weight:700; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; font-size:14px;}
.PlaceList .one_place .logo {flex:none; border-radius:100px; width:32px; height:32px; overflow:hidden; position:relative;}
.PlaceList .one_place .logo img {width:100%; height:100%; object-fit:cover}
.PlaceList .one_place .distance {color:#666; font-weight:700; line-height:1;}
.PlaceList .one_place .position_info {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px; margin-bottom:4px;}

.PlaceList .one_place .name {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; font-size:17px; font-weight:700;}
.PlaceList .one_place .review_pick {margin-top:3px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; font-size:14px;}
.PlaceList .one_place .review_pick a {display:inline; pointer-events:none;}
.PlaceList .one_place .youtube {overflow:hidden; border-radius:18px; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.PlaceList .one_place .youtube iframe {width:calc(100% + 2px); height:100% !important; aspect-ratio:16/9;}
.PlaceList .one_place .youtube.short {aspect-ratio:3/4;}
.PlaceList .one_place .youtube.short iframe {width:calc(100% + 2px); height:auto !important; aspect-ratio:9/16;}
.PlaceList .one_place .special+ .youtube {border-bottom-left-radius:0px; border-bottom-right-radius:0px;}

.PlaceList .one_place .upper_link2 {display:none;}
.PlaceList .data_list ul:nth-of-type(2) li:nth-of-type(1) .upper_link2 {display:block;}



/* 장소 광고영역 ========================================= */
.SpecialAds {margin:15px 0 30px; padding:0 10px;}
.SpecialAds .rolling_wrap {position:relative; border-radius:20px; overflow:hidden; background:#f5f5f5;}
.SpecialAds .paginate {position:absolute; right:10px; bottom:10px; color:#ddd; background:rgba(0,0,0,0.6); border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:row}
.SpecialAds .paginate {height:22px; font-size:11px; font-weight:500; width:38px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:1px; z-index:2}
.SpecialAds .info {position:relative; overflow:hidden; padding:12px; padding-bottom:0px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.SpecialAds .info .ads_title {font-size:19px; font-weight:600;}
.SpecialAds .info .ads_desc {font-size:14px; color:#949496; margin-top:3px;}
.SpecialAds .info .distance {color:var(--color-coral); font-weight:700; line-height:1; margin-bottom:3px;}
.SpecialAds .photo {overflow:hidden; position:relative; aspect-ratio:auto 9/11;}
.SpecialAds .photo img {display:block; width:100%; height:100%; object-fit:cover;}
.SpecialAds .rolling_box {overflow:hidden; display:block; height:100%;}
.SpecialAds .rolling_box ul {align-items:stretch; flex-direction:row;}
.SpecialAds .rolling_box.have_youtube {aspect-ratio:16/9;}
.SpecialAds .rolling_box.have_short {aspect-ratio:9/11;}

.SpecialAds.this_tour {margin-top:0px;}
.SpecialAds.this_ads .rolling_wrap li {aspect-ratio:1/1;}





/* 장소상세 ========================================= */
.PlaceView {padding-bottom:80px; position:relative;}
.PlaceView .inner_stage {position:relative; z-index:10}
html.if_iOS .PlaceView {padding-bottom:calc(env(safe-area-inset-bottom) + 80px);}

.PlaceView .btn_backclose {width:30px; height:30px; background:#fff url('../images/woodong/ic_close.svg') center center / 16px no-repeat; position:fixed; right:10px; top:15px; z-index:101}
html.if_iOS .PlaceView .btn_backclose {margin-top:env(safe-area-inset-top);;}

.PlaceView .shop_name {color:#1b1d27; font-size:23px; font-weight:700; background:#fff; padding:16px; box-sizing:border-box; position:sticky; top:0; z-index:100; padding-right:50px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; min-height:60px;}
.PlaceView .shop_name strong {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
html.if_iOS .PlaceView .shop_name:before {content:""; width:100%; height:80px; background:#fff; position:absolute; left:0; bottom:60px;}
html.if_iOS .PlaceView .shop_name {top:env(safe-area-inset-top);}

.PlaceView .benefit_point {padding:20px 16px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px; border-bottom:1px solid var(--black-clear); font-weight:600; font-size:19px; background:#fff;}
.PlaceView .benefit_point .comment {color:#000; font-size:17px; font-weight:600; line-height:1.4; flex:1; display:flex-start; justify-content:flex-start; align-items:center; flex-direction:row;}
.PlaceView .benefit_point .btn_go {border-radius:100px; font-size:14px; color:#fff; padding:10px 20px; font-weight:600; background:linear-gradient(to right, #3264fe 0%, #32b3fe 100%); animation:mv_donation_btn 1s ease infinite; animation-fill-mode:forwards;}


html.if_iOS .PlaceView .benefit_point {top:env(safe-area-inset-top);}
html.if_iOS .PlaceView .benefit_point:before {content:""; width:100%; height:80px; background:#fff; position:absolute; left:0; bottom:60px; z-index:1}

.PlaceView .save_cash {box-sizing:border-box; margin:20px 16px; margin-bottom:0px;  display:flex; justify-content:center; align-items:center; flex-direction:row; position:relative; overflow:hidden;}
.PlaceView .save_cash:after {content:""; width:100%; height:1px; background:#f0f0f2; position:absolute; left:0; z-index:1;}
.PlaceView .save_cash .show {display:flex; justify-content:center; align-items:center; flex-direction:row; color:#000; font-size:15px; background:#f1f4fb; position:relative; border-radius:100px; overflow:hidden; z-index:2}
.PlaceView .save_cash .comment {color:#000; display:flex; justify-content:center; align-items:center; flex-direction:row; font-weight:500; font-size:16px; gap:5px; height:40px; transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); width:260px; border-radius:100px;}
.PlaceView .save_cash .comment .tag {color:#fff; font-size:14px; font-weight:600; background:var(--color-point); border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; width:20px; aspect-ratio:1/1; box-sizing:border-box; padding-left:1px;}
.PlaceView .save_cash .comment strong {color:var(--color-point);}
.PlaceView .save_cash .comment.before {}
.PlaceView .save_cash .comment.after {transform:translateY(-100%); position:absolute; color:#fff; background:var(--black-dark);}
.PlaceView .save_cash .time_bar {height:100%; overflow:hidden; position:absolute; left:0; top:0; width:100%;}
.PlaceView .save_cash .time_bar .bar {background:#3182f733; height:100%; display:block; transform-origin:left; border-radius:30px; animation:mv_save_cash_bar 10.5s ease-in-out; animation-fill-mode:forwards;}

@keyframes mv_save_cash {
    0% {transform:translateY(150%);}
    100% {transform:translateY(0);}
}
@keyframes mv_save_cash_bar {
    0% {transform:scale(0,1);}
    100% {transform:scale(1,1);}
}
@keyframes mv_save_cash_picto {
    0% {transform:scale(1,1);}
    30% {transform:scale(0,1);}
    40% {transform:scale(1,1);}
    60% {transform:scale(0,1);}
    100% {transform:scale(1,1);}
}

.PlaceView .save_cash.if_timeout .comment.before {animation:mv_save_complete 1s ease; animation-fill-mode:forwards;}
.PlaceView .save_cash.if_timeout .comment.after {transform:translateY(0);}
.PlaceView .save_cash.if_timeout .time_bar {opacity:0;}

@keyframes mv_save_complete {
    0% {transform:translateY(0%);}
    100% {transform:translateY(100%);}
}

.PlaceView .shop_photo {margin-top:20px; padding-bottom:30px; position:relative; z-index:2}
.PlaceView .shop_photo .photo_list {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; gap:1px; overflow-x:auto; padding:0 16px; }
.PlaceView .shop_photo .photo_list ul {display:flex; justify-content:center; align-items:stretch; flex-direction:row; width:max-content; gap:6px}
.PlaceView .shop_photo .photo_list li {flex:none; width:150px; overflow:hidden; border-radius:18px; height:230px;}
.PlaceView .shop_photo .photo_list img {width:100%; height:100%; object-fit:cover; display:block;}
.PlaceView .shop_photo .major {flex:1; display:flex; justify-content:center; align-items:stretch; flex-direction:row; height:180px; gap:1px; background-color:#eee;}
.PlaceView .shop_photo .double {flex:1; display:flex; justify-content:center; align-items:stretch; flex-direction:column; gap:1px}
.PlaceView .shop_photo .mini {flex:1; position:relative; height:89px;}
.PlaceView .shop_photo img {width:100%; height:100%; object-fit:cover; display:block;}
.PlaceView .shop_photo .btn_more {position:absolute; right:0; bottom:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; z-index:1; background:rgba(0,0,0,0.3);}
.PlaceView .shop_photo .btn_more strong {background:transparent url('../images/woodong/view_photo_more.svg') top center / 18px no-repeat; color:#fff; padding-top:23px; font-weight:700;}
.PlaceView .shop_photo:after {content:""; width:100%; height:8px; background:#f5f6f8; position:absolute; left:0; bottom:0; z-index:101}

.PlaceView .default_info {padding:16px; padding-top:0px; padding-bottom:0px; position:relative; }
.PlaceView .default_info dl {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; font-size:14px; position:relative;}
.PlaceView .default_info dl+ dl {margin-top:8px;}
.PlaceView .default_info dt {min-width:55px; flex:none; color:#1b1d27; font-weight:600; box-sizing:border-box; padding-right:5px;}
.PlaceView .default_info dd {flex:1; color:#505866; position:relative; padding-left:12px;}
.PlaceView .default_info dd:before {content:""; width:3px; height:3px; background:#e1e1e1; border-radius:100px; position:absolute; left:0; top:8px; transform:translateY(-50%);}
.PlaceView .default_info .btn_detail {display:inline}
.PlaceView .default_info .btn_detail:after {content:""; width:12px; height:12px; background:transparent url('../images/woodong/ic_arrow_down.svg') center center / 8px 10px no-repeat; display:inline-block}
.PlaceView .default_info .btn_detail:after {filter:invert(94%) sepia(5%) saturate(504%) hue-rotate(167deg) brightness(83%) contrast(84%);}

.PlaceView .open_time {display:none;}
.PlaceView .open_time li {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:0 8px;}
.PlaceView .open_time li+ li {margin-top:5px;}
.PlaceView .open_time li:first-of-type {color:var(--color-coral);}
.PlaceView .open_time .per_day {display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.PlaceView .if_open_time .open_time {display:block;}
.PlaceView .if_open_time .btn_now {display:none;}

.PlaceView .open_address {position:absolute; left:0; top:25px; background:#fff; width:100%; border:1px solid #ececec; box-shadow:0px 0px 5px rgba(0,0,0,0.1); box-sizing:border-box; padding:12px 20px; z-index:102}
.PlaceView .open_address {border-radius:10px; padding-right:30px; display:none;}
.PlaceView .open_address .btn_hide {position:absolute; right:0; top:0; width:35px; height:35px; background:transparent url('../images/woodong/ic_close.svg') center center / 10px no-repeat;}
.PlaceView .open_address ul {display:flex; justify-content:center; align-items:stretch; flex-direction:column; gap:6px}
.PlaceView .open_address li {display:flex; justify-content:flex-wrap; align-items:center; flex-direction:row; flex-wrap:wrap; display:inline; line-height:1.3; font-weight:500;}
.PlaceView .open_address .option {font-size:11px; border:1px solid #ececec; padding:3px; line-height:1; border-radius:3px; background:#f9f9f9; margin-right:2px;}
.PlaceView .open_address .btn_copy {width:12px; height:12px; background:transparent url('../images/woodong/btn_copy.svg') center center / 10px no-repeat;}
.PlaceView .this_address.if_open_address .btn_detail:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.PlaceView .this_address.if_open_address .open_address {display:block;}

.PlaceView .go_map {margin-top:15px; display:flex; justify-content:space-between; align-items:center; flex-direction:row; background:#fff; position:fixed; left:0; bottom:0; width:100%; z-index:1001; border-top:1px solid var(--black-light); box-sizing:border-box; padding:12px 20px; gap:10px}
.PlaceView .go_map .contact {flex:none; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px}
.PlaceView .go_map .btn_icon {width:36px; height:36px; border-radius:100px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; flex-direction:row; background:#3182f71a; font-size:16px; color:var(--color-point);}
.PlaceView .go_map .btn_icon .fi.on {display:none;}
.PlaceView .go_map .btn_icon.hit .fi.on {display:flex; animation:mv_view_bookmark 0.4s ease; animation-fill-mode:forwards;}
.PlaceView .go_map .btn_icon.hit .fi.off {display:none;}
.PlaceView .go_map ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:6px}
.PlaceView .go_map li {position:relative;}
.PlaceView .go_map .btn_link {display:flex; justify-content:center; align-items:center; flex-direction:row; height:36px; gap:3px; color:#000; font-size:14px; font-weight:500; border-radius:100px; border:1px solid var(--black-light); padding:0 10px; box-sizing:border-box;}
.PlaceView .go_map .btn_link strong {white-space:nowrap;}
.PlaceView .go_map .btn_link img {height:18px; border-radius:100px;}
html.if_iOS .PlaceView .go_map {padding-bottom:env(safe-area-inset-bottom);}

.PlaceView .section {margin-top:30px; border-top:8px solid #f5f6f8;}
.PlaceView .section.this_first {border-top:0; margin-top:0px;}
.PlaceView .section .GoMenu {margin-top:0px;}
.PlaceView .section_title {padding:0 16px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; height:60px; gap:3px; font-size:18px; font-weight:600; display:flex; justify-content:flex-start; align-items:center; flex-direction:row}
.PlaceView .section_title .btn_link {flex:none; margin-left:auto; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:0 8px; font-size:14px; gap:3px; border-radius:8px; height:30px; border:1px solid #e5e5e5; box-sizing:border-box;}
.PlaceView .section_title .btn_link i.fi {font-size:0.8em; color:var(--color-point);}
.PlaceView .section_title strong {color:#222224; display:flex; justify-content:center; align-items:center; flex-direction:row}
.PlaceView .section_title em {color:#939395; }

.PlaceView .benefit_list {}

.PlaceView .one_benefit {background:#fff; border-radius:18px; padding:0 20px; display:flex; justify-content:center; align-items:center; flex-direction:row}
.PlaceView .one_benefit .data_with {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:10px 0; position:relative; flex:1}
.PlaceView .one_benefit .context {flex:1; font-size:18px; font-weight:500;}
.PlaceView .one_benefit .context .how {color:#000; font-weight:700; display:flex; justify-content:flex-start; align-items:center; flex-direction:row}
.PlaceView .one_benefit .context .doing {color:var(--color-point); margin-top:8px; font-size:0.8em;}
.PlaceView .one_benefit .picto {display:flex; justify-content:center; align-items:center; flex-direction:column; margin-right:15px; width:65px; aspect-ratio:1/1; border-radius:25px; background:var(--black-clear);}
.PlaceView .one_benefit .picto img {width:50px; mix-blend-mode:multiply}
.PlaceView .one_benefit .tag {background:var(--color-point); color:#fff; font-size:20px; font-weight:700; border-radius:100px; width:35px; aspect-ratio:1/1; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; padding-left:2px;}


.PlaceView .list_more {display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; margin:0 12px; margin-top:20px;}
.PlaceView .list_more:after {content:""; width:100%; height:1px; background:#f0f0f2; position:absolute; left:0; top:50%; z-index:1}
.PlaceView .list_more .btn_more {display:flex; justify-content:center; align-items:center; flex-direction:row; background:#f0f0f2; border-radius:100px; font-size:14px; color:#444446; height:34px; padding:0 16px 0 18px; gap:3px}
.PlaceView .list_more .btn_more {position:relative; z-index:2}
.PlaceView .list_more .btn_more:after {content:""; width:12px; height:12px; background:transparent url('../images/woodong/ic_arrow_down.svg') center center / 10px no-repeat;}
.PlaceView .list_more .btn_more:after {filter:invert(23%) sepia(6%) saturate(211%) hue-rotate(201deg) brightness(98%) contrast(85%);}
.PlaceView .list_more .btn_more strong {}
.PlaceView .list_more .btn_more em {display:none;}

.PlaceView .inner_tab {overflow:hidden; overflow-x:auto; margin-bottom:20px;}
.PlaceView .inner_tab::-webkit-scrollbar {display:none;}
.PlaceView .inner_tab ul {width:max-content; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; padding:0 16px; gap:10px}
.PlaceView .inner_tab .btn_tab {display:flex; justify-content:center; align-items:center; flex-direction:column; height:35px; padding:0 18px; color:#555557; font-size:14px; border-radius:100px; border:1px solid #eae9eb;}
.PlaceView .inner_tab .btn_tab {background:#fbffff; box-sizing:border-box;}
.PlaceView .inner_tab .btn_tab.hit {color:#fff; background:#444446; border-color:#444446; font-weight:600;}

.PlaceView .store_photo {padding:0 16px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:7px; padding-bottom:30px;}
.PlaceView .store_photo ul {flex:1;}
.PlaceView .store_photo li {position:relative;}
.PlaceView .store_photo li+ li {margin-top:7px;}
.PlaceView .store_photo .photo {overflow:hidden; border-radius:8px;}
.PlaceView .store_photo .photo img {display:block;}
.PlaceView .store_photo .tag_clip {position:absolute; right:8px; top:8px; z-index:2; background:transparent url('../images/woodong/view_ic_play.svg') center center / 25px no-repeat; width:25px; height:25px;}
.PlaceView .store_photo .youtube {overflow:hidden; border-radius:8px; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.PlaceView .store_photo .youtube iframe {width:calc(100% + 2px); height:100% !important; aspect-ratio:16/9;}
.PlaceView .store_photo .youtube.short iframe {aspect-ratio:9/16;}

.PlaceView .ReviewList {margin-top:0px;}

.PlaceView .action_list {padding:0 16px;}
.PlaceView .action_list li+ li {margin-top:10px;}
.PlaceView .action_list li {border-radius:18px}
.PlaceView .action_list .before {background:#f7f7f9; border-radius:18px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; border:1px solid #f7f7f9; color:#000; font-weight:600;}
.PlaceView .action_list .before {box-sizing:border-box; }
.PlaceView .action_list .before {font-size:17px; height:60px; padding:0 16px; gap:5px; transition:all 0.3s ease-out;}
.PlaceView .action_list .before:before {content:""; width:22px; height:22px; background:transparent url('../images/woodong/view_benefit_ic.svg') center center / 22px 22px no-repeat;}
.PlaceView .action_list .before:after {content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #aaa; transition:all 0.3s ease-out;}
.PlaceView .action_list .before strong {flex:1}
.PlaceView .action_list .before .picto {flex:none}
.PlaceView .action_list .before .picto img {height:40px;}
.PlaceView .action_list .after {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:16px; gap:10px; display:none;}
.PlaceView .action_list .after dl {flex:1; font-size:16px;}
.PlaceView .action_list .after dt {color:#000; font-weight:500;}
.PlaceView .action_list .after dd {color:#000; font-weight:500; margin-top:5px;}
.PlaceView .action_list .after dd strong {color:var(--color-coral); font-weight:600;}
.PlaceView .action_list .after .picto {flex:none}
.PlaceView .action_list .after .picto img {height:60px;}
.PlaceView .action_list li.if_open .before {background:#fff; border-color:var(--color-point); box-shadow:5px 5px 5px rgba(0,0,0,0.05);}
.PlaceView .action_list li.if_open .before:after {transform:rotate(180deg);}
.PlaceView .action_list li.if_open .before:before {background-image:url('../images/woodong/view_benefit_ic_on.svg');}
.PlaceView .action_list li.if_open .before .picto {display:none;}
.PlaceView .action_list li.if_open .after {display:flex}
.PlaceView .action_list li.if_open {background:#f1f4fb;}

.PlaceView .MyBenefit {padding:0; background:#fff;}
.PlaceView .MyBenefit .all_list {margin:0}

.PlaceView .keyword_list {padding:0 16px;}
.PlaceView .keyword_list ul {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; gap:8px}
.PlaceView .keyword_list li:nth-child(n+6) {display:none;}
.PlaceView .keyword_list li:nth-of-type(1) .ratio {opacity:0.3;}
.PlaceView .keyword_list li:nth-of-type(2) .ratio {opacity:0.2;}
.PlaceView .keyword_list li:nth-of-type(3) .ratio {opacity:0.1;}
.PlaceView .keyword_list .word {background:#f5f5f5; padding:0 15px; border-radius:100px; display:flex; justify-content:space-between; align-items:center; flex-direction:row; height:50px; font-size:16px; position:relative; overflow:hidden;}
.PlaceView .keyword_list .word strong {position:relative; z-index:2; color:#111; font-weight:700; }
.PlaceView .keyword_list .word .badge {font-size:0.75em; color:var(--color-point); position:relative; z-index:2; font-variant-numeric:tabular-nums; letter-spacing:-0.5px; font-weight:600;  flex:none}
.PlaceView .keyword_list .ratio {position:absolute; left:0; top:0; background:linear-gradient(90deg, var(--color-point), var(--color-side) 220px, #7c1ce9 100%); border-radius:0 100px 100px 0; width:100%; height:100%; min-width:50px; opacity:0.07;}
.PlaceView .keyword_list.if_expend li:nth-child(n+6) {display:block;}
.PlaceView .keyword_list.if_expend .list_more .btn_more strong {display:none;}
.PlaceView .keyword_list.if_expend .list_more .btn_more em {display:block;}
.PlaceView .keyword_list.if_expend .list_more .btn_more:after {transform:rotate(180deg);}

html.if_iOS .PlaceView {margin-top:env(safe-area-inset-top);}
html.if_iOS .PlaceView .section_tab {padding-top:env(safe-area-inset-top); margin-top:-35px}
/* html.if_iOS .PlaceView .save_cash {bottom:env(safe-area-inset-bottom);} */

@keyframes mv_view_bookmark {
    0% {transform:scale(0.6);}
    50% {transform:scale(1.25);}
    100% {transform:scale(1.0); filter:grayscale(0);}
}

@keyframes mv_view_bubble {
    0% {transform:translateY(0);}
    50% {transform:translateY(-6px);}
    100% {transform:translateY(0);}
}




/* 검색 =========================================
.SearchForm {margin-bottom:30px;}
.SearchForm .top_area {flex:none; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:0 20px; height:60px;}
.SearchForm .content_area {overflow-y:auto; flex:1; padding:20px 25px;}

.SearchForm .find_form {flex:1}
.SearchForm .find_form input.input_search {height:45px; border-radius:13px; font-size:16px; padding:0 15px 0 40px; box-sizing:border-box; width:100%; color:#1c1e22;}
.SearchForm .find_form input.input_search {background:#e0eaff url('../images/woodong/btn_top_search.svg') 13px center / 16px no-repeat;}
.SearchForm .find_form input.input_search::placeholder {color:#8b999c !important;}
.SearchForm .find_form input.input_search::-webkit-input-placeholder {color:#8b999c !important;}
.SearchForm .find_form input.input_search:-ms-input-placeholder {color:#8b999c !important;}
.SearchForm .find_form input.input_search:-moz-placeholder {color:#8b999c !important;}
.SearchForm .find_form input.input_search:not(:placeholder-shown)+ .auto_word {display:block;}

.SearchForm .auto_word {position:absolute; left:0; top:60px; max-width:100%; background:#fff; overflow:hidden; z-index:101; box-sizing:border-box; padding:20px 18px; overflow-y:auto; width:100%; display:none;}
.SearchForm .auto_word ul {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:10px}
.SearchForm .auto_word .word {font-size:17px; font-weight:500; height:45px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.SearchForm .auto_word .word .tx {text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden; color:var(--color-point);}
.SearchForm .auto_word .word strong {display:inline; color:var(--color-coral);}

.SearchForm .hot_keyword {}
.SearchForm .hot_keyword .title {color:#0c0f13; font-size:16px; font-weight:600; margin-bottom:25px;}
.SearchForm .hot_keyword .word_list {}
.SearchForm .hot_keyword .word_list ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:7px 6px}
.SearchForm .hot_keyword .word {display:flex; justify-content:center; align-items:center; flex-direction:column; background:#e9f3ff; border-radius:100px; color:var(--color-point); font-weight:600; font-size:15px; padding:0 13px;}
.SearchForm .hot_keyword .word {height:36px;}

html.if_iOS .SearchForm {padding-top:env(safe-area-inset-top)}
html.if_iOS .SearchForm .auto_word {margin-top:env(safe-area-inset-top);}
*/



/* 이벤트카테고리 ========================================= */
.EventField {margin-top:20px;}
.EventField> ul> li {margin-bottom:30px;}
.EventField .info {overflow:hidden; position:relative; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:0 16px; }
.EventField .info dl {position:relative; flex:1}
.EventField .info dt {color:#000; font-size:21px; font-weight:500;}
.EventField .info dd {font-size:13px; color:#000;}
.EventField .info:after {content:""; width:18px; height:20px; background:transparent url('../images/woodong/ic_arrow_thin.svg') center center / 100% no-repeat; flex:none; opacity:0.5;}

.EventField .thumb_list {margin-top:5px;}
.EventField .thumb_list ul {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; padding:0 8px; gap:1px}
.EventField .thumb_list li {overflow:hidden; flex:1; aspect-ratio:auto 2 / 1.6;}
.EventField .thumb_list li:first-of-type {border-radius:15px 0 0 15px;}
.EventField .thumb_list li:last-of-type {border-radius:0 15px 15px 0;}
.EventField .thumb_list img {width:100%; height:100%; object-fit:cover; display:block;}




/* 사진+유튜브 크게보기 ========================================= */
.PlacePhoto {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1001; overflow:hidden; display:flex; justify-content:center; align-items:stretch; flex-direction:column; background:#fff; visibility:hidden;}
.PlacePhoto {transform:scale(0.9); transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1); opacity:0; pointer-events:none;}
.PlacePhoto .PageTop {flex:none}
.PlacePhoto .rolling_page {font-size:14px; color:#aaa; font-weight:600; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:1px; border:1px solid #ececec; border-radius:100px; height:26px;}
.PlacePhoto .rolling_page {padding:0 8px; margin-left:10px; box-sizing:border-box;}
.PlacePhoto .rolling_page strong {color:#000;}

.PlacePhoto .rolling_wrap {flex:1; overflow:hidden; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.PlacePhoto .rolling_box {flex:1; overflow:hidden; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.PlacePhoto .rolling_box ul {flex:1;}
.PlacePhoto .rolling_box li {display:flex; justify-content:center; align-items:stretch; flex-direction:column;}

.PlacePhoto .pinch-zoom-container {flex:1}
.PlacePhoto .pinch-zoom-container> div:nth-child(n+2) {display:none !important} /* 축소시 이미지클론문제 */
.PlacePhoto .photo {display:flex; justify-content:center; align-items:center; flex-direction:column; translate:initial !important;}
.PlacePhoto .photo img {max-width:100%; max-height:100%; display:block;}

.PlacePhoto .youtube {overflow:hidden; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; position:relative;}
.PlacePhoto .youtube .youtube_wrap {overflow:hidden; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.PlacePhoto .youtube iframe {width:100%; aspect-ratio:16/9; height:auto !important; pointer-events:none;}
.PlacePhoto .youtube.short {aspect-ratio:9/16; height:100%;}
.PlacePhoto .youtube.short iframe {width:100% !important; max-height:100%; aspect-ratio:9/16;}
.PlacePhoto .youtube .btn_playstop {position:absolute; left:50%; top:50%; background:rgba(0,0,0,0.3); padding:20px; z-index:10; transform:translate(-50%, -50%); border-radius:100px;}
.PlacePhoto .youtube .btn_playstop:before {content:""; width:24px; height:24px; background-repeat:no-repeat; background-position:center center; background-size:100%; display:block;}
.PlacePhoto .youtube .btn_playstop.this_play:before {background-image:url('../images/woodong/youtube_play.svg');}
.PlacePhoto .youtube .btn_playstop.this_stop:before {background-image:url('../images/woodong/youtube_stop.svg');}
.PlacePhoto .youtube .btn_volumn {position:absolute; right:15px; top:15px; z-index:10; border-radius:100px; padding:10px; background:rgba(0,0,0,0.3); }
.PlacePhoto .youtube .btn_volumn:before {content:""; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; background-size:100%; display:block;}
.PlacePhoto .youtube .btn_volumn.this_muted:before {background-image:url('../images/woodong/youtube_muted.svg');}
.PlacePhoto .youtube .btn_volumn.this_sound:before {background-image:url('../images/woodong/youtube_sound.svg');}

.PlacePhoto .rolling_thumb {flex:none; overflow-x:auto; overflow-y:hidden; height:60px; text-align:center; margin:15px 0;}
.PlacePhoto .rolling_thumb::-webkit-scrollbar {display:none;}
.PlacePhoto .rolling_thumb ul {display:inline-flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:6px; width:max-content; padding:0px 23px;}
.PlacePhoto .rolling_thumb li {flex:none;}
.PlacePhoto .rolling_thumb .btn_thumb {display:block; overflow:hidden; width:50px; aspect-ratio:1/1; border-radius:5px; position:relative; box-sizing:border-box; transition:all 0.1s ease-out;}
.PlacePhoto .rolling_thumb .btn_thumb:before {content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:1;}
.PlacePhoto .rolling_thumb .btn_thumb img {width:100%; aspect-ratio:1/1; border-radius:4px; display:block;}
/*.PlacePhoto .rolling_thumb li.this_youtube .btn_thumb:before {display:none;}*/
.PlacePhoto .rolling_thumb li.active .btn_thumb {padding:4px;}
.PlacePhoto .rolling_thumb li.active .btn_thumb:before {opacity:0;}
.PlacePhoto .rolling_thumb li.active .btn_thumb:after {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; border:2px solid var(--color-point); box-sizing:border-box; border-radius:5px;}

.PlacePhoto.if_open {visibility:visible; transform:scale(1); opacity:1; pointer-events:initial;}

html.if_iOS .PlacePhoto .rolling_thumb {margin-bottom:env(safe-area-inset-bottom);}






/* 유튜브 아이프레임 커스텀 ========================================= */
.YoutubePlayer {overflow:hidden; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; position:relative;}
.YoutubePlayer .youtube_wrap {overflow:hidden; display:flex; justify-content:center; align-items:stretch; flex-direction:column; height:100%; flex:1}
.YoutubePlayer iframe {width:100%; aspect-ratio:16/9; height:auto !important; pointer-events:none; }
/* .YoutubePlayer.short {aspect-ratio:3/4;} */
.YoutubePlayer.short iframe {width:100% !important; aspect-ratio:9/16;}
.YoutubePlayer .btn_playstop {position:absolute; left:50%; top:50%; background:rgba(0,0,0,0.3); padding:20px; z-index:10; transform:translate(-50%, -50%); border-radius:100px;}
.YoutubePlayer .btn_playstop:before {content:""; width:24px; height:24px; background-repeat:no-repeat; background-position:center center; background-size:100%; display:block;}
.YoutubePlayer .btn_playstop.this_play:before {background-image:url('../images/woodong/youtube_play.svg');}
.YoutubePlayer .btn_playstop.this_stop:before {background-image:url('../images/woodong/youtube_stop.svg');}
.YoutubePlayer .btn_volumn {position:absolute; left:10px; top:10px; z-index:10; border-radius:100px; padding:10px; background:rgba(0,0,0,0.3); }
.YoutubePlayer .btn_volumn:before {content:""; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; background-size:100%; display:block;}
.YoutubePlayer .btn_volumn.this_muted:before {background-image:url('../images/woodong/youtube_muted.svg');}
.YoutubePlayer .btn_volumn.this_sound:before {background-image:url('../images/woodong/youtube_sound.svg');}




/* 카드등록페이지 ========================================= */
.MycardList {margin-top:20px;}
.MycardList li {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; box-sizing:border-box; gap:12px}
.MycardList li+ li {border-top:1px solid var(--black-clear); padding-top:20px; margin-top:20px;}
.MycardList .btn_set {margin-left:auto; flex:none; text-decoration:underline; color:#666; text-underline-offset:3px; padding:5px 0; font-weight:500; font-size:4 px;}
.MycardList .logo {overflow:hidden; width:40px; aspect-ratio:1/1; border-radius:100px;}
.MycardList .logo img {display:block; width:100%; height:100%;}
.MycardList .brand_name {font-size:16px; font-weight:500; color:#000;}






/* 수평목록(스크롤) ========================================= */
.HorizonList {margin:10px 0 20px; overflow:hidden;}
.HorizonList .inner_scroll {overflow-x:auto; overflow-y:hidden; height:100%;}
.HorizonList .inner_scroll::-webkit-scrollbar {display:none;}
.HorizonList .inner_scroll ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; width:max-content; padding:0 16px; gap:8px}
.HorizonList .swipe_box {}
.HorizonList .swipe_box ul {width:max-content; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:8px; padding:0 16px;}
.HorizonList .one_user {position:relative; width:80px; }
.HorizonList .one_user .profile {overflow:hidden; padding:5px; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; flex:none; box-sizing:border-box; aspect-ratio:auto 1 / 1; }
.HorizonList .one_user .profile .photo {width:100%; aspect-ratio:auto 1 / 1; position:relative; z-index:2; border-radius:100px; overflow:hidden; background:#f9f9f9;}
.HorizonList .one_user .profile .photo img {width:100%; height:100%; object-fit:cover;}
.HorizonList .one_user .line {position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(121deg,rgba(49, 130, 247, 1) 0%, rgba(46, 255, 241, 1) 50%, rgba(183, 109, 247, 1) 100%);}
.HorizonList .one_user .line {z-index:1; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; transition:all 0.15s ease-out; transform:scale(0,1); opacity:0;}
.HorizonList .one_user .line:before {content:""; width:75px; aspect-ratio:auto 1 / 1; border-radius:100px; background:#fff; display:block; border-radius:100px; box-sizing:border-box; z-index:1}
.HorizonList .one_user .name {text-align:center; margin-top:5px; font-size:12px; font-weight:500; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
.HorizonList li.hit .one_user .name {color:var(--color-point);}
.HorizonList li.hit .one_user .line {transform:scale(1,1); opacity:1; animation:mv_line_spin 2s ease; animation-fill-mode:forwards;}

.HorizonList.type_fixed {position:sticky; z-index:10; top:49px; background:#fff; margin:0px 0 10px 0; padding:15px 0;}
html.if_iOS .HorizonList.type_fixed {top:85px}




/* 멤버폼 (가입+정보수정) ========================================= */
.MemberForm {flex:1; box-sizing:border-box; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; overflow-y:auto; }
.MemberForm .PageTab {position:relative; padding-top:0px; margin-top:0px; top:0 !important}
.MemberForm .page_wrapping {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; flex:1; overflow-y:auto; max-height:100%;}
.MemberForm .page_wrapping .sy_Bundle {padding:16px; box-shadow:0px -1px 3px rgba(0,0,0,0.05);}

.MemberForm .group_title {flex:none; margin-bottom:30px;}
.MemberForm .group_title .major {font-size:23px; font-weight:700; color:#000; line-height:1.4;}
.MemberForm .group_title .major strong {color:var(--color-point);}
.MemberForm .group_title .comment {font-size:13px; color:#aaa; margin-top:6px;}

.MemberForm .form_list {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; flex:1; overflow-y:auto; max-height:100%; padding:20px 16px 16px;}
.MemberForm .form_list li {display:flex; justify-content:center; align-items:stretch; flex-direction:column; position:relative; gap:5px}
.MemberForm .form_list li+ li {margin-top:15px;}
.MemberForm .form_list input.input_design {padding-top:17px; font-weight:500;}
.MemberForm .form_list input.input_design::placeholder {color:transparent !important;}
.MemberForm .form_list input.input_design:focus+ .option {top:14px; transform:scale(0.75);}
.MemberForm .form_list input.input_design:not(:placeholder-shown) + .option {top:14px; transform:scale(0.75);}
.MemberForm .form_list .type_join {font-size:18px; border-radius:20px; height:80px; padding:0 20px;}

.MemberForm .tip_comment {font-size:12px; color:var(--black-gray); padding-left:5px;}
.MemberForm .tip_comment.error {color:var(--color-coral);}
.MemberForm .option {font-weight:500; font-size:17px; color:#b0b0b4; position:absolute; left:20px; top:30px; pointer-events:none; transition:all 0.2s ease-out; transform-origin:left top;}

.MemberForm .element_id {display:flex; justify-content:center; align-items:center; flex-direction:row;}
.MemberForm .element_id input.input_design {flex:1}
.MemberForm .element_id .dash {font-size:20px; flex:none; padding:0 10px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.MemberForm .element_id .dash::before {content:""; width:8px; height:1px; background:#333; display:block;}
.MemberForm .element_id .fake {flex:1; position:absolute; left:45px; top:33px; transition:all 0.2s ease-out; pointer-events:none;}
.MemberForm .element_id .half {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; position:relative;}
.MemberForm .element_id .half.last .option {opacity:0;}
.MemberForm .element_id input.input_design:focus+ .option {opacity:1;}
.MemberForm .element_id input.input_design:focus+ .option+ .fake {top:40px}
.MemberForm .element_id input.input_design:not(:placeholder-shown) + .option {opacity:1;}
.MemberForm .element_id input.input_design:not(:placeholder-shown) + .option+ .fake {top:40px}

.MemberForm .element_phone {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:row;}
.MemberForm .element_phone input.input_design {flex:1;}

.MemberForm .result_add {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-size:13px; font-weight:500; box-sizing:border-box; padding-left:5px; margin-top:15px;}
.MemberForm .result_add .comment {flex:1; color:var(--color-point);}
.MemberForm .result_add .comment.pass {color:var(--color-coral);}
.MemberForm .result_add .btn_refresh {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:4px; padding:0 5px;}
.MemberForm .result_add .btn_refresh:before {content:""; width:10px; height:10px; background:transparent url('../images/woodong/btn_refresh.svg') center center / 100% no-repeat;}

.MemberForm .outer_service {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; font-size:13px; font-weight:500; box-sizing:border-box; margin-top:20px; gap:10px}
.MemberForm .outer_service .tip_comment {flex:1; color:var(--black-gray); line-height:1.4; font-size:13`px;}
.MemberForm .outer_service .btn_leave {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px; height:36px; border-radius:100px; color:#333; background:#f0f0f0; padding:0 15px; font-weight:500; font-size:14px;}

.MemberForm .agree_all {margin-top:auto; padding-top:10px; display:flex; justify-content:center; align-items:center; flex-direction:row}
.MemberForm .agree_all .sy_Label {fleX:1}
.MemberForm .agree_all .btn_logout {color:var(--black-soft); text-decoration:underline; text-underline-offset:2px; padding:5px 0; margin-left:10px;}
.MemberForm .agree_all .add_link {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; flex:1}

.MemberForm .auth_pass {margin-bottom:30px; text-align:left}
.MemberForm .auth_pass .direction {font-size:20px; font-weight:600; color:#000; line-height:1; margin:20px 0 15px;}
.MemberForm .auth_pass .auth_code {margin-bottom:10px; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.MemberForm .auth_pass .auth_code input {font-size:40px; font-weight:500; color:#000; width:100%; border-bottom:2px solid var(--black-dark); height:60px; letter-spacing:3px;}
.MemberForm .auth_pass .btn_close {position:absolute; right:10px; top:10px; width:40px; height:40px; z-index:10; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.MemberForm .auth_pass .btn_close:before {content:""; width:15px; height:15px; background:transparent url('../images/woodong/ic_close.svg') center center / 100% no-repeat;}
.MemberForm .auth_pass .timer {font-size:19px; font-weight:700; color:var(--color-coral); font-variant-numeric:tabular-nums; position:absolute; right:0; pointer-events:none;}

.MemberForm .profile_upload {display:flex; justify-content:center; align-items:center; flex-direction:row; margin-bottom:15px;}
.MemberForm .my_profile {width:120px; padding:5px; aspect-ratio:auto 1/1; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; flex:none; box-sizing:border-box; overflow:hidden;}
.MemberForm .my_profile .photo {position:relative; z-index:2; border-radius:100px; overflow:hidden; background:var(--black-light) url('../images/woodong/profile_add.svg') center center / 50% no-repeat;}
.MemberForm .my_profile .photo {width:100%; aspect-ratio:auto 1 / 1; }
.MemberForm .my_profile .photo img {width:100%; height:100%; object-fit:cover;}
.MemberForm .my_profile .line {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:linear-gradient(121deg,rgba(49, 130, 247, 1) 0%, rgba(46, 255, 241, 1) 50%, rgba(183, 109, 247, 1) 100%);}
.MemberForm .my_profile .line {border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; transition:all 0.15s ease-out; transform:scale(0,1); opacity:0;}
.MemberForm .my_profile .line:before {content:""; width:116px; aspect-ratio:auto 1 / 1; border-radius:100px; background:#fff; display:block; border-radius:100px; box-sizing:border-box; position:relative; z-index:1}
.MemberForm .my_profile.if_upload .line {transform:scale(1,1); opacity:1; animation:mv_line_spin 2s ease; animation-fill-mode:forwards; opacity:1;}





/* 로그인 ========================================= */
.MemberLogin {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; flex:1; height:100%; box-sizing:border-box; padding:20px 0;}
html.if_iOS .MemberLogin {padding-top:env(safe-area-inset-top); padding-bottom:calc(env(safe-area-inset-bottom) + 20px);}

.MemberLogin .visual_banner {flex:1; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.MemberLogin .visual_banner .rolling_wrap {overflow:hidden;}
.MemberLogin .visual_banner .rolling_box {overflow:hidden;}
.MemberLogin .visual_banner .roll_icon {margin-top:30px;}
.MemberLogin .visual_banner .roll_icon ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.MemberLogin .visual_banner .roll_icon .bullet {width:6px; aspect-ratio:1/1; background:var(--black-soft); border-radius:100px;}
.MemberLogin .visual_banner .roll_icon .active .bullet {background:var(--black-dark);}
.MemberLogin .banner_list {overflow:hidden;}
.MemberLogin .one_banner {display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
.MemberLogin .one_banner .photo {overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column; margin-top:20px;}
.MemberLogin .one_banner .photo img {width:100%; display:block; max-width:200px}
.MemberLogin .one_banner .enter_data {display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
.MemberLogin .one_banner .enter_data .title {font-size:23px; font-weight:700; color:#000; line-height:1}
.MemberLogin .one_banner .enter_data .text {font-size:19px; color:#000; line-height:1.4; margin-top:5px; font-weight:500;}

.MemberLogin .login_type {flex:none; padding:0 26px;}
.MemberLogin .login_type li {position:relative;}
.MemberLogin .login_type li+ li {margin-top:15px;}
.MemberLogin .login_type .bubble_recent {position:absolute; right:6px; top:-10px; background:var(--color-point); color:#fff; font-size:10px; font-weight:500; border-radius:100px; padding:0 6px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:20px;}
.MemberLogin .login_type .bubble_recent:after {content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid var(--color-point); position:absolute; left:10px; bottom:-5px;}
.MemberLogin .login_type .btn_login {display:flex; justify-content:center; align-items:center; flex-direction:row; height:50px; border-radius:12px; border:1px solid var(--black-light); padding:0 20px; color:#000;}
.MemberLogin .login_type .btn_login .tx { font-weight:600; font-size:15px; flex:1; text-align:center;}
.MemberLogin .login_type .btn_login .icon {width:20px; aspect-ratio:1/1; background:transparent url('../images/c_img/logo_mobile.svg') center center / 100% no-repeat;}
.MemberLogin .login_type li.this_kakao .btn_login {background:#FFEB00; border-color:#FFEB00;}
.MemberLogin .login_type li.this_kakao .btn_login .icon {background:transparent url('../images/c_img/logo_kakao.svg') center center / 100% no-repeat;}
.MemberLogin .login_type li.this_apple .btn_login {background:#000; border-color:#000; color:#fff;}
.MemberLogin .login_type li.this_apple .btn_login .icon {background:transparent url('../images/c_img/logo_apple.svg') center center / 100% no-repeat;}
.MemberLogin .login_type li.this_naver .btn_login {background:#03C75A; border-color:#03C75A;}
.MemberLogin .login_type li.this_naver .btn_login .icon {background:transparent url('../images/c_img/logo_naver.svg') center center / 100% no-repeat;}
.MemberLogin .login_type li.this_google .btn_login {background:#4285F4; border-color:#4285F4;}
.MemberLogin .login_type li.this_google .btn_login .icon {background:transparent url('../images/c_img/logo_google.svg') center center / 100% no-repeat;}
.MemberLogin .login_type li.this_apple {display:none}
html.if_OS .MemberLogin .login_type li.this_apple {display:flex}





/* 약관목록 ======================================== */
.AgreeList {}
.AgreeList ul {margin:0 10px;}
.AgreeList li {flex-wrap:wrap; position:relative; display:flex; justify-content:flex-start; align-items:center; flex-direction:row}
.AgreeList li+ li {margin-top:8px;}
.AgreeList .sy_Label .tx {align-items:flex-start; padding-right:40px;}
.AgreeList .all_check {margin-bottom:20px;}
.AgreeList .all_check .sy_Label_button .tx {border-radius:100px; font-weight:600;}
.AgreeList .open_agree {width:100%; display:none; margin:5px 0 10px;}
.AgreeList .open_agree textarea.text_design {font-size:12px;}
.AgreeList .btn_open {position:absolute; right:0; top:4px; width:30px; height:20px; z-index:10; opacity:0.3; display:flex; justify-content:center; align-items:flex-end; flex-direction:column;}
.AgreeList .btn_open:after {content:""; width:10px; height:10px; background:transparent url('../images/woodong/ic_arrow_down.svg') center center / 10px no-repeat; margin-right:5px;}
.AgreeList .btn_open:after {transition:all 0.3s ease-out;}
.AgreeList ul.optional {padding-top:15px; margin-top:15px; border-top:1px dashed #e5e5e5;}
.AgreeList ul.optional .sy_Label .tx strong {color:#aaa;}
.AgreeList.type_only ul {margin:0px;}

.AgreeList li.if_open_box .open_agree {display:block;}
.AgreeList li.if_open_box .btn_open:after {transform:rotate(180deg);}







/* 앱 알림함 ======================================== */
.alarm_app {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; overflow:hidden;}
.alarm_app .am_list {padding:20px; flex:1; overflow-y:scroll;}
.alarm_app .am_list li+ li {margin-top:20px;}

.alarm_app .am_box {padding-left:25px; position:relative; overflow:hidden; display:flex; justify-content:center; stretch:flex-start; flex-direction:column;}
.alarm_app .am_box:before {content:""; width:7px; height:7px; background:#ddd; border-radius:100px; position:absolute; left:3px; top:2px;}
.alarm_app .am_box:after {content:""; width:1px; height:100%; background:#f2f2f2; position:absolute; left:6px; top:18px;}
.alarm_app .am_box .date {color:#bbb; font-size:12px; line-height:1;}
.alarm_app .am_box .conts {margin-top:8px;}
.alarm_app .am_box .conts dt {color:#000; font-size:17px; font-weight:500; line-height:1.4; letter-spacing:-0.5px; margin-bottom:5px;}
.alarm_app .am_box .conts dd {color:#888; font-size:13px; line-height:1.4; letter-spacing:-0.5px;}
.alarm_app .am_box .photo {font-size:0px; margin-top:10px;}
.alarm_app .am_box .btn_link {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:3px 0; margin-top:10px; margin-left:auto}
.alarm_app .am_box .btn_link strong {color:#ff0000; line-height:1; font-size:12px; letter-spacing:-0.5px;}





/* 날짜탭 ========================================= */
.PageDate {background:#F4F4F4; padding:10px 8px;}
.PageDate ul {display:flex; justify-content:space-between; align-items:center; flex-direction:row}
.PageDate li {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.PageDate .save_point {background:var(--color-point); position:absolute; bottom:5px; width:4px; height:4px; border-radius:100px;}
.PageDate .one_day {display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:18px; height:65px; color:#000; width:46px;}
.PageDate .one_day .week {margin-bottom:5px; color:#B6B7C2; font-size:12px;}
.PageDate .one_day .days {font-weight:600; font-size:15px;}
.PageDate li.hit .one_day {background:var(--color-point); color:#fff;}
.PageDate li.hit .one_day * {color:#fff;}
.PageDate li.hit .save_point {display:none;}
.PageTop .PageDate {margin-left:-16px; margin-right:-16px;}





/* 스탬프페이지 ========================================= */
.StampPlace {padding:0 16px; flex:1; overflow-y:auto; padding-bottom:120px;}
.StampPlace .per_daypoint {margin:30px 0; line-height:1; opacity:0.3; filter:grayscale(100%); display:flex; justify-content:space-between; align-items:center; flex-direction:row; font-size:19px;}
.StampPlace .per_daypoint .option {font-weight:500;}
.StampPlace .per_daypoint .point {font-weight:500; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; color:var(--black-gray); gap:1px}
.StampPlace .per_daypoint .point em {font-size:0.9em;}
.StampPlace .per_daypoint .point strong {font-weight:600; color:var(--color-coral);}
.StampPlace .per_daypoint .tag {width:24px; aspect-ratio:auto 1 / 1; border-radius:100px; background:var(--color-point); color:#fff; margin:1px 6px 0 0; font-size:15px;}
.StampPlace .per_daypoint .tag {display:flex; justify-content:center; align-items:center; flex-direction:column; padding-left:1px; box-sizing:border-box;}
.StampPlace .per_daypoint.this_today {opacity:1; filter:grayscale(0)}

.StampPlace .place_list {}
.StampPlace .place_list li+ li {margin-top:10px; padding-top:10px; border-top:1px solid #f3f3f3;}

.StampPlace .one_place {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; gap:15px; position:relative; overflow:hidden;}
.StampPlace .one_place .thumb {width:130px; aspect-ratio:3/4; border-radius:15px; overflow:hidden;}
.StampPlace .one_place .thumb img {width:100%; height:100%; object-fit:cover; display:block;}
.StampPlace .one_place .info {flex:1; padding:10px 0; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.StampPlace .one_place .distance {color:var(--color-coral); font-size:15px; line-height:1; font-weight:700; margin-bottom:5px;}
.StampPlace .one_place .store_name {color:#000; font-size:17px; font-weight:500; line-height:1.3; letter-spacing:-0.5px;}
.StampPlace .one_place .field {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:3px; font-size:14px; color:#747476; margin-top:5px;}
.StampPlace .one_place .field strong {}
.StampPlace .one_place .stamp {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:8px; margin-top:auto; padding-top:20px;}
.StampPlace .one_place .stamp .tag {width:40px; height:40px; border-radius:16px; background:var(--color-point) url('../images/woodong/fix_ic_logo.svg') center center / 85% no-repeat; flex:none}
.StampPlace .one_place .stamp .result {flex:1; line-height:1;}
.StampPlace .one_place .stamp .count {font-size:14px; color:var(--color-point); font-weight:500;}
.StampPlace .one_place .stamp .point {font-size:17px; color:#000; font-weight:600; margin-top:5px;}
.StampPlace .one_place .stamp.before {filter:grayscale(100%);}
.StampPlace .one_place .stamp.before .tag {opacity:0.3;}

.StampPlace .place_info {padding:20px 0 30px; background:#fff;}
.StampPlace .place_info ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.StampPlace .place_info li {flex:1; box-sizing:border-box; text-align:center; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.StampPlace .place_info li+ li:after {content:""; width:1px; height:20px; background:#e5e5e5; position:absolute; left:0;}
.StampPlace .place_info .picto {}
.StampPlace .place_info .picto img {display:block; height:22px;}
.StampPlace .place_info .count {font-size:14px; color:#35363b; font-weight:500; margin-top:10px; line-height:1;}

.StampPlace .stamp_board {padding:30px 20px 50px; flex:1; background:#3182f726;}
.StampPlace .stamp_board .use_tip {margin-bottom:40px;}
.StampPlace .stamp_board .use_tip .major {font-size:23px; font-weight:600; color:#000; line-height:1.35;}
.StampPlace .stamp_board .use_tip .commend {font-size:14px; color:rgba(0,0,0,0.4);; line-height:1.2; margin-top:10px;}
.StampPlace .stamp_board .road_map {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; gap:30px;}
.StampPlace .stamp_board .road_map ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:15px; position:relative; height:110px;}
.StampPlace .stamp_board .road_map ul:before {content:""; width:250px; height:10px; background:#3182f733; position:absolute; top:45px; z-index:1;}
.StampPlace .stamp_board .road_map ul:after {content:""; width:100px; height:150px; border:10px solid #3182f733; border-radius:80px; position:absolute; top:45px; z-index:1; box-sizing:border-box;}
.StampPlace .stamp_board .road_map ul:nth-of-type(2n) {gap:30px; flex-direction:row-reverse;}
.StampPlace .stamp_board .road_map ul:nth-of-type(2n):before {width:150px;}
.StampPlace .stamp_board .road_map ul:nth-of-type(odd):after {border-left:0; left:50%; margin-left:65px; border-top-left-radius:0; border-bottom-left-radius:0;}
.StampPlace .stamp_board .road_map ul:nth-of-type(2n):after {border-right:0; right:50%; margin-right:65px; border-top-right-radius:0; border-bottom-right-radius:0;}
.StampPlace .stamp_board .road_map ul:last-of-type:after {display:none;}

.StampPlace .stamp_board .road_map li {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.StampPlace .stamp_board .road_map .stamp {width:90px; height:90px; border-radius:100px; position:relative; z-index:11; background:#fff; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.StampPlace .stamp_board .road_map .stamp {box-sizing:border-box; padding:20px;}
.StampPlace .stamp_board .road_map .stamp img {width:100%; object-fit:contain; display:block;}
.StampPlace .stamp_board .road_map .stamp:before {content:""; width:50px; height:50px; background:transparent url('../images/woodong/stamp_picto_logo.svg') center center / 20px no-repeat; opacity:0.1;}
.StampPlace .stamp_board .road_map .turn {font-size:17px; font-weight:600; opacity:0.2; margin-top:5px;}
.StampPlace .stamp_board .road_map .point {flex:1; line-height:1; margin-top:6px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px; font-weight:600; height:15px;}
.StampPlace .stamp_board .road_map li.if_pass .stamp {border:1px solid var(--color-point); box-shadow:3px 4px 0px 0 #3182f726;}
.StampPlace .stamp_board .road_map li.if_pass .stamp:before {display:none}
.StampPlace .stamp_board .road_map li.if_pass .point {color:var(--color-point);}
.StampPlace .stamp_board .road_map li.if_pass .turn {position:absolute; right:0; top:-8px; z-index:2; background:var(--color-point); color:#fff; font-size:11px; font-weight:600; border-radius:100px; opacity:1; width:28px;}
.StampPlace .stamp_board .road_map li.if_pass .turn {display:flex; justify-content:center; align-items:center; flex-direction:column; aspect-ratio:1/1; box-sizing:border-box;}

/* 스탬프 상세페이지 */
.StampPlace.this_view {flex:1; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; padding:0px;}
.StampPlace.this_view .sy_Bundle {padding:16px; padding-top:0px; background:#3182f726;}
.StampPlace.this_view .scroll_area {flex:1; overflow-y:auto;}
html.if_iOS .StampPlace.this_view .sy_Bundle {padding-bottom:env(safe-area-inset-bottom);}
.StampPlace.this_view .one_place {padding:0 16px; background:#fff;}
.StampPlace.this_view .one_place .thumb {aspect-ratio:1/1; border-radius:100px; width:100px;}
.StampPlace.this_view .one_place .info {justify-content:center;}





/*  미션여행 목록 ========================================= */
.MissionList {max-height:100% !important; flex:1; overflow-x:hidden; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; box-sizing:border-box;}
.MissionList  .sy_None {flex:1;}

.MissionList .grid_list { padding:0 3px;}
.MissionList .grid_list ul {display: grid; grid-template-columns:repeat(3 , auto); gap:3px}
.MissionList .grid_list li {flex:1; box-sizing:border-box;}
.MissionList .grid_list .one_thumb {position:relative; width:100%; aspect-ratio:2/3.2; overflow:hidden; border-radius:8px;}
.MissionList .grid_list .one_thumb img {width:100%; height:100%; object-fit:cover; display:block;}
.MissionList .grid_list .upper_info {position:absolute; left:0; bottom:0; width:100%; z-index:2; height:100%; box-sizing:border-box; padding:15px 12px; background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,0.5) 80%); display:flex; justify-content:flex-end; align-items:flex-start; flex-direction:column; gap:7px;}
.MissionList .grid_list .upper_info .info {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:3px; line-height:1; font-size:13px; color:#fff; font-weight:600;}
.MissionList .grid_list .upper_info .point {}
.MissionList .grid_list.if_end .one_thumb {filter:grayscale(100%); opacity:0.8;}

.MissionView .one_mission {color:#fff; font-weight:500; font-size:14px; line-height:1; height:100%; position:relative; background:#000; overflow:hidden;}
.MissionView .one_mission .upper_stuff {position:absolute; right:56px; top:10px; z-index:2; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:8px; color:#fff;}
.MissionView .one_mission .upper_info {position:absolute; left:0; bottom:25px; width:100%; z-index:2; box-sizing:border-box; padding:0 25px; transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1);}
.MissionView .one_mission .btn_onoff {width:40px; aspect-ratio:1/1;background:rgba(0,0,0,0.8); border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px; font-size:17px; color:#fff;}
.MissionView .one_mission .btn_onoff .off {display:none; opacity:0.6; display:none;}
.MissionView .one_mission .btn_bookmark {width:40px; aspect-ratio:1/1; border-radius:100px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; flex-direction:row; font-size:16px; color:#fff; z-idnex:11; background:rgba(0,0,0,0.8);}
.MissionView .one_mission .btn_bookmark .fi.on {display:none;}
.MissionView .one_mission .btn_bookmark.hit {background:#fff; color:var(--color-point);}
.MissionView .one_mission .btn_bookmark.hit .fi.on {display:flex; animation:mv_view_bookmark 0.4s ease; animation-fill-mode:forwards;}
.MissionView .one_mission .btn_bookmark.hit .fi.off {display:none;}

.MissionView .one_mission .YoutubePlayer {height:100%; width:100%;}
.MissionView .one_mission .YoutubePlayer:before {content:""; width:100%; height:70%; background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); position:absolute; left:0; bottom:0; z-index:1; pointer-events:none; transition:all 0.3s ease-out;}
.MissionView .one_mission .YoutubePlayer .btn_volumn {left:auto; right:10px}

.MissionView .one_mission.if_hide_content .btn_onoff .off {display:flex;}
.MissionView .one_mission.if_hide_content .btn_onoff .on {display:none;}
.MissionView .one_mission.if_hide_content .upper_info {transform:translate(-100%);}
.MissionView .one_mission.if_hide_content .photo:before {opacity:0; }
.MissionView .one_mission.if_hide_content .YoutubePlayer:before {opacity:0; }

.MissionView .status_step {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; gap:10px; box-sizing:border-box; margin-top:20px;}
.MissionView .status_step .btn_task {background:#fff; color:#000; font-size:18px; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:row; height:55px; font-weight:500; gap:5px}
.MissionView .status_step .btn_task {padding:0 20px; box-sizing:border-box;}
.MissionView .status_step .btn_task strong {flex:1; font-family:var(--title);}
.MissionView .status_step .btn_task .side {font-size:13px; color:var(--black-soft); font-weight:500; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px}
.MissionView .status_step .btn_task .remain {color:var(--color-point); font-variant-numeric:tabular-nums; font-size:13px; font-weight:500;}
.MissionView .status_step .btn_task.state_start {background:linear-gradient(121deg,rgba(49, 130, 247, 1) 0%, rgba(79, 49, 247, 1) 100%); color:#fff;}
.MissionView .status_step .btn_task.state_start:after {filter:invert(100%);}
.MissionView .status_step .btn_task.state_complete {background:linear-gradient(121deg,rgba(244, 105, 95, 1) 0%, rgba(91, 25, 255, 1) 100%); color:#fff;}
.MissionView .status_step .btn_task.state_complete:after {filter:invert(100%);}
.MissionView .status_step .btn_task.state_end {background:var(--black-gray); color:#fff; font-weight:400; text-align:center;}
.MissionView .status_step a.btn_task:after {content:""; width:10px; height:10px; background:transparent url('../images/woodong/ic_arrow_right.svg') center center / 7px 10px no-repeat;}

.MissionView .status_step .running {position:relative; background:transparent; border-radius:0px; justify-content:flex-end; align-items:stretch; flex-direction:column; padding:0px; gap:0}
.MissionView .status_step .running .track {height:25px; width:100%; border-radius:100px; z-index:1; position:relative; background:rgba(255,255,255,0.2);;}
.MissionView .status_step .running .bar {height:100%; width:0%; background:linear-gradient(121deg,rgba(244, 105, 95, 1) 0%, rgba(91, 25, 255, 1) 300px); border-radius:100px; position:relative; min-width:25px; transition:all 600ms cubic-bezier(0.19, 1, 0.22, 1);}
.MissionView .status_step .running .timeline {display:flex; justify-content:space-between; align-items:center; flex-direction:row; color:#fff; font-size:13px; line-height:1; font-weight:600;}
.MissionView .status_step .running .timeline {padding:0 2px; margin-top:8px;}

.MissionView .one_mission .place_info {position:relative; font-size:16px; color:#fff;}
.MissionView .one_mission .tieup {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:8px; font-weight:600;}
.MissionView .one_mission .distance {color:#fff;}
.MissionView .one_mission .place_name {font-size:25px; font-weight:600; position:relative; margin-top:10px;}
.MissionView .one_mission .value:before {content:"#"; color:#00ffea;}
.MissionView .one_mission .title {font-weight:600; font-size:28px; line-height:1.1; margin-bottom:15px;}

.MissionView .one_mission .player {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; margin-top:15px;}
.MissionView .one_mission .player .profile_tieup {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; grid-row:1/ span 2; margin-right:10px;}
.MissionView .one_mission .player .profile {width:26px; aspect-ratio:auto 1/1; border-radius:100px; overflow:hidden; background:var(--black-light);}
.MissionView .one_mission .player .profile+ .profile {margin-left:-10px;}
.MissionView .one_mission .player .profile img {width:100%; height:100%; object-fit:cover; display:block;}
.MissionView .one_mission .player .status {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:2px; font-weight:500; line-height:1;}
.MissionView .one_mission .player .status em {opacity:0.4;}

.MissionView .one_mission .limited {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:8px; flex-wrap:wrap; margin-top:15px;}
.MissionView .one_mission .limited .value {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px;}
.MissionView .one_mission .limited .value:before {content:""; width:14px; height:14px; background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.MissionView .one_mission .limited .period:before {background-image:url('../images/woodong/mission_limited_days.svg');}
.MissionView .one_mission .limited .sum:before {content:"/ "; color:rgba(255,255,255,0.5);;}
.MissionView .one_mission .limited .open_time:before {background-image:url('../images/woodong/mission_limited_time.svg');}

.MissionView .one_mission .loading_img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; transform:translate3d(0,0,0);}
.MissionView .one_mission .loading_img img {width:100%; height:100%; object-fit:cover; display:block;}
.MissionView .one_mission .loading_img.if_hide {opacity:0; transition:all 5000ms cubic-bezier(0.19, 1, 0.22, 1); transform:scale(1.1) translate3d(0,0,0); transition-delay:0.5s;}
.MissionView .one_mission .loading_img:before {content:""; width:100%; height:70%; background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); position:absolute; left:0; bottom:0; z-index:1; pointer-events:none; transition:all 0.3s ease-out; }

.MissionView .one_mission.if_motion .player .progress .bar {animation:mv_left_to_right 2s cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-fill-mode:forwards; transform-origin:left center;}
.MissionView .one_mission.if_motion .status_step .running .bar {animation:mv_left_to_right 3s ease; animation-fill-mode:forwards; transform-origin:left center;}

.MissionView {position:fixed; left:0; top:0; width:100%; height:100%; z-index:101; background:#fff; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; overflow:hidden; visibility:hidden; transform:translateX(-100%); transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); box-sizing:border-box;}
.MissionView .wrapping {flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; box-sizing:border-box;}
.MissionView .btn_back {position:absolute; left:0; top:0; z-index:101; filter:invert(100%); width:50px; height:60px; display:flex; justify-content:center; align-items:center; flex-direction:row;}
.MissionView .btn_back:before {content:""; width:25px; height:25px; background:transparent url('../images/woodong/ic_arrow_back_tail.svg') center center / 22px no-repeat; display:block;}
.MissionView .YoutubePlayer iframe {aspect-ratio:initial; width:120% !important; height:100% !important; position:absolute;}
.MissionView .YoutubePlayer .youtube_wrap {align-items:center}
.MissionView.if_open {visibility:visible; transform:translateX(0%);}

html.if_iOS .MissionView {padding-top:env(safe-area-inset-top);}
html.if_iOS .MissionView .btn_back {top:env(safe-area-inset-top);}
html.if_iOS .MissionView .one_mission {padding-bottom:env(safe-area-inset-bottom);}

@keyframes mv_left_to_right {
    0% {width:0px;}
    100% {transform:scale(1,1);}
}







/* 웹용 보기페이지(유일) ========================================= */
.Page_View {background:var(--black-clear); flex:1; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; height:100%;}
.Page_View .wrapping {display:flex; justify-content:center; align-items:stretch; flex-direction:column; flex:1; overflow:hidden; background:#fff;}
.Page_View .wrapping .PageTop {flex:none;}
.Page_View .full_text {background:#fff; max-width:450px; overflow-y:auto; flex:1; margin-top:1px; color:#333; font-size:13px; padding:15px; border-top:1px solid #f2f2f2;}
.Page_View .sy_Bundle {padding:15px;}



/* 위치기반 장소노출 ========================================= */
.PlaceAds {overflow:hidden; margin:20px 0; position:relative; z-index:13; padding:0 16px}
.PlaceAds .rolling_box {padding:16px; box-sizing:border-box; gap:15px; border-radius:20px; border:1px solid var(--black-light); overflow:hidden}
.PlaceAds .title_area {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px; margin-bottom:15px;}
.PlaceAds .title_area .title {font-size:18px; font-weight:700; color:#111; flex:1}
.PlaceAds .title_area .roll_pagi {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-weight:500;}
.PlaceAds .title_area .roll_pagi .active {color:var(--color-point);}
.PlaceAds .title_area .roll_pagi .under {color:var(--black-gray);}
.PlaceAds .title_area .roll_pagi .all {color:var(--black-gray);}

.PlaceAds .one_banner {}
.PlaceAds .one_banner .tieup {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:15px;}
.PlaceAds .one_banner .enter_data {flex:1}
.PlaceAds .one_banner .photo {overflow:hidden; width:95px;height:110px; border-radius:5px; grid-row:1 / span 3;}
.PlaceAds .one_banner .photo img {width:100%; height:100%; object-fit:cover; display:block;}
.PlaceAds .one_banner .distance {font-size:15px; color:#888; font-weight:700; margin-bottom:5px; line-height:1;}
.PlaceAds .one_banner .review {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; margin-top:10px; color:#999;}
.PlaceAds .one_banner .store_name {font-size:15px; font-weight:700; color:#000; font-size:21px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
.PlaceAds .one_banner .benefit {margin-top:10px; font-size:16px; font-weight:500; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px}
.PlaceAds .one_banner .benefit strong {color:var(--color-point);}
.PlaceAds .one_banner .benefit .per {font-size:14px; color:#000; font-weight:500;  border-radius:100px; padding:0 6px; border:1px solid #e5e5e5; display:flex; justify-content:center; align-items:center; flex-direction:row; height:20px; font-weight:600;}
.PlaceAds .one_banner .benefit .per:before {content:""; width:12px; height:12px; background:transparent url('../images/woodong/picto_point.svg') center center / 100% no-repeat; margin-right:5px;}


/* 리스트통계 ========================================
.c_my_stats {margin-bottom:30px;}
.c_my_stats li {list-style:none;}
.c_my_stats .ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:100%; border:3px solid #eee; box-sizing:border-box;}
.c_my_stats .li {flex:1;  position:relative; padding:30px 0; box-sizing:border-box;}
.c_my_stats .li+ .li .state_box {border-left:1px solid #f2f2f2;}
.c_my_stats .state_box {display:flex; flex-direction:column-reverse; justify-content:center; align-items:center; box-sizing:border-box; position:relative; gap:10px}
.c_my_stats .state_box .tit {font-size:14px; color:#888; font-weight:400;}
.c_my_stats .state_box .total {display:flex; flex-direction:row; justify-content:center; align-items:center; color:#000; line-height:1; white-space:nowrap; font-size:23px; font-weight:600;}
.c_my_stats .state_box .total em {font-size:0.9em}
.c_my_stats .hit .state_box .tit {color:#e10000;}
.c_my_stats .hit .state_box .total {color:#e10000;}
*/



/* 마이리스트 공통 ========================================
.c_my_list {}
.c_my_list ul {}
.c_my_list li {list-style:none; border-bottom:1px solid #f2f2f2; box-sizing:border-box; padding:15px; display:flex; justify-content:stretch; align-items:stretch; flex-direction:row; position:relative; gap:15px}
.c_my_list .area_conts {flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:row; gap:10px}
.c_my_list .area_state {flex:none; border-left:1px solid #f2f2f2; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:5px; width:150px;}
.c_my_list .area_state .c_tag {border-radius:100px; width:60px;}
.c_my_list .thumb {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100px; overflow:hidden; position:relative; position:relative;}
.c_my_list .thumb:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.05);}
.c_my_list .thumb img {width:100%;}
.c_my_list .conts_wrap {display:flex; justify-content:center; align-items:flex-start; flex-direction:column; gap:5px; flex:1; font-size:13px;}
.c_my_list .price {font-weight:700; font-size:14px; color:#000; text-align:center;}
.c_my_list .price.if_minus {color:#e10000;}
.c_my_list .price.if_wait {color:#0065e3;}
.c_my_list .order_num {font-size:14px; color:#e10000; font-weight:700; position:relative;}
.c_my_list .order_num:before {content:""; width:100%; height:7px; background:#e10000; opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); position:absolute; left:0; bottom:0;}
.c_my_list .tit {color:#000; font-weight:500; position:relative; overflow:hidden;}
.c_my_list .date {color:#aaa; font-size:12px;}
.c_my_list .delivery {color:#00b108;}
.c_my_list .naver_pay {border-radius:3px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:24px; color:#fff; font-size:12px; background:#19ce60; padding:0 10px; cursor:default}
.c_my_list .naver_pay strong {padding-left:15px; background:transparent url('../images/c_img/logo_naver.svg') left center no-repeat; background-size:10px;}
.c_my_list .c_btn {z-index:11}
*/



/* 툴팁창 ========================================= */
.ToolTip {position:fixed; left:0; bottom:70px; z-index:1000; transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); opacity:0; pointer-events:none; visibility:hidden; width:100%; box-sizing:border-box; padding:0 30px; transform:translateY(10px);}
.ToolTip .comment {font-size:14px; color:#fff; font-weight:500; background:#202632e6; border-radius:12px; padding:0 18px; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); display:flex; justify-content:center; align-items:center; flex-direction:column; height:45px;}
.ToolTip.if_open {opacity:1; visibility:visible; transform:translateY(0);}
html.if_iOS .ToolTip {bottom:calc(env(safe-area-inset-bottom) + 70px);}




/* 마이페이지 - 포인트 */
.MyPointlist {padding:0 16px;}
.MyPointlist .potin_type {margin-bottom:10px;}
.MyPointlist .potin_type .selected {display:inline-flex; justify-content:center; align-items:center; flex-direction:row; font-size:15px; padding:10px 0; gap:5px; font-weight:500;}
.MyPointlist .potin_type .selected:after {content:""; width:10px; height:10px; background:transparent url('../images/woodong/ic_arrow_down.svg') center center / 100% no-repeat; display:block; opacity:0.4;}
.MyPointlist li+ li {margin-top:20px;}
.MyPointlist li {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:30px;}
.MyPointlist .dey_history {flex:1}
.MyPointlist .value {font-size:16px; font-weight:500; color:#333;}
.MyPointlist .date {font-variant-numeric:tabular-nums; color:#666; font-weight:600; font-size:15px; flex:none; width:50px;}
.MyPointlist .point {font-size:14px; color:#999; font-weight:500; margin-top:5px;}
.MyPointlist .place {font-size:13px; color:var(--color-point); margin-top:3px;}
.LayerSet .scroll_content .MyPointlist {padding:0px;}



/* AI 로고 */
.sy_ai_logo {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px; font-weight:800; gap:5px; margin-right:3px;}
.sy_ai_logo .font {background:linear-gradient(90deg, #3182f7, #9829ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent;}
.sy_ai_logo .pattern {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; width:20px;}
.sy_ai_logo .hypnotic {position:absolute; width:24px; height:10px; border:1.2px solid #3182f7; border-radius:50%; display:grid; animation:hypnotic-ds34hk 1.6s infinite linear; box-sizing:border-box; }
.sy_ai_logo .hypnotic:before,
.sy_ai_logo .hypnotic:after {content:""; grid-area:1/1; border:inherit; border-radius:50%; animation:inherit; animation-duration:2.4000000000000004s; }
.hypnotic:after {--s:-1;}
    @keyframes hypnotic-ds34hk {
        100% {transform:rotate(calc(var(--s,1)*1turn));}
    }
.sy_ai_logo .pulse {mix-blend-mode:multiply; width:6px;height:6px; border-radius:50%; background:#3182f7; box-shadow:0 0 0 0 rgba(49,130,247,0.5); animation:pulse-kefe91mn 1.2000000000000002s infinite linear; position:relative;}
.sy_ai_logo .pulse:before,
.sy_ai_logo .pulse:after {content:""; position:absolute;inset:0; border-radius:inherit; box-shadow:0 0 0 0 rgba(49,130,247,0.5); animation:inherit; animation-delay:-0.4s;}
.pulse:after {animation-delay:-0.8s;}
    @keyframes pulse-kefe91mn {
        100% {box-shadow:0 0 0 15px #0000;}
    }



/* 앱 업데이트 팝업 ========================================= */
.AppUpdate {position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.AppUpdate * {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.AppUpdate .bg_close {position:fixed; left:0; top:0; z-index:1; background:rgba(0,0,0,0.85); width:100%; height:100%; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
.AppUpdate .wrapping {position:relative; z-index:2; min-width:300px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; text-align:center; border-radius:20px; overflow:hidden;}
.AppUpdate .contents {padding:30px 15px; background:#fff; }
.AppUpdate .contents .comment {margin-top:30px;}
.AppUpdate .contents .comment dt {font-family:'TheJamsil'; font-size:17px; font-weight:500; line-height:1.33; color:#000;}
.AppUpdate .contents .comment dd {margin-top:10px; color:#6a747f; line-height:1.38;}
.AppUpdate .contents .next_time {margin-top:10px;}
.AppUpdate .contents .next_time .btn_next {display:inline-flex; flex-direction:row; justify-content:center; align-items:center; height:30px; padding:0 20px; color:#333; font-weight:500; text-decoration:underline; text-underline-offset:2px;}
.AppUpdate .app_download {border-radius:0 0 3px 3px; overflow:hidden;}
.AppUpdate .app_download .btn_down {display:flex; flex-direction:row; justify-content:center; align-items:center; height:65px; background:var(--color-point); font-size:16px; font-weight:600; color:#fff; gap:5px}
.AppUpdate.if_close {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden;}
.AppUpdate.if_close .wrapping {transform:translateY(50px);}



/* 내정보 요약 */
.MySummary {background:#fff; position:relative; z-index:13; padding:16px;}
html.if_iOS .MySummary {padding-top:calc(env(safe-area-inset-top) + 20px);}
.MySummary .nickname {font-size:21px; font-weight:700; color:#000;}
.MySummary .account_info {display:flex; justify-content:center; align-items:center; flex-direction:row; margin-top:20px;}
.MySummary .account_info ul {flex:1; display:flex; justify-content:space-around; align-items:center; flex-direction:row}
.MySummary .account_info li {display:flex; justify-content:center; align-items:flex-start; flex-direction:column; font-size:17px; gap:5px}
.MySummary .account_info .value {font-weight:600; color:#000;}
.MySummary .account_info .option {font-weight:500; color:#333; font-size:0.9em;}
.MySummary .profile {width:60px; padding:5px; aspect-ratio:auto 1/1; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; flex:none; box-sizing:border-box; flex:non1}
.MySummary .profile {overflow:hidden;}
.MySummary .profile .photo {position:relative; z-index:2; border-radius:100px; overflow:hidden; background:var(--black-light) url('../images/woodong/profile_add.svg') center center / 50% no-repeat; width:100%; aspect-ratio:auto 1 / 1;}
.MySummary .profile .photo img {width:100%; height:100%; object-fit:cover;}
.MySummary .profile .line {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:linear-gradient(121deg,rgba(49, 130, 247, 1) 0%, rgba(46, 255, 241, 1) 50%, rgba(183, 109, 247, 1) 100%);border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; transition:all 0.15s ease-out; transform:scale(0,1); opacity:0;}
.MySummary .profile .line:before {content:""; width:56px; aspect-ratio:auto 1 / 1; border-radius:100px; background:#fff; display:block; border-radius:100px; box-sizing:border-box; position:relative; z-index:1}
.MySummary .profile.if_upload .line {transform:scale(1,1); opacity:1; animation:mv_line_spin 2s ease; animation-fill-mode:forwards; opacity:1;}
.MySummary .direct_click {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:6px; margin-top:30px;}
.MySummary .direct_click .btn_click {display:flex; justify-content:center; align-items:center; flex-direction:row; font-size:15px; font-weight:600; flex:1; border-radius:10px; background:#f2f2f3; height:45px;}




/* 로딩바(공통) */
.LoadingBar {position:fixed; left:50%; top:50%; display:flex; justify-content:center; align-items:center; flex-direction:column; pointer-events:none; z-index:10000; transform:translate(-50%,-50%); backdrop-filter:blur(5px); background-color:rgba(255, 255, 255, 0.6); padding:30px; box-sizing:border-box; border-radius:30px; gap:15px; text-align:center; font-weight:500; box-shadow:0px 0px 20px rgba(0,0,0,0.1);}
.LoadingBar .comment {font-size:14px; color:#333; font-weight:500; line-height:1.4; white-space:nowrap;}
.LoadingBar .spinner {width:40px; height:40px; border-radius:50%; background:radial-gradient(farthest-side,#3182f7 94%,#0000) top/6.4px 6.4px no-repeat, conic-gradient(#0000 30%,#3182f7); -webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6.4px),#000 0); animation:spinner-c7wet2 0.7s infinite linear; }
    @keyframes spinner-c7wet2 {
        100% {
            transform:rotate(1turn);
        }
    }


/* 리뷰 신고하기 */
.ContentReport {}
.ContentReport .reason_list {}
.ContentReport .reason_list ul {display:flex; justify-content:center; align-items:stretch; flex-direction:column; gap:10px; gap:10px}
.ContentReport .reason_list li {}
.ContentReport .reason_list li .open_form {margin-top:10px;}
.ContentReport .reason_list .btn_block {margin-top:15px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px; color:#999;}


/* 장소검색필터 */
.SearchFilter {}
.SearchFilter .scroll_content {padding-left:0; padding-right:0px;}
.SearchFilter .enter_word {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; margin:16px; position:relative;}
.SearchFilter .enter_word .search_form {position:relative; fleX:1; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.SearchFilter .enter_word .tieup {position:absolute; right:0; top:0; z-index:10; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px;}
.SearchFilter .enter_word input.input_design {background-color:#f4f5f7; border-radius:100px; height:50px; width:100%; box-sizing:border-box; padding:0 16px; padding-left:50px; font-size:16px; border:1px solid #f4f5f7; color:#000; font-weight:500; transition:all 0.25s ease-out;}
.SearchFilter .enter_word .btn_search {width:50px; height:50px; right:0; z-index:10; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:17px; color:#999;}
.SearchFilter .enter_word .btn_clear {width:20px; height:20px; padding:5px; font-size:18px; color:#999; display:none; }
.SearchFilter .enter_word input.input_design:focus {border-color:#3182f780; background-color:#fff;}
.SearchFilter .enter_word input.input_design:not(:placeholder-shown) {background-color:#3182f716; border-color:#3182f750;}
.SearchFilter .enter_word input.input_design:not(:placeholder-shown)+ .tieup .btn_clear {display:block}
.SearchFilter .enter_word input.input_search:not(:placeholder-shown)+ .tieup .auto_word {display:block;}
.SearchFilter .enter_word input.input_search:not(:placeholder-shown)+ .tieup .btn_search {color:var(--color-point);}
.SearchFilter .btn_cancel {position:absolute; width:45px; height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; z-index:2; font-size:18px; left:0}

.SearchFilter .result_place {box-sizing:border-box; min-height:80px; padding:0 16px;  border-bottom:10px solid #F3F4F8; padding-bottom:20px;}
.SearchFilter .result_place .btn_place {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:6px 0px; font-size:16px; gap:5px}
.SearchFilter .result_place .btn_place .name {flex:1; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; color:#000; font-weight:500;}
.SearchFilter .result_place .btn_place .name strong {color:var(--color-point);}
.SearchFilter .result_place .btn_place .additional {color:#aaa; font-weight:500; font-size:14px;}
.SearchFilter .result_place .btn_place i.fi {border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; width:25px; aspect-ratio:1/1; font-size:12px; background:#F3F4F8; color:#666;}
.SearchFilter .result_place.this_match {position:fixed; width:100%; background:#fff; z-index:10; top:80px; height:calc(100% - 80px); padding:16px; padding-top:0px; box-shadow:0px 10px 10px rgba(0,0,0,0.05); overflow-y:auto;}
html.if_iOS .SearchFilter .result_place.this_match {top:calc(env(safe-area-inset-top) + 80px); padding-bottom:calc(env(safe-area-inset-bottom) + 30px);}

.SearchFilter .section_title {font-size:16px; font-weight:600; color:#000; margin-bottom:10px;}
.SearchFilter .filter_tag {padding:0 16px; margin-top:20px;}
.SearchFilter .filter_tag ul {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:5px;}
.SearchFilter .sy_Label_button .tx {height:36px; border-radius:100px; font-size:14px; min-width:60px; justify-content:center}
.SearchFilter .sy_Label_button input:checked+ .tx {background:var(--black-dark); border-color:var(--black-dark) !important; color:#fff;}
.SearchFilter .filter_local {margin-top:20px; padding:0 16px;}
.SearchFilter .first_local {overflow-x:auto; margin:0 -16px;}
.SearchFilter .first_local ul {display:flex; justify-content:center; align-items:center; flex-direction:row; width:max-content; box-sizing:border-box; padding:0 16px; gap:5px;}

.SearchFilter .btn_local {width:75px; aspect-ratio:1/1; box-sizing:border-box; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:5px;}
.SearchFilter .btn_local .picto {position:relative; z-index:2; border-radius:100px; overflow:hidden; width:100%; aspect-ratio:auto 1 / 1; }
.SearchFilter .btn_local .picto img {width:100%; height:100%; object-fit:cover; position:relative; z-index:1;}
.SearchFilter .btn_local .line {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:linear-gradient(121deg,rgba(49, 130, 247, 1) 0%, rgba(46, 255, 241, 1) 50%, rgba(183, 109, 247, 1) 100%);}
.SearchFilter .btn_local .line {border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; transition:all 0.15s ease-out; transform:scale(0,1); opacity:0;}
.SearchFilter .btn_local .line:before {content:""; width:71px; aspect-ratio:auto 1 / 1; border-radius:100px; background:#fff; display:block; border-radius:100px; box-sizing:border-box; position:relative; z-index:3}
.SearchFilter .btn_local .name {position:absolute; width:100%; height:100%; z-index:2; display:flex; justify-content:center; align-items:center; flex-direction:column; font-weight:600; color:#fff; text-align:center; background:rgba(0,0,0,0.4); line-height:1; font-size:16px; border-radius:100px;}
.SearchFilter .btn_local.hit .line {transform:scale(1,1); opacity:1; animation:mv_line_spin 2s ease; animation-fill-mode:forwards; opacity:1;}

.SearchFilter .next_loacal {margin-top:15px;}
.SearchFilter .next_loacal ul {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:5px;}



/* 내가게 수정 */
.MyplaceInfo {background:#f3f4f6; padding:16px; flex:1; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; gap:15px; padding-bottom:50px; overflow-y:auto;}
.MyplaceInfo .section_title {font-size:18px; font-weight:700; color:#000; margin-bottom:20px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; position:relative;}
.MyplaceInfo .section_title strong {flex:1}
.MyplaceInfo .section_title .color {color:var(--color-point);}
.MyplaceInfo .info_list {background:#fff; border-radius:15px; padding:20px; box-shadow:0px 0px 5px rgba(0,0,0,0.05);}
.MyplaceInfo .info_list li {position:relative; overflow:hidden; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-size:15px; font-weight:500; color:#333; gap:10px}
.MyplaceInfo .info_list li+ li {border-top:1px solid #f5f5f5; padding-top:15px; margin-top:15px;}
.MyplaceInfo .info_list .menu_text {flex:1; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.4; font-weight:500;}
.MyplaceInfo .info_list .display {font-weight:700;}
.MyplaceInfo .info_list .divi {width:1px; height:14px; background:#ddd;}
.MyplaceInfo .info_list .arrow {color:#aaa;}
.MyplaceInfo .info_list .btn_text {color:#aaa; font-size:12px; padding:5px 0;}
.MyplaceInfo .no_content {color:#aaa; font-size:14px; font-weight:500;}





/* 게시판+FAQ */
.c_board_ctrl { margin-bottom:20px;}
.c_board_ctrl .board_search {position:relative; margin:0 16px; margin-top:5px;}
.c_board_ctrl .board_search .input_design {padding-right:50px; height:50px;}
.c_board_ctrl .board_search .btn_search {position:absolute; right:0; top:0; width:45px; height:100%; z-index:10; cursor:pointer; background:transparent url('../images/c_img/ic_search.svg') center center / 18px no-repeat;}
.c_board_ctrl .board_search .btn_reset {position:absolute; right:45px; top:0; z-index:10; box-sizing:border-box; width:30px; height:100%; z-index:10; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.c_board_ctrl .board_search .btn_reset:before {content:""; width:20px; height:20px; border-radius:100px; display:block; background:#aaa url("../images/c_img/ic_close_sm_white.svg") center center / 8px no-repeat;}
.c_board_ctrl .board_ctg {box-sizing:border-box; position:relative; overflow:hidden; margin-top:15px;}
.c_board_ctrl .board_ctg .swipe_box {}
.c_board_ctrl .board_ctg .swipe_box ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px; flex-wrap:wrap; width:max-content; gap:5px; padding:0 16px;}
.c_board_ctrl .board_ctg .ctg {color:#888; padding:0 15px; font-size:13px; font-weight:500; box-sizing:border-box; border-radius:100px; background:var(--black-light); display:flex; justify-content:center; align-items:center; flex-direction:column; height:35px;}
.c_board_ctrl .board_ctg .hit .ctg {color:#fff; background:var(--black-dark);}

.c_board_list {border-top:10px solid var(--black-clear); padding-top:10px;}
.c_board_list li {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #f2f2f2; box-sizing:border-box; position:relative; gap:5px; padding:12px 15px; font-size:14px;}
.c_board_list .posting {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px; flex-wrap:wrap;}
.c_board_list .posting .tit {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; font-weight:500; font-size:16px;}
.c_board_list .posting .field {color:#999;}
.c_board_list .posting .tx {display:inline;}
.c_board_list .posting .who {}
.c_board_list .posting .who em {color:#999;}
.c_board_list .date {white-space:nowrap; color:#aaa; font-size:13px;}
.c_board_list .writer {width:80px; text-align:center; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
.c_board_list .ic_q {font-weight:700; color:#000; font-size:20px}
.c_board_list .about_item {color:#888; position:relative; z-index:10; overflow:hidden; padding-left:12px; font-weight:400;}
.c_board_list .about_item { text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; }
.c_board_list .about_item:before {content:""; width:7px; height:7px; box-sizing:border-box; border:2px solid #ccc; border-top:0; border-right:0; position:absolute; left:0; top:50%; margin-top:-4px;}
.c_board_list .state_icon {flex:none; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px}
.c_board_list .state_icon img {height:16px;}
.c_board_list .state_icon .ic_reply {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:3px}
.c_board_list .state_icon .ic_reply em {color:#222; font-weight:700;}
.c_board_list.type_faq {}
.c_board_list.type_faq ul {flex-direction:column; justify-content:stretch; align-items:stretch}
.c_board_list.type_faq li.this_tit {padding-right:0;}
.c_board_list.type_faq .posting .tit {flex:1; position:relative; padding-right:40px;}
.c_board_list.type_faq .posting .tit:before {content:""; width:30px; height:100%; position:absolute; right:0; top:0; background:transparent url('../images/c_img/arrow_down.svg') center center no-repeat; background-size:10px;}
.c_board_list.type_faq .posting .tit:before {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.c_board_list .open_conts {background:#f5f5f5; padding:20px; border-radius:5px; margin-top:10px; display:none; }
.c_board_list .open_conts .tit {color:#000; font-weight:600; font-size:15px; margin-bottom:10px;}
.c_board_list .open_conts .editor {color:#666; font-size:13px;}
.c_board_list .if_open .open_conts {display:block;}
.c_board_list .if_open .posting .tit:before {transform:rotate(180deg); -webkit-transform:rotate(180deg); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}




/* 게시물 보기 ======================================== */
.c_board_view {padding:0 16px;}
.c_board_view .view_top {border-bottom:1px solid #f2f2f2; padding-bottom:20px; margin-bottom:20px;}
.c_board_view .view_top .tit {color:#000; font-weight:600; font-size:21px; line-height:1.4;}
.c_board_view .view_top .info {margin-top:5px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:5px 10px; font-size:12px; color:#aaa;}
.c_board_view .view_conts {font-size:14px; line-height:1.35; overflow:hidden;}
.c_board_view .view_conts img {max-width:100%}
.c_board_view .file_down {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px; flex-wrap:wrap; margin-top:15px; }
.c_board_view .file_down .link {border:1px solid #e5e5e5; padding:0 15px; color:#333; font-size:13px; height:35px; font-weight:500; display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.c_board_view .file_down .link {box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; border-radius:100px;}
.c_board_view .file_down .link {background:#f5f5f5 url('../images/c_img/ic_attach.svg') 15px center no-repeat; background-size:14px; padding-left:35px;}
.c_board_view .file_down .link {transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out;}
.c_board_view .reply {margin-top:15px; border:2px solid #f2f2f2; padding:30px;}
.c_board_view .reply .form {display:flex; justify-content:stretch; align-items:stretch; flex-direction:row; gap:10px}
.c_board_view .reply .form .text_design {height:100px; flex:1; background:#fafafa;}
.c_board_view .reply .form .btn_ok {background:#333; width:120px; color:#fff; font-size:13px; cursor:pointer; font-weight:500; box-sizing:border-box;}
.c_board_view .reply .form .btn_ok {transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out;}
.c_board_view .reply .list {margin-top:15px; }
.c_board_view .reply .list li {position:relative; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; font-size:13px; line-height:1; gap:5px}
.c_board_view .reply .list li+ li {border-top:1px dashed #f2f2f2; margin-top:10px; padding-top:10px;}
.c_board_view .reply .list .name {font-weight:600; color:#333; }
.c_board_view .reply .list .date {color:#aaa; font-size:12px;}
.c_board_view .reply .list .btn_delete {display:flex; justify-content:center; align-items:center; flex-direction:column; width:16px; height:16px;}
.c_board_view .reply .list .btn_delete {background:transparent url('../images/c_img/ic_delete.svg') center center no-repeat; background-size:13px;}
.c_board_view .reply .list .conts {width:100%; line-height:1.4; color:#888;}

.c_board_view .answer {padding-left:30px; box-sizing:border-box; position:relative;}
.c_board_view .answer .edge {position:absolute; left:0; top:0; width:30px; height:100%; z-index:1; background:#eee;}
.c_board_view .answer .edge:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:0 30px 0 0; box-sizing:border-box; background:#fff;}
.c_board_view .answer .answer_in {background:#eee; border:1px solid #eee; padding:30px; border-radius:0 20px 20px 20px; box-sizing:border-box;}
.c_board_view .answer .writer {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; line-height:1; font-size:13px;gap:10px}
.c_board_view .answer .writer .name {color:#333; font-weight:600;}
.c_board_view .answer .writer .date {color:#999;}
.c_board_view .answer .editor {font-size:13px; color:#666; line-height:1.4; margin-top:10px;}
.c_board_view .answer .editor img {max-width:100%;}




/* 세팅폼 (내가게) */
.SetForm {}
.SetForm .inner_form {margin-bottom:20px;}
.SetForm .upper_form {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; gap:5px; position:relative;}
.SetForm .upper_form .sy_Button {position:absolute; height:35px; border-radius:100px;}

.SetForm .result_value {display:flex; justify-content:center; align-items:center; flex-direction:row; margin-bottom:40px; font-size:25px; font-weight:700; color:#ccc;}
.SetForm .result_value.this_wide {padding:20px 0;}
.SetForm .result_value ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px;}
.SetForm .result_value li {display:flex; justify-content:center; align-items:center; flex-direction:row; font-variant-numeric:tabular-nums; gap:5px}
.SetForm .result_value li.after {color:#000;}
.SetForm .result_value strong {color:var(--black-dark);}
.SetForm .result_value .value {color:var(--black-dark);}
.SetForm .result_value .btn_clear {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:3px; margin-left:5px;}
.SetForm .result_value .btn_clear:before {content:""; width:18px; height:18px; border-radius:100px; display:block; background:#aaa url("../images/c_img/ic_close_sm_white.svg") center center / 8px no-repeat;}

.picker_wrap {position:relative; display:flex; height:180px; justify-content:center; align-items:center; gap:20px; padding:0 20px; margin-bottom:15px;}
.picker_wrap .picker_group {position:relative; flex:1; display:flex; justify-content:center; align-items:stretch; flex-direction:column; text-align:center; }
.picker_wrap .btn_updown { color:#aaa; font-size:18px; cursor:pointer; border:none; transition:background 0.2s; user-select:none; display:inline-flex; justify-content:center; align-items:center; flex-direction:column; height:50px; box-sizing:border-box;}
.picker_wrap .btn_updown.up {border-bottom:1px solid #f2f2f2;}
.picker_wrap .btn_updown.down {border-top:1px solid #f2f2f2;}
.picker_wrap .divi {font-size:33px; color:#000; font-weight:500;}
.picker_wrap .picker {height:80px; overflow-y:scroll; scroll-snap-type:y mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none;}
.picker_wrap .picker::-webkit-scrollbar {display:none;}
.picker_wrap .picker li {height:80px; line-height:80px; scroll-snap-align:center; font-size:18px; color:#000; user-select:none; font-size:33px; font-variant-numeric:tabular-nums;}
.picker_wrap .highlight {position:absolute; top:calc(50% - 15px); left:0; width:100%; height:50px; pointer-events:none; z-index:10; background:rgba(255,255,255,0.1);}



/* 달력선택 */
.CalendarTerm {}
.CalendarTerm .per_month {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px;}
.CalendarTerm .per_month .this_month {font-size:20px; font-weight:600; color:#111; line-height:1; text-align:center; width:120px;}
.CalendarTerm .per_month .btn_prevnext {font-size:18px; padding:3px 10px; }
.CalendarTerm .per_month .btn_prevnext.not_allow {pointer-events:none}

.CalendarTerm .caelndar_list {margin-top:40px;}
.CalendarTerm .caelndar_list ul {display:flex; justify-content:center; align-items:center; flex-direction:row; text-align:center;}
.CalendarTerm .caelndar_list ul+ ul {margin-top:15px;}
.CalendarTerm .caelndar_list li {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.CalendarTerm .caelndar_list ul.week {font-size:13px; color:#aaa; font-weight:600; margin-bottom:10px;}
.CalendarTerm .caelndar_list .day {}
.CalendarTerm .caelndar_list .day input {display:none;}
.CalendarTerm .caelndar_list .day .tx {font-size:16px; font-weight:600; color:#111; line-height:1; text-align:center; width:40px; aspect-ratio:1/1; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; position:relative;}
.CalendarTerm .caelndar_list .day.today .tx {color:var(--color-point);}
.CalendarTerm .caelndar_list .day.today .tx:after {content:""; width:4px; height:4px; position:absolute; right:6px; top:7px; border-radius:100px; background:var(--color-point);}
.CalendarTerm .caelndar_list .day.not_this .tx {opacity:0.2;}
.CalendarTerm .caelndar_list .day input:disabled+ .tx {opacity:0.15; pointer-events:none;}
.CalendarTerm .caelndar_list .day input:checked+ .tx {background:var(--color-point); color:#fff; opacity:1;}
.CalendarTerm .caelndar_list .day.past .tx:after {content:""; width:1px; height:20px; position:absolute; background:#111; transform:rotate(45deg);}



/* 웰컴 아이프레임 */
.WelcomeApi {padding-left:0px !important; padding-right:0px !important; overflow:hidden; background:transparent url('../images/woodong/welcome_load.png') center center / 100% no-repeat;}
.WelcomeApi iframe {width:100%; height:100%; border:0;}
html.if_iOS .WelcomeApi {padding-bottom:env(safe-area-inset-bottom);}