@charset "UTF-8";
@import url('common_N.css');
@import url('chart_N.css');
@import url('editor_N.css');
@import url('gnb.css');
@import url('newsco_N.css');
/* @import url('newscmy_N.css'); */
/* ico */
/*
.tod-sscBody .ssc-tag {display:inline-block;margin-left:0.375rem;padding:0 0.5rem;font-size:0.8125rem !important;color:#ff404e;border:1px solid #ff404e;border-radius:0.6875rem;height:1.375rem;line-height:1.3125rem;vertical-align:middle;font-weight:400;box-sizing:border-box}
.tod-sscBody .ssc-tag.gray-type {color:#686c7c;border-color:#d6d7d8}
.tod-sscBody .ssc-tag.bg-red-type {border:none;background-color:rgba(255,64,78,0.07);color:rgba(255,64,78,1)}
.tod-sscBody .ssc-tag.bg-blue-type {border:none;background-color:rgba(135,58,214,0.07);color:rgba(54,23,206,0.8)}
.tod-sscBody .ssc-tag.bg-orange-type {border:none;background-color:rgba(255,151,1,0.07);color:rgba(255,158,8,1)}
*/
.tod-sscBody .ssci-info {color:#686c7c;background:url(/img/ico-info-s.png) no-repeat 0 50%;background-size:0.875rem}
.badge,.rbadge{display: inline-block; border-radius: 2px;height: 1rem;line-height: 1rem ;padding: 0 6px ;font-size: 0.5rem !important;letter-spacing: -0.2px;box-sizing: border-box;font-weight: bold !important;}
.cl-fred{color: #ff404e !important}
/* border */
.bt1 {border-top:1px solid #e1e3e4}
.bb1 {border-bottom:1px solid #e1e3e4}
/* btn */
.bt-area {padding:0 1.25rem;margin-bottom:1.875rem}
.bt-area .bt-slice{display:flex;margin:0 -4px}
.bt-area .bt-slice li{width:100%;padding:0 4px}
.bt-area .bt-slice li button{height:52px;border-radius:8px}
.popup-page .bt-area {margin-top:-0.625rem}
.bt-fixed-area.nobg {background:none;box-shadow:none;-webkit-box-shadow:none}
.rbtn-bl-arr {padding:0.3125rem 0.75rem;border:1px solid #000;border-radius:1.25rem;box-sizing:border-box}
.rbtn-bl-arr span {display:inline-block;padding-right:0.75rem;font-size:0.8125rem;background:url(/img/btn-arrow-10.svg) no-repeat 100% 50%}
.rbtn-w-arr {padding:0 0.625rem 0 0.75rem;height:1.75rem;border:1px solid #fff;border-radius:1.25rem;box-sizing:border-box}
.rbtn-w-arr span {display:inline-block;padding-right:0.75rem;font-size:0.8125rem;line-height:1.625rem;color:#fff;background:url(/img/btn-arrow-10w.svg) no-repeat 100% 50%;vertical-align:middle}
.bt-arr {color:#3e3e52;font-size:0.875rem}
.bt-arr span {display:inline-block;padding-right:12px;line-height:1.25rem;background:url(/img/btn-arrow-14.svg) no-repeat 100% 55%;background-size:11px;}
.bt-line-my {display:block;width:100%;height:2.25rem;color:#fff !important;font-size:0.875rem;border-radius:4px;text-align:center}
.bt-line-my span {font-size:0.875rem}
.bt-line-my:disabled {background:#e6e6e6;color:#555;opacity:0.5;box-shadow:none;-webkit-box-shadow:none}
.bt-round {display:inline-block;padding:0 12px;height:1.75rem;font-size:0.8125rem;border-radius:1.25rem;border:solid 1px #1A1A47;line-height:calc(1.75rem - 2px);text-align:center}
.rbox .bt-line-my,
.rbox .txt-btn-wrap {margin-top:1rem}
.bt-line-pod { display:block;width:100%;font-size:0.8125rem;bottom:1.875rem;height:2.875rem;border-radius:2.875rem;box-shadow:0 2px 10px 0 rgb(0 0 0 / 15%);-webkit-box-shadow:0 2px 10px 0 rgb(0 0 0 / 15%);box-sizing:border-box}
.bt-line-pod .ico-arrow {position:relative;display:inline-block;padding-right:0.875rem;line-height:2.875rem}
.bt-line-pod:disabled {background:#e6e6e6;color:#555;opacity:0.5;box-shadow:none;-webkit-box-shadow:none}
.bt-tip {display:inline-block;height:16px;line-height:16px;padding:0 5px;border-radius:16px;color:#fff;background:#686c7c}
.bt-tip span {display:block;font-size:0.5775rem;font-weight:700;line-height:17px;vertical-align:top}
.bt-txt {text-decoration:underline;font-size:0.875rem;color:#1A1A47;text-decoration:underline!important}
.bt-txt:disabled {color:#9f9f9f;text-decoration:none}
/* SSMCM-5290 : 22.09.19 text-decoration:underline; y 텍스트노출시경우 끊어지는형상으로 border로 수정 */
.tod-sscBody .txt-btn {position: relative; color:#3E3E52;font-size:0.875rem;} /* 22.08.29 문구 1A1A47 >> 3E3E52 공통컬러변경 */
.tod-sscBody .txt-btn:before{content:''; position:absolute; right:0; bottom:3px; left:0; border-bottom:1px solid #3E3E52;}
.tod-sscBody .txt-btn:disabled {color:#9f9f9f;}
.tod-sscBody .txt-btn:disabled:before,
.tod-sscBody .txt-btn.arr:before{display:none;}
.tod-sscBody .txt-btn.arr span {position:relative;display:inline-block;padding-right:0.875rem}
.tod-sscBody .txt-btn.arr span:after {content:'';display:inline-block;position:absolute;top:50%;right:0;width:0.625rem;height:0.625rem;background:url(/img/btn-arrow-14.svg) 50% 50% no-repeat;background-size:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
/* tag */
.tag {display:inline-block;padding:1px 0.375rem;font-size:0.625rem;color:#3617ce;border:0.0625rem solid #3617ce;border-radius:1.25rem}
/* 말풍선 */
.balloon-wrap {height:34px}
.tod-sscBody .balloon {position:relative;display:inline-block;padding:0.1875rem 0.875rem;border-radius:0.8125rem;font-size:0.8125rem !important;line-height:1.25rem;color:#fff;background:#4063f4;font-weight:300;box-shadow:0 4px 6px 0 rgba(64, 99, 244, 0.22);-webkit-box-shadow:0 4px 6px 0 rgba(64, 99, 244, 0.22)}
.tod-sscBody .balloon:after {content:'';position:absolute;width:0.625rem;height:0.5625rem}
.tod-sscBody .balloon.lefttop:after {left:1rem;top:1.5rem;background:url(/img/balloon_lt.svg) no-repeat}
.tod-sscBody .balloon.righttop:after {right:1rem;top:1.5rem;background:url(/img/balloon_rt.svg) no-repeat}
.tod-sscBody .balloon.leftbottom:after {left:1rem;top:-0.4375rem;background:url(/img/balloon_lb.svg) no-repeat}
.tod-sscBody .balloon.rightbottom:after {right:1rem;top:-0.4375rem;background:url(/img/balloon_rb.svg) no-repeat}
/* tip */
.tip-box {font-size:0.8125rem}
.tip-box li {margin-bottom:0.625rem}
.tip-box li:last-child {margin-bottom:0}
.tip-box a {font-size:0.8125rem}
.tip-box .bt-tip {margin-left:0.375rem}
.tip-box.cupon {font-size:0.875rem;color:#686c7c}
.inputbox .space {display:inline-block;width:0.375rem}
/* form */
.tod-sscBody .input-wrap .inputbox .input {margin-top:0.3125rem}
.tod-sscBody .input-wrap .inputbox .input:first-child {margin-top:0}
.tod-sscBody .inputbox .input .ipt-security {-webkit-text-security:disc}
/* 툴팁박스 */
.tod-sscBody .my-ttp-box {position:relative}
.tod-sscBody .my-ttp-box .txt-ssm {display:inline-block;margin-top:0!important;font-size:0.8125rem}
.tod-sscBody .my-ttp-box .ttp {position:absolute;top:-0.5625rem;left:0;padding:1.25rem 2.5rem 1.25rem 1.25rem;font-size:0.8125rem;line-height:1rem;background-color:#f6f8fa;border-radius:0.25rem;
-webkit-transform:translateY(-100%);transform:translateY(-100%);
box-shadow:-1px 5px 5px 0 rgba(106,106,106,0.2), -1px 12px 5px 0 rgba(106,106,106,0.1);
-webkit-box-shadow:-1px 5px 5px 0 rgba(106,106,106,0.2), -1px 12px 5px 0 rgba(106,106,106,0.1);
}
.tod-sscBody .my-ttp-box .ttp * {font-size:0.8125rem!important}
.tod-sscBody .my-ttp-box .ttp .btn-ttp-close {position:absolute;right:0.625rem;top:1.125rem;width:1.25rem;height:1.25rem;font-size:0!important}
.tod-sscBody .my-ttp-box .ttp .btn-ttp-close:after {content:"";position:absolute;left:50%;top:50%;margin-top:-0.3125rem;margin-left:-0.3125rem;width:0.625rem;height:0.625rem;background:url(/img/pop-tooltip-close.png) no-repeat right center;background-size:0.625rem}
.tod-sscBody .my-ttp-box .ttp:after {content:'';position:absolute;width:0;height:0;left:0.5625rem;bottom:-0.625rem;border-top:0.625rem solid transparent;border-bottom:0.625rem solid transparent;border-left:0.6875rem solid #f6f8fa}
.tod-sscBody .my-ttp-box .btn-ttp-open {display:inline-block;margin-top:-0.125rem;margin-right:0.25rem;width:1rem;height:1rem;font-size:0!important;vertical-align:middle;background:url(/img/ico-info.png) center center no-repeat;background-size:contain}
/* 타이틀 */
.tod-ssc-tit-wrap .ps {font-size:0.875rem;color:#686c7c !important}
.tod-ssc-tit-wrap .tit + .ps {margin-top:0.375rem}
.tod-ssc-tit-wrap .ps + .tit {margin-top:0.375rem}
/* 헤더 라이트텍스트 */
.tod-sscBody .tit-wrap {position:relative}
.tod-sscBody .tit-wrap .right-txt {position:absolute;right:0;top:0;font-size:0.875rem;color:#686c7c}
.tod-sscBody .cont-box .tit-wrap {display:flex;justify-content:space-between;align-items:center;margin-bottom:0.875rem}
.tod-sscBody .cont-box .tit-wrap .btn-arr-rgt .text {color:#1A1A47;font-size:12px;font-weight:400;line-height:17px}
/* txt-ssm 라인 있는 유형 */
.tod-sscBody .cont-box .rbox .txt-ssm > span {position:relative}
.tod-sscBody .cont-box .rbox .txt-ssm.line > span {padding-right:0.4375rem}
.tod-sscBody .cont-box .rbox .txt-ssm.line > span:after {content:'l';position:absolute;right:0;font-weight:300;color:#686c7c}
.tod-sscBody .cont-box .rbox .txt-ssm.line > span:last-child {margin:0;padding:0}
.tod-sscBody .cont-box .rbox .txt-ssm.line > span:last-child:after {content:''}
/* layout */
.tod-sscBody {background-color:#f5f5fa}
.tod-sscBody .fixed-bottom {/*padding-bottom:100px 230802 SSMCM-8941*/ padding-bottom:4rem;} /* 22.10.17 margin-bottom > padding-bottom 변경 */
.tod-sscBody .bl-tx {color:#1A1A47 !important}
.tod-sscBody .red-tx {color:#e51937 !important}
.tod-sscBody .gray-tx {color:#686c7c !important}
.tod-sscBody .violet-tx {color:#873ad6 !important}
.tod-sscBody .blue-tx {color:#5555e8 !important}
.tod-sscBody .point-tx {color:#3617ce !important}
.tod-sscBody .subsc-sec * {color:#1A1A47}
.tod-sscBody .subsc-sec {position:relative;padding:0 1.25rem} /* SSMCM-3808 :padding변경 */
.tod-sscBody .subsc-sec:first-child {border-top:none}
.tod-sscBody .subsc-sec:last-child {border-bottom:none}
.tod-sscBody .subsc-sec.bg {background-color:#efeff1}
.tod-sscBody .subsc-sec.topline {position:relative;border-top:1px solid #dbdbdb}
.tod-sscBody .subsc-sec.topline:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;border-top:1px solid #fff}
.tod-sscBody .exp-box {margin:0 -1.25rem}
.tod-sscBody .subsc-sec .blind {color:transparent}
.underline span {text-decoration:underline}
.underline {text-decoration:underline}
.incen input {padding:0 !important;text-align:center}
.bg-white {background-color:#fff!important}
.pt0 {padding-top:0 !important}
.pb0 {padding-bottom:0 !important}
.mt0 {margin-top:0 !important}
.mb0 {margin-bottom:0 !important}
.mt10 {margin-top:0.625rem !important}
.mt14 {margin-top:0.875rem !important}
.mt16 {margin-top:1rem !important}
.tod-sscBody .inset-shadow-box { /*음각*/
border-radius:0.75rem;
background:#efeff1;
padding:1.125rem 1.25rem 0.9375rem;
box-shadow:inset 1px 1px 3px 0 #c8c9cb, inset -1px -1px 1px 0 #ffffff;
-webkit-box-shadow:inset 1px 1px 3px 0 #c8c9cb, inset -1px -1px 1px 0 #ffffff;
}
.tod-sscBody .shadow-box { /*양각*/
border-radius:8px;
background:#fff;
box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
.gra-box {padding:2px;border-radius:0.5rem;background:linear-gradient(101deg, #bf4feb, #5427c3);background:-webkit-linear-gradient(101deg, #bf4feb, #5427c3)}
.gra-box .inner-box {border-radius:0.375rem;background:#fff}
/* bottom sheet */
.ssc-bottom .cont-ssc {margin-bottom:1.25rem} /* 흰색 */
.ssc-bottom .actionsheet.has-header .header-wrap {position:relative}
.ssc-bottom .actionsheet.has-header .header-wrap .page-header {position:inherit}
.ssc-bottom .actionsheet.has-header .header-wrap .page-header .header-ti h1 {display:block;text-align:left}
.ssc-bottom .popup-page .cont-box {padding:0 16px 1.875rem}
.ssc-bottom .popup-page,
.ssc-bottom .popup-page .header-wrap .page-header {border-radius:1.25rem 1.25rem 0 0}
.ssc-bottom .popup-page .header-wrap .page-header.noborder {border-bottom-color:transparent}
.ssc-bottom .popup-page .header-wrap .page-header {min-height:auto;height:auto;padding:40px 0 16px 16px}
.ssc-bottom .popup-page .header-wrap .page-header .header-ti h1 {font-size:1.25rem;font-weight:700;color:#1A1A47}
.ssc-bottom .popup-page.wbg .header-wrap .page-header .header-ti h1 {font-size:1.125rem;font-weight:700;color:#1A1A47} /* 흰배경 */
.ssc-bottom .popup-page .container-wrap .cont-ssc h3 {margin-bottom:0.875rem;font-size:0.875rem}
.ssc-bottom .popup-page .popup-closeBtn {position:absolute;top:0;left:0;width:100%;height:28px;background:none}
.ssc-bottom .popup-page .popup-closeBtn:after{content:'';display:block;position:absolute;top:50%;left:50%;width:36px;height:4px;margin:-2px 0 0 -18px;border-radius:4px;background:#eaecef}
.ssc-bottom .popup-page .container-wrap h3 {margin-bottom:0.875rem;font-size:1rem;font-weight:700}
.ssc-bottom .popup-page .container-wrap h3.tit + .select-wrap{margin-top:-2px;}
.ssc-bottom .popup-page .container-wrap .txt-wrap .txt-big {margin-bottom:16px;font-size:14px;line-height:1.12rem;color:#686c7c}
.ssc-bottom .popup-page .container-wrap .txt-wrap .txt-info {font-size:0.8125rem;color:#686c7c}
.ssc-bottom .popup-page .container-wrap .bt-area {margin-top:1.25rem;padding:0 1.25rem 1.875rem}
.ssc-bottom .popup-page .container-wrap .inner {margin-bottom:32px}
.ssc-bottom .popup-page .container-wrap .new-cont-box .inner{margin-bottom: 0;}
.ssc-bottom .popup-page .container-wrap .inner.exp-box {margin-bottom:0} /* 상품상세SCP_M_02_02L */
.ssc-bottom .btn-addpay {margin-top:20px;text-align:right}
.ssc-bottom .btn-addpay a,
.ssc-bottom .btn-addpay button {color:#686c7c;text-align:right;text-decoration:underline}
.ssc-bottom .sscpay-slidebox + .btn-addpay {margin-top:0.625rem}
.scc-agree-wrap {background:#fff;border-radius:0.5rem}
.scc-agree-wrap .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit {padding:0.625rem 1.25rem;font-size:0.875rem}
.scc-agree-wrap .accordion .acco-style.btn-hold .acco-list .acco-box.on .acco-cont {padding:0.6875rem 1.25rem 0.625rem;border-top:1px solid #f2f2f2;background:#fff;color:#585959}
.scc-agree-wrap .accordion .acco-list .acco-box {border-bottom:1px solid #e1e3e4}
.scc-agree-wrap .accordion .acco-list .acco-box:last-child {border-bottom:none}
.scc-agree-wrap .accordion .acco-list .acco-box:after {left:0;right:0}
.scc-agree-wrap .scc-agreeview-bs {height:9.375rem;padding-bottom:1.25rem}
.ssc-bottom .scc-frbox .txt-ssm {margin-top:1.25rem}
.ssc-bottom .scc-rbox-list {margin-top:0.625rem}
.tod-sscBody .scc-rbox-list .select-list li {display:block;margin-bottom:0.625rem;font-size:0.875rem;border-radius:0.5rem;padding:0.875rem 1.25rem;background-color:#fff;box-shadow:0 4px 6px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:0 4px 6px 0 rgba(0, 0, 0, 0.06)}
.tod-sscBody .scc-rbox-list .select-list li:last-child {margin-bottom:0}
.tod-sscBody .scc-rbox-list .select-list .radiobox.type01:before {position:absolute;right:1.25rem;top:1rem}
.ssc-bottom .bt-wrap {margin-top:0.875rem}
.ssc-bottom .popup-page.actionsheet{padding-top:80px}
.ssc-bottom .popup-page .cont-box.new-cont-box{padding-bottom:0}
/* 회선선택 */
.ssc-bottom .select-wrap {margin-top:0.625rem;max-height:20rem;overflow-y:auto}
.ssc-bottom .select-wrap .radiobox.type-ssc {background-color:#fff;border:1px solid #D3D6E6}
.ssc-bottom .select-wrap .radiobox.type-ssc.checked {border-color:#3617ce}
.ssc-bottom .select-wrap .radiobox.type-ssc.checked:after{content:'';display:block;position:absolute;top:50%;right:19px;width:14px;height:14px;margin-top:-7px;background:url(/img/comm_2022/spr_ico.svg) no-repeat -42px 0}
.ssc-bottom .select-wrap .radiobox.type-ssc.disabled {border-color:#d3d6e5; background-color:#fafafc;}
.ssc-bottom .select-wrap .radiobox.type-ssc.disabled .radio-join p{color:#d3d6e5;}
.ssc-bottom .select-wrap .radiobox.type-ssc .inner-box {padding:0.875rem 14px}
.ssc-bottom .select-wrap .radiobox.type-ssc.checked .radio-join p{color:#3617ce}
.ssc-bottom .select-wrap .radiobox.type-ssc .radio-join p.phonenum{font-weight:400;}
.select-wrap.mbcard .radiobox.type-ssc .radio-join em.card-name {display:block;color:#1a1a47;font-size:0.875rem;font-weight:700;line-height:1.25rem}
.select-wrap.mbcard .radiobox.type-ssc.checked .radio-join em.card-name {color:#3617ce;}
/* radio select */
.radiobox.type-ssc {position:relative;margin-bottom:8px;padding:0.125rem;border:1px solid #E2E2F0;border-radius:0.5rem;box-sizing:border-box}
.radiobox.type-ssc .inner-box {padding:0.5625rem 0.875rem;border-radius:0.375rem}
.radiobox.type-ssc.checked .inner-box {padding:0.625rem 0.9375rem;border-radius:0.375rem;background:#fff}
.radiobox .radio-join {position:relative}
.radiobox.type-ssc:last-child {margin-bottom:0}
.radiobox.type-ssc .radio-join p {color:#3E3E52;font-size:0.8125rem;line-height:1.25rem;text-align:left !important; font-weight:700;}
.radiobox.type-ssc .radio-join span {font-size:0.6875rem;color:#686c7c}
.radiobox.type-ssc .radio-join em {color:#1a1a47;font-size:0.875rem}
.radiobox.type-ssc .radio-join em.mobile {font-size:0.8125rem;color:#686c7c}
.radiobox.type-ssc .radio-tog {display:inline-block;font-size:0.875rem}
/* 상품리스트 */
.list-sec {padding:0 1.25rem}
.list-sec + .list-sec {border-top:10px solid #e9eaec}
.list-sec + .list-sec.hom {border:0px;background:url(/img/line-inner2.svg) repeat-x 0 0}
.banner-box .banner {display:block;width:100%}
.banner-box + .list-sec {margin-top:0}
.tod-ssc-tit-wrap {margin:2.5rem 0 0.625rem;font-weight:700}
.tod-ssc-tit-wrap .tit {margin-top:2.5rem;font-size:1.125rem;line-height:1.5rem;font-weight:700}
.tod-ssc-prod-infobox {margin:1.25rem 0}
.tod-ssc-prod-infobox .prod-img {margin-bottom:1.25rem}
.prod-info .p-info:after {content:"";display:block;clear:both}
.prod-info .p-info .p-name {float:left}
.prod-info .p-info .p-price {float:right;font-size:1rem;color:#000;font-weight:700}
.prod-info .p-name {margin-bottom:0.625rem;font-size:1rem;color:#000;font-weight:700}
.prod-info .p-txt {font-size:0.875rem}
/*.prod-info .p-price {}*/
.prod-info .p-price strong {display:inline-block;font-size:0.9375rem;font-weight:700}
.tod-ssc-prod-list {margin-bottom:1.25rem}
.tod-ssc-prod-list.noline {margin-bottom:0}
.tod-ssc-prod-list.noline li:first-child {background:none}
/*.tod-ssc-prod-list .prod-list {}*/
.prod-list .list-box {position:relative;background:url(/img/line-inner.svg) repeat-x 0 0}
.list-box > a {display:block;padding:1.5rem 0 1.5rem 3rem}
.list-box .ico-wrap {position:absolute;top:50%;left:0;margin-top:-1.25rem}
.ico-wrap {display:inline-block;width:2.5rem;height:2.5rem}
.ico-wrap .ico {display:inline-block}
.ico-wrap .ico.line {border-radius:1.25rem;border:1px solid #E2E2F0}
.ico-wrap .ico img {width:100%}
.list-con .list-text .stext-bb {position:relative;font-size:0.875rem;margin-bottom:0.25rem;font-weight:700}
.list-con .list-text .stext-bb .stext-price {position:absolute;right:0}
.list-con .list-text .stext span {font-size:0.875rem;color:#686c7c}
.list-con .list-price del {display:block;font-size:0.6875rem;color:#686c7c}
.list-con .list-price p {display:inline-block;margin-left:0.5rem;font-size:0.9375rem;font-weight:700}
.list-con .list-price p > em {display:inline-block;margin-right:0.1875rem;font-size:0.6875rem;font-weight:400}
.prod-tabwrap {position:relative;padding-top:7rem}
.prod-tabwrap .tab-linker {position:absolute!important;top:0;left:-1.25rem;right:-1.25rem;margin:0!important;padding:1.25rem;box-sizing:border-box;/*background-color:#f6f8fa;*/ z-index:3}
.prod-tabwrap .tab-linker > ul {position:absolute;top:2.0625rem;right:1.25rem!important;bottom:auto!important;display:inline-block;width:auto !important;border-radius:1.125rem;background:#E2E2F0}
.prod-tabwrap .tab-linker > ul:after {content:"";display:block;clear:both}
.prod-tabwrap .tab-linker > ul > li {float:left;margin-left:-0.625rem}
.prod-tabwrap .tab-linker > ul > li:first-child {margin-left:0}
/*.prod-tabwrap .tab-linker > ul > li[aria-selected="true"] {}*/
.prod-tabwrap .tab-linker > ul > li button,
.prod-tabwrap .tab-linker > ul > li .active,
.prod-tabwrap .tab-linker > ul > li a {display:inline-block;min-width:4.625rem;padding:0.5625rem 0.875rem 0.5rem;border-radius:1.125rem;font-size:0.8125rem;line-height:1.1875rem;box-sizing:border-box;text-align:center}
.prod-tabwrap .tab-linker > ul > li .active,
.prod-tabwrap .tab-linker > ul > li[aria-selected="true"] button,
.prod-tabwrap .tab-linker > ul > li[aria-selected="true"] a {background-image:linear-gradient(114deg, #bf4feb 1%, #5427c3 100%);background-image:-webkit-linear-gradient(114deg, #bf4feb 1%, #5427c3 100%)}
.prod-tabwrap .tab-linker > ul > li .active,
.prod-tabwrap .tab-linker > ul > li[aria-selected="true"] button,
.prod-tabwrap .tab-linker > ul > li[aria-selected="true"] a {color:#fff}
.prod-tabwrap .tab-contents > ul > li[aria-selected="true"] {display:block}
.prod-tabwrap .tab-linker {margin:2.5rem 0 0.625rem}
.prod-tabwrap .tab-linker .tod-ssc-tit-wrap {margin:0}
.prod-tabwrap .tab-linker .tod-ssc-tit-wrap .tit {margin:0;margin-top:1.25rem}
.prod-tabwrap .tab-linker.stkFixed {position:fixed !important;margin:0 !important;left:0;right:0;top:3.1875rem;width:100%;background:#f6f8fa;border-bottom:1px solid #ccc}
.prod-tabwrap .tab-linker.stkFixed > ul {right:1.25rem;bottom:1.25rem}
/* 상품리스트 :slider */
.swiper-box.dps-box {margin:1.25rem -1.25rem 0}
.swiper-box.dps-box:after {display:block;content:'';clear:both}
.swiper-box.dps-box .slick-arrow {height:100%;display:none!important}
.swiper-box.dps-box .slick-list {overflow:visible!important}
.swiper-box.dps-box .banner-box {padding:0 1.25rem;text-align:left}
.swiper-box.dps-box .banner-box > div {padding:1.25rem;height:100%;box-sizing:border-box}
.swiper-box.dps-box .banner-box > div > .bn-name {position:relative;margin-top:1.625rem}
.swiper-box.dps-box .banner-box > div > .bn-name .txt {position:relative;margin-bottom:1.25rem}
.swiper-box.dps-box .banner-box > div > .bn-name .txt .tt {font-size:1.125rem;font-weight:700}
.swiper-box.dps-box .banner-box > div > .bn-name .txt .tx {position:absolute;right:0;top:0;font-size:1rem}
.swiper-box.dps-box .banner-box > div > .bn-bnf {min-height:8.25rem;display:flex;align-items:center}
.swiper-box.dps-box .banner-box > div > .bn-bnf ul {margin:0.375rem 0;overflow:hidden;flex-grow:1}
.swiper-box.dps-box .banner-box > div > .bn-bnf li {position:relative;margin:0.625rem 0;padding-left:3rem;float:left;width:calc(50% - 0.4375rem);min-height:2.5rem;font-size:0.8125rem;box-sizing:border-box}
.swiper-box.dps-box .banner-box > div > .bn-bnf li:nth-child(2n) {margin-left:0.875rem}
.swiper-box.dps-box .banner-box > div > .bn-bnf li .ico {position:absolute;left:0;top:50%;width:2.5rem;height:2.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.swiper-box.dps-box .banner-box > div > .bn-bnf li strong {font-weight:700}
.swiper-box.dps-box .banner-box > div > .bn-bnf.tp1 {display:flex;align-items:center;height:13.4375rem}
.swiper-box.dps-box .banner-box > div > .bn-bnf.tp1 ul {margin:1.25rem 0 0}
.swiper-box.dps-box .banner-box > div > .bn-bnf.tp1 li {padding:0.625rem 0 0.625rem 3rem;width:100%}
.swiper-box.dps-box .banner-box > div > .bn-bnf.tp1 li:nth-child(2n) {margin-left:0}
.swiper-box.dps-box .banner-box > div > .bn-slc {position:relative;padding-top:1rem;border-top:1px solid #E1E3E4}
.swiper-box.dps-box .banner-box > div > .bn-slc .icon-box {margin:0.8125rem -0.1875rem 0;font-size:0;display:flex;justify-content:space-between}
.swiper-box.dps-box .banner-box > div > .bn-slc .icon-box.al {margin:0 -0.625rem;justify-content:flex-start}
.swiper-box.dps-box .banner-box > div > .bn-slc .icon-box.al .icon {margin:0.8125rem 0.625rem 0}
.swiper-box.dps-box .banner-box > div > .bn-slc .icon {display:block;margin:0 0.1875rem;width:2.5rem;height:2.5rem}
.swiper-box.dps-box .banner-box > div > .bn-slc strong {font-weight:700;color:#873ad6}
.swiper-box.dps-box .banner-box > div > .tag-wrap {position:absolute;height:1.25rem}
.swiper-box.dps-box .banner-box .tag.line,
.list-sec-wrap .spacepass-con .amount .tag.line {padding:0 0.5625rem;background-image:none;color:#ff404e;min-width:4.5625rem;font-size:0.8125rem;border:0.0625rem solid #ff404e;line-height:1.23rem;height:1.25rem;box-sizing:border-box;text-align:center}
/* 상품상세 뷰(공통) */
.bnr-basic {margin-bottom:0.625rem}
.subsc-sec .tplus {background:url(/img/img-tlogo.svg) no-repeat}
.subsc-sec .tdal {display:inline-block;margin-right:0.5rem}
.prodview-top {position:relative}
.prodview-top .prod-vis {position:relative}
.prodview-top .prod-vis:after {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url(/img/mask-topvs.png) center bottom no-repeat;background-size:cover}
.prodview-top .moving-obj.all {position:absolute;top:26.944vw;left:50%;width:47.1A1A47vw;height:48.6111vw;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:3}
.prodview-top .moving-obj.all .obj3 {position:absolute;top:13.333vw;left:-1.6666vw;width:33.333vw;z-index:2}
.prodview-top .moving-obj.all .obj2 {position:absolute;top:20vw;left:24.1666vw;width:28.6111vw;z-index:3}
.prodview-top .moving-obj.all .obj1 {position:absolute;top:-1.9444vw;left:15vw;width:33.0555vw;z-index:1}
.prodview-top .moving-obj.mini {position:absolute;top:35vw;left:50%;width:47.1A1A47vw;height:28.888vw;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:3}
.prodview-top .moving-obj.mini .obj2 {position:absolute;top:1vw;left:22.5vw;width:30.8333vw;z-index:3}
.prodview-top .moving-obj.mini .obj1 {position:absolute;top:0;left:0.5vw;width:33.0555vw;z-index:1}
.prodview-top .mask {position:absolute;top:0;left:0;width:100%}
.prodview-top .p-tag:after {content:"";display:block;clear:both}
.prodview-top .p-tag .tag {float:left;margin-right:0.25rem;margin-bottom:0.25rem}
.prodview-top .prod-infowrap {position:absolute;bottom:1.25rem;width:calc(100% - 2.5rem);padding:0 1.25rem;z-index:4}
.prodview-top .prod-info {position:relative}
.prodview-top .prod-info .p-name {margin-top:1rem;margin-bottom:0.375rem;font-size:1.125rem;line-height:1.375rem;font-weight:700;color:#fff}
.prodview-top .prod-info .p-price del {display:block;font-size:0.6875rem;color:#686c7c}
.prodview-top .prod-info .p-price strong {font-size:1rem;color:#fff;font-weight:400}
.prodview-top .prod-info .p-price strong > em {display:inline-block;margin-right:0.375rem;font-size:0.6875rem;font-weight:300}
.prodview-top .prod-info .rbtn-w-arr {position:absolute;right:0;bottom:0.4375rem;margin-top:-0.9375rem}
.desc-basic {margin:1.875rem 0 2.5rem}
.desc-basic .notice-wrap ul.txt-ssm {margin-bottom:0}
.desc-basic .tit {margin-bottom:0.625rem;font-size:1rem;font-weight:700}
.desc-basic .notice-wrap ul.txt-ssm li {line-height:1.25rem;color:#686c7c}
/* 상품상세(패키지):우주패스뷰 */
.tod-ssc-pack-view {position:relative;min-height:155vw;overflow:hidden}
.tod-ssc-pack-view .mask {display:none}
.tod-ssc-pack-view .prodview-top .prod-vis {position:static}
.tod-ssc-pack-view .prodview-top .prod-vis .vis-img {position:absolute;top:0;left:0}
.tod-ssc-pack-view .prodview-top .prod-vis .icon-obj [class^=obj] {width:22.1A1A47vw}
.tod-ssc-pack-view .prodview-top .prod-vis .icon-obj {position:relative;margin:0 auto;height:22.1A1A47vw;display:flex;justify-content:space-between;z-index:3}
.tod-ssc-pack-view .prodview-top.all .prod-vis .icon-obj {width:73.333vw}
.tod-ssc-pack-view .prodview-top.mini .prod-vis .icon-obj {width:48.888vw}
.tod-ssc-pack-view .prodview-top .prod-vis:after {display:none}
.tod-ssc-pack-view .prodview-top .prod-infowrap {position:relative;bottom:auto}
.tod-ssc-pack-view .prodview-top .prod-infowrap .prod-info .p-name {margin-top:0;font-size:1.375rem;color:#fff}
.tod-ssc-pack-view .prodview-top .prod-infowrap .prod-info .p-price strong {color:#fff}
.tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic {
margin:0;
padding:1.25rem;
-webkit-backdrop-filter:blur(1px);
backdrop-filter:blur(1px);
box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.07);
background-color:rgba(255, 255, 255, 0.85);
border:solid 1px #ffffff;
border-radius:0.75rem;
}
.tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm {margin-bottom:0}
.tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm span {font-weight:700}
.tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .tit {margin-bottom:0.625rem;font-size:1rem;font-weight:700}
.tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li {font-size:0.8125rem;line-height:1.25rem;color:#1A1A47;font-weight:700}
.tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li em {color:#3617ce;font-weight:700}
.tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p {position:relative;padding-left:0.625rem;color:#686c7c;font-weight:400}
.tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p:before {content:'-';position:absolute;left:0}
.tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap .txt-ps {margin-top:0.625rem;font-size:0.75rem;color:#686c7c}
.tod-ssc-pack-view .prodview-top.all {padding-top:35.555vw}
.tod-ssc-pack-view .prodview-top.all .prod-infowrap {margin-top:8.3vw}
.tod-ssc-pack-view .prodview-top.all .prod-infowrap .desc-basic {margin-top:4.55vw;margin-bottom:1.25rem}
.tod-ssc-pack-view .prodview-top.mini {padding-top:41.111vw}
.tod-ssc-pack-view .prodview-top.mini .prod-infowrap {margin-top:20vw}
.tod-ssc-pack-view .prodview-top.mini .prod-infowrap .desc-basic {margin-top:14.1A1A47vw;margin-bottom:1.25rem}
/* 상품상세(패키지):궁금하신가요? */
/*.dal-info-wrap .dalpass-all .slide-area-icon {}*/
.dal-info-wrap .dalpass-all .icon-list {margin:1.875rem 0 1.25rem;font-size:0;white-space:nowrap}
.dal-info-wrap .dalpass-all .icon-list li {display:inline-block;padding:0 0.3125rem}
.dal-info-wrap .dalpass-all .icon-list li .icon {display:block;width:3.125rem;height:3.125rem}
.dal-info-wrap .dalpass-all .dp-all {padding:2.5rem 0;background-color:#0b0b44;text-align:center}
.dal-info-wrap .dalpass-all .dp-all .tt {font-size:1.125rem;font-weight:700;color:#fff;text-align:center}
.dal-info-wrap .dalpass-all .dp-all .tx {font-size:1rem;font-weight:400;color:#fff;text-align:center;opacity:0.75}
.dal-info-wrap .dalpass-all .dp-all .slide-area-icon .icon-list {margin-left:1.25rem}
.dal-info-wrap .dalpass-all .dp-all .slide-area-icon .icon-list.mini {margin-left:0}
.dal-info-wrap .dalpass-all .dp-goods {padding:2.5rem 0;background-color:#dddfe7;text-align:center}
.dal-info-wrap .dalpass-all .dp-goods .tt {font-size:1rem;color:#0b0b44;text-align:center}
.dal-info-wrap .dalpass-all .dp-goods .icon-list {margin-top:1.25rem;margin-bottom:0}
.dal-info-wrap .dalpass-all .plus {position:absolute;left:50%;display:block;width:3.125rem;height:3.125rem;border-radius:50%;background-color:#0b0b44;-webkit-transform:translate(-50% ,-50%);transform:translate(-50% ,-50%)}
.dal-info-wrap .dalpass-all .plus:before {content:'';position:absolute;top:50%;left:50%;display:block;height:1.25rem;width:0.25rem;border-radius:0.25rem;background-color:#fff;-webkit-transform:translate(-50% ,-50%);transform:translate(-50% ,-50%);opacity:0.8}
.dal-info-wrap .dalpass-all .plus:after {content:'';position:absolute;top:50%;left:50%;display:block;width:1.25rem;height:0.25rem;border-radius:0.25rem;background-color:#fff;-webkit-transform:translate(-50% ,-50%);transform:translate(-50% ,-50%);opacity:0.8}
/* 상품상세(패키지):기본 혜택 카드 */
.bnf-basic-box {padding:0 1.25rem 2.5rem;margin-top:1.25rem}
.bnf-basic-box .bnf-list .list-box {margin-bottom:0.75rem;background-color:#fff!important;background-image:none;border-radius:0.75rem} /* SSMCM-3808 :margin-bottom변경 */
.bnf-basic-box .bnf-list .list-box:last-child {margin-bottom:0}
/*.bnf-basic-box .bnf-list .list-box .list-con {}*/
.bnf-basic-box .bnf-card {position:relative;min-height:22.5rem;max-height:22.5rem;padding:3.125rem 1.25rem 0;box-sizing:border-box}
.bnf-basic-box .card3 .bnf-card {overflow:hidden}
.bnf-basic-box .bnf-card .num {position:absolute;top:1.5rem;left:1.25rem;width:5.25rem;height:1.75rem;font-size:0.8125rem;font-weight:700;color:#3617ce}
.bnf-basic-box .bnf-card .num img {width:100%}
.bnf-basic-box .bnf-card .img {position:relative;height:10.75rem}
.bnf-basic-box .card1 .bnf-card .img {margin-top:0}
.bnf-basic-box .card2 .bnf-card .img {margin-top:0.625rem}
.bnf-basic-box .card3 .bnf-card .img {margin-top:1.25rem}
.bnf-basic-box .bnf-card .img img {width:auto;max-width:100%}
.bnf-basic-box .bnf-card [class^="obj"] {position:absolute}
.bnf-basic-box .bnf-card .tit {font-size:1.125rem;font-weight:700}
.bnf-basic-box .bnf-card .txt {margin-top:0.5rem;font-size:0.8125rem;line-height:1.25rem;color:#686c7c}
.bnf-basic-box .bnf-card .txt .sm-tx {margin-top:0.3125rem;display:block;font-size:0.6875rem;color:#686c7c}
.bnf-basic-box .bnf-card .stxt-wrap {position:absolute;right:1.25rem;left:1.25rem;bottom:1.5625rem;text-align:center}
.bnf-basic-box .bnf-card .stxt-wrap .bt-txt,
.bnf-basic-box .bnf-card .stxt-wrap .txt {font-size:0.6875rem;color:#686c7c;line-height:1.4}
.bnf-basic-box .bnf-card .logo {margin-top:0.625rem;font-size:1.125rem;font-weight:700}
.bnf-basic-box .bnf-card .logo img {margin:0 auto;height:2.25rem;width:auto}
.bnf-basic-box .bnf-card mark {font-size:1rem;background:#fff}
.bnf-basic-box .card1 .bnf-card .obj1 {bottom:2.8125rem;right:2.5rem;width:9.0625rem}
.bnf-basic-box .card1 .bnf-card .obj2 {bottom:1.875rem;right:-2.5rem;width:5.75rem}
.bnf-basic-box .card2 .bnf-card .obj1 {bottom:4.5rem;right:0.25rem;width:10.75rem}
.bnf-basic-box .card2 .bnf-card .obj2 {bottom:0.625rem;right:1rem;width:9rem}
.bnf-basic-box .card2 .bnf-card .obj2 .count-box {position:absolute;top:1.1875rem;left:2.375rem;font-size:0;letter-spacing:0.0313rem}
.bnf-basic-box .card2 .bnf-card .obj2 .count-box > span {position:relative;width:0.5938rem;height:0.9375rem;font-size:0.9375rem;font-weight:600;overflow:hidden;display:inline-block;vertical-align:bottom;line-height:1}
.bnf-basic-box .card2 .bnf-card .obj2 .count-box > span.comma,
.bnf-basic-box .card2 .bnf-card .obj2 .count-box > span.p {width:auto}
.bnf-basic-box .card2 .bnf-card .obj2 .count-box .c-list {position:absolute;bottom:0}
.bnf-basic-box .card2 .bnf-card .obj2 .count-box .c-list > span {display:block;font-size:0.9375rem;font-weight:600;height:0.9375rem;letter-spacing:0.0313rem;line-height:1}
.bnf-basic-box .card3 .bnf-card .obj2 {bottom:2.375rem;right:-0.8125rem;width:13.3125rem}
.bnf-basic-box .card3 .bnf-card .obj1 {bottom:0;right:1.25rem;width:6.75rem}
.bnf-basic-box .card3 .bnf-card .ddacgi {position:absolute;right:0;top:-0.9375rem;display:block;width:4.25rem;height:4.25rem}
.bnf-basic-box .card3 .guide-tx {position:absolute;bottom:1rem;left:1.25rem;right:1.25rem;padding:0 0.625rem;background:rgba(0,0,0,.8);font-size:0.6875rem;color:#fff;line-height:1.875rem;text-align:center;border-radius:0.5rem}
/* 상품상세(패키지):추가 혜택 아이콘 */
.tod-ssc-bnf-icon {margin:0 -1.25rem;padding:3.125rem 1.25rem;background-color:#0b0b44}
.tod-ssc-bnf-icon .tod-ssc-tit-wrap {margin:0}
.tod-ssc-bnf-icon .tod-ssc-tit-wrap .tit {margin-top:0;color:#fff}
.tod-ssc-bnf-icon .tod-ssc-tit-wrap .ps {color:#fff!important;opacity:0.7}
.tod-ssc-bnf-icon .bnf-icon-box {margin:10px auto 0;max-width:17.5rem}
.tod-ssc-bnf-icon .bnf-icon-box:after {content:'';display:block;clear:both}
.tod-ssc-bnf-icon .bnf-icon-box > ul {display:flex;flex-wrap:wrap} /*justify-content:space-between;*/
.tod-ssc-bnf-icon .bnf-icon-box > ul > li {padding-top:1.25rem;width:33.333%;text-align:center;box-sizing:border-box}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .logo .icon-wrap {position:relative;display:inline-block} /* SSMCM-3808 :max-width 삭제 */
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .logo .icon-wrap .ddacgi {position:absolute;right:0;top:0;display:block;width:3.9375rem;height:3.9375rem;z-index:2;-webkit-transform:translate(43%, -30%);transform:translate(43%, -30%)}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .logo .icon-wrap .icon {position:relative;display:inline-block;max-width:4.063rem;max-height:4.063rem;border-radius:50%;box-sizing:border-box;z-index:1}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .logo .icon-wrap .icon span {position:relative;display:block;border:3px solid #141f63;border-radius:50%;z-index:2}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .logo .icon-wrap .icon:after {
position:absolute;
content:'';
display:block;
opacity:0;
top:50%;left:50%;
width:0;height:0;
border-radius:50%;
background-color:#fff;
z-index:1;
-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
background:linear-gradient(134deg, #43bcff 12%, #c3f6ff 48%, #4343ff 88%);
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .logo .icon-wrap .name {display:block;text-align:center;margin-top:2px;font-size:14px;color:#fff;word-break:keep-all}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box {
position:relative;
display:none;
position:relative;
margin-top:1.875rem;
width:300%;
padding:1.875rem 1.25rem;
box-sizing:border-box;
text-align:left;
border-radius:0.75rem;
box-shadow:0 -1px 0px rgba(255,255,255,1), 2PX 2px 4px rgba(0,0,0,0.2);
background:linear-gradient(to bottom, #e3e8ff, #e3e8ff), linear-gradient(to bottom, #ffffff -1%, #e3e8ff);
}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box .tt {padding-bottom:0.9375rem;margin-bottom:0.9375rem;font-size:0.875rem;color:#0b0b44;border-bottom:1px solid rgba(11,11,68,.07)}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box .tt strong {font-size:1rem;color:#0b0b44}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box dl dt {margin-bottom:0.5rem;padding:0.3125rem 0.75rem;display:inline-block;font-size:0.8125rem;color:#fff;background-color:#0b0b44;border-radius:0.875rem}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box dl dd {position:relative;margin:0 0.625rem;padding-left:0.625rem;margin-right:0;font-size:0.8125rem;color:#0b0b44;opacity:0.6}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box dl dd:after {content:'';display:block;position:absolute;left:0;top:0.5625rem;width:0.1875rem;height:0.1875rem;border-radius:50%;background-color:#0b0b44;opacity:0.6}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box .guide-tx {margin-top:0.625rem;color:#ff404e!important}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box dl + dl {margin-top:0.875rem}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box:after {content:'';position:absolute;top:-0.9375rem;display:block;width:1.1875rem;height:1rem;background:url(/img/ictollltip_lb.svg) center center no-repeat}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .box .hypen-list > li {margin-bottom:0;color:#0b0b44}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li:nth-child(3n-1) .box {left:-100%}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li:nth-child(3n) .box {left:-200%}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li:nth-child(3n-2) .logo {text-align:left}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li:nth-child(3n) .logo {text-align:right}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li:nth-child(3n-2) .box:after {left:1.4375rem}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li:nth-child(3n-1) .box:after {left:50%;margin-left:-1.25rem}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li:nth-child(3n) .box:after {right:2.5rem}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li .close {position:absolute;top:1.25rem;right:1.25rem;width:0.9375rem;height:0.9375rem;display:block;padding:0.3125rem;background:url(/img/bnf-tooltip-close.svg) center center no-repeat;font-size:0;color:#fff}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li.on .box {display:block}
.tod-ssc-bnf-icon .bnf-icon-box > ul > li.on .logo .icon-wrap .icon:after {opacity:1;width:103%;height:103%}
.tod-ssc-bnf-icon .bnf-icon-box.n2 .bnf-icon-box ul {justify-content:center}
.tod-ssc-bnf-icon .bnf-icon-box.n2>ul>li {width:50%}
.tod-ssc-bnf-icon .bnf-icon-box.n2 ul li .box {width:200%}
.tod-ssc-bnf-icon .bnf-icon-box.n2 ul li:nth-child(2n-1) .logo {text-align:right;padding-right:0.625rem}
.tod-ssc-bnf-icon .bnf-icon-box.n2 ul li:nth-child(2n) .logo {text-align:left;padding-left:0.625rem}
.tod-ssc-bnf-icon .bnf-icon-box.n2 ul li:nth-child(2n-1) .box:after {left:50%;margin-left:-4.4375rem}
.tod-ssc-bnf-icon .bnf-icon-box.n2 ul li:nth-child(2n) .box:after {left:50%;margin-left:2.0625rem}
.tod-ssc-bnf-icon .bnf-icon-box.n2 ul li:nth-child(3n) .box {left:auto}
.tod-ssc-bnf-icon .bnf-icon-box.n2 ul li:nth-child(3n-1) .box {left:auto}
.tod-ssc-bnf-icon .bnf-icon-box.n2 ul li:nth-child(2n) .box {left:-100%}
/* 상품상세(패키지):내맘대로 혜택 */
.myop-box {margin-top:1.25rem}
.myop-box .rbox .myoption {border-bottom:1px solid #E2E2F0}
.myop-box .rbox .myoption:last-child {border-bottom:none}
.myoption .tit {margin-top:1.1875rem;margin-bottom:0.75rem;font-weight:700}
.myoption ul {display:flex;flex-wrap:wrap;margin:0 -0.625rem}
.myoption li {flex-basis:25%;max-width:25%;margin-bottom:1.25rem;text-align:center}
.myoption li em {display:block;width:100%;text-align:center;word-break:break-all}
/* 상품상세(패키지):대신계산 */
.bnf-calc-box {margin-top:20px}
.bnf-calc-box .slc-bnf {color:#000 !important;font-weight:700}
.bnf-calc-box .slc-bnf:before {content:'';display:block;margin:0.625rem auto 0.875rem;width:1.5rem;height:1.5rem;background:#f0f0f0 url(/img/btn-add-24_v2.svg);background-size:contain;border-radius:50%}/* 접근성(2022) */
.bnf-calc-box .slc-bnf div {color:#000;font-weight:700}
.bnf-calc-box .desc-calc {margin:1.875rem 0 2.5rem;font-size:0.875rem;text-align:center}
.bnf-calc-box .desc-calc .txt,
.bnf-calc-box .desc-calc .tit {color:#3617ce}
.bnf-calc-box .desc-calc .tit {margin-top:0.125rem;font-size:1.125rem;font-weight:700}
.bnf-calc-box .sscpay-list li {color:#686c7c}
.bnf-calc-box .sscpay-list li * {font-size:0.875rem !important}
.bnf-calc-box .sscpay-list > li .icon {position:absolute;left:0;top:0;display:inline-block;margin-right:0.375rem;width:1.875rem;height:1.875rem;vertical-align:middle;border-radius:50%}
.bnf-calc-box .sscpay-list > li .icon.line {border:1px solid #E2E2F0}
.bnf-calc-box .sscpay-list > li.total {margin-top:1.25rem;padding-top:1.1875rem;border-top:1px solid #E2E2F0;font-weight:400}
.bnf-calc-box .sscpay-list > li .price {top:0}
.bnf-calc-box .sscpay-list > li.total .price {font-weight:700;color:#000}
.bnf-calc-box .sscpay-list > li.total-pack {margin-top:0.5rem;margin-bottom:0;color:#5555e8}
.bnf-calc-box .sscpay-list > li.total-pack * {color:#3617ce}
.bnf-calc-box .sscpay-list > li.total-pack .price {font-weight:700}
.bnf-calc-box .sscpay-list > li > div {position:relative;padding-right:4.6875rem}
.bnf-calc-box .sscpay-list > li .sscpay-salelist > li > div {position:relative;padding-right:4.6875rem;color:#686c7c}
.bnf-calc-box .sscpay-list > li .add {position:relative;padding:0;margin-top:0.375rem;color:#686c7c}
.bnf-calc-box .sscpay-list .sscpay-salelist li {padding:0.375rem 0 0.375rem 2.375rem;margin-bottom:0.5rem}
.bnf-calc-box .sscpay-list .sscpay-salelist li .price {color:#1A1A47}
.subsc-sec .prod-con-single {padding:2.5rem 0} /* wavve상세 */
.subsc-sec-btn-wrap.bnf {margin-top:1.875rem}
/* wavve이용권 */
.subsc-sec .aipick {display:block;margin-bottom:0.4375rem;display:none}
.subsc-sec .aipick .ico {display:inline-block;width:3.25rem;height:1.125rem;background-image:url(/img/logo-aipick.svg)}
.bar-chart-wrap .bar-chart {margin-right:2.8125rem}
.bar-chart-wrap .bar-chart .data-bar {position:relative;display:inline-block;height:0.625rem;background-color:#d6d7d8;border-radius:0.625rem}
.bar-chart-wrap .bar-chart .data-num {position:absolute;right:-2.625rem;top:-0.25rem;font-size:0.8125rem;color:#686C7C}
.subsc-sec .swiper-box.exp-box .slick-list.draggable {height:21.875rem}
.subsc-sec .swiper-box.exp-box .rank-box {padding:0 1.25rem}
.subsc-sec .swiper-box.exp-box .rank-box .tit {font-weight:400}
.prod-rank {margin-top:1rem} /* 가로형막대그래프 */
.prod-rank .bar-rank {margin-bottom:0.3125rem;color:#686C7C}
.prod-rank li {margin-bottom:0.875rem;padding:0 1.25rem;font-size:0.8125rem}
.prod-rank li:first-child {padding:0.9375rem 1.25rem 1rem 1.25rem;border-radius:0.75rem;background:#fff;box-shadow:2px 2px 6px 0 rgba(209, 209, 209, 0.5);-webkit-box-shadow:2px 2px 6px 0 rgba(209, 209, 209, 0.5)}
.prod-rank li:first-child .bar-rank,
.prod-rank li:first-child .bar-chart .data-num {right:-3.125rem;font-size:0.875rem;color:#3617ce;font-weight:700}
.prod-rank li:first-child .bar-chart .data-bar {background:#3617ce}
.twin-rank {margin-top:1.875rem} /* 가로형양방향막대그래프 */
.twin-rank li {margin-bottom:1.125rem}
.twin-rank li:after {content:"";display:block;clear:both}
.twin-rank .twin-old {float:left;width:3.5rem;margin-right:0.75rem;color:#686c7c}
.twin-rank .twin-chart-wrap {float:left;width:calc(100% - 4.375rem)}
.twin-rank .twin-chart-wrap .twin-chart {content:"";display:block;clear:both}
.twin-rank .twin-chart-wrap .twin-chart .twin-bar {display:inline-block;width:calc(50% - 0.1875rem)}
.twin-rank .twin-chart-wrap .twin-chart .twin-bar.female {float:left;text-align:right}
.twin-rank .twin-chart-wrap .twin-chart .twin-bar.male {float:right;text-align:left}
.twin-rank .twin-chart-wrap .twin-chart .twin-bar span {display:inline-block;min-width:0.625rem;height:0.625rem;border-radius:0.625rem}
.twin-rank .twin-chart-wrap .twin-chart .twin-bar.female span {background:#ff404e}
.twin-rank .twin-chart-wrap .twin-chart .twin-bar.male span {background:#3617ce}
.twin-rank .ex {margin-top:2.1875rem;text-align:right}
.twin-rank .ex span {position:relative;margin-left:1.25rem;padding-left:1rem;font-size:0.8125rem;color:#686c7c}
.twin-rank .ex span:before {content:'';position:absolute;left:0;top:0.3125rem;width:0.625rem;height:0.625rem;border-radius:50%}
.twin-rank .ex .female:before {background:#ff404e}
.twin-rank .ex .male:before {background:#3617ce}
/* 22.08.10 :아코디언 connon_N.css 수정으로 숨김처리 - 각페이지 마다 이슈 있어 원복 으로 노출 */
.ssc-toggle .accordion .acco-list {border-top:1px solid #1a1a47}
.ssc-toggle .accordion .acco-list .acco-box {border-top:1px solid #E2E2F0}
.ssc-toggle .accordion .acco-list .acco-box:first-child{border-top:0}
.ssc-toggle .accordion .acco-list .acco-box .acco-tit {padding:15px 40px 15px 16px;font-size:0.875rem;color:#1a1a47}
.ssc-toggle .accordion .acco-list .acco-box.on .acco-tit{color:#3617CE;font-weight:700}
.ssc-toggle .accordion .acco-list .acco-box.on > .acco-cont {padding:1.25rem;font-size:0.875rem}
.tod-sscBody .subsc-sec .accordion .acco-list .acco-box:after {left:0;right:0;border-top:1px solid #d8d8d8}
/* 패키지가입 - fullpop */
.join-wrap .rbox {margin-bottom:1.25rem}
.join-wrap .dps-serv-list.prod-mom {margin:0.25rem 0 !important}
.join-wrap .dps-serv-list.prod-mom .serv-item {display:table;width:100%;table-layout:fixed}
.join-wrap .dps-serv-list.prod-mom .serv-item .item {display:table-cell;vertical-align:middle;height:2.5rem}
.join-wrap .dps-serv-list.prod-mom .serv-item .ico {position:absolute;left:0;top:0;display:inline-block;margin-right:0.5rem;width:2.5rem;height:2.5rem;-webkit-transform:translate(0,0);transform:translate(0,0)}
.join-wrap .dps-serv-list.prod-mom .serv-item .ico.line {width:2.5rem;height:2.5rem;top:0;transform:none}
.join-wrap .dps-serv-list.prod-mom .serv-item .cert-name {padding:0 0.4375rem 0 3.125rem;overflow:visible;white-space:normal;word-break:keep-all}
.join-wrap .acco-list .acco-tit .dps-serv-list.prod-mom .serv-item .cert-name {padding-right:1.875rem}
.join-wrap .serv-item .cert-name .name {font-weight:700}
/*.join-wrap .serv-item .cert-name .prodlink {}*/
.join-wrap .serv-item .cert-name .prodlink span {text-decoration:underline}
.join-wrap .serv-item .cert-name .prodlink.none span {text-decoration:none}
.accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit a.prodlink {position:relative;top:0 !important;left:0;right:inherit;width:auto;height:auto;padding:0;color:#1A1A47;transform:none !important;-webkit-transform:none !important} /* accodion에서 텍스트링크 SCP_M_02_01L */
.accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit a.prodlink:after {display:none}
.join-wrap .dps-serv-list.prod-mom + .btn-view span {padding:0;color:transparent}
.join-wrap .dps-serv-list.prod-mom .serv-item .cert-name .cert-info {font-size:0.8125rem;color:#686c7c;;white-space:normal}
.join-wrap .dps-serv-list.prod-mom .serv-item .cert-name .cert-info .guide-tx {margin-top:0.1875rem;color:#ff404e}
.join-wrap .dps-serv-list.prod-mom .serv-item .cert-coment {padding-left:3.125rem}
.join-wrap .dps-serv-list.prod-son .serv-item {padding-top:1rem;margin-top:1rem;border-top:0.0625rem solid #E2E2F0}
.join-wrap .dps-serv-list.prod-son .serv-item:first-child {padding-top:1rem}
.join-wrap .dps-serv-list.prod-son .serv-item .cert-name {padding-right:0.625rem;padding-left:0;white-space:normal}
.join-wrap .dps-serv-list.prod-son .serv-item .cert-name .cert-info {margin-top:0.125rem;font-size:0.8125rem;color:#686c7c;white-space:normal}
.join-wrap .dps-serv-list.prod-mom .serv-item .cert-name .cert-noti-warn {display:block;color:#ff404e;font-size:0.8125rem;font-weight:700;line-height:1.125rem}
.join-wrap .serv-item .cert-name .cert-price {line-height:1.25rem;margin-top:0.375rem}
/* 가입결제 */
.tod-sscBody .tit-wrap .tit {font-size:1rem;font-weight:700}
.tod-sscBody .tit-wrap .stit {display:block;margin-top:0.1875rem;margin-bottom:1.25rem;font-size:0.8125rem;font-weight:400;color:#686c7c}
.tod-sscBody .tit-wrap .txt-ssm {margin-bottom:0.875rem;font-size:0.875rem;font-weight:400;color:#686c7c}
.add-box:before {content:'더하기';overflow:hidden;text-indent:-9999px;display:block;margin:0.625rem auto 0.875rem;width:1.5rem;height:1.5rem;background:#f0f0f0 url(/img/btn-add-24_v2.svg);background-size:contain;border-radius:50%}/* 접근성(2022) */
.cont-box {padding:2rem 1rem}
.cont-box.giftWrap {padding-top:0;padding-bottom:60px;} /* 23.02.16 이용권 선물하기 상하여백 수정 */
.cont-box#cancelBtn{padding:2rem 1rem 1rem;}/* SSMCM-5765 : UIUX 변경 */
.cont-box#cancelBtn .btn-arr-box{text-align:center;}
.cont-box#cancelBtn .udl span{text-decoration:underline; color:#3e3e52; font-size:12px; line-height:17px;}
.cont-box.new-cont-box{padding-bottom:0}
.rbox {margin-top:0.625rem;padding:16px;background-color:#fff;border-radius:8px}
.cont-box .rbox:first-child {margin-top:0}
.cont-box .rbox .packwrap {position:relative;display:block;font-weight:700}
.cont-box .rbox .packwrap .tit {font-size:1rem;font-weight:700}
.cont-box .rbox .packwrap .price {position:absolute;right:0;bottom:0;font-size:1rem;font-weight:700}
.cont-box .rbox .packwrap .ssc-tag {margin:0 0.375rem 0.625rem 0}
.cont-box .rbox .packwrap .ssc-tag:last-child {margin-right:0}
.cont-box .rbox .packwrap .ssc-tag + .tit {display:block;margin-top:0.3125rem}
.cont-box .rbox .packwrap .trg {position:absolute;right:0;font-size:1rem;font-weight:400}
.cont-box .rbox .packwrap .trg-btn {position:absolute;right:-1.25rem;top:-0.3125rem;width:3.125rem;height:1.875rem}
.cont-box .rbox .packwrap .trg-btn:after {content:'';position:absolute;right:35%;top:50%;width:1rem;height:0.875rem;margin-top:-0.4375rem;background:url(/img/btn-arrow-14.svg) no-repeat}
.cont-box .rbox .packwrap .trg-link {position:absolute;right:0;padding-right:1.25rem;font-size:0.875rem;font-weight:400}
.cont-box .rbox .packwrap .trg-link:after {content:'';position:absolute;right:0;top:54%;width:0.875rem;height:0.875rem;margin-top:-0.4375rem;background:url(/img/btn-arrow-14.svg) no-repeat}
.cont-box .rbox .packwrap .tit + .bt-arr {position:absolute;right:0;font-weight:700}
.cont-box .rbox .packwrap + .sscpay-list {margin-top:1rem}
.tod-sscBody .subsc-sec.prod-pay-notice{padding:0 1rem;margin-top:8px}
/* 접근성(220101) */
.cont-box .rbox .packwrap + .sscpay-list > li {position:relative;line-height:1.25rem}
.cont-box .rbox .packwrap + .sscpay-list > li .price{top:0}
.cont-box .rbox .packwrap + .sscpay-list > li.total .price{top:0.625rem}
/* //접근성(220101) */
.cont-box .rbox .packwrap .txt-sm {margin-top:0.25rem}
.rbox + .tip-box {margin-top:0.875rem}
.rbox + .txt-ssm {margin-top:0.875rem}
.rbox + .txt-ssm.no-bullet {margin-top:0.875rem}
.rbox + .txt-ssm.no-bullet > li {color:#686c7c;font-size:0.875rem;line-height:1.25;letter-spacing:0px}
.inputbox + .txt-ssm {margin-top:12px}
.rbox + .btn-arr-box {margin-top:0.875rem}
.btn-arr-box .bt-arr + .gray-tx {margin-top:0.375rem} /* 해지arr btn */
.sscbnf-list.sscpay-list .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit {display:block;font-weight:700}
.sscbnf-list.sscpay-list > li {font-weight:700 !important}
.sscpay-list .bt-tip {position:relative;top:-0.125rem;margin-left:0.375rem;vertical-align:bottom}
.sscpay-list > li .txt {font-size:0.875rem !important;font-weight:400 !important}
.sscpay-list > li .name {max-width: 60%; line-height: 1.57;} /* 23.02.21 이름 노출 영역 초과 시 개행 처리 */
.btn-view {color:#1A1A47 !important;width:auto !important;height:auto !important;padding:0 !important}
.btn-view:after {display:none}
.btn-view span {display:inline-block;padding-right:1.5rem;vertical-align:middle}
.acco-box .btn-view span {background:url(/img/btn-down-14.svg) no-repeat 100% 50%}
.acco-box.on .btn-view span {background:url(/img/btn-up-14.svg) no-repeat 100% 50%}
.acco-box.on .btn-view span strong {font-weight:700}
.line-list {margin-top:0.625rem;padding:1rem;border-radius:0.5rem;border:1px solid #e1e3e4}
.line-list li {margin-bottom:6px;font-size:0.8125rem;color:#686c7c}
.line-list li:last-child {margin-bottom:0}
.line-list .price {font-size:0.875rem !important;right:1.25rem !important}
.line-list .price del {font-weight:400;color:#686c7c}
.line-list.rental li {font-size:0.875rem;color:#1A1A47} /* 렌탈주문서 */
.line-list.rental li .rtxt {margin-top:0.375rem;font-size:0.8125rem;color:#686c7c;text-align:right}
.rbox.togg {padding:0;background-color:transparent}
.rbox.togg .inner a:after {content:'';position:absolute;right:0;top:50%;width:0.875rem;height:0.875rem;margin-top:-0.4375rem;background:url(/img/btn-down-14.svg) no-repeat}
.rbox.togg .acco-list .acco-box {margin-bottom:0.875rem;background-color:#fff;border-radius:0.75rem}
.rbox.togg .acco-list .acco-box:last-child {margin-bottom:0}
.rbox.togg .acco-list .acco-box .acco-tit {position:relative;padding:1rem 1.25rem;font-size:1rem;line-height:1.375rem;font-weight:700}
.rbox.togg .acco-list .acco-box.on .acco-cont {padding:0 1.25rem 1rem}
.rbox.togg .acco-list .acco-box .acco-cont > .sscpay-list {padding-top:0.625rem;border-top:1px solid #e1e3e4}
.rbox.togg .acco-list.list-2nd {border-top:0;margin-top:0}
.sha-box {box-shadow:0 4px 8px 0 rgba(91, 91, 91, 0.15);-webkit-box-shadow:0 4px 8px 0 rgba(91, 91, 91, 0.15)}
.sha-box .acco-box.on {
object-fit:contain;
border-radius:0.5rem;
box-shadow:0 4px 6px 0 rgba(91, 91, 91, 0.2);
-webkit-box-shadow:0 4px 6px 0 rgba(91, 91, 91, 0.2);
border-style:solid;
border-width:2px;
border-image-source:linear-gradient(101deg, #bf4feb, #5427c3);
border-image-slice:1;
background-image:linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(101deg, #bf4feb, #5427c3);
background-origin:border-box;
background-clip:padding-box, border-box}
.cont-box .rbox .inner a > span {position:absolute;right:1.25rem}
.cont-box .rbox .txt-sm {margin-top:0.375rem}
.cont-box .rbox .txt-sm > span {position:relative;display:inline-block;margin-right:0.25rem;padding-right:0.625rem;font-size:0.8125rem}
.cont-box .rbox .txt-sm > span:after {content:'l';position:absolute;right:0;font-weight:300}
.cont-box .rbox .txt-sm > span:last-child {margin:0;padding:0}
.cont-box .rbox .txt-sm > span:last-child:after {content:''}
.cont-box .rbox .txt-sm-fl {margin-top:0.375rem;display:flex}
.cont-box .rbox .txt-sm-fl > span {position:relative;display:block;margin-right:0.25rem;padding-right:0.625rem;font-size:0.8125rem;white-space:nowrap}
/*.cont-box .rbox .txt-sm-fl > span:first-child {}*/
.cont-box .rbox .txt-sm-fl > span:last-child {margin:0;padding:0;text-overflow:ellipsis;overflow:hidden}
.cont-box .rbox .txt-sm-fl > span:after {content:'l';position:absolute;right:0;font-weight:300}
.cont-box .rbox .txt-sm-fl > span:last-child:after {content:''}
.cont-box .rbox .input + .txt-sm {margin-top:0.375rem;font-size:0.8125rem}
.cont-box .rbox .bt-add {position:relative}
.cont-box .rbox .bt-add .balloon {position:absolute;left:0;bottom:-2.25rem}
.cont-box .rbox .txt-ssm {margin-top:0.625rem}
.cont-box .rbox .txt-ssm > span {display:inline-block;margin-right:0.3125rem;font-size:0.8125rem}
.cont-box .rbox .auto-box {margin:1rem 0 0.625rem;font-size:0.875rem}
/*.notice-wrap {}*/
.notice-wrap{padding:16px;border-radius:8px;background:#fafafc;border:1px solid #e2e2f0;}
.notice-wrap .tit {font-size:0.875rem;color:#1a1a47;font-weight:700;margin-bottom:8px;line-height:1}
.notice-wrap ul.txt-ssm {/*margin-bottom:1.25rem*/}
.notice-wrap ul.txt-ssm li{margin-top:8px;color:#3e3e52;font-size:0.75rem}
.notice-wrap ul.txt-ssm li:first-child{margin-top:0}
.notice-wrap .tit ~ .tit{margin-top:20px;padding-top:16px}
.notice-wrap + .notice-wrap{margin-top:8px}
.tod-sscBody .sscpay-list > li {position:relative;margin-bottom:0.625rem;font-size:0.875rem;line-height:1.125rem}
.sscpay-list > li .price {position:absolute;right:0;font-size:0.8125rem;text-align:right}
.sscpay-list > li .price .txt2{display:block;color:#585959;font-weight:400}
.sscpay-list > li.total {margin-top:0.625rem;padding-top:0.625rem;border-top:1px solid #e1e3e4;font-weight:700}
.sscpay-list > li.total + li.total {padding-top:0;border:none}
.sscpay-list > li:last-child {margin-bottom:0}
.sscpay-list > li:last-child .sscpay-salelist {margin-bottom:0}
.sscpay-list .sscpay-salelist {margin-top:0.625rem}
.sscpay-list .sscpay-salelist li {position:relative;padding-right:3.125rem;margin-bottom:0.625rem;font-size:0.8125rem;line-height:1.125rem;color:#686c7c}
.sscpay-list .sscpay-salelist li:last-child {margin-bottom:0}
.sscpay-list .sscpay-salelist li .price {position:absolute;right:0;top:0;font-size:0.8125rem;line-height:1.125rem;color:#686c7c}
.sscpay-list .list-2nd {margin-top:0.625rem}
.sscpay-list .list-2nd li {padding-left:1.25rem;font-size:0.8125rem;color:#686c7c;background:url(/img/ico-sub.svg) no-repeat 0.75rem 50%}
.sscpay-list .bt1 {padding-top:0.625rem;margin-top:0.625rem}
.sscpay-list .bt1 .ssci-info {padding-left:1rem;font-size:0.6875rem}
.sscpay-list.refund + .sscpay-list {padding-top:0.625rem;margin-top:0.625rem;border-top:1px solid #e1e3e4}
.sscpay-list.refund li .bl-tx {font-size:0.8125rem;font-weight:700}
.sscpay-list .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit {display:inline-block;width:auto;padding-right:2.8125rem}
.sscpay-list .accordion .acco-style.btn-hold .acco-list > li {position:relative;margin-top:0.625rem}
.sscpay-list.refund-item-list > li{font-weight:700}
.subsc-vis + .subsc-sec {border:none}
.sscpay-list > li.pdt {padding-right:3.125rem}
.sscpay-list > li.pdt .price {top:0}
.sscpay-list > li.add-bnf {display:flex;justify-content:space-between}
.sscpay-list > li.add-bnf .txt {position:relative;display:inline-block;text-align:right;width:calc(100% - 4.375rem)}
.tod-sscBody .sscpay-list > li .pay-item {position:relative;height:2.5rem;font-size:0.8125rem;color:#686c7c;line-height:1.6;display:table-cell;vertical-align:middle}
.tod-sscBody .sscpay-list > li .pay-item .ico {position:absolute;left:0;top:0;height:2.5rem;width:2.5rem;border-radius:50%}
.tod-sscBody .sscpay-list > li .pay-item .ico.line {height:2.375rem;width:2.375rem;border:1px solid #E1E3E5}
.tod-sscBody .sscpay-list > li .pay-item p,
.tod-sscBody .sscpay-list > li .pay-item .price {position:relative;font-size:0.875rem;display:block;font-weight:700}
.tod-sscBody .sscpay-list .bt1 .ssci-info1 {padding-left:0.625rem;font-size:0.8125rem;color:#686c7c}
.tod-sscBody .sscpay-list .bt1 .ssci-info1:before {content:'· ';display:inline-block;position:absolute;left:0}
.tod-sscBody .sscpay-list .bt1 .ssci-info2 {font-size:0.875rem;color:#1A1A47}
.subsc-banr{line-height:0}
.subsc-banr button,
.subsc-banr a{display:block;width:100%}
/* 약관동의:일반*/
.ssc-allagree .checkbox.type01 {display:block}
.ssc-allagree .ssc-agree-all {background:#fff;border-radius:8px;box-shadow:0 4px 12px 0 rgba(0,32,102, 0.12);-webkit-box-shadow:0 4px 12px 0 rgba(0,32,102, 0.12); overflow: hidden;}
.ssc-allagree .ssc-agree-all li {position:relative;font-size:0.875rem}
.ssc-allagree .ssc-agree-all .btn-tog {right:1.25rem;top:1.0625rem}
.ssc-allagree .ssc-agree-all .checkbox.all {padding:0.125rem;border-radius:0.5rem}
.ssc-allagree .ssc-agree-all .checkbox.all:before{left:16px}
.ssc-allagree .ssc-agree-all .checkbox.all .inner-box {padding:0.75rem 0 0.75rem 44px;border-radius:0.375rem;background:#fff}
.ssc-allagree .ssc-agree-all .txt-agree {font-size:1rem;font-weight:700}
.ssc-allagree .ssc-agree-cont {margin-top:8px;background:#fff;border-radius:0.5rem;box-shadow:0 4px 12px 0 rgba(0,32,102, 0.12);-webkit-box-shadow:0 4px 12px 0 rgba(0,32,102, 0.12)}
.ssc-allagree .ssc-agree-cont .checkbox.type01 {padding:16px 1.25rem}
.ssc-allagree .ssc-agree-cont .checkbox.type01:before {left:16px}
.ssc-allagree .ssc-agree-cont > li {position:relative;font-size:0.875rem;border-bottom:1px solid #e1e3e4}
.ssc-allagree .ssc-agree-cont > li:last-child {border-bottom:none}
.ssc-allagree .ssc-agree-cont .txt-agree {padding:0 40px 0 28px;}
.ssc-allagree .ssc-agree-cont .btn {position:absolute;right:0;top:50%;width:52px;height:52px;margin-top:-26px}
.ssc-allagree .ssc-agree-cont .btn:after{content:'';display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:url(/img/comm_2022/spr_ico.svg) no-repeat -26px 0}
/*
.ssc-allagree .ssc-agree-cont .btn.togg {background:url(/img/btn-down-14.svg) no-repeat 50% 50%}
.ssc-allagree .ssc-agree-cont .btn.togg.on {background:url(/img/btn-up-14.svg) no-repeat 50% 50%}
*/
.termwrap {display:none;margin-top:1.25rem;height:9.0625rem;overflow-x:hidden;overflow-y:auto} /* bottomsheet의 다단약관 */
.termwrap .terms-box {padding:0 !important}
.termwrap .terms-box * {color:#686c7c !important}
.termwrap .terms-box .tm-tit {margin-top:1.25rem}
.termwrap .terms-box .tm-tit:first-child {margin-top:0}
.ssc-certinwrap {margin-top:16px;}
.ssc-certinwrap .inputbox .bt-box button{white-space:inherit}
/* 약관동의:type01*/
.ssc-allagree.type01 {margin-top:0.625rem}
.ssc-allagree.type01 .ssc-agree-all {background-color:transparent;border-radius:0;box-shadow:none;-webkit-box-shadow:none;border:1px solid #e2e2f0;border-radius:8px;margin-bottom:8px}
.ssc-allagree.type01 .ssc-agree-all .checkbox.all {padding:0 0 0 44px;border-radius:0}
.ssc-allagree.type01 .ssc-agree-all .checkbox.all .inner-box {background-color:transparent}
.ssc-allagree.type01 .ssc-agree-all .checkbox.all:before {left:16px;top:50%;margin-top:0;transform:translateY(-50%)}
.ssc-allagree.type01 .ssc-agree-all .checkbox.all .inner-box {padding:0;border-radius:0;height:52px}
.ssc-allagree.type01 .ssc-agree-all .checkbox.all .inner-box .txt-agree{line-height:52px;font-size:0.875rem;color:#363747}
.ssc-allagree.type01 .ssc-agree-all .checkbox.all.checked {background:transparent}
.ssc-allagree.type01 .ssc-agree-cont {margin-top:0;padding:0;background:transparent;border:1px solid #e2e2f0;border-radius:8px;box-shadow:0 0 0}
.ssc-allagree.type01 .ssc-agree-cont > li {padding:0;border-bottom:0;border-top:1px solid #e2e2f0}
.ssc-allagree.type01 .ssc-agree-cont > li:first-child{border-top:0}
.ssc-allagree.type01 .ssc-agree-cont .btn {top:0;margin-top:0}
.ssc-allagree.type01 .termwrap {margin-top:0.8125rem;padding:0.875rem 1.25rem;background-color:#fff;border-radius:0.5rem}
/* 가입완료 */
.tod-scc-confirm {position:relative;padding:2.5rem 1.25rem 0;text-align:center}
.tod-scc-confirm + .cont-box {padding-top:0.875rem}
.tod-scc-confirm .conf-txt {margin-bottom:0;padding-top:3.375rem;font-size:1.25rem;font-weight:700;line-height:1.25rem}
.tod-scc-confirm .conf-txt.ico-conf {background:url(/img/ico-confirm.svg) no-repeat 50% 0}
/*.tod-scc-confirm .conf-step {}*/
.tod-scc-confirm .conf-step ul {margin:0 auto;max-width:80%}
.tod-scc-confirm .conf-step ul:after {content:"";display:block;clear:both}
.tod-scc-confirm .conf-step li {position:relative;float:left;padding-top:2.3125rem;width:50%;font-size:0.875rem;line-height:1.5rem;color:#d6d7d8;font-weight:700}
.tod-scc-confirm .conf-step li:after {content:'';position:absolute;top:0.625rem;left:50%;width:100%;height:0.125rem;background:#d6d7d8}
.tod-scc-confirm .conf-step li:last-child:after {display:none}
.tod-scc-confirm .conf-step li .num {display:block;position:absolute;top:0;left:50%;margin-left:-0.625rem;width:1.5rem;height:1.5rem;border-radius:50%;font-size:0.8125rem;line-height:1.5rem;color:#fff;text-align:center;font-weight:400;background:#d6d7d8;z-index:1}
.tod-scc-confirm .conf-step li.on {color:#1A1A47}
.tod-scc-confirm .conf-step li.on .num {background:#000;box-shadow:2px 2px 6px 0 rgba(209, 209, 209, 0.8);-webkit-box-shadow:2px 2px 6px 0 rgba(209, 209, 209, 0.8)}
.tod-scc-confirm .tit-wrap {margin-top:0.625rem}
.tod-scc-confirm .tit-wrap .tit {margin-bottom:0;font-size:1.125rem;line-height:1.375rem}
.tod-scc-confirm .tit-wrap .stit {margin-top:0.4375rem;margin-bottom:0;font-size:0.875rem;line-height:1.25rem}
.tod-scc-confirm + .cont-box.nobg {padding-top:0.875rem}
.psco-wrap .rbox {margin-bottom:0.875rem}
.psco-wrap .rbox:last-child {margin-bottom:0.875rem}
.psco-wrap .rbox.togg .acco-list .acco-box .acco-tit {font-weight:400}
.psco-wrap .rbox.togg .acco-list .acco-box .acco-tit .price {position:absolute;font-size:1rem;top:50%;right:2.5rem;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);font-weight:700}
.psco-wrap .rbox.togg .acco-list .acco-box .acco-tit .que {display:block;margin-top:0.375rem;font-size:0.8125rem;line-height:1.125rem;color:#686c7c;font-weight:400}
/* 마이구독:my-aticle */
.my-aticle {margin-top:1.25rem}
.my-aticle + .my-aticle {margin-top:1.875rem}
.my-aticle:first-child {margin-top:0}
.my-aticle .my-article-tit {position:relative;margin-bottom:1rem}
.my-aticle .my-article-tit .tit {font-size:16px;font-weight:700;color:#1A1A47}
.my-aticle .my-article-tit .txt {margin-top:0.375rem;font-size:0.875rem;color:#686c7c;font-weight:400}
.my-aticle .my-main-tit .txt{padding-right:65px}
.my-aticle .my-article-tit .link-direct{position:absolute;bottom:-4px;right:-5px;padding:5px 16px 5px 5px;font-size:12px}
.my-aticle .my-article-tit .link-direct:after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:14px;margin:-7px 0 0 0;background:url(/img/comm_2022/spr_ico.svg) no-repeat -120px 0}
/* 마이구독:웰컴박스 */
.cont-box .sscmy-wellcome-box {margin-bottom:-1.875rem}
.sscmy-wellcome-box {position:relative;padding-bottom:1.25rem}
.sscmy-wellcome-box:after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:url('/img/line-inner2.svg') center center repeat-x}
.sscmy-wellcome-box .tit {font-size:1.375rem;line-height:2.25rem;font-weight:700}
.sscmy-wellcome-box .txt {font-size:0.875rem;margin-top:0.125rem}
/* 마이구독:서비스리스트 */
/*.myuse-his-box .use-serv-list > li:not(:last-child) {border-bottom:1px solid #e1e3e4}*/
.myuse-his-box .use-serv-list > li {margin-top:0.5rem;padding:16px 14px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box}
.myuse-his-box .use-serv-list > li.use-prod-package .use-subsc-item .main-item .item-row .lft-cell{display:block}
.myuse-his-box .use-serv-list > li.use-prod-package .use-subsc-item .main-item .item-row .lft-cell.slim-box{display:flex}
.myuse-his-box .use-serv-list > li.use-prod-package .use-subsc-item .main-item .item-row .lft-cell .ico{flex:none;width:100%;height:20px}
.myuse-his-box .use-serv-list > li.use-prod-package .use-subsc-item .main-item .item-row .lft-cell .ico img{display:inline-block;width:auto;height:20px}
.myuse-his-box .use-serv-list > li.use-prod-package .use-subsc-item .main-item .item-row .lft-cell .ico .prd-family{display:inline-block;margin-left:6px;border:1px solid #3617ce;color:#3617ce;font-size:8px;height:16px;line-height:17px;font-weight:700;border-radius:2px;padding:0 4px;vertical-align:top}
.myuse-his-box .use-serv-list > li.use-prod-package .use-subsc-item .main-item .item-row .lft-cell .item-info{margin-top:7px;margin-left:0}
.myuse-his-box .use-serv-list > li:first-child {margin-top:0}
.myuse-his-box .use-serv-list > li .serv-link {display:block}
.myuse-his-box .use-serv-list > li .serv-link a {position:relative;display:block;padding-right:0.9375rem;z-index:2}
.myuse-his-box .use-serv-list > li > .serv-link .item {position:relative;display:table-cell;height:2.5rem;vertical-align:middle}
.myuse-his-box .use-serv-list > li > .serv-link .item > div:first-child {display:flex;width:100%;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}
.myuse-his-box .use-serv-list > li > .serv-link .item .ico {position:absolute;top:0;left:0;margin-right:0.5rem;width:2.5rem;height:2.5rem;border-radius:50%}
.myuse-his-box .use-serv-list > li > .serv-link .item .ico.line {border:0.0625rem solid #E1E3E5;width:2.375rem;height:2.375rem}
.myuse-his-box .use-serv-list > li > .serv-link .item .serv-name .name {font-size:1rem}
.myuse-his-box .use-serv-list > li > .serv-link .item .serv-name {padding-left:3rem;display:inline-block;font-size:1rem;color:#1A1A47;font-weight:700;line-height:1.4;vertical-align:middle}
.myuse-his-box .use-serv-list > li > .serv-link .item .serv-coment {margin-top:0.0625rem;padding-left:3rem;line-height:1.125rem}
.myuse-his-box .use-serv-list > li > .serv-link .item .serv-coment span {display:inline-block}
.myuse-his-box .use-serv-list > li > .serv-link .item .serv-coment span:after {content:'|';display:inline-block;padding:0 0.3125rem;color:#686c7c}
.myuse-his-box .use-serv-list > li > .serv-link .item .serv-coment span:last-child:after {display:none}
.myuse-his-box .use-serv-list > li > .serv-link .item .serv-coment * {font-size:0.875rem;color:#686c7c}
.myuse-his-box .use-serv-list > li > .serv-link .item .red-tx {color:#e51937}
.myuse-his-box .use-serv-list > li > .serv-link + .cert-serv-list {padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid #e1e3e4}
.myuse-his-box .use-serv-list > li > .serv-link + .cert-serv-list + .cert-serv-list {padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid #e1e3e4}
.myuse-his-box .use-serv-list > li > .serv-link {position:relative}
/* .myuse-his-box .use-serv-list > li > .serv-link:after {content:'';position:absolute;right:0;top:50%;width:14px;height:14px;background:url(/img/btn-arrow-14.svg) center center no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%)} */
.myuse-his-box .use-serv-list > li > .serv-link > a:after {content:'';position:absolute;right:0;top:50%;width:0.875rem;height:0.875rem;background:url(/img/btn-arrow-14.svg) center center no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.myuse-his-box .use-serv-list > li > .serv-link .serv-item {display:table;width:100%;table-layout:fixed}
.myuse-his-box .use-serv-list > li > .serv-link .serv-item .item {display:table-cell;vertical-align:middle;height:2.5rem}
.myuse-his-box .use-serv-list > li > .serv-link .serv-item .item .ico {position:absolute;left:0;top:0;display:inline-block;margin-right:0.5rem;width:2.5rem;height:2.5rem;-webkit-transform:translate(0,0);transform:translate(0,0)}
.myuse-his-box .use-serv-list > li > .serv-link .serv-item .item .cert-coment {margin-top:0;padding-left:3rem;line-height:1.125rem}
.myuse-his-box .use-serv-list > li > .serv-link .serv-item .item .cert-name {position:static;padding-left:3rem}
.myuse-his-box .use-serv-list > li > .serv-link .serv-item .item .cert-name .name {font-size:1rem;font-weight:700}
.myuse-his-box .use-serv-list > li > .serv-link .serv-state {margin-top:0.625rem;padding-left:3rem;color:#686c7c;font-size:13px}
/* 마이구독:서비스리스트 - new ui */
.myuse-his-box .use-subsc-item .main-item ~ .include-item,
.myuse-his-box .use-subsc-item .include-item + .include-item {background:#fafafc}
.myuse-his-box .use-subsc-item .main-item ~ .include-item > li{padding:12px 16px;border:1px solid #e2e2f0;border-top:0}
.myuse-his-box .use-subsc-item .main-item ~ .include-item > li:first-child{margin-top:16px;border-top:1px solid #e2e2f0;border-radius:4px 4px 0 0}
.myuse-his-box .use-subsc-item .main-item ~ .include-item > li:last-child{border-radius:0 0 4px 4px}
.myuse-his-box .use-subsc-item .main-item + .bt-shadow,
.myuse-his-box .use-subsc-item .include-item + .bt-shadow {margin-top:20px;height:36px;font-size:14px}
.myuse-his-box .use-subsc-item .item-row {display:flex;justify-content:space-between}
.myuse-his-box .use-subsc-item .item-row .lft-cell .ico {display:inline-block;overflow:hidden}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info {display:flex;flex-direction:column;justify-content:center}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info .item-name {display:inline-flex;color:#1A1A47;word-break:keep-all}
/*
.myuse-his-box .use-subsc-item .main-item ~ .include-item,
.myuse-his-box .use-subsc-item .include-item + .include-item {margin-top:12px;border:1px solid #e2e2f0;border-radius:4px;background:#fafafc}
.myuse-his-box .use-subsc-item .main-item ~ .include-item > li{padding:12px 16px;border-top:1px solid #e2e2f0}
.myuse-his-box .use-subsc-item .main-item ~ .include-item > li:first-child{border-top:0}
.myuse-his-box .use-subsc-item .main-item + .bt-shadow,
.myuse-his-box .use-subsc-item .include-item + .bt-shadow {margin-top:20px;height:36px;font-size:14px}
.myuse-his-box .use-subsc-item .item-row {display:flex;justify-content:space-between}
.myuse-his-box .use-subsc-item .item-row .lft-cell .ico {display:inline-block;overflow:hidden}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info {display:flex;flex-direction:column;justify-content:center}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info .item-name {display:inline-flex;color:#1A1A47;word-break:keep-all}
*/
/* SSMCM-4380 오뚜기 */
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info .subinfo-txt {display:inline-block;color:#686c7c;font-size:13px;line-height:1.2;/*white-space:nowrap;*/ word-break:break-all}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info .subinfo-txt.subinfo-txt-u{text-decoration:underline}
.myuse-his-box .use-subsc-item .item-row .status-txt{font-size:12px;line-height:28px}
/* //SSMCM-4380 오뚜기 */
.dataNotice{border-top:1px dashed #E2E2F0;position:relative;padding:16px 0 0;margin-top:10px;text-align:right}
.dataNotice p{font-size:12px;text-align:left;color:#FF404E}
.dataNotice .bt-arr{font-size:12px;color:#3e3e52}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info + .btn-link-detail{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2}
.myuse-his-box .use-subsc-item .item-row .lft-cell .bt-round{padding:0 12px;color:#1a1a47;font-weight:700;font-size:12px;border-color:#e2e2f0}
.myuse-his-box .use-subsc-item .main-item .item-row {align-items:center;padding:0}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .ico {position:relative; flex:0 0 44px;height:44px}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .ico:before{content:''; position:absolute; top:0; left:0; width:44px;height:44px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:50%; box-sizing:border-box;}
.myuse-his-box .deliveryItem .use-subsc-item .main-item .item-row .lft-cell .ico:before{content:''; position:absolute; top:0; left:0; width:44px;height:44px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:4px; box-sizing:border-box;}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .ico.rnone:before{content:none;}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info {width:calc(100% - 90px);margin-left:12px}
.myuse-his-box .use-prod-package .use-subsc-item .main-item .item-row .lft-cell .ico:before{content: none;}
/* .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info {width:calc(100% - 48px)} */
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info .item-name {font-size:15px;font-weight:700;line-height:1.2; text-decoration: underline; flex-grow:1;}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info .item-name + .subinfo-txt {margin-top:6px}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-price{position:absolute;top:50%;right:16px;margin-top:-10px;color:#ff404e;font-weight:700}
.myuse-his-box .use-subsc-item .include-item .item-row .lft-cell .ico {/*flex:0 0 44px;width:44px;height:44px;display:flex*/display:none}
.myuse-his-box .use-subsc-item .include-item .item-row .lft-cell .item-info {width:100%}
.myuse-his-box .use-subsc-item .include-item .item-row .lft-cell .item-info .item-name {color:#3e3e52;font-size:12px;font-weight:700;line-height:1.57;align-items:center}
.myuse-his-box .use-subsc-item .include-item .item-row .lft-cell .item-info .item-name + .subinfo-txt {margin-top:2px}
.myuse-his-box .use-subsc-item .include-item .item-row .rgt-cell .bt-round, .myuse-his-box .use-subsc-item .include-item .item-row .rgt-cell .bt-arr
{position:relative;display:inline-block;margin-right:-5px;padding:5px 16px 4px 5px;color:#3e3e52;font-size:12px;border:none;line-height:1.28;font-weight:400}
.myuse-his-box .use-subsc-item .include-item .item-row .rgt-cell .bt-arr{padding-right:0}
.myuse-his-box .use-subsc-item .include-item .item-row .rgt-cell .bt-round:after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:14px;margin:-7px 0 0 0;background:url(/img/comm_2022/spr_ico.svg) no-repeat -120px 0}
.myuse-his-box .use-subsc-item .item-row .rgt-cell {display:flex;position:relative;justify-content:right;/* width:85px; */height:28px;align-items:center;}
.myuse-his-box .use-subsc-item .item-row .rgt-cell .bt-round{padding:0 12px;color:#1a1a47;font-size:12px;border-color:#e2e2f0; font-weight:700;}
.myuse-his-box .use-subsc-item .item-row .rgt-cell .btn-underline {min-width:72px;padding:4px 0}
.myuse-his-box .use-subsc-item .item-row .rgt-cell .status-txt {min-width:72px;color:#686c7c;font-size:12px;text-align:right}
/* 마이구독:인증리스트 */
/*.tod-sscBody .cert-serv-list {}*/
.tod-sscBody .cert-serv-list > li {padding-top:0.6875rem;margin-top:0.6875rem}
.tod-sscBody .cert-serv-list > li:first-child {padding-top:0;margin-top:0;border-top:0}
.tod-sscBody .serv-item .item > div:first-child {display:-webkit-box;display:flex;width:100%;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}
.tod-sscBody .serv-item .item {position:relative}
.tod-sscBody .serv-item .item .ico {position:absolute;left:0;display:inline-block;margin-right:0.5rem;width:1.875rem;height:1.875rem;/* top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);*/}
.tod-sscBody .serv-item .item .name {margin-right:0.375rem}
.tod-sscBody .serv-item .item .ssc-tag {margin-left:0}
.tod-sscBody .serv-item .item .ico.line {border:1px solid #E1E3E5;border-radius:50%}
.tod-sscBody .serv-item .item .cert-name {position:relative;padding-left:2.25rem;padding-right:0.3125rem;display:inline-block;font-size:0.875rem;color:#1A1A47;vertical-align:middle;/*text-overflow:ellipsis;overflow:hidden;white-space:nowrap;*/}
.tod-sscBody .serv-item .item .cert-coment * {/*font-size:0.875rem;*/ font-size:0.8125rem;color:#686c7c}
.tod-sscBody .serv-item .item .cert-coment {padding-left:2.25rem;margin-top:0.25rem;line-height:1.125rem}
.tod-sscBody .serv-item .item .cert-coment span {display:inline-block}
.tod-sscBody .serv-item .item .cert-coment span:after {content:'|';display:inline-block;padding:0 0.3125rem;color:#686c7c}
.tod-sscBody .serv-item .item .cert-coment span:last-child:after {display:none}
.tod-sscBody .serv-item .item .cert-coment span.plus-tx:before {content:'+';display:inline-block;margin-right:0.3125rem;line-height:0.9375rem;color:#1A1A47}
.tod-sscBody .serv-item .item .cert-coment span.plus-tx {font-size:0.875rem;color:#1A1A47}
.tod-sscBody .serv-item .item .red-tx {color:#e51937}
.tod-sscBody .serv-item .item .cert-state {font-size:0.8125rem;color:#686c7c}
.tod-sscBody .serv-item .item .cert-state .ing {display:inline-block;/*width:5rem;text-align:center;*/ text-align:right;white-space:nowrap}
.tod-sscBody .rbox .cert-serv-list {margin:0.3125rem 0}
/* 마이구독:버튼 */
.myserv-btn-wrap {position:relative;text-align:center}
.myserv-btn-wrap:after{content:''; display:block; position:absolute; top:9px; bottom:-30px; left:0; width:1px; background-color:#E2E2F0; z-index:1;}
.myserv-btn-wrap .txt {margin-bottom:0.75rem;font-size:0.8125rem;text-align:center;color:#686c7c}
.serv-link + .myserv-btn-wrap {margin-top:1.5rem}
.cert-serv-list + .myserv-btn-wrap {margin-top:1.5rem}
.mypay-his-list + .myserv-btn-wrap .btn-scroll {margin-top:1.25rem}
.mypay-his-list .item-pricebox + .myserv-btn-wrap {margin-top:1.5rem}
/* 마이구독:탭 */
.my-tod-btn{position:absolute;top:0;right:0}
.my-tod-btn button{overflow:hidden;text-indent:-9999px;display:inline-block;width:3.75rem;height:3.19rem;font-size:14px}
.my-tod-btn button:after{content:'';display:block;position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;background:url(/img/comm_2022/spr_layout.svg) no-repeat 0 -20px}
.my-cont-box .tab-area .tab-linker{height:22px}
.my-cont-box .tab-area .tab-linker > ul{position:fixed;top:0;left:0;right:0;display:flex;padding:0 16px;background:#fff;z-index:1000}
.header-wrap ~ .container-wrap .tab-area .tab-linker > ul{top:51px}
.my-cont-box .tab-area .tab-linker > ul:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e2e2f0}
.my-cont-box .tab-area .tab-linker > ul:after{content:'';display:block;clear:both}
.my-cont-box .tab-area .tab-linker > ul > li{position:relative;width:100%}
.my-cont-box .tab-area .tab-linker > ul > li button, .my-cont-box .tab-area .tab-linker > ul > li a {position:relative;/*display:inline-block;*/ display:block;width:100%;box-sizing:border-box;text-align:center;padding:0 1.25rem;height:3.25rem;line-height:3.25rem;font-size:0.875rem;color:#686c7c}
.my-cont-box .tab-area .tab-linker > ul > li[aria-selected="true"] button {font-weight:700;color:#1A1A47;background-color:#f6f8fa;
box-shadow:-4px -6px 10px 0 #ffffff, 4px 7px 10px 0 #dde0e2, -2px -2px 2px 0 #ffffff, 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow:-4px -6px 10px 0 #ffffff, 4px 7px 10px 0 #dde0e2, -2px -2px 2px 0 #ffffff, 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
}
.my-cont-box .tab-area .tab-linker > ul > li a[aria-selected="true"]{font-weight:700;color:#3617ce;border-bottom:2px solid #3617ce}
.my-cont-box .tab-area .tab-contents > ul > li {width:100%;height:0;display:none}
.my-cont-box .tab-area .tab-contents > ul > li[aria-selected="true"] {height:auto;display:block}
.my-cont-box .tab-area .tab-contents > ul > li .tab-cont,
.my-cont-box .tab-area > .tab-cont {margin-top:1.25rem}
.RequestBeneTit{font-size:20px;font-weight:700;color:#1A1A47}
.RequestBeneTit span{display:block;font-weight:400}
.beneViewArea .basicBene{ margin-top:16px}
.beneViewArea .basicBene img{ border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}
.cont-box.new-cont-box .my-aticle .RequestBeneTit{margin-top:32px;font-size:1rem}
/* 구독정보 */
.my-data {position:relative;padding-right:7.5rem;min-height:6.875rem}
.my-data .data-txt {margin-bottom:1.5rem;font-size:0.875rem}
.my-data .data-txt em {font-weight:700}
.my-data .data-cht {position:absolute;right:0;top:0.3125rem}
.my-data .data-cht .gauge-chart-area {margin:0 auto}
.my-data .data-cht .cht-txt {position:absolute;width:100%;top:2.5rem;left:0;text-align:center;font-size:0.8125rem;color:#686c7c}
.my-data .data-cht .cht-txt span {font-size:1rem;font-weight:700;color:#1A1A47}
.my-data .data-cmt > span {position:relative;display:block;font-size:0.8125rem;line-height:1.25rem;color:#686c7c}
.my-data .data-cmt > span:before {content:'';position:relative;top:-0.0625rem;display:inline-block;margin-right:0.125rem;width:0.5rem;height:0.5rem;background-color:#ccc;border-radius:50%}
.my-data .data-cmt > span:nth-child(2):before {background-color:#3617ce}
.my-data .data-cmt > span:first-child {margin-left:0}
.tod-sscBody .line-box {margin-top:0.625rem;padding:1.25rem 1.25rem;border:1px solid #e1e3e4;border-radius:8px}
.tod-sscBody .cont-box .rbox .info-wrap {margin:0}
.tod-sscBody .cont-box .rbox .info-wrap + .bt-slice {margin-top:1.25rem}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li {margin-bottom:0;font-size:0.875rem;color:#1A1A47}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list > li {font-size:0.875rem;font-weight:700}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .no-cupon {color:#686c7c}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .cupon-name {color:#1A1A47;font-weight:700}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .cupon-price {position:relative;padding-left:0.625rem;margin-left:0.625rem;font-weight:400}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .cupon-price:before {content:'';display:block;position:absolute;left:0;top:0.3125rem;width:1px;height:0.75rem;background:#d6d7d8}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .cupon-date {color:#686c7c}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li p + p {margin-top:0.1875rem}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .sscpay-salelist {margin:0;margin-top:0.375rem}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .sscpay-salelist li .price {font-size:0.875rem;top:0;color:#1A1A47;font-weight:700}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .txt-ssm {margin-top:0}
.tod-sscBody .cont-box .rbox .info-wrap .my-ttp-box {margin-top:0.625rem}
.tod-sscBody .tip-box + .tit-wrap {margin-top:1.875rem}
.tod-sscBody .rbox + .tit-wrap {margin-top:1.875rem}
.tod-sscBody .ico-arrow {position:relative;display:inline-block;padding-right:0.875rem;line-height:2.25rem}
.tod-sscBody .ico-arrow:after {content:'';display:inline-block;position:absolute;top:50%;right:0;width:0.625rem;height:0.625rem;background:url(/img/btn-arrow-14.svg) 50% 50% no-repeat;background-size:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.tod-sscBody .ico-outlink {display:inline-block;width:12px;height:12px;background:url('../img/outlink.svg') no-repeat 50% 50%;background-size:100% auto}
/* .tod-sscBody .ico-arrow-r {display:inline-block;width:12px;height:12px;background:url('../img/btn-arrow-14.svg') no-repeat 50% 50%;background-size:auto 100%} */
.tod-sscBody .ico-arrow-r {display:inline-block;width:12px;height:12px;-webkit-mask-image:url('../img/btn-arrow-14.svg');mask-image:url('../img/btn-arrow-14.svg');background-size:auto 100%;background-position:50% 50%;background-color:#1A1A47}
/* 구독정보:도넛차트 */
.donut-chart {transform:rotate(240deg)}
.gauge-chart-area {position:relative;width:7.9375rem;height:7.9375rem}
.gauge-chart-area svg {position:relative;margin-top:1px}
.gauge-chart-area svg.chart-bg {position:absolute;top:0;left:0;z-index:0}
/* 구독정보:내사용정보 */
.tod-sscBody .cont-box .rbox .info-wrap + .bt-slice {margin-top:1.25rem}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li {margin-bottom:0}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list > li {font-size:0.875rem}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .sscpay-salelist {margin:0;margin-top:0.1875rem}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .sscpay-salelist li .price {top:0;color:#1A1A47;font-weight:700}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .txt-ssm {margin-top:0}
.tod-sscBody .cont-box .rbox .info-wrap .my-ttp-box {margin-top:0.625rem}
/* 구독정보:우주패스 쿠폰등록 */
/*.tod-sscBody .unvspass-cp-list-info {}*/
.tod-sscBody .unvspass-cp-list-info .number-area {color:#686c7c;font-size:0.8125rem;line-height:1.84}
.tod-sscBody .unvspass-cp-list-info + .unvspass-cp-list {margin-top:1rem}
.tod-sscBody .rbox > .unvspass-cp-list {margin:0.25rem 0 0}
.tod-sscBody .rbox > .unvspass-cp-list + .bt-line-my {margin-top:1.25rem;margin-bottom:0.25rem}
/*.tod-sscBody .unvspass-cp-list {}*/
.tod-sscBody .unvspass-cp-list > li {position:relative;margin-top:10px}
.tod-sscBody .unvspass-cp-list > li:first-child {margin-top:0px}
.tod-sscBody .unvspass-cp-list > li .unvspass-cp {padding:16px;box-sizing:border-box;background:#fff;border:1px solid #e2e2f0;border-radius:0.5rem; box-shadow:0 0 0;}
.tod-sscBody .unvspass-cp {display:flex;justify-content:space-between;align-items:center}
/*.tod-sscBody .unvspass-cp .cpinfo-area {}*/
.tod-sscBody .unvspass-cp .cpinfo-area p {margin-top:0.25rem}
.tod-sscBody .unvspass-cp .cpinfo-area p:first-child {margin-top:0}
.tod-sscBody .unvspass-cp .cpinfo-area p:last-child{padding-top:0.125rem}
.tod-sscBody .unvspass-cp .btn-area {display:flex;align-items:center}
.tod-sscBody .unvspass-cp .btn-area .btn-rgst-cancel {display:inline-block;width:1.25rem;height:1.25rem;background:url('../img/ico-minus.svg') no-repeat 50% 50%;background-size:100% auto}
.tod-sscBody .unvspass-cp .ssc-tag {/* display:inline-flex;justify-content:center;align-items:center;font-family:'Noto Sans KR', sans-serif;*/ display:table-cell;margin:0;padding:0px 6px 0;font-size:0.6875rem !important;height:1.25rem;line-height:1;box-sizing:border-box}
.tod-sscBody .unvspass-cp .cp-name,
.tod-sscBody .unvspass-cp .cp-discount {position:relative;display:inline-block;color:#1A1A47;font-size:0.875rem;font-weight:400;line-height:1.4}
.tod-sscBody .unvspass-cp .cp-name {font-weight:700}
.tod-sscBody .unvspass-cp .cp-discount {padding-left:9px;margin-left:8px}
.tod-sscBody .unvspass-cp .cp-discount::before {content:'';position:absolute;left:0px;top:50%;transform:translateY(-50%);width:0;height:14px;border-left:1px solid #d6d7d8}
.tod-sscBody .unvspass-cp .cp-status,
.tod-sscBody .unvspass-cp .cp-date {position:relative;display:inline-block;color:#686c7c;font-size:0.875rem;font-weight:400;line-height:1.28}
.tod-sscBody .unvspass-cp .cp-status {padding-right:7px;margin-right:4px}
.tod-sscBody .unvspass-cp .cp-status::after {content:':';position:absolute;right:0px;top:0;line-height:inherit}
.tod-sscBody .popup-page .unvspass-cp {box-shadow:0 2px 4px 0 rgba(221, 224, 226, 0.5)}
/* 마이구독 구독현황 */
.mystatus-say-box {font-size:0.875rem!important;font-weight:400;color:#1A1A47;text-align:center}
.swiper-box.cht-box {margin:0 -1.25rem} /*차트 slider */
.swiper-box.cht-box .slick-list {overflow:visible!important}
.swiper-box.cht-box .slide-item {padding:0 20px}
.swiper-box.cht-box .slide-item {display:block;width:100%;box-sizing:border-box}
.swiper-box.cht-box .slick-dots {margin-bottom:1.875rem}
.swiper-box.cht-box .swp_tit-wrap {margin-bottom:0.9375rem;padding:0 1.25rem}
.swiper-box.cht-box .swp_tit-wrap .stt-item {position:relative;padding-left:3rem;height:2.5rem;display:table-cell;font-size:0.875rem;vertical-align:middle}
.swiper-box.cht-box .swp_tit-wrap .stt-item .ico {position:absolute;left:0;top:0;height:2.5rem;width:2.5rem;border-radius:50%}
.swiper-box.cht-box .swp_tit-wrap .stt-item .ico.line {height:2.375rem;width:2.375rem;border:1px solid #E1E3E5}
.swiper-box.cht-box .swp_tit-wrap .stt-item p .name {font-weight:700}
.swiper-box.cht-box .swp_tit-wrap .stt-item p .date {color:#3617ce}
.tod-sscBody .chart-box {padding:1.25rem;background-color:#fff;border-radius:0.75rem;height:26rem;box-sizing:border-box}
.tod-sscBody .chart-box .cb-head {margin-bottom:2.1875rem;font-size:1.125rem;font-weight:700;color:#1A1A47}
.tod-sscBody .chart-box .cb-head em {font-size:1.125rem;color:#3617ce}
.tod-sscBody .chart-box .cb-head .tag-charge {position:relative;margin-top:0.625rem;padding:0 0.625rem;display:inline-block;font-size:0.8125rem;line-height:1.625rem;color:#1A1A47;border-radius:0.8125rem;background-color:#E2E2F0;z-index:2}
.tod-sscBody .chart-box .cb-body {min-height:15.625rem}
.tod-sscBody .chart-box .cb-none {height:22.5625rem;display:flex;justify-content:center;align-items:center}
.tod-sscBody .chart-box .cb-none .myserv-nonebox {padding:0}
/* new type tag */
.tod-sscBody .use-tag .ssc-tag {display: inline-block; height:1rem;line-height:1rem;margin-left:0.25rem;font-size:0.6875rem !important;font-weight:400}
/* 제휴사 쿠폰함 리스트 */
.tab-cont .mycoupon-list-box {padding-top:0.25rem}
.mycoupon-list-box .notice-wrap {position:relative;margin-top:18px;padding-top:18px}
.mycoupon-list-box .notice-wrap::after {content:'';display:block;position:absolute;top:-1px;left:0;width:100%;height:2px;background:url('/img/line-inner2.svg') center center repeat-x}
.my-list-info .number-area {color:#1A1A47;font-size:18px;vertical-align:middle;font-weight:400;line-height:22px}
.my-list-info .number-area .number {display:inline-block;color:#3617ce;font-weight:700}
.my-list-info .sort-area .radiobox.type01.checked:before {background-image:url('/img/form-radio-checked-blue.svg')}
.my-list-info .sort-area .radiobox.type01 {margin-right:19px;color:#1A1A47}
.my-list-info .sort-area .radiobox.type01:last-child {margin-right:0}
.my-coupon-list li {margin-top:6px}
.my-coupon-list li:first-child {margin-top:0}
.my-coupon-ex {margin-top:18px;text-align:right}
/* 제휴사 쿠폰함 리스트 - 쿠폰 */
.coupon-box {position:relative;overflow:hidden}
.coupon-box .coupon {position:relative;height:282px;padding:16px;box-sizing:border-box;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08)}
/*.coupon-box .coupon::before,
.coupon-box .coupon::after {content:'';position:absolute;bottom:38px;width:16px;height:16px;border:1px solid #dedede;border-radius:10px;background:#f6f8fa;box-shadow:inset 0 2px 4px 0 rgba(221, 224, 226, 0.5);z-index:2}
.coupon-box .coupon::before {left:-8px}
.coupon-box .coupon::after {right:-8px;border-top-right-radius:0;border-bottom-right-radius:0}
*/
.coupon-box .coupon .cp-head {position:relative;padding-right:80px}
.coupon-box .coupon .cp-head .ico {display:none;position:absolute;right:0;top:3px;width:40px;height:40px;border-radius:20px;overflow:hidden}
.coupon-box .coupon .cp-head .ico::after {content:'';position:absolute;display:inline-block;right:0;top:0px;width:40px;height:40px;box-sizing:border-box;/*border:1px solid #e1e4e6;*/ border-radius:20px}
.coupon-box .coupon .cp-body {height:120px}
.coupon-box .coupon .cp-body .brand {color:#686C7C; font-size:12px;line-height:1.42;letter-spacing:-0.4px;word-break:break-word}
.coupon-box .coupon .cp-body .coupon-info {padding-top:8px}
/* 220619 말줄임 삭제
.coupon-box .coupon .cp-body .coupon-info .sale-content {height:20px;color:#1A1A47;font-size:16px;font-weight:700;line-height:1.2;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
*/
.coupon-box .coupon .cp-body .coupon-info .sale-content {color:#1A1A47;font-size:16px;font-weight:700;line-height:1.2}
.coupon-box .coupon .cp-foot {position:relative;display:flex;height:130px;justify-content:space-between;align-items:center;flex:1;border:1px solid #E2E2F0;border-radius:4px;background:#fafafc}
.coupon-box .coupon .cp-foot .use-tag {display:flex}
.coupon-box .coupon .cp-foot .use-tag .ssc-tag {margin-left:4px;height:1.25rem;line-height:1.25rem;font-size:0.6875rem !important}
.coupon-box .coupon .cp-foot .use-tag .ssc-tag:first-child {margin-left:0}
.coupon-box .coupon .cp-foot .use-date {display:flex;color:#8f9398;font-size:12px;font-weight:400;line-height:18px}
.coupon-box .coupon .btn-coupon {position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100px;z-index:3}
.coupon-box .coupon .btn-coupon:after{content:'';display:block;position:absolute;top:50%;right:16px;width:20px;height:20px;margin-top:-10px;background:url(/img/comm_2022/spr_ico.svg) no-repeat -134px 0}
.coupon-box .badge-wrap{height:1rem; line-height:1rem;}
.coupon-box .badge-wrap span{vertical-align: top;}
/* 만료된 제휴사 쿠폰 */
/*.coupon-box.disabled {}*/
.coupon-box.disabled .coupon .cp-body .brand,
.coupon-box.disabled .coupon .cp-body .coupon-info .sale-content,
.coupon-box.disabled .coupon .cp-foot .use-date {color:#b4b4b4}
.coupon-box.disabled .coupon .cp-head .ico,
.coupon-box.disabled .coupon .cp-foot .use-tag,
.coupon-box.disabled .coupon .cp-foot::before {opacity:0.4}
/* 제휴사 쿠폰상세보기 */
.mycoupon-view-box h3.brand {color:#1A1A47;font-size:24px;font-weight:700;line-height:26px;letter-spacing:-1px;text-align:center;text-shadow:-1px 0 #f9f5ff,0 1px #f9f5ff,1px 0 #f9f5ff,0 -1px #f9f5ff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mycoupon-view-box .cont-sp.type1 {margin-top:30px;margin-bottom:30px;margin-left:-1.438rem;margin-right:-1.438rem}
/*.mycoupon-view-box .view-coupon {}*/
.view-coupon .coupon-detail .cp-img img {width:auto !important;max-width:124px;height:155px}
.view-coupon .coupon-detail .cp-view::before {content:'';position:absolute;left:-4px;right:-4px;bottom:-1px;height:2px;background:url('/img/bg-border-dot.png') repeat-x 0 0;background-size:6px auto}
.view-coupon .coupon-detail .cp-view .use-tag {white-space:nowrap}
.view-coupon .coupon-detail .cp-view .use-tag .ssc-tag:first-child {margin-left:0; font-size:0.5rem !important;}
/* 접근성(2022) */
.view-coupon .coupon-detail .cp-number {max-width:600px;margin:auto;padding:20px 46px 0;text-align:center}
.view-coupon .coupon-detail .cp-number .codebar {display:block;position:relative;width:100%}
.view-coupon .coupon-detail .cp-number .codebar img {position:relative;width:100%}
.view-coupon .coupon-detail .cp-number .codebar + .codenumb {margin-top:5px;margin-left:-15px;margin-right:-15px}
.view-coupon .coupon-detail .cp-number .codenumb {margin-top:2px;color:#1A1A47;font-size:16px;line-height:20px}
.view-coupon .coupon-detail .cp-number .codenumb > span {padding:0 3px}
.view-coupon .coupon-detail .cp-number .codenumb.type-dashed > span {padding:0}
.view-coupon .coupon-detail .cp-number .codenumb.type-dashed > span:before {content:'-'}
.view-coupon .coupon-detail .cp-number .codenumb.type-dashed > span:first-child:before {content:''}
.view-coupon .coupon-detail .cp-number .codenumb + .codecopy {margin-top:3px}
.noti-coupon dl > div {display:flex;font-size:13px;line-height:21px}
.noti-coupon dl > div dt {position:relative;width:62px;color:#1A1A47}
.noti-coupon dl > div dt::after {content:':';position:absolute;right:1px;top:0}
.noti-coupon dl > div dd {position:relative;width:calc(100% - 62px);padding-left:12px;box-sizing:border-box;color:#686c7c}
.noti-coupon .noti-list > li {margin-top:20px}
/*.noti-coupon .noti-list .noti-item {}*/
.noti-coupon .noti-list .noti-item .title {font-size:14px;line-height:20px;font-weight:700}
.noti-coupon .noti-list .noti-item ul.txt-ssm {margin-top:2px}
.noti-coupon .noti-list .noti-item ul.txt-ssm > li {font-size:0.875rem;line-height:1.25rem}
.noti-coupon .noti-list .noti-item ul.txt-ssm > li > a {text-decoration:underline}
/* 만료된 쿠폰 상세보기 */
.cont-box.mycoupon-view-box.disabled {position:relative;background:#f6f8fa}
.cont-box.mycoupon-view-box.disabled::after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:transparent;z-index:3}
.mycoupon-view-box.disabled h3.brand,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-view .sale-content,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-view .use-date,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-number .codenumb,
.mycoupon-view-box.disabled .noti-coupon dl > div dt,
.mycoupon-view-box.disabled .noti-coupon dl > div dd,
.mycoupon-view-box.disabled .noti-coupon .noti-list .noti-item,
.mycoupon-view-box.disabled .noti-coupon .noti-list .noti-item ul.txt-ssm > li,
.mycoupon-view-box.disabled .noti-coupon .noti-list .noti-item ul.txt-ssm > li > a {color:#b4b4b4}
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-img,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-view .use-tag,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-number .codebar img {opacity:0.3}
/* 알림 Toast Popup */
.toast-noti {position:fixed;left:12px;right:12px;bottom:-100px;padding:10px;border-radius:36px;background:rgba(0, 0, 0, 0.55);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:1000;animation-name:toastPop;animation-duration:4.5s;animation-timing-function:ease-in-out}
.toast-noti .text { display:block;color:#fff;font-size:0.75rem;text-align:center}
@keyframes toastPop { 0% { display:block;bottom:-100px;opacity:0.5}
20% { bottom:32px;opacity:1}
80% { bottom:32px;opacity:1}
100% { display:none;bottom:-100px;opacity:0.5} }
.btArea + .toastPopArea, .bt-slice + .toastPopArea { animation-name:toastPop2}
@keyframes toastPop2 { 0% { display:block;bottom:-100px}
20% { bottom:96px}
80% { bottom:96px}
100% { display:none;bottom:-100px}
}
/* 서비스인증안내 */
.svc-guide-banner {position:relative;margin-bottom:0.625rem; padding-top: 94px; display:flex;justify-content:center;text-align:center;overflow:hidden}
.svc-guide-banner .lap {position:relative;z-index:2}
.svc-guide-banner .lap .deco {position:relative;margin:0 auto;width:54px;height:54px;overflow:hidden}
.svc-guide-banner .lap .deco:after{ content:'';display:block;position:absolute;top:50%;left:50%;width:54px;height:54px;margin-top:-27px;margin-left:-27px;background:url(/img/comm_2022/ico_prod_info.png) no-repeat;background-size:100% 100%}
.svc-guide-banner .lap .deco img {display:none}
.svc-guide-banner .lap .tx1 {margin-top:1rem;font-size:1rem;color:#3E3E52;font-weight:700}
.svc-guide-banner .lap .tx2 {font-size:0.875rem;color:#1a1a47; font-weight: bold; line-height: normal;}
.svc-guide-banner .lap .tx2 span{display: block; font-weight: 400; margin-top: 8px;}
.svc-guide-banner .lap .tx2 span:first-child{margin-top: 0px;}
.svc-guide-conts .rbox{padding: 1rem;}
.svc-guide-banner::after{content: ''; display: block; position: absolute; top: 16px; left: 50%; margin-left:-27px; width: 54px; height: 54px;}
.svc-guide-banner.chain::after{background: url(/img/comm_2022/ico_prod_info.png) no-repeat; background-size: 100%;}
.svc-guide-banner.memnber::after{background: url(/img/comm_2022/ico_svcguide_member.png) no-repeat; background-size: 100%;}
/*.svc-guide-conts {}*/
.swiper-box .svc-slider{position: relative;}
.swiper-box .svc-slider .slick-prev,
.swiper-box .svc-slider .slick-next{display: block !important; position: absolute; top: 72px; text-indent: -9999px; z-index: 9999; width: 28px; height: 28px; background:url(/img/comm_2022/svc-slide-arr.svg) no-repeat; background-size: 100%;}
.swiper-box .svc-slider .slick-prev{left: 16px; transform: rotate(180deg);}
.swiper-box .svc-slider .slick-next{right: 16px;}
.svc-guide-tit {font-size:0.875rem}
.svc-guide-tit .btn-view span {font-size:0!important;height:1.5rem}
.svc-guide-tit .btn.togg {position:absolute!important;padding:0!important;right:-0.625rem!important;top:0.625rem!important;width:1.875rem!important;height:1.875rem!important}
.svc-guide-tit .btn.togg span {background:url(/img/btn-down-14.svg) no-repeat 50% 50%}
.svc-guide-con {margin-top:26px}
/* 상품리스트 갤러리형 */
.prod-list-gallery {margin:0 -0.3125rem;font-size:0!important}
.prod-list-gallery li {display:inline-block;padding:0.625rem 0.3125rem;width:50%;box-sizing:border-box}
.prod-list-gallery li a {position:relative;display:block;border-radius:0.75rem;overflow:hidden}
.prod-list-gallery li .item_thumb {position:relative;z-index:1}
.prod-list-gallery li .item_txt {position:absolute;padding:0.75rem;left:0;top:0;display:table;width:100%;box-sizing:border-box;z-index:2}
.prod-list-gallery li .item_txt > div {position:relative;display:table-cell;padding-left:2.125rem;height:1.875rem;vertical-align:middle;font-size:0.6875rem;color:#fff}
.prod-list-gallery li .item_txt .icon {position:absolute;left:0;top:0}
.prod-list-gallery li .item_txt .icon img {margin-right:0.25rem;width:1.875rem;height:1.875rem}
.prod-list-gallery li .item_info {position:absolute;left:0;right:0;bottom:0;padding:0.75rem;border-radius:0 0 0.75rem 0.75rem;display:flex;align-items:center;font-size:0.8125rem;color:#fff;min-height:4.125rem;/*background-color:rgba(39,39,39,.33);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 1px 1px 1px 0 rgba(255, 255, 255, 0.07);*/ box-sizing:border-box;z-index:2}
/* 접근성(2022) */
.prod-list-gallery li .item_info:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0 0 0.75rem 0.75rem;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 1px 1px 1px 0 rgba(255, 255, 255, 0.07);z-index:-1}
.prod-list-gallery li .item_thumb:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background-image:linear-gradient(to bottom, #000, #000 20%, rgba(0, 0, 0, 0) 71%);opacity:0.5}
.prod-list-gallery li .item_info .tit {font-size:0.8125rem;color:#fff;font-weight:700}
.prod-list-gallery li .item_info .prc {font-size:0.8125rem;color:#fff}
/* //접근성(2022) */
.prod-list-gallery li .item_info .sal {font-size:0.8125rem;color:#fff;font-weight:700;display:inline-block}
.prod-list-gallery li .item_info .tag {min-width:2.5rem;height:1.25rem;line-height:1.25rem;font-size:0.6875rem;font-weight:700;color:#fff;text-align:center;border:0;background-image:linear-gradient(98deg, #bf4feb, #5427c3);box-sizing:border-box;z-index:3}
.prod-list-gallery li .item_info .tag.line {background-image:none;background-color:#fff;color:#ff404e;border:0.0625rem solid #ff404e;line-height:1.125rem}
.prod-list-gallery li .item_info .tag.line2 {background-image:none;background-color:transparent;color:#fff;border:0.0625rem solid #fff;line-height:1.125rem}
.prod-list-gallery li .item_info .tag-wrap {position:absolute;padding:0;top:0;left:0.75rem;margin-top:-0.625rem}
.prod-list-gallery li .item_info .tag-wrap .tag ~ .tag {margin-left:0.1875rem}
/* 구독상품리스트로 이동 */
.tod-sscBody .wide {padding-left:0!important;padding-right:0!important}
.banner-box .banner {display:block;width:100%;background-color:#2e1269;overflow:hidden}
/* 마이구독 - 타이틀 subsc에 있는 타이틀은 삭제요청*/
.my-tit-wrap {margin-bottom:1rem}
.my-tit-wrap .tit-mid {font-size:1rem;line-height:1.375rem}
.my-tit-wrap .tit-big {font-size:1.125rem;line-height:1.625rem;font-weight:700}
.my-tit-wrap .tit-big + .txt {margin-top:0.625rem}
.my-tit-wrap .txt {font-size:0.875rem;color:#1A1A47}
.rb-tit-wrap {font-size:1rem!important;line-height:1.375rem;font-weight:700}
.rb-tit-wrap * {font-size:1rem!important}
.rbox +.rb-tit-wrap {margin-top:1.875rem}
/* 마이구독 버튼 */
.btn-arr {display:inline-block;padding:0 0.625rem;height:1.75rem;font-size:0.75rem;border-radius:1.25rem;border:solid 1px #1A1A47}
.btn-arr > span {font-size:13px;white-space:nowrap}
.btn-arr > span:after {content:'';display:inline-block;margin-left:0.125rem;width:0.625rem;height:0.625rem;background:url(/img/btn-arrow-10.svg) center center no-repeat;background-size:0.75rem}
.btn-scroll {font-size:0.875rem;color:#686c7c}
.btn-scroll > span:after {content:'';display:inline-block;margin-left:0.5rem;width:0.625rem;height:0.375rem;background:url(/img/btn-down-14.svg) center center no-repeat;vertical-align:middle;opacity:0.6}
.btn-underline {text-decoration:underline;font-size:13px}
/* 종료박스 */
.tod-sscBody .complete-wrap {padding-top:6.25rem}
.tod-sscBody .popup-page .complete-wrap {padding-top:0;height:100%;min-height:12.5rem;display:flex;align-items:center;justify-content:center}
.tod-sscBody .popup-page.tw-popup .bt-fixed-area{position:absolute;bottom:32px;left:0;right:0}
.tod-sscBody .popup-page.tw-popup .bt-fixed-area .bt-slice{width:auto;padding:0 12px}
.tod-sscBody .popup-page.tw-popup .bt-fixed-area .bt-slice [class^=bt-ssc]{height:52px !important;margin:0 4px; }
.tod-sscBody .popup-page.tw-popup .bt-fixed-area .bt-slice [class^=bt-ssc] button, .tod-sscBody .popup-page.tw-popup .bt-fixed-area .bt-slice [class^=bt-ssc] a{border-radius:8px; font-size: 16px;}
/* (풀팝업)- 구독정보변경완료 */
.my-complete-box {text-align:center}
.my-complete-box:before {content:'';display:block; margin: 0 auto 20px; width:72px;height:72px;background:url(/img/comm_2022/bg_complete.png) no-repeat 50% 0/72px auto}
.my-complete-box.no-data:before {content:'';display:block; margin: 0 auto 20px; width:72px;height:72px;background:url(/img/comm_2022/icon_nodata.png) no-repeat 50% 0/72px auto}
.my-fail-box:before{content:'';display:inline-block;margin-bottom:0.625rem;width:2.5rem;height:2.5rem;background:url(/img/ico-alert.svg) center center no-repeat;background-size:contain}
.my-complete-box .tx1 {font-size:1rem;font-weight:700; line-height: 1.5; color:#1a1a47;}
.my-complete-box .tx1-m {font-size:1.125rem;font-weight:500}
.my-complete-box .tx2 {font-size:0.875rem;color:#767778;line-height:1.6}
.popup-page .myssc-bnr-box {margin:2.5rem 1.25rem 0}
.my-complete-box .tx1 + .tx2 {margin-top:0.5rem; color:#3e3e52;}
/* 외부링크 마이구독 연결 박스 */
.tod-sscBody .cont-box.redirect {height:100%;box-sizing:border-box;min-height:12.5rem;padding-top:6rem;display:flex;justify-content:center}
.tod-sscBody .redirect .logo {display:block;margin:auto; text-align:center; line-height:1;}
.tod-sscBody .redirect .logo img{width:81px;}
.tod-sscBody .redirect .logo + .title {margin-top:24px}
.tod-sscBody .redirect .title {color:#1A1A47;font-size:1rem;font-weight:600;line-height:1.5;text-align:center;word-break:break-word}
.tod-sscBody .redirect .noti {margin-top:1.313rem;padding:16px;overflow:hidden;box-sizing:border-box;background-color:#fafafc;border:1px solid #e2e2f0;border-radius:8px; position:absolute; left:16px; right:16px; bottom:100px;}
.tod-sscBody .redirect .noti .tit-noti {display:block;margin-bottom:8px;font-weight:700; font-size:14px; color:#3e3e52;}
.tod-sscBody .redirect .noti .text-noti {font-weight:400;word-break:keep-all;letter-spacing:0; font-size:12px; color:#686c7c; line-height:1.4;}
.tod-sscBody .redirect .noti .text-noti p + p{margin-top:8px;}
/* 새로고침박스 */
.tod-sscBody .refresh-wrap {padding-top:6.25rem}
.tod-sscBody .popup-page .refresh-wrap {padding-top:0;height:100%;min-height:12.5rem;display:flex;align-items:center;justify-content:center}
.tod-sscBody .popup-page .refresh-wrap .my-refresh-box {text-align:center}
.tod-sscBody .popup-page .refresh-wrap .my-refresh-box:before {content:'';display:inline-block;margin-bottom:0.625rem;width:2.5rem;height:2.5rem;background:url(/img/ico-refresh.svg) center center no-repeat;background-size:contain}
.tod-sscBody .popup-page .refresh-wrap .my-refresh-box .tx1 {font-size:1.25rem;font-weight:600;color:#fff}
.tod-sscBody .popup-page .refresh-wrap .my-refresh-box .underline {padding:0.5rem;display:block;color:#fff}
/* (엑션시트)- 약관동의 */
.ssc-bottom .popup-page .terms-box {position:relative;padding-bottom:1.25rem}
.ssc-bottom .popup-page .terms-box * {font-size:0.8125rem;color:#585959;line-height:1.125rem}
.ssc-bottom .popup-page .terms-box > div {margin-bottom:-1.25rem;padding:0;height:11.875rem;display:block;box-sizing:border-box;width:100%;overflow-x:auto;overflow-y:auto;border-radius:0.75rem;background:#fff}
.ssc-bottom .popup-page .terms-box .txt-big {margin-bottom:0.9375rem;font-size:0.875rem!important;color:#1A1A47;padding-bottom:1rem;border-bottom:0.0625rem solid #E2E2F0}
.ssc-bottom .popup-page .terms-box .tm-tit {font-weight:700}
.ssc-bottom .scc-agree-wrap {overflow:hidden}
.ssc-bottom .scc-agree-wrap .accordion .acco-style.btn-hold .acco-list .acco-box {position:relative}
.ssc-bottom .scc-agree-wrap .accordion .acco-style.btn-hold .acco-list .acco-box:after {content:'';position:absolute;bottom:0;left:1.25rem;right:1.25rem;height:1px;background-color:#ddd}
.ssc-bottom .scc-agree-wrap .accordion .acco-list .acco-box:last-child:after {display:none}
.ssc-bottom .scc-agree-wrap .accordion .acco-list .acco-box {border:0}
.ssc-bottom .scc-agree-wrap .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit {padding:0.9375rem 1.25rem}
.ssc-bottom .scc-agree-wrap .accordion .acco-style.btn-hold .acco-list .acco-box.on .acco-cont {border:0}
.ssc-bottom .popup-page .btnwrap{margin:0 -16px -30px}
.ssc-bottom .popup-page .btnwrap .bt-slice{margin:0}
/* (풀팝업)- 약관동의 */
.popup-page .terms-box {position:relative;padding-bottom:1.25rem}
.popup-page .terms-box * {font-size:0.8125rem;color:#585959;line-height:1.125rem}
.popup-page .terms-box > div {margin-bottom:-1.25rem;padding:1.25rem;height:20rem;overflow-y:auto;border-radius:0.75rem;background:#fff}
.popup-page .terms-box .txt-big {margin-bottom:0.9375rem;font-size:0.875rem!important;color:#1A1A47;padding-bottom:1rem;border-bottom:1px solid #E2E2F0}
.popup-page .terms-box .tm-tit {margin-top:1.25rem;font-weight:700}
.popup-page .terms-box .tm-tit:first-child {margin-top:0}
/* (레이어팝업)- 약관동의 */
.popup-contents .ssc-allagree .terms-box {position:relative;padding-bottom:1.25rem}
.popup-contents .ssc-allagree .terms-box * {font-size:0.8125rem;color:#585959;line-height:1.125rem}
.popup-contents .ssc-allagree .terms-box > div {margin-bottom:-1.25rem;padding:1.25rem;height:15.75rem;overflow-y:auto;border-radius:0.75rem;background:#fff}
.popup-contents .ssc-allagree .terms-box .txt-big {margin-bottom:0.9375rem;font-size:0.875rem!important;color:#1A1A47;padding-bottom:1rem;border-bottom:1px solid #E2E2F0}
.popup-contents .ssc-allagree .terms-box .tm-tit {font-weight:700}
/* (레이어팝업)- 서비스약관 */
.popup-contents .service-terms-area .service-terms-ps {margin-bottom:0.625rem}
.popup-contents .service-terms-area .terms-box {position:relative}
.popup-contents .service-terms-area .terms-box * {font-size:0.8125rem;color:#585959;line-height:1.125rem}
.popup-contents .service-terms-area .terms-box > div {padding:1.25rem;height:13.4375rem;overflow-y:auto;border-radius:0.75rem;box-sizing:border-box;background:#fff}
.popup-contents .service-terms-area .terms-box .txt-big {margin-bottom:0.9375rem;font-size:0.875rem!important;font-weight:700;color:#1A1A47;padding-bottom:1rem;border-bottom:1px solid #E2E2F0}
.popup-contents .service-terms-area .terms-box .txt-sam {font-size:0.6875rem;color:#1A1A47;font-weight:700;padding-bottom:0.3125rem}
.popup-contents .service-terms-area .terms-box dl dt {margin-bottom:0.3125rem;font-size:0.8125rem!important;font-weight:700;color:#1A1A47}
.popup-contents .service-terms-area .terms-box dl dd strong {color:#1A1A47;font-weight:700}
.popup-contents .service-terms-area .terms-box dl + dl {margin-top:0.9375rem}
/* (페이지)- 서비스약관 */
.service-sec {padding:1.875rem 1.25rem}
.service-sec .service-terms-area .service-terms-tt {font-size:1.125rem;color:#1A1A47;font-weight:700}
.service-sec .service-terms-area .service-terms-ps {margin:0.625rem 0 1.25rem}
.service-sec .service-terms-area .terms-box {position:relative}
.service-sec .service-terms-area .terms-box * {font-size:0.8125rem;color:#585959;line-height:1.125rem}
.service-sec .service-terms-area .terms-box > div {padding:1.25rem;height:100%;overflow-y:auto;border-radius:0.75rem;box-sizing:border-box;background:#fff}
.service-sec .service-terms-area .terms-box .txt-big {margin-bottom:0.9375rem;font-size:0.875rem!important;font-weight:700;color:#1A1A47;padding-bottom:1rem;border-bottom:1px solid #E2E2F0}
.service-sec .service-terms-area .terms-box .txt-sam {font-size:0.6875rem;color:#1A1A47;font-weight:700;padding-bottom:0.3125rem}
.service-sec .service-terms-area .terms-box dl dt {margin-bottom:0.3125rem;font-size:0.8125rem!important;font-weight:700;color:#1A1A47}
.service-sec .service-terms-area .terms-box dl dd strong {color:#1A1A47;font-weight:700}
.service-sec .service-terms-area .terms-box dl + dl {margin-top:0.9375rem}
/* 렌탈 */
.sscorder-list > li {margin-top:0.875rem;display:table;width:100%}
.sscorder-list > li:first-child {margin-top:0}
.sscorder-list > li > div {display:table-cell;box-sizing:border-box;-webkit-box-sizing:border-box;font-size:0.875rem;color:#1A1A47}
.sscorder-list > li > div:nth-child(1) {padding-right:0.5rem;width:6.5rem;font-weight:700}
.sscorder-list > li > div:nth-child(2) {text-align:right}
.rent-etc {position:relative;padding-top:0.625rem;margin-top:0.625rem;font-size:0.875rem;border-top:0.0625rem solid #e1e3e4}
.rent-etc .tel {position:absolute;right:0}
.prod-tit-wrap {margin-bottom:1.25rem}
.prod-tit-wrap .tit-big {font-size:1.125rem;line-height:1.625rem}
.prod-tit-wrap .tit-big + .txt {margin-top:0.625rem}
.prod-tit-wrap .txt {font-size:0.875rem;color:#686c7c}
.cont-txtbox .tit {font-size:1rem;line-height:1.375rem;font-weight:700}
.cont-txtbox .txt {margin-top:0.875rem;font-size:0.875rem}
.input-wrap .inputbox {margin-bottom:0.875rem;font-size:0.875rem}
.input-wrap .inputbox:last-child {margin-bottom:0}
.input-wrap .inputbox label{display:inline-block;width:calc(100% - 27px);line-height:25px}
.date-selcet .gray-tx {display:inline-block;margin-top:0.375rem}
/* 렌탈:계약서작성(풀팝업) */
.cont-box.hfull {padding:1.875rem 1.25rem 1.25rem;height:100%;box-sizing:border-box;-webkit-box-sizing:border-box}
.termsfull {display:flex;height:100%;align-content:stretch;flex-direction:column}
.termsfull .terms-box {height:100%;width:100%;padding-bottom:0;overflow-y:auto;border-radius:0.75rem;background:#fff}
.termsfull .terms-box > div {height:auto;overflow-y:hidden}
/* 렌탈:리스트 */
.ph-prod-wrap {margin-top:0}
.ph-prod-wrap .ph-main {background:#fff;border-radius:0.75rem;overflow:hidden}
.ph-prod-wrap .ph-main .info {position:relative;display:block;padding:1.25rem}
.ph-prod-wrap .ph-main .info .name {font-weight:400}
.ph-prod-wrap .ph-main .info .price {position:absolute;right:1.25rem;font-weight:700}
.ph-prod-wrap .ph-list:after {content:"";display:block;clear:both}
.ph-prod-wrap .ph-list li {float:left;width:calc(50% - 0.375rem);margin-top:1.25rem}
.ph-prod-wrap .ph-list li:nth-child(even) {margin-left:0.75rem}
.ph-prod-wrap .ph-list .img {display:block;border-radius:0.75rem;overflow:hidden}
.ph-prod-wrap .ph-list .info {margin-top:0.625rem}
.ph-prod-wrap .ph-list .info .name {display:block;margin:0.625rem 0 0.125rem;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ph-prod-wrap .ph-list .info .price {font-weight:700}
.rent-info {margin-bottom:0.875rem}
.rent-info .model {margin-bottom:0.25rem;font-size:0.8125rem;color:#686c7c}
.rent-info .name {margin-bottom:0.625rem;font-size:1rem;font-weight:700}
.rent-info .info span {position:relative;margin-left:0.25rem;padding-left:0.375rem;font-size:0.875rem}
.rent-info .info span:before {content:'';display:block;position:absolute;left:0;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);height:0.75rem;width:0.0625rem;background:#000}
.rent-info .info span:first-child {padding:0;margin:0}
.rent-info .info span:first-child:before {display:none}
.rent-info .info span em {display:inline-block;margin-left:0.25rem}
/* 서비스점검 페이지*/
/* 2022.08.12 수정 */
.error-container-wrap .container{padding:0}
.sscb-warning-box {position:relative;height:100%;min-height:25rem;display:flex;background-color:#fff;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}
.sscb-warning-box.fix-bottom {padding:0 1.25rem 4.75rem}
.sscb-warning-box .tx {padding-top:5.75rem;font-size:1rem;color:#1a1a47;background:url(/img/comm_2022/ico_error.png) center top no-repeat;background-size:72px;font-weight:500}
.sscb-warning-box .tx-s {margin-top:0.75rem;font-size:0.75rem ;color:#686c7c}
.sscb-warning-box .bt-warning {display:block;width:calc(100% - 2.5rem);position:absolute;font-size:0.8125rem;bottom:1.875rem;height:2.875rem;border-radius:4px;background:#361fce;box-shadow:0 0.125rem 0.625rem 0 rgb(0 0 0 / 15%);-webkit-box-shadow:0 0.125rem 0.625rem 0 rgb(0 0 0 / 15%);box-sizing:border-box;text-align:center}
.sscb-warning-box .bt-warning > span{color:#fff;font-size:0.8125rem}
/* 로딩화면*/
.loding-screen {position:fixed;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.5);z-index:1000}
.loading-wrap {text-align:center}
.loading-wrap .loader-txt {margin-top:10px;font-size:14px;color:#fff;font-weight:100;text-align:center}
.loading-wrap .loader-txt em {margin-bottom:2px;display:block;font-size:18px;font-weight:700}
.loading-wrap .loder {display:inline-block}
.loading-wrap .loder .loding-circle {width:60px;height:60px;-webkit-animation:loding-spin 4s infinite;animation:loding-spin 4s infinite}
.loading-wrap .loder .loding-circle #circle {opacity:1;stroke-width:10;fill:none;stroke-dasharray:156px , 156px;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:loding-ani 1s infinite;animation:loding-ani 1s infinite}
@-webkit-keyframes loding-spin {
0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loding-spin {
0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes loding-ani {
0% {-webkit-stroke-dashoffset:156px;stroke-dashoffset:156px}
75% {-webkit-stroke-dashoffset:-147px;stroke-dashoffset:-147px}
100% {-webkit-stroke-dashoffset:-156px;stroke-dashoffset:-156px}
}
@keyframes loding-ani {
0% {-webkit-stroke-dashoffset:156px;stroke-dashoffset:156px}
75% {-webkit-stroke-dashoffset:-147px;stroke-dashoffset:-147px}
100% {-webkit-stroke-dashoffset:-156px;stroke-dashoffset:-156px}
}
/* 휴대폰인증 */
.cont-actionsheet .con-wrap + .con-wrap {margin-top:1.5625rem;margin-bottom:1.25rem;padding-top:1.5625rem;background:url(/img/line-inner2.svg) left top repeat-x}
.cont-actionsheet .ctf-timebox {position:relative;margin-top:1.25rem}
.cont-actionsheet .ctf-timebox button {position:absolute;top:0;right:0;font-size:0.8125rem;color:#4566ff}
.cont-actionsheet .ctf-timebox .t-count {color:#FF404E}
.cont-actionsheet .ctf-timebox {margin-bottom:0.625rem}
/* 상품상세(SSP에 등록영역) */
.acco-cont .SSP-inner .tit {font-size:0.875rem;font-weight:700;color:#1A1A47}
.acco-cont .SSP-inner .tit + .note-wrap {margin-top:0.75rem}
.acco-cont .SSP-inner .note-wrap +.tit {margin-top:1.25rem}
.acco-cont .SSP-inner .note-wrap li {color:#686c7c;font-size:1rem;line-height:1.4}
.acco-cont .SSP-inner .note-wrap li + li {margin-top:0.625rem}
.acco-cont .SSP-inner .note-wrap .note {position:relative;font-size:0.8125rem;color:#686c7c}
.acco-cont .SSP-inner .note-wrap .note.dot {padding-left:0.375rem}
.acco-cont .SSP-inner .note-wrap .note.dot::after {border-radius:50%}
.acco-cont .SSP-inner .note-wrap .note.dot::after {content:'';display:block;position:absolute;left:0;top:0.625rem;width:2px;height:2px;background:#686c7c}
.acco-cont .SSP-inner .tbl-row,
.acco-cont .SSP-inner .tbl-col {width:100%;border-top:2px solid #1A1A47}
.acco-cont .SSP-inner .tbl-row table,
.acco-cont .SSP-inner .tbl-col table {width:100%}
.acco-cont .SSP-inner caption {position:absolute !important;overflow:hidden;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0);color:transparent}
.acco-cont .SSP-inner table caption,
.acco-cont .SSP-inner legend {overflow:hidden;width:100%;height:1px;*height:0px;margin-top:-1px;font-size:1px;line-height:0;text-indent:-9999px}
.acco-cont .SSP-inner .tbl-row table tr th,
.acco-cont .SSP-inner .tbl-col table tr th {font-weight:700}
.acco-cont .SSP-inner .tbl-row table tr th,
.acco-cont .SSP-inner .tbl-row table tr td,
.acco-cont .SSP-inner .tbl-col table tr th,
.acco-cont .SSP-inner .tbl-col table tr td {padding:1rem 1.25rem;border-bottom:1px solid #e1e3e4;color:#686c7c;font-size:1rem;line-height:1.125rem}
.acco-cont .SSP-inner .tbl-row table tr .al-right,
.acco-cont .SSP-inner .tbl-col table tr .al-right {text-align:right}
.acco-cont .SSP-inner .tbl-row table tr th,
.acco-cont .SSP-inner .tbl-row table tr td,
.acco-cont .SSP-inner .tbl-col table tr th,
.acco-cont .SSP-inner .tbl-col table tr td {padding:1rem 1.25rem;border-bottom:1px solid #e1e3e4;color:#686c7c;font-size:1rem;line-height:1.125rem}
.acco-cont .SSP-inner .tbl-row,
.acco-cont .SSP-inner .tbl-col {width:100%;border-top:2px solid #1A1A47}
.acco-cont .SSP-inner .tbl-row table,
.acco-cont .SSP-inner .tbl-col table {width:100%}
.acco-cont .SSP-inner .tbl-col table tr th,
.acco-cont .SSP-inner .tbl-col table tr td {text-align:center}
.acco-cont .SSP-inner .tbl-row table tr th {text-align:left}
.acco-cont .SSP-inner .tbl-row table tr th,
.acco-cont .SSP-inner .tbl-col table tr th {font-weight:700}
.acco-cont .SSP-inner .tbl-col table tr th,
.acco-cont .SSP-inner .tbl-col table tr td {text-align:center}
.acco-cont .SSP-inner .tbl-row table tr th,
.acco-cont .SSP-inner .tbl-row table tr td,
.acco-cont .SSP-inner .tbl-col table tr th,
.acco-cont .SSP-inner .tbl-col table tr td {padding:0.625rem 0.875rem;border-bottom:1px solid #e1e3e4;color:#686c7c;font-size:0.8125rem;line-height:1.4}
/* 아이프레임약관 */
.terms_area {position:relative}
.terms_area .hidden {position:absolute !important;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;color:transparent}
.terms_area .h5 {margin-top:0.3125rem}
.terms_area .h10 {margin-top:0.625rem}
.terms_area .h15 {margin-top:0.9375rem}
.terms_area .h20 {margin-top:1.25rem}
.terms_area .terms_tit {padding:2.5rem 0 0;font-size:1rem}
.terms_area .terms_tit_type2 {font-size:1.5rem}
.terms_area .terms_tit:first-child {padding-top:0}
.terms_area .terms_stit {padding:1.25rem 0 0.625rem;font-size:0.875rem}
.terms_area .terms_oList>li {margin-left:1.125rem;text-indent:-1.125rem}
.terms_area .terms_oList li+li {margin-top:0.625rem}
.terms_area .terms_oList li li+li {margin-top:0.4375rem}
.terms_area .terms_oList li p {margin-top:0.4375rem;text-indent:0}
.terms_area .terms_oList ol {margin-top:0.625rem}
.terms_area .terms_oList>li>ol>li {position:relative;margin-left:1.125rem;text-indent:0;list-style-type:decimal}
.terms_area .terms_oList>li>ol>li>ol>li {margin-left:1.3125rem;text-indent:-1.3125rem}
.terms_area .terms_oList>li.txin0 {text-indent:0;margin-left:0}
.terms_area p+.terms_oList {margin-top:0.625rem}
.terms_area .terms_oList .inner_uList {margin:0.625rem 0}
/*210928_수정 :우주passall, mini 상세*/
.subsc-vis-wrap .tod-ssc-pack-view{min-height:auto;background:#0f0a4e}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top{padding-bottom:2.5rem}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-vis{position:absolute;left:0;top:0;width:100%}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-vis .img-land{position:absolute;left:0;top:0;z-index:1}
.twinkleStar1 {position:absolute;top:12vw;right:12.5%;width:8vw;height:53px;opacity:0.38;animation:twinkleStar1 4s infinite linear}
.twinkleStar2 {position:absolute;top:30vw;left:3.5%;width:5vw;height:27px;opacity:0.1;animation:twinkleStar2 4s 1.6s infinite linear}
.twinkleStar3 {position:absolute;top:62vw;left:25.5%;width:5vw;height:27px;opacity:0.36;animation:twinkleStar3 4s 3.2s infinite linear}
.rocket {position:absolute;top:60vw;right:12%;width:12vw;height:280px;transform:translateY(-5vw);animation:upAndDown 2s infinite linear}
.galaxy {position:absolute;opacity:0}
.galaxy1 {top:60.5vw;right:43vw;width:1.7647vw;height:9px;animation:galaxyEffect 2s infinite linear}
.galaxy2 {top:61.3vw;right:54vw;width:2.1569vw;height:11px;animation:galaxyEffect 2s .3s infinite linear}
.galaxy3 {top:69vw;right:61vw;width:2.5490vw;height:13px;animation:galaxyEffect 2s .6s infinite linear}
.galaxy4 {top:79vw;right:50vw;width:2.9412vw;height:15px;animation:galaxyEffect 2s .9s infinite linear}
.galaxy5 {top:85vw;right:36vw;width:3.1373vw;height:16px;animation:galaxyEffect 2s 1.2s infinite linear}
@keyframes twinkleStar1 {
10% {opacity:1}
30% {opacity:0.38}
}
@keyframes twinkleStar2 {
10% {opacity:1}
30% {opacity:0.1}
}
@keyframes twinkleStar3 {
10% {opacity:1}
30% {opacity:0.36}
}
@keyframes upAndDown {
50% {transform:translateY(0)}
}
@keyframes galaxyEffect {
20% {opacity:1}
50% {opacity:0}
100% {opacity:0}
}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top{padding-top:0}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap{position:relative;left:0;top:0;margin-top:0}
.subsc-vis-wrap .prodview-top .prod-info{padding:4.375rem 1.25rem 0}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .prod-info .p-text{padding:0 0 4.4444vw;font-size:16px;color:#fff}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .prod-info .p-name{width:14.625rem;margin-bottom:1.25rem}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .prod-info .p-price strong{font-size:1.625rem}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic{padding:8.8889vw 8.3333vw;margin-top:65.8333vw;margin-bottom:0;background:#fff;border-radius:1rem;box-shadow:none}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .tit{font-size:1.25rem}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic ul.txt-ssm > li:before{display:none}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li{padding-left:0;font-size:1.125rem;line-height:1.33}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li+li{margin-top:24px}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm span{display:block;font-size:1rem}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm span>span{display:inline-block;position:relative;margin-bottom:.688rem}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm span>span:after{content:'';display:block;position:absolute;left:0;bottom:2px;
width:100%;height:6px;background:rgba(247, 98, 82, 0.3)}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li em{color:#ff404e}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p{margin-top:9px;font-size:.875rem}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p+p{margin-top:6px}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p:before{content:'•'}
/* SSMCM-4700 :5GX */
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p.rs_li{padding:0}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p.rs_li:before{content:''}
/* //SSMCM-4700 :5GX */
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .notice-wrap .txt-ps{margin-top:1.25rem;font-size:0.813rem}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all{position:relative;padding:3.75rem 0 1.563rem;background:#ebeef4} /* SSMCM-3808 :bg컬러변경, 하단여백추가 */
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:196px;background:#3617ce;border-radius:0 0 1.25rem 1.25rem} /* SSMCM-3808 :height변경, bg컬러변경, radius 변경 */
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all .tt{position:relative;margin-bottom:2.313rem;font-size:1.75rem;z-index:1}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all .spacepass-con{overflow:hidden;position:relative;padding:2.5rem 0 0;margin:0 1.25rem;background:#fff;border-radius:1rem;box-shadow:5px 5px 20px 0 rgba(0,0,0,.1);z-index:1}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all .spacepass-con .txt{font-size:1.125rem}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all .spacepass-con .txt em{color:#3617ce}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all .spacepass-con .txt:after{content:'';display:block;width:9.438rem;height:7.875rem;margin:1.25rem auto 0}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all .spacepass-con.base-benefit .txt:after{background:url(/img/bg-spacepass-base.png) no-repeat;background-size:100% auto}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all .spacepass-con.base-benefit-mini .txt:after{background:url(/img/bg-spacepass-base-mini.png) no-repeat;background-size:100% auto}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all .spacepass-con.add-benefit .txt:after{background:url(/img/bg-spacepass-add.png) no-repeat;background-size:100% auto}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .dp-all .add-benefit{margin-top:0.625rem}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .icon-list{margin:0}
.subsc-vis-wrap .dal-info-wrap .benefit-list{overflow:hidden;padding:1.875rem 0;margin-top:0.875rem;background:#f6f8fa}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .plus{width:2.5rem;height:2.5rem;background:#e8eaee;z-index:2}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .plus:before{width:1.125rem;height:0.313rem;background:#3617ce}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .plus:after{width:0.313rem;height:1.125rem;background:#3617ce}
.subsc-vis-wrap .dal-info-wrap .dalpass-all .icon-list li .icon{border:1px solid #e1e3e4;border-radius:50%}
.subsc-vis-wrap .tod-ssc-tit-wrap{margin:0;padding:3.75rem 1.25rem 0;/* background:#f6f8fa */} /* SSMCM-3808 :margin변경, bg삭제 */
.subsc-vis-wrap .tod-ssc-tit-wrap .tit{margin:0;font-size:1.75rem;line-height:2.063rem}
.subsc-vis-wrap .tod-ssc-tit-wrap .tit + .ps{margin-top:0.75rem;font-size:1.063rem}
.subsc-vis-wrap .bnf-basic-box{padding:1.875rem 1.25rem 2.563rem;margin:0;/* background:#f0f2f6 */} /* SSMCM-3808 :margin변경, bg삭제 */
.subsc-vis-wrap .bnf-basic-box .bnf-list .list-box{box-shadow:4px 7px 10px 0 #dde0e2}
.subsc-vis-wrap .bnf-basic-box .bnf-card{min-height:20.75rem;max-height:20.75rem;padding:1.5rem 1.5rem 0}
.subsc-vis-wrap .bnf-basic-box .card3 .bnf-card{min-height:22.313rem;max-height:22.313rem}
.subsc-vis-wrap .bnf-basic-box .bnf-card .num{min-width:5rem;width:auto;height:1.813rem;line-height:1.813rem;background:#3617ce;border-radius:17px;color:#fff;font-size:0.813rem;text-align:center}
.subsc-vis-wrap .bnf-basic-box .bnf-card .tit{padding-top:3.125rem}
.subsc-vis-wrap .bnf-basic-box .bnf-card .tit em{color:#3617ce}
.subsc-vis-wrap .bnf-basic-box .bnf-card .txt{margin-top:0.5rem;font-size:0.813rem}
.subsc-vis-wrap .bnf-basic-box .bnf-card .img{height:7.813rem}
.subsc-vis-wrap .bnf-basic-box .card2 .bnf-card .img{height:9.5rem;margin-top:0}
.subsc-vis-wrap .bnf-basic-box .card3 .bnf-card .img{height:9.375rem;margin-top:1.75rem}
.subsc-vis-wrap .stxt-link, .subsc-vis-wrap .stxt-txt{position:relative;display:block;margin-top:0.5rem;z-index:1;font-size:0.813rem}
.subsc-vis-wrap .stxt-link a{color:#686c7c;font-size:0.813rem}
.subsc-vis-wrap .bnf-basic-box .card1 .bnf-card .obj1{bottom:1.5rem}
.subsc-vis-wrap .bnf-basic-box .card1 .bnf-card .obj2{bottom:0.563rem}
.subsc-vis-wrap .bnf-basic-box .card2 .bnf-card .obj1{bottom:3.938rem}
.subsc-vis-wrap .bnf-basic-box .card2 .bnf-card .obj2{bottom:0.438rem}
.subsc-vis-wrap .tod-ssc-bnf-icon{background:#141f63}
.subsc-vis-wrap .tod-ssc-bnf-icon .tod-ssc-tit-wrap{padding:0;margin:0;background:none}
.subsc-vis-wrap .tod-ssc-bnf-icon .bnf-icon-box{margin-top:16px}
.subsc-vis-wrap .tod-ssc-bnf-icon .bnf-icon-box > ul > li .box{padding:2.5rem 1.25rem 1.875rem;margin-top:1.875rem}
.subsc-vis-wrap .tod-ssc-bnf-icon .bnf-icon-box > ul > li .box .noti-warn {margin-top:-1.25rem;padding-right:30px;color:#ff404e;font-size:0.8125rem;font-weight:700;line-height:1.125rem}
.subsc-vis-wrap .tod-ssc-bnf-icon .bnf-icon-box > ul > li .box .noti-warn + .tt {margin-top:6px}
.subsc-vis-wrap .tod-ssc-bnf-icon .bnf-icon-box > ul > li .box .tt{padding-bottom:0;margin-bottom:0;border-bottom:0;line-height:1.25rem}
.subsc-vis-wrap .tod-ssc-bnf-icon .bnf-icon-box > ul > li .box .tt + .sub-exp {margin-top:10px}
.subsc-vis-wrap .tod-ssc-bnf-icon .bnf-icon-box > ul > li .box .sub-exp {color:#0b0b44;opacity:0.6;font-size:0.8125rem;letter-spacing:-0.025rem;line-height:1.25rem;word-break:break-all}
.subsc-vis-wrap .tod-ssc-bnf-icon .bnf-icon-box > ul > li .box dl {margin-top:1.25rem}
.subsc-vis-wrap .tod-ssc-bnf-icon .bnf-icon-box > ul > li .box dl + dl{margin-top:0.5rem}
.subsc-vis-wrap .btn.gost{display:inline-block;padding:0 17px;height:1.875rem;line-height:1.75rem;margin-top:1rem;border:1px solid #0b0b44;border-radius:14px;box-sizing:border-box}
.subsc-vis-wrap .btn.gost > span{position:relative;padding-right:10px;font-size:0.813rem;color:#0b0b44}
.subsc-vis-wrap .btn.gost > span:after{content:'';display:block;position:absolute;right:0;top:50%;width:6px;height:6px;border:1px solid transparent;border-top:1px solid #0b0b44;border-right:1px solid #0b0b44;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);box-sizing:border-box}
.subsc-vis-wrap .spacepass-cal{padding-bottom:3.125rem;background:#f0edfd;z-index:2} /* SSMCM-3808 :padding-bottom추가 */
.subsc-vis-wrap .spacepass-cal .tod-ssc-tit-wrap{margin:0;background:#f0edfd}
.subsc-vis-wrap .bnf-calc-box{margin-top:30px}
.subsc-vis-wrap .bnf-calc-box .ssc-rbox{margin-bottom:0} /* SSMCM-3808 :추가 */
.subsc-vis-wrap .bnf-calc-box .desc-calc{margin:1.875rem 0 0} /* SSMCM-3808 :margin-bottom수정 */
.subsc-vis-wrap .bnf-calc-box .desc-calc + .ssc-rbox {margin-top:2.5rem} /* SSMCM-3808 :수정 */
.subsc-vis-wrap .bnf-calc-box .ssc-rbox .link-benefit-area {}
.subsc-vis-wrap .bnf-calc-box .ssc-rbox .link-benefit-area .bnf-tit {color:#1A1A47;font-size:14px;font-weight:700;line-height:20px}
.subsc-vis-wrap .bnf-calc-box .ssc-rbox .link-benefit-area .bnf-tit + .bnf-txt {margin-top:0.5rem}
.subsc-vis-wrap .bnf-calc-box .ssc-rbox .link-benefit-area .bnf-txt * {color:#3617ce;font-size:14px;line-height:22px}
.subsc-vis-wrap .bnf-calc-box .ssc-rbox .link-benefit-area .bnf-txt::after {content:'';clear:both;display:block}
.subsc-vis-wrap .bnf-calc-box .ssc-rbox .link-benefit-area .bnf-txt .f_lft {float:left}
.subsc-vis-wrap .bnf-calc-box .ssc-rbox .link-benefit-area .bnf-txt .f_rgt {float:right}
.subsc-vis-wrap .bnf-calc-box .ssc-rbox .link-benefit-area .bnf-txt + .bt-line-my {margin-top:1rem}
/* .subsc-vis-wrap .bt-fixed-area{z-index:200} */
/* .ssc-bt-fixed{z-index:199} */
/* .ssc-bt-fixed .popup-page{padding-bottom:6rem} */
.icon-new{display:block;position:absolute !important;right:0;top:0;width:28px;height:28px;background:url(/img/common/icon-new-2.png) no-repeat;background-size:100% auto;z-index:1}
/*210929_수정 :상품리스트 패키지상품 영역 우주패스 all,mini 수정*/
.list-sec-wrap{position:relative;padding:37px 0 39px;background-image:url(/img/line-inner2.svg);background-repeat:repeat-x;background-position:0 0}
.list-sec-wrap.all{margin-top:-1px;background-color:#f0f0ff}
.list-sec-wrap.all:after{content:'';display:block;position:absolute;right:20px;top:25px;width:114px;height:104px;background:url(/img/bg-product-list-top.png) no-repeat 100% 0;background-size:100% auto}
.list-sec-wrap.mini{background-color:#f7f4fb}
.list-sec-wrap.lite{background-color:#fef5f7}
.list-sec-wrap .tod-ssc-tit-wrap{margin:0}
.list-sec-wrap .tod-ssc-tit-wrap .tit{margin:0 0 20px;font-size:18px;color:#1A1A47;font-weight:700}
.tod-sscBody .list-sec-wrap .shadow-box{overflow:hidden;background:#fff;box-shadow:0 5px 10px 0 rgba(34,34,34,.14)}
.tod-sscBody .list-sec-wrap .shadow-box>a{display:block;padding:20px 20px 17px}
.list-sec-wrap .spacepass-con .tit{padding-bottom:20px;font-size:18px;color:#1A1A47;font-weight:700;line-height:22px}
.list-sec-wrap .spacepass-con .tit .ico.new {display:inline-block;width:18px;height:18px;overflow:hidden;border-radius:9px;margin-left:2px;margin-top:2px;box-shadow:2px 2px 4px 0 rgba(247,98,82,0.4);vertical-align:top}
/* SSMCM-4050 :style 변경 */
.list-sec-wrap .spacepass-con .amount{position:relative;overflow:hidden;padding-right:85px;padding-bottom:20px}
.list-sec-wrap .spacepass-con .amount .tag-wrap {display:inline-block;margin-right:4px}
.list-sec-wrap .spacepass-con .amount .tag-wrap + .tag-wrap{margin-top:5px}
.list-sec-wrap .spacepass-con .amount .bn-name{position:absolute;top:50%;right:0;margin-top:-21px;font-size:16px}
/* // SSMCM-4050 :style 변경 */
.list-sec-wrap .benefit-list{padding:4px 0 16px}
.list-sec-wrap .benefit-list>li{position:relative;height:40px;padding-left:48px;margin:12px 0 0;line-height:40px}
.list-sec-wrap .benefit-list>li .icon{position:absolute;left:0;top:0;width:40px;height:40px;border:1px solid #eee;border-radius:50%}
.list-sec-wrap .point-text{padding-top:16px;border-top:1px solid #e1e3e4;font-size:14px}
.list-sec.hom{background-image:url(/img/line-inner2.svg);background-repeat:repeat-x;background-position:0 0}
.list-sec.hom .prod-tabwrap .tab-linker .tod-ssc-tit-wrap .tit{font-weight:700}
/*211022_수정 :상품리스트 패키지상품 영역 우주패스 all,mini 수정*/
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top.mini .prod-infowrap .prod-info .p-name{width:16.625rem}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top.slim .prod-infowrap .prod-info .p-name{width:15.5rem} /* SSMCM-3289 :우주패스 slim 변경 */
.subsc-vis-wrap.subsc-vis-new .prodview-top .prod-info{padding:3.875rem 1.125rem 0}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic{overflow:hidden;margin-top:3.438rem}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top.mini .prod-infowrap .desc-basic{margin-top:3.563rem}
.subsc-vis-new .tod-ssc-pack-view .prodview-top .prod-infowrap .desc-basic .tit{margin-bottom:1rem}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top.all .prod-infowrap .desc-basic{position:relative;padding:1.875rem 1.688rem 4.25rem}
.subsc-vis-wrap.subsc-vis-new .desc-basic .btn-view-more{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);padding:5px 11px 5px 0;font-size:14px;color:#686c7c}
.subsc-vis-wrap.subsc-vis-new .desc-basic .btn-view-more:after{content:'';display:block;position:absolute;right:0;top:10px;width:5px;height:5px;transform:rotate(-45deg);border:1px solid #686c7c;border-top:transparent;border-right:transparent}
.subsc-vis-wrap.subsc-vis-new .desc-basic .txt-ssm>li:nth-child(2)>p:last-child{display:none}
.subsc-vis-wrap.subsc-vis-new .desc-basic.open .txt-ssm>li:nth-child(2)>p:last-child{display:block}
.subsc-vis-wrap.subsc-vis-new .desc-basic.open .btn-view-more:after{top:13px;transform:rotate(-225deg)}
.subsc-vis-wrap.subsc-vis-new .txt-ps{margin-top:16px;text-align:center;color:#fff;font-weight:300}
/* .subsc-vis-wrap.subsc-vis-new .dal-info-wrap .dalpass-all .dp-all:before{height:196px;background:#5337df;border-radius:0 0 1.25rem 1.25rem} SSMCM-3808:중복삭제 */
/* .subsc-vis-wrap.subsc-vis-new .dal-info-wrap .dalpass-all .dp-all{padding:3.75rem 0 0} SSMCM-3808:중복삭제 */
.subsc-vis-wrap.subsc-vis-new .dal-info-wrap .dalpass-all .dp-all .tt{margin-bottom:1.25rem}
.subsc-vis-wrap.subsc-vis-new .dal-info-wrap .dalpass-all .dp-all .tt span{display:block;padding-top:1.25rem;font-size:18px;color:#fff;font-weight:400}
.subsc-vis-wrap.subsc-vis-new .space-base-list{position:relative;margin:0 8px 0 12px;z-index:1}
.subsc-vis-wrap.subsc-vis-new .space-base-list li{position:relative;padding:33px 37px 30px 100px;background:#fff;box-shadow:0 4px 15px 0 rgba(0,0,0,.11);border-radius:16px;font-size:18px;color:#1A1A47;text-align:left}
.subsc-vis-wrap.subsc-vis-new .space-base-list li em{color:#3617ce}
.subsc-vis-wrap.subsc-vis-new .space-base-list li+li{margin-top:12px}
.subsc-vis-wrap.subsc-vis-new .space-base-list li .img{position:absolute;left:30px;top:50%;width:50px;height:50px;margin-top:-25px;border:1px solid #e1e3e4;border-radius:50%}
.subsc-vis-wrap.subsc-vis-new .space-add{padding-top:39px;font-size:18px;color:#5337df}
/* .subsc-vis-wrap.subsc-vis-new .dal-info-wrap .tod-ssc-tit-wrap{margin:1.563rem 0 0} SSMCM-3808:중복삭제 */
.subsc-vis-wrap.subsc-vis-new .bnf-basic-box .bnf-card{min-height:156px;max-height:100%;padding:24px 30px 50px}
.subsc-vis-wrap.subsc-vis-new .bnf-basic-box .bnf-card .tit{padding-top:0}
.subsc-vis-wrap.subsc-vis-new .bnf-basic-box .bnf-card .tit strong{display:block;padding-bottom:3px}
.subsc-vis-wrap.subsc-vis-new .bnf-basic-box .bnf-card .tit span{display:block;margin-top:4px;padding-right:65px;font-size:13px;color:#686c7c}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .btn-view-more{position:absolute;left:30px;bottom:20px;padding:5px 9px 5px 0;font-size:13px;color:#1A1A47}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .btn-view-more:after{content:'';display:block;position:absolute;right:0;top:11px;width:5px;height:5px;transform:rotate(45deg);border:1px solid #1A1A47;border-bottom:transparent;border-left:transparent}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .card{position:relative}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .card:before{content:'';display:block;position:absolute;right:0;bottom:0;background-repeat:no-repeat}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .card1:before{right:15px;bottom:15px;width:110px;height:101px;background-image:url(/img/bg-amazon.png?v2);background-size:110px auto}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .card2:before{right:0;bottom:15px;width:124px;height:91px;background-image:url(/img/bg-11st.png);background-size:124px auto}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .card3:before{right:0;bottom:18px;width:120px;height:58px;background-image:url(/img/bg-google-one.png);background-size:120px auto}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .card4:before{right:0;bottom:15px;width:124px;height:91px;background-image:url(/img/bg-11st_220722.png);background-size:124px auto} /*SSMCM-4449 :2,000p 추가 -->*/
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .link{text-align:center}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-bnf-list .bt-txt{display:inline-block;margin-top:40px} /* SSMCM-3784 :220609 수정 */
/* SSMCM-3334 :우주패스 standard 추가 */
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top.standard .prod-infowrap .prod-info .p-name{width:100%}
.subsc-vis-wrap .tod-ssc-tit-wrap.tod-ssc-tit-wrap-standard .tit{font-size:1.25rem}
.subsc-vis-wrap .tod-ssc-tit-wrap.tod-ssc-tit-wrap-standard .tit + .ps{margin-top:0;color:#3617ce !important;font-size:1.5rem;font-weight:700}
.bnf-calc-box .sscpay-list > li.total-pack.plus-skt{padding-bottom:20px}
.bnf-calc-box .sscpay-list > li.total-pack .price{font-weight:700}
.list-sec-wrap.standard{background-color:#fef5f7} /* SSMCM-3584 상단라인 노출수정 */
.subsc-vis-wrap.subsc-vis-new .dal-info-wrap .dalpass-all.dal-standard .dp-all .tt{font-size:1.437rem}
.subsc-vis-wrap .tod-ssc-tit-wrap.tod-ssc-tit-standard .tit{font-size:1.5rem}
.subsc-vis-wrap .tod-ssc-tit-wrap.tod-ssc-tit-standard .tit{font-size:1.5rem}
.subsc-vis-wrap.subsc-vis-new .desc-basic .txt-ssm.txt-ssm-standard>li:nth-child(2)>p:last-child{display:block}
/* //SSMCM-3334 :우주패스 standard 추가 */
/* SSMCM-3784 :우주패스 life 추가 */
/* 우주패스 life */
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .prodview-top .prod-info .p-price strong{font-weight:bold;letter-spacing:-0.46px}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .txt-ps{font-size:13px;line-height:1.38;letter-spacing:-0.57px}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .prodview-top .prod-infowrap .desc-basic{padding-bottom:4.188rem;padding:1.875rem 1.688rem 4.25rem;position:relative}/* SSMCM-4700 :5GX */
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .desc-basic .btn-view-more{font-weight:700}
/* SSMCM-4050 :가입 시 유의사항 추가 */
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .join-notice{margin-top:30px;padding:30px 34px 20px 27px;border-radius:16px;background-color:#fff}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .join-notice .tit{color:#1A1A47;font-size:18px;font-weight:700;line-height:1.11}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .join-notice .tit + .bul-list{margin-top:7px}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .join-notice .bul-list li{position:relative;margin-top:6px;padding-left:0.625rem;color:#585959;font-size:14px;font-weight:300}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .join-notice .bul-list li:before{content:'•';position:absolute;left:0}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .join-notice .bul-list li:first-child{margin-top:0}
/* // SSMCM-4050 :가입 시 유의사항 추가 */
/* 우주패스 life 한 눈에 보기 */
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .dal-info-wrap .dalpass-all .dp-all:before{background:#3617ce}
/* 우주패스 life 기본 혜택 */
/* SSMCM-3784 :220609 수정 */
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .tod-ssc-bnf-list .twosome:before{right:20px;bottom:30px;width:101px;height:94px;background-image:url(/img/bg-twosome_220627.png);background-size:101px auto} /* SSMCM-4050 :투썸bg변경 */
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .tod-ssc-bnf-list .twosome .bnf-card .tit span{padding-right:120px} /* SSMCM-4050 :여백수정 */
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .tod-ssc-bnf-list .seven:before{right:20px;bottom:23px;width:105px;height:90px;background-image:url(/img/bg-seven.png);background-size:105px auto}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .tod-ssc-bnf-list .seven .bnf-card .tit span{padding-right:120px} /* SSMCM-4050 :여백수정 */
/* // SSMCM-3784 :220609 수정 */
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-basic-box .bnf-card .tit{font-size:1rem}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-basic-box .bnf-card .tit strong{font-size:1.125rem;font-weight:700}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-basic-box .bnf-card .tit em{font-weight:bold}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-basic-box .bnf-card .tit span{margin-top:3px;font-weight:normal;line-height:1.54}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .tod-ssc-bnf-list .btn-view-more{bottom:15px;font-weight:700}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .tod-ssc-bnf-list .bt-txt{color:#585959;font-size:.813rem}
/* 아니, 이 가격으로? */
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-calc-box .ssc-rbox{padding:1.5rem 1.25rem}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-calc-box .sscpay-list .sscpay-salelist{margin-top:0}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-calc-box .sscpay-list .sscpay-salelist li{min-height:1.875rem;padding:0 0 0 2.375rem}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-calc-box .sscpay-list > li .sscpay-salelist > li > div{padding-top:0.313rem;line-height:1.43}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-calc-box .sscpay-list > li .sscpay-salelist > li > div .price{top:50%;margin-top:-0.719rem;padding-top:0.313rem}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-calc-box .sscpay-list > li .icon{top:50%;width:1.75rem;height:1.75rem;margin-top:-.938rem;border-radius:1.75rem;border:1px solid #e8e8e8}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-calc-box .sscpay-list > li .price em{font-weight:normal}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-calc-box .sscpay-list > li.total div{color:#686c7c;font-weight:normal}
.subsc-vis-wrap.subsc-vis-new.subsc-vis-life .bnf-calc-box .sscpay-list > li.total div .price{color:#1A1A47}
/* 상품리스트 */
.list-sec-wrap.life{background-color:#f4f7fb}
/* // SSMCM-3784 :우주패스 life 추가 */
/* SSMCM-4449 :우주패스 slim 추가 */
.list-sec-wrap.slim{background-color:#f4f7fb}
/* // SSMCM-4449 :우주패스 slim 추가 */
.benefit-popup .popup-page.actionsheet{padding-top:100px}
.benefit-popup .popup-page .header-wrap .page-header{min-height:100px;padding:50px 0 14px}
.benefit-popup .popup-page.actionsheet .header-wrap .page-header .header-ti h1{font-size:28px;font-weight:700;color:#1A1A47;text-align:center;line-height:1.3}
.benefit-popup .popup-page.actionsheet .header-wrap .page-header .header-ti h1>span{display:block;padding-bottom:8px;font-size:17px;font-weight:700}
.benefit-popup .popup-page.actionsheet .header-wrap .page-header .header-ti h1>em{color:#3617ce}
.benefit-popup .popup-page .container-wrap .inner.benefit-box{margin-bottom:10px}
.benefit-popup .sub-text{font-size:18px;text-align:center}
.benefit-popup .sub-text>em{color:#3617ce}
.benefit-popup .benefit-box .benefit-list{margin-top:1.25rem;padding:1.25rem 1.25rem 1.875rem;background:#5337df;border-radius:.75rem} /* SSMCM-3784 :220609 수정 */
.benefit-popup .benefit-list dt{display:inline-block;height:28px;padding:0 .938rem;margin-bottom:1.063rem;background:#fff;border-radius:.875rem;line-height:28px;color:#3617ce;font-size:13px}
.benefit-popup .benefit-list dd li{position:relative;padding-left:.875rem;color:#fff;font-size:15px;font-weight:400}
.benefit-popup .benefit-list dd li+li{margin-top:12px}
.benefit-popup .benefit-list dd li em{font-weight:700;text-decoration:underline}
.benefit-popup .benefit-list dd li:before,
.benefit-popup .benefit-notice dd:before{content:'・';display:block;position:absolute;left:0;top:0}
.benefit-popup .benefit-notice{margin-top:1.313rem;color:rgba(11,11,68,.6)}
.benefit-popup .benefit-notice dt{font-size:13px}
.benefit-popup .benefit-notice dd{position:relative;padding-left:.875rem;font-size:13px;line-height:20px}
.benefit-popup .benefit-notice dd>a{color:#0b0b44;text-decoration:underline}
/* SSMCM-4291 :아웃링크 개선 */
.benefit-popup .benefit-notice dd > .link{color:#0b0b44;text-decoration:underline}
/* //SSMCM-4291 :아웃링크 개선 */
/* .benefit-popup .bt-slice{margin-top:2.75rem} */
/* SSMCM-3784 :팝업 star-list , star-txt type추가 */
.benefit-popup .benefit-notice .star-txt,
.benefit-popup .benefit-notice .star-list li{position:relative;padding-left:.5rem}
.benefit-popup .benefit-notice .star-txt:before,
.benefit-popup .benefit-notice .star-list li:before{content:'*';position:absolute;left:0}
/* SSMCM-3784 :220609 혜택 이용 방법 추가 */
.benefit-popup .benefit-from{margin-top:20px}
.benefit-popup .benefit-from .tit{color:#1A1A47;font-size:16px;font-weight:bold}
.benefit-popup .benefit-from .benefit-from-list{margin-top:12px;padding:4px 20px;background-color:#fff;border-radius:8px}
.benefit-popup .benefit-from .benefit-from-list li{position:relative;padding:16px 0 16px 30px;color:#1A1A47;font-size:14px;font-weight:normal;line-height:1.43;border-top:1px solid #e1e3e4}
.benefit-popup .benefit-from .benefit-from-list li:first-child{border-top:none}
.benefit-popup .benefit-from .benefit-from-list li .num{position:absolute;left:0;width:20px;height:20px;color:#fff;font-size:11px;font-weight:bold;line-height:20px;border-radius:10px;background-color:#5337df;text-align:center}
/* SSMCM-4050 :style 추가 */
.benefit-popup .benefit-from .benefit-from-list .star-txt,
.benefit-popup .benefit-from .benefit-from-list .star-list li{position:relative;margin-top:.25rem;padding-left:.5rem;color:#686c7c;font-size:13px;line-height:1.25rem}
.benefit-popup .benefit-from .benefit-from-list .star-list li{padding:0 0 0 .5rem}
.benefit-popup .benefit-from .benefit-from-list .star-txt:before,
.benefit-popup .benefit-from .benefit-from-list .star-list li:before{content:'*';position:absolute;left:0}
/* // SSMCM-4050 :style 추가 */
/* // SSMCM-3784 :220609 혜택 이용 방법 추가 */
/*211025_수정 :SSMCM-1769 [구독기획][M][개선] 추가혜택 상세페이지 전체 팝업으로 수정*/
.full-h-popup .popup-page{top:0}
.full-h-popup .popup-page.actionsheet .container-wrap .container{max-height:100%}
/*211108_수정 :SSMCM-1971 [구독운영] 환불안내 페이지*/
.tit-big-txt{margin-top:10px}
.immediate-refund>li{display:table;width:100%}
.immediate-refund>li>p{display:table-cell;width:50%;font-weight:700}
.immediate-refund>li .refund-amount{text-align:right}
.immediate-refund>li.total{font-size:1rem}
.immediate-refund>li:last-child {font-size:1rem}
.immediate-refund + .immediate-refund-info {margin-top:18px;color:#686c7c;font-size:13px;letter-spacing:-0.25px;word-break:break-word}
/*211227_수정 :가입결재_주의문구(추가) */
.sscpay-slidebox + .txt-ssm.add-letter li{letter-spacing:initial;word-break:break-all} /*SSMCM-4435 PLCC 문구 수정*/
.sscpay-slidebox + .txt-ssm.add-letter ~ .rbox{margin-top:30px}
/*211227_수정 :첫달할인(추가) */
.sub-txt-ssm{margin-top:6px;padding-left:0.625rem;color:#686c7c;font-weight:400 !important;font-size:.875rem !important}
/* SSMCM-1701 :220331 상품상세(with) */
.prodview-top.benefits{padding-bottom:1.875rem}
.prodview-top.benefits .divide{margin-top:20px;padding-top:14px;border-top:1px dashed #ccc}
.prodview-top.benefits .txt-star{position:relative;padding-left:0.625rem;font-size:12px;font-weight:300;line-height:1.5;letter-spacing:-0.53px;color:#585959}
.prodview-top.benefits .txt-star:before{content:'*';position:absolute;left:0}
.prodview-top.benefits .prod-infowrap .desc-basic .notice-wrap .txt-ssm + .txt-star{margin-top:20px;padding-top:14px;border-top:1px dashed #ccc}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-vis{position:relative}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap{position:static}
.subsc-vis-wrap .prodview-top.benefits .prod-info{position:absolute;top:0;width:calc(100% - 2.75rem);padding:2rem .25rem 0;/* height:296px;box-sizing:border-box;*/}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .prod-info .p-text{margin:0 0 3px;padding:0;font-size:34px;font-weight:bold;color:#1A1A47}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .prod-info .p-name{width:5.75rem;height:2.688rem;margin-bottom:1.063rem}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .prod-info .p-price strong{font-size:24px;font-weight:bold;letter-spacing:-0.43px;color:#1A1A47}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic{margin-top:-41.5%;padding:2rem 1.5rem 1.813rem}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic .tit{margin-bottom:.563rem;font-size:16px;font-weight:normal;letter-spacing:-0.31px;text-align:center;color:#3617ce}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm .txt{margin-bottom:1.25rem;font-size:22px;font-weight:700;letter-spacing:-0.42px;text-align:center;color:#000}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p{color:#585959;font-weight:300}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p+p{margin-top:12px}
.subsc-vis-wrap .prodview-top.benefits .desc-basic .txt-ssm>li:nth-child(2)>p:last-child{display:block}
/* SSMCM-1701 :220331 with 한눈에보기 */
.withpass-all{padding:2.625rem 0 2.5rem;background-color:#fff}
.withpass-all .with-all{text-align:center}
.withpass-all .with-all .tit{margin-bottom:.563rem;font-size:16px;letter-spacing:-0.31px;color:#000}
.withpass-all .with-all .txt{font-size:22px;font-weight:700;letter-spacing:-0.42px;color:#000}
.withpass-all .with-list{margin-top:1.188rem}
.withpass-all .with-list .img{position:relative}
.withpass-all .with-list .img + .img{margin-top:.75rem}
.withpass-all .with-list .img + .img:before{content:'';position:absolute;left:50%;top:-1.75rem;width:3.5rem;height:3.5rem;margin-left:-1.75rem;background:url(/img/icon-with-benefits-more.png) no-repeat 0 0 / 3.5rem}
/* SSMCM-1701 :220331 with 기본혜택 */
.subsc-wrap + .subsc-vis-wrap .tod-ssc-tit-wrap{margin-top:0}
/* SSMCM-3296 :렌탈 전시구조 개선 */
.cont-box.rentalbgW{min-height:calc(100vh - 112px); margin-bottom:-30px; background-color:#fff;}
.rental-wrap .tit{margin-bottom:32px;font-size:26px;font-weight:700;line-height:2.031rem;color:#1A1A47}
.rental-wrap .tit > span{display:block; font-weight:400;}
.rental-wrap .tab-linker{position:static;top:52px;right:20px;left:20px;margin-bottom:20px;background-color:#f6f8fa}
.rental-wrap .tab-linker ul{overflow-x:auto;padding-bottom:10px;white-space:nowrap}
.rental-wrap .tab-linker ul li{display:inline-block;margin-left:10px}
.rental-wrap .tab-linker ul li:first-child{margin-left:0}
.rental-wrap .tab-linker ul li a{display:inline-block;height:36px;padding:0 16px;color:#3617ce;font-weight:700;line-height:36px;border-radius:18px;background-color:rgba(54, 23, 206, 0.07)}
.rental-wrap .tab-linker ul li a[aria-selected="true"]{color:#fff;border-radius:18px;box-shadow:2px 5px 10px 0 rgba(54, 23, 206, 0.3);background-color:#3617ce}
.rental-wrap .head-wrap h3{font-size:16px;font-weight:700;line-height:20px; color:#1A1A47}
.rental-wrap .subscribe-list{padding-bottom:32px}
.rental-wrap .subscribe-list:last-child{padding-bottom:0}
/* SSMCM-5831 : 플러스샵 구조 개선 */
/* .rental-wrap .rental-banner-list ul{display:flex; margin-left:-8px;}
.rental-wrap .rental-banner-list ul li{overflow:hidden; flex:0 50%; margin:12px 0 0 8px; border-radius:8px;box-shadow:2px 5px 10px 0 #ebefff}
.rental-wrap .rental-banner-list ul li img{vertical-align:top;} */
.rental-wrap .rental-banner-list ul{width:100%; margin-left:-8px; overflow:hidden;}
.rental-wrap .rental-banner-list ul li{float:left; width:calc(50% - 8px); margin:12px 0 0 8px; border-radius:8px; box-shadow:2px 5px 10px 0 #ebefff; overflow:hidden;}
.rental-wrap .rental-banner-list ul li img{vertical-align:top;}
/* //SSMCM-5831 : 플러스샵 구조 개선 */
/*===================================================== 해상도별 체크 ======================================================================= */
@media all and (max-width:20rem) { /* 320px */
.ssc-rbox .list-ico > ul > li {padding-right:0}
.myuse-ssc-wrap .detail-ssc-area .detail-head .rgt .row-optbtn > span {margin-left:4px}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info .subinfo-txt {white-space:inherit}
}
@media all and (max-width:17.5rem) { /* 280px */
/* .tod-ssc-bnf-icon .bnf-icon-box > ul > li .logo .icon-wrap {max-width:4.188rem} SSMCM-3808 :삭제 */
.rgt-btn {display:flex;flex:0 0 auto}
.tod-sscBody .unvspass-cp-list > li .unvspass-cp {padding:10px}
.tod-sscBody .unvspass-cp .cp-discount {padding-left:6px;margin-left:6px}
.tod-sscBody .ssc-list.use-ssc .ssc-item .ico + p {padding-right:0}
.myuse-his-box .use-subsc-item .item-row {display:block}
.myuse-his-box .use-subsc-item .item-row .rgt-cell {display:block;padding-left:48px;margin-top:6px;text-align:left}
.myuse-his-box .use-subsc-item .item-row .rgt-cell .btn-underline {text-align:left}
.myuse-his-box .use-subsc-item .include-item .item-row .rgt-cell {padding-left:40px}
.myuse-ssc-wrap .item-ssc-area .ssc-tag {margin-left:0}
.my-cont-box .tab-area .tab-linker > ul > li button, .my-cont-box .tab-area .tab-linker > ul > li a {padding:0}
}
/* 우주 구독 이벤트 & 프로모션 컨텐츠 영역 */
.subsc-evt-wrap {position:relative}
.subsc-evt-wrap .evt-content {position:relative}
.subsc-evt-wrap .evt-content .content-box {vertical-align:top}
.subsc-evt-wrap .evt-content .content-box img {display:block;width:100%;line-height:0;font-size:0}
.subsc-evt-wrap .evt-content .content-box .btn-block {position:relative;display:block;width:100%;text-align:center}
.subsc-evt-wrap .evt-content .content-box .btn-block a {position:relative;display:inline-block;vertical-align:top}
/* 220506 SSMCM-3465 버블영역 개선_카테고리 추가 */
/* SSMCM-3808 :스타일재설정 및 추가 */
.bubble-wrap{background:#ebeef4}
.bubble-wrap .top-area .tit{padding:3.75rem 1.25rem 0;margin:0;text-align:center;font-size:1.75rem;line-height:2.063rem;color:#1A1A47;font-weight:700}
.bubble-wrap .top-area .desc{text-align:center;margin-top:0.75rem;font-size:1.063rem;color:#1A1A47;opacity:.7}
.bubble-wrap .tab-bubble-top{text-align:center;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;height:112px;position:static;padding:10px 0}
.bubble-wrap .tab-bubble-top .tab-category{display:inline-block;width:260px}
.bubble-wrap .tab-bubble-top .tab-category li{display:inline-block;margin:5px}
.bubble-wrap .tab-bubble-top .tab-category li a{display:inline-block;font-size:13px;font-weight:bold;color:#3617ce;line-height:36px;padding:0 18px;height:36px;border-radius:18px;box-shadow:5px 5px 10px 0 rgba(54, 23, 206, 0.06);background-color:#fff}
.bubble-wrap .tab-bubble-top .tab-category li.on a{color:#fff;box-shadow:2px 5px 10px 0 rgba(54, 23, 206, 0.15);background-color:#3617ce}
.bubble-wrap .tab-bubble-top.sticky{height:56px;background:#f6f6fa;z-index:2;overflow-x:auto;width:100%;padding:0 1.25rem;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.05)}
.bubble-wrap .tab-bubble-top.sticky::-webkit-scrollbar{display:none}
.bubble-wrap .tab-bubble-top.sticky ul{overflow:hidden;white-space:nowrap;width:auto}
.bubble-wrap .tab-bubble-top.sticky ul li{line-height:56px;margin:0 5px;display:inline-block;width:auto}
.bubble-wrap .sub-area{padding:40px 1.25rem 0}
.bubble-wrap .sub-area .tab-cont .tab-tit{display:inline-block;color:#fff;background:#8971ff;border-radius:10px;padding:2px 8px;font-size:11px;margin-bottom:6px}
.bubble-wrap .sub-area .tab-cont .sub-title .tit{font-size:20px;color:#1A1A47}
.bubble-wrap .sub-area .tab-cont .sub-title .desc{margin-top:5px;font-size:13px;color:#3617ce;letter-spacing:0}
.bubble-wrap .sub-area .tab-cont .bubble-list{padding:30px 0 50px}
.bubble-wrap .sub-area .tab-cont .bubble-list ul{display:flex;flex-wrap:wrap;gap:20px 5.5%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li{width:20.8%;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li a{display:inline-block;position:relative;width:65px;/* width:98%;*/} /* 이미지사이즈 고정으로변경 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li a .img{display:inline-block;border-radius:100%;box-shadow:5px 10px 20px 0 rgba(0, 0, 0, 0.05);position:relative}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li a .name{display:inline-block;font-size:12px;margin-top:12px;height:32px;width:100%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont{position:relative;display:none;position:relative;margin-top:34px;width:480%;padding:30px 20px;box-sizing:border-box;text-align:left;border-radius:1rem;box-shadow:5px 10px 30px 0 rgba(0, 0, 0, 0.05);background:#fff}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(4n+2) .toggle-cont{left:-126.5%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(4n+3) .toggle-cont{left:-253%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(4n+4) .toggle-cont{left:-380%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .tit{font-size:14px;line-height:1.25rem;letter-spacing:-.4px;color:#1A1A47;padding-right:20px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .tit strong{font-size:16px;font-weight:bold;line-height:20px;margin-top:5px}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-exp{margin-top:10px}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .noti-warn{padding-right:30px;color:#ff404e;font-size:0.8125rem;font-weight:700;line-height:1.125rem}/* 220518 수정 margin-top:20px;삭제 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .noti-warn + .tit{margin-top:3px}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner{margin-top:20px;font-size:13px;line-height:16px;letter-spacing:-.37px;color:#3617ce}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .bul-list{font-size:13px;line-height:20px;letter-spacing:-.4px;color:#686c7c;width:100%;display:inline-block;padding-top:10px}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .bul-list li{width:100%;position:relative;color:#686c7c;padding-left:13px;text-align:left}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .bul-list li::after{content:'・';display:block;position:absolute;left:0;top:0}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .dash-list,
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .star-list{display:inline-block;width:100%}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .dash-list li,
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .star-list li{padding-left:10px}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .dash-list li::after{content:'-'}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .star-list li::after{content:'*'}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .btn.gost{border-radius:14px;border:solid 1px #3617ce;background-color:#3617ce;height:28px;line-height:28px}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .btn.gost span{font-size:13px;font-weight:bold;color:#fff;height:28px;line-height:28px;display:inline-block}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .btn.gost span::after{border-top:1px solid #fff;border-right:1px solid #fff}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .close{position:absolute;top:20px;right:20px;width:20px;height:20px;display:block;background:url(/img/btn-close.svg) no-repeat center / 16px;font-size:0;color:#fff}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .icon-new{top:-2px;right:-6px}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on a:before{content:'';position:absolute;bottom:-34px;left:50%;z-index:1;width:0;height:0;margin-left:-10px;border-style:solid;border-width:9px 10px;border-color:#ebeef4 #fff #fff #ebeef4}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on .img img{position:relative;z-index:2}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on .icon-new{z-index:2}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .img::after{position:absolute;width:0;height:0;content:'';display:block;opacity:0;top:50%;left:50%;border-radius:50%;z-index:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:all 0.3s;-webkit-transition:all 0.3s}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on .img::after{width:calc(100% + 4px);height:calc(100% + 4px);opacity:1;border:2px solid #3617ce}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on .toggle-cont{display:block}
/* // SSMCM-3808 :스타일재설정 및 추가 */
/* //220506 SSMCM-3465 버블영역 개선_카테고리 추가*/
/* 220510 SSMCM-3596 우주패스all과 싱크 맞춤 */
/* SSMCM-3808 :스타일재설정 및 추가 */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light{background:#ebeef4}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .tit,
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .ps{color:#1A1A47 !important}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li.on .logo .icon-wrap:before{content:'';position:absolute;top:auto;bottom:-34px;left:50%;z-index:1;background:none;width:0;height:0;margin-left:-10px;border-style:solid;border-width:9px 10px;border-color:#ebeef4 #fff #fff #ebeef4}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .logo .icon-wrap .icon span{border:none;box-shadow:5px 10px 20px 0 rgba(0, 0, 0, 0.05)}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .logo .icon-wrap .icon::after{width:107%;height:107%;background:none;border:2px solid #3617ce}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .logo .icon-wrap .name{color:#1A1A47;margin-top:12px} /* 220518 수정 :margin-top 추가 */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box{box-shadow:5px 10px 30px 0 rgb(0 0 0 / 5%);background:#fff;margin-top:34px;padding:30px 20px}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box.n2 ul li .box::after{background:none;width:0;height:0}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .close{position:absolute;top:20px;right:20px;width:20px;height:20px;display:block;background:url(/img/btn-close.svg) no-repeat center/16px;font-size:0;color:#fff}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dt{font-size:13px;line-height:16px;letter-spacing:-.37px;color:#3617ce;background:none;border-radius:0;padding:0;margin:0;font-weight:bold} /* 220518 수정 font-weight 추가 */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd{font-size:13px;line-height:20px;letter-spacing:-.4px;color:#686c7c;width:100%;display:inline-block;padding:0;margin-left:0;opacity:1}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd::after{display:none}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list{font-size:13px;line-height:20px;letter-spacing:-.4px;color:#686c7c;width:100%;display:inline-block;padding-top:10px}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list li{width:100%;position:relative;color:#686c7c;padding-left:13px;box-sizing:border-box;-webkit-box-sizing:border-box}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list li::after{content:'・';display:block;position:absolute;left:0;top:0}
/* SSMCM-4700 :5GX */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list li.rs_li{padding:0}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list li.rs_li::after{content:''}
/* //SSMCM-4700 :5GX */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .dash-list li,
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .star-list li{padding-left:10px}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .dash-list li::after{content:'-'}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .star-list li::after{content:'*'}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .btn.gost{border-radius:14px;border:solid 1px #3617ce;background-color:#3617ce;height:28px;line-height:28px}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .btn.gost span{font-size:13px;font-weight:bold;color:#fff;height:28px;line-height:28px;display:inline-block}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .btn.gost span::after{border-top:1px solid #fff;border-right:1px solid #fff}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .logo .icon-wrap .name{height:34px;font-size:12px}
/* SSMCM-3808 :미디어쿼리 280 위치변경 */
@media all and (max-width:17.5rem) { /* 280px */
.bubble-wrap .tab-bubble-top{padding:10px 0}
.bubble-wrap .tab-bubble-top .tab-category li a{padding:0 15px}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li{width:29.5%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li a{width:67px} /* SSMCM-3808 :추가 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont{width:340%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(3n+1) .toggle-cont{left:0}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(3n+2) .toggle-cont{left:-119%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(3n+3) .toggle-cont{left:-237%} /* 220516 수정 */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box.n2 > ul > li .logo .icon-wrap .icon{max-width:4.188rem;max-height:4.188rem} /* SSMCM-3808 :추가 */
}
/* // SSMCM-3808 :스타일재설정 및 추가 */
/* //220510 SSMCM-3596 우주패스all과 싱크 맞춤 */
/* 220517 SSMCM-3206 TBD 작업 */
.benefit-package-area{padding:1.875rem 1.25rem 2.5rem;margin:0 -1.25rem;background-color:#f6efff}
.benefit-package-area .my-tit-wrap{margin-bottom:1.875rem}
.discount-box-area{padding:1.75rem 0;background-color:#fff;border-radius:15px;box-shadow:0 4px 8px rgba(91,91,91,0.15);position:relative}
.discount-box-area + .discount-box-area{margin-top:1.845rem}
.discount-month{height:30px;padding:0 24px;background-color:#3617ce;border-radius:15px;
font-size:13px;color:#fff;line-height:30px;
transform:translateX(-50%);position:absolute;left:50%;top:-15px;
}
.discount-price-list{display:flex;align-items:center;justify-content:center}
.discount-price-list li{width:50%;text-align:center;position:relative}
.discount-price-list li:before{content:"";width:10px;height:17px;background-image:url("../img/arrow-purple.svg");background-size:100% 100%;position:absolute;left:0;top:50%}
.discount-price-list li:first-child:before{display:none}
.discount-price-list strong{display:block;margin-top:7px;font-size:18px;color:#3617ce;font-weight:700}
.discount-price-list .normal-price{color:#1A1A47;text-decoration:line-through}
.discount-tit{font-size:13px}
.note-accor-area{margin-left:-1.25rem;margin-right:-1.25rem}
.next-payment-txt{margin-top:1.25rem;color:#686c7c}
/* 나의구독 메인 */
.new-cont-box .my-subsc-area {position:relative;margin-top:0;padding-bottom:2.5rem}
.new-cont-box .my-subsc-area::after {content:'';display:block;position:absolute;right:0;bottom:0px;left:0;height:2px;margin-left:-1.25rem;background:url(/img/line-inner2.svg) center center repeat-x}
.new-cont-box .my-aticle .my-new-tit {margin-bottom:14px}
.new-cont-box .my-aticle .my-new-tit::after{content:'';display:block;clear:both}
.new-cont-box .my-aticle .my-new-tit .txt {margin-top:2px;font-size:0.875rem;line-height:1.25rem;font-weight:400;color:#3617ce}
.new-cont-box .my-aticle .my-new-tit u {line-height:1.25rem;font-size:0.875rem;color:#686c7c;float:right;margin-top:4px}
.new-cont-box .my-aticle .my-new-tit u em {color:#3617ce}
.new-cont-box .cost-won {font-weight:bold;line-height:1}
.new-cont-box .my-aticle .t-restart {height:2.875rem;margin:1.25rem auto;border-radius:1.625rem;background-image:linear-gradient(to bottom, #3617ce, #3617ce), linear-gradient(98deg, #bf4feb 0%, #5427c3)}
.new-cont-box .my-aticle .t-restart > button {width:100%;height:100%;color:#fff;background-color:#3617ce;font-size:0.875rem;text-align:center;vertical-align:top;border-radius:1.625rem}
.new-cont-box .my-aticle .goudok-tit p {text-align:center;font-size:1.125rem;font-weight:bold;font-stretch:normal;line-height:normal;letter-spacing:normal}
.new-cont-box .my-aticle .goudok-tit .guodok {height:2.875rem;margin:1.25rem auto;border-radius:1.625rem;background-color:#fff;box-shadow:4px 7px 10px 0 #dde0e2;text-align:center;line-height:46px;font-size:0.813rem;font-weight:bold}
.new-cont-box .my-aticle .goudok-tit .guodok span {font-weight:bold}
.new-cont-box .myuse-his-box.my-sub-box{position:relative;margin-top:40px;padding-top:10px}
.new-cont-box .myuse-his-box.my-sub-box::before {content:'';position:absolute;top:0;right:0;left:0;width:calc(100% + 2.5rem);height:2px;margin-left:-1.25rem;background:url(/img/line-inner2.svg) center center repeat-x}
.new-cont-box .myuse-his-box.my-sub-box .my-aticle:first-child{line-height:0.125rem}
.new-cont-box .myuse-his-box.my-sub-box .use-subsc-item .main-item .item-row{position:relative;flex:1}
.new-cont-box .myuse-his-box.my-sub-box .use-subsc-item .item-row .lft-cell{align-items:center}
.new-cont-box .myuse-his-box.my-sub-box .use-subsc-item .main-item .item-row .lft-cell .ico{min-width:40px}
.new-cont-box .myuse-his-box.my-sub-box .use-subsc-item .main-item .item-row .btn-link-detail{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.new-cont-box .myuse-his-box.my-sub-box .use-subsc-item .item-row .lft-cell .btn-link-detail::before{position:absolute;top:50%;transform:translateY(-50%);left:auto;right:0;content:'';display:inline-block;margin-left:0.125rem;width:0.875rem;height:0.875rem;background:url(/img/btn-arrow-14.svg) center center no-repeat;background-size:0.875rem}
.cont-box.new-cont-box .user-info-area{margin:-30px -16px 0;padding:30px 16px 0;background:#fff}
.cont-box.new-cont-box .user-info-area .user-info-name{font-size:1.25rem;font-weight:bold}
.my-cont-box .tab-area .tab-linker.tab-main{height:auto;margin:0 -1rem;padding:16px;text-align:center;border-bottom:1px solid #e2e2f0;background:#fff}
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > .square-type{position:static;display:flex; justify-content: center; padding:0;border:none;text-align:center;background:none;text-align:center}
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > .square-type:before{display:none}
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > .square-type > li{display:inline-block;width:72px;height:auto;margin:0 5px}
/* .cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > .square-type > li.tag-new::before{content:'';display:inline-block;position:absolute;top:8px;left:8px;width:24px;height:24px;background:url(/img/ico-tag-new-24.png) 0 0} 접근성이슈로 페이지에 new 태그추가 */
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > .square-type > li .ico-tag-new{position:absolute;display:inline-block;width:11px;height:11px;top:2px;right:8px;background-color:#ff404e;border-radius:50%;border:solid 1px #fff}
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > .square-type > li > a{background-color:transparent;border-radius:0;box-shadow:none;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#3e3e52;font-weight:700;border:none}
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > .square-type > li > .btn-arr{border:none}
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > .square-type > li > a .ico-tab{width:56px;height:56px;margin-bottom:8px}
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > .square-type > li > a span{color:#3e3e52;font-weight:700;font-size:12px;white-space:nowrap;line-height:15px} /* white-space:nowrap;수정 */
.cont-box.new-cont-box .my-article-tit .tag-new .ico-tag-new{display:inline-block;margin-left:0.25rem;width:16px;height:16px}
.cont-box.new-cont-box .my-article-tit .tag-new .ico-tag-new img{vertical-align: top;}
.cont-box.new-cont-box .my-article-tit .ico-tag-new{display:none;width:11px;height:11px;border-radius:50%;vertical-align:middle}
.cont-box.new-cont-box .bt-arr.tag-new span{padding-right:0.6375rem}
.cont-box.new-cont-box .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item > p{color:#686c7c;justify-content:space-between;font-size:12px;font-weight:400}
.cont-box.new-cont-box .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item > p span{color:#1A1A47}
.cont-box.new-cont-box .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info .txtComp{position:absolute;top:50%;right:0;margin-top:-9px;color:#3E3E52;font-size:12px}
.cont-box.new-cont-box .myuse-his-box .use-subsc-item .item-row .rgt-cell .item-rgt-txt{color:#686c7c;font-size:12px}
.cont-box.new-cont-box .myuse-his-box .use-subsc-item .item-subinfo-txt{color:#686c7c;font-size:12px;padding:2px 0 2px 0}
/* .cont-box.new-cont-box .myuse-his-box .use-prod-package .use-subsc-item .main-item{margin-bottom:12px}
.cont-box.new-cont-box .myuse-his-box .use-prod-package .use-subsc-item .main-item .item-row .lft-cell .item-info + .btn-link-detail::before{content:'';display:inline-block;position:absolute;top:50%;transform:translateY(-50%);left:auto;right:0;margin-left:0.125rem;width:20px;height:20px;background:url(/img/comm_2022/spr_ico.svg) no-repeat -133px 0} */
.cont-box.new-cont-box .myuse-his-box .use-prod-package .use-subsc-item .main-item .item-row .lft-cell .item-info + .btn-link-detail::before{content:none}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon{padding-bottom:16px; height: auto;} /*(s)SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영*/
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-body .badge-wrap + .brand{margin-top:8px}
/* 220619 말줄임 삭제
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-body .coupon-info .coupon-name{position:relative;display:block;font-weight:bold;font-size:1rem;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
*/
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-body .coupon-info .coupon-name{position:relative;display:block;font-weight:bold;font-size:0.875rem; text-decoration: underline;}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-body .coupon-info .coupon-name .ico-cp-arr{display:inline-block;width:20px;height:20px;margin-top:-3px;background:url(/img/comm_2022/spr_ico.svg) no-repeat -134px 0;vertical-align:middle}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-body .coupon-date{font-size:0.75rem;color:#686c7c;}
/*(s)SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영*/
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot{display:block; position: relative; padding: 16px 16px; width:100%;text-align:center; height: 100%; }
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-txt{width:100%; }
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-txt .name-area{margin-bottom:16px;font-weight:700;font-size:12px; line-height:normal;}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-txt .gift-cp-txt{font-size:0.875rem}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-btn-wrap {margin-top: 16px; white-space: nowrap;}
/*(E)SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영*/
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-btn-wrap.two-ssc button{ margin-right:10px}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-btn-wrap .bt-ssc-line{color:#1a1a47;font-weight:700;border:1px solid #e2e2f0;background-color:#fff}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-btn-wrap .bt-ssc{font-weight:700;border:1px solid #3617ce;background-color:#fff;color:#3617ce; white-space: nowrap;}
.random-num-area .copy-btn {overflow:hidden;text-indent:-9999px;width:20px;height:20px;margin:-1px 0 0 4px;background:url(/img/comm_2022/ico_num_copy.svg) no-repeat;vertical-align:3px}
.random-num-area .copy-btn .ico-copy-btn{width:14px;height:14px;background-color:red;display:inline-block;vertical-align:middle;background:url(/img/ico-copy-coupon.png) no-repeat;background-size:0.875rem;margin-right:2px}
/*
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon::after,
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon::before{content:none}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot::after{
content:'';
position:absolute;
right:-25px;
top:-10px;
width:4px;
height:18px;
background-color:#f6f8fa;
z-index:2;
}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-txt::before,
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-txt::after{
content:'';
position:absolute;
top:-10px;
width:16px;
height:16px;
border:1px solid #dedede;
border-radius:10px;
background:#f6f8fa;
box-shadow:inset 0 2px 4px 0 rgb(221 224 226 / 50%);
z-index:2;
}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-txt::before{left:-30px}
.cont-box.new-cont-box .coupon-box.new-coupon-box .coupon .cp-foot .cp-foot-txt::after{right:-30px}
*/
.cont-box.new-cont-box .rbox{box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08)}/* SSMCM-4431 border 추가 */
.cont-box.new-cont-box .rbox.disabled{}/* SSMCM-4431 disabled 추가 */
.cont-box.new-cont-box .rbox .packwrap .disc-txt{font-size:14px;color:#ff404e;font-weight:700; text-decoration: underline;}
.cont-box.new-cont-box .rbox .packwrap .disc-txt .rbadge{position:absolute;bottom:0px;right:0;padding:0 5px;height:16px;color:#fff;font-size:8px;line-height:14px;font-weight:700;border-radius:2px;border:1px solid #ff404e;background:#ff404e}
.cont-box.new-cont-box .rbox .packwrap .disc-txt .rbadge.badge-revers-fred{color:#ff404e;background:#fff}
.cont-box.new-cont-box .rbox .packwrap .disc-txt .rbadge.badge-gray{border-color:#686c7c;color:#686c7c;background:#fff}
/*(s)SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영*/
.cont-box.new-cont-box .rbox .packwrap .coupon-name{font-size:12px;color:#3e3e52;margin:7px 0 0px}
.cont-box.new-cont-box .rbox .packwrap .coupon-date{margin-top:10px;margin-bottom:-7px;padding:8px 0 0;border-top:1px dashed #e2e2f0;font-size:12px;color:#686c7c; min-height: 28px; display: flex; justify-content: space-between; align-items: center; flex-direction: row;
word-break: break-all;}
.cont-box.new-cont-box .rbox .packwrap .coupon-date .send-data {width: 75%; }
.cont-box.new-cont-box .rbox .packwrap .coupon-date .giftBadge { bottom: auto;}
/* (E) SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영*/
.cont-box.new-cont-box .rbox .packwrap .trg-link{top:0;font-size:0.8125rem;color:#1A1A47;padding-right:1rem}
.cont-box.new-cont-box .rbox .packwrap .trg-link:after{width:0.3125rem;height:0.5rem;background:url(/img/btn-arrow-5.png) no-repeat;margin-top:0;top:50%;transform:translateY(-50%);right:5px}
.cont-box.new-cont-box .rbox .packwrap .btn-arr-rgt{position:absolute;top:0;right:0;color:#3E3E52; font-size:12px;}/*SSMCM-4548 :버튼 위치 수정*/
/* .cont-box.new-cont-box .tab-linker{padding-bottom:2.5rem;position:relative} */
.cont-box.new-cont-box .my-aticle:first-child{margin-top:0}
.cont-box.new-cont-box .my-aticle{position:relative;margin-top:2.5rem}
.popup-page .cont-box.new-cont-box .my-aticle{margin-top:0;padding-bottom:0}
/* .cont-box.new-cont-box .tab-linker::after,
.cont-box.new-cont-box .my-aticle::after{content:'';display:block;position:absolute;bottom:0px;left:0;width:120%;height:2px;margin-left:-20px;background:url(/img/line-inner2.svg) center center repeat-x}
*/
.cont-box.new-cont-box .my-aticle:last-child{padding-bottom:0}
.cont-box.new-cont-box .my-aticle:last-child::after{content:none}
.cont-box.new-cont-box .my-aticle .my-article-tit .tit{font-weight:bold}
.cont-box.new-cont-box .swiper-box.cht-box .slick-dots{margin-bottom:0}
.cont-box.new-cont-box .btn-arr > span:after{content:none}
.btn-payment{margin-top:16px}
.btn-payment .bt-shadow{color:#fff;font-weight:700;border-radius:4px;border:1px solid #361fce;background:#361fce}
.btn-payment .bt-shadow.line{background-color:#fff; color:#361fce;}
.cont-box.new-cont-box .no-cp-data{position:relative;background-color:#fff;padding:92px 16px 24px;text-align:center;color:#3E3E52;font-size:0.875rem;font-weight:700;border-radius:8px;box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08)}
.cont-box.new-cont-box .no-cp-data:before{content:'';display:block;position:absolute;top:50%;left:50%;width:44px;height:44px;margin-top:-22px;margin-left:-22px;background:url(/img/comm_2022/ico_noSubscrip_cp.png) no-repeat;top:32px;margin-top:0;background-size:100% 100%}
.cont-box.new-cont-box .no-cp-data.no-cp-data-plus{padding:73px 16px 24px}
.cont-box.new-cont-box .no-cp-data.no-cp-data-plus:before{content:'+';top:19px;width:44px;height:44px;background:#f5f5fa;border-radius:50%;font-size:20px;font-weight:700;line-height:44px}
/* 구독 메인 공유하기 */
.familyShareWrap {text-align:center;margin:0 0 12px}
.familyBtnWrap { margin-top:16px;display:flex;justify-content:center}
.familyBtnWrap .familyBtn{ position:relative}
.familyBtnWrap .familyBtn .btnS{display:inline-block;height:28px;color:#3617CE;font-weight:700;border:1px solid #3617CE;border-radius:28px}
.familyBtnWrap .familyBtn + .familyBtn { margin-left:8px}
.familyBtnWrap .btnS {position:relative;display:inline-block;width:116px;padding:0 11px 0 34px;letter-spacing:-0.05em}
.familyBtnWrap .btnS:before{content:'';display:block;position:absolute;top:50%;left:14px;width:16px;height:16px;margin-top:-8px;background:url(/img/comm_2022/spr_mypage.svg) no-repeat -30px -59px}
.familyBtnWrap .icoFamily .btnS:before{background-position:-66px -59px}
.familyBtnWrap .btnS:disabled{border-color:#D3D6E6;color:#D3D6E6;background:#fff}
.familyBtnWrap .icoMember .btnS:disabled:before{ background-position:-47px -59px}
.familyBtnWrap .btnS.disabled { background-color:#fff;color:#D3D6E6;border-color:#D3D6E6}
.familyBtnWrap .btnS.disabled .icoMember { background-position:-47px -59px}
.familyBtnWrap .btnS.disabled::before { background-position:-47px -59px}
.familyShareWrap > p{margin-top:22px;line-height:1.28}
.familyShareWrap > p.txtFamily{position:relative;margin-top:12px;padding-left:17px;color:#ff404e;font-size:12px;text-align:left}
.familyShareWrap > p.txtFamily:before{content:'※';display:block;position:absolute;top:0;left:0;}
.familyBtnWrap .familyBtnCont{ position:relative;top:7px;margin-bottom:8px;padding:2px 6px 0;line-height:20px;background-color:#8e95a5;color:#fff;font-size:0.625rem;border-radius:2px;letter-spacing:-0.25px;left:50%; transform:translateX(-50%);white-space:nowrap;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);} /* 접근성 수정 */
.familyBtnWrap .familyBtnCont::before { content:'';display:block;position:absolute;top:-3px;left:50%;margin-left:-8px;width:0px;height:0px;border-bottom:8px solid #8e95a5 ;border-left:8px solid transparent;border-right:8px solid transparent} /* 접근성 수정 */
.familyBtnWrap.double .familyBtnCont { width:120%;left:-12px}
.colPointR{color:#FF404E}
.familyTipBtn { display:inline-block;width:24px;height:16px;margin-left:4px;vertical-align:middle;margin-top:-4px;background:url(/img/comm_2022/spr_ico.svg) no-repeat -122px -26px;font-size:0}
/* SSMCM-7565 : YouTube Premium 신규 상품 출시 */
.youtubeTipBtn { position: absolute;display:inline-block;width:24px;height:16px;top:28px;right: 16px;vertical-align:middle;background:url(/img/comm_2022/spr_ico.svg) no-repeat -122px -26px;font-size:0;transform: translateY(-50%);}
/* 제휴사 혜택 쿠폰 */
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker > ul > li a{padding:0}
.cont-box.new-cont-box .coupon-tit{font-size:1rem;color:#1A1A47;margin:20px 0 10px;font-weight:bold}
.cont-box.new-cont-box .random-num-area{color:#1a1a47;font-size:20px;font-weight:400}
.cont-box.new-cont-box .barcode-area{padding:0 40px;height:40px;margin:0 auto}
.cont-box.new-cont-box .barcode-area img,
.cont-box.new-coupon-view .barcode-area img{width:100%;height:100%}
.cont-box.new-cont-box .barcode-area + .random-num-area{margin-top:8px;font-size:12px;color:#3e3e52}
/* 구독정보 */
.tod-sscBody .cont-box.new-cont-box .unvspass-cp .ssc-tag{display:inline-block;line-height:1.25rem}
.cont-box.new-cont-box .new-article-tit{margin-top:24px}
.cont-box.new-cont-box .txt-invalid{color:#ff404e;font-size:0.75rem;margin-top:6px}
.cont-box.new-cont-box .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .btn-detail-item{width:auto;margin-right:6px}
.cont-box.new-cont-box .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .btn-modify{height:1.375rem;border:1px solid #1A1A47;color:#1A1A47;padding:0 0.5rem;box-sizing:border-box;border-radius:0.875rem;vertical-align:middle}
.cont-box.new-cont-box .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .btn-modify:disabled{background:#f5f5f5;color:#9f9f9f;border-color:#f5f5f5}
/* 쿠폰 적용 및 관리 */
.cont-box.new-cont-box .used-coupon .tit-wrap{margin:24px 0 12px}
.cont-box.new-cont-box .used-coupon:first-child .tit-wrap{margin-top:0}
.cont-box.new-cont-box .used-coupon .coupon-tit{margin:0}
.cont-box.new-cont-box .used-coupon .coupon-name{margin:7px 0 0;font-size:12px;}
.cont-box.new-cont-box .used-coupon .no-used-coupon{font-size:0.875rem;color:#3E3E52;text-align:left}
.cont-box.new-cont-box .used-coupon .coupon-desc{font-size:0.75rem;color:#686c7c;margin-top:8px}
.cont-box.new-cont-box .ssc-allagree .ssc-agree-cont .checkbox.type01{padding-right:0}
.cont-box.new-cont-box .used-coupon .coupon-name + p .cp-status,
.cont-box.new-cont-box .used-coupon .coupon-name + p .cp-date{display:block;margin-top:16px;margin-bottom:-8px;padding-top:8px;border-top:1px dotted #e2e2f0;font-size:0.75rem;color:#686C7C}
.cont-box.new-cont-box .used-coupon .coupon-name + p .cp-date{min-height: 16px;}
/* 순서 편집 및 예약 취소 */
.cont-box.new-cont-box .order-edit .order-edit-list .unvspass-cp{display:block}
.cont-box.new-cont-box .order-edit .order-edit-list .order-cancle-btn{padding-right:14px;font-size:12px;color:#3E3E52;position:absolute;right:0;top:0}
.cont-box.new-cont-box .order-edit .order-edit-list .order-cancle-btn:after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:14px;margin:-7px 0 0 0;background:url(/img/comm_2022/spr_ico.svg) no-repeat -120px 0}
.cont-box.new-cont-box .order-edit .order-edit-list .coupon-name{font-weight:bold;margin-top:7px;font-size:12px;color:#686C7C;font-weight:400}
.cont-box.new-cont-box .order-edit .order-edit-list.on .coupon-name{width:85%}
.cont-box.new-cont-box .order-edit .order-edit-list.on{border:1px solid #3617ce;border-radius:0.5rem}
.cont-box.new-cont-box .order-edit .order-edit-list .order-rgt-btn-wrap{display:none}
.cont-box.new-cont-box .order-edit .order-edit-list.on .order-rgt-btn-wrap{width:38px;height:100%;border-left:1px solid #dedede;position:absolute;top:50%;transform:translateY(-50%);right:0;display:flex;flex-direction:column;background-color:#f6f8fa;border-radius:0 8px 8px 0}
.cont-box.new-cont-box .order-edit .order-edit-list.on .order-up-btn{width:100%;height:50%;position:relative}
.cont-box.new-cont-box .order-edit .order-edit-list.on .order-up-btn::after { content:'';display:block;content:'';display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px;background:url(/img/comm_2022/spr_ico.svg) no-repeat -26px 0;transform:rotate(-90deg)}
.cont-box.new-cont-box .order-edit .order-edit-list.on .order-down-btn{width:100%;height:50%;border-top:1px solid #dedede;position:relative}
.cont-box.new-cont-box .order-edit .order-edit-list.on .order-down-btn::after { content:'';display:block;content:'';display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px;background:url(/img/comm_2022/spr_ico.svg) no-repeat -26px 0;transform:rotate(90deg)}
.cont-box.new-cont-box .order-edit .bt-slice{margin-top:20px}
.cont-box.new-cont-box .order-edit .order-edit-list.on .order-cancle-btn{right:40px}
.cont-box.new-cont-box .order-edit .order-info-top{color:#ff404e;font-weight:700;position:relative}
/* 쿠폰 추가 등록하기 */
.ssc-allagree.coupon-add-area .bt-slice{margin-top:20px}
.ssc-allagree.coupon-add-area .ssc-agree-cont{background-color:transparent;padding:0;box-shadow:0 0 0}
.ssc-allagree.coupon-add-area .ssc-agree-cont li{position:relative;width:100%;box-sizing:border-box;display:inline-block;padding:16px 16px 16px 16px;border:1px solid #dedede;background-color:#fff;border-radius:8px;box-shadow:0}
.ssc-allagree.coupon-add-area .ssc-agree-cont li + li{ margin-top:10px} /*SSMCM-4431 :간격 수정*/
.ssc-allagree.coupon-add-area .ssc-agree-cont li .btnTopPos{position:absolute; top:0; right: 0; padding:16px 16px 5px 0;}
.ssc-allagree.coupon-add-area .ssc-agree-cont .checkbox.type01:before{margin-top:-8px;top:50%;transform:translateY(-50%);left:0}
.ssc-allagree.coupon-add-area .ssc-agree-cont .coupon-name{margin:12px 0 6px;font-weight:bold}
.ssc-allagree.coupon-add-area .ssc-agree-cont .cp-status,
.ssc-allagree.coupon-add-area .ssc-agree-cont .cp-date{font-size:0.875rem;color:#686c7c;font-weight:400;line-height:1.28}
.ssc-allagree.coupon-add-area .ssc-agree-cont .txt-agree{padding:0 0 0 12px}
.ssc-allagree.coupon-add-area .ssc-agree-cont li.disabled{background-color:#f6f8fa;opacity:.6}
.ssc-allagree.coupon-add-area .ssc-agree-cont li.disabled .btnTopPos{pointer-events: none;}
.ssc-allagree.coupon-add-area .ssc-agree-cont .txt-agree > p{color:#ff404e;font-weight:700}
.ssc-allagree.coupon-add-area .ssc-agree-cont .txt-agree > .coupon-name{margin-top:7px;font-size:0.75rem;color:#3e3e52;font-weight:400}
.ssc-allagree.coupon-add-area .ssc-agree-cont .txt-agree > .coupon-name + p .cp-status,
.ssc-allagree.coupon-add-area .ssc-agree-cont .txt-agree > .coupon-name + p .cp-date{display:block;margin-top:16px;margin-bottom:-8px;padding-top:8px;border-top:1px dashed #e2e2f0;font-size:0.75rem;color:#686C7C}
.ssc-allagree.coupon-add-area .ssc-agree-cont .checkbox.type01{padding-top:0;padding-bottom:0}
.ssc-bottom .rbadge{height:16px;font-size:0.5rem !important;line-height:16px;position:absolute;right:16px;bottom:8px}
.tod-sscBody .ssc-bottom .unvspass-cp-list > li .unvspass-cp .packwrap{flex-grow:1}
.tod-sscBody .ssc-bottom .unvspass-cp-list > li .unvspass-cp .packwrap > p:first-child{color:#ff404e; font-weight:700;}
.ssc-bottom .cont-box.new-cont-box .ssc-allagree .ssc-agree-cont .checkbox.type01 .rbadge{right:0;bottom:0}
.inputbox.inp-btn.btnCouponAdd{position:relative}
.inputbox.inp-btn.btnCouponAdd .input{display:block}
.inputbox.inp-btn.btnCouponAdd .input input::placeholder{color: #8e95a5;} /* 접근성 수정 */
.inputbox.inp-btn.btnCouponAdd .bt-box{transform:translateY(-50%);position:absolute;right:0;top:50%}
.inputbox.btnCouponAdd .bt-box button{min-width:44px;width:44px;height:28px;padding:0;border-radius:14px;font-size:0.75rem;line-height:28px}
.inputbox.btnCouponAdd .input .cancel{right:40px}
.inputbox.btnCouponAdd .bt-box.input-bt-ssc button{background-color:#fff;border:1px solid #3617ce;color:#3617ce}
.inputbox.btnCouponAdd .bt-box.input-bt-ssc button:disabled{background-color:#FAFAFC;border-color:#D3D6E6;color:#D3D6E6}
/* 쿠폰함 제휴사 혜택 쿠폰 */
.cont-box.new-cont-box .my-cont-box .my-list-info{margin-top:11px}
.cont-box.new-cont-box .custom-form input[type=checkbox]:checked + .c-type-bg{background-image:url(/img/form-checkbox-checked-bg2.png)}
.cont-box.new-cont-box .coupon-box .coupon .cp-body .coupon-info .sale-content{font-weight:bold}
/* 쿠폰함 보낸사람,받은사람,만료쿠폰*/
.new-cont-box .coupon-box .coupon .cp-body .badge-wrap + .brand{margin-top:12px}
.new-cont-box .coupon-box .coupon.on {background-color:#f6f8fa}
.new-cont-box .coupon-box .coupon.disabled {background-color:#f6f8fa;opacity:.4}
/* 쿠폰함 쿠폰상세 */
.coupon-view-tit{background-color:#fff;padding:20px}
.coupon-view-tit .my-article-tit .tit{font-size:1.125rem;margin-bottom:30px;font-weight:bold}
.coupon-view-tit .coupon-tit{font-size:0.8125rem;font-weight:bold}
.cont-box.mycoupon-view-box.new-coupon-view{padding-bottom:30px;background:none;background-color:#f9f5ff}
.cont-box.mycoupon-view-box.new-coupon-view .my-article{margin-bottom:20px}
.cont-box.mycoupon-view-box.new-coupon-view .view-coupon .coupon-detail .cp-view .sale-content{font-weight:bold; line-height:28px;}
.cont-box.mycoupon-view-box.new-coupon-view .my-article .my-article-tit .brand{font-size:1rem;font-weight:normal}
.cont-box.mycoupon-view-box.new-coupon-view .send-txt-area{padding-top:20px;text-align:center}
.cont-box.mycoupon-view-box.new-coupon-view .send-txt-area .send-txt{font-size:1rem;font-weight:700}
.cont-box.mycoupon-view-box.new-coupon-view .send-txt-area .send-user{font-size:0.875rem;font-weight:700;color:#8f9398}
.cont-box.mycoupon-view-box.new-coupon-view .send-txt-area .send-line{color:#8f9398;display:inline-block;margin:0 6px;width:1px;height:10px;background-color:#8f9398}
.cont-box.mycoupon-view-box.new-coupon-view .send-txt-area .barcode-area{max-width:11.625rem;height:3.75rem;margin:0 auto}
.cont-box.mycoupon-view-box.new-coupon-view .codenumb{margin-top:2px;color:#1A1A47;font-size:1rem;line-height:20px;letter-spacing:normal;font-weight:700}
.cont-box.mycoupon-view-box.new-coupon-view .copy-btn { padding:3px 8px 2px;border-radius:14px;border:solid 1px #1A1A47}
.cont-box.mycoupon-view-box.new-coupon-view .copy-btn .ico-copy-btn{width:14px;height:14px;background-color:red;display:inline-block;vertical-align:middle;background:url(/img/ico-copy-coupon.png) no-repeat;background-size:0.875rem;margin-right:2px}
.cont-box.mycoupon-view-box.new-coupon-view.expired{position:relative;background:#f6f8fa;opacity:.6}
.cont-box.mycoupon-view-box.new-coupon-view.expired::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:transparent;z-index:3}
/* 이용가능한 쿠폰확인 알림 팝업 */
.popup .popup-info .popup-header + .popup-contents.tit-del-popup{margin-top:30px}
.popup .popup-info .popup-contents .inner-contents .txt + .cl-fred{font-size:0.75rem;margin-top:6px}
/* 2022.08.12 수정 :APP 이동 페이지 CSS 추가 */
.popup .full-info.new_go_app .popup-contents .inner-contents .text{font-weight:400;font-size:0.875rem}
.popup .full-info.new_go_app .bt-fixed-area .bt-slice{width:calc(100% - 2.5rem);margin:0 auto}
.popup .full-info.new_go_app .bt-fixed-area .bt-slice .bt-ssc{height:52px !important}
.popup .full-info.new_go_app .bt-fixed-area .bt-slice .bt-ssc button{border-radius:8px;background:#361fce;border-color:#361fce;font-weight:400}
.popup .full-info.new_go_app .bt-fixed-area .btn-keep-moweb{font-size:0.75rem;font-weight:400}
.btnPwReset{margin-top:8.5px;text-align:right}
.btnPwReset .txt-btn{font-size:0.75rem}
.btnCancel {display:block;margin:0 auto 32px;}
.btnCancel .udl {padding:2px 12px;height:28px;border:1px solid #e2e2f0;background-color:#fff;border-radius:14px;}
.btnCancel .udl span{text-decoration:none !important;font-size: 12px;font-weight: 700;line-height: 1.67;letter-spacing: normal;color: #1a1a47;}
/* 상품 이용 안내 */
.svc-guide-conts .acco-cont{margin:0 -1.25rem -1rem;padding-bottom:1rem !important;background-color:#fafafc;border-top:1px solid #e6e9f5}
.svc-guide-conts .acco-cont .svc-guide-con{margin:0 1.25rem}
.svc-guide-conts .acco-box{border:1px solid #e2e2f0; border-radius:8px; overflow:hidden}
.svc-guide-conts .svc-guide-tit{color:#1A1A47;font-weight:700}
.svc-guide-conts .acco-box.on .acco-cont{margin-top:12px; }
.svc-guide-conts .acco-box.on .svc-guide-tit{color:#361fce;font-weight:700}
.boxBorder{border:1px solid #e2e2f0;border-radius:8px}
/* 재구독 결제 수단 */
.border-box{border:1px solid #e2e2f0}
/* 공통 - 가입동의 */
.ssc-bottom .popup-page .container-wrap .cont-wrap-new .txt-wrap .txt-big{margin-bottom:8px;color:#1a1a47;font-weight:700;font-size:16px}
/* 마이구독 - 구독상품 - 이용상품 */
.tod-sscBody .ssc-list.use-ssc li {margin:0;padding:1rem 0;border-top:1px solid #E2E2F0}
.tod-sscBody .ssc-list.use-ssc li {margin:0;padding:1rem 0;border-top:1px solid #E2E2F0}
.tod-sscBody .ssc-list.use-ssc li:first-child {padding-top:0;border-top:none}
.tod-sscBody .ssc-list .info-ssc-area{border-radius: 4px;}
/* 22.08.10 :스타일변경 */
.tod-sscBody .ssc-list.use-ssc .ssc-item {display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;height:auto;padding-left:0}
.tod-sscBody .ssc-list.use-ssc .ssc-item .ico {position:relative;left:auto;top:auto;flex:0 0 auto;width:44px;height:44px;/*border:1px solid #E2E2F0;*/ border:none}
.tod-sscBody .ssc-list.use-ssc .ssc-item .ico + p {margin:0 12px}
.tod-sscBody .ssc-list.use-ssc .ssc-item p {display:flex;width:100%;min-height:44px;align-items:center}
.tod-sscBody .ssc-list.use-ssc .ssc-item p > .item-name{position: relative;padding-top:0; color:#3e3e52;font-size:14px;font-weight:bold;word-break:keep-all;text-decoration: underline;} /* 22.09.20 : 이용상품상세 회차 혜택 밑줄삭제 *//*23.05.30 텍스트 언더라인 추가*/
.tod-sscBody .ssc-list.use-ssc .ssc-item p > .item-name.not-underline{text-decoration: none;} /* 22.09.20 : 이용상품상세 회차 혜택 밑줄삭제 *//*23.05.30 텍스트 언더라인 추가*/
.tod-sscBody .ssc-list.use-ssc .ssc-item .btn-detail-item{width:100%;text-align:left}
/* 22.09.20 : SSMCM-5313 문구끊김수정 */
.tod-sscBody .ssc-list.use-ssc .ssc-item .btn-detail-item .item-name {position: relative; margin:0;padding:0;color:#3e3e52;font-size:14px;font-weight:bold;word-break:break-all;text-decoration: underline;}/*23.05.30 텍스트 언더라인 추가*/
/* //22.09.20 : SSMCM-5313 문구끊김수정 */
.tod-sscBody .ssc-list.use-ssc .ssc-item .btn-detail-item:disabled .item-name {color:#9f9f9f;text-decoration:none}
/* 22.08.10 :style 수정 */
.tod-sscBody .ssc-list.use-ssc .ssc-item .btn-outlink {display:flex;flex:0 0 auto;justify-content:center;align-items:center;min-width:84px;height:28px;/* margin-top:0.25rem;*/ padding:0px 10px;background-color:#fff;vertical-align:middle;border:solid 1px #e2e2f0;border-radius:14px;box-sizing:border-box}
.tod-sscBody .ssc-list.use-ssc .ssc-item .btn-outlink .ico-outlink {margin-left:4px;width:10px;height:10px;background:url('../img/outlink.svg') no-repeat 50% 50%;background-size:100% auto;vertical-align:middle}
.tod-sscBody .ssc-list.use-ssc .ssc-item .btn-outlink .text {display:inline-block;padding-top:0;color:#1a1a47;font-size:0.75rem;font-weight:700;line-height:0.938rem;vertical-align:middle}
.tod-sscBody .ssc-list.use-ssc .ssc-item .btn-outlink.disabled {cursor:not-allowed;pointer-events:none;background:#e6e6e6;color:#555;opacity:0.5}
.tod-sscBody .ssc-list.use-ssc .ssc-item + .info-exp {padding-left:56px;color:#767778;font-size:12px;line-height:1.45}
/* SSMCM-4380 오뚜기 */
.tod-sscBody .ssc-list.use-ssc .ssc-item + .info-exp.wbba{word-break:break-all}
/* //SSMCM-4380 오뚜기 */
.tod-sscBody .sscpay-list.sscbnf-list > li {margin-bottom:0;margin-top:8px}
.myuse-ssc-wrap .inner-myuse {margin-top:24px;padding-top:20px;border-top:1px solid #E2E2F0} /* 22.08.10 :marign-top 수정 */
.myuse-ssc-wrap .inner-myuse:first-child {margin-top:0;padding-top:0;border-top:none}
.myuse-ssc-wrap .item-ssc-area .ssc-tag {margin-left:0.375rem;margin-right:0;}
.myuse-ssc-wrap .item-ssc-area .ssc-tag:first-child {margin-left:0}
.myuse-ssc-wrap .item-ssc-area > [class$='-blk'] {display:block;position:relative}
/*.myuse-ssc-wrap .item-ssc-area .tag-blk {}*/
/* .myuse-ssc-wrap .item-ssc-area .tag-blk + .info-blk {margin-top:16px} 22.08.10 수정 */
.myuse-ssc-wrap .item-ssc-area .info-blk {display:block;width:100%}
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item {display:flex;justify-content:start;align-items:flex-start;width:100%;padding-left:0;flex-direction:column;height:auto}
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item > p {display:flex;width:100%;height:auto;color:#1a1a47;font-size:20px}
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .btn-detail-item {display:block;width:100%;min-height:1.375rem;text-align:left}
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .item-name {display:inline-block;margin:0;padding:0;color:#1a1a47;font-size:20px;font-weight:700; line-height:1.4;word-break:break-all}
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .item-name img{display:inline-block;width:auto;height:28px} /* 22.08.10 추가 :bi 타입추가 */
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .btn-detail-item .item-name {text-decoration:underline}
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .btn-detail-item:disabled .item-name {color:#9f9f9f;text-decoration:none}
/* 22.08.10 추가 :정렬및 버튼 스타일변경 */
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .change-btn-wrap{margin:16px 0 0 auto}
.cont-box.new-cont-box .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .change-btn-wrap .btn-modify{display:inline-block;height:15px;padding:0 10px 0 0;color:#3e3e52;font-size:12px;background:url(/img/btn-arrow-14.svg) no-repeat 103% 75% /10px;border:none;border-radius:0}
.cont-box.new-cont-box .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .change-btn-wrap .btn-modify:last-child{margin-right:0}
.cont-box.new-cont-box .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .change-btn-wrap .btn-modify:disabled{opacity:.5;color:#3e3e52;}
.myuse-ssc-wrap .item-ssc-area .date-info {display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:0.25rem;margin-bottom:0.375rem}
.myuse-ssc-wrap .item-ssc-area .date-info .txt-sm {margin-top:0;font-weight:400}
.myuse-ssc-wrap .item-ssc-area .date-info .txt-sm::after {content:'';clear:both;display:block}
.myuse-ssc-wrap .item-ssc-area .date-info .txt-sm > span{float:left;display:inline-block;position:relative;margin-right:0;padding-right:0;padding-top:0;margin-left:5px;padding-left:4px;font-size:0.875rem;line-height:1.25rem}
.myuse-ssc-wrap .item-ssc-area .date-info .txt-sm > span::before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:10px;border-left:1px solid #989899}
.myuse-ssc-wrap .item-ssc-area .date-info .txt-sm > span:after {display:none}
.myuse-ssc-wrap .item-ssc-area .date-info .txt-sm > span:first-child {margin-left:0;padding-left:0}
.myuse-ssc-wrap .item-ssc-area .date-info .txt-sm > span:first-child::before {display:none}
.myuse-ssc-wrap .item-ssc-area .date-info .price{position:relative;right:auto;bottom:auto;width:80px;font-size:1rem;font-weight:500;line-height:1.25rem;text-align:right;flex:1 1 auto;flex-basis:max-content}
.myuse-ssc-wrap .item-ssc-area .date-info .price > span {padding-top:0;color:#1A1A47;line-height:1.25rem}
.myuse-ssc-wrap .info-ssc-area {margin-top:12px; border-radius:8px;}
/* 22.08.10 case 추가 */
.boxGrayCont .sscpay-list > li{margin:0 !important;color:#686c7c;font-size:12px !important;line-height:1.42}
.boxGrayCont .sscpay-list > li .txt{width:auto;color:#3e3e52;font-size:12px !important; word-break: break-all; text-align:right;overflow:hidden; margin-left:auto;} /* SSMCM-7160: width 수정(72% -> auto) */
.boxGrayCont .sscpay-list > li button{font-size:12px}
.boxGrayCont .sscpay-list > li .price{color:#ff404e;font-weight:700 !important}
.boxGrayCont .sscbnf-list.sscpay-list > li{display:flex; padding:0;font-weight:400 !important;border-top:none;line-height:28px; align-items: center; justify-content: space-between;}
.myuse-ssc-wrap .info-ssc-area .sscpay-list.sscbnf-list .bt-tip {top:auto;vertical-align:middle}
.myuse-ssc-wrap .detail-ssc-area + .detail-ssc-area {margin-top:1.5rem}
.myuse-ssc-wrap .detail-ssc-area .detail-head {display:flex;justify-content:space-between;align-items:center}
/*.myuse-ssc-wrap .detail-ssc-area .detail-head .lft {}*/
.myuse-ssc-wrap .detail-ssc-area .detail-head .title {color:#1a1a47;font-size:16px;font-weight:700;line-height:1.5} /* 22.08.10 case 추가 */
/*.myuse-ssc-wrap .detail-ssc-area .detail-head .rgt {}*/
.myuse-ssc-wrap .detail-ssc-area .detail-head .rgt .row-optbtn {display:flex;align-items:center}
.myuse-ssc-wrap .detail-ssc-area .detail-head .rgt .row-optbtn > span {margin-left:8px}
.myuse-ssc-wrap .detail-ssc-area .detail-head .rgt .row-optbtn > span:first-child {margin-left:0}
/* 22.08.10 버튼스일변경 */
.myuse-ssc-wrap .detail-ssc-area > [class*='detail-'] .rgt .btn-modify {display:inline-block;height:15px;padding:0 12px 0 0;color:#3e3e52;font-size:12px;background:url(/img/btn-arrow-14.svg) no-repeat 100% 80% / 10px;border:none;border-radius:0}
.myuse-ssc-wrap .detail-ssc-area > [class*='detail-'] .rgt .btn-modify:last-child{margin-right:0}
.myuse-ssc-wrap .detail-ssc-area > [class*='detail-'] .rgt .btn-modify .text {margin-top:1px;line-height:1.25}
.myuse-ssc-wrap .detail-ssc-area > [class*='detail-'] .rgt .btn-modify .ico-arrow-r {margin-right:-2px}
.myuse-ssc-wrap .detail-ssc-area > [class*='detail-'] .rgt .btn-modify:disabled {opacity:.5;color:#3e3e52;background:url(/img/btn-arrow-14.svg) no-repeat 103% 53% / 10px}
.myuse-ssc-wrap .detail-ssc-area > [class*='detail-'] .rgt .btn-modify:disabled .ico-arrow-r {opacity:0.5}
.myuse-ssc-wrap .detail-ssc-area .detail-head + .gray-tx{margin-top:6px;font-size:12px}
.myuse-ssc-wrap .detail-ssc-area .detail-middle{display:flex;margin-top:4px;justify-content:space-between}
.myuse-ssc-wrap .detail-ssc-area .detail-middle .title{color:#686c7c;font-size:12px}
.myuse-ssc-wrap .detail-ssc-area .detail-body {margin-top:12px}
.myuse-ssc-wrap .detail-ssc-area .detail-body .ssc-list.use-ssc > li{margin-top:8px;padding:16px;border:solid 1px #e2e2f0;background-color:#fff;border-radius:8px}
.myuse-ssc-wrap .detail-ssc-area .detail-body .ssc-list.use-ssc > li:first-child{margin-top:0}
.myuse-ssc-wrap .detail-ssc-area .detail-body .ssc-list.use-ssc > li.no-item{padding:25px 16px;color:#686c7c;background-color:#f5f5fa;border:1px dashed #e2e2f0}
.myuse-ssc-wrap .btn-bottom{margin-top:24px;text-align:right}
/* (풀팝업)-결제수단등록 */
.pay-mothod-box .pmb-head {position:relative;padding-bottom:1.875rem;margin-bottom:1.875rem}
.pay-mothod-box .pmb-head:after {content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;background:url(/img/line-inner.svg) repeat-x}
.pay-mothod-box .pmb-head .tit {font-size:0.8125rem}
/*.pay-mothod-box .pmb-cont {}*/
.pay-mothod-box .pmb-cont .tit-wrap .tit {font-size:0.875rem}
.pay-mothod-box .pmb-cont .sscpay-slidebox {margin-top:1rem;margin-bottom:3rem}
.pay-mothod-box .pmb-cont .sscpay-slidebox .select-list .radiobox {height:auto}
.pay-mothod-box .pmb-cont .input-wrap .inputbox {margin-top:0.625rem}
.pay-mothod-box .pmb-cont .input-wrap .inputbox:first-child {margin-top:0}
.pay-mothod-box .pmb-cont .input-wrap .inputbox .input {margin-top:0}
.pay-mothod-box .pmb-cont .input-wrap .inputbox.bt-add .input {-webkit-box-flex:1;-ms-flex:1;flex:1}
.pay-mothod-box .pmb-cont .input-wrap .inputbox.bt-add .bt-box {-webkit-box-flex:0;-ms-flex:0;flex:0;flex-basis:6.125rem}
.pay-mothod-box .pmb-cont .input-wrap .inputbox.bt-add .bt-box button {width:100%}
/* 옵션변경결제안내박스2(SCMY_M_02_03.html) */
.ssc-bottom .cont-ssc h3:nth-of-type(1) ~ h3 {margin-top:1.875rem}
.ssc-bottom .cont-ssc .ps {margin-top:-0.625rem;font-size:0.8125rem;color:#767778}
.ssc-bottom .cont-ssc .option-pay-box .sscpay-list .sscpay-salelist {margin-top:0.25rem}
.ssc-bottom .cont-ssc .bg-gray {background-color:#f6f8fa!important;
background-image:linear-gradient(to bottom, #f6f8fa, #f6f8fa), linear-gradient(101deg , #bf4feb, #5427c3);
background-image:-webkit-linear-gradient(to bottom, #f6f8fa, #f6f8fa), -webkit-linear-gradient(101deg , #bf4feb, #5427c3);
}
/*결제수단선택 (SCCO_M_01_02P.html ,SCCO_M_01_05P.html) */
/*.pay-method {}*/
.pay-method .type1 {position:relative;margin-bottom:1.25rem;font-size:0.875rem;color:#1A1A47;font-weight:600;line-height:1.29;box-sizing:border-box;-webkit-box-sizing:border-box}
.pay-method .type1 .icon {display:inline-block;margin-right:0.5rem;width:2.5rem;height:2.5rem;vertical-align:middle}
.pay-method .type2 {position:relative;display:block;padding:0.8125rem;margin-top:0.625rem;background-color:#fff;border-radius:0.5rem;font-size:0.8125rem;text-align:center}
.pay-method .type2 .icon {display:inline-block;margin-right:0.375rem;width:1.5rem;height:1.5rem;vertical-align:middle}
.layout-wrap {display:flex}
.layout-wrap > div:nth-child(1) {width:9.125rem;margin-right:1.875rem}
.layout-wrap > div:nth-child(2) {flex-grow:1}
.ssc-bottom .popup-page .container-wrap .cont-ssc .tit-wrap + .scc-frbox {margin-top:-0.25rem}
/* txt-list */
.tod-sscBody .hypen-list li {position:relative;margin-bottom:0.375rem;padding-left:0.625rem}
.tod-sscBody .hypen-list li:last-child {margin-bottom:0}
.tod-sscBody .hypen-list li:after {content:'-';position:absolute;left:0;top:0}
.tod-sscBody .bullet-list li {position:relative;margin-bottom:0.375rem;padding-left:0.625rem}
.tod-sscBody .bullet-list li:last-child {margin-bottom:0}
.tod-sscBody .bullet-list li:after {content:'·';position:absolute;left:0;top:0}
.tod-sscBody .normal-list li {position:relative;margin-bottom:0.375rem}
.tod-sscBody .normal-list li:last-child {margin-bottom:0}
.tod-sscBody .number-list{counter-reset:count}
.tod-sscBody .number-list li {position:relative;margin-bottom:0.375rem;padding-left:0.825rem}
.tod-sscBody .number-list li:last-child {margin-bottom:0}
.tod-sscBody .number-list > li:after {content:counter(count)".";counter-increment:count;position:absolute;left:0;top:0}
.tod-sscBody .asterisk-list li {position:relative;margin-bottom:0.375rem;padding-left:0.625rem}
.tod-sscBody .asterisk-list li:last-child {margin-bottom:0}
.tod-sscBody .asterisk-list li:after {content:'*';position:absolute;left:0;top:0}
.notice-wrap .asterisk-list li{color:#3e3e52}
/* 가입정보입력(휴대폰입력) */
.tod-sscBody .inputbox.bt-add.phone {border-radius:0.5rem;border:1px solid #E2E2F0;background:#fff}
.tod-sscBody .inputbox.bt-add.phone input {border:0!important}
/* 이용 상품 */
/* 데이터없을때 */
.my-cont-box .tab-area > .tab-cont .my-aticle,
.my-cont-box .tab-area > .tab-cont .tit-big.tit-big_pri {margin-top:1.875rem}
.cont-box .my-cont-box .tab-area > .tab-cont > .mypay-his-box:first-child .my-aticle{margin-top:0;}
.my-cont-box .tab-area > .tab-cont .tit-big.tit-big_pri{font-size:1.625rem}
.my-cont-box .tab-area > .tab-cont .tit-big span{display:block;line-height:2.25rem}
/* 데이터있을때 */
.new-cont-box .my-tit-wrap .txt-coupon {display:block;margin-top:24px;padding-bottom:0;color:#3e3e52}
.new-cont-box .my-tit-wrap .txt-coupon .bt-arr span{color:#3e3e52;text-decoration:none}
.new-cont-box .my-tit-wrap .txt-coupon em {color:#ff404e;font-weight:700;}
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item{justify-content:initial}
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .item-logo{margin-right:8px}
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .item-logo + .item-info{margin-right:16px}
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .item-logo + .item-info .tit{font-weight:700}
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .item-info .tit,
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .item-info .txt{display:block}
/* .new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .item-info .tit{height:44px;padding:12px 0;} 22.12.09 결제내역 텍스트2줄일때 수정 */
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .item-info .txt{margin-top:7px; font-size:12px;}
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .total-pay-price{margin-left:auto}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info .oneclick-link{display:block}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info .oneclick-link .item-name{display:block;text-decoration:underline}
.mypay-his-box .oneclick-product-list .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .pay-his-item + button{width:auto;left:80%}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .oneclick-acco-link{width:60%}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .oneclick-acco-link:after{display:none}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .oneclick-acco-link .item-info{color:#1A1A47}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .oneclick-acco-link .item-info .tit{text-decoration:underline}
.oneclick-product-list .bt-line-my{background-color:#3617ce;box-shadow:0 0 0 0;color:#fff}
.cont-box.new-cont-box .my-aticle .my-article-tit.titUsing{margin-bottom:24px;text-align:center}
.cont-box.new-cont-box .my-aticle .my-article-tit.titUsing .tit{display:inline-block;height:24px;padding:0 8px;background-color:#8e95a5;border-radius:12px;font-size:12px;color:#fff;line-height:24px;vertical-align:top}
/* 22.08.10 추가 asis 신규스타일 */
/* 플래그 공통 */
.tag-blk .ssc-tag {display:inline-block;margin-left:4px;padding:0 6px;font-size:8px !important;color:#ff404e;border:1px solid #ff404e;border-radius:2px;height:16px;line-height:15px;vertical-align:middle;font-weight:700;box-sizing:border-box}
.tag-blk .ssc-tag.gray-type {color:#686c7c;border-color:#d6d7d8}
.tag-blk .ssc-tag.bg-red-type {border:none;background-color:rgba(255,64,78,0.07);color:rgba(255,64,78,1)}/* 접근성(2022) */
.tag-blk .ssc-tag.bg-blue-type {border:none;background-color:rgba(135,58,214,0.07);color:rgba(54,23,206,0.8)}/* 접근성(2022) */
.tag-blk .ssc-tag.bg-blue-type02{color:#3617ce;border:1px solid #3617ce}
.tag-blk .ssc-tag.bg-orange-type {border:none;background-color:rgba(255,151,1,0.07);color:rgba(255,158,8,1)}/* 접근성(2022) */
/* 공통 상품없음 case */
.myserv-nonebox .icon{display:inline-block;width:44px;height:44px}
.myserv-nonebox .text{margin-top:10px;font-size:14px;font-weight:700}
.myserv-nonebox .btn-arr{display:inline-block;width:100%;height:36px;margin-top:24px;color:#361fce;font-size:14px;font-weight:700;line-height:34px;background-color:#fff;border:solid 1px #361fce;border-radius:4px;text-align:center}
.myserv-nonebox.shadow-box{padding:32px 16px 16px}
.myserv-nonebox.shadow-box .btn-arr{margin-top:24px}
/* 공통 패밀리 */
.shareBox{margin-top:16px;padding:10px 16px;border:1px solid #E2E2F0;border-radius:4px;margin-bottom:8px;color:#3E3E52;position:relative;line-height:1.42;font-size:0.75rem}
.shareBox .shareBtn { width:28px;height:28px;position:absolute;top:50%;margin-top:-14px;right:16px;background:url(/img/comm_2022/spr_mypage.svg) no-repeat;background-position:5px -58px}
/*youtube추가*/
.shareBox.youtubeBox .notification { margin-top: 11.5px; padding-top: 15px; font-size: 12px; color: #3e3e52; border-top:1px dotted #e2e2f0 ;}
/* 이용상품시작 */
.cont-box.new-cont-box.my-aticle{margin-top:32px;padding-bottom:0}
.cont-box.new-cont-box.my-aticle:after{display:none}
.my-aticle .my-article-tit{margin-bottom:0}
.my-aticle .my-article-cont{margin-top:12px}
.my-aticle .my-article-cont:first-child{margin-top:0}
.my-aticle .my-article-tit .tit{font-size:16px}
.my-aticle .my-article-tit .txt{font-size:12px}
.myuse-his-box .use-serv-list > li{padding:16px}
.myuse-his-box .use-subsc-item .item-row .lft-cell{display:flex;flex:1;position:relative;align-items:center; min-height:28px; width:calc(100% - 66px);}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info .subinfo-txt{font-size:12px}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info .subinfo-txt.posTop{position:absolute;right:0;margin-top:0}
.myuse-his-box .logo-bi .main-item .item-row .lft-cell .ico{display:none}
.myuse-his-box .logo-bi .main-item .item-row .lft-cell .item-info{margin-left:0}
.myuse-his-box .logo-bi .main-item .item-row .lft-cell .item-info .item-name > img{display:inline-block;width:auto;height:20px}
.cont-box.new-cont-box.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info + .btn-link-detail{overflow:hidden;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:8px}
.cont-box.new-cont-box.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info + .btn-link-detail:before{display:none;/* right:4px;width:20px;height:20px; background:url(/img/comm_2022/spr_ico.svg) no-repeat;background-position:-133px 0px;*/ }
/* .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .ico{width:44px;height:44px} */
.cont-box.new-cont-box.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info {width:calc(100% - 60px);padding-right:0}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info .item-name {display:inline-block; font-size:14px;font-weight:700;line-height:1.2; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info .item-name + .subinfo-txt {margin-top:6px}
/* 이용상품 중복 가입 케이스 추가 */
.my-aticle .my-article-cont .ovr{margin-top:12px; background:#fff; border-radius: 8px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.my-aticle .my-article-cont .ovr .slide-item{padding:16px;}
.my-aticle .my-article-cont .ovr .slick-arrow{display:none !important;}
.my-aticle .my-article-cont .ovr .slick-dots{margin-bottom:0; padding-bottom:16px; margin-top:-4px;}
.my-aticle .my-article-cont .ovr .item-row .lft-cell{display:block;}
.my-aticle .my-article-cont .ovr .item-row .lft-cell .ico{width:100%; height:20px; position:relative; display:inline-block; overflow:hidden; font-size:14px;}
.my-aticle .my-article-cont .ovr .item-row .lft-cell .ico:before{display:none;}
.my-aticle .my-article-cont .ovr .item-row .lft-cell .ico img{display:inline-block; width:auto; height:20px; }
.my-aticle .my-article-cont .ovr .item-row .lft-cell .ico .prd-family{display: inline-block; margin-left: 6px; border: 1px solid #3617ce; color: #3617ce; font-size: 8px; height: 16px; line-height:16px; font-weight: 700; border-radius: 2px; padding: 0 4px; vertical-align: top;}
.my-aticle .my-article-cont .ovr .item-row .lft-cell .item-info{margin-top:7px; margin-left:0; width:calc(100% - 90px); display:flex; flex-direction:column; justify-content:center;}
.my-aticle .my-article-cont .ovr .item-row .lft-cell .item-info .btn-link-detail{position:absolute; left:0; right:0; top:0; bottom:0; z-index:2;}
.my-aticle .my-article-cont .ovr .item-row .lft-cell .item-info .btn-link-detail span{padding-right:16px; font-size:12px; color:#3e3e52; position:absolute; right:-4px; top:0;}
.my-aticle .my-article-cont .ovr .include-item .item-row .lft-cell .ico{display:none;}
.my-aticle .my-article-cont .ovr .familyShareWrap p strong{font-weight:700; font-size: 0.875rem;}
.my-aticle .my-article-cont .ovr .familyShareWrap .familyTipBtn{margin-top:-9px;}
/* 이용상품 중복 가입 케이스 추가 */
/* 이용상품 버튼 스타일 변경 */
.myuse-his-box .use-subsc-item .main-item + .bt-shadow,
.myuse-his-box .use-subsc-item .include-item + .bt-shadow{margin-top:16px;padding:0;color:#fff;font-size:14px;font-weight:700;line-height:34px;background-color:#361fce;border:solid 1px #361fce;border-radius:4px;box-shadow:none}
.myuse-his-box .use-subsc-item .main-item + .bt-shadow.cancel,
.myuse-his-box .use-subsc-item .include-item + .bt-shadow.cancel{color:#361fce;background-color:#fff}
/* 이용상품 리스트 스타일 추가 */
.my-aticle .my-article-cont .data-item{overflow:hidden;}
.my-aticle .my-article-cont .data-item > li{padding:4px 0;}
.my-aticle .my-article-cont .data-item > li:first-child{margin-top:5px}
.my-aticle .my-article-cont .data-item > li > .tit,
.my-aticle .my-article-cont .data-item > li > .data{font-size:12px}
.my-aticle .my-article-cont .data-item > li > .tit{color:#686c7c}
.my-aticle .my-article-cont .data-item > li > .data{float:right;color:#3e3e52}
.my-aticle .my-article-cont .data-item > li > .data .bt-arr{position:relative;margin-right:-5px;padding-right:16px;color:#3e3e52;font-size:12px}
.my-aticle .my-article-cont .data-item > li > .data .bt-arr:after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:14px;margin:-7px 0 0 0;background:url(/img/comm_2022/spr_ico.svg) no-repeat -120px 0}
.my-aticle .my-article-cont .data-item > li > .data .bt-arr span{padding-right:0;background:none}
/* 이용상품상세 */
.rbox.basicWrapW { margin:0 -16px;padding:32px 16px;background:#fff;border-radius:0}
.basicWrapG{background:#f5f5fa}
.isShadow{box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}
.cont-box .rbox.basicWrapW:first-child{border-radius:0;margin:-30px -16px 0;padding:32px 16px;border:none}
.cont-box .rbox.basicWrapW + .rbox.basicWrapW{padding:32px 16px}
.cont-box .rbox.basicWrapW ~ .section{margin-top:32px}
.basicWrapW .myuse-ssc-wrap .inner-myuse{padding-top:0;border-top:none}
.basicWrapG.rbox{padding:0 !important;background:#f5f5fa;box-shadow:none !important}
.basicWrapG .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .item-name{color:#1a1a47 !important;font-weight:400}
.basicWrapG .myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .item-name strong{display:block;font-weight:700}
.basicWrapG .myuse-ssc-wrap .inner-myuse{padding-top:0;border-top:none}
/* 패밀리멤버 */
.use-family li{display:flex;margin-top:8px;padding:11px 16px;justify-content:space-between;align-items:center;border:1px solid #e2e2f0;border-radius:4px}
.use-family li:first-child{margin-top:0}
.use-family li .tit { font-size:0.75rem;color:#3e3e52}
.use-family li .bt-round{color:#1a1a47;font-size:12px;font-weight:700;border-color:#e2e2f0}
/* 구독 할인 쿠폰 cp-cont 재설정 */
.tod-sscBody .cp-cont .unvspass-cp-list > li .unvspass-cp{padding:16px 16px 8px 16px;border-radius:4px}
.tod-sscBody .cp-cont .unvspass-cp-list > li .unvspass-cp .packwrap{width:100%}
.tod-sscBody .cp-cont .unvspass-cp-list > li .unvspass-cp .packwrap .rbadge{position:absolute;right:0;bottom:0;height:16px;padding:0 6px;font-size:8px !important;font-weight:700;line-height:16px;border-radius:2px}
.tod-sscBody .cp-cont .unvspass-cp-list > li .unvspass-cp .packwrap > p:first-child{color:#ff404e;font-size:14px;font-weight:700}
.tod-sscBody .cp-cont .unvspass-cp-list > li .unvspass-cp .packwrap .cl-fred{margin-left:0}
.tod-sscBody .cp-cont .unvspass-cp-list > li .unvspass-cp .packwrap .coupon-name{margin:7px 0 8px;padding-bottom:16px;font-size:12px;border-bottom:1px dashed #e2e2f0}
.tod-sscBody .cp-cont .unvspass-cp-list > li .unvspass-cp .packwrap .cp-date{font-size:12px}
.tod-sscBody .rbox.cp-cont .unvspass-cp-list ~ .txt-invalid{margin-top:8px;color:#686c7c;font-size:12px}
.tod-sscBody .rbox.cp-cont .unvspass-cp-list ~ .bt-line-my{margin:16px 0 0;color:#361fce !important;font-weight:700;line-height:36px;border:1px solid #361fce}
.tod-sscBody .rbox.cp-cont .unvspass-cp-list ~ .bt-line-my:disabled{opacity:1;color:#d3d6e6 !important;border-color:#d3d6e6;background-color:#fff}
/* 공통 추가 쿠폰등록 / 쿠폰등록 불가 */
.rbox .add-cp{padding:54px 16px 0;box-shadow:none}
.rbox .add-cp:before{top:0}
.add-cp{position:relative;display:block;padding:70px 16px 16px;text-align:center;background-color:#fff; border-radius:8px;box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08)}
.add-cp .txt{ display:block;font-size:0.875rem;color:#3e3e52;line-height:1.43;font-weight:900}
.add-cp:before { content:'+';display:block;width:44px;height:44px;line-height:44px;font-weight:700;font-size:1.25rem;background-color:#F5F5FA;border-radius:50%;position:absolute;top:16px;left:50%;margin-left:-22px; color: #d3d6e5;}
.add-cp.cannot{pointer-events:none}
.add-cp.cannot:before{transform:rotate(45deg)}
/* 결제정보 */
.rbox.payment-cont{position:relative}
.rbox.payment-cont .bt-line-my{position:absolute;top:50%;right:16px;width:auto;height:28px;margin-top:-14px;padding:0 11px;color:#1a1a47 !important;font-size:12px;font-weight:700;background-color:#fff;;border:1px solid #d3d6e6;border-radius:28px;line-height:26px}
.tod-sscBody .payment-cont .ssc-item p.pay{color:#1a1a47;font-weight:700}
.tod-sscBody .payment-cont .ssc-item .gray-txt{padding-top:4px;color:#686c7c;font-size:12px;font-weight:400;line-height:1.42}
.cont-box.new-cont-box .rbox.bg-violet-type{padding:16px;background:url(/img/comm_2022/ispay_banner.png) no-repeat 0 0 / 100% 100%;box-shadow:0 4px 8px 0 rgba(91, 91, 91, 0.15)}
.cont-box.new-cont-box .rbox.bg-violet-type .info-wrap a{display:block}
.cont-box.new-cont-box .rbox.bg-violet-type .info-wrap p{color:#fff;font-size:16px}
.cont-box.new-cont-box .rbox.bg-violet-type .info-wrap p span{font-size:14px}
.cont-box.new-cont-box .rbox.bg-violet-type .info-wrap p .point-tx{display:block;margin-top:8px;color:#fff !important}
.btn-arr-box{text-align:right}
/* com-acco :공통 아코디언 재설정 */
.com-acco .accordion{overflow:hidden;border-radius:8px;/* border:1px solid #e2e2f0;*/ background:#fff;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}
.com-acco .accordion .acco-list{border-top:none !important}
.com-acco .accordion .acco-list .acco-box{border-top:1px solid #e2e2f0;border-bottom:none !important}
.com-acco .accordion .acco-list .acco-box:first-child { border-top:none}
.com-acco .acco-style.btn-hold .acco-list .acco-box .acco-tit {position:relative;width:100%;padding:17px 40px 17px 16px;color:#1a1a47;font-size:14px;font-weight:700;line-height:1.33;background:#fff}
.com-acco .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit button,
.com-acco .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit a {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;color:transparent}
.com-acco .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit button:after,
.com-acco .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit a:after {content:'';display:block;position:absolute;top:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px;left:auto;right:30px;background:url('/img/comm_2022/ico_close.svg') no-repeat;transition:0.3s}
.com-acco .accordion .acco-style.btn-hold .acco-list .acco-box.on>.acco-tit button:after {background:url('/img/comm_2022/ico_open.svg') no-repeat;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.com-acco .accordion .acco-list .acco-box .acco-cont {display:none;padding:17px 16px;border-top:1px solid #e2e2f0;background:#fafafc !important}
.com-acco .acco-style.btn-hold .acco-list .acco-box.on .acco-tit{color:#3617ce}
.com-acco .accordion .acco-list .acco-box.on>.acco-cont,
.com-acco .accordion .acco-list .acco-box.imp-view>.acco-cont {display:block}
/* 추가 혜택 선택하기 */
.bubble-wrap.benefit-sticky{height: 52px;}
.bubble-wrap.benefit-sticky .tab-bubble-top.sticky{padding:0;background-color:#fff;height:52px}
.bubble-wrap.benefit-sticky .tab-bubble-top.sticky ul{overflow:visible}
.bubble-wrap.benefit-sticky .tab-bubble-top.sticky ul li{margin:0;position:relative;line-height:52px}
.bubble-wrap.benefit-sticky .tab-bubble-top.sticky ul li:first-child:after{content:none}
.bubble-wrap.benefit-sticky .tab-bubble-top.sticky ul li::after{content:'';display:block;position:absolute;top:50%;left:-2px;margin-top:-1px;width:4px;height:4px;border-radius:50%;background:#D3D6E6}
.bubble-wrap.bubble-wrap .tab-bubble-top .tab-category li a{background:none;box-shadow:none;color:#686C7C;font-weight:normal;padding:0 12px}
.bubble-wrap.bubble-wrap .tab-bubble-top .tab-category li.on a{background:none;box-shadow:none;color:#3617ce;font-weight:bold}
.benefit-sticky + .container-wrap{background-color:#f5f5fa}
.benefit-sticky + .container-wrap .new-benefit{padding-top: 8px; padding-bottom: 52px;}
.new-benefit{background-color:#f5f5fa}
.new-benefit .widget .rbox{margin-top:0}
.new-benefit .join-wrap .rbox{border-radius:0;padding:1rem;margin:0 0 8px; box-shadow: 0 4px 12px rgb(0 0 0 / 12%);}
.new-benefit .join-wrap .dps-serv-list.prod-mom .serv-item .ico{min-width:64px;height:64px;position:relative;margin-right:0;flex:0 0 64px}
.new-benefit .join-wrap .dps-serv-list.prod-mom .serv-item .ico:before{content:''; position:absolute; top:0; left:0; width:64px;height:64px; border:1px solid rgba(0, 0, 0, 0.05); border-radius:50%; box-sizing:border-box}
.new-benefit .join-wrap .acco-list .acco-tit .dps-serv-list.prod-mom .serv-item .cert-name{padding-left:12px;padding:0 0 0 12px}
.new-benefit .join-wrap .dps-serv-list.prod-mom .serv-item .cert-name{padding:0 0 0 12px;flex:0 0 190px}
.new-benefit .join-wrap .dps-serv-list.prod-mom .serv-item .cert-name.type02 > .cert-noti-warn { margin-left: 3px; color: #ff404e; margin-top: 3px; line-height: 0.5;}
.new-benefit .join-wrap .dps-serv-list.prod-mom .serv-item .cert-name .cert-info{font-size:0.75rem;line-height:1.3;margin:2px 0 4px}
.tod-sscBody .new-benefit .serv-item .item > div:first-child{justify-content:unset}
.tod-sscBody .new-benefit .serv-item .item .cert-state{position:absolute;top:50%;margin-top:-14px;right:0}
.new-benefit .join-wrap .serv-item .cert-name .prodlink span{text-decoration:none}
.new-benefit .btn-arr {color:#1a1a47; border-color:#e2e2f0;padding:0 0.75rem}
.new-benefit .btn-arr > span{font-weight:bold}
.new-benefit .btn-arr > span:after{content:none}
.new-benefit .join-wrap .dps-serv-list.prod-mom{margin:0 !important}
.new-benefit .join-wrap .dps-serv-list.prod-mom .serv-item .cert-name .cert-price{color:#ff404e;font-size:0.6875rem;font-weight:bold; display: inline-block;}
.new-benefit .join-wrap .dps-serv-list.prod-mom .serv-item .cert-name .cert-noti-warn{display:inline-block;color:#686c7c;font-size:0.6875rem;font-weight:normal;margin-left:3px}
.new-benefit .accordion .acco-list .acco-box.on > .acco-cont{margin:16px -16px 0;padding:0 16px 16px;background-color:#f5f5fa}
.new-benefit .join-wrap .dps-serv-list.prod-son .serv-item{padding:0;margin:0;border:none}
.new-benefit .dps-serv-list li{background-color:#fff;margin:8px 0;border-radius:8px;box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08)}
.new-benefit .dps-serv-list li:first-child{margin-top:16px}
.new-benefit .dps-serv-list li:last-child{margin-bottom:0px}
.new-benefit .join-wrap .dps-serv-list.prod-son .serv-item:first-child{padding:16px}
.new-benefit .join-wrap .serv-item .cert-name .cert-price{color:#ff404e;font-size:0.6875rem;font-weight:bold}
.new-benefit .dps-serv-list li.on{border:1px solid #3617ce;position:relative}
.new-benefit .join-wrap .dps-serv-list.prod-son li.on .cert-info{font-size:0.75rem}
.new-benefit .join-wrap .dps-serv-list.prod-son li.on .name,
.new-benefit .join-wrap .dps-serv-list.prod-son li.on .cert-info,
.new-benefit .join-wrap .dps-serv-list.prod-son li.on .cert-price{color:#3617ce}
.new-benefit .join-wrap .dps-serv-list.prod-son li.on::after{content:'';display:block;position:absolute;top:50%;margin-top:-7px;right:19px;width:14px;height:14px;background:url(/img/comm_2022/spr_ico.svg) no-repeat -42px 0}
.new-benefit .acco-box.rbox.on{padding-bottom:0}
.new-benefit .acco-box.rbox.on .cert-name .prodlink .name,
.new-benefit .acco-box.rbox.on .cert-name .prodlink + .cert-info{color:#3617ce !important}
.new-benefit .acco-box .btn-view span{background:url(/img/comm_2022/ico_close.svg) no-repeat;transition:0.3s}
.new-benefit .acco-box.on .btn-view span{background:url(/img/comm_2022/ico_open.svg) no-repeat;transition:0.3s}
.new-benefit .join-wrap .dps-serv-list.prod-son .serv-item .cert-name{padding-right:1.6rem}
.new-benefit .cont-box{padding: 8px 0 0 0;}
/* 세븐일레븐, 투썸 */
.tit-benefit-big{font-size:1.25rem;line-height:1.4;letter-spacing:-0.5px;margin-bottom:1.5rem;font-weight:bold}
.tit-benefit-big span{font-weight:normal}
.tod-sscBody .popupFamilyDetail .hypen-list li,
.tod-sscBody .popupFamilyDetail .number-list li{margin-bottom:0.5rem}
.type-aster{padding-left:0.625rem;position:relative;color:#686C7C}
.type-aster::after{content:'*';position:absolute;left:0;top:0}
.number-list .type-aster{font-size:0.75rem}
.tit-benefit{font-size:0.875rem;color:#3e3e52;font-weight:bold;margin:16px 0 6px}
/* 이용 중인 혜택 팝업 */
.use-prod-benefit{border:1px solid #e2e2f0;border-radius:4px}
.use-prod-benefit li{display:flex;align-items:center;padding:12px 16px;border-top:1px solid #e2e2f0;color:#3e3e52}
.use-prod-benefit li:first-child{border:none}
.use-prod-benefit li figure{flex:0 0 32px;height:32px;margin-right:8px}
/* 마이구독 - 서비스해지 */
.tod-sscBody .ssc-gwrap {font-size:0.75rem; color:#686c7c;} /* 23-02-03 추가 */
.tod-sscBody .ssc-glist {font-size:0.875rem; text-align:left}
.tod-sscBody .ssc-glist li {margin-top:0.75rem}
.tod-sscBody .ssc-glist li:first-child {margin-top:0}
.tod-sscBody .ssc-glist .ssc-gitem {position:relative; display:table-cell; vertical-align:middle}
.tod-sscBody .ssc-glist .ssc-gitem p {display:inline-block; margin-right:0.25rem; font-weight:500}
.tod-sscBody .ssc-glist .ssc-gitem .ico {position:absolute; left:0; top:0; height:2.5rem; width:2.5rem; border-radius:50%}
.tod-sscBody .ssc-glist .ssc-gitem .ico.line {height:2.375rem; width:2.375rem; border:1px solid #E1E3E5}
.tod-sscBody .ssc-blist {text-align:left}
.tod-sscBody .ssc-blist li {margin-top:0.75rem}
.tod-sscBody .ssc-blist li:first-child {margin-top:0}
.tod-sscBody .ssc-blist .ssc-bitem {position:relative}
.tod-sscBody .ssc-blist .ssc-bitem p {display:inline-block; margin-right:0.25rem; font-weight:500}
.tod-sscBody .bt-slice + .tip-box,
.tod-sscBody .bt-slice + .bt-arr {margin-top:1.25rem}
.tod-sscBody .cnc-area {margin-top:32px}
.tod-sscBody .cnc-area .cont-sp {margin:0 -1.25rem}
.tod-sscBody .cnc-area .txt {margin-top:1.875rem; font-size:0.875rem}
.tod-sscBody .cnc-area .txt2 {font-size:0.875rem; color:#767778}
.tod-sscBody .cnc-area .notice-wrap ul.txt-ssm {margin-bottom:0}
.tod-sscBody .ssc-list {text-align:left}
.tod-sscBody .ssc-list li {margin-top:0.6875rem; padding-top:0.6875rem}
.tod-sscBody .ssc-list li:first-child {margin-top:0; padding-top:0}
.tod-sscBody .ssc-item {position:relative; padding-left:3rem; height:2.5rem; display:table-cell; font-size:0.875rem; vertical-align:middle}
.tod-sscBody .ssc-item.noicon {padding-left:0}
.tod-sscBody .ssc-item p.pay {margin-bottom:0.3125rem}
.tod-sscBody .ssc-item p {font-weight:500}
.tod-sscBody .ssc-item span {padding-top:0.25rem; color:#767778}
.tod-sscBody .ssc-item .ico {position:absolute; left:0; top:0; height:2.5rem; width:2.5rem; border-radius:50%}
.tod-sscBody .ssc-item .ico.line {height:2.375rem; width:2.375rem; border:1px solid #E1E3E5}
/* 해지안내툴팁박스 */
.my-cclt-info-box {margin-bottom:1.25rem}
/* 220330 해지방어 */
.saving-amount-txt{padding-top:0.3125rem; padding-bottom:1.3125rem; margin-bottom:1.3125rem; border-bottom:1px solid #E2E2F0; text-align:center}
.saving-amount{margin-top:1rem; font-size:1.25rem; color:#3617ce; font-weight:500}
.benefit-giveup-txt{margin-top:1.9375rem; margin-bottom:-0.625rem; font-size:1.125rem}
.tod-sscBody .benefit-serv-list > li{margin-top:1rem; padding-top:1rem; border-top:1px solid rgb(120,125,198,0.08)}
.tod-sscBody .benefit-serv-list > li:first-child{border-top:0}
.tod-sscBody .sscpay-benefit-list > .amount{font-weight:500}
.tod-sscBody .benefit-serv-list .serv-item .item .ico{width:2.5rem; height:2.5rem}
.tod-sscBody .benefit-serv-list .serv-item .item .cert-name{padding-left:3.125rem; font-weight:700; position:relative}
.tod-sscBody .benefit-serv-list .serv-item .item .cert-name:before{content:""; height:50%; background-color:rgba(255,64,78,0.15);
position:absolute; left:3.125rem; right:0.3125rem; bottom:0;
}
.tod-sscBody .benefit-serv-list .serv-item .item .cert-coment{padding-left:3.125rem}
.tod-sscBody .benefit-serv-list .serv-item .item .cert-coment p{color:#1A1A47}
.tod-sscBody .benefit-list{padding-bottom:0.6875rem; border-bottom:1px solid rgb(120,125,198,0.08)}
.tod-sscBody .use-amount{text-decoration:line-through}
.tod-sscBody .add-benefit-list{display:flex}
.tod-sscBody .add-benefit-list li{width:50%; text-align:center}
.tod-sscBody .add-benefit-list .serv-item .item .ico{width:3.125rem; height:3.125rem; margin-right:0; position:static}
.add-benefit-txt{margin-bottom:0.5rem; font-size:0.8125rem}
.add-benefit-tit{margin-top:0.4375rem; font-size:0.875rem}
.add-benefit-tit strong{display:block; font-size:0.9375rem; font-weight:500}
.benefit-amount-txt{margin-top:1.25rem; padding-top:1.3125rem; border-top:1px solid #E2E2F0; text-align:center; color:#767778}
.benefit-amount-txt strong{color:#1A1A47}
.recommend-serv{margin-top:1rem; font-size:1.25rem; font-weight:500}
.benefit-slide-area{overflow-x:hidden}
.benefit-txt-38{margin-top:0; margin-bottom:16px}
.inconvenient-wrap{margin-top:-23px; position:relative; z-index:26}
.chioce-two-txt{padding-bottom:1rem; border-bottom:1px solid #E2E2F0; font-weight:700}
.inconvenient-check-list{margin-top:1rem}
.inconvenient-check-list li{margin-top:1rem}
.inconvenient-check-list li:first-child{margin-top:0}
/* 22.08.19 수정*/
/* .request-retraction-txt{color:#767778; text-align:center; position:absolute; left:0; right:0; bottom:100px} */
.request-retraction-txt{position:relative; display:block; margin-top:8px; font-size:0.875rem; font-weight:400}
/* // 22.08.19 수정*/
.request-retraction-txt a{color:#767778; text-decoration:underline}
.bt-shadow-07{box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.07)}
.popup-vis-all{margin:-1.875rem -1.25rem}
/* 기계적 해지방어 */
.tod-sscBody .cancel-box{padding-top:5.125rem}
.tod-sscBody .cancel-logo img{width:79px} /* 1108 반영 */
.tod-sscBody .cont-box .phone-num-area .tit-wrap{margin-bottom:0.625rem}
.tod-sscBody .phone-num-txt{font-size:1.125rem; color:#3617ce; font-weight:700}
.tod-sscBody .noti-cerfity-num{margin-top:0.375rem; font-size:0.75rem; color:#767778}
.tod-sscBody .certify-num-time{color:#ff404e; transform:translateY(-50%); position:absolute; right:0.625rem; top:50%}
.tod-sscBody .btn-certify-check{margin:1.25rem 1.25rem 0}
.tod-sscBody .certify-num-inputbox + .btn-certify-check{margin-left:0; margin-right:0}
.tod-sscBody .certify-txt-area{margin-top:5.1875rem}
.tod-sscBody .certify-txt{margin-left:16px; margin-right:16px; margin-bottom:1.25rem; font-size:1.125rem}
.tod-sscBody .certify-txt-area .bt-slice .bt-ssc{height:52px !important}
.tod-sscBody .certify-txt-area .bt-slice .bt-ssc button{border-radius:8px}
.tod-sscBody .inputbox.certify-num-inputbox .input .cancel{right:3.0rem}
.tod-sscBody .tit-booking{padding-top:0.625rem; font-size:0.875rem; font-weight:700}
.tod-sscBody .cancel-booking-product{padding:1.625rem 1.25rem; border:1px solid #e2e2f0; border-radius:8px; font-weight:700}
.tod-sscBody .noti-cancel-list{margin-top:0.875rem}
.tod-sscBody .noti-cancel-list li{padding-left:0.8rem; font-size:0.875rem; color:#767778; position:relative}
.tod-sscBody .noti-cancel-list li:before{content:"*"; position:absolute; left:0; top:0}
.tod-sscBody .nobg .notice-wrap{box-shadow:0 0 0}
.tod-sscBody .cont-box .certify-txt{margin-left:0; margin-right:0}
/* 해지방어 - plcc 추가 */
.plcc_box_area{padding:1.375rem 1.25rem; margin:0 1.25rem 1.875rem;
background-color:#f6efff; border-radius:15px; box-shadow:0 4px 8px rgba(91,91,91,0.15);
font-size:16px; color:#1A1A47; line-height:22px; font-weight:700;
}
.plcc_box_area a{display:block}
.plcc_box_area strong{color:#3617ce}
.btn_plcc_check{margin-top:5px; font-weight:700}
/* 22.08.19 수정 */
.cancel .wrap{padding-bottom:0;}
.cancel .container{background: #10093D; padding-bottom:0; overflow:hidden; padding:0} /* 해지방어 bg 컬러 변경*/
.cancel .cont-box{position:relative; overflow:hidden; padding-bottom:32px; padding-top:40px;}
.cancel .cont-box .my-tit-wrap .tit-small{color:#fff; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing: -0.08em; margin-bottom: 8px;}/* 23.08.18 해지 신청 문구 2줄로 수정 */
.cancel .cont-box .my-tit-wrap .tit-big{color:#fff; font-weight:700; font-size:1.625rem; line-height:1.28; letter-spacing: -0.05em}
.cancel .cont-box .benefit-package-area{background:#fff; margin:0 0 0 0; padding:32px 24px 16px; border-radius:8px; text-align:center}
.cancel .cont-box .benefit-package-area .my-tit-wrap{margin-bottom:16px}
.cancel .cont-box .benefit-package-area .my-tit-wrap .tit-big{color:#1A1A47; font-weight:700; font-size:1.25rem; line-height:1.4em}
.cancel .cont-box .benefit-package-area .my-tit-wrap .txt{margin-top: 8px; color: #363747; line-height: 1.41}
.cancel .discount-box-area {display:flex; background:#fafafc; align-items:center; position:relative; padding:10px 0; border-radius:8px; border:1px solid #e2e2f0; box-shadow:none}
.cancel .discount-box-area + .discount-box-area{margin-top:8px}
.cancel .discount-box-area .discount-month{position:unset; width:27.36%; text-align:center; font-size:0.875rem; font-weight:700; color:#1a1a47; background:none; border-radius:0; transform:none; left:unset; top:unset; padding:0}
.cancel .discount-box-area .discount-month::after{content:""; width:1px; background:#E2E2F0; position:absolute; left:27.36%; top:16px; bottom:16px}
.cancel .discount-box-area .discount-price-list{display:flex; width:72.64%; padding-left:1.78rem}
.cancel .discount-box-area .discount-price-list li{width:50%; line-height:normal; text-align:left}
.cancel .discount-box-area .discount-price-list li .discount-tit{position:relative; color:#fff; background:#361fce; height:17px; padding:0 5px; font-size:8px; line-height:17px; border-radius:4px; border-bottom-left-radius:0px; font-weight:600; display:inline-block}
.cancel .discount-box-area .discount-price-list li .discount-tit::after{content:""; width:0; height:0; border-right:4px solid transparent; border-top:4px solid #2310a3; position:absolute; left:0; bottom:-4px}
.cancel .discount-box-area .discount-price-list li:first-child .discount-tit{background: rgba(26,26,71, .46); }
.cancel .discount-box-area .discount-price-list li:first-child .discount-tit::after{border-right:4px solid transparent; border-top:4px solid #1a1a47; opacity: .6;}
.cancel .discount-box-area .discount-price-list li:before{background:none}
.cancel .discount-box-area .discount-price-list li .normal-price{margin-top:6px; font-size:.75rem; color:#686C7C; text-decoration:line-through}
.cancel .discount-box-area .discount-price-list li strong{margin-top:3px; font-size:1rem; color:#ff404e}
.cancel .benefit-giveup-txt{margin:32px 0 0; font-size:.875rem; text-align:center; color:#fff}
.cancel .bt-area.bg_nv{background: #1A1A47; padding:0 12px 32px; margin-bottom:0}
.cancel .plcc_box_area{margin:0; padding:16px 16px 0; background:none; box-shadow:none; background:#f5f5fa; border-radius:0}
.cancel .plcc_box_area a{display:flex; padding:0 0 0 16px; align-items:flex-start; justify-content:center; flex-direction:column; height:112px; background:transparent url("/img/comm_2022/plcc_banner_bg.png") no-repeat center center; background-size:cover; border-radius:8px; font-size:1rem; color:#fff; }
.cancel .plcc_box_area a span{font-size:.875rem; }
.cancel .plcc_box_area a .plccTxt{display:block; margin-top:5px; font-size:1rem; line-height:normal}
.cancel .plcc_box_area a strong{line-height:normal; font-weight:700; color:#fff}
/* .cancel .bt-end{float:right; margin-top:22px} */
.cancel .bt-end{width:100%; text-align:center; background:#f5f5fa; padding-top:16px;}
.cancel .bt-end span.udl{text-decoration:underline; font-size:12px; line-height:17px; color:#3e3e52;}
.cancel .bt-end .bt-arr span{font-size:.75rem; line-height:1.25}
.cancel .bt-area .bt-slice{display:flex; margin:0; font-size:0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.cancel .bt-slice{margin:0}
.cancel .bt-area .bt-slice li{padding:0; margin:0 4px}
.cancel .bt-area .bt-slice .bt-ssc-line{margin-left:-4px}
.cancel .bt-area .bt-slice .bt-ssc-line button{font-weight:700; display:block; height:52px; font-size:.875rem; background:transparent; border-color:#fff; color:#fff; width:100%;border-radius:8px}
.cancel .bt-area .bt-slice .bt-ssc{margin-right:-4px}
.cancel .bt-area .bt-slice .bt-ssc button{font-weight:700; display:block; height:52px; font-size:.875rem; background:#3617CE; border-color:#3617CE; color:#fff; width:100%; border-radius:8px}
.cancel .popup .popup-info .popup-header .popup-title{font-size: 20px; line-height: 1.4; color: #1a1a47; letter-spacing: -0.5px;}
.cancel .txt-wrap .txt-big{font-size: 14px; color: #686c7c; }
.inner-bg-notice{margin-top: 8px;}
.tod-sscBody.cancel .bt-slice li{height:auto !important;}
/* 22.08.19 수정 : 해지신청 유의사항 */
.cancel .notice{background:#f5f5fa; padding-top:16px}
.cancel .notice-wrap ul.txt-ssm li{line-height:17px; letter-spacing:-0.3px; font-size:12px}
/* 22.08.19 수정 : 해지신청사유 팝업 */
.cancel .popup-page .container{background-color:transparent}
.cancel .popup-info{padding:16px}
.cancel .inconvenient-wrap{margin-top:8px}
.cancel .inconvenient-wrap .cont-box{padding:0}
.cancel .inconvenient-wrap .container{background:#fff}
.cancel .inconvenient-check-list{border:1px solid #d3d6e6; border-radius:4px; margin:24px 0 16px;}
.cancel .inconvenient-check-list li{display:block; margin-top:0}
.cancel .inconvenient-check-list li label{padding:17px 0 17px 32px; display:inline-block; line-height:1.2; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box}
.cancel .inconvenient-check-list li span.inputbox{border-top:1px solid #d3d6e6}
.cancel .inconvenient-check-list li:first-child span.inputbox{border-top:none; position:relative; }
.cancel .inconvenient-check-list li span.inputbox{padding:0 16px;}
.cancel .inconvenient-check-list .custom-form{left: 16px;}
.cancel .custom-form{position:absolute; left:0; left:0; top:50%; margin-top:-10px}
.cancel.tod-sscBody .inconvenient-wrap .btnwrap .item-two .bt-ssc-line{margin-right: 8px;}
/*
.cancel .custom-form input[type=checkbox] + .c-type1{top:50%; left:0; width:20px; height:20px; background: url('/img/comm_2022/spr_form.svg') no-repeat; margin-top:-10px; vertical-align:bottom}
.cancel .custom-form input[type=checkbox]:checked + .c-type1{background-position: -22px 0}
*/
.cancel .custom-form input[type=checkbox] + .c-type1{top:50%; left:0; width:20px; height:20px; background-image:none; background-color:#fff; border:1px solid #e2e2f0; border-radius:2px; margin-top:-10px; vertical-align:bottom}
.cancel .custom-form input[type=checkbox]:checked + .c-type1{background: url('/img/comm_2022/spr_form.svg') no-repeat; background-position: -22px 0}
.cancel.tod-sscBody .popup-info .bt-slice .bt-ssc-line{margin-right:4px}
.cancel.tod-sscBody .popup-info .bt-slice .bt-ssc{}
.cancel.tod-sscBody .popup-info .bt-slice li{height:auto !important}
.cancel.tod-sscBody .popup-info .bt-slice li button{width:100%; min-width:104px; height:36px; padding:0 14px; font-size:.875rem; font-weight:700; border-radius:4px; line-height:36px}
/* 22.08.19 수정 : 해지신청 완료*/
.cancel .guideArea{position:absolute; left:16px; right:16px; bottom:108px; margin-top:32px; padding:16px; border:1px solid #e2e2f0; border-radius:8px; background:#fafafc}
.cancel .guideArea .bultType01{margin-top:6px}
.cancel .guideArea .bultType01 li{font-size:0.75rem; margin-top:0; padding-left:12px; position:relative}
.cancel .guideArea .bultType01 li::before{content:"-"; position:absolute; left:0; top:0}
/* 22.08.19 수정 : 해지신청 */
.cancel .info-wrap{margin-top:24px; padding:32px 16px 24px; border-radius:8px; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box}
.cancel .info-wrap .rbox{padding:0; border-radius:4px;}
.cancel .saving-amount{font-weight:700; margin-top:0}
.cancel .sscpay-benefit-list{border:1px solid #1a1a47; border-width:1px 0; padding:16px 0}
.cancel .sscpay-benefit-list .amount{font-size:0.875rem; color:#3e3e52; font-weight:400; margin: 1rem 0;}
.cancel .sscpay-benefit-list .amount:first-child{margin-top: 0;}
.cancel .sscpay-benefit-list .amount .price{font-weight:700; font-size:0.875rem;}
.cancel.tod-sscBody .benefit-list{border-bottom:1px dashed #E2E2F0}
.cancel .sscpay-benefit-list .total{border-top:1px solid #E2E2F0; font-weight:400}
.cancel .sscpay-benefit-list .total > .price{color:#FF404E; font-weight:700}
.cancel .sscpay-benefit-list .total .sscpay-salelist .price{font-weight:700; color:#3e3e52;}
.cancel .sscpay-list .sscpay-salelist li{font-size:0.75rem; padding-right:90px; margin-bottom: 0.75rem;}
.cancel .sscpay-list .sscpay-salelist li .price{font-size:0.75rem; font-weight:normal;}
.cancel .cert-serv-list{overflow:hidden; position:relative; padding:24px 4px; border-radius:4px; border:1px solid #e6e9f5; background:#fff; display:flex; justify-content:center}
.cancel .saving-amount-txt{padding:0; border:0; margin:0 0 16px; color:#363747}
.cancel .rbox{padding:32px 16px 24px;margin-top:0}
.cancel .rbox .tit{margin-bottom:16px; font-weight:700; font-size:1.25rem; line-height:1.4; text-align:center; color:#1A1A47;}
.cancel.tod-sscBody .cert-serv-list li{margin:0 16px; text-align:center; padding:0; border-top:0}
.cancel.tod-sscBody .cert-serv-list li img{width:64px}
.cancel.tod-sscBody .serv-item .item{text-align:center; width:64px}
.cancel.tod-sscBody .serv-item .item .cert-coment{padding-left:0}
.cancel.tod-sscBody .serv-item .item .cert-coment *{font-size:0.75rem; color:#686C7C}
.cancel.tod-sscBody .serv-item .item .cert-coment p{min-width:66px; font-size:0.75rem; color:#686C7C} /* SSMCM-5544 : min-width:66px 추가 */
.cancel.tod-sscBody .serv-item .item .cert-name{padding:0}
.cancel.tod-sscBody .serv-item .item .cert-name:before{display:none}
.cancel.tod-sscBody .serv-item .item > div:first-child{display:block}
.cancel.tod-sscBody .serv-item .item .ico{position:relative; margin-right:0; width:66px; height:66px}
.cancel.tod-sscBody .add-benefit-list {overflow:hidden; position:relative; padding:0 4px; display:flex; justify-content:center; margin-top:16px}
.cancel.tod-sscBody .add-benefit-list li{width:auto; margin:0 16px}
.cancel.tod-sscBody .add-benefit-list .item{text-align:center; min-width:64px; width:100%}
.cancel.tod-sscBody .add-benefit-list .item .cert-coment{padding-left:0}
.cancel.tod-sscBody .add-benefit-list .item .cert-coment *{font-size:0.75rem}
.cancel.tod-sscBody .add-benefit-list .item .cert-name{padding:0}
.cancel.tod-sscBody .add-benefit-list .item > div:first-child{display:block}
.cancel.tod-sscBody .add-benefit-list .item .ico{position:relative; margin-right:0; width:64px !important; height:64px !important;}
.cancel.tod-sscBody .add-benefit-list.mini li{position:relative}
.cancel.tod-sscBody .add-benefit-list.mini li:before{content:"or"; font-size:0.75rem; color:#3e3e52; letter-spacing:-0.3px; position:absolute; left:-13px; top:25px}
.cancel.tod-sscBody .add-benefit-list.mini li:first-child:before{display:none}
.cancel .cont-box .add-box{position:relative; background:#fff; text-align:center; border-radius:8px; border:1px solid #e2e2f0;margin-top:4px; padding:24px 22px 20px}
.cancel .cont-box .add-box .tit-wrap{display:inline-block; text-align:center; margin-bottom:0; }
.cancel .cont-box .add-box .tit-wrap .tit{font-size:0.875rem; font-weight:700; line-height:1.28}
.cancel .cont-box .add-box:before{content: ''; display: block; position: absolute; top:-36px; left: 50%; width: 72px;height: 72px; background: url('/img/comm_2022/ico_plus.svg') no-repeat; margin: 0 0 0 -36px;transform: rotateZ(45deg)}
.cancel .add-benefit-tit{font-size:0.75rem;color:#686C7C; margin-top:0}
.cancel .benefit-amount-txt{border-top:0; margin-top:24px; padding-top:0; color:#3e3e52}
.cancel .recommend-serv{margin-top:0; color:#1A1A47; font-weight:700; font-size:1.25rem; line-height:1.4; margin-bottom:24px}
.cancel .recommend-serv strong{color:#ff404e}
.cancel .change-serv-btn{padding-bottom:8px; text-align:center}
.cancel .change-serv-btn .bt-slice .bt-ssc-line{height:36px !important}
.cancel .change-serv-btn .bt-slice .bt-ssc-line button{min-width:104px; width: 144px; height:36px; margin-right:0; font-weight:700; border-radius:4px; line-height:36px; font-size:.875rem}
/* 22.08.19 수정 : 해지방어 2단계*/
.cancel .next-payment-txt{text-align:left; margin-top:12px; font-size:0.75rem; color:#686C7C}
.cancel .note-accor-area{margin:16px 1.25rem 0; padding:0}
.cancel .ssc-toggle .accordion .acco-list{border-top:0}
.cancel .ssc-toggle .accordion .acco-list .acco-box{border-bottom:0}
.cancel .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit{background:#fff; border-radius:8px; padding:17px 40px 17px 16px; line-height:1.33}
.cancel .ssc-toggle .accordion .acco-list .acco-box.on > .acco-cont{border-top:1px solid #E2E2F0; background:#fff; border-radius:0 0 8px 8px}
.cancel .ssc-toggle .accordion .acco-list .acco-box.on .acco-tit{border-radius:8px 8px 0 0; font-weight:700; color:#3617CE}
.cancel .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit button{width:100%}
.cancel .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit button:after{content: ''; display: block; position: absolute; top: 50%; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; left: auto; right: 30px; background: url('/img/comm_2022/ico_close.svg') no-repeat; transition: 0.3s}
.cancel .accordion .acco-style.btn-hold .acco-list .acco-box.on > .acco-tit button:after{background:url('/img/comm_2022/ico_open.svg') no-repeat;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg)}
/* 22.08.19 수정 : 단품해지 */
.cancel .singleProd{display:flex; padding:14px 16px; align-items:center; margin-top:24px; border-radius:8px; background:#fff}
.cancel .singleProd figure{height:44px; margin-right:12px}
.cancel .singleProd img{width:44px}
.cancel .singleProd .brandName{font-size:0.875rem; color:#1A1A47; font-weight:700}
/* 22.08.19 수정 : 상품변경 */
.change .container{padding:0}
.change .wrap{background:#f5f5fa}
.change .cont-box{padding:32px 16px}
.change .cont-box:first-child{background:#fff; box-shadow:0 4px 12px 0 rgb(0 0 0 / 8%)}
.change.tod-sscBody .cont-box:first-child .shadow-box{box-shadow:unset; padding:0}
.change.tod-sscBody .cont-box:first-child .myuse-his-box{ border:1px solid #E2E2F0; background:#fff; border-radius:8px; padding:20px 16px 16px;}
.change.tod-sscBody .cont-box:first-child .myuse-his-box .use-subsc-item .main-item .item-row{display:inline-block}
.change.tod-sscBody .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell{display:inline-block}
.change.tod-sscBody .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .ico{border-radius:0; height:20px}
.change.tod-sscBody .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .ico img{width:auto; height:20px}
.change.tod-sscBody .cont-box:first-child .myuse-his-box .rbox{margin-top:16px; position:relative; padding:16px; border:1px solid #e2e2f0; border-radius:4px; background:#fafafc}
.change.tod-sscBody .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info{width:100%; display:inline-block; margin-left:0}
.change.tod-sscBody .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info span{font-size:0.75rem; color:#686C7C; line-height:1.42; font-weight:400}
.change .rbox h3{margin-bottom:5px; font-size:0.75rem; font-weight:700}
.change .rbox .refund li{color:#686C7C; font-size:0.75rem; margin-bottom:0; line-height:23px}
.change .rbox .refund li span{float:right; color:#686C7C; font-size:0.75rem !important}
.change .bt-fixed-area .bt-ssc{flex:192%}
.change .cont-box .my-tit-wrap{margin-bottom:16px}
.change .cont-box .my-tit-wrap .tit-small{font-weight:400; font-size:1.25rem; line-height:1.4}
.change .cont-box .my-tit-wrap .tit-big{font-size:1.25rem; line-height:1.4; font-weight:700; color:#1a1a47}
.change .cont-box .tit{font-weight:700; font-size:1rem; line-height:1.14; color:#1A1A47; line-height:1.5;}
.benefit_icon{display:flex; justify-content:center; margin-top:16px}
.benefit_icon li{margin:0 5px; line-height:normal}
.benefit_icon li img{width:32px}
.change .bt-slice{margin:0}
.change .cont-box + .cont-box{padding-bottom: 66px;}
/* 22.08.19 수정 : 패키지변경 */
.change.bgWhite{background:#fff}
.change.bgWhite .wrap{background:#fff}
.change.bgWhite .cont-box{box-shadow:unset}
.change .cont-box.new-cont-box{padding:32px 16px 52px}
.change .new-cont-box .pack-sort-tit{margin-bottom:8px}
.change .cont-box.new-cont-box .sort-area{margin-bottom:32px}
.change .cont-box.new-cont-box .sort-area.pack-sort.on{border-radius:0; border:0}
.change .cont-box.new-cont-box .sort-area.pack-sort.on button{border-radius: 8px; border: 1px solid #E2E2F0;position:relative}
.change .cont-box.new-cont-box .sort-area.pack-sort.on ul{margin-top:4px; border:1px solid #3617CE; border-top:1px solid #3617CE; border-radius:8px; padding:0; max-height:375px; position:static; width:100%}
.change .cont-box.new-cont-box .sort-area ul li{padding:16px; margin-bottom:0}
.change .sort-inner-top p{font-weight:700; color:#3e3e52; line-height:1.28}
.change .sort-inner-bottom{color:#686C7C; font-weight:400; font-size:0.75rem; margin:7px 0 10px; line-height:1.25}
.change .sort-inner-price p{font-weight:700; color:#ff404e; font-size:0.75rem; line-height:1.25}
.change.tod-sscBody .popup-page.tw-popup .bt-fixed-area{bottom:0}
.change.tod-sscBody .popup-page.tw-popup .bt-fixed-area .bt-slice{padding:0}
.change.tod-sscBody .popup-page.tw-popup .bt-fixed-area .bt-slice [class^=bt-ssc]{margin:0}
.change.tod-sscBody .popup-page.tw-popup .bt-fixed-area .bt-slice [class^=bt-ssc] button{border-radius:0; }
.change.tod-sscBody .bt-slice button:disabled{background:#D3D6E6 !important; border-color:#D3D6E6 !important; color:#fff !important}
.cmpl .cont-box{padding-bottom:60px}
.cmpl .my-tit-wrap{margin:0; padding:12px 0 32px; text-align:center}
.cmpl .cont-box .my-tit-wrap .tit-big{padding-top:90px; color:#1a1a47; font-size:1rem; font-weight:700; line-height:1.27; background:url('/img/comm_2022/bg_complete.png') no-repeat 50% 0/72px auto; letter-spacing:-0.03em}
.cmpl .my-tit-wrap .tit-big-txt{margin-top:8px; font-size:0.875rem; font-weight:400}
.cmpl .rbox{margin-top:0; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); padding: 18px 16px; border-radius: 8px;}
.cmpl .sscpay-list.immediate-refund .pay-method{font-size:12px; line-height:17px; color:#686C7C; font-weight:400}
.cmpl .sscpay-list.immediate-refund .refund-amount{font-size:12px; line-height:17px; color:#3e3e52; font-weight:400}
.cmpl .sscpay-list.immediate-refund li{margin-bottom:8px}
.cmpl .sscpay-list.immediate-refund .total{margin-top:16px; margin-bottom:0; padding-top:16px}
.cmpl .sscpay-list.immediate-refund .total .pay-method{font-weight:700; font-size:14px; line-height:17px; letter-spacing:-0.35px; color:#3e3e52}
.cmpl .sscpay-list.immediate-refund .total .refund-amount{font-weight:700; font-size:14px; line-height:17px; letter-spacing:-0.35px; color:#ff404e}
.cmpl .sscpay-list.immediate-refund .single{margin-bottom:0}
.cmpl .sscpay-list.immediate-refund .single .pay-method{font-weight:700; font-size:12px; color:#3e3e52}
.cmpl .sscpay-list.immediate-refund .single .refund-amount{font-size:12px; line-height:17px; color:#3e3e52; }
.cmpl .notice-wrap{box-shadow:unset; -webkit-box-shadow:unset; border: solid 1px #e2e2f0; background-color: #fafafc}
.cmpl .notice-wrap ul.txt-ssm li{font-size:12px; line-height:1.42; letter-spacing:-0.3px; color:#686C7C;}
.cmpl .bt-slice{margin:0}
.cmpl .notice-wrap .tit{margin-bottom: 6px;}
/* 연단위 */
.titWelcome{margin-bottom:10px; font-weight:700}
.checkReturnTxt{margin-bottom:12px; font-size:1rem; color:#1A1A47; font-weight:700}
.returnMoneyBox + .returnMoneyBox{margin-top:16px}
.noticeTxtReturn{margin-top:8px; margin-bottom:16px; font-size:0.75rem; color:#686C7C}
.bt-fixed-b2 .item-two li{width:66%}
.bt-fixed-b2 .item-two li:first-child{width:34%}
.labelAccont{display:block; padding-top:8px; font-size:0.75rem; color:#686C7C}
.userAccountBox{margin-top:24px; padding:16px; border:1px solid #e2e2f0; border-radius:8px; position:relative}
.userAccountBox .titUserAccont{font-size:0.875rem; color:#1A1A47; font-weight:700}
.userAccountBox .txtAccountNum{margin-top:7px; font-size:0.75rem; color:#686C7C}
.tod-sscBody .userAccountBox .bt-slice{display:block; width:auto; transform:translateY(-50%); position:absolute; right:16px; top:50%}
.tod-sscBody .userAccountBox .bt-slice .bt-ssc-line{width:44px; height:28px !important}
.tod-sscBody .userAccountBox .bt-slice .bt-ssc-line button{border-radius:14px; font-size:12px; line-height:28px}
.cmpl .sscpay-list.immediate-refund .cancelDate{margin-bottom:0}
.cmpl .sscpay-list.immediate-refund .cancelDate .pay-method{font-weight:700; font-size:14px; line-height:17px; letter-spacing:-0.35px; color:#3e3e52}
.cmpl .sscpay-list.immediate-refund .cancelDate .refund-amount{font-size:14px; line-height:17px; letter-spacing:-0.35px; color:#3e3e52}
/* 220822 추가 */
.cancel.tod-sscBody .benefit-serv-list .serv-item .item .cert-name{padding-left:0}
.cancel.tod-sscBody .benefit-serv-list .serv-item .item .cert-coment{padding-left:0}
.cancel.tod-sscBody .benefit-serv-list .serv-item .item .ico{width:66px; height:66px}
/* @charset "UTF-8"; */
.badge+em,.badge+strong,.rbadge+em{margin-left:6px}
.floating-btn{height:calc(env(safe-area-inset-bottom) + 96px)}
.floating-btn .bt-fixed-area .bt-slice{margin:0 }
.floating-btn .bt-fixed-area .bt-slice .w35{flex:0 0 35%;}
.new-cont-box .btn-modify{margin-right:8px}
.inputbox .bt-box.input-bt-ssc button{background-color:#3617ce}
.inputbox .bt-box.input-bt-ssc button:disabled{background:#E2E2F0}
/* 쿠폰 선물하기 */
.send-user-area .send-user-tit,.receive-user-area .receive-user-tit{font-size:1rem; font-weight:bold}
.send-user-area .send-user-name,.receive-user-area .receive-user-name{font-size:0.875rem; font-weight:bold; margin:20px 0 10px}
.receive-user-area .phone-error{display:none; color:#ff404e; font-size:11px; margin-top:6px}
.receive-user-area .error+.phone-error{display:block}
.receive-user-area .btn-wrap{margin:20px 0 30px; padding:0 20px}
.receive-user-area .send-desc{margin-top:6px; font-size:11px; color:#686C7C}
.receive-user-area .inputbox .input input::placeholder{font-size:0.8125rem}
/* 만료 쿠폰 보가 */
.cont-box.new-cont-box .my-coupon-list.disabled{opacity:.6}
.cont-box.new-cont-box .my-coupon-list.disabled li .coupon{background-color:#f6f8fa}
/* 쿠폰함 */
.cont-box.new-cont-box .my-cont-box .tab-area .tab-linker{margin-bottom:24px}
.cont-box.new-cont-box .inputbox .input .sub-btn{width:20%; height:100%; position:absolute; top:50%; transform:translateY(-50%); right:0px; font-size:0.875rem; color:#b4b4b4; font-weight:700}
.cont-box.new-cont-box .number-area{font-size:0.875rem}
.cont-box.new-cont-box .number-area .number{color:#1A1A47}
.cont-box.new-cont-box .sort-area{position:relative}
.cont-box.new-cont-box .sort-area .sort-btn{position:relative; padding-right:17px}
.cont-box.new-cont-box .sort-area .sort-btn::after{content:"";display:block; position:absolute; top:50%; right:0px; margin:-7px 0 0 0; width:14px; height:14px; background:url(/img/btn-down-14.svg) no-repeat; transition:0.5s}
.cont-box.new-cont-box .sort-area.on .sort-btn::after{transform:rotate(180deg)}
.cont-box.new-cont-box .sort-area ul{display:none; position:absolute; top:30px; right:0; z-index:5; background-color:#fff; width:92px; padding:14px 11px; border:1px solid #dedede; border-radius:8px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1)}
.cont-box.new-cont-box .sort-area.on ul{display:block}
.cont-box.new-cont-box .sort-area ul li{border-bottom:1px solid #dedede; padding-bottom:10px; margin-bottom:10px; font-size:14px}
.cont-box.new-cont-box .sort-area ul li:last-child{border-bottom:none; padding-bottom:0px; margin-bottom:0px}
.cont-box.new-cont-box .mycoupon-list-box .btn-arr-rgt{position:absolute; top:15px; right:20px; padding-right:10px}
.tod-sscBody .cont-box.new-cont-box .mycoupon-list-box .ico-arrow-r{mask-image:none; -webkit-mask-image:none; background-color:transparent; background:url(/img/btn-arrow-5.png) no-repeat; width:0.3125rem; height:0.5rem; position:absolute; top:50%; transform:translateY(-50%); right:0}
/* 사용/기간 만료쿠폰 */
.tod-sscBody .unvspass-cp-list>li .unvspass-cp.disabled{background-color:#fafafc;}
.tod-sscBody .unvspass-cp-list>li .unvspass-cp.disabled p{opacity:.6}
.cpinfo-dis-txt{font-size:14px; margin-bottom:10px}
.cpinfo-dis-txt em{font-weight:bold}
/* 결제내역 */
.mypay-his-box .mypay-his-list .pay-his-item.n-pay-item .item-logo{width:100%; display:flex; align-items:center}
.mypay-his-box .mypay-his-list .pay-his-item.n-pay-item .item-logo .ico{min-width:30px; margin-right:8px}
.mypay-his-box .mypay-his-list .pay-his-item.n-pay-item .item-logo em{font-weight:bold; word-break:break-all}
/* 패키지 */
.new-cont-box .my-cont-box .tab-area .tab-contents>ul>li .tab-cont,.new-cont-box .my-cont-box .tab-area>.tab-cont{margin-top:0}
.new-cont-box .pack-sort-tit{font-weight:bold; margin-bottom:10px}
.pack-sort{border:1px solid #e4e4e4; width:100%; border-radius:8px; background-color:#fff; box-sizing:border-box; margin-bottom:20px}
.cont-box.new-cont-box .sort-area.pack-sort .pack-sort-btn{width:100%; height:100%; text-align:left; padding:10px 0 10px 10px}
.cont-box.new-cont-box .sort-area.pack-sort.on .pack-sort-btn::after{transform:rotate(180deg)}
.cont-box.new-cont-box .sort-area.pack-sort .pack-sort-btn::after{content:""; position:absolute; top:50%; margin-top: -7px; right:12px; width:14px; height:14px; background:url(/img/btn-down-14.svg) no-repeat 50% 50%}
.sort-area.pack-sort.on{border-radius:8px 8px 0 0; border-color:#3617ce}
.cont-box.new-cont-box .sort-area.pack-sort ul{top:40px; right:-1px; width:calc(100% + 2px); box-sizing:border-box; border-radius:0 0 8px 8px; max-height:300px; overflow-y:auto}
.cont-box.new-cont-box .sort-area.pack-sort.on ul{border-color:#3617ce; border-top:0}
.sort-inner-top{display:flex; justify-content:space-between; margin-bottom:2px}
.sort-inner-top p{font-weight:bold}
.sort-inner-bottom{font-size:0.8125rem; color:#686C7C}
.rbox.card-info-wrap{margin-top:20px}
/* .card-info-wrap .card-info-top{padding-bottom:9px}*/
.card-info-wrap .card-info-top .name{font-size:1rem; font-weight:bold}
.card-info-wrap .card-info-top .number{font-size:0.75rem; margin-top:2px; color:#1A1A47}
.card-info-wrap .card-info-bottom{border-top:1px solid #e1e3e4; margin-top:9px; padding-top:12px; display:flex; justify-content:space-between}
.pack-container .request-retraction-txt{bottom:100px}
.rbox.pack-rbox+.bt-slice{margin-top:20px}
.rbox.pack-rbox .pack-rbox-txt{font-size:1rem; font-weight:bold}
.rbox.pack-rbox .pack-rbox-txt2{color:#686C7C; margin-top:4px}
/* 제휴사 쿠폰함 리스트 */
.tab-cont .mycoupon-list-box{padding-top:0.25rem}
.mycoupon-list-box .notice-wrap{position:relative; margin-top:18px; padding-top:18px}
.mycoupon-list-box .notice-wrap::after{content:''; display:block; position:absolute; top:-1px; left:0; width:100%; height:2px; background:url('/img/line-inner2.svg') center center repeat-x}
.my-list-info{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px}
.my-list-info .number-area{color:#1A1A47; font-size:18px; vertical-align:middle; font-weight:400; line-height:22px}
.my-list-info .number-area .number{display:inline-block; color:#3617ce; font-weight:700}
.my-list-info .sort-area{line-height:22px}
.my-list-info .sort-area .radiobox.type01.checked:before{background-image:url('/img/form-radio-checked-blue.svg')}
.my-list-info .sort-area .radiobox.type01{margin-right:19px; color:#1A1A47}
.my-list-info .sort-area .radiobox.type01:last-child{margin-right:0}
.my-coupon-list li{margin-top:6px}
.my-coupon-list li:first-child{margin-top:0}
.my-coupon-ex{margin-top:18px; text-align:right}
.mycoupon-list-box + .cont-box{padding: 2rem 0;} /* 접근성 수정 */
/* 제휴사 쿠폰함 리스트 - 쿠폰 */
/* 220619 말줄임 삭제
.coupon-box .coupon .cp-body .coupon-info .sale-content{height:20px; color:#1A1A47; font-size:16px; font-weight:700; line-height:1.2; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
*/
/* 만료된 제휴사 쿠폰 */
/*.coupon-box.disabled{} */
.coupon-box.disabled .coupon .cp-body .brand,
.coupon-box.disabled .coupon .cp-body .coupon-info .sale-content,
.coupon-box.disabled .coupon .cp-foot .use-date{color:#b4b4b4}
.coupon-box.disabled .coupon .cp-head .ico,
.coupon-box.disabled .coupon .cp-foot .use-tag,
.coupon-box.disabled .coupon .cp-foot::before{opacity:0.4}
/* 제휴사 쿠폰상세보기 */
.cont-box.mycoupon-view-box{padding:2rem 1.438rem 3.9375rem; background:#f9f5ff url('../img/coupon/bg-coupon-view.png') no-repeat 50% 0%; background-size:100% auto}
.mycoupon-view-box h3.brand{color:#1A1A47; font-size:24px; font-weight:700; line-height:26px; letter-spacing:-1px; text-align:center; text-shadow:-1px 0 #f9f5ff, 0 1px #f9f5ff, 1px 0 #f9f5ff, 0 -1px #f9f5ff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.mycoupon-view-box .cont-sp.type1{margin-top:30px; margin-bottom:30px; margin-left:-1.438rem; margin-right:-1.438rem}
/*.mycoupon-view-box .view-coupon{} */
.view-coupon .coupon-detail{position:relative; margin-top:16px; padding:20px 20px; overflow:hidden; box-sizing:border-box; border-radius:8px; background-color:#fff; box-shadow:0 6px 9px 0 rgba(221, 224, 226, 0.7)}
.view-coupon .coupon-detail .cp-img{position:absolute; right:0; top:0; z-index:1}
.view-coupon .coupon-detail .cp-img img{width:auto !important; max-width:124px; height:155px}
.view-coupon .coupon-detail .cp-view{position:relative; box-sizing:border-box; min-height:133px; padding-right:110px; padding-bottom:24px; text-align:left; z-index:1}
.view-coupon .coupon-detail .cp-view::before{content:''; position:absolute; left:-4px; right:-4px; bottom:-1px; height:2px; background:url('/img/bg-border-dot.png') repeat-x 0 0; background-size:6px auto}
.view-coupon .coupon-detail .cp-view .use-tag{white-space:nowrap; padding-left: 0.5px;}
.view-coupon .coupon-detail .cp-view .use-tag .ssc-tag:first-child{margin-left:0}
.view-coupon .coupon-detail .cp-view .sale-content{min-height:48px; margin-top:8px; padding:0; color:#1A1A47; font-size:18px; font-weight:700; line-height:24px; word-break:keep-all}
.view-coupon .coupon-detail .cp-view .use-date{margin-top:16px; color:#686C7C; font-size:12px; line-height:18px}
.view-coupon .coupon-detail .cp-view .use-tag > span{vertical-align: middle;}
/* 접근성(2022) */
.view-coupon .coupon-detail .cp-number{max-width:600px; margin:auto; padding:20px 46px 0; text-align:center}
.view-coupon .coupon-detail .cp-number .codebar{display:block; position:relative; width:100%}
.view-coupon .coupon-detail .cp-number .codebar img{position:relative; width:100%}
.view-coupon .coupon-detail .cp-number .codebar+.codenumb{margin-top:5px; margin-left:-15px; margin-right:-15px}
.view-coupon .coupon-detail .cp-number .codenumb{margin-top:2px; color:#1A1A47; font-size:16px; line-height:20px}
.view-coupon .coupon-detail .cp-number .codenumb>span{padding:0 3px}
.view-coupon .coupon-detail .cp-number .codenumb.type-dashed>span{padding:0}
.view-coupon .coupon-detail .cp-number .codenumb.type-dashed>span:before{content:'-'}
.view-coupon .coupon-detail .cp-number .codenumb.type-dashed>span:first-child:before{content:''}
.view-coupon .coupon-detail .cp-number .codenumb+.codecopy{margin-top:3px}
.view-coupon .coupon-link{margin-top:21px}
.noti-coupon{position:relative}
.noti-coupon dl>div{display:flex; font-size:13px; line-height:21px}
.noti-coupon dl>div dt{position:relative; width:62px; color:#1A1A47}
.noti-coupon dl>div dt::after{content:':'; position:absolute; right:1px; top:0}
.noti-coupon dl>div dd{position:relative; width:calc(100% - 62px); padding-left:12px; box-sizing:border-box; color:#686C7C}
.noti-coupon .noti-list>li:first-child{margin-top:0}
/*.noti-coupon .noti-list .noti-item{} */
/* 만료된 쿠폰 상세보기 */
.cont-box.mycoupon-view-box.disabled{position:relative; background:#f6f8fa}
.cont-box.mycoupon-view-box.disabled::after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-color:transparent; z-index:3}
.mycoupon-view-box.disabled h3.brand,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-view .sale-content,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-view .use-date,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-number .codenumb,
.mycoupon-view-box.disabled .noti-coupon dl>div dt,
.mycoupon-view-box.disabled .noti-coupon dl>div dd,
.mycoupon-view-box.disabled .noti-coupon .noti-list .noti-item,
.mycoupon-view-box.disabled .noti-coupon .noti-list .noti-item ul.txt-ssm>li,
.mycoupon-view-box.disabled .noti-coupon .noti-list .noti-item ul.txt-ssm>li>a{color:#b4b4b4}
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-img,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-view .use-tag,
.mycoupon-view-box.disabled .view-coupon .coupon-detail .cp-number .codebar img{opacity:0.3}
/* 2022.08.08 쿠폰함 css 시작 */
/* 흰색 배경 */
.col-white{background-color:#fff}
/* 제휴사 헤택 쿠폰 */
.cont-box.new-cont-box2{padding-bottom:0}
.cont-box.new-cont-box2 .coupon-tit{font-size:16px !important}
.new-cont-box2 .coupon-box .coupon{border-radius:8px; padding:16px; height:auto; border:1px solid #e2e2f0}
.new-cont-box2 .coupon-box::after{display:none}
.new-cont-box2.new-cont-box .number-area{font-size:14px; font-weight:700}
.new-cont-box2 .custom-form{margin-right:8px}
.new-cont-box2 label{display:block; line-height:20px }
.new-cont-box2.new-cont-box .sort-area .sort-btn{padding-right:20px; line-height:20px;color:#3E3E52}
.new-cont-box2.new-cont-box .sort-area .sort-btn span{font-size:14px }
.new-cont-box2.new-cont-box .number-area .number{color:#ff404e}
.new-cont-box2 .inputbox{margin:0 24px 0 auto; display:flex; align-items:center}
.new-cont-box2 .inputbox .input{width:100%}
.new-cont-box2 .coupon-box .coupon .cp-foot::before{display:none}
.new-cont-box2 .coupon-box .coupon::before, .coupon-box .coupon::after{display:none}
.new-cont-box2 .coupon-box .coupon .cp-foot{padding:0; height:auto; background:transparent; border:none}
.new-cont-box2 .coupon-box .coupon .cp-body{height:auto; padding-bottom:8px}
.new-cont-box2 .coupon-box .coupon .cp-head .ico{width:64px; height:64px; display:block}
.new-cont-box2 .coupon-box .coupon .cp-head .ico:before{content:''; position:absolute; top:0; left:0; width:100%;height:100%; border:1px solid rgba(0, 0, 0, 0.1); border-radius:50%; box-sizing:border-box;}
.new-cont-box2 .coupon-box .coupon .btn-coupon:after{display:none}
.new-cont-box2 .coupon-box .coupon .cp-head .ico::after{display:none}
.new-cont-box2 .coupon-box .coupon .cp-body .coupon-info .sale-content{font-size:14px; padding-right: 70px;}
.new-cont-box2 .my-coupon-list{margin-bottom:24px}
/* 구독할인 쿠폰 */
.tod-sscBody .new-cont-box2 .unvspass-cp-list > li .unvspass-cp{padding:16px 16px 8px 16px}
.new-cont-box2 .cpinfo-area{width:100%}
.cont-box.new-cont-box2 .my-cont-box .my-list-info{margin-top:30px !important}
.new-cont-box2 .inputbox.inp-btn .bt-box{position:absolute; right:0; top:calc(50% - 6px); transform:translateY(calc(50% - 12px))}
.cont-box.new-cont-box2 .my-cont-box .tab-area .tab-linker{margin-bottom:0}
.new-cont-box2 .code-input-area{margin-top:24px}
.new-cont-box2 .inputbox.inp-btn label{font-size:12px; color:#3e3e52;}
.new-cont-box2 .inputbox.inp-btn .bt-box button{color: #1a1a47; background-color: #fafafc; border: solid 1px #e2e2f0; border-radius:14px; width:44px; height:28px; line-height:28px; text-align:center; padding:0; font-weight:700}
.new-cont-box2 .inputbox.inp-btn input[type=text]{background:transparent; padding:12px 0}
.new-cont-box2 .inputbox.inp-btn input::placeholder{color:#d3d6e5}
.tod-sscBody .new-cont-box2 .unvspass-cp .cpinfo-area p{margin:0; padding:7px 0 15px 0; color:#3e3e52;}
.tod-sscBody .new-cont-box2 .unvspass-cp .cpinfo-area p:last-child{border-top:1px dashed #ccc; padding-top:8px; padding-bottom:0; display:flex; justify-content:space-between; align-items:center; color:#686c7c;}
.tod-sscBody .new-cont-box2 .unvspass-cp .cpinfo-area p:first-child{margin:0; padding:0}
.new-cont-box2 .cpinfo-dis-txt.cl-fred{font-weight:bold; font-size:14px;color: #ff404e;}
.tod-sscBody .new-cont-box2 .unvspass-cp .cp-name{font-weight:normal; font-size:12px; color:#686c7c}
.tod-sscBody .new-cont-box2 .unvspass-cp .cp-date{font-size:12px; color:#686c7c; width: 75%;} /* SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영 */
.cont-box.new-cont-box2 .mycoupon-list-box .btn-arr-rgt span{font-size:12px; color:#3e3e52}
.new-cont-box2 .my-coupon-ex{margin:32px 0 0}
.tod-sscBody .new-cont-box2 .bt-arr{text-decoration:none; font-size:12px; color:#3e3e52}
/* SSMCM-6014 : 툴팁 */
.tooltip-box{position: relative;top:-10px;padding:12px;margin:0 0 6px;background-color: #8e95a5;border-radius: 2px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.tooltip-box::before{content: '';display: block;width: 7px;height: 4px;position: absolute;top:-4px;left: 16px;background: url(/img/ico-tooltip-arrow.svg) no-repeat 0 0/7px auto;}
.tooltip-box *{color:#fff}
.tooltip-box .tooltip-top{display: flex;}
.tooltip-box .tooltip-top .text{font-size: 0.875rem;}
.tooltip-box .tooltip-top .btn-coupon-add{position:relative;display:flex;align-items: center;margin-left: auto;padding-right: 10px;}
.tooltip-box .tooltip-top .btn-coupon-add span{font-size: 0.6rem;}
.tooltip-box .tooltip-top .btn-coupon-add .ico-arrow-w{display:block;position: absolute;width:8px;height:16px;top:50%;right: 0;transform: translateY(-50%);background: url(/img/btn-arrow6.png) no-repeat center center/auto 16px;}
.tooltip-box .tooltip-bottom{margin-top: 4px;}
.tooltip-box .tooltip-bottom span{font-size: 0.6rem;}
/* SSMCM-6014 : 쿠폰등록완료 */
.popup.popup.coupon-popup .popup-info .popup-header .popup-title{color:#1a1a47}
.popup.coupon-popup .text{padding:16px;border:1px solid #e2e2f0;border-radius: 8px;}
.popup.coupon-popup .text > dt{padding-top:86px;background:url(/img/comm_2022/ico_couponbox.png) no-repeat center calc(-50% + 54px)/54px auto;color:#1a1a47;font-weight: bold;text-align: center;font-size: 0.875rem;}
.popup.coupon-popup .text > dd{margin-top:8px;color:#3e3e52;text-align: center;}
.popup.coupon-popup .bt-bottom > li.pos-left{max-width: 80px;}
/* .cont-box2 .my-article{border:1px solid #e2e2f0; background-color:#fafafc; border-radius:8px; padding:16px}*/
.cont-box2{margin-bottom:-30px }
.cont-box2 .my-article .my-article-cont .notice-wrap{background-color:#fafafc; border:1px solid #e2e2f0; border-radius:8px; box-shadow:none}
.cont-box2 .my-article .my-article-cont .notice-wrap .tit{position:relative; font-weight:700}
.cont-box2 .my-article .my-article-cont .notice-wrap .tit ~ .tit::before{content:''; display:block; position:absolute; top:0; left:-15px; right:-15px; background:#e2e2f0; height:1px}
.cont-box2 .my-article .my-article-cont .notice-wrap ul.txt-ssm > li{margin-top:5px; padding-left:14px; font-size:12px }
.cont-box2 .my-article .my-article-cont .notice-wrap ul.txt-ssm > li:first-child{margin-top:0 }
/* 만료 쿠폰 보기 */
.new-cont-box2 .myserv-nonebox.nobg-st .icon,
.new-cont-box2 .myserv-nonebox .icon{width:72px; height:72px}
.new-cont-box2 .myserv-nonebox.nobg-st .icon + .text,
.new-cont-box2 .myserv-nonebox .icon + .text{font-weight:700}
/* 쿠폰함 상세 */
/* 쿠폰함 플래그 */
.unabled-color{background-color:#f5f5fa !important}
.offline-color{background-color:#fff0f1 !important}
.online-color{background-color:#efecfb !important}
.gift-color{background-color:#fff9e5 !important}
.new-coupon-view2{padding:16px !important}
.new-coupon-view2 .bt-slice{margin:0}
.new-coupon-view2 h3.brand{font-weight:700 !important}
.new-coupon-view2 .coupon-view-wrap{background-color:#fff; padding:24px 16px 16px; position:relative; border-radius:8px; box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08)}
.new-coupon-view2 .coupon-view-wrap::after,
.new-coupon-view2 .coupon-view-wrap::before{content:''; display:block; position:absolute; top:64px; width:22px; height:22px; border-radius:10px; z-index:2}
.new-coupon-view2.unabled-color .coupon-view-wrap::after,
.new-coupon-view2.unabled-color .coupon-view-wrap::before{background-color:#f5f5fa}
.new-coupon-view2.offline-color .coupon-view-wrap::after,
.new-coupon-view2.offline-color .coupon-view-wrap::before{background-color:#fff0f1}
.new-coupon-view2.online-color .coupon-view-wrap::after,
.new-coupon-view2.online-color .coupon-view-wrap::before{background-color:#efecfb}
.new-coupon-view2.gift-color .coupon-view-wrap::after,
.new-coupon-view2.gift-color .coupon-view-wrap::before{background-color:#fff9e5}
.new-coupon-view2 .coupon-view-wrap::after{right:-10px}
.new-coupon-view2 .coupon-view-wrap::before{left:-10px}
.new-coupon-view2 .view-coupon .coupon-detail .cp-img{width:72px; height:72px; top:20px; background-image:url(/img/coupon-detail-icon-online.png); background-size:100%}
.new-coupon-view2 .view-coupon .coupon-detail .cp-img:before{content:''; position:absolute; top:0; left:0; width:72px;height:72px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:50%; box-sizing:border-box}
.new-coupon-view2 .view-coupon .coupon-detail .cp-img.offline{background-image:url(/img/coupon-detail-icon-offline.png)}
.new-coupon-view2 .view-coupon .coupon-detail .cp-img img{display:block; width:100% !important; height:unset}
.new-coupon-view2 .view-coupon .coupon-detail{box-shadow:none; padding:0}
.new-coupon-view2 .send-txt-area{padding-top:0 !important}
.new-coupon-view2 .view-coupon .coupon-detail .cp-view::before{display:none}
.new-coupon-view2 .view-coupon .coupon-detail .cp-view .sale-content{font-size:20px}
.new-coupon-view2 .my-article .my-article-tit{padding-bottom:24px; border-bottom:1px dashed #e0e0e0}
.new-coupon-view2 .mycoupon-view-box h3.brand{font-weight:700; font-size:16px}
.new-coupon-view2 .view-coupon .coupon-detail .cp-view .use-date{margin-top:7px}
/* .new-coupon-view2 .view-coupon .coupon-link{margin-top:0; position:absolute; bottom:12px} */
.new-coupon-detail-wrap{border:1px solid #e2e2f0; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:16px 0; border-radius:8px; background-color:#fafafc; height:130px; box-sizing:border-box; position:relative}
.new-coupon-detail-wrap .bt-slice .bt-ssc{width:unset; height:28px !important; padding:0}
.new-coupon-detail-wrap .bt-slice .bt-ssc + .bt-ssc{margin-left:8px}
.new-coupon-detail-wrap .bt-slice .bt-ssc button{font-size:12px; padding:7px 12px; display:flex; align-items:center; justify-content:center; background-color:transparent; border:1px solid #3617ce; color:#3617ce; border-radius:14px}
.new-coupon-detail-wrap .bt-slice .bt-ssc button:disabled{border:solid 1px #e2e2f0; background-color:#fff !important; color:#1A1A47 !important; font-weight:bold}
.new-coupon-detail-wrap .send-txt-area .send-txt{font-size:14px !important; font-weight:normal !important; margin-top:0 !important}
.new-coupon-detail-wrap .codenumb{font-size:20px !important; font-weight:normal !important; /*padding:8px 0 14px 0;*/ }
.new-coupon-detail-wrap .send-txt-area .send-user{font-size:12px !important; color:#3e3e52 !important; line-height:1.42; margin-bottom:16px;}
/* .new-coupon-detail-wrap .send-txt-area .send-user + .barcode-area{padding-top:10px} */
.new-coupon-detail-wrap .send-txt-area .barcode-area{width:216px; height:40px !important; margin-bottom:8px;}
.cont-box.mycoupon-view-box.new-coupon-view .new-coupon-detail-wrap .barcode-area + .codenumb{ font-size:12px !important; line-height:1.2; margin-top:8px;}
/* disabled */
.new-coupon-detail-wrap.disabled::after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; z-index:10}
.new-coupon-detail-wrap.disabled .bt-slice .bt-ssc button{border:1px solid #e2e2f0; color:#d3d6e5}
.new-coupon-detail-wrap.disabled .bt-slice .bt-ssc button:disabled{color:#d3d6e5 !important}
.new-coupon-detail-wrap.disabled .send-txt-area .send-txt,
.new-coupon-detail-wrap.disabled .codenumb,
.new-coupon-detail-wrap.disabled .send-txt-area .send-user{color:#d3d6e5 !important}
.new-coupon-detail-wrap.disabled .codenumb .copy-btn,
.new-coupon-detail-wrap.disabled .send-txt-area .barcode-area{opacity:0.3;}
.codenumb .copy-btn{overflow:hidden; text-indent:-9999px; width:20px; height:20px; margin:-1px 0 0 0px; background:url(/img/comm_2022/ico_num_copy.svg) no-repeat; vertical-align:1px; border:none !important; padding:0 !important}
.coupon-box.disabled .coupon .cp-body .badge-wrap{opacity:0.3}
.coupon-box.disabled .coupon{background-color:#fafafc}
/* 플래그 공통으로 빼기 */
.ssc-tag{border-radius:2px; height:1rem; line-height:1rem; padding:0 6px; font-size:8px !important; letter-spacing:-0.4px; box-sizing:border-box; font-weight:bold !important}
.bg-blue-type{border:1px solid #3617ce; color:#3617ce;}
.bg-red-type{border-radius:2px; border:solid 1px #ff404e; color:#ff404e; font-size:8px}
.badge-blue{background-color:#efecfb; color:#3617ce; font-weight:bold}
.badge-orange,
.badge-magenta{color:#ff404e; background-color:#fff0f1; font-weight:bold}
.badge-yellow{color:#ff9e08; background-color:#fff9e5}
.badge-purple{background-color: #efecfb; color: #3617ce;}
.badge-fred{background-color: #ff404e; color: #fff;}
.rbadge.badge-bl{border-radius:2px; background-color:#d3d6e5; padding-left:15px; position:relative ;line-height:16px; color: #fff;}
.badge-revers-fred{border-radius:2px; padding:0 0.3rem;background-color: #fff; color: #ff404e; border: 1px solid #ff404e;}
.badge-fred{border-radius:2px; padding:0 0.3rem}
.badge-gray{border-radius:2px; color:#686C7C; border:1px solid #686C7C; padding:0 0.3rem}
.badge-bg-gray{color: #fff; background-color: #686C7C;border-radius:2px; padding:0 0.3rem;}
/* 만료된 쿠폰 아이콘 */
.rbadge.badge-bl::after{content:''; display:block; width:7px; height:7px; position:absolute; left:5px; top:5px; background-size:100%; background-repeat:no-repeat}
.rbadge.badge-bl.used::after{background-image:url(/img/flag-disabled-icon_01.png)}
.rbadge.badge-bl.unabled::after{background-image:url(/img/flag-disabled-icon_02.png)}
.rbadge.badge-bl.exipre::after{background-image:url(/img/flag-disabled-icon_03.png)}
.rbadge{font-size: 8px; font-weight: bold;}
.rbadge.badge-revers-fred{color: #ff404e; border: 1px solid #ff404e;}
.rbadge.badge-fred{ background-color: #ff404e; color: #fff;}
/* 쿠폰 선물하기 팝업 모음 */
.new-complete-wrap .my-complete-box:before{background:url(/img/comm_2022/bg_complete.png) no-repeat 50% 0/72px auto}
/* @charset "UTF-8"; */
/* 가입결제 */
.tod-sscBody .tit-wrap .tit {font-size:1rem; font-weight:700;}
.tod-sscBody .tit-wrap .stit {display:block; margin-top:0.1875rem; margin-bottom:1.25rem; font-size:0.8125rem; font-weight:400; color:#686C7C;}
.tod-sscBody .tit-wrap .txt-ssm {margin-bottom:0.875rem; font-size:0.875rem; font-weight:400; color:#686C7C;}
.add-box:before {content:'더하기';overflow:hidden;text-indent:-9999px;display:block; margin:0.625rem auto 0.875rem; width:1.5rem; height:1.5rem; background:#f0f0f0 url(/img/btn-add-24_v2.svg); background-size:contain; border-radius:50%;}/* 접근성(2022) */
.rbox {margin-top:0.625rem; padding:1rem 1rem; background-color:#fff; border-radius:8px;}
.cont-box .rbox:first-child {margin-top:0;}
.cont-box .rbox .packwrap {position:relative; display:block; font-weight:700;}
.cont-box .rbox .packwrap .tit {font-size:1rem; font-weight:700;}
.cont-box .rbox .packwrap .price {position:absolute; right:0; bottom:0;font-size:1rem; font-weight:700;}
.cont-box .rbox .packwrap .ssc-tag {margin:0 0.375rem 0.625rem 0;}
.cont-box .rbox .packwrap .ssc-tag:last-child {margin-right:0;}
.cont-box .rbox .packwrap .ssc-tag + .tit {display:block; margin-top:0.3125rem;}
.cont-box .rbox .packwrap .trg {position:absolute; right:0; font-size:1rem; font-weight:400;}
.cont-box .rbox .packwrap .trg-btn {position:absolute; right:-1.25rem; top:-0.3125rem; width:3.125rem; height:1.875rem;}
.cont-box .rbox .packwrap .trg-btn:after {content:''; position:absolute; right:35%; top:50%; width:1rem; height:0.875rem; margin-top:-0.4375rem; background:url(/img/btn-arrow-14.svg) no-repeat;}
.cont-box .rbox .packwrap .trg-link {position:absolute; right:0; padding-right:1.25rem; font-size:0.875rem; font-weight:400;}
.cont-box .rbox .packwrap .trg-link:after {content:''; position:absolute; right:0; top:54%; width:0.875rem; height:0.875rem; margin-top:-0.4375rem; background:url(/img/btn-arrow-14.svg) no-repeat;}
.cont-box .rbox .packwrap .tit + .bt-arr {position:absolute; right:0; font-weight:700;}
.cont-box .rbox .packwrap + .sscpay-list {margin-top:12px;}
/* 접근성(220101) */
.cont-box .rbox .packwrap + .sscpay-list > li {position:relative;line-height:1.25rem;}
.cont-box .rbox .packwrap + .sscpay-list > li .price{top:0}
.cont-box .rbox .packwrap + .sscpay-list > li.total{font-weight:700;}
.cont-box .rbox .packwrap + .sscpay-list > li.total .price{top:0.625rem}
/* //접근성(220101) */
.sscbnf-list.sscpay-list .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit {display:block; font-weight:700;}
.sscbnf-list.sscpay-list > li {font-weight:700 !important;}
.sscpay-list .bt-tip {position:relative; top:-0.125rem; margin-left:0.375rem; vertical-align:bottom;}
.sscpay-list > li .txt {font-size:0.875rem !important; font-weight:400 !important;}
.btn-view {color:#1A1A47 !important; width:auto !important; height:auto !important; padding:0 !important;}
.btn-view:after {display:none;}
.btn-view span {display:inline-block; padding-right:1.5rem; vertical-align: middle;}
.acco-box .btn-view span {background:url(/img/btn-down-14.svg) no-repeat 100% 50%;}
.acco-box.on .btn-view span {background:url(/img/btn-up-14.svg) no-repeat 100% 50%;}
.acco-box.on .btn-view span strong {font-weight:700;}
.line-list {margin-top:0.625rem; padding:1rem; border-radius:0.5rem; border:1px solid #e1e3e4;}
.line-list li {margin-bottom:6px; font-size:0.8125rem; color:#686C7C;}
.line-list li:last-child {margin-bottom:0;}
.line-list .price {font-size:0.875rem !important; right:1.25rem !important;}
.line-list .price del {font-weight:400; color:#686C7C;}
.line-list.rental li {font-size:0.875rem; color:#1A1A47;} /* 렌탈주문서 */
.line-list.rental li .rtxt {margin-top:0.375rem; font-size:0.8125rem; color:#686C7C; text-align:right;}
.rbox.togg {padding:0; background-color:transparent;}
.rbox.togg .inner a:after {content:''; position:absolute; right:0; top:50%; width:0.875rem; height:0.875rem; margin-top:-0.4375rem; background:url(/img/btn-down-14.svg) no-repeat;}
.rbox.togg .acco-list .acco-box {margin-bottom:0.875rem; background-color:#fff; border-radius:0.75rem;}
.rbox.togg .acco-list .acco-box:last-child {margin-bottom:0;}
.rbox.togg .acco-list .acco-box .acco-tit {position:relative; padding:1rem 1.25rem; font-size:1rem; line-height:1.375rem; font-weight:700;}
.rbox.togg .acco-list .acco-box.on .acco-cont {padding:0 1.25rem 1rem;}
.rbox.togg .acco-list .acco-box .acco-cont > .sscpay-list {padding-top:0.625rem; border-top:1px solid #e1e3e4;}
.rbox.togg .acco-list.list-2nd {border-top:0; margin-top:0;}
.sha-box {box-shadow:0 4px 8px 0 rgba(91, 91, 91, 0.15); -webkit-box-shadow:0 4px 8px 0 rgba(91, 91, 91, 0.15);}
.sha-box .acco-box.on {
object-fit:contain;
border-radius:0.5rem;
box-shadow:0 4px 6px 0 rgba(91, 91, 91, 0.2);
-webkit-box-shadow:0 4px 6px 0 rgba(91, 91, 91, 0.2);
border-style:solid;
border-width:2px;
border-image-source:linear-gradient(101deg, #bf4feb, #5427c3);
border-image-slice:1;
background-image:linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(101deg, #bf4feb, #5427c3);
background-origin:border-box;
background-clip:padding-box, border-box;}
.cont-box .rbox .inner a > span {position:absolute; right:1.25rem;}
.cont-box .rbox .txt-sm {margin-top:0.375rem;}
.cont-box .rbox .txt-sm > span {position:relative; display:inline-block; margin-right:0.25rem; padding-right:0.625rem; font-size:0.8125rem;}
.cont-box .rbox .txt-sm > span:after {content:'l'; position:absolute; right:0; font-weight:300;}
.cont-box .rbox .txt-sm > span:last-child {margin:0; padding:0;}
.cont-box .rbox .txt-sm > span:last-child:after {content:'';}
.cont-box .rbox .txt-sm-fl {margin:0.375rem 4.375rem 0 0; display:flex;}
.cont-box .rbox .txt-sm-fl > span {position:relative; display:block; margin-right:0.25rem; padding-right:0.625rem; font-size:0.8125rem; white-space:nowrap;}
/*.cont-box .rbox .txt-sm-fl > span:first-child {}*/
.cont-box .rbox .txt-sm-fl > span:last-child {margin:0; padding:0; text-overflow:ellipsis; overflow:hidden;}
.cont-box .rbox .txt-sm-fl > span:after {content:'l'; position:absolute; right:0; font-weight:300;}
.cont-box .rbox .txt-sm-fl > span:last-child:after {content:'';}
.cont-box .rbox .input + .txt-sm {margin-top:0.375rem; font-size:0.8125rem;}
.cont-box .rbox .bt-add {position:relative;}
.cont-box .rbox .bt-add .balloon {position:absolute; left:0; bottom:-2.25rem;}
.cont-box .rbox .txt-ssm {margin-top:0.625rem;}
.cont-box .rbox .txt-ssm > span {display:inline-block; margin-right:0.3125rem; font-size:0.8125rem;}
.cont-box .rbox .auto-box {margin:1rem 0 0.625rem; font-size:0.875rem;}
/*.dal-mem {}*/
.dal-mem.nonmem {margin-top:1rem; padding-top:1rem; border-top:1px solid #e1e3e4;}
.dal-mem .coin-wrap {position:relative; margin:1rem 0;}
.dal-mem .coin-wrap .coin {margin-bottom:0.625rem; font-size:0.875rem;}
.dal-mem .coin-wrap .coin .violet-tx {display:inline-block;}
.dal-mem .dal-txt .tit {font-size:0.875rem; font-weight:700;}
.dal-mem .dal-txt .txt {margin-top:0.375rem; font-size:0.8125rem; color:#686C7C;}
.dal-mem .dal-link {margin-top:0.625rem;}
.underline span {font-size:0.875rem;}
.auto-wrap {margin:0.625rem 0;}
.auto-wrap .inputbox {margin-top:0.625rem;}
.auto-wrap .txt-sm {display:block;}
.sscpay-chcbox{font-size:14px; color:#686C7C;}
.sscpay-chcbox .bt-arr{margin-top:10px; font-weight:700;}
/* 접근성(2022) */
.sscpay-slidebox input[type=button]{display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;background:#fff}
/* //접근성(2022) */
.sscpay-slidebox {width:calc(100% + 1.25rem);margin-bottom:8px}
.sscpay-slidebox * {box-sizing:border-box;}
.sscpay-slidebox .radio-slide {margin:0 -1.25rem;padding:0 1.25rem;} /* 23.02.20 카드 슬라이드 좌우 여백 조정 */
.sscpay-slidebox .radio-slide .select-list .radiobox .dim{position:absolute;top:0;left:0;bottom:0;right:0;padding:16px;box-sizing:border-box;font-size:0.75rem;color:#FF404E;font-weight:700;background-color:rgba(250, 250, 252, 0.5)}
.sscpay-slidebox .radio-slide .select-list .radiobox {min-width:216px;height:9.0625rem;margin-right:0.625rem;padding-top:0.125rem; background-color:transparent}
.sscpay-slidebox .radio-slide .select-list .radiobox:last-child {margin-right:1.25rem}
.sscpay-slidebox .radio-slide .select-list .radiobox .balloon {position:absolute;left:1.25rem;top:0;z-index:1}
.sscpay-slidebox .radio-slide .select-list .radiobox .tit {white-space:nowrap;margin-bottom:0.625rem}
.sscpay-slidebox .radio-slide .select-list .radiobox .tit.hide {white-space:nowrap;margin-bottom:0.625rem}
.sscpay-slidebox .radio-slide .select-list .radiobox .pay {position:relative;width:216px;height:128px;padding:0;border-radius:0.5rem; text-align:left;background:#fff;border:1px solid #e2e2f0; box-sizing:border-box}
.sscpay-slidebox .radio-slide .select-list .radiobox.checked .pay {border-color:#3617ce}
.sscpay-slidebox .radio-slide .select-list .radiobox .pay .inner-box {position:relative;height:100%;border-radius:8px;padding:2.875rem 16px 0;font-size:0.875rem;background:#fff;overflow:hidden}
/* .sscpay-slidebox .radio-slide .select-list .radiobox .pay .arr {background:#fff url(/img/btn-arrow-14.svg) no-repeat 90% 50%;background-size:16px} 0624 계좌추가 화살표 삭제 */
/*.sscpay-slidebox .radio-slide .select-list .radiobox .pay .ssc-flag {position:absolute;top:-0.125rem;right:0.625rem;width:38px; height:44px; z-index:10}*/
.sscpay-slidebox .radio-slide .select-list .radiobox .pay .ssc-flag { overflow: hidden; position: absolute; top: -2px; right: 0; width: 38px; height: 44px; background: url(/img/comm_2022/ico_easy.png) no-repeat 0 0/38px 44px; text-indent: -9999px; }
.sscpay-slidebox .radio-slide .select-list .radiobox .pay .ssc-flag img{display:inline;}
/* .sscpay-slidebox .radio-slide .select-list .radiobox .pay .ssc-flag img {width:100%} */
.sscpay-slidebox .radio-slide .select-list .radiobox .pay .ssc-tag {position:absolute;top:16px;left:16px;margin-bottom:0.625rem;margin-left:0;font-size:8px;color:#3617ce;font-weight:400;line-height:16px;border:1px solid #3617ce;padding:0 6px; height:16px;}
.sscpay-slidebox .radio-slide .select-list .radiobox .pay .ssc-reason {position:absolute;top:16px;left:16px; right:16px;margin-bottom:0.625rem;margin-left:0;font-size:0.75rem;color:#3E3E52;font-weight:400;}
.sscpay-slidebox .radio-slide .select-list .radiobox .pay .ssc-reason .arr{display:inline-block;padding-right:1rem;background:url(/img/icon_arr_white.svg) right center no-repeat;background-size:16px;font-size:0.75rem;font-weight:400;color:#3E3E52;position:absolute; right:0; top:0;}
.sscpay-slidebox .radio-slide .select-list .radiobox .pay .card-name {display:block;font-size:0.875rem;font-weight:700}
.sscpay-slidebox .radio-slide .select-list .radiobox .pay .nick {display:block}
.sscpay-slidebox .radio-slide .select-list .radiobox .pay .card-num {display:block;margin-top:7px; font-size:0.625rem; color:#686c7c}
.sscpay-slidebox .radio-slide .select-list .pay-add em {display:block;margin-top:0.125rem;padding-left:0; padding-top:52px;text-align:center;line-height:normal;font-size:0.875rem;font-weight:700;background:none;position:absolute; left:0; right:0; top:24px}/* 접근성(220101) */
.sscpay-slidebox .radio-slide .select-list .pay-add em:before { content: '+'; position: absolute; top: 0; left: 50%; width: 44px; height: 44px; margin-left: -22px; font-size: 1.25rem; font-weight: 700; line-height: 44px; background-color: #F5F5FA; border-radius: 50%; }
.cont-box .sscpay-slidebox + .rbox {margin-top:0.1875rem}
.sscpay-slidebox ul.txt-ssm {margin-top:1px}
ul.txt-ssm > li {position:relative;margin-top:8px;padding-left:0.79rem;font-size:0.8125rem;color:#686c7c}
ul.txt-ssm > li:before {content:'-';position:absolute;left:0.125rem;top:1px;font-size:12px;margin-right:3px}/* 접근성(220101) */
ul.txt-ssm > li:first-child{margin-top:0}
ul.txt-ssm.no-bullet > li {padding-left:0}
ul.txt-ssm.no-bullet > li:before {display:none}
.tod-sscBody .sscpay-list > li {position:relative; margin-bottom:0.625rem; font-size:0.875rem; line-height:1.125rem;}
.sscpay-list > li .price {position:absolute; right:0; font-size:0.8125rem;text-align:right}
.sscpay-list > li .price .txt2{display:block;color:#585959;font-weight:400}
.sscpay-list > li.total {margin-top:0.625rem; padding-top:0.625rem; border-top:1px solid #e1e3e4; font-weight:700;}
.sscpay-list > li.total + li.total {padding-top:0; border:none;}
.sscpay-list > li:last-child {margin-bottom:0;}
.sscpay-list > li:last-child .sscpay-salelist {margin-bottom:0;}
.sscpay-list .sscpay-salelist {margin-top:10px;}
.sscpay-list .sscpay-salelist li {position:relative; padding-right:3.125rem; margin-bottom:0.625rem; font-size:0.8125rem; line-height:1.125rem; color:#686C7C;}
.sscpay-list .sscpay-salelist li:last-child {margin-bottom:0;}
.sscpay-list .sscpay-salelist li .price {position:absolute; right:0; top:0; font-size:0.8125rem; line-height:1.125rem; color:#686C7C;}
.sscpay-list .list-2nd {margin-top:0.625rem;}
.sscpay-list .list-2nd li {padding-left:1.25rem; font-size:0.8125rem; color:#686C7C; background:url(/img/ico-sub.svg) no-repeat 0.75rem 50%;}
.sscpay-list .bt1 {padding-top:0.625rem; margin-top:0.625rem;}
.sscpay-list .bt1 .ssci-info {padding-left:1rem; font-size:0.6875rem;}
.sscpay-list.refund + .sscpay-list {padding-top:0.625rem; margin-top:0.625rem; border-top:1px solid #e1e3e4;}
.sscpay-list.refund li .bl-tx {font-size:0.8125rem; font-weight:700;}
.sscpay-list .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit {display:inline-block; width:auto; padding-right:2.8125rem;}
.sscpay-list .accordion .acco-style.btn-hold .acco-list > li {position:relative;margin-top:0.625rem;}
.sscpay-list.refund-item-list > li{font-weight:700;}
.subsc-vis + .subsc-sec {border:none;}
.sscpay-list > li.pdt {padding-right:3.125rem;}
.sscpay-list > li.pdt .price {top:0;}
.sscpay-list > li.add-bnf {display:flex; justify-content:space-between;}
.sscpay-list > li.add-bnf .txt {position:relative; display:inline-block; text-align:right; width:calc(100% - 4.375rem);}
.tod-sscBody .sscpay-list > li .pay-item {position:relative; height:2.5rem; font-size:0.8125rem; color:#686C7C; line-height:1.6; display:table-cell; vertical-align:middle;}
.tod-sscBody .sscpay-list > li .pay-item .ico {position:absolute; left:0; top:0; height:2.5rem; width:2.5rem; border-radius:50%;}
.tod-sscBody .sscpay-list > li .pay-item .ico.line {height:2.375rem; width:2.375rem; border:1px solid #E1E3E5;}
.tod-sscBody .sscpay-list > li .pay-item p,
.tod-sscBody .sscpay-list > li .pay-item .price {position:relative; font-size:0.875rem; display:block; font-weight:700;}
.tod-sscBody .sscpay-list .bt1 .ssci-info1 {padding-left:0.625rem; font-size:0.8125rem; color:#686C7C;}
.tod-sscBody .sscpay-list .bt1 .ssci-info1:before {content:'· '; display:inline-block; position:absolute; left:0;}
.tod-sscBody .sscpay-list .bt1 .ssci-info2 {font-size:0.875rem; color:#1A1A47;}
.subsc-banr{line-height:0;}
.subsc-banr button,
.subsc-banr a{display:block; width:100%;}
/* T+ 포인트 공통 */
.sup-plus {position:relative; padding-right:0.6em; margin-right:0.2em; font-family: -apple-system, Roboto, 'Arial', 'Noto Sans KR', sans-serif;}
.sup-plus::after {content:'+'; font-size:0.9em; font-weight:inherit; position:absolute; right:0; top:0; line-height:1;}
/* 가입/결제 > 포인트 */
/* 멤버십가입유도 type1 */
.bnr-join-tmember {display:flex; flex-direction:column; justify-content:center; position:relative; height:94px; margin:-1rem -1.25rem; background:#3617ce url('../img/bg-join-tmember.png') no-repeat 100% 0; background-size:auto 100%; padding:18px 65px 20px 16px; border-radius:inherit; box-sizing:border-box;}
.bnr-join-tmember > .title {display:block; color:#fff; font-size:16px; font-weight:700; line-height:18px;}
.bnr-join-tmember > .title img {display:inline-block; width:auto; height:18px; margin-top:2px; vertical-align:top;}
.bnr-join-tmember > .title em {display:inline-block; line-height:18px; vertical-align:top;}
.bnr-join-tmember > .text {display:block; margin-top:5px; color:#fff; font-size:13px; font-weight:300; line-height:18px;}
.bnr-join-tmember::after {content:''; position:absolute; right:20px; top:50%; transform:translateY(-50%) rotateZ(45deg); width:6px; height:6px; border:2px solid #fff; border-bottom:none; border-left:none;}
/* 멤버십가입유도 type2 */
/*.join-point-wrap {}*/
.join-point-wrap .img-area {padding-top:0.5rem}
.join-point-wrap .img-area img {width:140px; height:auto; margin:auto;}
.join-point-wrap .tit-area {color:#1A1A47; font-size:14px; font-weight:600; line-height:22px; text-align:center;}
.join-point-wrap .txt-area {padding-top:0.375rem; color:#000; font-size:13px; line-height:18px; text-align:center;}
.join-point-wrap .link-area {padding-top:1rem;}
.join-point-wrap .link-area .bt-line-my {display:flex; width:100%; margin-top:0; font-weight:400; justify-content:center; align-items:center;}
.join-point-wrap .link-area .btn-ssc-round {display:flex; width:100%; height:36px; overflow:hidden; text-align:center; background:#5337df; color:#fff; border-radius:23px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.15), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.07); align-items:center; justify-content: center;}
.join-point-wrap .link-area .btn-ssc-round > span {display:inline-block; vertical-align:baseline; line-height:1.2; font-size:14px; font-weight:400;}
.rbox > [class$='-wrap'] > .head-area {display:flex; align-items:center; justify-content:space-between;}
.rbox > [class$='-wrap'] > .head-area > .tit {font-size:16px; line-height:20px;}
.rbox > [class$='-wrap'] > .head-area > .tit > strong {font-weight:700;}
.rbox > [class$='-wrap'] > .head-area > .rgt-btn > .btn-ssc-modify .text {color:#1A1A47; font-size:13px; font-weight:400; line-height:17px;}
.rbox > [class$='-wrap'] > .body-area > .gray-txt {color:#686C7C; font-size:0.8125rem;}
/*.rbox .coupon-disc-wrap{}*/
.coupon-disc-wrap .body-area .gray-txt {padding-top:0.25rem;}
/*.rbox .point-wrap {}*/
.point-wrap .inputbox .input input[type=text]:focus,
.point-wrap .inputbox .input input[type=number]:focus,
.point-wrap .inputbox .input textarea:focus {border-color:#3617ce;}
.point-wrap .inputbox .input input:read-only {color:#686C7C}
.point-wrap .inputbox .input input:read-only:focus {border-color:#E2E2F0;}
.point-wrap .head-area .numb-mbcard {display:flex; align-items:center;}
.point-wrap .head-area .numb-mbcard .ico-mbcard {display:inline-block; width:24px; height:16px; background:url('../img/common/ico-mbcard.png') no-repeat 50% 50%; background-size:100% auto;}
.point-wrap .head-area .numb-mbcard .ico-mbcard + .number {margin-left:8px;}
.point-wrap .head-area .numb-mbcard .number {font-size:12px; font-weight:400; line-height:1.2;}
.point-wrap .head-area + .body-area {margin-top:16px}
/*.point-wrap .body-area {}*/
.point-wrap .point-blk {font-size:14px; line-height:18px;}
.point-wrap .point-blk .amount {color:#3617ce; font-weight:600;}
.point-wrap .point-blk .unit {color:#1A1A47;}
.point-wrap .point-blk + .input-blk {margin-top:16px}
.point-wrap .input-blk .inputbox .input input[type=number] {text-align:right; padding-right:0.625rem;}
.point-wrap .input-blk .inputbox .input input[type=number]::placeholder {text-align:left; color: #8e95a5;} /* 접근성 수정 */
/* .point-wrap .input-blk .inputbox .input input[type=number]:not([readonly]) {padding-right:2.5rem;} */
.point-wrap .input-blk .inputbox .input input[type=number]:not([readonly]):placeholder-shown {padding-right:0.625rem;}
.point-wrap .input-blk .inputbox + .txt-invalid {margin-top:6px;}
.point-wrap .input-blk .txt-invalid + .txt-mpcase {margin-top:6px;} /* 23.02.13 */
.point-wrap .input-blk .txt-mpcase {display:block; position:relative; margin-top:12px; color:#1A1A47; font-size:13px; line-height:18px; padding-left:24px; word-break:break-word;}
.point-wrap .input-blk .txt-mpcase::before {content:''; position:absolute; left:0; top:2px; width:18px; height:18px; background:url('../img/icon_18px_info.svg') no-repeat 50% 50%; background-size:100% auto;}
.point-wrap .input-blk .inputbox .bt-box button:not([disabled]) {background-color:#7c88d8;}
.point-wrap .input-blk .txt-invalid {font-size:12px; color:#ff404e; line-height:20px;}
.point-wrap .input-blk .checkbox.type01::after {content:''; clear:both; display:block;}
.point-wrap .input-blk .checkbox.type01::before,
.point-wrap .input-blk .checkbox.type01 > span {float:left;}
.point-wrap .input-blk .txt-invalid + .pay-point,
.point-wrap .input-blk .inputbox + .pay-point {margin-top:10px;}
.point-wrap .input-blk .pay-point + .inputbox {margin-top:10px;}
.point-wrap .input-blk .pay-point .text {display:inline-block; color:#1A1A47; font-size:0.875rem; line-height:1.38rem;}
.point-wrap .input-blk .pay-point .bt-tip {margin-left:8px; margin-top:2px;}
.point-wrap .btn-blk {margin-top:16px}
.point-wrap .btn-blk .btn-round {display:block; width:100%; height:36px; overflow:hidden; text-align:center; background:#5337df; color:#fff; border-radius:23px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.15), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.07);}
.point-wrap .btn-blk .btn-round + .btn-round {margin-top:12px;}
.point-wrap .btn-blk .btn-round > span,
.point-wrap .btn-blk .btn-round > .ico-arrow-r {display:inline-block; vertical-align:baseline; line-height:1.2;}
.point-wrap .btn-blk .btn-round > span {font-size:14px; font-weight:400;}
.point-wrap .btn-blk .btn-round > .ico-arrow-r {background-color:#fff;}
.point-wrap .btn-blk .btn-round.type-wht {background-color:#fff; color:#000;}
.point-wrap .btn-blk .btn-round.type-wht > .ico-arrow-r{background-color:#1A1A47;}
.point-wrap .btn-blk .btn-round:disabled {background-color:#e6e6e6; box-shadow:none; color:#9f9f9f; border-radius:23px; color:#555; opacity:0.5;}
.point-wrap .btn-blk .btn-round:disabled > .ico-arrow-r{background-color:#9f9f9f;}
/* 가입완료 */
.tod-scc-confirm {position:relative; padding:2.5rem 1.25rem 0; text-align:center;}
.tod-scc-confirm + .cont-box {padding-top:32px;}
.tod-scc-confirm .conf-txt {margin-bottom:0; padding-top:3.375rem; font-size:1.25rem; font-weight:700; line-height:1.25rem;}
.tod-scc-confirm .conf-txt.ico-conf {background:url(/img/ico-confirm.svg) no-repeat 50% 0;}
/*.tod-scc-confirm .conf-step {}*/
.tod-scc-confirm .conf-step ul {margin:0 auto; max-width:80%;}
.tod-scc-confirm .conf-step ul:after {content:""; display:block; clear:both;}
.tod-scc-confirm .conf-step li {position:relative; float:left; padding-top:2.3125rem; width:50%; font-size:0.875rem; line-height:1.5rem; color:#d6d7d8; font-weight:700;}
.tod-scc-confirm .conf-step li:after {content:''; position:absolute; top:0.625rem; left:50%; width:100%; height:0.125rem; background:#d6d7d8;}
.tod-scc-confirm .conf-step li:last-child:after {display:none;}
.tod-scc-confirm .conf-step li .num {display:block; position:absolute; top:0; left:50%; margin-left:-0.625rem; width:1.5rem; height:1.5rem; border-radius:50%; font-size:0.8125rem; line-height:1.5rem; color:#fff; text-align:center; font-weight:400; background:#d6d7d8; z-index:1;}
.tod-scc-confirm .conf-step li.on {color:#000;}
.tod-scc-confirm .conf-step li.on .num {background:#000; box-shadow:2px 2px 6px 0 rgba(209, 209, 209, 0.8); -webkit-box-shadow:2px 2px 6px 0 rgba(209, 209, 209, 0.8);}
.tod-scc-confirm .tit-wrap {margin-top:0.625rem;}
.tod-scc-confirm .tit-wrap .tit {margin-bottom:0; font-size:1.125rem; line-height:1.375rem;}
.tod-scc-confirm .tit-wrap .stit {margin-top:0.4375rem; margin-bottom:0; font-size:0.875rem; line-height:1.25rem;}
.tod-scc-confirm + .cont-box.nobg {padding-top:0.875rem;}
.psco-wrap .rbox {margin-bottom:0.875rem;}
.psco-wrap .rbox:last-child {margin-bottom:0.875rem;}
.psco-wrap .rbox.togg .acco-list .acco-box .acco-tit {font-weight:400;}
.psco-wrap .rbox.togg .acco-list .acco-box .acco-tit .price {position:absolute; font-size:1rem; top:50%; right:2.5rem; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); font-weight:700;}
.psco-wrap .rbox.togg .acco-list .acco-box .acco-tit .que {display:block; margin-top:0.375rem; font-size:0.8125rem; line-height:1.125rem; color:#686C7C; font-weight:400;}
/* 마이구독:나의 결제내역 */
.mypay-his-box .my-aticle{margin-top:0}
.mypay-his-box .mypay-his-list {position:relative;}
.mypay-his-box .mypay-his-list:after{content:''; display:block; position:absolute; top:9px; bottom:-30px; left:0; width:1px; background-color:#E2E2F0; z-index:1;}
.mypay-his-box .mypay-his-list > li {padding-left:16px; position:relative; margin-top:24px; z-index:2;}
.mypay-his-box .mypay-his-list > li:before{content:''; display:block; position:absolute; left:-2px; top:10px; width:6px; height:6px; background-color:#3617ce; border-radius:50%;}
.mypay-his-box .mypay-his-list > li:first-child {margin-top:0;}
/* 22.08.16 개발자님 요청으로 li에 타입추가 */
.mypay-his-box .mypay-his-list > li.titUsing{padding-left:0; text-align:center;}
.mypay-his-box .mypay-his-list > li.titUsing:before{display:none;}
.mypay-his-box .mypay-his-list > li.titUsing:after{content:''; display:block; position:absolute; top:9px; bottom:-34px; left:0; width:1px; background-color:#f5f5fa; z-index:1;}
.mypay-his-box .mypay-his-list > li.titUsing .tit{display:inline-block; height:24px; padding:0 8px; background-color:#8e95a5; border-radius:12px; font-size:12px; font-weight:700; color:#fff; line-height:24px; vertical-align:top;}
.mypay-his-box .mypay-his-list .his_head {margin-bottom:12px; font-size:0;}
.mypay-his-box .mypay-his-list .his_head .month {left:0; display:inline-block; margin-right:3px; font-size:1rem; font-weight:700;}
/*
.mypay-his-box .mypay-his-list .his_head .day:after {content:''; display:block; position:absolute; left:0; top:50%; margin-top:-0.2813rem; margin-left:-0.2813rem; width:0.5625rem; height:0.5625rem; background-color:#ff404e; border-radius:50%;}
*/
.mypay-his-box .mypay-his-list .his_head .day {position:relative; font-size:1rem; font-weight:700; color:#1A1A47;}
.mypay-his-box .mypay-his-list .his_cont > div {padding:14px; background:#fff; border-radius:8px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); overflow:hidden;}
.mypay-his-box .mypay-his-list .his_cont > div + div{margin-top:8px;}
.mypay-his-box .mypay-his-list .his-item {position:relative; display:table; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.mypay-his-box .mypay-his-list .his-item > div {display:table-cell; padding-left:3rem; height:2.5rem; display:table-cell; vertical-align:middle;}
.mypay-his-box .mypay-his-list .his-item .name {font-size:1rem; font-weight:700;}
.mypay-his-box .mypay-his-list .his-item .info {margin-top:0.125rem; color:#686c7c!important;}
.mypay-his-box .mypay-his-list .his-item .info * {color:#686c7c!important;}
.mypay-his-box .mypay-his-list .his-item .pay {position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:0.3125rem; font-size:0.875rem; color:#686c7c!important; text-align:right;}
.mypay-his-box .mypay-his-list .his-item .pay .price {display:block; font-weight:700; color:#1A1A47; flex:1 1 auto;}
.mypay-his-box .mypay-his-list .his-item .ico {position:absolute; left:0; top:0.125rem; height:2.5rem; width:2.5rem; border-radius:50%;}
.mypay-his-box .mypay-his-list .his-item .ico.line {height:2.375rem; width:2.375rem; border:1px solid #E1E3E5;}
.mypay-his-box .mypay-his-list .item-pricebox {margin-top:1rem; padding-top:1rem; border-top:1px solid #e1e3e4;}
.mypay-his-box .mypay-his-list .item-pricebox > div {margin-top: 0.375rem; display:-webkit-box; display:flex; width:100%; -webkit-box-pack: justify; justify-content:space-between; -webkit-box-align: center; align-items:center;}
.mypay-his-box .mypay-his-list .item-pricebox > div:first-child {margin-top:0;}
.mypay-his-box .mypay-his-list .item-pricebox > div.basic-price {font-size:0.8125rem; line-height:1.1875rem; color:#686c7c;}
.mypay-his-box .mypay-his-list .item-pricebox > div.sale-price * {font-size:0.8125rem; color:#686c7c}
.mypay-his-box .mypay-his-list .item-pricebox > div.sale-price .tt {position:relative; padding-left:1.125rem;}
.mypay-his-box .mypay-his-list .item-pricebox > div.sale-price .tt:before {content:''; display:block; position:absolute; top:0.25rem; left:0.625rem; width:0.3125rem; height:0.3125rem; border:1px solid #686c7c; border-top:0; border-right:0;}
/* 마이구독:나의 결제내역 아코디언 */
.mypay-his-box .accordion .acco-list .acco-box:after {display:none;}
.mypay-his-box .accordion .acco-list .acco-box {margin-top:1.25rem;}
.mypay-his-box .accordion .acco-list .acco-box:first-child {margin-top:0;}
.mypay-his-box .accordion .acco-list .acco-box.on > .acco-tit + .acco-cont {margin:16px -16px -16px -16px;padding:0; overflow:visible;}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit button,
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit a {position:relative; display:inline-block; height:auto; vertical-align:middle; margin:0; right:0; top:0!important; padding:0; width:24px; -webkit-transform:translate(0, 0)!important; transform:translate(0, 0)!important;}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit {min-height:44px; padding:0; display:flex; align-items:center;} /* 22.12.09 결제내역 텍스트2줄일때 수정 */
/* 마이구독:나의 결제내역 new */
.mypay-his-box .mypay-his-list .pay-his-item {display:flex; position:relative; width:100%; align-items:center; justify-content:space-between;}
.mypay-his-box .mypay-his-list .pay-his-item .item-logo,
.mypay-his-box .mypay-his-list .pay-his-item .item-logo .ico {position:relative;display:inline-block; width:44px; height:44px; line-height:1;}
.mypay-his-box .mypay-his-list .pay-his-item .item-logo .ico:before{content:''; position:absolute; top:0; left:0; width:44px;height:44px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:50%; box-sizing:border-box;z-index:1}
.mypay-his-box .mypay-his-list .pay-his-item .item-logo .ico img{position:relative;z-index:0}
.mypay-his-box .mypay-his-list .pay-his-item .total-pay-price {display:inline-block; padding-right:36px; font-size:14px; color:#ff404e; font-weight:700; line-height:20px;}
.mypay-his-box .mypay-his-list .pay-details {padding:16px; background-color:#fafafc;}
.mypay-his-box .mypay-his-list .pay-details .detail-list-box{padding-bottom:16px; margin-bottom:16px; border-bottom:1px dotted #e2e2e2;}
.mypay-his-box .mypay-his-list .pay-details .basic-price {display:flex; align-items:center; justify-content:space-between; margin-top:6px;}
.mypay-his-box .mypay-his-list .pay-details .basic-price:first-of-type {margin-top:0;}
.mypay-his-box .mypay-his-list .pay-details .detail-list-box .basic-price .tt,
.mypay-his-box .mypay-his-list .pay-details .detail-list-box .basic-price .tx {color:#686c7c; font-size:12px; font-weight:400; line-height:18px;}
/*.mypay-his-box .mypay-his-list .pay-details .paymethod-list-box {}*/
.mypay-his-box .mypay-his-list .pay-details .paymethod-list-box .basic-price .tt,
.mypay-his-box .mypay-his-list .pay-details .paymethod-list-box .basic-price .tx {color:#3e3e52; font-size:12px; font-weight:400; line-height:20px;}
.mypay-his-box .mypay-his-list .pay-details .paymethod-list-box .basic-price .tx{font-weight:700;}
.mypay-his-box .mypay-his-list .pay-details .paymethod-list-box .basic-price.total .tx{color:#ff404e;}
.mypay-his-box .mypay-his-list.oneclick-product-list .pay-details .paymethod-list-box .basic-price .tx{color:#ff404e; font-weight:700;}
.mypay-his-box .mypay-his-list .pay-details .btn-box {margin-top:1rem}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .pay-his-item + button,
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .pay-his-item + a {position:absolute; right:0; left:0; top:0; bottom:0; width:auto; z-index:2;}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .pay-his-item + button:after,
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .pay-his-item + a:after {left:auto;right:9px; margin:0; width:0.875rem; height:0.875rem; transform:translateY(-50%); background: url('/img/comm_2022/ico_close.svg') no-repeat; background-size:100% auto; transition: 0.3s;}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit .oneclick-acco-link .item-info .tit img{width:auto; height:20px;}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box.on .acco-tit .pay-his-item + button:after,
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box.on .acco-tit .pay-his-item + a:after {background:url('/img/comm_2022/ico_open.svg') no-repeat;}
.mypay-his-box .accordion .acco-style.btn-hold .acco-list .acco-box.on .total-pay-price{color:#3617ce;}
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .item-info .txt{margin-top:7px; font-size:12px;}
.cont-box.new-cont-box .my-aticle .my-article-tit .tit.titUsing{margin-bottom:12px;}
.mypay-his-box .mypay-his-list .bt-line-my{background-color:#3617ce;}
.mypay-his-box .mypay-his-list .bt-line-my:disabled{background:#e6e6e6;}
.new-cont-box .mypay-his-box .mypay-his-list .pay-his-item .item-info .tit img{width:auto; height:20px; vertical-align:top;} /* 22.12.09 결제내역 bi로고 정렬수정 */
/* 마이구독:구독미이용 */
.myserv-nonebox {padding:7.8125rem 1.875rem; text-align:center; background-color:#fff; border-radius:0.75rem;}
.myserv-nonebox .text {font-size:1rem;}
.myserv-nonebox .text * {font-size:1rem;}
.myserv-nonebox .text.em {margin-top:1rem; font-weight:700;}
.myserv-nonebox .btn-arr {margin-top:1rem;}
.myserv-nonebox.nobg-st {display:flex; flex-direction:column; height:calc(100vh - 3.75rem - 52px); justify-content:center; align-items:center; padding:0; background:none;}
.myserv-nonebox.nobg-st .icon {width:3rem; height:3rem;}
.myserv-nonebox.nobg-st .icon + .text {margin-top:15px;}
/* 구독정보 */
.my-data {position:relative; padding-right:7.5rem; min-height:6.875rem;}
.my-data .data-txt {margin-bottom:1.5rem; font-size:0.875rem;}
.my-data .data-txt em {font-weight:700;}
.my-data .data-cht {position:absolute; right:0; top:0.3125rem;}
.my-data .data-cht .gauge-chart-area {margin:0 auto;}
.my-data .data-cht .cht-txt {position:absolute; width:100%; top:2.5rem; left:0; text-align:center; font-size:0.8125rem; color:#686C7C;}
.my-data .data-cht .cht-txt span {font-size:1rem; font-weight:700; color:#1A1A47;}
.my-data .data-cmt > span {position:relative; display:block; font-size:0.8125rem; line-height:1.25rem; color:#686C7C;}
.my-data .data-cmt > span:before {content:''; position:relative; top:-0.0625rem; display:inline-block; margin-right:0.125rem; width:0.5rem; height:0.5rem; background-color:#ccc; border-radius:50%;}
.my-data .data-cmt > span:nth-child(2):before {background-color:#3617ce;}
.my-data .data-cmt > span:first-child {margin-left:0;}
.tod-sscBody .line-box {margin-top:0.625rem; padding:1.25rem 1.25rem; border:1px solid #e1e3e4; border-radius:8px;}
.tod-sscBody .cont-box .rbox .info-wrap {margin:0;}
.tod-sscBody .cont-box .rbox .info-wrap + .bt-slice {margin-top:1.25rem;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li {margin-bottom:0; font-size:0.875rem; color:#1A1A47;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list > li {font-size:0.875rem; font-weight:700;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .no-cupon {color:#686C7C;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .cupon-name {color:#1A1A47; font-weight:700;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .cupon-price {position:relative; padding-left:0.625rem; margin-left:0.625rem; font-weight:400;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .cupon-price:before {content:''; display:block; position:absolute; left:0; top:0.3125rem; width:1px; height:0.75rem; background:#d6d7d8;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li .cupon-date {color:#686C7C;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li p + p {margin-top:0.1875rem;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .sscpay-salelist {margin:0; margin-top:0.375rem;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .sscpay-salelist li .price {font-size:0.875rem; top:0; color:#1A1A47; font-weight:700;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .txt-ssm {margin-top:0;}
.tod-sscBody .cont-box .rbox .info-wrap .my-ttp-box {margin-top:0.625rem;}
.tod-sscBody .tip-box + .tit-wrap {margin-top:1.875rem;}
.tod-sscBody .rbox + .tit-wrap {margin-top:1.875rem;}
.tod-sscBody .ico-arrow {position:relative; display:inline-block; padding-right:0.875rem; line-height:2.25rem;}
.tod-sscBody .ico-arrow:after {content:''; display:inline-block; position:absolute; top:50%; right:0; width:0.625rem; height:0.625rem; background:url(/img/btn-arrow-14.svg) 50% 50% no-repeat; background-size:12px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.tod-sscBody .ico-outlink {display:inline-block; width:12px; height:12px; background:url('../img/outlink.svg') no-repeat 50% 50%; background-size:100% auto;}
/* .tod-sscBody .ico-arrow-r {display:inline-block; width:12px; height:12px; background:url('../img/btn-arrow-14.svg') no-repeat 50% 50%; background-size:auto 100%;} */
.tod-sscBody .ico-arrow-r {display:inline-block; width:12px; height:12px; -webkit-mask-image: url('../img/btn-arrow-14.svg'); mask-image: url('../img/btn-arrow-14.svg'); background-size:auto 100%; background-position: 50% 50%; background-color:#1A1A47; -webkit-mask-size:auto 10px; mask-size:auto 10px; -webkit-mask-repeat:no-repeat; mask-repeat: no-repeat; mask-position: center center; -webkit-mask-position: center center; vertical-align:middle;}
/* 구독정보:도넛차트 */
.donut-chart {transform:rotate(240deg);}
.gauge-chart-area {position:relative; width:7.9375rem; height:7.9375rem;}
.gauge-chart-area svg {position:relative; margin-top:1px;}
.gauge-chart-area svg.chart-bg {position:absolute; top:0; left:0; z-index:0;}
/* 구독정보:내사용정보 */
.tod-sscBody .cont-box .rbox .info-wrap + .bt-slice {margin-top:1.25rem;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list li {margin-bottom:0;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list > li {font-size:0.875rem;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .sscpay-salelist {margin:0; margin-top:0.1875rem;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .sscpay-salelist li .price {top:0; color:#1A1A47; font-weight:700;}
.tod-sscBody .cont-box .rbox .info-wrap .sscpay-list .txt-ssm {margin-top:0;}
.tod-sscBody .cont-box .rbox .info-wrap .my-ttp-box {margin-top:0.625rem;}
/*211227_수정 : 첫달할인(추가) */
.sub-txt-ssm{margin-top:6px;padding-left:0.625rem;color:#686C7C;font-weight:400 !important;font-size:.875rem !important}
/* SSMCM-1701 : 220331 상품상세(with) */
.prodview-top.benefits{padding-bottom:1.875rem;}
.prodview-top.benefits .divide{margin-top:20px; padding-top:14px; border-top:1px dashed #ccc;}
.prodview-top.benefits .txt-star{position: relative; padding-left:0.625rem; font-size: 12px; font-weight: 300; line-height: 1.5; letter-spacing: -0.53px; color: #585959;}
.prodview-top.benefits .txt-star:before{content: '*'; position:absolute; left:0;}
.prodview-top.benefits .prod-infowrap .desc-basic .notice-wrap .txt-ssm + .txt-star{margin-top:20px; padding-top:14px; border-top:1px dashed #ccc;}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-vis{position: relative;}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap{position:static;}
.subsc-vis-wrap .prodview-top.benefits .prod-info{position:absolute; top:0; width:calc(100% - 2.75rem); padding:2rem .25rem 0;/* height:296px; box-sizing:border-box; */}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .prod-info .p-text{margin: 0 0 3px; padding:0; font-size: 34px; font-weight: bold; color: #1A1A47;}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .prod-info .p-name{width:5.75rem; height:2.688rem; margin-bottom:1.063rem;}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .prod-info .p-price strong{font-size: 24px; font-weight: bold; letter-spacing: -0.43px; color: #1A1A47;}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic{margin-top:-41.5%; padding:2rem 1.5rem 1.813rem;}
.subsc-vis-wrap.subsc-vis-new .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic .tit{margin-bottom:.563rem; font-size: 16px; font-weight: normal; letter-spacing: -0.31px; text-align: center; color: #3617ce;}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm .txt{margin-bottom:1.25rem; font-size: 22px; font-weight: 500; letter-spacing: -0.42px; text-align: center; color: #000;}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p{color: #585959; font-weight: 300;}
.subsc-vis-wrap .tod-ssc-pack-view .prodview-top.benefits .prod-infowrap .desc-basic .notice-wrap ul.txt-ssm li p+p{margin-top:12px;}
.subsc-vis-wrap .prodview-top.benefits .desc-basic .txt-ssm>li:nth-child(2)>p:last-child{display: block;}
/* SSMCM-1701 : 220331 with 한눈에보기 */
.withpass-all{padding:2.625rem 0 2.5rem; background-color:#fff;}
.withpass-all .with-all{text-align: center;}
.withpass-all .with-all .tit{margin-bottom:.563rem; font-size: 16px; letter-spacing: -0.31px; color: #000;}
.withpass-all .with-all .txt{font-size: 22px; font-weight: 500; letter-spacing: -0.42px; color: #000;}
.withpass-all .with-list{margin-top:1.188rem;}
.withpass-all .with-list .img{position: relative;}
.withpass-all .with-list .img + .img{margin-top:.75rem;}
.withpass-all .with-list .img + .img:before{content:''; position: absolute; left:50%; top:-1.75rem; width:3.5rem; height:3.5rem; margin-left:-1.75rem; background:url(/img/icon-with-benefits-more.png) no-repeat 0 0 / 3.5rem;}
/* SSMCM-1701 : 220331 with 기본혜택 */
.subsc-wrap + .subsc-vis-wrap .tod-ssc-tit-wrap{margin-top:0;}
.header-wrap ~ .container-wrap .my-cont-box .tab-area .tab-linker > ul{ top: 51px;}
/*===================================================== 해상도별 체크 ======================================================================= */
@media all and (max-width:20rem) { /* 320px */
.ssc-rbox .list-ico > ul > li {padding-right:0;}
.myuse-ssc-wrap .detail-ssc-area .detail-head .rgt .row-optbtn > span {margin-left:4px;}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info .subinfo-txt {white-space: inherit;}
}
@media all and (max-width:17.5rem) { /* 280px */
/* .tod-ssc-bnf-icon .bnf-icon-box > ul > li .logo .icon-wrap {max-width:4.188rem;} SSMCM-3808 : 삭제 */
.rgt-btn {display:flex; flex:0 0 auto;}
.tod-sscBody .unvspass-cp-list > li .unvspass-cp {padding:10px;}
.tod-sscBody .unvspass-cp .cp-discount {padding-left:6px; margin-left:6px;}
.tod-sscBody .ssc-list.use-ssc .ssc-item .ico + p {padding-right:0;}
.myuse-his-box .use-subsc-item .item-row {display:block;}
.myuse-his-box .use-subsc-item .item-row .rgt-cell {display:block; padding-left:48px; margin-top:6px; text-align:left;}
.myuse-his-box .use-subsc-item .item-row .rgt-cell .btn-underline {text-align:left;}
.myuse-his-box .use-subsc-item .include-item .item-row .rgt-cell {padding-left:40px;}
.myuse-ssc-wrap .item-ssc-area .ssc-tag {margin-left:0;}
.my-cont-box .tab-area .tab-linker > ul > li button, .my-cont-box .tab-area .tab-linker > ul > li a {padding:0}
}
/* 우주 구독 이벤트 & 프로모션 컨텐츠 영역 */
.subsc-evt-wrap {position:relative;}
.subsc-evt-wrap .evt-content {position:relative;}
.subsc-evt-wrap .evt-content .content-box {vertical-align:top}
.subsc-evt-wrap .evt-content .content-box img {display:block; width:100%; line-height:0; font-size:0}
.subsc-evt-wrap .evt-content .content-box .btn-block {position:relative; display:block; width:100%; text-align:center}
.subsc-evt-wrap .evt-content .content-box .btn-block a {position:relative; display:inline-block; vertical-align:top}
/* 220330 해지방어 */
.saving-amount-txt{padding-top:0.3125rem; padding-bottom:1.3125rem; margin-bottom:1.3125rem; border-bottom:1px solid #E2E2F0; text-align:center;}
.saving-amount{margin-top:1rem; font-size:1.25rem; color:#3617ce; font-weight:700;}
.benefit-giveup-txt{margin-top:1.9375rem; margin-bottom:-0.625rem; font-size:1.125rem;}
.tod-sscBody .benefit-serv-list > li{margin-top:1rem; padding-top:1rem; border-top:1px solid rgb(120,125,198,0.08);}
.tod-sscBody .benefit-serv-list > li:first-child{border-top:0;}
.tod-sscBody .sscpay-benefit-list > .amount{font-weight:400;}
.tod-sscBody .benefit-serv-list .serv-item .item .ico{width:2.5rem; height:2.5rem;}
.tod-sscBody .benefit-serv-list .serv-item .item .cert-name{padding-left:3.125rem; font-weight:700; position:relative;}
.tod-sscBody .benefit-serv-list .serv-item .item .cert-name:before{content:""; height:50%; background-color:rgba(255,64,78,0.15);
position:absolute; left:3.125rem; right:0.3125rem; bottom:0;
}
.tod-sscBody .benefit-serv-list .serv-item .item .cert-coment{padding-left:3.125rem;}
.tod-sscBody .benefit-serv-list .serv-item .item .cert-coment p{color:#1A1A47;}
.tod-sscBody .benefit-list{padding-bottom:0.6875rem; border-bottom:1px solid rgb(120,125,198,0.08);}
.tod-sscBody .use-amount{text-decoration:line-through;}
.tod-sscBody .add-benefit-list{display:flex;}
.tod-sscBody .add-benefit-list li{width:50%; text-align:center;}
.tod-sscBody .add-benefit-list .serv-item .item .ico{width:3.125rem; height:3.125rem; margin-right:0; position:static;}
.add-benefit-txt{margin-bottom:0.5rem; font-size:0.8125rem;}
.add-benefit-tit{margin-top:0.4375rem; font-size:0.875rem;}
.add-benefit-tit strong{display:block; font-size:0.9375rem; font-weight:700;}
.benefit-amount-txt{margin-top:1.25rem; padding-top:1.3125rem; border-top:1px solid #E2E2F0; text-align:center; color:#686C7C;}
.benefit-amount-txt strong{color:#1A1A47;}
.recommend-serv{margin-top:1rem; font-size:1.25rem; font-weight:700;}
.benefit-slide-area{overflow-x:hidden;}
.benefit-txt-38{padding-top:0.3125rem; font-size:0.8125rem; text-align:center;}
.inconvenient-wrap{margin-top:-23px; position:relative; z-index:26;}
.chioce-two-txt{padding-bottom:1rem; border-bottom:1px solid #E2E2F0; font-weight:700;}
.inconvenient-check-list{margin-top:1rem;}
.inconvenient-check-list li{margin-top:1rem;}
.inconvenient-check-list li:first-child{margin-top:0;}
.request-retraction-txt{color:#686C7C; text-align:center; position:absolute; left:0; right:0; bottom:100px;}
.request-retraction-txt a{color:#686C7C; text-decoration:underline;}
.bt-shadow-07{box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.07);}
.popup-vis-all{margin:-1.875rem -1.25rem;}
/* 220506 SSMCM-3465 버블영역 개선_카테고리 추가 */
/* SSMCM-3808 : 스타일재설정 및 추가 */
.bubble-wrap{background:#ebeef4;}
.bubble-wrap .top-area .tit{padding:3.75rem 1.25rem 0; margin:0; text-align:center; font-size:1.75rem; line-height:2.063rem; color:#1A1A47; font-weight:700;}
.bubble-wrap .top-area .desc{text-align:center; margin-top:0.75rem; font-size:1.063rem; color:#1A1A47; opacity:.7;}
.bubble-wrap .tab-bubble-top{text-align:center; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; height:112px; position:static; padding:10px 0;}
.bubble-wrap .tab-bubble-top .tab-category{display:inline-block; width:260px;}
.bubble-wrap .tab-bubble-top .tab-category li{display:inline-block; margin:5px;}
.bubble-wrap .tab-bubble-top .tab-category li a{display:inline-block; font-size:13px; font-weight: bold; color:#3617ce; line-height:36px; padding:0 18px; height:36px; border-radius: 18px; box-shadow: 5px 5px 10px 0 rgba(54, 23, 206, 0.06); background-color: #fff;}
.bubble-wrap .tab-bubble-top .tab-category li.on a{color:#fff; box-shadow:2px 5px 10px 0 rgba(54, 23, 206, 0.15); background-color:#3617ce;}
.bubble-wrap .tab-bubble-top.sticky{height:56px; background:#f6f6fa; z-index:2; overflow-x:auto; width:100%; padding:0 1.25rem; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);}
.bubble-wrap .tab-bubble-top.sticky::-webkit-scrollbar{display:none;}
.bubble-wrap .tab-bubble-top.sticky ul{overflow:hidden; white-space:nowrap; width:auto}
.bubble-wrap .tab-bubble-top.sticky ul li{line-height:56px; margin:0 5px; display:inline-block; width:auto;}
.bubble-wrap .sub-area{padding:40px 1.25rem 0;}
.bubble-wrap .sub-area .tab-cont .tab-tit{display:inline-block; color:#fff; background:#8971ff; border-radius:10px; padding:2px 8px; font-size:11px; margin-bottom:6px;}
.bubble-wrap .sub-area .tab-cont .sub-title .tit{font-size:20px; color:#1A1A47;}
.bubble-wrap .sub-area .tab-cont .sub-title .desc{margin-top:5px; font-size:13px; color:#3617ce; letter-spacing:0;}
.bubble-wrap .sub-area .tab-cont .bubble-list{padding:30px 0 50px;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul{display:flex; flex-wrap:wrap; gap:20px 5.5%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li{width:20.8%; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; }
.bubble-wrap .sub-area .tab-cont .bubble-list ul li a{display:inline-block; position:relative; width:65px; /* width:98%; */} /* 이미지사이즈 고정으로변경 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li a .img{display:inline-block; border-radius:100%; box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, 0.05); position:relative;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li a .name{display:inline-block; font-size:12px; margin-top:12px; height:32px; width:100%;} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont{position: relative; display: none; position: relative; margin-top:34px; width:480%; padding: 30px 20px; box-sizing: border-box; text-align: left; border-radius:1rem; box-shadow: 5px 10px 30px 0 rgba(0, 0, 0, 0.05); background:#fff;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(4n+2) .toggle-cont{left:-126.5%;} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(4n+3) .toggle-cont{left:-253%;} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(4n+4) .toggle-cont{left:-380%;} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .tit{font-size:14px; line-height:1.25rem; letter-spacing:-.4px; color:#1A1A47; padding-right:20px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .tit strong{font-size:16px; font-weight:bold; line-height:20px; margin-top:5px;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-exp{margin-top:10px;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .noti-warn{padding-right: 30px; color: #ff404e; font-size: 0.8125rem; font-weight: 700; line-height: 1.125rem;}/* 220518 수정 margin-top:20px; 삭제 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .noti-warn + .tit{margin-top:3px;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner{margin-top:20px; font-size:13px; line-height:16px; letter-spacing:-.37px; color:#3617ce;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .bul-list{font-size:13px; line-height:20px; letter-spacing:-.4px; color:#686C7C; width:100%; display:inline-block; padding-top:10px;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .bul-list li{width:100%; position:relative; color:#686C7C; padding-left:13px; text-align:left;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .bul-list li::after{content:'・'; display: block; position: absolute; left: 0; top:0;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .dash-list,
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .star-list{display:inline-block; width:100%;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .dash-list li,
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .star-list li{padding-left:10px;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .dash-list li::after{content:'-'}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .sub-inner .star-list li::after{content:'*'}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .btn.gost{border-radius: 14px; border: solid 1px #3617ce; background-color: #3617ce; height:28px; line-height:28px;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .btn.gost span{font-size:13px; font-weight:bold; color:#fff; height:28px; line-height:28px; display:inline-block;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .btn.gost span::after{border-top: 1px solid #fff; border-right: 1px solid #fff;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont .close{position: absolute; top:20px; right:20px; width:20px; height:20px; display: block; background:url(/img/btn-close.svg) no-repeat center / 16px; font-size: 0; color: #fff;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .icon-new{top:-2px; right: -6px;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on a:before{content:''; position: absolute; bottom:-34px; left:50%; z-index: 1; width:0; height:0; margin-left:-10px; border-style:solid; border-width:9px 10px; border-color:#ebeef4 #fff #fff #ebeef4;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on .img img{position:relative; z-index:2;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on .icon-new{z-index:2;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .img::after{position:absolute; width:0; height:0; content: ''; display: block; opacity:0; top: 50%; left: 50%; border-radius: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.3s; -webkit-transition: all 0.3s;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on .img::after{width:calc(100% + 4px); height:calc(100% + 4px); opacity:1; border:2px solid #3617ce;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li.on .toggle-cont{display:block;}
/* // SSMCM-3808 : 스타일재설정 및 추가 */
/* //220506 SSMCM-3465 버블영역 개선_카테고리 추가*/
/* 220510 SSMCM-3596 우주패스all과 싱크 맞춤 */
/* SSMCM-3808 : 스타일재설정 및 추가 */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light{background:#ebeef4;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .tit,
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .ps{color:#1A1A47 !important;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li.on .logo .icon-wrap:before{content:''; position:absolute; top:auto; bottom:-34px; left:50%; z-index: 1; background:none;width:0; height:0; margin-left:-10px; border-style:solid; border-width:9px 10px; border-color:#ebeef4 #fff #fff #ebeef4;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .logo .icon-wrap .icon span{border:none;box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, 0.05);}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .logo .icon-wrap .icon::after{width:107%; height:107%; background:none; border:2px solid #3617ce;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .logo .icon-wrap .name{color:#1A1A47; margin-top:12px;} /* 220518 수정 : margin-top 추가 */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box{box-shadow: 5px 10px 30px 0 rgb(0 0 0 / 5%); background: #fff; margin-top:34px; padding:30px 20px;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box.n2 ul li .box::after{background:none;width:0; height:0;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .close{position: absolute; top:20px; right:20px; width:20px; height:20px; display: block; background:url(/img/btn-close.svg) no-repeat center/16px; font-size: 0; color: #fff;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dt{font-size: 13px; line-height: 16px; letter-spacing: -.37px; color: #3617ce; background:none; border-radius:0; padding:0; margin:0; font-weight:bold;} /* 220518 수정 font-weight 추가 */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd{font-size: 13px; line-height: 20px; letter-spacing: -.4px; color: #686C7C; width: 100%; display: inline-block; padding:0; margin-left:0; opacity:1;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd::after{display:none;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list{font-size: 13px; line-height: 20px; letter-spacing: -.4px; color: #686C7C; width: 100%; display: inline-block; padding-top: 10px;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list li{width: 100%; position: relative; color: #686C7C; padding-left: 13px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list li::after{content: '・'; display: block; position: absolute; left: 0; top: 0;}
/* SSMCM-4500 : 5GX */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list li.rs_li{padding:0;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .bul-list li.rs_li::after{content:'';}
/* //SSMCM-4500 : 5GX */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .dash-list li,
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .star-list li{padding-left:10px;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .dash-list li::after{content: '-';}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .box dl dd .star-list li::after{content:'*'}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .btn.gost{border-radius: 14px; border: solid 1px #3617ce; background-color: #3617ce; height: 28px; line-height: 28px;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .btn.gost span{font-size: 13px; font-weight: bold; color: #fff; height: 28px; line-height: 28px; display: inline-block;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .btn.gost span::after{border-top: 1px solid #fff; border-right: 1px solid #fff;}
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box > ul > li .logo .icon-wrap .name{height:34px; font-size:12px;}
/* SSMCM-3808 : 미디어쿼리 280 위치변경 */
@media all and (max-width:17.5rem) { /* 280px */
.bubble-wrap .tab-bubble-top{padding:10px 0;}
.bubble-wrap .tab-bubble-top .tab-category li a{padding:0 15px;}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li{width:29.5%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li a{width:67px;} /* SSMCM-3808 : 추가 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li .toggle-cont{width:340%;} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(3n+1) .toggle-cont{left:0}
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(3n+2) .toggle-cont{left:-119%} /* 220516 수정 */
.bubble-wrap .sub-area .tab-cont .bubble-list ul li:nth-child(3n+3) .toggle-cont{left:-237%} /* 220516 수정 */
.subsc-vis-wrap .tod-ssc-bnf-icon.bg-light .bnf-icon-box.n2 > ul > li .logo .icon-wrap .icon{max-width:4.188rem; max-height:4.188rem;} /* SSMCM-3808 : 추가 */
}
/* // SSMCM-3808 : 스타일재설정 및 추가 */
/* //220510 SSMCM-3596 우주패스all과 싱크 맞춤 */
/* 220517 SSMCM-3206 TBD 작업 */
.benefit-package-area{padding:1.875rem 1.25rem 2.5rem; margin:0 -1.25rem; background-color:#f6efff;}
.benefit-package-area .my-tit-wrap{margin-bottom:1.875rem;}
.discount-box-area{padding:1.75rem 0; background-color:#fff; border-radius:15px; box-shadow:0 4px 8px rgba(91,91,91,0.15); position:relative;}
.discount-box-area + .discount-box-area{margin-top:1.845rem;}
.discount-month{height:30px; padding:0 24px; background-color:#3617ce; border-radius:15px;
font-size:13px; color:#fff; line-height:30px;
transform:translateX(-50%); position:absolute; left:50%; top:-15px;
}
.discount-price-list{display:flex; align-items:center; justify-content:center;}
.discount-price-list li{width:50%; text-align:center; position:relative;}
.discount-price-list li:before{content:""; width:10px; height:17px; background-image:url("../img/arrow-purple.svg"); background-size:100% 100%; position:absolute; left:0; top:50%;}
.discount-price-list li:first-child:before{display:none;}
.discount-price-list strong{display:block; margin-top:7px; font-size:18px; color:#3617ce; font-weight:700;}
.discount-price-list .normal-price{color:#1A1A47; text-decoration:line-through;}
.discount-tit{font-size:13px;}
.note-accor-area{margin-left:-1.25rem; margin-right:-1.25rem;}
.next-payment-txt{margin-top:1.25rem; color:#686C7C;}
/* 기계적 해지방어 */
.tod-sscBody .cancel-box{padding-top:5.125rem;}
.tod-sscBody .cancel-logo{margin-bottom:1.875rem;}
.tod-sscBody .cancel-logo img{width:86px;}
/* .tod-sscBody .cancel-logo img{width:79px;} 1107반영*/
.tod-sscBody .cont-box .phone-num-area .tit-wrap{margin-bottom:0.625rem;}
.tod-sscBody .phone-num-txt{font-size:1.125rem; color:#3617ce; font-weight:700;}
.tod-sscBody .noti-cerfity-num{margin-top:0.375rem; font-size:0.75rem; color:#686C7C;}
.tod-sscBody .certify-num-time{color:#ff404e; transform:translateY(-50%); position:absolute; right:0.625rem; top:50%;}
.tod-sscBody .btn-certify-check{margin:1.25rem 1.25rem 0;}
.tod-sscBody .certify-txt-area{margin-top:5.1875rem;}
.tod-sscBody .certify-txt{margin-bottom:1.25rem; font-size:1.125rem;}
.tod-sscBody .inputbox.certify-num-inputbox .input .cancel{right:3.0rem;}
.tod-sscBody .tit-booking{padding-top:0.625rem; font-size:0.875rem; font-weight:700;}
.tod-sscBody .cancel-booking-product{padding:1.625rem 1.25rem; font-weight:700;}
.tod-sscBody .noti-cancel-list{margin-top:0.875rem;}
.tod-sscBody .noti-cancel-list li{padding-left:0.8rem; font-size:0.875rem; color:#686C7C; position:relative;}
.tod-sscBody .noti-cancel-list li:before{content:"*"; position:absolute; left:0; top:0;}
/* 해지방어 - plcc 추가 */
.plcc_box_area{padding:1.375rem 1.25rem; margin:0 1.25rem 1.875rem;
background-color:#f6efff; border-radius:15px; box-shadow:0 4px 8px rgba(91,91,91,0.15);
font-size:16px; color:#1A1A47; line-height:22px; font-weight:700;
}
.plcc_box_area a{display:block;}
.plcc_box_area strong{color:#3617ce;}
.btn_plcc_check{margin-top:5px; font-weight:700;}
/* 220808 김영우 : 가입결제*/
.new-container-ssc-wrap .cont-box{background-color: #F5F5FA;}
.new-container-ssc-wrap .bgW{background:#fff}
.new-container-ssc-wrap .innerShadow{position: relative;;box-shadow: 0 4px 12px rgb(0 0 0 / 12%);}
.new-container-ssc-wrap .rbox{padding:0;background: transparent; border-radius: 0;}
.new-container-ssc-wrap .tit-wrap .tit{color:#1A1A47;line-height: 1.14;}
.new-container-ssc-wrap .bt-tip span{font-weight: 400;}
.new-container-ssc-wrap .item-ssc-area{margin-bottom: 12px;}
.new-container-ssc-wrap .myuse-ssc-wrap .sscpay-list{background: transparent;}
/* .new-container-ssc-wrap .myuse-ssc-wrap .info-blk{margin-top:16px} */
.new-container-ssc-wrap .myuse-ssc-wrap .item-name img{width:auto; height:24px;}
.new-container-ssc-wrap .rbox > [class$='-wrap'] > .head-area > .tit > strong {font-size: 0.875rem;color:#1A1A47}
.new-container-ssc-wrap .sscpay-list .accordion .acco-style.btn-hold .acco-list > li{margin-top:0;}
.new-container-ssc-wrap .info-ssc-area{background:#FAFAFC;border:1px solid #E2E2F0;border-radius:8px; overflow: hidden;}
.new-container-ssc-wrap .info-ssc-area .acco-tit{font-size: 0.75rem;}
.new-container-ssc-wrap .info-ssc-area .line-box{padding:0;border:0}
.new-container-ssc-wrap .info-ssc-area .sscpay-list{padding:16px;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li:first-child{margin-bottom: 16px;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li.new-top-text{display:flex;margin:0 -16px;padding:16px;font-size:0.75rem}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li.new-top-text:last-child{padding-bottom: 0;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li + li{border-top: 1px solid #E2E2F0}
/*(S) SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영 (보내는사람) */
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li .send-list {position: relative; display: flex;width: 100%; vertical-align: middle; justify-content: space-between; font-size: 0.75rem; color: #686c7c;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li .send-list p {width: 100%; display: inline-block; margin-right: 0.75rem; flex: 0 65%; max-width: 160px; }
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li .send-list span {text-align: right; color: #3E3E52; }
/*(E) SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영 (보내는사람)*/
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li .txt{width:auto; overflow:hidden; position: relative;margin-left:auto;text-align: right;font-size:0.75rem !important;color:#3E3E52} /* SSMCM-7160: width 수정(70% -> auto) */
.new-container-ssc-wrap .info-ssc-area .sscpay-list .bt-tip{top:0;}
.new-container-ssc-wrap .info-ssc-area .ssc-glist li + li{margin-top:8px}
/*(S) SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영 (보내는사람)*/
.new-container-ssc-wrap .info-ssc-area .ssc-glist .ssc-gitem{display:flex; justify-content: space-between; font-size: 0.75rem;color:#686c7c}
.new-container-ssc-wrap .info-ssc-area .ssc-glist .ssc-gitem p{font-weight: 400;}
.new-container-ssc-wrap .info-ssc-area .ssc-glist .ssc-gitem span{max-width: 50%; flex:0 65%;text-align: right;color:#3E3E52}
/*(E) SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영 (보내는사람)*/
.new-container-ssc-wrap .new-cont-box .rbox{position: relative; padding: 1rem 1.25rem; background-color: #fff; border-radius: 8px;}
.new-container-ssc-wrap .cont-box.new-cont-box .rbox .packwrap {width: 70%;}
.new-container-ssc-wrap .cont-box.new-cont-box .rbox .packwrap .coupon-name{font-size: 12px; margin-top: 7px; line-height: 15px;}
.new-container-ssc-wrap .cont-box.new-cont-box .rbox .packwrap .disc-txt{line-height: 18px;}
.new-container-ssc-wrap .cont-box.new-cont-box .rbox .btn-ssc-modify{position:absolute; top: 50%; margin-top: -13.5px; right: 16px; height: 27px; line-height: 27px; padding: 0 12px; font-size: 12px; font-weight: 700; color: #1a1a47; border:1px solid #e2e2f0; border-radius: 13.5px;}
/* 아코디언스타일 리셋 */
.new-container-ssc-wrap .info-ssc-area .sscpay-list .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit{color:#3e3e52;}
.new-container-ssc-wrap .info-ssc-area .accordion .acco-list .acco-box.on > .acco-cont{background-color:#fafafc; border-top:none;}
.new-container-ssc-wrap .rbox .coupon-disc-wrap{position: relative;padding: 16px 14px;background-color:#fff;border-radius:8px;box-shadow: 0 4px 12px rgb(0 0 0 / 12%);}
.new-container-ssc-wrap .rbox .coupon-disc-wrap .head-area .tit{width:100%}
.new-container-ssc-wrap .rbox .coupon-disc-wrap .head-area .rgt-btn{flex:0 0 auto;position: absolute;top: 50%;right: 14px;transform: translateY(-50%);}
.new-container-ssc-wrap .rbox .coupon-disc-wrap .head-area .rgt-btn .btn-ssc-modify{padding: 0 11px;border:1px solid #D3D6E6;border-radius: 28px;background: #fff;}
.new-container-ssc-wrap .rbox .coupon-disc-wrap .head-area .rgt-btn .btn-ssc-modify .text{color: #1A1A47 ;font-size:0.75rem;line-height:26px;}
.new-container-ssc-wrap .rbox .coupon-disc-wrap .txt-sm-fl > span{color: #686C7C !important;font-size: 0.75rem;line-height: 1.25;}
/* 2022.12.16 단품케이스 추가 */
.new-container-ssc-wrap .gift-title{margin-bottom: 24px;font-size: 1.625rem;font-weight: bold;letter-spacing: -1.3px;}
.new-container-ssc-wrap .gift-prdonly .info-ssc-area .ssc-glist .ssc-gitem p{flex: 0 100%;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li:first-child{margin-bottom: 0;}
/* 2022.08.12 수정 : 포인트 영역 공통 수정 */
.cont-box.new-point-box{padding-bottom: 0;}
.cont-box.new-point-box .rbox{background: transparent; padding:0}
.cont-box.new-point-box .innerShadow{position: relative;;box-shadow: 0 4px 12px rgb(0 0 0 / 12%);}
.cont-box.new-point-box .rbox .join-point-wrap{padding:24px 16px 16px;background-color:#fff;border-radius:8px;box-shadow: 0 4px 12px rgb(0 0 0 / 12%);}
.cont-box.new-point-box .rbox .join-point-wrap .link-area .bt-line-my{background: #3617CE;border-color: #3617CE;color: #fff;border-radius: 4px;font-weight: 500;box-shadow: none;}
.cont-box.new-point-box .rbox .join-point-wrap .tit-area{font-size:0.875rem;line-height: 1.57;color:#3E3E52}
.cont-box.new-point-box .rbox .join-point-wrap .txt-area{font-size:0.875rem;line-height: 1.57;color:#3E3E52}
.cont-box.new-point-box .rbox .join-point-wrap .link-area{padding-top:0;margin-top:24px}
.cont-box.new-point-box .rbox .point-wrap .btn-blk .btn-round{background: #3617CE;border-color:#3617CE;color: #fff;border-radius: 4px; box-shadow: none;}
.cont-box.new-point-box .rbox .point-wrap .btn-blk .btn-round span{font-weight: 500;}
.cont-box.new-point-box .rbox .point-wrap .btn-blk .btn-round.type-wht{background: #fff;color:#3617CE;border:1px solid #3617CE}
.cont-box.new-point-box .rbox .point-wrap .btn-blk .btn-round:disabled{color: #fff;background: #D3D6E6;border-color: #D3D6E6 !important;}
.cont-box.new-point-box .rbox .point-wrap .head-area,.cont-box.new-point-box .rbox .point-wrap .body-area{padding:16px;border-radius:8px; background: #fff;flex-wrap: wrap;position: relative;}
.cont-box.new-point-box .rbox .point-wrap .head-area > .point-blk, .cont-box.new-point-box .rbox .point-wrap .head-area > .numb-mbcard{width:100%;}
.cont-box.new-point-box .rbox .point-wrap .head-area > .rgt-btn{flex:0 0 auto;position: absolute;right: 16px;top:50%;transform: translateY(-50%);}
.cont-box.new-point-box .rbox .point-wrap .head-area > .point-blk .amount{font-size: 1rem;color: #FF404E;font-weight: 500;}
.cont-box.new-point-box .rbox .point-wrap .head-area > .numb-mbcard{display: block;margin-top: 6px;color: #686C7C;font-size: 0.75rem;line-height: 1.25;}
.cont-box.new-point-box .rbox .point-wrap .head-area > .rgt-btn .btn-ssc-modify{padding: 0 11px;border:1px solid #D3D6E6;border-radius: 28px;background: #fff;}
.cont-box.new-point-box .rbox .point-wrap .head-area > .rgt-btn .btn-ssc-modify .text{color: #1A1A47 ;font-size:0.75rem;line-height:26px;}
.cont-box.new-point-box .rbox .point-wrap .inputbox .input input[type=number]{padding-right: 73px;text-align: left;font-weight: 500;}
.cont-box.new-point-box .rbox .point-wrap .inputbox .input input:read-only{border-bottom:1px solid #E2E2F0;color: #D3D6E6;background: #fff;}
.cont-box.new-point-box .rbox .point-wrap .inputbox .bt-box{position: absolute;right: 0;}
.cont-box.new-point-box .rbox .point-wrap .inputbox .bt-box button{min-width: 44px;height: 28px;padding: 0 11px;font-size: 0.75rem;font-weight: 500; border-radius: 28px;line-height: 26px;}
.cont-box.new-point-box .rbox .point-wrap .inputbox .bt-box button:not([disabled]){padding: 0 11px;border:1px solid #D3D6E6;border-radius: 28px;background: #fff;color:#1A1A47}
.cont-box.new-point-box .rbox .point-wrap .inputbox .bt-box button:disabled{color: #D3D6E6;border:1px solid #D3D6E6;background: #FAFAFC;}
.cont-box.new-point-box .rbox .point-wrap .inputbox.pay-point-inputbox .input input[type=number]{padding-right: 0;}
.cont-box.new-point-box .rbox .point-wrap .txt-invalid.pay-point-invalid{margin-top: 6px;color: #686C7C;font-size: 0.6875rem;}
.new-container-ssc-wrap .rbox .sscpay-chcbox{padding:24px 16px 16px;border-radius:8px;text-align: center;background: #fff;}
.new-container-ssc-wrap .rbox .sscpay-chcbox .btn-round{display: block;width: 100%;height: 36px;margin-top:24px;overflow: hidden;text-align: center;background: #3617CE;border-color:#3617CE;color: #fff;border-radius: 4px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%), inset 1px 1px 1px 0 rgb(255 255 255 / 7%);}
.new-container-ssc-wrap .rbox .sscpay-chcbox .btn-round span{font-weight: 500;}
.new-container-ssc-wrap .sscpay-slidebox .radio-slide .select-list .radiobox.checked .pay{height: 8.05rem;padding:0.07rem}
.new-container-ssc-wrap .sscpay-slidebox .radio-slide .select-list .pay-add em{position: relative;margin-top:-2.8rem;padding-top: 52px;padding-left: 0;text-align: center;font-weight: 500;font-size: 0.875rem;background: none;}
.new-container-ssc-wrap .sscpay-slidebox .radio-slide .select-list .pay-add em::after{content: '+';position: absolute;top: 0;left: 50%;width: 44px;height: 44px;margin-left: -22px;font-size: 1.25rem;font-weight: 700;line-height: 44px;background-color: #F5F5FA;border-radius: 50%;}
.new-container-ssc-wrap .sscpay-slidebox .radio-slide .select-list .radiobox .pay .ssc-flag{width:38px; z-index: 1;}
.new-container-ssc-wrap .sscpay-slidebox .radio-slide .select-list .radiobox .pay .card-name{color: #3e3e3e;}
.new-container-ssc-wrap .sscpay-slidebox .radio-slide .select-list .radiobox .pay .card-num{color: #3e3e3e;font-size: 0.75rem;margin-top:7px}
.new-container-ssc-wrap .sscpay-slidebox .radio-slide .select-list .radiobox .dim{font-size:12px;font-weight:700;color:#fff;line-height: 1.83;background-color: rgba(0, 0, 0, 0.6);}
.new-container-ssc-wrap .sscpay-slidebox.tooltip .radio-slide .select-list .radiobox.new-card.blue .pay .inner-box{color: #fff;background-color: rgba(54, 23, 206, 0.86);}
.new-container-ssc-wrap .sscpay-slidebox.tooltip .radio-slide .select-list .radiobox.new-card .card-name{color:#fff}
.new-container-ssc-wrap .sscpay-slidebox .radio-slide .select-list .radiobox.new-card .pay .ssc-reason .arr{color:#fff}
.new-container-ssc-wrap .sscpay-slidebox.tooltip .radio-slide .select-list .radiobox.new-card.pink .pay .inner-box{color: #fff;background-color: #FF5B67;}
.new-container-ssc-wrap .sscpay-slidebox + .txt-ssm.add-letter li{margin-top: 8px;color: #686C7C;font-size: 0.75rem;line-height: 1.25;}
.new-container-ssc-wrap ul.txt-ssm > li{padding:0}
.new-container-ssc-wrap ul.txt-ssm > li:before{content:none;}
.new-container-ssc-wrap .sscpay-list .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit{color:#1a1a47; font-weight:700;;}
.new-container-ssc-wrap .accordion .acco-list .acco-box.on > .acco-cont, .accordion .acco-list .acco-box.imp-view > .acco-cont{border-top:none; background-color: #fff;}
.new-container-ssc-wrap .sscpay-list{padding:16px;background: #fff;}
.new-container-ssc-wrap .sscpay-list .sscpay-salelist li{font-size:12px;line-height: 1.42;color:#686C7C}
.new-container-ssc-wrap .sscpay-list .acco-list > li + li{margin-top:15px !important; padding-top:15px;border-top:1px dashed #E2E2F0;}
.new-container-ssc-wrap .cont-box .rbox .packwrap + .sscpay-list{border-radius: 8px;}
.new-container-ssc-wrap .cont-box .rbox .packwrap + .sscpay-list > li .price{top:50%;transform: translateY(-50%); font-size:12px;}
.new-container-ssc-wrap .cont-box .rbox .packwrap + .sscpay-list > li .price.prd-price{top:10px; color:#1A1A47;font-weight: 500; font-size:14px;}
.new-container-ssc-wrap .cont-box .rbox .packwrap + .sscpay-list > li .price.sale-price{top:25px; color:#1A1A47;font-weight: 500; font-size:14px;}
/* .new-container-ssc-wrap .sscpay-list .bt-tip{top:-10px} */
.new-container-ssc-wrap .sscpay-list > li.total{padding-top:16px;}
.new-container-ssc-wrap .sscpay-list > li.total .total-price{color:#FF404E;font-weight: 500;font-size:14px !important;top:26px !important}
.new-container-ssc-wrap .ssc-allagree .ssc-agree-all .txt-agree{font-size:0.875rem ;}
.new-container-ssc-wrap .ssc-allagree .ssc-agree-cont{padding:0}
.new-container-ssc-wrap .ssc-allagree .ssc-agree-cont .btn{right:0px}
/* 가입완료 */
.tod-sscBody .new-container-scc-wrap .line-box{margin-top:0;padding: 0;border:0;border-radius: 0;}
.new-container-scc-wrap{background: #F5F5FA;}
.new-container-scc-wrap .sscpay-list .bt-tip{top:-0.505rem;}
.new-container-scc-wrap .sscpay-list .bt-tip span{font-weight: 400;}
.new-container-scc-wrap .rbox{padding: 0; background-color:transparent;}
.new-container-scc-wrap .rbox.top-line{margin:0 -1rem 0;padding:32px 1rem 0;position: relative;}
.new-container-scc-wrap .cont-box .rbox .packwrap .tit{color:#1A1A47}
.new-container-scc-wrap .tod-scc-confirm {height:208px; margin:0 -1.25rem 0; padding-top:0; background-color: #fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.new-container-scc-wrap .tod-scc-confirm .conf-txt.ico-conf{padding-top: 8.175rem;background: url(/img/comm_2022/bg_complete.png) no-repeat center 40px;background-size:72px;font-size: 1rem;}
.new-container-scc-wrap .tod-scc-confirm .tit-wrap{margin-top:0.125rem}
.new-container-scc-wrap .tod-scc-confirm .tit-wrap .stit{margin-top: 0;}
.new-container-scc-wrap .line-box .benefit-tit{line-height: 28px;font-size: 14px;color:#1A1A47;font-weight: 500;}
.tod-sscBody .new-container-scc-wrap .ssc-glist .ssc-gitem{line-height: 28px;}
.tod-sscBody .new-container-scc-wrap .ssc-glist .ssc-gitem span{line-height: 28px; color:#686C7C}
.tod-sscBody .new-container-scc-wrap .sscpay-list.sscbnf-list > li.add-bnf{display: block;font-size:14px;line-height: 28px;color:#1A1A47}
.tod-sscBody .new-container-scc-wrap .sscpay-list.sscbnf-list > li.add-bnf > span{display: block; width: 100%;text-align: left;color:#686C7C; font-size:12px !important;}
.tod-sscBody .new-container-scc-wrap .ssc-glist.type02 .ssc-gitem{display:flex}
.tod-sscBody .new-container-scc-wrap .ssc-glist.type02 li{margin-top:0;}
.tod-sscBody .new-container-scc-wrap .ssc-glist.type02 .ssc-gitem p,.tod-sscBody .new-container-scc-wrap .ssc-glist.type02 .ssc-gitem span{color:#686C7C}
.tod-sscBody .new-container-scc-wrap .ssc-glist.type02 .ssc-gitem p{flex:0 45%;margin-right:0;font-weight: 400; line-height:28px;}
.tod-sscBody .new-container-scc-wrap .ssc-glist.type02 .ssc-gitem span{flex:0 55%;text-align: right;}
.new-container-scc-wrap .sscpay-list .sscpay-salelist li{line-height: 28px;margin-bottom: 0;font-size: 12px;color:#686C7C;}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li{padding-top:10px;font-size:12px; color: #1a1a1a; font-weight:700; line-height:28px;}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li:first-child{border-top:0;}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li .price{top:50%;transform: translateY(-50%);}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li .price.prd-price,.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li .price.sale-price{top:0;font-weight: 500;color:#1A1A47; transform:translateY(0);}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li.total{line-height: 28px;border-top: solid 1px #E2E2F0;font-weight: 400;}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li.total .price{top:11.5px;font-weight: 500;color:#FF404E; transform: translateY(0);}
.new-container-scc-wrap .cont-box .rbox.note-box{padding: 16px;border-radius: 8px;background: #FAFAFC;border:1px solid #E2E2F0}
.new-container-scc-wrap .cont-box .rbox.note-box .tit{position: relative;line-height: 1.12;color: #1A1A47;font-weight: 500;font-size: 0.875rem;}
.new-container-scc-wrap .cont-box .rbox.note-box .txt-ssm li{padding-left: 12px;font-size: 0.75rem;}
.new-container-scc-wrap .cont-box .rbox.note-box .txt-ssm li + li{margin-top:8px}
.new-container-scc-wrap .cont-box .rbox.note-box .txt-ssm li:before{content: "-";display: inline;position: absolute;background: transparent;top:0}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li .sscpay-salelist .price{font-size:12px;}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li .price.sale-price{top:11.5px;}
/* 5gx 알림팝업 */
.flex-col{flex-direction: column;}
.flex-col .btn-arr-box{text-align: left;}
/* 공유하기 */
.compArea.family { padding-top:10px; padding-bottom: 32px; text-align: center;}
.compArea.family .compTxt { padding-top: 90px; color: #1A1A47; font-size: 1rem; font-weight: 700; line-height: 1.27; background: url(/img/comm_2022/bg_family.png) no-repeat 50% 0/72px auto; }
.familyContList {margin-bottom:32px;}
.familyContList li { padding: 16px 16px 16px 72px; margin-top:8px; border:1px solid #e2e2f0; border-radius:8px; position: relative; }
.familyContList li:first-child{margin-top:0;}
.familyContList li .titArea { margin-top: 0; margin-bottom: 0; }
.familyContList li .subTxt { font-size: 0.75rem; }
.familyContList li:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; margin-left: 0; background-size: 100%; left: 16px; }
.familyContList li.free:after { background-image: url("/img/comm_2022/ico_free.png"); }
.familyContList li.max:after { background-image: url("/img/comm_2022/ico_max4.png"); }
.familyContList li.benefit:after { background-image: url("/img/comm_2022/icon_5benefits.png"); }
.familyContList li.amazon:after { background-image: url("/img/comm_2022/icon_amazon_free.png"); }
.familyContList .titDep5{margin-bottom:6px; font-size:0.875rem; color:#1A1A47; font-weight:700;}
.agreeBox.family { box-shadow: 0 0 0; }
.agreeBox.family .agreeList > li .frmInp label:before { margin-top: 0; top: 50%; transform: translateY(-50%); }
.agreeBox.familyInvite .agreeList > li .frmInp label:before { margin-top: 0; top: 50%; transform: translateY(-50%); }
.guideArea.family { margin-left: 16px; margin-right: 16px; position: static; }
.guideArea.family .bultType01 { margin-top: 0; text-align: left; }
.my-article.family{ margin-top:32px; margin-left: 16px; margin-right: 16px; text-align: left; position: static; }
.titInvite { font-size: 1.625rem; }
.familyComp { padding: 0; }
.tod-sscBody .complete-wrap.familyComplete{padding:40px 0 32px; background-color:#fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.familyComplete + .cont-box{padding-top: 32px;}
.basicBene { margin-bottom: 32px; }
.basicBene img { width:100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); }
.layCont.family { height: 100%; background-color: #F5F5FA; }
.familyBeneArea{margin-top:12px;}
.familyBeneArea + .familyBeneArea{margin-top:24px;}
.familyBeneArea:first-child{margin-top:0;}
.shareMemList{margin-top:12px;}
.main-item + .shareMemList{margin-top:16px;}
.shareMemList + .titDep5{margin-top:24px;}
.cont-box .familyShareArea { display: flex; height: 52px; padding:0 16px; border:1px solid #e2e2f0; border-radius:4px; justify-content: space-between; align-items: center; font-size: 0.75rem; }
.cont-box .familyShareArea.more { background-color: #FAFAFC; font-size: 0.75rem; color: #686C7C;}
.familyBeneArea .myuse-his-box .use-serv-list li.familyShareArea.more{border: 1px dashed #e2e2f0;}
.cont-box .familyShareArea strong { font-size: 0.75rem; }
.familyOut { display: flex; justify-content: space-between; align-items: center; }
.familyOut .btnS { color: #1A1A47; }
.familyUseArea { margin-top: 16px; padding-top: 16px; border-top: 1px dashed #E2E2F0; }
.familyUseArea .titDep5{font-weight:700;}
.familyUseArea .useDate { font-size: 0.75rem; color: #686C7C; }
.familyUseArea .thisReselect { margin: -8px 0; font-size: 0.75rem; color: #686C7C; }
.familyUseArea .colPointR{color:#ff404e;}
.cp-wrap .select-list .radiobox.familyShareArea{padding-left:48px; margin-bottom:8px; box-shadow:0 0 0;}
.cp-wrap .select-list .radiobox.familyShareArea input[type=radio]:before{left:16px;}
.familyOutTxt { margin-top: 32px; margin-bottom: 32px; text-align: center; }
.useMemberTxt { margin-top:32px; margin-bottom:12px; font-size: 0.75rem; color: #686C7C; }
.useMemberTxt ~ .rbox{padding: 1rem;}
.changeUseMember { margin-top: 8px; }
.titUseService{margin-top:24px;}
.useBenefitArea { margin-top: 12px; padding:16px; border:1px solid #e2e2f0; border-radius:8px; background-color: #fafafc;}
.useBenefitArea .bultType01 li { margin-top: 0; }
.useBenefitArea.noBenefit { text-align: center; }
.useBenefitArea.bgWhite{background-color:#fff;}
.familyBeneArea .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info .item-name{font-size:14px; text-decoration:none;}
.tod-sscBody .familyBeneArea .shadow-box{padding:16px;}
.ssc-bottom .popup-page .familyAgreeBox{padding-bottom:0 !important;}
.familyNoticeArea{margin-top:32px;}
.familyNoticeArea .notice-wrap{background-color:#fafafc; border:1px solid #e2e2f0; box-shadow:0 0 0; border-radius: 8px;}
.gbg{background-color:#f5f5fa;}
.gbg .cont-box{padding: 32px 1rem;}
.tod-sscBody .gbg .cont-box .tit-wrap{margin-bottom: 12px;}
.gbg .rbox{margin-top: 8px;}
.gbg .familyUseArea .titDep5{margin-bottom: 4px;}
.gbg .cont-box.benefit-member-change{padding-top: 16px;}
.benefit-member-change .bt-s-area{margin: 32px 0 0;}
.tod-sscBody .popup-page.tw-popup .bt-fixed-area.bt-fixed-b{bottom:0;}
.tod-sscBody .popup-page.tw-popup .bt-fixed-area.bt-fixed-b .bt-slice{padding:0;}
.tod-sscBody .popup-page.tw-popup .bt-fixed-area.bt-fixed-b .bt-slice [class^=bt-ssc]{height:64px !important; margin:0;}
.tod-sscBody .popup-page.tw-popup .bt-fixed-area.bt-fixed-b .bt-slice [class^=bt-ssc] button,
.tod-sscBody .popup-page.tw-popup .bt-fixed-area.bt-fixed-b .bt-slice [class^=bt-ssc] a{border-radius:0;}
.tod-sscBody .bt-slice.memberInviteBtn{margin:0 0 43px;}
.tod-sscBody .bt-slice.memberInviteBtn .bt-ssc-line{height:36px !important; margin-left:8px;}
.tod-sscBody .bt-slice.memberInviteBtn .bt-ssc-line:first-child{margin-left:0;}
.tod-sscBody .bt-slice.memberInviteBtn .bt-ssc-line button{border-radius:4px; font-size:14px;}
.my-tit-wrap .tit-big span{font-weight:400;}
.tod-sscBody .bt-s-area .bt-slice li{height:52px !important;}
.tod-sscBody .bt-s-area .bt-slice li button{border-radius:8px; font-size:14px;}
.tod-sscBody .bt-s-area .bt-slice .bt-ssc-line button{background-color:#fff;}
.tod-sscBody .bt-s-area .bt-slice.item-two li{margin-left:8px;}
.tod-sscBody .bt-s-area .bt-slice.item-two li:first-child{margin-left:0;}
.bt-s-area{margin-top:24px;}
.popup.pop-notice .popup-info .popup-contents.popupFamilyCont{padding:0 0 16px 0; background-color:#fff;}
.popupFamilyDetail{margin:32px 16px 0;}
.popupFamilyDetail .familyNoticeArea{margin-top:16px;}
.familyUseArea .bt-round{min-width:98px;background-color:#fff; border-color:#e2e2f0; font-size:12px; color:#1A1A47; font-weight:700;}
.familyShareArea .ssc-tag, .familyBeneArea .ssc-tag{display:inline-block; height:16px; padding:0 6px; background-color:#ff404e; font-size:8px; color:#fff; line-height:17px; text-align:center;}
.familyShareArea .ssc-tag.ssc-tag-gline, .familyBeneArea .ssc-tag.ssc-tag-gline{line-height:16px;background-color:#fff; border:1px solid #686C7C; color:#686C7C;}
.familyBeneArea .myuse-his-box .use-subsc-item .item-row .rgt-cell .bt-round{width:66px; height:27px; padding:0; border:1px solid #E2E2F0; border-radius:13.5px; font-size:12px; color:#1A1A47; text-align:center; line-height:27px;}
.familyBeneArea .myuse-his-box .use-subsc-item .item-row .rgt-cell .bt-round:after{display:none;}
.titFamilyShare{font-size:12px; font-weight:400; color:#3e3e52;}
.titFamilyShare span{color:#ff404e;}
.titFamilyShare + .inputbox .input input::placeholder{color:#8e95a5;} /* 접근성 수정 */
.inputbox + .titFamilyShare{margin-top:19px;}
.popupFamilyCont .popDetailimg{margin:0;}
.familyAgreeBox .ssc-allagree .ssc-agree-all{border:1px solid #e2e2f0; box-shadow:0 0 0;}
.familyAgreeBox .ssc-allagree .ssc-agree-cont{border:1px solid #e2e2f0; box-shadow:0 0 0;}
.familyAgreeBox .ssc-allagree .ssc-agree-cont .btn{z-index:2;}
.FamilybgW{margin-bottom:36px; background-color:#fff}
.FamilybgW + .bt-fixed-area .bt-slice{margin:0;}
.familyAgreeBox + .floating-btn .bt-fixed-area .bt-slice{margin:0;}
.inputbox.certifiInput{display:block; position:relative;}
.inputbox.certifiInput .bt-box{transform:translateY(-50%); position:absolute; right:0; top:50%;}
.inputbox.certifiInput .bt-box button{min-width:44px; height:28px; padding:0 12px; background-color:#fff; border:1px solid #3617ce; border-radius:14px; font-size:0.75rem; color:#3617ce; line-height:28px;}
.inputbox.certifiInput .input{display:block;}
.inviteBox .my-aticle .my-article-tit .tit{font-size:1.625rem;}
.inviteBox .ssc-allagree{margin-top:24px;}
.familyInviteTit{padding-top:2px; margin-bottom:32px;}
.familyInviteTit .tit-big{font-size:1.25rem;}
.txtCoupon{margin-bottom:16px; color:#686C7C;}
.titCouponCode{margin-top:11px; margin-bottom:-3px; font-size:12px; color:#3e3e52}
.cont-box.famliy-terms{padding-top: 32px;}
.cont-box.famliy-terms .my-aticle .my-article-tit .tit{font-size: 26px; line-height: 1.38;}
.cont-box.famliy-terms .my-aticle .my-article-tit .txt{color:#3E3E52; margin-top:8px; margin-bottom: 24px; font-size:14px;}
.cont-box.famliy-terms .ssc-agree-all li div{height: 52px;}
.cont-box.famliy-terms .ssc-agree-all li div{font-size: 14px}
.cont-box.famliy-terms .ssc-agree-all li .txt-agree{height:auto;}
.tod-sscBody .fixed-bottom.famliy-terms{padding-bottom:4.1rem;} /* 22.10.17 margin-bottom > padding-bottom 변경 */
.familyContList + .familyNoticeArea{margin-bottom:2px;}
.titBenefitView{margin-bottom:12px;}
.titBenefitView .tit{font-size:16px; color:#1A1A47; font-weight:700;}
.myuse-ssc-wrap .bt-arr{font-size:0.75rem;}
p + .familyBeneArea .tit-wrap{margin-top:24px;}
p + .familyBeneArea .tit-wrap .tit{color:#1a1a47;}
.familyBeneArea .myuse-his-box .use-serv-list li{display:table; width:100%; margin-top:8px; min-height:52px; padding:14px 16px; border-bottom:none;} /* 22.09.14 패밀리관리 align 수정 */
.familyBeneArea .myuse-his-box .use-serv-list li:first-child{margin-top:0;}
.familyBeneArea .myuse-his-box .use-serv-list li.no-item{display:flex; min-height:72px; align-items:center;}
.familyBeneArea .myuse-his-box .use-serv-list li.no-item > p{color:#686c7c;}
.familyBeneArea .myuse-his-box .use-serv-list li.familyShareArea{display:flex; border-bottom:1px solid #e2e2f0;} /* 22.09.14 패밀리관리 align 수정 */
.familyBeneArea .myuse-his-box .use-serv-list li > .use-subsc-item{display:table-cell; vertical-align:middle;} /* 22.09.14 패밀리관리 align 수정 */
.familyBeneArea .myuse-his-box .use-subsc-item .item-row{position:relative;}
.familyBeneArea .myuse-his-box .use-subsc-item .item-row .ico{margin-right:12px;}
.familyBeneArea .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell{width:calc(100% - 30px); min-height:auto;}
.familyBeneArea .myuse-his-box .use-subsc-item .main-item .item-row .lft-cell .item-info{margin-left:0;}
/*.familyBeneArea .myuse-his-box .use-subsc-item .item-row .rgt-cell{position:absolute; right:0; top:50%; transform: translateY(-50%);}*/
/* 22.09.02 공유하기 추가 */
.notice-wrap .txt-ssm .noticeStar:before{content:"*";}
/*09.07 대응*/
/* 가입/결제 수정 */
.tod-sscBody .new-container-ssc-wrap .sscpay-list.sscbnf-list > li{margin-top: 18px;}
.tod-sscBody .new-container-ssc-wrap .sscpay-list.sscbnf-list > li:first-child{margin-top:0;}
.tod-sscBody .popup-page.tw-popup .new-container-ssc-wrap .bt-fixed-area{bottom: 0;}
.tod-sscBody .popup-page.tw-popup .new-container-ssc-wrap .bt-fixed-area .bt-slice{padding:0;}
.tod-sscBody .popup-page.tw-popup .new-container-ssc-wrap .bt-fixed-area .bt-slice [class^=bt-ssc]{height: 64px !important; margin: 0;}
.tod-sscBody .popup-page.tw-popup .new-container-ssc-wrap .bt-fixed-area .bt-slice .bt-ssc button{border-radius: 0;}
.new-container-ssc-wrap .cont-box.new-point-box{padding-top: 0;}
.new-container-ssc-wrap .cont-box:last-child{padding-top: 0;}
.tag-blk span{margin-bottom: 16px;}
/* 가입/결제 수정 */
.cont-box.new-cont-box.new-cont-box2 .custom-form input[type=checkbox] + .c-type-bg{background-size:1.25rem}
/* 220928 추가 */
.noticeTxtCancel{margin-top:7px; font-size:12px; color:#ff404e; line-height:1.42;}
/* 나의구독 메인 배송 내역 추가 */
.deliveryBox{background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); padding: 16px; margin-top: 12px;}
.deliveryBox .deliTop .status{font-weight: bold; color: #d3d6e5; font-size: 12px;}
.deliveryBox .deliBottom{}
.deliveryBox .deliBottom .delitOption{display: flex; flex: 1; position: relative; align-items: center; position:relative;}
.deliveryBox .deliBottom .delitOption .ico{position: relative; flex: 0 0 44px; height: 44px;}
.deliveryBox .deliBottom .delitOption .item-info{width:calc(100% - 44px); margin-left: 12px;}
.deliveryBox .deliBottom .delitOption .item-info .item-name{display:block; padding-right:30px; font-size: 14px; font-weight: bold; color: #1a1a47; line-height: 1.2; text-decoration: underline; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.deliveryBox .deliBottom .delitOption .item-info .subinfo-txt{font-size: 12px; color: #686C7c; line-height: 1.2; margin-top: 6px;}
.deliveryBox .deliBottom .deliDataList{background-color: #fafafc; border: 1px solid #e2e2f0; border-radius: 4px; padding: 12px 16px;}
.deliveryBox .deliBottom .deliDataList .deliDataItem{display: flex; align-items: center; justify-content: space-between; min-height: 28px;}
.deliveryBox .deliBottom .deliDataList .deliDataItem .left{font-size: 12px; color: #686c7c; line-height: 1.42; letter-spacing: -0.3px;}
.deliveryBox .deliBottom .deliDataList .deliDataItem .right{font-size: 12px; color: #3e3e52; line-height: 1.42; letter-spacing: -0.3px;}
.deliveryBox .deliBottom .deliDataList .deliDataItem .right .count{color: #ff404e;}
.asterisk{color: #ff404e; margin-left: 4px;}
.deliverySelectWrap .select-wrap{margin-bottom: 43px;}
.ssc-bottom .deliverySelectWrap .select-wrap .radiobox.type-ssc.checked:after{content: none;}
.ssc-bottom .deliverySelectWrap .select-wrap .radiobox.type-ssc.checked .radio-join{font-weight: bold; color:#3617ce;}
.deliveryBox .deliBottom .delitOption .link-direct{position:absolute;top:-5px; right:-5px;padding:5px 16px 5px 5px;font-size:12px}
.deliveryBox .deliBottom .delitOption .link-direct:after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:14px;margin:-7px 0 0 0;background:url(/img/comm_2022/spr_ico.svg) no-repeat -120px 0}
/* SSMCM-7196 배송내역 모듈 수정 / 재배포 230227 */
.deliveryBox{ background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); padding:16px; margin-top: 12px; position:relative;} /*SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영*/
.deliveryBox .deliTop{padding:0 0 12px; margin-bottom:15px; margin-top: -4px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px dashed #e6e9f5;} /*SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영*/
.deliveryBox .deliTop .status{font-size:14px; color:#3617ce; line-height:17px; font-weight:bold; letter-spacing:-0.35px;}
.deliveryBox .deliTop .txt{font-size:12px; line-height:17px; letter-spacing:-0.3px; color:#1a1a47;}
.deliveryBox .deliBottom{display:flex; align-items:center;}
.deliveryBox .deliBottom .ico{position:relative; flex:0 0 60px; height:60px;}
.deliveryBox .deliBottom .ico img{width:100%; height:100%; border-radius:4px;}
.deliveryBox .deliBottom .item-info{width:calc(100% - 72px); margin-left:12px;}
.deliveryBox .deliBottom .item-info .item-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all; font-size:14px; line-height:18px; letter-spacing:-0.35px; color:#3e3e52; font-weight:bold; display:block; width:100%;}
.deliveryBox .deliBottom .item-info .deliOption{font-size:12px; line-height:15px; letter-spacing:-0.3px; color:#686C7C; margin:6px 0 8px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.deliveryBox .deliBottom .item-info .subinfo-txt{font-size:12px; line-height:15px; letter-spacing:-0.3px; color:#686C7C;}
.deliveryBox .deliBottom .item-info .subinfo-txt span{color:#3e3e52}
.deliveryBox .deliBottom .item-info .subinfo-txt span::after{content:'|'; display:inline-block; width:10px; height:5px; color:#686C7C; text-align:center;}
.deliveryBox .btn-link-deli{position:absolute; width:100%; height:100%; left:0; top:0;}
/* 22.10.13 가입결제 배송 추가 */
.useDeliveryProd{margin-top:-8px;}
.tod-sscBody .cont-box .useDeliveryProd .tit-wrap{margin-bottom:12px;}
.useDeliveryProd .myuse-ssc-wrap .info-ssc-area{margin-top:0; background-color:#fff;}
.deliveryProdArea{padding:0 16px; margin-bottom:24px; border:1px solid #e2e2f0; border-radius:8px;}
.deliveryProdArea .item-row{display:flex; height:72px; justify-content:space-between; align-items: center;}
.deliveryProdArea .lft-cell{display:flex; width:calc(100% - 100px); align-items: center; flex:1;}
.deliveryProdArea .lft-cell .ico{height:44px;}
.deliveryProdArea .lft-cell .ico img{width:44px; height:44px; border-radius:4px;}
.deliveryProdArea .item-info{width:calc(100% - 44px); margin-left:12px; line-height:1;}
.deliveryProdArea .item-name{display:block; padding-right:20px; font-size:14px; color:#1A1A47; font-weight:700; line-height:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.deliveryProdArea .subinfo-txt{margin-top:7px; font-size:12px; color:#686C7C;}
.deliveryProdArea .btn-outlink {display:flex;flex:0 0 auto;justify-content:center;align-items:center;min-width:84px;height:28px;/* margin-top:0.25rem;*/ padding:0px 10px;background-color:#fff;vertical-align:middle;border:solid 1px #e2e2f0;border-radius:14px;box-sizing:border-box;}
.deliveryProdArea .btn-outlink .ico-outlink {margin-left:4px;width:10px;height:10px;background:url('../img/outlink.svg') no-repeat 50% 50%;background-size:100% auto;vertical-align:middle}
.deliveryProdArea .btn-outlink .text {display:inline-block;padding-top:0;color:#1a1a47;font-size:0.75rem;font-weight:700;line-height:0.938rem;vertical-align:middle}
.deliveryProdArea .btn-outlink.disabled {cursor:not-allowed;pointer-events:none;background:#e6e6e6;color:#555;opacity:0.5}
.useDeliveryProd .changeOption{position:absolute;bottom:-4px;right:-5px;padding:5px 16px 5px 5px;font-size:12px}
.useDeliveryProd .changeOption:after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:14px;margin:-7px 0 0 0;background:url(/img/comm_2022/spr_ico.svg) no-repeat -120px 0}
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item > p .delivery{font-size:26px;}
.new-container-ssc-wrap .info-ssc-area.delivery .sscpay-list{padding:0;}
.new-container-ssc-wrap .info-ssc-area.delivery .sscpay-list > li + li{border-top:0;}
.new-container-ssc-wrap .info-ssc-area.delivery .sscpay-list > li .txt{position:absolute; right:0;}
.new-container-ssc-wrap .info-ssc-area.delivery .sscpay-list > li .txt.price{color:#ff404e;}
.new-container-ssc-wrap .info-ssc-area.deliveryInfo{background-color:#fff; border-radius:8px;}
.new-container-ssc-wrap .info-ssc-area.deliveryInfo .sscpay-list{padding:0;}
.new-container-ssc-wrap .info-ssc-area.deliveryInfo .sscpay-list > li{display:flex; padding:7px 0; line-height:17px; justify-content: space-between;}
.new-container-ssc-wrap .info-ssc-area.deliveryInfo .sscpay-list > li + li{border-top:0;}
.new-container-ssc-wrap .info-ssc-area.deliveryInfo .sscpay-list > li .txt{width:40%; position:static; right:0;}
.new-container-ssc-wrap .info-ssc-area.deliveryInfo .sscpay-list > li .txt.address{width:50%; word-break:break-all;}
.new-container-ssc-wrap.delivery .complete-wrap{height:auto; padding:40px 16px 32px; margin-bottom:32px; background-color:#fff; box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.tod-sscBody .new-container-ssc-wrap.delivery .sscpay-list > li{font-size:12px;}
.tod-sscBody .new-container-ssc-wrap.delivery .sscpay-list > li strong{font-size:14px;}
.tod-sscBody .new-container-ssc-wrap.delivery .sscpay-list .sscpay-salelist li{font-size:12px;}
.new-container-ssc-wrap .info-ssc-area.deliveryComplete{background-color:#fff; border:0; border-radius:8px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.new-container-ssc-wrap .info-ssc-area.deliveryComplete strong{display:block; padding:0 0 6px; font-size:12px; color:#1A1A47; font-weight:700;}
.new-container-ssc-wrap .info-ssc-area.deliveryComplete strong:first-child{padding-top:5px;}
.new-container-ssc-wrap .info-ssc-area.deliveryComplete .sscpay-list{padding:0;}
.new-container-ssc-wrap .info-ssc-area.deliveryComplete .sscpay-list > li{display:flex; border-top:0; justify-content:space-between;}
.new-container-ssc-wrap .info-ssc-area.deliveryComplete .sscpay-list > li .txt{width:40%; position:static; right:0;}
.new-container-ssc-wrap .info-ssc-area.deliveryComplete .sscpay-list > li .txt.address{width:50%; line-height:1.42; word-break:break-all; word-wrap:normal;}
.gbg .rbox.deliveryInfoArea{margin-top:32px; margin-bottom:32px;}
.deliveryAddBenefit{margin:12px -16px 0; padding:19px 16px 0; border-top:1px solid #e2e2f0;}
.deliveryAddBenefitTit{display:flex; justify-content: space-between;}
.deliveryAddBenefitTit .txt{width:40%; font-size:12px; text-align:right;}
.notice-wrap.delivery ul.txt-ssm li{padding-left:12px; position:relative;}
.notice-wrap.delivery ul.txt-ssm li:before{content:"-"; position:absolute; left:0; top:0;}
.new-container-ssc-wrap.delivery .cont-box .rbox .packwrap + .sscpay-list > li .price.prd-price{font-size:14px; top:11px;}
.new-container-ssc-wrap.delivery .cont-box .rbox .packwrap + .sscpay-list > li .price.sale-price{font-size:14px; top:25px;}
.new-container-ssc-wrap.delivery .cont-box .rbox .packwrap + .sscpay-list > li .price{font-size:12px;}
.new-container-ssc-wrap.delivery .cont-box .rbox .deliveryPayment > li{padding-top:16px; margin-top:18px; border-top:1px solid #e1e3e4;}
.new-container-ssc-wrap.delivery .cont-box .rbox .deliveryPayment > li:first-child{padding-top:0; margin-top:0; border-top:0;}
.new-container-ssc-wrap.delivery .cont-box .rbox .packwrap + .sscpay-list > li.total .price{font-size:14px; transform:translateY(0); color:#ff404e; font-weight:700; top:16px;}
.new-container-ssc-wrap.delivery .cont-box .rbox .deliveryPayment > li.total{font-size:14px; font-weight:700;}
.new-container-ssc-wrap.delivery .cont-box .rbox .packwrap + .sscpay-list{box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.myuse-ssc-wrap .info-ssc-area.deliveryComplete .sscpay-list.sscbnf-list .bt-tip{margin-top:6px;}
.popup .cont-box .deliveryChangeSelect{padding-top:8px;}
.popup .cont-box .deliveryChangeSelect .point{font-size:16px; color:#ff404e; font-weight:400;}
.popup .cont-box .deliveryChangeSelect + .deliverySelectWrap{margin-top:32px;}
.asterisk{color:#ff404e !important;}
.ssc-bottom .deliveryChangeSelect .select-wrap .radiobox.type-ssc.checked:after{display:none;}
.ssc-bottom .deliveryChangeSelect .radiobox.type-ssc .radio-join p{font-size:14px;}
.ssc-bottom .deliveryChangeSelect .select-wrap .radiobox.type-ssc.checked .radio-join p{font-weight:700;}
.new-container-ssc-wrap.delivery .my-complete-box .tx1{max-height:48px; overflow: hidden; color:#1A1A47; word-break: break-all;}
.new-container-ssc-wrap.delivery .my-complete-box .tx1 + .tx2{margin-top:0; color:#1A1A47;}
/* 회차별 배송 예정일 */
.deliveryListWrap{padding: 32px 16px 0;}
.deliveryListWrap .titleDeliveryDay{font-size: 16px; color: #1a1a47; letter-spacing: -0.4px; font-weight: bold; margin-bottom: 16px;}
.deliveryListWrap .deliveryTimeLlist{padding-left: 16px; position: relative;}
.deliveryListWrap .deliveryTimeLlist li{position: relative; display: flex; align-items: center; justify-content: space-between; height: 52px; padding:0 16px; background-color: #fff; margin-bottom: 8px; border-radius: 8px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.deliveryListWrap .deliveryTimeLlist li:last-child{margin-bottom: 0px;}
.deliveryListWrap .deliveryTimeLlist li .deliveryTime{color: #1a1a47; letter-spacing: -0.35px; font-size: 14px;}
.deliveryListWrap .deliveryTimeLlist li .deliveryDate{color: #3e3e52; letter-spacing: -0.35px; font-size: 14px;}
.deliveryTimeLlist:before {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: auto; background-color: #e6e9f5; margin-left: 0; margin-top: 0; left: 5px; top: 26px; bottom: 26px;}
.deliveryTimeLlist li:before {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -5px; margin-left: -5px; background-color: #ffffff; border: 1px solid #3617ce; border-radius: 100%; left: 0; margin-left: -13.5px; z-index: 2; box-sizing: border-box;}
.deliveryTimeLlist li.on:before {background-color: #3617ce;}
.delivery-notice{padding:0 16px 32px;}
.isBtn{padding-bottom: 96px !important;}
/* 배송 희망일 ssp 켈린더영역 */
.calendarBscTop p{line-height:18px;} /* 22.11.23 수급용 css 아닌 디자인 스타일로 전체스타일 수정 */
/* ssp 배송 희망일 달력 영역 - 22.11.23 수급용 css 아닌 디자인 스타일로 전체스타일 수정 */
.calendarBscWrap { margin-top:-8px; padding: 0 16px 32px; background-color: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .06);}
.calendarBscWrap .calendarBscBox { padding: 0 !important; }
.calendarBscWrap .calendarBox .CdwklyWarp {border-radius: 8px; border: solid 1px #e2e2f0; background-color: #fff; letter-spacing: -0.35px; text-align: center; }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdwkly { display: flex; padding: 15px 21px; border-bottom: 1px solid #e2e2f0; }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdwkly span { width: calc(100% / 7); height: 18px; color: #3e3e52; font-weight: 700; line-height: 18px;}
.calendarBscWrap .calendarBox .CdwklyWarp .yearMonth { margin: 28px 0 21px; font-size: 15px; font-weight: 700; letter-spacing: -0.38px; }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdwkly + .yearMonth{margin-top:28px;}
.calendarBscWrap .calendarBox .CdwklyWarp .yearMonth { margin:10px 0; color:#1a1a47; font-weight: 700; line-height: 18px; }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdday { display: flex; flex-wrap: wrap; padding: 0 21px; /* flex-direction: row; */ }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdday span { position: relative; width: calc(100% / 7); height: 52px; margin-top: 1px; color: #d3d6e5; line-height: 52px; }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdday span i { font-style: normal; }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdday span i.cho { display: inline-block; width: 28px; height: 28px; color: #fff; line-height: 28px; background-color: #3617ce; border-radius: 100%; }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdday span i.cho2 { color: #3e3e52; }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdday span.twd i { position: absolute; left: 50%; bottom: 0; font-size: 10px; line-height: 13px; transform: translateX(-50%); }
.calendarBscWrap .calendarBox .CdwklyWarp .Cdday span.twd i.cho { position: static; font-size: 14px; line-height: 28px; transform: none; }
/* // ssp 배송 희망일 달력 영역 - 22.11.23 수급용 css 아닌 디자인 스타일로 전체스타일 수정 */
/* ssp 달력 css */
/* ssp 달력 css 수급받은 css 숨기고 디자인 스타일로 재설정함
.sspq-basicWrapG {
overflow: hidden;
padding: 0 0 10px 0;
background: #f5f5fa;
}
.boxShdw{box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.change .sspq-cont-box2{
background: #fff;
padding: 32px 16px !important;
margin-bottom: 0px;
}
.sspqTit2{
font-size: 1.0rem;
color: #1a1a47 !important;
margin: 0 0 11px 0;
padding: 32px 0 0 0 !important;
letter-spacing: -0.4px;
margin-bottom: 12px !important;
}
.calendarWarp{
border: 1px solid #e2e2f0;
padding: 0 0 12px;
border-radius: 8px;
}
.calendarWarp .CdwklyWarp{
width: 100%;
padding-bottom: 12px;
}
.calendarWarp .CdwklyWarp .yearMonth{
width: 100%;
font-size: 0.875rem;
font-weight: 700;
color: #1a1a47;
text-align: center;
padding: 28px 0 20px 0;
}
.calendarWarp .CdwklyWarp .Cdwkly{
margin: 0 auto;
padding: 16px;
border-bottom: 1px solid #e2e2f0;
font-size: 0;
}
.calendarWarp .CdwklyWarp .Cdwkly span{
display: inline-block !important;
text-align: center;
margin: 0 auto;
width:calc(100%/7) !important;
width:-webkit-calc(100%/7) !important;
width:-ms-calc(100%/7) !important;
width:-o-calc(100%/7) !important;
width:-moz-calc(100%/7) !important;
font-weight: 700;
font-size: 00.875rem;
color: #3e3e52;
}
.calendarWarp .CdwklyWarp .Cdday{
width: 90% !important;
margin: 0 auto;
font-size: 0;
}
.calendarWarp .CdwklyWarp .Cdday span{
display: inline-block !important;
text-align: center;
margin: 0 auto;
width:calc(100%/7) !important;
width:-webkit-calc(100%/7) !important;
width:-ms-calc(100%/7) !important;
width:-o-calc(100%/7) !important;
width:-moz-calc(100%/7) !important;
font-weight: normal;
font-size: 0.875rem;
color: #d3d6e5;
}
.calendarWarp .CdwklyWarp .Cdday span.twd{
position: relative;
}
.calendarWarp .CdwklyWarp .Cdday span.twd i{
position: absolute;
bottom: -12px;
font-size: 0.625rem;
left: 50%;
transform: translateX(-50%);
}
.calendarWarp .CdwklyWarp .Cdday span:nth-child(8){
padding-top: 30px;
}
.calendarWarp .CdwklyWarp .Cdday span:nth-child(15){
padding-top: 30px;
}
.calendarWarp .CdwklyWarp .Cdday span:nth-child(22){
padding-top: 30px;
}
.calendarWarp .CdwklyWarp .Cdday span:nth-child(29){
padding-top: 30px;
}
.calendarWarp .CdwklyWarp .Cdday span i.cho{
padding: 5px 9px;
border-radius: 50%;
text-align: center;
vertical-align: middle;
color: #ffffff;
background-color: #3617ce;
}
.calendarWarp .CdwklyWarp .Cdday span i.cho2{
color: #3e3e52;
font-size: 0.875rem;
font-weight: normal;
}
//ssp 달력 css 수급받은 css 숨기고 디자인 스타일로 재설정함 */
/* ssp 공지사항 영역 */
.deliveryDay-box-notice {
background: #fafafc;
border: solid 1px #e2e2f0;
padding: 16px !important;
margin: 32px 16px 73px 16px;
border-radius: 8px;
}
.deliveryDay-box-notice p.tit{
font-weight: 700;
font-size: 0.875rem;
padding-left: 0 !important;
}
.deliveryDay-box-notice .txt-ssm li{
font-size: .75rem;
}
.deliveryDay-box-notice p.list{
padding-left: 0 !important;
}
.deliveryDay-box-notice p{
font-weight: normal;
font-size: 0.75rem;
padding-bottom: 8px;
}
.deliveryDay-box-notice p:last-child{
padding-bottom: 0;
}
.deliveryDay-box-notice p.list::before{
content: '-';
padding-right: 5px;
}
/* 가입 완료 수정 */
.new-container-scc-wrap .cont-box .rbox .packwrap + .sscpay-list{padding:12px 16px; background-color:#fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); border-radius:8px;}
.new-container-scc-wrap .cont-box .rbox .packwrap + .sscpay-list > li{margin-top:12px; padding-top:12px; border-top:1px solid #e2e2f0;}
.new-container-scc-wrap .cont-box .rbox .packwrap + .sscpay-list > li:first-child{margin-top:0; padding-top:0; border-top:0;}
.new-container-scc-wrap .ssc-glist{font-size:12px;}
.new-container-scc-wrap .ssc-glist li{margin-top:0;}
.tod-sscBody .popup-page.tw-popup .new-container-scc-wrap .bt-fixed-area{background-color:transparent; bottom:0;}
.tod-sscBody .popup-page.tw-popup .new-container-scc-wrap .bt-fixed-area .bt-slice [class^=bt-ssc]{height:64px !important; margin:0;}
.new-container-scc-wrap .sscpay-list .sscpay-salelist{margin-top:0;}
.new-container-scc-wrap .cont-box .rbox.type02 .sscpay-list{padding:12px 16px; background-color:#fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); border-radius:8px;}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li{padding:11.5px 0 0; background-color:transparent; box-shadow: 0 0 0; border-radius: 0; border-top:1px dashed #e2e2f0; font-size:14px;}
.new-container-scc-wrap .cont-box .rbox.type02 .packwrap + .sscpay-list > li:first-child{padding-top:0;}
.new-container-scc-wrap .cont-box + .cont-box{padding-top:0;}
.tod-sscBody .popup-page.tw-popup .new-container-scc-wrap .bt-fixed-area .bt-slice{padding:0;}
.tod-sscBody .popup-page.tw-popup .new-container-scc-wrap .bt-fixed-area .bt-slice [class^=bt-ssc] button,
.tod-sscBody .popup-page.tw-popup .new-container-scc-wrap .bt-fixed-area .bt-slice [class^=bt-ssc] a{border-radius: 0;}
/* 즉시종료 완료 */
.end-complete-box .my-tit-wrap{margin:-2rem -1rem 32px; padding-top:40px; background-color:#fff; box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);}
/* 해지방어 완료 페이지 */
.tod-sscBody.cancel .popup-page .container{display:flex; height:100vh; padding:0 16px; margin-bottom:-4rem; flex-direction: column; align-items: center; justify-content: center;}
.tod-sscBody.cancel .popup-page .complete-wrap{height:auto; min-height:auto;}
.tod-sscBody.cancel .popup-page .guideArea{width:100%; position:static;}
/* 이메일 등록 추가 */
.myuse-ssc-wrap .item-ssc-area .info-blk .ssc-item .change-btn-wrap.customer{width:100%; margin-left:0; text-align:right; position:relative;}
.tod-sscBody .ssc-item .tit-customer-info{font-size:16px; color:#1A1A47; font-weight:700; position:absolute; left:0; top:0;}
.boxGrayCont.boxBgW{background-color:#fff;}
.myuse-ssc-wrap .email-info-area{margin-top:-8px;}
.new-container-ssc-wrap .info-ssc-area .email-sscpay-list{padding:12px 16px; background-color:#fafafc;}
.new-container-ssc-wrap .info-ssc-area .email-sscpay-list > li.new-top-text{padding:0; margin:0; border-top:0; line-height:28px; align-items:center; font-weight:400 !important;}
.new-container-ssc-wrap .info-ssc-area .accordion .acco-list .acco-box.on > .acco-cont.bgW{background-color:#fff;}
.email-input-area{margin-top:24px; margin-bottom:27px;}
.email-input-area + .email-input-area{margin-bottom:32px;}
.year-count{margin-top:6px; font-size:12px; color:#686C7C;}
.myuse-ssc-wrap .detail-ssc-area .detail-head.add-benefit{align-items: flex-end;}
.myuse-ssc-wrap .detail-ssc-area .detail-head.add-benefit .rgt{padding-bottom:5px;}
/* 배송 */
.nodeliverytext{padding-top:8px; text-align:center;}
.nodeliverytext strong{font-size:14px; color:#3E3E52; font-weight:700;}
.deliveryOptionbox{margin-bottom:16px;}
.deliveryCustomerInfo{margin-bottom:24px;}
.deliveryCustomerInfo .info-ssc-area{margin-top:12px;}
.deliveryProdBox{margin-bottom:24px;}
.paymentInfoArea{margin-top:24px;}
.paymentInfoArea .info-ssc-area{background-color:#fff;}
/* 나의 구독 메인 관리하기 텍스트 추가 */
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info + .btn-link-detail span{
padding-right:16px; font-size:12px; color:#3e3e52; position:absolute; right:-4px; top:0;
}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info + .btn-link-detail span:after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:14px;margin:-8px 0 0 0;background:url(/img/comm_2022/spr_ico.svg) no-repeat -120px 0}
.myuse-his-box .use-subsc-item .item-row .lft-cell .item-info + .btn-link-detail .blind:after{display:none;}
.myuse-ssc-wrap .info-ssc-area + .detail-ssc-area{margin-top:24px;}
/* 상품상세 */
.info-ssc-area.deliveryInfo .sscpay-list > li{display:flex; justify-content:space-between;}
.info-ssc-area.deliveryInfo .sscpay-list > li .txt{width:70%; text-align:right; word-break:break-all; position:static; right:0;}
.deliveryOptionbox .sscpay-list > li{display:flex; justify-content:space-between;}
.deliveryOptionbox .sscpay-list > li .txt{width:70%; text-align:right; position:static; right:0;}
/* 선물하기 */
.my-complete-box.gift:before{background:url(/img/comm_2022/icon_gift_complete.png) no-repeat 50% 0/72px auto;}
.gift-payment-area{padding-top:20rem; background-color:#f5f5fa; background-size:100%; background-repeat:no-repeat;}
.gift-payment-area .cont-box{background-color:transparent;}
.gift-payment-area .rbox{padding:20px 16px 16px; background-color:#fff; border-radius:8px; box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.descript_gift_payment{margin-top:-8px; margin-bottom:12px; font-size:12px; color:#686c7c;}
.gift-logo{margin-bottom:24px; font-size:0; line-height:1;}
.gift-logo img{width:auto; height:28px;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li .txt.addbenefit-txt{color:#ff404e;}
.btn-gift-check{margin-top:32px; text-align:right;}
.btn-gift-check .bt-arr span{font-size:12px;}
.gift-notice-text{margin-top:12px;}
.gift-notice-text li{padding-left:17px; margin-top:8px; font-size:12px; color:#686c7c; line-height:1.42; position:relative;}
.gift-notice-text li:before{content:"※"; position:absolute; left:0; top:0;}
.gift-notice-text li:first-child{margin-top:0;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li.new-top-text.giftNum{display:block;}
.giftNum .random-num-area{margin-top:6px; margin-bottom:-4px; line-height:28px; position:relative;}
.giftNum .random-num-area .copy-btn{width:auto; padding-right:20px; background-position:right center; font-size:12px; color:#3e3e52; text-indent:0; line-height:20px; transform:translateY(-50%); position:absolute; right:0; top:50%;}
.note-box.gift{margin-top:24px;}
.note-box.gift .tit{position: relative;line-height: 1.12;color: #1A1A47;font-weight: 500;font-size: 0.875rem;}
.note-box.gift .txt-ssm li{padding-left: 12px;font-size: 0.75rem;}
.note-box.gift .txt-ssm li + li{margin-top:8px}
.note-box.gift .txt-ssm li:before{content: "-";display: inline;position: absolute;background: transparent;top:0}
.paymentInfoArea .bt-arr span{font-size:12px;}
.new-container-ssc-wrap.delivery .get-gift{ display: block; min-height:auto; height:auto; padding-top:32px; margin-bottom:0; position:relative; z-index:2;}/*SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영*/
.new-container-ssc-wrap.delivery .get-gift .my-complete-box:before{display:none;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li.new-top-text.join-date-end{display:block; font-weight:400 !important;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li.new-top-text.join-date-end strong{display:block; margin-bottom:13px; font-size:12px; color:#ff404e;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li.new-top-text.gift-cancel{display:block; font-weight:400 !important; color:#ff404e; margin-top: 0;} /*SSMCM-7396 : 받는 사람 이름 Max-length 변경 - 개행 처리 반영*/
.popup-page .cont-box.new-cont-box.gift{padding-bottom:0;}
.cont-box.new-cont-box .rbox .packwrap .gift-name{margin-bottom:7px; font-size:14px; color:#1a1a47 !important; font-weight:700;}
.gift-descript-txt{font-size:12px; color:#3e3e52;}
.gift-send-info{margin-top:15px; margin-bottom:-7px; padding-top:7px; border-top:1px dashed #e2e2f0; font-size:12px; color:#686c7c;}
.new-container-ssc-wrap .cont-box.new-cont-box .rbox .btn-ssc-modify.gift-use-cancel{margin-top:0; top:22px;}
.unvspass-cp-list.gift .unvspass-cp{position:relative;}
.unvspass-cp-list.gift .cpinfo-dis-txt img{width:auto; height:20px;}
.btn-gift{position:absolute; left:0; right:0; top:0; bottom:0;}
.gif-ico{position:absolute; right:16px; top:20px;}
.gif-ico img{width:44px; height:44px; border-radius:100%;}
.rbadge.badge-bl.refusal{padding-left:6px;}
.rbadge.badge-bl.refusal:after{display:none;}
.end-return-text{padding:0 !important; line-height:1; position:absolute; right:16px; top:16px;}
.end-return-text span{display:inline-block; font-size:12px; color:#ff404e; position:relative;}
.end-return-text span + span{padding-left:6px; margin-left:6px;}
.end-return-text span + span:before{content:""; width:1px; height:8px; background-color:#ff404e; transform:translateY(-50%); position:absolute; left:0; top:50%;}
.new-cont-box2 .inputbox.nouse{margin-right:0;}
.tod-sscBody .btn-go-gift .bt-slice .bt-ssc{height:52px !important;}
.tod-sscBody .btn-go-gift .bt-slice > li button{font-size:14px; border-radius:8px;}
.myserv-nonebox .text2{margin-top:5px; font-size:14px; font-weight:400;}
.gift-logo + .paymentInfoArea{margin-top:0;}
.send-gift-payment{margin-top:32px;}
.send-gift-payment .sscpay-list{padding:0;}
.send-gift-payment .sscpay-list > li{padding-top:17px; margin-top:12px; border-top:1px dotted #e2e2f0;}
.send-gift-payment .sscpay-list > li:first-child{padding-top:0; margin-top:0; border-top:0;}
.send-gift-payment .sscpay-list .total{margin-bottom:0; border-top-style:solid; font-weight:700;}
.send-gift-payment .sscpay-list .total .price{color:#ff404e;}
.send-gift-payment .sscpay-list li .price{font-size:14px; font-weight:700;}
.send-gift-payment .sscpay-list .sscpay-salelist li{font-size:12px;}
.send-gift-payment .sscpay-list .sscpay-salelist li .price{font-size:12px; font-weight:400;}
.cont-box .rbox.note-box{padding: 16px;border-radius: 8px;background: #FAFAFC;border:1px solid #E2E2F0; box-shadow: 0 0 0;}
.cont-box .rbox.note-box .tit{position: relative;line-height: 1.12;color: #1A1A47;font-weight: 500;font-size: 0.875rem;}
.cont-box .rbox.note-box .txt-ssm li{padding-left: 12px;font-size: 0.75rem;}
.cont-box .rbox.note-box .txt-ssm li + li{margin-top:8px}
.cont-box .rbox.note-box .txt-ssm li:before{content: "-";display: inline;position: absolute;background: transparent;top:0}
.gift-state-box{padding:20px 16px; margin-top:8px; border:1px solid #e2e2f0; border-radius:4px;}
.gift-date-area{display:flex; justify-content:space-between; align-items: center;}
.gift-date{font-size:12px; color:#686c7c;}
.gift-state-area{padding-top:18px; margin-top:18px; border-top:1px dotted #e2e2f0; text-align:center;}
.gift-state-txt{font-size:12px; color:#3e3e52;}
.gift-state-txt.red{color:#ff404e;}
.btn-gift-area{margin-top:22px;}
.btn-gift-area .bt-round{margin:0 2px; border-color:#e2e2f0; font-size:12px; color:#1a1a47; font-weight:700;}
.btn-gift-area .bt-round.active{border-color:#3617ce; color:#3617ce;}
.returnMoneyBox{position:relative;}
.returnMoneyBox .bt-round{border-color:#e2e2f0; background-color:#fff; color:#1a1a47; font-weight:700; transform:translateY(-50%); position:absolute; right:16px; top:50%;}
.returnMoneyBox .titWelcome{color:#1a1a47;}
.text-returnmoney{font-size:12px; color:#686c7c;}
.returnMoneyBox .sscpay-list > li{padding-top:17px; margin-bottom:17px; border-top:1px dotted #e2e2f0;}
.returnMoneyBox .sscpay-list > li:first-child{padding-top:0; border-top:0;}
.returnMoneyBox .sscpay-list .total{margin-bottom:0; border-top-style:solid; font-weight:700;}
.returnMoneyBox .sscpay-list .total .price{color:#ff404e;}
.returnMoneyBox .sscpay-list li .price{font-size:14px; font-weight:700;}
.returnMoneyBox .sscpay-list .sscpay-salelist li{font-size:12px;}
.returnMoneyBox .sscpay-list .sscpay-salelist li .price{font-size:12px; font-weight:400;}
.returnMoneyBox .sscpay-list > .total .price{color:#ff404e;}
/* 23.02.10 이용권 복원 style 추가 */
.returnMoneyBox .sscpay-list.in-ticket .total{border-top-style:dashed;}
.returnMoneyBox .sscpay-list .ticket{margin-bottom:0}
.returnMoneyBox .sscpay-list .total + .ticket{margin-top:17px;padding-top:0;border-top:1px solid #e2e2f0;}
.returnMoneyBox .sscpay-list .total + .ticket .sscpay-salelist{margin-top:17px;}
.labelAccount{font-size:12px;}
.account-num-area{margin-top:20px;}
.userAccountBox2{padding:16px; margin-top:24px; border:1px solid #e2e2f0; border-radius:8px; text-align:center;}
.userAccountBox2 .titUserAccont{font-size:14px; color:#1a1a47; font-weight:700;}
.userAccountBox2 .txtAccountNum{margin-top:7px; font-size:12px; color:#686c7c;}
.account-certify-area{margin-top:16px;}
.account-certify-area .bt-round{margin:0 2px; background-color:#fafafc; border-color:#e2e2f0; font-size:12px; color:#d3d6e5;}
.account-certify-area .bt-round.rewrite{background-color:#fff; border-color:#e2e2f0; color:#1a1a47; font-weight:700;}
.account-certify-area .bt-round.active{background-color:#fff; border-color:#3617ce; color:#3617ce; font-weight:700;}
.service-end-area{padding:16px; margin-top:8px; background-color:#fafafc; border:1px solid #e2e2f0; border-radius:4px;}
.service-end-area strong{display:block; font-size:12px; color:#ff404e; font-weight:700;}
.txt-service-end{margin-top:8px; font-size:12px; color:#686c7c; line-height:1.42;}
.end-single-product .info-ssc-area .sscpay-list > li:first-child{margin-bottom:0;}
.cont-box.new-cont-box .rbox .packwrap .disc-txt.coupon-name2{color:#3e3e52; text-decoration:none;}
.cont-box.new-cont-box .rbox .packwrap .payment-date{font-size:14px; color:#1a1a47; font-weight:700;}
.cont-box.new-cont-box .rbox .packwrap .end-return-text{right:0; top:0;}
.rbox.returnbox{background-color:#fafafc;}
.payment-box a{display:flex; height:72px; margin-top:16px; padding:0 52px 0 16px; background:url("/img/comm_2022/ico-lnb-arrow.png") no-repeat right 16px center; background-size:28px; border:1px solid #e6e9f5; border-radius:4px; justify-content:space-between; align-items:center;}
.payment-box + .payment-box a{margin-top:8px;}
.payment-logo{position: relative; width:44px; height:44px; margin-right:8px;}
.payment-logo:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 44px;
height: 44px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
box-sizing: border-box;
z-index: 1;
}
.payment-logo img{width:100%;}
.payment-name{line-height:1; width: calc(70% - 52px);}
.payment-name em{font-size:0.875rem; font-weight:700;}
.payment-name img{width:auto; height:20px;}
.payment-price{font-size:14px; color:#ff404e; font-weight:700; margin-left:auto;}
.nopaymentbox{height:134px; padding-top:92px; background:#fff url("/img/comm_2022/no_payment.png") no-repeat center 32px; background-size:44px; text-align:center; color:#3e3e52; font-weight:700;}
.ssc-bottom .gift-resend .radiobox.type-ssc .inner-box{padding-left:52px;}
.gift-resend .radiobox.type-ssc .inner-box:before{content: ""; width: 28px; height: 28px; position: absolute; left: 12px; top: 12px; }
.gift-resend .radiobox.type-ssc .inner-box.sms:before { background: url(/img/comm_2022/ico-sms.png) no-repeat center center; background-size: 100%; }
.gift-resend .radiobox.type-ssc .inner-box.kakao:before { background: url(/img/comm_2022/ico-kakao.png) no-repeat center center; background-size: 100%; }
/*SSMCM-7396 : 받는 사람 이름 Max-length 변경*/
.gift-get-name{display:flex; min-height:52px; margin-bottom:24px; padding:0 16px; background-color:#fafafc; border:1px solid #e2e2f0; border-radius:4px; font-size:12px; color:#3e3e52; line-height:52px; align-items: flex-start; justify-content:space-between;}
.gift-get-name .name { max-width: 110px; padding: 16px 0;}
/*SSMCM-7396 : 받는 사람 이름 Max-length 변경*/
.txt-gift{margin-bottom:8px;}
.ssc-allagree.coupon-add-area .ssc-agree-cont .txt-agree > p.gift-name{color:#1a1a47;}
.tod-sscBody .new-cont-box2 .unvspass-cp.refundable .cpinfo-area p{opacity: 0.6;}
.tod-sscBody .new-cont-box2 .unvspass-cp.refundable .cpinfo-area p.end-return-text{opacity:1;}
.tod-sscBody .unvspass-cp-list>li .unvspass-cp.disabled p.end-return-text{opacity:1}
.tod-sscBody .ssc-bottom .unvspass-cp-list > li .unvspass-cp .packwrap > p.gift-name{color:#1a1a47;}
.btn-booking{font-size:12px; color:#3e3e52; position:absolute; right:16px; top:16px;}
.tod-sscBody .ssc-tag.bg-red-type {border:none;background-color:#ff404e;color:#fff;}
/* 선물하기 가입결제 */
.giftTermAgree{padding:20px 16px 20px 22px; background-color:#fafafc; border-top:1px solid #e2e2f0;}
.giftTermAgree li{margin-top:16px;}
.giftTermAgree li:first-child{margin-top:0;}
.giftAgreeArea label{display:block; padding-left:22px; position:relative; background-color:#fafafc;} /* SSMCM-6219 : ios 동의 체크 시 bg컬러 변경이슈로 bg컬러 추가 */
.giftAgreeArea label:before{content:""; width:10.5px; height:8px; margin-top:-4px;
background-image:url("/img/comm_2022/check_off.png"); background-size:100%;
position:absolute; left:0; top:50%;
}
.giftAgreeArea input[type="checkbox"]:checked + label:before{background-image:url("/img/comm_2022/check_on.png"); background-size:100%;}
.checkbox.type02{padding-left:22px; position:relative;}
.checkbox.type02:before{content:""; width:10.5px; height:8px; margin-top:-4px;
background-image:url("/img/comm_2022/check_off.png"); background-size:100%;
position:absolute; left:0; top:50%;
}
.ssc-allagree .ssc-agree-all .checkbox.type02 .txt-agree{font-weight:400;}
.checkbox.type02.checked:before{background-image:url("/img/comm_2022/check_on.png"); background-size:100%;}
.tod-sscBody .new-container-ssc-wrap.delivery .sscpay-list .sscpay-salelist li.addbenefit-txt{color:#ff404e;}
.giftBadge{transform:translateY(-50%); position:absolute; right:0; top:50%;}
.giftBadge.badge-bg-gray{background-color:#d3d6e5;}
.giftBadge.badge-purple{background-color:#7e6adf; color:#fff;}
.gift-notice-text.point li{color:#ff404e;}
.new-container-ssc-wrap .new-cont-box .rbox.giftbox{padding:16px;}
.new-container-ssc-wrap .sscpay-slidebox.tooltip .radio-slide .select-list .radiobox.regular_blue .pay .inner-box{background-color:#fff;}
.new-container-ssc-wrap .sscpay-slidebox.tooltip .radio-slide .select-list .radiobox.regular_blue .pay .card-name{color:#373748; font-weight:700;}
.ssc-allagree .radiobox.type01{display:block;}
.ssc-allagree .ssc-agree-cont .radiobox.type01{padding-left:1.25rem;}
.ssc-allagree.coupon-add-area .ssc-agree-cont .radiobox.type01:before{margin-top:-8px;top:50%;transform:translateY(-50%);left:0; position:absolute;}
.ssc-bottom .rbadge.giftBadge{transform:translateY(0); top:auto; bottom:0; right:0;}
.coupon-date .giftBadge{transform:translateY(0); top:auto; bottom:0;}
.giftmywrap{position:relative;}
.giftmywrap .ico{position:absolute; left:0; top:0;}
.giftmywrap .ico img{width:44px; height:44px; border:1px solid #e6e9f5; border-radius:100%;}
.cont-box.new-cont-box .rbox .packwrap.giftmywrap .disc-txt.coupon-name2{padding-left:56px;}
.cont-box.new-cont-box .rbox .packwrap.giftmywrap .coupon-name{padding-left:56px;}
.unvspass-cp-list.gift .cpinfo-area{padding-left:56px;}
.unvspass-cp-list.gift .ico{position:absolute; left:16px; top:14px;}
.unvspass-cp-list.gift .ico img{width:44px; height:44px; border:1px solid #e6e9f5; border-radius:100%;}
.tod-sscBody .new-cont-box2 .unvspass-cp-list.gift .unvspass-cp .cpinfo-area p:last-child{margin-left:-56px;}
.unvspass-cp-list.gift .rbadge.badge-purple{background-color:#7e6adf; color:#fff;}
.tod-sscBody .unvspass-cp-list>li .unvspass-cp.disabled .ico{opacity:0.2;}
.mypay-his-box .mypay-his-list .pay-details .paymethod-list-box .basic-price .tx.tx400{font-weight:400;}
.gift-notice-list{padding:16px; margin-top:16px; border:1px solid #e2e2f0; border-radius:8px;}
.gift-notice-list li{padding-left:11px; margin-top:8px; font-size:12px; color:#686c7c; line-height:1.42; position:relative;}
.gift-notice-list li:first-child{margin-top:0;}
.gift-notice-list li:before{content:"-"; position:absolute; left:0; top:0;}
.paymethod-list-box + .paymethod-list-box{padding-top:16px; margin-top:16px; border-top:1px dotted #e2e2e2;}
.payment-regist-txt{font-size:14px; text-align:center; line-height:1.57; color:#3e3e52;}
.new-container-ssc-wrap .paymentinfobox{padding:17px 16px; margin-top:24px; background-color:#fff; border-radius:8px; box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.titusegift{margin-bottom:12px; font-size:14px; color:#1a1a47; font-weight:700;}
.usebookingwrap{box-sizing:border-box;background:#fff;border:1px solid #e2e2f0;padding:16px 16px 8px 16px;border-radius:4px; position:relative;}
.usebookingwrap .rbadge{position:absolute; bottom:8px; right:16px;}
.usebookingwrap .giftuseDate{margin-top:15px; padding-top:7px; border-top:1px dashed #e2e2f0; font-size:12px; color:#686c7c;}
.usebookigbox .slick-dots{margin-bottom:16px;}
.cont-box.new-cont-box .rbox.usebookigbox .packwrap .coupon-name{padding-bottom:15px; margin-bottom:23px; border-bottom:1px dashed #e2e2f0;}
.cont-box.new-cont-box .rbox .usebookingwrap .btn-arr-rgt{right:16px; top:16px;}
.paymentinfoBox{display:flex; width:100%; padding:20px 16px; margin-top:32px; border:1px solid #e2e2f0; border-radius:8px; justify-content:space-between; align-items:center;}
.text-paymentinfo{font-size:12px; color:#686c7c; line-height:1.42;}
.paymentinfoBox .bt-round{border-color:#e2e2f0; color:#1a1a47; font-weight:700;}
.txtnoticePayment{width:100%; margin-top:8px; font-size:12px; color:#686c7c; text-align:left;}
.noticeTxtReturn_list{margin-top:8px; margin-bottom:16px;}
.noticeTxtReturn_list li{padding-left:17px; font-size:0.75rem; color:#686C7C; position:relative;}
.noticeTxtReturn_list li:before{content:'※';display:block;position:absolute;top:0;left:0;}
.titPaymentAgree{margin-bottom:12px;}
.titPaymentAgree .tit{font-size:16px;}
.rbox.sendGiftBox{padding:20px 16px; background-color:#fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08); border-radius:8px;}
.deliveryInfoArea .info-ssc-area{margin-top:12px;}
.new-container-ssc-wrap .deliveryInfoArea .info-ssc-area{background-color:#fff; border:0; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.new-container-ssc-wrap .deliveryInfoArea .info-ssc-area .sscpay-list .accordion .acco-style.btn-hold .acco-list .acco-box .acco-tit{font-size:14px;}
.new-container-ssc-wrap .deliveryInfoArea .info-ssc-area .sscpay-list > li.new-top-text{display:block; margin-left:0; margin-right:0; padding-left:0; padding-right:0; font-size:14px;}
.new-container-ssc-wrap .deliveryInfoArea .info-ssc-area .sscpay-list > li .addbenefit-txt{display:block; width:100%; margin-top:12px; text-align:left;}
/* 환불 계좌 팝업 */
.tod-sscBody.cancel .popup-page.cmpl .container{display:block; height:100%; padding:0; margin-bottom:0; overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:auto}
/* 이용권 안내 팝업 */
.cont-box.gift-pop-area{padding-bottom:0; background-color:#fff; border-bottom:1px solid #e2e2f0;}
.gift-pop-title{margin-bottom:24px; font-size:26px; color:#1A1A47; line-height:1.23;}
.gift-pop-title strong{display:block;}
.cont-box.gift-pop-area .my-cont-box .tab-area .tab-linker{height:auto;}
.cont-box.gift-pop-area .my-cont-box .tab-area .tab-linker > ul{padding:0; position:static;}
/* 23.02.13 팝업 컨텐츠 스크롤 시 상단 탭 고정 추가 */
.cont-box.gift-pop-area.tab-fixed {padding-bottom:32px;}
.cont-box.gift-pop-area.tab-fixed .my-cont-box .tab-area .tab-linker > ul{padding: 0 16px;position:fixed;}
.gbg .rbox.giftinfobox{padding-top:32px !important; margin-top:12px; text-align:center;}
.step-num{display:inline-block; height:28px; padding:0 12px; background-color:#3617ce; border-radius:14px; box-shadow:0 4px 8px 0 rgba(54, 23, 206, 0.16);
font-size:12px; color:#fff; line-height:28px; text-align:center;
}
.step-num span{opacity:0.5;}
.step-text{margin-top:12px; margin-bottom:16px; font-size:18px; color:#3e3e52; font-weight:700; line-height:1.56;}
.giftinfobox .slick-slide > div{font-size:14px;}
.giftinfobox .swiper-box.cht-box .slick-list{overflow: hidden !important;}
.giftinfobox .swiper-box.cht-box .slick-dots{display:none !important;}
.giftinfobox .swiper-box .slick-prev, .giftinfobox .swiper-box .slick-next{display:block !important; width:28px; height:28px; font-size:0; position:absolute; top:263px; z-index:2;}
.giftinfobox .swiper-box .slick-prev{background:url("/img/comm_2022/slide_prev.png") no-repeat center center; background-size:100%; left:16px;}
.giftinfobox .swiper-box .slick-next{background:url("/img/comm_2022/slide_next.png") no-repeat center center; background-size:100%; right:16px;}
.giftinfobox + .my-aticle{margin-top:32px;}
/* 약관 동의 풀페이지 팝업 */
.ssc-allagree.checkfull{margin-top:0;}
.ssc-allagree.checkfull .ssc-agree-all{background-color: #fff; border:0; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.ssc-allagree.checkfull .ssc-agree-cont{background-color: #fff; border:0; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.ssc-allagree.checkfull .ssc-agree-cont .btn{transform: translateY(-50%); top:50%;}
/* 선물하기 즉시종료 완료 */
.end-complete-box .rbox + .rbox{margin-top:8px;}
.new-container-ssc-wrap .info-ssc-area .sscpay-list > li .txt.option-txt{width:100%; margin-top:13px; text-align:left;}
/* 추가혜택 변경완료 css 수정 */
.tod-sscBody.change .popup-page .container{display:flex; height:100vh; padding:0 16px; margin-bottom:-4rem; flex-direction: column; align-items: center; justify-content: center;}
.tod-sscBody.change .popup-page .complete-wrap{height:auto; min-height:auto;}
.tod-sscBody.change .popup-page .guideArea{width:100%; position:static;}
.tod-sscBody.change .popup-page.fixed-bottom .bt-fixed-area{bottom:32px;}
.tod-sscBody.change .popup-page.fixed-bottom .bt-fixed-area .bt-slice{width:auto;padding:0 12px}
.tod-sscBody.change .popup-page.fixed-bottom .bt-fixed-area .bt-slice [class^=bt-ssc]{height:52px !important;margin:0 4px; }
.tod-sscBody.change .popup-page.fixed-bottom .bt-fixed-area .bt-slice [class^=bt-ssc] button, .tod-sscBody .popup-page.tw-popup .bt-fixed-area .bt-slice [class^=bt-ssc] a{border-radius:8px; font-size: 16px;}
/* 23.02.09 : ssp 배송형 CSS 우선순위 변경 */
.tod-sscBody.tod-sscBody.change.bgWhite .fixed-bottom{padding-bottom:inherit;}
.tod-sscBody.change.bgWhite .popup-page .container{display:block;padding: inherit;height: 100%;}
.tod-sscBody.change.bgWhite .popup-page.fixed-bottom .bt-fixed-area{bottom:0;}
.tod-sscBody.change.bgWhite .popup-page.fixed-bottom .bt-fixed-area .bt-slice{width:auto;padding:0}
.tod-sscBody.change.bgWhite .popup-page.fixed-bottom .bt-fixed-area .bt-slice [class^=bt-ssc]{height:64px !important;margin:0; }
.tod-sscBody.change.bgWhite .popup-page.fixed-bottom .bt-fixed-area .bt-slice [class^=bt-ssc] button, .tod-sscBody .popup-page.tw-popup .bt-fixed-area .bt-slice [class^=bt-ssc] a{border-radius:0; font-size: 16px;}
/* 23.02.17 해지 신청 취소 메시지 추가 */
.msg-box{height:calc(100vh - 6.875rem);}
.msg-box .tit{font-size:1.25rem;line-height:1.4;}
.msg-box .txt{margin-top:12px;font-size:0.875rem;color:#686c7c;}
.msg-box .stxt{margin-top:8px;font-size:0.75rem;color: #8e95a5;line-height:1.42;}
/* 23.02.23 이용권 선물함 bg 관련 */
.full-height {min-height: calc(100vh - 147px);}
/* 23.02.24 선물 카드 디자인 이미지 노출 비율 동일하게 조정 */
.gift-payment-area {padding-top: 88.89vw;}
.gift-payment-area .cont-box:first-child {padding-top: 0;}
/* 23.03.15 유튜브 프리미엄 */
.popup .popup-info .inner-contents .yt-red{color:#ff404e;font-weight: 700;}
.popup .popup-info .inner-contents .yt-text + .yt-text{margin-top:16px}
.cont-box.new-cont-box .new-article-tit .btn-link-detail{position: absolute;right: 0;bottom: 0;z-index: 2;}
.cont-box.new-cont-box .new-article-tit .btn-link-detail span{padding-right: 16px; font-size: 12px; color: #3e3e52; position: relative;}
.cont-box.new-cont-box .new-article-tit .btn-link-detail span::after{content: ''; display: block; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; transform: translateY(-50%); background: url(/img/comm_2022/spr_ico.svg) no-repeat -120px 0;}
.familyBeneArea .myuse-his-box .use-serv-list li .shareMemList + .notice{position: relative;margin-top:12px;padding-left: 17px;font-size:12px;color:#ff404e}
.familyBeneArea .myuse-his-box .use-serv-list li .shareMemList + .notice::before{content:'※';position: absolute;top:0;left: 0;}
/*개편*/
.cont-box.family-pop-area{padding:0; background-color:#fff; border-bottom:1px solid #e2e2f0;}
.family-pop-title{margin-bottom:24px; margin-left: 16px; font-size:26px; color:#1A1A47; line-height:1.23;}
.family-pop-title strong{display:block;}
.cont-box.family-pop-area .my-cont-box .tab-area .tab-linker{height:auto;}
.cont-box.family-pop-area .my-cont-box .tab-area .tab-linker > ul{padding:0; position:static;}
.cont-box.family-pop-area.tab-fixed {padding-bottom:32px;}
.cont-box.family-pop-area.tab-fixed .my-cont-box .tab-area .tab-linker > ul{padding: 0 16px;position:fixed;}
.cont-box.family-pop-area .family-top { margin-bottom: 32px;}
.cont-box.family-pop-area .family-top > img { width: 100%; display: block;}
.familyinfobox{padding-top:32px !important; margin-top:12px; text-align:center;}
.familyinfobox .slick-slide > div{font-size:14px;}
.familyinfobox .swiper-box.cht-box .slick-list{overflow: hidden !important;}
.familyinfobox .swiper-box.cht-box .slick-dots{display:none !important;}
.familyinfobox .swiper-box .slick-prev, .familyinfobox .swiper-box .slick-next{display:block !important; width:28px; height:28px; font-size:0; position:absolute; top:263px; z-index:2;}
.familyinfobox .swiper-box .slick-prev{background:url("/img/comm_2022/slide_prev.png") no-repeat center center; background-size:100%; left:16px;}
.familyinfobox .swiper-box .slick-next{background:url("/img/comm_2022/slide_next.png") no-repeat center center; background-size:100%; right:16px;}
.familyinfobox + .my-aticle{margin-top:32px;}
.family-notice-area { background-color: #fafafc; border:#e2e2f0 ; margin: 0 16px 32px; padding-bottom: 50px;}
.family-notice-area .notice-wrap{background-color:#fafafc; border:1px solid #e2e2f0; box-shadow:0 0 0; border-radius: 8px; overflow: hidden;}
.family-notice-area .notice-wrap .tit {font-size: 14px;}
.family-notice-area .notice-wrap .tit.benefit {font-size: 14px; margin-top: 0; padding-top: 0;}
.family-notice-area .notice-wrap ul .txt-ssm li {font-size: 12px;}
.family-notice-area .notice-wrap .bar { width: 110%; margin-left: -16px; height: 1px; background-color: #e2e2f0; margin-bottom: 16px; margin-top: 16px;}
.family-join-btn {position: fixed; bottom: 0; padding: 22px 0 ; width: 100%; text-align: center; background-color: #3617ce; font-size: 16px; font-weight: 700; color: #fff;}
/* SSMCM-7565 : YouTube Premium 신규 상품 출시 */
.youtube-use{background:#f5f5fa;}
.youtube-use .familyinfobox .swiper-box .slick-prev{left:0;}
.youtube-use .familyinfobox .swiper-box .slick-next{right:0;}
.youtube-use .swiper-box.cht-box .slide-item{padding:0;}
.youtube-use .cont-box-top {display: flex;flex-direction: column;align-items: center;}
.youtube-use .cont-box-top .ico{width: 176px;font-size: 0;}
.youtube-use .cont-box-top .ico + strong{margin-top: 24px;}
.youtube-use .cont-box-top > strong{text-align: center;font-size: 16px;}
.youtube-use .cont-box-bottom {margin-top:32px}
.youtube-use .cont-box-bottom .cht-box{margin: 0;}
.youtube-use .cont-box-bottom .cht-box .step-text{margin-bottom:24px; line-height:28px; letter-spacing:-0.45px; min-height:84px;}
.youtube-use .cont-box-bottom .cht-box .step-text a{display: block;margin-top:8px;font-size: 12px; margin-bottom:-16px;}
.youtube-use .cont-box-bottom .cht-box .step-text a span{position: relative;padding-right:12px;text-decoration: underline;font-weight: bold;}
.youtube-use .cont-box-bottom .cht-box .step-text a span::after{content:'';position:absolute;top:50%;right: 0;display:block;width: 12px;height: 12px;background: url(/img/comm_2022/slide_next.png) no-repeat center center/cover;transform: translateY(-50%);}
.youtube-use .ytp-notice-area { background-color: #fafafc; border: #e2e2f0; margin: 0 16px 32px;}
.youtube-use .ytp-notice-area li a{text-decoration: underline;}
.cont-box.new-cont-box .myuse-his-box .use-subsc-item .item-row .rgt-cell .youtube-rgt-txt{text-align: right;font-size: 12px;line-height: 17px;}
/* 연간 단품 해지 신청 */
.cancel .rbox.annualProduct{display: flex;padding:14px 16px;align-items: center;}
.cancel .rbox.annualProduct .prdLogo{width:44px;height:44px;}
.cancel .rbox.annualProduct .prdName{margin-left: 12px;font-size: 14px;font-weight: bold;color:#1a1a47}
.cancel .cont-box .info-wrap.annualProduct{padding:16px}
.cancel .cont-box .info-wrap.annualProduct .add-box::before{content: none;}
.cancel.tod-sscBody .info-wrap.annualProduct .add-benefit-list{margin-top:0}
.cancel.tod-sscBody .info-wrap.annualProduct .add-benefit-list .add-benefit-tit{font-size:14px;font-weight: bold;color:#1a1a47;}
.cancel.tod-sscBody .info-wrap.annualProduct .add-benefit-list .add-benefit-txt{margin-top:12px;font-size: 12px;color:#3e3e52}
/* SSMCM-8357 : 우주패스 11번가 VIP 상품 */
.rbox .payment-cont-vip{padding: 12px 16px;}
.tod-sscBody .payment-cont-vip .ssc-item{height: auto;}
.tod-sscBody .payment-cont-vip .ssc-item p.pay{margin-bottom: 0;}
/* 상품 전환 동의 안내 */
.tod-sscBody.change .popup-page .container.cnsnt-trnst-container{height: calc(100vh - 100px);}
.popup-page.bgGray .container > .basicWrapW:first-child .titArea.cnsnt-trnst-button{display:flex;margin-top:24px}
.cnsnt-trnst-button .btn-change-info{display: flex;align-items: center;margin-left: auto;color: #3e3e52;}
.cnsnt-trnst-button .btn-change-info span{font-size:12px}
.cnsnt-trnst-button + .boxGrayCont{border-radius: 8px;background: #fff;}
.cnsnt-trnst-data{font-size: 12px;}
.popup-page.bgGray .container .titArea.todtitArea.cnsnt-trnst-todotitArea{margin: 32px 0 24px;}
.cnsnt-trnst-todotitArea .cnsnt-trnst-txt{margin-top: 6px;font-size: 12px;}
.cnsnt-trnst-boxWhite{padding:0}
.cnsnt-trnst-boxWhite + .cnsnt-trnst-boxWhite{margin-top:8px;padding:16px}
.cnsnt-trnst-boxWhite .title-box{display: grid;grid-template-columns: 80px 1fr 1fr;font-size: 12px;}
.cnsnt-trnst-boxWhite .title-box > div{width:100%;text-align: center;padding:19px 0 18px}
.cnsnt-trnst-boxWhite .title-box > div:first-of-type{grid-column-start: 2;}
.cnsnt-trnst-boxWhite .title-box + .cnsnt-trnst-cont-box{border-top:1px solid #e2e2f0 }
.cnsnt-trnst-boxWhite .cont-item{display: grid;grid-template-columns: 80px 1fr 1fr;justify-items: center;align-items: center;font-size: 12px;}
.cnsnt-trnst-boxWhite .cont-item + .cont-item{border-top:1px solid #e2e2f0}
.cnsnt-trnst-boxWhite .cont-item > div{padding:19px 0 18px;}
.cnsnt-trnst-boxWhite .cont-item > div.title{text-align: center;}
.cnsnt-trnst-boxWhite .cont-item > div.title + div{color:#686c7c}
.cnsnt-trnst-boxWhite .cont-item > div:not(.title){width: 100%;text-align: center}
.cnsnt-trnst-boxWhite .planbgW{display:flex;padding: 19px 16px 18px; border-radius: 8px; background-color: #fff; font-size: 12px;}
.cnsnt-trnst-boxWhite .planbgW > p.point{margin-left: auto;color:#FF404E}
.cnsnt-trnst-boxWhite .instructions{margin-top: 12px;}
.cnsnt-trnst-boxWhite .instructions > .list > li{position: relative;padding-left: 17px;font-size: 12px;}
.cnsnt-trnst-boxWhite .instructions > .list > li strong{color:#686c7c}
.cnsnt-trnst-boxWhite .instructions > .list > li::before{content: '※';position: absolute;top:0;left: 0;}
.cnsnt-trnst-boxWhite .instructions > .list > li + li{margin-top:8px}
.cnsnt-trnst-boxWhite .instructions > .list > li .point{color:#3617ce}
.cnsnt-trnst-consent{margin-top: 32px;}
.cnsnt-trnst-consent .txt-box{color:#3e3e52;text-align: center;font-weight: bold;}
.cnsnt-trnst-consent .bt-bottom{display: flex;gap: 8px;margin-top: 32px;}
.cnsnt-trnst-consent .bt-bottom > button{flex:1;padding: 17px;text-align: center;border:1px solid #3617ce;border-radius: 8px;font-weight: bold;}
.cnsnt-trnst-consent .bt-bottom > button.bt-ssc-n{background: #fff;color:#3617ce}
.cnsnt-trnst-consent .bt-bottom > button.bt-ssc{background: #3617ce;color:#fff}
.cnsnt-trnst-noAccess-box{text-align: center;}
.cnsnt-trnst-noAccess-box::before{content: '';display: block; margin: 0 auto 20px;width: 72px;height: 72px; background: url(/img/comm_2022/bg_fail.png) no-repeat 50% 0/72px auto;}
.cnsnt-trnst-noAccess-box .tx1{font-size: 16px;font-weight: bold;color:#1a1a47}
.cnsnt-trnst-noAccess-box .tx1 + .tx2{margin-top: 8px;}
.cnsnt-trnst-notice{width:100%;margin-top: 32px;}
.cnsnt-trnst-notice.delivery ul.txt-ssm li{color:#686c7c;word-break: break-all;}
.cnsnt-trnst-notice.delivery ul.txt-ssm li > ul > li{padding-left: 0;}
.cnsnt-trnst-notice.delivery ul.txt-ssm li > ul > li::before{content: none;}
.cnsnt-trnst-notice.delivery ul.txt-ssm li .point{color: #361fce;}
.cnsnt-trnst-notice + .cnsnt-trnst-boxWhite{width:100%;margin-top: 8px;padding-bottom: 43px;}
.cnsnt-trnst-notice + .cnsnt-trnst-boxWhite > .boxGrayCont{width:100%}
.tod-sscBody.cnsnt-trnst .popup-page .container{display: flex;flex-direction: column;height: 100%; margin-bottom: 0; padding: 4em 16px 0;justify-content: normal}
.cnsnt-trnst-notice + .cnsnt-trnst-button{display:flex;width:100%;margin-top:16px}
.fixed-area-text{text-align: center;font-weight: bold;margin-bottom: 20px;}
.my-complete-box.cnsnt-trnst-complete-box .tx1{color:#1a1a47}
.my-complete-box.cnsnt-trnst-complete-box .tx1 + .tx2{margin-top: 8px;}
.my-complete-box.cnsnt-trnst-complete-box .tx2{color:#3e3e52}
/* SSMCM-8267 : 우주패스 all 상품 페이지 수정(상품 퇴출 관련 안내문구 추가) */
.pnnwhSgnngList{margin-top: 24px;padding:16px;background:#f5f3fc;border:1px solid #e2e2f0;border-radius: 8px;}
.pnnwhSgnngList .title{font-size: 14px;font-weight: bold;color: #3e3e52;}
.pnnwhSgnngList .list{margin-top: 8px;counter-reset: prdNum;}
.pnnwhSgnngList .list > li{position: relative;padding-left:11px;font-size: 12px;color:#686c7c}
.pnnwhSgnngList .list > li::before{counter-increment: prdNum;content: counter(prdNum)'.';position: absolute;top:0;left: 0;}
.pnnwhSgnngList .list > li .point{color:#3617ce}
/*SSMCM-8115 YouTube Premium 개인 멤버십 종료 알림 받기 */
.ytp-notice-box{text-align: center; background-color: #fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.ytp-notice-box::before{content: '';display: block; margin: 0 auto 20px;width: 72px;height: 72px; background: url(/img/comm_2022/ico_bell.png) no-repeat 50% 0/72px auto;}
.ytp-notice-box .tx1{font-size: 16px;font-weight: bold;color:#1a1a47}
.ytp-notice-box .tx1 + .tx2{margin-top: 8px;}
.ytparea { padding: 0 16px; padding-bottom: 64px; }
.ytparea .ytp-section-Tit { padding-top: 32px; font-size: 16px; font-weight: bold; padding-bottom: 12px; }
.ytparea .whitebox ul li { padding: 16px; margin-bottom: 8px; border-radius: 8px; background-color: #fff; border: solid 1px #e2e2f0;}
.ytparea .whitebox ul li:last-child { margin-bottom: 0;}
.ytparea .whitebox dl { display: flex; justify-content: flex-start;}
.ytparea .whitebox dl dt {width: 28px; height: 28px; border-radius: 50%; padding: 7px 8px; float: left; font-size: 10px; font-weight: bold; background-color: #f5f3fc; background-color: #f5f3fc; color: #361fce; margin-right: 12px; letter-spacing: -0.6px; }
.ytparea .whitebox dl dd { font-size: 14px; color: #1a1a47;}
.ytparea .whitebox dl dd a { border-bottom: 1px solid #222;}
.ytparea .shadow-box.rbox.datepick { position: relative; margin:0 0 24px;}
.ytparea .shadow-box.rbox.datepick .ytp-pic-btn {width: 28px; height: 28px; background: url(/img/comm_2022/date-calander.png) no-repeat;
background-size: contain; position: absolute; right: 16px; bottom: 27px; cursor: pointer}
.ytparea .checkbox.type01::after {margin-top: -8px; top: 50%; background: url(/img/comm_2022/spr_form.svg) no-repeat -22px 0;
border: 0; transform: translateY(-50%); left: 0;}
.ytparea .ssc-allagree {margin-bottom: 32px;}
.ytparea .hopeday_top { font-size: 14px; margin-bottom: 24px;}
.popup-page .container.ytparea {padding-bottom: 52px !important;}
.boxWhite.pdg0{padding:0}
.price-increase-Body .popup-page .container{padding: 32px 16px ;}
.price-increase-Body .popup-page .container .cnsnt-trnst-area { display: flex; justify-content: flex-end; margin: 0 0 12px;}
.price-increase-Body .popup-page .container .cnsnt-trnst-btn01 { padding: 7px 12px 6px; display: inline-block; padding: 7px 12px 6px; margin-bottom: 12px; border-radius: 16px; border: solid 1px #e2e2f0; background-color: #fafafc; font-size: 12px; font-weight: 700;}
.price-increase-Body .popup-page .container.type02 > .cnsnt-trnst-area { display: block; position: absolute; top: 32px; right: 16px}
.price-increase-Body .popup-page .container.typebb {padding: 32px 16px 42px; display: block;}
/* .price-increase-Body .popup-page .container.type02.typebb > .cnsnt-trnst-area { position: static !important; float:right;}
.price-increase-Body .popup-page .container.type02.typebb .complete-wrap { width: 100%; } */
.price-increase-Body .container.cnsnt-trnst-container.type02 {padding-bottom: 30px;}
.price-increase .boxWhite.pdg0{padding:0}
.price-increase .cnsnt-trnst-boxWhite .title-box{grid-template-columns:104px 1fr 1fr;font-size: 14px;}
.price-increase .cnsnt-trnst-boxWhite .cont-item{grid-template-columns:104px 1fr 1fr;font-size: 14px;}
.price-increase .cnsnt-trnst-boxWhite .cont-item > div{padding: 21px 8px;line-height: 1.21;min-height: 60px;}
.price-increase .cnsnt-trnst-boxWhite .instructions > .list > li{line-height: 1.42;}
.price-increase .price-increase-info{word-break: break-all;}
.price-increase .cnsnt-trnst-boxWhite .title-box > div{max-height: 60px;padding:21px 8px;}
.price-increase .price-increase-txt{margin-bottom: 16px;color:#1a1a47}
.price-increase-notice.notice-wrap ul.txt-ssm li{line-height: 1.42;}
.price-increase-notice + .cnsnt-trnst-button{display: flex;width: 100%;margin-top: 16px}
.price-increase-notice.delivery{margin-top: 32px;}
.price-increase-notice.delivery ul.txt-ssm li .point{color: #361fce;}
.price-increase-notice.delivery ul.txt-ssm li > ul > li{padding-left: 0;}
.price-increase-notice.delivery ul.txt-ssm li > ul > li::before{content: none;}
.price-increase-notice.delivery ul.txt-ssm li > ul > li+li{margin-top: 0;}
.price-increase-notice.delivery + .cnsnt-trnst-boxWhite{margin-top: 8px;}
.popup-page.fixed-bottom.price-increase-fixed .container-wrap{height: calc(100% - 35px);}
.price-increase.popup-contents .radList.typeBox > .frmInp input:checked + label:after { top:36px}
.price-increase.popup-contents .cnsnt-trnst-box dl { width: 75%;}
.price-increase.popup-contents .cnsnt-trnst-box dl dt { font-size: 14px; color: #3e3e52; font-weight: bold; margin-bottom: 7px;}
.price-increase.popup-contents .cnsnt-trnst-box dl dd { font-size: 12px; color: #3e3e52; }
.price-increase.popup-contents .radList.typeBox > .frmInp:first-child { margin-top: 24px;}
.price-increase.popup-contents .cnsnt-trnst-agree { display: none;}
.price-increase.popup-contents .radList.typeBox > .frmInp input:checked + label > .cnsnt-trnst-agree { margin-top: 16px; padding: 12px 16px; border-radius: 4px; border: solid 1px #e2e2f0; background-color: #fafafc; display: flex; justify-content: space-between;}
.price-increase.popup-contents .cnsnt-trnst-agree p { font-size: 12px; font-weight: bold; color: #3e3e52; }
.price-increase.popup-contents .cnsnt-trnst-agree span { color: #ff404e; font-size: 12px; }
.price-increase.popup-contents .costP { margin-top: 12px; font-size: 12px; font-weight: bold; color: #686c7c;}
/** SSMCM-8941 패키지 추가혜택 선택 **/
.adtbnf .addpay-list li p{height:28px; line-height:28px;}
.adtbnf .addpay-list li .tit{color:#1a1a47; font-size:14px; letter-spacing:-.35px; line-height:28px;}
.adtbnf .addpay-list li p span{float:right;}
.adtbnf .addpay-list li .name{color:#686c7c; font-size:12px; letter-spacing:-.3px;}
.adtbnf .addpay-list li .name span{color:#3e3e52;}
.adtbnf .addpay-list li.dis{padding-top:12px; border-top:1px dashed #e2e2f0; margin-top:12px;}
.adtbnf .addpay-list li.total{padding-top:12px; border-top:1px solid #e2e2f0; margin-top:12px;}
.adtbnf .addpay-list li.total span{color:#ff404e;}
.adtbnf .notice-wrap .tit{font-size:14px;}
.adtbnf .notice-wrap ul.txt-ssm li{color:#686c7c}