:root {
	--color-point:#4285f4;

	/* 베지어 모션 */
	--mv-cubic:all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
	--mv-cubic-fast:all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}

/* PC모드 ========================================= */
html.if_hide_top .re_header {display:none;}
html.if_hide_fix .sc_Fix {display:none;}

html.if_pcmode .wrap {max-width:600px; margin:0 auto;}
.wrap {padding-bottom:180px;}





/* 타이틀영역 ======================================== */
.sc_Top {background:#000; color:#fff; padding:20px 15px 15px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:15px}
.sc_Top li {list-style:none;}
.sc_Top .site_title {}
.sc_Top .site_name {font-size:20px; font-weight:600; letter-spacing:-0.3px; line-height:1;}
.sc_Top .meta {font-size:14px; font-weight:500; line-height:1; margin-top:10px; color:#bbb;}
.sc_Top .logo {vertical-align:middle; width:100%; height:100%; font-size:0px; box-sizing:border-box;}
.sc_Top .logo img {width:100%; height:100%;}
.sc_Top .rolling_box {overflow:hidden; border-radius:100px; width:65px; height:65px; box-sizing:border-box; border:6px solid #fff; background:#fff;}





/* 메인 비주얼배너 ======================================== */
.sc_Gbanner {background:#000; padding-bottom:30px; overflow:hidden;}
.sc_Gbanner li {list-style:none;}
.sc_Gbanner .group_wrap {}
.sc_Gbanner .group_wrap li {overflow:hidden;}
.sc_Gbanner .group_wrap li+ li .bundle_title {border-top:1px solid rgba(255,255,255,0.15);}

.sc_Gbanner .bundle_title {margin:0 15px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; color:#bbb; font-size:17px; cursor:pointer; height:60px;}
.sc_Gbanner .bundle_title .count {width:25px; padding-left:5px;}
.sc_Gbanner .bundle_title .title {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; flex:1; padding:0 15px 0 8px;}
.sc_Gbanner .bundle_title .ic_arrow {margin-left:auto; height:10px; width:10px; background:transparent url('../images/main_renew/bundle_arrow_down.svg') center center no-repeat; opacity:0.3; background-size:10px 6px}
.sc_Gbanner .bundle_title .ic_arrow {flex:none; filter: invert(99%) sepia(7%) saturate(4%) hue-rotate(80deg) brightness(117%) contrast(100%);}
.sc_Gbanner .bundle_title * {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}

.sc_Gbanner .banner_list {overflow:hidden; overflow-x:auto; transition:grid-template-rows 0.3s ease-out; -webkit-transition:grid-template-rows 0.3s ease-out; display:grid; grid-template-rows:0fr;}
.sc_Gbanner .banner_list .scroll_wrap {padding:0 15px; width:max-content; display:flex; justify-content:stretch; align-items:stretch; flex-direction:row; gap:10px; overflow:hidden;}
.sc_Gbanner .banner_list::-webkit-scrollbar {display:none;}
html.if_pcmode .sc_Gbanner .banner_list::-webkit-scrollbar {height:6px; display:block;}
html.if_pcmode .sc_Gbanner .banner_list::-webkit-scrollbar-thumb { background-color:rgba(255,255,255,0.2);; border-radius:100px;}
html.if_pcmode .sc_Gbanner .banner_list::-webkit-scrollbar-track {background-color:transparent;}

.sc_Gbanner .one_data {overflow:hidden; position:relative; width:160px; background:#fff;}
.sc_Gbanner .one_data .thumb {overflow:hidden; vertical-align:middle; aspect-ratio: auto 1 / 1;}
.sc_Gbanner .one_data .thumb img {width:100%; height:100%; object-fit:cover}
.sc_Gbanner .one_data .info {padding:10px; color:#000; font-size:16px; font-weight:500;}
.sc_Gbanner .one_data .name {line-height:1.3;}
.sc_Gbanner .one_data .price {margin-top:3px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:3px}
.sc_Gbanner .one_data .discount {color:#f00000; font-weight:700;}
.sc_Gbanner .one_data .won strong {font-weight:700;}

.sc_Gbanner li.if_open .banner_list {grid-template-rows:1fr;}
.sc_Gbanner li.if_open .banner_list .scroll_wrap {padding-bottom:15px}
.sc_Gbanner li.if_open .bundle_title {color:#fff; font-weight:600; font-size:20px; pointer-events:none;}
.sc_Gbanner li.if_open .bundle_title .ic_arrow {transform:rotate(180deg); -webkit-transform:rotate(180deg);}





/* 메인상단 비주얼수정 ========================================= */
.sc_topVisual {overflow:hidden; margin-bottom:10px;}
.sc_topVisual li {list-style:none;}
.sc_topVisual .group_title {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:15px; position:relative; overflow:hidden;}
.sc_topVisual .group_title .logo {overflow:hidden; border-radius:100px; width:58px; height:58px; box-sizing:border-box; background:#fff; position:relative;}
.sc_topVisual .group_title .logo img {width:100%; height:100%; object-fit:cover; border-radius:100px; transform:scale(0.8); -webkit-transform:scale(0.8);}
.sc_topVisual .group_title .hit_line {width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; border-radius:100px; border:2px solid #000; box-sizing:border-box;}
.sc_topVisual .group_title dl {flex:1; margin-left:15px;}
.sc_topVisual .group_title dt {color:#000; font-weight:600; font-size:18px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:3px; letter-spacing:-0.5px;}
.sc_topVisual .group_title dd {margin-top:5px; color:#8d8d8d; font-size:13px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}

.sc_topVisual .rolling_wrap {padding:0 15px;}
.sc_topVisual .rolling_box ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.sc_topVisual .rolling_box li {padding:0 5px; box-sizing:border-box;}
.sc_topVisual .one_banner {overflow:hidden; border-radius:15px; vertical-align:middle; position:relative;}
.sc_topVisual .one_banner img {width:100%; display:block;}
.sc_topVisual .one_banner .upper_txt {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; padding:20px; color:#fff; box-sizing:border-box;}
.sc_topVisual .one_banner .upper_txt {font-size:18px; font-weight:600; gap:5px; line-height:1.3;}
.sc_topVisual .one_banner .upper_txt .txt_second {margin-top:auto; font-size:0.75em;}
.sc_topVisual .one_banner .logo {overflow:hidden; border-radius:100px; width:55px; height:55px; box-sizing:border-box; background:#fff; position:absolute; right:10px; bottom:10px; border:2px solid #fff;}
.sc_topVisual .one_banner .logo img {width:100%; height:100%; object-fit:cover; border-radius:100px; }
.sc_topVisual .one_banner .benefit {background:#fff; border-radius:100px; line-height:1; font-size:0.8em; display:flex; justify-content:center; align-items:center; flex-direction:column; height:30px; padding:0 8px; font-weight:700;}
.sc_topVisual .one_banner .benefit {margin-bottom:5px;}

.sc_topItems {position:fixed; right:0; top:0; width:100%; height:100%; z-index:1001; background:#fff; transition:var(--mv-cubic); -webkit-transition:var(--mv-cubic); transform:translateX(100%);}
.sc_topItems {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.sc_topItems .group_title {flex:none; border-bottom:8px solid #eaedf2; background:#252527;}
.sc_topItems .group_title .logo img {transform:scale(0.92);}
.sc_topItems .group_title dt {color:#fff;}
.sc_topItems .group_title dd {color:#cfcfcf;}
.sc_topItems .group_title .btn_close {width:30px; height:30px; margin-left:auto; background:transparent url('../images/main_renew/top_ic_close.svg') center center no-repeat; background-size:15px;}
.sc_topItems .group_title .btn_close {filter: invert(95%) sepia(0%) saturate(2%) hue-rotate(170deg) brightness(111%) contrast(100%);}
.sc_topItems .group_items {flex:1; overflow-y:auto; padding:30px 5px; box-sizing:border-box;}



html.if_open_topItems {overflow:hidden; }
html.if_open_topItems .sc_topItems {transform:translateX(0);}

html.if_pcmode .sc_topItems {max-width:450px;}
html.if_pcmode.if_open_topItems .sc_topItems {box-shadow:-10px 0 10px rgba(0,0,0,0.1);}






/* 메인 브랜드상품(엠디픽) ======================================== */
.sc_Brand {margin-top:10px; overflow:hidden;}
.sc_Brand li {list-style:none;}

.sc_Brand .section_title {text-align:center;}
.sc_Brand .section_title .tag {color:#7a3d0e; font-weight:700; font-size:17px; line-height:1;}
.sc_Brand .section_title .title {color:#141414; font-size:23px; font-weight:700; margin-top:10px;}

.sc_Brand .brand_tab {overflow:hidden; border-bottom:8px solid #eaedf2; position:sticky; top:0; z-index:10; padding-top:10px; background:#fff;}
.sc_Brand .brand_tab .scroll_box {overflow-x:auto;}
.sc_Brand .brand_tab .scroll_box ul {width:max-content; padding:0 15px;}
.sc_Brand .brand_tab .scroll_box::-webkit-scrollbar {height:6px; display:none;}
.sc_Brand .brand_tab .scroll_box::-webkit-scrollbar-thumb { background-color:#ccc; border-radius:100px;}
.sc_Brand .brand_tab .scroll_box::-webkit-scrollbar-track {background-color:transparent;}
.sc_Brand .brand_tab .scroll_box ul {display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:row; gap:15px}
html.if_pcmode .sc_Brand .brand_tab .scroll_box::-webkit-scrollbar {display:block;}

.sc_Brand .brand_tab .tab {box-sizing:border-box; overflow:hidden; position:relative; text-align:center; padding-bottom:15px;}
.sc_Brand .brand_tab .tab strong {display:block; color:#000; font-size:12px; overflow:hidden; line-height:1;}
.sc_Brand .brand_tab .picto {width:65px; height:65px; margin-bottom:10px; position:relative; border-radius:100px; vertical-align:middle; box-sizing:border-box;}
.sc_Brand .brand_tab .picto {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.sc_Brand .brand_tab .picto:before {content:""; width:100%; height:100%; border:1px solid rgba(0,0,0,0.05); border-radius:100px; position:absolute; left:0; top:0; z-index:1; box-sizing:border-box;}
.sc_Brand .brand_tab .picto:after {content:""; width:100%; height:100%; border:2px solid #fff; border-radius:100px; position:absolute; left:-2px; top:-2px; z-index:2; display:none;}
.sc_Brand .brand_tab .picto img {width:100%; height:100%; border-radius:100px; isolation:isolate; transform:scale(0.85); -webkit-transform:scale(0.85);}
.sc_Brand .brand_tab .hit_bg {width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; border-radius:100px; border:1px solid #000; box-sizing:border-box; display:none;}
.sc_Brand .brand_tab .hit .tab strong {font-weight:700;}
.sc_Brand .brand_tab .hit .hit_bg {display:block;}
.sc_Brand .brand_tab .hit .picto:after {display:block;}

.sc_Brand .md_item_bx {margin-top:5px; padding:0 5px;}
.sc_Brand .md_item_bx .next_exp {text-align:center; margin:15px 25px;}
.sc_Brand .md_item_bx .next_exp .comment {background:#000; color:#fff; padding:12px; border-radius:100px; font-size:15px; position:relative; font-weight:500;}
.sc_Brand .md_item_bx .next_exp .edge {content:""; position:absolute; left:-4px; top:-2px;}




/* 하단고정메뉴 ========================================= */
.sc_Fix {position:fixed; left:0; bottom:0; width:100%; background:#fff; overflow:hidden; z-index:101; border-top:1px solid rgba(0,0,0,0.05);;}
.sc_Fix ul {display:flex; justify-content:center; align-items:center; flex-direction:row}
.sc_Fix li {flex:1; list-style:none;}
.sc_Fix .btn {display:flex; justify-content:center; align-items:center; flex-direction:column; height:60px;}
.sc_Fix .picto {position:relative;}
.sc_Fix .picto img {filter: invert(83%) sepia(14%) saturate(175%) hue-rotate(169deg) brightness(87%) contrast(94%); height:22px;}
.sc_Fix .menu {font-size:11px; color:#b2bbc4; font-weight:500; margin-top:4px; line-height:1;}
.sc_Fix .count_number {position:absolute; right:-5px; top:-6px; background:var(--color-point); color:#fff; z-index:10; font-weight:700; font-size:10px; min-width:15px; height:15px; border-radius:100px;}
.sc_Fix .count_number {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.sc_Fix li.hit .picto img {filter:none}
.sc_Fix li.hit .menu {color:#000; font-weight:600;}

html.if_pcmode .sc_Fix {max-width:600px; left:50%; transform:translateX(-50%);}





/* 서브탑 ========================================= */
.p_Subtop {display:flex; justify-content:stretch; align-items:center; flex-direction:row; background:#fff; z-index:100; position:relative; flex:none; padding-top:var(--safe-top);}
.p_Subtop .side {width:60px; display:flex; justify-content:center; align-items:center; flex-direction:row}
.p_Subtop .title {color:#000; font-size:19px; font-weight:700; height:70px; display:flex; justify-content:center; align-items:center; flex-direction:column; flex:1}
.p_Subtop .btn {width:60px; height:60px; background-position:center center; background-size:20px auto !important; background-repeat:no-repeat;}
.p_Subtop .btn.btn_back {background-image:url('../images/main_renew/top_ic_back.svg?v=1');}
.p_Subtop .btn.btn_close {background-image:url('../images/main_renew/top_ic_close.svg'); background-size:15px !important;}
.p_Subtop.if_stick {position:sticky; top:0; }






/* 슬라이드 ======================================== */
.p_Allmy {overflow:hidden; position:fixed; left:0; top:0; z-index:99; width:100%; height:100%; visibility:hidden; display:flex; justify-content:stretch; align-items:flex-start; flex-direction:column;}
.p_Allmy  * {color:#000;}
.p_Allmy li {list-style:none;}
.p_Allmy .wrapping {position:relative; z-index:2; background:#fff; overflow-y:auto; transform:translateX(-100%); max-height:100%; flex:1; box-sizing:border-box; padding:50px 0 100px;}
.p_Allmy .wrapping {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.p_Allmy .wrapping {transition:var(--mv-cubic); -webkit-transition:var(--mv-cubic);}
.p_Allmy .bg_close {position:fixed; left:0; top:0; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.3); opacity:0;}

.p_Allmy .my_info {padding:0 20px;}
.p_Allmy .my_info .before {display:flex; justify-content:flex-start; align-items:center; flex-direction:row}
.p_Allmy .my_info .btn_tx {font-size:16px; font-weight:600; line-height:1; padding:5px 0; position:relative;}
.p_Allmy .my_info .btn_tx+ .btn_tx {padding-left:11px; margin-left:10px;}
.p_Allmy .my_info .btn_tx+ .btn_tx:before {content:""; width:1px; height:14px; background:#ECECEC; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.p_Allmy .my_info .after {font-size:18px; line-height:1.5; font-weight:500;}
.p_Allmy .my_info .after strong {font-weight:700;}
.p_Allmy .my_info .after .order_today {color:#000; font-weight:700; text-transform:uppercase}

.p_Allmy .my_menu {margin-top:15px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:15px}
.p_Allmy .my_menu .link {display:flex; justify-content:center; align-items:center; flex-direction:column; padding:10px 0;}
.p_Allmy .my_menu .link .tx {font-size:14px; font-weight:500; margin-top:10px; line-height:1;}
.p_Allmy .my_menu .link .picto {border:0.8px solid #eee; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; width:55px; height:55px;}
.p_Allmy .my_menu .link .picto img {height:28px; vertical-align:middle;}

.p_Allmy .sitemap {border-top:0.8px solid #eee; padding:0 20px; padding-top:20px; margin-top:20px;}
.p_Allmy .sitemap .menu {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:10px 0;}
.p_Allmy .sitemap .menu .tx {font-size:16px; line-height:1; font-weight:500; flex:1; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.p_Allmy .sitemap .menu .picto {width:26px; position:relative; margin-right:10px;}
.p_Allmy .sitemap .menu .picto img {width:26px; vertical-align:middle}
.p_Allmy .sitemap .menu .guide {font-size:0.82em; margin-top:5px; font-weight:300;}
.p_Allmy .sitemap .menu .guide.newest {color:#9d9d9d;}
.p_Allmy .sitemap .menu .guide.update {color:var(--color-point);}
.p_Allmy .sitemap li.this_version .menu {align-items:flex-start;}
.p_Allmy .sitemap li.this_version .menu .tx {margin-top:px;}
.p_Allmy .sitemap .count_number {position:absolute; right:-5px; top:-3px; background:var(--color-point); color:#fff; z-index:10; font-weight:700; font-size:10px; min-width:15px; height:15px; border-radius:100px;}
.p_Allmy .sitemap .count_number {display:flex; justify-content:center; align-items:center; flex-direction:column;}

html.if_open_allmenu {overflow:hidden;}
html.if_open_allmenu .p_Allmy {visibility:visible}
html.if_open_allmenu .p_Allmy .wrapping {transform:translateX(0);}
html.if_open_allmenu .p_Allmy .bg_close {opacity:1;}

html.if_open_allmenu .sc_Fix .picto img {filter: invert(83%) sepia(14%) saturate(175%) hue-rotate(169deg) brightness(87%) contrast(94%);}
html.if_open_allmenu .sc_Fix .menu {color:#b2bbc4 !important; font-weight:500;}
html.if_open_allmenu .sc_Fix li.this_allmenu .menu {color:#000 !important; font-weight:600;}
html.if_open_allmenu .sc_Fix li.this_allmenu .picto img {filter:none}
html.if_pcmode .p_Allmy {z-index:102}






/* 앱세팅 ======================================== */
.p_Setting {overflow-y:hidden; position:fixed; right:0; top:0; z-index:1000; width:100%; height:100%; background:#fff; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_Setting {transform:translateX(100%); transition:var(--mv-cubic); -webkit-transition:var(--mv-cubic);}

.p_Setting .set_list {overflow-y:auto; flex:1; padding-bottom:100px; box-sizing:border-box;}
.p_Setting .set_list li {border-bottom:0.8px solid #eee; display:flex; justify-content:flex-end; align-items:center; flex-direction:row; flex-wrap:wrap; min-height:75px; padding:0 20px; position:relative;}
.p_Setting .set_list .option {color:#000; font-size:16px; font-weight:500; margin-right:auto; height:75px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.p_Setting .set_list .add_text {font-size:0.75em; margin-top:2px; color:#999;}
.p_Setting .set_list .add_text.newest {color:#9d9d9d;}
.p_Setting .set_list .add_text.update {color:var(--color-point);}
.p_Setting .set_list .btn_go {width:40px; height:40px; display:flex; justify-content:center; align-items:flex-end; flex-direction:column;}
.p_Setting .set_list .btn_go:before {content:""; width:15px; height:15px; background:transparent url('../images/main_renew/bundle_arrow_down.svg') center center no-repeat; background-size:15px;}
.p_Setting .set_list .btn_go:before {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.p_Setting .set_list .btn_go.none {opacity:0.2;}
.p_Setting .set_list .upper_link {height:75px;}

.p_Setting label.reciev {padding-left:0px !important; flex-direction:row-reverse; margin-left:auto; height:30px;}
.p_Setting label.reciev input {position:absolute; left:0; top:0; opacity:0;}
.p_Setting label.reciev .checkbox {margin-left:auto; height:30px; width:70px; border-radius:100px; background:#F8F8F8; position:relative;}
.p_Setting label.reciev .bullet {position:absolute; left:5px; top:50%; transform:translateY(-50%); width:22px; height:22px; border-radius:100px; box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.25); background:#959595;}
.p_Setting label.reciev .bullet {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; z-index:2}
.p_Setting label.reciev em {font-size:13px; height:30px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; top:0;}
.p_Setting label.reciev em {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; color:#000; font-weight:500;}
.p_Setting label.reciev em.off {right:10px;}
.p_Setting label.reciev em.on {left:13px; color:var(--color-point); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Setting label.reciev input:checked+ .checkbox .bullet {background:var(--color-point); left:42px}
.p_Setting label.reciev input:checked+ .checkbox em.off {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Setting label.reciev input:checked+ .checkbox em.on {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.p_Setting .open_info {background:#f5f5f5; width:100%; padding:15px; margin-bottom:15px; border-radius:5px; font-size:11px; display:none;}
.p_Setting .open_info dl {display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.p_Setting .open_info dl+ dl {border-top:1px dashed #e5e5e5; margin-top:5px; padding-top:5px;}
.p_Setting .open_info dt {flex:none; width:100px; color:#888; font-size:0.95em;}
.p_Setting .open_info dd {flex:1; word-wrap:break-word; word-break:keep-all; white-space:normal; color:#000;}
.p_Setting .open_info dd * {display:inline}

.p_Setting .set_list li.this_company.if_open .open_info {display:block;}
.p_Setting .set_list li.this_company.if_open .btn_go:before {transform:rotate(-360deg); -webkit-transform:rotate(-360deg);}
.p_Setting.if_open {transform:translateX(0);}

html.if_pcmode .p_Setting {width:400px;}
html.if_pcmode .p_Setting.if_open {box-shadow:-20px 0px 20px rgba(0,0,0,0.1);}





/* 경고창/컨펌창 (공통) ======================================== */
.sy_Alert {position:fixed; left:0; top:0; width:100%; height:100%; z-index:10001; visibility:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:25px; box-sizing:border-box;}
.sy_Alert li {list-style:none;}
.sy_Alert .wrapping {background:#fff; border-radius:25px; z-index:2; box-sizing:border-box; padding:20px; width:100%; opacity:0; transform:translateY(100px);}
.sy_Alert .wrapping {transition:var(--mv-cubic-fast); -webkit-transition:var(--mv-cubic-fast); max-width:350px}
.sy_Alert .bg_close {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.6); opacity:0; transition:var(--mv-cubic-fast); -webkit-transition:var(--mv-cubic-fast);}
.sy_Alert .btn_close {height:40px; display:block; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.sy_Alert .btn_close:before {content:""; width:50px; height:5px; background:#d3d3d3; display:inline-block; border-radius:100px;}

.sy_Alert .comment {text-align:center; color:#212121; font-size:16px; font-weight:500; line-height:1.4; margin-top:20px;}
.sy_Alert .comment .name {font-size:1.1em; font-weight:600; margin-bottom:5px;}
.sy_Alert .comment .highlight {color:var(--color-point); font-weight:600; display:inline}
.sy_Alert .comment div.highlight {display:block; margin-top:5px;}

.sy_Alert .bottom_ctrl {margin-top:40px;}
.sy_Alert .bottom_ctrl ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:15px}
.sy_Alert .bottom_ctrl li {flex:1}
.sy_Alert .bottom_ctrl .btn {display:flex; justify-content:center; align-items:center; flex-direction:row; background:#f4f6fa; color:#888a93; border-radius:10px; height:50px; font-size:17px; font-weight:500; gap:2px}
.sy_Alert .bottom_ctrl .btn.type_ok {background:var(--color-point); color:#fff;}
.sy_Alert .bottom_ctrl .btn.type_dark {background:var(--color-blueblack); color:#fff;}
.sy_Alert .bottom_ctrl .btn strong {font-weight:700;}

.sy_Alert.type_bottom {justify-content:flex-end; padding:0px;}
.sy_Alert.type_bottom .wrapping {transform:translateY(100%); opacity:1; padding-bottom:30px;}
.sy_Alert.type_bottom .wrapping {border-bottom-left-radius:0; border-bottom-right-radius:0; padding-top:0px; transition:var(--mv-cubic); -webkit-transition:var(--mv-cubic);}

.sy_Alert.if_open {visibility:visible}
.sy_Alert.if_open .wrapping {transform:translateY(0); opacity:1;}
.sy_Alert.if_open .bg_close {opacity:1;}





/* 상품상세 컨텐츠 열고닫기 */
.view_conts .title_onoff {display:flex; justify-content:space-between; align-items:center; flex-direction:row; color:#333; font-weight:600; font-size:16px; gap:20px; min-height:60px; padding:0 15px; cursor:pointer}
.view_conts .title_onoff strong {flex:none}
.view_conts .title_onoff .btn_open {background:transparent url('../images/main_renew/bundle_arrow_down.svg') center center no-repeat; filter: invert(78%) sepia(5%) saturate(445%) hue-rotate(169deg) brightness(93%) contrast(94%);}
.view_conts .title_onoff .btn_open {width:15px; height:15px; background-size:15px; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.view_conts .open_contetnt {display:none;}
.view_conts.if_open .open_contetnt {display:block;}
/* .view_conts.if_open .title_onoff {color:var(--color-point);} */
.view_conts.if_open .title_onoff .btn_open {transform:rotate(180deg); -webkit-transform:rotate(180deg);}



/* 상품상세 바로충전상품 버튼추가 */
.view_btn.type_item_charge {padding:10px; padding-left:0px;}
.view_btn.type_item_charge .btn {border-radius:10px; height:50px; font-size:16px; position:relative;}
.view_btn.type_item_charge .btn.btn_black {background:#000; color:#fff !important;}
.view_btn.type_item_charge .btn.btn_line {border:1px solid #8a8a92; color:#000 !important;}
.view_btn.type_item_charge .bubble {position:absolute; left:50%; top:-17px; font-size:10px; height:26px; line-height:1; display:flex; justify-content:center; align-items:center; flex-direction:column; z-index:3; padding:0 10px;}
.view_btn.type_item_charge .bubble {border-radius:100px; color:#fff; padding-left:28px; background:#4285F4 url('../images/main_renew/gift24_logo.svg') 8px center no-repeat; background-size:14px; white-space:nowrap}
.view_btn.type_item_charge .bubble {transform:translateX(-72px);}
.view_btn.type_item_charge .bubble:after {content:""; width:15px; height:15px; background:transparent url('../images/main_renew/bubble_edge.svg') center center no-repeat; position:absolute; left:12px; bottom:-10px;}
.view_btn.type_item_charge .bubble:after {filter: invert(70%) sepia(78%) saturate(5931%) hue-rotate(201deg) brightness(100%) contrast(92%); background-size:13px;}




/* 메인 상단버튼 ========================================= */
.MainTop {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; padding:0 15px; gap:6px; height:60px;}
.MainTop .btn_menu {padding:0 5px;}
.MainTop .picto {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.MainTop .picto img {height:24px; filter: invert(83%) sepia(14%) saturate(175%) hue-rotate(169deg) brightness(87%) contrast(94%); }
.MainTop .picto .count_number {position:absolute; right:-7px; top:-7px; background:#ff0000; z-index:2; width:8px; height:8px; border-radius:100px;}
.MainTop .picto .count_number {display:flex; justify-content:center; align-items:center; flex-direction:column;}




/* 메인 상단배너 ========================================= */
.Main_TopBn {margin:15px;}
.Main_TopBn .one_banner {border-radius:20px; overflow:hidden; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; min-height:70px; box-sizing:border-box; padding:15px; position:relative;}
.Main_TopBn .one_banner {border:0.8px solid #000;}
.Main_TopBn .one_banner .logo {width:46px; height:46px; overflow:hidden; border-radius:5px; margin-right:10px; position:relative; z-index:2}
.Main_TopBn .one_banner .logo img {width:100%; height:100%; object-fit:cover}
.Main_TopBn .one_banner .comment {flex:1; font-weight:400; line-height:1.45; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; position:relative; z-index:2; color:#a2a5a3;}
.Main_TopBn .one_banner .title {color:#000; font-size:15px; font-weight:600;}
.Main_TopBn .one_banner .link_text {font-size:12px; font-weight:500; color:#fff; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; z-index:2}
.Main_TopBn .one_banner .link_text {margin-left:15px; border-radius:10px; background:#4286f5; padding:0 10px; height:40px;}
.Main_TopBn .one_banner .fake_bg {width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.03; z-index:1}