@charset "UTF-8";
@import "base.css";
@import "style_2021.css";

/* ==========================================================================
   인트로
   ========================================================================== */
.wrap.intro {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #476eff; color: #fff;}
.wrap.intro > section.contents {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 14.72%;}
.wrap.intro h1 {margin: 0 auto; padding-top: 0; max-width: 240px; height: 47px; text-align: center; background: url('../images/mys2021/new_intro_logo.svg') 0 0 no-repeat; background-size: 100% auto; color: transparent; text-indent: -9999px; overflow: hidden;}
.header .title img {display: none;}
.cont-tit {display: none;}

/* ==========================================================================
   로그인
   ========================================================================== */
.wrap.login {height: 100%;}
.wrap.login .container {padding-top: 56px;}
/* .wrap.login .header:not(.pc-on) + .container {padding-top: 56px;} */
.wrap.login .contents {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; padding: 0;}
.login .section-header {margin-top: 73px;}
.login .section-header h1 {font-size: 24px; font-weight: 700; color: #000; line-height: 35px;}
.login .section-header h1 span {font-weight: 400;}
.login .contents > .title > h1.mo-on {width: 240px; height: 47px; margin: 0 auto; margin-top: 54px; text-indent: -9999px; background: url('../images/mys2021/new_login_logo.png') 0 0 no-repeat; background-size: 240px auto;}
.login .login-btn-wrap {flex:none !important; margin-top: 40px; padding: 0 24px;}
.login .login-btn-wrap .sns-login li {margin-top: 12px;}
.login .login-btn-wrap .sns-login li:first-child {margin-top: 0;}
.login .btn {display: block; font-size:16px; font-weight: 700; line-height: 48px; border-radius:4px;}
.login .sns-login:not(.type2) .btn-login {padding-left: 34px; background: #5768d2 url('../images/mys2021/icon_logo_shinhan.svg') calc(50% - 58px) 50% no-repeat; background-size: 18px auto; color: #fff;}
.login .login-btn-wrap .sns-login .btn { border:none;}
.login .sns-login:not(.type2) .btn-login.shinhan {padding-left: 34px; background: #5768d2 url('../images/mys2021/icon_logo_shinhan.svg') calc(50% - 98px) 50% no-repeat; background-size: 18px auto; color: #fff;}
.login .sns-login:not(.type2) .btn-sns-login.naver {padding-left: 34px; background: #03c75a url('../images/mys2021/icon_btn_naver.svg') calc(50% - 58px) 50% no-repeat; background-size: 20px auto; color: #fff;}
.login .sns-login:not(.type2) .btn-sns-login.kakao {padding-left: 34px; background: #fee500 url('../images/mys2021/icon_btn_kakao.svg') calc(50% - 58px) 50% no-repeat; background-size: 20px auto; color: #1b1f42 !important;}
.login .sns-login:not(.type2) .btn-sns-login.apple {padding-left: 34px; background: #222 url('../images/mys2021/icon_logo_apple.svg') calc(50% - 58px) 50% no-repeat; background-size: 18px auto; color: #fff;}
.login-type-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 33px;}
.login-type-wrap .login-type {display: inline-flex;}
.login-type-wrap li {-webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;}
.login-type-wrap li a {display: inline-block; height: 20px; padding: 1px 18px 0 22px; font-size: 13px; line-height: 1.5; color: #494f60; background: url('../images/mys2021/icon_quicknum.svg') 0 50% no-repeat; background-size: 18px auto; vertical-align:middle;}
.login-type-wrap li .tooltip-wrap {margin-top:3px; vertical-align:middle;}
.login-type-wrap .login-type-btn3 {background-image: url('../images/mys2021/icon_fingerprint.svg');}
.login-type-wrap .login-type-btn4 {padding-right: 2px; background-image: url('../images/mys2021/icon_franchisenum.svg');}
.login .btn-join {margin: 48px auto 0; color: #494f60 !important; font-size:14px; line-height: 42px; background:#eff0f5; border:none;}
.login .login-info-txt { margin-top:24px; padding: 0 24px 16px; width: 100%;}
.login .login-info-txt li {color: #666; line-height: 1.6;}
.login .login-info-txt li::before {background-color: #999;}
.login .login-info-txt a {color: #6c7fd6; text-decoration: underline;}
.login .login-btn-wrap .sns-login.type2 { display:flex; flex-wrap:wrap; align-items: stretch; padding-bottom:40px;}
.login .login-btn-wrap .sns-login.type2 li { flex:1 0 auto;  margin-top:0; max-width:25%; text-align:center;}
.login .login-btn-wrap .sns-login.type2 li a { height:100%; line-height:18px; color:#000; font-size:14px;text-align:center; padding:0;}
.login .login-btn-wrap .sns-login.type2 .btn-sns-login:before { content:''; display:block; width:54px; height:54px; vertical-align:top;  border-radius:100%; background: #5768d2 url('../images/mys2021/icon_logo_shinhan.svg') no-repeat center center; background-size: 28px auto; color: #fff; margin:0 auto; margin-bottom:13px;}
.login .login-btn-wrap .sns-login.type2 .btn-sns-login.naver:before { background: #03c75a url('../images/mys2021/icon_btn_naver.svg') no-repeat center center; background-size: 28px auto; color: #fff;}
.login .login-btn-wrap .sns-login.type2 .btn-sns-login.kakao:before { background: #fee500 url('../images/mys2021/icon_btn_kakao.svg') no-repeat center center; background-size: 28px auto; color: #1b1f42 !important;}
.login .login-btn-wrap .sns-login.type2 .btn-sns-login.apple:before { background: #222 url('../images/mys2021/icon_logo_apple.svg') no-repeat center center; background-size: 28px auto; color: #fff;}

@media screen and (max-width: 359px) {
   .login-type-wrap li a {padding-right: 10px;}
   .login-type-wrap li .tooltip-wrap {padding-right: 13px;}
}

.login .login-form {margin-top: 40px; padding-top: 0;}
.login .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 .login-form .input-wrap:first-child {margin-top: 0;}
.login-form .input-wrap .input-box {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width:100%; padding-bottom: 0; border: none;}
.login .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 .login-form .input-wrap .inp-text:active {background: #fff; border: 2px solid #f2f7fd;}
.login .login-form .input-wrap .input-box.error .inp-text {background: #fff; border: 2px solid #da1d1d;}
.login .login-form .input-wrap .input-box.focus {position: relative;}
.login .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 .login-form .input-wrap .inp-text:focus {background: #fff; border: 2px solid transparent !important;}
.login .login-form .input-wrap .inp-text::placeholder {color: #ccc; font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 16px;}
.login .login-form .input-wrap .inp-text::-webkit-input-placeholder {color: #ccc; font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 16px !important;}
.login .login-form .input-wrap .inp-text:-ms-input-placeholder {color: #ccc; font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 16px !important;}
.login .login-form .input-wrap .inp-text:-mos-input-placeholder {color: #ccc; font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 16px !important;}
.login .login-form .input-wrap .inp-text:disabled {background-color: rgba(239, 240, 245, 0.5);border: 1px solid #eee;}
.login .login-form .input-wrap .inp-end {background: #eff4ff; border: 2px solid #eff4ff;}
.login .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%;}
.login .contents > .title > .pc-on h1,
.login .contents > .title > .plr-2 h1 {font-weight: 400;}
.login .login-form .input-wrap .inp-text.inca_keypad:read-only {color: #000; -webkit-text-fill-color: #000;}

.login .login-form .note-text {margin-top: 8px; font-size: 12px; font-weight: 500; line-height: 16px; color: #888;}
.login .login-form .note-text.error {color: #da1d1d;}
.login .login-type-change {font-size: 12px; line-height: 20px; color: #000; text-decoration: underline;}
.login .btn.disable, .login .btn:disabled {background: #d0d7e7; color: rgba(61,73,100,0.5);}
.login .banner-area {position: fixed; bottom: -100%; width: 100%; max-width: 1080px; height:104px; background: #e0e9f4 url('../images/mys2021/login_banner.svg') no-repeat top -21px right -26px; background-size: auto 145%; border-radius:12px 12px 0 0; box-shadow:rgba(0,0,0,0.15) 0 -1px 22px; z-index: 1; transition: bottom 1.2s ease-in-out; -webkit-transition: bottom 1.2s ease-in-out; -moz-transition: bottom 1.2s ease-in-out; -ms-transition: bottom 1.2s ease-in-out; -o-transition: bottom 1.2s ease-in-out;} 
.login .banner-area.act {bottom: 0;}
.login .banner-area.abs {position: absolute;}
.login .banner-area .tit {padding: 20px 24px; height: 100%; color: #414e7f; font-size: 13px; line-height: 19px;}
.login .banner-area .tit strong {font-size: 16px; line-height: 19px; font-weight: 900;}
.login .banner-area .txt-link {color: #888; font-size: 12px; line-height: 20px; text-decoration: underline;}
.login .banner-area .txt-link:hover {text-decoration: underline;}
.login .banner-area .close-btn {position: absolute; top: 20px; right: 0px; width: 36px; height: 36px; font-size: 0;}
.login .banner-area .close-btn::before,
.login .banner-area .close-btn::after {content: ''; position: absolute; top: 0; right: 50%; width: 1px; height: 16px; background-color: #000;}
.login .banner-area .close-btn::before {transform: translateX(-50%) rotate(45deg);}
.login .banner-area .close-btn::after {transform: translateX(-50%) rotate(-45deg);}

/* 로그인 - faceid, 지문 */
.login [class^="icon-app-"] + .flex-box {padding-bottom: 28px;}
.icon-app-face-id {-webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; padding-top: 187px; background: url('../images/mys2021/icon_app_faceid.png') 50% 57px no-repeat; background-size: 90px auto;}
.icon-app-fingerprint {-webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; padding-top: 187px; background: url('../images/mys2021/icon_app_fingerprint.png') 50% 57px no-repeat; background-size: 90px auto;}

.login .msg-wrap.align-top {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; transform: translateY(0);} 
.login .msg-wrap.align-top .msg-type-3 {padding-top: 104px; width: 100%; max-width: 312px;}
.login .msg-wrap.align-top .icon-app-fingerprint, .login .msg-wrap.align-top .icon-app-face-id {position: relative; padding-top: 170px; background-position: 50% 40px;}
.login .msg-wrap.align-top .icon-app-fingerprint > a, .login .msg-wrap.align-top .icon-app-face-id > a {display: block; position: absolute; top: 20px; left: 50%; margin: 0 -65px; width: 130px; height: 130px; text-indent: -9999px; background: transparent; overflow: hidden;}
.login .btn[class*="btn-dash-"] {background: #fff; border: 1px dashed #ccc !important; color: #494f60;}

/* 로그인 - 간편번호 */
.quick-num {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; text-align: center;}
.quick-num .simple-password {position: relative; height: 40px;}
.quick-num .simple-password input {position: absolute; top: 0; left: 50%; margin-left: 12px; max-width: 180px; height:40px; font-size: 37px !important; line-height: 37px; letter-spacing: 10px; color: #597cfb !important; caret-color: transparent; background: transparent !important; z-index: 1; transform: translateX(-50%);}
.quick-num .simple-password input + input::-webkit-input-placeholder {color: #ccc; font-family: 'password';}
.quick-num .simple-password input + input {color: #e6e6e6 !important; z-index: 0;}
.quick-num .text-link {text-align: center; margin-top: 17px;}

/* 종업원 로그인 */
.employee-login .section-header h1 { margin: 20px auto 0; width: 240px; height: 47px; text-indent: -9999px; background: url('../images/mys2021/logo_blue.png') 0 0 no-repeat; background-size: 240px auto;}
.employee-login .select-wrap {height: 60px;}
.employee-login .select-wrap .select {padding: 5px 50px 7px 20px; height: 100%; color: #000; font-size: 18px; font-weight: 500; line-height: 25px; background: #fff; border: 2px solid #eee; border-radius: 5px;}
.employee-login .select-wrap .select:before {margin-top: 0; right: 20px;}
.employee-login .select-wrap .select.selected {background: #eff4ff; border-color: #eff4ff;}
.employee-login .input-wrap {position: relative;}
.employee-login .input-wrap .link-simple-pw {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 10; border:none;}

.login .text-link:after { display:none;}
/* 가상키패드 
.login-secu-keypad {} 
*/

/* ==========================================================================
   서비스 가입
   ========================================================================== */
.join .login-btn-wrap {margin-top: 40px; padding: 0 24px;}
.join .login-btn-wrap .sns-login li {margin-top: 10px;}
.join .login-btn-wrap .sns-login li:first-child {margin-top: 0;}
.join .btn {display: block; font-size:14px; font-weight: 700; line-height: 44px; border-radius:4px; border:none !important;}
.join .btn-sns-login.naver {padding-left: 34px; background: #55e17a url('../images/mys2021/icon_btn_naver.png') calc(50% - 50px) 50% no-repeat; background-size: 20px auto; color: #fff;}
.join .btn-sns-login.kakao {padding-left: 34px; background: #fbe750 url('../images/mys2021/icon_btn_kakao.png') calc(50% - 50px) 50% no-repeat; background-size: 20px auto; color: #1b1f42 !important;}
.join .btn-sns-login.apple {padding-left: 34px; background: #222 url('../images/mys2021/icon_logo_apple.png') calc(50% - 50px) 50% no-repeat; background-size: 20px auto; color: #fff;}

.login .contents > .title > .plr-2 {margin-top: 40px;}

.input-wrap + .input-wrap.append {margin-top: 8px;}
.wrap .container .hero-area-info {padding:16px 24px 0;}
.section-header {padding: 0 24px 24px; margin-top:40px;}
.section-header:first-child {margin-top: 60px;}
.section-header h2 {font-size: 24px; font-weight: 400; color: #000; line-height: 35px;}
.section-header .highlight {font-weight: 700; color: #3048a2;}
.section-header .ctit + .btn-group {align-items:flex-start;}
.guide-info {padding-top: 16px; color: #666; font-size: 12px; line-height: 16px; border-top:1px solid #eee;}
.guide-info li {margin-top: 8px;}
.guide-info li:first-child {margin-top: 0;}
.stit2 {position: relative; margin-top:32px; font-size: 16px; line-height: 22px;}
.stit2:first-child {margin-top: 32px;}
.note-desc {padding:8px 0; font-size: 12px; font-weight: 400; color: #666; line-height: 16px;}
.note-desc .set-link {text-decoration: underline;}
.note-desc.fs-14 {line-height: 20px !important;}
.note-desc:first-child { padding-top: 0; padding-bottom: 12px;}  
.note-desc:last-child {padding-bottom: 0;}
.radio-tap-wrap ul li:first-child .radio-wrap.type3 input + label:before, 
.radio-tap-wrap ul li:first-child .radio-wrap.type3 input:checked + label:before {border-radius: 4px 0 0 4px;}
.radio-tap-wrap ul li:last-child .radio-wrap.type3 input + label:before,
.radio-tap-wrap ul li:last-child .radio-wrap.type3 input:checked + label:before {border-radius: 0 4px 4px 0;}
.sect .essential-guide {position: absolute; top: 18px; right: 24px; padding-left: 6px; color: #888; font-size: 12px; line-height: 18px;}
.sect .essential-guide.static { position:static;}
.sect .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;}

.add-checkbox .accd-cont p {word-break: break-all;}
.add-checkbox .account-info dl dt:last-of-type, .add-checkbox .account-info dl dd:last-of-type {margin-bottom: 0;}
.accd-tab-sm .ra-chk-wrap input + label:before {border: 0;}
.accd-tab-sm .ra-chk-wrap input:checked + label:before {background: transparent;}
.accd-tab-sm .ra-chk-wrap input:checked + label:after {border-bottom: 2px solid #476eff; border-right: 2px solid #476eff;}
.accd-tab-sm button {font-size: 12px; color: #666; line-height: 16px;}
.accd-tab-sm + .accd-cont .account-info dl dt {font-size: 12px; line-height: 16px; color: #000;}
.accd-tab-sm + .accd-cont .account-info dl dd {font-size: 12px; font-weight: 500; color: #666; line-height: 16px; text-align: left; }
.input-wrap.open-date .input-box {border-bottom: 1px solid #bbb;}

.content-foot {display:flex; flex:1 0 auto; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding:0 24px;}
.content-foot .txt-link {display: inline-block;}
.content-foot a.txt-link:visited, .content-foot a.txt-link:hover, .content-foot a.txt-link:focus {text-decoration: underline;}

.cert-code .bg-gray5 { margin-top:32px; padding:24px 0; border-radius:8px; text-align: center;}

.cert-code .bg-gray5 span { display:block;}
.cert-code .bg-gray5 span.c-point1 { padding-top:8px; padding-bottom:2px; font-weight:700;}

.input-wrap.number-type .input-box input[type="password"]:disabled {color: #666;}
.input-wrap.card-num {border-bottom: 1px solid #eee;}
.input-wrap.card-num .input-box input[type="password"]:disabled {background-color: transparent; color: #888; -webkit-text-fill-color: #888; border:none !important;}
/* .input-wrap.card-num .input-box input[type="text"].password:disabled {margin-bottom: -2px; padding: 16px 0 0; height: 26px !important; font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 34px; letter-spacing: -2px; line-height: 1; color: #666; -webkit-text-fill-color: #666; background-color: transparent;  border:none !important;} */
.input-wrap.card-num .input-box input[type="text"].password:disabled{background-image:url('/conts/images/mys2021/notice/password_img.png');background-color: transparent;background-repeat:no-repeat;background-position:0 50%;background-size:auto 26px;-webkit-text-fill-color:transparent;color:transparent;}
.input-wrap.card-num.etc .input-box input[maxlength="4"] { max-width:21%;}
.input-wrap.card-num.etc .input-box input[maxlength="3"] { max-width:15%;}

.certifi-content .select-input-wrap .select-box {max-width: 65px;}
.certifi-content .select-input-wrap .input-box input {padding-left: 5px;}
.certifi-num {position: relative;}
.certifi-num .input-wrap .input-box input {padding-right: 145px;}
.certifi-num .time {position: absolute; bottom: 13px; right: 90px; color: #666; font-size: 14px; line-height: 20px;}
.certifi-num .btn {position: absolute; bottom: 6px; right: 0;}

/* 사업자 가맹점번호 확인 */
.text-link, .text-link:hover {text-decoration: underline;}
.text-link.type2 {position: relative; display: flex; justify-content: flex-end; margin-top: 8px; padding-right: 18px; background: url(); font-size: 12px; line-height: 16px; text-decoration: none;}
.text-link.type2::after{content: ''; position: absolute; top: 50%; right: 8px; display: block; margin-top: 1px; width: 4px; height: 4px; border-top: 1px solid #666; border-right: 1px solid #666; transform: translateY(-50%) rotate(45deg);}
.select-input-wrap .input-wrap.pl-0 .input-box {padding-left: 0;}

/* 가입정보입력 */
.accordion-wrap .check-link {position: relative; padding-left: 35px;}
.accordion-wrap .check-link .checkbox-wrap {position: absolute; top: 4px; left: 8px;}
.accordion-wrap .check-link > a {position: relative; display: block; padding: 6px 36px 6px 4px; line-height: 20px; word-break: normal;}
.accordion-wrap .no-link:before,
.accordion-wrap .no-link:after { display:none;}
.accordion-wrap .check-link > a::before,
.accordion-wrap .check-link > a::after {content: ''; position: absolute; right: 8px; width: 2px; height: 8px; background-color: #000;}
.accordion-wrap .check-link > a::before {top: 11px; transform: rotate(-45deg);}
.accordion-wrap .check-link > a::after {top: 16px; transform: rotate(45deg);}
.accordion-wrap .check-link + .link-cont {margin: 2px 0 0 38px; padding: 12px; color: #666; font-size: 12px; line-height: 16px;}
.accordion-wrap .check-link > .checkbox-wrap + a { color:#666;}
.accordion-wrap.add-checkbox .accd-cont .bg-white {margin: 12px -16px -12px -12px; padding-top: 12px;}

.accordion-wrap .accd-cont .check-link .checkbox-wrap {top: 2px;}
.accordion-wrap .accd-cont .check-link > a::before,
.accordion-wrap .accd-cont .check-link > a::after {right: 8px; width: 1px; height: 6px;}
.accordion-wrap .accd-cont .check-link > a::before {top: 10px;}
.accordion-wrap .accd-cont .check-link > a::after {top: 14px;}

.radio-chk-box .checkbox-wrap.type3 input + label:before {border: 1px solid #414e7f;}
.radio-chk-box .checkbox-wrap.type3 input + label span {color: #414e7f;}
.radio-chk-box .checkbox-wrap.type3 input:checked + label span {color: #fff;}
.radio-chk-box .checkbox-wrap.type3:last-of-type input + label:before {border-radius: 0 2px 2px 0;}
.radio-chk-box .checkbox-wrap.type3:first-of-type input + label:before {border-radius: 0 2px 2px 0;}
.new-case.accordion-wrap .accd-tab,
.new-case.accordion-wrap .check-link { padding-left:0; display:flex;}
.new-case.accordion-wrap .checkbox-wrap:not(.ra-chk-wrap) { position:relative !important; top:0 !important; width:calc(100% - 32px); margin-bottom:0;}
.new-case.accordion-wrap .checkbox-wrap:not(.ra-chk-wrap) input[type="checkbox"] + label {display:block; height:auto; padding:6px 0 6px 30px; line-height:20px; color:#666;}
.new-case.accordion-wrap .checkbox-wrap:not(.ra-chk-wrap) input[type="checkbox"] + label:before { top:5px;}
.new-case.accordion-wrap .checkbox-wrap:not(.ra-chk-wrap) input[type="checkbox"] + label:after { top:16px;}
.new-case.accordion-wrap .checkbox-wrap:not(.ra-chk-wrap) input[type="checkbox"]:checked + label { color:#000;}
.new-case.accordion-wrap .checkbox-wrap + button,
.new-case.accordion-wrap .checkbox-wrap + a { width:32px; height:32px; color:transparent !important; overflow:hidden;}

.layer-popup.bt-sheet.attr-type-select .pop-head {border-bottom:0;}
.layer-popup.bt-sheet.attr-type-select .pop-cont { border-radius:0 0 8px 8px;}
.btn-group.circle-type {justify-content: center; padding:40px 0;}
.btn-group.circle-type .btn { position:relative; flex:0 0 auto; width:54px; line-height:1.5; padding:66px 0 0; text-align:center; border:0; color:#000; font-size:14px; font-weight:500; outline:none;}
.btn-group.circle-type .btn:before { content:''; position:absolute; top:0; left:0; width:54px; height:54px; border:1px solid #ccc; border-radius:54px;}
.btn-group.circle-type .app-camera {margin-right:48px;}
.btn-group.circle-type .app-camera:before {margin-right:48px; background:url('../images/mys2021/icon_camera.svg') no-repeat center center; background-size:24px auto;}
.btn-group.circle-type .app-gallery:before { background:url('../images/mys2021/icon_gallery.svg') no-repeat center center; background-size:24px auto;}
.btn-group.circle-type .btn:active:before { background-color:#ccc;}

/* WEB login */
@media screen and (min-width: 769px){
   .cont-tit {display: block; margin: 0 auto; padding: 48px 24px 40px; width: 100%; font-size: 28px;}
   .tab-wrap .ui-tab.top-tab { margin-top:0;}

   .wrap .container {padding: 101px 0 100px !important;}
   .wrap .container.info-container {padding: 101px 0 0 !important;}
   .wrap .container.info-container > .contents {padding-bottom: 100px;}

   .wrap.login .contents {max-width:600px;}
   .wrap.join .contents .cont-tit,
   .wrap.login .contents .cont-tit {margin: 64px auto 0; padding: 0; width: 460px;}
   .join .contents .ctit,
   .login .contents > .title > .pc-on,
   .login .contents > .title > .plr-2 {margin: 0 auto; padding: 0 !important; max-width: 460px;}
   .login .contents > .title > .pc-on .note-desc {margin-top: 8px; padding: 0;}
   .login .login-btn-wrap {width:460px; margin: 32px auto 0; padding: 0;}
   .login-type .login-type-btn3 {display: none;}
   .login .btn-join {margin-top: 24px; line-height: 48px;}
   .login .banner-area {position: static; display: block; margin: 48px auto 0; max-width: 460px; box-shadow: none;}
   .login .banner-area .close-btn {display: none;}
   .login .content-foot {margin: 8px auto 0; padding: 16px 0 0; max-width: 460px;}
   .footer {background:#fff;}

   .wrap.login .section-header,
   .wrap.login .contents > .plr-2.flex-1,
   .wrap.login .inner.contents.plr-2 {margin: 0 auto; padding: 0 !important; width: 460px;}
   .wrap.login .section-header {margin-top: 64px;}

   .wrap.join .contents .cont-tit {margin: 0 auto 0; padding: 0; width: 460px;}
   .join.wrap .container .sect { width:460px; margin:0 auto; padding:24px 0 48px;}
}

/* ==========================================================================
   메인
   ========================================================================== */
.wrap.main .header {padding: 16px 0; height: 56px;}
body.fixed .wrap.main .header, body.fixed .wrap.main .foot-menu {z-index: 1;}
body.fixed .wrap.main .foot-menu {display: none !important;}
.wrap.main.logined .header.h-56 {height: 80px; transition: height .5s ease-in;}
.wrap.main .header > .inner {height: 100%;}
.wrap.main .header h1.title {display: block; padding: 0 103px 0 32px; height: 100%; text-align: left;}
.wrap.main .header .btn-noti, .wrap.main .header .btn-menu {top: 16px;}
.wrap.main .header .shop-name .select {width: auto; min-height: 26px; margin-bottom: 2px; padding: 0 28px 0 0; font-size: 18px; line-height: 1.2; border-bottom: 0; color: #000; word-break: break-all;}
.wrap.main .header .shop-name .select:before {top: 8px; width:6px; height:6px; border-top: 2px solid #222; border-left: 2px solid #222; transform: translate(-50%, 0) rotate(225deg); -webkit-transform: translate(-50%, 0) rotate(225deg); -moz-transform: translate(-50%, 0) rotate(225deg); -ms-transform: translate(-50%, 0) rotate(225deg); -o-transform: translate(-50%, 0) rotate(225deg);}
.wrap.main .header .shop-name .none-select {padding: 0;}
.wrap.main .header .shop-name .none-select:before {display: none;}
.wrap.main .header .shop-num {margin-right: -80px; font-size: 14px; line-height: 20px;}
.wrap.main .header .long-txt-op + .shop-num {font-size: 12px; line-height: 16px;}
.wrap.main > .container {position: relative; padding: 56px 0 72px 0;}
.wrap.main.logined .header + .container {padding: 80px 0 72px 0; transition: padding .5s ease-in-out;}

.wrap.main > .container > .contents {position: relative; padding-top: 0;}
.wrap.main > .container > .contents.noti {padding-top: 48px;}
.wrap.main .noti-wrap {position: fixed; top: 56px; left: 50%; margin: 6px 0 12px; padding: 0 40px 0 0; width: calc(100% - 48px); max-width: 1032px; height: 36px; background: rgba(5,15,38, .7); border-radius: 8px; z-index: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.wrap.main.logined .noti-wrap {top: 80px;}

.wrap.main .header .shop-info-status { position:relative; padding: 3px 20px 1px 0; font-size: 16px; font-weight: 500; max-width: calc(100% + 15px);text-align:left;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.wrap.main .shop-info-status span.status{display: inline;color: #476eff; text-decoration: underline;}
.wrap.main .shop-info-status i.more { position:absolute; top:0; right:0; display: inline-block; width: 20px; height: 20px; transform: translateY(20%); background: url('../images/mys2021/icon-navi-arrow-right.png') 2px 0/20px no-repeat;}
.wrap.main .noti-wrap > a {position: relative; display: block; padding: 10px 16px 10px 48px; height: 36px;}
.wrap.main .noti-wrap > a span {display:inline-block; font-size: 12px; line-height: 16px; color: #fff; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.wrap.main .noti-wrap > a:before {content: ''; position: absolute; top: 50%; left: 16px; display: block; width: 20px; height: 20px; background: url('../images/mys2021/icon_alarm.svg') no-repeat 0 50%; background-size: 100% auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.wrap.main .noti-wrap .btn-close {position: absolute; top: 50%; right: 10px; display: block; padding: 0; width: 20px; height: 20px; text-indent: -9999px; border: none; overflow: hidden; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.wrap.main .noti-wrap .btn-close:before, .wrap.main .noti-wrap .btn-close:after {content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; background: #fff;}
.wrap.main .noti-wrap .btn-close:before {transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg);}
.wrap.main .noti-wrap .btn-close:after {transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg);}
.wrap.main .contents > .flex-group {position: relative; display: block; background: #fff; z-index: 1;}
.wrap.main .sect {position: relative; padding: 0; z-index: 1;}
body.fixed .wrap.main .sect {z-index: unset;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ */
   body.fixed .wrap.main .sect {z-index: auto;}
}
.wrap.main .contents .sect + .sect {padding: 0;}
.wrap.main .sect-main {padding: 0;}
.wrap.main .sect-main .login-wrap {padding: 0 24px;}
.wrap.main .noti .sect-main .login-wrap {padding: 24px 24px 0;}
.wrap.main .sect-main .login-wrap h1.logo {margin-top: 8px; width: 240px; height: 47px; text-indent: -9999px; background: url(../images/mys2021/new_login_logo.png) 0 0 no-repeat; background-size: 240px auto;}
.wrap.main .sect-main .login-wrap h2.title {font-size: 24px; line-height: 32px;}
.wrap.main .sect-main .login-wrap .btn-group {flex-wrap: wrap;}
.wrap.main .sect-main .login-wrap .btn-group .btn {flex: none; width: 100%;}
.wrap.main .sect-main .login-wrap .btn-group .btn + .btn {margin: 12px 0 0 0;}
.wrap.main .sect-main .approve-state-wrap {margin-top: 16px; padding: 0 24px;}
.wrap.main .sect-main .approve-state-wrap .approve-box {position: relative; padding: 54px 20px 0; width: 100%; min-height: 152px; color: #fff; background: linear-gradient(90deg, #445dd0, #7179ff); border-radius: 12px;}
.wrap.main .sect-main .approve-state-wrap .approve-box:before {content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 32px; background: url('../images/mys2021/bg_main_top_translucent.svg') 0 0 no-repeat; background-size: auto 32px;}
.wrap.main .sect-main .approve-state-wrap .approve-box:after {content: ''; position: absolute; top: 6px; right: 0; width: 260px; height: 124px; background: url('../images/mys2021/bg_main_shop_report.svg') 0 0 no-repeat; background-size: 260px auto; z-index: 0;}
.wrap.main .sect-main .approve-state-wrap .approve-box .txt {position: relative; text-align: center; z-index: 1;}
.wrap.main .sect-main .approve-state-wrap .approve-box p:not(.tit) {color: rgba(255,255,255,.8);}
.wrap.main .sect-main .approve-state-wrap .approve-box .btn-group {padding-bottom: 32px; justify-content: center;}
.wrap.main .sect-main .approve-state-wrap .approve-box .btn-group .btn-edit {flex: none; width: 90px; height: 32px; font-size: 12px; line-height: 32px; color: #fff;}
.wrap.main .sect-main .service-info-wrap .swiper-container {padding: 0 24px 38px;}
.wrap.main .sect-main .service-info-wrap .swiper-slide:not(.short-cut) {width: 200px; height: 210px; border-radius: 12px; box-shadow: 5px 10px 26px rgba(27,31,66,.1);}
.wrap.main .sect-main .service-info-wrap .info-box {width: 200px; height: 210px;}
.wrap.main .sect-main .service-info-wrap .info-box:after {content: ''; position: absolute; top: 2px; left: 2px; display: block; width: 196px; height: 206px; background: #fff; border-radius: 11px; z-index: 0;}
.wrap.main .sect-main .service-info-wrap .info-box .cont {position: relative; padding: 62px 22px 22px; z-index: 1;}
/* .wrap.main .sect-main .service-info-wrap .info-box .cont:after {content: ''; position: absolute; top: 6px; right: 6px; display: block; width: 64px; height: 64px;} */
/* .wrap.main .sect-main .service-info-wrap .info-box1 .cont:after {background: url('../images/mys2021/icon_main_serv_info_01.svg') 0 0 no-repeat; background-size: 64px auto;}
.wrap.main .sect-main .service-info-wrap .info-box2 .cont:after {background: url('../images/mys2021/icon_main_serv_info_02.png') 0 0 no-repeat; background-size: 64px auto;}
.wrap.main .sect-main .service-info-wrap .info-box3 .cont:after {background: url('../images/mys2021/icon_main_serv_info_03.svg') 0 0 no-repeat; background-size: 64px auto;}
.wrap.main .sect-main .service-info-wrap .info-box4 .cont:after {background: url('../images/mys2021/icon_main_serv_info_04.svg') 0 0 no-repeat; background-size: 64px auto;}
.wrap.main .sect-main .service-info-wrap .info-box5 .cont:after {background: url('../images/mys2021/icon_main_serv_info_05.svg') 0 0 no-repeat; background-size: 64px auto;}
.wrap.main .sect-main .service-info-wrap .info-box6 .cont:after {background: url('../images/mys2021/icon_main_serv_info_06.svg') 0 0 no-repeat; background-size: 64px auto;} */
.wrap.main .sect-main .service-info-wrap .info-box .box-icon {position: absolute; top: 6px; right: 6px; width: 64px; height: 64px;}
.wrap.main .sect-main .service-info-wrap .info-box .box-icon img {width: 100%; height: auto; }
.wrap.main .sect-main .service-info-wrap .info-box .cont .box-tab {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 32px; padding: 8px 16px; font-size: 12px; font-weight: 700; line-height: 16px; color: rgba(255,255,255,.5); }
.wrap.main .sect-main .service-info-wrap .info-box .cont .box-tab img {position: absolute; left: 0; top: 0; width: auto; z-index: 1;}
.wrap.main .sect-main .service-info-wrap .info-box .cont .box-tab span {position: relative; z-index: 10;}
/* .wrap.main .sect-main .service-info-wrap .info-box2 .cont .box-tab, .wrap.main .sect-main .service-info-wrap .info-box5 .cont .box-tab {background-image: url('../images/mys2021/bg_main_box_tab_02.svg');}
.wrap.main .sect-main .service-info-wrap .info-box3 .cont .box-tab, .wrap.main .sect-main .service-info-wrap .info-box6 .cont .box-tab {background-image: url('../images/mys2021/bg_main_box_tab_03.svg');} */
.wrap.main .sect-main .service-info-wrap .swiper-slide.short-cut {margin: 0 0 0 -24px; width: 136px; height: 210px;}
.wrap.main .sect-main .service-info-wrap .swiper-slide.short-cut > a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.wrap.main .sect-main .service-info-wrap .swiper-slide.short-cut > a span {position: relative; display: inline-block; padding-top: 56px; text-align: center;}
.wrap.main .sect-main .service-info-wrap .swiper-slide.short-cut > a .icon-add {position: absolute; top: 0; left: 50%; display: block; width: 44px; height: 44px; background: #edf0f8; text-indent: -9999px; border-radius: 50%; overflow: hidden; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.wrap.main .sect-main .service-info-wrap .swiper-slide.short-cut > a .icon-add:before, .wrap.main .sect-main .service-info-wrap .swiper-slide.short-cut > a .icon-add:after {content: ''; position: absolute; top: 50%; left: 50%; display: block;}
.wrap.main .sect-main .service-info-wrap .swiper-slide.short-cut > a .icon-add:before {width: 16px; height: 2px; background: #000; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.wrap.main .sect-main .service-info-wrap .swiper-slide.short-cut > a .icon-add:after {margin-left: 5px; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); }
.wrap.main .sect-main .service-info-wrap .swiper-pagination-bullets {margin-top: 10px;}

.wrap.main .sect-main .title-wrap {display: none;}
.wrap.main .sect .show-sales {margin: 6px 0; padding: 0 24px;}
.wrap.main .show-sales .swiper-wrapper {margin-bottom: 12px;}
.wrap.main .show-sales .swiper-slide {position: relative; width: 100%; height: auto; min-height: 100px; vertical-align: top;}
.wrap.main .show-sales .pannel {position: relative; padding: 20px; height: 100px; border-radius: 12px;}
.wrap.main .show-sales .pannel.total-sales {min-height: 112px; background: linear-gradient(90deg, #d9e6ff, #ebebff);}
.wrap.main .show-sales .pannel.total-sales:after {content: ''; position: absolute; top: 0; right: 0; display: block; width: 88px; height: 100%; background: url('../images/mys2021/bg_main_sales_panel.svg') 0 0 no-repeat; background-size: 88px auto; z-index: 0;}
.wrap.main .show-sales .pannel.total-sales > *:not(a) {position: relative; z-index: 1;}
.wrap.main .show-sales .pannel.total {background: linear-gradient(90deg, #d9e6ff, #ebebff);}
.wrap.main .show-sales .pannel.month {background: linear-gradient(90deg, #d9f2ff, #e4fff7);}
.wrap.main .show-sales .pannel > p {font-size: 14px; font-weight: 900; line-height: 20px; color: #717b9f}
.wrap.main .show-sales .pannel.total-sales p, .wrap.main .show-sales .pannel > p span.y-day {display: inline-block; margin-left: 4px; padding: 0 8px 0; font-size: 12px; font-weight: 700; line-height: 20px; vertical-align: top; background: #fff; border-radius: 8px;}
.wrap.main .show-sales .pannel.total-sales p {margin-left: 0;}
.wrap.main .show-sales .pannel.total-sales strong {font-size: 14px; font-weight: 700; line-height: 20px; color: #000;}
.wrap.main .show-sales .pannel.total-sales span {display: inline-block; font-size: 12px; font-weight: 500; line-height: 16px; color: #666;}
.wrap.main .show-sales .pannel dt {font-size: 14px; line-height: 28px; color: #333;}
.wrap.main .show-sales .pannel dd {font-size: 20px; line-height: 28px;}
.wrap.main .show-sales .pannel > a:not(.text-link-arrow) {position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 100%;}
.wrap.main .show-sales .pannel > a.text-link-arrow {position: absolute; top: 23px; right: 32px; display: inline-block; font-size: 12px; font-weight: 500; line-height: 12px; color: #717b9f; z-index: 2;}
.wrap.main .show-sales .pannel > a.text-link-arrow:after {margin-top: 1px; border-right-color: #717b9f; border-bottom-color: #717b9f;}
.wrap.main .show-sales .pannel.total-sales > a {padding: 52px 88px 20px 20px; font-size: 14px; font-weight: 700; line-height: 20px; color: #000; z-index: 1;}
.wrap.main .show-sales .pannel.total-sales > a span {position: relative; display: inline-block; padding-right: 18px;}
.wrap.main .show-sales .pannel.total-sales > a span:after { content: ''; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; transform: translate(-100%, -40%) rotate(45deg); -webkit-transform: translate(-100%, -40%) rotate(45deg); -moz-transform: translate(-100%, -40%) rotate(45deg); -ms-transform: translate(-100%, -40%) rotate(45deg); -o-transform: translate(-100%, -40%) rotate(45deg); }
.wrap.main .show-sales .swiper-slide .toggle {position: absolute; bottom: 8px; left: 50%; display: block; width: 14px; height: 6px; text-indent: -9999px; opacity: .4; overflow: hidden; transform: translateX(-50%);}
.wrap.main .show-sales .swiper-slide .toggle:before, .wrap.main .sect .show-sales .swiper-slide .toggle:after {content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 8px; height: 2px; background: #666; border-radius: 2px; transition: all .5s ease-in-out;} 
.wrap.main .show-sales .swiper-slide .toggle:before {transform: translate(-85%, -50%) rotate(30deg); -webkit-transform: translate(-85%, -50%) rotate(30deg); -moz-transform: translate(-85%, -50%) rotate(30deg); -ms-transform: translate(-85%, -50%) rotate(30deg); -o-transform: translate(-85%, -50%) rotate(30deg); }
.wrap.main .show-sales .swiper-slide .toggle:after {transform: translate(-15%, -50%) rotate(-30deg); -webkit-transform: translate(-15%, -50%) rotate(-30deg); -moz-transform: translate(-15%, -50%) rotate(-30deg); -ms-transform: translate(-15%, -50%) rotate(-30deg); -o-transform: translate(-15%, -50%) rotate(-30deg); }
.wrap.main .show-sales .swiper-slide a.act .toggle:before {transform: translate(-85%, -50%) rotate(-30deg); -webkit-transform: translate(-85%, -50%) rotate(-30deg); -moz-transform: translate(-85%, -50%) rotate(-30deg); -ms-transform: translate(-85%, -50%) rotate(-30deg); -o-transform: translate(-85%, -50%) rotate(-30deg); }
.wrap.main .show-sales .swiper-slide a.act .toggle:after {transform: translate(-15%, -50%) rotate(30deg); -webkit-transform: translate(-15%, -50%) rotate(30deg); -moz-transform: translate(-15%, -50%) rotate(30deg); -ms-transform: translate(-15%, -50%) rotate(30deg); -o-transform: translate(-15%, -50%) rotate(30deg); }
.wrap.main .show-sales .pannel-cont {display: none; opacity: .3;}
.wrap.main .show-sales .swiper-slide-active .pannel-cont {opacity: 1;}
.wrap.main .show-sales .pannel-cont li {padding: 12px 8px;}
.wrap.main .show-sales .pannel-cont li a {display: block;}
.wrap.main .show-sales .pannel-cont li + li {border-top: 1px solid #f1f1f3;}
.wrap.main .show-sales .pannel-cont .date {font-size: 12px; font-weight: 700; line-height: 16px; color: #414e7f;}
.wrap.main .show-sales .pannel-cont dl {line-height: 22px;}
.wrap.main .show-banner {position: relative; margin: 18px 24px 32px; padding: 0; height: 80px; background: #fff; border-radius: 12px; box-shadow: 4px 8px 20px rgba(27,31,66,.1);}
.wrap.main .show-banner .swiper-container {padding: 0;}
.wrap.main .show-banner .swiper-slide {padding: 0; height: 80px;}
.wrap.main .show-banner .banner {position: relative; display: block; padding: 16px 20px; height:80px; border-radius:12px;}
/* .wrap.main .show-banner .banner:after {content: ''; position: absolute; top: 0; right: 0; display: block; width: 48px; height: 48px; background: #f79d7d; border-radius: 50%;}
.wrap.main .show-banner .banner1:after {background: url('../images/mys2021/@main_eventbanner_01.png') 0 0 no-repeat; background-size: 48px auto;}
.wrap.main .show-banner .banner2:after {background: url('../images/mys2021/@main_eventbanner_02.png') 0 0 no-repeat; background-size: 48px auto;} */
.wrap.main .show-banner .banner > p {margin-top: 4px; font-size: 14px; line-height: 20px; color: #666;}
.wrap.main .show-banner .banner > p strong {font-weight: 700; color: #000;}
.wrap.main .show-banner .banner .img {position: absolute; top: 16px; right: 20px; width: 48px; height: 48px;}
.wrap.main .show-banner .banner .img img {width: 100%;}

.wrap.main .show-banner .controlbox {position: absolute; bottom: 0; right: -12px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 57px; height: 24px; background: rgba(5,15,38,.55); border-radius: 0 11px 11px 11px;}
.wrap.main .show-banner .swiper-pagination {padding: 4px 0 3px 11px; font-size: 10px; font-weight: 700; line-height: 16px; color: #d1d2d9;}
.wrap.main .show-banner .swiper-pagination-current {color: #fff;}
.wrap.main .show-banner .controlbox .toggle {position: relative; display: block; width: 24px; height: 24px; text-indent: -9999px; overflow: hidden;}
.wrap.main .show-banner .controlbox .toggle:before {content: ''; position: absolute;}
.wrap.main .show-banner .controlbox .toggle.play:before {top: 8px; left:10px; border-left: 4px solid #fff; border-top: 4px solid transparent;  border-bottom: 4px solid transparent;}
.wrap.main .show-banner .controlbox .toggle.stop:before {top: 8px; left: 8px; width: 2px; height: 8px; background: #fff;}
.wrap.main .show-banner .controlbox .toggle.stop:after {content: ''; position: absolute; top: 8px; left: 12px; width: 2px; height: 8px; background: #fff;}

.wrap.main .shop-weather {margin-bottom: 32px; padding: 8px 32px 2px; overflow: hidden;}
.wrap.main .shop-weather > .weather {position: relative;}
.wrap.main .shop-weather i.ico-weather {position: absolute; top: -8px; left: 100%; display: block; width: 68px; height: 60px; opacity: .3; animation: showWeather 1s 1s forwards; -webkit-animation: showWeather 1s 1s forwards;}
@keyframes showWeather {
   from {
      opacity: .3;
      transform: translateX(0);
   }
   to {
      opacity: 1;
      transform: translateX(-68px);
   }
}
@keyframes showWeather2 {
   from {
      left: 60%;
      opacity: 0;
   }
   to {
      left: calc(50% - 68px);
      opacity: 1;
   }
}
.wrap.main .shop-weather .weather-1 .ico-weather {background: url('../images/mys2021/icon_weather_01.svg') 0 0 no-repeat; background-size: 100% auto;} /* 흐림 */
.wrap.main .shop-weather .weather-2 .ico-weather {background: url('../images/mys2021/icon_weather_02.svg') 0 0 no-repeat; background-size: 100% auto;} /* 맑음 */
.wrap.main .shop-weather .weather-3 .ico-weather {background: url('../images/mys2021/icon_weather_03.svg') 0 0 no-repeat; background-size: 100% auto;} /* 매우맑음 */

/* 보고서 */
.wrap.main .shop-reports.ready {padding:0 24px;}
.wrap.main .shop-reports-list > li {position: relative; display: block; height: 58px;}
.wrap.main .shop-reports.ready .shop-reports-list > li {height: auto; min-height: 152px;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 152px; color: #fff; background: linear-gradient(90deg, #445dd0, #7179ff); border: none; border-radius: 12px;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom:after {content: ''; position: absolute; top: 6px; right: 0; width: 260px; height: 124px; background: url('../images/mys2021/bg_main_shop_report.svg') 0 0 no-repeat; background-size: 260px auto; z-index: 0;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom p {position: relative; font-weight: 500; text-align: center; color: rgba(255,255,255,.8); z-index: 1;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom:before {content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 32px; background: url('../images/mys2021/bg_main_top_translucent.svg') 0 0 no-repeat; background-size: auto 32px;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 {align-items: flex-start; height: 254px; background: linear-gradient(90deg, #1d7bdc, #617dff);}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2:after {display: none;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .txt {position: relative; margin-top: 10px; padding-top: 136px;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .txt:before {content: ''; position: absolute; top: 0; left: 50%; width: 132px; height: 132px; background: url('../images/mys2021/bg_main_mk_reports.svg') 0 0 no-repeat; background-size: 132px auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .txt.blur:before {filter: blur(3px); -webkit-filter: blur(3px);}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 p {font-size: 14px; line-height: 20px;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 p.tit {margin-bottom: 12px; font-size: 16px; line-height: 22px; color: #fff;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .btn-tip {position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; text-indent: -9999px; background: url('../images/mys2021/icon_system_tip3.svg') 0 0 no-repeat; background-size: 24px auto; z-index: 2;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; text-align: center; background: radial-gradient(at 50% 20%, rgba(73,79,96,.8) 5%, #494f60, #494f60); border-radius: 12px; z-index: 3;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts > ul {display: inline-block; margin: 47px auto;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts > ul li {position: relative; margin-left: -4px; padding-left: 52px; font-weight: 700; text-align: left;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts > ul li + li {margin-top: 20px;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts > ul li .ico {position: absolute; top: 4px; left: 0; width: 32px; height: 32px; background: url('../images/mys2021/icon_main_mk_reports.png') 0 0 no-repeat; background-size: auto 32px;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts > ul li .ico-1 {background-position: 0 0;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts > ul li .ico-2 {background-position: -32px 0;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts > ul li .ico-3 {background-position: -64px 0;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts .btn-close-tip {position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts .btn-close-tip:before, .wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts .btn-close-tip:after {content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 12px; background: #fff;}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts .btn-close-tip:before {transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg);}
.wrap.main .shop-reports.ready .shop-reports-list > li .pannel-custom.st2 .tip-conts .btn-close-tip:after {transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg);}
.wrap.main .shop-reports-list > li .layer {position: absolute; top: 0; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; color: #fff; background: linear-gradient(90deg, #445dd0, #7179ff); overflow: hidden; z-index: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.wrap.main .shop-reports.ready .shop-reports-list > li .layer {border-radius: 12px;}
.wrap.main .shop-reports-list > li .layer.act {position: fixed; border-radius: 0; z-index: 99; transition: border-radius 1s ease-in-out; -webkit-transition: border-radius 1s ease-in-out; -moz-transition: border-radius 1s ease-in-out; -ms-transition: border-radius 1s ease-in-out; -o-transition: border-radius 1s ease-in-out; }

/* 1차버전 */
.wrap.main .o1th-content {padding:0;}
.wrap.main .o1th-content.ready .shop-reports-list > li {position: relative; height: 152px;}
.wrap.main .o1th-content.ready .shop-reports-list > li .btn {position: relative; display: block; padding: 25px 20px; width: 100%; height: 100%; text-align: right; color: #fff; background: linear-gradient(90deg, #445dd0, #7179ff); border: none; border-radius: 12px;}
.wrap.main .o1th-content.ready .shop-reports-list > li .btn:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 32px; background: url('../images/mys2021/bg_main_top_translucent.svg') 0 0 no-repeat; background-size: auto 32px;}
.wrap.main .o1th-content.ready .shop-reports-list > li .btn:after {content: ''; position: absolute; top: 0; right: 0; width: 260px; height: 124px;  background: url('../images/mys2021/bg_main_shop_report.svg') 0 0 no-repeat; background-size: 260px auto; z-index: -1;}
.wrap.main .o1th-content.ready .shop-reports-list > li .btn .title {position: absolute; bottom: 25px; left: 20px; font-size: 16px; line-height: 22px;}
.wrap.main .o1th-content.ready .shop-reports-list .btn > dl {display: inline-block; margin-top:18px;}
.wrap.main .o1th-content.ready .shop-reports-list .btn dt {font-size: 14px; color: #fff;}
.wrap.main .o1th-content.ready .shop-reports-list .btn dd {position: relative; display: inline-block; padding-left: 14px; font-size:24px; font-weight:700;}
.wrap.main .o1th-content.ready .shop-reports-list .btn dd span {font-weight:400;}
.wrap.main .o1th-content.ready .shop-reports-list .btn dd i {position: absolute; top: 50%; left: 0; display: block; opacity: .6; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.wrap.main .o1th-content.ready .shop-reports-list .btn dd i.incre {border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid rgba(255,255,255,0.6);}
.wrap.main .o1th-content.ready .shop-reports-list .btn dd i.decre {border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid rgba(255,255,255,0.6);}
.wrap.main .o1th-content.ready .shop-reports-list .layer .title {display: block; padding: 11px 32px; font-size: 12px; line-height: 16px; color: rgba(255,255,255,.35); background:url('../images/mys2021/bg_main_top_translucent_open.svg') no-repeat 0 0; background-size:auto 56px;}
.wrap.main .o1th-content.ready .shop-reports-list .layer .title > strong {font-size: 14px; line-height: 20px; color: rgba(255,255,255,.8);}
.wrap.main .o1th-content.ready .shop-reports-list .layer-cont {max-height: calc(100% - 58px); overflow-y: auto;}
.wrap.main .shop-reports-list .report-body {min-height: 142px;}
.wrap.main .shop-reports-list .report-body > p {padding: 0 32px; font-size: 18px; font-weight: 400; line-height: 26px;}
.wrap.main .shop-reports-list .report-body .detail-view {position: relative; display: inline-block; padding-right: 16px; line-height: 16px;}
.wrap.main .shop-reports-list .report-body .detail-view:after {content: ''; position: absolute; top: 50%; right: 0; display: block; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: translate(-100%, -50%) rotate(45deg);}
.wrap.main .shop-reports-list .swiper-report .swiper-slide {padding: 32px 24px 24px; height: 418px; color: #666; background: #fff; border-radius: 12px; opacity: .9; transition: all ease-in-out 0.3s;}
.wrap.main .shop-reports-list .swiper-report .swiper-slide-active {opacity: 1;}
.wrap.main .shop-reports-list .swiper-report .swiper-slide .flex-box {justify-content: stretch; height: 100%;}
.wrap.main .shop-reports-list .swiper-report .text strong {font-size: 16px; line-height: 22px; color: #477cf1;}
.wrap.main .shop-reports-list .swiper-report .text p {line-height: 20px; white-space: normal;}
.wrap.main .shop-reports-list .swiper-report .text span.standard {position: absolute; top: 10px; right: 18px; font-size: 12px;}
.wrap.main .shop-reports-list .layer .btn-group {display: block; margin: 20px 0 32px; text-align: center;}
.wrap.main .shop-reports-list .layer .btn-group > .close {position: relative; display: inline-block; width: 56px; height: 32px; text-indent: -9999px; background: rgba(0,0,0,.3); border-radius: 16px; overflow: hidden;}
.wrap.main .shop-reports-list .layer .btn-group > .close:before, .wrap.main .shop-reports-list .layer .btn-group > .close:after {content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 1px; background: #fff;}
.wrap.main .shop-reports-list .layer .btn-group > .close:before {transform: translate(-50%, -50%) rotate(45deg);}
.wrap.main .shop-reports-list .layer .btn-group > .close:after {transform: translate(-50%, -50%) rotate(-45deg);}
.wrap.main .shop-reports-list .layer .incre {position: relative; padding-left: 12px;}
.wrap.main .shop-reports-list .layer .incre:before {content: ''; position: absolute; top: 50%; left:2px; display: block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #fb5c4f; transform: translateY(-50%);}
.wrap.main .shop-reports-list .swiper-report .text {min-height: 95px;}
.wrap.main .shop-reports-list .swiper-report .text + .graph-box {position: relative; margin-top: 24px;}
.wrap.main .shop-reports-list .box-rank {display: flex; justify-content: center; padding: 32px; background: rgba(239,240,245,.5); border-radius: 4px;}
.wrap.main .shop-reports-list .box-rank .rank-val {margin-right: 12px; height: 34px; font-size: 24px; font-weight: 900; line-height: 34px; color: #000;}
.wrap.main .shop-reports-list .box-rank .rank-star {display: flex;}
.wrap.main .shop-reports-list .box-rank .rank-star .star {display: flex; margin: 5px 0; width: 24px; height: 24px;}
.wrap.main .shop-reports-list .box-rank .rank-star .star > i {flex: 1; display: block; width: 100%; height: 100%; background: url('../images/mys2021/rank_star.svg') 0 0 no-repeat; background-size: 24px auto;}
.wrap.main .shop-reports-list .box-rank .rank-star .star > i.on {background: url('../images/mys2021/rank_star_on.svg') 0 0 no-repeat; background-size: 24px auto;}
.wrap.main .shop-reports-list .box-rank .rank-star .star > i + i, .wrap.main .shop-reports-list .box-rank .rank-star .star > i.on + i {background-position: right 0;}
.wrap.main .shop-reports-list .chart-txt {text-align: center; color: #888;}
.wrap.main .shop-reports-list .chart-txt strong {margin-bottom: 4px; color: #666;}

/* 2차 */
.wrap.main .shop-reports-list > li .btn { position: relative; display: block; padding: 15px 32px; width: 100%; text-align: right; color: #fff; background: transparent; border: none; border-radius: 0; z-index: 1;}
.wrap.main .shop-reports-list .btn > dl {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.wrap.main .shop-reports-list .btn dt {font-size: 12px; font-weight: 400; line-height: 28px; color: rgba(255,255,255,.7);}
.wrap.main .shop-reports-list .btn dd {margin-left: 8px; font-size: 20px; line-height: 28px;}
.wrap.main .shop-reports-list .btn.btn-report4 dd {position: relative; padding-left: 14px;}
.wrap.main .shop-reports-list .btn.btn-report4 dd i {position: absolute; top: 50%; left: 0; display: block; opacity: .6; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.wrap.main .shop-reports-list .btn.btn-report4 dd i.incre {border-bottom: 7px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.wrap.main .shop-reports-list .btn.btn-report4 dd i.decre {border-top: 7px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.wrap.main .shop-reports-list .btn > div {margin: -15px 0; padding: 5px 0; height: 58px;}
.wrap.main .shop-reports-list .btn p {font-size: 12px; font-weight: 400; line-height: 16px; color: rgba(255,255,255,.7);}
/* .wrap.main .shop-reports-list > li .layer {position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; height: 100%; color: #fff; background: #3f7ceb; overflow: hidden; z-index: 0;}
.wrap.main .shop-reports-list > li .layer.act {position: fixed; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; z-index: 99; transition: border-radius 1s ease-in-out; -webkit-transition: border-radius 1s ease-in-out; -moz-transition: border-radius 1s ease-in-out; -ms-transition: border-radius 1s ease-in-out; -o-transition: border-radius 1s ease-in-out;} */
.wrap.main .shop-reports-list > li .report1 {background: linear-gradient(90deg, #1d7bdc, #617dff);}
.wrap.main .shop-reports-list > li .report2 {background: linear-gradient(90deg, #0474c3, #47a0bd);}
.wrap.main .shop-reports-list > li .report3 {background: linear-gradient(90deg, #583ce3, #724ffe);}
.wrap.main .shop-reports-list > li .report4 {background: linear-gradient(90deg, #5b76d9, #898dfb);} 
.wrap.main .shop-reports-list .layer .title {display: block; padding: 11px 32px; font-size: 12px; line-height: 16px; color: rgba(255,255,255,.35); background: url('../images/mys2021/bg_main_top_translucent_open.svg') 0 0 no-repeat; background-size: auto 56px;}
.wrap.main .shop-reports-list .layer .title > strong {font-size: 14px; line-height: 20px; color: rgba(255,255,255,.8);}
.wrap.main .shop-reports-list .layer-cont {max-height: calc(100% - 58px); overflow-y: auto;}
.wrap.main .shop-reports-list #storeSalesChart .axis-wrap {font-family: 'SpoqaHanSansNeo', 'sans-serif'; text-align: center;}
.wrap.main .shop-reports-list #storeSalesChart .axis-wrap .label {font-size: 14px; font-weight: 500; color: #000; line-height: 20px;}
.wrap.main .shop-reports-list #storeSalesChart .axis-wrap .gd {margin-top: 4px; padding: 3px 0 2px; width: 42px; height: 20px; font-size: 11px; font-weight: 700; line-height: 14px; color: #fff; border-radius: 4px;}
.wrap.main .shop-reports-list #storeSalesChart .axis-wrap .gd1 {background: #8cd54f;}
.wrap.main .shop-reports-list #storeSalesChart .axis-wrap .gd2 {background: #c3c047;}
.wrap.main .shop-reports-list #storeSalesChart .axis-wrap .gd3 {background: #fbaa3e;}
.wrap.main .shop-reports-list #storeSalesChart .axis-wrap .gd4 {background: #eb642e;}
.wrap.main .shop-reports-list #storeSalesChart .axis-wrap .gd5 {background: #da1d1d;}
.wrap.main .shop-reports-list #storeSalesChart + .min-max {position: absolute; left: 50%; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 312px; background: #fff; border: 1px solid #eee; border-radius: 8px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.wrap.main .shop-reports-list #storeSalesChart + .min-max > div {flex: auto; margin: 10px 0; width: 50%; height: 30px; text-align: center;}
.wrap.main .shop-reports-list #storeSalesChart + .min-max > div + div {border-left: 1px solid #eee;}
.wrap.main .shop-reports-list #storeSalesChart + .min-max > div span {position: relative; display: inline-block; padding: 5px 40px 5px 5px;}
.wrap.main .shop-reports-list #storeSalesChart + .min-max > div span:after {content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 30px;}
.wrap.main .shop-reports-list #storeSalesChart + .min-max > .max span:after {background: url('../images/mys2021/icon_storemanage_increase.svg') 0 0 no-repeat; background-size: 30px auto;}
.wrap.main .shop-reports-list #storeSalesChart + .min-max > .min span:after {background: url('../images/mys2021/icon_storemanage_decrease.svg') 0 0 no-repeat; background-size: 30px auto;}

.wrap.main .sect > strong.labeling {display: inline-block; margin: 0 0 0 24px; padding: 0 12px; font-size: 12px; line-height: 30px; color: #fff; background: #567bf3; border-radius: 16px;}
.wrap.main .show-marketing {position: relative; padding: 0 24px 54px; margin-top:24px !important;}
.wrap.main .show-marketing .swiper-wrapper {width: 100%; line-height: 0;}
.wrap.main .show-marketing .swiper-slide {min-width: 290px; height: 170px; font-size: 0; vertical-align: top; border-radius: 0; overflow: visible; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;}
.wrap.main .show-marketing .box {position: relative; width: calc(100% - 53px); height: 182px; background: #edf0f8;}
.wrap.main .show-marketing .box:after {content: ''; position: absolute; top: 0; right: -44px; display: block; width: 0; height: calc(100% - 44px); background: none; border-top: 44px solid transparent; border-left: 44px solid #edf0f8;}
.wrap.main .show-marketing .box > a {position: relative; display: block; margin-right: -44px; padding: 32px 24px 28px 32px; width: calc(100% + 44px); height: 100%; font-size: 16px; line-height: 22px; z-index: 1;}
.wrap.main .show-marketing .box div strong {display: block; font-size:18px; line-height:24px;}
.wrap.main .show-marketing .box div > strong:after {content: ''; display: inline-block; width: 8px; height: 8px; border-top: 2px solid rgba(113,123,159,.35); border-right: 2px solid rgba(113,123,159,.35); transform:translate(5px, 7px) rotate(45deg); vertical-align:top;}
.wrap.main .show-marketing .box div > span {position: relative; display: inline-block; padding-right: 18px;}
.wrap.main .show-marketing .box div > .chance-tag {position:absolute; top:22px; left:86px; padding:0 10px; background:#f14b25; border-radius:15px; opacity:0.8; color:#fff; font-size:12px; font-weight:500; line-height:22px;}
.wrap.main .show-marketing .box div > .chance-tag:after { content:''; position:absolute; bottom:-2px; left:12px; width:4px; height:4px; background:#f14b25; transform:rotate(45deg);}

.wrap.main .show-marketing .box p {font-size: 14px; font-weight: 500; line-height: 20px; color: #888;}
.wrap.main .show-marketing .box p > span {display: block; font-size: 13px;}
.wrap.main .show-marketing .box p > span:before {content: '#'; margin-right: 2px;}
.wrap.main .show-marketing .swiper-slide.add-marketing {width: 200px;}
.wrap.main .show-marketing .swiper-slide.add-marketing .flex-box {width: 100%; height: 170px;}
.wrap.main .show-marketing .swiper-slide.add-marketing .flex-box a {display: block; width: 100%; height: 100%; font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; color: #333;}
.wrap.main .show-marketing .swiper-slide.add-marketing .flex-box span {position: relative; display: block; margin-top: 47px; padding-top: 56px;}
.wrap.main .show-marketing .swiper-slide.add-marketing .flex-box span i {position: absolute; top: 0; left: 50%; display: block; width: 44px; height: 44px; background: #edf0f8; text-indent: -9999px; border-radius: 50%; overflow: hidden; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.wrap.main .show-marketing .swiper-slide.add-marketing .flex-box span i:before, .wrap.main .show-marketing .swiper-slide.add-marketing .flex-box span i:after {content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 2px; background: #000;}
.wrap.main .show-marketing .swiper-slide.add-marketing .flex-box span i:before {transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.wrap.main .show-marketing .swiper-slide.add-marketing .flex-box span i:after {transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg);}
.wrap.main .show-marketing .money {position: absolute; bottom: -38px; right: -24px; display: block; width: 144px; height: 80px; opacity: .3; z-index: 2; 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 .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 .reg-marketing {margin: 0 24px; padding: 0 0 40px; border-bottom: 1px solid #eee;}
.wrap.main .sect-marketing .reg-marketing .box {position: relative; margin: 0 auto; width: 100%; text-align: center; background: #edf0f8; overflow: hidden;}
.wrap.main .sect-marketing .reg-marketing .box:before, .wrap.main .sect-marketing .reg-marketing .box:after {content: ''; position: absolute; top: 50%; display: block; width: 40px; height: 40px; background: #fff; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.wrap.main .sect-marketing .reg-marketing .box:before {left: -25px;}
.wrap.main .sect-marketing .reg-marketing .box:after {right: -25px;}
.wrap.main .sect-marketing .reg-marketing .box > a {display: block; padding: 32px 0 28px;}
.wrap.main .sect-marketing .reg-marketing p {font-size: 16px; font-weight: 900; line-height: 22px; color: #3048a2;}
.wrap.main .sect-marketing .reg-marketing span {position: relative; display: block; margin-top: 2px; padding-bottom: 64px; font-size: 16px; line-height: 22px; color: #000;}
.wrap.main .sect-marketing .reg-marketing .icon-add {position: absolute; bottom: 0; left: 50%; display: block; width: 44px; height: 44px; background: #dce1f1; text-indent: -9999px; border-radius: 50%; overflow: hidden; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.wrap.main .sect-marketing .reg-marketing .icon-add:before, .wrap.main .sect-marketing .reg-marketing .icon-add:after {content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 2px; background: #000;}
.wrap.main .sect-marketing .reg-marketing .icon-add:before {transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.wrap.main .sect-marketing .reg-marketing .icon-add:after {transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg);}

.wrap.main .sect-promote {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; padding: 40px 24px; height: 342px;}
.wrap.main .sect-promote > div {height: 100%;}
.wrap.main .sect-promote li {font-size: 14px; font-weight: 700; line-height: 20px; color: #888;}
.wrap.main .sect-promote li > span {display: block;}
.wrap.main .sect-promote li > span:before {content: '#'; margin-right: 2px;}
.wrap.main .sect-marketing .sect-banner {margin: -40px 0 0; padding: 40px 24px !important;}
.wrap.main .sect-marketing .sect-banner > a.btn-banner {display: block; padding: 16px 110px 16px 24px; height: 72px; font-size: 14px; line-height: 20px; background: #edf0f8 url('../images/mys2021/bg_main_btn_promote.svg') calc(100% - 8px) 0 no-repeat; background-size: auto 100%; border-radius: 8px;}
.wrap.main .sect-marketing .sect-banner > a.btn-banner strong {position: relative; display: inline-block; padding-right: 14px;}
.wrap.main .sect-marketing .sect-banner > a.btn-banner strong:after { content: ''; position: absolute; top: 50%; right: 0; width: 5px; height: 5px; border-top: 1px solid #000; border-right: 1px solid #000; transform: translate(-100%, -40%) rotate(45deg); -webkit-transform: translate(-100%, -40%) rotate(45deg); -moz-transform: translate(-100%, -40%) rotate(45deg); -ms-transform: translate(-100%, -40%) rotate(45deg); -o-transform: translate(-100%, -40%) rotate(45deg); }
.wrap.main .sect-service {padding: 48px 24px 40px; background: #f6f6f6;}
.wrap.main .sect-service > strong.labeling {margin: 0;}
.wrap.main .sect-service .item-wrap {max-height: 113px; overflow: hidden; transition: max-height .5s ease-in-out;}
.wrap.main .sect-service .item-wrap.act {max-height: 240px;}
.wrap.pc-main .sect-service .item-wrap {max-height: unset;}
.wrap.main .sect-service .flex-box {-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.wrap.main .sect-service .flex-box li {flex: 1 1 25%; max-width: 25%; padding: 12px 1px;}
/* .wrap.main .sect-service .flex-box li.service07,
.wrap.main .sect-service .flex-box li.service06,
.wrap.main .sect-service .flex-box li.service05 { max-width:91px;} */
.wrap.main .sect-service .flex-box li a {position: relative; display: block; padding-top: 70px; font-size: 12px; font-weight: 700; line-height: 16px; text-align: center; color: #5d6373; word-break: keep-all; margin:0 auto;}
/* .wrap.main .sect-service .flex-box li a:before {content: ''; position: absolute; top: 0; left: 50%; display: block; width: 58px; height: 58px; background: url('../images/mys2021/icon_main_service_01.svg') 0 0 no-repeat; background-size: 58px auto; transform: translateX(-50%);} */
/* .wrap.main .sect-service .flex-box li.service01 a:before {background-image: url('../images/mys2021/icon_main_service_01.svg');}
.wrap.main .sect-service .flex-box li.service02 a:before {background-image: url('../images/mys2021/icon_main_service_02.svg');}
.wrap.main .sect-service .flex-box li.service03 a:before {background-image: url('../images/mys2021/icon_main_service_03.svg');}
.wrap.main .sect-service .flex-box li.service04 a:before {background-image: url('../images/mys2021/icon_main_service_04.svg');}
.wrap.main .sect-service .flex-box li.service05 a:before {background-image: url('../images/mys2021/icon_main_service_05.svg');}
.wrap.main .sect-service .flex-box li.service06 a:before {background-image: url('../images/mys2021/icon_main_service_06.svg');}
.wrap.main .sect-service .flex-box li.service07 a:before {background-image: url('../images/mys2021/icon_main_service_07.svg');}
.wrap.main .sect-service .flex-box li.service08 a:before {background-image: url('../images/mys2021/icon_main_service_08.svg');} */
.wrap.main .sect-service .flex-box li a:active, .wrap.main .sect-service .flex-box li a:focus {background: transparent;}
.wrap.main .sect-service .btn-more {color: #000; border: 1px solid rgba(204,204,204,.5);}
.wrap.main .sect-service .btn-more span {position: relative; display: inline-block; padding-right: 18px;}
.wrap.main .sect-service .btn-more span i {position:absolute; top: 50%; right: 0; width: 16px; height: 16px; transform: translateY(-50%);}
.wrap.main .sect-service .btn-more span i:before, .wrap.main .sect-service .btn-more span i:after {content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 1.5px; background: #666; transition: all .5s ease-in-out;}
.wrap.main .sect-service .btn-more span i:before {transform: translate(-75%, -50%) rotate(45deg);}
.wrap.main .sect-service .btn-more span i:after {transform: translate(-25%, -50%) rotate(-45deg);}
.wrap.main .sect-service .btn-more.act span i:before {transform: translate(-75%, -50%) rotate(-45deg);}
.wrap.main .sect-service .btn-more.act span i:after {transform: translate(-25%, -50%) rotate(45deg);}

.wrap.main .container .sect + .sect-products {padding: 40px 0 25px;}
.wrap.main .container .sect + .sect-products .swiper-container {padding: 0;}
.wrap.main .container .sect + .sect-products .swiper-container .swiper-slide {padding: 0 24px 10px; height: 125px; min-height: 125px;}
/* .sect-products .product-img {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 110px; height: 110px;}
.sect-products .product-img > img {width: 100%;}
.sect-products .product-info {margin-left: 20px; word-wrap: break-word;}
.sect-products .product-info > strong {margin-top: -5px; font-size: 16px; font-weight: 700; line-height: 22px;}
.sect-products .product-info p {font-size: 14px; font-weight: 700; line-height: 20px; word-break: break-all; white-space: normal;}
.sect-products .product-info p.discount {color: #b1b7c4; text-decoration: line-through;}
.sect-products .product-info p.amount {font-size: 20px; line-height: 28px;}
.sect-products .product-info p.amount strong {font-weight: 900;} */
.wrap.main .container .sect + .sect-products .swiper-container .swiper-slide a .goods-list-info .category.free {color: #3048a2;}
.wrap.main .container .sect + .sect-products .swiper-container .swiper-slide a .goods-list-info .category.pay {color: #bbb;}
.wrap.main .container .sect + .sect-products .swiper-container .swiper-slide a .goods-list-info .prd-name {white-space: normal;}
.wrap.main .container .sect + .sect-products .swiper-container .swiper-slide a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.wrap.main .container .sect + .sect-products .swiper-container .swiper-slide a .img-box {flex: 0 0 auto; width: 101px; height: 101px; border-radius: 4px; overflow: hidden;}
.wrap.main .container .sect + .sect-products .swiper-container .swiper-slide a .img-box img {max-width: 100%; height: 100%;}
.wrap.main .container .sect + .sect-products .swiper-container .swiper-pagination-bullets {position: relative; top: -10px;}

.wrap.main a:not([class*="btn-p"]):active, .wrap.main a:not([class*="btn-p"]):focus {/*background-color: rgba(102,102,102,.2);*/ outline: none;}

.wrap.main .foot-menu {position: fixed; bottom: 0; left: 0; width: 100%; height: 72px; z-index: 2; box-shadow: 0 -8px 30px rgba(88,88,88,.2);}
.wrap.main .foot-menu.abs {position: absolute; display: block !important;}
.wrap.main .foot-menu ul {margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1080px; background: #fff;}
.wrap.main .foot-menu ul li {-webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0; height: 72px;}
.wrap.main .foot-menu ul li a {position: relative; display: block; margin: 0 auto; padding: 42px 0 14px; font-size: 12px; line-height: 16px; text-align: center; color: #474a90;}
.wrap.main .foot-menu ul li a:before {content: ''; position: absolute; top: 14px; left: 50%; display: block; width: 24px; height: 24px; background: url('../images/mys2021/icon_main_footmenu_01.svg') 0 0 no-repeat; background-size: 24px auto; transform: translateX(-50%);}
.wrap.main .foot-menu ul li a.menu1:before {background-image: url('../images/mys2021/icon_main_footmenu_01.svg');}
.wrap.main .foot-menu ul li a.menu2:before {background-image: url('../images/mys2021/icon_main_footmenu_02.svg');}
.wrap.main .foot-menu ul li a.menu3:before {background-image: url('../images/mys2021/icon_main_footmenu_03.svg');}
.wrap.main .foot-menu ul li a.menu4:before {background-image: url('../images/mys2021/icon_main_footmenu_04.svg');}
.wrap.main .foot-menu ul li a:active, .wrap.main .foot-menu ul li a:focus {background: rgba(145,145,145,.1); box-shadow: 0 0 20px #cacaca inset; outline: none;}

@media screen and (max-width: 340px) {
   .wrap.main .shop-reports-list .btn dt {max-width: 50px; line-height: 14px; word-break: break-all;}
}
@media screen and (min-width: 769px) {
   .wrap.main .header {height: 100px !important;}
   .wrap.main .header h1.title > .shop-name, .wrap.main .header h1.title > p {display: none !important;}
   .wrap.main > .container {padding: 100px 0 72px 0;}
   .wrap.main .noti-wrap, .wrap.main.logined .noti-wrap {top: 100px;}
   .wrap.main .contents > .flex-group {display: flex; flex-wrap: wrap; padding: 0 24px; background: #fff; overflow: hidden; z-index: 1;}
   .wrap.main .contents > .flex-group > div {margin: 24px 0 0 20px; width: calc(100% - 340px);}
   .wrap.main .contents > .flex-group > div:first-of-type {margin: 24px 0 0; width: 320px;}
   .wrap.main .sect-main .approve-state-wrap {margin-top: 0; padding: 0;}
   .wrap.main .sect-main .service-info-wrap .swiper-container {position: relative; padding: 0 24px 38px;}
   .wrap.main .sect-main .service-info-wrap .swiper-container:before {content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 100%; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); z-index: 1;}
   .wrap.main .sect-main .title-wrap {display: block;}
   .wrap.main .shop-name .select {width: auto; min-height: 26px; margin-bottom: 2px; padding: 0 28px 0 0; font-size: 18px; line-height: 26px; border-bottom: 0; color: #000; word-break: break-all;}
   .wrap.main .shop-name .select:before { top: 8px; width:6px; height:6px; border-top: 2px solid #222; border-left: 2px solid #222; transform: translate(-50%, 0) rotate(225deg); -webkit-transform: translate(-50%, 0) rotate(225deg); -moz-transform: translate(-50%, 0) rotate(225deg); -ms-transform: translate(-50%, 0) rotate(225deg); -o-transform: translate(-50%, 0) rotate(225deg); }
   .wrap.main .shop-name .none-select {padding: 0; cursor: inherit;}
   .wrap.main .shop-name .none-select:before {display: none;}
   .wrap.main .sect-main .title-wrap .shop-num {font-size: 14px; line-height: 20px;}
   .wrap.main .sect-main .title-wrap .long-txt-op + .shop-num { font-size:12px;}
   .wrap.main .sect-main .title-wrap .shop-info-status { position:relative; padding: 3px 20px 1px 0; font-size: 16px; font-weight: 500;}
   .wrap.main .noti .sect-main .login-wrap {padding: 0 24px;}
   .wrap.main .sect .show-sales {margin: 24px 0 0; padding: 0;}
   .wrap.main .show-banner {margin: 24px 0 0;}
   .wrap.main .shop-reports {margin-top: 0 !important; padding: 0;}
   .wrap.main .show-sales .pannel-cont {opacity: 1;}
   .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 .sect-marketing .marketing > p {padding: 0 !important;}
   .wrap.main .show-marketing {padding: 0 0 54px;} */
   /* .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 .sect-promote {margin-left: 40px; padding-top: 0;} */
   .wrap.main .sect-service { background:none;}
   .wrap.main .sect-service > strong.labeling { margin-left:8px;}
   .wrap.main .sect-service > p { padding-left:8px;}
   .wrap.main .sect-service .item-wrap {max-height: auto; max-height: unset;}
   /* .wrap.main .sect-service .flex-box li {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;} */
   .wrap.main .sect-service .btn-group {display: none;}
   .wrap.main .foot-menu {display: none;}
   .detail-list .more-view { max-height:100% !important; }
   .detail-list .more-view + .more {  display:none;}
}
@media screen and (min-width: 1080px) {
   .wrap.main .shop-reports-list > li .layer.act {max-width: 1032px;}
}

/* 서비스 소개 */
.wrap .container .inner.service-info {height: auto; min-height: 100%;}
.wrap .container .inner.service-info > .sect {padding: 24px 24px 128px;}
.wrap .container .inner.service-info .btn-group-foot {position: absolute; bottom: 0;}
.wrap .container .inner.service-info .btn-group-foot.fixed {position: fixed; background: linear-gradient(rgba(255,255,255,0) 20%, rgba(255,255,255,1) 80%);}
.guide-txt {margin-top: 64px; line-height: 20px;}
.border-r4 { border-radius:4px !important;}

@media screen and (max-width: 359px) {
   .wrap .container .inner.service-info > .sect {padding: 24px 16px 128px;}
}
@media screen and (min-width: 769px) {
   .wrap .container .inner.service-info > .sect {padding: 24px 24px 48px;}
   .wrap .container .inner.service-info .btn-group-foot {position: relative;}
}

/* ==========================================================================
   매출관리
   ========================================================================== */
/* section1 */
.btn-pop-filter {padding-right: 30px; text-align: right; font-size: 14px; color: #666; line-height: 24px; background: url('../images/mys2021/icon_filter.svg') right 0 no-repeat; background-size:24px auto; }
.account-info dl dd.fs-18 { margin-bottom:8px;}
.account-info dl dd.fs-18:last-child { margin-bottom: 0;}
.text-highlight {font-size: 18px; }
.text-link-arrow { position: relative;}
.text-link-arrow:after { content: ''; position: absolute; right: -12px; top: 50%; width:5px; height:5px; border-right: 1px solid #666; border-bottom: 1px solid #666; transform: translate(-50%, -50%) rotate( -45deg);}
.text-highlight .underline-wrap {position: relative;}
.text-highlight .underline-wrap span em { font-weight:900;}
.text-highlight .underline-wrap span { position:relative; z-index:1;}
.text-highlight .underline-wrap:before {content: ''; position: absolute; bottom: 0; z-index:0; height:8px; width:100%; background: rgba(71,110,255,0.2); }
.round-box { padding: 20px; border: 1px solid #eee; border-radius: 8px;}
#swiperArea1.swiper-container {position: relative; padding: 0;}
#swiperArea1 .swiper-slide { width:100%; height: auto;}
#swiperArea1 .swiper-pagination { position: absolute; right: 0; top: 0;}
#swiperArea1 .swiper-pagination-bullets > span { background: #fff;}
#swiperArea1  span.swiper-pagination-bullet-active { /*width: 6px;*/ background: #476eff;}
.line-graph { position: relative; z-index:1;}
.line-graph .count { position: absolute; top: 20px; right: 20px;}
.line-graph .graph-sm {display: block; height: 6px; margin-top: 8px; background: #eee; border-radius:3px; }
.line-graph.etc-type .graph-sm { background: #93d6d9;}
.line-graph .graph-sm .point { display: block; width: 0; height: 6px; background: #476eff; border-radius:3px; }
.arrow-right-sm { position: relative; padding-right: 12px;}
.arrow-right-sm:after { content: ''; position: absolute; right: 0; top: 50%; width:5px; height:5px; border-right: 1px solid #666; border-bottom: 1px solid #666; transform: translate(-50%, -50%) rotate( -45deg);}
.link-group.arrow-sm { padding: 0;}
.link-group.arrow-sm.icon-sm {margin-bottom: 0; padding: 8px 16px; border: 1px solid #eee; border-radius: 8px;}
.link-group.arrow-sm li a{ padding:16px;}
.link-group.arrow-sm.icon-sm li .inner {position: relative; padding: 16px 0;}
.link-group.arrow-sm .link-header {display: block; font-size: 14px; font-weight: 500; line-height: 20px; color: #333; padding-bottom: 4px;}
.link-group.arrow-sm > li > a:after { right: 20px; width: 5px; height: 5px; border-width:1px; border-color: #666;}
.push-agree-alert { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 24px; font-size: 12px; line-height: 40px; color: #333; background: rgba(239,240,245,0.4); }
.push-agree-alert button {padding-left: 24px; font-weight:400; background: url('../images/mys2021/icon_alarm.svg') no-repeat 0 50%; background-size: 18px auto;}
.push-agree-alert a { color: #666; text-decoration:underline;}
.piechart-legend { position: absolute; bottom: 25px; left: 50%; transform: translate(-50%, 0); text-align: center;}
.piechart-legend em { display: block; padding-bottom: 4px; color: #888; font-size: 14px; line-height: 20px;}
.piechart-legend span {position: relative; font-size: 24px; font-weight:900; line-height: 34px; color: #000; }
[class^="icon-vol-"] {position: relative; display: block; text-align: center;}
[class^="icon-vol-"]:before {content: ''; display: inline-block; width:14px; height:14px; margin-right: 8px;}
.icon-vol-up:before {background: url('../images/mys2021/icon_volume_up.svg') no-repeat 50% 50%; background-size: 14px auto;}
.icon-vol-down:before {background: url('../images/mys2021/icon_volume_down.svg') no-repeat 50% 50%; background-size: 14px auto;}
.icon-vol-nor:before {background: url('../images/mys2021/icon_volume_nor.svg') no-repeat 50% 50%; background-size: 14px auto;}

/* 매출 조회 영역 box */
.sales-wrap.card-box { width: 100%; padding: 0;border-radius: 8px; transform: translateX(0);} 
.sales-wrap.card-box .total-sales {padding: 20px;}
.sales-wrap.card-box [class^="ammount-info"] .sum {margin-right: 8px; font-size: 18px; line-height: 24px;}
.sales-wrap.card-box [class^="ammount-info"] .sum:after {content: ''; display: inline-block; width: 5px; height: 5px; margin-top: 4px; border-top: 1px solid #fff; border-left: 1px solid #fff; transform: translate(6px, -60%) rotate(135deg);} 
.sales-wrap.card-box .ammount-info3 {width: calc(100% + 38px); padding: 20px; color: #000; background: #fff; border-radius: 0 0 7px 7px; transform: translate(-19px, 19px);}

.checkbox-wrap input[type="checkbox"]#group1All:checked + label:before { background: none;}
.checkbox-wrap input[type="checkbox"]#group1All:checked + label:after { border-bottom: 2px solid #476eff; border-right: 2px solid #476eff;}

 /* section2 매출상세 */
.sales-wrap {width:calc(100% + 48px); padding: 24px 24px 12px; background: linear-gradient(90deg, #1d7bdc, #617dff); transform: translateX(-24px);}
.sales-wrap .radio-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 32px; border-radius: 4px; overflow: hidden;} 
.sales-wrap .radio-box .radio-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 100%; text-align: center;} 
.sales-wrap .radio-box .radio-wrap input + label {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.sales-wrap .radio-box .radio-wrap input + label:before {height: 32px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.2);}
.sales-wrap .radio-box .radio-wrap input:checked + label:before {color: #000; background: #fff; border: 1px solid #fff;}
.sales-wrap .radio-box .radio-wrap input + label span { font-size: 12px; font-weight: 700; line-height: 16px; color: #fff;}
.sales-wrap .radio-box .radio-wrap input:checked + label span {color: #000;}
.sales-wrap + .link-group {margin: 16px 0;}
.sales-wrap .control-group {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 32px;}
.sales-wrap .control-group [class^="btn-"] {width: 32px; height: 32px; background: rgba(255, 255, 255, 0.07); border-radius: 4px; transform: translateY(-50%) rotate(-90deg);}
.sales-wrap .control-group [class^="btn-"]::after {width: 6px; height: 6px;border-top: 2px solid #fff; border-right: 2px solid #fff;transform: translate(-50%,-50%) rotate(-45deg);}
.sales-wrap .control-group button.btn-right::after {transform: translate(-50%,-50%) rotate(135deg);}
.sales-wrap .control-group strong {font-weight: 500; color: #fff;}
.sales-wrap .control-group .input-wrap.input-flex input {-webkit-flex: 1; -ms-flex: 1; flex: 1;}
.sales-wrap .control-group .input-wrap.input-flex .ui-datepicker-trigger {position: relative; opacity: .75;}
.sales-wrap .control-group .input-wrap.input-flex .ui-datepicker-trigger.on {opacity: 1;}
.total-sales {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px 16px; color: #fff;}
.total-sales > span {color: rgba(255,255,255, .75);}
.total-sales + .total-sales {border-top: 1px solid rgba(255, 255, 255, 0.1);}
.total-sales strong {display: block; margin-top: 4px; font-size: 20px; line-height: 28px;}
.total-sales [class^="ammount-info"] {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;}
.total-sales .ammount-info .percent,
.total-sales .ammount-info1 .percent {transform: translateX(0);}
.percent {position: relative; display: inline-block; padding: 0 10px; font-size: 12px; font-weight: 900; line-height: 22px; color: #000; background: #d6f4fc; border-radius: 14px;transform: translateX(16px);}
[class^="icon-vol-"].percent:before { width:8px; height:8px; background-size:8px auto;}
.icon-vol-nor.percent:before { background: url('../images/mys2021/icon_volume_nor2.svg') no-repeat 50% 50%; background-size: 8px auto;}
.total-sales .ammount-info [class^="icon-vol-"].percent,
.total-sales .ammount-info1 [class^="icon-vol-"].percent {padding-right:0;}
.chart-arr-right span,
.chart-arr-left span { left:0 !important; top:0 !important; }
.chart-arr-right i,
.chart-arr-left i {position:relative; display:block; width:32px; height:32px; background:rgba(79,85,102,0.1); border-radius:4px;}
.chart-arr-right i:after,
.chart-arr-left i:after {content:''; position:absolute; left:calc(50% - 2px); top:calc(50% - 4px); width:7px; height:7px; transform:rotate(45deg); border-bottom:2px solid #494f60; border-left:2px solid #494f60;}
.chart-arr-right i:after{  left:calc(50% - 7px); top:calc(50% - 4px); transform:rotate(-135deg);}
.chart-arr-right i:hover,
.chart-arr-left i:hover { background:rgba(79,85,102,0.2);}
.chart-arr-left.disabled i:after,
.chart-arr-right.disabled i:after { border-bottom:2px solid rgba(79,85,102,0.3); border-left:2px solid rgba(79,85,102,0.3);}
/*
.percent:before {content: ''; position: relative; display: inline-block; top: 1px; margin-right: 5px; width: 0px; height: 0px; border-top:none; transform: translateY(-50%);}
.percent.up:before {border-bottom:6px solid #fb5c4f;border-right: 4px solid transparent; border-left: 4px solid  transparent;}
.percent.down:before {border-bottom:6px solid #fb5c4f;border-right: 4px solid transparent; border-left: 4px solid  transparent; transform: translateY(-50%) rotate(180deg);}
*/
.btn-data-wrap {width:calc(100% + 48px); padding: 0 24px; transform: translateX(-24px); line-height: 64px; background: #fff;}
.timeline.data-time {padding: 32px 0;}
.timeline.data-time:before {top: 38px; left: 3px; height: calc(100% - 38px);}
.timeline.data-time .noti-list .date {font-weight: 700;}
.timeline.data-time .account-info dl dt {width: 45%;}
.timeline.data-time .account-info dl dd {width: 55%;}
.timeline.data-time .noti-list dd + dt {margin-top: 0;}
.timeline.data-time .noti-list .noti-cont li {padding: 20px;}
.timeline.data-time .noti-list dd + dt.date {margin-top: 32px;}
.timeline.data-time .noti-list dd:last-of-type {margin-bottom: 0;}
.link-group.icon-sm > li > a:after {display: none;}
.link-group.icon-sm > li > .inner:before {content: ''; position: absolute; right: 0; top: 50%; width: 40px; height: 40px; transform: translateY(-50%);}
.link-group.icon-sm > li.icon-item1 .inner:before {background: url('../images/mys2021/icon-deal_num01.svg') center center; background-size: contain;}
.link-group.icon-sm > li.icon-item2 .inner:before {background: url('../images/mys2021/icon-deal_num02.svg') center center; background-size: contain;}
.link-group.icon-sm > li.icon-item3 .inner:before {background: url('../images/mys2021/icon-deal_num03.svg') center center; background-size: contain;}
.link-group.icon-sm + .dashboard-box {padding-bottom: 0;}
.timeline.data-time .noti-list .noti-cont.week li .account-info {border-bottom: 1px solid #eee;}
.timeline.data-time .noti-list .noti-cont.week li dd:last-of-type {padding-bottom: 10px;}
.timeline.data-time .noti-list .noti-cont.week li {padding-bottom: 0;}
.timeline.data-time .noti-list .noti-cont.week li .text-link-arrow {display: block; margin-right: 14px; padding: 12px 0; font-size: 12px; line-height: 16px; text-align: right;}
.control-group .input-wrap.input-flex {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 42px); transform: translateX(-21px);}
.control-group .input-wrap .input-box {position: absolute; bottom: -5px; width: calc(100% + 42px); padding-top: 7px; padding-bottom: 4px; border-bottom: 2px solid #fff;} 
.control-group .input-wrap.input-flex input {flex: 1 0 50%; padding-bottom: 0 !important; width: 100%; font-size: 16px; line-height: 22px; color: #fff;}
.control-group .input-wrap.input-flex .ui-datepicker-trigger {bottom: 0;}
.control-group .input-wrap.input-flex span.dash {display: block; width: 10px; height: 1px; margin: auto 6px; padding: 0; background: #fff;}
.control-group .input-wrap.input-flex .btn {margin-left: 13px; padding: 10px 12px; font-size: 12px; font-weight: 700; line-height: 12px; color: #3048a2; background: rgba(255,255,255,.9); border: none;}
.control-group .input-wrap.input-flex .btn:disabled {background: rgba(255,255,255,.5);}

/* 매출관리 > 입금예정, 입금금액, 입금보류, 카드 가맹점미수금, 전표 장기 미접수  */
.lh20 {line-height: 20px;}
.txt-bul .txt-bul.ty02 > li:before {content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 1px; background-color: #979797;}

.note-info.type2 {padding-left: 32px;}
.note-info.type2::before {content: none;}
.note-info.type2 li {position: relative; font-weight: 500; line-height: 16px; word-break: break-all;}
.note-info.type2 li + li {margin-top: 6px;}
.note-info.type2 li::before {content: ''; position: absolute; left: -19px; top: 1px; width: 16px; height: 16px; background: url('../images/mys2021/icon_warning.svg') 0 0 no-repeat; background-size: 100% auto;}

.note-info li.cuation::before {content: '※'; top: 0; left: -17px; background: none; font-size: 12px;}

.top-navi {padding: 13px 24px 16px; border-bottom: 1px solid #eee; font-size: 16px; text-align: center;}
.top-navi > div {position: relative;}
.top-navi button {position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url('../images/mys2021/icon_666_arrow.svg') no-repeat center center; background-size: contain; font-size: 0;}
.top-navi button.next {left: auto; right: 0; transform: scaleX(-1);}

.round-check .checkbox-wrap:not(:first-child) {margin-left: 10px;}
.round-check .checkbox-wrap {margin-bottom: 0;}
.round-check .checkbox-wrap input[type="checkbox"] + label {display: block; padding: 3px 16px 5px; height: auto; border: 1px solid #eee; border-radius: 17px; background: #fff; color: #888; font-size: 14px; font-weight: 500;}
.round-check .checkbox-wrap input[type="checkbox"] + label::before,
.round-check .checkbox-wrap input[type="checkbox"] + label::after {content: none;}
.round-check .checkbox-wrap input[type="checkbox"]:checked + label {border-color: #383b5a; background: #383b5a; color: #fff;}

.deposit-info {padding: 32px 0;}
.deposit-info h2 {color: #333; font-size: 20px; font-weight: 500; line-height: 28px;}
.deposit-info .cash {margin-top: 6px; font-size: 24px; line-height: 34px;}
.deposit-info .cash strong {font-weight: 900;}
.deposit-info .note-info {word-break:break-all;}

.accordion-wrap.type2 {border-top: 1px solid #000;}
.accordion-wrap.type2 li {margin: 0;}
.accordion-wrap.type2 .accd-tab {border-bottom: 1px solid #eee;}
.accordion-wrap.type2 .accd-tab::after {right: 0; width: 16px; height: 16px; border: 0; background: url('../images/mys2021/icon_666_arrow.svg') center center; background-size: contain; transform: translateY(-50%) rotate(270deg);}
.accordion-wrap.type2 .accd-tab.act {border-bottom: 0;}
.accordion-wrap.type2 .accd-tab.act::after {transform: translateY(-50%) rotate(90deg);}
.accordion-wrap.type2 .accd-tab button {display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 22px 20px 0;}

.deposit-list {margin: 14px 0 0; padding: 16px 0; background: #f8f8f8; overflow: hidden;}

.deposit-list > ul, .deposit-list .ui-accordion {position: relative;}
.deposit-list > ul::before, .deposit-list .ui-accordion::before {content: ''; position: absolute; top: 34px; left: 31px; width: 2px; height: 100%; background: url('../images/mys2021/timeline_bg.png') repeat-y 0 0; background-size: 2px auto;}

.deposit-list .ui-accordion li {position: relative; margin: 0;}
.deposit-list .ui-accordion li .accd-tab {margin: 0 24px 0 52px; width: calc(100% - 76px); border-bottom: 1px solid #eee;}
.deposit-list .ui-accordion li .accd-tab.act {border-bottom: 0;}
.deposit-list .ui-accordion li button {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 22px 16px 4px;}
.deposit-list .ui-accordion li button span {color: #000; font-size: 14px; font-weight: 700;}
.deposit-list .ui-accordion li button span.deposit {font-size: 16px;}
.deposit-list .accd-cont {padding: 0 24px 16px 52px;}

.deposit-list .ui-accordion li .accd-tab:not(.no-cont):after {right: 0; width: 16px; height: 16px; border: 0; background: url('../images/mys2021/icon_666_arrow.svg') center center; background-size: contain; transform: translateY(-50%) rotate(270deg);}
.deposit-list .ui-accordion li .accd-tab.act:not(.no-cont):after {transform: translateY(-50%) rotate(90deg);}

.deposit-list .date {position: relative;}
.deposit-list .date::before {content: ''; position: absolute; top: 50%; left: -32px; width: 16px; height: 16px; border-radius: 100%; background: rgba(72,104,225,0.1); transform: translateY(-50%);}
.deposit-list .date::after {content: ''; position: absolute; top: 50%; left: -27px; width: 6px; height: 6px; border-radius: 100%; background: #476eff; transform: translateY(-50%);}
.deposit-list .date span + span {margin-left: 4px;}

.deposit-list > ul > li {position: relative; margin: 0 24px 0 52px; padding: 10px 0 12px 4px; border-top: 1px solid #eee;}
.deposit-list > ul > li:first-child {margin-top: 6px; border-top: 0;}
.deposit-list > ul > li:last-child {margin-bottom: 6px;}
.deposit-list > ul > li .date {font-size: 14px; font-weight: 700; line-height: 20px;}
.deposit-list > ul > li > dl {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 6px; line-height: 20px;}
.deposit-list > ul > li > dl > dt {color: #666;}
.deposit-list > ul > li > dl > dd {font-size: 16px; font-weight: 700;}

.deposit-list.bd-none li + li {padding-top: 20px; border: 0;}

.detail-box {padding: 20px; border: 1px solid #ddd; border-radius: 8px; background: #fff;}
.detail-box em {display: block; margin-bottom: 16px; color: #476eff; font-size: 12px; font-weight: 700; line-height: 16px;}
.detail-box dl {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 20px;}
.detail-box dl:not(:first-of-type) {margin-top: 10px;}
.detail-box dt {color: #666;}
.detail-box dd {font-weight: 700;}
.detail-box.type2 {border: 0; background-color: rgba(239,240,245,0.5);}

.deposit-hold-list .accd-tab button {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.deposit-hold-list .accd-tab button span {color: #000; font-weight: 700;}
.deposit-hold-list .accd-tab button span.card {flex: auto; padding-left: 12px; font-weight: 500;}
.deposit-hold-list .accd-tab button span.deposit {font-size: 16px;}
.deposit-hold-list .accd-cont {padding-bottom: 10px;}

.box-gray.virtual-account {padding: 16px;}
 
.icon-info {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.icon-info li {-webkit-flex: 1; -ms-flex: 1; flex: 1; border-right: 1px solid #eee;}
.icon-info li:last-child {border-right: 0;}
.icon-info img {width: 40px;}

/* 약관동의 */
.add-checkbox.type02 li {padding: 0 8px 0 16px;}
.add-checkbox.type02 li .checkbox-wrap {display: block; margin-bottom: 16px;}
.add-checkbox.type02 li:last-child .checkbox-wrap {margin-bottom: 0;}
.add-checkbox.type02 li .checkbox-wrap input + label {padding: 0 0 0 32px; width: 100%; height: auto; color: #000;}
.add-checkbox.type02 li .checkbox-wrap input + label::after {top: 12px;}
.add-checkbox.type02 li .checkbox-wrap input + label > a {padding-right: 20px; background: url('../images/mys2021/icon_000_arrow.svg') no-repeat right 3px; background-size: 20px;}
.add-checkbox.type02 li .checkbox-wrap a {display: block; width: 100%;}

.noti-box .txt-bul.type2 li {margin-top: 8px; color: #666;}
.noti-box.type2 .txt-bul.type2 li {margin-top: 6px; color: #333;}
.noti-box.type2 .txt-bul.type2 li::before {top: 7px; width: 2px; height: 2px; background: #333;}

/* ==========================================================================
   운영관리
   ========================================================================== */
.recommend-wrap .txt-bul {margin-top:12px; font-size: 12px; font-weight: 500; line-height: 16px; color: #666; border-top: 0; }
.txt-bul.bdt-grey {border-top: 1px solid #eee;}
.pop-cont .txt.type2 {padding-bottom: 28px;}

/* swiper bullet */
.swiper-pagination-bullets {height: 6px; font-size: 0; text-align: center;}
.swiper-pagination-bullets > span {display: inline-block; margin: 0 3px; width: 6px; height: 6px; vertical-align: top; background: #ddd; border-radius: 3px; transition: all ease-in-out 0.5s;}
.swiper-pagination-bullets > span.swiper-pagination-bullet-active {width: 16px; background-color: #383b5a;}
/* type2 */
.swiper-pagination-bullets.type2 > span {background-color: rgba(255,255,255,0.5);}
.swiper-pagination-bullets.type2 > span.swiper-pagination-bullet-active {background-color: #fff;}
/* type3 */
.swiper-pagination-bullets.type3 > span.swiper-pagination-bullet-active {background-color: #476eff;}

.box-gray.store-info {margin: 24px 24px 5px; padding: 20px; border: 1px solid rgba(221,221,221,0.5);}
.box-gray.store-info h2 {font-size: 18px; line-height: 26px;}
.box-gray.store-info p {margin-top: 2px; font-size: 14px; color: #666; line-height: 20px;}

#bizDay ul {width: 100%;}
#bizDay ul li {float: left; width: 20%;}
#bizDay ul li:first-child {float: none; width: 100%;}

.store-manage dl {line-height: 60px; border-bottom: 1px solid #eee;}
.store-manage .accd-tab button {padding: 0; font-size: 16px; font-weight: 500; line-height: 60px; border-bottom: 1px solid #eee;} 
.store-manage > dl dt {font-size: 16px; font-weight: 500;}
.store-manage .accd-cont dt {padding-left: 10px;}

/** 직원관리 **/
/* QR페이 당일 결제내역 */
.detail-list.today-sales-info {padding: 32px; border-radius: 0;}
.detail-list.today-sales-info h3 {margin-bottom: 8px !important;}
.detail-list.today-sales-info .total-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; font-size: 20px; line-height: 28px;}
.detail-list.today-sales-info .total-box strong {display: inline-block; margin-right: 2px; font-size: 24px; font-weight: 900; line-height: 26px;}
.detail-list.today-sales-info dl dt {font-size: 13px; line-height: 20px; color: #666;}
.detail-list.today-sales-info dl dd {font-size: 14px; line-height: 20px; color: #222;}
.refresh-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #000;}
.refresh-box .btn-refresh {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 20px; color: #666;}
.refresh-box .btn-refresh::before {display: inline-block; content: ''; margin-right: 6px; width: 20px; height: 20px; border: 1px solid #eee; border-radius: 2px; background: url('../images/mys2021/icon_refresh.svg') center no-repeat;}
.refresh-box .sect-ctit {font-size: 16px; font-weight: 700; line-height: 24px;}
.payment-details .detail-list {position: relative; padding: 16px 0; border-bottom: 1px solid #eee;}
.payment-details .detail-list button {position: absolute; top: 16px; right: 0; width: 79px; font-weight: 700; color: #000;}
.payment-details .detail-list button:disabled {color: #bbb; background: #fff; border-color: #ddd;}
.payment-details .detail-list .card {font-size: 14px; line-height: 20px; color: #666;}
.payment-details .detail-list .card .info span {position: relative; display: inline-block; margin-right: 13px;}
.payment-details .detail-list .card .info span::before {content: ''; position: absolute; top: 50%; left: -8px; width: 1px; height: 10px; background-color: #ddd; transform: translateY(-50%);}
.payment-details .detail-list .card .info span:first-child::before {display: none;}
.payment-details .detail-list dl dt {font-size: 13px; line-height: 20px;}
.term-long-wrap .ra-chk-wrap.type3  {width: calc(20% - 8px);}
.term-long-wrap .ra-chk-wrap.type3 input + label {width: 100% !important; height: 32px !important;}
.term-long-wrap + .select-input-wrap .select-wrap .select {color: #000;}
.term-long-wrap + .select-input-wrap .select-wrap .select:before {border-top: 2px solid #000; border-left:2px solid #000;}
.msg-wrap .result-no-data {margin: 80px 0;}

/* QR페이 매출내역 */
.bg-blue2 {background: #edf0f8;}
.detail-list.sales-wrap {width: 100%; transform: translateX(0);}
.detail-list.sales-wrap .control-group [class^="btn-"] {background: #fff;}
.detail-list.sales-wrap .control-group [class^="btn-"]::after {border-top: 2px solid #000; border-right: 2px solid #000;}
.accordion-wrap.type2.saving-wrap .accd-tab:after {z-index: 2 !important;}
.accordion-wrap.type2.saving-wrap .accd-tab button {position: relative; padding-left: 40px; padding-right: 24px; height: 36px; font-size: 12px; line-height: 22px; color: #fff; background: rgba(5,15,38,.7) url('../images/mys2021/icon_ac_noti.svg') 16px 50% no-repeat; border-radius: 8px;}
.accordion-wrap.type2.saving-wrap .accd-tab.act button {border-radius: 8px 8px 0 0;}
@media screen and (min-width: 769px) {
   .detail-list.sales-wrap div.accordion-wrap.add-checkbox.type2 {display: block !important;}
}
.accordion-wrap.type2.saving-wrap .accd-tab::after {right: 12px !important; background: url('../images/mys2021/icon_ac_down_arrow.svg') center no-repeat; transform: translateY(-50%) rotate(0deg);}
.accordion-wrap.type2.saving-wrap .accd-tab.act::after {background: url('../images/mys2021/icon_ac_down_arrow.svg') center no-repeat; transform: translateY(-50%) rotate(180deg);}
.accordion-wrap.type2.saving-wrap .accd-cont {padding: 32px 16px 24px; background: #fff;}
.accordion-wrap.type2.saving-wrap ul.saving-detail {-webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 24px; border-bottom: 1px solid #eee;}
.accordion-wrap.type2.saving-wrap ul.saving-detail li {width: 50%;}
.accordion-wrap.type2.saving-wrap ul.saving-detail li dt {padding-right: 0;}
.accordion-wrap.type2.saving-wrap ul.saving-detail li dt::before {content: ''; display: block; margin: 0 auto 12px; width: 48px; height: 48px; background: url('../images/mys2021/icon_qr-service_02.svg') center center; background-size: cover;}
.accordion-wrap.type2.saving-wrap ul.saving-detail li + li dt::before {background: url('../images/mys2021/icon_qr-service_07.svg') center center; background-size: cover;}
.total-detail-wrap {margin: 32px 0 40px; border-top: 1px solid #2c3548; }
.tb-type {padding-top: -1px; border-collapse: collapse;}
.tb-type th, .tb-type td {padding: 14px; font-weight: 500; color: #333; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #eee;}
.tb-type th {border-bottom: 1px solid #ccc;}
.tb-type th:last-child, .tb-type td:last-child {border-right: 0;} 
.tb-type th, .tb-type td:first-child {font-weight: 700; color: #000;}

.detil-noti {font-size: 12px; line-height: 16px; color: #76798e; text-align: center;}
.date-history .detail-list {padding: 0 0 16px 0; border-bottom: 1px solid #eee; border-radius:  0;}
.date-history .detail-list dl dt {font-size: 13px; line-height: 20px; color: #888;}
.date-history .detail-list dl dd {font-size: 14px; line-height: 20px; color: #666;}
.link-group.date-history li a {padding: 16px 0 0 50px;}
.link-group.date-history li a .date {position: absolute; left: 0; top: 16px; font-size: 16px; font-weight: 900; line-height: 22px;}
.link-group.date-history li a .date::after {content: ''; display: block; margin: 8px auto; width: 10px; height: 8px;}
.link-group.date-history li a .date.up::after {background: url('../images/mys2021/icon_sales_up.svg') center no-repeat;}
.link-group.date-history li a .date.down::after {background: url('../images/mys2021/icon_sales_down.svg') center no-repeat;}
.link-group.date-history li a .date.stable::after {background: url('../images/mys2021/icon_sales_stable.svg') center no-repeat;}
.link-group.date-history li a .date.best::before {content:''; position: absolute; left: 50%; bottom: -26px; display: block; width: 20px; height: 20px; background: url('../images/mys2021/icon_sales_best.svg') center no-repeat; transform: translateX(-50%);}
.link-group.date-history > li > a:after {top: 28px; right: 4px;}
.link-group.date-history > li + li {border-top: 0;}
@media screen and (min-width: 769px) {
   .date-history .detail-list {padding: 0 0 24px 0;}
}

/* QR페이 매출내역 / 통계내역 */
/* QR결제 */
.pb-48 {padding-bottom: 48px !important;}
.store-info-card.qr-pay {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.check-wrap {position: relative;}
.check-wrap input[type="checkbox"] {position: absolute; top: 0; left: 0; display: none;}
.check-wrap.chk-style3 {position: relative; padding-top: 11px; text-align: right;}
.check-wrap.chk-style3 > span {font-size: 10px; font-weight: bold; line-height: 24px; color: #476eff;}
.check-wrap.chk-style3 input + label {position: relative; display: inline-block; margin-left: 6px; width: 48px; height: 24px;}
.check-wrap.chk-style3 input + label:before, .check-wrap.chk-style3 label:after {content: ''; position: absolute; display: block;}
.check-wrap.chk-style3 input + label:before {top: 2px; left: 0; width: 100%; height: 20px; background: #c6d2ff; border-radius: 12px; box-shadow: 0 1px 2px rgba(0,0,0,.2) inset; transition: all .5s ease-in-out;}
.check-wrap.chk-style3 input + label:after {top: 0; left: 0; width: 24px; height: 24px; background: #fff; border: 1px solid #476eff; border-radius: 50%; box-sizing: border-box; box-shadow: 0 1px 5px rgba(0,0,0,.2); transition: all .5s ease-in-out;}
.check-wrap.chk-style3 input + label span {position: absolute; top: 50%; left: 28px; display: block; width: 16px; height: 8px; text-indent: 9999px; background: url('../images/mys2021/switch_toggle.png') 0 -8px no-repeat; background-size: 16px auto; overflow: hidden; transform: translateY(-50%); transition: left .5s ease-in-out;}
.check-wrap.chk-style3 input:checked + label:before {background: #476eff; box-shadow: 0 1px 3px rgba(0,38,181,.6) inset;}
.check-wrap.chk-style3 input:checked + label:after {left: 24px;}
.check-wrap.chk-style3 input:checked + label span {left: 6px; background-position: 0 0;}
.qr-scan-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 63px; padding: 40px 56px; box-shadow: 0 8px 20px #e7e9ee; border-radius: 12px;}
.qr-scan-wrap .qr-code {position:relative; width: 200px; height: 200px;}
.qr-scan-wrap .qr-code canvas,
.qr-scan-wrap .qr-code img {width: 100%; height: 100%;}
.txt-bul.type2.qr-noti {color: #666; margin: 0 24px; padding: 16px 0 24px; border-top: 1px solid #eee;}
.msg-wrap.state {margin: 100px 0 145px;}
.amount-long-wrap .radio-check-box .ra-chk-wrap.type3 {width: calc(33.33% - 8px); margin:24px 8px 0 0;}
.amount-long-wrap .radio-check-box .ra-chk-wrap.type3 input + label {width: 100%;}
.amount-long-wrap .input-wrap {margin-top: 0;}
.amount-long-wrap .input-wrap .input-box input::placeholder {color: #ccc;}
.amount-long-wrap .input-wrap .select-wrap .select {color: #000;}
.amount-long-wrap .input-wrap .select-wrap .select:disabled {background: transparent !important; color: #ccc;}
.amount-long-wrap .input-wrap .select-wrap .select:disabled:before {border-top: 2px solid #ccc; border-left: 2px solid #ccc;}
.amount-long-wrap .input-wrap .select-wrap .select:before {border-top: 2px solid #000; border-left: 2px solid #000; transition: none;}
.amount-long-wrap .layer-popup {z-index: 1000;} /* 0716 */
.amount-long-wrap .input-wrap .input-box .btn-init {background: #eee;}
.amount-long-wrap .input-wrap .input-box .btn-init:before, .amount-long-wrap .input-wrap .input-box .btn-init:after {width: 11px; height: 1px; background: #9a9ca5;}
.msg-wrap.approval {min-height: 348px;}
.btn-msg.total-list::after {margin-top: 0; width: 7px; height: 7px;}
.qr-mk-box .txt-bul.type2.qr-noti {margin: 0;}

/* 직원관리안내 */
ul.member-manage {display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center;}
ul.member-manage > li {width: 50%; text-align: left; border-radius: 8px;}
ul.member-manage > li + li {margin-left: 8px;}
ul.member-manage > li:first-child {border: 2px solid #d1d3f8;}
ul.member-manage > li:last-child {border: 2px solid #bbd6f5;}
ul.member-manage > li strong {position: relative; display: block; width: calc(100% + 4px); height: 102px; padding: 16px; font-size: 16px; line-height: 22px; color: #fff; text-align: left; border-radius: 8px 8px 0 0; transform: translate(-2px, -2px);}
ul.member-manage > li:first-child strong {background: linear-gradient(90deg, #8c8fea, #abaef1);}
ul.member-manage > li:last-child strong {background: linear-gradient(90deg, #75abe9, #97c0ef);}
ul.member-manage ul.txt-bul {padding: 12px 12px 37px;}
ul.member-manage ul.txt-bul li {margin-top: 12px; font-size: 14px; line-height: 20px; color: #666; text-align: left;}
ul.member-manage ul.txt-bul li::before {top: 9px;}
@media screen and (min-width: 769px) {
   ul.member-manage ul.txt-bul {margin: 0 auto; display: inline-block;}
}

/* QR직원관리 > 현황 */
.status-board {display: -webkit-box; display: -ms-flexbox; display: flex;}
.status-board li {position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 16px; height: 102px; border-radius: 4px; background: rgba(239, 240, 245, 0.5);}
.status-board li:nth-of-type(2n) {margin-left: 8px;}
.status-board li::after {content: ''; position: absolute; bottom: 8px; right: 8px; width: 40px; height: 40px;}
.status-board li:first-child:after {background: url('../images/mys2021/icon_user_01.svg') no-repeat center; background-size: contain;}
.status-board li:last-child:after {background: url('../images/mys2021/icon_user_02.svg') no-repeat center; background-size: contain;}
.status-board li dt {color: #333; font-weight: 900; line-height: 20px;}
.status-board li dd {margin-top: 2px; color: #666; line-height: 20px;}
.status-board li dd strong {margin-right: 3px; color: #000; font-size: 24px; font-weight: 900; line-height: 34px;}

.btn-personadd {width: 24px; height: 24px; background: url('../images/mys2021/btn_person_add.svg') no-repeat center center; background-size: contain;}

.line-list {border-top: 1px solid #000;}
.line-list li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 0; border-bottom: 1px solid #eee;}
.line-list li > div:first-child {padding-right: 16px; width: 25%;}
.line-list .btn {padding: 4px 10px;}

/* QR직원관리 > 직원등록 */
.mem-list-wrap .tit {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.mem-list-wrap h3 {margin-bottom: 12px; font-size: 16px;}
.mem-list-wrap h3 strong {margin-left: 6px; font-weight: 900;}
.mem-list-wrap > ul {counter-reset: addCnt;}
.mem-list-wrap > ul > li h3 strong::after {content: counter(addCnt); counter-increment: addCnt;}
.mem-list-wrap .btn-remove {width: 20px; height: 20px; background: url('../images/mys2021/icon_circle_minus.svg') no-repeat center center; background-size: cover;}
.mem-list-wrap .select-input-wrap {margin-top: 0;}
.mem-list-wrap .select-input-wrap .btn {position: absolute; top: 4px; right: 0; line-height: 30px;}
.mem-list-wrap > ul > li + li {margin-top: 32px;}

/* QR키트 신청내역 */
.ui-tab.type3 {display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 12px; border-bottom: 1px solid #eee;}
.ui-tab.type3 li {padding: 0 11px;}
.ui-tab.type3 li a {display: block; padding: 9px 0; font-weight: 500; line-height: 22px; color: #666; }
.ui-tab.type3 li a.act, .ui-tab.type3 li a.new {position: relative; font-weight: 700; color: #000;}
.ui-tab.type3 li a.act::before {content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background-color: #000;}
.ui-tab.type3 li a.new::after {content: ''; position: absolute; top: 10px; right: -6px; width: 4px; height: 4px; border-radius: 100%; background-color: #fb5c4f;}
.store-info-card.border.type2 {padding: 20px; border: 1px solid #ddd; border-radius: 8px;}
.store-info-card.border.type2 .card {display: block; color: #414e7f;}
.store-info-card.border.type2 .note-desc {padding: 0; line-height: 20px;}
.store-info-card .new {position: relative; display: inline-block;}
.store-info-card .new::after {content: ''; position: absolute; top: 1xp; right: -6px; width: 4px; height: 4px; border-radius: 100%; background-color: #fb5c4f;}
.btm-bnr {padding: 24px;}
.btm-bnr .txt-link {position: relative; display: inline-block; padding-right: 16px; font-size: 12px; line-height: 16px;}
.btm-bnr .txt-link::after {content: ''; position: absolute; top: 55%; right: 0; width: 16px; height: 16px; background: url('../images/mys2021/icon_666_arrow.svg') no-repeat center; background-size: cover; transform: translateY(-50%) scaleX(-1);}
.qr-tab-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;}
.qr-tab-wrap .ui-tab-conts {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;}
.qr-tab-wrap .ui-tab-conts > .tab-content {display: none;}
.qr-tab-wrap .ui-tab-conts > .tab-content.act {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;}
.qr-tab-wrap .msg-wrap {transform: translate(0); min-height: 400px;}
/* .qr-tab-wrap .msg-wrap .msg-type-2 {margin-top: -10%;} */
.qr-tab-wrap .msg-wrap .msg-type-2 .btn {padding: 4px 16px; font-style: 12px; font-weight: 700;}

/* mms */
.pc-sect-header {display: none;}
/* .center-logo {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -56px;} */
@media screen and (min-width: 769px){
   .mo-logo {display: none;}
   .pc-sect-header {display: block;}
}

/* 서비스소개 */
.mem-service-info {position: relative; overflow: hidden;}
.mem-service-info h2 {line-height: 30px !important;}
.mem-service-info p {line-height: 20px !important;}
.mem-service-info li {width: 100%; height: auto; text-align: center; background-color: transparent;}
.mem-service-info .swiper-pagination {position: absolute; top: 124px; left: 0; right: 0;}
.layer-popup.service-bt {z-index: 1000;}
.layer-popup.service-bt.sub-on:before {border-radius: 9.5px 9.5px 0 0; background:rgba(0,0,0,.7); z-index: 1000;}
.layer-popup.service-bt.open {top: auto; bottom: 0; padding: 16px; box-shadow: rgba(48,49,51,0.1) 0 -2px 4px;}
.layer-popup.service-bt .pop-cont {overflow: visible; -webkit-overflow-scrolling: touch;}
.layer-popup.service-bt .checkbox-wrap label,
.layer-popup.service-bt .checkbox-wrap label a {display: inline-block; width: 100%;}
.layer-popup.service-bt .checkbox-wrap label span + a { float:right; width:auto; padding-right:24px;}
.layer-popup.service-bt .checkbox-wrap label a::after {content: ''; position: absolute; top: 50%; right: 0; width: 20px; height: 20px; background: url('../images/mys2021/icon_link.svg') center center; background-size: contain; transform: translateY(-50%);}
@media screen and (min-width: 769px){
   .info-contents > .inner {padding-top: 56px;}
   .layer-popup.service-bt {left: 50%; max-width: 460px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
   .layer-popup.service-bt .btn {flex: none; margin: 0 auto; width: 328px;}
}

/* 매장등록 */
.biznum-container {padding:16px 24px;}
.biznum-container .note-desc + .btn-dash-reg {margin-top: 0;}
.info-list-wrap { padding-bottom:10px;}
.info-list-wrap > li { margin-top: 12px;}
.info-list-wrap > li:first-child { margin-top: 0;}
.account-card-item {position: relative; background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);}
.account-card-item .card-header {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 20px 0 24px;}
.account-card-item .card-header > dl {margin-right: 8px; max-width: calc(100% - 32px);}
/* .account-card-item .card-header > .btn { width: 89px;} */
.account-card-item .card-header > .btn-edit {position: relative; margin-top: 2px; padding: 0; width: 20px; height: 20px; text-indent: -9999px; background: url('../images/mys2021/btn_more.svg') 0 0 no-repeat; background-size: 20px auto; border: none; overflow: hidden;}
.account-card-item .card-contents {padding: 24px 20px 20px 24px;}
.account-card-item .card-foot {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 20px 20px 24px;}
.account-card-item .card-foot .note-desc {padding-bottom:0;}
.account-card-item .msg-reject {padding:20px 24px 24px; background: #f8e4e4;}
.account-card-item .msg-reject h3 {font-size: 14px; line-height: 20px; color: #b64343;}
.account-card-item .msg-reject p {margin-top: 8px; padding-bottom: 2px; font-weight: 500; line-height: 20px; color: #000;}
.account-card-item .card-contents .store-info {margin-top: 0;}
.account-card-item .card-contents .store-info li {margin-top: 4px; line-height: 20px; }
.account-card-item .card-contents .store-info li:first-child {margin-top: 0;}

.layer-popup.more-pop .pop-head {border-bottom: 0;}
.layer-popup.more-pop .pop-cont {padding: 28px 24px 48px !important; max-height: 400px; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.layer-popup.more-pop .pop-cont ul {position:relative; margin: 0;}
.layer-popup.more-pop .pop-cont ul li > a {display: block; width: 100%; text-align: left; color: #333; font-size: 16px; font-weight: 700; line-height: 22px;}
.layer-popup.more-pop .pop-cont ul li + li {margin-top: 24px;}
@media screen and (min-width: 769px) {
   .layer-popup.more-pop .pop-cont {margin-bottom: 8px; padding: 28px 24px 40px !important;}
}

/* 매장정보등록 */
.inpform-long-wrap {position: relative;}
/* .layer-popup .checkbox-wrap #group1All + label {margin-top: -18px;} */
.inpform-long-wrap .radio-check-box .ra-chk-wrap.type3 {-webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 8px 0 0; height: 40px; margin: 0 !important; white-space:nowrap;}
.inpform-long-wrap.col3 .radio-check-box .ra-chk-wrap.type3 {padding-right: 8px !important;}
.layer-popup .inpform-long-wrap.col3 .radio-check-box .ra-chk-wrap.type3:nth-of-type(3n) {padding-right: 0 !important;}
.inpform-long-wrap.col3 .radio-check-box.long-type {width: 100%;}
.inpform-long-wrap.col3 .radio-check-box.long-type .checkbox-wrap {padding-right: 0;}
.inpform-long-wrap.col3 .radio-check-box.long-type .radio-wrap:nth-child(3n) {padding-right: 0;}
.inpform-long-wrap.col3 .checkbox-wrap,
.inpform-long-wrap.col3 .ra-chk-wrap.type3  {flex-basis: 33.3%; max-width: 33.3%;}
.inpform-long-wrap.col3 .checkbox-wrap { padding-right:10px; margin-left: 0; margin-top:8px;}
.inpform-long-wrap.col4 .checkbox-wrap,
.inpform-long-wrap.col4 .ra-chk-wrap.type3  {/* flex-basis: calc(25% - 8px); 0622 */ min-width:calc(25% - 8px); max-width:25%;}
.inpform-long-wrap.col4 .checkbox-wrap.colspan2, .inpform-long-wrap.col4 .ra-chk-wrap.type3.colspan2 {flex-basis: calc(50% - 8px); min-width: calc(50% - 8px);}
/* .inpform-long-wrap.col3 .checkbox-wrap.colspan2, .inpform-long-wrap.col3 .ra-chk-wrap.type3.colspan2 {flex-basis: calc(66.6% - 8px); min-width: calc(66.6% - 8px);} */
.inpform-long-wrap.col5 .checkbox-wrap,
.inpform-long-wrap.col5 .ra-chk-wrap.type3  {flex-basis: calc(20% - 8px);}
.inpform-long-wrap .radio-check-box .ra-chk-wrap.type3 input + label {width:auto; padding:8px;}
.inpform-long-wrap .radio-check-box .ra-chk-wrap.type3 input + label:before {border-radius: 2px;}

.account-info.type2 dt, .account-info.type2 dd {margin-bottom: 4px; line-height:20px;}
.account-info.type2 dl dt {width: 32px; font-weight: 500; color: #000;}
.account-info.type2 dl dd {width: calc(100% - 32px); font-weight: 500; text-align:left; color: #888; word-break: break-word;}
.store-name {font-size: 18px; font-weight:700; line-height: 26px; padding-bottom:6px;}
.btn-more-pop {width:20px; height:20px; background: url('../images/mys2021/icon_more_dotted.svg') 100% 50% no-repeat;}
.badge-ready {display:inline-block; padding: 0 6px; font-size: 12px; line-height: 22px; background: #91a1b2; color:#fff; border-radius:6px 6px 6px 0; vertical-align: top;}
.badge-reject {display:inline-block; padding: 0 6px; font-size: 12px; line-height: 22px; background: #b64343; color:#fff; border-radius:6px 6px 6px 0; vertical-align: top;}
.btn-dash-reg {display: -webkit-box; display: -ms-flexbox; display: flex; width:100%; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 70px; margin-top: 32px; padding-left: 86px; border-radius: 8px; background: #f6f6f6 !important;}
.btn-dash-reg .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: left;}
.btn-dash-reg .group strong {display: block; font-size: 14px; line-height: 20px; color: #000;}
.btn-dash-reg .group .note-desc {display: block; padding-top: 2px; font-size: 12px; font-weight: 500; line-height: 16px; color: #888; text-align: left;}
.btn-dash-reg:before { content: ''; position: absolute; left: 34px; top: 50%; width:28px; height:28px; font-size: 16px; background:url('../images/mys2021/icon_attr_add.svg') 0 50% no-repeat; background-size: 24px auto; transform:translate(0, -50%);}

/* 첨부 썸네일 리스트*/
.store-thumb-list {margin: 0 -24px; padding: 0 24px; width:auto; font-size: 0; white-space: nowrap; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.store-thumb-list .slot-item {position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 4px; padding: 0 16px; border: 1px dashed #ccc; color: #666; vertical-align: top; overflow: hidden;} 
.store-thumb-list .slot-item:not(.btn) { margin-left: 6px; padding: 0; border: 1px dashed #eee; cursor: initial;}
.store-thumb-list .slot-item img { width:100%; height:100%; object-fit: cover;}
.store-thumb-list .slot-item i.icon-del { position: absolute; top: 0; right: 0; width: 20px; height: 20px; text-indent: -999px; background: url('../images/mys2021/icon_thumb_del.svg') 100% 50% no-repeat; background-size: 20px auto; overflow: hidden; }
.store-thumb-list .btn.slot-item { display: inline-block; position: relative; padding: 0; background: #f6f6f6; overflow: hidden; cursor:pointer; vertical-align: top;}
.store-thumb-list .btn.slot-item span {display:inline-block; padding: 60px 0 0 0; font-size: 12px; font-weight: 700; line-height: 12px; color: #000; vertical-align: top;}
.store-thumb-list .btn.slot-item span input[type="file"] { position:absolute; left: 0; top: 0; width:100%; height:100%; opacity:0; cursor:pointer;}
.store-thumb-list .btn.slot-item:before {content: '+'; position: absolute; left: 38px; top: 26px; width: 24px; height: 24px;  font-family: "ShinhanCard", Arial, sans-serif; font-weight: 500; font-size: 33px; color: #000; line-height: 25px;}
.store-thumb-list.on .slot-item:not(.btn) {border: 0; cursor:pointer;}
.store-thumb-list.on .slot-item.empty {border: 1px dashed #eee;}
.store-thumb-list.on .slot-item.active {background: #383b5a; border: 1px solid #383b5a; color: #fff;}
.store-thumb-list.view .slot-item {border:none; border-radius:4px; cursor:pointer;}
.store-thumb-list.view .slot-item:first-child { margin-left: 0;}
.store-thumb-list .btn.slot-item .thumb-num {position: absolute; bottom: 5px; left: 0; padding: 0; width: 100%; font-size: 10px; font-weight: 500; color: #888; text-align: center;}
.store-thumb-list .btn.slot-item .thumb-num span {padding: 0; font-size: 8px;}

/* 영업시간 선택 리스트*/
.week-list > li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px;}
.week-list > li:first-child { padding-top: 0;}
.week-list > li > label { width: 75px; margin: 0; line-height: 41px; color: #000; }
.week-list .select-input-wrap { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 0;}
.week-list .select-input-wrap .select-box { width: 100%; max-width: 100%;}
.week-list .unit { width: 36px; text-align: center;}

/* 상품 추가 입력 리스트 */
.icon-minus {position:relative; width:36px; height:20px; text-indent:-999px; overflow:hidden;}
.icon-minus:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/mys2021/icon_circle_minus.svg') right 50% no-repeat; background-size: 20px auto;}
.menu-list { margin-top: 16px;}
.menu-list li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 8px;}
.menu-list li:first-child { padding-top:0;}
/* .menu-list li:first-child .icon-minus:before {background-image: url('../images/mys2021/icon_24_minus.svg');} */
.menu-list .input-wrap { -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: 0;}
.menu-list .input-wrap + .input-wrap { margin-left:16px}
.menu-list .input-wrap .input-box {height: 37px;}
.menu-list input[type="text"] { font-size: 14px; color:#888; padding: 0 30px 6px 0; color: #000; line-height: 30px;}
.menu-list .view-item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; border-bottom: 1px solid #eee; line-height: 20px; padding-top: 4px; padding-bottom: 12px; color: #333;}
.menu-list .view-item span.price { width:30%; text-align:right;}
.input-wrap.price .input-box{display: -webkit-box; display: -ms-flexbox; display: flex;}
.input-wrap.price .input-box input {flex: 0 1 auto; padding-right: 0; text-align: right;}
.input-wrap.price .input-box:after {margin-left: 4px; content: attr(data-unit); line-height: 30px; color:#888;}
.btn-list-more {display: -webkit-box; display: -ms-flexbox; display: flex; width:100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.btn-list-more span {display: inline-block; padding:16px 8px 0; margin-top:16px;}
.btn-list-more:after { content: ''; display: block; width: 5px; height: 5px; margin-top: 38px; border-top: 1px solid #666; border-left: 1px solid #666; transform: translate(-50%, -75%) rotate(225deg);}
.pop-map-area { height: 100%; overflow: hidden;}
.pop-map-area img { width:100%;}
.pop-map-area + .btn-group-set {position: absolute; width: 100%; padding: 0 24px; bottom: 28px;}

/* 매장 사진보기 팝업 */
.layer-popup.pic-viewer .pop-head .title, .layer-popup.pic-viewer {color: #fff;background-color: #000;}
.layer-popup.pic-viewer .pop-head .title button::before, .layer-popup.pic-viewer .pop-head .title button::after {background-color: #fff;}
.layer-popup.pic-viewer .pop-cont {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.layer-popup.pic-viewer .swiper-container  {padding:0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.layer-popup.pic-viewer .swiper-wrapper {position:relative;display:flex;width:100%;height:100%;box-sizing:content-box;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.layer-popup.pic-viewer .swiper-slide { width:100%;height:100%;display: inline-flex; flex-shrink:0;align-items: center;justify-content: center;background-color: #000;border-radius: 0;vertical-align: middle;}
.layer-popup.pic-viewer .swiper-slide img {overflow: hidden;width: auto;height: auto;max-width: 100%;max-height: 100%;}
.layer-popup.pic-viewer .swiper-pagination {position: fixed;left: 0;right: 0;bottom: 50px;}

/* 더보기 팝업 */
.item-list .sel-option { line-height:46px;}
.icon-cancel-link {padding-left: 34px; font-size: 16px; background: url('../images/mys2021/icon_cancel_link.svg') 0 50% no-repeat; background-size: 24px auto;}
.icon-store-info {padding-left: 34px; font-size: 16px; background: url('../images/mys2021/icon_store.svg') 0 50% no-repeat; background-size: 24px auto;}
.icon-write {padding-left: 34px; font-size: 16px; background: url('../images/mys2021/icon_write.svg') 0 50% no-repeat; background-size: 24px auto;}

/* 매장 정보 상세 */
.hash-word { margin-top:12px;}
.hash-word span { display:inline-block; vertical-align:top; font-size:12px; font-weight:500; color:#666;}
.store-info-card {position: relative; margin-top: 12px;}
.store-info-card .article-wrap .label-area {top: -34px;}
.store-info-card > a {display: block;}
.store-info-card > a::after {content: ''; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url('../images/mys2021/icon_noti_arrow.svg') no-repeat center center; background-size: contain;}
.store-info-card.border {padding-bottom: 8px; border-bottom: 3px solid #eee;}
.store-info-card .note-desc {font-weight: 500;}
ul.store-info {margin-top:24px;}
ul.store-info li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: single; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 12px; font-weight: 400; overflow:hidden; }
ul.store-info li:first-child { margin-top: 0;}
ul.store-info li em {padding-right: 8px; font-weight: 500;}
ul.store-info li em.w-100 {flex: none;}
ul.store-info li div {/*display:flex;*/ flex: 1; max-width:100%; overflow:hidden; font-weight: 500; color: #666;}
ul.store-info li em.w-100 + div {flex: none;}
/* ul.store-info li div button { flex:0 0 auto;} */
ul.store-info .text-link { display: block; color: #476eff; overflow:hidden; text-overflow:ellipsis;}

.wrap .container .sect + .sect.bg-lightgray { margin-top: 0;}
.result-no-data {padding: 72px 0 0; min-height: 150px; background: url('../images/mys2021/icon_common_error2.svg') no-repeat center 0; background-size: 64px; color: #888; line-height: 20px; text-align: center;}
.result-no-data.report { padding:132px 0 0; background: url('../images/mys2021/icon_nodata_report.svg') no-repeat center 0; background-size: 132px; }
.no-data-review { padding:40px 20px; margin-top:16px; border-radius:12px; background:#f6f6f6 url('../images/mys2021/bg_nodata_chart.svg') no-repeat right 0; text-align:center;}
.deep-info {position: relative; height: 142px; padding: 26px 24px; font-size: 16px; font-weight: 400; line-height: 26px; background:#fff; border-radius: 8px; border:2px solid #eee;}
.deep-info strong {font-size: 20px; line-height: 26px; color: #000734}
.deep-info strong:last-of-type {color: #476eff;}
.deep-info:after { content: ''; position: absolute; right: 12px; top: 14px; width: 110px; height: 110px; background:url('../images/mys2021/bg_deep_data.png') 0 0 no-repeat; background-size: 100% auto;}
.request-msg { margin-top: 16px;}
.request-msg li {margin-top: 16px; padding: 16px 24px; background: #fff; border-radius: 8px; border: 1px solid #ddd;}
.request-msg li:first-child { margin-top: 0;}
.request-msg li p {padding-bottom: 4px; line-height:20px;}
.wrap .container .sect2 {padding: 24px 24px 32px;}
.wrap .container .sect2 + .sect2 { padding:40px 24px 48px;}
.sticky-area.border, .wrap .container .sect2 + .sect2.border {border-top: 12px solid #eee;}
.sect2 .stit2:first-child { margin-top: 0;}
.map-wrap {position: relative;}
.map-wrap .btn-group-set { position: absolute; bottom: 12px; width: 100%; border-radius: 8px; overflow: hidden;}
.map-wrap .btn-group-set .btn { line-height: 48px; color: #000; background:#fff;}
.map-wrap .btn-group-set .btn + .btn:after { top:0px; height:100%; border-color: #eee;}
.map-wrap .btn-group-set .btn.icon-zoom:before {display: inline-block; content: ''; width: 14px; height: 18px; margin-right: 10px; background: url('../images/mys2021/icon_zoom.svg') 0 0 no-repeat; background-size: 14px auto; vertical-align: middle;}
.map-wrap .btn-group-set .btn.icon-zoom.in:before {background: url('../images/mys2021/icon_zoom_in.svg') 0 0 no-repeat; background-size: 14px auto;}
.map-wrap .btn-group-set .btn.icon-load:before {display: inline-block; content: ''; width: 14px; height: 18px; margin-right: 10px; background: url('../images/mys2021/icon_load.svg') 0 0 no-repeat; background-size: 14px auto; vertical-align: middle;}
.pre-area { word-break:break-all; white-space:pre-line;}

/* 쿠폰 */
.marketing-coupon {margin-top: 16px;}
.marketing-coupon li { position: relative; padding: 24px 24px 26px; margin-top: 16px; font-size: 12px; border: 1px solid #7894ff; border-radius:4px; background: #fff;}
.marketing-coupon li:first-child { margin-top: 0;}
.marketing-coupon .spot {position: relative; display: block; padding-bottom: 12px; font-size: 13px; font-weight:500; line-height: 19px; color: #000734;}
.marketing-coupon .spot .curent-state {position: absolute; top: 0%; right: -4px; width: 44px; height: 22px; font-size: 10px; font-weight: 900; line-height: 22px; text-align: center; background: #eff0f5; border-radius: 12px;}
.marketing-coupon .spot .curent-state.proceed {color: #476eff;}
.marketing-coupon .spot .curent-state.standby {color: #b1b7c4;}
.marketing-coupon .coupon-subject { font-size: 18px; line-height: 26px; color: #000734;}
.marketing-coupon .coupon-text { margin-top:8px; padding-bottom: 12px; font-size: 12px; font-weight: 500; color: #666; line-height: 18px;}
.marketing-coupon .term { display:inline-flex; }
.marketing-coupon .term span { color: #666; font-weight:500; line-height: 16px;}
.marketing-coupon .term .dday {position: relative; color: #f14b25; font-weight:700; padding-left:12px;}
.marketing-coupon .term .dday:before { content: ''; position:absolute; left:6px; top:0; height:10px; border-left: 1px solid #eee;}

.marketing-coupon .badge {position: absolute; right: 20px; bottom: 27px; padding:0 4px; line-height: 16px; background: #fff1f1; color: #f14b25; font-size: 10px; font-weight:500; border-radius: 1px;}
.marketing-coupon .badge + .badge { right: 60px;}

/* note-info */
.note-info.warring { font-weight: 500; color:#da1d1d; background: rgba(248,228,228,0.4);}
.note-info.warring:before {background: url('../images/mys2021/icon_warning_red.svg') 0 0 no-repeat; background-size: 100% auto;}

.sort-menu  { display:flex;}
.sort-menu li a {position:relative; padding:0 8px; font-size: 12px; color: #888;}
.sort-menu li a:before { content: ''; position:absolute; left: 0; top: 5px; height:10px; border-left:1px solid #d8d8d8; }
.sort-menu li:first-child a:before { display:none;}
.sort-menu li a.act { color: #000;}

.review-point { display:inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; padding:32px 0; background: rgba(239,240,245,0.5); border-radius:8px;}
.review-point strong { font-size:24px; line-height:34px; font-weight:900;}
[class^="star-graph-"] {display: block; width:118px; height:24px; margin-left: 14px; background: url('../images/mys2021/icon_point_star_off.svg') 0 50% repeat-x; background-size: 24px auto;}
[class^="star-graph-"] .point { display: block; width: 0; height: 100%; background: url('../images/mys2021/icon_point_star.svg') 0 50% repeat-x; background-size: 24px auto;}
.star-graph-sm { width: 81px; height: 16px; margin-left: 0; background-size: 16px auto;}
.star-graph-sm .point { background-size: 16px auto;}
.default-info .list-item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #eee;}
.default-info .list-item .subject { display: block; padding: 8px 0; color: #333;}
.default-info .list-item .data { font-size: 12px; font-weight: 400; color: #888;}
.default-info .list-item .thumb {padding-left:37px; z-index: 0;}
.default-info .list-item .thumb a {position: relative; display: block; width: 64px; height: 64px; }
.default-info .list-item .thumb .count { position: absolute; bottom: 4px; right: 4px; min-width: 22px; padding:1px 4px; font-size: 10px; color: #fff; line-height: 14px; text-align: center; background: rgba(0,0,0,0.7); border-radius: 11px;}
.default-info .list-item .thumb img { width:100%;}
.default-info .list-item > div {flex:0 1 auto;}
.default-info.inner-box {margin-top: 16px;}
.default-info.inner-box .list-item {margin-top: 12px; padding: 16px 20px; border-radius: 8px; border: 1px solid #eee;}
.default-info.inner-box .list-item:first-child {margin-top: 0;}

#mapArea { position:relative; width:calc(100% + 16px); margin-left:-8px; height:198px; color: #476eff; background:rgba(0,0,0,0.56); border-radius:4px; overflow: hidden;}
#mapArea .comment {display:none;}
#mapArea.no-map:before {content:''; position:absolute; width:100%; height:100%; background: url('../images/mys2021/map_nodata.png') 50% 50% no-repeat; background-size: 100% auto; border-radius:4px; overflow:hidden;}
#mapArea.no-map .comment {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); white-space:nowrap; text-align:center; color:#666;}
.btn-call { height: 18px; font-size: 12px; line-height: 16px; margin-left: 12px; padding-left: 18px; color: #476eff;  background: url('../images/mys2021/icon_call.svg') 0 50% no-repeat; background-size: 16px auto;}
.btn-copy { height: 18px; font-size: 12px; line-height: 16px; margin-left: 12px; padding-left: 18px; color: #476eff;  background: url('../images/mys2021/icon_copy.svg') 0 50% no-repeat; background-size: 16px auto;}
.detail-inner-tab { padding-top:16px;}
.detail-inner-tab > .ui-tab {display:inline-flex;}
.detail-inner-tab > .ui-tab { width:100%; padding: 0 12px 0; border-bottom: 1px solid #eee;}
.detail-inner-tab > .ui-tab li > a { position:relative; display: block; padding: 12px 12px 15px; font-weight: 500; color: #666; }
.detail-inner-tab > .ui-tab li > a.act {font-weight: 700; color: #000;}
.detail-inner-tab > .ui-tab li .act:after {content: ''; position: absolute; bottom: 0; left:12px; right: 12px; border-top: 3px solid #000;}
.detail-inner-tab > .ui-tab-conts > .tab-content {min-height: 355px;}
.detail-inner-tab > .ui-tab-conts > .tab-content .sect { padding: 32px 24px 40px;} 
.detail-inner-tab > .ui-tab-conts > .tab-content .sect + .sect {padding: 40px 24px 40px;}
.detail-inner-tab > .ui-tab-conts > .tab-content .result-no-data {margin-top: 100px !important;}
.detail-inner-tab > .ui-tab a.new {position: relative;}
.detail-inner-tab > .ui-tab a.new:before {content: ''; position: absolute; top: 10px; right: 7px; display: block; width: 4px; height: 4px; background: #fb5c4f; border-radius: 50%;}
.sticky-area.fixed .detail-inner-tab { padding-top: 62px !important;}
.sticky-area.fixed .detail-inner-tab > .ui-tab { position: fixed; left:0; top: 56px; z-index: 10;  background:#fff;} /* 0603 디자인변경 후 top값 변경예정 */
.os_ios .sticky-area.fixed .detail-inner-tab > .ui-tab { position: -webkit-sticky; position:-moz-sticky; position:-o-sticky; position:sticky;}
.os_ios .sticky-area.fixed .detail-inner-tab { padding-top: 16px !important;}
@media screen and (min-width: 769px) {
   .sticky-area.fixed .detail-inner-tab > .ui-tab {top: 101px;}
}

/** 운영분석 > 단골관리 **/
.section-header.bg-point {margin-top: 40px; text-align: center;}
.section-header.bg-point + .sect {padding: 0 24px 48px;}
.section-header.bg-point + .sect .stit2 {font-size: 14px; color: #666; line-height: 20px;}
/* .section-header.bg-point + .sect .stit2::before {content:''; display: block; margin: 18px 0 16px 0; width: 100%; height: 144px; background: url('../images/mys2021/bg_point.png') no-repeat center; background-size: contain;} */
.section-header.bg-point + .sect + .sect {padding: 40px 24px 16px;}
.section-header.bg-point + .sect + .sect + .btn-group {padding-bottom: 64px;}
.img-box-point img {width: 312px;}
ul.point-guide li {position: relative; display: flex; align-items: center; padding-left: 56px; min-height: 40px; line-height: 20px; word-break: break-all;}
ul.point-guide li i {position: absolute; display: flex; top: 50%; left: 0; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; transform: translateY(-50%);}
ul.point-guide li i img { width:100%;}
/* ul.point-guide li i[class^="ico-"]::before {content:''; position: absolute; top: 0; left: 0; width: 40px; height: 40px;} */
/* ul.point-guide li i.ico-point1::before {background: url('../images/mys2021/icon_point01.svg') no-repeat center; background-size: 24px;}
ul.point-guide li i.ico-point2::before {background: url('../images/mys2021/icon_point02.svg') no-repeat center; background-size: 24px;}
ul.point-guide li i.ico-point3::before {background: url('../images/mys2021/icon_point03.svg') no-repeat center; background-size: 24px;} */

.accordion-wrap.add-checkbox .agree-tab-wrap {padding: 10px 11px 10px 41px;border: 1px solid #e7e9ee; border-radius: 4px;}
.accordion-wrap.add-checkbox .agree-tab-wrap.act:after {transform: translate(-50%, -50%) rotate( 45deg);}
.accordion-wrap.add-checkbox .agree-tab-wrap .ra-chk-wrap {left: 13px;}
.accordion-wrap.add-checkbox .agree-tab-wrap .ra-chk-wrap input:checked + label:before { background: #5b5fe4; border: 1px solid #5b5fe4;}
.accordion-wrap.add-checkbox .ui-accordion .agree-tab-wrap:not(.no-cont):after {right: 12px;}
.accordion-wrap.add-checkbox .agree-tab-wrap + .accd-cont {margin: 0; padding: 20px 16px 0; background: transparent;}
.accordion-wrap.add-checkbox .agree-tab-wrap button {font-size: 15px; line-height: 20px;}
.accordion-wrap.add-checkbox .agree-tab-wrap + .accd-cont dt { margin-bottom: 4px; font-size: 14px; font-weight: 700; line-height: 20px;}
.accordion-wrap.add-checkbox .agree-tab-wrap + .accd-cont dd {font-size: 14px; color: #666; line-height: 20px; word-break: break-all;}
.accordion-wrap.add-checkbox .agree-tab-wrap + .accd-cont p {font-size: 14px; line-height: 20px; color: #666;}
.accordion-wrap.add-checkbox .accd-tab.agree-tab-wrap .checkbox-wrap {top: 14px;}

.section-header.bg-point-inquiry {margin-top: 28px;}
.section-header.bg-point-inquiry p::before {content:'';display: block; margin: 0 auto 7px;  width: 145px; height: 32px;background: url('../images/mys2021/bg_point_inquiry.svg') no-repeat center; background-size: cover;}
.section-header.bg-point-inquiry + .sect .article-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% + 8px);}
.section-header.bg-point-inquiry + .sect .article-wrap li {position: relative; flex:1 0 auto; margin: 8px 8px 0 0; padding: 12px 12px 64px;  width: calc(50% - 16px);background:#eff0f5; border-radius: 4px;}
.section-header.bg-point-inquiry + .sect .article-wrap li[class^="ico-"]::before {content: ''; position: absolute; right: 8px; bottom: 8px; width:40px; height: 40px;}
.section-header.bg-point-inquiry + .sect .article-wrap li.ico-user::before {background: url('../images/mys2021/icon_user.svg') no-repeat center; background-size: 40px;}
.section-header.bg-point-inquiry + .sect .article-wrap li.ico-cash::before {background: url('../images/mys2021/icon_cash.svg') no-repeat center; background-size: 40px;}
.section-header.bg-point-inquiry + .sect .article-wrap li.ico-point::before {background: url('../images/mys2021/icon_point.svg') no-repeat center; background-size: 40px;}
.section-header.bg-point-inquiry + .sect .article-wrap li.ico-coupon::before {background: url('../images/mys2021/icon_coupon.svg') no-repeat center; background-size: 40px;}
.section-header.bg-point-inquiry + .sect .article-wrap li dl dt {font-size: 14px; line-height: 20px;} 
.section-header.bg-point-inquiry + .sect .article-wrap li dl dd { margin-top: 6px; font-size: 18px; font-weight: 900; line-height: 20px; color: #222;}
.section-header.bg-point-inquiry + .sect + .sect {padding: 40px 24px 52px;}
.section-header.bg-point-inquiry + .sect + .sect dl:last-child {padding-top: 27px; border-top: 1px solid #f3f3f3;}
.section-header.bg-point-inquiry + .sect + .sect dl dt {color: #000;} 
.section-header.bg-point-inquiry + .sect + .sect dl dd {font-size: 16px; line-height: 22px;}
.wrap .container .sect.btt-txt.type2 {margin: 40px 24px 56px; padding-top: 28px;}
.wrap .container .sect.btt-txt.type2 h3 {font-size: 14px; line-height: 20px;}
.wrap .container .sect.btt-txt.type2 .txt-bul {word-break: break-all;}
.wrap .container .sect.btt-txt.type2 .txt-bul .cs {color: #222;}
.wrap .container .app-area-info + .sect + .sect {padding: 40px 24px 48px;} 

/** 운영관리 > 직원관리 > 업무요약 **/
.wrap .container .sect.task-info {margin-top: 0; padding: 40px 24px 48px;}
.check-task {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% + 9px);}
.check-task dl {flex: 1; margin-right: 9px; padding: 27px 13px 16px; min-height: 98px; color: #fff; text-align: center; border-radius:4px;}
.check-task dl.task-state1 {background: #7290db;}
.check-task dl.task-state2 {background: #414e7f;}
.check-task dl.task-state3 {background: #e5ecff;}
.check-task dl dt {margin-bottom: 15px; font-size: 12px; color: rgba(255,255,255,.7); line-height: 16px;}
.check-task dl dt strong {font-size: 20px; color: #fff; line-height: 20px; text-decoration: underline; text-decoration-color: rgba(255,255,255,.5);}
.check-task dl.task-state3 dt {color: rgba(0,0,0,.5);}
.check-task dl.task-state3 dt strong {font-weight: 900; text-decoration-color: rgba(0,0,0,.5);}
.check-task dl.task-state3 dd {color: #000;}
.report-header {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.text-link.more {display: -webkit-box; display: -ms-flexbox; display: flex; align-items:center; font-size: 12px; line-height: 12px; text-decoration: none;}
.text-link.more:after {content: '';  position: static; display: inline-block; width: 5px; height: 5px; margin-top: 5px; border-top: 1px solid #666; border-left: 1px solid #666; transform: translate(4px, -30%) rotate(135deg); border-bottom: 0; border-right: 0; transform: translate(4px, -30%) rotate(135deg);} 
.report-header .btn {flex: 1 0 auto; line-height: 28px; border: 1px solid #dae2ff; border-radius: 14px;}
.task-info .dashboard-box {padding: 0 0 12px 0;}
.task-info .dashboard-box .in-cont { padding: 24px; background: #fff; border-radius: 16px;}
.task-info .dashboard-box .in-cont .highcharts-figure + .highcharts-figure::before {display: none;}
.task-info .account-card-item {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 72px; padding: 0 44px 0 24px; box-shadow: none;}
.task-info .account-card-item > strong {line-height: 20px;}
.task-info .account-card-item i {display: inline-block; margin-right: 16px; width: 32px; height: 32px; background: url('../images/mys2021/icon_user_profile.svg') 0 0 no-repeat; background-size: 100% auto;}
.task-info .account-card-item .task-num {display: inline-block; margin-left: auto;}
.task-info .account-card-item::after {content: ''; position: absolute; top: 50%; right: 16px; width: 20px; height: 20px; background: url('../images/mys2021/icon_list_arrow.svg') no-repeat center; background-size: cover; transform: translateY(-50%);}
.task-info .info-list-wrap {padding-bottom: 0;}

.wrap .container .task-info + .sect {margin: 0; padding: 20px 24px 40px; border-top: 1px solid #eee; text-align: center;}
.wrap .container .task-info + .sect p {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.wrap .container .task-info + .sect p::before {content:''; display: inline-block; margin-right: 8px; width: 20px; height: 20px; background: url('../images/mys2021/icon_wk_logo.png') 100% 50% no-repeat; background-size: cover;}
.wrap .container .task-info + .sect .text-link {position: relative; display: inline-block; margin-top: 12px; padding-right: 12px;}
.wrap .container .task-info + .sect .text-link::after {content: ''; position: absolute; top: 55%; right: 0; display: block; width: 5px; height: 5px; border-top: 1px solid #666; border-right: 1px solid #666; transform: translateY(-50%) rotate(45deg);}

/** 운영관리 > 직원관리 > 오늘/주간/월간 리포트 **/
.report-tab {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 16px); height: 44px; margin-left: -8px; padding: 2px; background: #eff0f5; border-radius: 8px; overflow: hidden; }
.report-tab li {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex:1 0 auto; height: 100%; text-align: center;}
.report-tab li a {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height: 100%; font-size: 13px; font-weight: 500; color: #888;}
.report-tab li a.act { width: 100%; height: 100%; color: #000; background: #fff; border: 0; border-radius: 7px;}
.control-group {position: relative; text-align: center;}
.control-group strong {font-size: 16px; font-weight: 700;}
.control-group [class^="btn-"] {position: absolute; top: 50%; width: 20px; height: 20px;}
.control-group button.btn-left {left: 3px; transform: translateY(-50%) rotate(-135deg);}
.control-group button.btn-right {right: 3px; transform: translateY(-50%) rotate(45deg);}
.control-group [class^="btn-"]::after {content: '';position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: translate(-50%,-50%);}
.control-group + .dashboard-box {padding: 0;}
.control-group + .dashboard-box .article-wrap {margin-top: 18px;}

/** 운영관리 > QR페이관리 **/
.wrap .container .inner.qrpay-info {height: auto; min-height: 100%;}
.wrap .container .inner.qrpay-info > .sect {padding: 40px 0 100px;}
.swiper-container.service-info {position: relative; margin: 0 auto; padding: 0; max-width: 760px; height: 100%;}
.swiper-container.service-info .swiper-slide {max-width: 760px !important; height: auto; vertical-align: top;}
.swiper-container.service-info .swiper-slide .tit-wrap {text-align: center;}
.swiper-container.service-info .swiper-slide .tit-wrap h3 {font-size: 22px; line-height: 28px;}
.swiper-container.service-info .swiper-slide .tit-wrap p {margin-top: 8px; font-size: 16px; line-height: 22px;}
.swiper-container.service-info .swiper-slide .cont-wrap {margin: 102px auto 0; padding: 0 48px 10px; max-width: 360px; text-align: center;}
.swiper-container.service-info .swiper-slide .qu-serv-info {position: relative; padding-left: 72px; text-align: left;}
.swiper-container.service-info .swiper-slide .qu-serv-info dt {position: relative; font-size: 16px; font-weight: 700; line-height: 22px;}
.swiper-container.service-info .swiper-slide .qu-serv-info dt strong {display: block; margin-bottom: 8px; font-size: 12px; font-weight: 900; line-height: 16px; color: #476eff;}
/* .swiper-container.service-info .swiper-slide .qu-serv-info .ico {position: absolute; top: 0; left: -72px; display: block; width: 48px; height: 48px; border-radius: 50%;}
.swiper-container.service-info .swiper-slide .qu-serv-info .ico-01 {background: url('../images/mys2021/icon_qr-service_01.svg') 0 0 no-repeat; background-size: 48px auto;}
.swiper-container.service-info .swiper-slide .qu-serv-info .ico-02 {background: url('../images/mys2021/icon_qr-service_02.svg') 0 0 no-repeat; background-size: 48px auto;}
.swiper-container.service-info .swiper-slide .qu-serv-info .ico-03 {background: url('../images/mys2021/icon_qr-service_03.svg') 0 0 no-repeat; background-size: 48px auto;}
.swiper-container.service-info .swiper-slide .qu-serv-info .ico-04 {background: url('../images/mys2021/icon_qr-service_04.svg') 0 0 no-repeat; background-size: 48px auto;}
.swiper-container.service-info .swiper-slide .qu-serv-info .ico-05 {background: url('../images/mys2021/icon_qr-service_05.svg') 0 0 no-repeat; background-size: 48px auto;}
.swiper-container.service-info .swiper-slide .qu-serv-info .ico-06 {background: url('../images/mys2021/icon_qr-service_06.svg') 0 0 no-repeat; background-size: 48px auto;} */
.swiper-container.service-info .swiper-slide .qu-serv-info dd {margin-top: 4px; font-size: 13px; font-weight: 400; line-height: 18px;}
.swiper-container.service-info .swiper-slide .qu-serv-info dd + dt {margin-top: 26px;}
.swiper-container.service-info .swiper-slide .cont-wrap p > em.emphasis {position: relative;}
.swiper-container.service-info .swiper-slide .cont-wrap p > em.emphasis:after {content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 8px; background: rgba(71,110,255,.2);}
.swiper-container.service-info .swiper-slide .cont-wrap .img-wrap {position: relative;}
.swiper-container.service-info .swiper-slide .cont-wrap .img-wrap.full {margin: 0 -48px;}
.swiper-container.service-info .swiper-slide .cont-wrap .img-wrap.mt-32 {margin-top: 32px;}
.swiper-container.service-info .swiper-slide .cont-wrap .img-wrap > img {width: 100%;}
.swiper-container.service-info .swiper-pagination-bullets {position: absolute; top: 104px; left: 50%; transform: translateX(-50%);}
.qrpay-info .swiper-container.service-info .swiper-slide .cont-wrap .img-wrap.full img {margin-top: -4px;}
.wrap .container .inner.qrpay-info .btn-group-foot {position: absolute; bottom: 0;}
.wrap .container .inner.qrpay-info .btn-group-foot.fixed {position: fixed; background: linear-gradient(rgba(255,255,255,0) 20%, rgba(255,255,255,1) 80%);}
.wrap .container .sect + .sect.sect-qrpay-agree {padding: 24px 20px 40px;}
.qrpay-cards-list > dt {font-size: 16px; font-weight: 700; line-height: 22px;}
.qrpay-cards-list > dt:not(:first-of-type) {margin-top: 32px;}
.qrpay-cards-list > dd li + li {margin-top: 12px;}
.qrpay-cards-list .error-box {padding: 24px; transform: translateY(0);}
.qrpay-cards-list .error-box .msg-type-2 {padding-top: 72px; min-width: 48px; max-width: 100%; font-size: 14px; font-weight: 500; line-height: 20px; color: #666; background-size: 64px auto; word-break: break-all;}
.btn-type .btn-info-link {display: inline-block; padding: 0 16px; height: 32px; line-height: 29px; font-size: 12px; font-weight: 700; color: #494f60; border: 1px solid #ccc; border-radius: 2px;}

.qr-area {padding: 32px 0 34px; text-align: center; background: #eff0f5;}
.qr-area > img {width: 100%; max-width: 200px;}

@media screen and (max-width: 359px) {
   .swiper-container.service-info .swiper-slide .tit-wrap h3 {font-size: 20px; line-height: 26px;}
}
@media screen and (min-width: 769px) {
   .wrap .container .inner.qrpay-info > .sect {padding: 40px 0 0;}
   .wrap .container .inner.qrpay-info .btn-group-foot {position: relative;}
}

/** 이용약관 **/
.ml-38 {margin-left: 38px;}
.terms-wrap {padding: 20px 24px 64px; }
.pop-cont h3.terms-title {margin-top: 32px; font-size: 18px; font-weight: 400; line-height: 26px;word-break: break-all;}
.pop-cont h4.terms-title {margin-top: 24px; font-size: 16px; font-weight: 700; line-height: 22px;word-break: break-all;}
.pop-cont h5.terms-title {margin-top: 24px; font-size: 16px; font-weight: 700; line-height: 22px; color: #000; word-break: break-all;}
.pop-cont .terms-sub-title {position: relative; margin-top: 8px; padding-left: 25px; color: #000; font-size: 15px; line-height: 21px; word-break: break-all;}
.pop-cont .terms-sub-title span {position: absolute; top: 0; left: 0;}
.pop-cont h5.terms-title + p {margin-top:6px !important;}
.pop-cont .terms-txt {margin-top: 16px; font-size: 14px; line-height: 20px; color: #666;word-break: break-all;}
.pop-cont .terms-txt ul {margin-top: 16px;}
.pop-cont .terms-txt ul:not(.txt-bul) li {position: relative; padding-left: 18px; margin-top: 8px; word-break: break-all;}
.pop-cont .terms-txt ul li > span:first-of-type:not(.text-underline):not(.c-error2) {position: absolute; left: 0; top: 0; width: auto;}
.pop-cont .terms-txt ul li strong + span {position: relative;}
.pop-cont .terms-txt ul ul { margin-top: 6px !important;}
.pop-cont .terms-txt ul ul ul li { color: #888;}
.pop-cont .terms-txt > ul.txt-bul > li, .pop-cont .terms-txt > p.txt-bul {font-size: 14px; line-height: 20px;}
.pop-cont .terms-txt ul.txt-line li {padding-left: 10px; font-weight: 500; font-size: 14px; line-height: 20px;}
.pop-cont .terms-txt ul.txt-line li:before {content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 1px;background-color: #666;}
.pop-cont .terms-wrap > p.terms-txt { color: #000;}
.rating-system {margin: 0 0 4px 38px; padding-bottom: 12px; border-bottom: 1px solid #eff0f5;}
.rating-system h5 {font-size: 13px;}
.rating-system > ul {display: flex; margin-top: 8px; border-radius: 4px; overflow: hidden;}
.rating-system > ul > li {flex: 1; color: #fff; font-size: 12px; line-height: 28px; text-align: center;}
.rating-system > ul > li + li {border-left: 1px solid #fff;}
span[class^="rating-"] {display: inline-block; margin-left: 5px; padding: 0 6px; height: 20px; border-radius: 4px; color: #fff; font-size: 12px; line-height: 19px;}
.rating-1 {background: #32c8f0; color:#fff !important;}
.rating-2 {background: #55d26e;}
.rating-3 {background: #c07f00;}
.rating-4 {background: #ffb626;}
.rating-5 {background: #da1d1d;}
.check-wrap.col2 {display: flex; flex-wrap: wrap;}
.check-wrap.col2 > .checkbox-wrap {flex: 1 0 auto; margin: 0; min-width: 50%;}
.check-wrap.col2 > .checkbox-wrap input + label {height: 32px; font-size: 12px; line-height: 32px;}
.account-info.type3 dl dt {width: 30%;}
.account-info.type3 dl dd {width: 70%; text-align: left;}

/* ==========================================================================
   운영지원
   ========================================================================== */
/* FREE 멤버스 */
/* .section-header.members::after {content: ''; display: block; margin: 24px 0 8px 0; width: 100%; height: 188px; background: url('../images/mys2021/img_free_members.svg') no-repeat center; background-size: contain;}  */
.border-bottom-1 {border-bottom: 1px solid #eee;}
.mem-txt.txt-bul {padding-left: 15px; word-break: break-all;}
.mem-txt.txt-bul:not(ul):not(ol):before {content: '※'; top: 0; width: 0; height: 0;}
.section-header h2.free-members {font-size: 22px; line-height: 30px; font-weight: 900;}
.accordion-wrap.line.service {width: calc(100% + 48px); transform: translateX(-24px);}
.accordion-wrap.line.service li:last-child .accd-tab button {border-bottom: 1px solid #eee;}
.accordion-wrap.line.service li button {font-weight: 700;}
.icon-list dl dd {width: 40px; height: 40px;}
.icon-list dl dd img {width: 100%;}
/* ul.txt-bul.mem-noti {border-bottom: 1px solid #eee;} */
ul.txt-bul.mem-noti li {color: #333;}
ul.txt-bul.mem-noti + .checkbox-wrap.type2.long-label input:checked + label > span {color: #000 !important;}
ol.sales-noti li {font-size: 12px; line-height: 20px;}
.detail-list.join-box > dl {padding: 0; border-bottom: 0;}
.detail-list.join-box > dl dd {width: auto; height: auto;}
.detail-list.join-box h3.line + dl {padding-right: 0;} 

/* 사업자 전용몰 */
.top-banner-wrap.mall .top-noti {display: flex; flex-wrap: wrap; padding: 16px 24px; font-size: 12px; line-height: 16px; text-align: left; color: #494f60; background: #eff0f5;} 
.top-banner-wrap.mall .top-noti > span {flex: none; width: 100%;}
.top-banner-wrap.mall .top-noti > a.txt-link {flex: none; margin-top: 10px; color: #888; font-size: 12px; line-height: 20px; text-decoration: underline;}
.hide {display: none !important;}
.top-banner-wrap.mall .banner {margin: 24px 0 16px;} 
.top-banner-wrap.mall .banner .swiper-pagination {position: absolute; left: calc(50%); bottom: 0; transform: translateX(-50%);}
.top-banner-wrap.mall .top-noti.hide + .banner {margin-top: 16px;}
.top-banner-wrap.mall .swiper-container {position: relative; width: 100%; padding: 0 16px 22px 16px;} 
.top-banner-wrap.mall .swiper-container .swiper-wrapper {display: flex; align-items: stretch; height: auto; min-height: 104px;}
.top-banner-wrap.mall .swiper-container .swiper-slide {display: flex; flex: none; padding: 0; height: auto; min-height: 100%; border-radius: 8px;} 
.top-banner-wrap.mall .swiper-container .swiper-slide > div {align-items: center; position: relative; padding: 0 33% 0 24px; width: 100%; height: 104px;}
.top-banner-wrap.mall .swiper-container .swiper-slide .txt p, .top-banner-wrap.mall .swiper-container .swiper-slide .txt span {white-space: normal; display:block; margin-top:2px;}
.top-banner-wrap.mall .swiper-container .swiper-slide > div > img {position: absolute; top: 0; right: 10px; width: 104px; height: 104px;}
.goods-item-wrap > li {padding: 24px 0; border-bottom: 1px solid #eee;}
.goods-item-wrap > li:last-child {border-bottom: 0;}
.goods-item-wrap > li a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.goods-item-wrap > li .img-box {width: 101px; height: 101px; background: #eff0f5; border-radius: 4px; overflow: hidden;}
.goods-item-wrap > li .img-box img {max-width: 100%; height: 100%;}
.goods-list-info {width: calc(100% - 117px);}
.goods-list-info .category {font-size: 12px; line-height: 16px; color: #3048a2;}
.goods-list-info .prd-name {margin: 4px 0 4px; font-size: 14px; display: -webkit-box; width: 100%; min-height: 2.8em; max-height: 2.8em; line-height: 20px; word-wrap:normal; overflow: hidden; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.goods-list-info .prd-price {display: flex; flex-direction: column; justify-content: center; height: 36px; font-size: 16px; font-weight: 700; line-height: 22px;}
.goods-list-info .prd-price.type2 {height: auto;}
.goods-list-info .prd-price u.pre-cost {display: block; font-size: 12px; font-weight: 500; line-height: 16px; color: #bbb;   text-decoration: line-through; }
.goods-list-info .prd-price span > span:last-child {font-weight: 500;}
.goods-list-info .prd-price span strong {display: inline-block; margin-right: 1px; font-weight: 700;}
.goods-list-info.type1 .prd-price {justify-content: flex-end;}
.goods-list-info.type2 {width: 100%; padding: 16px;}
.goods-list-info.type2 .prd-name {margin: 4px 0 6px;}
.goods-list-info.type2 .prd-price span {font-size: 14px;}
.goods-list-info.type2 .prd-price span.cost span.c-point1 {margin-right: 6px;}
.btn-wrap .btn-more-md {display: block; margin: 6px auto 0; padding: 14px 16px; width: 196px; color: #1b1f42; font-weight: 700; line-height: 14px; border-radius: 24px;} 
.mark-banner .banner {position: relative; margin: 0 auto; max-width: 640px; }
/* .mark-banner .banner img {width: 100%; height: 100%; object-fit: cover;} */
.mark-banner .banner .swiper-container {padding: 0;}
.mark-banner .banner .swiper-wrapper {display: flex; align-items: stretch; max-height:130px;}
.mark-banner .banner .swiper-slide {display: flex; flex: none; padding: 0; height:auto; border-radius: 0; padding-bottom:20.314%;}
.mark-banner .banner .swiper-slide {position:relative; justify-content: center; background: #eff0f5; }
.mark-banner .banner .swiper-slide > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; max-width:100%; height: 100%;}
.mark-banner .banner .swiper-slide > div {align-items: center; position: relative; padding: 0 40% 0 24px; width: 100%;}
.mark-banner .banner .swiper-slide .txt p, .mark-banner .banner .swiper-slide .txt span {white-space: normal;}
.mark-banner .banner .swiper-slide .txt span {color: rgba(0,0,0,.6) !important;}
.mark-banner .banner .swiper-slide > div > img {position: absolute; top: 0; right: 8px; width: 120px; height: 80px;}
.mark-banner .banner .controlbox {position: absolute; right: 0; bottom: 0; display: flex; align-items: center; width: 81px; height: 32px; background: rgba(0, 0, 0, 0.3);}
.mark-banner .banner .controlbox .toggle {position: relative; display: block; width: 32px; height: 32px; text-indent: -9999px; overflow: hidden;} 
.mark-banner .banner .controlbox .toggle:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%);}
.mark-banner .banner .controlbox .toggle.stop:before {left: 12px; width: 2px; height: 12px; background: #fff;} 
.mark-banner .banner .controlbox .toggle.play:before {left: 12px; border-left: 8px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent;} 
.mark-banner .banner .controlbox .toggle.stop:after {content: ''; position: absolute; top: 50%; left: 18px; width: 2px; height: 12px; background: #fff; transform: translateY(-50%);} 
.mark-banner .banner .swiper-pagination {position: relative; bottom: 1px; font-size: 12px; line-height: 16px; color: rgba(255,255,255, 0.6);}
.mark-banner .banner .swiper-pagination .swiper-pagination-current {color: #fff; font-weight: 900;}
.mark-banner .banner .swiper-pagination span.current {color: #fff;}

.limit-item-list {width: auto; font-size: 0; white-space: nowrap; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.limit-item-list .limit-item { position: relative; display: inline-block; width: 280px; height: auto; border-radius: 4px; border: 1px solid #eee; overflow: hidden;}
.limit-item-wrap {position: relative; margin-left: -24px; margin-right: -24px; padding: 0 24px 12px 24px; width: calc(100% + 48px);}
.limit-item-wrap .swiper-slide {position: relative; width: 192px !important; height: auto !important; border: 1px solid #eee;}
.limit-item-wrap .swiper-slide .time {position: absolute; top: 8px; left: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding:0 8px 0 5px; height: 24px; font-size: 12px; font-weight: 400; line-height: 24px; color: #fff; background: rgba(71, 110, 255, 0.8); border-radius: 4px; z-index: 2;}
.limit-item-wrap .swiper-slide .time:before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right:4px; background: url('../images/mys2021/icon_system_time.svg') 0 0 no-repeat;}
.limit-item-wrap .swiper-slide .img-box {position: relative; height: 192px; width: 100%; background: #eff0f5; overflow: hidden;}
.limit-item-wrap .swiper-slide .img-box img {position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.limit-item-wrap .swiper-slide .goods-list-info.type2 .prd-name {line-height: 20px; white-space: normal;}
.limit-item-wrap .swiper-pagination-bullets {position: absolute; left: calc(50% - 12px); bottom: 0; transform: translateX(-50%);}  
.hot-item-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 16px);}
.hot-item-wrap > li {width: calc(50% - 16px); margin: 0 16px 24px 0;}
.hot-item-wrap > li .img-box {width: 100%; min-height: 100px; background: #eff0f5; border-radius: 4px; overflow: hidden;}
.hot-item-wrap > li .img-box img {max-width: 100%; height: auto;}
.hot-item-wrap > li .goods-list-info.type2 {padding: 16px 0 0 0;}
.btn-group .btn-order {position: relative; margin: 24px 0 58px; line-height: 48px; color: #383b5a; text-align: left; background: #eff0f5; border: 1px solid #d1d2d9; border-radius: 4px;}
.btn-group .btn-order:after {content: ''; position: absolute; top: 50%; right: 18px; width: 7px; height: 7px; border-top: 2px solid #8d9199; border-right: 2px solid #8d9199; transform: translateY(-50%) rotate(45deg);} 

@media screen and (max-width: 359px) {
   .top-banner-wrap.mall .swiper-container .swiper-slide > div > img {top: 12px; width: 80px; height: 80px;}
}
@media screen and (min-width: 769px) {
   .top-banner-wrap.mall .top-noti > span {flex: 1 0 auto; width: auto;}
   .top-banner-wrap.mall .top-noti > a.txt-link {margin-top: 0;}
   .top-banner-wrap.mall .top-noti br {display: none;}
   .top-banner-wrap.mall .swiper-container .swiper-wrapper {height: 128px;}
   .top-banner-wrap.mall .swiper-container .swiper-slide > div {padding: 35px 48px; height: 128px;}
   .top-banner-wrap.mall .swiper-container .swiper-slide .txt p, .mark-banner .banner .swiper-slide .txt p {font-size: 24px !important; line-height: 34px !important;}
   .top-banner-wrap.mall .swiper-container .swiper-slide .txt span, .mark-banner .banner .swiper-slide .txt span {margin-top: 2px; font-size: 16px !important; line-height: 22px !important;}
   .top-banner-wrap.mall .swiper-container .swiper-slide > div > img {right: 48px; width: 128px; height: 128px;}
   .report-header h3.stit2 {font-size: 20px; line-height: 28px;}
   .goods-item-wrap {display: flex; flex-wrap: wrap;}
   .goods-item-wrap > li {flex: none; width: calc(50% - 20px);}
   .goods-item-wrap > li:nth-child(2n) {margin-left: 40px;}
   /* .mark-banner .banner, .mark-banner .banner .swiper-slide {height: 96px;}
   .mark-banner .banner .swiper-slide.no-data > img {height: 96px;} */
   .mark-banner .banner .swiper-slide > div {padding: 22px 72px;}
   .mark-banner .banner .swiper-slide > div > img {right: 72px; width: auto; height: 100%;}
}

/* 사업자 대출 */
.loan-info .txt-bul li {margin-top: 6px; color: #666; font-size: 14px; line-height: 24px;}
.loan-info .txt-bul li:before {top: 12px;}
.loan-info .txt-bul.type2 li {margin-top: 6px; color: #333; font-size: 14px; line-height: 20px;}
.loan-info .txt-bul.type2 li:before {top: 8px;}
.ta-c .loan-info { text-align:left;}
.ta-c img {max-width:100%;}

/* 홍보메세지 발송 목록 */
.pb-4 {padding-bottom: 4px;}
.section-header.bg-msg {position: relative; margin-top: 24px; padding-bottom: 0;}
.section-header.bg-msg .ctit {padding: 20px 0 0; background: url('../images/mys2021/icon_bg_msg.png') 100% 50% no-repeat; background-size: 88px;}
.section-header.bg-msg .note-info {margin-bottom: 6px;}
.section-header.bg-msg + .sect {padding: 34px 24px 40px;}
.section-header.bg-msg + .sect-promote {padding: 34px 24px 40px;}
.sect-promote > .note-desc {position: relative;}
.section-header.bg-msg + .sect-promote + .sect {margin-top: 0;}
.section-header .sub-ctit {display: block; margin-bottom: 4px; font-size: 16px; line-height: 22px;}
.apply-wrap {position: relative; padding: 20px; background: linear-gradient(90deg, #1d7bdc, #617dff);}
.apply-wrap.off {opacity: 0.4;}
.apply-wrap::before {content: ''; position: absolute; top: 20px; right: 18px; width: 40px; height: 40px; background: url('../images/mys2021/bg_app_box_01.svg') 0 0 no-repeat; background-size: cover;}
.apply-wrap::after {content: ''; position: absolute;right: 0;top: 0;border-bottom: 20px solid transparent;border-right: 20px solid #fff;}
.apply-wrap + .apply-wrap::before {content: ''; position: absolute; top: 20px; right: 18px; width: 40px; height: 40px; background: url('../images/mys2021/bg_app_box_02.svg') 0 0 no-repeat; background-size: cover;}
.apply-wrap .disabled-service { position:absolute; left:0; top:0; background:#fff; opacity:0.5; width:100%; height:100%; z-index:1;}
.apply-wrap:last-of-type {background: linear-gradient(90deg, #0474c3, #47a0bd);}

.apply-wrap .subject {font-weight: 700; line-height: 20px; color: #fff;}
.apply-wrap .subject > span {display: inline-block; margin-left: 4px;}
.apply-wrap .apply-text {position: relative; margin-top: 10px; padding-right: 40px; font-size: 14px; font-weight: 400; line-height: 20px; color: #f8f8f8;}  
.apply-wrap .apply-text .text-link {position: absolute; right: 10px; bottom: 2px; font-size: 12px; font-weight: 700; color: #fff; text-decoration: none;}
.apply-wrap .text-link::after {content: ''; position: absolute; top: auto;right: auto; bottom: -1px; left: -4px; width: 37px; height: 6px; background: url('../images/mys2021/icon_underline_arrow.svg') 0 0 no-repeat; background-size: cover; border: 0; transform: none;}
.msg-box-wrap.msg-state {position: relative; padding: 32px 24px 40px; background: linear-gradient(90deg, #1d7bdc, #617dff);} 
.msg-box-wrap.msg-state .msg-box {position: relative;}
.msg-box-wrap.msg-state .msg-box::after {content: ''; position: absolute;right: 0;top: 0;border-bottom: 20px solid transparent;border-right: 20px solid #617dff;}
.msg-box-wrap.msg-state .msg-box .msg-content .account-info {padding: 20px 24px;}
.msg-box-wrap.msg-state .msg-box .msg-header::before {content: ''; position: absolute; top: 13px; right: 20px; width: 48px; height: 48px; background: url('../images/mys2021/icon_bg_msg.png') 100% 0 no-repeat; background-size: 48px;}
.msg-box-wrap.msg-state .msg-box .msg-header:after {display: none;}
.msg-box-wrap.msg-state .note-desc {color: #fff;font-weight: 500;}
.msg-box-wrap.msg-state + .sect {margin-top: 0; padding: 40px 24px;}
.apply-wrap .apply-guide {position: relative; margin: 20px 0 -16px -16px; padding: 24px; width: calc(100% + 32px); background: #fff;}
.apply-wrap .apply-guide .stit2 {font-size: 14px; line-height: 20px; margin-top:0;}
.apply-wrap .apply-guide .note-desc {position: relative; margin: 0; margin-top: 8px; padding: 0 0 0 10px; font-size: 12px; font-weight: 500; line-height: 16px;}
.apply-wrap .apply-guide .note-desc:first-child {margin-top: 0;}
.apply-wrap .apply-guide .note-desc:before {content: ''; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; background: #666; border-radius: 50%; opacity: 30%;}
.apply-wrap .apply-guide .stamp-box {display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px 0 4px;}
.apply-wrap .apply-guide .stamp-box .stamp-item {display: block; margin-right: 12px; width: 40px; height: 40px; background: url('../images/mys2021/icon_stamp_on.svg') 0 0 no-repeat; background-size: cover;}
.apply-wrap .apply-guide .stamp-box .stamp-item.off {background: url('../images/mys2021/icon_stamp_off.svg') 0 0 no-repeat; background-size: cover;}
.apply-wrap .apply-guide .stamp-count {position: absolute; right: 26px; bottom: 24px; font-size: 24px; font-weight: 700; letter-spacing: -0.16px;}
.apply-wrap .apply-guide .stamp-count span {font-size: 16px; line-height: 24px;}
.apply-wrap .apply-guide .btn-group { margin-top:12px;}
.apply-wrap .apply-guide .btn-group .btn { border-radius:2px; border:1px solid #e6e7ef; font-size:13px;}
.note-info .members-link {text-decoration: underline;}
.note-info + .note-info { margin-top:-8px; padding-top:0;}
.note-info + .note-info:before { top:3px;}
.send-msg-box {margin-top: 12px;}
.send-msg-box:first-of-type {margin-top: 22px;}
.send-msg-box.on {background: #fff;border-radius: 8px;}
.send-msg-box .in-cont {padding: 20px 20px 8px; border-radius: 8px; border: 1px solid #ddd;}
.send-msg-box .account-info {margin-top: 16px; padding: 0; background: transparent; border-radius: 0;}
.send-msg-box .account-info .re-write {margin-bottom: 12px;}
.send-msg-box .msg-box-close {position:absolute; top: 23px; right: 23px; width: 12px; height: 12px; text-indent: -9999px; background: url('../images/mys2021/icon_save_delete.svg') 0 0 no-repeat; background-size: cover; overflow: hidden;} 
/* .send-msg-box [class^="state-type"] {font-size: 12px; font-weight: 700; line-height: 16px;}
.send-msg-box .state-type1 {color: #414e7f;}
.send-msg-box .state-type2 {color: #da1d1d;}
.send-msg-box .state-type3 {color: #000;}
.send-msg-box .state-type4 {color: #b64343;} */
.send-msg-box .msg-reject {width: calc(100% + 40px); padding: 16px 20px 20px; background: rgba(248, 228, 228, 0.4); border-top: 1px dashed #fcf4f4; transform: translate(-20px, 8px);}
.send-msg-box .msg-reject p {margin-top: 6px; font-size: 14px; line-height: 20px; color: #222;}
.send-msg-box + .btn-list-more {margin-bottom: 16px;}
/* .msg-wrap.no-msg-wrap {margin: 46px 0 8px; transform: translateY(0);}
.msg-wrap.no-msg-wrap [class^="msg-type-"] {padding-top: 72px; background-size: 64px auto;} */
.wrap .container .sect + .sect.no-msg-box {padding: 40px 24px 72px;}
.wrap .container .sect + .sect.no-msg-box .msg-wrap {margin-top: 46px; transform: translateY(0);}
.wrap .container .sect + .sect.no-msg-box .msg-wrap [class^="msg-type-"] {padding-top: 72px; background-size: 64px auto;}
.msg-filter {position:absolute; right: 0; top: 0; width: 20px; height: 16px; background: url('../images/mys2021/icon_msg_filter.svg') 0 0 no-repeat; background-size: cover;} 
/* .layer-popup.msg-filter-pop .pop-head .title h1 {padding: 16px 0 0 24px; line-height: 40px !important;} */
.layer-popup.msg-filter-pop .pop-head {border-bottom: 0;}
.layer-popup.msg-filter-pop .pop-cont {padding: 0 24px 24px;}
.layer-popup.msg-filter-pop .pop-cont .stit2 {margin-top: 32px;}
.recommend-guide {padding-top: 16px; border-top: 1px solid #eee;}

/* 홍보메세지 발송 목록 alert */
.fs-16 {font-size: 16px !important; line-height: 22px !important;}
.msg-pop-cont .txt {padding: 30px 32px 14px;}
.msg-pop-cont .txt h3 {font-weight: 700;}
.msg-pop-cont .txt p {margin-bottom: 14px; color: #222;}
.msg-pop-cont ul.txt-bul {margin-bottom: 14px;}
.msg-pop-cont ul.txt-bul li {font-size: 14px; line-height: 20px; color: #222;}
.msg-pop-cont ul.txt-bul li:before {top:8px; background: #666;}

/* sms preview */
.wrap .container .sect.sms-cofirm {padding: 24px 24px 0;}
.wrap .container .sect.sms-cofirm .note-desc {padding-bottom: 0;}
.sms-preview-wrap { width: calc(100% + 48px); margin-top:24px; padding: 24px 24px 40px; background: #f8f8f8; transform:translate(-24px,0);}
.sms-preview-wrap .preview-img { width:312px; height:165px; border-radius:12px; overflow:hidden;}
.sms-preview-wrap .preview-img img { width:100%; height:100%;}
/* .sms-preview-wrap .textarea-box {padding: 20px; background: #f2f7fe; border:1px solid #dee4ed; border-radius: 12px;} */
.sms-preview-wrap .preview-img + .textarea-box { margin-top: 32px;}
.sms-preview-wrap .textarea-box pre {font-weight:500; line-height: 20px; white-space: wrap; word-break: break-all; white-space: pre-line; overflow-wrap:break-word;} /* 수정(25.08.18: 20250812537101) */
.sms-preview-wrap .textarea-box pre * {word-break: break-all;} /* 수정(25.08.18: 20250812537101) */
.url-link { color: #476eff; text-decoration: underline;}
.ui-labelaccordion .info-list-sm {padding-left: 10px;}
.ui-labelaccordion .info-list-sm dt { font-size: 14px; font-weight: 500; line-height: 20px;}
.ui-labelaccordion .info-list-sm dd { font-size: 12px; color: #666; padding-top:10px;}

/* msg-box */
.msg-box-wrap { padding: 39px 24px 32px; background: #eee;}
.msg-box-wrap .msg-box { background:#fff;}
.msg-box-wrap .msg-box .msg-header {display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 30px 24px 14px; border-bottom: 1px solid #eee; }
.msg-box-wrap .msg-box .msg-header .ctit { font-weight:400; }
.msg-box-wrap .msg-box .msg-header .ctit .highlight { font-weight:700;}
.msg-box-wrap .msg-box .msg-header .btn {flex: 1 0 auto; padding:0 8px;}
.msg-box-wrap .msg-box .msg-header:after {content: ''; position: absolute; right: 0; top: 0; border-bottom: 30px solid transparent; border-right: 26px solid #eee;}
.msg-box-wrap .msg-box .account-info {background: transparent; border-radius: 0;}
.msg-box-wrap .msg-box .msg-content .account-info { padding: 0 24px 7px;}
.msg-box-wrap .msg-box .msg-content .account-info h3 { border-bottom: 0; padding-bottom:0;}
.msg-box-wrap .msg-box .btn-group {padding: 0 24px 24px; display: flex; justify-content: flex-end;}
.msg-box-wrap .msg-box .btn-group .btn {flex: none; min-width: 75px;}
[class^="msg-state-type"] {font-size: 12px; font-weight: 700; line-height: 16px;}
.msg-state-type1 { color: #008ca5;} /* 확인중 */
.msg-state-type2 { color: #888;} /* 발송대기 */
.msg-state-type3 { color: #476eff;} /* 발송진행 */
.msg-state-type4 {color: #414e7f;} /* 임시저장 */
.msg-state-type5 {color: #da1d1d;} /* 재작성필요 */
.msg-state-type6 {color: #000;} /* 발송완료 */
.msg-state-type7 {color: #b64343;} /* 취소완료 */
/*
.msg-box-wrap .msg-box .msg-content .account-info .stats-type1 { color: #008ca5;}
.msg-box-wrap .msg-box .msg-content .account-info .stats-type2 { color: #888;}
.msg-box-wrap .msg-box .msg-content .account-info .stats-type3 { color: #476eff;}
.msg-box-wrap .msg-box .msg-content .account-info .state-type1, .send-msg-box .state-type1 {color: #414e7f;}
.msg-box-wrap .msg-box .msg-content .account-info .state-type2, .send-msg-box .state-type2 {color: #da1d1d;}
.msg-box-wrap .msg-box .msg-content .account-info .state-type3, .send-msg-box .state-type3 {color: #000;}
.msg-box-wrap .msg-box .msg-content .account-info .state-type4, .send-msg-box .state-type4 {color: #b64343;}
*/
.msg-box-wrap .msg-box .msg-content .account-info + .account-info {padding:24px 24px 20px; border-top: 1px dashed #cdcdcd;}
.msg-box-wrap .msg-box .msg-reject {padding:20px 24px 24px; background: rgba(248, 228, 228, 0.4);border-top: 1px dashed #fcf4f4;}
.msg-box-wrap .msg-box .msg-reject h3 {font-size: 14px; line-height: 20px; color: #476eff;}
.msg-box-wrap .msg-box .msg-reject p {margin-top: 12px; padding-bottom: 2px; font-weight: 500; line-height: 20px; color: #000;}
.msg-box-wrap .msg-box .msg-reject .date { font-size: 12px; line-height: 16px; color: #888;}

/* round style 3단 card template */
.cardinfo-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;  margin-top: 12px; padding: 20px 20px 0; background: rgba(239,240,245,0.5); border-radius:8px; }
.cardinfo-wrap.gradient {background: linear-gradient(to right, rgba(29, 123, 220, .15) 0%, rgba(97, 125, 255, .15) 100%);}
.cardinfo-wrap .cardinfo-header {padding-bottom: 20px; font-weight: 500;}
.cardinfo-wrap .cardinfo-content {padding-bottom:14px;}
.cardinfo-wrap .cardinfo-foot {display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #ddd;}
.cardinfo-wrap .cardinfo-foot .text-link {position: relative; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; float: right; padding-right: 16px; font-size: 12px; font-weight: 500; color: #000; line-height: 48px; text-align: right;}
.cardinfo-wrap .cardinfo-foot .text-link:after {content: ''; position: absolute; top: calc(50% -  2px); right: 6px; width: 5px; height: 5px; border-bottom: 1px solid #666; border-right: 1px solid #666; transform: translate(-50%,0) rotate(-45deg);}
.cardinfo-wrap .title {font-size: 16px; font-weight: 500; line-height:22px;}
.cardinfo-wrap .price-xl {font-size: 24px; font-weight: 900; line-height: 34px;}
.cardinfo-wrap .unit {font-size: 22px; line-height: 34px;}
.cardinfo-wrap .sub {font-size: 12px; font-weight: 500; color: #666; margin-left: 8px;}

/* padding 24px 0 list type */
.info-list-confirm li { padding:24px 0; border-bottom:1px solid #eee;}
.info-list-confirm .subject {font-size: 14px; line-height: 20px;}
.info-list-confirm .note-desc {padding: 6px 0; font-size: 14px; line-height:20px;}

/* radio-check-box */
.radio-check-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.radio-check-box.long-type { width:calc(100% + 8px);}
.radio-check-box .ra-chk-wrap.type3 {margin: 8px 8px 0 0;}
.radio-check-box .ra-chk-wrap.type3 input + label {padding: 8px 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 72px; height: 32px;}
.radio-check-box .ra-chk-wrap.type3 input + label:before {height: 32px; border-radius: 2px; background: #eff0f5; border: 1px solid #e7e9ee;}
.radio-check-box .ra-chk-wrap.type3 input:checked + label:before {background: #414e7f;border: 1px solid #414e7f;}
.radio-check-box .ra-chk-wrap.type3 input + label span {font-size: 12px; font-weight: 700; color: #76798e;}
.radio-check-box .ra-chk-wrap.type3 input:checked + label span {color: #fff;}

/* 홍보메시지 등록 */
.mem-txt-bul ul.txt-bul {margin-left: 16px;}
.mem-txt-bul ul.txt-bul + p:not(.txt-bul) {margin-left: 16px;}
.apppush-txt {padding-bottom: 24px; margin-top: 16px; font-size: 16px; color: #666; border-bottom: 1px solid #eee;}
.input-wrap.sms-wrap .text-area {height: 180px;}
.input-wrap.sms-wrap .text-area:read-only {font-weight:500; background: #f7f7fa; word-break: break-word;}
.input-wrap.sms-wrap .text-area:read-only:focus {border:1px solid #eee;}
.pop-cont .pop-btn.type2 a {font-size: 16px; font-size: 700;}

.selected-slot .btn-dash-sm {position: relative; height: 32px; line-height: 25px; border-radius: 4px;}
.selected-slot .btn-dash-sm.on {padding-left: 6px; text-align: left; background: #414e7f; color: #fff; border: 1px solid #414e7f;}
.selected-slot .btn-dash-sm .add {line-height: 1;}
.selected-slot .btn-dash-sm .del {position: absolute; right: 6px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);}
.selected-slot .btn-dash-sm .del:before {display: block; content: ''; width: 16px; height: 16px; line-height: 16px; font-style: normal; font-weight: 400; text-align: center; border-radius: 16px; background: url('../images/mys2021/icon_del.svg') no-repeat; background-size: 16px auto;}

/* 등록 메세지 내용보기 버튼 */
.btn-msg {position: relative; display: block; width: 100%; font-size: 14px; font-weight:500; line-height: 20px; text-align: left; line-height: 60px;} 
.btn-msg:after {content:''; position:absolute; margin-top: -3px; top:50%; right: 24px; display:block; width:8px; height:8px; border-top:2px solid #222; border-left:2px solid #222; transform:translate(-50%, -75%) rotate(225deg); transition:all .5s;}
.btn-msg.on:after {transform:translate(-50%, -25%) rotate(45deg);}

/* dropdown button */
.dropdown + .sect { padding:0 24px !important;}
.dropdown + .sect .sms-preview-wrap { margin-top:0;}

/* form textarea */
.input-wrap .text-area{width:100%; height: 160px; margin-top:12px; padding: 20px; color: #000; font-size: 18px; font-weight: 400; line-height: 25px; background: #fff; border: 1px solid #eee; border-radius: 8px; resize:none; overflow: auto;}
.input-wrap .text-area:active {background: #fff; border: 1px solid #f2f7fd;}
.input-wrap .text-area.error {background: #fff; border: 1px solid #da1d1d;}
.input-wrap .text-area:focus {background: #fff; border: 1px solid #476eff;}
.input-wrap .text-area::placeholder {font-size: 18px; font-weight: 400; color: #ccc;}
.input-wrap .text-area::-webkit-input-placeholder {font-size: 18px; font-weight: 400; color: #ccc;}
.input-wrap .text-area:-ms-input-placeholder {font-size: 18px; font-weight: 400; color: #ccc;}
.input-wrap .text-area:-mos-input-placeholder {font-size: 18px; font-weight: 400; color: #ccc;}
.input-wrap .inp-end {background: #f2f7fd; border: 1px solid #f2f7fd;}
.textarea-label {position: relative; display: block; margin-bottom: 0; width: 100%;}
.textarea-label .html-placeholder { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-top: 10px; padding:20px; color:#bbb;}
.textarea-label .html-placeholder p { color: #ccc; font-size: 14px; font-weight: 400; line-height:20px;}
.textarea-label .text-area {height: 180px; font-size: 18px; font-weight: 500; line-height: 26px; overflow: auto;}
.textarea-label .text-area.text-end {border-color: #000;}

/* 발송 결과 상세리포트 */
.section-header.bg-report {position: relative; margin-top: 32px;}
.section-header.bg-report::before {content: ''; position: absolute; right: 24px; bottom: 24px; width: 90px; height: 90px; background: url('../images/mys2021/icon_bg_report.png') 100% 0 no-repeat; background-size: cover;}
.section-header.bg-report + .sect { padding: 0 24px;}
.dashboard-box {padding:0 0 48px;}
.dashboard-box.report-box {padding-bottom: 70px;}
.dashboard-box .in-cont{ display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 8px; border: 1px solid #eee;}
.dashboard-box .in-cont.bg-gray2 { border:none;}
.dashboard-box .list-item {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; flex:1 0 auto; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; height: 104px; text-align: center;}
.dashboard-box .list-item .subject { display: inline-block; font-size: 14px; font-weight: 500; vertical-align: middle;}
.dashboard-box .list-item .tooltip-wrap { vertical-align: middle;}
.dashboard-box .list-item .fs-30 {margin-top: 8px; font-size: 30px; line-height: 40px;}
.dashboard-box .list-item + .list-item::before {content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 56px; background: url('../images/mys2021/gray_dash_left.png') no-repeat; background-size: cover; transform: translateY(-50%);}
.dashboard-box .article-wrap { margin-top: 16px;}
.dashboard-box .article-wrap .label-area {top: -36px;}
.dashboard-box.report-box .article-wrap .label-area {top: auto; right: auto; bottom: 24px; left: 50%; width: 100%; transform: translateX(-50%);}
.dashboard-box.report-box .article-wrap .label-area .chart-label {justify-content: center;}
.dashboard-box.report-box .article-wrap .label-area .chart-label span {padding: 0 10px; margin:0;}
.chart-label {display: -webkit-box; display: -ms-flexbox; display: flex;}
.chart-label span {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: 16px; font-size: 14px; font-weight: 500; color: #666; line-height: 20px;}
.chart-label span::before {content: ''; display: inline-block; width: 8px; height: 8px; margin-top:6px; margin-right: 6px; border-radius: 100%;} 
.chart-label span.point1::before {background: #1451c6;}
.chart-label span.point2::before {background: #82cdd9;}
.chart-label span.point3::before {background: #04a2c3;}
.chart-label span.point4::before {background: #93d6d9;}
.chart-label span.point5::before {background: #a6b9ff;}
.chart-label span.point6::before {background: #50a0ff;}
.chart-label span.point7::before {background: #ff7589;}
.chart-label span.point8::before {background: #7365ff;}
.chart-label span.point9::before {background: #eee;}
.chart-label.justify-around span { margin-left:0;}
.chart-label span.fs-12:before { margin-top:4px;}
.chart-tit .highcharts-title { position:absolute; /* top:155px !important; */ top: auto !important; bottom: 0 !important; left:0 !important; right:0; height:24px; line-height:24px; font-weight:700; background:#f3f5ff; text-align:center; font-size:12px !important; font-family:inherit !important; }
.chart-tit2 .highcharts-title { position:absolute; top:125px !important; left:0 !important; right:0; height:24px; line-height:24px; font-weight:700; background:#f3f5ff; text-align:center; font-size:12px !important; font-family:inherit !important; }
.chart-tit3 .highcharts-title { position:absolute; top:220px !important; left:0 !important; right:0; height:24px; line-height:24px; font-weight:700; background:#f3f5ff; text-align:center; font-size:12px !important; font-family:inherit !important; }
.dashboard-box + .chart-label, .round-box + .chart-label { margin-top: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.dashboard-box + .chart-label span, .round-box + .chart-label span { padding: 0 16px; color: #000;}
.dashboard-box + .chart-label span::before, .round-box + .chart-label span::before { width:8px; height:8px;}
.dashboard-box + .chart-label span.point3::before, .round-box + .chart-label span.point3::before { background: #476eff;}

/* 차트 커스텀 */
.highcharts-figure {position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0;}
.highcharts-figure + .highcharts-figure::before {content: ''; position: absolute; top: 20px; left: 0; width: 4px; height: 140px; background: url('../images/mys2021/gray_dash_left.png') no-repeat; background-size: cover; z-index: 10;}
.dashboard-box .highcharts-figure {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; min-width: 50%; overflow:hidden; border-radius:8px;}
#containerDonut2, #containerDonut {height: 190px;}
#containerDonut3 {height: 113px;}
#containerBarR {height: 250px;}
#containerBarC {height: 280px;}
.highcharts-legend .highcharts-color-1 > *, .highcharts-legend .highcharts-color-0 > * {font-size: 14px !important; font-weight:500;}
.highcharts-legend .highcharts-color-1 > text, .highcharts-legend .highcharts-color-0 > text {transform: translateX(-6px); -webkit-transform: translateX(-6px); -moz-transform: translateX(-6px); -ms-transform: translateX(-6px); -o-transform: translateX(-6px);}
/* .highcharts-legend .highcharts-color-0 .highcharts-point {width:12px; height:12px; stroke: #1451c6; stroke-width:3px; fill: #fff;}
.highcharts-legend .highcharts-color-1 .highcharts-point {width:12px; height:12px; stroke: #82cdd9; stroke-width:3px; fill: #fff;} */
.highcharts-legend .highcharts-color-0 .highcharts-point {width:8px; height:8px; fill: #50a0ff; transform: translateY(2px); -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px);}
.highcharts-legend .highcharts-color-1 .highcharts-point {width:8px; height:8px; fill: #ff7589; transform: translateY(2px); -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px);}
.column-chart-wrap .in-cont { border: none; border-radius: 0;}
.highcharts-label.highcharts-tooltip { background:#fff; border:none;}
.voc-tit { display: block; min-width: 58px; height: 21px; padding: 0 10px; font-family: "ShinhanCard", Arial, sans-serif; font-weight: 500; line-height: 21px; color: #fff !important; text-align:center; background: #fb5c4f; border-radius: 21px 21px 21px 0; transform:translate(-13px , calc(-50% - 10px));}
.voc-tit2 { display: block; min-width: 58px; height: 21px; padding: 0 10px; font-family: "ShinhanCard", Arial, sans-serif; font-weight: 500; line-height: 21px; color: #fff !important; text-align:center; background: #fb5c4f; border-radius: 21px 21px 21px 0; transform:translate(calc(50% - 4px), 0);}
.voc-tit3 { display: block; min-width: 58px; height: 21px; padding: 0 10px; font-family: "ShinhanCard", Arial, sans-serif; font-weight: 500; line-height: 21px; color: #fff !important; text-align:center; background: #fb5c4f; border-radius: 21px 21px 21px 0; transform:translate(50%, 0);}
.voc-tit4 {position:absolute; left:50%; display: block; min-width: 58px; height: 21px; padding: 0 10px; font-family: "ShinhanCard", Arial, sans-serif; font-weight: 500; line-height: 21px; color: #fff !important; text-align:center; background: #fb5c4f; border-radius: 21px 21px 21px 0; transform:translate(-50%, 0);}
.voc-tit:before, .voc-tit2:before, .voc-tit3:before {content: ''; position: absolute; left: 0; top: 20px; height:50%; border-top: 8px solid #fb5c4f; border-right: 8px solid transparent;}
.highcharts-data-label span.bg-up {display:inline-block; vertical-align:top; height:21px; overflow:hidden; margin-top:-5px; padding:0 10px; color:#fff; font-size:12px; font-family: "SpoqaHanSansNeo", Arial, sans-serif; font-weight: 400; line-height: 21px; background:#fb5c4f; border-radius:20px;}
.highcharts-data-label span.bg-dw  {display:inline-block; vertical-align:top; height:21px; overflow:hidden; margin-top:-5px; padding:0 10px; color:#fff; font-size:12px; font-family: "SpoqaHanSansNeo", Arial, sans-serif; font-weight: 400; line-height: 21px; background:#27a6ef; border-radius:20px;}
.highcharts-data-label span.bg-up.icon:before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; background: url('../images/mys2021/icon_volume_up2.svg') no-repeat 50% 50%; background-size: 8px auto;}
.highcharts-data-label span.bg-dw.icon:before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; background: url('../images/mys2021/icon_volume_down2.svg') no-repeat 50% 50%; background-size: 8px auto;}
.highcharts-tooltip span.bg-up {display:inline-block; vertical-align:top; height:21px; overflow:hidden; margin-top:-5px; padding:0 10px; color:#fff; font-size:12px; font-family: "SpoqaHanSansNeo", Arial, sans-serif; font-weight: 400; line-height: 21px; background:#fb5c4f; border-radius:20px;}
.highcharts-tooltip span.bg-dw  {display:inline-block; vertical-align:top; height:21px; overflow:hidden; margin-top:-5px; padding:0 10px; color:#fff; font-size:12px; font-family: "SpoqaHanSansNeo", Arial, sans-serif; font-weight: 400; line-height: 21px; background:#27a6ef; border-radius:20px;}
.highcharts-tooltip span.bg-up.icon:before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; background: url('../images/mys2021/icon_volume_up2.svg') no-repeat 50% 50%; background-size: 8px auto;}
.highcharts-tooltip span.bg-dw.icon:before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; background: url('../images/mys2021/icon_volume_down2.svg') no-repeat 50% 50%; background-size: 8px auto;}
.highcharts-tooltip path {fill:#fb5c4f;}
.highcharts-button {z-index: 99;}
#accrualUserChart .highcharts-tooltip path {fill:transparent;}
#graphStoreSales5 {position:relative; overflow:hidden; background:url('../images/mys2021/bg_arc_gradation.png') no-repeat 50% calc(50% - 5px);}

/** article-wrap 상단 라벨이 붙는 영역 **/
.article-wrap {position: relative;}
.article-wrap .label-area {position: absolute; top: -18px; right: 0; height: 16px; font-size: 12px; line-height: 16px; }

/* 라벨타입 - textarea counter */
.txt-count { color: #666;}
.txt-count .current {font-weight: 500; color: #000;}

/* 발송 대상 지역 */
i.add2, i.add {position: relative; display: block; line-height: inherit;}
i.add2 { display:inline-block; vertical-align:middle; margin-right:12px; line-height:20px; width:12px;}
i.add2:before, i.add:before { content: '+'; font-style: normal; font-size: 22px; vertical-align: middle; }
i.add2:before { position:absolute; top:50%; left:0; width:12px; height:24px; transform:translate(0, -50%);}
.multi-scroll-wrap {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px;}
.multi-scroll-wrap > div {-webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;}
.multi-scroll-wrap > div:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height:16px; border-bottom:1px solid #eee; background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(238,238,238,0.4)); background: -moz-linear-gradient(rgba(255,255,255,0), rgba(238,238,238,0.4)); background: linear-gradient(rgba(255,255,255,0), rgba(238,238,238,0.4));}
.multi-scroll-wrap ul {height: 222px; padding-bottom: 8px; overflow: auto; border-top: 2px solid #e7e9ee; -webkit-overflow-scrolling: touch;}
.multi-scroll-wrap > div .stit {padding-left: 12px; padding-bottom:10px; font-size: 12px; line-height: 16px; font-weight: 900; color: #000;}
.multi-scroll-wrap > div + div ul { border-left: 1px solid #eee;}
.multi-scroll-wrap ul li { border-bottom: 1px solid #eee;}
.multi-scroll-wrap > div.active ul { border-top: 2px solid #476eff;}
.multi-scroll-wrap > div.active .stit { color: #476eff;}
.multi-scroll-wrap label { position: relative; display: block; line-height: 39px; color: #666; margin:0;}
.multi-scroll-wrap input.inp-radio { position: absolute; opacity: 0;}
.multi-scroll-wrap label span {display: block; padding-left: 12px; background: #fff;}
.multi-scroll-wrap input.inp-radio:checked + span {background: #f9faff; color: #476eff;}
.select-slot {position:relative; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 44px;}
.select-slot span[class*="btn-dash-"] {position: relative; display: inline-block; background: #fff; border: 1px dashed #ccc; color: #494f60;}
.select-slot span[class*="-md"] {flex-basis: 20%; padding: 10px 0; min-width: 77px; font-size: 14px; line-height: 20px; border-radius:8px;}
.select-slot .btn.on {padding-left: 12px; text-align: left; background: #414e7f; color: #fff; border: 1px solid #414e7f;}
.select-slot .del {position: absolute; right: 12px; top: 50%; transform: translate(0, -50%);}
.select-slot .del:before {display: block; content: ''; width: 16px; height: 16px; line-height: 16px; font-style:normal; font-weight: 400; text-align: center; border-radius: 16px; background: url('../images/mys2021/icon_del.svg') no-repeat; background-size: 16px auto;}
.layer-popup.bt-sheet .multi-scroll-wrap ul { height:150px;}

/* label accordion */
.label-accordion-wrap { position:relative;}
.label-accordion-wrap .checkbox-wrap input + label {padding-left: 40px;}
.ui-labelaccordion li {display: block; margin: 0; padding: 0;}
.ui-labelaccordion li + li {margin-top: 12px;}
.ui-labelaccordion .no-accd-tab, .ui-labelaccordion .accd-tab {position: relative; margin: 0; padding: 0;}
.ui-labelaccordion .no-accd-tab button, .ui-labelaccordion .accd-tab button {display: block; margin: 0; padding: 6px 4px; width: 100%; font-size: 14px; color: #666; line-height: 20px; text-align: left;}
.ui-labelaccordion .checkbox-wrap input + label { padding-left:40px;}
.ui-labelaccordion .checkbox-wrap input + label:before, .ui-labelaccordion .checkbox-wrap input + label:after { left:4px;}
.ui-labelaccordion .accd-tab + .accd-cont {display: none; padding: 9px 0 12px 41px;}
.ui-labelaccordion .accd-cont.dash-left {position: relative; padding-left: 41px; background: none;}
.ui-labelaccordion .accd-cont.dash-left .info-list-sm {position: relative; padding-left:16px;}
.ui-labelaccordion .accd-cont.dash-left .info-list-sm::before {content: ''; position: absolute; left: 0; top: 3px; width: 4px; height: calc(100% - 3px); background: url('../images/mys2021/dash_left.png') 0 0 repeat-y; background-size: 100% auto;}
.dash-left .info-list-sm .selected-local span + span:before {content: ', ';}
.dash-left .info-list-sm .selected-local + .btn-sm {padding: 0 12px; min-width: auto; font-size: 13px; line-height: 26px;}

/* 마케팅관리 */
.msg-box-wrap.msg-marketing {padding: 32px 0 46px; background: linear-gradient(90deg, #0474c3, #47a0bd);}
.msg-box-wrap.msg-marketing.pb-24 { padding-bottom:46px !important;}
.msg-box-wrap.msg-marketing .swiper-container {display:flex;padding: 0; width: 100%;}
.msg-box-wrap.msg-marketing .swiper-container .swiper-wrapper {display: flex;justify-content: space-between;}
.msg-box-wrap.msg-marketing .swiper-slide {padding: 0 24px; height: auto; vertical-align: top;}
.msg-box-wrap.msg-marketing .swiper-pagination {position: absolute; bottom: 24px; left: 0; width: 100%;}
.msg-box-wrap.msg-marketing .swiper-pagination-bullets > span {background-color: #fff;}
.msg-box-wrap.msg-marketing .msg-box {display: flex;flex-direction: column;justify-content: space-between;background: none; height: 100%;}
.msg-box-wrap.msg-marketing .msg-box:after {display: none;}
.msg-box-wrap.msg-marketing .msg-box .msg-header {display: block; position: relative; padding: 24px 0 18px 24px; width: calc(100% - 24px); background: #fff; border: none;}
.msg-box-wrap.msg-marketing .msg-box .msg-header:before {content: ''; position :absolute; top: 0; right: -24px; display: block; width: 0; height: calc(100% - 24px); background: none; border-top: 24px solid transparent; border-left: 24px solid #fff;}
.msg-box-wrap.msg-marketing .msg-header .state {display: block; margin-bottom: 4px; width: 100%; font-size: 18px; font-weight: 700; line-height: 26px;}
.msg-box-wrap.msg-marketing .msg-header .period {font-size: 14px; font-weight: 500; line-height: 20px; color: #888;}
.msg-box-wrap.msg-marketing .msg-header .period .d-day {padding: 3px 10px; font-size: 10px; font-weight: 700; line-height: 14px; color: #fff; background: #476eff; border-radius: 1px;}
.msg-box-wrap.msg-marketing .msg-box .msg-content {flex-grow:1;position: relative; padding: 19px 24px 52px; min-height: 321px; background: #fff; border-top: 1px solid #eee;}
.msg-box-wrap.msg-marketing .msg-box .msg-content strong {display:inline-block;width:calc(100% - 52px);margin-bottom: 4px; font-size: 14px; font-weight: 700; line-height: 20px;white-space: normal;}
.msg-box-wrap.msg-marketing .msg-box .msg-content > p {padding-bottom: 10px; min-height: 70px; font-size: 14px; font-weight: 500; line-height: 20px; color: #333; white-space:normal;}
.msg-box-wrap.msg-marketing .msg-box .msg-content .marketing-ad{white-space: normal;}
.msg-box-wrap.msg-marketing .msg-box .msg-content .marketing-ad dt{margin: 12px 52px 0 0;font-size: 16px;font-weight: 700;word-break: break-all}
.msg-box-wrap.msg-marketing .msg-box .msg-content .marketing-ad dd p{margin-top: 4px;color: #333;word-break: break-all}
.msg-box-wrap.msg-marketing .msg-box .msg-content .marketing-ad dd .addr {font-size:12px; color: #999;}
.msg-box-wrap.msg-marketing .msg-box .msg-content .type-ad{position: absolute; top: 20px; right:24px; display: inline-block; height: 16px; line-height: 1.5; background-color: #e1e6f3; font-size:10px; color: #5a617d;padding: 0 .4rem;}
.msg-box-wrap.msg-marketing .swiper-slide .msg-box .msg-content.border-none { min-height:290px;}
.msg-box-wrap.msg-marketing .swiper-slide .msg-box .msg-content.details { min-height:321px;}
.msg-box-wrap.msg-marketing .swiper-slide .msg-box .msg-content.details .btn-group,
.msg-box-wrap.msg-marketing .swiper-slide .msg-box .msg-content.border-none .btn-group { padding-bottom:0; padding-right:0;}
.msg-box-wrap.msg-marketing .msg-content .dashboard-box { display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 14px 0 36px; padding: 0;}
.msg-box-wrap.msg-marketing .msg-content .dashboard-box .graph { flex: 1;}
.msg-box-wrap.msg-marketing .msg-content .dashboard-box .graph + .graph {margin-left: 24px;}
.msg-box-wrap.msg-marketing .msg-content .dashboard-box .square { position:relative; display:flex; flex-direction:column;flex: 1; margin-left: 24px;align-items: center; justify-content: center; margin-bottom: 16px}
.msg-box-wrap.msg-marketing .msg-content .dashboard-box .square strong.num {display:flex;flex:1; align-items: center;justify-content: center;}
.msg-box-wrap.msg-marketing .msg-content .dashboard-box .square .txt {color: #666; font-size: 12px; font-weight:700; line-height: 1.2;}
.msg-box-wrap.msg-marketing .msg-content .dashboard-box .square .desc {position:absolute;bottom: -18px;color: #666;font-size: 10px;}
.msg-box-wrap.msg-marketing .msg-content .dashboard-box .img-wrap {position: absolute; left: 50%; bottom: 80px; margin:0 -82px; width: 164px; height: auto;}
.msg-box-wrap.msg-marketing .msg-content.border-none .dashboard-box .img-wrap { width:232px; bottom:auto; top:50%; margin:0; transform:translate(-50%, -70%);}
.msg-box-wrap.msg-marketing .msg-content .dashboard-box .img-wrap img {width: 100%; height: auto;}
.msg-box-wrap.msg-marketing .msg-content .btn-group {position: absolute; bottom: 24px; left: 24px; width: calc(100% - 48px); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.msg-box-wrap.msg-marketing .msg-content .btn-group > .btn {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 12px; font-size: 13px; font-weight: 700; line-height: 26px; color: #000;}
.msg-box-wrap.msg-marketing .msg-content .btn-group > .btn + .btn {margin-left: 8px;}
.msg-box-wrap.msg-marketing .msg-box.msg-none {background: #fff;}
.msg-box-wrap.msg-marketing .msg-box.msg-none .msg-wrap {padding-top: 72px; transform: translateY(0);}
.msg-box-wrap.msg-marketing .msg-box .msg-content.details {background: #fcf4f4;}
.msg-box-wrap.msg-marketing .msg-box .msg-content.details strong {margin-bottom: 4px; font-size: 12px; line-height: 16px; color: #da1d1d;}
.msg-box-wrap.msg-marketing .msg-box .msg-content.details p {font-size: 14px; line-height: 20px; color: #222;}
.msg-box-wrap.msg-marketing .msg-content.details .btn-group > .btn {background:#fff;}
.msg-box-wrap.msg-state.msg-marketing + .sect.marketing-details {padding: 32px 24px;}
.msg-box-wrap.msg-marketing .msg-wrap + .btn-group-foot { margin-top:64px !important;}
.expend-note-info .question-tit,
.expend-note-info .note-info { border-radius:4px 4px 0 0;}
.expend-note-info .answer-case {border-radius:0 0 4px 4px;}
.expend-note-info .question-tit {display:flex; padding:24px 20px; border:1px solid #edf0f8; border-bottom:0;}
.expend-note-info .question-tit strong { flex:1 0 auto; width:60%;}
.expend-answer-case .question-tit,
.expend-answer-case .note-info { border-radius:8px 8px 0 0;}
.expend-answer-case .answer-case {border-radius:0 0 8px 8px;}
.expend-answer-case .question-tit { display:flex; padding:24px 20px 0; border:1px solid #edf0f8; border-bottom:0;}
.expend-answer-case .question-tit strong { flex:1 0 auto; width:60%;}
.expend-answer-case .question-tit span {flex: 1 0 auto; max-width: 30%; font-size:12px; color:#666; text-align:right;}
.expend-answer-case .question-tit span em { font-size:14px; color:#476eff;}
.answer-case.line-graph .graph-sm, .answer-case.line-graph .graph-sm .point { height:4px;}
.answer-case {padding: 22px 0 85px; border:1px solid #edf0f8; border-top:0;}
.answer-case .graph-sm {position:absolute; top:22px; left:50%; width:80%; z-index:1;  transform:translate(-50%,0);}
/* .answer-case ol.txt-bul.bul-num { position:relative; display:flex; z-index:5;}
.answer-case ol.txt-bul.bul-num li { flex:1 0 auto; padding:35px 0 0 0; margin-top:0; text-align:center; font-size:12px; line-height:14px; color:#333; z-index:1;} */
.answer-case ol.txt-bul.bul-num {position: relative; margin: 0 10%; z-index: 5;}
.answer-case ol.txt-bul.bul-num li {position: absolute; top: 0; left: 0; padding:35px 0 0 0; margin:0 0 0 -8px;  width: 16px; z-index:1;}
.answer-case ol.txt-bul.bul-num li:nth-child(2) {left: 25%;}
.answer-case ol.txt-bul.bul-num li:nth-child(3) {left: 50%;}
.answer-case ol.txt-bul.bul-num li:nth-child(4) {left: 75%;}
.answer-case ol.txt-bul.bul-num li:nth-child(5) {left: 100%;}
.answer-case ol.txt-bul.bul-num li:before { left:50%; width:16px; height:16px; background: #476eff; border-radius:50%; color:#fff; line-height:16px; transform:translate(-50%,0);}
.answer-case ol.txt-bul.bul-num li:after { display:none;}
.answer-case ol.txt-bul.bul-num li > span { position: absolute; top: 100%; left: 0; text-align:center; font-size:12px; line-height:14px; color:#333; transform: translateX(-30%); -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); }
.question-list-wrap li { display:flex; align-items: flex-start;}
.question-list-wrap li span {flex:1 1 auto; font-size:14px; line-height:26px; padding:16px 0 6px; color:#666; border-bottom:1px solid #eee;}
.question-list-wrap li.def span { border-bottom:0;}
.question-list-wrap strong { display:inline-block; padding:16px 0 6px; margin-right:8px; font-size:14px; line-height: 26px; font-weight:700; color:#333;}
.question-list-wrap .qlist-view { margin-top:10px;}
.question-list-wrap .qlist-view strong { padding:0; }
.question-list-wrap .qlist-view span { font-size:14px; padding-top:0;}
.marketing-history .date-list > li + li {margin-top: 32px;}
.marketing-history .date-list > li strong {display: block; margin-bottom: 12px; font-size: 14px; line-height: 20px;}
.marketing-history .item-list li + li {margin-top: 12px;}
.marketing-history .item-list .article-wrap .in-cont {position: relative; padding: 20px; background: #fff; border: 1px solid #ddd; border-radius: 8px;}
.marketing-history .item-list .article-wrap .in-cont.earliness, .marketing-details .item-list .article-wrap .in-cont.complete {background: #f8f8f8; border-color: rgba(204,204,204,.5);}
.marketing-history .article-wrap .msg-box-close {position: absolute; top: 23px; right: 23px; width: 10px; height: 10px; text-indent: -9999px; background: url('../images/mys2021/icon_save_delete.svg') 0 0 no-repeat; background-size: cover; overflow: hidden;}
.marketing-history .article-wrap .state {display: inline-block; margin-bottom: 8px; font-size: 12px; font-weight: 700; line-height: 16px;}
.marketing-history .date-list > li .in-cont.confirming strong,
.marketing-history .article-wrap .in-cont.confirming .state {color: #008ca5;}
.marketing-history .article-wrap .in-cont.error .state {color: #da1d1d;}
.marketing-history .article-wrap .in-cont.stop .state {color: #888;}
.marketing-history .article-wrap .in-cont.waiting .state {color: #414e7f;}
.marketing-history .article-wrap .in-cont.going .state {color: #476eff;}
.marketing-history .article-wrap .in-cont.earliness .state {color: #b64343;}
.marketing-history .article-wrap .in-cont.complete .state {color: #000;}
.marketing-history .article-wrap .in-cont > strong {margin: 0 52px 6px 0;}
.marketing-history .article-wrap .in-cont > p {font-size: 14px; font-weight: 500; line-height: 20px; color: #333;}
.marketing-history .article-wrap .in-cont > p.period {margin-bottom: 16px; font-weight: 500; color: #888;}
.marketing-history .article-wrap .in-cont .marketing-ad dt{line-height:1.44;margin: 16px 52px 0 0;font-size: 16px;font-weight: 700;word-break: break-all}
.marketing-history .article-wrap .in-cont .marketing-ad dd p{margin-top: 4px;color: #333;word-break: break-all}
.marketing-history .article-wrap .in-cont .marketing-ad dd .addr {font-size:12px; color: #999;}
.marketing-history .article-wrap .in-cont .type-ad{position: absolute; top: 85px; right: 20px; display: inline-block; height: 16px; line-height: 1.5; background-color: #e1e6f3; font-size:10px; color: #5a617d;padding: 0 .4rem;}
.marketing-history .details {position: relative; margin: 24px -20px -20px; padding: 16px 20px 20px; background: #fcf4f4; border-radius: 0 0 8px 8px;}
.marketing-history .in-cont.confirming .details { background:#edf7f9;}
.marketing-history .in-cont.stop .details {background: #f8f8f8;}
.marketing-history .in-cont.error .details:before {content: ''; position: absolute; top: -2px; left: 0; display: block; width: 100%; border-top: 2px dashed #f6f6f6;}
.marketing-history .in-cont.error .details {background: #fcf4f4;}
.marketing-history .in-cont.error .details:before {content: ''; position: absolute; top: -2px; left: 0; display: block; width: 100%; border-top: 2px dashed #fcf4f4;}
.marketing-history .in-cont.earliness .details, .marketing-history .in-cont.complete .details {background: #fff;}
.marketing-history .in-cont.earliness .details:before, .marketing-history .in-cont.complete .details:before {content: ''; position: absolute; top: -2px; left: 0; display: block; width: 100%; border-top: 2px dotted #eee;}
.marketing-history .details strong {margin-bottom: 4px; font-size: 12px; line-height: 16px; color: #da1d1d;}
.marketing-history .details p {font-size: 14px; line-height: 20px; color: #666; word-break:break-all; white-space:normal;}
.marketing-history .details ul {margin: -10px 0 10px;}
.marketing-history .details li {display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 0; font-size: 14px; font-weight: 500; line-height: 22px; color: #666;}
.marketing-history .details li + li {margin: 0; border-top: 1px solid #eee;}
.marketing-history .details li > * {-webkit-flex: 1; -ms-flex: 1; flex: 1;}
.marketing-history .details li > strong {-webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0; font-size: 16px; line-height: 22px; text-align: right; color: #000;}
.marketing-history .details li > strong .incre {position: relative; display: inline-block; margin-right: 8px; padding-left: 10px; font-size: 14px; color: #da1d1d;}
.marketing-history .details li > strong .incre:before {content: ''; position: absolute; top: 50%; left: 0; display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #fb5c4f; transform: translateY(-50%);}
.marketing-history .details li > strong .decre {position: relative; display: inline-block; margin-right: 8px; padding-left: 10px; font-size: 14px; color: #27a6ef;}
.marketing-history .details li > strong .decre:before {content: ''; position: absolute; top: 50%; left: 0; display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #27a6ef; transform: translateY(-50%);}
.marketing-history .details .btn-group {margin-top: 4px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.marketing-history .details .btn-group > .btn {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 12px; font-size: 13px; font-weight: 700; line-height: 26px; color: #000; background: #fff;}

.mk-details .info-header > p.tit {position: relative; display: inline-block; margin-bottom: 6px; font-size: 20px; font-weight: 400; line-height: 28px;}
.mk-details .info-header > p.tit:after {content: ''; display: inline-block; margin:-2px 4px; font-size: 16px; vertical-align: top;}
.mk-details .info-header > p.tit.going:after {content: '\1F44D';} /* 마케팅 진행중 */
.mk-details .info-header > p.tit.complete:after {content: '\1F973';} /* 마케팅 종료 */
.mk-details .info-header > p.tit.earliness:after {content: '☺️';} /* 마케팅 조기종료 */
.mk-details .info-header .period {font-size: 14px; line-height: 20px; color: #888;}
.mk-details .info-header .period .d-day {padding: 3px 10px; font-size: 10px; font-weight: 700; line-height: 14px; color: #fff; background: #476eff; border-radius: 1px;}
.mk-details .info-cont {position:relative; margin-top: 14px; padding-top: 20px; border-top: 2px solid #eee;}
.mk-details .info-cont > strong {display:inline-block; margin: 0 52px 4px 0; font-size: 14px; line-height: 20px; color: #000; word-break: break-all;}
.mk-details .info-cont > p {font-size: 14px; line-height: 20px; color: #333;}
.mk-details .info-cont > p.date {margin-top: 16px; font-size: 12px; font-weight: 700; line-height: 16px; color: #888;}
.mk-details .info-cont .btn-group {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.mk-details .info-cont .btn-group > .btn {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; line-height: 26px; color: #000;}
.mk-details .info-cont .dashboard-box {margin: 0 auto; width: 80%; min-width: 200px;}
.mk-details .info-cont .marketing-ad dt{ margin-top: 12px;font-size: 16px;font-weight: 700;word-break: break-all}
.mk-details .info-cont .marketing-ad dd p{margin-top: 4px;color: #333;word-break: break-all}
.mk-details .info-cont .marketing-ad dd .addr{font-size:12px; color: #999;}
.mk-details .info-cont .type-ad{position: absolute; top: 20px; right: 0; display: inline-block; height: 16px; line-height: 1.5; background-color: #e1e6f3; font-size:10px; color: #5a617d;padding: 0 .4rem;}
.dashboard-box .sub-label {font-family: 'SpoqaHanSansNeo', sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; color: #666;}
.dashboard-box .sub-label + p {font-family: 'SpoqaHanSansNeo', sans-serif; font-size: 30px; font-weight: 900; line-height: 30px;}
.mk-details .statement {padding: 20px; background: #eff0f5; border-radius: 8px;}
.mk-details .statement .sales > span {margin-left: 4px; font-weight: 700;}
.mk-details .statement .total {margin-top: 16px; font-size: 16px; line-height: 22px;}
.mk-details .statement .total p + p {font-size: 22px; font-weight: 400; line-height: 34px;}
.mk-details .statement .total p + p > strong {font-size: 24px; font-weight: 900;}
.mk-details .statement .total p + p > span {font-size: 12px; font-weight: 500;}
.mk-details + .sect .tit-wrap {margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.mk-details + .sect .tit-wrap strong {-webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; line-height: 20px; color: #000;}

.dashboard-box.all-sel-customer {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:stretch; padding: 32px 12px; border: 1px solid #eee; border-radius: 8px;}
.dashboard-box.all-sel-customer .graph {min-width: 50%;}
.dashboard-box.all-sel-customer .graph p {font-family: 'SpoqaHanSansNeo', sans-serif; font-size: 18px; font-weight: 900; line-height: 24px;}
.dashboard-box.all-sel-customer .legend {-webkit-flex: 1; -ms-flex: 1; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 130px; border-left: 2px dotted #ddd;}
.dashboard-box.all-sel-customer .legend > div {margin: 10px 20px; font-size: 14px; font-weight: 700; line-height: 20px; color: #000;}
.dashboard-box.accrual-user .legend p,
.dashboard-box.all-sel-customer .legend p {position: relative; margin-bottom: 6px; padding-left: 12px; font-size: 12px; line-height: 16px; color: #666;}
.dashboard-box.accrual-user .legend p:before,
.dashboard-box.all-sel-customer .legend p:before {content: ''; position: absolute; top: 5px; left: 0; display: block; width: 6px; height: 6px; border-radius: 50%;}
.dashboard-box.accrual-user .legend .last p:before,
.dashboard-box.all-sel-customer .legend .total p:before {background: #93d6d9;}
.dashboard-box.accrual-user .legend .today p:before,
.dashboard-box.all-sel-customer .legend .sel p:before {background: #5387f6;}
.dashboard-box.accrual-user .legend strong,
.dashboard-box.all-sel-customer .legend strong {padding-left: 12px;}
.dashboard-box.accrual-user .legend {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center;}
.dashboard-box.accrual-user .legend > div {font-size: 14px; color: #666; text-align: center; padding: 0 15px;}
.dashboard-box.all-sel-customer.etc { position:relative; padding-bottom:60px; border-radius:8px 8px 0 0;}
.dashboard-box.all-sel-customer.etc + .bg-gray { border:1px solid #eee; border-top:0; border-radius:0 0 8px 8px; background:#f8f8f8 !important;}
.dashboard-box.all-sel-customer.etc + .bg-gray .dashboard-box { padding:20px;}
.dashboard-box.all-sel-customer.etc .label-area { position:absolute; bottom:0; left:50%; width:80%; padding:30px 0; background:#fff; text-align:center; transform:translate(-50%, 0);}
.dashboard-box.all-sel-customer.etc .chart-label { justify-content: center;}
.dashboard-box.all-sel-customer.etc .chart-label strong { margin-left:5px;}
.dashboard-box.all-sel-customer.etc .legend .total { width:110px; margin:0 auto; text-align:left;}

.dashboard-box.all-part-customer {padding: 24px 20px; border: 1px solid #eee; border-radius: 8px;}
.dashboard-box.all-part-customer > strong {display: block;}

.pushmarketing-history .tit-wrap {padding-bottom:4px; margin-bottom:0 !important; color:#888;}
.pushmarketing-history div li { display:flex; padding:12px 0 13px; border-bottom:1px solid #eee; }
.pushmarketing-history div li span:first-child { flex:1 0 auto; color:#666; }
.pushmarketing-history div li .state { color:#476eff;}
.pushmarketing-history div li .state.msg-state-type6 { color:#000;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ */
   .dashboard-box.all-sel-customer.etc .legend .total { flex: 1 0 auto; width:110px; margin: auto; text-align: center;}
}

.dashboard-box.all-sel-customer.etc .legend p { display:inline-block; width:51px; padding-left:0;}
.dashboard-box.all-sel-customer.etc .legend p:before { display:none;}
.answer-case.more { border-bottom:0; border-radius:0 0 0 0;}
.expend-answer-case .more-cont,
.expend-answer-case button.more {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 0; width:100%; border-top: 1px solid #eee; text-align: center; line-height: 52px; background:#f8f8f8; border-radius:0 0 8px 8px; border:1px solid #eee;}
.expend-answer-case .more-cont { display:none; border-radius:0; border-bottom:0; padding:20px;}
.expend-answer-case .more-cont .highcharts-axis-labels span { text-align:center; font-weight:500; line-height:16px;}

.expend-answer-case .more-cont.on { display:block;}
.expend-answer-case .more-cont.on + button.more { border-top:0;}
.expend-answer-case .more-cont.on + button.more::after {transform: rotate(-270deg);}
.expend-answer-case button::after {content: ''; display: inline-block; margin-left: 2px; width: 16px; height: 16px; background: url('../images/mys2021/icon_666_arrow.svg') no-repeat center center; background-size: contain; transform: rotate(-90deg); transition: all ease-in-out 0.3s;}

.detail-list-type1{padding: 17px 16px;border-radius: 8px;background-color: rgba(239,240,245,.5);}
.detail-list-type1 dl {display:flex;flex:1 1 100%;max-width:100%; padding: 0; }
.detail-list-type1 dl:not(:first-of-type) { padding-top: 10px; }
.detail-list-type1 dt {padding-right: 16px;color: #666;line-height: 20px;}
.detail-list-type1 dd {flex:1;font-weight: 700;text-align: right;}
.store-online-info{padding: 17px 16px;border-radius: 8px;background-color: rgba(239,240,245,.5); }
.store-online-info dt {word-break: break-all;}
.store-online-info dd {padding-top: 4px;color: #999; word-break: break-all;}

@media screen and (min-width: 769px) {
   .msg-box-wrap.msg-marketing .msg-content .dashboard-box .img-wrap {margin:0 -164px; width: 328px; text-align: center;}
   .msg-box-wrap.msg-marketing .msg-content.border-none .dashboard-box .img-wrap {margin:0 0; width: 328px; text-align: center;}
   .msg-box-wrap.msg-marketing .msg-content .dashboard-box .img-wrap > img {width: auto; height: 190px;}
   .dashboard-box.all-sel-customer {-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
   .dashboard-box.all-sel-customer .legend {flex-direction: row;  margin:10px auto 0; border: none; text-align:center;}
   .dashboard-box.all-sel-customer.etc .label-area { padding-top:0;}
   /* 내역 타입의 컨텐츠 스타일 수정 */
   .menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top:8px;}
   .menu-list li { flex-basis:50%; max-width:50%; padding-top:8px !important; padding-right:40px;}
   .menu-list li:nth-child(2n){ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left:40px; padding-right: 0;}
   .menu-list .view-item span {width: 50%; text-align:right;}
   .menu-list .view-item span:first-child { text-align:left;}
   .account-info dl dt, .account-info dl dd { width: 25% !important;}
   /*  nth-child (4)(n-1)+2이 필요함..  */
   .account-info dl dd:nth-child(2n) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right:40px;}
   .account-info dl dd:nth-child(4n) { padding-right:0;}
   .account-info dl dd:nth-child(2n) + dt { padding-left:40px;}
   .account-info dl dd:nth-child(4n) + dt { padding-left:0;}
   .swiper-slide .account-info dl dd,
   .swiper-slide .account-info dl dt { width:50% !important; padding-left:0 !important; padding-right:0;}
   .marketing-history .details ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
   .marketing-history .details li { flex-basis:50%; max-width:50%; padding-right:40px; border-bottom:1px solid #eee;}
   .marketing-history .details li + li { margin-top:0; border-top:0; }
   .marketing-history .details li:nth-child(2n){ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left:40px; padding-right: 0 ;}
   .wrap .container .marketing-history + .sect {padding-bottom: 0;}
   .detail-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
   .detail-list.border .dotted-top-line, .detail-box:not(.store-detail), .detail-list h3 { flex:1 0 auto; width:100%; flex-basis:100%; max-width:100%; margin-bottom:16px;}
   .detail-box:not(.store-detail), .detail-box:not(.store-detail) div, .detail-list div, .detail-list .more-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width:100%;}
   .detail-list h3.line + dl, .detail-box:not(.store-detail) dl, .detail-list > dl, .detail-list .more-view > dl { flex:1 0 50%; max-width:50%; padding-left: 0; padding-right:40px; margin-top:0 !important; padding-top:10px;}
   .detail-list h3.line + dl:nth-of-type(1), .detail-list h3.line + dl:nth-of-type(2), .detail-box:not(.store-detail) dl:nth-of-type(1), .detail-box:not(.store-detail) dl:nth-of-type(2), .detail-list > dl:nth-of-type(1), .detail-list > dl:nth-of-type(2), .detail-list .more-view > dl:nth-of-type(1), .detail-list .more-view > dl:nth-of-type(2) { padding-top:0;}
   .detail-list dl:nth-of-type(2n){ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left:40px; padding-right: 0;}
   .detail-box:not(.store-detail) dl:nth-child(2n) { padding-left:40px; padding-right:0;}
   .detail-list dl.dotted-top-line { flex-basis:100%; margin-top:40px !important; padding-left:0;}
   .hot-item-wrap > li {width: calc(25% - 16px);}

   .layer-popup .detail-list dl {flex-basis: auto; max-width: 100%; width: 100%; padding: 0;}
   .layer-popup .detail-list dl + dl {padding-top: 10px;}
   
   .ta-c .loan-info {text-align:center;}
   .loan-info ul {display: inline-flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; margin:0 auto;}
   .loan-info ul li {text-align:left;}

   .sect-details .sect.review .photo-wrap .photo-box, .sect-details .sect.report .photo-wrap .photo-box { flex:none; width:200px; height:200px;}

   .layer-popup.fulls.imageview .swiper-container .swiper-slide {width: 100%; text-align:center;}
   .layer-popup.fulls.imageview .swiper-container .swiper-slide img {width: auto; height:500px;}

   .layer-popup.bt-sheet:not(.service-bt) {position: fixed; top: 200% !important; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;  width: 60%; max-width: 600px; max-height: 90%; background: #fff; border-radius: 8px; z-index: 1001; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 2px 1px -1px rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14); transform: translate(-50%, -50%); transition:none;}
   .layer-popup.bt-sheet:not(.service-bt).open {display:flex; top:50% !important; bottom:auto !important;}
   .layer-popup.bt-sheet.bt-select:not(.service-bt).open { bottom:auto !important;}
   .layer-popup.bt-sheet:not(.service-bt) .pop-cont{flex:0 1 auto; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch;}
   .layer-popup.bt-select:not(.service-bt).open .pop-cont { border-radius:0 0 8px 8px;}
   .layer-popup.bt-sheet:not(.service-bt) .layer-popup.bt-sheet:not(.service-bt) { border-radius:8px; overflow:hidden;}

   .banner-wrap img { width:auto !important;}
   /* .section-header.bg-msg + .sect {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
   .section-header.bg-msg + .sect .apply-wrap {flex: 1 0 auto; max-width: 48%; margin-top: 0 !important;} */
   
   .section-header.bg-msg + .sect-promote { display:flex; justify-content: space-between; flex-wrap: wrap;}
   .section-header.bg-msg + .sect-promote .apply-wrap {flex: 1 0 auto; max-width:48%; min-height: 110px; margin-top:0 !important;}
   .section-header.bg-msg + .sect-promote .apply-guide {min-height:192px;}

   .msg-wrap [class^="msg-type-"] { max-width: 460px;}
   .simplepay-manage + .sect .btn-group,
   .cert-code + .btn-group { justify-content: center; text-align: center;}
   .simplepay-manage + .sect .btn-group { margin-top:64px !important;}
   .simplepay-manage + .sect .btn-group .btn,
   .cert-code + .btn-group .btn { flex: 0 0 auto; min-width: 120px;}
   .cert-code + .btn-group + .note-desc { text-align:center; padding-top:16px;}
   .btn-group-half.btn-group-foot, .btn-group.btn-group-foot { max-width:calc(100% - 48px); margin:0 auto;}
   .msg-wrap + .btn-group.btn-group-foot { margin-top:0 !important;}
   
   .btn-group-foot { padding-top: 48px !important; padding-left:calc(50% - 189px) !important; padding-right:calc(50% - 189px) !important; border-top: 1px solid #ccc; margin-top:64px !important;}
   .layer-popup .btn-group-foot { padding:16px 0 !important; margin-top:0 !important; border-top:0 !important;}
   .btn-group-foot .btn { line-height: 54px; }
   .btn-group-foot .btn + .btn { width:auto;}
   .btn-group-foot .btn:first-child:last-of-type { flex:0 0 auto; width:calc(100% - 2px); margin:0 auto;}

   .qr-tab-wrap .msg-wrap .msg-type-2 {margin-top: 0;}
}

@media screen and (min-width: 861px){
   .hot-item-wrap > li {width: calc(16.66% - 16px);}
}
#allSelChart .highcharts-title {font-family: 'SpoqaHanSansNeo', sans-serif; font-size: 12px; font-weight: 500; line-height: 16px; color: #666;}

/* 마케팅 등록 */
.marketing-set ul.txt-bul li {color: #333;}
.marketing-set .control-group .input-wrap {position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0;}
.marketing-set .control-group .input-box {position: relative; bottom: auto; padding: 0; width: 100%; border-bottom: 1px solid #eee;}
.marketing-set .control-group .input-box input {padding: 0 22px 6px 0; color: #888; font-size: 18px; line-height: 26px;} 
.marketing-set .control-group .input-box input.datepicker.on {color: #000;}
.marketing-set .control-group .input-box .ui-datepicker-trigger {position: absolute; top: 45%; right: 0; width: 24px; height: 24px; transform: translateY(-50%);}
.marketing-set .control-group span.dash {display: inline-block; width: 36px; line-height: 33px;}
.marketing-set .control-group .input-wrap.input-flex input {-webkit-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 6px; font-size: 18px; line-height: 26px; color: #888; border-bottom: 1px solid #eee;}
.marketing-set .control-group .input-wrap.input-flex {transform: translate(0);}
.marketing-set .control-group .input-wrap.input-flex span.dash {height: auto;}
.marketing-set .tooltip-wrap.left .tooltip.type2:before {display: none;}
.marketing-set .tooltip-wrap .tooltip.type2 .tooltip-content:before {display: none;}
.marketing-set .tooltip-wrap .tooltip.type2:after {display: none;}

.target-select .accordion-wrap {padding: 0;}
.target-select .accordion-wrap .accd-tab {padding: 9px 15px; border: 1px solid #e7e9ee; border-radius: 4px; z-index: 1;} 
.target-select .accordion-wrap .accd-tab button {padding: 6px 32px; font-size: 15px; line-height: 20px; color: #000; z-index: 2;}
.target-select .accordion-wrap .accd-tab .checkbox-wrap {left: 15px; z-index: 0;}
.target-select .accordion-wrap .ui-accordion + .ui-accordion {margin-top: 12px; border: 1px solid red;}
.target-select .accordion-wrap .ui-accordion .accd-tab:not(.no-cont):after {right: 12px;}
.target-select .accordion-wrap .accd-cont { margin: 0; padding: 24px 16px 20px; background: transparent;}
.target-select .accordion-wrap .accd-cont .radio-wrap {width: 100%;}
.target-select .accordion-wrap .accd-cont .radio-wrap + .radio-wrap { margin: 16px 0 0 0;}
.target-select .radio-check-box .ra-chk-wrap.type3 input + label {width: 88px; height: 32px;}

.marketing-detail .accordion-wrap.add-checkbox > ul > li + li {margin-top: 0;}
.marketing-detail .accordion-wrap.add-checkbox .checkbox-wrap {z-index: 0;}
.marketing-detail .accordion-wrap.add-checkbox .checkbox-wrap.timesale {top: 29px;}
.marketing-detail .accordion-wrap.add-checkbox .checkbox-wrap.timesale input:checked + label:before {background: transparent;}
.marketing-detail .accordion-wrap.add-checkbox .checkbox-wrap.timesale input:checked + label:after {border-color: #5b5fe4;}
.marketing-detail .accordion-wrap.add-checkbox .accd-tab > button {position: relative; background: rgba(255,255,255,0); z-index: 2;}
.marketing-detail .tab-style.type2 > li > a {color: #383b5a; border: 1px solid #383b5a;}
.marketing-detail .tab-style.type2 > li > a.act {color: #fff; background: #383b5a; border-color: #383b5a;}
.marketing-detail .select-flex {-webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0;}
.marketing-detail .select-wrap {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.marketing-detail .select-wrap .select:before {margin-top: 0; border-top: 2px solid #000; border-left: 2px solid #000;}
.marketing-detail .select-wrap.type1 .select {width: 168px; }
.marketing-detail .select-wrap.type2 .select {width: 90px;}
.marketing-detail .select-wrap.type3 .select {width: 180px;}
.marketing-detail .input-wrap .input-box {border-bottom: 0;}
.marketing-detail .input-wrap .input-box input {width: 168px; line-height: 26px; border-bottom: 1px solid #bbb;}
.marketing-detail .input-wrap .input-box input:read-only {color: #666; background: transparent;}
.marketing-detail .input-wrap .input-box input::placeholder {color: #ccc !important; }
.marketing-detail .input-wrap + span {flex: 0 0 auto; display: inline-block; margin-left: 8px;}
.marketing-detail .accordion-wrap.sub-accordion .accd-tab button {padding: 31px 0 15px 32px;}
.marketing-detail .accordion-wrap.sub-accordion .accd-tab button strong {display: block; margin-bottom: 2px; line-height: 20px;}
.marketing-detail .accordion-wrap.sub-accordion .accd-tab.on {border-bottom: 2px solid #476eff;} 
.marketing-detail .accordion-wrap.sub-accordion .accd-tab button.on strong,
.marketing-detail .accordion-wrap.sub-accordion .accd-tab button.on span {color: #476eff;}
.marketing-detail .accordion-wrap.sub-accordion .checkbox-wrap {left: 0;}
.marketing-detail .accordion-wrap.sub-accordion .checkbox-wrap input + label:before {border: 0;}
.marketing-detail .accordion-wrap.sub-accordion .accd-tab {padding: 0;border: 0; border-bottom: 2px solid #eee; border-radius: 0;}
.marketing-detail .accordion-wrap.sub-accordion .ui-accordion .accd-tab:not(.no-cont):after {display: none;}
.marketing-detail .accordion-wrap.sub-accordion .accd-cont {padding: 0;}
.marketing-detail .accordion-wrap.sub-accordion .radio-check-box .ra-chk-wrap.type3 input + label {width: 56px; height: 32px;}
.marketing-detail .accordion-wrap .accd-cont .btn-group .btn-preview {font-size: 12px; line-height: 1.4; text-align: right; color: #000; text-decoration: underline; border: 0;}
.marketing-detail .select-salesmenu > li {display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 4px;}
.marketing-detail .select-salesmenu > li + li {border-top: 1px solid #eee;}
.marketing-detail .select-salesmenu + .box-gray.b-rad4 {padding: 24px 20px; border-radius: 4px;}
.effect-box.off {display: none;}
.effect-box.on {display: block;}
.effect-box .box-gray.visitor {position: relative; padding: 16px; }
.effect-box .box-gray.visitor:after {content: ''; position: absolute; right: 16px; top: 50%; width: 40px; height: 40px;  transform: translateY(-50%);}
.effect-box .box-gray.visitor1:after {background: url('../images/mys2021/icon_visitor01.svg') no-repeat center; }
.effect-box .box-gray.visitor2:after {background: url('../images/mys2021/icon_visitor02.svg') no-repeat center;}
.effect-box .box-gray.visitor span {display: block; margin-bottom: 4px; font-size: 14px; color: #333;}
.effect-box .box-gray.visitor strong {font-size: 16px; font-weight: 700;}

.sect-expect {display: none;}
/* 쿠폰 미리보기 */
.sect-expect .coupon-preview {position:relative;height:0;overflow:hidden}
.sect-expect .coupon-preview.on {height: auto;}
.sect-expect > .coupon-preview.on + .effect-box, .sect-expect > .coupon-preview.on + .effect-box + .notice-box, .sect-expect > .effect-box.on + .notice-box {margin-top:4rem}

/* 즉시할인 미리보기 팝업 */
/** coupon **/
.couponbox {position: relative; display: block; background: #fff; border: 1px solid #476eff; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(48, 49, 51, 0.1);}
.couponbox.on, .couponbox.apply, .couponbox.complete {border-color: #ddd;}
.couponbox.complete {border-radius: 4px 4px 0 0;}
.couponbox > .coupon {position: relative; display: flex; flex-direction: column; padding: 24px; height: 100%; min-height: 150px;}
.couponbox.apply > .coupon:after, .couponbox.complete > .coupon:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(246,246,246,.6);}
.couponbox.apply > .coupon:before {content: ''; position: absolute; top: 20px; right: 20px; width: 70px; height: 70px; background: url('../images/mys2021/coupon_apply.png') 0 0 no-repeat; background-size: 70px auto; z-index: 1;}
.couponbox.complete > .coupon:before {content: ''; position: absolute; top: 20px; right: 20px; width: 70px; height: 70px; background: url('../images/mys2021/coupon_complete.png') 0 0 no-repeat; background-size: 70px auto; z-index: 1;}
.couponbox > a.btn-write-review {display: none; margin: -1px; padding: 14px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; background: #fff; border: 1px solid #ddd; border-radius: 4px;}
.couponbox.complete > a.btn-write-review {display: block;}
.coupon .store-wrap {position: relative; padding-right: 100px; height: 19px; font-size: 0; overflow: hidden;}
.coupon .store-wrap .store {padding-right: 13px; font-size: 13px; font-weight: 700; line-height: 19px; word-break: break-all;}
.coupon .store-wrap .store + span {position: relative; display: inline-block; font-size: 12px; font-weight: 500; line-height: 19px; color: #666;}
.coupon .store-wrap .store + span:before {content: ''; position: absolute; top: 4px; left: -7px; display: block; width: 1px; height: 11px; background: #ddd;}
.coupon .store-wrap + dl {display: flex; flex-direction: column; flex: 1; margin-top: 12px;}
.coupon dt {display: block; font-size: 18px; font-weight: 700; line-height: 26px; color: #000734;}
.coupon dd {flex: 1; display: flex; flex-direction: column; margin-top: 10px; font-size: 12px; font-weight: 500; line-height: 16px; color: #666;}
.coupon dd > p {flex: 1 0 auto;}
.coupon .meta { display: flex; flex-wrap: wrap; margin-top: 6px; font-size: 0;}
.coupon .period-wrap {height: 16px; flex:1 0 auto;}
.coupon .period-wrap span {font-size: 12px; font-weight: 500; line-height: 16px; color: #666;}
.coupon .period-wrap .dday {position: relative; margin-left: 13px; font-weight: 900; color: #f14b25; white-space:nowrap;}
.coupon .period-wrap .dday:before {content: ''; position: absolute; top: 3px; left: -7px; display: block; width: 1px; height: 10px; background: #ddd;}
.coupon .tag-wrap {margin: 0 -4px 0 0 !important; height: auto;}
.coupon .tag-wrap span {margin-left: 4px; padding: 2px 4px; font-size: 10px; line-height: 14px; color: #f14b25; background: #fff1f1;}
.coupon .check-wrap {position: absolute; top: 20px; right: 20px; z-index: 1;}
.couponbox.complete .check-wrap {display: none;}
.coupon .check-wrap .tooltip {position: absolute; bottom: 36px; right: 12px; display: none; padding: 8px 12px; width: auto; min-width: 140px; color: #fff; background: #383b5a; border-radius: 12px; z-index: 999;}
.coupon .check-wrap .tooltip:after {content: ''; position: absolute; bottom: -6px; right: 0; border-top: 16px solid #383b5a; border-left: 10px solid transparent;}
.coupon .btn-coupon {position: absolute; top: 20px; right: 20px; padding: 6px 8px; font-size: 10px; font-weight: 700; line-height: 12px; color: #fff; background: #476eff; border-radius: 12px; z-index: 1;}
.coupon .btn-coupon.type2 { color: #494f60; background: #fff; border: 1px solid #ccc; border-radius: 6px;}
.coupon > a {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; z-index: 0;}
.couponbox.none .coupon p {font-size: 14px; line-height: 20px;}
.couponbox.none .coupon p > strong > span {position: relative;}
.couponbox.none .coupon p > strong > span:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background: rgba(71,110,255,.2);}

.layer-popup.coupon-pop {position: fixed; top: 50%; left: 50%; display: none; width: 60%; min-width: 312px; background: #fff; border-radius: 16px; z-index: 999; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 2px 1px -1px rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.layer-popup.coupon-pop.bt-sheet {position: fixed; top: 100%; left: 0; display: flex; flex-direction: column; width: 100%; height: auto; max-height: 90%; border-radius: 10px 10px 0 0; box-shadow: none; transform: translate(0, 0); transition: top .5s ease-in-out;}
.layer-popup.coupon-pop.bt-sheet .pop-header {flex: none; position: relative; padding: 22px 60px 10px 24px; height: 56px; background: #fff; border-radius: 12px 12px 0 0;}
.layer-popup.coupon-pop.bt-sheet .pop-header h2 {font-size: 18px; font-weight: 700; line-height: 22px;}
.layer-popup.coupon-pop.bt-sheet .pop-header .btn-close {position: absolute; top: 22px; right: 19px; width: 24px; height: 24px; text-indent: -9999px; overflow: hidden;}
.layer-popup.coupon-pop.bt-sheet .pop-header .btn-close:before, .layer-popup.bt-sheet .pop-header .btn-close:after {content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background: #000;}
.layer-popup.coupon-pop.bt-sheet .pop-header .btn-close:before {transform: translate(-50%, -50%) rotate(45deg);}
.layer-popup.coupon-pop.bt-sheet .pop-header .btn-close:after {transform: translate(-50%, -50%) rotate(-45deg);}
.layer-popup.coupon-pop.bt-sheet .pop-cont {flex: 1; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.layer-popup.coupon-pop.bt-sheet .pop-cont > .sect {padding: 20px 24px 32px;}
.layer-popup.coupon-pop.bt-sheet .pop-cont .btn-group.btn-group-foot {margin-top: -24px;}
.layer-popup.coupon-pop.bt-sheet .btn-group .btn {display: block; padding: 16px; width: 30%; max-width: 96px; font-size: 16px; font-weight: 700; line-height: 16px; text-align: center; color: #494f60; background: #eff0f5; border-radius: 4px;}
.layer-popup.coupon-pop.bt-sheet .btn-group .btn:disabled {color: #b8bbc5; background: #eff0f5;}
.layer-popup.coupon-pop.bt-sheet .btn-group .btn-comp {flex: 1; max-width: 100%; color: #fff; background: #5768d2; border: 1px solid #5768d2;}
.layer-popup.coupon-pop.bt-sheet .btn-group .btn-comp:disabled {color: #91a1b2; background: #d0dae6;}
.layer-popup.coupon-pop.bt-sheet .btn-group .btn-white {flex: 1; max-width: 100%; color: #494f60; background: #fff; border: 1px solid #ccc; box-shadow: none;}
.layer-popup.coupon-pop.bt-sheet .btn-group .btn + .btn {margin-left: 8px;}
.pop-cont.preview { position:relative;}
.pop-cont.preview:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/mys2021/pattern_preview_01.png') repeat 0 0; background-size:120px auto;}

@media screen and (min-width: 769px) {
   .layer-popup.coupon-pop.bt-sheet[class*="filter-pop"].open.bt-sheet[class*="filter-pop"] {position: fixed; top: 200% !important; left: 50%; display: flex; flex-direction: column;  width: 60%; max-height: 90%;  background: #fff; border-radius: 8px; z-index: 999; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 2px 1px -1px rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14); transform: translate(-50%, -50%); transition:none;}
   .layer-popup.coupon-pop.bt-sheet[class*="filter-pop"].open.bt-sheet[class*="filter-pop"].open {display:flex; top:50% !important; width: 540px; height: auto; max-height: calc(100% - 80px);}
   .layer-popup.coupon-pop.bt-sheet[class*="filter-pop"].open.bt-sheet[class*="filter-pop"] .pop-cont {flex:0 1 auto; max-height: unset; border-radius:0 0 8px 8px; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch;}
}

.coupon-list .coupon .check-wrap .tooltip > p {width: 100%; font-size: 12px; line-height: 16px;}
.layer-popup.bt-sheet .sect.coupon-detail {padding: 14px 24px 48px;}
.layer-popup.bt-sheet .sect.coupon-detail .coupon .store-wrap {padding-right: 0;}
.layer-popup.bt-sheet .coupon-detail .check-wrap {margin-top: 24px;}
.layer-popup.bt-sheet .coupon-detail .check-wrap.chk-style3 > span {font-size: 14px;}
.layer-popup.bt-sheet .coupon-detail .check-wrap .tooltip {position: absolute; bottom: 36px; right: 12px; display: none; padding: 8px 12px; min-width: 140px; color: #fff; background: #383b5a; border-radius: 12px;}
.layer-popup.bt-sheet .coupon-detail .check-wrap .tooltip:after {content: ''; position: absolute; bottom: -6px; right: 0; border-top: 16px solid #383b5a; border-left: 10px solid transparent;}
.layer-popup.bt-sheet .coupon-detail .btn-coupon {position: absolute; top: 20px; right: 20px; padding: 6px 8px; font-size: 10px; font-weight: 700; line-height: 12px; color: #fff; background: #476eff; border-radius: 12px;}
.coupon-detail.on-spot .coupon-txt-guide {margin-top: 30px; font-size: 14px; line-height: 20px; text-align: center; color: #000;}
.layer-popup.bt-sheet .coupon-detail.on-spot .btn-group, .layer-popup.bt-sheet .coupon-detail.outside .btn-group {margin-top: 30px; padding: 0;}
.coupon-detail.outside .barcode-wrap {display: none;}
.coupon-detail.outside .barcode-full .barcode-wrap {display: block;}
.coupon-detail.outside .couponbox .coupon.img {margin: -1px; padding: 0; border-radius: 4px;}
.coupon-detail.outside .couponbox .coupon.img > img {width: 100%;}

.layer-popup.coupon-pop.bt-sheet .coupon-detail + .sect > .store-info {position: relative; padding: 24px 0 32px;}
.layer-popup.coupon-pop.bt-sheet .coupon-detail + .sect > .sect {padding: 32px 0;}
.coupon-detail + .sect > .store-info dl {padding-right: 116px;}
.coupon-detail + .sect > .store-info dt {margin-bottom: 8px; font-size: 16px; font-weight: 900; line-height: 22px;}
.coupon-detail + .sect > .store-info dd {font-size: 14px; line-height: 20px; color: #666;}
.coupon-detail + .sect > .store-info .btn-group {position: absolute; top: 34px; right: 0; padding: 0; width: 40px;}
.coupon-detail + .sect > .store-info .btn-group .tooltip-wrap {width: 40px; height: 40px;}
.coupon-detail + .sect > .store-info .btn-group .btn {width: 40px; height: 40px; text-indent: -9999px; background:url('../images/mys2021/icon_store_info.png') 0 0 no-repeat; background-size: 80px; border: 1px solid #ccc; border-radius: 50%; box-shadow: none; overflow: hidden;}
.coupon-detail + .sect > .store-info .btn-group .btn-store {background-position: -40px 0;}
.coupon-detail + .sect > .store-info .btn-group .btn + .btn, .coupon-detail + .sect > .store-info .btn-group .tooltip-wrap + .btn {margin-left: 16px;}
.coupon-detail + .sect > .store-info .sub-tit p {font-size: 14px; line-height: 20px;}
h3.sub-tit {margin-bottom:16px; font-size: 16px; font-weight: 700; line-height: 22px;}
h4.sub-tit2 {margin-bottom: 12px; font-size: 14px; font-weight: 700; line-height: 20px; color: #000;}
h4.sub-tit2:not(:first-of-type) {margin-top: 24px;}
h4.sub-tit2 span.thin {font-weight: 500;}

/** 세무대행 **/
.radio-col-wrap.col2 {display: flex; flex-wrap: wrap;}
.radio-col-wrap .radio-wrap {flex: 1 0 auto; width: 50%; max-width: 50%; margin: 0 0 16px;}
.tax-info {padding: 0;}
.tax-info li {width: 100%; height: auto;}
.tax-info img {display: block; margin: 0 auto; width: 100%; max-width: 320px;}
@media screen and (min-width: 769px) {
   .tax-info li {width: auto;}
   .tax-info li + li {margin-left: 16px;}
}

/** 온라인 광고 대행 **/
.mb-40 {margin-bottom: 40px !important;}
.img-box-ad img {width: 100%; height: auto;}
@media screen and (min-width: 641px) {
   .img-box-ad {display: inline-block; vertical-align: top; width: calc(100% - 360px);}
   .img-box-ad + .point-guide {display: inline-block; margin: 34px 0 0 40px !important; width: 300px;}
}
@media screen and (min-width: 769px) {
   .img-box-ad {width: 320px;}
   .img-box-ad + .point-guide {margin: 64px 0 0 40px !important; width: auto;}
}

/** 가맹점수수료제로서비스 **/
/* 안내 */
.section-header .desc {line-height: 20px;}

.accordion-wrap.line li {margin-top: 0;}
.accordion-wrap.line li .accd-tab button {padding: 20px 24px; border-bottom: 1px solid #eee; color: #000;}
.accordion-wrap.line li:last-child .accd-tab button {border-bottom: 0;}
.accordion-wrap.line li .accd-tab:not(.no-cont):after {right: 27px;}
.accordion-wrap.line li .accd-cont {padding: 24px; background: #f8f8f8; color: #666;}

.icon-list dl {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; border-bottom: 1px solid #eee;}
.icon-list dl:last-child {border-bottom: 0;}
.icon-list dl dt {-webkit-flex: 1; -ms-flex: 1; flex: 1;}

.icon-list.apply-step dt span {color: #333; line-height: 20px;}
.icon-list.apply-step dt .tit {margin-top: 4px; font-size: 16px; font-weight: 700; line-height: 22px;}

.img-box-storefees img {width: 312px;}
.serv-cancle {margin: 32px 0 64px; text-align: center;}

/* 약관동의 */
.accordion-wrap.add-checkbox .accd-cont.bg-none {margin-left: 0; padding: 0; background-color: transparent;}

.store-fee-check .accordion-wrap.add-checkbox .accd-tab .checkbox-wrap:not(.type4) {top: 4px; transform: translateX(0);}
.store-fee-check .accordion-wrap.add-checkbox .txt-bul.style3 {margin-left: 32px;}

.store-fee-check .accordion-wrap.add-checkbox .accordion-wrap.add-checkbox {padding-right: 0;}

.store-fee-check .accordion-wrap.add-checkbox .toggle-only li + li {margin-top: 0;}
.store-fee-check .accordion-wrap.add-checkbox .toggle-only .accd-tab::after {width: 4px; height: 4px; border-width: 1px;}
.store-fee-check .accordion-wrap.add-checkbox .toggle-only .accd-tab button {padding: 8px 4px;}
.store-fee-check .accordion-wrap.add-checkbox .toggle-only .accd-cont {margin: 4px 0 16px 36px; padding: 12px;}

.store-fee-check .accd-cont .txt-bul .c-gray3::before {background-color: #979797;}
.footnote {position: relative; left: 0; padding-left: 82px; margin-left:36px;}
.footnote::before {content: '* 고유식별정보 : '; position: absolute;  left: 0;}

/* 신청 완료 */
.detail-list {padding: 17px 16px; border-radius: 8px;}
.detail-list h3 {font-size: 14px; font-weight: 700; line-height: 20px;}
.detail-list h3.line {margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid #eee;}
.detail-list dl {display: -webkit-box; display: -ms-flexbox; display: flex;}
.detail-list dl:not(:first-child) {margin-top: 10px;}
.detail-list dt {padding-right: 16px; color: #666; line-height: 20px;}
.detail-list dd {-webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: 700; text-align: right;}
.detail-list.border {padding: 20px; border: 1px solid #ddd; background: #fff;}
.detail-list.bg-gray2 {background: rgba(239,240,245,.5) !important;}
.detail-list .more {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px -20px -17px -20px; width: calc(100% + 40px); border-top: 1px solid #eee; text-align: center; line-height: 52px;}
.detail-list .more::after {content: ''; display: inline-block; margin-left: 2px; width: 16px; height: 16px; background: url('../images/mys2021/icon_666_arrow.svg') no-repeat center center; background-size: contain; transform: rotate(-90deg); transition: all ease-in-out 0.3s;}
.detail-list .more-view {max-height: 140px; overflow: hidden;}
.detail-list .more-view.on {max-height: none;}
.detail-list .more-view.on + .more::after {transform: rotate(-270deg);}
.detail-list.border .dotted-top-line {position: relative; margin-top: 40px;}
.detail-list.border .dotted-top-line::before {content: ''; position: absolute; top: -20px; left: -20px; right: -20px; height: 0; border-top: 1px dashed #cdcdcd;}

/* 조회/결과 */
.col-tbl {border-top: 1px solid #000;}
.col-tbl table {table-layout: fixed; width: 100%;}
.col-tbl th + th, .col-tbl td + td {border-left: 1px solid #ccc;}
.col-tbl th {padding: 14px 0; font-weight: 700; line-height: 20px;}
.col-tbl td {padding: 15px 0; color: #333; text-align: center; line-height: 20px; background:#fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.col-tbl tr:nth-of-type(2n-1) td {background: #f3f3f3;}

/* 가맹점 수수료 Zero 서비스안내 팝업 */
.store-img-box img {width: 100%; height: auto;}
.msg-pop-cont ul.txt-bul li.fs-12:before {top: 6px;}

/* 적립금액 확인 */
.border-list dl {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px; font-weight: 700; border: 1px solid #ddd; border-radius: 8px;}
.border-list dt {position: relative; padding: 2px 0 2px 32px; line-height: 20px;}
.border-list dd {-webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 2px 0; text-align: right; line-height: 20px;}

.linked-account dt.icon::before {content:''; position: absolute; top: 0; left: 0; width: 24px; height: 24px;}
.linked-account dt.shinhan::before {background: url('../images/mys2021/icon_account_manage.png') no-repeat 0 center; background-size: cover;}

/* 적립내역 */
.detail-box.store-detail .time {display: block; margin-top: -3px; margin-bottom: 10px; font-size: 12px; font-weight: 700; line-height: 16px; color: #888;}
.detail-box.store-detail dl {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 4px;}
.detail-box.store-detail dl:first-of-type {margin-top: 6px;}
.detail-box.store-detail dl.justify-between {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.detail-box.store-detail dt {margin-right: 4px;}
.detail-box.store-detail dd {color: #666; font-weight: 500;}
.detail-box.store-detail .name {font-size: 16px; line-height: 22px;}
.detail-box.store-detail .card dd {position: relative; margin-left: 13px;}
.detail-box.store-detail .card dd::before {content: ''; position: absolute; top: 50%; left: -7px; width: 1px; height: 10px; background-color: #ddd; transform: translateY(-50%);}
.detail-box.store-detail .point dd {color: #000; font-size: 16px; font-weight: 700; line-height: 24px;}

/* 적립내역 검색조건 */
.input-wrap.calendar {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; border-bottom: 1px solid #eee;}
.input-wrap.calendar > .input-box {-webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 0;}
.input-wrap.calendar > .input-box input {padding: 8px 36px 8px 0; font-size: 16px; line-height: 22px;}
.input-wrap.calendar > .input-box button, .input-wrap.calendar .ui-datepicker-trigger {position: absolute; top: 50%; right: 0; width: 24px; height: 24px; background: url('../images/mys2021/icon_calendar_line_24.svg') no-repeat center center; background-size: contain; font-size: 0; transform: translateY(-45%);}
.input-wrap.calendar > span {display: inline-block; margin: 0 30px; width: 10px; height: 1px; background: #888;}
@media screen and (max-width: 359px) {
   .input-wrap.calendar > span {margin: 0 10px;}
}

/* 고객 설문서비스 */
.msg-box-wrap.msg-survey {height: 441px;}
.msg-box-wrap.msg-survey .swiper-slide .msg-box .msg-content {min-height: 263px;}
.msg-box-wrap.msg-survey .swiper-slide .msg-box .msg-content.border-none {min-height: 233px;}
.msg-box-wrap.msg-survey .swiper-slide .msg-box .msg-content.details {min-height: 265px;}
.msg-box-wrap.msg-survey .msg-content.border-none .dashboard-box .img-wrap {width: 164px; transform: translate(-50%, -80%);}
.msg-box-wrap.msg-marketing .progress-wrap .progress-tit {font-size: 12px; line-height: 16px;}
.msg-box-wrap.msg-marketing .progress-wrap .progress-bar {position: relative; margin-top: 8px; width: 100%; height: 4px; background: #edf0f8;}
.msg-box-wrap.msg-marketing .progress-wrap .gage {position: absolute; top: 0; left: 0; width: 0; height: 4px; background: linear-gradient(#568efc, #486be1); transition: width .5s ease-in-out; -webkit-transition: width .5s ease-in-out; -moz-transition: width .5s ease-in-out; -ms-transition: width .5s ease-in-out; -o-transition: width .5s ease-in-out;}
.msg-box-wrap.msg-marketing .progress-wrap .gage::after {content: ''; display: block; position: absolute; top: 50%; right: 0; margin-top: -6px; width: 1px; height: 12px; background: #476eff;}
.msg-box-wrap.msg-marketing .progress-wrap .gage > span { position: absolute; top: 100%; left: auto; right: 0; margin-top: 4px; margin-left: 50%; font-size: 12px; line-height: 16px; color: #476eff; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; }
.msg-box-wrap.msg-marketing .progress-wrap .gage > span.early { transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); }
.msg-box-wrap.msg-marketing .progress-wrap .gage > span.deadline { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.msg-box-wrap.msg-marketing .box-participant {margin-top: 30px; padding: 24px 19px 24px; height: 105px; text-align: center; background: #eff0f5;}
.msg-box-wrap.msg-marketing .box-participant > p {font-size: 16px; line-height: 22px; color: #666;}
.msg-box-wrap.msg-marketing .box-participant > span {font-size: 30px; font-weight: 900; line-height: 40px; color: #000;}
/* .msg-box-wrap.msg-survey {padding: 32px 24px 24px; background: linear-gradient(90deg, #0474c3, #47a0bd); }
.msg-box-wrap.msg-survey .msg-box .msg-header:after {display: none;}
.msg-box-wrap.msg-survey .sub-label {font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 16px; font-weight: 500; line-height: 22px; color: #666;}
.msg-box-wrap.msg-survey .sub-label + p {font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 30px; line-height: 40px; font-weight: 900; color: #000;} */

/* ==========================================================================
   운영분석
   ========================================================================== */
/* 고객 매장 평가*/
.point-result-line {padding-bottom: 24px; border:1px solid #eff0f5; border-radius: 8px;}
.point-result-line .review-point { border-radius: 8px 8px 0 0;}
.point-result-line .line-graph { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top:6px;}
.point-result-line .line-graph:first-child { margin-top:0;}
.point-result-line .line-graph em { display: block; width: 17.9%; text-align:right; padding-right: 16px; color: #476eff;}
.point-result-line .line-graph .graph-sm { width: 62.6%; height:4px; margin-top:9px; border-radius: 0; background: #f6f6f6;}
.point-result-line .line-graph .graph-sm .point { height: 4px;  border-radius: 0;}
.point-result-line .line-graph .count { position: static; width: 19.5%; padding-left: 16px;}
.point-result-line.type2 { border: none; border-radius: 0;}
.point-result-line.type2 .review-point { border-radius: 0;}
.point-result-line.type2 .line-graph .count, .point-result-line.type2 .review-point strong { color:#000;}

.point-result-star .star-graph-sm { margin-right: 4px;}
.point-result-star .msg-wrap.account { padding: 0;}
.point-result-star .msg-wrap.account .list-item  {position:relative; width: 100%; margin:0 0 0 0; padding:20px 0 22px 34px; line-height:20px; border-top: 1px solid #eee;}
.point-result-star .msg-wrap.account .list-item:first-child {border-top:0;}
.point-result-star .msg-wrap.account .list-item strong { font-size: 14px; font-weight:500;}
.point-result-star .msg-wrap.account .list-item:before { top: 50%; width:24px; height:24px; transform: translate(0, -50%);}
.point-result-star .msg-wrap.account .flex-box { margin-top:5px;}
[class^="icon-logo-"] {padding-left: 34px;}
[class*="icon-logo-"]:before {content:''; position:absolute; left:0; top: 50%; background-image:none; background-position:50% 50%; background-repeat: no-repeat; background-size: 24px auto;}
.icon-logo-bank[bank-code="001"]:before {background-image:url('../images/mys2021/icon_logo_bank_001.png');}
.icon-logo-naver:before {background-image: url('../images/mys2021/icon_logo_naver.png');}
.icon-logo-kakao:before {background-image: url('../images/mys2021/icon_logo_kakao.png');}
.icon-logo-google:before {background-image: url('../images/mys2021/icon_logo_google.png');}

/* 평가분석 */
.mb-64 {margin-bottom: 64px !important;}
.sect-ctit {font-size: 18px; font-weight: 700; line-height: 26px;}

.analysis-top-info {display: -webkit-box; display: -ms-flexbox; display: flex; white-space: normal;}
.analysis-top-info li:first-child { max-width:calc(100% - 80px); padding-right:16px;}
.analysis-top-info h2 {font-size: 22px; font-weight: 400; line-height: 30px;}
.analysis-top-info h2 strong {font-weight: 700; word-break:break-all;}
.analysis-top-info p {position: relative; line-height: 20px;}
.analysis-top-info p.highlight {display: inline-block;}
.analysis-top-info p.highlight::before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 8px; background: #e2e8ff; z-index: -1;}

.w-slide-wrap { /* height:348px; */ padding: 24px; border-radius: 8px; background: #fff;}
.w-slide-wrap:first-child { margin-top:0 !important;}
.w-slide-wrap .swiper-container {padding: 0;}
/* #keywordSlide > ul > li {display: inline-table; width: 100%; overflow: visible; -webkit-overflow-scrolling: touch;} */
/* #keywordSlide .swiper-pagination {position: absolute; top: 10px; right: 0;} */

#keywordChart {width: 100%; height: 222px; margin: 0 auto;}
#keywordChart .highcharts-container {width: 100% !important;}
.online-search-wrap .date {color: #666; font-size: 12px; font-weight: 400; line-height: 16px;}
.month-label {display: -webkit-box; display: -ms-flexbox; display: flex;}
.month-label li {-webkit-flex: 1; -ms-flex: 1; flex: 1; border-radius: 8px; background: #f3f5ff; color: #3048a2; font-size: 12px; font-weight: 400; text-align: center; line-height: 24px;}
.month-label li + li {margin-left: 2px;}

.label-tab {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 37px; width: 100%; height: 36px; border-bottom: 1px solid #eee;}
.label-tab.only1key {justify-content: flex-start;}
.label-tab li {padding: 0 7px;}
.label-tab li:first-child {padding: 0 7px 0 0; min-width: 40px;}
.label-tab.only1key li:not(:first-child) {padding: 0 7px; flex: 1 0 auto;}
.label-tab li a {position: relative; display: block; padding-bottom: 3px; font-size: 11px; font-weight: 700; text-align: center; line-height: 16px;}
.label-tab li a .search-num {font-weight: 400;}
.label-tab li.on a::after {content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000;}
.label-tab li.on a.c-chart1::after {background-color: #ff5b96;}
.label-tab li.on a.c-chart2::after {background-color: #379aad;}
.label-tab li.on a.c-chart3::after {background-color: #69d4ff;}
.label-tab li.on a.c-chart4::after {background-color: #476eff;}
.label-tab li.on a .search-num {font-weight: 700;}
@media screen and (max-width: 767px) {
   .label-tab li:not(:first-child) {padding: 0 4px; max-width: 56px;}
   .label-tab.only1key li:not(:first-child) {padding: 0 10px; max-width: 100%;}
   .label-tab li a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}
@media screen and (max-width: 340px) {
   .sect-ctit > span {font-size: 15px;}
}

.month-keyword {padding-top: 36px; text-align: center; white-space: normal; font-size: 0; line-height: 0;}
.month-keyword span {display: inline-block; margin: 4px; padding: 0 16px; height: 32px; border-radius: 22px; background: #f6f6f6; font-size: 12px; line-height: 32px;}
.month-keyword span.hit {background-color: #476eff; color: #fff;}
.month-keyword span.new {position: relative; background-color: #ffdde2;}
.month-keyword span.new::after {content: 'N'; position: absolute; top: -4px; right: 0; width: 16px; height: 16px; border-radius: 100%; background-color: #fb5c4f; color: #fff; font-size: 10px; font-weight: 700; text-align: center; line-height: 16px;}

.customer-review .arrow-right-sm {display:block; line-height: 26px;}
.customer-review .arrow-right-sm:after { width:6px; height:6px; border-right:1px solid #000; border-bottom:1px solid #000;}
.customer-review > div:first-child { border-top:0 !important;}
.customer-review dl {display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 62px;}
.customer-review dl dt {padding-right:6px; font-size: 16px; font-weight:700;}
.customer-review dl dd {color: #aaa; font-size: 16px; font-weight: 400;}
.customer-review dl dd strong {color: #000;}
.customer-review dl dd .star-graph-sm { display:inline-block; vertical-align:middle; margin-top:-3px;}
.customer-review .txt-bul.type2 li {margin-top: 8px; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.customer-review .txt-bul.type2 li:first-child {margin-top: 0;}

.no-analysis .tit {font-size: 20px; font-weight: 400; line-height: 28px;}
.no-analysis p {margin-bottom: 27px; color: #666;}

.banner-wrap .swiper-slide {height: 80px; background:#f6f6f6; vertical-align:top;}
.banner-wrap .swiper-slide > a {position: relative; display: block; padding: 20px 30px 20px 24px; height: 80px;}
.banner-wrap .swiper-slide .txt-area {padding-right: 104px;}
.banner-wrap .swiper-slide .txt-area strong {display: block; font-size: 14px; font-weight: 700; line-height: 20px;}
.banner-wrap .swiper-slide .txt-area span {display: block; margin-top: 4px; font-size: 12px; font-weight: 500; line-height: 16px; color: rgba(0,0,0,.6);}
.banner-wrap .swiper-slide img {position: absolute; top: 0; right: 30px; width: 80px; height: 80px;}
.banner-wrap .swiper-pagination-bullets { margin-top:10px;}
@media screen and (max-width: 359px) {
   .banner-wrap .swiper-slide .txt-area {padding-right: 74px;}
   .banner-wrap .swiper-slide img {top: 5px; right: 20px; width: 70px; height: 70px;}
}
.link-group.type2 > li + li {margin-top: 10px;}
.link-group.type2 > li {border: 1px solid #d1d2d9; border-radius: 4px; background: #eff0f5;}
.link-group.type2.arrow-sm li a {padding: 18px; color: #383b5a; font-size: 14px; line-height: 14px;}

/* 매장경영 보고서 */
.container.business-analysis-container {padding: 0; min-height: 100%;}
.container.business-analysis-container .cont-tit.txt_hidden {display: none;}
.business-analysis-container .analysis-top {padding: 80px 24px 32px; color: #fff; background: linear-gradient(90deg, #583ce3, #724ffe 80%);}
.business-analysis-container .analysis-top .tit {font-size: 20px; font-weight: 400; line-height: 28px;}
.business-analysis-container .analysis-top .period {margin-top: 24px; font-size: 12px; font-weight: 400; line-height: 16px;}
.business-analysis-container .analysis-top .period span {margin-left: 6px;}
.business-analysis-container .analysis-info {min-height: 508px;}
.business-analysis-container .analysis-info .tit-wrap .tit {display: inline-block; font-size: 16px; font-weight: 700; line-height: 22px;}
.business-analysis-container .analysis-info .tit-wrap .tooltip-wrap {margin-left: 4px; padding-top: 2px; padding-right: 16px; height: 22px; vertical-align: top;}
.business-analysis-container .analysis-info .tooltip-wrap .tooltip {top: 24px; left: 40px !important; padding: 10px 12px 12px; width: calc(100vw - 80px); max-width: 280px;}
.business-analysis-container .analysis-info .tooltip-wrap .tooltip:before, .business-analysis-container .analysis-info .tooltip-wrap .tooltip:after {display: none;}
.business-analysis-container .analysis-info .tooltip-wrap .tooltip-content {width: 100%; max-width: 100%;}
.business-analysis-container .analysis-info .tooltip-content .tit {font-size: 14px; font-weight: 700; line-height: 20px; color: #333;}
.business-analysis-container .analysis-info .tooltip-content .grade {flex-wrap: wrap; width: 100%; height: 20px; border-radius: 4px; overflow: hidden;}
.business-analysis-container .analysis-info .tooltip-content .grade > .gd {flex: 1; margin-left: 1px; padding: 3px 0 2px; font-size: 11px; font-weight: 700; line-height: 14px; color: #fff; text-align: center;}
.business-analysis-container .analysis-info .tooltip-content .grade > .gd1 {margin: 0; background: #8cd54f;}
.business-analysis-container .analysis-info .tooltip-content .grade > .gd2 {background: #c3c047;}
.business-analysis-container .analysis-info .tooltip-content .grade > .gd3 {background: #fbaa3e;}
.business-analysis-container .analysis-info .tooltip-content .grade > .gd4 {background: #eb642e;}
.business-analysis-container .analysis-info .tooltip-content .grade > .gd5 {background: #da1d1d;}
.business-analysis-container .analysis-info .tooltip-content .grade-val {flex-wrap: wrap; justify-content: space-between;}
.business-analysis-container .analysis-info .tooltip-content .grade-val > span {font-size: 12px; line-height: 16px; color: #888;}
.business-analysis-container .analysis-info .graph .axis-wrap {font-family: 'SpoqaHanSansNeo', 'sans-serif'; text-align: center;}
.business-analysis-container .analysis-info .graph .axis-wrap .label {font-size: 14px; font-weight: 500; color: #000; line-height: 20px;}
.business-analysis-container .analysis-info .graph .axis-wrap .gd {margin-top: 4px; padding: 3px 0 2px; width: 42px; height: 20px; font-size: 11px; font-weight: 700; line-height: 14px; color: #fff; border-radius: 4px;}
.business-analysis-container .analysis-info .graph .axis-wrap .gd.gd1, .business-analysis-container .analysis-detail .tab-content .title-wrap .gd1 {background: #8cd54f;}
.business-analysis-container .analysis-info .graph .axis-wrap .gd.gd2, .business-analysis-container .analysis-detail .tab-content .title-wrap .gd2 {background: #c3c047;}
.business-analysis-container .analysis-info .graph .axis-wrap .gd.gd3, .business-analysis-container .analysis-detail .tab-content .title-wrap .gd3 {background: #fbaa3e;}
.business-analysis-container .analysis-info .graph .axis-wrap .gd.gd4, .business-analysis-container .analysis-detail .tab-content .title-wrap .gd4 {background: #eb642e;}
.business-analysis-container .analysis-info .graph .axis-wrap .gd.gd5, .business-analysis-container .analysis-detail .tab-content .title-wrap .gd5 {background: #da1d1d;}
.business-analysis-container .analysis-info .min-max {position: absolute; left: 50%; bottom: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 312px; background: #fff; border-radius: 8px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.business-analysis-container .analysis-info .min-max > div {flex: 1; margin: 20px 0; height: 30px;}
.business-analysis-container .analysis-info .min-max > div + div {border-left: 1px solid #eee;}
.business-analysis-container .analysis-info .min-max > div p {position: relative; display: block; margin-top: -7px; padding: 5px 78px 5px 40px; font-size: 12px; line-height: 16px; color: #888;}
.business-analysis-container .analysis-info .min-max > div p:after { content: ''; position: absolute; top: 50%; right: 30px; width: 30px; height: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.business-analysis-container .analysis-info .min-max > .max p:after {background: url('../images/mys2021/icon_storemanage_increase.svg') 0 0 no-repeat; background-size: 30px auto;}
.business-analysis-container .analysis-info .min-max > .min p:after {background: url('../images/mys2021/icon_storemanage_decrease.svg') 0 0 no-repeat; background-size: 30px auto;}
.business-analysis-container .analysis-info .min-max > div p > span {display: block; font-size: 14px; line-height: 20px; color: #000;}
.business-analysis-container .analysis-info > .msg-wrap {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(255,255,255,.95); z-index: 9; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
.business-analysis-container .analysis-info.nodata > .msg-wrap {display: -webkit-box; display: -ms-flexbox; display: flex;}
.wrap .business-analysis-container .analysis-info + .analysis-detail {position: relative; padding: 0;}
.wrap .business-analysis-container .analysis-info.nodata + .analysis-detail {display: none;}
.wrap .business-analysis-container .analysis-info.nodata .msg-wrap .btn {font-size: 12px;}
.business-analysis-container .analysis-detail .detail-inner-tab {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; padding-top: 8px; min-height: 100%;}
.business-analysis-container .analysis-detail .detail-inner-tab.fixed {padding-top: 56px; z-index: 8;}
.business-analysis-container .analysis-detail .detail-inner-tab.fixed > .ui-tab {position: fixed; top: 56px; background: #fff; z-index: 2;}
.business-analysis-container .analysis-detail .tab-content {position: relative; padding-bottom: 60px; min-height: 100%; overflow: hidden;}
.business-analysis-container .analysis-detail .tab-content .sect {padding: 40px 24px 48px;}
.business-analysis-container .analysis-detail .tab-content .title-wrap {font-size: 0;}
.business-analysis-container .analysis-detail .tab-content .title-wrap h3 {display: inline-block; font-size: 16px; font-weight: 700; line-height: 22px;}
.business-analysis-container .analysis-detail .tab-content .title-wrap .grade {display: inline-block; margin: 2px 0 -2px 4px; padding: 3px 0 2px; width: 42px; height: 20px; font-size: 11px; font-weight: 700; line-height: 14px; color: #fff; text-align: center; vertical-align: top; border-radius: 4px;}
.business-analysis-container .analysis-detail .analysis-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; margin-top: 16px; border: 2px solid #eee; border-radius: 8px;}
.business-analysis-container .analysis-detail .analysis-box .graph-wrap {flex: 1 0 auto; position: relative; padding: 32px 20px; text-align: center; z-index: 1;}
.business-analysis-container .analysis-detail .analysis-box .graph-wrap p {font-size: 16px; line-height: 22px; color: #666;}
.business-analysis-container .analysis-detail .analysis-box .box-gray {flex: none; padding: 20px; background: #f8f8f8;}
.business-analysis-container .analysis-box .box-gray .txt-bul.type2 li {padding-left: 14px; color: #666;}
.business-analysis-container .analysis-box .box-gray .txt-bul.type2 li + li {margin-top: 8px;}
.business-analysis-container .analysis-box .box-gray .txt-bul.type2 li:before {left: 4px; background-color: rgba(102,102,102,.3);}
.business-analysis-container .analysis-box .box-gray p.txt-bul.style3 {margin-top: 8px; color: #76798e;}
.business-analysis-container .analysis-box .graph, .business-analysis-container .analysis-box .graph > .highcharts-container {overflow: visible !important;}
.business-analysis-container .analysis-box .graph .highcharts-axis-labels > span {min-width: 88px; text-align: center;}
.business-analysis-container .analysis-box #graphStoreSales2 .highcharts-axis-labels > span:nth-of-type(3) {width: 115px !important;}
.business-analysis-container .analysis-box #graphStoreSales4 .highcharts-axis-labels > span:nth-of-type(2) {width: 135px !important;}
.business-analysis-container .analysis-box .graph .label {font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size: 14px; font-weight: 700; line-height: 20px; color: #000; vertical-align: top;}
.business-analysis-container .analysis-box .graph .label .tooltip-wrap {margin: 2px 0 -2px 4px; padding-top: 2px; padding-right: 16px; height: 14px;}
.business-analysis-container .analysis-box .graph .tooltip-wrap .tooltip {padding: 12px; width: calc(100vw - 120px); max-width: 240px; background: rgba(255,255,255,1); border-radius: 8px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
.business-analysis-container .analysis-box .graph .tooltip-wrap .tooltip:before, .business-analysis-container .analysis-box .graph .tooltip-wrap .tooltip:after {display: none;}
.business-analysis-container .analysis-box .graph .tooltip-wrap .tooltip-content {width: 100%; max-width: 100%;}
.business-analysis-container .analysis-detail .analysis-box .graph-wrap .tooltip p {font-size: 12px; font-weight: 500; line-height: 16px; color: #333; text-align: left; white-space: normal;}
.business-analysis-container .analysis-detail .analysis-box .graph-wrap .tooltip p.tit {padding-right: 20px; font-weight: 700;}
.business-analysis-container .analysis-detail .tab-content .sect-tip { position: absolute; top: 100%; left: 0; width: 100%; background: linear-gradient(90deg, #583ce3, #724ffe); border-radius: 16px 16px 0 0; transition: top .5s ease-in-out; -webkit-transition: top .5s ease-in-out; -moz-transition: top .5s ease-in-out; -ms-transition: top .5s ease-in-out; -o-transition: top .5s ease-in-out; }
.business-analysis-container .analysis-detail .tab-content .sect-tip.act {top: calc(100% - 60px);}
.business-analysis-container .analysis-detail .tab-content .sect-tip > a {display: flex; align-items: center; padding: 12px 20px 8px; width: 100%; height: 60px;}
.business-analysis-container .analysis-detail .tab-content .sect-tip p {flex: 1; position: relative; padding: 0 32px 0 33px; font-size: 14px; font-weight: 700; line-height: 20px; color: #fff;}
.business-analysis-container .analysis-detail .tab-content .sect-tip p:before {content: 'TIP.'; position: absolute; top: 0; left: 0; font-weight: 900; color: rgba(255,255,255,.5);}
.business-analysis-container .analysis-detail .tab-content .sect-tip p:after {content: ''; position: absolute; top: 50%; right: 0; display: block; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg);}
.business-analysis-container .analysis-detail .highcharts-legend-item .highcharts-point {
   y: 5 !important;
}
@media screen and (max-width: 340px) {
   .wrap .container.business-analysis-container .sect.analysis-info {padding: 24px 14px 48px;}
   .business-analysis-container .analysis-detail .analysis-box .graph-wrap #graphStoreSales5 {margin: 0 -10px;}
}

/* 골목상권보고서 */
.container.local-businesses-container {min-height: 100%;}
.container.local-businesses-container > .contents {background: linear-gradient(#ffffff, #d5dde7 30%)}
.container.local-businesses-container .cont-tit.txt_hidden {display: none;}
.container.local-businesses-container .sect {flex: 1 0 auto; position: relative; padding: 0 !important; background: transparent;}
.container.local-businesses-container .sect-info-tit {flex: none; height: 238px; overflow: hidden;}
.container.local-businesses-container .sect-info-tit .title-wrap {position: absolute; left: 32px; bottom: 82px; width: 52%; max-width: 182px; font-size: 22px; font-weight: 400; line-height: 32px;z-index: 2;}
.container.local-businesses-container .sect-info-tit .title-wrap, .container.local-businesses-container .sect-info-tit .title-wrap > strong {word-break: keep-all;}
.container.local-businesses-container .sect-info-tit .title-wrap > strong {word-break: break-all;}
.container.local-businesses-container .sect-info-tit .moving-weather {position: absolute; top: 0; right: calc(100% - 190px); width: 190px; height: 168px; opacity: 0; animation: movingWeather  1s 1s forwards; -webkit-animation: movingWeather  1s 1s forwards;}
.container.local-businesses-container .sect-info-tit .moving-weather .weather {display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden;}
.container.local-businesses-container .sect-info-tit .moving-weather .weather-1 {background-image: url('../images/mys2021/weather_01.svg'); background-size: 211px auto;} /* 흐림 */
.container.local-businesses-container .sect-info-tit .moving-weather .weather-2 {background-image: url('../images/mys2021/weather_02.svg'); background-size: 211px auto;} /* 맑음 */
.container.local-businesses-container .sect-info-tit .moving-weather .weather-3 {background-image: url('../images/mys2021/weather_03.svg'); background-size: 211px auto;} /* 아주 맑음 */
.container.local-businesses-container .sect-info-tit .box-weather {position: absolute; left: 24px; bottom: 0; padding: 14px 16px 16px 20px; width: calc(100% - 48px); height: 50px; background: #f8f8f8; border-radius:12px;}
.container.local-businesses-container .sect-info-tit .box-weather strong {color: #000; z-index: 1;}
.container.local-businesses-container .sect-info-tit .box-weather .line, .container.local-businesses-container .sect-info-tit .box-weather .line strong {position: relative;}
.container.local-businesses-container .sect-info-tit .box-weather .line:after {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 8px; background: #e2e8ff; z-index: 0;}
.container.local-businesses-container .sect-info-tit .box-weather .ico-emoji {display: inline-block; margin-left: 4px; font-style: normal; vertical-align: top;} 
.container.local-businesses-container .sect-info-tit .box-weather .ico-emoji.ico-emoji-1:before {content: '\1F622';} /* 흐림 */
.container.local-businesses-container .sect-info-tit .box-weather .ico-emoji.ico-emoji-2:before {content: '\1F642';} /* 맑음 */
.container.local-businesses-container .sect-info-tit .box-weather .ico-emoji.ico-emoji-3:before {content: '\1F606';} /* 매우 맑음 */
.container.local-businesses-container .lb-reports {margin: 86px auto; padding: 0 24px; width: 100%; max-width: 896px;}
.container.local-businesses-container .lb-reports .swiper-slide {width: 200px; height: 260px;}
.container.local-businesses-container .lb-reports .report-panel {position: relative; width: 100%; height: 100%; border-radius: 12px;}
.container.local-businesses-container .lb-reports .report-panel.panel1 {background: linear-gradient(90deg, #1d7bdc 25%, #617dff);}
.container.local-businesses-container .lb-reports .report-panel.panel2 {background: linear-gradient(90deg, #0474c3 25%, #47a0bd);}
.container.local-businesses-container .lb-reports .report-panel.panel3 {background: linear-gradient(90deg, #537aff 25%, #57b6ff);}
.container.local-businesses-container .lb-reports .report-panel.panel4 {background: linear-gradient(90deg, #3d65ff 25%, #476cca);}
.container.local-businesses-container .lb-reports .tit-wrap {flex: none; padding: 11px 20px; background: url('../images/mys2021/bg_top_translucent_h_58.svg') 0 0 no-repeat; background-size: auto 58px;}
.container.local-businesses-container .lb-reports .tit-wrap > p {font-size: 12px; font-weight: 700; line-height: 16px; color: rgba(255,255,255,.35);}
.container.local-businesses-container .lb-reports .tit-wrap > p strong {font-size: 14px; color: rgba(255,255,255,.8);}
.container.local-businesses-container .lb-reports .tit-wrap .btn {position: absolute; top: 14px; right: 12px; width: 32px; height: 32px; text-indent: -9999px; background: rgba(255,255,255,.25); border: none; border-radius: 50%; overflow: hidden;}
.container.local-businesses-container .lb-reports .tit-wrap .btn:before {content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; background: url('../images/mys2021/icon_arrow_right_w16.svg') 0 0 no-repeat; background-size: 16px 16px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.container.local-businesses-container .lb-reports .cont-wrap {justify-content: flex-end; margin-top: 42px; padding: 14px 20px 30px; color: #fff;}
.container.local-businesses-container .lb-reports .panel1 .cont-wrap {background: url('../images/mys2021/bg_lb_report_panel1.svg') 0 0 no-repeat; background-size: 200px auto;}
.container.local-businesses-container .lb-reports .panel2 .cont-wrap {background: url('../images/mys2021/bg_lb_report_panel2.svg') 0 0 no-repeat; background-size: 200px auto;}
.container.local-businesses-container .lb-reports .panel3 .cont-wrap {background: url('../images/mys2021/bg_lb_report_panel3.svg') 0 0 no-repeat; background-size: 200px auto;}
.container.local-businesses-container .lb-reports .panel4 .cont-wrap {background: url('../images/mys2021/bg_lb_report_panel4.svg') 0 0 no-repeat; background-size: 200px auto;}
.container.local-businesses-container .lb-reports .cont-wrap p {white-space: normal;}
.container.local-businesses-container .lb-reports .cont-wrap .point {position: relative;}
.container.local-businesses-container .lb-reports .cont-wrap .point.incre, .container.local-businesses-container .lb-reports .cont-wrap .point.decre {padding-left: 16px;}
.container.local-businesses-container .lb-reports .cont-wrap .point.incre:before, .container.local-businesses-container .lb-reports .cont-wrap .point.decre:before {content: ''; position: absolute; top: 50%; left: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.container.local-businesses-container .lb-reports .cont-wrap .point.incre:before {border-bottom: 8px solid #fb5c4f;}
.container.local-businesses-container .lb-reports .cont-wrap .point.decre:before { border-top: 8px solid #fb5c4f; transform: translateY(-30%); -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); }

@keyframes movingWeather {
   from {right: calc(100% - 190px); opacity: 0;}
   to {right: -60px; opacity: 1;}
}

.container.lb-analysis-container {padding: 0; min-height: 100%;}
.container.lb-analysis-container .cont-tit.txt_hidden {display: none;}
.lb-analysis-container .analysis-top {padding: 80px 24px 32px; color: #fff;}
.lb-analysis-container .analysis-top.c1 {background: linear-gradient(90deg, #1d7bdc, #617dff 80%);}
.lb-analysis-container .analysis-top.c2 {background: linear-gradient(90deg, #0474c3, #47a0bd 80%);}
.lb-analysis-container .analysis-top.c3 {background: linear-gradient(90deg, #537aff, #57b6ff 80%);}
.lb-analysis-container .analysis-top.c4 {background: linear-gradient(90deg, #3d65ff, #476cca 80%);}
.lb-analysis-container .analysis-top .tit {font-size: 20px; font-weight: 400; line-height: 28px;}
.lb-analysis-container .analysis-top .period {margin-top: 24px; font-size: 14px; font-weight: 700; line-height: 20px;}
.wrap .lb-analysis-container .analysis-info {padding: 0;}
.wrap .lb-analysis-container .analysis-info .map-area {width: 100%; height: 237px; background: rgba(0,0,0,0.56);}
.wrap .lb-analysis-container .analysis-info .msg-area {margin-bottom: 4px; padding: 24px 24px 0;}
.wrap .lb-analysis-container .analysis-info .msg-area .note-info.warring {margin-top: 0; word-break: break-all; border-radius: 4px;}
.wrap .lb-analysis-container .analysis-info .info-area > .sect {padding: 40px 24px 20px;}
.lb-analysis-container .analysis-info .info-area .stit2 + .btn-xs {position: absolute; top: 38px; right: 24px; width: 60px;}
.lb-analysis-container .analysis-info .info-area .store-info {margin-top: 16px;}
.lb-analysis-container .analysis-info .info-area .store-info li + li {margin-top: 8px;}
.lb-analysis-container .analysis-info .info-area .store-info li em {padding-right: 6px; color: #666;}
.lb-analysis-container .analysis-info .info-area .store-info li div {color: #000;}
.lb-analysis-container .analysis-info .info-area + .btn-wrap {padding: 0 24px;}
.lb-analysis-container .analysis-info .info-area + .btn-wrap .btn-toggle {display: block; margin-bottom: 22px; padding: 22px 20px 20px; width: 100%; border-top: 1px solid #eee; transition: margin-bottom .5s ease-in-out; -webkit-transition: margin-bottom .5s ease-in-out; -moz-transition: margin-bottom .5s ease-in-out; -ms-transition: margin-bottom .5s ease-in-out; -o-transition: margin-bottom .5s ease-in-out;}
.lb-analysis-container .analysis-info .info-area + .btn-wrap .btn-toggle span {position: relative; padding-right: 16px; font-size: 14px; line-height: 14px;}
.lb-analysis-container .analysis-info .info-area + .btn-wrap .btn-toggle span:after {content: ''; position: absolute; top: 50%; right: 4px; display: block; width: 5px; height: 5px; border-top: 1px solid #666; border-right: 1px solid #666; transform: translateY(-20%) rotate(-45deg); -webkit-transform: translateY(-20%) rotate(-45deg); -moz-transform: translateY(-20%) rotate(-45deg); -ms-transform: translateY(-20%) rotate(-45deg); -o-transform: translateY(-20%) rotate(-45deg);}
.lb-analysis-container .analysis-info .info-area + .btn-wrap .btn-toggle.act {margin-bottom: 0;}
.lb-analysis-container .analysis-info .info-area + .btn-wrap .btn-toggle.act span:after {transform: translateY(-60%) rotate(135deg); -webkit-transform: translateY(-60%) rotate(135deg); -moz-transform: translateY(-60%) rotate(135deg); -ms-transform: translateY(-60%) rotate(135deg); -o-transform: translateY(-60%) rotate(135deg);}
.lb-analysis-container .sect.analysis-detail, .wrap .lb-analysis-container .sect + .sect.analysis-detail {padding: 0;}
.lb-analysis-container .analysis-detail .detail-inner-tab {padding-top: 8px;}
.lb-analysis-container .analysis-detail .detail-inner-tab.fixed {padding-top: 104px; z-index: 8;}
.lb-analysis-container .analysis-detail .detail-inner-tab.fixed > .ui-tab {position: fixed; top: 56px; background: #fff; z-index: 9;}
.lb-analysis-container .analysis-detail .swiper-container#swipeFilters {position: relative; padding: 16px 24px 0; width: 100%;}
.lb-analysis-container .analysis-detail .detail-inner-tab.fixed > .swiper-container#swipeFilters {position: fixed; top: 104px; padding-bottom: 8px; background: #fff; z-index: 9; box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.lb-analysis-container .analysis-detail .detail-inner-tab.no-tab.fixed {padding-top: 56px;}
.lb-analysis-container .analysis-detail .detail-inner-tab.no-tab.fixed > .swiper-container#swipeFilters {top: 56px;}
.lb-analysis-container .analysis-detail .swiper-container#swipeFilters .swiper-wrapper {position: relative; width: auto; height: 36px;}
.lb-analysis-container .analysis-detail .swiper-container#swipeFilters .swiper-slide {display: inline-block; width: auto; height: 36px; vertical-align: top;}
.lb-analysis-container .analysis-detail .swiper-container#swipeFilters .swiper-slide.hide {display: none;}
.lb-analysis-container .analysis-detail .round-check .checkbox-wrap input[type="checkbox"] + label {display: block; padding: 6px 14px 8px; height: auto; font-size: 14px; font-weight: 500; line-height: 20px; color: #888; background: #eff0f5; border: 1px solid #e7e9ee; border-radius: 18px;}
.lb-analysis-container .analysis-detail .round-check .checkbox-wrap input[type="checkbox"]:checked + label {color: #fff; background: #414e7f; border-color: #414e7f;}
.lb-analysis-container .analysis-detail .round-check .sel-value {position: relative; display: block; padding: 8px 38px 8px 14px; height: auto; font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; background: #414e7f; border-color: #414e7f; border-radius: 18px;}
.lb-analysis-container .analysis-detail .round-check .sel-value .btn-del {position: absolute; top: 9px; right: 14px; width: 16px; height: 16px; text-indent: -9999px; background: rgba(255,255,255,.25); border-radius: 50%;}
.lb-analysis-container .analysis-detail .round-check .sel-value .btn-del:before, .lb-analysis-container .analysis-detail .round-check .sel-value .btn-del:after {content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 1px; background: #fff;}
.lb-analysis-container .analysis-detail .round-check .sel-value .btn-del:before {transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg);}
.lb-analysis-container .analysis-detail .round-check .sel-value .btn-del:after {transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg);}
.lb-analysis-container .analysis-detail .round-check .sel-value.compare-val {padding: 8px 38px 8px 14px;}
.lb-analysis-container .analysis-detail .round-check .sel-value.compare-val:after {content: ''; position: absolute; top: 8px; right: 14px; width: 20px; height: 20px; background: url('../images/mys2021/icon_report_filter2.svg') 0 0 no-repeat; background-size: 20px auto;}
.lb-analysis-container .analysis-detail .round-check .btn-filter {display: block; padding: 6px 14px 8px; height: auto; font-size: 14px; font-weight: 500; line-height: 20px; color: #888; background: #eff0f5; border: 1px solid #e7e9ee; border-radius: 18px;}
.lb-analysis-container .analysis-detail .round-check .btn-filter span {position: relative; padding-right: 24px;}
.lb-analysis-container .analysis-detail .round-check .btn-filter span:after {content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url('../images/mys2021/icon_report_filter.svg') 0 0 no-repeat; background-size: 20px auto;}
.lb-analysis-container .analysis-detail .tab-content {position: relative; padding-bottom: 60px; min-height: 100%; overflow: hidden;}
.lb-analysis-container .analysis-detail .tab-content > .sect {padding: 40px 24px;}
.lb-analysis-container .analysis-detail .tab-content > .sect > p.txt {margin-top: -8px; color: #666;}
.lb-analysis-container .analysis-detail .tab-content .title-wrap.tooltip-wrap {padding-right: 20px;}
.lb-analysis-container .analysis-detail .tab-content .title-wrap > * {vertical-align: top;}
.lb-analysis-container .analysis-detail .tab-content .title-wrap h3 {display: inline-block; font-size: 16px; line-height: 22px;}
.lb-analysis-container .analysis-detail .tooltip-wrap .btn-tooltip {top: 4px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
.lb-analysis-container .analysis-detail .tooltip-wrap h3 + .btn-tooltip { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.lb-analysis-container .analysis-detail .tooltip-wrap .tooltip {z-index: 2;}
.lb-analysis-container .analysis-detail .analysis-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; margin-top: 16px; border: 2px solid #eee; border-radius: 8px;}
.lb-analysis-container .analysis-detail .analysis-box .graph-wrap {flex: 1 0 auto; position: relative; padding: 32px 20px; text-align: center; z-index: 1;}
.lb-analysis-container .analysis-detail .analysis-box .graph-wrap p {font-size: 16px; line-height: 22px; color: #666;}
.lb-analysis-container .analysis-detail .analysis-box .box-gray {flex: none; padding: 20px; background: #f8f8f8; border-radius:0 0 8px 8px;}
.lb-analysis-container .analysis-detail .analysis-box .result-no-data {margin-top: 78px !important;}
.lb-analysis-container .analysis-box .box-gray .txt-bul.type2 li {padding-left: 14px; font-size: 14px; color: #666;}
.lb-analysis-container .analysis-box .box-gray .txt-bul.type2 li + li {margin-top: 8px;}
.lb-analysis-container .analysis-box .box-gray .txt-bul.type2 li:before {left: 4px; background-color: rgba(102,102,102,.3);}
.lb-analysis-container .analysis-detail .select-wrap {margin-top: 16px; border: 1px solid #e7e9ee; border-radius: 4px;}
.lb-analysis-container .analysis-detail .select-wrap .select {padding: 11px 12px; font-size: 14px; line-height: 20px; color: #000; border: none;}
.lb-analysis-container .analysis-detail .select-wrap .select:before {right: 12px; width: 6px; height: 6px; border-top: 1px solid #000; border-left: 1px solid #000;}
.lb-analysis-container .analysis-detail .select-wrap + .select-wrap {margin-left: 8px;}
.lb-analysis-container .analysis-detail .select-wrap + .analysis-box, .lb-analysis-container .analysis-detail div.flex-box + .analysis-box {margin-top: 12px;}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup {position: relative; margin: 12px -24px 16px; padding: 0 24px; width: calc(100% + 48px); height: 32px;}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup:before, .lb-analysis-container .analysis-detail .swiper-container.radioGroup:after {content: ''; position: absolute; top: 0; width: 24px; height: 100%; z-index: 9;}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup:before {left: 0; background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,.0));}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup:after {right: 0; background: linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,1) 80%);}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup .swiper-wrapper, .lb-analysis-container .analysis-detail .swiper-container.radioGroup .swiper-slide {height: 32px;}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup .radio-wrap.type3 input + label {padding: 7px 16px 9px; line-height: 16px;}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup .radio-wrap.type3 input + label:before {height: 100%; background: #f6f6f6; border: 1px solid #f6f6f6;}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup .radio-wrap.type3 input + label span {font-size: 12px; line-height: 16px; color: #666;}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup .radio-wrap.type3 input:checked + label:before {background: #fff; border: 1px solid #414e7f;}
.lb-analysis-container .analysis-detail .swiper-container.radioGroup .radio-wrap.type3 input:checked + label span {color: #414e7f;}
.lb-analysis-container .analysis-detail .analysis-box .box-gray.plr-2 { padding: 20px 24px 32px !important; border-radius: 8px 8px 0 0;}
.lb-analysis-container .analysis-detail .analysis-box .label {font-size: 12px; font-weight: 700; line-height: 16px; color: #000;}
.lb-analysis-container .analysis-detail .analysis-box table {margin-top: 12px;}
.lb-analysis-container .analysis-detail .analysis-box table th, .lb-analysis-container .analysis-detail .analysis-box table td {padding: 12px 0; font-size: 12px; font-weight: 500; line-height: 16px; text-align: center;}
.lb-analysis-container .analysis-detail .analysis-box table th {color: #666; border-top: 1px solid #2c3548; border-bottom: 1px solid #ccc;}
.lb-analysis-container .analysis-detail .analysis-box table td {font-size: 10px; line-height: 10px; color: #000; border-bottom: 1px solid #eee;}
.lb-analysis-container .analysis-detail .analysis-box td .arrow {position: relative; display: inline-block; margin-right: 4px; width: 8px; height: 8px;}
.lb-analysis-container .analysis-detail .analysis-box td .arrow:after {content: ''; position: absolute; top: 1px; left: 1px; display: block; border-left: 4px solid transparent; border-right: 4px solid transparent;}
.lb-analysis-container .analysis-detail .analysis-box td .arrow.inc:after {border-bottom: 6px solid #93d6d9;}
.lb-analysis-container .analysis-detail .analysis-box td .arrow.dec:after {top: 2px; border-top: 6px solid #93d6d9;}
.lb-analysis-container .analysis-detail .analysis-box td .arrow.another.inc:after {border-bottom: 6px solid #379aad;}
.lb-analysis-container .analysis-detail .analysis-box td .arrow.another.dec:after {top: 2px; border-top: 6px solid #379aad;}
.lb-analysis-container .analysis-detail .tab-content .sect-tip {position: absolute; top: calc(100% - 60px); left: 0; width: 100%; z-index: 10; transition: top .5s ease-in-out; -webkit-transition: top .5s ease-in-out; -moz-transition: top .5s ease-in-out; -ms-transition: top .5s ease-in-out; -o-transition: top .5s ease-in-out;}
.lb-analysis-container .analysis-detail .sect-tip .tip-header {height: 60px; border-radius: 16px 16px 0 0; overflow: hidden;}
.lb-analysis-container .analysis-detail .sect-tip .btn-tip-toggle {display: flex; align-items: center; padding: 12px 20px 8px; width: 100%; height: 60px; text-align: left;}
.lb-analysis-container .analysis-detail .sect-tip .tip-header.c1 .btn-tip-toggle {background: linear-gradient(90deg, #1d7bdc, #617dff 80%);}
.lb-analysis-container .analysis-detail .sect-tip .tip-header.c2 .btn-tip-toggle {background: linear-gradient(90deg, #0474c3, #47a0bd 80%);}
.lb-analysis-container .analysis-detail .sect-tip .tip-header.c3 .btn-tip-toggle {background: linear-gradient(90deg, #537aff, #57b6ff 80%);}
.lb-analysis-container .analysis-detail .sect-tip .tip-header.c4 .btn-tip-toggle {background: linear-gradient(90deg, #3d65ff, #476cca 80%);}
.lb-analysis-container .analysis-detail .sect-tip .btn-tip-toggle p {flex: 1; position: relative; padding: 0 32px 0 33px; font-size: 14px; font-weight: 700; line-height: 20px; color: #fff;}
.lb-analysis-container .analysis-detail .sect-tip .btn-tip-toggle p:before {content: 'TIP.'; position: absolute; top: 0; left: 0; font-weight: 900; color: rgba(255,255,255,.5);}
.lb-analysis-container .analysis-detail .sect-tip .btn-tip-toggle p:after {content: ''; position: absolute; top: 50%; right: 0; display: block; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: translateY(-10%) rotate(-45deg); -webkit-transform: translateY(-10%) rotate(-45deg); -moz-transform: translateY(-10%) rotate(-45deg); -ms-transform: translateY(-10%) rotate(-45deg); -o-transform: translateY(-10%) rotate(-45deg);}
.lb-analysis-container .analysis-detail .sect-tip .btn-tip-toggle.act p:after {transform: translateY(-50%) rotate(135deg); -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg);}
.lb-analysis-container .analysis-detail .sect-tip .tip-body {padding: 8px 24px; background: #fff;}
.lb-analysis-container .analysis-detail .sect-tip .tip-body li {position: relative; padding: 24px 0;}
.lb-analysis-container .analysis-detail .sect-tip .tip-body li + li {border-top: 1px solid #edf0f8;}
.lb-analysis-container .analysis-detail .sect-tip .tip-body li > div {padding-right: 70px; font-size: 16px; line-height: 22px; color: #414e7f;}
.lb-analysis-container .analysis-detail .sect-tip .tip-body li > div > p {margin-right: -70px; font-size: 14px; line-height: 20px; color: #76798e;}
.lb-analysis-container .analysis-detail .sect-tip .tip-body .btn-apply {position: absolute; top: 24px; right: 0; margin: 0; padding: 0 12px; width: 60px; height: 28px; font-size: 13px; line-height: 28px; color: #494f60; background: #eff0f5; border: none; border-radius: 2px;}
.lb-analysis-container .analysis-info.nodata {display: -webkit-box; display: -ms-flexbox; display: flex ; flex: 1 0 auto; padding: 70px 24px 40px !important;}
.lb-analysis-container .analysis-info.nodata .msg-wrap {transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
.lb-analysis-container .analysis-info.nodata .msg-wrap .btn {width: 118px;}
.msg-filter-pop .title .tooltip-wrap {margin-left: 0; padding-right: 30px;}

.lb-analysis-container .analysis-box #graphLocalBiz1, .lb-analysis-container .analysis-box #graphLocalBiz1 > .highcharts-container {overflow: visible !important;}

@media screen and (min-width: 769px){
   .wrap .container.business-analysis-container {padding: 101px 0 0 !important;}
   .business-analysis-container .analysis-detail .detail-inner-tab.fixed > .ui-tab {top: 101px; max-width: 1080px;}
   .container.local-businesses-container .sect-info-tit .title-wrap {width: 75%; max-width: 75%;}
   .container.local-businesses-container .sect-info-tit .moving-weather {right: 25%; width: 290px; height: 200px; opacity: 0;}
   .container.local-businesses-container .sect-info-tit .moving-weather .weather {background-size: 311px auto;}
   .wrap .container.lb-analysis-container {padding: 101px 0 0 !important;}
   .lb-analysis-container .analysis-detail .detail-inner-tab.fixed > .ui-tab {top: 101px; max-width: 1080px;}
   .lb-analysis-container .analysis-detail .detail-inner-tab.fixed > .swiper-container#swipeFilters {top: 149px; max-width: 1080px; overflow: unset;}
   .lb-analysis-container .analysis-detail .detail-inner-tab.fixed > .swiper-container#swipeFilters:before, .lb-analysis-container .analysis-detail .detail-inner-tab.fixed > .swiper-container#swipeFilters:after {content: ''; position: absolute; top: 0; width: 10px; height: 100%; background: #fff;}
   .lb-analysis-container .analysis-detail .detail-inner-tab.fixed > .swiper-container#swipeFilters:before {left: -10px;}
   .lb-analysis-container .analysis-detail .detail-inner-tab.fixed > .swiper-container#swipeFilters:after {right: -10px;}
   .lb-analysis-container .analysis-detail .detail-inner-tab.no-tab.fixed > .swiper-container#swipeFilters {top: 101px;}
   .lb-analysis-container .analysis-detail .sect-tip .tip-body {border-left: 1px solid #eee; border-right: 1px solid #eee;}
   .lb-analysis-container .analysis-detail .sect-tip .tip-body li > div {flex: 1 0 auto; line-height: 28px;}
   .lb-analysis-container .analysis-detail .sect-tip .tip-body li > div > p {margin-top: 0 !important;}
   @keyframes movingWeather {
      from {right: 25%; opacity: 0;}
      to {right: 0; opacity: 1;}
   }
}
@media screen and (max-width: 340px){
   .analysis-detail .detail-inner-tab > .ui-tab li > a {padding: 12px 8px 15px;}
}

/* ==========================================================================
   전체메뉴
   ========================================================================== */
/** 전체메뉴 **/
.pt-22 {padding-top: 22px !important;}
.layer-popup.all-menu .greeting-wrap.border:first-child:after {display: none;}
.menu-wrap .menus.service-wrap dd:before {content: ''; position: absolute; top: auto; bottom: -10px; left: 0; width: 100%; height: 16px; background: #f8f8f8;}
.menu-wrap .menus dt strong:before {content: ''; display: inline-block; width: 20px; height: 20px; margin: 0 6px 0 0;}
.menu-wrap .menus dt strong.icon_menu_thumb:before {background: url('../images/mys2021/icon_menu_thumb.svg') 0 0 no-repeat; background-size: cover;}
.menu-wrap .menus dt strong.icon_menu_sales:before {background: url('../images/mys2021/icon_menu_sales.svg') 0 0 no-repeat; background-size: cover;}
.menu-wrap .menus dt strong.icon_menu_manage:before {background: url('../images/mys2021/icon_menu_manage.svg') 0 0 no-repeat; background-size: cover;}
.menu-wrap .menus dt strong.icon_menu_admin:before {background: url('../images/mys2021/icon_menu_admin.svg') 0 0 no-repeat; background-size: cover;}
.menu-wrap .menus dt strong.icon_menu_analysis:before {background: url('../images/mys2021/icon_menu_analysis.svg') 0 0 no-repeat; background-size: cover;}
.menu-wrap .menus dt strong.icon_menu_cs:before {background: url('../images/mys2021/icon_menu_cs.svg') 0 0 no-repeat; background-size: cover;}
.menu-wrap .menus.service-wrap {min-height: auto !important; margin: 0;}
.menu-wrap .menus.service-wrap dl dt {padding: 40px 24px 20px;}
.menu-wrap .menus.service-wrap dl dd {margin: 0;}
.menu-wrap .menus.service-wrap dl dd ul {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding-bottom: 16px; border-top: 0 !important;}
.menu-wrap .menus.service-wrap dl dd ul li { width: 25%; margin: 0 0 20px 0 !important; text-align: center;}
.menu-wrap .menus.service-wrap dl dd ul li span {display: block; margin-top: 12px; font-size: 12px; font-weight: 700; line-height: 16px; color: #5d6373; letter-spacing: -0.3px; word-break: break-all;}
.menu-wrap .menus .accd-tab > a {position: relative;}
.menu-wrap .menus .accd-tab > a.ess:after {content: ''; position: absolute; top: 2px; right: -5px; display: block; width: 4px; height: 4px; background: url('../images/mys2021/icon_emphasis.svg') 0 0 no-repeat; background-size: 4px auto;} 

/** 알림 **/
.wrap .noti-contents > div {flex: 1; min-height: 100%;}
.wrap .noti-contents > div.no-msg .msg-wrap {height: 100%;}
.notice-wrap .sort-wrap {margin: 10px 24px 5px; text-align: right;}
.sort-wrap.select-wrap .select {display: inline-block; padding: 8px 24px 8px 8px; width: auto; font-size: 12px; line-height: 12px; border: none;}
.sort-wrap.select-wrap .select:before {width: 6px; height: 6px; border-top: 1px solid #666; border-left: 1px solid #666; transform: translate(-50%, -35%) rotate(225deg); transform-origin: center; transition: all .5s;}
.sort-wrap.select-wrap .select.focus:before {transform: translate(-50%, 15%) rotate(45deg);}
.timeline {position: relative; padding: 0 24px 64px;}
.timeline:before {content: ''; position: absolute; top: 6px; left: 27px; width: 2px; height: 100%; background: url('../images/mys2021/timeline_bg.png') 0 0 repeat-y; background-size: 2px auto;}
.timeline .noti-list {padding-left: 28px;}
.timeline .noti-list dd + dt {margin-top: 40px;}
.timeline .noti-list .date {margin-bottom: 16px; position: relative; color: #000; font-size: 14px; font-weight: 900; line-height: 16px;}
.timeline .noti-list .date:before {content: ''; position: absolute; top: -4px; left: -36px; width: 24px; height: 24px; background: url('../images/mys2021/icon_timeline_dot.svg') 0 0 no-repeat; background-size: 24px auto;}
.noti-list .noti-cont li {position: relative; display: block; padding: 20px 14px 20px 20px; background: #fff; border: 1px solid #ddd; border-radius: 8px;}
.noti-list .noti-cont li + li {margin-top: 15px;}
.noti-list .noti-cont li.chked {background: #f8f8f8;}
.noti-list .noti-cont li[class^="ico-"]:before {content: ''; position: absolute; top: 21px; left: -37px; display: block; width: 24px; height: 24px; background-size: 24px auto;}
.noti-list .noti-cont li.ico-store:before {background: url('../images/mys2021/icon_timeline_store.svg') 0 0 no-repeat;}
.noti-list .noti-cont li.ico-ad:before {background: url('../images/mys2021/icon_timeline_ad.svg') 0 0 no-repeat;}
.noti-list .noti-cont li.ico-noti:before {background: url('../images/mys2021/icon_timeline_noti.svg') 0 0 no-repeat;}
.noti-list .noti-cont li.ico-etc:before {background: url('../images/mys2021/icon_timeline_etc.svg') 0 0 no-repeat;}
.noti-list .noti-cont li.ico-qrpay:before {background: url('../images/mys2021/icon_timeline_qrpay.svg') 0 0 no-repeat;}

.noti-list.ui-accordion .accd-tab:not(.no-cont):after {top:8px; border-top: 1px solid #666; border-left: 1px solid #666; transform: translate(-50%, -50%) rotate(225deg); transition: all .5s; -webkit-transform: translate(-50%, -50%) rotate(225deg); -moz-transform: translate(-50%, -50%) rotate(225deg); -ms-transform: translate(-50%, -50%) rotate(225deg); -o-transform: translate(-50%, -50%) rotate(225deg);}
.noti-list.ui-accordion .accd-tab.act:not(.no-cont):after {transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg);}
.noti-list.ui-accordion .accd-tab button {padding: 0;}
.noti-list.ui-accordion .timestamp {display:block; font-size:12px; color:#666; margin-top:8px;}
.noti-list .title {display: block; padding-right: 20px; color: #000; font-size: 16px; font-weight: 700;}
.noti-list .noti-cont li.chked .title {color:rgba(0,0,0,0.6);}
/* .noti-list.ui-accordion .accd-cont {display: block; margin-top: 10px; height: auto; min-height: 17px; max-height: 54px; overflow: hidden;}  */
.noti-list.ui-accordion:not(.accd-timeline) .accd-cont {display: block; margin-top: 10px; height: auto; min-height: 17px; max-height: 54px; overflow: hidden;}
.noti-list.ui-accordion .accd-tab.act + .accd-cont {height: auto;}
.noti-list.ui-accordion .accd-cont > div {color: #666; font-size: 12px; line-height: 17px;}
.noti-list.ui-accordion .accd-cont > div > span + span {display: block; margin-top: 8px;}
.noti-list.ui-accordion .accd-cont img {width: 100%; max-width: 500px;}
.noti-list .accd-cont .txt-link {position: relative; display:inline-block; padding: 10px 8px 0 0; color: rgba(0,0,0,.5); font-size: 11px; line-height: 10px; text-decoration:none;}
.noti-list .accd-cont .txt-link:after {content: ''; position: absolute; top: 11px; right: 0; display: block; margin-top: 1px; width: 4px; height: 4px; border-top: 1px solid #666;  border-right: 1px solid #666; transform:rotate(45deg);}
.noti-list .accd-cont .ta-r { padding-right:6px;}
.noti-list .accd-cont .btn-wrap.ta-r { display:block;}
.ui-accordion.accd-timeline .accd-cont {display:none; margin-top: 10px; height: auto;}
.ui-accordion.accd-timeline .accd-cont > div a {word-break: break-all;}

/* 고객센터 > 공지사항 */
.wrap .container .notice-wrap > .sect {padding-bottom: 0;}
.notice-wrap .link-group {margin: 0; padding: 0;}
.notice-wrap .link-group > li > a {padding: 24px 0 20px;}
.notice-wrap .subject {position: relative; width: 100%; min-height: 23px; max-height: 46px; overflow: hidden;}
.notice-wrap .subject > strong {position:relative; display: inline-block; max-width:calc(100% - 5px); max-height: 100%; padding-right:10px; word-wrap: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /* word-break:break-all; js 사용시 해제 */}
/* .notice-wrap .subject {position: relative; display: block; display: -webkit-box; width: 100%; max-height: 2.6em; line-height: 1.4em; word-wrap: normal; overflow: hidden; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} */
.notice-wrap .subject.recent strong:after {content: ''; position:absolute; right:0; top:0; display: block; width: 4px; height: 4px; background: #fb5c4f; border-radius: 50%;}
.notice-wrap img {max-width: 100%;} 
.notice-wrap .notice-date {display: block; margin-top: 4px; font-size: 12px; color: #9e9e9e; line-height: 18px;}
.notice-wrap .link-group li a:after { display:none;}
.notice-wrap .link-group:first-child {width: calc(100% + 48px); padding: 0 24px; margin-top:8px; transform: translateX(-24px);
   background:rgba(237, 240, 248, 0.6);
}
.notice-wrap .link-group:first-child li { border-bottom: 1px solid #e7ebf7;}

/* 고객센터 > 공지사항 상세팝업 */
.layer-popup.fulls.notice-pop .pop-head .title h1 {font-size: 18px; font-weight: 700; line-height: 22px; text-align: left;}
.layer-popup.fulls.notice-pop .pop-cont {padding: 20px 24px;}
.layer-popup.fulls.notice-pop .pop-inner .ctit {font-size: 24px; font-weight: 700; line-height: 34px;}
.layer-popup.fulls.notice-pop .pop-inner img {max-width: 100%;}
.layer-popup.fulls.notice-pop .pop-inner .notice-date { display: block; margin: 12px 0 40px 0; font-size: 12px; color: #9e9e9e; line-height: 18px;}
.layer-popup.fulls.notice-pop .pop-inner .noti-text {font-size: 14px; line-height: 20px;}

.section_news {line-height: 1.5; font-size: 14px;}
.section_news b {color: #000;}
.section_news h3 > strong {font-size: 16px; line-height: 22px;}
.section_news .box-gray {padding: 16px 12px 24px; margin-top: 24px;}
.section_news .sec {margin-bottom: 20px;}
.section_news .tit_type2 {display: block; margin: 12px 0 4px 0;}
.section_news .tit_type2.mgtop {display: inline-block; margin-top: 20px;}
.section_news dl.sec dt {font-size: 16px;}
.section_news dl.sec dd {color: #666;}
.section_news .tbl_type1 {width: 100%; margin-bottom: 27px; border-bottom: 1px solid #eee;}
.section_news .tbl_type1 thead th {padding: 10px 0 9px 0; font-weight: 700; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.section_news .tbl_type1 th {font-weight: 500;}
.section_news .tbl_type1 td {padding: 10px 0 9px 0; text-align: center;}
.section_news .bul_type1 {margin-bottom: 13px;}
.section_news .bul_type1 > li {position: relative; padding-left: 9px; margin-bottom: 7px; font-size: 14px; line-height: 22px; color: #666;}
.section_news .bul_type1 > li:before {content: ''; display: block; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #6e6e6e;}
.section_news .n-bull3 li {padding-left: 17px; text-indent: -17px;}
.section_news .n-top-img {margin-bottom: 20px;}
.section_news img {max-width: 100%;}
.section_news .t-para1 {font-weight: 700;}
.section_news .n-tit1 {margin-top: 20px;}
.section_news .n-txt1 {margin-top: 2px;}
.section_news .mgt20 {margin-top: 20px !important;}
.section_news .c-center {text-align: center;}
.txt_type1 {margin-bottom: 13px;}
.txt_gap {overflow: hidden; margin-top: 6px; line-height: 19px; color: #666;}
.txt_gap3 {padding-left: 15px; text-indent: -15px; box-sizing:border-box;}
.btn_callin {display: block; line-height: 20px; text-align: center; color: #660a93; margin:10px 0; font-size:14px; text-decoration:underline;}
.t-indent {padding-left: 16px; text-indent: -16px;}
.t-indent2 {padding-left: 35px; text-indent: -35px;}
.long-txt-op .shop-num { font-size:12px;}
/* 고객센터 > FAQ */
.wrap .container .faq-wrap .sect {padding: 11px 24px 0;}
.ui-tab.type1.tab-faq {-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0px; max-height: 150px; border-radius: 4px; overflow: hidden; border: 1px solid #e7e9ee;}
.ui-tab.type1.tab-faq > li {flex:1 0 auto; margin: -1px 0 1px -1px; width: 33.33%;}
.faq-wrap .ra-chk-wrap.type3 input + label {position: relative; cursor: pointer;}
.faq-wrap .ra-chk-wrap.type3 input + label::before { border-bottom: 1px solid #e7e9ee; border-left: 1px solid #e7e9ee; background: #eff0f5;}
.faq-wrap .ra-chk-wrap.type3 input + label span {position: absolute; top: 50%; left: 50%; display: block; padding: 0 5px; width: 100%; font-size: 12px; font-weight: 700; line-height: 16px; box-sizing: border-box; transform: translate(-50%, -50%); white-space:normal;}
.faq-wrap .ra-chk-wrap.type3 input:checked + label span {color: #fff;}
.faq-wrap .ra-chk-wrap.type3 input:checked + label:before {background: #414e7f; border: 1px solid #414e7f; z-index: 1;}
.faq-wrap .ra-chk-wrap.type3 input + label {padding: 0; height: 50px; min-height: 50px;}
.faq-wrap .ra-chk-wrap.type3 input + label:before {height: 50px;}
.faq-wrap .faq-list {margin-bottom: 64px;}
.faq-wrap .faq-list .title {position: relative; font-size: 16px; color: #000; line-height: 23px; word-break: break-all;}
.faq-wrap .faq-list .accd-tab .title > span, .faq-wrap .faq-list .accd-cont .title > span  {position: absolute; top: 0; left: -22px; color: #3048a2; font-size: 16px !important; font-weight: 700; line-height: 23px;}
.faq-wrap .faq-list .accd-cont .title span {left: -22px; color: #3048a2;}
.faq-wrap .faq-list li + li {margin-top: 0;}
.faq-wrap .faq-list li .accd-tab button {padding: 24px 22px; border-bottom: 1px solid #eee;}
.faq-wrap .faq-list li .accd-tab.act button {padding: 20px 46px 20px 46px; width: calc(100% + 48px); transform: translateX(-24px);}
.faq-wrap .faq-list .accd-cont {padding: 24px 24px 40px 46px; width: calc(100% + 48px); transform: translateX(-24px);}
.faq-wrap .flex-box .ra-chk-wrap.type3:last-of-type input + label:before {border-radius: 0;}
ul.txt-box li {position: relative; padding-left: 16px; margin-top: 8px;word-break: break-all; font-size: 14px; line-height: 20px; color: #666;}
ul.txt-box li > span {position: absolute; top: 0; left: 0 !important; width: auto; color: #666 !important;}

/* 설정 */
.setting-menu > li + li {margin-top: 0;}
.setting-menu > li > span {position: relative; display: block; padding: 19px 30px 19px 0; font-size: 16px; line-height: 22px;}
.setting-menu > li > span:after {content: ''; position: absolute; top: 50%; right: 4px; width: 8px; height: 8px; border-top: 2px solid #000; border-right: 2px solid #000; transform: translateY(-50%) rotate(135deg); -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg);}
.setting-menu .accd-tab > button {position: relative; display: block; padding: 19px 30px 19px 0; font-size: 16px; line-height: 22px; color: #000;}
.setting-menu.ui-accordion .accd-tab:not(.no-cont):after {right: 4px; width: 8px; height: 8px;}
.setting-menu > li > ul > li, .setting-menu .accd-cont > ul > li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 19px 0 19px 10px; color: #333; border-top: 1px solid rgba(238,238,238,.8);}
.setting-menu > li > ul > li > a, .setting-menu .accd-cont > ul > li > a {position: relative; flex: 1; display: block; padding-right: 10px;}
.setting-menu > li > ul > li > a:after, .setting-menu .accd-cont > ul > li > a:after { content: ''; position: absolute; top: 50%; right: 8px; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); }
.setting-menu .accd-cont > ul {padding-left: 10px;}
.setting-menu .accd-cont > ul > li {position: relative;}
.setting-menu .accd-cont > ul > li > a:after {border-top: 2px solid #ccc; border-right: 2px solid #ccc;}
.setting-menu .accd-cont > ul > li:before {content: '';position: absolute;top: 27px;left: 0;width: 5px;height: 1px;background: #000;}
.setting-footer {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.setting-footer > div {text-align: center;}
.setting-footer h2.logo {display: block; margin: 0 auto; width: 140px; height: 28px;text-indent: -9999px; background: url('../images/mys2021/logo_gray.svg') 0 0 no-repeat; background-size: auto 28px;}
.setting-footer .app-version {margin: 8px; color: #666; font-size: 12px; line-height: 16px;}

/* 설정 > 계정정보 */
.msg-wrap.account {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 32px 24px 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; transform: translateY(0);}
.msg-wrap.account .msg-type-4 {position: relative; margin: 0 0 16px; padding-top: 48px; max-width: 100%; text-align: left; background: none;}
.msg-wrap.account .msg-type-4:before {content: ''; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: url('../images/mys2021/icon_account_manage.png') no-repeat; background-size: 128px 32px;}
.msg-wrap.account .msg-type-4.ico-account-1:before {background-position: 0 0;}
.msg-wrap.account .msg-type-4.ico-account-2:before {background-position: -32px 0;}
.msg-wrap.account .msg-type-4.ico-account-3:before {background-position: -64px 0;}
.msg-wrap.account .msg-type-4.ico-account-4:before {background-position: -96px 0;}
.msg-wrap.account .last-access {width: 100%; color: #666; font-size: 12px; font-weight: 500; line-height: 16px;}
.msg-wrap.account .last-access .time {margin-left: 8px;}
.account-manage .account-info {margin: 40px 24px 100px;}
.account-manage + .link-wrap {margin: 0 24px 32px; color: #666; font-size: 14px; font-weight: 700; line-height: 14px; text-align: center;}
.account-manage + .link-wrap .txt-link {position: relative;}
.account-manage + .link-wrap .txt-link:before {content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background: #666;}

.account-manage .section-header {margin-top: 0; padding: 24px 24px 0;}
.account-manage .section-header .ctit {margin-bottom: 8px; color: #000; font-size: 18px; font-weight: 700; line-height: 26px;}
.account-manage .section-header .ctit + p {color: #666; font-size: 14px; font-weight: 500; line-height: 20px;}
.account-manage .section-header + .sect {padding-top: 40px;}

/* 설정 > 서비스 해지 */
.withdrawal .section-header {padding: 0 24px; margin-top: 40px;}
.withdrawal .sect h3.sect-tit {margin-bottom: 8px; font-size: 14px; font-weight: 500; line-height: 20px;}
.withdrawal .sect p {color: #666; font-size: 14px; font-weight: 500; line-height: 20px;}
.withdrawal + .confirm-wrap {margin: 0 28px 8px;}
.withdrawal .box-gray {margin-top: 16px; padding: 24px;}
.box-gray .service-info dd + dt {position: relative; margin-top: 16px; padding-top: 16px; overflow: visible; -webkit-overflow-scrolling: touch;} 
.box-gray .service-info dd + dt:before {content: ''; position: absolute; top: 0; left: -8px; display: block; width: calc(100% + 16px); height: 1px; background: #eee;}
.box-gray .service-info dd {position: relative; padding-left: 56px;}
.box-gray .service-info dd:before {content: ''; position: absolute; top: 0px; left: 0; display: block; width: 40px; height: 40px; background: url('../images/mys2021/icon_services.png') no-repeat; background-size: 80px auto; border-radius: 8px; }
.box-gray .service-info dd.serve-card:before {background-position: 0 0; border: 1px solid #eee;}
.box-gray .service-info dd.serve-pay:before {background-position: -40px 0;}
.box-gray .service-info dd.serve-card ul.txt-bul.type2 li + li, .service-info dd.serve-pay ul.txt-bul.type2 li + li {margin-top: 8px; color: #222;}
.box-gray .service-info dd.serve-card ul.txt-bul.type2 li:before, .box-gray .service-info dd.serve-pay ul.txt-bul.type2 li:before {opacity: 0.4;}

/* 설정 > 지문/Face ID 등록 */
.account-manage .section-header.type2 {padding-top: 80px; text-align: center;}
.account-manage .icon-app-fingerprint, .account-manage .icon-app-face-id {margin: 24px auto 0; padding-top: 114px; max-width: 68%; text-align: center; background-position: 50% 0;}
.wrap .container .sect.btt-txt {margin: 24px 24px 0; padding: 16px 0 8px; border-top: 1px solid #eee;}
.sect.btt-txt .txt-bul {color: #666;}

/* 설정 > 포인트 사용 가맹점 관리 */
.point-store-manage .sect:first-of-type {margin-top: 0;}
.point-store-manage .sect h2.ctit {margin:-8px 0 12px; font-size: 18px; font-weight: 700; line-height: 26px;}
.point-store-manage .sect p {line-height: 20px;}
.point-store-manage .txt-bul li + li {margin-top: 8px;}

.point-store-manage .accd-tab strong {color: #000; font-size: 16px; font-weight: 700; line-height: 22px;}
.point-store-manage .accd-tab p {margin-top: 4px; color: #666; font-size: 12px; line-height: 16px;}
.point-store-manage .accd-cont {margin: 25px -24px 8px; padding: 24px 24px 34px; background: #f8f8f8;}
.point-store-manage .sect-group dd + dt {margin-top: 24px;}
.point-store-manage .sect-group .stit {margin-bottom: 8px; padding: 0; color: #000; font-size: 16px; font-weight: 700; line-height: 22px;}

/* 설정 > 간편결제 관리 */
.simplepay-manage {padding-top: 16px;}
.simplepay-manage h3.stit {margin-bottom: 12px; padding: 0; font-size: 12px; color: #666; line-height: 16px;}
.simplepay-manage .card-info .card-name {font-size: 16px; font-weight: 700; line-height: 22px;}
.simplepay-manage .card-info .card-num {margin-top: 6px;}
.simplepay-manage .card-num > span {color: #666; font-size: 16px; font-weight: 700; line-height: 22px;}
.simplepay-manage .card-num > span + span {margin-left: 6px;}
.simplepay-manage .card-num > span.masking {font-family: 'password'; font-size: 22px; line-height: 1;}
.simplepay-manage .card-num + .meta {position: relative; margin-top: 24px;}
.simplepay-manage .card-num + .meta:after {content: ''; display: block; clear: both;}
.simplepay-manage .meta p {float: left; color: #666; font-size: 12px; line-height: 16px;}
.simplepay-manage .meta a.txt-link {float: right; padding-right: 6px; font-size: 12px; line-height: 16px;}
.simplepay-manage .meta a.txt-link:after {content: ''; position: absolute; top: 50%; right: 0; display: block; margin-top: 1px; width: 4px; height: 4px; border-top: 1px solid #666;  border-right: 1px solid #666; transform: translateY(-50%) rotate(45deg);}
.ui-accordion.pop-link li .check-link .checkbox-wrap a {display: inline-block; margin-left: 6px; font-size: 14px; color: #888; line-height: 20px;}
.ui-accordion.pop-link li .check-link {padding-left: 30px;}
.ui-accordion.pop-link li .check-link .checkbox-wrap {left: 0;}

/* 설정 > 알림 설정 */
.setting-noti {position: relative; padding: 0 24px 12px;}
.setting-noti.border {border-top: 12px solid #eee;padding-top: 12px;}
.setting-noti > li {position: relative; padding: 21px 0;border-top: 1px solid #eee;}
.setting-noti > li:first-child{border-top: 0;padding-top: 16px;padding-bottom: 0;}
.setting-noti > li > strong {display: inline-block; font-size: 14px; font-weight: 500; line-height: 20px;}
.setting-noti > li strong.tit {display: block; width:calc(100% - 82px); font-size: 18px; line-height: 26px;}
.setting-noti > li strong.tit + p { padding: 14px 0 24px;}
.setting-noti.border > li {padding-bottom: 0;}
/* .setting-noti .tooltip-wrap .btn-tooltip {margin-top: 1px;} */
.setting-noti .tooltip-content li {word-break: break-all;}
.setting-noti .tooltip-content li + li {margin-top: 2px;}
.setting-noti p {font-size: 14px; line-height: 20px; color: #666;}
.setting-noti .ra-chk-wrap {position: absolute; top: 18px; right: 0;}
.setting-noti .checkbox-wrap.type-switch {position: absolute; top: 19px; right: 0;}
.point-store-manage .sect-group .stit {margin-bottom: 8px; padding: 0; color: #000; font-size: 16px; font-weight: 700; line-height: 22px;}
.setting-sub {padding-top: 12px;}
.setting-sub li{position:relative;padding:11px 0 11px 5px;}
.setting-sub .checkbox-wrap.type-switch {position: absolute; top: 10px; right: 0;}
/* 약관 */
.terms-pop .title h1 {font-size: 18px;}
.terms-pop .terms-tit {margin: 20px 0 24px; padding: 0 24px; font-size: 18px; font-weight: 400; line-height: 26px;}
.layer-popup .total-detail-wrap {margin-bottom: 0; border-color: #b4b4b4;}
.layer-popup .total-detail-wrap .tb-type th, .layer-popup .total-detail-wrap .tb-type td:first-child {color: #000; text-align: left; vertical-align: top;}
.layer-popup .total-detail-wrap .tb-type th, .layer-popup .total-detail-wrap .tb-type td {padding: 12px; border-color: #eee; font-size: 13px; color: #666; line-height: 19px; word-break: break-all;}
.layer-popup .total-detail-wrap .tb-type th.tit {text-align: center;vertical-align: middle;}

.layer-popup .total-detail-wrap .txt-bul li {margin-top: 0;}
.layer-popup .total-detail-wrap .txt-bul li + li {margin-top: 8px;}
.layer-popup .total-detail-wrap ul.txt-bul li, .layer-popup .total-detail-wrap ol.txt-bul li, .layer-popup .total-detail-wrap .txt-bul:not(ul):not(ol) {padding-left: 10px; color: #666; font-size: 13px; line-height: 19px;}
.layer-popup .total-detail-wrap ul.txt-bul li:before, .layer-popup .total-detail-wrap ol.txt-bul li:before, .layer-popup .total-detail-wrap .txt-bul:not(ul):not(ol):before {background-color: #c4c4c4;}
.layer-popup .total-detail-wrap .txt-bul.type2 li {font-size: 13px; line-height: 19px;}
.layer-popup .total-detail-wrap .txt-bul.type2 li::before {top: 8px; background-color: rgba(136, 136, 136, 0.5);}
.terms-info-txt, .bottom-txt {position: relative; padding-left: 17px; color: #888; word-break: break-all;}
.terms-info-txt::before, .bottom-txt::before {content: '※'; position: absolute; top: 0; left: 0;}

/* ==========================================================================
   기타
   ========================================================================== */
/* 주소찾기 */
.form-find-address .sect.sect-search, .form-find-address .selected-address {padding-bottom: 40px;}
.form-find-address .sect-search .txt-bul li + li {margin-top: 16px;}
.form-find-address .search-result {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.form-find-address .result-wrap, .form-find-address .detail-address-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.form-find-address .result-wrap .result-value {margin-bottom: 12px;}
.form-find-address .result-wrap .result-value strong {font-weight: 900;}
.form-find-address .result-wrap .result-value + .note-info {padding-right: 12px; max-width: 100%; word-break: break-all;}
.form-find-address .result-wrap .result-list {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-top: 8px;}
.form-find-address .result-wrap .result-list > li {padding: 16px 0 24px; border-bottom: 1px solid #eee;}
.form-find-address .result-wrap .result-list > li > a {display: block;}
.form-find-address .result-wrap .result-list .post-num, .selected-address .result-list .post-num {font-size: 16px; font-weight: 700; line-height: 22px;}
.form-find-address .result-wrap .result-list .address-wrap, .selected-address .result-list .address-wrap {margin-top: 8px;}
.form-find-address .result-list .address-wrap > li {position: relative; padding-left: 56px;}
.form-find-address .result-list .address-wrap > li:before {position: absolute; top: 1px; left: 0; display: block; width: 44px; color: #3d4964; font-size: 10px; font-weight: 900; line-height: 20px; text-align: center; background: rgba(61,73,100,.1); border-radius: 2px;}
.form-find-address .result-list .address-wrap .addr-type1:before {content: '도로명';}
.form-find-address .result-list .address-wrap .addr-type2 {margin-top: 8px; color: #666;}
.form-find-address .result-list .address-wrap .addr-type2:before {content: '지번';}
.form-find-address .result-wrap .btn-more {display: block; margin: 0 auto; padding: 14px 16px; width: 196px; color: #1b1f42; font-weight: 700; line-height: 14px; border-radius: 24px;}
.form-find-address .detail-address-wrap .btn-group-foot {margin: 0 -24px -48px; width: calc(100% + 48px);}
.guide-wrap#guideAddrList {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 1002;}
.guide-wrap#guideAddrList span {position: absolute; top: 50%; left: 50%; display: block; width: 210px; height: 210px; text-indent: -9999px; background: url('../images/mys2021/guide_scroll.png') 0 0 no-repeat; background-size: 210px auto; transform: translate(-50%, -50%);}

/* 행안부 */
.search-result .msg-wrap .msg-type-2 {margin: 80px auto 40px; padding-top: 72px; background-size: 64px; color: #666; font-size: 14px; line-height: 20px;}
@media screen and (min-width: 769px) {
   .form-find-address .detail-address-wrap .btn-group-foot {margin: 0 auto -48px;}
}

/* 로딩 */
.progress {position: fixed; top: 50%; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; border-radius: 8px; z-index: 1000; transform: translate(-50%, -50%); background:rgba(255,255,255,0.90);}
.progress .ico_morse {width: 120px; height: 76px; background: url('../images/mys2021/loading.gif') 0 0 no-repeat; background-size: 120px auto;}
.progress .txt_info {padding-top: 4px; text-align: center;}
.progress .txt_info:before {content: '로딩중입니다.'; display: block; font-size: 16px; font-weight: 700; line-height: 22px; color: #000;}
.progress .txt_info:after {content: '잠시만 기다려주세요.'; display: block; margin-top: 4px; font-size: 14px; font-weight: 500; line-height: 20px; color: #666;}
/* .progress-type2 .ico_morse {background: url('../images/mys2021/loading_type_img.gif') 0 0 no-repeat; background-size: 120px auto;}
.progress-type2 .txt_info:before {content: '사업자등록증\A이미지 업로드 중입니다.'; white-space: pre;}
.progress-type2 .txt_info:after {margin-top: 8px;} */
/* 로딩2 */

.progress-type2 {position: fixed; top: 50%; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; border-radius: 8px; z-index: 1000; transform: translate(-50%, -50%); background:rgba(255,255,255,0.90);}
.progress-type2 .ico_morse {width: 120px; height: 76px; background: url('../images/mys2021/loading_type_img.gif') 0 0 no-repeat; background-size: 120px auto;}
.progress-type2 .txt_info {padding-top: 4px; text-align: center;}
/*.progress-type2 .txt_info:before {content: '사업자등록증\A이미지 업로드 중입니다.'; display: block; font-size: 16px; font-weight: 700; line-height: 22px; color: #000;}*/
.progress-type2 .txt_info:after {content: '잠시만 기다려주세요.'; display: block; margin-top: 4px; font-size: 14px; font-weight: 500; line-height: 20px; color: #666;}
.progress-type2 .txt_info .str {display: block; font-size: 16px; font-weight: 700; line-height: 22px; color: #000;}


/* ========================================================================== */
/** 일시 중단 안내 (only app) **/
.wrap .container .sect-suspended {padding: 48px 24px 0; background: url('../images/mys2021/img_suspended.png') center bottom no-repeat; background-size: 412px;}
.wrap .container .sect-suspended.sect-sys-upgrade {background: url('../images/mys2021/img_notice_setting.png') center bottom no-repeat; background-size: 412px;}
.sect-suspended h2.title {font-size: 24px; font-weight: 700; line-height: 34px; color: #000;}
.sect-suspended h2.title + p {margin-top: 32px; font-size: 18px; font-weight: 400; line-height: 26px;}
.sect-suspended.sect-sys-upgrade h2.title + p {font-size: 16px; line-height: 22px;}
.sect-suspended .box-blue {margin-top: 24px; padding: 24px; color: #fff; background: rgba(91,95,228, 0.1); border-radius: 8px;}
.sect-suspended .box-blue .txt-bul li {font-size: 14px; line-height: 20px; color: #000;}
.sect-suspended .box-blue .txt-bul li + li {margin-top: 10px;}
.sect-suspended .box-blue .txt-bul li:before {top: 8px; background:rgba(102,102,102, 0.5);}
.sect-suspended .box-blue > strong {font-size: 14px; font-weight: 900; line-height: 20px; color: #000;}
.sect-suspended .box-blue > strong + p {margin-top: 6px; font-size: 14px; font-weight: 500; line-height: 20px; color: #000;}
.sect-suspended .img-box {flex: 1 0 auto; margin-top:26px; height:360px; }
.sect-suspended .img-box > p {font-size: 14px; line-height: 20px; color: #000;}
.btn-group.btn-app-store .btn { flex:1 1 50%; max-width:50%; height:56px; border-radius:6px; border:0; background-color:#000; background-repeat:no-repeat; background-position:center center; background-size:auto 57.1%; color:transparent; }
.btn-group.btn-app-store .btn + .btn { margin-left:12px;}
.btn-group.btn-app-store .btn.btn-app-google {background-image:url('../images/mys2021/icon_googleplay.svg');}
.btn-group.btn-app-store .btn.btn-app-ios {background-image:url('../images/mys2021/icon_apple.svg');}

.layer-popup.fulls .pop-cont .msg-setting {background: url('../images/mys2021/img_notice_setting.png') right bottom no-repeat; background-size: 412px;}
.layer-popup.fulls .msg-setting h3 {font-size: 24px; font-weight: 700; line-height: 34px;}
.layer-popup.fulls .msg-setting h3 > small {font-size: 18px; line-height: 28px;}
.layer-popup.fulls .msg-setting p {font-size: 16px; font-weight: 400; line-height: 22px;}
.layer-popup.fulls .msg-setting h3 + p {margin-top: 32px;}
.layer-popup.fulls .msg-setting .box-blue {margin-top: 24px; padding: 24px; color: #fff; background: rgba(91,95,228, 0.1); border-radius: 8px;}
.layer-popup.fulls .msg-setting .box-blue > strong {font-size: 14px; font-weight: 900; line-height: 20px; color: #000;}
.layer-popup.fulls .msg-setting .box-blue > strong + p {margin-top: 6px; font-size: 14px; font-weight: 500; line-height: 20px; color: #000;}
.layer-popup.fulls .msg-setting .box-blue + span {display: block; margin-top:26px; font-size: 14px; font-weight: 500; line-height: 20px; color: #000;}
.highcharts-scrolling {box-sizing: content-box; -webkit-box-sizing: content-box; padding-bottom: 10px;}
/* .highcharts-scrolling::-webkit-scrollbar { display: none; } */
.analysis-detail .highcharts-legend-item .highcharts-point { y:8 !important;}

@media screen and (max-width: 340px) {
   .sect-suspended h2.title + p {font-size: 16px; line-height: 22px;}
}
@media screen and (min-width: 769px) {
   .wrap .container.pt-0 {padding: 0 !important;}
   .sect-suspended br.m-only {display: none;}
}

/* ==========================================================================
   마이샵파트너 고도화(2022년 8월 ~ 12월)
   ========================================================================== */
/* 자동 로그인 */
.auto-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;}
.auto-wrap .section-header {margin-top: 40px;padding: 0 24px;}
.auto-wrap .guide-txt {margin-top: 24px;}
.auto-wrap .login-info-txt {margin-top: 16px;padding: 0 24px;}
.auto-wrap .login-info-txt li + li {margin-top: 5px;}
.period-inner .flex-box {padding: 0 24px 7px;}

/* 비로그인 메인 배너 */
.wrap.main .sect-appbanner-pc {display: none;}
.wrap.main .sect-appbanner {position: fixed;top: -104px;left: 0;width: 100%;max-width: 1080px;height: 104px;transition: top .5s ease-in-out;-webkit-transition: top .5s ease-in-out;-moz-transition: top .5s ease-in-out;-ms-transition: top .5s ease-in-out;-o-transition: top .5s ease-in-out;}
.wrap.main .sect-appbanner.act {top: 0;}
.wrap.main .sect-appbanner .app-guide-wrap {position: relative;width: 100%;height: 100%;background: #e0e9f4 url('../images/mys2021/bg_partner_banner.svg') no-repeat top -5px right -57px;background-size: auto;}
.wrap.main .sect-appbanner .app-guide-wrap .tit {position: relative;padding: 20px 24px 20px 100px;}
.wrap.main .sect-appbanner .app-guide-wrap .tit:before {content: '';position: absolute;top: 50%;left: 0;width: 104px;height: 104px;background: url('../images/mys2021/icon_shinhancard.png') no-repeat 0 0;background-size: 104px auto;transform: translateY(-50%);}
.wrap.main .sect-appbanner .app-guide-wrap .tit p {font-size: 13px;color: #414e7f;line-height: 20px;}
.wrap.main .sect-appbanner .app-guide-wrap .tit strong {font-weight: 900;font-size: 13px;line-height: 20px;}
.wrap.main .sect-appbanner .app-guide-wrap .txt-link {position: relative;margin-top: 6px;margin-right: auto;font-size: 12px;color: #5d6adb;line-height: 19px;}
.wrap.main .sect-appbanner .app-guide-wrap .txt-link:after {content: '';display: block;position: absolute;top: 13px;left: 0;width: 67px;height: 6px;background: url('../images/mys2021/bg_view_arrow.png') no-repeat 0 0;background-size: 67px auto;}
.wrap.main .sect-appbanner .app-guide-wrap .close-btn {position: absolute;top: 10px;right: 10px;width: 36px;height: 36px;font-size: 0;}
.wrap.main .sect-appbanner .app-guide-wrap .close-btn:before,
.wrap.main .sect-appbanner .app-guide-wrap .close-btn:after {content: '';position: absolute;top: 18px;right: 17px;width: 1px;height: 16px;background-color: #000;}
.wrap.main .sect-appbanner .app-guide-wrap .close-btn:before {transform: translate(-50%, -50%) rotate(45deg);}
.wrap.main .sect-appbanner .app-guide-wrap .close-btn:after {transform: translate(-50%, -50%) rotate(-45deg);}

/* pg 가입 */
.wrap.auth-pg .section-header-pg {padding: 32px 24px 20px;border-bottom: 6px solid #f1f1f1;}
.wrap.auth-pg .section-header-pg + .cont-tit{display:block;padding:0 24px;}
.wrap.auth-pg .section-header-pg + .cont-tit + .title .plr-2 {margin-top: 0;}
.wrap.auth-pg .section-header-pg .tit-wrap {font-size:26px;text-align:center;line-height: 35px;font-weight: 400;}
.wrap.auth-pg .section-header-pg .desc-wrap {margin: 12px 0 0;font-size: 12px;text-align: center; font-weight: 400;line-height: 1.5;}
.wrap.auth-pg .section-header-pg .cont-wrap {margin-top:20px;background-color: #f8f8f8; border-radius: 4px;padding: 16px 0;}
.wrap.auth-pg .section-header-pg .pg-info li{background: url('../images/mys2021/icon_check_blue.svg') 12px 0 / 16px 16px no-repeat;padding: 0 10px 0 32px;font-weight: 400;font-size: 13px;}
.wrap.auth-pg .section-header-pg .pg-info li p.sub{color:#666;font-size:10px;line-height: 1.3;padding-top: 2px;}
.wrap.auth-pg .section-header-pg .pg-info li:not(:first-child){margin-top: 12px;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap {position: relative;width: 100%;height: 100%;background: #e0e9f4 url('../images/mys2021/bg_partner_banner.svg') no-repeat top 6px right 78px;background-size: auto;border-radius: 6px;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .tit {position: relative;padding: 16px 16px 16px 104px;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .tit:before {content: '';position: absolute;top: 0;left: -4px;width: 112px;height: 112px;background: url('../images/mys2021/icon_shinhancard.png') no-repeat 0 0;background-size: 112px auto;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .tit p {width:calc(100% - 106px);font-size: 13px;color: #414e7f;line-height: 20px;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .tit strong {font-weight: 900;font-size: 13px;line-height: 20px;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .btn-group {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 3px;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .btn-group .btn-appstore {display: inline-block;width: 95px;height: 29px;font-size: 0;background: url('../images/mys2021/btn_appstore.png') 0 0 no-repeat;background-size: 95px auto;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .btn-group .btn-googleplay {display: inline-block;width: 98px;height: 29px;margin-left: 3px;font-size: 0;background: url('../images/mys2021/btn_googleplay.png') 0 0 no-repeat;background-size: 98px auto;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .qr-box {display: block;position: absolute;top: 8px;right: 16px;width: 88px;height: 88px;padding: 11px;background-color: #fff;border-radius: 8px;}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .qr-box:before {content: '';display: block;position: inherit;top: 50%;left: 50%;width: 70px;height: 70px;background: url('../images/mys2021/bg_qr_box.png') no-repeat 0 0;background-size: 70px auto;transform: translate(-50%, -50%);}
.wrap.auth-pg .sect-appbanner-pc .app-guide-wrap .qr-box img {width: 54px;height: 52px;margin: 7px 6px;}

@media screen and (min-width: 769px) {
   .wrap.main .sect-appbanner {display: none;}
   .wrap.main .sect + .sect.sect-appbanner-pc {display: block;width: 100%;height: 104px;padding: 0 38px 0 24px;}
   .wrap.main .sect-appbanner-pc .app-guide-wrap {position: relative;width: 100%;height: 100%;margin-top: 15px;background: #e0e9f4 url('../images/mys2021/bg_partner_banner.svg') no-repeat top 6px right 78px;background-size: auto;border-radius: 6px;}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .tit {position: relative;padding: 16px 16px 16px 104px;}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .tit:before {content: '';position: absolute;top: 50%;left: -4px;width: 112px;height: 112px;background: url('../images/mys2021/icon_shinhancard.png') no-repeat 0 0;background-size: 112px auto;transform: translateY(-50%);}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .tit p {font-size: 13px;color: #414e7f;line-height: 20px;}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .tit strong {font-weight: 900;font-size: 13px;line-height: 20px;}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .btn-group {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 3px;}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .btn-group .btn-appstore {display: inline-block;width: 95px;height: 29px;font-size: 0;background: url('../images/mys2021/btn_appstore.png') 0 0 no-repeat;background-size: 95px auto;}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .btn-group .btn-googleplay {display: inline-block;width: 98px;height: 29px;margin-left: 3px;font-size: 0;background: url('../images/mys2021/btn_googleplay.png') 0 0 no-repeat;background-size: 98px auto;}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .qr-box {display: block;position: absolute;top: 8px;right: 16px;width: 88px;height: 88px;padding: 11px;background-color: #fff;border-radius: 8px;}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .qr-box:before {content: '';display: block;position: inherit;top: 50%;left: 50%;width: 70px;height: 70px;background: url('../images/mys2021/bg_qr_box.png') no-repeat 0 0;background-size: 70px auto;transform: translate(-50%, -50%);}
   .wrap.main .sect-appbanner-pc .app-guide-wrap .qr-box img {width: 54px;height: 52px;margin: 7px 6px;}
   .wrap.auth-pg .section-header-pg + .cont-tit { margin: 0 auto; padding: 0;}
   .wrap.auth-pg .section-header-pg {width: 460px;margin: 32px auto 0;padding-left: 0;padding-right:0}
   .wrap.auth-pg .sect-appbanner-pc {width: 100%;max-width:460px;padding: 0; margin:0 auto;}
}

/* 메인시작 홍보 팝업 */
.layer-popup.bt-sheet .pop-cont .sect.main-box {padding: 30px 24px 24px;max-height: 500px; overflow-y: auto;}
.layer-popup.bt-sheet .pop-cont .sect.main-box .img-box {width: 100%;}
.layer-popup.bt-sheet .pop-cont .sect.main-box .img-box img {display: block;width: 100%;border-radius: 8px;}
.layer-popup.bt-sheet .pop-cont .sect.main-box .txt-box {width: 100%;min-height:200px;word-break: break-all;}
.layer-popup.bt-sheet .pop-cont .sect.main-box div + div{padding-top: 20px;}
.layer-popup.bt-sheet .pop-head .title.full {padding: 22px 24px 10px;}

/* 휴대폰 본인인증 - 전체동의 */
.agree-all-wrap + .agree-wrap.add-checkbox {padding: 0 8px;}
.agree-wrap {position: relative;}
.agree-list li {display: block;margin: 0;padding: 4px 0 4px 8px;}
.agree-wrap.add-checkbox > ul > li + li {margin-top: 8px;}
.agree-wrap.add-checkbox .checkbox-wrap {width: 100%;margin: 0;}
.agree-wrap.add-checkbox .checkbox-wrap input + label {width: 100%;cursor: pointer;}
.agree-wrap.add-checkbox .checkbox-wrap input + label span {overflow: hidden;display: block;position: relative;width: 100%;padding-right: 64px;font-weight: 500;font-size: 14px;color: #666;line-height: 22px;}
.agree-wrap.add-checkbox .btn-txt {position: absolute;top: 4px;right: 0;height: auto;padding: 0;font-size: 14px;line-height: 15px;z-index: 2;}
.agree-wrap.add-checkbox .btn-txt:after {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #000;}
.agree-wrap.add-checkbox .btn-txt span {position: relative;}

/* 이용약관 팝업 */
.layer-popup.fulls .pop-cont .sect.terms-detail {padding: 0;}

.terms-inner-tab {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;min-height: 100%;}
.terms-inner-tab > .ui-tab {display: inline-flex;}
.terms-inner-tab > .ui-tab {width: 100%;padding: 0 12px 0;border-bottom: 1px solid #eee;}
.terms-inner-tab > .ui-tab li > a {display: block;position: relative;padding: 13px 12px 9px;font-weight: 500;color: #666;}
.terms-inner-tab > .ui-tab li > a.act {font-weight: 700;color: #000;}
.terms-inner-tab > .ui-tab li .act:after {content: '';position: absolute;left: 12px;right: 12px;bottom: 0;border-top: 3px solid #000;}
.terms-inner-tab > .ui-tab-conts > .tab-content {overflow: hidden;position: relative;min-height: 100%;}
.terms-inner-tab > .ui-tab-conts > .tab-content .sect {padding: 16px 24px 0;}
.terms-inner-tab > .ui-tab-conts > .tab-content .sect + .sect {padding-top: 12px;}
.terms-inner-tab.fixed {padding-top: 58px;z-index: 8;}
.terms-inner-tab.fixed > .ui-tab {position: fixed;top: 58px;background: #fff;z-index: 2;}

.tab-terms {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0 -4px;}
.tab-terms > li {-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.tab-terms > li + li {margin-left: -1px;}
.tab-terms > li > a {display: block;margin: 0 4px;font-weight: 700;font-size: 12px;color: #76798e;line-height: 32px;text-align: center;background-color: #eff0f5;border: 1px solid #e7e9ee;}
.tab-terms > li:first-child > a {border-radius: 2px 0 0 2px;}
.tab-terms > li:last-child > a {border-radius: 0 2px 2px 0;}
.tab-terms > li > a.act {font-weight: 700;color: #fff;background-color: #414e7f;border-color: #414e7f;}

/* 매장 상세 - 진행 중인 마케팅 */
.sect2 .coupon-list {display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top: 16px;}
.sect2 .coupon-list > li {position: relative;width: 100%;}
.couponbox > .coupon.store {min-height: 142px;padding: 16px 16px 18px;}
.coupon.store .store-wrap {height: 58px;padding: 0 0 0 68px;}
.coupon.store .store-wrap .store {overflow: hidden;display: block;max-width: 100%;padding: 0;color: #000734;white-space: nowrap;text-overflow: ellipsis;}
.coupon.store .store-wrap .address {overflow: hidden;display: block;max-width: 100%;height: 19px;margin-top: 2px;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.coupon.store .store-wrap .store + span:before {content: none;}
.coupon.store .meta {margin: 0;}
.coupon.store .period-wrap {margin-top: 2px;}
.coupon.store .period-wrap .dday {margin-left: 6px;}
.coupon.store .period-wrap .dday:before {content: none;}
.coupon.store .coupon-info {position: relative;margin-top: 20px;}
.coupon.store dl {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;flex: 1 0 auto;}
.coupon.store dt {padding-right: 90px;font-size: 16px;line-height: 23px; word-break: break-all;}
.coupon.store dd {flex: 1 0 auto;}
.coupon.store .conditions {flex: 1;font-weight: 500;font-size: 12px;line-height: 18px;color: #666;word-break: break-all;}
.coupon.store .tag-wrap {width: auto;/*min-width: 90px;*/margin: auto 0 0 2px !important;text-align: right;}
.coupon.store .tag-wrap span {display: inline-block;padding: 0 4px;line-height: 18px;}
.coupon.store .check-wrap {top: -1px;right: 0;padding: 0;}
.coupon.store .photo-box {overflow: hidden;position: absolute;top: 16px;left: 16px;width: 58px;height: 58px;border-radius: 100%;}
.coupon.store .photo-box img {width: 100%;height: 100%;object-fit: cover;}
.coupon.store .btn-coupon {top: -1px;right: 0;}
.coupon.store .check-wrap.chk-style3 > span {font-size: 11px;}
.coupon.store .check-wrap.chk-style3 input {width: 44px;height: 24px;left: auto;right: 0;}
.coupon.store .check-wrap.chk-style3 input + label {width: 44px;margin: 0 0 0 4px;vertical-align: top;}
.coupon.store .check-wrap .tooltip > p {width: 100%;font-size: 12px;line-height: 16px;}

/* 매장 사진보기 팝업 */
.layer-popup.pic-viewer .pic-thumbs {position:fixed;bottom: -1000em;}/* 230118 수정 */

@media screen and (min-width: 769px) {
   /* .layer-popup.pic-viewer .swiper-pagination {display: none;} *//* 230118 수정 */
   .layer-popup.pic-viewer .pop-head .title, .layer-popup.pic-viewer {color: #000;background-color: #fff;}
   .layer-popup.pic-viewer .pop-head .title button:before, .layer-popup.pic-viewer .pop-head .title button:after {background-color: #000;}
   .layer-popup.pic-viewer .pic-main {position: relative;width: 576px;height: 576px;margin: 24px 12px 106px;border: 1px solid #eff0f5;border-radius: 4px;}
   .layer-popup.pic-viewer .pic-main .swiper-wrapper {height: 100%;}
   .layer-popup.pic-viewer .pic-main .swiper-slide {width: 100%;height: 100%;background-color: #fff;}
   .layer-popup.pic-viewer .pic-main .swiper-slide img {position: absolute;top: 50%;left: 50%;max-height: 100%;transform: translate(-50%,-50%);}
   .layer-popup.pic-viewer .pic-main .swiper-button-prev {position: absolute;top: 50%;left: 0;width: 56px;height: 56px;background: url('../images/mys2021/btn_prev.png') no-repeat center;background-size: cover;transform: translateY(-50%);cursor: pointer;}
   .layer-popup.pic-viewer .pic-main .swiper-button-next {position: absolute;top: 50%;right: 0;width: 56px;height: 56px;background: url('../images/mys2021/btn_next.png') no-repeat center;background-size: cover;transform: translateY(-50%);cursor: pointer;}
   .layer-popup.pic-viewer .pic-main .swiper-button-prev.swiper-button-disabled, .layer-popup.pic-viewer .pic-main .swiper-button-next.swiper-button-disabled {opacity: 0.35;pointer-events: none;}
   .layer-popup.pic-viewer .pic-thumbs {display: block;position: absolute;bottom: 24px;}
   .layer-popup.pic-viewer .pic-thumbs .swiper-slide {width: 58px;height: 58px;background-color: #fff;border-radius: 3px;cursor: pointer;}
   .layer-popup.pic-viewer .pic-thumbs .swiper-slide:not(:last-child) {margin-right: 8px;}
   .layer-popup.pic-viewer .pic-thumbs .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
   .layer-popup.pic-viewer .pic-thumbs .swiper-slide.swiper-slide-thumb-active:after {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #476eff;box-sizing: border-box;}
}

/* 매장 사진 순서 변경 버튼 */
.store-thumb-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.store-thumb-title .btn-change {display: block;height: 28px;margin: 27px 0 12px;padding: 0 12px;font-size: 13px;border: 1px solid #ccc;border-radius: 2px;}

/* 매장 사진 순서 변경 팝업 */
.layer-popup.fulls .sub-title {font-size: 14px;color: #666;line-height: 20px;}
.gallery-wrap {margin-top: 12px;}
.gallery-wrap .gallery-slots {display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;counter-reset: number;width: 100%;background-position: center center;background-size: cover;gap: 6px;}
.gallery-wrap .gallery-slots .drop {overflow: hidden;position: relative;width: 100px;height: 100px;border-radius: 4px;}
.gallery-wrap .gallery-slots .drop:after {content: counter(number);counter-increment: number;display: block;position: absolute;top: 0;left: 0;width: 100px;height: 100px;font-weight: 700;font-size: 25px;color: #ddd;line-height: 100px;background: url('../images/mys2021/bg_dashed_box.png') 0 0 no-repeat;background-size: 100px auto;text-align: center;z-index: -1;}
.gallery-wrap .gallery-slots .drop > .correct {width: 100%;height: 100%;border: 2px solid #5768d2;}
.gallery-wrap .gallery-slots .drop > .correct {width: 100%;height: 100%;}
.gallery-wrap .gallery-slots .drop > .correct img {width: 100%;height: 100%;object-fit: cover;}
.gallery-wrap .gallery-slots .drop > .correct .num {display: none;position: absolute;top: 4px;right: 4px;width: 24px;height: 24px;font-weight: 700;font-size: 14px;color: #fff;line-height: 25px;text-align: center;background-color: #5768d2;border-radius: 100%;}
.gallery-wrap .gallery-list {display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;width: 100%;margin-top: 32px;gap: 6px;}
.gallery-wrap .gallery-list .drag {overflow: hidden;position: relative;width: 100px;height: 100px;border-radius: 4px;}
.gallery-wrap .gallery-list .drag img {width: 100%;height: 100%;object-fit: cover;}

@media screen and (min-width: 800px) {
   .layer-popup.change-pop {height: 488px;}
   .layer-popup.change-pop .pop-cont {overflow: hidden;}
   .gallery-wrap .gallery-slots {gap: 13px;}
   .gallery-wrap .gallery-list {gap: 13px;}
}

/* 매장 사진 선택 토스트 팝업 */
.layer-popup.toast-pop .pop-cont .sect {padding-bottom: 16px;}
.layer-popup.toast-pop .mo-box {margin-top: 12px;}
.toast-txt {display: none;position: fixed;left: 50%;bottom: 112px;width: calc(100% - 32px);padding: 16px 0;font-size: 12px;color: #fff;line-height: 16px;text-align: center;background-color: #050f26;border-radius: 10px;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);transform: translateX(-50%);opacity: 0.8;z-index: 1100;}

/* 기관정보(제로페이) 팝업 */
.login .login-form .input-wrap.auto {height: auto;}
.login .login-form .input-wrap.auto label {width: 100%;margin-bottom: 8px;}
.login .login-form .input-wrap.auto .inp-text {height: 60px;}

/* 매출통합조회 팝업 */
.pop-cont .txt.type3 {padding: 24px 32px 30px;}
.pop-cont .txt.type3 p {padding: 16px;font-size: 12px;color: #222;line-height: 20px;background-color: #eff0f5;border-radius: 8px;}
.txt-bul.type3 li {position: relative;padding-left: 9px;font-size: 14px;color: #222;line-height: 20px;word-break: break-all;}
.txt-bul.type3 li+li {margin-top: 8px;}
.txt-bul.type3 li:before {content: '';position: absolute;top: 6px;left: 0;width: 4px;height: 4px;background-color: #666;border-radius: 50%;}

/* 버튼 위치 */
.btn-group-foot.po-b {position: fixed;bottom: 0;left: 0;max-width: 100%;padding: 32px 16px 16px;background-color: #fff;}

@media screen and (min-width: 769px) {
   .btn-group-foot.po-b {padding: 32px 16px 16px !important;}
}

/* 매장 상세 - 리뷰/평가 */
.keyword-box {padding: 30px 0 48px;}
.keyword-box .info-txt {font-weight: 700;font-size: 16px;color: #000;}
.emoji-area {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;padding-top: 12px;}
.emoji-area > .emoji {height: 34px;margin: 8px 6px 0 0;padding: 6px 12px;font-size: 14px;font-weight: 500;color: #666;line-height: 20px;background-color: #f5f5fa;border-radius: 3px;box-sizing: border-box;}
.emoji-area > .emoji img {width: 16px;height: 16px;margin-top: 3px;}
.emoji-area > .emoji span {padding-left: 4px;}

.comment-box {position: relative;margin-top: 12px;padding-top: 22px;}
.comment-box:before {content: '';position: absolute;top: -12px;left: 0;display: block;width: 100%;height: 12px;margin: 0 -24px;padding: 0 24px;background-color: #eee;}
.comment-box .label-area {position: relative;}
.comment-box .label-area .check-wrap input {display: none;}
.comment-box .label-area .check-wrap input + label {position: relative;display: inline-block;height: 20px;margin: 0;padding-left: 32px;line-height: 20px;}
.comment-box .label-area .check-wrap input + label:before, .comment-box .label-area .check-wrap input + label:after {content: '';display: block;position: absolute;top: 0;left: 5px;box-sizing: border-box;}
.comment-box .label-area .check-wrap input + label:before {width: 20px;height: 20px;background-color: #fff;}
.comment-box .label-area .check-wrap input + label:after {top: 50%;left: 0;width: 7px;height: 10px;background: transparent;border-bottom: 2px solid #ababab;border-right: 2px solid #ababab;transform: translate(12px, -80%) rotate(45deg);}
.comment-box .label-area .check-wrap input:checked + label:after {border-bottom: 2px solid #476eff;border-right: 2px solid #476eff;}
.comment-box .label-area .check-wrap input + label span {font-weight: 700;color: #000;}
.comment-box .default-info {margin-top: 26px;}
.comment-box .default-info .list-item {display: block;padding: 30px 0;}
.comment-box .default-info .list-item:first-child {padding-top: 0;}
.comment-box .default-info .list-item:last-child{border-bottom: 0;padding-bottom: 0;}
.comment-box .default-info .comment-wrap {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.comment-box .default-info .comment-wrap .grade-star {display: -webkit-box;display: -ms-flexbox;display: flex;}
.comment-box .default-info .comment-wrap .grade-star .value {display: block;margin-left: 4px;font-weight: 900;font-size: 14px;}
.comment-box .default-info .comment-wrap .btn-group .date {font-size: 12px;color: #888;}
.comment-box .default-info .comment-wrap .btn-group .btn-report {display: block;position: relative;height: auto;margin-left: 6px;padding: 0;font-weight: 500;font-size: 12px;color: #476eff;}
.comment-box .default-info .comment-wrap .btn-group .btn-report:after {content: '';display: block;position: absolute;left: 0;bottom: 4px;width: 100%;height: 1px;background-color: #476eff;}
.comment-box .default-info .subject {margin-top: 8px;padding: 0;font-size: 14px;color: #000;line-height: 20px;word-break: break-word;}
.comment-box .review-photo-wrap {overflow: hidden;overflow-x: auto;width: auto;max-height: 112px;margin: 0 -24px;padding: 0 24px;font-size: 0;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.comment-box .review-photo-wrap::-webkit-scrollbar {display: none;}
.comment-box .review-photo-wrap .photo-box {overflow: hidden;display: inline-block;position: relative;width: 100px;height: 100px;border-radius: 4px;margin-top: 12px;}
.comment-box .review-photo-wrap .photo-box + .photo-box {margin-left: 6px;}
.comment-box .review-photo-wrap .photo-box img {width: 100%;height: 100%;object-fit: cover;}

/* 리뷰 신고 팝업 */
.report-popup .pop-head .title {padding: 32px 60px 10px 32px;}
.report-popup .pop-head .title button.pop-close {top: 28px;right: 26px;}
.report-area {padding: 6px 32px 54px !important;}
.report-area .info-txt {font-size: 12px !important;color: #da1d1d;line-height: normal !important;}
.report-area .select-wrap {margin-top: 12px;border: 1px solid #ddd;border-radius: 8px;}
.report-area .select-wrap .select {min-height: 34px;padding: 9px 16px 7px;font-size: 14px;color: #888;line-height: 20px;border: none;}
.report-area .select-wrap .select:before {right: 12px;width: 7px;height: 7px;border-top: 1px solid #000;border-left: 1px solid #000;}
.report-area .select-wrap .select.selected {color: #000;}
.report-area .select-wrap + .input-wrap {margin: 0;}
.report-wrap {position: relative;}
.report-wrap .textarea-label .text-area {height: 80px;padding: 20px 16px;font-size: 14px;line-height: 20px;border: 1px solid #ddd;}
.report-wrap .text-area {margin-top: 8px;}
.report-wrap .textarea-label .html-placeholder {padding: 20px 16px;}
.report-wrap .textarea-label .html-placeholder p {padding: 0;font-weight: 500;color: #888;}
.report-wrap .label-area {position: absolute;right: 0;bottom: -24px;height: 16px;font-size: 12px;line-height: 16px;}

/* 마케팅 등록 - 마케팅 이미지 선택 */
.marketing-select .accordion-wrap .accd-tab.disabled {background-color: #eff0f5;}
.marketing-select .accordion-wrap .accd-tab.disabled button {color: #ccc;}
.marketing-select .accordion-wrap .accd-cont {padding: 24px 0 20px;}
.marketing-select .accordion-wrap .accd-cont .store-info-txt {margin-bottom: 16px;font-weight: 700;font-size: 14px;color: #000;line-height: 20px;}
.marketing-select .accordion-wrap .accd-cont .store-area {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;width: 100%;gap: 6px;}
.marketing-select .accordion-wrap .accd-cont .store-area > .radio-wrap {overflow: hidden;width: 100px;height: 100px;margin: 0;border-radius: 4px;box-sizing: border-box;}
.marketing-select .accordion-wrap .accd-cont .store-area > .radio-wrap input + label {width: 100%;height: 100%;padding: 0;line-height: 100px;}
.marketing-select .accordion-wrap .accd-cont .store-area > .radio-wrap input + label img {width: 100%;height: 100%;object-fit: cover;}
.marketing-select .accordion-wrap .accd-cont .store-area > .radio-wrap input + label.business {padding: 21px;background: url('../images/mys2021/bg_chkbox.png') no-repeat 0 0;background-size: 100px auto;}
.marketing-select .accordion-wrap .accd-cont .store-area > .radio-wrap input + label.business img {width: 58px;height: 58px;border-radius: 50%;}
.marketing-select .accordion-wrap .accd-cont .store-area > .radio-wrap input + label:before, .marketing-select .accordion-wrap .accd-cont .store-area > .radio-wrap input + label:after {top: 4px;left: auto;right: 4px;}
.marketing-select .accordion-wrap .accd-cont .store-area > .radio-wrap input:checked + label:before {background-color: #5b5fe4;border: 1px solid #5b5fe4;}
.marketing-select .accordion-wrap .accd-cont .store-area > .radio-wrap input:checked + label .chkbox {position: absolute;top: 0;left: 0;width: 100px;height: 100px;margin: 0;border: 2px solid #5b5fe4;border-radius: 4px;}
.marketing-select .accordion-wrap .no-data {display: none;position: relative;margin-top: 12px;padding-left: 14px;font-weight: 500;font-size: 12px;color: #da1d1d;line-height: 16px;}
.marketing-select .accordion-wrap .no-data:before {content: '';position: absolute;top: 6px;left: 2px;width: 4px;height: 4px;background-color: #da1d1d;border-radius: 50%;}

.sect-expect .checkbox-wrap {margin: 0;}
.sect-expect .checkbox-wrap.type2.long-label {padding: 0 0 40px;}
.sect-expect .checkbox-wrap.type2.long-label input + label {width: auto;}

.msg-wrap.marketing {padding: 48px 24px 0;transform: translateY(-5%);}
.msg-wrap.marketing [class^="msg-type-"] {max-width: 100%;}
.msg-wrap.marketing .txt {margin-top: 24px;font-weight: 500;font-size: 14px;color: #666;line-height: 20px;}
.msg-wrap.marketing .coupon-detail {margin: 24px auto 0;text-align: left;}
.msg-wrap.marketing .check-wrap.chk-style3 {line-height: 20px;}

.ad-store-wrap .textarea-label .text-area {height: 128px;padding: 17px 19px;font-size: 16px;line-height: 20px;}
.ad-store-wrap .article-wrap .label-area {top: -15px;}
.accordion-wrap.add-checkbox .accd-cont .ad-store-wrap .html-placeholder p {font-size: 16px;color: #888;font-weight: 300;}

@media screen and (min-width: 769px) {
   .msg-wrap.marketing [class^="msg-type-"] {max-width: 460px;}
}

/* 전체메뉴 */
.layer-popup.all-menu .before-login .menu-wrap .menus.allmenu-wrap:before {content: none;}
.menu-wrap .menus.allmenu-wrap {margin: 10px 0 0;}
.allmenu-wrap .allmenu-inner {padding: 0 !important;}
.allmenu-wrap .allmenu-nav {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;min-height: 100%;padding-top: 16px;}
.allmenu-wrap .allmenu-nav:before {content: '';position: absolute;left: 0;top: 42px;width: 100%;height: 36px;background: linear-gradient(to bottom,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0));}
.allmenu-wrap .allmenu-nav:after {content: '';position: sticky;left: 0;bottom: 0;width: 100%;height: 36px;margin-top: -36px;background: linear-gradient(to top,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0));z-index: 1;}
.allmenu-wrap .allmenu-nav.fixed {padding-top: 52px;z-index: 2;}
.allmenu-wrap .allmenu-nav.fixed:before {position: sticky;top: 26px;margin-top: -36px;z-index: 1;}
.allmenu-wrap .allmenu-nav.fixed .allmenu-tab {position: fixed;top: 184px;margin-top: -36px;background-color: #fff;z-index: 1;}
.allmenu-wrap .allmenu-nav .allmenu-tab {position: relative;padding: 0 24px;}
.allmenu-wrap .allmenu-nav .allmenu-tab:before {content: '';position: absolute;left: 0;top: 0;width: 25px;height: 100%;background: linear-gradient(to right,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));z-index: 1;}
.allmenu-wrap .allmenu-nav .allmenu-tab:after {content: '';position: absolute;right: 0;top: 0;width: 25px;height: 100%;background: linear-gradient(to left,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));z-index: 1;}
.allmenu-wrap .allmenu-nav .ui-tab {display: -webkit-box;display: -ms-flexbox;display: flex;height: 36px;}
.allmenu-wrap .allmenu-nav .ui-tab li {flex-shrink: 0;width: 80px;height: 36px;border-radius: 0;}
.allmenu-wrap .allmenu-nav .ui-tab li:nth-child(4) {width: 98px;}
.allmenu-wrap .allmenu-nav .ui-tab li > 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%;font-weight: 500;font-size: 14px;color: #666;background-color: #eff0f5;border-radius: 36px;line-height: 1.1;transition:all 0.5s;}
.allmenu-wrap .allmenu-nav .ui-tab li > a.act {font-weight: 700;color: #fff;background-color: #414e7f;}/* 수정(25.06.04: 20250521565820) */

.allmenu-wrap .ui-tab-conts {position: relative;width: 100%;padding-top: 26px;}
.allmenu-wrap .tab-content {display: block !important;position: relative;}
.allmenu-wrap .tab-content:last-child {padding-bottom: 180px;} /* 수정(25.06.17: 20250521565820) */
@media screen and (max-width: 768px) {
	.allmenu-wrap .tab-content:last-child {padding-bottom: 100px;}
}
.allmenu-wrap .tab-content:first-child .allmenu-list {padding-top: 0;}
.allmenu-wrap .ui-tab-conts .allmenu-cont {padding: 0 24px;}
.allmenu-wrap .allmenu-cont .allmenu-list {position: relative;width: 100%;padding: 26px 0 11px;border-bottom: 1px solid #eee;}
.allmenu-wrap .allmenu-cont .allmenu-list .tit {position: relative;font-weight: 900;font-size: 15px;color: #888;line-height: 20px;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-list {display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;margin-top: 11px;padding: 0 6px;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-list:after {content: '';display: block;clear: both;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item {position: relative;width: 100%;margin: 9px 0;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-item a {display: inline-block;font-weight: 700;font-size: 15px;color: #000;line-height: 22px;word-break: break-all;padding-right: 10px;}
.allmenu-wrap .allmenu-cont .allmenu-list .dep-list.type .dep-item {width: 50%;}

/* 내 매장 알림 설정 */
.alarm-select {color: #666;margin-bottom: 16px;}
.alarm-list {display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;margin: -8px;}
.alarm-list > li {display:flex; flex-direction: column; width: calc(33.333% - 16px);margin: 8px;border: 1px solid #ddd;border-radius: 8px; }
.alarm-list .alarmbox {display:flex; flex-direction: column; flex: 1; position: relative;margin: 0;padding: 20px 20px 0;}
.alarm-list .alarmbox .alarm-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.alarm-list .alarmbox .alarm-wrap .tit {font-weight: 700;font-size: 16px;line-height: 22px;}
.alarm-list .alarmbox .alarm-txt {padding-bottom: 5px;font-size: 12px;color: #666;}
.alarm-list .alarmbox .alarm-txt strong {color: #000;}

.alarmbox .checkbox-wrap.chk-style {margin: 0;}
.alarmbox .checkbox-wrap.chk-style input + label {width: 73px;height: 20px;padding: 0;font-size: 12px;color: #999;line-height: 20px;}
.alarmbox .checkbox-wrap.chk-style input + label:before, .alarmbox .checkbox-wrap.chk-style label:after {top: 3px;left: 50px;}
.alarmbox .checkbox-wrap.chk-style input + label:before {width: 23px;height: 12px;background-color: transparent;border: 0;border-radius: 0;}
.alarmbox .checkbox-wrap.chk-style input + label:after {width: 23px;height: 12px;background: url('../images/mys2021/icon_off.png') no-repeat 0 1px;background-size: 23px auto;border: 0;transform: none;}
.alarmbox .checkbox-wrap.chk-style input:checked + label:before {width: 17px;height: 12px;background: none;border: 0;}
.alarmbox .checkbox-wrap.chk-style input:checked + label:after {width: 17px;height: 12px;background: url('../images/mys2021/icon_on.png') no-repeat 0 1px;background-size: 17px auto;border: 0;}
.alarmbox .checkbox-wrap.chk-style .c-bk {width: 68px;color: #999 !important;}

.alarmbox .regular-wrap {flex-grow: 1;padding: 31px 0 32px;}
.alarmbox .regular-wrap .radio-wrap {width: 33.333%;margin: 0;text-align: center;}
.alarmbox .regular-wrap .radio-wrap + .radio-wrap {margin: 0;}
.alarmbox .regular-wrap .radio-wrap input + label {width: 100%;height: auto;padding: 0;line-height: 15px;}
.alarmbox .regular-wrap .radio-wrap input + label:before, .regular-wrap .radio-wrap input + label:after {left: 50%;border-radius: 0;transform: translateX(-50%);}
.alarmbox .regular-wrap .radio-wrap input + label:before {width: 20px;height: 20px;background-color: transparent;border: 0;}
.alarmbox .regular-wrap .radio-wrap input + label:after {width: 20px;height: 20px;margin: 0;background-color: transparent;background: url('../images/mys2021/icon_alarm_off.png') no-repeat 0 0;background-size: 20px auto;}
.alarmbox .regular-wrap .radio-wrap input + label span {display: block;width: 100%;margin: 24px 0 0;padding-top: 45px;font-size: 12px;color: #000;opacity: 0.5;}
.alarmbox .regular-wrap .radio-wrap input:checked + label:before {background-color: transparent;}
.alarmbox .regular-wrap .radio-wrap input:checked + label:after {background: url('../images/mys2021/icon_alarm_on.png') no-repeat 0 0;background-size: 20px auto;}
.alarmbox .regular-wrap .radio-wrap input:checked + label span {opacity: 1;}
.alarmbox .regular-wrap .radio-wrap input + label .push-alarm {background: url('../images/mys2021/bg_app_push02.png') no-repeat 50% 0;background-size: 36px auto;}
.alarmbox .regular-wrap .radio-wrap input + label .kakao-alarm {background: url('../images/mys2021/bg_kakaotalk02.png') no-repeat 50% 0;background-size: 36px auto;}
.alarmbox .regular-wrap .radio-wrap input + label .no-alarm {background: url('../images/mys2021/bg_noalarm.png') no-repeat 50% 0;background-size: 36px auto;}

.alarm-info {padding: 12px 16px 11px;background-color: #f8f8f8;border-radius: 0 0 8px 8px;}
.alarm-info dl {display: -webkit-box;display: -ms-flexbox;display: flex;}
.alarm-info dt {width: 40%;font-size: 12px;color: #666;line-height: 23px;}
.alarm-info dd {flex: 1;font-weight: 700;font-size: 12px;line-height: 23px;text-align: right;}
.alarm-info dd.store {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.alarm-info .tooltip-wrap {padding-right: 18px;}
.alarm-info .tooltip-wrap .btn-tooltip {top: 3px;background: url('../images/mys2021/bg_guide.png') 0 50% no-repeat;background-size: 16px auto;transform: none;}
.alarm-info .tooltip-wrap .tooltip {top: -91px !important;left: -25px !important;padding: 16px 32px 16px 12px;border-radius: 8px;background-color: #fff;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.15);z-index: 5;}
.alarm-info .tooltip-wrap .tooltip-content {width: 200px;max-width: 200px;color: #333;}
.alarm-info .tooltip-wrap .tooltip-content:before {top: 74px;width: 10px;height: 10px;background-color: #fff;border: none;box-shadow: 0 2px 5px 2px rgb(0 0 0 / 15%);transform: rotate(-45deg);z-index: 0;}
.alarm-info .tooltip-wrap .tooltip-content p:before {content: '';display: block;position: absolute;left: 50%;bottom: 0;width: calc(100% - 24px);height: 12px;background-color: #fff;transform: translateX(-50%);}
.alarm-info .tooltip-wrap .tooltip-content p + p {margin-top: 12px;}
.alarm-info .tooltip-wrap .tooltip.type {top: -135px !important;}
.alarm-info .tooltip-wrap .tooltip.type .tooltip-content.user {width: 224px;max-width: 224px;}
.alarm-info .tooltip-wrap .tooltip.type .tooltip-content:before {top: 119px;}
.alarm-info .tooltip-wrap.left .tooltip-content:before {left: 88px;}
.alarm-info .tooltip-wrap.right .tooltip {right: auto;}
.alarm-info .tooltip-wrap.right .tooltip-content:before {left: 88px;}
.alarm-info .tooltip-wrap .btn-close {top: 16px;right: 12px;background: url('../images/mys2021/btn_tooltip_close.png') 0 50% no-repeat;background-size: 16px auto;}
.alarm-guide {margin-top: 48px;text-align: center;}
.alarm-guide-info {position:relative;margin-top: 48px;color:#666; padding:0 0 0 22px}
.alarm-guide-info:before {content: ''; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; background: url('../images/mys2021/icon_warning.svg') 0 0 no-repeat; background-size: 100% auto;}

.note-wrap {margin: 0 24px;padding: 20px 0 35px !important;border-top: 1px solid #eee;}
.note-wrap .txt-bul > li {position: relative;display: block;padding-left: 14px;font-size: 14px;line-height: 20px;color: #666;}
.note-wrap .txt-bul > li:before {content: '';position: absolute;top: 8px;left: 1px;width: 4px;height: 4px;background: #888;border-radius: 50%;}
.note-wrap .txt-bul > li + li {margin-top: 12px;}

@media screen and (max-width: 768px) {
   .alarm-list {flex-direction: column;margin: 0;}
   .alarm-list > li {width: 100%;margin: 16px 0 0 0;}
   .alarm-list > li:first-of-type {margin-top: 0;}
}
@media screen and (min-width: 769px) and (max-width: 1100px)  {
   .alarm-list {flex-wrap: wrap;flex-direction: row; justify-content: space-between;}
   .alarm-list > li {width: calc(50% - 16px);}
   .alarm-list > li:first-of-type, .alarm-list > li:nth-of-type(2) {margin-top: 0;}
}

/* 요약 알림 수신 동의 alert */
.report-popup .push-pop-cont .txt {padding-top: 0;}
.push-pop-cont .txt {padding: 20px 32px 28px;}
.push-pop-cont .txt h3 {font-weight: 700;}
.push-pop-cont .push-box {position: relative;width: 100%;margin-bottom: 16px;padding: 58px 0 8px;text-align: center;background-color: #f8f8f8;border-radius: 8px;}
.push-pop-cont .push-box:before {content: '';display: block;position: absolute;top: 8px;left: 50%;width: 40px;height: 40px;background: url('../images/mys2021/bg_app_push.png') no-repeat 0 0;background-size: 40px auto;transform: translateX(-50%);}
.push-pop-cont .push-box .tit {position: relative;font-size: 14px;color: #000;line-height: 20px;}
.push-pop-cont .kakaotalk:before {content: '';display: block;position: absolute;top: 8px;left: 50%;width: 40px;height: 40px;background: url('../images/mys2021/bg_kakaotalk.png') no-repeat 0 0;background-size: 40px auto;transform: translateX(-50%);}
.push-pop-cont .txt p, .push-pop-cont .txt-info p {margin-bottom: 12px;color: #222;}
.push-pop-cont .txt p:last-of-type {margin-bottom: 0;}
.push-pop-cont .btn-app-store {margin-top: 28px;}
.push-pop-cont .btn-group.btn-app-store .btn {height: 36px;padding: 0;border-radius: 0;border: 0;background-color: transparent;background-size: auto 36px;}
.push-pop-cont .btn-group.btn-app-store .btn.btn-app-google {background-image: url('../images/mys2021/btn_googleplay02.png');}
.push-pop-cont .btn-group.btn-app-store .btn.btn-app-google span {display: inline-block;position: absolute;width: 1px;height: 1px;margin: -1px;border: 0;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.push-pop-cont .btn-group.btn-app-store .btn.btn-app-ios {background-image: url('../images/mys2021/btn_appstore02.png');}
.push-pop-cont .btn-group.btn-app-store .btn.btn-app-ios span {display: inline-block;position: absolute;width: 1px;height: 1px;margin: -1px;border: 0;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.push-pop-cont .btn-group.btn-app-store .btn.btn-app-download {position:relative;max-width: 100%;height: 54px;padding: 10px 15px;font-weight: 700;color: #000;text-align: left;background-image: url('../images/mys2021/bg_app_push02.png');background-position: 15px center;border: 1px solid #ddd;border-radius: 4px;}
.push-pop-cont .btn-group.btn-app-store .btn.btn-app-download:after {position:absolute; top:15px;right:15px;content: ''; display: inline-block; width: 20px; height: 20px; background: url('../images/mys2021/icon-outlink.png') no-repeat center / 100%;}
.push-pop-cont .btn-group.btn-app-store .btn.btn-app-download span {padding-left: 44px;}
.push-pop-cont .btn-group.btn-app-store .btn + .btn {margin-left: 16px;}

.layer-popup.modal.app-store-popup .txt {padding: 8px 24px 32px;}
.layer-popup.modal.app-store-popup .pop-head .pop-close, .layer-popup.modal.app-store-popup .app-guide-wrap{display:none}
@media screen and (min-width: 769px) {
   .app-store-popup .txt {padding: 8px 24px 24px;}
   .layer-popup.modal.app-store-popup {width: 600px;}
   .layer-popup.modal.app-store-popup .pop-head .pop-close {display:block}
   .layer-popup.modal.app-store-popup .pop-cont .pop-btn { padding:10px 44px 24px}
   .layer-popup.modal.app-store-popup .pop-cont .pop-btn a.confirm{background: #5b5fe4; border: 1px solid #5b5fe4; color: #fff; box-shadow: 0 0 0 0; border-radius: 4px; }
   .layer-popup.modal.app-store-popup .btn-app-store {display:none}
   .layer-popup.modal.app-store-popup .app-guide-wrap {display:block;position: relative;width: 100%;height: 100%;margin-top: 30px;background: #e0e9f4 url('../images/mys2021/bg_partner_banner.svg') no-repeat top 6px right 78px;background-size: auto;border-radius: 6px;}
   .layer-popup.modal.app-store-popup .app-guide-wrap .tit {position: relative;padding: 16px 16px 16px 104px;}
   .layer-popup.modal.app-store-popup .app-guide-wrap .tit:before {content: '';position: absolute;top: 50%;left: -4px;width: 112px;height: 112px;background: url('../images/mys2021/icon_shinhancard.png') no-repeat 0 0;background-size: 112px auto;transform: translateY(-50%);}
   .layer-popup.modal.app-store-popup .app-guide-wrap .tit p {font-size: 13px;color: #414e7f;line-height: 20px;}
   .layer-popup.modal.app-store-popup .app-guide-wrap .tit strong {font-weight: 900;font-size: 13px;line-height: 20px;}
   .layer-popup.modal.app-store-popup .app-guide-wrap .btn-group {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 3px;}
   .layer-popup.modal.app-store-popup .app-guide-wrap .btn-group .btn-appstore {display: inline-block;width: 95px;height: 29px;font-size: 0;background: url('../images/mys2021/btn_appstore.png') 0 0 no-repeat;background-size: 95px auto;}
   .layer-popup.modal.app-store-popup .app-guide-wrap .btn-group .btn-googleplay {display: inline-block;width: 98px;height: 29px;margin-left: 3px;font-size: 0;background: url('../images/mys2021/btn_googleplay.png') 0 0 no-repeat;background-size: 98px auto;}
   .layer-popup.modal.app-store-popup .app-guide-wrap .qr-box {display: block;position: absolute;top: 8px;right: 16px;width: 88px;height: 88px;padding: 11px;background-color: #fff;border-radius: 8px;}
   .layer-popup.modal.app-store-popup .app-guide-wrap .qr-box:before {content: '';display: block;position: inherit;top: 50%;left: 50%;width: 70px;height: 70px;background: url('../images/mys2021/bg_qr_box.png') no-repeat 0 0;background-size: 70px auto;transform: translate(-50%, -50%);}
   .layer-popup.modal.app-store-popup .app-guide-wrap .qr-box img {width: 54px;height: 52px;margin: 7px 6px;}
}

/* 공유하기 툴팁 */
.tooltip-wrap.share-tip {padding: 0 0 0 4px;}
.tooltip-wrap.share-tip .tip-btn {padding: 0 12px; font-size: 13px; font-weight: 700; line-height: 26px; color: #000; border-radius: 2px;}
.tooltip-wrap.share-tip .tooltip {position: absolute; display: none; padding: 12px 12px 20px; top: 45px; left: auto; right: 0; /*width: 312px;*/ background: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,.15);  transform: translateX(0);}
.tooltip-wrap.share-tip .tooltip i.tip {position: absolute; top: -5px; right: 0; display: block; width: 10px; height: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); transform: translateX(-50%) rotate(45deg); z-index: 0;}
.tooltip-wrap.share-tip .tooltip p {position: relative; font-size: 12px; font-weight: 700; line-height: 16px; color: #000; z-index: 2;}
.tooltip-wrap.share-tip .tooltip p:before {content: ''; position: absolute; top: -12px; left: 0; display: block; width: 100%; height: 10px; background: #fff; z-index: 0;}
.tooltip-wrap.share-tip .tooltip ul {display:flex; justify-content: space-between; margin-top: 20px; /*padding: 0 12px;*/}
.tooltip-wrap.share-tip .tooltip ul > li {display: block; font-size: 12px; font-weight: 500; line-height: 16px; text-align: center; margin: 0 20px;}
.tooltip-wrap.share-tip .tooltip .share {position: relative; display: block; padding-top: 60px; white-space: nowrap; min-width: auto; line-height: 1.4;}
.tooltip-wrap.share-tip .tooltip .share:before {content: ''; position: absolute; top: 0; left: 50%; width: 52px; height: 52px; border-radius: 50%; transform: translateX(-50%);}
.tooltip-wrap.share-tip .tooltip .share.ico-kakao:before {background: url('../images/mys2021/icon_social_kakao.svg') 0 0 no-repeat; background-size: 52px auto;}
.tooltip-wrap.share-tip .tooltip .share.ico-sms:before {background: url('../images/mys2021/icon_social_sms.svg') 0 0 no-repeat; background-size: 52px auto;}
.tooltip-wrap.share-tip .tooltip .share.ico-url:before {background: url('../images/mys2021/icon_social_url.svg') 0 0 no-repeat; background-size: 52px auto;}
.tooltip-wrap.share-tip .tooltip .cls-tip {top: 8px; right: 8px; z-index: 9;}
.tooltip-wrap.share-tip .tooltip .cls-tip:before, .tooltip-wrap.share-tip .tooltip .cls-tip:after {content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; background: #000;}
.tooltip-wrap.share-tip .tooltip .cls-tip:before {transform: translate(-50%, -50%) rotate(45deg);}
.tooltip-wrap.share-tip .tooltip .cls-tip:after {transform: translate(-50%, -50%) rotate(-45deg);}
.tooltip-wrap .tooltip.show {display: block;}
/* 리뷰 답글 */
.review-reply-wrap .stit{padding: 24px 0 0;}
.review-reply-wrap .btn-review-reply{color: #000; text-decoration: underline; line-height: 1.3;}
.review-reply-wrap .article-wrap.input-wrap{display:none;}
.review-reply-wrap .article-wrap.show{display:block;}
.review-reply-wrap .textarea-label .text-area {height: 136px;padding: 17px 19px;font-size: 16px;line-height: 20px;margin-top: 24px;}
.review-reply-wrap .textarea-label .html-placeholder{margin-top: 24px;}
.review-reply-wrap .article-wrap .label-area {position:absolute; top: 3px;}
.review-reply-wrap .article-wrap .btn-area {padding:8px 0 0;text-align: right;}
.review-reply-wrap .article-wrap .btn-area .btn{padding: 0 25px;}
.review-reply-wrap .article-wrap .btn-area .btn-submit{color:#fff; border-radius: 2px; background-color: rgb(91, 95, 228); border: 0; line-height: 34px; padding: 0 26px; margin-left: 4px;}
.comment-reply-wrap {display:flex;flex-wrap: wrap; flex-basis: 50%;justify-content: space-between; align-items: flex-start; margin: 24px 0 0;padding: 20px 16px; border-radius: 4px; background-color: #f8f8f8;}
.comment-reply-wrap .shop-name {position:relative;flex: 1;font-weight: 700;font-size: 16px;line-height:1.35;padding-left: 26px;word-break: break-word;}
.comment-reply-wrap .shop-name:before {display:block;content: '';position:absolute; top:0; left:0; width:20px; height:20px; background:url('../images/mys2021/icon_comment.svg') 0 1px / 20px no-repeat}
.comment-reply-wrap .date {font-size:12px;color: #888;}
.comment-reply-wrap .btn-del {font-size:12px;color: #476eff;text-decoration: underline;margin-left: 6px;}
.comment-reply-wrap .box-badge {display: inline-block;font-size: 0;line-height: 0;}
.comment-reply-wrap .box-badge i {display: inline-block;height: 20px;margin-top:1px;padding: 0 7px;font-style: normal;font-size: 12px;color: #5768d2;line-height: 18px;border: 1px solid #5768d2;border-radius: 20px;}
.comment-reply-wrap i.noshow {color: #888;border-color: #888;}
.comment-box .default-info .comment-reply-wrap.reply-noshow .subject{color: #888;}
.comment-reply-wrap.reply-noshow .shop-name {padding-left:0;color: #888;}
.comment-reply-wrap.reply-noshow .shop-name::before{display: none;}
.comment-reply-wrap.reply-noshow .box-badge + .shop-name {padding-left:6px;}
.comment-reply-wrap.reply-noshow .txt-noshow {flex:1 1 auto;border-top: 1px solid #ddd;margin-top:14px;padding-top: 17px;font-weight: 500;color: #888;}
.comment-box .default-info .comment-reply-wrap .subject {flex-basis: 100%;margin-top: 16px;color:#666;}
.comment-box .emoji-area { padding-top: 6px;}

[data-bind-view="cmmPopup"] {display:block !important;}/* 공통팝업 display:none되는 이슈 */