@charset "utf-8";
/* 작성자 : 조현성 */
/* Date : 2024-04-18  Keyword : 삼성화재마켓앱 */
/* 최종 수정일 :  */
/* 내용 : 삼성화재마켓앱개편 스타일 정의 */

@import "webfont.css";
@import "MA_ST_MOBILE.css";

html {font-size: 10px;}
body {font-size: 1rem; letter-spacing: 0;}
.MA-wrap {width:100%; height:100vh;}
.header {padding: 0 2rem 1.75rem;}
.header .title-wrap {display: flex; justify-content: space-between; align-items: center; width:100%; height: 7.05rem;}
.header .title-wrap h1 .logo {display: block; width: 11.45rem; height: 2.05rem; font-size: 0; line-height: 0; background: url('../images/logo.svg') no-repeat center / 100% auto;}
.header .title-wrap h1 .title {display: flex; align-items: center; font-size: 1.8rem; font-weight: 600; color: #222;}
.header .title-wrap h1 .history-back {content: ""; display: block; width: 1.1rem; height: 1.9rem; background: url('../images/ico_arrow_back.png') no-repeat left / 100% auto; margin-right: 1.5rem;}
.header .title-wrap .setting {width: 2.1rem; height: 2.1rem; background: url('../images/ico_setting.png') no-repeat center / 100% auto;}
.header .title-wrap h1 .title::after {content: ""; display: block; width: .95rem; height: .55rem; background: url('../images/ico_arrow_title.png') no-repeat right / 100% auto; margin-left: .7rem;}
.header .title-wrap h1 {display: flex; align-items: center;}
.header .title-wrap h1 button {font-size: 2rem; font-weight: 600; color: #222;}
/* .header.main {background: #f2f5fa;} */
/* .header.myapp {padding-bottom: 1.75rem;} */
.header.download {padding-bottom: 0;}
.header.download + .MA-cont {padding: 0 2.25rem;}
.header.login {padding: 0 2.25rem;}
.header .alarm-wrap {display: flex; align-items: center; /* 2024-07-29 width: 31rem;*/ width: 100%; height: 5rem; background: linear-gradient(to right, #539bfc 40%, #1a7bfd 100%); padding: 0 1.5rem; border-radius: 1.2rem;}
.header .alarm-wrap .alarm-msg {display: flex; align-items: center; width: 100%; font-size: 1.5rem; font-weight: 600; color: #fff; background: url('../images/ico_arrow_00.png') no-repeat right / .8rem auto;}
.header .alarm-wrap .alarm-msg::before {content: ""; width: 3.3rem; height: 3.3rem; margin: 0 1.2rem 0 0; background: url('../images/ico_app.png') no-repeat center/ 100% auto;}
.notice-wrap {padding: 0 1.5rem 0 0; margin: 0 0 1.4rem;}
.notice-wrap .notice-msg {font-size: 1.6rem; font-weight: 600; color: #222;}

.MA-wrap.main {background: #f2f5fa; /*min-width: 36rem;*/}
.MA-cont {width: 100%; padding: 2.5rem 2.25rem; overflow: hidden;}
.MA-wrap.main .header {padding: 0 2.5rem 1.25rem;}
.MA-wrap.main .MA-cont {background: #f2f5fa; padding: 0 2.5rem; overflow: inherit;}
.MA-cont.setting {width: 100%; padding: 0; overflow: hidden;}
.MA-cont.manager {padding: 1.5rem 2rem; text-align: center;}
.MA-cont.simplePw {padding: 2.5rem 2rem; text-align: center;}
.MA-cont.myapp {padding: 0 2rem;}
.MA-cont.common {padding: 0 2rem;}
.MA-cont.login {padding: 0 2rem;}
.MA-cont.detail {padding: 0;}
.MA-cont.connect {padding-top: 0;}
.MA-cont.manual {padding: 2.5rem 2rem;}
.MA-cont.bioCertify {padding: 0;}

.MA-cont input:focus {outline: 0;}
/* .MA-cont.connect .MA-toast-menu-area, .MA-cont.author .MA-toast-menu-area, .MA-cont.login .MA-toast-menu-area {transform: translateY(100%);} */
.MA-toast-menu-area {position:fixed; bottom:0; left:0; right:0; min-width: 36rem; max-width: 40rem; background:#f9f9f9; z-index:9; padding: 2rem 2.5rem 2.5rem; border-radius: 2rem 2rem 0 0; transform: translateY(100%); transition: all .2s;}
.MA-toast-menu-area.active {transform: translateY(0);}
.MA-toast-menu-area.type02 {left:50%; transform: translate(-50%, 100%); transition: all 0s;}
.MA-toast-menu-area.type02.active {transform: translate(-50%, 0); left: 50%;}
.main-cate {display: flex; /* 2024-07-29 justify-content: start; */ justify-content: space-between; flex-wrap: wrap; /* 2024-07-29 width: 31rem; */ margin: 0 auto;}
.main-cate .app-badge-wrap {height: 2.5rem; margin-top: .9rem;}
.main-cate .app-badge-wrap .app-badge {display: inline-block; border: 1px solid rgba(255, 255, 255, .5); border-radius: .5rem; padding: .5rem .6rem; margin: 0 .5rem 0 0; font-size:1.25rem; line-height: 1.25rem; color: rgba(255, 255, 255, .7);}
.main-cate li {/* 2024-07-29 min-width: 147.5px; max-width: 100%; */ width: calc(50% - 7.5px); height: 142px; border: 1.5px solid #fff; border-radius: 15px; margin: 0 0 1.5rem 0; background: #fff; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);}
.main-cate li:first-child {width: 100% !important; height: 88.5px; border: 0;} /* 2024-07-29 : width: 100% 추가 */
/* .main-cate li:nth-child(even) {margin: 0 1.5rem 1.5rem 0;} 2024-07-29 */
.main-cate li a {display: block; position: relative; padding: 1.75rem 1.5rem 1.5rem 2rem; width: 100%; height: 100%; border-radius: 1.9rem; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.main-cate li a .cate-job {display: block; font-size:1.6rem; line-height: 2.2rem; font-weight: 700; letter-spacing: -0.05rem; color: #222;}
.MA-wrap.main .main-cate li:first-child a .cate-job {color: #fff;}
/* .main-cate li:nth-child(odd) {margin: 0 1rem 1rem 0;} */
.main-cate li[class^="cate"] .app-cnt {display: inline-flex; justify-content: start; align-items: center; min-width: 5.25rem; padding: .6rem .7rem; margin-top: .7rem; font-size: 1.25rem; line-height: 1.25rem; background: #eff2f8; border-radius: .5rem; color: #7c96b6;}
.main-cate li[class^="cate"] .app-cnt::before {content: ""; width: .9rem; height: .85rem; margin-right: .5rem; margin-top: .1rem; background: url('../images/ico_folder.png') no-repeat 0 0 / 100% auto;}
.main-cate li[class^="cate"] span.icon {display: block; width: 5.25rem; height: 5.25rem; position: absolute; z-index: 10; bottom: 1.5rem; right: 1.5rem; background-image: url('../images/ico_characters.png'); background-size: cover;}
/* .main-cate li.cate01 {background: #fdf4d1;}
.main-cate li.cate01.active {background: #faedbc;} */
.main-cate li.cate01 {/* 2024-07-29 min-width: 310px;*/ max-width: 100%; background: #48bdc1;}
.main-cate li.cate01 .icon {background-position: 0 0;}
/* .main-cate li.cate02 {background: #dff2d9;}
.main-cate li.cate02.active {background: #caf0c0;} */
.main-cate li.cate02 .icon {background-position: 0 -5.25rem;}
/* .main-cate li.cate03 {background: #f8e6e3;}
.main-cate li.cate03.active {background: #fbdcd6;} */
.main-cate li.cate03 .icon {background-position: 0 -10.6rem;}
/* .main-cate li.cate04 {background: #c0eeeb;}
.main-cate li.cate04.active {background: #a3e4e0;} */
.main-cate li.cate04 .icon {background-position: 0 -15.95rem;}
/* .main-cate li.cate05 {background: #e2edfc;}
.main-cate li.cate05.active {background: #d3e4fc;} */
.main-cate li.cate05 .icon {background-position: 0 -21.1rem;}
/* .main-cate li.cate06 {background: #ece8fe;}
.main-cate li.cate06.active {background: #d3cdf4;} */
.main-cate li.cate06 .icon {background-position: 0 -26.55rem;}
.main-cate li.cate07 .icon {background-position: 0 -31.7rem;}

.appInfo-box {padding: 1.6rem 1.5rem 1.1rem; margin-bottom: 1rem; background: #f4f7f8; border-radius: 1.5rem;}
.appInfo-box.essential {background: #ebf3fe;}
.appInfo-box:last-child {margin-bottom: 2.5rem !important;}
.appInfo-box .app-area {display: flex; justify-content: space-between; align-items: center; border-bottom: .1rem solid #d8d8d8; padding: 0 0 1.4rem;}
.appInfo-box .app-area .MA-btn-partial {min-width: 5rem;}
.appInfo-box .app-area .app-name-wrap {display: flex; align-items: center; flex: 1;}
.appInfo-box .app-area .app-name-wrap + button {min-width: 6.5rem !important; font-size: 1.2rem; font-weight: 600; padding: 0;}
.appInfo-box .app-area .app-ico {display: flex; justify-content: center; align-items: center; min-width: 4rem; height: 4rem; background: #fff; border-radius: 1.4rem;}
.appInfo-box .app-area .app-ico img {width: 2.6rem; height: 2.6rem;}
.appInfo-box .app-area .app-name {width: calc(100% - 2rem); font-size: 1.6rem; line-height: 2rem; color: #222; margin: 0 .8rem 0 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
/* .appInfo-box .app-area .app-name::before {content: ""; width: 4rem; height: 4rem;} */
.appInfo-box .version-area {display: flex; justify-content: space-between; align-items: center; padding: 1rem 0 0 .5rem; width: calc(100% - 6.5rem);}
.MA-cont.common .version-area {width: 100%;}
.appInfo-box .version-area .app-version-wrap {flex: 1;}
.appInfo-box .version-area .app-version {font-size: 1.3rem; color: #888;}
.appInfo-box .version-area .app-version::after {content: "|"; display: inline-block; padding: 0 1rem; color: #d8d8d8;}
.appInfo-box .version-area .app-date {font-size: 1.3rem; color: #888;}
.appInfo-box .version-area .status {font-size: 1.3rem; color: #4889ff; margin-right: 0.5rem;}
.appInfo-box .version-area .status.Y {font-weight: 500;}
.appInfo-box .version-area .status.Y::before {content: ""; display: inline-block; width: 1.1rem; height: .8rem; margin-right: .3rem; background: url('../images/ico_check.png') no-repeat center / 100% auto;}
.appInfo-box .version-area .status.N {font-size: 0; line-height: 0;}

.subtitle-wrap {padding: 0 0 1.2rem .4rem; font-size: 1.6rem; font-weight: 600;}

/* 상세정보 */
.app-ico-wrap {text-align: center; padding: 0 2rem 2rem; /*min-height: 25.5rem;*/}
.app-ico-wrap .app-ico {display: inline-flex; justify-content: center; align-items: center; width: 7.4rem; height: 7.4rem; border-radius: 3.2rem; background: #ebf3fe;}
.app-ico-wrap .app-ico img {width: 4.5rem; height: 4.5rem;}
.app-ico-wrap .app-title {display: block; font-size: 1.9rem; line-height: 1.9rem; font-weight: 700; margin: 1.5rem 0 3.5rem;}
.app-ico-wrap .app-desc {display: block; width: 100%; max-height: 20rem; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow-y: auto; padding: 0 1rem; text-align: justify;}
.app-ico-wrap .app-desc.close {display: block; width: 100%; /*height: 6.2rem;*/ font-size: 1.4rem; line-height: 2rem; font-weight: 400;}
.app-ico-wrap .app-desc::-webkit-scrollbar {width: 3px;}
.app-ico-wrap .app-desc::-webkit-scrollbar-thumb {background: #a9a9a9;}
.app-ico-wrap .desc-fold {display: inline-block; height: 3rem; margin: 1rem 0; font-size: 1.3rem; padding-right: 1.25rem; background: url('../images/ico_arrow_up.png') no-repeat right center / .75rem auto;}
.app-ico-wrap .desc-fold.close {min-height: 3rem; background: url('../images/ico_arrow_down.png') no-repeat right center / .75rem auto;}

.MA-cont.detail.seperate {border-top: 1.1rem solid #f5f5f6; padding: 1.6rem 0;}
.app-detail-wrap {padding: 0 2rem;}
.app-detail-wrap .app-metaData {display: flex; justify-content: center; align-items: center; border: .2rem solid #e9e9e9; border-radius: 1rem; padding: 1.7rem 0; margin: 0 0 1.5rem;}
.app-detail-wrap .app-metaData .part {display: flex; justify-content: center; align-items: center; width: 33%; text-align: center; position: relative;}
.app-detail-wrap .app-metaData .part::after {content: ""; background: #e9e9e9; width: .1rem; height: 100%; position: absolute; right: 0;}
.app-detail-wrap .app-metaData .part:last-child::after {content: ""; width: 0;}
.app-detail-wrap .app-metaData .part .info {display: block; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.05rem;}
.app-detail-wrap .app-metaData .part .title {display: block; font-size: 1.2rem; font-weight: 400; color: #76808f;}
.app-detail-wrap .app-metaData + .MA-btn-wrap button:first-child {margin-right: 0;}
.app-detail-wrap .MA-btn-wrap {display: flex;}
.app-detail-wrap .MA-btn-wrap button {flex: 1;}
.app-detail-wrap .MA-btn-wrap button:first-child {margin: 0 .8rem 0 0;}

.MA-cont.detail.seperate .image-list {margin: 3rem 0; padding: 2rem 2.5rem; height: 29rem; background: #f9f9f9; border-top: .1rem solid #edeef0; border-bottom: .1rem solid #edeef0; overflow-x: auto; overflow-y: hidden;}
.MA-cont.detail.seperate .image-list ul {display: flex; justify-content: center; /*width: fit-content;*/}
.MA-cont.detail.seperate .image-list li {min-width: 13.5rem; height: 24.5rem; margin-right: 1.5rem; border-radius: 1rem; box-shadow: 0 .3rem .7rem rgba(0, 0, 0, .3);}
.MA-cont.detail.seperate .image-list li:last-child {margin-right: 0;}
.MA-cont.detail.seperate .image-list.over3 li:last-child {margin-right: 1.5rem;}
.MA-cont.detail.seperate .image-list li img {width: auto; height: 100%; border-radius: 1rem;}

.app-detail-wrap .sub-title {font-size: 1.4rem; line-height: 2.5rem; font-weight: 600; margin: 1rem 0 0 .5rem;}
.app-detail-wrap .update-list {padding: 2rem; margin: 1rem 0 0; background: #f9f9f9; border-radius: 1rem; text-align: center;}
/* .app-detail-wrap .update-list li {padding-left: .9rem; margin: 0 0 .9rem; font-size: 1.3rem; text-align: left; background: url(../images/bullet02.png) no-repeat left top .8rem / .25rem auto; color: #666;} */
.app-detail-wrap .update-list li {padding-left: .5rem; margin-bottom: .5rem; font-size: 1.3rem; text-align: left; letter-spacing: -0.05rem; background: url('../images/bullet02.png') no-repeat left top .8rem / .25rem auto; color: #666;}
.app-detail-wrap .update-list ul.close + .desc-fold {height: 3rem; padding-right: 1.25rem; background: url('../images/ico_arrow_down.png') no-repeat right .1rem center / .75rem auto; font-size: 1.3rem;}
.app-detail-wrap .update-list li.hide {display: none;}
.app-detail-wrap .update-list button.desc-fold {height: 3rem; padding-right: 1.25rem; background: url('../images/ico_arrow_up.png') no-repeat right .1rem center / .75rem auto; font-size: 1.3rem;}

.MA-cont.simplePw .caution-wrap {text-align: left; margin-top: 2.75rem;}
.MA-cont.simplePw .sub-title {font-size: 1.8rem; line-height: 2.5rem; font-weight: 600; margin: 1rem 0 0 .5rem;}
.MA-cont.simplePw .caution-list {padding: 1.2rem 1.5rem; margin: 1rem 0 0; background: #f9f9f9; border-radius: 1rem; text-align: center;}
/* .MA-cont.simplePw .caution-list li {padding-left: .5rem; font-size: 1.3rem; text-align: left; letter-spacing: -0.03rem; background: url('../images/bullet02.png') no-repeat left top .8rem / .25rem auto; color: #666;} */
.MA-cont.manager .caution-wrap {margin-top: 1.8rem;}
.MA-cont.manager .caution-list {padding: 1.5rem 1.5rem 1rem; margin: 1rem 0 0; background: #f9f9f9; border-radius: .5rem; text-align: center; min-height: 5rem;}
.MA-cont.manager .caution-list li, .MA-cont.simplePw .caution-list li {padding-left: .5rem; margin-bottom: .5rem; font-size: 1.3rem; text-align: left; letter-spacing: -0.05rem; background: url('../images/bullet02.png') no-repeat left top .8rem / .25rem auto; color: #666;}
.caution-list li:last-child {margin-bottom: 0 !important;}

/* button */
.MA-btn-partial {padding: 0 1rem; font-size: 1.3rem; line-height: 2.8rem; border-radius: 1rem; -webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration: none !important;}
.MA-btn-partial.round {border-radius: 1.9rem;}
.MA-btn-partial.type01 {background: #4889ff; color: #fff;}
.MA-btn-partial.type02 {background: #ffffff; border: .1rem solid #4889ff; color: #4889ff;}
.MA-btn-partial.type03 {background: #ffffff; border: .1rem solid #4889ff; color: #4889ff; font-size: 1.6rem; line-height: 5rem; margin-right: .75rem; min-width: 4.6rem;}
.MA-btn-partial.type04 {background: #4889ff; color: #fff; font-size: 1.6rem; line-height: 5rem;}
.MA-btn-partial.type05 {background: #ffffff; border: .1rem solid #4889ff; color: #4889ff; font-size: 1.6rem; line-height: 4.8rem;}
.MA-btn-partial.type06 {background: #4889ff; color: #fff; font-size: 1.6rem; line-height: 5rem;}
.MA-btn-partial.type07 {background: #4889ff; color: #fff; font-size: 1.6rem; line-height: 4rem; width: 7rem;}
.MA-btn-partial.type08 {background: #4889ff; color: #fff; font-size: 1.6rem; line-height: 4.6rem; width: 7.6rem; border-radius: 1rem;;}
.MA-btn-partial.type08:disabled {background: #e8e9eb; color: #888; font-size: 1.6rem; line-height: 4.6rem; width: 7.6rem; border-radius: 1rem;;}
.MA-btn-partial.round.type01.active, .MA-btn-partial.round.type02.active {border: .1rem solid #2d55dc; background: #2d55dc; color: #fff;}
.MA-btn-partial.type01:disabled, .MA-btn-partial.type02:disabled {background: #e5e5e5; border: .1rem solid #aaa; color: #aaa;}

.MA-color01 {color: #ff8a57;}
.MA-color02 {color: #0095ff;}
.MA-align-left {text-align: left !important;}
.MA-align-center {text-align: center !important;}
.MA-mgt0 {margin-top: 0 !important;}
.MA-mgb15 {margin-bottom: 1.5rem !important;}
.MA-mgr10 {margin-right: 1rem !important;}
.MA-pdt0 {padding-top: 0 !important;}
.MA-pdb0 {padding-bottom: 0 !important;}

.MA-layerPopup-wrap {position:relative; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; z-index:5; display:none; overflow:hidden; overflow-y:hidden;}
.MA-layerPopup-wrap.active {display: block;}
.MA-layerPopup-wrap .dimmer {z-index:8; background:rgba(0,0,0,0.6);}
/* .MA-layerPopup-wrap + .MA-toast-menu-area {position:fixed; bottom:0; left:0; right:0; width:100%; background:#f9f9f9; z-index:9; padding: 2.3rem 2.5rem; border-radius: 2.5rem 2.5rem 0 0; transform: translateY(100%); transition: all .2s;}
.MA-layerPopup-wrap.active + .MA-toast-menu-area {position:fixed; bottom:0; left:0; right:0; width:100%; background:#f9f9f9; z-index:9; padding: 2.3rem 2.5rem; border-radius: 2.5rem 2.5rem 0 0; transform: translateY(0);} */
.MA-toast-menu-area .msg-title {display: inline-block; font-size: 1.8rem; line-height: 2.5rem; font-weight: 600; margin-top: 1rem;}
.MA-toast-menu-area .msg-title + .toast-close {position: absolute; top: 3rem; right: 2.5rem; width: 3rem; height: 3rem; background: url('../images/ico_close.png') no-repeat center / 100% auto;}
.MA-toast-menu-area .msg {font-size: 1.8rem; line-height: 2.5rem; text-align: center; margin: 2rem 0 3.75rem;}
.MA-btn-wrap {display: flex;}
.MA-btn-wrap.layer.MA-division {margin-top: 3rem;}
.MA-btn-wrap.MA-division button {width: calc(50% - .5rem);}
.MA-btn-wrap.layer button {height: 4.5rem; line-height: 4.5rem;}
.MA-btn-wrap button:first-child {min-width: 9.2rem;}
.MA-btn-wrap button:last-child {flex: 1;}
.MA-btn-column-wrap {margin: 2.5rem 0 0;}
.MA-btn-column-wrap li {margin-bottom: 1.5rem;}
.MA-btn-column-wrap li:last-child {margin-bottom: 0;}
.MA-btn-column-wrap li button {padding: 0 1rem; font-size: 1.8rem; line-height: 7rem; border-radius: 1.3rem; background: #fff; border: .1rem solid #e9e9e9; width: 100%; text-align: left; padding-left: 8.8rem;}
.MA-btn-column-wrap li button.simple_pw {background: url('../images/ico_simple_pw.png') no-repeat left 2.5rem center / 4rem auto;}
.MA-btn-column-wrap li button.fingerprint {background: url('../images/ico_fingerprint.png') no-repeat left 2.5rem center / 4rem auto;}
.MA-btn-column-wrap li button.id {background: url('../images/ico_id.png') no-repeat left 2.5rem center / 4rem auto;}
.MA-btn-column-wrap li button.active {background-color: #e9e9e9; box-shadow: 0 0 0 .2rem #0064ff inset;}
.MA-layerPopup-wrap .MA-alert-wrap {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100vw - 3rem); max-width: 40rem; min-height: 15rem; background: #fff; z-index: 9; padding: 1.5rem 2rem 2.3rem; border-radius: 2rem; /*margin: 0 3rem;*/}
.MA-layerPopup-wrap .MA-alert-wrap .msg-title {font-size: 1.8rem; line-height: 2.5rem; font-weight: 600; text-align: center; margin: 1.5rem 0 0;}
.MA-layerPopup-wrap .MA-alert-wrap .msg {font-size: 1.6rem; line-height: 2.2rem; text-align: center; margin: 2.5rem 0 3rem; letter-spacing: -0.07rem;}
.MA-layerPopup-wrap .MA-alert-wrap .MA-btn-wrap > button {line-height: 4.5rem;}
.MA-layerPopup-wrap .MA-alert-wrap .MA-btn-wrap > button.type03 {line-height: 4.3rem;}

.MA-toast-menu-list {padding: 0;}
.MA-toast-menu-list li:first-child {display: flex; justify-content: space-between; padding: 0 0 1rem;}
.MA-toast-menu-list li:first-child span { font-size: 1.8rem; line-height: 3rem; font-weight: 600;}
.MA-toast-menu-list li:first-child span + .toast-close {content: ""; width: 3rem; height: 3rem; background: url('../images/ico_close.png') no-repeat center / 100% auto;}
.MA-toast-menu-list li:not(:first-child) {position:relative; border-top: 0.1rem solid #eee; font-size: 1.7rem; overflow:hidden; color:rgba(0,0,0,0.9); overflow:hidden;}
.MA-toast-menu-list li a {display: flex; align-items: center; line-height: 5rem; font-weight: 400; color:inherit;}
.MA-toast-menu-list li a.checked::after {content: ""; width: 1.8rem; height: 1.3rem; margin-left: 1rem; background: url('../images/ico_check.png') no-repeat center / 100% auto;}
.MA-toast-menu-list li a span {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 관리자설정 리스트 */
.MA-manage-list li {display: flex; justify-content: space-between; align-items: center;}
.MA-manage-list li .item {font-size: 1.6rem; line-height: 5.5rem; font-weight: 400; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.MA-cont.manager .msg {margin: 5rem 0 0; font-size: 1.8rem; line-height: 2.4rem;}
.MA-cont.manager .pw-wrap {font-size: 1.5rem; line-height: 2.4rem; margin-top: 0rem; display: flex; justify-content: space-between; align-items: center;}
.MA-cont.manager .pw-wrap input[type="password"] {border: .1rem solid #e1e1e1; border-radius: 1rem; height: 4.6rem; padding: 1rem;  flex: 1; margin-right: 1rem; color: #76808f; /*background: url('../images/bg_pw01.png') no-repeat left 1.5rem center / 15.25rem auto;*/}
.MA-cont.manager .pw-wrap input[type="password"]::placeholder {font-size: 1.5rem; color: #222;}
.MA-cont.manager .pw-wrap input[type="password"]:disabled::placeholder {font-size: 1.5rem; color: #bfbfbf;}
.MA-cont.manager .pw-wrap input[type="password"]:focus {border: .1rem solid #0064ff; background: none;}
/* .MA-cont.manager .pw-wrap input[type="password"]:disabled {border: .1rem solid #e4e4e4; background: #f2f2f2 url('../images/bg_pw02.png') no-repeat left 1.5rem center / 15.25rem auto;} */
.MA-cont.manager .pw-wrap input[type="password"].error {border: .1rem solid #fe6060;}
.MA-cont.manager .msg.incorect {font-size: 0; color: #fe6060; margin-top: 3rem; height: 1.2rem;}
.MA-cont.manager .msg.incorect.active {font-size: 1.2rem; color: #fe6060; margin: .5rem 0 0 .5rem; height: 1.2rem; text-align: left;}

.MA-cont.simplePw .msg {font-size: 2.6rem; line-height: 3.2rem; margin-bottom: 3rem;}
.MA-cont.simplePw .msg.incorrect {font-size: 0; color: #fe6060; margin-bottom: 0;}
.MA-cont.simplePw .msg.incorrect.active {font-size: 1.5rem; color: #fe6060;}
/* .MA-cont.simplePw .pw-wrap {font-size: 1.8rem; line-height: 2.4rem; margin: 1.5rem auto; width: 18.4rem; height: 4rem; overflow: hidden;}
.MA-cont.simplePw .pw-wrap input[type="password"] {border: 0; width: 18.3rem; height: 4rem; -webkit-text-security: disc; font-size: 6rem; padding-bottom: 1.5rem; color: #3b82f6; letter-spacing: .4rem; background: url('../images/bg_password.png') no-repeat left center / 17rem auto;} */
.MA-cont.login .other-login {display: inline-block; font-size: 1.3rem; color: #0064ff; margin-top: 1.5rem; background: url('../images/ico_arrow_03.png') no-repeat center right / 1.05rem auto; padding-right: 1.5rem;}
.MA-cont.simplePw .other-login {display: inline-block; font-size: 1.3rem; color: #0064ff; margin-top: 3.5rem; background: url('../images/ico_arrow_03.png') no-repeat center right / 1.05rem auto; padding-right: 1.5rem;}
.MA-cont.login .other-login-wrap {text-align: center;}
 /* .MA-cont.login .other-login {display: inline-block; font-size: 1.3rem; color: #0064ff; margin-top: 1.5rem; background: url('../images/ico_check.png') no-repeat center left / 1.05rem auto; padding-left: 1.5rem;} */

/* 로그인 */
.site-option-list {display: flex; background: #f6f7f9; border-radius: 1rem; padding: 0.25rem; height: 4.1rem;}
.site-option-list button {flex: 1; text-align: center; background: #f6f7f9;}
.site-option-list button:first-child {margin-right: 0.2rem}
.site-option-list button.active {background: #fff; border: 0.05rem solid #ebecee; border-radius: 1rem; color: #222;}
.site-option-list button {width: 100%; border: 0.05rem solid #f6f7f9; font-size: 1.4rem; line-height: 3.3rem; color: #808080; letter-spacing: -0.1rem;}

/* 설정 리스트 */
.MA-setting-list li.seperate-area {border-top: 1.1rem solid #f5f5f6;}
.MA-setting-list li.MA-flex-elem {display: flex; justify-content: space-between; padding-right: 1.5rem;}
.MA-setting-list li.MA-flex-elem .item {flex: 1;}
.MA-setting-list li .item {display: block; padding: 0 2rem; font-size: 1.6rem; line-height: 5.5rem; font-weight: 400; color: inherit;}
.MA-setting-list li .item.detail {background: url('../images/ico_arrow_02.png') no-repeat center right 2rem / .65rem 1.15rem;}
.MA-setting-list li .connect-method {color: #0064ff; line-height: 1.6rem; margin: 0rem 0 1.1rem;}
.MA-setting-list li .sub-include {padding: 1rem 2rem 0; line-height: 3.3rem; background: url('../images/ico_arrow_02.png') no-repeat bottom .7rem right 2rem / .65rem 1.15rem !important;}
.MA-setting-list li a, .MA-setting-list li a:active {-webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration: none !important;}

/* 마켓앱 다운로드 */
.MA-download-list li {background: #e0fcf7; border-radius: 2rem; margin-bottom: 1.5rem;}
.MA-download-list li:last-child {margin-bottom: 0; background: #ddf2fe;}
.MA-download-list li a {display: block; position: relative; min-height: 13.8rem; padding: 2.3rem 0 6rem 2rem;}
.MA-download-list li a.download {background: url('../images/bg_download.png') no-repeat top 5rem right .5rem / 10.15rem auto;}
.MA-download-list li a.download > span {color: #00c1d8;}
.MA-download-list li a.manual {background: url('../images/bg_help.png') no-repeat top 5rem right .5rem / 10.15rem auto;}
.MA-download-list li a.manual > span {color: #0c68ff;}
.MA-download-list li a span {display: block; font-size: 1.4rem;}
.MA-download-list li a p {font-size: 2.2rem; line-height: 2.8rem; color: #222; font-weight: 600; letter-spacing: -0.15rem; margin: 1rem 0 3rem;}
.MA-download-list li a button {display: inline-block; position: absolute; bottom: 2rem; min-width: 10rem; font-size: 1.4rem; line-height: 1.5rem; color: #333; padding-right: 2.7rem; background: url('../images/ico_arrow_04.png') no-repeat right top .5rem / 2.15rem auto;}

.MA-checkbox {display: flex; align-items: center;}
.MA-checkbox > input {position: absolute; left: -9999px;}
.MA-checkbox > label {position: relative; display: block; width: 4.55rem; height: 2.7rem; border-radius: 1.4rem; margin:0 2px; background:#e8e9eb; cursor: pointer;}/* 2023-12-14 컬러값변경 */
.MA-checkbox > label:active {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0);}
.MA-checkbox > input:checked + label {background:#0178e6;}
.MA-checkbox > label::before {content: ''; display: block; position: absolute; left: .15rem; top: .2rem; width: 2.3rem; height: 2.3rem; border-radius: 100%; background: #fff; transition: all .1s; box-shadow: .1rem 0 .3rem rgba(0, 0, 0, .3);}
.MA-checkbox > input:checked + label::before {left: 2.05rem;  transition: all .1s; box-shadow: -3px 0 .2rem rgba(0, 0, 0, .2);}

/* 마켓앱 다운로드 하단 컨텐츠 위치 고정 */
.MA-appBottom-wrap {position: absolute; left: 0; right: 0; bottom: 0; padding: 1rem 2rem 2rem; background:#fff; text-align: center;} /* 하단(고정) */
.MA-appBottom-wrap.relative {position: relative; padding: 1rem 0 2rem;} /* 하단(유동) */
.MA-appBottom-wrap.seperate {border-top: 1.1rem solid #f5f5f6;}
.MA-appBottom-wrap.hide {display: none;}
.MA-appBottom-wrap .msg-box {padding: 1.5rem .7rem; margin: 0 0 1.8rem; background: #fbf9f9; border-radius: .7rem; font-size: 1.3rem; line-height: 1.9rem; color: #76808f; letter-spacing: -0.07rem;}
.MA-appBottom-wrap .customer-center {font-size: 1.3rem; color: #8294b0;  margin: 1.5rem 0 0;}
.MA-appBottom-wrap .copyright-wrap {display: inline-block; width: 8.4rem; height: 2.9rem; margin: 1.5rem 0 0; background: url('../images/logo_copy.svg') no-repeat center; /*height: 33px; line-height: 33px; text-align: center; font-size: 1.3rem; color: #003cdc;*/}

.MA-keypad-wrap {display: flex; flex-wrap: wrap;} /* 하단 키패드 */
.MA-keypad-wrap > button {width: 10rem; height: 6.25rem; font-size: 2.25rem; font-weight:700; text-align: center;}
.MA-keypad-wrap > button:nth-child(3n-1) {margin: 0 1rem;}
.MA-keypad-wrap > button.replace {font-size: 1.6rem; font-weight: 400; color: #7e89a2; text-align: center;}
.MA-keypad-wrap > button.backspace {background: url('../images/ico_backspace.png') no-repeat center / 2.65rem auto; font-size: 0; line-height: 0;}

/* 마켓앱설치 도움말(매뉴얼)*/
.manual-list {display: flex; justify-content: center;}
.manual-list ul {max-width: 70rem; display: flex; justify-content: center; flex-wrap: wrap;}
.manual-list li {margin: 0 0 3rem;}
.manual-list li img {width: 36rem; height: auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;}

.MA-form {margin: 3.5rem 0 0;}
.MA-form > dl {margin-bottom: 1rem;}
.MA-form > dl:last-of-type {margin-bottom: 1.5rem;}
.MA-form dt {margin-bottom: .5rem; font-size: 1.3rem; line-height: 1.8rem; color: #b4b9c3;}
.MA-form dd {margin: 0;}
.MA-form dd input::placeholder {color: #a4aab7;}

.MA-form .MA-btn-wrap {margin: 3rem 0 0;}
/* input */
.MA-input-wrap {position:relative;display:inline-block;min-width:10px;height:4.6rem}
.MA-input {border: .1rem solid #e1e1e1; border-radius: .6rem; min-width: 1rem; height: 4.6rem; padding: 0 1.3rem; font-size: 1.6rem; background-color: #fff; width: 100%; text-decoration: none !important;}
.MA-input::placeholder {color: #76808f !important;}

/* 로그인 옵션 확인 */
.MA-idpwOption-wrap {margin:0 29px;text-align:right;}
.MA-checkbox-wrap {position:relative; display:inline-block; margin: 0 0 0 0; vertical-align: top; cursor:pointer;}
.MA-checkbox-wrap input[type="checkbox"] {position: relative; width: 2.5rem; height: 2.5rem; background:url('../images/bg_checkbox.png') no-repeat center / 2.25rem auto; border-radius: .9rem; -webkit-appearance: none; color:rgba(255, 255, 255, 1);}
.MA-checkbox-wrap input[type="checkbox"]:checked::after {content:''; display:block; width: 2.5rem; height: 2.5rem; background-color: #3b82f6; background-image:url('../images/ico_check_02.png'); background-repeat: no-repeat; background-position: center; background-size: 1.3rem; border-radius: .9rem;}
.MA-checkbox-wrap input[type="checkbox"]:disabled {background:rgba(123, 222, 240, 0.4);cursor: default;}
.MA-checkbox-wrap label {height: 2.5rem; line-height: 2.5rem; margin-left: 0; padding-left: 8px; font-size: 1.6rem; color: #222;}

.MA-workOption-wrap {margin:21px 29px 6px;}
.MA-radio-wrap {position:relative; display: flex; align-items: center; margin: 0 5px 0 0; cursor:pointer;}
.MA-radio-wrap input[type="radio"] {position:relative; width: 1.8rem; height: 1.8rem; border-radius:50%; border: .1rem solid #b2b2b2; -webkit-appearance: none;}
.MA-radio-wrap input[type="radio"]:checked {position:relative; background:#3b82f6; border-color:#3b82f6;}
.MA-radio-wrap input[type="radio"]:checked::after {content:''; position:absolute; left: 4px; top: 4px; display:block; width: .8rem; height: .8rem; background: #fff; border: 1px solid #fff; border-radius: 50%;}
.MA-radio-wrap input[type="radio"]:disabled {background: #f2f2f2; border: .5rem solid #b2b2b2; cursor: default;}
.MA-radio-wrap label {height: 2.5rem; line-height: 2.5rem; margin-left: 0; padding-left: 8px; font-size: 1.6rem; color: #222;}

.MA-splash-wrap {position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: start; align-items: center; padding: 85px 0 28px;}
.MA-splash-wrap .title {width: 186.5px; height: 33.5px; background: url('../images/splash_title.png') no-repeat center / 186.5px auto; margin: 0 0; font-size: 0; line-height: 0;}
.MA-splash-wrap .cart-wrap {display: flex; justify-content: center; align-items: center; width: 100%; height: 94%; position: relative;}
.MA-splash-wrap .cart-wrap .slogan {position: absolute; top: 3rem; left: 0; right: 0; text-align: center; font-size: 2rem; color: #0064ff; font-weight: 600;}
.MA-splash-wrap .cart {width: 192.5px; height: 192.5px; background: url('../images/splash_cart.png') no-repeat center / 192.5px auto; margin-left: -3000px; animation-duration: .8s; /*animation-delay: 1s;*/ animation-name: slideIn;}
.MA-splash-wrap .cart.done {margin-left: -20px;}

@keyframes slideIn {
    0% {margin-left: -1000px;}
    70% {margin-left: 50px;}
    100% {margin-left: -20px;}
}

/* PIN번호 입력 */
.MA-cont.simplePw .pw-wrap {margin: 1.5rem auto 1rem; /*width: 180px; height: 20px;*/}
.MA-cont.simplePw .pw-wrap input[type="password"] {border: 0; outline: 0; width: 180px; height: 20px; font-size: 0; background: url('../images/pin_fill_process.png') 0 0 no-repeat; background-size: 180px auto;}
.MA-cont.simplePw .pw-wrap input.bg-type-0 {background-position: 0 0}
.MA-cont.simplePw .pw-wrap input.bg-type-1 {background-position: 0 -30.5px}
.MA-cont.simplePw .pw-wrap input.bg-type-2 {background-position: 0 -60px}
.MA-cont.simplePw .pw-wrap input.bg-type-3 {background-position: 0 -89.5px}
.MA-cont.simplePw .pw-wrap input.bg-type-4 {background-position: 0 -119px}
.MA-cont.simplePw .pw-wrap input.bg-type-5 {background-position: 0 -148.5px}
.MA-cont.simplePw .pw-wrap input.bg-type-6 {background-position: 0 -178px}

/* 생체인증 잠금 바닥화면 */
.MA-bio-certify {width: 100%; height: 100vh; background: url('../images/bg_lock.png') no-repeat top 82.5px center ;}

.MA-center-msg {display: flex; justify-content: center; align-items: center; height: calc(100vh - 24rem); font-size: 1.6rem;}
.dimmer {position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:2; overflow:hidden;}
.dimmer.white {background:rgba(255,255,255,0.8);}
.MA-full-width {width:100% !important}
.MA-auto {width:auto !important}
.MA-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.MA-align-center-force {display: flex; justify-content: center;}

.MA-topMove-btn {position: fixed; z-index: 5 ;width: 28px; height:28px; background: rgba(192, 194, 198, 0.9); border-radius: 50%; font-size: 0; line-height: 0; text-indent: -999999px;}
.MA-topMove-btn::after {content: ''; position: absolute; left: 7px; top: 7px; width: 14px; height: 15px; background: url('../images/icon_app.png') no-repeat 0 -31px; background-size: 88px 50px;}
.MA-cont .MA-topMove-btn {right: 13px; bottom: 11px;} /* 앱상세 > 탑 버튼 */

/* 보안키패드 overwrite*/
.Nvikie>.v_center {width: 100%; height: 90%; padding: 0 !important; background-color: #fff !important; border-color: #fff !important;}
.Nvikie .v_center .v_col {height: 18% !important;}
div.Nvikie {bottom: -77px !important;}
div.v_specol.rearrange {text-align: center !important;}
button.rearrange.RearrangeButton img {width: 45px !important;}
button.backspace.BackspaceButton img {width: 31px !important;}