@charset "UTF-8";
@font-face { font-family: "Roboto-Regular"; font-style: normal; font-weight: normal; src: url("https://sui.ssgcdn.com/ui/common/font/Roboto-Regular.eot?") format("eot"), url("https://sui.ssgcdn.com/ui/common/font/Roboto-Regular.woff") format("woff"), url("https://sui.ssgcdn.com/ui/common/font/Roboto-Regular.ttf") format("truetype"); }

@font-face { font-family: "Roboto-Medium"; font-style: normal; font-weight: normal; src: url("https://sui.ssgcdn.com/ui/common/font/Roboto-Medium.eot?") format("eot"), url("https://sui.ssgcdn.com/ui/common/font/Roboto-Medium.woff") format("woff"), url("https://sui.ssgcdn.com/ui/common/font/Roboto-Medium.ttf") format("truetype"); }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; }

body, th, td, input, select, textarea, button { font-size: 14px; font-family: 'AppleSDGothicNeo-Regular',sans-serif; color: #000; }

fieldset, img { border: 0 none; }

dl, ul, ol, menu, li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 'none'; }

input, select, textarea, button { font-size: 100%; vertical-align: middle; }

button { border: 0 none; background-color: transparent; cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }

body { -webkit-text-size-adjust: none; }

a { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.blind { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; line-height: 0; white-space: normal; word-wrap: break-word; word-break: break-all; clip: rect(0, 0, 0, 0); }

.blind:before { display: block; width: 0; height: 0; font-size: 0; content: '\00a0'; }

caption { overflow: hidden; width: 1px; height: 1px; margin-top: -1px; padding: 0; font-size: 1px; line-height: 0; color: transparent; white-space: nowrap; text-overflow: ellipsis; }

caption.blind { position: static; margin: -1px 0 0; }

caption.blind:before { display: none; }

caption .blind { position: static; }

caption .blind:before { display: none; }

.sr_toggle .sr_off { display: block; }

.sr_toggle .sr_on { display: none; }

.sr_toggle.on .sr_off { display: none; }

.sr_toggle.on .sr_on { display: block; }

.skip_navi { display: block; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; color: #fff; text-align: center; }

.skip_navi:focus, .skip_navi:active { width: 100%; height: auto; padding: 5px 0; background: #f84e64; }

body, th, td, input, select, textarea, button { line-height: 1.5; }

input[type="text"], input[type="password"], input[type="submit"], input[type="search"], textarea { -webkit-appearance: none; border-radius: 0; }

button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] { -webkit-appearance: button; border-radius: 0; }

input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

body { background: #fff; }

a { color: inherit; }

@-webkit-keyframes ani_bounce { 0% { opacity: 0;
        -webkit-transform: scale(0.05);
                transform: scale(0.05); }
    23% { opacity: 1;
        -webkit-transform: scale(1.3);
                transform: scale(1.3); }
    54% { opacity: 1;
        -webkit-transform: scale(0.7);
                transform: scale(0.7); }
    100% { opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); } }

@keyframes ani_bounce { 0% { opacity: 0;
        -webkit-transform: scale(0.05);
                transform: scale(0.05); }
    23% { opacity: 1;
        -webkit-transform: scale(1.3);
                transform: scale(1.3); }
    54% { opacity: 1;
        -webkit-transform: scale(0.7);
                transform: scale(0.7); }
    100% { opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); } }

@-webkit-keyframes ani_bounce_remove { 0% { opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); }
    100% { opacity: 0;
        -webkit-transform: scale(0.05);
                transform: scale(0.05); } }

@keyframes ani_bounce_remove { 0% { opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); }
    100% { opacity: 0;
        -webkit-transform: scale(0.05);
                transform: scale(0.05); } }

@-webkit-keyframes ani_bounce_back { 0% { opacity: 0;
        -webkit-transform: scale(0.05);
                transform: scale(0.05); }
    23% { opacity: 1;
        -webkit-transform: scale(1.3);
                transform: scale(1.3); }
    44% { opacity: 1;
        -webkit-transform: scale(0.8);
                transform: scale(0.8); }
    63% { opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); }
    83% { opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); }
    100% { opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0); } }

@keyframes ani_bounce_back { 0% { opacity: 0;
        -webkit-transform: scale(0.05);
                transform: scale(0.05); }
    23% { opacity: 1;
        -webkit-transform: scale(1.3);
                transform: scale(1.3); }
    44% { opacity: 1;
        -webkit-transform: scale(0.8);
                transform: scale(0.8); }
    63% { opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); }
    83% { opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); }
    100% { opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0); } }

.mcom_container.overlay:after { display: block; content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 2001; }

.mcom_tit_sticky.stuck { position: fixed; top: 0; left: 0; right: 0; }

