@charset "UTF-8";

/* [2026 마이샵파트너 가맹점홈페이지 통합 신규 적용 공통 스타일]
- 2026 공통스타일
- Asis 기준 변경 및 추가된 스타일
- 신규 메뉴 1Depth 기준 커스텀 스타일
- Font : OneShinhanDigital
*/

/* ================================= ### 공통 영역 ### ================================= */
/*
oneshinhan digital
../fonts/
*/
@font-face {
font-family: 'OneShinhanDigital';
font-style: normal;
font-weight: 300;
src: local('One Shinhan Digital Light'),
url('../fonts/OneShinhanLight.woff2') format('woff2'),
url('../fonts/OneShinhanLight.woff') format('woff'),
url('../fonts/OneShinhanLight.otf') format('opentype'),
url('../fonts/OneShinhanDigital-Light.ttf') format('truetype');
}
@font-face {
font-family: 'OneShinhanDigital';
font-style: normal;
font-weight: 400;
src: local('One Shinhan Digital Medium'),
url('../fonts/OneShinhanMedium.woff2') format('woff2'),
url('../fonts/OneShinhanMedium.woff') format('woff'),
url('../fonts/OneShinhanMedium.otf') format('opentype'),
url('../fonts/OneShinhanDigital-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'OneShinhanDigital';
font-style: normal;
font-weight: 700;
src: local('One Shinhan Digital Bold'),
url('../fonts/OneShinhanBold.woff2') format('woff2'),
url('../fonts/OneShinhanBold.woff') format('woff'),
url('../fonts/OneShinhanBold.otf') format('opentype'),
url('../fonts/OneShinhanDigital-Bold.ttf') format('truetype');
}
/* 간편로그인용 폰트 */
@font-face{
font-family: 'password';
src: url('../fonts/Password.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
html, body, pre, button, select, textarea, input[type="button"], input[type="submit"], input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="file"], input[type="password"] {
font-family: 'OneShinhanDigital', 'sans-serif' !important;
}


/* ================================= ### 변경 및 추가 영역 ### =================================
- case가 추가되는 경우 .-xxx로 추가
- 상단에 컴포넌트명 설명 필수
*/

/** Layout **/
.mpmh-renewal{position:relative;padding-bottom: 40px !important;}
.mpmh-renewal .contents:not(.info){padding: 0 24px;}
.wrap > * > .inner, .wrap > .container .contents > .inner {max-width: 1080px;}
.mpmh-renewal form{flex:1;}
.mpmh-renewal form ~ .btn-group{width: 100%;margin: 40px auto 0;}

@media screen and (min-width: 769px) {
/*
[PC화면별 width 분기케이스]
- 로그인,예외 : 504px => .wrap + .login
- 컨텐츠, 정보성 페이지 : 680px => .inner.content + .info
- 폼, 게시판, 기본 : 1080px
- 메인 =>  .wrap.main
*/
.mpmh-renewal .cont-tit{padding: 48px 0 40px;}
}

/** Section **/
/* section간의 상하 간격은 범용 클래스 사용함 : mt, pt */
.mt-64{margin-top: 64px !important;}
.mb-32{margin-bottom: 32px !important;}

.section{padding: 0;}
.section:first-child{margin-top:0;padding-top:0;}
.section.-bg-gray{background-color: #f4f7fa;}
.mpmh-renewal .section-header{margin:0;padding:0;}
.mpmh-renewal .section-header .desc{font-size: 14px;font-weight: 300;line-height:20px;}
.mpmh-renewal .section-header h2{margin-bottom:8px;font-size:16px;font-weight:500;}
.mpmh-renewal .section-header p{font-size:14px;color:#666;font-weight:300;line-height:20px;word-break:break-all;}
.mpmh-renewal .section-header p>span{display:block;margin-top:8px;font-size:12px;}
.mpmh-renewal .section-header + .section{margin-top: 20px;}
.sect-caption{margin-top: 8px;font-size: 11px;color: #76798E;}


@media screen and (min-width: 769px) {
.mpmh-renewal .section-header h2{font-size:18px;line-height:26px;}
.mpmh-renewal .section-header .desc,.mpmh-renewal .section-header p{font-size:16px;line-height:22px;}
.mpmh-renewal .section-header p>span{font-size:14px;}
.mpmh-renewal .section-header + .section{margin-top: 32px;}
.sect-caption{margin-top:16px;font-size: 18px;}

}

/** Form **/
/* input */
.input-wrap .input-box{border-bottom: 2px solid #DDD;}
.input-wrap .input-box.focus, .input-wrap .input-box:focus-within{border-bottom: 2px solid #476eff;}
.input-wrap.calendar .input-box:focus-within{border-bottom:none;}
.mpmh-renewal form label{margin-bottom:4px;font-size:14px;font-weight: 500;line-height: 20px;color: #888;}
.mpmh-renewal .input-wrap:not(:first-of-type){margin-top: 32px;}
.mpmh-renewal .input-wrap + .input-wrap{margin-top: 32px;}
.mpmh-renewal .input-wrap .input-box input {padding:5px 30px 8px 0;font-family:'OneShinhanDigital', 'sans-serif';height:40px;font-size: 16px !important;letter-spacing: 0 !important;line-height:22px;}
.mpmh-renewal .input-wrap.input-search {position: relative;}
.mpmh-renewal .input-wrap .txt-guide{font-weight: 500;}
.mpmh-renewal .checkbox-wrap input + label{margin-bottom:0;}
.mpmh-renewal .checkbox-wrap input + label span{font-weight: 300;}
.mpmh-renewal .input-wrap .input-box input:read-only.ta-r{padding:5px 0 7px 30px;color:#000;-webkit-text-fill-color: #000;}
.mpmh-renewal .input-wrap.input-flex .btn-certify{margin-bottom:2px;}
/* box type */
.mpmh-renewal .radio-wrap.type3 input + label:before,
.mpmh-renewal .checkbox-wrap.type3 input + label:before{height: 36px;background:#eff0f5;border-radius: 2px;}

/* select */
.mpmh-renewal .select-wrap .select{font-size: 16px;border-bottom: 2px solid #ddd;}
.mpmh-renewal .select-wrap .select.selected{color:#000;}
.mpmh-renewal .select-input-wrap .input-wrap.select-wrap.focus .select,
.mpmh-renewal .select-input-wrap .input-wrap.select-wrap.focus .input-box{border-bottom: 2px solid #476eff;}
.mpmh-renewal .select-input-wrap:not(:first-of-type){margin-top: 32px;}
.mpmh-renewal .select-input-wrap .input-box{min-height:41px;}

/* input > password */
input[type="password"] {font-family:'password' !important; font-size: 16px !important; letter-spacing: 0px;}
input.password::placeholder {font-family:'OneShinhanDigital', 'sans-serif'; font-size: 16px; letter-spacing: 0px; color: #ccc;}
input.password::-webkit-input-placeholder {font-family:'OneShinhanDigital', 'sans-serif'; font-size: 16px; letter-spacing: 0px; color: #ccc;}
input.password:-ms-input-placeholder {font-family:'OneShinhanDigital', 'sans-serif'; font-size: 16px; letter-spacing: 0px; color: #ccc;}
input.password:-mos-input-placeholder {font-family:'OneShinhanDigital', 'sans-serif'; font-size: 16px; letter-spacing: 0px; color: #ccc;}
.reg-num input[type="password"].append + input[type="password"]:disabled, .reg-num input[type="number"].append + input[type="password"]:disabled, .reg-num input[type="tel"].append + input[type="password"]:disabled {padding-top: 0; line-height: 31px; background: transparent; border: none;}

.number-type.reg-num .input-box { height:41px; align-items:stretch;}
.reg-num input[type="tel"].password {padding:2px 0; line-height:31px;}
.reg-num input[type="tel"].password.append + .password { border-bottom:0; background:transparent;}
.reg-num input[type="tel"].password::placeholder {font-family:'OneShinhanDigital', 'sans-serif'; font-size: 16px; }
.reg-num input[type="tel"].password::-webkit-input-placeholder {font-family:'OneShinhanDigital', 'sans-serif'; font-size: 16px; }
.reg-num input[type="tel"].password:-ms-input-placeholder {font-family:'OneShinhanDigital', 'sans-serif'; font-size: 16px; }
.reg-num input[type="tel"].password:-mos-input-placeholder {font-family:'OneShinhanDigital', 'sans-serif'; font-size: 16px; }

/* input > File */
.file-upload-wrap{}
.file-upload-wrap .btn-upload{ display: inline-block;min-width: 132px;margin: 0;padding: 0 16px;height: 36px;line-height: 36px;background: #5b5fe4;border: 1px solid #5b5fe4;border-radius: 2px;font-size: 12px;font-weight: 500;color: #fff;text-align: center;cursor: pointer;}
.file-upload-wrap .file-input-hidden {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.file-upload-wrap .btn-upload + .btn {margin-left: 5px;}
.file-upload-wrap .file-display-area {display: none;justify-content: space-between;border-bottom: 2px solid #eee;padding: 8px 0;min-height: 40px;}
.file-upload-wrap .file-name-text {color: #bbb;font-size: 16px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 90%;}
.file-upload-wrap .file-name-text.active {color: #000;}
.file-upload-wrap .remove-file-btn {display: none;align-items: center;justify-content: center;padding: 0;background-color: #e2e5e9;color: #fff;border: none;border-radius: 50%;width: 22px;height: 22px;font-size: 14px;cursor: pointer;}
.file-upload-wrap .regist-file-btn{display: none;justify-content: flex-end;}
@media screen and (max-width: 770px) {
.file-upload-wrap .regist-file-btn{justify-content:center;}
.file-upload-wrap .regist-file-btn button{width:100%;}
}

/* essential */
.essential-guide {position: absolute; top: 18px; right: 24px; padding-left: 6px; color: #888; font-size: 12px; line-height: 18px;}
.essential-guide.static { position:static;}
.essential-guide:after {content: ''; position: absolute; top: 7px; left: 0; display: block; width: 4px; height: 4px; background: url('../images/mys2021/icon_emphasis.svg') 0 0 no-repeat; background-size: 4px auto;}


/** Header **/
.mpmh-renewal h3.sub-tit{color: #181D24;}
.mpmh-renewal h2.ctit{font-weight:500;font-size:16px;line-height:22px;}
@media screen and (min-width: 769px) {
.mpmh-renewal h2.ctit{font-size:18px;line-height:26px;}
}
/** Paragraph **/
.fs-8{font-size:8px !important;}
.fw-normal {font-weight: 300 !important;}
.caution{color:#DA1D1D !important;font-weight:300;}

/* Step */
.mpmh-renewal .step-indicator {margin: 8px 0 10px;padding: 0;}
.mpmh-renewal .step-indicator + form{padding-top: 0;}

@media screen and (min-width: 769px) {
.mpmh-renewal .step-indicator {width:100%;margin: 0 auto 34px;}
}

/* Step box */
.mpmh-renewal .detail-step-wrap .step-box{position:relative;padding:24px 14px 24px 42px;background:#edf0f8;border-radius:8px;}
.mpmh-renewal .detail-step-wrap .step-box::before{content:'';position:absolute;left:14px;width:20px;height:20px;background: url('../images/mys2026/ico_check_line.svg') no-repeat center;margin-right: 8px;vertical-align: bottom;}
.mpmh-renewal .detail-step-wrap .step-box h2{font-size:14px;line-height:20px;}


/* List */
ul.txt-bul li, ol.txt-bul li, .txt-bul:not(ul):not(ol){color: #333840;font-size: 12px;line-height: 16px; font-weight: 300;}
.mpmh-renewal .border-list li{padding:14px 12px;border-bottom: 1px solid #E7E9EE;}
.mpmh-renewal .txt-bul.type2 li.-link:after{content: ''; position: absolute; right: 0; top: 50%; width:5px; height:5px; border-right: 1px solid #888; border-bottom: 1px solid #888; transform: translate(-50%, -45%) rotate( -45deg);}

.board-wrap .board_count{margin-bottom: 8px;}
.board-wrap .board_list{border-top: 1px solid #000;}
.board-wrap .board_list li{display: flex; flex-direction: column; justify-content: space-between; padding:20px 0; border-bottom:1px solid #ddd;}
.board-wrap .board_list li .board_title{display: flex; flex-direction: column;}
.board-wrap .board_list li .board_title .date{font-size: 11px; color: #888;font-weight: 500;}
.board-wrap .board_list li .btn_attach{width: 80px; padding: 0;}
.mpmh-renewal .btn_attach{min-width:110px;padding: 0 4px; height: 32px;border: 1px solid #ccc;border-radius: 2px;color:#333;font-size: 12px;font-weight: 300;}
.mpmh-renewal .btn_attach::before{content:'';display: inline-block;width: 20px;height: 20px;margin-right: 4px;vertical-align: top;}
.mpmh-renewal .btn_attach:disabled{color:#CCC;}
.mpmh-renewal .btn_attach.-pdf::before{background: url('../images/mys2026/ic20_pdf.svg') no-repeat center;}
.mpmh-renewal .btn_attach.-hwp::before{background: url('../images/mys2026/ic20_hwp.svg') no-repeat center;}
.mpmh-renewal .btn_attach.-etc::before{background: url('../images/mys2026/ic20_etc.svg') no-repeat center;}
.mpmh-renewal .btn_attach.-exel::before{background: url('../images/mys2026/ic20_excel.svg') no-repeat center;}
.mpmh-renewal .btn_attach.-print::before{background: url('../images/mys2026/ic20_print.svg') no-repeat center;}
.mpmh-renewal .btn_attach.-download::before{background: url('../images/mys2026/ico_download_line.svg') no-repeat center;}
.mpmh-renewal .btn_attach.-download:disabled::before{background: url('../images/mys2026/ico_download_line_disabled.svg') no-repeat center;}

@media screen and (min-width: 769px) {
.board-wrap{margin-top: 16px;}
.board-wrap .board_list li{flex-direction: row;}
.board-wrap .board_list li .board_btn{margin-top: 12px;}
}

/* TextField > ic + 검색 */
.input-wrap.input-search .input-box {width:100%; border-bottom: 2px solid #ddd;padding-right:0;}

/* Button */
.btn{font-family: 'OneShinhanDigital', 'sans-serif';}
.btn-group-foot .btn, .btn-group .btn {-webkit-flex: 1; -ms-flex: 1; flex: 1;}
.layer-popup .btn-group-foot .btn, .btn-group .btn {-webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;}
.btn-group.-row-reverse{display: flex;flex-direction: column;gap: 8px;}
.btn-group.-row-reverse .btn + .btn{margin:0;padding:0;}
.mpmh-renewal .btn-group.btn-group-foot{justify-content:center;padding:0;margin-top:56px !important;border-top:0;z-index:3;}
.inner.contents.info .btn-group-sticky .btn-group.btn-group-foot{margin-bottom: 48px;}

@media screen and (max-width: 770px){
.btn-group-sticky{position: sticky;bottom:0;background:#fff;}
.btn-group-sticky .btn-group.btn-group-foot{margin-top:0 !important;padding-top:24px;padding-bottom:24px;}
.inner.contents.info .btn-group-sticky .btn-group.btn-group-foot{margin-top:0 !important;margin-bottom:0;padding:24px;}
}

.btn-group-foot .btn.hidden + .btn{margin:0;}
.btn-box{display:block;position:relative;padding:8px 12px;background-color:#EFF0F5;color:#494F60;font-size:12px;line-height:16px;border-radius:2px;}
.btn-box.icon{padding-left:32px;}
.btn-box.icon.-location::before{content:'';position:absolute;left:12px;width:16px;height:16px;background: url('../images/mys2026/ico_location_line.svg') no-repeat center;background-size: contain; }
.btn-box.icon.-download::before{content:'';position:absolute;left:12px;width:16px;height:16px;background: url('../images/mys2026/ico_download_line.svg') no-repeat center;background-size: contain; }
.btn-group.flex-box{display:flex;}
.btn.disable, .btn:disabled, button:disabled {color: #ccc !important}
a[class*="-xs"], button[class*="-xs"] {font-weight: 500; }
a[class*="-sm"], button[class*="-sm"]{height:36px;line-height: 36px;}
a[class*="btn-primary-"], button[class*="btn-primary-"]{}
a[class*="btn-border-"], button[class*="btn-border-"]{}

@media screen and (min-width: 769px) {
.mpmh-renewal .btn-group.-row-reverse{flex-direction: row;}
.mpmh-renewal .btn-group-half{max-width: 552px;display: flex;justify-content: space-between;margin: 0 auto;}
.mpmh-renewal .btn-group-half .btn{width: 50%;min-width: 272px;flex:1;}
.btn-group-foot .btn + .btn{margin-left:8px;}
.mpmh-renewal .btn-group{margin-top: 40px;padding-top:0 !important;}
.mpmh-renewal .btn-group.btn-group-foot{border-top:0;}
.layer-popup .btn-group-foot .btn, .btn-group .btn {-webkit-flex: 1; -ms-flex: 1; flex: 1;}

}

/** Link **/
.mpmh-renewal .link-group {margin-bottom: 0; padding: 0;}
.mpmh-renewal .link-wrap{font-weight: 500;color: #666; font-size: 12px;line-height: 16px;text-align: center;}
.mpmh-renewal .txt-link{position: relative;}
.mpmh-renewal .txt-link:before {content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background: #666;}
.mpmh-renewal .text-link-arrow {position: relative;font-size:12px;color:#494F60;}
.mpmh-renewal .text-link-arrow:after {content: ''; position: absolute; right: -12px; top: 50%; width:5px; height:5px; border-right: 1px solid #494F69; border-bottom: 1px solid #494F69; transform: translate(-50%, -45%) rotate( -45deg);}


/** box **/
.b-rad4{border-radius: 4px !important;}

/* note-info */
.mpmh-renewal .note-info {position: relative; margin-top: 12px; padding: 12px 16px 12px 37px; font-size: 12px; font-weight: 300; color: #666; background: #F7F7FA; border-radius: 4px;}
.mpmh-renewal .note-info:before {content: ''; position: absolute; left: 14px; top: 14px; width: 14px; height: 14px; background: url('../images/mys2026/ico_tooltip_info.svg') 0 0 no-repeat; background-size: 100% auto;}
.mpmh-renewal .note-info ul li{color:#666;font-size:12px;}

.mpmh-renewal .note-txt{position:relative;padding:12px 0;font-size:12px;line-height:16px;color:#888;font-weight:300;}
.mpmh-renewal .note-txt.-caution{color:#76798E;padding-left:16px;word-break: break-all;font-size:11px;}
.mpmh-renewal .note-txt.-caution::before{content:'※';position: absolute;left:0;}

/** box-gray **/
.mpmh-renewal .box-gray{padding:14px;background: #F7F7FA;border-radius:8px;}
.mpmh-renewal .box-gray.account-info h3{padding-bottom:8px;}
.mpmh-renewal .box-list-wrap .box-gray.account-info{margin-top:16px;}

.mpmh-renewal .detail-list{}
.mpmh-renewal .detail-list > dl{max-width: none !important;padding-right:0 !important;}

.mpmh-renewal .account-card-item{background:#f4f7fc;border: none;box-shadow: none;}
.mpmh-renewal .btn-dash-reg{background:#f4f7fc;border-color:#d1d2d9;}

@media screen and (min-width: 769px) {
.mpmh-renewal .box-list-wrap{display:flex;flex-wrap:wrap;gap:16px 24px;}
.mpmh-renewal .box-list-wrap .box-gray.account-info{width:calc(50% - 12px);min-height:145px;margin-top:0;display:flex;flex-direction: column;}
.mpmh-renewal .box-list-wrap .box-gray.account-info dl:nth-of-type(2){padding:12px 0;}
.mpmh-renewal .box-list-wrap .box-gray.account-info dl dd{flex:1;margin-bottom:0;}
}

/* box-gray > checkbox list */
.mpmh-renewal .checkbox.-disabled{background:#E7E9EE;}
.mpmh-renewal .account-info.checkbox.-disabled dl dt{color:#bbb;}
.mpmh-renewal .account-info.checkbox.-disabled dl dd{color:#888;}
.mpmh-renewal .checkbox .checkbox-wrap{margin-bottom:0;}
.account-type{display:inline-block;padding:0 4px;border-radius:2px;color:#fff !important;font-size:10px;font-weight:500;line-height:16px;text-align:center;vertical-align: middle;}
.account-type.-partner{background:#476EFF;}
.account-type.-store{background:#F46F51;}
.account-type.-campus{background:#414E7F;}
.account-type.-waiting{background:#ddd;color:#666 !important;}
.account-type.-retry{background:#fcf4f4;color:#da1d1d !important;}
.mpmh-renewal .business-type{display:inline-block;padding:0 4px;border:1px solid #DDD;border-radius:2px;color:#888;font-size:10px;font-weight:700;line-height:14px;text-align:center;}

.mpmh-renewal dl dd.regist{display: flex;justify-content: flex-end;align-items: center;gap: 4px;}
.mpmh-renewal dl dd.regist::after{content:'';display:block;margin-left:4px;width:16px;height:16px;}
.mpmh-renewal dl dd.regist.-myshop::after{background: url('../images/mys2026/ico_logo_myshop.svg') no-repeat center;background-size:contain;}
.mpmh-renewal dl dd.regist.-sol::after{background: url('../images/mys2026/ico_logo_solpay.svg') no-repeat center;background-size:contain;}
.mpmh-renewal dl dd.regist.-shinhan::after{background: url('../images/mys2026/ico_logo_shinhan.svg') no-repeat center;background-size:contain;}
.mpmh-renewal dl dd.regist.-naver::after{background: url('../images/mys2026/ico_logo_naver.svg') no-repeat center;background-size:contain;}
.mpmh-renewal dl dd.regist.-kakao::after{background: url('../images/mys2026/ico_logo_kakao.svg') no-repeat center;background-size:contain;}
.mpmh-renewal dl dd.regist.-apple::after{background: url('../images/mys2026/ico_logo_apple.svg') no-repeat center;background-size:contain;}

/** Tooltip **/
.mpmh-renewal .tooltip-wrap .btn-tooltip.type3 {background: url('../images/mys2026/ico_tooltip_info.svg'); background-size: contain;}
.mpmh-renewal .tooltip-wrap.share-tip .tip-btn{font-size:12px;}
.mpmh-renewal .tooltip-wrap.share-tip .tooltip{top:50px;right:auto;transform: none;z-index:5;}
.tooltip-wrap.share-tip .tooltip i.tip{right:auto !important;}
.mpmh-renewal .tooltip-wrap.share-tip .tip-btn.btn-sm{line-height:36px;font-weight:500;color:#494f60;}
.mpmh-renewal .tooltip-wrap.share-tip .tip-btn.btn-line{line-height: 28px;font-weight:300;color: #333;}
.tooltip-wrap .tooltip{z-index:9;}
.tooltip-wrap .tooltip-content{font-size:11px!important;font-weight:300;}
.tooltip-wrap .tooltip-content .txt-bul li{font-size:11px!important;}
.mpmh-renewal .tooltip-wrap.info .tooltip-content{position:relative;line-height:15px;}
.mpmh-renewal .tooltip-wrap.info .tooltip-content::before{content:'';position: unset;display:inline-block;width:14px;height:14px;background: url(../images/mys2026/ico_tooltip_info.svg) center no-repeat;background-size: 100% auto;vertical-align:bottom;}
.mpmh-renewal .tooltip-wrap.info .txt-bul{margin-top:4px;padding-left:18px;}

@media screen and (max-width: 770px){
    .mpmh-renewal .tooltip-wrap.share-tip.-left .tooltip i.tip{right:20% !important;}
    .mpmh-renewal .tooltip-wrap.share-tip.-left .tooltip{right: unset !important;left: 50%;transform: translateX(-75%);}
}


/* 인풋 내 툴팁형 팝업 */
.mpmh-renewal .tip-popup {position: relative; margin-top: 20px; padding: 10px 16px 12px 37px; font-size: 12px; font-weight: 300; color: #76798E; background: #EDF0F8; border-radius: 8px;}
.mpmh-renewal .tip-popup:before {content: ''; position: absolute; left: 14px; top: 14px; width: 14px; height: 14px; background: url('../images/mys2026/ico_tooltip_info.svg') 0 0 no-repeat; background-size: 100% auto;}
.mpmh-renewal .tip-popup strong{font-weight: 500;}
.mpmh-renewal .tip-popup li{font-size: 12px !important;color: #76798E !important;}
.mpmh-renewal .tip-popup .btn-close {position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; text-indent: -9999px;background: url('../images/mys2026/icon_tooltip_close_gray.svg');}

/* 더보기 */
.mpmh-renewal .btn-list-more {}
.mpmh-renewal .btn-list-more:after {content: none;}
.mpmh-renewal .btn-list-more span {position: relative;display: inline-block; padding:16px 8px; margin-top:0;}
.mpmh-renewal .btn-list-more span:after {content: ''; position: absolute;right: -8px;width: 5px; height: 5px; margin-top: 10px; border-top: 1px solid #494F60; border-left: 1px solid #494F60; transform: translate(-50%, -75%) rotate(225deg);}

@media screen and (min-width: 769px) {
.mpmh-renewal .btn-list-more {margin-bottom: 48px;}
}

/* 결과 화면 */
.mpmh-renewal .msg-wrap{transform:translateY(0);}
.mpmh-renewal .msg-wrap [class^="msg-type-"] {font-size: 18px;font-weight:300;line-height: 26px;max-width:100%;}
.mpmh-renewal .msg-wrap strong + p, .msg-wrap .msg-type-2 + p.desc {margin-top: 4px; color: #666; font-size: 12px; font-weight: 300; line-height: 16px;}
.mpmh-renewal form .msg-wrap{height: 100%;transform: translateY(0);}
.mpmh-renewal form .msg-wrap .detail-list{width:100%;}
@media screen and (min-width: 769px) {
    .pop-cont.mpmh-renewal .msg-wrap [class^="msg-type-"]{max-width: unset;}
}

/** Popup **/
.layer-popup.fulls .pop-cont{padding:0 24px 24px;}
.layer-popup.fulls .pop-cont .msg-wrap{height:100%;transform:translateY(10%);}
.pop-head .title{padding:16px 24px;color:#000;}
.pop-head .title button.pop-close{right:24px;width:24px;height:24px;}
.layer-popup.bt-sheet .pop-head{border-radius:12px 12px 0 0;}
.layer-popup.bt-sheet .pop-head .title h1{color:#000;}
.layer-popup.bt-sheet {display: flex; flex-direction: column;}
.layer-popup.bt-sheet .btn-group.btn-group-foot {padding:24px 16px; margin-top: 0 !important;}
.pop-cont.mpmh-renewal.pb-0{padding-bottom: 0 !important;}
.layer-popup.fulls .btn-group.btn-group-foot{margin-top:24px !important;padding:0 24px 20px;}
.layer-popup.fulls .btn-group.btn-group-foot.btn-group-half .btn{flex:1;}
.layer_alert .txt_cont{word-break: break-all;}
.layer-popup .tooltip-wrap .tooltip{z-index: 1002;}

@media screen and (min-width: 769px) {
    .layer-popup.fulls .pop-cont .msg-wrap{transform:translateY(0);}
    .layer-popup.bt-sheet .pop-cont {border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
    .layer-popup.bt-sheet .btn-group.btn-group-foot {padding:24px !important; max-width: 100%;}
    .layer-popup.fulls .btn-group.btn-group-foot{margin-top:0 !important;}
}

/* term popup */
.mpmh-renewal .accordion-wrap.-box{padding:10px 8px;border:1px solid #E7E9EE;}

/** Badge **/
.mpmh-renewal .progress-state{display:inline-block;height:20px;line-height:20px;padding:0 6px;font-size:10px;}
.mpmh-renewal .progress-state.-type01{color:#476EFF;background:#F1F4FF;}
.mpmh-renewal .progress-state.-type02{color:#008CA5;background:#ECF7F9;}
.mpmh-renewal .progress-state.-type03{color:#DA1D1D;background:#FCF4F4;}
.mpmh-renewal .progress-state.-type04{color:#666;background:#eee;}
.mpmh-renewal .progress-state.-type05{color:#3048A2;background:#d0dae6;}
.mpmh-renewal .progress-state.-type06{color:#666;background:#ddd;}
.mpmh-renewal .progress-state.-label{position: absolute;left:26px;top:14px;}

.mpmh-renewal .progress-state
.mpmh-renewal .state-label-wrap{display:flex;gap:4px;}
@media screen and (min-width: 769px) {
.mpmh-renewal .progress-state.-label{position: absolute;left:68px;}
.mpmh-renewal .tit .chk-state-label{padding-left:46px}
.mpmh-renewal .tit .chk-state-label.-cancel{padding-left:54px}
}

/* ================================= ### 메뉴별 스타일 영역 ### ================================= */
/** 로그인 **/
.login .mpmh-renewal{min-width: 320px;max-width: 100%;margin: 0 auto;}
.login .mpmh-renewal form{flex:none;}
.login .mpmh-renewal .btn{margin:0;font-weight: 500;}
.login .mpmh-renewal .section-header h1 span{font-weight: 300;}

.login .mpmh-renewal .login_main_title{margin: 0 -24px;padding-top: 40px;padding-bottom: 250px;background: url('../images/mys2026/main_login_mo.png') no-repeat 0 bottom;background-size: 100% 240px;}
.login .mpmh-renewal .login_main_title h2{display: flex;justify-content: center;width: 100%;height: 47px;}

.mpmh-renewal .login-form label{color: #000;font-weight:300;}
.mpmh-renewal .login-form label.txt_hidden{margin:0;}
.mpmh-renewal .login-form .input-wrap{display: flex;flex-wrap: nowrap;flex-direction: column;height: auto;}
.mpmh-renewal .login-form .input-wrap + .input-wrap{margin-top: 20px;}
.mpmh-renewal .login-form .input-wrap .inp-text{height:50px;border:1px solid #DDD;padding: 14px;font-size: 14px;font-weight: 300;color: #000;}
.login .mpmh-renewal input[type="password"]{font-family: 'password' !important;font-size: 25px !important;}

.login .mpmh-renewal .login-link{display:flex;justify-content: center;font-size:12px;color:#888;font-weight:300;}
.login .mpmh-renewal .login-link li::before{content:'';display:inline-block;width:1px;height:12px;margin:0 10px;background-color:#DDD;}
.login .mpmh-renewal .login-link li:first-child::before{content:none;}

.mpmh-renewal .login-sns{display: flex;justify-content: space-evenly;gap: 8px;margin-top:16px;margin-bottom:40px;}
.mpmh-renewal .login-sns li{position:relative;width:72px;padding:30px 0 0;}
.mpmh-renewal .login-sns .btn-sns-login{display:flex;justify-content: center;width:54px;height:54px;margin: 0 auto;text-align:center;border-radius: 50%;color:#000;font-size:14px;font-weight:500;line-height:20px;}
.mpmh-renewal .login-sns .btn-sns-login.-kakao{background:url('../images/mys2026/ico_logo_kakao.svg') no-repeat center;}
.mpmh-renewal .login-sns .btn-sns-login.-naver{background:url('../images/mys2026/ico_logo_naver.svg') no-repeat center;;}
.mpmh-renewal .login-sns .btn-sns-login.-shinhan{background:url('../images/mys2026/ico_logo_solpay.svg') no-repeat center;;}
.mpmh-renewal .login-sns .btn-sns-login.-apple{background:url('../images/mys2026/ico_logo_apple.svg') no-repeat center;;}
.mpmh-renewal .login-sns .btn-sns-login span{display:block;width:72px;padding-top:62px;flex: none;}

.mpmh-renewal .login-sns .login-popover{position:absolute;top:0;width:68px;height:26px;background:#050F26;font-size:11px;font-weight:500;line-height:26px;text-align:center;color:#fff;border-radius:4px;}

.login .mpmh-renewal .login-sub-wrap .link-group{display: flex;justify-content: space-between;color:#1B1F42;font-size:12px;font-weight:300;}
.login .mpmh-renewal .login-sub-wrap .link-group > *{margin-bottom:0;}
.login .mpmh-renewal .login-sub-wrap .link-group .checkbox-wrap input + label{padding-left:24px;font-size:12px;line-height:16px;}
.login .mpmh-renewal .login-sub-wrap .link-group .checkbox-wrap input + label::before{width:16px;height:16px;}
.login .mpmh-renewal .login-sub-wrap .link-group .checkbox-wrap input + label::after{transform: translate(5px, -70%) rotate(45deg);}
.login .mpmh-renewal .login-sub-wrap .link-group div:last-child{margin-left:auto;}

.login .mpmh-renewal .login-sub-wrap .txt-link{font-size:12px;font-weight: 300;color:#1B1F42;}
.login .mpmh-renewal .login-sub-wrap .txt-link::before{background:#1B1F42;}

.login .mpmh-renewal .login-choice-wrap{display:flex;align-items: center;gap:12px;}
.login .mpmh-renewal .login-choice-wrap .login-choice::before{content:'';display:inline-block;width:20px;height:20px;margin-right:2px;vertical-align: top;}
.login .mpmh-renewal .login-choice-wrap .login-choice.-simple::before{background:url('../images/mys2026/ico_login_pw.svg');background-size:100% auto;}
.login .mpmh-renewal .login-choice-wrap .login-choice.-bio::before{background:url('../images/mys2026/ico_login_face.svg');;background-size:100% auto;}

.mpmh-renewal .login-form-wrap .btn-group{position:relative;margin-top:40px;}
.mpmh-renewal .login-form-wrap .btn-group .login-popover{position:absolute;top:-18px;left:50%;transform: translateX(-50%);width:68px;height:26px;background:#050F26;font-size:11px;font-weight:500;line-height:26px;text-align:center;color:#fff;border-radius:4px;}
.mpmh-renewal .login-form-wrap .login-sub-wrap{margin-top:16px;}
.mpmh-renewal .login-form-wrap .login-link {margin-top:40px;}
.mpmh-renewal .login-form-wrap .login-link li{flex:none;}
.mpmh-renewal .login-form-wrap.-m-column-reverse{display:flex;flex-direction:column-reverse;}

@media screen and (min-width: 769px) {
.mpmh-renewal .login-form-wrap{display:flex;flex-direction:column;}
.mpmh-renewal .login-form-wrap .login-sns{order:3;margin-top:48px;}
.mpmh-renewal .login-form-wrap .btn-group{order:1;margin-top:40px;}
.mpmh-renewal .login-form-wrap .login-sub-wrap{order:0;margin-top:8px;}
.mpmh-renewal .login-form-wrap .login-link {order:2;margin-top:20px;}
.mpmh-renewal .login-form-wrap.-m-column-reverse{display:flex;flex-direction:column;}
.login .mpmh-renewal{max-width: 504px;margin:0 auto;}
.login .mpmh-renewal .login-choice-wrap{display:none;}

}

/* 푸터 */
.wrap .footer .inner {
    max-width: 1080px;
    margin: 0 auto;
}

/* 로그인 메인 */
.wrap.login .section-header{margin-top:40px;}
.wrap.login .section-header h1{font-size: 20px;line-height: 28px;}
.wrap.login .mpmh-renewal .content-foot {margin: 40px 0 0; padding:0; max-width: 504px;}

@media screen and (min-width: 769px){
.wrap.login .contents{max-width: 504px;padding: 40px 0 0;}
.wrap.login .section-header,
.wrap.login .contents > .plr-2.flex-1,
.wrap.login .inner.contents.plr-2 {margin: 0 auto; padding: 0 !important; width: 504px;flex: none !important;}
.wrap.login .mpmh-renewal .content-foot { max-width: 504px;}
.wrap.login .mpmh-renewal{padding-bottom: 55px !important;}
}

/* ID/PW 찾기 */
.mpmh-renewal .account-find{margin-top: 8px;}
.mpmh-renewal .account-find .account-type{display:flex;align-items: center;padding: 14px 12px;border-bottom: 1px solid #E7E9EE;}
.mpmh-renewal .account-find .account-title{display: flex;align-items: center;gap: 8px;font-size:14px;color:#000;}
.mpmh-renewal .account-find .account-title::before{content:'';display:inline-block;width:32px;height:32px;vertical-align:middle;}
.mpmh-renewal .account-find .account-type .btn{margin-left:auto;border-radius:4px;color: #666;font-weight: 300;}
.mpmh-renewal .login-form .txt-guide{font-size:12px;font-weight:300;color:#476eff;}

/* 현재 계정 */
.mpmh-renewal .account-now .account-type{position:relative;display:block;padding:16px 12px;border:1px solid #E7E9EE;border-radius:8px;}
.mpmh-renewal .account-now .account-type .account-title{min-height:40px;display:flex;gap:8px;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:60px;font-size:14px;color:#000;}
.mpmh-renewal .account-now .account-type .account-title::before{content:'';position: absolute;left:13px;width:40px;height:40px;}
.mpmh-renewal .account-now .account-type .account-title span{display:block;font-weight:300;font-size:12px;color:#bbb;}


/* 현재 선택한 아이디 */
.mpmh-renewal .account-now.-id .account-type{border:0;padding:0;}
.mpmh-renewal .account-now.-id .account-type::before{content:none;}
.mpmh-renewal .account-now.-id .account-type .account-title{position:relative;padding-left:28px;}
.mpmh-renewal .account-now.-id .account-type .account-title::before{content:'';position: absolute;width:20px;height:20px;left:0;}

.mpmh-renewal .account-type.-myshop .account-title::before{background: url('../images/mys2026/ico_logo_myshop.svg') no-repeat center;background-size:contain;}
.mpmh-renewal .account-type.-kakao .account-title::before{background: url('../images/mys2026/ico_logo_kakao.svg') no-repeat center;background-size:contain;}
.mpmh-renewal .account-type.-naver .account-title::before{background: url('../images/mys2026/ico_logo_naver.svg') no-repeat center;background-size:contain;}
.mpmh-renewal .account-type.-sol .account-title::before{background: url('../images/mys2026/ico_logo_solpay.svg') no-repeat center;background-size:contain;}
.mpmh-renewal .account-type.-shinhan .account-title::before{background: url('../images/mys2026/ico_logo_shinhan.svg') no-repeat center;background-size:contain;}
.mpmh-renewal .account-type.-apple .account-title::before{background: url('../images/mys2026/ico_logo_apple.svg') no-repeat center;background-size:contain;}


/* 로그인 | Form 형태케이스 */
.login .input-wrap.-tooltip .tooltip-wrap{border: 1px solid #ddd;border-radius: 4px;}
.login .input-wrap.-tooltip .tooltip-wrap .inp-text{border:none;}
.login .input-wrap.-tooltip .tooltip-wrap .btn-tooltip{margin-right: 10px;}

.login-form {margin-top: 40px; padding-top: 0;}
.mpmh-renewal form > .login-form{margin-top:40px;}

@media screen and (min-width: 769px) {
.mpmh-renewal form > .login-form{margin-top:20px;}
}

.login-form .input-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 60px; margin-top: 10px;}
.login-form .input-wrap:first-child {margin-top: 0;}
.login-form .input-wrap .input-box {-webkit-flex: none; -ms-flex: none; flex: none; max-width:100%; padding-bottom: 0; border: none;}
.login-form .input-wrap .inp-text {padding-left: 20px; height: 100%; color: #000; font-size: 18px; font-weight: 500; line-height: 25px; background: #fff; border: 2px solid #eee; border-radius: 5px; letter-spacing:0;}
.login-form .input-wrap .inp-text:active {background: #fff; border: 2px solid #f2f7fd;}
.login-form .input-wrap .input-box.error .inp-text {background: #fff; border: 1px solid #da1d1d !important;}
.login-form .input-wrap .input-box.focus {position: relative;}
.login-form .input-wrap .input-box.focus::after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #6e8dff; border-radius: 5px;}
.login-form .input-wrap .inp-text:focus {background: #fff; border: 2px solid transparent !important;}
.login-form .input-wrap .inp-text::placeholder {color: #ccc; font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 16px;}
.login-form .input-wrap .inp-text::-webkit-input-placeholder {color: #ccc; font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 16px !important;}
.login-form .input-wrap .inp-text:-ms-input-placeholder {color: #ccc; font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 16px !important;}
.login-form .input-wrap .inp-text:-mos-input-placeholder {color: #ccc; font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 16px !important;}
.login-form .input-wrap .inp-text:disabled {background-color: rgba(239, 240, 245, 0.5);border: 1px solid #eee;}
.login-form .input-wrap .inp-end {background: #eff4ff; border: 2px solid #eff4ff;}
.login-form .input-wrap .btn-init {right: 8px; margin-top: 0; z-index:10}
.login-form .input-wrap .caution {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%;}

/* 공통 : Form + Info 아이콘 버튼  */
.mpmh-renewal .input-pop-wrap{position:relative;}
.mpmh-renewal .input-pop-wrap .input-wrap .btn-init{position: absolute;right: 36px !important;z-index: 10;margin-top:0;}
.mpmh-renewal .input-pop-wrap .btn-info-pop{position: absolute;top:33px;right:12px;width:20px;height:20px;cursor:pointer;background: url('../images/mys2026/ico_tooltip_info.svg') no-repeat center;background-size: contain;}
.mpmh-renewal .login-form .input-pop-wrap .btn-info-pop{top:16px;}

/* input + 초기화버튼 */
.input-amount-wrap {position: relative;margin-top: 0 !important;}
.input-amount-wrap .input-box input {padding-right: 0;}
.input-amount-wrap .input-box.focus input {padding-right: 30px;}
.input-amount-wrap .input-box.focus input+.btn-clear {display: flex !important;}
.input-amount-wrap .btn-clear {position: absolute;right: 0;top: 50%;display: flex;justify-content: center;transform: translateY(-50%);background: #e7e9ee;border-radius: 50%;color: #fff;width: 20px;height: 20px;}
.input-amount-wrap .btn-clear.hide {display: none;}

/* 컨텐츠성 페이지 */
.mpmh-renewal .contents.info{max-width: 100% !important;padding-top: 40px;}
.mpmh-renewal .contents.info .sect-ctit{font-size:18px;line-height:26px;font-weight: 500;margin-bottom: 36px;}
.mpmh-renewal .contents.info .section > div{max-width: 680px;margin: 0 auto;}
.mpmh-renewal .contents.info .info-merit li{font-weight: 300;}
.mpmh-renewal .contents.info .info-merit li + li{margin-top: 8px;}
.mpmh-renewal .contents.info .info-merit li::before{content:'';display:inline-block;width:20px;height:20px;background: url('../images/mys2026/ico_check_line.svg') no-repeat center;margin-right: 8px;vertical-align: bottom;}
.mpmh-renewal .contents.info .section{padding:40px 24px;}
.mpmh-renewal .contents.info .section:first-child{padding-top:0;}
.mpmh-renewal .contents.info .sect-caption{margin-top: 8px;font-size: 11px;color: #76798E;text-align:left;word-break: break-all;}

@media screen and (min-width: 769px) {
.mpmh-renewal .contents.info{margin-bottom:-100px;padding-top: 0;font-size: 16px;}
.mpmh-renewal .contents.info .sect-ctit{font-size:20px;line-height:28px;margin-bottom: 40px;}
.mpmh-renewal .contents.info .sect-caption{text-align:center;}
}

/* 매출관리 리스트 */
.mpmh-renewal .payment-details .data-list .data-box .btn-group-half{width: 100%;gap:8px;}
.mpmh-renewal .payment-details .data-list .data-box .btn-group button{min-width:112px;width:50%;}
.mpmh-renewal .payment-details .desc-list.-m-column li{flex-direction: column;}
.mpmh-renewal .payment-details .desc-list li.flex-end{align-items: flex-end;}
.mpmh-renewal .desc-list li.-align-center{align-items: center;}

@media screen and (min-width: 769px) {
.mpmh-renewal .payment-details .desc-list.-m-column li{flex-direction: row;}
}

/* 아코디언 내 툴팁 (MWPFM10203R01) */
.mpmh-renewal .mys-tooltip-wrap{position: relative;display: inline-block;padding-right: 20px;}
.mpmh-renewal .mys-tooltip .btn-close{position: absolute;top: 8px;right: 8px;width: 16px;height: 16px;background: url('../images/mys2021/icon_tooltip_close_bk.svg');text-indent: -9999px;cursor:pointer;}
.mpmh-renewal .mys-tooltip{display:none;
    color: #333;padding:12px 30px 12px 12px;background: #fff;border: 1px solid #dae2ff;border-radius:10px;box-shadow: 0 2px 5px #ddd;
width:252px;position: absolute;top:calc(100% + 8px);left:50%;transform: translateX(0);z-index:5;}

.mpmh-renewal .mys-tooltip-wrap .tooltip-checkbox{display:none;}
.mpmh-renewal .mys-tooltip-trigger {display:inline-block;position: absolute; top: 50%; right: 0;width: 16px; height: 16px; background: url('../images/mys2021/icon_system_tip.svg') 0 50% no-repeat; background-size: 16px auto;transform: translateY(-50%);cursor:pointer;}


/* 매출관리 리스트 >  form영역 */
.mpmh-renewal .data-list .checkbox-wrap{width:100%;}
.mpmh-renewal .data-list .input-wrap + .input-wrap{margin-top:0;}
.mpmh-renewal .data-list .calculate-form{display: flex;justify-content: space-between;align-items:flex-start;gap:24px;padding-left: 0;padding-bottom: 16px;}
.mpmh-renewal .data-list .calculate-form .input-wrap{flex:1;}
.mpmh-renewal .data-list .calculate-form .input-amount-wrap {position: relative;margin-top: 0 !important;}
.mpmh-renewal .data-list .calculate-form .input-amount-wrap .input-box input {padding-right: 0;}
.mpmh-renewal .data-list .calculate-form .input-amount-wrap .input-box.focus input {padding-right: 30px;}
.mpmh-renewal .data-list .calculate-form .input-amount-wrap .input-box.focus input+.btn-clear {display: flex !important;}
.mpmh-renewal .data-list .calculate-form .input-amount-wrap .btn-clear {position: absolute;right: 0;top: 50%;display: flex;justify-content: center;transform: translateY(-50%);background: #e7e9ee;border-radius: 50%;color: #fff;width: 20px;height: 20px;}
.mpmh-renewal .data-list .calculate-form .input-amount-wrap .btn-clear.hide {display: none;}
.mpmh-renewal .data-list .calculate-form .input-wrap input{padding-right:5px;}
/* .mpmh-renewal .data-list .calculate-form .input-wrap.-won .input-box::after{content:'원';display:inline-block;} */

.mpmh-renewal .checkbox-wrap .desc-list li .tit .card span, .mpmh-renewal .checkbox-wrap .desc-list li .tit .card span.c-bk{color:#888 !important;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box.-view-all{padding-top:40px;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box.-view-all::before {display: block !important;margin-top:12px;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box.-view-all::after {display: block !important;top:23px;}
@media screen and (min-width: 769px) {
.mpmh-renewal .data-list .calculate-form{padding-left:68px;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box.-view-all{padding-top:16px;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box.-view-all::before {display: block !important;margin-top:0;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box.-view-all::after {display: block !important;top:50%;}

}

/* 매출관리 > 신청영역 */
.sales-regist-box{margin:0 -24px;padding:32px 24px;background:#F7F7FA;}
.sales-regist-box::before{content:'';display:block;width:40px;height:40px;margin-bottom:12px;}
.sales-regist-box.-apply::before{background:url('../images/mys2026/ico_apply_solid.svg') no-repeat center;}
.sales-regist-box.-cancel::before{background:url('../images/mys2026/ico_cancel_soild.svg') no-repeat center;}
.sales-regist-box.-approve::before{background:url('../images/mys2026/ico_approval_soild.svg') no-repeat center;}
.sales-regist-box.-special::before{background:url('../images/mys2026/ico_table_soild.svg') no-repeat center;}
.sales-regist-box.-submission::before{background:url('../images/mys2026/ico_submission_soild.svg') no-repeat center;}
.sales-regist-box .title{font-size:20px;font-weight:300;line-height:28px;}
.sales-regist-box .title > strong{font-weight:500;}
.sales-regist-box .title .desc{margin-top:12px;font-size:12px;color:#888;font-weight:300;line-height:16px;}
.pop-cont > .sales-regist-box{background:#fff;}
.sales-regist-box .btn-group .btn{flex: none;min-width:132px;}

@media screen and (min-width: 769px) {
.sales-regist-box{margin:0;}
.pop-cont > .sales-regist-box{padding:32px 0;}

}

/* 매출관리 > 매출취소신청 > 계좌입력 */
.mpmh-renewal .account-num-wrap{display:flex;align-items: center;flex-direction: column;}
.mpmh-renewal .account-num-form input{width:50px;height:50px;border:1px solid #ddd;border-radius:4px;font-size:20px;font-weight:700;text-align:center;}
.mpmh-renewal .account-num-form input:focus,
.mpmh-renewal .account-num-form input:focus-within{border:1px solid #476EFF;}
.mpmh-renewal .account-num-form input[type=password]{font-size:3em !important;}

/* 매출관리 > TAB */
@media screen and (max-width: 770px){
.mpmh-renewal .detail-inner-tab.-sales > .ui-tab{width: calc(100% + 48px);margin: 0 -24px;}
}


/* 가맹점관리 > EDC */
.sales-manage{}
.sales-manage .edc-compare{position:relative;display: flex;justify-content: space-around;gap: 52px;}
.sales-manage .edc-regist .step-list{position:relative;display: flex;flex-direction: column;gap:40px;}
.sales-manage .edc-compare::before{content:'';position:absolute;top:0;left: 50%;transform: translate(-50%, 0);width:1px;height:100%;background:#eee;}
.sales-manage .edc-regist .step-list::before{content:'';position:absolute;top:55%;left: 0;transform: translate(0, -50%);width:100%;height:1px;background:#eee;}
.sales-manage .edc-regist .step-list li{position:relative;width: 100%;font-size:1em;font-weight:500;line-height:22px;}
.sales-manage .edc-regist .step-list li .tit{margin-bottom:4px;font-size:12px;font-weight:300;color:#666;}
.sales-manage .edc-regist .step-list li::after{content:'';position: absolute;top:0;right:0;width:40px;height:40px;}
.sales-manage .edc-regist .step-list li:nth-of-type(1)::after{background:url('../images/mys2026/ico_submission_soild.svg') no-repeat 0 0;background-size:100% auto;}
.sales-manage .edc-regist .step-list li:nth-of-type(2)::after{background:url('../images/mys2026/ico_cancel_soild.svg') no-repeat 0 0;background-size:100% auto;}

@media screen and (min-width: 769px) {
.sales-manage .edc-regist .step-list{flex-direction:row;justify-content: space-between;}
.sales-manage .edc-compare::before,
.sales-manage .edc-regist .step-list::before{content:'';position:absolute;top:0;left: 50%;transform: translate(-50%, 0);width:1px;height:100%;background:#eee;}
.sales-manage .edc-regist .step-list li{width: 50%;}
.sales-manage .edc-regist .step-list li::after{content:'';width:60px;height:60px;}
.sales-manage .edc-regist .step-list li .tit{font-size:14px;line-height:20px;}
}

.sales-manage .edc-compare .compare-wrap .tit{height:40px;font-size: 16px;}
.sales-manage .edc-compare .compare-wrap:nth-of-type(1) .tit{color: #888;}
.sales-manage .edc-compare .compare-wrap:nth-of-type(1) .tit>span{color: #bbb;font-size:11px;font-weight: 500;}
.sales-manage .edc-compare .compare-wrap:nth-of-type(1) .sub-flow{color:#888;}
.sales-manage .edc-compare .compare-wrap:nth-of-type(2) .tit{color: #333;}
.sales-manage .edc-compare .compare-wrap .sub-flow li:first-child{margin:16px 0;}
.sales-manage .edc-compare .compare-wrap .sub-flow li > p {margin-top:8px;}
.sales-manage .edc-merit ul{display:flex;gap:16px;}
.sales-manage .edc-merit ul li{width: 50%;padding:14px 14px 28px;background-color: #fff;border-radius: 12px;}
.sales-manage .edc-merit ul li .sub{font-size:11px;color:#3048A2;}

@media screen and (min-width: 769px) {
.sales-manage .edc-compare{gap: 108px;}
.sales-manage .edc-compare .compare-wrap .tit{font-size: 18px;}
.sales-manage .edc-compare .compare-wrap:nth-of-type(1) .tit>span{color: #bbb;font-size:14px;}
.sales-manage .edc-compare .compare-wrap .sub-flow li:first-child{margin:24px 0;}
.sales-manage .edc-merit ul{gap:24px;}
.sales-manage .edc-merit ul li{display: flex;align-items: center;justify-content: space-between;gap: 18px;padding:14px 30px;text-align:left;}
.sales-manage .edc-merit ul li .sub{font-size:14px;}
.sales-manage .edc-merit ul li .img{width:90px;}
}

/* 고객센터 */
.board-wrap .input-wrap.input-search {position: relative;}
@media screen and (min-width: 769px) {
.board-wrap .search-wrap{display:flex; justify-content: flex-end;}
}

/* 설정 */
.mpmh-renewal .msg-wrap.account {min-height: auto;padding:0;}
.mpmh-renewal .msg-wrap.account .msg-type-4{font-weight: 300;font-size: 20px;line-height:28px;}
.mpmh-renewal .msg-wrap.account .last-access{font-weight:300;}
.mpmh-renewal .account-manage{margin-top:40px;}
.mpmh-renewal .account-manage .account-info{margin:40px 0 0;}
.mpmh-renewal .account-manage .section-header{padding: 0;}
.mpmh-renewal .account-manage .section-header .ctit + p,
.mpmh-renewal .account-manage .section-header .ctit + div{font-weight: 300;}
.mpmh-renewal .account-info dl dt{font-size:12px;font-weight: 300;}
.mpmh-renewal .account-info dl dd{font-size:12px;padding-right:0;font-weight: 500;}
.mpmh-renewal .msg-wrap.account .msg-type-4 {position: relative; margin: 0 0 16px; padding-top: 48px; max-width: 100%; text-align: left; background: none;}

.mpmh-renewal .msg-wrap.account .msg-type-4:before {content: ''; position: absolute; top: 0; left: 0; width: 40px; height: 40px;}
.mpmh-renewal .msg-wrap.account .msg-type-4.ico-account-1:before {background:url('../images/mys2026/ico_logo_myshop.svg') no-repeat center / contain;}
.mpmh-renewal .msg-wrap.account .msg-type-4.ico-account-2:before {background:url('../images/mys2026/ico_logo_naver.svg') no-repeat center / contain;}
.mpmh-renewal .msg-wrap.account .msg-type-4.ico-account-3:before {background:url('../images/mys2026/ico_logo_kakao.svg') no-repeat center / contain;}
.mpmh-renewal .msg-wrap.account .msg-type-4.ico-account-4:before {background:url('../images/mys2026/ico_logo_apple.svg') no-repeat center / contain;}
.mpmh-renewal .msg-wrap.account .msg-type-4.ico-account-5:before {background:url('../images/mys2026/ico_logo_solpay.svg') no-repeat center / contain;}

.setting-noti.border > li{padding-bottom: 21px;}
.setting-noti > li strong.tit + p{padding-bottom: 0;}
.setting-noti > li:first-child{padding-bottom:21px;}
.setting-sub{padding-top: 0;}
.setting-sub li{display:flex;justify-content:space-between;align-items:center;padding:21px 0 21px 10px;border-top:1px solid #eee;}
.setting-sub .checkbox-wrap.type-switch{position:unset;}

@media screen and (min-width: 769px) {
.mpmh-renewal .account-manage{margin-top:0;padding: 0;}
.mpmh-renewal .account-manage .account-info{margin: 40px 0 30px 0;}
.mpmh-renewal .account-manage .section-header .ctit + p{font-size:16px;}
.mpmh-renewal .msg-wrap.account .msg-type-4{font-size: 22px;line-height: 30px;}
.mpmh-renewal .msg-wrap.account .last-access{font-size: 14px;line-height: 20px;}
.mpmh-renewal .account-info dl dt{font-size: 14px;}
.mpmh-renewal .account-info dl dd{font-size: 14px;}
.account-info dl dt { width: 20% !important;}
.account-info dl dd { width: 30% !important;}
}


/* SOL 페이 QR 인증 */
.auth-sol{display:flex;justify-content: center;align-items:center;gap:28px;padding:26px 12px;}
.auth-solcode {background:#f7f7fa; padding:24px 0; border-radius: 8px;}
.auth-solcode .tit {font-size:18px; font-weight: 700;}
.auth-solcode .code {font-size:26px; color:#476eff; line-height: 36px; font-weight: 700;}
.auth-solcode .validate {font-size:12px; color:#888; }
.auth-solcode .validate .time {color:#000}

/** 매출캘린더 2026 **/
.mpmh-calendar{position:relative;overflow: hidden;}
.mpmh-calendar .dx-storeCalendar-swiper .title{justify-content: center;}
.mpmh-calendar .dx-storeCalendar-swiper .title .center{width:100%;justify-content: space-between;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl td{height:104px;padding:4px 0;border-left:0;}

@media screen and (max-width: 770px) {
.mpmh-calendar #dragPanel {position: relative;overflow: hidden;}
.mpmh-calendar #dragPanel.is-open{min-height:100%;height:100% !important;}
.mpmh-calendar .inner-content {box-sizing: border-box;padding-bottom: 40px;}
.mpmh-calendar .arrow {width: 12px;height: 12px;border-right: 3px solid #666;border-bottom: 3px solid #666;transform: rotate(45deg);transition: transform 0.4s ease;margin: 5px auto 5px;}

.mpmh-calendar > div{position:relative;}
.mpmh-calendar #toggleBtn {position: absolute;bottom: 0;width: 100%;height: 32px;background: #f7f7fa;cursor: pointer;z-index: 9 !important;}
#dragPanel.is-open{transition: height 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);}
#dragPanel.is-open + #toggleBtn .arrow {transform: rotate(-135deg);margin: 12px auto -5px;}

}

/* 날짜 select bottomsheet */
.mpmh-calendar .dx-storeCalendar-swiper .title .center .date > p.active{padding-right:30px;cursor: pointer;}
.cal-btn-month{position:relative;}
.cal-btn-month::after{content: '';position: absolute;top: 50%;right: 0;display: block;width: 10px;height: 10px;border-top: 2px solid #758293;border-left: 2px solid #758293;transform: translate(-50%, -75%) rotate(225deg);}

/* 메뉴 chip */
.menu-chip-wrap{width: auto;white-space: nowrap;overflow: hidden;overflow-x: auto;padding:8px 0;-ms-overflow-style: none;scrollbar-width:none;}
.menu-chip-wrap::-webkit-scrollbar{display:none;}
.menu-chips {display: -webkit-box;display: -ms-flexbox;display: flex;height: 36px;}
.menu-chips li.menu-chip {margin-left:4px;flex-shrink: 0;width:auto;height: 36px;border-radius: 0;}
.menu-chips li.menu-chip:first-child {margin-left:0;}
.menu-chips li.menu-chip a {position: relative;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width:100%;height: 100%;padding:0 16px;font-weight: 500;font-size: 14px;color: #666;background-color: #eff0f5;border-radius: 36px;line-height: 1.1;transition:all 0.5s;}
.menu-chips li.menu-chip a.active{font-weight: 700;color: #fff;background-color: #414e7f;}

/* 매출캘린더 상세 리스트 */
.cal-store-detail{margin-top:32px;}
.cal-store-detail .amount-mark{display:inline-block;width:4px;height:18px;margin-right:4px;border-radius:2px;vertical-align: sub;text-indent: -9999px;}
.cal-store-detail .amount-mark.-t1{background:#DA1D1D;}
.cal-store-detail .amount-mark.-t2{background:#476EFF;}
.cal-store-detail .amount-mark.-t3{background:#008CA5;}
.cal-store-detail .amount-mark.-t4{background:#F14B25;}
.cal-store-detail .amount-mark.-t5{background:#FF667C;}
.cal-store-detail .amount-mark.-t6{background:#FFCD69;}
.cal-store-detail .amount-mark.-t7{background:#8869CC;}
.cal-store-detail .amount-mark.-t8{background:#32C8F0;}

.cal-store-detail .date{margin-bottom:8px;}
.cal-store-list{border-top:1px solid #000;}
.cal-store-list > li{padding:28px 0;border-bottom:1px solid #eee;}
.cal-store-list .title{line-height:20px;font-weight: 300;margin-bottom:8px;}
.cal-store-list .con{display:flex;justify-content:space-between;align-items:center;padding:8px 0;}
.cal-store-list .con .sub-link{}
.cal-store-list .con .sub-link::after{content: '';display:inline-block;width:5px; height:5px;margin-left:6px;border-right: 1px solid #000; border-bottom: 1px solid #000; transform: translate(-50%, -45%) rotate( -45deg);}
.cal-store-list .con .exp{display:inline-block;vertical-align:text-top;padding-left:6px;color:#888;font-size:12px;font-weight:500;}
.cal-store-list .sub-desc{margin-top:-2px;margin-bottom:8px;padding-left:12px;color:#888;font-size:12px;font-weight:300;}
.cal-store-list .sub-desc .txt-bul{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;word-break:break-all;padding-right:12px;}
.cal-store-list .sub-list{padding:8px 12px;font-weight:300;}
.cal-store-list .sub-list li{margin-bottom:16px;font-size:12px;}
.cal-store-list .sub-list li:last-child{margin-bottom:0;}

.mpmh-renewal .cal-store-list .note-txt.-none{position:relative;padding:0;padding-left:22px;}
.mpmh-renewal .cal-store-list .note-txt.-none::before{content:'';position:absolute;left:0;width:18px;height:18px;line-height:18px;background: url('../images/mys2021/icon_common_error.svg') no-repeat center;background-size:100%;}

/* 캘린더 내부 */
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .item .num{justify-content: center;padding:0 2px;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.circle{width:100%;justify-content:flex-end;padding:0 2px;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.circle > div{display:flex;gap:2px;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.circle .t + .t{margin:0;margin-top:3px;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.circle .t.t1::before {background-color: #ff667c;}/*사업지원*/
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.circle .t.t2::before {background-color: #ffcd69;}/*매장리뷰*/
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.circle .t.t3::before {background-color: #8869cc;}/*프리멤버스/법인가맹점재인증*/
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.circle .t.t4::before {background-color: #32c8f0;}/*운영소식*/

.mpmh-calendar .calendar-tbl .amount-wrap{height:24px;margin:4px 0;padding:0 2px;}
.mpmh-calendar .calendar-tbl .amount{margin-top:4px;text-align:right;font-size:8px;font-weight:300;line-height:1;}
.mpmh-calendar .calendar-tbl .amount.-approved{color:#DA1D1D;}
.mpmh-calendar .calendar-tbl .amount.-deposit{color:#476eff;}

.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line .t.t5{background-color:#edf7f9;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line .t.start.t5::before{background:#008ca5;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line .t.t6{background-color:#fcf4f4;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line .t.start.t6::before{background:#f14b25;}

.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line{height:18px;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line .t{height:8px;}

.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line .t.start.end.t5,
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line .t.start.end.t6,
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line .t.end.t5,
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .task.line .t.end.t6 {width:100%;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .item .num.active{color:#fff !important;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .item .num.active::before{background:#476EFF;}

@media screen and (min-width: 769px) {
.mpmh-calendar{display:flex;gap:48px;}
.mpmh-calendar > div:nth-of-type(1){flex:1;}
.mpmh-calendar .dx-storeCalendar-swiper{line-height:1;}
.mpmh-calendar .dx-storeCalendar-swiper .swiper-slide{width:100% !important;height:667px !important;}
.cal-store-detail{width:312px;margin-top:0;}
.cal-store-lists{height:730px;}
.cal-store-list{height:100%;overflow-y:scroll;overflow-x: hidden;-ms-overflow-style: none;scrollbar-width:none;}
.cal-store-list::-webkit-scrollbar{display:none;}
.mpmh-calendar .dx-storeCalendar-swiper .calendar-tbl .item .num.active::before{left: 50%;transform: translate(-50%, 0);}
}

/* mobile에서 캘린더 접히는 영역 */
@media screen and (max-width: 770px){
.dx-storeCalendar-swiper .calendar-tbl .item{min-height:104px;}
.dx-storeCalendar-swiper .calendar-tbl .task.circle{margin:0;}
}

/* 전체메뉴 */
.menu-wrap .last-access{margin:0 24px;}
.menu-wrap .menus.service-wrap{margin-top:20px;}
.menu-wrap .menus.service-wrap dl dt{padding:24px 24px 16px;font-size:22px;font-weight:700;border-bottom:1px solid #eee;}
.menu-wrap .menus.service-wrap dl dd ul li span{margin-top:8px;color:#3D4964;font-weight: 500;}
.menu-wrap .menus.service-wrap dl dd{margin-top:20px;}
.menu-wrap .menus.service-wrap dd:before{content:none;}
.menu-wrap .menus.allmenu-wrap{margin-top:0;}
.allmenu-wrap .ui-tab-conts{margin-top:8px;padding-top:0;}
.allmenu-wrap .allmenu-nav{padding-top:0;}
.allmenu-wrap .allmenu-nav .allmenu-tab{padding:0 20px;}
.allmenu-wrap .allmenu-nav .ui-tab li{min-width:80px;width:auto;}
.allmenu-wrap .allmenu-nav .ui-tab li > a{padding:0 16px;}
.allmenu-wrap .ui-tab-conts .allmenu-cont{padding: 0;}
.allmenu-wrap .allmenu-cont .allmenu-list{padding:0;border-bottom:0;}
.allmenu-wrap .allmenu-cont .allmenu-list .tit{padding:24px 24px 16px;font-size:22px;line-height:30px;border-bottom:1px solid #eee;color:#000;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item{margin:0;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item > a{width:100%;padding:16px 24px;font-size:16px;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item > a.new-link::after{content:'';display:inline-block;width:16px; height:16px;background:url('../images/mys2026/ico_new_link_navy.svg') no-repeat center;margin-left: 4px;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item > a.new-tab::after{content: '';display:inline-block;width:7px; height:7px;margin-left:10px;border-right: 1.4px solid #000; border-bottom: 1.4px solid #000; transform: translate(-50%, -15%) rotate( -45deg);}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-list{flex-direction:column;margin-top:0;padding:0;}
.allmenu-wrap .allmenu-cont .allmenu-list .sub-dep-item{background:#f8f8f8;}
.allmenu-wrap .allmenu-cont .allmenu-list .sub-dep-item li a{width:100%;padding:16px 34px;font-weight:500;color:#666;font-size:14px;line-height:16px;}
.allmenu-wrap .allmenu-cont .allmenu-list .sub-dep-item a.new-tab::after{content: ''; display:inline-block;width:6px; height:6px;margin-left:10px;border-right: 1.2px solid #666; border-bottom: 1.2px solid #666; transform: translate(-50%, -15%) rotate( -45deg);}

.menu-wrap .menus.service-wrap {margin-top: 20px;}
.menu-wrap .menus.service-wrap dl dt {padding: 24px 24px 16px;font-size: 22px;font-weight: 700;border-bottom: 1px solid #eee;}
.menu-wrap .menus.service-wrap dl dd ul li span {margin-top: 8px;color: #3D4964;font-weight: 500;}
.menu-wrap .menus.service-wrap dl dd {margin-top: 20px;}
.menu-wrap .menus.service-wrap dd:before {content: none;}
.menu-wrap .menus.allmenu-wrap {margin-top: 0;}

.allmenu-wrap .ui-tab-conts {margin-top: 8px;padding-top: 0;}
.allmenu-wrap .allmenu-nav {padding-top: 0;}
.allmenu-wrap .allmenu-nav .allmenu-tab {padding: 0 20px;}
.allmenu-wrap .allmenu-nav .ui-tab li {min-width: 80px;width: auto;}
.allmenu-wrap .allmenu-nav .ui-tab li>a {padding: 0 16px;}
.allmenu-wrap .ui-tab-conts .allmenu-cont {padding: 0;}
.allmenu-wrap .allmenu-cont .allmenu-list {padding: 0;border-bottom: 0;}
.allmenu-wrap .allmenu-cont .allmenu-list .tit {padding: 24px 24px 16px;font-size: 22px;line-height: 30px;border-bottom: 1px solid #eee;color: #000;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item {margin: 0;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item>a {width: 100%;padding: 16px 24px;font-size: 16px;line-height: 22px;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item>a.new-link::after {content: '';display: inline-block;width: 16px;height: 16px;background: url('../images/mys2026/ico_new_link_navy.svg') no-repeat center;margin-left: 4px;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item>a.new-tab::after {content: '';display: inline-block;width: 7px;height: 7px;margin-left: 10px;border-right: 1.4px solid #000;border-bottom: 1.4px solid #000;transform: translate(-50%, -15%) rotate(-45deg);}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-list {flex-direction: column;margin-top: 0;padding: 0;}
.allmenu-wrap .allmenu-cont .allmenu-list .sub-dep-item {background: #f8f8f8;}
.allmenu-wrap .allmenu-cont .allmenu-list .sub-dep-item li a {width: 100%;padding: 16px 34px;font-weight: 500;color: #666;font-size: 14px;line-height: 16px;}
.allmenu-wrap .allmenu-cont .allmenu-list .sub-dep-item a.new-tab::after {content: '';display: inline-block;width: 6px;height: 6px;margin-left: 10px;border-right: 1.2px solid #666;border-bottom: 1.2px solid #666;transform: translate(-50%, -15%) rotate(-45deg);}

.layer-popup.all-menu .pop-head .title{padding-left:30px;}
.layer-popup.all-menu .pop-head .title .btn-log-out{display:flex;justify-content:center;width:24px;height:24px;padding-top:24px;padding-left:0;background-size:24px 24px;background-position:center;font-size:9px !important;font-weight: bold;line-height:12px;color:#000;}
.layer-popup.all-menu .pop-head .title .btn{padding-top:24px;font-size:9px !important;font-weight: bold;line-height:12px;color:#000;}
.layer-popup.all-menu .pop-head .title button.pop-close{top: 16px;right:24px !important;text-indent: 0;font-size: 9px;padding-top: 20px;width: 24px !important;height: 24px !important;overflow: unset;}


/* 홈 - 메인 */
.wrap.main .noti-wrap{margin-top:32px;}
.wrap.main > .container > .contents.noti{padding-top:88px;}
.wrap.main > .container > .contents{padding-top:40px;}
.wrap.main .mpmh-renewal .noti-wrap{background: #D0DAE6;}
.wrap.main .mpmh-renewal .noti-wrap > a span{color:#383B5A;font-weight:300;}
.wrap.main .mpmh-renewal .noti-wrap .btn-close:before, .wrap.main .mpmh-renewal .noti-wrap .btn-close:after{background:#76798E;}


.wrap.main .header .store-sel.-no-store{display:flex;line-height:32px;}
.wrap.main .header .store-sel.-no-store a{position:relative;height:100%;font-size:16px;font-weight:500;display: flex;gap: 0 4px;justify-content: flex-start;align-items: center;}
.wrap.main .header .store-sel.-no-store a strong{color:#476EFF;text-decoration:underline;}
.wrap.main .header .store-sel.-no-store a::after{content: '';display:inline-block;margin-left:4px;width:8px; height:8px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: translate(-50%, 0) rotate( -45deg);}

.wrap.main .mpmh-renewal .sect-main-wrap{flex-direction: column;}
.wrap.main .mpmh-renewal .sect-main .login-wrap{width:100%;padding:0;}

.wrap.main .mpmh-renewal .sect-service{padding:40px 0;background:#fff;}
.wrap.main .mpmh-renewal .sect-service .flex-box{flex-wrap: wrap;gap:16px 0;}
.wrap.main .mpmh-renewal .sect-service .flex-box li{padding:8px 0 0;}
.wrap.main .mpmh-renewal .sect-service .item-wrap{max-height:none;}
.wrap.main .mpmh-renewal .store-info-wrap + .show-banner{margin-top:20px;}
.wrap.main .mpmh-renewal .show-banner{min-height:180px;height:100% !important;margin:0;margin-top:40px;box-shadow: none;}
.wrap.main .mpmh-renewal .show-banner .swiper-container,
.wrap.main .mpmh-renewal .show-banner .swiper-wrapper{height:100%;}
.wrap.main .mpmh-renewal .show-banner .swiper-slide{height:100% !important;}
.wrap.main .mpmh-renewal .show-banner .banner{padding:20px;height:180px;}
.wrap.main .mpmh-renewal .show-banner .banner1{background:#F6F6F6;}
.wrap.main .mpmh-renewal .show-banner .banner2{background:#D6F4FC;}
.wrap.main .mpmh-renewal .show-banner .banner3{background:#DAE2FF;}
.wrap.main .show-banner .banner > p{position:relative;margin-top:0;font-size:18px;line-height:26px;font-weight:700;color:#3048A2;z-index: 2;}
.wrap.main .show-banner .banner > span{position:relative;z-index:2;display:block;margin-top:16px;font-size:11px;line-height:18px;font-weight:300;color:#3D4964;}
.wrap.main .show-banner .banner .img{top:unset;bottom:0;right:0;width:148px;height:180px;}
.wrap.main .show-banner .banner .img img{height:100%}
.wrap.main .show-banner .controlbox{bottom:10px;right:10px;}
.wrap.main .sect-main .service-info-wrap .swiper-container{padding:0 0 38px 0;}
.wrap.main .sect-main .service-info-wrap .swiper-container:before{content:none;}
.wrap.main .sect-main .service-info-wrap .swiper-slide:not(.short-cut){box-shadow: none;}
.wrap.main .sect-main .service-info-wrap .swiper-slide:not(.short-cut):last-child{margin-right:0 !important;}
.wrap.main .sect-main .service-info-wrap .info-box {display: block;}
.wrap.main .sect-main .service-info-wrap .info-box1,
.wrap.main .sect-main .service-info-wrap .info-box4 {background: linear-gradient(90deg, #5d87ff, #9b9eff);}
.wrap.main .sect-main .service-info-wrap .info-box2,
.wrap.main .sect-main .service-info-wrap .info-box5 {background: linear-gradient(90deg, #4aaaed, #2bcfce);}
.wrap.main .sect-main .service-info-wrap .info-box3,
.wrap.main .sect-main .service-info-wrap .info-box6 {background: linear-gradient(90deg, #8a75f3, #c697f3);}
.wrap.main .sect-main .service-info-wrap .info-box{width:100%;}
.wrap.main .sect-main .service-info-wrap .info-box:after{width:calc(100% - 4px);}

.wrap.main .mpmh-renewal .service-store-wrap.-flex-column{display:flex;flex-direction: column;gap:10px;}
.wrap.main .mpmh-renewal .service-store-wrap .link-card{border-radius:8px;padding:20px;flex:1;}
.wrap.main .mpmh-renewal .service-store-wrap .link-card.-num{background:#EDF0F8 url('../images/mys2026/bg_bann_number.png') no-repeat 97% center;}
.wrap.main .mpmh-renewal .service-store-wrap .link-card.-store{background:#EDF0F8 url('../images/mys2026/bg_bann_store.png') no-repeat 92% center;}
.wrap.main .mpmh-renewal .service-store-wrap .link-card p{margin-top:4px;font-size:11px;line-height:18px !important;color:#3D4964 !important;font-weight:300;}
.wrap.main .mpmh-renewal .service-store-wrap .text-link-arrow{font-size:14px;color:#000;}
.wrap.main .mpmh-renewal .service-store-wrap .text-link-arrow:after{border-right:1px solid #000;border-bottom:1px solid #000;}
.wrap.main .mpmh-renewal .sect-info-link{width:100%;padding:20px;border-radius: 8px;background: linear-gradient(90deg,#D7FDED 0%, #E9FEFA 100%);}

/* 공지사항,서식자료실 */
.wrap.main .mpmh-renewal .sect-sub-service{display:flex;flex-direction: column;margin-top:40px;}
.wrap.main .mpmh-renewal .service-archive-wrap{position:relative;display:flex;flex-direction: column;gap:32px;}
.wrap.main .mpmh-renewal .service-archive-wrap li{font-weight: 300;}
.wrap.main .mpmh-renewal .service-archive-wrap li:first-child{padding-bottom:20px;border-bottom:1px solid #f1f1f3;}
.wrap.main .mpmh-renewal .service-archive-wrap .text-link-arrow{font-size:16px;color:#000;font-weight:500;}
.wrap.main .mpmh-renewal .service-archive-wrap .text-link-arrow::after{right:-18px;width:7px;height:7px;border-right:1px solid #000;border-bottom:1px solid #000;}

.wrap.main .mpmh-renewal .new-link{display:flex;align-items:center;font-size:16px;font-weight:500;}
.wrap.main .mpmh-renewal .new-link::after{content:'';display:inline-block;flex:none;width:16px;height:16px;margin-left:4px;background:url('../images/mys2026/ico_new_link.svg') no-repeat center;}
.wrap.main .mpmh-renewal .service-archive-wrap .date{color:#414E7F;font-size:12px;margin-top:24px;}
.wrap.main .mpmh-renewal .service-customer-wrap{margin:40px -24px -40px;padding:20px 24px 40px;background:#f8f8f8;border-radius:8px;flex:1;}
.wrap.main .mpmh-renewal .service-customer-wrap .text-link-arrow{font-size:16px;color:#000;font-weight:500;cursor:default;}
.wrap.main .mpmh-renewal .service-customer-wrap .text-link-arrow::after{content:none;}
.wrap.main .mpmh-renewal .service-customer-wrap .customer-links{display: flex;gap: 32px;text-align: center;justify-content: center;margin-top:22px;}
.wrap.main .mpmh-renewal .service-customer-wrap .customer-links .link{width:56px;padding-top: 64px;color:#3D4964;font-size:12px;line-height:16px;}
.wrap.main .mpmh-renewal .service-customer-wrap .customer-links .link.-faq{background:url('../images/mys2026/ico_main_faq_link.svg') no-repeat top center;background-size:100% auto;}
.wrap.main .mpmh-renewal .service-customer-wrap .customer-links .link.-spot{background:url('../images/mys2026/ico_main_location_link.svg') no-repeat top center;background-size:100% auto;}
.wrap.main .mpmh-renewal .service-customer-wrap .customer-links .link.-ars{background:url('../images/mys2026/ico_main_ars_link.svg') no-repeat top center;background-size:100% auto;}

/* 전일,전월 탭 영역 */
.wrap.main .show-sales-amount{position:relative;margin:0;padding:0;}
.wrap.main .show-sales-amount .ui-tab{position: absolute;top:18px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:4px;}
.wrap.main .show-sales-amount .tab{color:#D1D2D9;border-radius:10px;background:#f8f8f8;font-size:11px;font-weight:700;padding:2px 8px;}
.wrap.main .show-sales-amount .tab.act{color:#76798E;background:#fff;}
.wrap.main .show-sales-amount .tab-content{padding:68px 16px 18px;border-radius:8px;}
.wrap.main .show-sales-amount .tab-content.day {background: linear-gradient(90deg, #d9e6ff, #ebebff);}
.wrap.main .show-sales-amount .tab-content.month {background: linear-gradient(90deg, #d9f2ff, #e4fff7);}
.wrap.main .show-sales-amount .tab-content .date{position: absolute;top:18px;left:16px;color:#717B9F;font-size:14px;line-height:20px;}
.wrap.main .show-sales-amount .tab-content .total > li:first-child div{padding-bottom:8px;}
.wrap.main .show-sales-amount .tab-content .total > li:last-child{padding-top:8px;border-top:1px solid #d1d2d9;}
.wrap.main .show-sales-amount .tab-content .total .data{display:flex;justify-content:space-between;}
.wrap.main .show-sales-amount .tab-content .total .data strong{font-size:20px;}

/* 금주의 매출캘린더 */
.wrap.main .sect-calendar{margin-top:20px;}
.wrap.main .sect-calendar h2{font-size:18px;}
.wrap.main .sect-calendar .btn-show-all{display:block;border-radius:2px;background:#EFF0F5;text-align:center;padding:8px 16px;font-weight:300;}
.wrap.main .sect-calendar .calendar-legend{display:flex;justify-content: space-between;margin-top:20px;margin-bottom:16px;}
.wrap.main .sect-calendar .calendar-legend .date{font-size:18px;line-height:26px;}
.wrap.main .sect-calendar .calendar-legend .subject{display:flex;justify-content: flex-start;align-items: center;gap:8px;}
.wrap.main .sect-calendar .calendar-legend .subject li{color:#888;font-size:11px;font-weight:300;}
.wrap.main .sect-calendar .calendar-legend .subject li:first-child::before{content:'';display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#DA1D1D;}
.wrap.main .sect-calendar .calendar-legend .subject li:last-child::before{content:'';display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#476EFF;}
.wrap.main .sect-calendar .calendar-tbl .day{border-bottom:1px solid #eee;}
.wrap.main .sect-calendar .calendar-tbl .day th{padding-bottom:10px;font-weight: 300;}
.wrap.main .sect-calendar .calendar-tbl tr:not(.day){height:76px;vertical-align: top;border-bottom:1px solid #eee;}
.wrap.main .sect-calendar .calendar-tbl .num{position:relative;margin-bottom:4px;text-align: center;line-height:28px;font-size:14px;font-weight:300;}
.wrap.main .sect-calendar .calendar-tbl .num.active{color:#fff;font-weight:500;}
.wrap.main .sect-calendar .calendar-tbl .num.active::before{content:'';position: absolute;width: 28px;height: 28px;background: #476EFF;border-radius: 100%;position: absolute;left: 50%;top: 0;z-index: -1;transform: translate(-50%, 0);}
.wrap.main .sect-calendar .calendar-tbl .t-red{color:#FB5C4F;}
.wrap.main .sect-calendar .calendar-tbl .t-blue{color:#476EFF;}
.wrap.main .sect-calendar .calendar-tbl .amount{text-align:right;font-size:8px;font-weight:300;line-height:12px;}
.wrap.main .sect-calendar .calendar-tbl .amount.-approved{color:#DA1D1D;}
.wrap.main .sect-calendar .calendar-tbl .amount.-deposit{color:#476EFF;}
.wrap.main .sect-calendar .calendar-tbl tr:last-child td{padding:4px 2px;}
.wrap.main .shop-reports-list .report-body .detail-view{font-size:14px;color:#fff;}


/* 홍보메세지, 무이자할부 링크 배너 */
.wrap.main .sub-bann-links{display:flex;flex-direction:column;gap:8px;margin-top:40px;}
.wrap.main .sub-bann-links .link-box{flex:1;padding:24px 20px;border-radius:8px;font-weight:300;}
.wrap.main .sub-bann-links .link-box a {position: relative;font-size:14px;color:#000;}
.wrap.main .sub-bann-links .link-box a:after {content: ''; position: absolute; right: -18px; top: 50%; width:7px; height:7px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: translate(-50%, -45%) rotate( -45deg);}
.wrap.main .sub-bann-links .link-box.-message{background:#EDF0F8 url('../images/mys2026/bg_bann_message.svg') no-repeat right center;background-size:40% 100%;}
.wrap.main .sub-bann-links .link-box.-percent{background:#EDF0F8 url('../images/mys2026/bg_bann_percent.svg') no-repeat right center;background-size:40% 100%;}

/* 추천마케팅 */
.wrap.main .sect > strong.labeling{margin-left:0;}
.wrap.main .show-marketing{margin-right:-24px;padding: 0 0 54px;}
.wrap.main .show-marketing .money {position: absolute;bottom: -38px;right: -24px;display: block;width: 144px;height: 80px;opacity: .3;z-index: unset !important;transition: all .5s .25s ease-in-out;}
.wrap.main .show-marketing .money.act {opacity: 1;}
.wrap.main .show-marketing .money1 {background: url('../images/mys2021/icon_marketing_money_01.svg') 0 0 no-repeat;background-size: 144px auto;}
.wrap.main .show-marketing .money2 {background: url('../images/mys2021/icon_marketing_money_02.svg') 0 0 no-repeat;background-size: 144px auto;}
.wrap.main .show-marketing .swiper-scrollbar {position: absolute;left: 24px;bottom: 0;height: 2px;width: calc(100% - 48px);background: rgba(0, 0, 0, .05);z-index: 2;}
.wrap.main .show-marketing .swiper-scrollbar-drag {position: relative;height: 100%;width: calc(100% - 48px);background: rgba(0, 0, 0, .5);border-radius: 10px;}
.wrap.main .sect-marketing .marketing{margin-bottom:48px;}

@media screen and (min-width: 769px) {
    .wrap.main .show-marketing .swiper-slide {width: 320px;}
    .wrap.main .show-marketing .money {opacity: 1}
    .wrap.main .show-marketing .swiper-scrollbar {left: 12px;width: calc(100% - 24px);}
    .wrap.main .show-marketing .swiper-scrollbar-drag {width: calc(100% - 24px);}
}

/* 보고서 */
.wrap.main .shop-reports{margin-left:-24px;margin-right:-24px;}

/* 사업지원금 */
.wrap.main .dx-bn-intro {margin:0;margin-top:16px;border-radius: 12px; padding:20px; background-image:url('../images/mys2026/m_bg_bann_support.png'), linear-gradient(90deg, #d7fded 0%, #e9fefa 100%);background-position: right 0 top 0, 0 0;background-size: 134px 112px, 100% 100%;background-blend-mode: multiply; background-repeat: no-repeat no-repeat}
.wrap.main .dx-bn-intro .tit {margin-bottom:8px;font-size:11px; display: inline-block; color:#717b9f; font-weight:700; line-height: 150%; padding:2px 8px; border-radius: 8px; background:#fff;vertical-align:middle;}
.wrap.main .dx-bn-intro p {color:#666; font-size:12px}
.wrap.main .dx-bn-intro .empha {font-size:14px; font-weight:700; color:#333}
.wrap.main .dx-bn-intro .empha b {color:#3048a2; font-size:18px; }
.wrap.main .dx-bn-intro .has-link {position:relative;padding-left:0;padding-right:12px;font-size:11px;color:#76798E;}
.wrap.main .dx-bn-intro .has-link::after {position:absolute; bottom:5px; right:0; content: ''; display: inline-block; width:6px; height:6px; border-top:1px solid #333;  border-right:1px solid #333; transform: rotate(45deg);}

/* 홍보메세지 보내기 */
.wrap.main .sect-marketing + .sect-promote,
.wrap.main .sect-marketing ~ .sect-promote{margin:0;}
.wrap.main .sect-promote{height:auto;margin-top:48px;padding:40px 0;}
.wrap.main .sect-promote .promote-sending {min-height:246px;height:auto;margin:0 -24px;padding: 0 24px;background: url('../images/mys2026/bg_main_promote_map.png') no-repeat 100% 30px;background-size:auto 75%;}
.wrap.main .sect-promote .promote-sending .btn-group{margin-top:68px;}


/* 마케팅 관리 진행별 케이스 */
.wrap.main .sect-marketing .dx-main.marketing{margin:-48px -24px 0;padding:48px 24px 40px;background-position:top 5px right 0;background-size: 180px;}
.wrap.main .sect-marketing .dx-main.marketing.step1{background-image:url('../images/mys2026/bg_main_marketing_01.png');}
.wrap.main .sect-marketing .dx-main.marketing.step2{background-image:url('../images/mys2026/bg_main_marketing_02.png');}
.wrap.main .sect-marketing .dx-main.marketing.step3{background-image:url('../images/mys2026/bg_main_marketing_03.png');}
.wrap.main .sect-marketing .dx-main.marketing.step4{background-image:url('../images/mys2026/bg_main_marketing_04.png');}
.wrap.main .sect-marketing .dx-main .tags span{overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}

/* 홍보메세지 진행별 케이스 */
.wrap.main .dx-main.sending{margin:0 -24px;padding:48px 24px 40px;background-color:#f8f8f8;background-repeat:no-repeat;background-position: top 0 right 0;background-size: 180px;border-radius: 0;}
.wrap.main .dx-main.sending.step1{background-image:url('../images/mys2026/bg_main_message_01.png');}
.wrap.main .dx-main.sending.step2{background-image:url('../images/mys2026/bg_main_message_02.png');background-size:230px;background-position:top -50px right -15px;}
.wrap.main .dx-main.sending.step3{background-image:url('../images/mys2026/bg_main_message_03.png');}
.wrap.main .dx-main.sending.step4{background-image:url('../images/mys2026/bg_main_message_04.png');}
.wrap.main .dx-main.sending .tit{background:#D0DAE6;color:#000;}
.wrap.main .dx-main.step1 .processing::before,
.wrap.main .dx-main.step2 .processing::before,
.wrap.main .dx-main.step3 .processing::before,
.wrap.main .dx-main.step4 .processing::before{content:none;}
.wrap.main .dx-main .processing a{padding-right:16px;}
.wrap.main .dx-main .processing::after{position: absolute;top:11px;width:8px;height:8px;}
.wrap.main .dx-main .processing + p{padding-right:0;word-break: break-all;font-weight:300;}

/* 상권보고서 바로가기 */
.store-report-wrap{padding:20px 20px 40px;border-radius:8px;background-image: url('../images/mys2026/bg_store_report.png');background-position: 0 0;background-size:100% 100%;background-repeat: no-repeat no-repeat;}
.store-report-wrap .title{font-size:18px;color:#fff;font-weight:700;line-height:26px;}
.store-report-wrap .title > span{display:block;margin-top:8px;font-size:11px;font-weight:300;line-height:18px;opacity: 0.7;}
.store-report-wrap .btn{margin-top:20px;}

/* app안내 플로팅 배너 */
.wrap.main .sect-appbanner .app-guide-wrap{background:#EDF0F8 url('../images/mys2026/bg_main_bann_app.svg') no-repeat top -15px right 20px}
.wrap.main .sect-appbanner .app-guide-wrap .tit{padding:20px 24px;}
.wrap.main .sect-appbanner .app-guide-wrap .tit:before{content:none;}
.wrap.main .sect-appbanner .app-guide-wrap .tit p{font-size:16px;font-weight:300;color:#000;}
.wrap.main .sect-appbanner .app-guide-wrap .tit strong{font-size:16px;font-weight:700;line-height:22px;}
.wrap.main .sect-appbanner .app-guide-wrap .txt-link{display:flex;align-items:center;margin-top:8px;color:#494F60;line-height:16px;}
.wrap.main .sect-appbanner .app-guide-wrap .txt-link::before{content:none;}
.wrap.main .sect-appbanner .app-guide-wrap .txt-link::after{content: ''; position:unset;display:inline-block;margin-left:10px; width:5px; height:5px; border-right: 1px solid #494F60; border-bottom: 1px solid #494F60; transform: translate(-50%, 0) rotate( -45deg);}
.wrap.main .sect-appbanner.act{z-index:10;}


@media screen and (max-width: 770px){
    .wrap.main .header{height:auto;min-height:80px;padding:16px 0;}
    .wrap.main .header h1.title{display:flex;flex-direction:column;padding:0 88px 0 24px}
    .wrap.main .header .logo a{display:inline-block;padding-left:0;width:150px;height:30px;}
    .wrap.main .header .logo a > img{display:block !important;width:100%;height:100%;}
    .wrap.main .header .btn-store {display: block; position: relative;}
    .wrap.main .header .btn-store .name {position:relative;display: block; font-size:18px; color: #000; align-items: center; word-break: break-all; padding-right: 30px;}
    .wrap.main .header .btn-store .name .account-type{display:inline-block;margin: -4px 0 0 0; vertical-align: middle;}

    .wrap.main .header .btn-store + .num {display: block; margin-top: 0; font-size:14px; color: #666;font-weight:300;}
    .wrap.main .header .btn-store.disabled::after {display: none;}
    .wrap.main .header .btn-store {display: flex !important;gap:4px;}
    .wrap.main .header .btn-store .arrow {flex:none;width:10px; height:10px; border-top:2px solid #000; border-left:2px solid #000;margin-top:5px;margin-left:10px;transform:translate(-50%, -40%) rotate(225deg); transition:all .5s;}
    .wrap.main .mpmh-renewal .show-banner .swiper-container,
    .wrap.main .mpmh-renewal .show-banner .swiper-wrapper{height:180px;}
    .wrap.main .header .btn-store .name{display:flex;justify-content: flex-start;align-items:flex-start;gap:4px;padding-right:0;}
    .wrap.main .header .btn-store .name .store{display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;font-size:18px;line-height:20px;}
    .wrap.main .header .btn-store .name .account-type{margin-top:2px;overflow:visible;text-overflow: unset;white-space: unset;}

    .wrap.main .mpmh-renewal .sect-main .login-wrap .logo-link{display:block;width:190px;height:38px;margin-bottom:12px;}
    .wrap.main .mpmh-renewal .sect-main .login-wrap .logo-link img{width:100%;height:100%;}
}

@media screen and (min-width: 769px) {
    .wrap.main > .container > .contents.noti{padding-top:112px;}
    .wrap.main .noti-wrap{margin:48px 0 28px;}
    .wrap.main .mpmh-renewal .sect-main .login-wrap{min-width:328px;width:auto;}
    .wrap.main .mpmh-renewal .sect-main-wrap{display:flex;flex-wrap:nowrap;gap:24px;align-items: center;justify-content: space-between;flex-direction: row;}
    .wrap.main .mpmh-renewal .store-info-wrap + .show-banner{margin-top:0;}
    .wrap.main .mpmh-renewal .show-banner{min-height:270px;height:100%;margin-top:0;flex: 1;width: 100% !important;overflow: hidden;}
    .wrap.main .mpmh-renewal .show-banner .swiper-container,
    .wrap.main .mpmh-renewal .show-banner .swiper-wrapper{min-height:270px;max-height:270px;}
    .wrap.main .mpmh-renewal .show-banner .swiper-slide{width:100% !important;min-height:270px;}
    .wrap.main .mpmh-renewal .show-banner .banner{max-width:680px;width:100%;min-height:270px;height:100%;padding:40px;}
    .wrap.main .show-banner .banner > p{position:relative;font-size:28px;line-height:36px;z-index:5;}
    .wrap.main .show-banner .banner > span{font-size:16px;line-height:22px;}
    .wrap.main .show-banner .banner .img{width:320px;height:270px;}
    .wrap.main .show-banner .controlbox{bottom:20px;right:20px;}

    .wrap.main .store-info-wrap{max-width:328px;display:flex;flex-direction:column;gap:12px;}
    .wrap.main .btn-store .name{display:flex;justify-content: flex-start;align-items:center;gap:4px;}
    .wrap.main .btn-store .name .store{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .wrap.main .btn-store .name .store + .account-type{margin:0;}
    .wrap.main .btn-store .name .account-type{margin-top: 0 !important;}

    .wrap.main .mpmh-renewal .sect-main .service-info-wrap{width:680px;}
    .wrap.main .mpmh-renewal .sect-service{padding:48px 0 42px;}
    .wrap.main .mpmh-renewal .sect-service .flex-box{flex-wrap: nowrap;gap:0;}
    .wrap.main .mpmh-renewal .service-store-wrap{flex:auto;max-width:328px;}
    .wrap.main .mpmh-renewal .service-store-wrap.-flex-column{gap:16px;}

    .wrap.main .sect-marketing{width:592px;height:365px;flex:none;}
    .wrap.main .sect-marketing .dx-main.marketing{height:365px;margin:0 !important;padding:64px 24px 40px;background-size: 180px 180px;border-radius: 8px;}
    .wrap.main .sect-marketing .marketing{margin-bottom:0;}
    .wrap.main .dx-main.sending{margin:0;height:365px;padding:64px 24px 41px;background-position:top 0 right 0;background-size: 180px 180px;border-radius: 8px;}
    .wrap.main .dx-main.sending.step2{background-size:230px 230px;background-position:top -70% right -20px;}
    .wrap.main .show-marketing{margin-top:32px !important;margin-right:0;padding-bottom:58px;}
    .wrap.main .sect-promote {width:100%;height:365px;margin-top:0;}
    .wrap.main .sect-promote .promote-sending{min-height:365px;display:flex;flex-direction:column;margin:0;padding:0 24px !important;background: url('../images/mys2026/bg_main_promote_map.svg') no-repeat 100% 70% / 330px auto;}
    .wrap.main .sect-promote .promote-sending .btn-group{margin-top:auto;}
    .wrap.main .sect-main-wrap .store-sel{min-width: 328px;width:100%;min-height:78px;}
    .wrap.main .sect-main-wrap .store-sel.-no-store{position:relative;border:1px solid #eee;border-radius:8px;}
    .wrap.main .sect-main-wrap .store-sel.-no-store a{position:relative;display:flex;align-items:center;height:100%;padding:28px 16px;font-size:18px;font-weight:500;}
    .wrap.main .sect-main-wrap .store-sel.-no-store a strong{color:#476EFF;text-decoration:underline;}
    .wrap.main .sect-main-wrap .store-sel.-no-store::after{content: ''; position: absolute;top:33px;right:18px;display:inline-block;width:8px; height:8px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: translate(-50%, 0) rotate( -45deg);}
    .wrap.main .header .store-sel.-no-store a{display:none;}

    .wrap.main .sect-main .service-info-wrap .swiper-slide.short-cut{display:none;}
    .wrap.main .sect-main .service-info-wrap .swiper-slide:not(.short-cut){width:calc(33% - 25px);max-width:200px;margin-right:40px !important;}
    .wrap.main .sect-main .service-info-wrap .swiper-container{padding:0;}
    .wrap.main .sect-main .service-info-wrap .swiper-wrapper {height:210px;transform: translate3d(0px, 0px, 0px) !important;transition-duration: 0ms !important;}
    .wrap.main .sect-calendar{margin-top:48px;}
    .wrap.main .sect-calendar .btn-show-all{width:312px;margin:0 auto;}

    .wrap.main .sect-calendar .calendar-tbl tr:not(.day){height:116px;}
    .wrap.main .sect-calendar .calendar-tbl .amount{text-align: right;font-size:11px;line-height:18px;}

    .wrap.main .shop-reports{margin:0;border-radius:8px;overflow:hidden;}
    .wrap.main .shop-reports-list > li:first-child .layer.report1,
    .wrap.main .shop-reports-list > li:last-child .layer.report4{border-radius:0;}

    .wrap.main .mpmh-renewal .sect-sub-service{margin-top:40px;gap:24px;justify-content:space-between;align-items: center;flex-direction: row;}

    .wrap.main .mpmh-renewal .service-archive-wrap{display:flex;flex-direction:row;width:592px;height:150px;padding:20px;gap:60px;}
    .wrap.main .mpmh-renewal .service-archive-wrap::before{content:'';position:absolute;left:50%;top:20px;width:2px;height:110px;background:#f1f1f3;}
    .wrap.main .mpmh-renewal .service-archive-wrap li{flex:1;}
    .wrap.main .mpmh-renewal .service-archive-wrap li:first-child{border-bottom:0;padding-bottom:0;}
    .wrap.main .sub-bann-links{margin-top:48px;flex-direction:row;gap:24px;justify-content:space-between;width:100%;}

    .wrap.main .mpmh-renewal .service-customer-wrap{margin:0 !important;}
    .wrap.main .sub-bann-links .link-box a:after {content: ''; position: absolute; right: -15px; top: 50%; width:7px; height:7px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: translate(-50%, -45%) rotate( -45deg);}
    .wrap.main .sub-bann-links .link-box.-message{background:#EDF0F8 url('../images/mys2026/bg_bann_message.svg') no-repeat 100% center;background-size:auto 100%;}
    .wrap.main .sub-bann-links .link-box.-percent{background:#EDF0F8 url('../images/mys2026/bg_bann_percent.svg') no-repeat 100% center;background-size:auto 100%;}
    .wrap.main .dx-bn-intro{margin-top:0;background-image:url('../images/mys2026/bg_bann_support.png'), linear-gradient(90deg, #d7fded 0%, #e9fefa 100%);background-position: right 20px top 0, 0 0;background-size: 228px 63px, 100% 100%;}
    .wrap.main .sect-main-wrap + .dx-bn-intro{margin-top:20px;}
    .wrap.main .dx-bn-intro .tit{margin-bottom:0;margin-right:8px;}
    .wrap.main .dx-bn-intro .has-link{padding-left:12px;}
    .wrap.main .sect-appbanner-pc{height:140px;margin-top:40px;}
    .wrap.main .sect-appbanner-pc .app-guide-wrap{width:680px;margin-top:0;background:#EDF0F8 url('../images/mys2026/bg_main_bann_app.svg') no-repeat right top;background-size:contain;}
    .wrap.main .sect-appbanner-pc .app-guide-wrap .tit{height:100%;padding: 24px 40px;justify-content:space-between;gap:12px;}
    .wrap.main .sect-appbanner-pc .app-guide-wrap .tit:before{content:none;}
    .wrap.main .sect-appbanner-pc .app-guide-wrap .tit p{color:#000;font-size:16px;line-height:22px;font-weight:300;}
    .wrap.main .sect-appbanner-pc .app-guide-wrap .tit strong{font-size:16px;font-weight:700;}
    .wrap.main .sect-appbanner-pc .app-guide-wrap .btn-group{margin-top:0;}
    .wrap.main .sect-appbanner-pc .attach-card-wrap{flex:none;min-width:328px;height:100%;padding:74px 20px 20px;border-radius:8px;background:#F8F8F8 url('../images/mys2026/bg_main_bann_card.svg') no-repeat right top;background-size:contain;}
    .wrap.main .sect-appbanner-pc .attach-card-wrap .new-link{font-weight:700;}
}


.mpmh-renewal .contents.info > .inner {padding: 0 24px;}
.mpmh-renewal .contents.info > .inner + .guide-group {padding: 28px 24px; margin: 40px 0 -40px;}
.mpmh-renewal .flex-column {display:flex; flex-direction: column;}
.mpmh-renewal .txt-del {text-decoration: line-through;}
.mpmh-renewal .round-box.gray-box {background: #f7f7fa; border: none; padding: 16px;word-break: break-all;}
.mpmh-renewal .date-pc {display: none;}
.mpmh-renewal .refresh-box .sect-ctit .checkbox-wrap {display: none;}
.mpmh-renewal .deposit-info .cash {font-size: 20px; font-weight: 300;}
.mpmh-renewal .deposit-info .cash strong {font-size: 24px;}
.mpmh-renewal .deposit-info .cash.total {border-top:1px solid #eee; padding-top: 12px; margin-top: 16px; }
.mpmh-renewal .bg-lightBlue {background: #edf0f8;}

.mpmh-renewal .note-desc .tooltip-wrap.dot {margin-left: 10px;}
.mpmh-renewal .note-desc .tooltip-wrap.dot::before {content: ''; position: absolute; top: 50%; left: -8px; width: 2px; height: 2px; background-color: #888; transform: translateY(-50%);border-radius: 50%;}
.mpmh-renewal .note-desc .tooltip-wrap.dot .tooltip {left: -120%;}

/* 스토어 셀렉트 스타일 */
.mpmh-renewal .store-sel {margin-top: 16px;}
.mpmh-renewal .btn-store {display: block; padding:14px; background:#f7f9ff; border: 1px solid #dae2ff; border-radius: 12px; position: relative;}
.mpmh-renewal .btn-store .name {display: block; font-size: 16px; color: #000; align-items: center; word-break: break-all; padding-right: 30px;}
.mpmh-renewal .btn-store .name .account-type,
.mpmh-renewal .radio-wrap.store input[type='radio'] + label .name .account-type {margin: -4px 0 0 2px; vertical-align: middle;}
.mpmh-renewal .btn-store .num {display: block; margin-top: 7px; font-size: 12px; color: #666;}
.mpmh-renewal .btn-store::after {content:''; position:absolute; top:50%; right:16px; display:block; width:10px; height:10px; border-top:2px solid #758293; border-left:2px solid #758293; transform:translate(-50%, -75%) rotate(225deg); transition:all .5s;}
.mpmh-renewal .btn-store.disabled{cursor:default;pointer-events:none;}
.mpmh-renewal .btn-store.disabled::after {display: none;}
.mpmh-renewal .in-cont.round-box {padding: 20px 16px;}
.mpmh-renewal .in-cont.round-box .desc-list li .tit {color: #666; font-size:12px;}
.mpmh-renewal .in-cont.round-box .desc-list li .desc {font-weight: 700;}


/* 리스트 상단 필터 */
.mpmh-renewal .btn-pop-filter {display: inline-block; width:24px; height:24px; padding-right: 0; border: 1px solid #eee; border-radius:2px; text-align: right; font-size: 1px; color:transparent; background: url('../images/mys2026/ico_filter.svg') 50% 50% no-repeat; background-size:16px auto;}
.mpmh-renewal .txt-line {text-decoration: line-through;}
.mpmh-renewal .refresh-box {padding-bottom: 12px;}
.mpmh-renewal .refresh-box .sect-ctit {font-size: 12px;}

/* 리스트 스타일 */
.mpmh-renewal .list-group {border-top: 1px solid #000;}
.mpmh-renewal .data-list {border-bottom: 1px solid #ddd;}
.mpmh-renewal .data-list .msg-wrap {transform: translateY(0);}
.mpmh-renewal .data-list .data-box {display: block; padding: 16px 0;}
.mpmh-renewal .data-list .data-box.cancel .card span,
.mpmh-renewal .data-list .data-box.cancel *:not(.c-error2, .c-point1){color: #bbb !important;}
.mpmh-renewal .data-list .data-box.cancel .card span.c-error2 {color: #DA1D1D !important;}
.mpmh-renewal .data-list .data-box.cancel .card span.c-point1 {color: #476eff !important;}
.mpmh-renewal .desc-list li {display: flex; font-size: 12px; margin-bottom: 12px; gap: 16px;}
.mpmh-renewal .desc-list li.flex-column {gap: 4px;}
.mpmh-renewal .desc-list li:last-child {margin-bottom: 0 !important}
.mpmh-renewal .desc-list li .tit {flex: 1 auto; color: #666;}
.mpmh-renewal .desc-list li .tit .card span {display: inline-flex; position: relative; margin-right: 10px; font-size: 11px;}
.mpmh-renewal .desc-list li .tit .card span::after {content: ''; position: absolute; top: 50%; right: -8px; width: 2px; height: 2px; background-color: #888; transform: translateY(-50%);border-radius: 50%;}
.mpmh-renewal .desc-list li .tit .card span:last-child::after {display: none;}
.mpmh-renewal .desc-list li .desc {text-align: right; color: #000; display: inline-flex;}
.mpmh-renewal .desc-list li .desc > span {margin-right: 4px;}
.mpmh-renewal .desc-list li .desc > span:last-child {margin-right: 0;}
.mpmh-renewal .desc-list li .desc.flex-column.row p {white-space: nowrap; font-size: 11px;}
.mpmh-renewal .data-list.border > li {padding-bottom: 0; border-bottom: 1px solid #ddd;}
.mpmh-renewal .data-list.border > li:last-child,
.mpmh-renewal .data-list.-store > li:last-child {border-bottom: none;}
.mpmh-renewal .data-list.border li .desc-list li {margin-bottom: 8px;}
.mpmh-renewal .desc-list li .value.flex-column {flex: 1;}
.mpmh-renewal .desc-list li .value-con {color: #333; font-weight: 300;}
.mpmh-renewal .desc-list li .date {color: #888;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box {height: auto; padding-left: 0;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box::before,
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box::after {display: none}

.mpmh-renewal .data-list.-store {border-bottom: none;}
.mpmh-renewal .data-list.-store .data-box .desc-header {margin-bottom: 12px;}
.mpmh-renewal .data-list.-store .data-box .desc-header .desc-tit {font-size: 16px;}
.mpmh-renewal .data-list.-store .data-box {padding: 20px 0;}
.mpmh-renewal .data-list.-store > li {border-bottom: 1px solid #ddd;}
.mpmh-renewal .data-list.-store .desc-list li .tit {font-size: 14px; color: #666; font-weight: 300;}
.mpmh-renewal .data-list.-store .desc-list li .desc {font-size: 14px;}
.mpmh-renewal .data-list.-store .desc-list + .desc-list {margin-top: 12px;}
.mpmh-renewal .data-list.-store .flex-box.info {display: flex; flex-direction: column;}
.mpmh-renewal .data-list.-store .flex-box.info .box-gray {padding: 16px 16px 24px}
.mpmh-renewal .data-list.-store .flex-box.info > .desc-list li {gap: 0;}
.mpmh-renewal .data-list.-store .flex-box.info > .desc-list li .tit {width: 38%; display: inline-flex; flex: none;}
.mpmh-renewal .data-list.-store .flex-box.info > .desc-list li .desc {text-align: left;}
.mpmh-renewal .data-list.-store .flex-box.info > .desc-list li .desc .post {position: relative; display: inline-block; padding-left: 20px; color: #476eff; line-height: 20px;}
.mpmh-renewal .data-list.-store .flex-box.info > .desc-list li .desc .post::before{content:'';position:absolute;left:0;width:20px;height:20px;background: url('../images/mys2026/ico_post.svg') no-repeat center;background-size: contain;}
.mpmh-renewal .data-list.-store .data-box .desc-header .sect-ctit {margin: 0;}


.mpmh-renewal .round-box.gray-box .data-list {border-bottom:none }
.mpmh-renewal .round-box.gray-box .tit {flex: 1 auto; color: #666; font-size: 12px;}
.mpmh-renewal .gray-box.round-box .commission li {margin-top: 15px; position: relative; display: flex; align-items: center; gap: 24px;}
.mpmh-renewal .gray-box.round-box .commission li .tit {font-size: 14px; color: #000; line-height: 20px; display:block;}
.mpmh-renewal .gray-box.round-box .commission li .txt {font-size: 12px; color: #666; line-height: 16px; display:block; font-weight: 300;}
.mpmh-renewal .gray-box.round-box .commission li::before {content: ""; display: block; width: 60px; height: 60px;}
.mpmh-renewal .gray-box.round-box .commission li:nth-of-type(1)::before {background: url('../images/mys2026/icon_commission01.svg') 50% 50%; background-size: contain;}
.mpmh-renewal .gray-box.round-box .commission li:nth-of-type(2)::before {background: url('../images/mys2026/icon_commission02.svg') 50% 50%; background-size: contain;}


/* 가맹점 라디오버튼 */
.mpmh-renewal .radio-wrap.store {display: block; width: 100%; margin: 0;}
.mpmh-renewal .radio-wrap.store input[type='radio'] + label {display: block; width: 100%; padding: 16px; border: 1px solid #eee; border-radius: 12px; height: auto; position: relative;}
.mpmh-renewal .radio-wrap.store input[type='radio'] + label .name {display:block; font-size: 16px; color: #000; font-weight: 500; margin: 0; align-items: center; padding-right: 30px; word-break: break-all; padding-right: 30px;}
.mpmh-renewal .radio-wrap.store input[type='radio'] + label .num {display: block; font-size: 12px; color: #666; font-weight: 50 0; margin:5px 0 0;}
.mpmh-renewal .radio-wrap.store input[type='radio'] + label::before, .mpmh-renewal .radio-wrap.store input[type='radio'] + label::after {display: none;}
.mpmh-renewal .radio-wrap.store input[type='radio'] + label .note-desc {display:flex; font-size: 12px; font-weight: 300; color: #888; padding: 0; margin-top: 4px;}
.mpmh-renewal .radio-wrap.store input[type='radio'] + label .note-desc span {display: inline-flex; position: relative; margin:0 10px 0 0; font-size: 12px; font-weight: 300; color: #888;}
.mpmh-renewal .radio-wrap.store input[type='radio'] + label .note-desc span::after {content: ''; position: absolute; top: 50%; right: -7px; width: 2px; height: 2px; background-color: #888; transform: translateY(-50%);border-radius: 50%;}
.mpmh-renewal .radio-wrap.store input[type='radio'] + label .note-desc span:last-child::after {display: none;}
.mpmh-renewal .radio-wrap.store input[type='radio']:checked + label {border: 1px solid #476eff; background: #f0f4fe;}
.mpmh-renewal .radio-wrap.store input[type='radio']:checked + label::after {display:block; position: absolute; top: 50%; left: auto; right: 20px; width: 8px; height: 12px; border-radius: 0; background: transparent; border-bottom: 2px solid #476eff; border-right: 2px solid #476eff; transform: translate(50%, -12px) rotate(45deg);}
.mpmh-renewal .flex-box .radio-wrap.type3 input + label {height: 36px !important;}
.mpmh-renewal .flex-box .radio-wrap.type3 input + label span {font-size: 12px;}
.mpmh-renewal .flex-box .radio-wrap.type3 input + label:before,
.mpmh-renewal .checkbox-wrap.type3 input + label:before {height: 36px;}
.mpmh-renewal .flex-box .radio-wrap.type3 input + label:before{border-radius:2px !important;}

/* 아코디언 */
.mpmh-renewal .ui-accordion.mt-0 {padding: 8px 0; border-bottom: 1px solid #ddd;}
.mpmh-renewal .ui-accordion.mt-0 > li + li {margin-top: 0;}
.mpmh-renewal .ui-accordion .accd-tab button .desc-list {padding:12px 30px 12px 0;}

/* 버텀레이어 */
.layer-popup.bt-sheet.mpmh-renewal {padding-bottom: 0 !important;}
.layer-popup.bt-sheet .pop-head {border-bottom: none;}
.layer-popup.bt-sheet .pop-head .title h1 {line-height: 26px;}
.layer-popup.bt-sheet .pop-head .title h1 span {font-weight: 300;}
.layer-popup.bt-sheet .data-list {border-bottom:none;}
.layer-popup.bt-sheet .desc-list li .tit {font-size: 12px;}
.mpmh-renewal .count {position: relative; margin-right: 10px; color: #000;}
.mpmh-renewal .count::after {content: ''; position: absolute; top: 50%; right: -9px; width: 4px; height: 4px; background-color: #888; transform: translateY(-50%); border-radius: 50%;}


.layer-popup.bt-sheet .desc-list li .btn-select {color: #888; flex: 1; text-align: left; position: relative}
.layer-popup.bt-sheet .desc-list li .btn-select.on {color: #476eff;}
.layer-popup.bt-sheet .desc-list li .btn-select.on::after {display:block; content: ""; position: absolute; top: 50%; left: auto; right: 10px; width: 7px; height: 10px; border-radius: 0; background: transparent; border-bottom: 2px solid #476eff; border-right: 2px solid #476eff; transform: translate(50%, -9px) rotate(45deg);}


/* 버튼 */
.mpmh-renewal .btn-line {padding: 0 16px; height: 32px; border: 1px solid #ccc; border-radius: 2px; background: #fff; font-size: 12px; font-weight: 300; text-align: center; color: #333; line-height: 28px;}
.mpmh-renewal .link-arrow {position: relative; padding-right: 20px;}
.mpmh-renewal .link-arrow::before {content: ''; display: inline-block; width: 14px; height: 14px; border: 1px solid #494f60; border-radius: 50%; position: absolute; right: -8px; top: 50%; transform: translate(-50%, -50%);}
.mpmh-renewal .link-arrow::after { content: ''; position: absolute; right: 4px; top: 50%; width:3px; height:3px; border-right: 1px solid #494f60; border-bottom: 1px solid #494f60; transform: translate(-50%, -50%) rotate( -45deg);}


.mpmh-renewal .tab-con {display: none;}
.mpmh-renewal .tab-con.active {display: block;}

/* 텍스트 리스트 */
.mpmh-renewal .btt-txt.type2 .stit2 + .txt-bul.type2 {margin-top: 16px;}
.mpmh-renewal ul.txt-bul li, ol.txt-bul li, .txt-bul:not(ul):not(ol) {margin-top: 4px; color: #666;}
.mpmh-renewal ul.txt-bul li:first-child, ol.txt-bul li:first-child {margin-top: 0;}
.mpmh-renewal ul.txt-bul li.c-gray2::before{background:#888;}
.mpmh-renewal ul.txt-bul li .mem-txt {color:#666 !important;}

.mpmh-renewal ol.txt-bul.num {counter-reset: number;}
.mpmh-renewal ol.txt-bul.num > li{padding-left:16px;}
.mpmh-renewal ol.txt-bul.num > li:before {counter-increment: number; content: counter(number)".";position:absolute;top:0;background: none;}

.mpmh-renewal .in-cont + .info-group {margin-top: 18px;}
.mpmh-renewal .info-group .info-tit {position: relative; padding-left: 22px; font-size: 12px; color: #000; line-height: 18px;}
.mpmh-renewal .info-group .info-tit::before {content: ''; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; background: url('../images/mys2026/ico_tooltip_info.svg') 0 0 no-repeat; background-size: 100% auto; transform: translate(0, -50%);}
.mpmh-renewal .info-group .info-tit + .txt-bul {margin-top: 12px;}
.mpmh-renewal .txt-bul.type2 li {padding-left: 8px;}
.mpmh-renewal .txt-bul.type2 li::before {width: 2px; height: 2px; background: #76798e;}

/* 가맹점 안내 */
.mpmh-renewal .sales-manage .tit-box .step {font-size: 12px; color: #5b5fe4; font-weight: 700;}
.mpmh-renewal .sales-manage .store-step li {position: relative; padding: 16px; border-top: 1px solid #eee;}
.mpmh-renewal .sales-manage .store-step li:first-child {border-top: none;}
.mpmh-renewal .sales-manage .store-step li .step {font-size: 12px; color: #333;}
.mpmh-renewal .sales-manage .store-step li::after {content:''; position: absolute; top: 50%; right:-10px; width:40px; height:40px; transform: translate(-50%, -20px);}
.mpmh-renewal .sales-manage .store-step li.sign-step1::after{background:url('../images/mys2026/ico_sign_step1.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.sign-step2::after{background:url('../images/mys2026/ico_sign_step2.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.sign-step3::after{background:url('../images/mys2026/ico_sign_step3.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.sign-step4::after{background:url('../images/mys2026/ico_sign_step4.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.payment_step1::after{background:url('../images/mys2026/ico_payment_step1.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.payment-step2::after{background:url('../images/mys2026/ico_payment_step2.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.payment-step3::after{background:url('../images/mys2026/ico_payment_step3.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.payment-step4::after{background:url('../images/mys2026/ico_payment_step4.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li[class^=campus-] {padding: 20px 10px;}
.mpmh-renewal .sales-manage .store-step li[class^=campus-] > div {margin-right: 100px}
.mpmh-renewal .sales-manage .store-step li[class^=campus-]::after {top:20px; right: 10px; transform:none}
.mpmh-renewal .sales-manage .store-step li.campus-step1::after{background: url('../images/mys2026/ico_campus_step1.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.campus-step2::after{background: url('../images/mys2026/ico_campus_step2.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.campus-step3::after{background: url('../images/mys2026/ico_campus_step3.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.campus-step4::after{background: url('../images/mys2026/ico_campus_step4.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.campus-step5::after{background: url('../images/mys2026/ico_campus_step5.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.campus-cstep1::after{background: url('../images/mys2026/ico_campus_cstep1.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.campus-cstep2::after{background: url('../images/mys2026/ico_payment_step3.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.campus-cstep3::after{background: url('../images/mys2026/ico_campus_cstep3.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .store-step li.campus-cstep4::after{background: url('../images/mys2026/ico_campus_cstep4.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .sales-manage .step-group {padding: 36px 0; border-top:1px solid #eee; }
.mpmh-renewal .sales-manage .step-group:first-child {padding-top: 0; border: none;}
.mpmh-renewal .sales-manage .store-step li .txt {font-size: 1em; color: #000; margin-top: 8px;}
.mpmh-renewal .sales-manage .store-step li .s-txt {font-size: 12px; color: #666; font-weight: 300; margin-right: 75px; margin-top: 4px;}
.mpmh-renewal .sales-manage .box-group .txt-bul.type2 li,
.mpmh-renewal .sales-manage .step-group .txt-bul.type2 li {font-size: 12px;}
.mpmh-renewal .sales-manage .step-group .flex-box {display: flex; flex-direction: column; gap: 20px;}
.mpmh-renewal .sales-manage .step-group .flex-box dt {font-size: 1.14em; border-bottom: 1px solid #e7e9ee; padding-bottom: 12px;}
.mpmh-renewal .sales-manage .step-group .flex-box dd {padding: 12px 8px;}
.mpmh-renewal .sales-manage .step-group .flex-box dd .txt-bul.type2 li {margin-top: 8px; font-size: 12px;}
.mpmh-renewal .sales-manage p.txt-bul.mem-txt {color: #76798E; font-size: 11px; font-weight: 300;}
.mpmh-renewal .sales-manage .store-step li .info-chek {font-size: 1em;}
.mpmh-renewal .sales-manage .store-step li .info-chek::before{content:'';display:inline-block;width:20px;height:20px;background: url('../images/mys2026/ico_check_line.svg') no-repeat center;margin-right: 8px;vertical-align: bottom;}


.mpmh-renewal .sales-manage .bg-white {background: #fff; padding: 16px; border-radius: 4px;}
.mpmh-renewal .sales-manage .txt-12 {font-size: 12px;}
.mpmh-renewal .sales-manage .data-list.flex-box {display: flex; flex-direction: column; border-bottom:none; gap: 0;}
.mpmh-renewal .sales-manage .data-list.flex-box .data-box {display: flex; flex-direction: column; gap: 8px;}
.mpmh-renewal .sales-manage .data-list.flex-box li:first-child .data-box {padding-top: 0;}
.mpmh-renewal .sales-manage .data-list.flex-box .data-box > .tit {font-size: 12px; font-weight: 300;}
.mpmh-renewal .sales-manage .data-list.flex-box .data-box > .desc .tel {font-size: 1em; color: #666;}
.mpmh-renewal .sales-manage .data-list.flex-box .data-box > .desc .url {font-size: 11px; color: #666; text-decoration: underline;}
.mpmh-renewal .sales-manage h3.tit {font-size: 1.14em; margin-bottom: 24px; line-height: 22px; font-weight: 500;}
.mpmh-renewal .sales-manage .tit-s {font-size: 1em; margin-bottom: 16px;}
.mpmh-renewal .sales-manage .step-group .btn-group {margin-top: 4px; flex-wrap: wrap; gap: 8px;}
.mpmh-renewal .sales-manage .step-group .btn-group .btn-box {display: inline-flex;}
.mpmh-renewal .sales-manage .section-header h2.ctit {font-size: 1.57em; font-weight: 700;}

/* 가맹점 정보변경 방법 */
.mpmh-renewal .sales-manage .flex-box {display: flex; flex-direction: column;}
.mpmh-renewal .sales-manage .box-group .info-merit {padding:14px 10px 0;}
.mpmh-renewal .sales-manage .box-group .info-merit > li {padding-left: 28px; position: relative;}
.mpmh-renewal .sales-manage .box-group .info-merit > li::before{content:'';display:inline-block;position: absolute; left: 0; width:20px;height:20px;background: url('../images/mys2026/ico_check_line.svg') no-repeat center;}
.mpmh-renewal .sales-manage .txt-bul.type2 li .store-note {color: #666;}

/* 가맹점 약관 */
.mpmh-renewal .terms-wrap {padding:0;}
.mpmh-renewal .terms-wrap h3.terms-title {font-size: 1.29em; line-height: 26px; font-weight: 500; margin-bottom: 24px;}
.mpmh-renewal .terms-wrap h4.terms-title {font-size: 1em; line-height: 20px; font-weight: 500; margin-bottom: 16px;}
.mpmh-renewal .terms-wrap .terms-txt {font-size: 12px; line-height: 1.4; font-weight: 300; color: #666; margin-bottom: 20px;}
.mpmh-renewal .terms-wrap .terms-txt ul:not(.txt-bul) li {position: relative; padding-left: 18px; margin-top: 8px; word-break: break-all;}
.mpmh-renewal .terms-wrap .terms-txt ul li > span:first-of-type:not(.text-underline):not(.c-error2) {position: absolute; left: 0; top: 0; width: auto;}

.mpmh-renewal .sales-manage .marketing-history .in-cont {overflow: hidden;}
.mpmh-renewal .sales-manage .marketing-history .in-cont .store-info li {font-size: 12px;}
.mpmh-renewal .sales-manage .marketing-history .in-cont .store-info li .item {color: #666; font-weight: 300; width: 60px; max-width: 60px; margin-right: 4px;}
.mpmh-renewal .sales-manage .marketing-history .in-cont .store-info li .value {color: #000; font-weight: 300;}
.mpmh-renewal .sales-manage .marketing-history .details {margin: -20px -20px 20px; padding: 20px 16px;}
.mpmh-renewal .sales-manage .marketing-history .details ul.store-info {margin: 0;}
.mpmh-renewal .sales-manage .marketing-history .details ul.store-info li {padding: 0;}
.mpmh-renewal .input-wrap.calendar > span {margin: 0 25px;}

/* date input */
.mpmh-renewal .input-wrap.calendar > .input-box.input-month {position: relative;}
.mpmh-renewal .input-wrap.calendar > .input-box.input-month::before {content: ''; display: block; width: 24px; height: 24px; background:url('../images/mys2021/icon_calendar_line_24.svg') no-repeat 50% 50%; position:absolute; left: 0; top: 8px;}
.mpmh-renewal .input-wrap.calendar > .input-box.input-month input {padding: 8px 0 8px 36px;}
.mpmh-renewal .edu-list {display: flex; gap: 8px; flex-direction: column;}
.mpmh-renewal .edu-list li [class^=edu-] {display: flex; background: #fff; padding: 8px 24px; gap: 20px; border-radius: 12px; align-items: center;}
.mpmh-renewal .edu-list li [class^=edu-]::before {content:''; width:90px; height:75px;}
.mpmh-renewal .edu-list li .edu-1::before {background: url('../images/mys2026/ico_education1.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .edu-list li .edu-2::before {background: url('../images/mys2026/ico_education2.svg') no-repeat 0 0; background-size:100% auto;}
.mpmh-renewal .edu-list li .edu-3::before {background: url('../images/mys2026/ico_education3.svg') no-repeat 0 0; background-size:100% auto;}

.mpmh-renewal .shop-info-box .desc-list {margin: 16px 0 0 10px;}
.mpmh-renewal .shop-info-box .desc-list li {margin-bottom: 0; font-weight: 300;}
.mpmh-renewal .shop-info-box .hash-word span {font-weight: 300;}
.mpmh-renewal .shop-info-box h2.sect-ctit {margin-bottom: 20px;}
.mpmh-renewal .shop-info-box.bg-gray {background: #e7e9ee; margin: 0 -24px; padding: 40px 24px;}
.mpmh-renewal .shop-info-box.bg-gray .btn-dash-reg {background: #F7F7FA !important; padding-left: 76px;}
.mpmh-renewal .shop-info-box.tab-box { margin: 0 -24px;}
.mpmh-renewal .shop-info-box.tab-box .store-info li em {font-size: 14px; color: #000;}
.mpmh-renewal .shop-info-box.tab-box .store-info li div {font-size: 14px; color: #666; font-weight:300;}
.mpmh-renewal .shop-info-box.tab-box .store-info li {padding-left: 8px; position: relative;}
.mpmh-renewal .shop-info-box.tab-box .store-info li::before {content:''; display: block; width: 2px; height: 2px; background: #76798e; position: absolute; top: 8px; left: 0;}
.mpmh-renewal .shop-info-box.tab-box .comment-box * {font-weight: 300 !important;}
.mpmh-renewal .shop-info-box.tab-box .comment-box::before {height: 1px;}
.mpmh-renewal .marketing-history .item-list li + li {margin-top: 8px;}
.mpmh-renewal .marketing-history .in-cont.end {background: #edf0f8;}
.mpmh-renewal .marketing-history .in-cont.end .progress-state.-type05,
.mpmh-renewal .marketing-history .in-cont.end .c-point2 {color: #3048a2 !important;}
.mpmh-renewal .marketing-history .in-cont.cancel {background: #f1f1f3;}
.mpmh-renewal .marketing-history .in-cont.end *,
.mpmh-renewal .marketing-history .in-cont.cancel * {color: #888 !important;}
.mpmh-renewal .marketing-history .in-cont.cancel .progress-state.-type06 {color: #666 !important;}
.mpmh-renewal .marketing-history .in-cont .state-box * {vertical-align: middle;}
.mpmh-renewal .marketing-history .in-cont .state-box span + span {margin-left: 4px;}
.mpmh-renewal .marketing-history .in-cont .store-name {font-weight: 500;}
.mpmh-renewal .marketing-history .in-cont dd.detail span {display: inline-block; position: relative; font-size:12px; color: #333; font-weight: 300; padding: 0 4px 0 5px;}
.mpmh-renewal .marketing-history .in-cont dd.detail span::before {content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 12px; background: #ccc; transform: translateY(-50%);}
.mpmh-renewal .marketing-history .in-cont dd.detail span:first-child {padding: 0;}
.mpmh-renewal .marketing-history .in-cont dd.detail span:first-child::before {display: none;}
.mpmh-renewal .marketing-history .in-cont .btn-group .btn.btn-sm.flex-none {line-height: 26px; height: 28px;}
.mpmh-renewal ul.store-info li em, .mpmh-renewal .marketing-history .details p,
.mpmh-renewal ul.store-info li div {font-weight: 300;}

.mpmh-renewal .check-link.flex-box {align-items: center; padding-left: 0;}
.mpmh-renewal .check-link.flex-box .checkbox-wrap {position: static; margin: 0;}
.mpmh-renewal .check-link.check-link.flex-box > a {position: relative; padding-right: 40px; flex: 1;}
.mpmh-renewal .check-link.check-link.flex-box > a::after {content:''; display: block; width:7px; height:7px; background: transparent; border-top:2px solid #000; border-right:2px solid #000; position: absolute; top:50%; right: 6px; transform: rotate(45deg) translateY(-50%);}


/* 무이자할부 조회 */
.mpmh-renewal .sales-regist-box.-card::before{content:none;}
.mpmh-renewal .data-list .data-box > .desc-tit {font-size: 14px; color: #000; line-height: 20px; margin-bottom: 16px;}
.mpmh-renewal .data-list .data-box.radio-wrap {padding: 4px; margin: 0; display: block;}
.mpmh-renewal .data-list .data-box.radio-wrap label {height: auto; padding: 20px 14px; background: #f7f7fa; border-radius: 8px; border: 1px solid #f7f7fa; display: block;}
.mpmh-renewal .data-list .data-box.radio-wrap input:checked + label {background: #fff; border: 1px solid #476eff;}
.mpmh-renewal .data-list .data-box.radio-wrap input + label:before,
.mpmh-renewal .data-list .data-box.radio-wrap input + label::after {top: 20px; left: 14px;}
.mpmh-renewal .data-list .data-box.radio-wrap .desc-tit {padding: 0 0 8px 26px; font-size: 14px; color: #000; border-bottom: 1px solid #eee; line-height: 20px; margin-bottom: 16px;}
.mpmh-renewal .data-list .data-box.radio-wrap .desc-list .tit {font-weight: 300;}


/* 리스트 토글 */
.mpmh-renewal .data-list .data-box.toggle {padding: 20px 0; display: block}
.mpmh-renewal .data-list .data-box.toggle .desc-header {padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.mpmh-renewal .data-list .data-box.toggle .desc-list {padding: 16px 0;}
.mpmh-renewal .data-list .data-box.toggle .desc-list li {margin-bottom: 8px;}
.mpmh-renewal .data-list .data-box.toggle .desc-list li .tit {color: #888; display: inline-flex;}
.mpmh-renewal .data-list .data-box.toggle .desc-list li .desc {text-align: right; color: #000; flex: 1 auto; display: block;}
.mpmh-renewal .data-list .data-box.toggle .desc-list + .desc-list {border-top: 1px solid #ddd;}
.mpmh-renewal .input-wrap.select-wrap span.dash { padding: 0 10px; line-height: 36px;}
.mpmh-renewal .input-wrap.read-only .input-box input:read-only {color:#000;-webkit-text-fill-color: #000; background: rgba(239,240,245,.5);}
.mpmh-renewal .input-wrap.read-only .input-box.focus {border-bottom: 2px solid #DDD;}
.mpmh-renewal .input-wrap.input-flex.read-only .input-box input {padding: 5px 30px 7px 0;}
.mpmh-renewal .input-wrap.input-flex.read-only .input-box button.right {position: absolute; right: 0; border: 1px solid #e7e9ee; margin: 0;}


/* 무이자할부 데칼 미리보기 */
.mpmh-renewal .preview {position: relative;}
.mpmh-renewal .preview .img-box {width: 312px; margin: 0 auto;}
.mpmh-renewal .preview .img-box img {width: 100%;}
.mpmh-renewal .preview .img-txt {position: absolute; width: 100%; top: 50px; text-align: center; color: #fff;}
.mpmh-renewal .preview .img-txt [class^=main-] {font-weight: 700; display: flex; justify-content: center;}
.mpmh-renewal .preview .img-txt .main-txt1 {font-size: 70px; line-height: 84px;}
.mpmh-renewal .preview .img-txt .main-txt2 span:nth-child(1n) {font-size: 44px; line-height: 80px;}
.mpmh-renewal .preview .img-txt .main-txt2 span:nth-child(2n) {font-size: 66px; line-height: 80px;}
.mpmh-renewal .preview .img-txt .main-txt3 span:nth-child(1n) {font-size: 40px; line-height: 68px;}
.mpmh-renewal .preview .img-txt .main-txt3 span:nth-child(2n) {font-size: 50px; line-height: 68px;}
.mpmh-renewal .preview .img-txt .main-txt4 span:nth-child(1n) {font-size: 32px; line-height: 40px;}
.mpmh-renewal .preview .img-txt .main-txt4 span:nth-child(2n) {font-size: 56px; line-height: 64px;}
.mpmh-renewal .preview .img-txt .sub-txt {font-size: 50px; font-weight: 700; line-height: 54px; margin-top: 4px;}
.mpmh-renewal .preview .img-txt .note {font-size: 11px; font-weight: 500; margin-top: 12px;}


.mpmh-renewal .flag .account-type {padding: 0 8px; margin-bottom: 8px;}
.mpmh-renewal .radio-check-box.linle-item {gap: 8px;}
.mpmh-renewal .radio-check-box.linle-item .ra-chk-wrap.type3 {display: inline-flex; flex: none; height: 36px; padding: 0;}
.mpmh-renewal .radio-check-box.linle-item .ra-chk-wrap.type3 input + label {padding: 10px;}
.mpmh-renewal .radio-check-box.linle-item .ra-chk-wrap.type3 input + label span {font-weight: 300;}

/* 마이샵 쿠폰 마케팅 */
.mpmh-renewal .inner-marketing {margin: 0 -24px;}
.mpmh-renewal .inner-marketing > .section.bg-gray3 {padding: 40px 24px;}
.mpmh-renewal .inner-marketing > .section.bg-gray3 .stit2 {font-weight: 500;}
.mpmh-renewal .msg-box-wrap.msg-marketing .msg-header .period .d-day {border-radius: 2px;}
.mpmh-renewal .msg-box-wrap.msg-marketing .msg-header .state {font-weight: 500;}
.mpmh-renewal .msg-box-wrap.msg-marketing .msg-box .msg-content strong {font-weight: 500; width: calc(100%);}
.mpmh-renewal .msg-box-wrap.msg-marketing .msg-box .msg-content > p.note-desc {min-height: auto;}
.mpmh-renewal .msg-box-wrap.msg-marketing .msg-box .msg-content .btn-group > .btn {font-size: 12px; font-weight: 500; min-width: auto;}
.mpmh-renewal .msg-box-wrap.msg-marketing .msg-box .msg-header:before{border-top: 25px solid transparent;border-left: 25px solid #fff;}
.mpmh-renewal .swiper-pagination-bullets > span.swiper-pagination-bullet-active {background-color: #383b5a !important;}
.mpmh-renewal .msg-box-wrap.msg-state.msg-marketing + .marketing-history.flex-1.bg-gray3 {padding: 32px 24px 64px;}
.mpmh-renewal .msg-box-wrap.msg-state.msg-marketing + .marketing-history .date-list > li strong {font-weight: 500;}
.mpmh-renewal .article-wrap.input-wrap .label-area .txt-count {font-weight: 300;}
.mpmh-renewal .article-wrap.input-wrap .label-area .txt-count .current {font-weight: 700;}
.mpmh-renewal .input-wrap .text-area {font-size: 16px;font-weight: 300;}
.mpmh-renewal .input-wrap.sms-wrap .text-area:read-only {font-weight: 300;}
.mpmh-renewal .sms-preview-wrap .textarea-box pre {font-weight: 300;}
.mpmh-renewal .sms-preview-wrap .textarea-box pre .note-info {background: #e7e9ee;}
.mpmh-renewal .mysp-marketing-hist{padding:0 !important;}
.mpmh-renewal .mysp-marketing-hist .input-wrap .input-box input{padding:2px 0 !important;}
.mpmh-renewal .msg-box-wrap.msg-marketing{margin:0 -24px;}

@media screen and (min-width: 769px) {
    .mpmh-renewal .msg-box-wrap.msg-marketing{margin:0;}
}

/* 홍보메세지 발송 목록 */
.mpmh-renewal .section-header.bg-msg .ctit {padding: 20px 0 0; background: url('../images/mys2026/ico_bg_msg.png') 100% 10px no-repeat; background-size: 88px;}
.mpmh-renewal .apply-wrap {position: relative; padding: 20px 16px 16px;}
.mpmh-renewal .apply-wrap::before {display: none;}
.mpmh-renewal .apply-wrap .apply-text {font-weight: 300; color: #fff;}
.mpmh-renewal .apply-wrap .apply-text .text-link {position: absolute; right: 0; bottom: 2px; font-size: 12px; font-weight: 500; color: #000; text-decoration: none; border: 1px solid #ccc; background: #fff; border-radius: 2px; padding: 0 12px; line-height: 26px;}
.mpmh-renewal .apply-wrap .apply-text .text-link::after{display: none;}
.mpmh-renewal .apply-wrap .apply-guide {margin: 20px 0 -12px -12px; padding: 24px 16px; width: calc(100% + 24px);}
.mpmh-renewal .apply-wrap .apply-guide .stit2 {font-weight: 500;}
.mpmh-renewal .apply-wrap .apply-guide .note-desc {font-weight:300; padding-left: 6px;}
.mpmh-renewal .apply-wrap .apply-guide .note-desc:before {content: ''; position: absolute; left: 0; top: 6px; width: 2px; height: 2px; background: #666; border-radius: 50%; opacity: 1;}
.mpmh-renewal .note-info.bg-msg {background: #f1f1f3;}


.mpmh-renewal .print-box {margin-top: 32px; font-size: 14px;}
.mpmh-renewal .print-box h3 {font-size: 14px; font-weight: 500; margin-bottom: 18px;}
.mpmh-renewal .print-preview {border: 1px solid #eee;}
.mpmh-renewal .print-preview .img-box {position: relative;}
.mpmh-renewal .print-preview .img-box .img img {width: 100%;}
.mpmh-renewal .print-preview .img-box .txt-box {position: absolute; top: 15%; left: 0; width: 100%; text-align: center; font-size: 14px;}
.mpmh-renewal .print-preview .img-box .txt-box .desc {font-size: 8px; color: #002364; text-decoration: underline;}
.mpmh-renewal .print-preview .img-box .txt-box .main-txt {font-size: 31px; color: #002364; font-weight: 700; line-height: 1;}
.mpmh-renewal .print-preview .img-box .txt-box .date {font-size: 7px; color: #002364;}
.mpmh-renewal .print-preview .img-box .name {position: absolute; top: 38%; left: 0; width: 100%; text-align: center;}
.mpmh-renewal .print-preview .img-box .name span {display: inline-block; background: #008296; color: #fff; font-size: 5.7px; border-radius: 5px; padding: 2px 5px; line-height: 1;}
.mpmh-renewal .print-preview .img-box .qr-box {position: absolute; top: 53%; left: 0; width: 100%; height: 96%; text-align: center;}
.mpmh-renewal .print-preview .img-box .qr-box span {display: inline-block; background: #fff; width: 22%; height: 22%;}
.mpmh-renewal .print-preview .print-footer {padding: 15px;}
.mpmh-renewal .print-preview .print-footer .info-group {display: flex; align-items: flex-start; gap: 9px; padding-bottom: 6px;}
.mpmh-renewal .print-preview .print-footer .info-group .info-tit {font-size: 4px; line-height: normal; padding-left: 5px; color: #666;}
.mpmh-renewal .print-preview .print-footer .info-group .info-tit::before {background-size: 4px; width: 4px; height: 4px;}
.mpmh-renewal .print-preview .print-footer .info-group .txt-bul {margin-top: 0;}
.mpmh-renewal .print-preview .print-footer .info-group .txt-bul li {line-height: normal; font-size: 4px; margin-top: 1px; padding-left:0; letter-spacing: -.223px;}
.mpmh-renewal .print-preview .print-footer .info-group .txt-bul li::before {display: none;}
.mpmh-renewal .print-preview .print-footer .note {font-size: 3.5px; line-height: 1.5; color: #666; font-weight: 300; border-top: .5px solid #eee; padding-top: 6px;}


/* PC */
@media screen and (min-width: 769px) {
.mpmh-renewal .contents.info > .inner {padding: 0 24px; max-width: 1080px; margin: auto;}
.mpmh-renewal .contents.info > .inner + .guide-group {margin-bottom: 0;}
.mpmh-renewal .contents.info > .inner + .guide-group div {max-width: 980px; margin: 0 auto;}
.mpmh-renewal .refresh-box .sect-ctit .checkbox-wrap {vertical-align: middle; margin:0 4px 0 0; display: inli ne-block;}
.mpmh-renewal .refresh-box .sect-ctit .checkbox-wrap label {vertical-align: top;}
.mpmh-renewal .store-sel {margin-top: 0;}
.mpmh-renewal .data-list .data-box {display: flex;}
.mpmh-renewal .data-list .data-box .date-pc {display: inline-flex; margin-right: 32px; font-size: 12px; color: #888;}
.mpmh-renewal .data-list .data-box .desc-list {flex: 1 auto;}
.mpmh-renewal .desc-list li .tit .card.w200 {width: auto !important;}
.mpmh-renewal .desc-list li .tit .card .date-mo {display: none;}
.mpmh-renewal .desc-list li .desc.flex-column.row {flex-direction: row;}
.mpmh-renewal .desc-list li .desc.flex-column.row p {position: relative; margin:0 10px 0 4px;}
.mpmh-renewal .desc-list li .desc.flex-column.row p::after {content: ''; position: absolute; top: 50%; right: -9px; width: 2px; height: 2px; background-color: #888; transform: translateY(-50%); border-radius: 50%;}
.mpmh-renewal .desc-list li .desc.flex-column.row p:last-child {margin-right: 0;}
.mpmh-renewal .desc-list li .desc.flex-column.row p:last-child::after {display: none;}
.mpmh-renewal .desc-list li .value.flex-column.row {flex-direction: row; justify-content: space-between;}
.mpmh-renewal .date-pc {display: inline-block;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box {padding-left: 68px;}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box::before {display: block; top: 50%; left: 24px; transform: translate(0, -50%);}
.mpmh-renewal .data-list li .checkbox-wrap.type2.check-group label.data-box::after {display: block; left: 24px;}
.mpmh-renewal .data-list.-store .data-box .round-box.gray-box.flex {display: flex; gap: 40px;}
.mpmh-renewal .data-list.-store .data-box .info.flex-box {display: flex; flex-direction: row; gap: 24px;}
.mpmh-renewal .data-list.-store .data-box .info.flex-box > .desc-list {flex: 1; width: 50%;}
.mpmh-renewal .data-list.-store .data-box .info.flex-box .desc-list + .desc-list {margin-top: 0;}
.mpmh-renewal .data-list.-store .data-box .round-box.gray-box.flex .desc-list:nth-child(even),
.mpmh-renewal .data-list.-store .data-box .info.flex .desc-list:nth-child(even) {margin-top: 0;}
.mpmh-renewal .data-list .data-box.toggle .desc-list li.flex-column {flex-direction: row;}

/* 가맹점 안내 */
.mpmh-renewal .box-group {width: 504px; margin: auto;}
.mpmh-renewal .sales-manage .step-group .flex-box {flex-direction: row; justify-content: space-between; gap: 24px;}
.mpmh-renewal .sales-manage .step-group .flex-box .round-box.gray-box,
.mpmh-renewal .sales-manage .step-group .flex-box .items {flex: 1; display: flex; flex-direction: column;}
.mpmh-renewal .sales-manage .step-group .flex-box .items > .bg-white {display: flex; flex: 1; max-height: 313px;}
.mpmh-renewal .sales-manage .data-list.flex-box {flex-direction: row; grid-column-gap: 24px; flex-wrap: wrap; grid-row-gap: 0;}
.mpmh-renewal .sales-manage .data-list.flex-box li {flex: 1 1 40%;}
.mpmh-renewal .sales-manage .data-list.flex-box li:nth-child(2) .data-box {padding-top: 0;}
.mpmh-renewal .sales-manage .flex-box {flex-direction: row; grid-column-gap: 24px; flex-wrap: wrap; grid-row-gap: 40px;}
.mpmh-renewal .sales-manage .flex-box .step-group {flex: 1 1 40%; padding: 0; border-top:none; }
.mpmh-renewal .sales-manage .flex-box .step-group h3.tit {border-bottom: 1px solid #eee; padding-bottom: 12px;}
.mpmh-renewal .sales-manage .store-step li::after {top: 50%; right:-10px; width:48px; height:48px; transform: translate(-50%, -24px);}
.mpmh-renewal .marketing-history .details .store-info li {border-bottom: none;}
.mpmh-renewal .edu-list {display: flex; gap: 12px; flex-direction: row;}
.mpmh-renewal .edu-list li {flex: 1;}
.mpmh-renewal .edu-list li [class^=edu-] {display: flex; flex-direction: column; background: #fff; padding: 14px 14px 28px; gap: 16px; align-items: center;}
.mpmh-renewal .edu-list li [class^=edu-]::before {width:132px; height:110px;}


/* 무이자할부 데칼 미리보기 */
.mpmh-renewal .preview {position: relative;}
.mpmh-renewal .preview .img-box {width: 328px; margin: 0 auto;}
.mpmh-renewal .preview .img-box img {width: 100%;}
.mpmh-renewal .preview .img-txt {position: absolute; width: 100%; top: 52px; text-align: center; color: #fff;}
.mpmh-renewal .preview .img-txt .sh-logo img{width: 158px; height: 37px;}
.mpmh-renewal .preview .img-txt [class^=main-] {font-weight: 700; display: flex; justify-content: center;}
.mpmh-renewal .preview .img-txt .main-txt1 {font-size: 74px; line-height: 88px;}
.mpmh-renewal .preview .img-txt .main-txt2 span:nth-child(1n) {font-size: 46px; line-height: 84px;}
.mpmh-renewal .preview .img-txt .main-txt2 span:nth-child(2n) {font-size: 70px; line-height: 84px;}
.mpmh-renewal .preview .img-txt .main-txt3 span:nth-child(1n) {font-size: 42px; line-height: 72px;}
.mpmh-renewal .preview .img-txt .main-txt3 span:nth-child(2n) {font-size: 52px; line-height: 72px;}
.mpmh-renewal .preview .img-txt .main-txt4 span:nth-child(1n) {font-size: 34px; line-height: 42px;}
.mpmh-renewal .preview .img-txt .main-txt4 span:nth-child(2n) {font-size: 48px; line-height: 68px;}
.mpmh-renewal .preview .img-txt .sub-txt {font-size: 52px; font-weight: 700; line-height: 56px; margin-top: 4px;}
.mpmh-renewal .preview .img-txt .note {font-size: 12px; font-weight: 500; margin-top: 12px;}


/* 무이자할부 홍보물 인쇄 */
.mpmh-renewal .print-preview .img-box .txt-box {position: absolute; top: 89px; left: 0;}
.mpmh-renewal .print-preview .img-box .txt-box .desc {font-size: 14px;}
.mpmh-renewal .print-preview .img-box .txt-box .main-txt {font-size: 55px;}
.mpmh-renewal .print-preview .img-box .txt-box .date {font-size: 12px; color: #002364; margin-top: 5px;}
.mpmh-renewal .print-preview .img-box .name {position: absolute; top: 225px; left: 0; width: 100%; text-align: center;}
.mpmh-renewal .print-preview .img-box .name span {font-size: 10px; border-radius: 8px; padding: 3px 9px; line-height: 1;}
.mpmh-renewal .print-preview .img-box .qr-box {position: absolute; top: 53%; left: 0; width: 100%; height: auto; text-align: center;}
.mpmh-renewal .print-preview .img-box .qr-box span {display: inline-block; background: #fff; width: 120px; height: 120px;}
.mpmh-renewal .print-preview .print-footer {padding: 24px;}
.mpmh-renewal .print-preview .print-footer .info-group {gap: 16px; padding-bottom: 10px;}
.mpmh-renewal .print-preview .print-footer .info-group .info-tit {font-size: 7.5px; line-height: normal; padding-left: 10px; color: #666;}
.mpmh-renewal .print-preview .print-footer .info-group .info-tit::before {background-size: 7.5px; width: 7.5px; height: 7.5px;}
.mpmh-renewal .print-preview .print-footer .info-group .txt-bul {margin-top: 0;}
.mpmh-renewal .print-preview .print-footer .info-group .txt-bul li {line-height: normal; font-size: 7.5px; padding-left: 0; margin-top: 1px; letter-spacing: -.223px;}
.mpmh-renewal .print-preview .print-footer .info-group .txt-bul li::before {width: 1px; height: 1px;}
.mpmh-renewal .print-preview .print-footer .note {font-size: 7.5px; line-height: 1.5; color: #666; font-weight: 300; border-top: 1px solid #eee; padding-top: 10px;}
}


@media screen and (max-width: 770px){
.cont-tit + form {margin-top: 16px;}
.mpmh-renewal .sales-manage .section.-bg-gray:first-child {margin-top: -40px;}
}

/* 홍보물 인쇄 */
@media print {
* {-webkit-print-color-adjust:exact; print-color-adjust:exact;}
.pop-head, .page-wrap, h3, .btn-group {display: none !important;}
.pop-cont::-webkit-scrollbar { display: none; }
@page {size: A4;}


.mpmh-renewal .print-preview .img-box .txt-box {position: absolute; top: 110px; left: 0;}
.mpmh-renewal .print-preview .img-box .txt-box .desc {font-size: 16px;}
.mpmh-renewal .print-preview .img-box .txt-box .main-txt {font-size: 63px; line-height: 1.5}
.mpmh-renewal .print-preview .img-box .txt-box .date {font-size: 14px; color: #002364;}
.mpmh-renewal .print-preview .img-box .name {position: absolute; top: 280px; left: 0; width: 100%; text-align: center;}
.mpmh-renewal .print-preview .img-box .name span { background: #008296; color: #fff; font-size: 12px; border-radius: 8px; padding: 3px 10px; line-height: 1; display: inline-block;}
.mpmh-renewal .print-preview .img-box .qr-box {position: absolute; top: 53%; left: 0; width: 100%; height: auto; text-align: center;}
.mpmh-renewal .print-preview .img-box .qr-box span {display: inline-block; background: #fff; width: 140px; height: 140px;}
.mpmh-renewal .print-preview .print-footer {padding: 24px 26px 26px;}
.mpmh-renewal .print-preview .print-footer .info-group {gap: 14px; padding-bottom: 8px;}
.mpmh-renewal .print-preview .print-footer .info-group .info-tit {font-size: 8px; line-height: normal; color: #666; padding-left: 14px;}
.mpmh-renewal .print-preview .print-footer .info-group .info-tit::before {background-size: 10px auto; width: 10px; height: 10px;}
.mpmh-renewal .print-preview .print-footer .info-group .txt-bul {margin-top: 0;}
.mpmh-renewal .print-preview .print-footer .info-group .txt-bul li {line-height: normal; font-size: 8.5px; margin-top: 1px;}
.mpmh-renewal .print-preview .print-footer .note {font-size: 8.5px; line-height: 1.5; color: #666; font-weight: 300; border-top: 1px solid #eee; padding-top: 8px;}
}

/* 명세서 보기 */
.iframe-receipt >* {font-size:12px;font-weight:300;}
.iframe-receipt .page + .page{margin-top:20px;}
.iframe-receipt .stment_top{display:flex;flex-direction:column;gap:8px;padding:12px 16px;color:#666;font-size:12px;background:#f7f7f7;border-radius:8px;}
.iframe-receipt .stment_top li{display:flex;justify-content:space-between;}
.iframe-receipt .stment_top li span:last-child{text-align:right;color:#000;}
.iframe-receipt .st_tit{margin-top:20px;text-align:center;font-size:18px;color:#000;}
.iframe-receipt .tblNfud th{color:#000;}
.iframe-receipt .tblNfud th, .iframe-receipt .tblNfud td{padding-top:12px;font-size:11px;}
.iframe-receipt .tblNfud{color:#666;}
.iframe-receipt .tblNfud thead th{background-color: #fff;color:#000;font-size:11px;}
.iframe-receipt .tblNfud th, .iframe-receipt .tblNfud td{border-left:0;}
.iframe-receipt .tblNfud th.thbgb{background-color:#fff;color:#000;font-size:11px;}
.iframe-receipt .tblNfud.textR tbody td{text-align: center;color:#666;font-weight:300;font-size:11px;}
.iframe-receipt .mem-txt.txt-bul{line-height:1}

/* 가맹점홈페이지 관련 공통스타일 */
.pdtM{padding-top:20px !important}
.textR{text-align:right !important;}
.textL{text-align:left !important;}
.textC{text-align:center !important;}
.tblNfud{width:100%;border-top:1px solid #e0e0e0;table-layout:fixed;line-height:20px;}
.tblNfud th.thbgb{font-weight:bold;}
.tblNfud th, .tblNfud td{padding:14px 0 11px 0;border-bottom:1px solid #e0e0e0;text-indent:0}
.tblNfud.textR thead th, .tblNfud.textR tbody th{text-align:center !important}
.listDot { padding:5px 0;}
.listDot li	{position:relative;line-height:150%; padding-left:6px; margin-top:4px; }
.listDot li:before{content:'';position: absolute;top:8px;left:0;width:2px;height:2px;background:#000;border-radius:50%;}
.listDot li:first-child { margin-top:0;}
.listDot strong { color:#b72700; font-weight: normal;}
.listDot li em { display:block; padding-left:20px; text-indent:-17px;}
.listDot li ul li { background:none; padding-left:0;}
.listDot .btn { margin:5px 0;}


/* 간편비밀번호 */
.quick-num .simple-password input[type="password"]{font-family: 'password' !important;}

/* 보안키패드 */
input[type="password"].nppfs-npv:read-only{border-bottom: 2px solid #476EFF !important;margin-bottom:-1px;}
.mpmh-renewal .login-form input[type="password"].nppfs-npv:read-only,
.mpmh-renewal .account-num-form input[type="password"].nppfs-npv:read-only{border: 1px solid #476EFF !important;}

/* ASIS + TOBE 공존페이지 추가수정*/
.sms-preview-wrap .preview-img{width:60%;height:100%;}
.mpmh-renewal .biznum-container{padding: 16px 0;}

@media screen and (max-width: 770px){
    .mpmh-renewal .section-header.bg-msg + .sect-promote{padding:34px 0 40px !important;}
    .apppush-txt > span{word-break: break-all;white-space: normal;}
    .sms-preview-wrap .preview-img{width:100%;height:100%;}
    .select-slot .btn.on{padding-left:4px;}
    .select-slot .del{right:4px;}
}

/* 공통 header 영역 */
.wrap .header .btn-menu{right:24px;}
.wrap .header .btn-noti{margin-right:12px;}
.wrap .header .btn-noti,.wrap .header .btn-menu{display:flex;justify-content:center;width:24px;height:24px;padding-top:24px;text-indent: 0;overflow:unset;font-size:9px;}
.wrap .header .btn-noti:after{width:24px;height:24px;}

@media screen and (min-width: 769px) {
    .wrap.main .header .btn-noti, .wrap.main .header .btn-menu{padding-top:24px;font-size:12px;}
    .wrap.main .header .btn-noti::after, .wrap.main .header .btn-menu::after{width:24px;height:24px;}
    .wrap .header a[class^="btn-"] {width:24px;height:24px;}

}

/* PC 영역 */
@media screen and (min-width: 769px) {
    ._pc-hidden{display:none !important;}
    ._mo-hidden{display:block !important;}
}

/* Mobile 영역 */
@media screen and (max-width: 770px){
    ._pc-hidden{display:block !important;}
    ._mo-hidden{display:none !important;}
    .wrap.login{overflow-x:hidden;}
}

._all-hidden{display: none !important;}