.mcom_tit_renew { position: relative; height: 42px; padding: 0 50px; border-bottom: 1px solid #bcbcbc; background-color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mcom_tit_renew .mcom_tit_txt { display: inline-block; overflow: hidden; padding-top: 1px; max-width: 100%; font-size: 16px; color: #222; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; line-height: 42px; }

.mcom_tit_renew .mcom_tit_close { width: 42px; height: 42px; position: absolute; right: 0; top: 0; color: transparent; }

.mcom_tit_renew .mcom_tit_close:before, .mcom_tit_renew .mcom_tit_close:after { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -9px; background-color: #222; width: 18px; height: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mcom_tit_renew .mcom_tit_close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.mcom_tit_renew .mcom_tit_lft { position: absolute; top: 0; left: 0; bottom: 0; }

.mcom_tit_renew .mcom_tit_rgt { position: absolute; top: 0; right: 0; bottom: 0; margin-right: 7px; font-size: 0; }

.mcom_tit_renew .mcom_tit_lft:after, .mcom_tit_renew .mcom_tit_rgt:after { display: inline-block; height: 100%; vertical-align: middle; content: ""; }

.mcom_tit_renew .mcom_category .cate_path { display: table; text-align: left; }

.mcom_tit_renew .mcom_category .depth { display: table-cell; vertical-align: top; }

.mcom_tit_renew .mcom_category .depth .ctg_txt { display: -webkit-box; height: 42px; color: #888; font-size: 14px; line-height: 44px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.mcom_tit_renew .mcom_category .depth.previous a { display: table; }

.mcom_tit_renew .mcom_category .depth.previous .ctg_mn { position: relative; display: table-cell; padding-right: 18px; }

.mcom_tit_renew .mcom_category .depth.previous .ctg_mn:after { position: absolute; top: 16px; right: 0; width: 6px; height: 11px; margin: 0 6px; background: url(../img/com_v2/sp_top_cate.png) -25px -75px no-repeat; background-size: 100px 100px; content: ""; }

.mcom_tit_renew .mcom_category .depth.current .btn_more { position: relative; padding-right: 20px; }

.mcom_tit_renew .mcom_category .depth.current .btn_more .ctg_txt { color: #222; }

.mcom_tit_renew .mcom_category .depth.current .btn_more .ctg_icon_arr { position: absolute; top: 13px; right: 0; width: 17px; height: 17px; background-position: 0 -50px; }

.mcom_tit_renew .mcom_category .depth.current .btn_more.on .ctg_icon_arr { background-position: -25px -50px; }

.mcom_tit_renew .mcom_category .cate_view { display: none; position: absolute; top: 42px; left: 0; right: 0; text-align: left; background-color: #fff; }

.mcom_tit_renew .mcom_category .cate_view .lst_cate li { border-bottom: 1px solid #e9eaeb; }

.mcom_tit_renew .mcom_category .cate_view .cate_txt { display: inline-block; height: 39px; line-height: 39px; padding-left: 14px; color: #444; font-size: 13px; }

.mcom_tit_renew .mcom_category .cate_view a.cate_txt { display: block; }

.mcom_tit_renew .mcom_category .cate_view .selected { background-color: #f8f8f8; }

.mcom_tit_renew .mcom_category .cate_view .selected .cate_txt { color: #ff6967; }

.mcom_tit_renew .mcom_category .cate_view .selected .ctg_icon_check { display: inline-block; vertical-align: middle; width: 14px; height: 10px; background-position: 0 -75px; }

.mcom_tit_renew .sp_ctg_icon { display: inline-block; background: url(../img/com_v2/sp_top_cate.png) -25px -75px no-repeat; background-size: 100px 100px; vertical-align: middle; }

.mcom_tit_renew .btn_golink { display: inline-block; min-width: 65px; width: 100%; height: 30px; line-height: 30px; text-align: center; padding: 0 10px; font-size: 13px; border: solid 1px #d1d1d1; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.mcom_tit_renew .btn_golink.ty_black { color: #fff; border: 0; background-color: #222; }

.mcom_tit_renew .btn_cate.btn_golink a { height: auto; }

.mcom_tit_renew .btn_back { display: inline-block; width: 50px; height: 42px; vertical-align: middle; text-align: center; }

.mcom_tit_renew .btn_back:after { display: inline-block; height: 100%; vertical-align: middle; content: ""; }

.mcom_tit_renew .btn_back .ctg_icon_back { width: 22px; height: 20px; vertical-align: middle; background-position: 0 0; }

.mcom_tit_renew .btn_cate { display: inline-block; vertical-align: middle; }

.mcom_tit_renew .btn_cate .sp_ctg_icon { width: 22px; height: 20px; }

.mcom_tit_renew .btn_cate button { height: 42px; padding: 0 8px 0 7px; }

.mcom_tit_renew .btn_cate a { display: inline-block; height: 42px; padding: 0 8px 0 7px; text-align: center; }

.mcom_tit_renew .btn_cate a:after { display: inline-block; height: 100%; vertical-align: middle; content: ""; }

.mcom_tit_renew .btn_cate a .sp_ctg_icon { font-size: 12px; }

.mcom_tit_renew .btn_share .ctg_icon_share { background-position: -50px 0; }

.mcom_tit_renew .btn_cart .ctg_icon_cart { float: left; position: relative; background-position: -75px 0; }

.mcom_tit_renew .btn_cart .pd_numbx { position: absolute; top: -8px; left: 50%; display: block; text-align: center; }

.mcom_tit_renew .btn_cart .pd_num { display: inline-block; min-width: 16px; padding: 0 2px; text-align: center; font-size: 11px; font-family: "Roboto-Medium"; color: #fff; font-weight: bold; border-radius: 10px; background: #ff5b59; letter-spacing: -1px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mcom_tit_renew .ctg_icon_search { background-position: 0 -25px; }

.mcom_tit_renew .ctg_icon_home { background-position: -25px -25px; }

.mcom_tit_renew .ctg_icon_close { background-position: -50px -25px; }

.mcom_tit_renew .ctg_icon_barcode { background-position: -75px -25px; }

.mcom_tit_renew .btn_tx { display: inline-block; min-width: 50px; height: 26px; padding: 0 5px; border: 1px solid #222; font-size: 12px; color: #222; vertical-align: middle; line-height: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mcom_tit_renew .btn_clip { padding: 0 4px; }

.mcom_tit_renew .btn_clip .sel_clip { padding: 0; }

.mcom_tit_renew .btn_socialbox { display: inline-block; vertical-align: middle; }

.mcom_tit_renew .btn_socialbox .social_more { display: block; width: 30px; height: 29px; }

.mcom_tit_renew .btn_socialbox .social_more:before { content: ""; display: inline-block; width: 23px; height: 18px; margin: 5px auto 0; background: url(../img/sp_cdtl_renew_v3.png) no-repeat; background-size: 240px 240px; background-position: 0 -89px; }

.mcom_tit_renew .mcom_user { display: inline-block; padding-left: 15px; vertical-align: -2px; }

.mcom_tit_renew .cm_clip_item { display: inline-block; position: relative; right: auto; bottom: auto; width: 30px; height: 29px; text-align: center; }

.mcom_tit_renew .cm_clip_item.clip_off .sel_clip { display: inline-block; width: 22px; height: 20px; margin-top: 5px; background: url(../img/com_v2/sp_top_cate.png) -25px 0 no-repeat; background-size: 100px 100px; }

.mcom_tit_renew .cm_clip_item.clip_off .sel_clip:before { content: ""; position: absolute; right: -2px; bottom: -2px; display: inline-block; vertical-align: top; -webkit-transform: scale(0.05); transform: scale(0.05); width: 32px; height: 32px; background: url(../img/common/clipani_60.png); opacity: 0; background-size: 41px 874px; background-position: 100% 100%; -webkit-animation: ani_bounce_remove 0.15s ease-out; animation: ani_bounce_remove 0.15s ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.mcom_tit_renew .cm_clip_item.clip_ani .sel_clip { width: auto; background: none; }

.mcom_tit_renew .cm_clip_item.clip_ani .sel_clip:before { content: ''; position: absolute; right: -2px; bottom: -2px; width: 32px; height: 32px; background: url(../img/common/clipani_60.png); background-size: 41px 874px; background-position: 100% 100%; background-repeat: no-repeat; -webkit-animation: ani_bounce 0.65s ease-out; animation: ani_bounce 0.65s ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.mcom_tit_renew .cm_clip_item.clip_on .sel_clip { width: auto; background: none; }

.mcom_tit_renew .cm_clip_item.clip_on .sel_clip:before { content: ''; position: absolute; right: -2px; bottom: -2px; width: 32px; height: 32px; background: url(../img/common/clipani_60.png); background-size: 41px 874px; background-position: 100% 100%; background-repeat: no-repeat; -webkit-animation: ani_bounce 0.65s ease-out; animation: ani_bounce 0.65s ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.mcom_tit_renew.ty_top { height: 50px; }

.mcom_tit_renew.ty_top .mcom_tit_txt { line-height: 50px; }

.mcom_tit_renew.ty_fixed { position: fixed; top: 0; right: 0; left: 0; }

.mcom_tit_renew.ty_cate { padding: 0 10px; }

.mcom_cate_overlay { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 100; background-color: rgba(0, 0, 0, 0.8); }

.mcom_container.mcom_cate_open { position: relative; }

.mcom_container.mcom_cate_open .mcom_cate_overlay { display: block; }

.mcom_container.mcom_cate_open .mcom_tit_renew { z-index: 200; }

.m_head_inparea2 .inp_ico_srch:after, .m_head_inparea2 .inp_ico_prev { overflow: hidden; display: inline-block; background: url(../img/com_v2/sp_cmg.png) no-repeat; background-size: 150px auto; vertical-align: top; }

.m_srharea { position: relative; width: 100%; z-index: 99; background: #fff; -webkit-backface-visibility: hidden; }

.m_srharea .m_head_srh { padding: 10px; border-bottom: 1px solid #ccc; }

.m_srharea .m_head_srh:before, .m_srharea .m_head_srh:after { display: none; }

.m_head_inparea2 { position: relative; padding: 0 10px 10px; }

.m_head_inparea2 .head_ipbx2 { display: table; position: relative; width: 100%; height: 30px; vertical-align: top; border-collapse: collapse; }

.m_head_inparea2 .m_schtype2 { display: table-cell; position: relative; width: 110px; letter-spacing: -1px; }

.m_head_inparea2 .m_schtype2 .btn_t { display: block; position: relative; z-index: 10; width: 100%; height: 30px; padding: 0 10px 0 9px; border-radius: 4px 0 0 4px; background: #efefef; font-size: 12px; color: #222; text-align: left; line-height: 32px; }

.m_head_inparea2 .m_schtype2 .btn_t:before { position: absolute; top: 50%; right: 0; width: 1px; height: 22px; margin-top: -11px; background: #cacaca; content: ""; }

.m_head_inparea2 .m_schtype2 .btn_t:after { position: absolute; top: 50%; right: 10px; margin-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #222; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: ""; }

.m_head_inparea2 .m_schlayer { position: absolute; top: 100%; left: 0; right: 0; margin-top: -5px; padding-top: 10px; border: 1px solid #e6e6e6; border-top: 0 none; border-radius: 0 0 4px 4px; background: #fafafa; }

.m_head_inparea2 .m_schlayer:before { position: absolute; left: 0; top: 0; right: 0; height: 10px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); content: ""; }

.m_head_inparea2 .m_schlayer li { border-top: 1px solid #e6e6e6; }

.m_head_inparea2 .m_schlayer li:first-child { border-top: 0 none; }

.m_head_inparea2 .m_schlayer li button { display: block; width: 100%; padding: 8px 10px 7px; font-size: 12px; text-align: left; color: #222; line-height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.m_head_inparea2 .m_schlayer li.active button { font-weight: bold; }

.m_head_inparea2 .m_schclose .btn_t:after { margin-top: -3px; border-bottom-color: #676767; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.m_head_inparea2 .m_schclose .m_schlayer { display: none; }

.m_head_inparea2 .mcom_b_prev { display: table-cell; position: relative; width: 25px; }

.m_head_inparea2 .inp_ico_prev { position: absolute; top: 50%; left: 2px; display: block; width: 11px; height: 19px; margin-top: -9px; background-position: -18px -100px; content: ""; }

.m_head_inparea2 .inpbx2 { display: table-cell; position: relative; height: 30px; border-radius: 0 4px 4px 0; background: #efefef; vertical-align: top; }

.m_head_inparea2 .inpbx2 input { width: 100%; height: 30px; padding: 0 5px; border: 0; background: transparent; font-size: 12px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }

.m_head_inparea2 .inp_ico_srch { position: absolute; top: 0; right: 0; width: 30px; height: 30px; }

.m_head_inparea2 .inp_ico_srch:after { display: block; width: 16px; height: 16px; margin: 7px 0 0 3px; background-position: 0 -100px; content: ""; }

.m_head_srh .m_head_inparea2 { padding: 0; }

.m_head_srh .m_head_inparea2 .inpbx2 { padding-right: 62px; }

.m_head_srh .m_head_inparea2 .addr_ipbx { display: table; position: relative; width: 100%; height: 30px; vertical-align: top; border-collapse: collapse; }

.m_head_srh .m_head_inparea2 .addr_del { position: absolute; top: 0; right: 32px; width: 30px; height: 30px; background: url(../img/com_v2/ico_inp_del.png) no-repeat 50% 50%; background-size: 15px 15px; }

.m_head_srh .m_head_inparea2 .mcom_b_def { position: absolute; top: 0; right: 0; width: 30px; height: 30px; }

.m_srharea.m_srhprev .m_head_srh { border-bottom: 0; }

#mcom_footer { padding-bottom: 70px; border-top: 1px solid #e7e7e7; background: #fff; }

#mcom_footer .mcom_footer.type02 { padding-bottom: 50px; }

#mcom_footer .mcom_ch_banner { text-align: center; }

#mcom_footer .mcom_ch_banner img { width: 320px; margin: 0; padding: 0; vertical-align: top; }

.mcom_footer .footer_notiwrap { position: relative; padding: 3px 15px 1px; }

.mcom_footer .footer_notiwrap .noti_arrow { position: absolute; right: 15px; top: 50%; width: 7px; height: 12px; margin-top: -6px; background-position: 0 -439px; }

.mcom_footer .footer_noti { position: relative; padding: 0 30px 0 35px; line-height: 26px; -webkit-backface-visibility: hidden; -webkit-transform: scale(1); }

.mcom_footer .footer_noti:after { display: block; clear: both; content: ""; }

.mcom_footer .footer_noti .noti_tit { position: absolute; top: 50%; left: 0; width: 27px; height: 16px; margin-top: -9px; padding: 0; border: 1px solid #cacaca; border-radius: 3px; font-size: 10px; line-height: 16px; color: #767676; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mcom_footer .footer_noti .noti_dsc { overflow: hidden; height: 26px; }

.mcom_footer .footer_noti .noti_dsc a { display: block; overflow: hidden; font-size: 11px; color: #666; text-overflow: ellipsis; white-space: nowrap; }

.mcom_footer .os_view { margin-top: 15px; }

.mcom_footer .os_view a { display: block; margin: 0 -4px; padding: 10px 0; border: 1px solid #9a9a9a; background: #adadad; font-size: 18px; color: #fff; text-align: center; }

.mcom_footer { font-family: "AppleSDGothicNeo-Regular", sans-serif; }

.mcom_footer .bar { margin: 0 5px; font-size: 10px; color: #cdcdd0; }

.mcom_footer .txt_link { color: #414141; text-decoration: underline; }

.mcom_footer .mcom_btnbx_warp { padding: 0 13px; background: #dbdbe0; }

.mcom_footer .mcom_btnbx_list { display: table; width: 100%; border-collapse: collapse; }

.mcom_footer .mcom_btnbx_list li { display: table-cell; position: relative; vertical-align: top; }

.mcom_footer .mcom_btnbx_list li:after { position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -6px; background: #b8b8be; content: ""; }

.mcom_footer .mcom_btnbx_list li:last-child:after { display: none; }

.mcom_footer .mcom_btnbx_list li a { display: block; position: relative; margin: 0 10px; padding: 9px 0 6px; font-size: 11px; color: #565656; text-align: center; letter-spacing: -0.05px; }

.mcom_footer .mcom_service_wrap { padding: 0 15px; background: #717178; }

.mcom_footer .mcom_service_area { display: table; width: 100%; min-height: 53px; padding: 12px 0; border-top: 1px solid #606066; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mcom_footer .mcom_service_area:first-of-type { border-top: 0; }

.mcom_footer .mcom_service_area .mcom_service_info { display: table-cell; position: relative; padding: 2px 0 0 34px; font-size: 10px; color: #fff; vertical-align: middle; line-height: 13px; }

.mcom_footer .mcom_service_area .mcom_service_info:before { position: absolute; top: 50%; left: 0; width: 29px; height: 27px; background: url(../img/v2/sp_footer.png) no-repeat; background-size: 50px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.mcom_footer .mcom_service_area.sm .mcom_service_info:before { background-position: 0 0; }

.mcom_footer .mcom_service_area.em .mcom_service_info:before { background-position: 0 -30px; }

.mcom_footer .mcom_service_info .mcom_info_mall { letter-spacing: -0.5px; }

.mcom_footer .mcom_service_info .mcom_tel_tx { font-size: 12px; font-family: "Roboto-Medium"; font-weight: 700; color: #fcfcfd; vertical-align: -1px; letter-spacing: -0.3px; white-space: nowrap; }

.mcom_footer .mcom_service_info .mcom_email_tx { padding-left: 1px; font-family: "Avenir-Medium", sans-serif; color: #fcfcfd; line-height: 1.1; letter-spacing: -0.3px; }

.mcom_footer .mcom_service_btnarea { display: table-cell; vertical-align: middle; font-size: 0; text-align: right; }

.mcom_footer .mcom_service_btnarea .mcom_service_btn { display: inline-block; height: 22px; margin: 2px 0 2px 1px; padding: 0 13px; border: 1px solid #606066; border-radius: 3px; background: #66666d; font-size: 10px; color: #fff; letter-spacing: -0.05px; }

.mcom_footer .mcom_service_btnarea .mcom_service_btn em { display: inline-block; vertical-align: -1px; line-height: 1.2; }

.mcom_footer .mcom_service_btnarea .mcom_service_btn:before { display: inline-block; width: 1px; height: 100%; margin-left: -1px; vertical-align: middle; content: ""; }

.mcom_footer .mcom_mall_wrap { padding: 0 20px; }

.mcom_footer .mcom_mall_box { margin-top: 7px; }

.mcom_footer .mcom_mall_box .mcom_mall_name { font-size: 11px; color: #414141; letter-spacing: -0.5px; }

.mcom_footer .mcom_mall_box address { margin-top: 0; font-size: 10px; color: #888; line-height: 1.5; }

.mcom_footer .mcom_noti_wrap { margin-top: 10px; }

.mcom_footer .mcom_noti_tip { font-size: 11px; color: #414141; }

.mcom_footer .mcom_noti_tip .txt_link { display: inline-block; padding: 0 1px 0 4px; }

.mcom_footer .mcom_noti_txt { font-size: 10px; color: #888; }

.mcom_footer .mcom_cont_info { margin-top: 13px; padding-top: 6px; border-top: 1px solid #d8d8dc; font-size: 0; }

.mcom_footer .mcom_cont_lst:after { display: block; clear: both; content: ""; }

.mcom_footer .mcom_cont_lst li { float: left; margin-right: 8px; }

.mcom_footer .mcom_cont_lst li a { font-size: 11px; color: #414141; letter-spacing: -0.5px; }

.mcom_footer .mcom_cont_lst li .bar { margin: 0 8px 0 0; }

.mcom_footer .mcom_cont_lst li strong { color: #ff5b59; }

@media screen and (max-width: 320px) { .mcom_footer .mcom_service_wrap { padding: 0 13px; }
    .mcom_footer .mcom_service_btnarea .mcom_service_btn { padding: 0 4px; } }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; }

.swiper-invisible-blank-slide { visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.lazy-load, .lazy-loaded { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; }

.lazy-loaded { opacity: 1; }

.html_loading { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); background: url(../img/indicator.gif) 50% 50% no-repeat; background-size: 32px 32px; }

.cm_mall_ic { display: inline-block; font-size: 0; vertical-align: top; }

.cm_mall_ic.ty_circle_s > i, .cm_mall_ic.ty_circle_m > i, .cm_mall_ic.ty_rect_s > i { display: inline-block; overflow: hidden; background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/common/sp_cm_mall_ic_20191226.png"); background-repeat: no-repeat; background-size: 200px auto; font-size: 12px; vertical-align: top; }

/* 공통 몰아이콘 - 원형 small */
.cm_mall_ic.ty_circle_s { line-height: 20px; }

.cm_mall_ic.ty_circle_s > i { width: 20px; height: 20px; }

.cm_mall_ic.ty_circle_s > i + i { margin-left: 2px; }

.cm_mall_ic.ty_circle_s > i.ssg { background-position: 0 0; }

.cm_mall_ic.ty_circle_s > i.sm { background-position: 0 -50px; }

.cm_mall_ic.ty_circle_s > i.sd { background-position: 0 -100px; }

.cm_mall_ic.ty_circle_s > i.em { background-position: 0 -150px; }

.cm_mall_ic.ty_circle_s > i.tr { background-position: 0 -200px; }

.cm_mall_ic.ty_circle_s > i.mnmorning { background-position: 0 -250px; }

.cm_mall_ic.ty_circle_s > i.bt { background-position: 0 -300px; }

.cm_mall_ic.ty_circle_s > i.tv { background-position: 0 -350px; }

.cm_mall_ic.ty_circle_s > i.si { background-position: 0 -400px; }

.cm_mall_ic.ty_circle_s > i.outlet { background-position: 0 -450px; }

.cm_mall_ic.ty_circle_s > i.mncasamia { background-position: 0 -500px; }

.cm_mall_ic.ty_circle_s > i.sf { background-position: 0 -550px; }

.cm_mall_ic.ty_circle_s > i.hwd { background-position: 0 -600px; }

.cm_mall_ic.ty_circle_s > i.mndeptfood { background-position: 0 -650px; }

.cm_mall_ic.ty_circle_s > i.mnchicor { background-position: 0 -700px; }

.cm_mall_ic.ty_circle_s > i.mntrip { background-position: 0 -750px; }

/* 공통 몰아이콘 - 원형 medium */
.cm_mall_ic.ty_circle_m { line-height: 24px; }

.cm_mall_ic.ty_circle_m > i { width: 24px; height: 24px; }

.cm_mall_ic.ty_circle_m > i + i { margin-left: 2px; }

.cm_mall_ic.ty_circle_m > i.ssg { background-position: -50px 0; }

.cm_mall_ic.ty_circle_m > i.sm { background-position: -50px -50px; }

.cm_mall_ic.ty_circle_m > i.sd { background-position: -50px -100px; }

.cm_mall_ic.ty_circle_m > i.em { background-position: -50px -150px; }

.cm_mall_ic.ty_circle_m > i.tr { background-position: -50px -200px; }

.cm_mall_ic.ty_circle_m > i.mnmorning { background-position: -50px -250px; }

.cm_mall_ic.ty_circle_m > i.bt { background-position: -50px -300px; }

.cm_mall_ic.ty_circle_m > i.tv { background-position: -50px -350px; }

.cm_mall_ic.ty_circle_m > i.si { background-position: -50px -400px; }

.cm_mall_ic.ty_circle_m > i.outlet { background-position: -50px -450px; }

.cm_mall_ic.ty_circle_m > i.mncasamia { background-position: -50px -500px; }

.cm_mall_ic.ty_circle_m > i.sf { background-position: -50px -550px; }

.cm_mall_ic.ty_circle_m > i.hwd { background-position: -50px -600px; }

.cm_mall_ic.ty_circle_m > i.mndeptfood { background-position: -50px -650px; }

.cm_mall_ic.ty_circle_m > i.mnchicor { background-position: -50px -700px; }

.cm_mall_ic.ty_circle_m > i.mntrip { background-position: -50px -750px; }

/* 공통 몰아이콘 - 사각형 small */
.cm_mall_ic.ty_rect_s { line-height: 17px; }

.cm_mall_ic.ty_rect_s > i { height: 17px; margin-right: 5px; }

.cm_mall_ic.ty_rect_s > i.ssg { width: 52px; background-position: -100px 0; }

.cm_mall_ic.ty_rect_s > i.sm { width: 49px; background-position: -100px -50px; }

.cm_mall_ic.ty_rect_s > i.sd { width: 68px; background-position: -100px -100px; }

.cm_mall_ic.ty_rect_s > i.em { width: 49px; background-position: -100px -150px; }

.cm_mall_ic.ty_rect_s > i.tr { width: 59px; background-position: -100px -200px; }

.cm_mall_ic.ty_rect_s > i.mnmorning { width: 50px; background-position: -100px -250px; }

.cm_mall_ic.ty_rect_s > i.bt { width: 28px; background-position: -100px -300px; }

.cm_mall_ic.ty_rect_s > i.tv { width: 72px; background-position: -100px -350px; }

.cm_mall_ic.ty_rect_s > i.si { width: 70px; background-position: -100px -400px; }

.cm_mall_ic.ty_rect_s > i.outlet { width: 81px; background-position: -100px -450px; }

.cm_mall_ic.ty_rect_s > i.mncasamia { width: 52px; background-position: -100px -500px; }

.cm_mall_ic.ty_rect_s > i.hwd { width: 42px; background-position: -100px -600px; }

.cm_mall_ic.ty_rect_s > i.mndeptfood { width: 68px; background-position: -100px -650px; }

.cm_mall_ic.ty_rect_s > i.mnchicor { width: 44px; background-position: -100px -700px; }

.cm_mall_ic.ty_rect_s > i.mntrip { width: 31px; background-position: -100px -750px; }

/* 공통 몰아이콘 - 텍스트형 small */
.cm_mall_ic.ty_text_s > i { display: inline-block; margin-right: 4px; font-style: normal; font-size: 13px; font-family: 'Roboto-Medium',sans-serif; vertical-align: top; }

.cm_mall_ic.ty_text_s > i.sm { color: #fc1934; }

.cm_mall_ic.ty_text_s > i.sd { color: #754435; }

.cm_mall_ic.ty_text_s > i.em { color: #ffa516; }

.cm_mall_ic.ty_text_s > i.tr { color: #9c0; }

.cm_mall_ic.ty_text_s > i.mnmorning { color: #8097af; }

.cm_mall_ic.ty_text_s > i.bt { color: #004990; }

.cm_mall_ic.ty_text_s > i.bt:before { display: inline-block; width: 32px; height: 20px; background: url(../img/common/ico_boots_v2.png) no-repeat; background-size: 32px 19px; vertical-align: middle; content: ''; }

.cm_mall_ic.ty_text_s > i.tv { color: #e2231a; }

.cm_mall_ic.ty_text_s > i.si { color: #222; }

.cm_mall_ic.ty_text_s > i.outlet { color: #d9117c; }

.cm_mall_ic.ty_text_s > i.mncasamia { color: #222; }

.cm_mall_ic.ty_text_s > i.hwd { color: #000; }

.cm_mall_ic.ty_text_s > i.mndeptfood { color: #000; }

.cm_mall_ic.ty_text_s > i.mnchicor { color: #000; }

.cm_mall_ic.ty_text_s > i.mntrip { color: #338ca8; }

.mnodr_unit { font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; letter-spacing: -0.3px; }

.mnodr_unit_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 15px; border-top: 1px solid #f5f5f5; }

.mnodr_unit_item:first-child { border-top: 0; }

.mnodr_unit_item.ty_full { padding-left: 0; padding-right: 0; }

.mnodr_unit_thmb { position: relative; width: 85px; }

.mnodr_unit_thmb .mnodr_chk { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; }

.mnodr_unit_thmb .mnodr_chk input + label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_unit_img { display: inline-block; position: relative; width: 85px; height: 85px; text-align: center; }

.mnodr_unit_img:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.02); content: ""; }

.mnodr_unit_img img { width: 100%; height: 100%; vertical-align: top; }

.mnodr_unit_soldout { z-index: 10; position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: rgba(0, 0, 0, 0.6); font-size: 13px; font-weight: bold; color: #fff; text-align: center; line-height: 30px; }

.mnodr_unit_cont { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; position: relative; margin-left: 10px; }

.mnodr_unit_cont.disabled > * { opacity: 0.3; }

.mnodr_unit_cont .mnodr_toggle_btn { text-align: left; vertical-align: 1px; }

.mnodr_unit_cont .mnodr_btnarea { margin: 0; padding: 0; }

.mnodr_unit_info { display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; font-size: 0; line-height: 1.3; }

.mnodr_unit_info > em { margin-left: 5px; color: #777; font-size: 12px; vertical-align: middle; }

.mnodr_unit_info > em:first-child { margin-left: 0; }

.mnodr_unit_info > em + em:before { content: ""; display: inline-block; width: 2px; height: 2px; margin-right: 4px; background: #777; vertical-align: 3px; }

.mnodr_unit_util { position: absolute; top: 0; right: -5px; }

.mnodr_unit_util > button { padding: 0 5px; outline: none; }

.mnodr_unit_util + .mnodr_unit_info, .mnodr_unit_util + .mnodr_unit_info + .mnodr_unit_tit, .mnodr_unit_util + .mnodr_unit_tit { margin-right: 55px; }

.mnodr_unit_cont > .mnodr_unit_pin { position: absolute; top: 0; right: 25px; padding: 0 5px; outline: none; }

.mnodr_unit_cont > .mnodr_unit_del { position: absolute; top: 0; right: -5px; padding: 0 5px; }

.codr_acdo_cont .mnodr_unit_info { margin-right: 0; }

.mnodr_unit_info { margin-right: 55px; }

.mnodr_unit_del + .mnodr_unit_tit { margin-right: 55px; }

.mnodr_unit_tit { font-size: 14px; line-height: 1.38; }

.mnodr_unit_tit a { display: -webkit-box; position: relative; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; word-wrap: break-word; }

.mnodr_unit_tit .mnodr_unit_brd, .mnodr_unit_tit .mnodr_unit_name { color: #222; }

.mnodr_unit_option { display: block; margin-top: 2px; font-size: 12px; color: #777; line-height: 1.38; }

.mnodr_unit_prdpay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 36px; margin-top: 10px; }

.mnodr_unit_prdpay.ty_step3 .mnodr_unit_oldprice { display: inline-block; }

.mnodr_unit_prdpay.ty_step3 .mnodr_unit_newprice { display: inline-block; }

@media screen and (max-width: 350px) { .mnodr_unit_prdpay { display: block; }
    .mnodr_unit_prdpay .mnodr_unit_r { margin-top: 8px; } }

.mnodr_unit_oldprice { color: #777; line-height: 1; }

.mnodr_unit_oldprice .ssg_price { font-size: 14px; }

.mnodr_unit_oldprice .ssg_tx { font-size: 12px; }

.mnodr_unit_oldprice del { vertical-align: middle; }

.mnodr_btn_detail { padding: 5px 0; font-size: 0; vertical-align: middle; }

.mnodr_unit_prdtx { display: block; color: #777; font-size: 12px; line-height: 1.3; }

.mnodr_unit_prdtx .ssg_price { font-size: 14px; }

.mnodr_unit_newprice { line-height: 1; }

.mnodr_unit_newprice .ssg_price { color: #222; font-size: 18px; font-weight: 600; }

.mnodr_unit_newprice .ssg_tx { font-size: 14px; vertical-align: 1px; margin-left: -1px; }

.mnodr_amount { display: inline-block; position: relative; min-width: 40px; padding: 0 30px; text-align: center; vertical-align: top; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mnodr_amount .mnodr_loading + .mnodr_btn_minus:disabled, .mnodr_amount .mnodr_loading + .mnodr_btn_minus + .mnodr_btn_plus:disabled { opacity: 1; }

.mnodr_amount > button { position: absolute; top: 0; padding: 8px 0; font-size: 0; }

.mnodr_amount > button:disabled { opacity: 0.13; }

.mnodr_amount > button.mnodr_btn_minus { left: 0; }

.mnodr_amount > button.mnodr_btn_plus { right: 0; }

.mnodr_amount .mnodr_opa_area { position: relative; height: 100%; }

.mnodr_amount .mnodr_opa_tx { display: block; height: 100%; color: #222; font-size: 14px; font-weight: bold; line-height: 31px; text-align: center; }

.mnodr_unit_cont.disabled .mnodr_amount > button:disabled { opacity: 1; }

.mnodr_unit_bubble:after { clear: both; content: ""; display: block; }

.mnodr_bubble { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; border: 1px solid #222; background: #fff; line-height: 24px; white-space: nowrap; }

.mnodr_bubble:before { content: ""; overflow: hidden; position: absolute; bottom: 100%; width: 7px; height: 7px; margin-bottom: -3px; border-top: 1px solid #222; border-left: 1px solid #222; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mnodr_bubble.ty_lt { float: left; margin-top: 10px; }

.mnodr_bubble.ty_lt:before { left: 10px; }

.mnodr_bubble.ty_rt { float: right; margin-right: 5px; }

.mnodr_bubble.ty_rt:before { right: 40px; }

.mnodr_bubble p { padding: 0 8px; font-size: 12px; font-weight: bold; }

.mnodr_bubble button { overflow: hidden; height: 24px; padding: 0 8px; background: #333; color: #fff; font-size: 12px; line-height: 26px; }

.mnodr_unit_btnarea { white-space: nowrap; font-size: 0; text-align: right; }

.mnodr_unit_btn { display: inline-block; min-width: 52px; height: 36px; padding: 0 8px; border: 1px solid #d8d8d8; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; }

.mnodr_unit_btn:not(:first-child) { margin-left: -1px; }

.mnodr_unit_btn span { display: inline-block; color: #222; font-size: 13px; line-height: 17px; vertical-align: middle; }

.mnodr_unit_btn:before { content: ""; display: inline-block; overflow: hidden; width: 1px; height: 100%; margin-right: -1px; vertical-align: middle; }

.mnodr_unit_btn.ty_point { font-weight: bold; }

@media screen and (max-width: 350px) { .mnodr_bubble.ty_rt { float: left; }
    .mnodr_bubble.ty_rt:before { right: auto; left: 45px; }
    .mnodr_unit_btnarea { text-align: left; } }

.mnodr_unit_select { display: inline-block; height: 36px; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.mnodr_unit_select select { padding: 0 16px 0 8px; font-size: 13px; width: 100%; height: 100%; line-height: 36px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: none; background: transparent; }

.mnodr_unit_select .mnodr_ic.ic_arr.ty_fillgray { position: absolute; top: 50%; right: 6px; margin-top: -4px; }

.mnodr_unit_detail { margin: 0 10px 0 1px; }

.mnodr_unit_detail:after { clear: both; content: ""; display: block; }

.mnodr_unit_benetx { display: inline-block; margin-top: 6px; padding: 0 8px; border: 1px solid #e0e0e0; border-radius: 12px; background-color: #fff; font-size: 12px; color: #222; line-height: 22px; }

.mnodr_unit_benetx.ty2 { border-color: #5f6580; background-color: #5f6580; color: #fff; }

.mnodr_unit_benetx.ty3 { color: #bbb; }

.mnodr_unit_profile { float: right; margin-top: 6px; }

.mnodr_unit_profiletx { display: inline-block; color: #888; font-size: 12px; vertical-align: middle; }

.mnodr_unit_profileimg { display: inline-block; overflow: hidden; width: 24px; height: 24px; border-radius: 0 50% 50% 50%; vertical-align: middle; }

.mnodr_unit_profileimg img { display: block; width: 100%; height: 100%; }

.mnodr_unit_item.ty_bundle .mnodr_unit_img { display: block; overflow: hidden; width: 70px; height: 70px; margin: 0 auto; border: 1px solid #eee; border-radius: 50%; }

.mnodr_unit_item.ty_bundle .mnodr_unit_img + .mnodr_unit_img { margin-top: -20px; }

.mnodr_unit_bundlename li { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; position: relative; margin-top: 2px; padding-left: 6px; }

.mnodr_unit_bundlename li:first-child { margin-top: 0; }

.mnodr_unit_bundlename li:before { display: block; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; border-radius: 1px; background: #222; content: ""; }

.mnodr_unit_bundlename li a { display: inline; }

.mnodr_unit_item.ty_circle:first-child { border-top: 1px solid #f5f5f5; padding-top: 20px; margin-top: 0; }

.mnodr_unit_item.ty_circle .mnodr_unit_thmb { width: 60px; }

.mnodr_unit_item.ty_circle .mnodr_unit_thmb .mnodr_unit_img { overflow: hidden; width: 60px; height: 60px; border-radius: 50%; }

.mnodr_unit_item.ty_circle .mnodr_unit_info { margin-top: 5px; }

.mnodr_unit_item.ty_circle .mnodr_unit_tit { font-size: 13px; }

.mnodr_unit_item.ty_circle .mnodr_unit_tit a { -webkit-line-clamp: 1; }

.mnodr_unit_item.ty_circle .cm_mall_ic.ty_circle_s { position: absolute; right: -5px; top: 0; }

.mnodr_unit_item.ty_circle .cm_mall_ic.ty_circle_s > i { border-radius: 50%; -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2); }

.mnodr_unit_item.ty_circle .mnodr_unit_newprice { margin-top: 2px; }

.mnodr_unit_item.ty_circle .mnodr_unit_newprice .ssg_price { font-size: 14px; font-weight: normal; }

.mnodr_unit_item.ty_circle .mnodr_unit_newprice .ssg_tx { font-size: 12px; vertical-align: 1px; color: #222; }

.mnodr_unit_cart { position: absolute; top: 50%; right: -5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mnodr_unit_item.ty_rect { padding-top: 0; padding-bottom: 0; border: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_unit_item.ty_rect + .mnodr_unit_item.ty_rect { margin-top: 5px; }

.mnodr_unit_item.ty_rect .mnodr_unit_thmb { width: 30px; }

.mnodr_unit_item.ty_rect .mnodr_unit_thmb .mnodr_unit_img { width: 30px; height: 30px; }

.mnodr_unit_item.ty_rect .mnodr_unit_tit { margin: 0; font-size: 13px; }

.mnodr_unit_item.ty_rect .mnodr_unit_tit a { -webkit-line-clamp: 1; }

.mnodr_unit_item.ty_rect .mnodr_unit_tit .mnodr_unit_brd, .mnodr_unit_item.ty_rect .mnodr_unit_tit .mnodr_unit_name { color: #777; }

.mnodr_thmbunitl { position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; }

.mnodr_thmbunitl .mnodr_thmbunitl_img { display: block; }

.mnodr_thmbunitl .mnodr_thmbunitl_img:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.02); content: ""; }

.mnodr_thmbunitl .mnodr_thmbunitl_img img { display: block; width: 100%; height: 100%; }

.mnodr_thmbunitl.ty_bundle2 { padding-top: 100%; }

.mnodr_thmbunitl.ty_bundle2 .mnodr_thmbunitl_img { position: absolute; width: 61.538%; height: 61.538%; border: 1px solid #fff; border-right: 0; border-bottom: 0; }

.mnodr_thmbunitl.ty_bundle2 .mnodr_thmbunitl_img:first-child { top: 0; left: 0; border: 0; }

.mnodr_thmbunitl.ty_bundle2 .mnodr_thmbunitl_img:last-child { right: 0; bottom: 0; }

.mnodr_thmbunitl.ty_bundle3 .mnodr_thmbunitl_img { position: relative; }

.mnodr_thmbunitl.ty_bundle3 .mnodr_thmbunitl_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mnodr_thmbunitl.ty_bundle3 .mnodr_thmbunitl_img .mnodr_ic.ic_bg_bundle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.mnodr_thmbunitl.ty_bundle3:before, .mnodr_thmbunitl.ty_bundle3:after { display: block; position: absolute; background: #fff; z-index: 1; content: ""; }

.mnodr_thmbunitl.ty_bundle3:before { top: 0; left: 50%; width: 1px; height: 100%; }

.mnodr_thmbunitl.ty_bundle3:after { top: 50%; left: 0; width: 100%; height: 1px; }

.mnodr_thmbunitl.ty_bundle3 .mnodr_thmbunitl_img { position: relative; float: left; width: 50%; height: 0; padding-top: 50%; }

.mnodr_thmbunits { overflow: hidden; overflow-x: auto; height: 30px; margin: 0 -15px; font-size: 0; white-space: nowrap; }

.mnodr_thmbunits_item { display: inline-block; margin-right: 5px; }

.mnodr_thmbunits_item:first-child { margin-left: 15px; }

.mnodr_thmbunits_item:last-child { margin-right: 15px; }

.mnodr_thmbunits_img { position: relative; display: block; width: 30px; height: 30px; }

.mnodr_thmbunits_img:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.02); content: ""; }

.mnodr_thmbunits_img img { width: 100%; height: 100%; vertical-align: top; }

.cpay_acdo { border-top: 1px solid #f5f5f5; letter-spacing: -.3px; }

.cpay_acdo:first-child { border: 0; }

.cpay_acdo_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; padding: 0 15px; }

.cpay_acdo_headtit { color: #222; font-size: 15px; font-weight: bold; white-space: nowrap; }

.cpay_acdo_headtx { color: #777; font-size: 12px; }

.cpay_acdo_headtit .cpay_acdo_ico { display: inline-block; height: 24px; background: url(../img/com_v2/sp_payment_ico.png) no-repeat; background-size: 450px auto; vertical-align: top; }

.cpay_acdo_headtit .cpay_acdo_ico.ssgcom { width: 74px; background-position: -360px 0; }

.cpay_acdo_togglebtn .cpay_acdo_ico.ssgpay { width: 65px; background-position: 0 0; }

.cpay_acdo_cont.cpay_loading { position: relative; overflow: hidden; height: 200px; color: transparent; font-size: 0; }

.cpay_acdo_cont.cpay_loading:before { content: 'loading...'; overflow: hidden; position: absolute; top: 50%; left: 50%; z-index: 10; width: 24px; height: 24px; margin: -15px 0 0 -15px; border: 2px solid rgba(0, 0, 0, 0.07); border-top-color: #222; border-radius: 50%; -webkit-animation: cpay_loading 3s linear infinite; animation: cpay_loading 3s linear infinite; }

.cpay_acdo_cont.cpay_loading > * { opacity: 0; }

@-webkit-keyframes cpay_loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes cpay_loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.cpay_acdo_toggle .cpay_acdo_cont { display: none; }

.cpay_acdo_togglebtn { display: block; position: relative; padding-right: 20px; }

.cpay_acdo_togglebtn:after { content: ''; position: absolute; top: 50%; right: 15px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 6px; height: 6px; margin-top: -5px; border-top: 1px solid #222; border-left: 1px solid #222; }

.cpay_acdo_togglebtn .cpay_acdo_headtit:before { content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 10px; border: 4px solid #fff; background: #fff; -webkit-box-shadow: 0 0 0 1px #d1d1d1; box-shadow: 0 0 0 1px #d1d1d1; border-radius: 50%; vertical-align: middle; }

:checked + .cpay_acdo_togglebtn:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -2px; }

:checked + .cpay_acdo_togglebtn + .cpay_acdo_cont { display: block; }

:checked + .cpay_acdo_togglebtn .cpay_acdo_headtit:before { background: #fe5c59; -webkit-box-shadow: 0 0 0 1px #fe5c59; box-shadow: 0 0 0 1px #fe5c59; }

:checked + .cpay_acdo_togglebtn .cpay_acdo_headtx { color: #ff5b59; font-weight: bold; }

.cpay_btn_area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; }

.cpay_btn_area.ty2 { margin-top: 10px; }

.cpay_btn_area .cpay_btn { margin-left: 5px; }

.cpay_btn_area .cpay_btn:first-child { margin-left: 0; }

.cpay_btn { display: block; width: 100%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Roboto-Medium','AppleSDGothicNeo-Regular',sans-serif; letter-spacing: -.3px; }

.cpay_btn span { line-height: 1.2; }

.cpay_btn.ty_blkline { height: 40px; border: 1px solid #d8d8d8; background: #f9f9f9; color: #222; font-size: 13px; }

.cpay_btn.ty_gray { height: 40px; background: #666; color: #fff; font-size: 13px; }

.cpay_link_arr { position: relative; padding-right: 5px; color: #888; font-size: 12px; line-height: 1.2; }

.cpay_link_arr:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 5px; height: 5px; margin-top: -4px; border-top: 1px solid #888; border-left: 1px solid #888; }

.cpay_tx_point { color: #ff5b59; }

.cpay_tx_tit { color: #222; font-size: 15px; letter-spacing: -.3px; word-break: break-all; }

.cpay_tx_tit.ty_white { color: #fff; }

.cpay_tx_tit2 { color: #222; font-size: 13px; font-weight: bold; letter-spacing: -.3px; word-break: break-all; }

.cpay_tx_desc { margin-top: 10px; color: #222; font-size: 12px; line-height: 15px; letter-spacing: -.3px; word-break: break-all; }

.cpay_tx_desc:first-child { margin: 0; }

.cpay_tx_desc.ty_light { color: #888; }

.cpay_tx_desc2 { margin-top: 4px; color: #888; font-size: 13px; letter-spacing: -.3px; word-break: break-all; }

.cpay_tx_link { color: #222; font-size: 12px; letter-spacing: -.3px; text-decoration: underline; }

.cpay_tx_dot { display: inline-block; position: relative; padding-left: 7px; color: #888; font-size: 12px; letter-spacing: -.3px; line-height: 15px; word-break: break-all; }

.cpay_tx_dot:before { display: block; position: absolute; top: 5px; left: 0; width: 2px; height: 2px; background: #888; content: ''; }

.cpay_lst_dot { margin-top: 10px; }

.cpay_lst_dot:first-child { margin: 0; }

.cpay_lst_dot li { position: relative; margin-top: 4px; padding-left: 7px; color: #222; font-size: 13px; line-height: 1.2; }

.cpay_lst_dot li:first-child { margin-top: 0; }

.cpay_lst_dot li:before { display: block; position: absolute; top: 7px; left: 0; width: 2px; height: 2px; background: #222; content: ''; }

.cpay_error_bx { position: relative; margin-bottom: 20px; }

.cpay_error_bx + .cpay_card_detail { margin-bottom: 20px; }

.cpay_error_bx:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 25px; opacity: 0.9; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eceef0)); background-image: linear-gradient(to bottom, #ffffff, #eceef0); }

.cpay_error_container { position: relative; z-index: 1; width: 70%; min-width: 265px; margin: 0 auto; padding-bottom: 36.8%; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #fff; border: 1px solid #e0e0e0; border-bottom-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cpay_error_msg { position: absolute; top: 50%; left: 0; right: 0; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.cpay_error_msg .cpay_tx_tit { margin-top: 10px; }

.cpay_error_msg .cpay_btn_area { margin-left: 20px; margin-right: 20px; }

.cpay_ssgcard_bx { position: relative; }

.cpay_ssgcard_bx:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 25px; opacity: 0.9; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eceef0)); background-image: linear-gradient(to bottom, #ffffff, #eceef0); }

.cpay_ssgcard_bx .cpay_ssgcard { position: relative; z-index: 1; width: 154px; margin: 0 auto; height: 208px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: url("../img/com_v2/card_plcc3.png") 50% 0 no-repeat; background-size: 100%; }

.cpay_ssgcard_bx .cpay_ssgcard.disabled:before { content: ''; z-index: 10; position: absolute; top: 0; bottom: 0; left: -55px; width: 265px; background-color: rgba(34, 34, 34, 0.85); }

.cpay_ssgcard_bx .cpay_ssgcard.disabled .cpay_card_disable { display: block; left: -25px; right: -25px; }

.cpay_ssgcard_config { padding: 0 15px 20px 45px; letter-spacing: -.3px; }

.cpay_ssgcard_config:after { display: block; clear: both; content: ''; }

.cpay_ssgcard_config .cpay_ssgcard_thmb { float: left; width: 90px; height: 136px; margin-right: 10px; background: url("../img/com_v2/card_plcc2.png") 0 0 no-repeat; background-size: 100%; }

.cpay_ssgcard_config .cpay_ssgcard_detail { overflow: hidden; }

.cpay_ssgcard_config .cpay_ssgcard_logo { width: 74px; vertical-align: middle; }

.cpay_ssgcard_config .cpay_btn_area { margin-right: 25px; }

.cpay_card_slider { position: relative; }

.cpay_card_slider:before { content: ''; position: absolute; top: 0; left: 0; right: 0; padding-bottom: 36.4%; opacity: 0.9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #ffffff), to(#eceef0)); background-image: linear-gradient(to bottom, #ffffff 80%, #eceef0 100%); }

.cpay_card_slider .swiper-container { overflow: hidden; }

.cpay_card_slider .swiper-slide { width: 70%; }

.cpay_card_slider .swiper-slide-active .cpay_card_detail { opacity: 1; }

.cpay_card_slider .cpay_card_detail { width: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }

.cpay_card_rdo { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 1px; margin-top: -1px; border: 0; background: transparent; opacity: 0.1; }

:disabled + .cpay_card_item .cpay_card:before { content: ''; z-index: 10; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(34, 34, 34, 0.85); }

:disabled + .cpay_card_item .cpay_card_disable { display: block; }

.cpay_card_disable { display: none; z-index: 20; position: absolute; top: 50%; left: 30px; right: 30px; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.cpay_card { display: block; position: relative; width: 100%; margin: 0 auto; padding-bottom: 52%; border-top-left-radius: 15px; border-top-right-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: 50% 0; background-repeat: no-repeat; }

.cpay_card.ty_add { background: #fff; border: 1px solid #e0e0e0; border-bottom: 0; }

.cpay_card.ty_add > span { position: absolute; top: 50%; left: 0; width: 100%; margin-top: 6px; color: #222; font-size: 13px; letter-spacing: -.3px; text-align: center; }

.cpay_card.ty_add > span:before, .cpay_card.ty_add > span:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 21px; height: 1px; margin: -32px 0 0 -10px; background: #222; }

.cpay_card.ty_add > span:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.cpay_card.ty_none { background: #f9f9f9; border: 1px solid #e0e0e0; border-bottom: 0; border-radius: 8px; }

.cpay_card.ty_none > span { position: absolute; top: 50%; left: 0; width: 100%; color: #888; font-size: 15px; letter-spacing: -.3px; text-align: center; }

.cpay_card .cpay_card_default { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top-left-radius: 3vw; border-top-right-radius: 3vw; background-image: url("../img/com_v2/bg_cpay_card.png"); background-size: 100%; background-position: 50% 0; background-repeat: no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cpay_card .cpay_card_default .cpay_card_bi { position: absolute; top: 54%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: right; }

.cpay_card .cpay_card_default .cpay_card_bi img { width: 50%; }

.cpay_card .cpay_card_img { overflow: hidden; position: absolute; top: 0; left: 50%; right: 0; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; z-index: 5; }

.cpay_card .cpay_card_img img { display: block; width: 100%; }

.cpay_card .cpay_card_tag { z-index: 10; position: absolute; bottom: 0; right: 0; padding: 5px 10px; color: #fff; font-size: 11px; background: #e24f39; }

.cpay_card.ty_vertical .cpay_card_img { width: 63.39%; }

.cpay_card_detail { width: 70%; margin: 0 auto; }

.cpay_form_sec { padding: 20px 0; }

.cpay_form_sec + .cpay_form_sec { border-top: 1px solid #e5e5e5; }

.cpay_form_sec .cpay_tx_dot { display: block; margin-top: 7px; }

.cpay_form_dl { display: table; width: 100%; margin-top: 10px; table-layout: fixed; }

.cpay_form_dl:first-child { margin-top: 0; }

.cpay_form_dl dt { display: table-cell; padding-right: 5px; color: #222; font-size: 13px; vertical-align: top; line-height: 20px; }

.cpay_form_dl dd { display: table-cell; width: 130px; color: #666; font-size: 13px; text-align: right; vertical-align: top; white-space: nowrap; font-size: 0; }

.cpay_form_dl dd.cpay_form_switch { width: 50px; }

.cpay_switch_info { display: block; margin-right: 10px; color: #ff5b59; font-size: 13px; }

.cpay_switch_info .cpay_num { font-size: 14px; }

.cpay_card_info { display: block; }

.cpay_card_info strong { overflow: hidden; display: block; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; }

.cpay_card_info em { display: block; }

.cpay_help { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; }

.cpay_inp_switch { display: inline-block; position: relative; width: 46px; height: 20px; }

.cpay_inp_switch .switch_button { position: relative; width: 46px; height: 20px; border: none; border-radius: 999rem; outline: 0; background: #d8d8d8; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; vertical-align: top; -moz-appearance: none; appearance: none; -webkit-appearance: none; z-index: 1; }

.cpay_inp_switch .switch_button:after { position: absolute; top: -2px; left: 0; width: 22px; height: 22px; border: 1px solid #d1d1d1; border-radius: 50%; background: #fff; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; content: ''; }

.cpay_inp_switch .switch_button:checked { border-color: #fd5a58; background: #fd5a58; }

.cpay_inp_switch .switch_button:checked:after { left: 23px; }

.cpay_inp_switch .switch_button:disabled { border-color: #eee; background-color: #f2f2f2; }

.cpay_inp_sel { position: relative; display: block; height: 40px; }

.cpay_inp_sel select { display: inline-block; width: 100%; height: 40px; padding: 0 27px 0 10px; border: 1px solid #aaa; background: #fff url(../img/com_v2/codr_ico_slct2.png) 100% 50% no-repeat; background-size: 27px 7px; font-family: 'Roboto-Regular','AppleSDGothicNeo-Regular',sans-serif; font-size: 14px; line-height: 38px; color: #666; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }

.cpay_inp_sel select::-ms-expand { display: none; }

.cpay_inp_sel select:disabled { opacity: .5; }

.cpay_inp_sel.ty_black select { border-color: #969696; font-size: 13px; color: #222; letter-spacing: -.3px; }

.cpay_inp_lst { margin: 5px 0 20px; padding: 10px 0; background: #f5f5f5; text-align: center; }

.cpay_inp_lst li { display: inline-block; margin-left: 30px; }

.cpay_inp_lst li:first-child { margin: 0; }

.cpay_inp_rdo { position: relative; min-width: 20px; display: inline-block; min-height: 20px; word-wrap: normal; word-break: normal; vertical-align: top; }

.cpay_inp_rdo input[type='radio'] { position: absolute; display: block; width: 20px; height: 20px; margin: 0; padding: 0; border: 0; background: none; vertical-align: top; -webkit-appearance: none; border-radius: 0; }

.cpay_inp_rdo input:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(../img/common/sp_form.png) 50% -25px no-repeat; background-size: 20px auto; -webkit-background-size: 20px auto; }

.cpay_inp_rdo input:checked:after { background-position: 50% -49px; }

.cpay_inp_rdo input + label { display: inline-block; padding-left: 25px; line-height: 20px; font-size: 13px; color: #666; vertical-align: top; }

.cpay_inp_rdo input:disabled:after { background-position: 50% 0; }

.cpay_inp_rdo input:disabled + label { color: #bbb; }

#m_content { font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; }

.mnodr_container_step #mcom_footer { padding-bottom: 200px; }

.mnodr_ic { display: inline-block; vertical-align: middle; }

.mnodr_ic.ic_del { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -311px -249px; background-size: 346px 329px; width: 15px; height: 14px; }

.mnodr_ic.ic_detail { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -336px -249px; background-size: 346px 329px; width: 10px; height: 10px; }

.mnodr_ic.ic_minus { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -140px -305px; background-size: 346px 329px; width: 14px; height: 14px; }

.mnodr_ic.ic_plus { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -164px -305px; background-size: 346px 329px; width: 14px; height: 14px; }

.mnodr_ic.ic_gift { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -34px -305px; background-size: 346px 329px; width: 18px; height: 23px; margin-bottom: 2px; }

.mnodr_ic.ic_arr { margin-left: 2px; }

.mnodr_ic.ic_arr.ty_arr_right { width: 5.6px; height: 5.6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 2px; margin-top: -2px; border-right: 1px solid #222; border-bottom: 1px solid #222; }

.mnodr_ic.ic_arr.ty_arr_bottom { width: 5.6px; height: 5.6px; -webkit-transform: translate(50%, -2px) rotate(45deg); transform: translate(50%, -2px) rotate(45deg); border-right: 1px solid #222; border-bottom: 1px solid #222; }

.mnodr_ic.ic_arr.ty_arr_up { width: 5.6px; height: 5.6px; -webkit-transform: translate(50%, 50%) rotate(-135deg); transform: translate(50%, 50%) rotate(-135deg); margin-top: -2px; border-right: 1px solid #222; border-bottom: 1px solid #222; }

.mnodr_ic.ic_arr.ty_arr_gray { border-right: 1px solid #888; border-bottom: 1px solid #888; }

.mnodr_ic.ic_arr.ty_fillgray { display: inline-block; border-right: 3px solid #777; border-bottom: 3px solid #777; border-top: 3px solid transparent; border-left: 3px solid transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mnodr_ic.ic_location { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -288px -190px; background-size: 346px 329px; width: 11px; height: 16px; margin-top: -1px; }

.mnodr_ic.ic_cross { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -288px -233px; background-size: 346px 329px; width: 12px; height: 14px; margin-top: -1px; }

.mnodr_ic.ic_close { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -62px -305px; background-size: 346px 329px; width: 20px; height: 20px; }

.mnodr_ic.ic_basket { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: 0px 0px; background-size: 346px 329px; width: 111px; height: 95px; margin: 40px 0 20px; }

.mnodr_ic.ic_cart { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -311px -56px; background-size: 346px 329px; width: 34px; height: 30px; }

.mnodr_ic.ic_bag { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -202px -273px; background-size: 346px 329px; width: 14px; height: 16px; }

.mnodr_ic.ic_bg_bundle { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -311px -136px; background-size: 346px 329px; width: 29px; height: 29px; }

.mnodr_ic.ic_refresh { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -311px -175px; background-size: 346px 329px; width: 28px; height: 30px; }

.mnodr_ic.ic_ssgconbn { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -311px 0px; background-size: 346px 329px; width: 35px; height: 46px; }

.mnodr_ic.ic_topfloat { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -170px -105px; background-size: 346px 329px; width: 44px; height: 44px; }

.mnodr_ic.ic_ssgtalk { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -226px -85px; background-size: 346px 329px; width: 48px; height: 48px; }

.mnodr_ic.ic_closefillgray { display: block; width: 24px; height: 24px; background: #888; border-radius: 50%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_ic.ic_closefillgray:before, .mnodr_ic.ic_closefillgray:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_ic.ic_closefillgray:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.mnodr_ic.ic_closefillgray:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.mnodr_ic.ic_gear { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -92px -305px; background-size: 346px 329px; width: 14px; height: 14px; }

.mnodr_ic.ic_letter { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -303px -273px; background-size: 346px 329px; width: 14px; height: 11px; }

.mnodr_ic.ic_crown_sm { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -250px -273px; background-size: 346px 329px; width: 17px; height: 12px; }

.mnodr_ic.ic_crown { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -311px -215px; background-size: 346px 329px; width: 30px; height: 24px; }

.mnodr_ic.ic_pencil { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -284px -85px; background-size: 346px 329px; width: 16px; height: 18px; margin-top: -1px; }

.mnodr_ic.ic_pencil_sm { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -188px -305px; background-size: 346px 329px; width: 12px; height: 12px; margin-top: -1px; }

.mnodr_ic.ic_home { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -210px -233px; background-size: 346px 329px; width: 18px; height: 15px; margin-right: 3px; }

.mnodr_ic.ic_kakao { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: 0px -105px; background-size: 346px 329px; width: 75px; height: 75px; }

.mnodr_ic.ic_ssgpay { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -226px -143px; background-size: 346px 329px; width: 65px; height: 14px; }

.mnodr_ic.ic_kakaopay { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -121px -69px; background-size: 346px 329px; width: 54px; height: 18px; }

.mnodr_ic.ic_payco { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -226px -167px; background-size: 346px 329px; width: 54px; height: 12px; }

.mnodr_ic.ic_samsungpay { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -96px -233px; background-size: 346px 329px; width: 104px; height: 15px; }

.mnodr_ic.ic_url { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -226px 0px; background-size: 346px 329px; width: 75px; height: 75px; }

.mnodr_ic.ic_sms { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -85px -105px; background-size: 346px 329px; width: 75px; height: 75px; }

.mnodr_ic.ic_exchange { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -327px -273px; background-size: 346px 329px; width: 12px; height: 9px; }

.mnodr_ic.ic_message { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -284px -113px; background-size: 346px 329px; width: 15px; height: 15px; }

.mnodr_ic.ic_delete { position: relative; overflow: hidden; width: 12px; height: 12px; }

.mnodr_ic.ic_delete:before, .mnodr_ic.ic_delete:after { content: ""; display: block; position: absolute; width: 20px; height: 1px; background: #222; -webkit-transform-origin: 0 0; transform-origin: 0 0; }

.mnodr_ic.ic_delete:before { top: 0; left: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mnodr_ic.ic_delete:after { bottom: 0; left: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.mnodr_ic.ic_toolbar_up { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -96px -190px; background-size: 346px 329px; width: 86px; height: 33px; }

.mnodr_ic.ic_toolbar_down { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: 0px -190px; background-size: 346px 329px; width: 86px; height: 33px; }

.mnodr_ic.ic_chat { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -167px -273px; background-size: 346px 329px; width: 25px; height: 16px; line-height: 1.3; color: #6677c0; font-size: 12px; margin-top: -2px; }

.mnodr_ic.ic_chat:before { display: inline-block; margin-left: 2px; content: ""; }

.mnodr_ic.ic_chat_loading { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -185px -69px; background-size: 346px 329px; width: 27px; height: 17px; margin-left: -2px; }

.mnodr_ic.ic_close_circle { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: 0px -305px; background-size: 346px 329px; width: 24px; height: 24px; }

.mnodr_ic.ic_exit { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -277px -273px; background-size: 346px 329px; width: 16px; height: 12px; }

.mnodr_ic.ic_giftbox { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -121px 0px; background-size: 346px 329px; width: 95px; height: 59px; }

.mnodr_ic.ic_power { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -226px -273px; background-size: 346px 329px; width: 14px; height: 15px; }

.mnodr_ic.ic_pin { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -238px -233px; background-size: 346px 329px; width: 15px; height: 14px; -webkit-transform-origin: center; transform-origin: center; }

.mnodr_ic.ic_pin.on { -webkit-animation: clipOpen 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: clipOpen 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -263px -233px; background-size: 346px 329px; width: 15px; height: 14px; }

.mnodr_ic.ic_info { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png); background-position: -116px -305px; background-size: 346px 329px; width: 14px; height: 14px; margin: 0 2px 2px 0; }

@-webkit-keyframes clipOpen { 0% { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png);
        background-position: -311px -96px;
        background-size: 346px 329px;
        width: 31px;
        height: 30px;
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        margin-right: -8px;
        margin-top: -4px;
        opacity: 0.3; }
    50% { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png);
        background-position: -311px -96px;
        background-size: 346px 329px;
        width: 31px;
        height: 30px;
        -webkit-transform: scale(1);
                transform: scale(1);
        margin-right: -8px;
        margin-top: -4px;
        opacity: 1; }
    100% { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png);
        background-position: -311px -96px;
        background-size: 346px 329px;
        width: 31px;
        height: 30px;
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        margin-right: -8px;
        margin-top: -4px;
        opacity: 0; } }

@keyframes clipOpen { 0% { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png);
        background-position: -311px -96px;
        background-size: 346px 329px;
        width: 31px;
        height: 30px;
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        margin-right: -8px;
        margin-top: -4px;
        opacity: 0.3; }
    50% { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png);
        background-position: -311px -96px;
        background-size: 346px 329px;
        width: 31px;
        height: 30px;
        -webkit-transform: scale(1);
                transform: scale(1);
        margin-right: -8px;
        margin-top: -4px;
        opacity: 1; }
    100% { background-image: url(../img/sprites/sp_mnodr_20200103@2x.png);
        background-position: -311px -96px;
        background-size: 346px 329px;
        width: 31px;
        height: 30px;
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        margin-right: -8px;
        margin-top: -4px;
        opacity: 0; } }

.mnodr_profile { position: relative; border-radius: 50%; }

.mnodr_profile.ty_edit .mnodr_profile_edit { display: block; }

.mnodr_profile.ty_master { margin-top: 12px; -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.mnodr_profile.ty_master .ic_crown_sm, .mnodr_profile.ty_master .ic_crown { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.mnodr_profile.ty_master.ty_sm .ic_crown_sm { display: block; }

.mnodr_profile.ty_master.ty_lg .ic_crown, .mnodr_profile.ty_master.ty_md .ic_crown { display: block; }

.mnodr_profile .ic_crown_sm, .mnodr_profile .ic_crown { display: none; }

.mnodr_profile.ty_mine:before { content: "나"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: rgba(34, 34, 34, 0.7); color: #fff; font-size: 13px; font-weight: bold; }

.mnodr_profile.ty_bubble .mnodr_profile_img { border-bottom-left-radius: 0; }

.mnodr_profile.ty_name { margin-bottom: 30px; }

.mnodr_profile.ty_name .mnodr_profile_name { display: block; line-height: 1; }

.mnodr_profile.ty_sm { width: 40px; height: 40px; min-width: 40px; min-height: 40px; line-height: 38px; font-size: 15px; }

.mnodr_profile.ty_md { width: 70px; height: 70px; min-width: 70px; min-height: 70px; line-height: 65px; font-size: 24px; }

.mnodr_profile.ty_lg { width: 100px; height: 100px; min-width: 100px; min-height: 100px; line-height: 100px; }

.mnodr_profile.ty_lg .mnodr_profile_name { margin-top: 10px; }

.mnodr_profile.ty_pink { background-color: #ff97a5; }

.mnodr_profile.ty_sky { background-color: #a9dfea; }

.mnodr_profile.ty_light_sky { background-color: #b6e3e9; }

.mnodr_profile.ty_yellow { background-color: #fcd353; }

.mnodr_profile.ty_blue { background-color: #afcefd; }

.mnodr_profile.ty_orange { background-color: #fd8b64; }

.mnodr_profile.ty_light_green { background-color: #dfdd6c; }

.mnodr_profile.ty_green { background-color: #b3c648; }

.mnodr_profile.ty_deep_green { background-color: #89d5c9; }

.mnodr_profile.ty_purple { background-color: #b39fd5; }

.mnodr_profile_edit { display: none; position: absolute; right: 0; bottom: 0; width: 36px; height: 36px; }

.mnodr_profile_delete { position: absolute; right: 0; top: 0; }

.mnodr_profile_img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; color: #fff; font-style: normal; text-align: center; width: 100%; height: 100%; }

.mnodr_profile_name { display: none; margin-top: 5px; font-size: 13px; color: #222; text-align: center; line-height: 1; }

.mnodr_btn_area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #fff; z-index: 1; }

.mnodr_btn_area button, .mnodr_btn_area a { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; }

.mnodr_btn_area.ty_mgtop { margin-top: 40px; }

.mnodr_btn_area.ty_select .mnodr_btn.ty_gray { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-preferred-size: 100px; flex-basis: 100px; }

.mnodr_btn_area.ty_foot { margin-bottom: 30px; }

.mnodr_btn_area.ty_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_btn_area.ty_row .mnodr_btn { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }

.mnodr_btn_area.ty_oval { border-radius: 4px; }

.mnodr_btn_area.ty_grayline { border: 1px solid #ededed; }

.mnodr_btn_area.ty_grayline .mnodr_btn { border-left: 1px solid #ededed; }

.mnodr_btn { display: block; text-align: center; width: 100%; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; position: relative; font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; }

.mnodr_btn .mnodr_btn_tx { display: inline-block; word-wrap: break-word; word-break: break-all; line-height: 21px; }

.mnodr_btn .mnodr_btn_tx2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; margin-right: 5px; }

.mnodr_btn .mnodr_btn_tx3 { font-size: 15px; }

.mnodr_btn .mnodr_btn_tx4 { font-size: 13px; margin-left: 3px; }

.mnodr_btn .mnodr_btn_tx5 { font-size: 18px; font-weight: bold; }

.mnodr_btn.ty_xs { height: 40px; line-height: 38px; }

.mnodr_btn.ty_sm { height: 44px; line-height: 42px; font-size: 16px; }

.mnodr_btn.ty_m { height: 50px; line-height: 48px; font-size: 17px; }

.mnodr_btn.ty_lg { height: 60px; font-size: 18px; font-weight: 500; }

.mnodr_btn.ty_light { background-color: #eee; }

.mnodr_btn.ty_oval { border-radius: 25px; border: 1px solid #e0e0e0; }

.mnodr_btn.ty_oval2 { border-radius: 20px; border: 1px solid #ededed; }

.mnodr_btn.ty_blue { background-color: #6677c0; color: #fff; }

.mnodr_btn.ty_sky { background-color: #94e3f7; }

.mnodr_btn.ty_line { background-color: #fff; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; color: #222; }

.mnodr_btn.ty_line + .ty_line { border-left: 1px solid #cfcfcf; }

.mnodr_btn.ty_tgle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #888; font-size: 12px; font-weight: bold; margin-top: 10px; }

.mnodr_btn.ty_tgle:after { display: block; width: 4px; height: 4px; margin-left: 5px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); border-right: 1px solid #888; border-bottom: 1px solid #888; content: ""; }

.mnodr_btn.ty_rightline { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.mnodr_btn.ty_leftline { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }

.mnodr_btn.ty_point { background-color: #ff5b59; color: #fff; }

.mnodr_btn.ty_point_reverse { color: #ff5b59; background-color: #fff; }

.mnodr_btn.ty_gray { background-color: #e5e5e5; color: #222; }

.mnodr_btn.ty_gray2 { background-color: #737a7f; color: #fff; }

.mnodr_btn.ty_gray3 { background-color: #c9c9c9; color: #fff; }

.mnodr_btn.ty_gray4 { background-color: #f5f5f5; border-color: #e0e0e0; }

.mnodr_btn.ty_gray5 { background-color: #666; color: #fff; }

.mnodr_btn.ty_grayline { border: 1px solid #d8d8d8; background: #fff; color: #222; }

.mnodr_btn.ty_blue { background-color: #6677c0; color: #fff; }

.mnodr_btn:disabled { background: #c9c9c9; color: white; }

.mnodr_btn_loader { display: none; position: relative; width: 6px; height: 6px; font-size: 0; line-height: 0; vertical-align: middle; }

.mnodr_btn_loader.on { display: inline-block; }

.mnodr_btn_loader.on + .mnodr_btn_tx { display: none; }

.mnodr_btn_loader:before, .mnodr_btn_loader:after, .mnodr_btn_loader .mnodr_btn_loading { position: absolute; top: 0; width: 100%; height: 100%; border-radius: 100%; background-color: #fff; opacity: 0.5; -webkit-animation: mnodr_bouncedelay 1.2s infinite; animation: mnodr_bouncedelay 1.2s infinite; }

.mnodr_btn_loader:before { content: ""; right: 100%; margin-right: 11px; -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.mnodr_btn_loader:after { content: ""; left: 100%; margin-left: 11px; }

.mnodr_btn_loader .mnodr_btn_loading { left: 0; -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

@-webkit-keyframes mnodr_bouncedelay { 0%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-5px); transform: translateY(-5px);
        opacity: 1; } }

@keyframes mnodr_bouncedelay { 0%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-5px); transform: translateY(-5px);
        opacity: 1; } }

.mnodr_tx_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; }

.mnodr_tx_wrap2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_tx_wrap2 .mnodr_tx + .mnodr_tx { margin-left: 5px; }

.mnodr_tx_btn { font-size: 12px; }

.mnodr_tx_btn .mnodr_ic:first-child { margin-right: 3px; }

.mnodr_sec_heading { padding: 30px 15px; }

.mnodr_tx_heading { word-wrap: break-word; word-break: break-all; color: #222; font-size: 24px; letter-spacing: -0.3px; line-height: 30px; }

.mnodr_tx_heading .mnodr_tx_num { font-size: 26px; }

.mnodr_tx_primary { color: #222 !important; }

.mnodr_tx_gray { color: #888 !important; }

.mnodr_tx_gray2 { color: #666 !important; }

.mnodr_tx_gray3 { color: #444 !important; }

.mnodr_tx_gray4 { color: #6c7080 !important; }

.mnodr_tx_point { color: #ff5b59 !important; }

.mnodr_tx_white { color: #fff !important; }

.mnodr_tx_size2 { font-size: 12px !important; }

.mnodr_tx_size3 { font-size: 13px !important; }

.mnodr_tx_size4 { font-size: 14px !important; }

.mnodr_tx_size5 { font-size: 15px !important; }

.mnodr_tx_tit { color: #222; font-size: 18px; letter-spacing: -0.3px; word-break: keep-all; }

.mnodr_tx_tit2 { color: #222; font-size: 20px; letter-spacing: -0.3px; word-break: keep-all; }

.mnodr_tx_desc { color: #222; font-size: 13px; letter-spacing: -0.3px; line-height: 16px; }

.mnodr_tx_heading + .mnodr_tx_desc, .mnodr_tx_tit + .mnodr_tx_desc { margin-top: 10px; }

.mnodr_priceitem_stit + .mnodr_tx_desc, .mnodr_inp_sel + .mnodr_tx_desc, .mnodr_form_cont + .mnodr_tx_desc { margin-top: 5px; }

.mnodr_tx_desc2 { color: #222; font-size: 12px; letter-spacing: -0.3px; line-height: 16px; }

.mnodr_btn_area + .mnodr_tx_desc2 { margin-top: 10px; }

.mnodr_tx_desc3 { color: #222; font-size: 15px; letter-spacing: -0.3px; line-height: 1.33; }

.mnodr_tx_desc3 + .mnodr_tx_desc3 { margin-top: 20px; }

.mnodr_tx_desc3 + .mnodr_tx_desc { margin-top: 10px; }

.mnodr_tx_desc4 { font-size: 12px; color: #222; font-weight: bold; }

.mnodr_tx_desc5 { font-size: 12px; color: #222; letter-spacing: -0.3px; }

.mnodr_tx_link { color: #888; font-size: 12px; letter-spacing: -0.3px; text-decoration: underline; }

.mnodr_chk { display: inline-block; position: relative; min-width: 20px; min-height: 20px; line-height: 20px; vertical-align: top; }

.mnodr_chk input + label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 26px; vertical-align: top; }

.mnodr_chk input + label em { color: #222; font-size: 15px; font-weight: bold; vertical-align: top; }

.mnodr_chk input + label:before { content: ""; z-index: 2; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-color: #fff; border: 1px solid #969696; }

.mnodr_chk input:checked + label:before { background-color: #222; border-color: #222; }

.mnodr_chk input:checked + label:after { position: absolute; top: 2px; left: 6px; z-index: 2; display: inline-block; width: 5px; height: 10px; border: solid 1px #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; }

.mnodr_chk input:disabled + label em { color: #bbb; font-weight: normal; }

.mnodr_chk input:disabled + label:before { border-color: #d1d1d1; background-color: #f5f5f5; }

.mnodr_chk input:disabled + label:after { border-color: #d1d1d1; }

.mnodr_chk input:disabled + label .mnodr_tx_desc { color: #bbb; }

.mnodr_chk .mnodr_tx_desc { line-height: 20px; }

.mnodr_chk.ty_error input + label:before { border-color: #ff5b59; }

.mnodr_chk.ty_error input + label .mnodr_tx_desc2 { color: #ff5b59; }

.mnodr_chk.ty_error input:checked + label:before { border-color: #969696; }

.mnodr_chk.ty_error input:checked + label .mnodr_tx_desc2 { color: #222; }

.mnodr_rdo { display: inline-block; position: relative; min-width: 20px; min-height: 20px; line-height: 20px; }

.mnodr_rdo input + label { display: inline-block; position: relative; padding-left: 25px; vertical-align: top; }

.mnodr_rdo input + label:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 12px; border: 3px solid #fff; background: #fff; -webkit-box-shadow: 0 0 0 1px #d1d1d1; box-shadow: 0 0 0 1px #d1d1d1; border-radius: 50%; vertical-align: middle; }

.mnodr_rdo input:checked + label:before { background: #ff5b59; -webkit-box-shadow: 0 0 0 1px #ff5b59; box-shadow: 0 0 0 1px #ff5b59; }

.mnodr_rdo input:checked + label .mnodr_tx_desc3 { font-weight: bold; }

.mnodr_rdo input:disabled + label:before { -webkit-box-shadow: 0 0 0 1px #d1d1d1; box-shadow: 0 0 0 1px #d1d1d1; background: #d1d1d1; }

.mnodr_rdo input:disabled + label .mnodr_tx_desc { color: #bbb; }

.mnodr_rdo .mnodr_tx_desc { line-height: 20px; }

.mnodr_rdo_lst { overflow: hidden; margin: -9px -5px 0; }

.mnodr_rdo_lst > li { display: block; float: left; width: 33.3%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 5px 0; }

.mnodr_rdo_rect { overflow: hidden; display: block; position: relative; height: 50px; font-size: 13px; letter-spacing: -0.3px; line-height: 1.3; text-align: center; }

.mnodr_rdo_rect.ty2 { height: 60px; text-align: left; }

.mnodr_rdo_rect .mnodr_rdo_tx { position: absolute; top: 50%; left: 10px; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; word-wrap: break-word; }

.mnodr_rdo_rect .mnodr_rdo_txnum { display: block; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mnodr_rdo_rect .mnodr_rdo_txnum .ssg_price { font-size: 18px; }

.mnodr_rdo_rect .mnodr_rdo_txnum .ssg_tx { font-size: 13px; }

.mnodr_rdo_rect .mnodr_rdo_txdesc { display: block; font-size: 12px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mnodr_rdo_rect input[type="radio"] + label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 0 1px #e0e0e0; box-shadow: inset 0 0 0 1px #e0e0e0; color: #444; }

.mnodr_rdo_rect input[type="radio"]:checked + label { -webkit-box-shadow: inset 0 0 0 2px #ff5b59; box-shadow: inset 0 0 0 2px #ff5b59; color: #222; font-weight: bold; }

.mnodr_rdo_rect input[type="radio"]:disabled + label { -webkit-box-shadow: inset 0 0 0 2px #e0e0e0; box-shadow: inset 0 0 0 2px #e0e0e0; background-color: #f9f9f9; color: #bbb; }

.mnodr_inp_txt { display: block; position: relative; }

.mnodr_inp_txt:not(:first-child) { margin-top: 10px; }

.mnodr_inp_txt input { display: block; width: 100%; height: 40px; padding: 15px 10px; border: 1px solid #e0e0e0; color: #222; font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; font-size: 13px; letter-spacing: -0.3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; }

.mnodr_inp_txt input::-webkit-input-placeholder { color: #888; font-weight: normal; }

.mnodr_inp_txt input:disabled { background-color: #f5f5f5; }

.mnodr_inp_txt input:disabled::-webkit-input-placeholder { color: #bbb; }

.mnodr_inp_txt.ty_delete input { padding-right: 30px; }

.mnodr_inp_txtarea { overflow: hidden; display: block; position: relative; border: 1px solid #e0e0e0; background: #fff; }

.mnodr_inp_txtarea:not(:first-child) { margin-top: 10px; }

.mnodr_inp_txtarea textarea { width: 100%; padding: 10px; border: 0 none; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; color: #222; font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; font-size: 13px; letter-spacing: -0.3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; box-sizing: border-box; outline: 0; resize: none; }

.mnodr_inp_txtarea textarea:read-only, .mnodr_inp_txtarea textarea::-webkit-input-placeholder { color: #888; }

.mnodr_inp_txtarea label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; color: #888; font-size: 13px; line-height: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_inp_txtarea.disabled { background-color: #f5f5f5; }

.mnodr_inp_txtarea.ty_delete textarea { padding-right: 30px; }

.mnodr_inp_delete { display: none; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mnodr_inp_delete.on { display: block; }

.mnodr_inp_switch { display: inline-block; position: relative; width: 46px; height: 20px; vertical-align: middle; }

.mnodr_inp_switch input[type="checkbox"] { position: relative; width: 46px; height: 20px; border: none; border-radius: 999rem; outline: 0; background: #d8d8d8; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; vertical-align: top; -moz-appearance: none; appearance: none; -webkit-appearance: none; z-index: 1; }

.mnodr_inp_switch input:after { position: absolute; top: -2px; left: 0; width: 22px; height: 22px; border: 1px solid #d1d1d1; border-radius: 50%; background: #fff; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; content: ""; }

.mnodr_inp_switch input:checked { border-color: #fd5a58; background: #fd5a58; }

.mnodr_inp_switch input:checked:after { left: 23px; }

.mnodr_switch_info { display: inline-block; margin-right: 10px; color: #ff5b59; font-size: 13px; vertical-align: middle; }

.mnodr_switch_info .mnodr_num { font-size: 14px; }

.mnodr_inp_sel { position: relative; display: block; height: 40px; }

.mnodr_inp_sel select { display: inline-block; width: 100%; height: 40px; padding: 0 27px 0 10px; border: 1px solid #969696; background: #fff url("https://sui.ssgcdn.com/ui/m_ssg/img/com_v2/codr_ico_slct2.png") 100% 50% no-repeat; background-size: 27px 7px; font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; color: #222; font-size: 13px; line-height: 38px; letter-spacing: -0.3px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }

.mnodr_inp_sel select::-ms-expand { display: none; }

.mnodr_inp_sel select:disabled { opacity: 0.5; }

.mnodr_rdotab.ty_input .mnodr_rdotab_right { margin-left: 10px; }

.mnodr_rdotab.ty_input .mnodr_input { display: none; margin: 0 20px 24px; width: auto; }

.mnodr_rdotab.ty_input .mnodr_rdotab_label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.mnodr_rdotab.ty_input .mnodr_rdotab_inp:checked + .mnodr_rdotab_label .mnodr_input { display: -webkit-box; display: -ms-flexbox; display: flex; }

.mnodr_rdotab.ty_full { font-size: 13px; line-height: 1.3; letter-spacing: -0.3px; }

.mnodr_rdotab.ty_full + .mnodr_rdotab.ty_full label:before { border-top: none; }

.mnodr_rdotab.ty_full .mnodr_rdotab_inp + label:before { border: none; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }

.mnodr_rdotab.ty_full .mnodr_rdotab_inp:checked + label { outline: none; }

.mnodr_rdotab.ty_full .mnodr_rdotab_right .mnodr_tx { margin-top: 5px; }

.mnodr_rdotab_btn { display: block; position: relative; width: 20px; height: 20px; border: 1px solid #d1d1d1; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.mnodr_rdotab_ctn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 15px 20px; }

.mnodr_rdotab_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; }

.mnodr_rdotab_row + .mnodr_rdotab_row { margin-top: 3px; }

.mnodr_rdotab_row.ty_between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mnodr_rdotab_right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; margin-left: 20px; }

.mnodr_rdotab_right.ty2 { margin-left: 10px; }

.mnodr_rdotab_right.ty2 .mnodr_tx_desc { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }

.mnodr_rdotab_right.ty2 .mnodr_tx_gray { display: block; margin-top: -2px; letter-spacing: -0.3px; }

.mnodr_rdotab_tit { font-size: 15px; color: #222; letter-spacing: -0.3px; }

.mnodr_rdotab_inp + label { z-index: 1; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.mnodr_rdotab_inp + label:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #e0e0e0; bottom: -1px; }

.mnodr_rdotab_inp:checked + label:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #222; }

.mnodr_rdotab_inp:checked + label .mnodr_rdotab_btn { border: 1px solid #ff5b59; }

.mnodr_rdotab_inp:checked + label .mnodr_rdotab_btn:before { content: ""; display: block; width: 12px; height: 12px; background: #ff5b59; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.mnodr_rdotab_inp:disabled + label { background: #f9f9f9; }

.mnodr_rdotab_inp:disabled + label .disabled { position: relative; }

.mnodr_rdotab_inp:disabled + label .disabled::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; background: #f9f9f9; }

.mnodr_sec { padding: 0 15px; }

.mnodr_sec.ty_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mnodr_sec.ty_profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; }

.mnodr_sec.ty_input { margin: 40px 0; }

.mnodr_sec.ty_input .mnodr_input { margin-top: 10px; }

.mnodr_sec.ty_profile + .mnodr_sec.ty_input { margin-top: 10px; }

.mnodr_sec.ty_graybg { position: relative; }

.mnodr_sec.ty_graybg:before { content: ""; background: #f2f3f5; display: block; height: 80px; width: 100%; position: absolute; top: 0; }

.mnodr_sec.ty_space { padding-top: 20px; padding-bottom: 20px; }

.mnodr_sec.ty_vspace { margin: 40px 0; }

.mnodr_sec.ty_vspace2 { margin: 20px 0; }

.mnodr_sec.ty_line { border-top: 1px solid #f5f5f5; }

.mnodr_sec_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_sec.ty_privacy { position: relative; }

.mnodr_sec.ty_privacy:before { content: ""; display: block; border-top: 1px solid #f5f5f5; position: absolute; left: -24px; right: -24px; top: -20px; }

.mnodr_sec.ty_privacy .mnodr_sec_control { margin-left: 30px; white-space: nowrap; text-decoration: underline; -webkit-text-decoration-color: #888; text-decoration-color: #888; }

.mnodr_sec.ty_privacy .mnodr_sec_control .close { display: none; }

.mnodr_sec.ty_privacy .mnodr_sec_control .open { display: block; }

.mnodr_sec.ty_privacy .mnodr_bullst.ty1 { display: none; }

.mnodr_sec.ty_privacy.on .mnodr_sec_control .open { display: none; }

.mnodr_sec.ty_privacy.on .mnodr_sec_control .close { display: block; }

.mnodr_sec.ty_privacy.on .mnodr_bullst.ty1 { display: block; }

.mnodr_loading_lg, .mnodr_loading { position: relative; }

.mnodr_loading_lg:before, .mnodr_loading:before { content: "loading..."; overflow: hidden; position: absolute; top: 50%; left: 50%; z-index: 10; width: 20px; height: 20px; margin: -10px 0 0 -10px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; border: 3px solid #f1f1f1; border-top-color: #ff5b59; -webkit-animation: mnodr_loading_ani 1.2s cubic-bezier(0, 0, 0.2, 1) infinite; animation: mnodr_loading_ani 1.2s cubic-bezier(0, 0, 0.2, 1) infinite; }

.mnodr_loading_lg > *, .mnodr_loading > * { opacity: 0; }

.mnodr_loading_lg:before { width: 40px; height: 40px; margin: -20px 0 0 -20px; border-width: 6px; }

@-webkit-keyframes mnodr_loading_ani { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes mnodr_loading_ani { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.mnodr_hr { height: 15px; margin: 0; padding: 0; border: 0; border-top: 1px solid #d1d1d1; background: #f5f5f5; }

.mnodr_hr2 { height: 1px; margin: 0 0 -1px 0; padding: 0; border: 0; border-top: 1px solid #f5f5f5; }

.mnodr_tab { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eaeaea; text-align: center; }

.mnodr_tab li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; position: relative; }

.mnodr_tab li .mnodr_tooltip { display: none; }

.mnodr_tab li.on .mnodr_tooltip.on { display: block; }

.mnodr_tab li.on:before { content: ""; overflow: hidden; position: absolute; bottom: -1px; left: 50%; width: 87px; height: 2px; background: #222; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.mnodr_tab a { display: block; font-size: 0; }

.mnodr_tab a:before { content: ""; display: inline-block; min-height: 44px; width: 1px; margin-right: -1px; vertical-align: middle; }

.mnodr_tab .tooltip-open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; }

.mnodr_tab_tx { display: inline-block; color: #444; font-size: 13px; vertical-align: middle; word-wrap: break-word; word-break: break-all; }

.mnodr_tab_btn .mnodr_btn_tx { font-size: 13px; font-weight: bold; color: #444; }

.mnodr_thmbtab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0; }

.mnodr_thmbtab + .mnodr_thmbtab { border-top: 1px solid #f5f5f5; }

.mnodr_thmbtab a { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; }

.mnodr_thmbtab a:before { display: none; }

.mnodr_thmbtab_left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_thmbtab_tit { font-size: 15px; color: #222; font-weight: normal; margin-left: 10px; }

.mnodr_thmbtab_tit .name { margin-right: 5px; }

.mnodr_thmbtab_edit { padding: 10px; margin-right: -10px; }

.mnodr_info { margin: 20px 15px; letter-spacing: -0.3px; font-size: 12px; }

.mnodr_info_header { margin: 10px 0; }

.mnodr_info_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_info_tit { font-size: 18px; font-weight: bold; color: #222; }

.mnodr_info_tit.ty2 { font-size: 15px; }

.mnodr_info_subtit { color: #ff5b59; }

.mnodr_info_locimg, .mnodr_info_tit, .mnodr_info_subtit { margin-left: 3px; }

.mnodr_info_contents { margin: 10px 0; }

.mnodr_info_btnarea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_info_btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; padding: 5px 0; border: 1px solid #e0e0e0; margin-left: -1px; color: #222; font-size: 12px; }

.mnodr_odrplus { margin: 40px 0; padding: 0 15px; letter-spacing: -0.3px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.3; }

.mnodr_odrplus .cm_mall_ic { margin-right: 5px; }

.mnodr_odrplus_header { margin: 10px 0; }

.mnodr_odrplus_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.mnodr_odrplus_tit { margin-left: 3px; font-weight: bold; font-size: 15px; color: #222; }

.mnodr_odrplus_item:focus { outline: none; }

.mnodr_odrplus_desc { margin-top: 3px; }

.mnodr_odrplus_desc.ty_dot { color: #222; margin: 0; padding-left: 12px; position: relative; }

.mnodr_odrplus_desc.ty_dot:before { content: ""; display: block; width: 2px; height: 2px; border-radius: 50%; position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #222; }

.mnodr_odrplus_right { margin-left: 10px; }

.mnodr_acdo { background: #fff; letter-spacing: -0.3px; line-height: 1.3; }

.mnodr_acdo + .mnodr_acdo { margin-top: 40px; }

.mnodr_acdo.ty_mnmorning .mnodr_acdo_header { background-color: #a3b7cd; }

.mnodr_acdo.ty_em .mnodr_acdo_header { background-color: #ffd040; }

.mnodr_acdo.ty_tr .mnodr_acdo_header { background-color: #a6dd27; }

.mnodr_acdo.ty_mndeptfood .mnodr_acdo_header { background: url("http://ui.ssgcdn.com/ui/m_ssg/img/com_v2/bg_ptn_dept.png") repeat; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; background-size: 7px 64px; }

.mnodr_acdo.ty_mndeptfood .mnodr_acdo_tit { color: #fff; }

.mnodr_acdo.ty_mndeptfood .mnodr_acdo_subtit { color: #fff; }

.mnodr_acdo.ty_parcel .mnodr_acdo_header { background-color: #1cc9c5; }

.mnodr_acdo.ty_mnssgcon .mnodr_acdo_header { background-color: #50e3c2; }

.mnodr_acdo.ty_mnssgcon .ic_ssgconbn { position: absolute; right: 15px; }

.mnodr_acdo.ty_culture .mnodr_acdo_header { background-color: #1cc9c5; }

.mnodr_acdo.ty_step3 + .mnodr_acdo.ty_step3 { margin-top: 0; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header { padding: 10px 15px; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header:after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -8px; display: inline-block; border-top: 7px solid; border-right: 7px solid transparent; border-bottom: 0 solid transparent; border-left: 7px solid transparent; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mnmorning:after { border-top-color: #a3b7cd; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_em:after { border-top-color: #ffd040; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_tr:after { border-top-color: #a6dd27; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood { background: #535455; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood:after { border-top-color: #535455; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood .mnodr_acdo_titarea .mnodr_acdo_tit { color: #fff; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood .mnodr_acdo_titarea .mnodr_acdo_subtit { color: #fff; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood .mnodr_acdo_titarea .mnodr_acdo_subtit em:before { background: #fff; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg { background: #535455; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg:after { border-top-color: #535455; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg .mnodr_acdo_titarea .mnodr_acdo_tit { color: #fff; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg .mnodr_acdo_titarea .mnodr_acdo_subtit { color: #fff; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg .mnodr_acdo_titarea .mnodr_acdo_subtit em:before { background: #fff; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_parcel:after { border-top-color: #1cc9c5; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mnssgcon:after { border-top-color: #50e3c2; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_culture:after { border-top-color: #1cc9c5; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea { display: block; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_tit { display: inline-block; margin-right: 5px; font-size: 13px; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit { display: inline-block; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit em { position: relative; display: inline-block; padding-left: 7px; margin-left: 5px; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit em:first-child { padding-left: 0; margin-left: 0; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit em:first-child:before { display: none; }

.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit em:before { content: ""; display: inline-block; position: absolute; left: 0; top: 7px; width: 2px; height: 2px; background: #000; }

.mnodr_acdo_header { padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: top; -ms-flex-align: top; align-items: top; position: relative; }

.mnodr_acdo_subheader { font-size: 13px; font-weight: normal; color: #222; padding: 5px 15px; border-bottom: 1px solid #f5f5f5; }

.mnodr_acdo_titwrap { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; }

.mnodr_acdo_titarea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_acdo_tit { font-size: 15px; color: #222; font-weight: bold; }

.mnodr_acdo_subtit { font-size: 12px; color: #222; font-weight: bold; }

.mnodr_acdo_progress { position: relative; margin-top: 5px; }

.mnodr_acdo_progressbar { background-color: #222; opacity: 0.2; border-radius: 2.5px; height: 5px; }

.mnodr_acdo_progressfill { display: block; position: absolute; top: 0; width: 0px; max-width: 100%; height: 100%; background: #222; border-radius: 2.5px; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

.mnodr_acdo_summary { text-align: center; padding: 15px; font-size: 12px; background-color: #f2f3f5; }

.mnodr_acdo_smrybtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; margin: 3px auto 0; }

.mnodr_acdo_smrybtn .sp_mnodr_arr_right { margin-left: 3px; margin-top: -2px; }

.mnodr_acdo_footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #f5f5f5; padding: 15px 0; }

.mnodr_acdo_footer + .mnodr_form_sec { margin-top: -15px; }

.mnodr_acdo_ftbtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; color: #222; }

.mnodr_acdo_grplabel { position: absolute; left: 0; top: 0; bottom: 0; width: 60px; }

.mnodr_footinfo_row { display: table; position: relative; table-layout: fixed; width: 100%; padding: 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; letter-spacing: -0.3px; line-height: 1.3; }

.mnodr_footinfo_row .mnodr_footinfo_tit { display: table-cell; color: #222; font-size: 15px; vertical-align: middle; }

.mnodr_footinfo_row .mnodr_footinfo_desc { display: table-cell; padding: 0 20px 0 15px; font-size: 12px; vertical-align: middle; }

.mnodr_footinfo_row .mnodr_arr { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mnodr_plccbn { display: block; width: 100%; height: 60px; background: url(../img/com_v2/plccbn_bg@2x.png) no-repeat; background-size: 100% 60px; padding: 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_plccbn .mnodr_plccbn_logo { display: block; width: 125px; height: 13px; margin: 0 auto; }

.mnodr_plccbn .mnodr_plccbn_logo img { width: 100%; height: 100%; }

.mnodr_plccbn .mnodr_plccbn_desc { font-size: 13px; color: #fff; letter-spacing: -0.3px; text-align: center; }

.mnodr_plccbn .mnodr_plccbn_logo + .codr_plccbn_desc { margin-top: 2px; }

.mnodr_total { border-top: 1px solid #f5f5f5; }

.mnodr_total .mnodr_form_tit { padding-bottom: 5px; }

.mnodr_total .mnodr_priceitem .ssg_price, .mnodr_total .mnodr_priceitem .ssg_tx { font-weight: bold; }

.mnodr_toolbar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 3000; }

.mnodr_toolbar .ic_toolbar_up { display: none; }

.mnodr_toolbar .ic_toolbar_down { display: block; }

.mnodr_toolbar .mnodr_toolbar_toggle { display: block; }

.mnodr_toolbar.on .ic_toolbar_up { display: block; }

.mnodr_toolbar.on .ic_toolbar_down { display: none; }

.mnodr_toolbar.on .mnodr_toolbar_toggle { display: none; }

.mnodr_toolbar .mnodr_btn_area #mnodr_btn_calc { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: 90px; flex-basis: 90px; }

.mnodr_toolbar .mnodr_btn_area #mnodr_btn_gift { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: 55px; flex-basis: 55px; }

.mnodr_toolbar .mnodr_btn_area #mnodr_btn_chat { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: 125px; flex-basis: 125px; }

.mnodr_toolbar .mnodr_btn_area .mnodr_btn_tx .ssg_price { font-size: 20px; font-weight: bold; }

.mnodr_toolbar_float { position: absolute; right: 0; bottom: 100%; z-index: 10; padding: 0 10px 10px 0; }

.mnodr_toolbar_floatlt { float: right; }

.mnodr_toolbar_fitem { display: none; }

.mnodr_toolbar_fitem.on { display: block; }

.mnodr_toolbar_fitem + .mnodr_toolbar_fitem { margin-top: 4px; }

.mnodr_toolbar_ctn { position: relative; border-top: 1px solid #222; }

.mnodr_toolbar_togglebtn { position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: -8px; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mnodr_toolbar_cont { display: block; background: #fff; padding: 10px 15px; }

.mnodr_toolbar_cont + .mnodr_toolbar_cont { margin-top: -10px; }

.mnodr_toolbar_cont .mnodr_thmbunits { margin-bottom: 5px; }

.mnodr_toolbar_state p { font-size: 13px; line-height: 16px; }

.mnodr_toolbar_state .mnodr_tx_total .ssg_price, .mnodr_toolbar_state .mnodr_tx_total .ssg_tx { font-weight: bold; }

.mnodr_toolbar_agree { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_toolbar_agreebtn { position: relative; }

.mnodr_toolbar_agreebtn:before { content: ""; position: absolute; width: 200%; height: 200%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.mnodr_nodata { padding: 0 50px; margin: 40px 0; text-align: center; }

.mnodr_control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; padding: 15px; font-size: 13px; color: #444; letter-spacing: -0.3px; }

.mnodr_control .sm { display: none; }

.mnodr_control .df { display: inline-block; }

@media all and (max-width: 360px) { .mnodr_control .sm { display: inline-block; }
    .mnodr_control .df { display: none; } }

.mnodr_control_wrap { margin-top: 25px; }

.mnodr_control_group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; }

.mnodr_control_delete { white-space: nowrap; }

.mnodr_control_tx { display: inline-block; line-height: 1.4; }

.mnodr_control_tx + .mnodr_control_tx { padding-left: 10px; margin-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.mnodr_control_tx + .mnodr_control_tx:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; height: 100%; background: #e5e5e5; }

.mnodr_selbox { position: relative; }

.mnodr_selbox.on .mnodr_selbox_selected:after { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); }

.mnodr_selbox.on .mnodr_selbox_list { display: block; }

.mnodr_selbox_selected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mnodr_selbox_selected:after { content: ""; display: inline-block; vertical-align: middle; border-top: 5px solid #6c7080; border-right: 4px solid transparent; border-bottom: 5px solid transparent; border-left: 4px solid transparent; margin: 3px 0 0 3px; }

.mnodr_selbox_list { display: none; position: absolute; -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3); margin-top: 10px; z-index: 999; background: #fff; border: 1px solid #222; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 165px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_selbox_item { padding: 10px 20px; font-size: 13px; color: #444; letter-spacing: -0.3px; }

.mnodr_selbox_item + .mnodr_selbox_item { border-top: 1px solid #eaeaea; }

.mnodr_selbox_item.on { background-color: #222; color: #fff; }

.mnodr_prdmove { padding: 30px 15px; }

.mnodr_prdmove + .mnodr_prdmove { margin-top: -20px; }

.mnodr_prdmove_cart { -webkit-transform: translate(-8px, 1px); transform: translate(-8px, 1px); margin-right: -10px; z-index: -1; }

.mnodr_prdmove_conts { margin-top: 10px; }

.mnodr_prdmove_conts .mnodr_thmblst { height: 70px; overflow: hidden; }

.mnodr_prdmove_conts .mnodr_btn_tx.summary { display: none; }

.mnodr_prdmove_conts.on .mnodr_thmblst { height: auto; }

.mnodr_prdmove_conts.on .mnodr_btn:after { -webkit-transform: rotate(225deg) translateY(-50%); transform: rotate(225deg) translateY(-50%); }

.mnodr_prdmove_conts.on .mnodr_btn_tx { margin-right: 3px; }

.mnodr_prdmove_conts.on .mnodr_btn_tx.full { display: none; }

.mnodr_prdmove_conts.on .mnodr_btn_tx.summary { display: block; }

.mnodr_prdmove_mvlst { margin-top: 10px; font-size: 13px; }

.mnodr_prdmove_mvitm .mnodr_tx_gray { font-size: 12px; color: #777; margin-top: 6px; }

.mnodr_prdmove_mvitm .mnodr_tx_gray:empty { margin: 0; }

.mnodr_prdmove_mvitm .mnodr_thmblst { height: 75px; overflow: hidden; }

.mnodr_prdmove_mvitm .mnodr_btn_tx.summary { display: none; }

.mnodr_prdmove_mvitm.on .mnodr_thmblst { height: auto; }

.mnodr_prdmove_mvitm.on .mnodr_btn:after { -webkit-transform: rotate(225deg) translateY(-50%); transform: rotate(225deg) translateY(-50%); }

.mnodr_prdmove_mvitm.on .mnodr_btn_tx { margin-right: 3px; }

.mnodr_prdmove_mvitm.on .mnodr_btn_tx.full { display: none; }

.mnodr_prdmove_mvitm.on .mnodr_btn_tx.summary { display: block; }

.mnodr_prdmove_itm { padding: 5px 0 0 5px; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_prdmove_tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; color: #222; font-weight: normal; }

.mnodr_prdmove_tit .ic_bag { margin-right: 3px; }

.mnodr_thmblst { margin: -5px 0 0 -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mnodr_thmblst_itm { padding: 5px 0 0 5px; display: block; width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_form_sec { padding: 15px 15px 30px; }

.mnodr_form_sec + .mnodr_form_sec { border-top: 1px solid #f5f5f5; }

.mnodr_form_sec.ty2 { padding: 20px 15px; border: 0; }

.mnodr_form_sec.ty3 { margin: 20px 0; padding: 0 15px; border: 0; }

.mnodr_form_sec.ty4 { padding: 20px 15px; border-top: 1px solid #f5f5f5; }

.mnodr_form_sec.ty4 .mnodr_for_tit strong { display: inline; }

.mnodr_form_sec .cpay_card_slider { margin: 10px -15px 0; }

.mnodr_form_sec > .mnodr_priceitem:first-child { margin-top: 10px; }

.mnodr_form_dl { display: table; width: 100%; margin-top: 14px; table-layout: fixed; }

.mnodr_form_dl:first-child { margin-top: 0; }

.mnodr_form_dl dt { display: table-cell; padding-right: 5px; color: #222; font-size: 13px; vertical-align: top; line-height: 20px; }

.mnodr_form_dl dd { display: table-cell; color: #666; font-size: 13px; text-align: right; vertical-align: top; white-space: nowrap; font-size: 0; }

.mnodr_form_dl + .mnodr_tx_desc2 { margin-top: 5px; }

.mnodr_form_tit { margin-top: 20px; color: #222; font-size: 15px; font-weight: normal; }

.mnodr_form_tit:first-child { margin-top: 0; }

.mnodr_form_tit.ty_inblock { display: inline-block; }

.mnodr_form_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_form_cont { margin-top: 10px; }

.cpay_card_slider + .mnodr_form_cont, .cpay_card_slider + .mnodr_form_cont[style*="display:none"] + .mnodr_form_cont, .cpay_card_slider + .mnodr_form_cont[style*="display: none"] + .mnodr_form_cont { margin-top: 20px; }

.mnodr_form_lst > li { margin-top: 10px; }

.mnodr_form_lst .mnodr_rdo { display: block; }

.mnodr_form_lst .mnodr_rdo input + label + .mnodr_inp_txt { display: none; }

.mnodr_form_lst .mnodr_rdo input:checked + label + .mnodr_inp_txt { display: block; }

.mnodr_priceitem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; letter-spacing: -0.3px; }

.mnodr_priceitem.ty_narrow { margin-top: 5px; }

.mnodr_priceitem.ty_narrow:first-of-type { margin-top: 10px; }

.mnodr_priceitem.ty_narrow2 { margin-top: 20px; }

.mnodr_priceitem.ty_total { margin-top: 20px; padding-top: 15px; border-top: 1px solid #f5f5f5; }

.mnodr_priceitem.ty_total dd { font-size: 18px; }

.mnodr_priceitem > dt { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; }

.mnodr_priceitem > dd:not(:last-child) { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; -ms-flex-negative: 2; flex-shrink: 2; -ms-flex-preferred-size: 0; flex-basis: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }

.mnodr_priceitem > dd:last-child { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -ms-flex-preferred-size: 120px; flex-basis: 120px; text-align: right; }

.mnodr_priceitem .ssg_price { font-size: 15px; }

.mnodr_priceitem .ssg_tx { font-size: 13px; }

.mnodr_priceitem_tit { color: #222; font-size: 15px; }

.mnodr_priceitem_stit { margin-bottom: -5px; color: #222; font-size: 13px; }

.mnodr_priceitem_total .ssg_price { font-size: 18px; }

h4.mnodr_priceitem_stit { margin-top: 20px; padding-right: 50px; font-weight: normal; white-space: nowrap; }

.mnodr_priceitem + h4.mnodr_priceitem_stit { margin-top: 10px; }

h4.mnodr_priceitem_stit .mnodr_ellipsis { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: top; }

h4.mnodr_priceitem_stit .mnodr_ellipsis_etc { position: relative; display: inline-block; width: 1px; margin-left: -1px; vertical-align: top; }

h4.mnodr_priceitem_stit .mnodr_ellipsis_etc > span { position: absolute; top: 0; left: 0; width: 50px; }

.mnodr_sticky { position: -webkit-sticky; position: sticky; top: 0; background: #fff; z-index: 2222; }

.mnodr_acdo .mnodr_sticky { top: 50px; z-index: 2221; }

.mnodr_bullst { margin-top: 10px; }

.mnodr_bullst > li { position: relative; padding-left: 6px; letter-spacing: -0.3px; }

.mnodr_bullst > li:before { content: ""; position: absolute; top: 6px; left: 0; width: 2px; height: 2px; border-radius: 50%; }

.mnodr_bullst > li + li { margin-top: 5px; }

.mnodr_bullst.ty1 > li { color: #888; font-size: 12px; line-height: 15px; }

.mnodr_bullst.ty1 > li:before { background: #888; }

.mnodr_bullst.ty2 > li { color: #222; font-size: 13px; line-height: 16px; }

.mnodr_bullst.ty2 > li:before { background: #222; }

.mnodr_bullst.ty3 > li { color: #222; font-size: 12px; line-height: 15px; }

.mnodr_bullst.ty3 > li:before { background: #222; }

.mnodr_modal { background-color: rgba(0, 0, 0, 0.7); overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3100; font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; color: #000; letter-spacing: -0.3px; display: none; }

.mnodr_modal.show { display: block; }

.mnodr_modal_cont { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; height: calc(100% - 106px); }

.mnodr_modal_scroll { position: relative; padding-bottom: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_modal_scroll.ty2 { padding-bottom: 0; height: 100%; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-y: auto; }

.mnodr_modal_iframe { width: 100%; height: 100%; vertical-align: top; }

.mnodr_modal_foot .mnodr_btn_area #mnodr_btn_refresh { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: 60px; flex-basis: 60px; }

.mnodr_modal_foot .mnodr_btn_area .mnodr_btn_tx .ssg_price { font-size: 20px; font-weight: bold; }

.mnodr_modal.ty_full .mnodr_modal_wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 28px; border-radius: 10px 10px 0 0; background: #fff; }

.mnodr_modal.ty_full .mnodr_modal_head { height: 56px; border-bottom: 1px solid #d1d1d1; line-height: 56px; text-align: center; }

.mnodr_modal.ty_full .mnodr_modal_head .mnodr_modal_tit { font-size: 16px; }

.mnodr_modal.ty_full .mnodr_modal_close { position: absolute; top: 18px; right: 15px; width: 20px; height: 20px; }

.mnodr_modal.ty_alert .mnodr_modal_tit { font-size: 18px; }

.mnodr_modal.ty_alert .mnodr_tx_tit { margin-bottom: 10px; }

.mnodr_modal.ty_alert .mnodr_modal_wrap { position: absolute; background: #fff; }

.mnodr_modal.ty_alert .mnodr_modal_cont { padding: 24px; color: #222; letter-spacing: -0.3px; }

.mnodr_modal.ty_alert .mnodr_modal_cont.ty_nopd { padding: 0; }

.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_priceitem.ty_total { margin-top: 10px; padding-top: 10px; }

.mnodr_modal.ty_alert h1.mnodr_tx_tit { margin-bottom: 20px; }

.mnodr_modal.ty_alert .mnodr_unit { padding: 20px 0 5px; }

.mnodr_modal.ty_alert .mnodr_unit .mnodr_unit_item { padding: 0; }

.mnodr_modal.ty_alert .swiper-container { background: #fff; }

.mnodr_modal.ty_auth .mnodr_profile { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.mnodr_modal.ty_auth .mnodr_shareauth { padding-top: 45px; padding-bottom: 0; }

.mnodr_modal.ty_auth .mnodr_shareauth_tit { font-size: 20px; font-weight: bold; color: #222; }

.mnodr_modal.ty_auth .mnodr_shareauth_sec { margin-top: 15px; padding: 0; text-align: left; }

.mnodr_modal.ty_auth .mnodr_shareauth_input { margin-bottom: 5px; }

.mnodr_modal.ty_auth .mnodr_shareauth_input + .mnodr_tx_point { display: none; }

.mnodr_modal.ty_auth .mnodr_shareauth_input.ty_error:before { border-color: #ff5b59; }

.mnodr_modal.ty_auth .mnodr_shareauth_input.ty_error + .mnodr_tx_point { display: block; }

.mnodr_modal.ty_auth .mnodr_sec.ty_privacy { padding: 0; margin-bottom: 0; }

.mnodr_modal.ty_auth .mnodr_sec.ty_privacy .mnodr_sec_control { margin-left: 20px; }

.mnodr_moredisc { padding: 0 15px 20px; text-align: center; color: #222; letter-spacing: -0.3px; }

.mnodr_moredisc_tit { display: inline-block; position: relative; padding: 30px 20px 15px; border-radius: 0 0 15px 15px; font-size: 18px; line-height: 1.3; }

.mnodr_moredisc_tit h2 { font-size: inherit; }

.mnodr_moredisc_tit.ty_together { background: #ffd040; }

.mnodr_moredisc_tit.ty_better { background: #1cc9c5; }

.mnodr_moredisc_tit.ty_onefree { background: #1a498b; color: #fff; }

.mnodr_moredisc_tit.ty_together::after, .mnodr_moredisc_tit.ty_better::after { position: absolute; bottom: 15px; left: 14px; width: 2px; height: 2px; background: #222; border-radius: 2px; content: ""; }

.mnodr_moredisc_tit.ty_together::before, .mnodr_moredisc_tit.ty_better::before { position: absolute; bottom: -7px; left: 6px; width: 1px; height: 22px; background: #222; -webkit-transform: perspective(1px) rotate(37deg); transform: perspective(1px) rotate(37deg); content: ""; }

.mnodr_moredisc_txt { margin-top: 10px; font-size: 13px; line-height: 1.38; }

.mnodr_notapply { margin-top: 10px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }

.mnodr_notapply_item { display: table; width: 100%; padding: 15px 0; line-height: normal; }

.mnodr_notapply_item + .mnodr_notapply_item { border-top: 1px solid #f5f5f5; }

.mnodr_notapply_item dt { display: table-cell; vertical-align: top; width: 100px; }

.mnodr_notapply_item dd { display: table-cell; vertical-align: top; }

.mnodr_notapply_item dd li { margin-top: 4px; }

.mnodr_notapply_item dd li:first-child { margin-top: 0; }

.mnodr_modal_disccard { padding: 25px 0; }

.mnodr_modal_disccard + .mnodr_modal_disccard { padding-top: 40px; border-top: 1px solid #f5f5f5; }

.mnodr_modal_disccard .mnodr_disccard_titbx { padding: 0 15px; }

.mnodr_modal_disccard .mnodr_disccard_titbx .mnodr_disccard_tit { font-weight: normal; font-size: 18px; line-height: normal; color: #222; }

.mnodr_modal_disccard .mnodr_disccard_titbx .mnodr_disccard_desc { padding: 5px 0; font-size: 13px; line-height: 1.38; color: #777; }

.mnodr_modal_disccard .mnodr_disccard_sec { position: relative; padding: 15px 15px; font-size: 0; }

.mnodr_modal_disccard .mnodr_disccard_sec:last-of-type { padding-top: 30px; }

.mnodr_modal_disccard .mnodr_disccard_sec:last-of-type .mnodr_card_imgbx { top: 30px; }

.mnodr_modal_disccard .mnodr_card_imgbx { display: inline-block; position: absolute; top: 15px; left: 15px; width: 125px; height: 74px; margin-right: 15px; border-radius: 7px; -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); background-color: #363635; vertical-align: top; }

.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_bi { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; }

.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_bi img { width: 100%; vertical-align: top; }

.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc { position: absolute; top: 7px; left: 15px; line-height: 1; color: #fff; }

.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc span { display: inline-block; }

.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc .mnodr_card_per { font-size: 12px; }

.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc .mnodr_card_per .mnodr_card_num { padding-right: 2px; font-size: 28px; letter-spacing: -0.5px; }

.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc .mnodr_card_name { display: -webkit-box; overflow: hidden; margin-top: 15px; font-size: 13px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.mnodr_modal_disccard .mnodr_card_list { display: inline-block; padding: 10px 0 10px 140px; font-size: 13px; line-height: 1.3; color: #222; vertical-align: top; }

.mnodr_modal_disccard .mnodr_card_list li { position: relative; margin-top: 4px; padding-left: 7px; }

.mnodr_modal_disccard .mnodr_card_list li:first-child { margin-top: 0; }

.mnodr_modal_disccard .mnodr_card_list li::after { position: absolute; top: 8px; left: 0; width: 2px; height: 2px; background: #222; content: ""; }

.mnodr_modal_disccard .mnodr_disccard_unit { padding: 20px 15px; background: #f5f5f5; }

.mnodr_modal_disccard .mnodr_disccard_unit .mnodr_unit_txt { padding: 0 15px 10px; font-weight: bold; font-size: 12px; line-height: normal; color: #777; letter-spacing: -0.3px; }

.mnodr_modal_changeitem { position: relative; margin-top: 20px; color: #222; }

.mnodr_modal_changeitem .mnodr_changeitem_sec { padding-bottom: 40px; }

.mnodr_modal_changeitem .mnodr_changeitem_titbx { padding: 0 15px; }

.mnodr_modal_changeitem .mnodr_changeitem_titbx .mnodr_changeitem_tit { display: block; padding-bottom: 6px; border-bottom: 1px solid #222; font-size: 15px; }

.mnodr_modal_changeitem .mnodr_changeitem_stit { display: block; padding-bottom: 6px; font-weight: normal; font-size: 13px; }

.mnodr_modal_changeitem .mnodr_changeoption { display: table; table-layout: fixed; width: 100%; padding: 20px 0 0; }

.mnodr_modal_changeitem .mnodr_changeoption.ty_plusitem { padding-bottom: 20px; border-top: 1px solid #f5f5f5; }

.mnodr_modal_changeitem .mnodr_changeoption.ty_plusitem:first-child { border-top: 0; }

.mnodr_modal_changeitem .mnodr_changeoption .mnodr_changeoption_titbx { display: table-cell; width: 95px; font-size: 13px; vertical-align: top; }

.mnodr_modal_changeitem .mnodr_changeoption .mnodr_changeoption_del { display: block; color: #777; text-decoration: underline; }

.mnodr_modal_changeitem .mnodr_changeoption .mnodr_changeoption_selbx { display: table-cell; }

.mnodr_sharetuto { word-break: keep-all; }

.mnodr_sharetuto .mnodr_sharetuto_bn { display: block; width: 100%; }

.mnodr_sharetuto .mnodr_sharetuto_conts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 20px 50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.mnodr_sharetuto .mnodr_sharetuto_tit { margin-bottom: 8px; font-size: 20px; font-weight: bold; color: #222; }

.mnodr_sharetuto .mnodr_sharetuto_tx { font-size: 13px; color: #666; }

.swiper-pagination-bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; }

.swiper-pagination-bullet { display: block; background-color: #e1e1e1; width: 6px; height: 6px; border-radius: 50%; }

.swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 4px; }

.swiper-pagination-bullet-active { background-color: #ff5b59; }

.mnodr_input { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 11px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; position: relative; height: 50px; }

.mnodr_input.on .mnodr_input_inp { font-weight: bold; color: #222; }

.mnodr_input.on .mnodr_input_delete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_input.on:before { border: 1px solid #222; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); }

.mnodr_input:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e0e0e0; }

.mnodr_input_inp { border: none; color: #888; display: block; width: 100%; }

.mnodr_input_count { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; margin-right: 5px; }

.mnodr_input_delete { display: none; margin-left: 5px; }

.mnodr_input_divider { margin: 0 2px; }

.mnodr_profiles { position: relative; }

.mnodr_profiles:after { content: ""; position: absolute; display: block; right: -15px; top: 0; bottom: 0; width: 72px; background-image: -webkit-gradient(linear, left top, right top, color-stop(-2%, rgba(238, 238, 238, 0)), color-stop(91%, #ffffff)); background-image: linear-gradient(to right, rgba(238, 238, 238, 0) -2%, #ffffff 91%); }

.mnodr_profiles.ty_col4 .mnodr_profiles_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible; margin-left: -20px; padding: 40px 0; }

.mnodr_profiles.ty_col4 .mnodr_profiles_item { padding-left: 20px; }

.mnodr_profiles.ty_col4 .mnodr_profiles_item + .mnodr_profiles_item { margin-left: 0; }

.mnodr_profiles.ty_col4 .mnodr_profile_edit { width: 24px; height: 24px; }

.mnodr_profiles.ty_col4 .mnodr_profile_edit .mnodr_btn.ty_circle { width: 100%; height: 100%; }

.mnodr_profiles.ty_col4:after { display: none; }

.mnodr_profiles_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: scroll; position: relative; }

.mnodr_profiles_item + .mnodr_profiles_item { margin-left: -5px; }

.mnodr_pencilbtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background: #fff; -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); width: 36px; height: 36px; line-height: 36px; font-size: 13px; position: relative; }

.mnodr_pencilbtn.ty_sm { width: 24px; height: 24px; padding: 0; }

.mnodr_pencilbtn:before { position: absolute; display: block; width: 150%; height: 150%; content: ""; }

.mnodr_pencilbtn:focus { outline: 0; }

.mnodr_homebtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 94px; height: 36px; border: solid 1px #d8d8d8; background-color: #ffffff; color: #888; }

.mnodr_tooltip { display: none; position: absolute; }

.mnodr_tooltip.on { display: block; }

.mnodr_tooltip_cont { background: #fff; z-index: 9999; }

.dimmedArea { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; background: #000; z-index: 9999; }

.mnodr_ctsharetooltip { position: relative; position: absolute; top: 45px; left: 100%; right: 0; bottom: 0; z-index: 9999; width: 100vw; height: 100vh; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.mnodr_ctsharetooltip.on .dimmedArea { position: absolute; top: 0; }

.mnodr_ctsharetooltip_cont { position: absolute; right: 0; left: 0; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 35px; z-index: 9999; background: #fff; }

.mnodr_ctsharetooltip_cont .mnodr_thmbtab_lst { margin-top: -15px; margin-bottom: 15px; }

.mnodr_cartshareinfo { margin: 20px 15px; margin-bottom: 40px; padding: 30px 20px; border-radius: 6px; -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1); position: relative; background: #fff; }

.mnodr_cartshareinfo:before { content: ""; background: #6979f8; position: absolute; top: -20px; left: -15px; right: -15px; height: 80px; z-index: -1; }

.mnodr_cartshareinfo .mnodr_profiles { margin-top: 10px; }

.mnodr_cartshareinfo.ty_sm { padding: 20px; }

.mnodr_cartshareinfo_tit { font-size: 18px; color: #222; }

.mnodr_cartshareinfo_addr { display: block; padding-top: 15px; margin-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.mnodr_cartshareinfo_footer { margin-top: 15px; }

.mnodr_cartshareinfo.ty_edit .mnodr_cartshareinfo_header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_cartshareinfo.ty_edit .mnodr_cartshareinfo_tit { font-size: 24px; }

.mnodr_cartshareinfo.ty_edit .mnodr_pencilbtn { margin-left: 5px; -webkit-box-shadow: none; box-shadow: none; }

.mnodr_cartshareinfo.ty_edit .mnodr_cartshareinfo_addr { margin-top: 10px; padding: 0; border-top: none; }

.mnodr_cartshareinfo.ty_edit .mnodr_tx_btn { display: block; margin-left: auto; }

.mnodr_invite { margin: 60px 0; }

.mnodr_invite .mnodr_bullst.ty1 { margin-top: 20px; }

.mnodr_invite_wrap { padding: 0 40px; }

.mnodr_invite_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_invite_item + .mnodr_invite_item { margin-left: 30px; }

.mnodr_invite_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_invite_btntx { display: block; margin-top: 10px; font-size: 13px; color: #444; }

.mnodr_shareauth { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 30px 0; }

.mnodr_shareauth .mnodr_profile { margin: 0; margin-bottom: 10px; }

.mnodr_shareauth_sec { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-top: 40px; }

.mnodr_shareauth_desc { font-size: 13px; color: #222; text-align: left; }

.mnodr_shareauth_input { margin-top: 10px; }

.mnodr_cartsharelogin { padding: 30px 0 100px; }

.mnodr_cartsharelogin .mnodr_rdotablist { margin-top: 40px; }

.mnodr_cartsharelogin .mnodr_cartsharelogin_newbtn { border: 1px solid #e0e0e0; background-color: #f5f5f5; }

.mnodr_cartsharelogin .mnodr_cartsharelogin_newtx { margin: 20px 0 6px; }

.mnodr_cartsharelogin .mnodr_cartsharelogin_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mnodr_cartsharelogin .mnodr_bullst { margin-top: 0; }

.mnodr_cartsharelogin .quicklink { margin-top: 40px; }

.mnodr_makeprofile .mnodr_makeprofile_inpgroup { margin: 40px 0; }

.mnodr_makeprofile .mnodr_makeprofile_inpgroup .mnodr_input { margin: 10px 0 5px; }

.mnodr_makeprofile .mnodr_makeprofile_inpgroup.ty_error label:before { border-color: #ff5b59; }

.mnodr_editname { -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_editname .mnodr_input { margin-top: 20px; }

.mnodr_editname_tit { font-size: 18px; color: #222; }

.mnodr_sharemanage { padding-bottom: 60px; }

.mnodr_sharemanage .mnodr_profiles.ty_col4 .mnodr_profiles_list { padding-top: 0; }

.mnodr_sharemanage_tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 20px 15px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_sharemanage_tab .mnodr_ic.ic_arr.ty_arr_right { margin-top: 0; }

.mnodr_sharemanage_tab.ty_vfirst { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.mnodr_sharemanage_tabitem + .mnodr_sharemanage_tabitem { margin-top: -1px; }

.mnodr_sharemanage_tabitem.ty_right { margin-right: 15px; margin-top: 20px; text-align: right; }

.mnodr_sharemanage_tabitem.ty_right .ic_exit { margin-right: 3px; }

.mnodr_sharemanage_cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.mnodr_sharemanage_cell + .mnodr_sharemanage_cell { margin-left: 30px; }

.mnodr_sharemanage_cell .mnodr_tx_desc2 { margin-top: 5px; }

.mnodr_dt { font-size: 15px; color: #222; font-weight: bold; }

.mnodr_dd { font-size: 15px; color: #222; }

.mnodr_pricelist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #222; margin-top: 20px; }

.mnodr_pricelist_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mnodr_pricelist_item + .mnodr_pricelist_item { margin-top: 10px; }

.mnodr_pricelist_item.ty_total { margin-top: 20px; padding-top: 20px; border-top: 1px solid #f5f5f5; }

.mnodr_pricelist_item.ty_total .mnodr_pricelist_desc { font-size: 18px; font-weight: medium; }

.mnodr_pricelist_title { font-size: 13px; }

.mnodr_pricelist_desc { font-size: 15px; }

.mnodr_modal_privateagree .mnodr_dl, .mnodr_modal_privateagree .mnodr_dt { margin-top: 20px; }

.mnodr_modal_privateagree .mnodr_dd { margin-top: 5px; }

.mnodr_modal_privateagree .mnodr_bullst { margin-top: 20px; }

.mnodr_changeaddr .mnodr_rdotab_ctn { padding: 20px 15px; }

.mnodr_changeaddr .mnodr_rdotab.ty_full:last-child label:before { border-bottom: none; }

.mnodr_install_head { padding: 10px 15px; border-bottom: 1px solid #f5f5f5; }

.mnodr_install_tit { color: #222; font-size: 19px; font-weight: normal; font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; }

.mnodr_gift_msg { display: table; width: 100%; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 10px 0; border: 1px solid #f1f1f1; background: #f9f9f9; }

.mnodr_gift_msg:first-child { margin-top: 0; }

.mnodr_gift_msg:last-child { margin-bottom: 0; }

.mnodr_gift_msg:only-child { margin: 0; }

.mnodr_gift_msgthmb { display: table-cell; width: 94px; padding: 10px 0 10px 10px; vertical-align: top; }

.mnodr_gift_msgthmb img { width: 100%; }

.mnodr_gift_msgtx { display: table-cell; padding: 10px; border: 0 none; color: #bbb; font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; font-size: 14px; line-height: 18px; vertical-align: top; word-break: break-all; }

.mnodr_giftcard { padding: 20px; background: #f5f5f5; font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; }

.mnodr_giftcard .mnodr_bullst { margin-top: 15px; }

.mnodr_giftcard_msg { max-width: 750px; margin: 0 auto 5px; border-radius: 15px; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); }

.mnodr_giftcard_img { position: relative; padding-bottom: 52.24%; text-align: center; border-radius: 15px 15px 0 0; background-size: cover; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; }

.mnodr_giftcard_img + .mnodr_giftcard_cont { border-radius: 0 0 15px 15px; }

.mnodr_giftcard_cont { padding: 20px; border-radius: 15px; background: #fff; }

.mnodr_giftcard_tx { height: 120px; background: url("../img/giftsvc/bg_letter.gif") repeat; background-size: auto 30px; font-size: 22px; letter-spacing: -0.7px; color: #222; text-align: center; line-height: 30px; }

.mnodr_giftcard_tx textarea { display: block; width: 100%; height: 100%; border: 0; background: none; color: #222; font-weight: bold; font-size: 22px; font-family: "Roboto-Regular", "AppleSDGothicNeo-Regular", sans-serif; letter-spacing: -0.7px; text-align: center; line-height: 30px; resize: none; outline: none; }

.mnodr_giftcard_date { margin-top: 9px; font-size: 13px; color: #777; letter-spacing: -0.4px; text-align: right; line-height: 1; }

.mnodr_giftcard_from { margin-top: 6px; font-size: 14px; color: #222; letter-spacing: -0.4px; text-align: right; line-height: 1; }

.mnodr_bubble_bx { position: relative; margin-top: 30px; padding: 15px; background: #f5f5f5; }

.mnodr_bubble_bx:before { content: ""; position: absolute; top: 100%; left: 30px; margin-top: -1px; border: 8px solid transparent; border-top: 10px solid #f5f5f5; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.mnodr_bubble_bx.ty_morning { background: #8097af; }

.mnodr_bubble_bx.ty_morning:before { border-top-color: #8097af; }

.mnodr_bn a { display: block; }

.mnodr_bn img { display: block; width: 100%; }

.mnodr_dl_desc { display: table; width: 100%; table-layout: fixed; margin-top: 3px; }

.mnodr_dl_desc > dt { display: table-cell; width: 100px; }

.mnodr_dl_desc > dd { display: table-cell; }

.mnodr_appbar { z-index: 100; }

.mnodr_appbar .mnodr_ic { margin: 0 auto; -webkit-transform: translateY(9px); transform: translateY(9px); }

.mnodr_appbar input + label .ic_appbar_down { display: none; }

.mnodr_appbar input + label .ic_appbar_up { display: block; }

.mnodr_appbar input + label .mnodr_appbar_wrap { display: block; }

.mnodr_appbar input:checked + label .ic_appbar_down { display: block; }

.mnodr_appbar input:checked + label .ic_appbar_up { display: none; }

.mnodr_appbar input:checked + label .mnodr_appbar_wrap { display: none; }

.mnodr_appbar_toggle { display: block; }

.mnodr_appbar_wrap { padding: 15px; background: #fff; border-top: 1px solid #222; }

.mnodr_appbar { z-index: 100; background: #fff; }

.mnodr_appbar input + label .ic_appbar_up { display: none; }

.mnodr_appbar input + label .ic_appbar_down { display: block; }

.mnodr_appbar input:checked + label .ic_appbar_down { display: none; }

.mnodr_appbar input:checked + label .ic_appbar_up { display: block; }

.mnodr_appbar_wrap { padding: 15px; }

.mnodr_bridge_thmb { padding-top: 30px; background-color: #323743; text-align: center; }

.mnodr_bridge_img { display: inline-block; width: 220px; margin-left: 10px; vertical-align: top; }

.mnodr_bridge_img img { display: block; width: 100%; }

.mnodr_bridge_bx { padding: 50px; text-align: center; }

.mnodr_authnumber { padding: 40px; border-top: 1px solid #f5f5f5; }

.mnodr_authnumber .mnodr_tx_tit { font-weight: normal; text-align: center; }

.mnodr_authnumber .mnodr_bullst.ty1 { margin-top: 20px; }

.mnodr_authnumber .mnodr_copybtn { display: block; margin: 10px auto 0; }

.mnodr_authnumber.ty_space_sm { padding: 0; margin: 20px auto; }

.mnodr_sharemanage_tab + .mnodr_authnumber { margin-top: -21px; border-top: 0; background: #fff; }

.mnodr_authnumber_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; }

.mnodr_authnumber_item { display: block; width: 55px; height: 55px; line-height: 53px; }

.mnodr_authnumber_item + .mnodr_authnumber_item { margin-left: 8px; }

.mnodr_authnumber_code { display: block; width: 100%; height: 100%; border-radius: 5px; background-color: #f2f3f5; font-size: 30px; color: #6c7080; text-align: center; }

.mnodr_copybtn { padding: 10px; border: 1px solid #d8d8d8; background: #fff; color: #222; font-size: 13px; line-height: 1.3; }

.mnodr_auth_makecode { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 20px; background: #f5f5f5; border-radius: 4px; }

.mnodr_bg.ty_gray { background-color: #f5f5f5; }

.mnodr_bg.ty_pd { padding: 10px 15px; }

.mnodr_bg.ty_opcline { border: 1px solid transparent; margin: -1px; }

.mnodr_giftbox { display: none; position: relative; text-align: left; }

.mnodr_giftbox .mnodr_btn_area { position: relative; }

.mnodr_giftbox .mnodr_btn_area .ic_giftbox { position: absolute; top: 0; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.mnodr_giftbox .mnodr_btn_area .mnodr_tx_desc { font-size: 14px; }

.mnodr_giftbox.on { display: block; }

.mnodr_giftbox.on .mnodr_tooltip_cont { position: absolute; right: calc(50% - 30px); bottom: 75px; width: 300px; padding: 24px 20px; color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mnodr_giftbox_wrap:before { content: ""; display: inline-block; border-top: 10px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; right: 20px; bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }

.mnodr_giftbox_header .mnodr_tx_desc { margin-top: 10px; }

.mnodr_giftbox_header .mnodr_tx_tit2 { letter-spacing: -0.67px; }

.mnodr_giftbox_cont .mnodr_btn_area { margin-top: 8px; }

.mnodr_giftbox_footer .mnodr_tx_desc { margin-top: 14px; }

.mnodr_giftbox_footer .mnodr_btn_area { margin-top: 8px; }

.mnodr_giftbox_footer .mnodr_btn.ty_light + .mnodr_btn.ty_light { margin-left: 8px; }

.mnodr_makeprofile .mnodr_sec.ty_privacy:before { display: none; }

.mnodr_gift_pkg_sec { padding: 10px; background: #f5f5f5; margin: 0 15px 20px; }

.mnodr_gift_pkg_sec .mnodr_tx_link { float: right; text-decoration: underline; }

.mnodr_gift_pkg_sec .mnodr_form_cont { display: none; }

.mnodr_gift_pkg_sec.on .mnodr_form_cont { display: block; }

.codr_unit_unable { font-size: 12px; color: #888; padding-left: 2px; margin-top: 8px; }

.codr_tbl_privacy + .codr_contxt { margin-top: 10px; font-size: 12px; color: #888; }

/*# sourceMappingURL=mnodr.css.map */