@charset "euc-kr";
@import url("sscn_share.css?v2601301");/* APP/MW °øÀ¯ */
@import url("sscn_custom.css?v2601301");/* APP/MW to-be¿¡ ¸Âµµ·Ï Ä¿½ºÅÒ */

/* ###################
    °øÅë
#################### */
/* skipNav */
.pg-wrap {position: relative;}
#skipNav {position:absolute; width:100%; top:0; left:0;}
#skipNav a {display:block; position:absolute; width:100%; left:0; top:-10000px; padding:10px; text-align:center; background:rgba(0,0,0,.7); box-sizing:border-box; font-weight:bold; color:#fff; z-index:500;}
#skipNav a:focus, #skipNav a:focus-visible, #skipNav a:active, #skipNav a:hover {top:0; z-index:100000;}

/* *** [DEV] *** */
/* °øÅë > pdf ¿©´Â ¾à°ü */
.sscn.fixed-show {display: flex !important;}
/* °øÅë > ÁÖ¼Ò°Ë»ö */
.search-wrap[data-vo="post-wrap"] {width: calc(100% + 4.8rem); margin-left: -2.4rem; margin-right: -2.4rem; margin-bottom: -4rem;}

/* *** ½Å±Ô È­¸é Ãß°¡ *** */
/* °øÅë > °èÁºñ¹Ð¹øÈ£(Áߺ¹) */
.sscn .pwd-container {text-align: center;}
.sscn .pwd-container .pin-dots-wrapper {position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-top: 6.2rem;}
.sscn .pwd-container .pin-dots {display: flex; align-items: center; justify-content: center; padding: 1rem 0;}
.sscn .pwd-container .pin-dot { width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--color-04);}
.sscn .pwd-container .pin-dot + .pin-dot {margin-left: 2rem;}
.sscn .pwd-container .pin-dot.filled {border: 0; background: var(--color-blue1);}
.sscn .pwd-container .pin-dots-wrapper .p-error {margin-top: 0.6rem;}

/* °øÅë > °èÁºñ¹Ð¹øÈ£(Áߺ¹) °³¹ß Àû¿ë ÈÄ »èÁ¦ */
.sscn .pwd-container {text-align: center;}
.sscn .pwd-container .form-group {margin-top: 6.2rem;}
.sscn .pwd-container .form-ele {height: 3.6rem;}
.sscn .pwd-container .form-ele:before,
.sscn .pwd-container .form-ele:after {content: none;}
.sscn .pwd-container .inp-wrap {position: relative; height: 3.6rem;}
.sscn .pwd-container .inp-wrap .inp {position: relative; z-index: 1; min-height: 3.6rem; width: 15.2rem; height: 3.6rem; margin-top: -7px; letter-spacing: -8px; font-size: 9rem; color: var(--color-blue1); font-weight: 100;}
.sscn .pwd-container .inp-back-dots {position: absolute; top: 0.3rem; left: 50%; transform: translateX(-50%); z-index: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 12.7rem;}
.sscn .pwd-container .inp-back-dots span {display: block;}
.sscn .pwd-container .inp-back-dots span:not(:first-child) {margin-left: 1.8rem;}
.sscn .pwd-container .inp-back-dots span:after {content: '¡Û';font-size: 2.1rem; color: var(--color-04); font-weight: 100;}
.sscn .pwd-container .p-error {margin-top: 0.6rem;}

/* °øÅë > ¼­·ùÃÔ¿µ(OCR¼Ö·ç¼Ç) */
.sscn.pg-wrap.camera .pg-container {height: calc(100vh - var(--header-height));}
.sscn.pg-wrap.camera .pg-content {height: 100%; padding-top: 2.3rem; padding-bottom: 0;}
.sscn.pg-wrap.camera .camera-wrap {height: 100%;}
.sscn.pg-wrap.camera .camera-wrap .guide-text {margin-bottom: 2.8rem; font-size: 1.8rem; font-weight: 500; line-height: 2.5rem; color: #fff; text-align: center;}
.sscn.pg-wrap.camera .camera-wrap .camera-area {margin-bottom: 3.2rem;}
.sscn.pg-wrap.camera .camera-wrap .camera-area .inner:before,
.sscn.pg-wrap.camera .camera-wrap .camera-area .inner:after {z-index: 1;}
.sscn.pg-wrap.camera .camera-wrap .camera-area .inner > * {position: relative; z-index: 10; display: block; overflow: hidden; width: 100%; height: 70vh; max-height: 40.2rem; background-color: var(--color-08);}
@media screen and (max-height: 800px) {
    .sscn.pg-wrap.camera .camera-wrap .guide-text {word-break: keep-all;}
    .sscn.pg-wrap.camera .camera-wrap .camera-area .inner > * {height: 43vh;}
}
.sscn.pg-wrap.camera .camera-wrap .controle-area {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 14.5rem; padding: 0 2.4rem;}
.sscn.pg-wrap.camera .camera-wrap.multi .controle-area {height: 16.9rem;}
.sscn.pg-wrap.camera .camera-wrap .controle-middle {position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%;}
.sscn.pg-wrap.camera .camera-wrap .controle-middle .btn-area {margin: 0 auto;}
.sscn.pg-wrap.camera .camera-wrap .controle-middle .btn-shot {height: 7.2rem; width: 7.2rem; background-image: none;}
.sscn.pg-wrap.camera .camera-wrap .controle-bottom {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-top: 1.6rem;}
.sscn.pg-wrap.camera .camera-wrap .controle-bottom .btn {font-size: var(--fz-18); color: var(--color-04);}
.sscn.pg-wrap.camera .camera-wrap .controle-bottom .btn:disabled {color: var(--color-02); background-color: transparent; border: none;}
.sscn.pg-wrap.camera .camera-wrap .btn-multi {position: absolute; top: 50%; margin-top: -2.6rem; left: 0.8rem; z-index: 1; width: 5.2rem; height: 5.2rem;}
.sscn.pg-wrap.camera .camera-wrap .btn-multi:before, 
.sscn.pg-wrap.camera .camera-wrap .btn-multi:after {content: ''; position: absolute; width: 4.8rem; height: 4.8rem; border-radius: 0.4rem;}
.sscn.pg-wrap.camera .camera-wrap .btn-multi:after {top: 0.4rem; left: 0.4rem; z-index: 1;background-color: #3a4053;}
.sscn.pg-wrap.camera .camera-wrap .btn-multi:before {top: 0; left: 0; z-index: 2; background-color: var(--color-blue1);}/* ±âº»°ª:È°¼ºÈ­ */
.sscn.pg-wrap.camera .camera-wrap .btn-multi:disabled:before {background-color: #5d6172;}/* ºñÈ°¼ºÈ­ */
.sscn.pg-wrap.camera .camera-wrap .btn-multi .counter-txt {position: absolute; top: 1.3rem; left: 0; z-index: 3; width: 4.8rem; font-weight: 700; font-size: var(--fz-16); color: var(--color-08)}

/* °øÅë > ½ÅºÐÁõÃÔ¿µ(OCR¼Ö·ç¼Ç) .camera-wrap:not(.multi) */
.sscn.pg-wrap.camera .camera-wrap .depth + .camera-bottom {margin-top: 4rem;}
.sscn.pg-wrap.camera .camera-wrap .camera-bottom .switch-area {margin: 0 auto;}
.sscn.pg-wrap.camera .camera-wrap .switch-area #auto + label:before {background-color: #c8ccd6;}
.sscn.pg-wrap.camera .camera-wrap .switch-area label {color: var(--color-05);}
@media screen and (max-height: 800px) {
    .sscn.pg-wrap.camera .camera-wrap .depth + .camera-bottom {margin-top: 1rem;}
}

/* °øÅë > ÈÞ´ëÆùº»ÀÎÀÎÁõ > Åë½Å»ç ¼±Åà */
.sscn .tel-auth {flex: none; width: 33%;}
.sscn .tel-auth .select-btn {padding-right: 2rem; font-size: var(--fz-14);}
.sscn .tel-auth .select-btn::after{top: 0; right: 0; width: 1.8rem; height: 100%; background-position:  center center;}

/* °øÅë > ´ëÃâ»óÇ° > ´Ù°Ç¹Ì¸®º¸±â SBM_CMM_06_033 */
.multi-view-area .multi-view-result {margin-bottom: 2.4rem; font-size: var(--fz-14); color: var(--color-01);}
.multi-view-area .multi-view-result .result-count {color:var(--color-03);}
.multi-view-list {overflow-x: scroll; width: calc(100% + 4.8rem); margin-left: -2.4rem; margin-right: -2.4rem; padding: 0 2rem; box-sizing: border-box;}
.multi-view-list .multi-view-inner {display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap;}
.multi-view-list .preview-chk {flex: none; overflow: hidden; border-radius: 1.2rem;}
.multi-view-list .preview-chk:not(:first-child) {margin-left: 0.8rem;}
.multi-view-list .preview-chk:last-child {padding-right: 2rem;}
.multi-view-list .preview-chk .preview-img {position: relative; width: 100%; height: 100%;}
.multi-view-list .preview-chk .preview-img > img {position: relative; z-index: 0; width: 100%; height: 100%; object-fit: fill;}
.multi-view-list .preview-chk input[type=checkbox] + .label {overflow: hidden; width: 14rem; height: 18.1rem; padding-top: 0; padding-left: 0; border: 1px solid var(--color-06); border-radius: 1.2rem; background-color: var(--color-07);}
.multi-view-list .preview-chk input[type=checkbox] + .label:before,
.multi-view-list .preview-chk input[type=checkbox] + .label:after {z-index: 2; top: initial; left: initial; right: 1rem; bottom: 1rem; margin: 0;}
.multi-view-list .preview-chk input[type=checkbox]:checked + .label {border-color: var(--color-blue1);}
.multi-view-list .preview-chk input[type=checkbox]:checked + .label .preview-img:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255,255,255, 0.4); pointer-events: none;}
.multi-view-list .preview-chk input[type=checkbox]:not(:checked) + .label:after {background-color: var(--color-08); border: 1px solid var(--color-06); border-radius: 50%;}


/* ####################
    ¿ì¸®¾ÆÀÌ ÀÚ»ê°ü¸® > °øÅë
#################### */
/* ¾Û¼³Ä¡ ¹è³Ê */
.sscn .app-banner-area {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: calc(100% + 0.8rem); min-height: 11.2rem; margin-left: -0.4rem; margin-right: -0.4rem; padding: 2rem 10.2rem 2rem 2rem; background: url(/_pub/assets/img/common_sscn/logo-cider-bank.png) no-repeat center right 2rem / 8rem auto #e6f3ff; border-radius: 1.6rem;}
.sscn .app-banner-area:not(:last-child) {margin-bottom: 1.2rem;}
.sscn .app-banner-area .banner-tit {display: block; margin-bottom: 0.4rem; font-size: var(--fz-16); color: var(--color-01);}
.sscn .app-banner-area .banner-txt {font-size: var(--fz-15); color: var(--color-02);}
/* °í°´°æÇè¼¾ÅÍ */
.sscn .help-desk-area {width: calc(100% + 0.8rem); margin-left: -0.4rem; margin-right: -0.4rem; padding: 2rem; border: 1px solid var(--color-06); border-radius: 1.6rem; color: var(--color-03); font-size: var(--fz-13);}
.sscn .help-desk-area .desk-top {padding-right: 5.2rem; background: url(/_pub/assets/img/common_sscn/ico-40x-helpdesk.svg) no-repeat top right / 4rem auto var(--color-08);}
.sscn .help-desk-area .desk-tit {display: block; margin-bottom: 0.2rem; font-size: var(--fz-14);}
.sscn .help-desk-area .desk-tel {font-weight: 700; font-size: var(--fz-18); color: var(--color-blue1);}
.sscn .help-desk-area .desk-txt {display: block; margin-top: 0.8rem; margin-bottom: 0.4rem;}
.sscn .help-desk-area .desk-sub {color: var(--color-04);}
/* µ¿ÀÇ ¾È³» SBM_CMM_99_001 */
.sscn .index-list.cmm-info li:nth-child(1):before {background:url(/_pub/assets/img/common_sscn/ico-24x-67.svg) no-repeat 0 0 / contain;}
.sscn .index-list.cmm-info li:nth-child(2):before {background:url(/_pub/assets/img/common_sscn/ico-40x-scraping.svg) no-repeat 0 0 / contain;}
.sscn .index-list.cmm-info li:nth-child(3):before {background:url(/_pub/assets/img/common_sscn/ico-40x-pw-green.svg) no-repeat 0 0 / contain;}
.sscn .index-list.cmm-info li .txt {font-size: var(--fz-15);}
/* µ¿ÀÇ¿äû ³»¿ëÈ®ÀÎ SBM_CMM_99_010 */
.sscn .lists.data .accordion > li {display: block;} 
.sscn .lists.data .accordion > li:last-child {border-bottom: none;}
.sscn .lists.data .accordion-wrap {display: block; width: 100%;}
.sscn .lists.data .accordion .acco-item {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; min-height: 3.3rem; padding: 0.6rem 2.2rem 0.6rem 0; font-size: var(--fz-14); font-weight: 400;}
.sscn .lists.data .accordion .acco-item:after {background-image: url(/_pub/assets/img/common_sscn/ico-arr-down-gray.svg); width: 1.8rem; height: 1.8rem; margin-top: -0.9rem; margin-left: 0.4rem;}
.sscn .lists.data .accordion > li.on .acco-item:after {transform: rotate(180deg);}
.sscn .lists.data .accordion .acco-item .key {width: auto;}
.sscn .lists.data .accordion .acco-panel {padding: 0 0 0.7rem;}
.sscn .lists.data .accordion .acco-panel .key {width: 50%;}

/* ####################
    ´ëÃâ»óÇ°
#################### */
/* ´ëÃâ»óÇ° > »óÇ°¾È³» */
/* focus visual */
.mw-prod-intro.sscn .divider-f {display: none;}
.mw-prod-intro.sscn .inform-btm-wrap {padding: 2rem 2.4rem; background-color: var(--color-07);}
.mw-prod-intro.sscn .pg-content-foot .form-group {margin-top: 4rem;}
.mw-prod-intro.sscn .pg-content-foot .form-group .btns {width: 100%; margin-top: 2rem;}
.mw-prod-intro.sscn .pg-content-foot .form-group .btns .btn.lg {min-height: 5.2rem;}
.mw-prod-intro.sscn .pg-footer .btn:first-child {flex: 1;}
.mw-prod-intro.sscn .form-ele.form-ele-no-line::before,
.mw-prod-intro.sscn .form-ele.form-ele-no-line::after {display: none;}
.mw-prod-intro.sscn .form-ele .select-btn::after,
.mw-prod-intro.sscn .form-ele .inp-btn:only-child::after {content:''; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-9.svg) no-repeat center center; position:absolute; right:0; top:50%; transform: translateY(-50%);}



/* ####################
	ºê¸´ÁöÆäÀÌÁö(»ó´ãÀÚÀü¿ë)
#################### */
/* Á¦ÈÞ&ºê¸´Áö ·Î°í */
.pg-wrap.sscn .pg-gnb .logo-cider,
.pg-wrap.sscn .pg-gnb .logo-sbi {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.pg-wrap.sscn .pg-gnb .logo-sbi img, 
.pg-wrap.sscn .pg-gnb .logo-cider img {width: 9.7rem; height: auto;}
.pg-wrap.sscn .pg-gnb .logo-sbi {justify-content: flex-start; padding: 0 2.4rem;}
.pg-wrap.sscn .pg-gnb .logo-cider img {width: 13rem;}
/* icon */
.sscn .ico-calculator {width: 2.4rem; height: 2.4rem; background: url(/_pub/assets/img/img_sscn/ico-24-calculator.svg);}
.sscn .ico-loan-forest {width: 2.4rem; height: 2.4rem; background: url(/_pub/assets/img/img_sscn/ico-24-loan-forest.svg);}
.sscn .ico-firecracker {width: 2.4rem; height: 2.4rem; background: url(/_pub/assets/img/common/ico-24x-47.svg);}
.sscn .ico-check-green {width: 1.8rem; height: 1.8rem; background: url(/_pub/assets/img/img_sscn/ico-18-check-green.svg);}
.sscn .ico-person {width: 1.8rem; height: 1.8rem; background: url(/_pub/assets/img/img_sscn/icon-18-person.svg);}
/* line */
.sscn .line-teal {border-color: var(--color-green2); color: var(--color-green2);}
/* swiper */
.sscn .direct-contents .swiper-pagination-wrap {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 2rem; height: 0.6rem; line-height: 0; margin-bottom: initial;}
.sscn .direct-contents .swiper-button {width: 2.4rem; height: 3rem; border: 1px solid var(--color-gray1); background-color: rgba(255,255,255,60%);}
.sscn .direct-contents .swiper-button:after {content: ''; opacity: 0.7; position: static; display: block; width: 1.2rem; height: 1.2rem; margin: 0; transform: rotate(0deg); border: none;}
.sscn .direct-contents .swiper-button-prev {left: -0.1rem; border-left: 0;}
.sscn .direct-contents .swiper-button-next {right: -0.1rem; border-right: 0;}
.sscn .direct-contents .swiper-button-next:after {background: url(/_pub/assets/img/common_sscn/icon-arrow-R-gray.svg) no-repeat center;}/*on*/
.sscn .direct-contents .swiper-button-prev:after {background: url(/_pub/assets/img/common_sscn/icon-arrow-L-gray.svg) no-repeat center;}/*on*/
.sscn .direct-contents .swiper-auto-ctl {display: none;}
.sscn .direct-contents .swiper-pagination-bullet {opacity: 20%; width: 0.6rem; height: 0.6rem; margin: 0 0.25rem; background-color: var(--color-00); border-radius: 2rem;}
.sscn .direct-contents .swiper-pagination-bullet-active {opacity: 1; width: 2rem;}
.sscn .direct-contents .swiper-pagination-bullet:before {display: none;}
/* swiper - ¼¼·ÎÇü*/
.sscn .ui-swiper.-vertical .swiper-button,
.sscn .ui-swiper.-vertical .swiper-pagination-wrap,
.sscn .ui-swiper.-vertical .swiper-pagination {display: none;}
/* ºê¸´Áö ·¹À̾ƿô */
.sscn .direct-contents {position: relative; background-color: #f3f8ff;}
.sscn .direct-contents:before {content: ''; z-index: 0; position: absolute; top: 0; left: 0.8rem; right: 0.8rem; min-height: 72.2rem; background-image: radial-gradient(358.66% 68.71% at 16.53% 0, #207AF7 50%, #51C3ED 80%, #8CE5E2 111%, #F3F8FF 139%, transparent 100%); border-radius: 3.2rem 3.2rem 0 0; pointer-events: none;}
.sscn .direct-contents .direct-section {position: relative; padding: 0 2rem;}
.sscn .direct-contents .direct-section.direct-01:after {content: ''; overflow: hidden; position: absolute; top: 0; right: 0.8rem; z-index: 1; width: 29.3rem; height: 39.6rem; background: url(/_pub/assets/img/img_sscn/img-bri-pattern.png) no-repeat; background-size: 100% auto; pointer-events: none; border-radius: 0 3.2rem 0 0;}
.sscn .direct-contents .direct-section.direct-02 {margin-top: 6.8rem; padding-bottom: 4rem; background-image: linear-gradient(180deg, transparent 0%, transparent 60%, #ffffff 76%, #ffffff 100%);}
.sscn .direct-contents .direct-section.direct-03 {margin-top: 2rem; padding-top: 4rem; background-color: #ffffff;}
.sscn .direct-contents .content-area:not(:first-child) {padding-top: 10rem;}
/* title */
.sscn .direct-contents .direct-title1 {font-size: var(--fz-26);}
.sscn .direct-contents .direct-title2 {font-size: var(--fz-20);}
.sscn .direct-contents .direct-title3 {font-size: var(--fz-18);}
.sscn .direct-contents .direct-sub1 {font-weight: 400; font-size: var(--fz-16); color: var(--color-03);}
/* floating */
.sscn .direct-container.floating-btn .visual-btn-box:before {content: ''; display: block; width: 100%; height: 6rem;}
.sscn .direct-container.floating-btn .visual-float {display: flex; flex-direction: row; justify-content: center; align-items: center; position: fixed; left: 0; bottom: 0; z-index: 15; width: 100%; padding: 2.4rem 2.3rem 2rem; background: linear-gradient(180deg, rgba(255,255,255,0) 60.08%, #FFFFFF 85.46%); animation: floatDownAndUp 1s ease;}
.sscn .direct-container.floating-btn .visual-float .btn {width: 100%; max-width: 36rem;}
.sscn .direct-container.floating-btn .direct-footer {padding-bottom: 12rem;}
/* header */
.sscn .direct-header {position: sticky; top: 0; left: 0; width: 100%; z-index: 50; padding: 1.05rem 2.4rem; background-color: #f3f8ff;}
.sscn .direct-header .logo {width: 9.7rem; height: 2.7rem;}
.sscn .direct-header .logo > a {display: block; width: 100%; height: 100%;}
.sscn .direct-header .logo img {display: block; width: 100%; height: auto;}
.sscn .direct-header .direct-tnb {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 0.6rem;}
.sscn .direct-header .direct-tnb > a {color: var(--color-03); font-size: var(--fz-13);}
.sscn .direct-header .direct-tnb > a:not(:last-child):after {content: ''; display: inline-block; width: 1px; height: 1rem; margin: 0 0.8rem; background-color: var(--color-06);}
/* footer */
.sscn .direct-footer {margin-top: 6rem; padding: 3rem 2.4rem 6rem; background-color: var(--color-07); border-radius:  3.2rem 3.2rem 0 0; color: var(--color-04); font-size: var(--fz-14); font-weight: 500;}
.sscn .direct-footer p:not(:first-child) {margin-top: 0.8rem;}
.sscn .direct-footer .small-txt {font-size: var(--fz-13); font-weight: 400; letter-spacing: -0.2px;}
.sscn .direct-footer .footer-bottom:not(:first-child) {margin-top: 2.4rem;}
.sscn .direct-footer .footer-bottom .small-txt {font-size: var(--fz-12);}
.sscn .direct-footer .footer-bottom .small-txt:not(:first-child) {margin-top: 0.8rem;}
.sscn .direct-footer .footer-bottom .footer-logo {width: 7.6rem; height: 1.9rem;}
.sscn .direct-footer .footer-bottom .footer-logo > img {width: 100%; height: 100%; object-fit: contain;}
/* button */
.sscn .direct-contents .btn {display: flex; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box;}
.sscn .direct-contents .btn.dark {background-color: #2C313C; font-weight: 700; color: var(--color-08);}
.sscn .direct-contents .btn.mint-teal {background-color: #eff8fa; font-weight: 700; color: var(--color-green2);}
.sscn .direct-contents .btn.light-teal {background-color: var(--color-green1); font-weight: 700; color: var(--color-green2);}
.sscn .direct-contents .btn.deep-teal {background-color: var(--color-green2); font-weight: 500; color: var(--color-08);}
.sscn .direct-contents .v-card-btns {display: flex; flex-direction: row; justify-content: center; align-items: center; width: calc(100% + 0.8rem); margin-top: auto; margin-left: -0.4rem; margin-right: -0.4rem;}
.sscn .direct-contents .v-card-btns .btn {display: flex; flex-direction: row; justify-content: center; align-items: center; flex: 1; height: 5.2rem; border-radius: 1.2rem; font-size: var(--fz-16); font-weight: 500;}
.sscn .direct-contents .v-card-btns > .btn:not(:first-child) {margin-left: 0.8rem;} 
.sscn .direct-contents .visual-btn-box {margin: 0 0.3rem;}
.sscn .direct-contents .visual-btn-box .btn {height: 6rem; border-radius: 6rem; font-size: var(--fz-18);}
.sscn .direct-contents .visual-btn-box > .btn:not(:first-child) {margin-top: 1rem;}
.sscn .direct-contents .visual-float .ico-calculator {margin-right: 0.8rem;}
@keyframes floatDownAndUp {
    0% {bottom: -11rem}
    30% {bottom: -11rem}
    100% {bottom: 0;}
}
/* inner card */
.sscn .direct-contents .v-card-group {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 3rem 2.4rem; background-color: var(--color-08); border-radius: 2.4rem; box-shadow: 0 2px 16px 0px rgba(168, 188, 234, 0.1);}
.sscn .direct-contents .v-card-group.size-small {padding: 2rem; border-radius: 1.2rem;}
.sscn .direct-contents .v-card-group > div {width: 100%;}
.sscn .direct-contents .v-card-group [class*=direct-title] {margin-bottom: 0.8rem; font-weight: 700; color: var(--color-01);}
.sscn .direct-contents .v-card-group .v-card-img {width: 14rem; height: 14rem; margin: 0.8rem auto;}
.sscn .direct-contents .v-card-group .v-card-img img {display: block; width: 100%; height: 100%; object-fit: contain;}
.sscn .direct-contents .v-card-group .v-card-tit {font-size: var(--fz-14);}
.sscn .direct-contents .v-card-group .v-card-txt {font-size: var(--fz-14); font-weight: 500;}
.sscn .direct-contents .v-card-group .v-bg-tit {padding: 0.56rem 1rem; background-color: var(--color-07); border-radius: 2.8rem; font-size: var(--fz-14); color: var(--color-03);}
.sscn .direct-contents .v-card-group .v-card-list:not(:first-child) {margin-top: 3.2rem;}
.sscn .direct-contents .v-card-group .v-card-list:not(:last-child) {margin-bottom: 3.2rem;}
.sscn .direct-contents .v-card-group .v-card-list .v-card-row {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sscn .direct-contents .v-card-group .v-card-row {font-weight: 400; font-size: var(--fz-16); color: var(--color-03);}
.sscn .direct-contents .v-card-group .v-card-row strong {font-weight: 700; font-size: var(--fz-22);}
.sscn .direct-contents .v-card-group .v-card-row [class*=ico] {margin-right: 0.4rem;}
.sscn .direct-contents .v-card-group .row-left,
.sscn .direct-contents .v-card-group .row-right {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sscn .direct-contents .v-card-group .row-left {flex-shrink: 0; margin-right: 0.4rem;}
.sscn .direct-contents .v-card-group .row-right {font-size: var(--fz-18); color: var(--color-01);}
.sscn .direct-contents .v-card-group .row-right strong {font-size: var(--fz-22);}
.sscn .direct-contents .v-card-group .row-right strong {padding-right: 0.2rem;}
/* swiper - visual */
/* .sscn .direct-contents .visual-swiper {margin-top: 4.7rem;}
.sscn .direct-contents .visual-swiper .swiper-wrapper {align-items: stretch;}
.sscn .direct-contents .visual-swiper .swiper-slide {height: initial;}
.sscn .direct-contents .visual-swiper .swiper-pagination-wrap {position: absolute; top: 3rem; right: 2.4rem; z-index: 10; width: auto; margin-top: 0;}
.sscn .direct-contents .visual-swiper .v-card-group {height: 100%; padding: 2.8rem;}
.sscn .direct-contents .visual-swiper .v-card-group .direct-title2 {padding-right: 7rem;}
.sscn .direct-contents .visual-swiper .v-card-group .v-card-list .v-card-li:not(:first-child) {margin-top: 1.2rem;} */
.sscn .direct-contents .visual-content {padding: 6rem 0.4rem 0.2rem 1rem;}
.sscn .direct-contents .visual-content:after {content: ''; display: block; width: 21.8rem; height: 21.8rem; margin-top: 6rem; margin-left: auto; background: url(/_pub/assets/img/img_sscn/img-bri-coin-visual.png) no-repeat top center / contain; animation: Dudungsil 3s cubic-bezier(0.1, 0, 1, 1) infinite;}
@keyframes Dudungsil {
    0% {transform: translateY(0);}
    30% {transform: translateY(0.8rem);}
    50% {transform: translateY(0.4rem);}
    100% {transform: translate(0,0);}
}
.sscn .direct-contents .visual-content .visual-title {font-family: 'GKFont'; font-weight: 300; font-size: var(--fz-26); color: var(--color-08);}
.sscn .direct-contents .visual-content .visual-title strong {font-weight: 500; font-size: 3.4rem;}
/* swiper - ´ëÃâ »óÇ° */
.sscn .direct-contents .direct-swiper {position: relative;}
.sscn .direct-contents .direct-swiper .swiper-wrapper {align-items: stretch;}
.sscn .direct-contents .direct-swiper .swiper-slide {height: initial;}
.sscn .direct-contents .direct-swiper .swiper-button-next:after, 
.sscn .direct-contents .direct-swiper .swiper-button-prev:after {background: url(/_pub/assets/img/common_sscn/icon-arrow-R-gray.svg) no-repeat center;}
.sscn .direct-contents .direct-swiper .swiper-button-next:after {transform: rotate(0deg);}
.sscn .direct-contents .direct-swiper .swiper-button-prev:after {transform: rotate(180deg);}
.sscn .direct-contents .direct-swiper .v-card-group {height: 100%;}
.sscn .direct-contents .direct-swiper .v-card-group .v-card-img {margin-bottom: 0;}
/* swiper - ´ëÃâ °í¹Î ÇØ°á */
/* .sscn .direct-contents .content-01 {background: url(/_pub/assets/img/img_sscn/img-bri-rank-01.png) no-repeat top 10rem center / 33.5rem auto;}
.sscn .direct-contents .ranker-swiper .swiper {height: 23.2rem; margin-top: 23.4rem;}
.sscn .direct-contents .ranker-swiper .swiper-slide {height: auto;}
.sscn .direct-contents .ranker-swiper .swiper-slide:not(.swiper-slide-active) {opacity: 40%;}
.sscn .direct-contents .ranker-swiper .swiper-pagination {height: initial;}
.sscn .direct-contents .ranker-swiper .direct-title3 {margin-top: 0.4rem; margin-bottom: 0.4rem; line-height: 1.3;}
.sscn .direct-contents .ranker-swiper .direct-sub1 {line-height: 1.3;}
.sscn .direct-contents .ranker-swiper .v-card-group {align-items: center;}
.sscn .direct-contents .ranker-swiper .v-card-group .v-card-img {margin-top: auto;} */
/* ´ë»ó,ÀÚ°Ý */
.sscn .direct-contents .v-card-group .v-card-inner {min-height: 22.2rem;}
.sscn .direct-contents .v-card-group .v-card-list.target .v-card-row {align-items: flex-start;}
.sscn .direct-contents .v-card-group .v-card-list.target:not(:first-child) {margin-top: 1.6rem;}
.sscn .direct-contents .v-card-group .v-card-list.target .v-card-row:not(:first-child) {margin-top: 0.8rem;}
.sscn .direct-contents .v-card-group .v-card-list.target .row-left {margin-right: 0.8rem;}
/* Çѵµ,±Ý¸®,±â°£ */
.sscn .direct-contents .v-card-group .v-card-list.detail:not(:first-child) {margin-top: 4rem;}
.sscn .direct-contents .v-card-group .v-card-list.detail:not(:last-child) {margin-bottom: 2.4rem;}
.sscn .direct-contents .v-card-group .v-card-list.detail .v-card-row:not(:first-child) {margin-top: 1.7rem;}
.sscn .direct-contents .v-card-group .v-card-list.detail .row-left {margin-right: 1.2rem;}
.sscn .direct-contents .v-card-group .v-card-labels {margin-bottom: 0.4rem; font-size: 0;}
.sscn .direct-contents .v-card-group .v-card-labels > .badge {margin-bottom: 0.4rem;}
.sscn .direct-contents .v-card-group .v-card-labels > .badge:not(:last-child) {margin-right: 0.4rem;}
/* SBI äÆà */
.sscn .direct-chat-area {margin-top: 3.2rem; padding: 5.8rem 2rem 0; background: url(/_pub/assets/img/img_sscn/img-bir-phone.png) no-repeat top center / 100% auto;}
.sscn .direct-chat-area:after {content: ''; display: block; width: calc(100% + 4rem); height: 2.4rem; margin-inline: -2rem; pointer-events: none; background-image: linear-gradient(180deg, transparent 0%, transparent 15%, var(--color-08) 74%, var(--color-08) 100%);}
.sscn .direct-chat-area .chat-row {position: relative; z-index: 2; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sscn .direct-chat-area .chat-row:not(:first-child) {margin-top: 4rem;}
.sscn .direct-chat-area .chat-row.right {justify-content: flex-end;}
.sscn .direct-chat-area .chat-send {padding: 1.4rem 2rem;background-color: var(--color-blue1); border-radius: 16px 16px 1px 16px; font-size: var(--fz-15); color: var(--color-08);}
.sscn .direct-chat-area .chat-receive {position: relative; padding: 3.2rem 2.4rem 2rem; background-color: var(--color-07); border-radius: 16px; font-size: var(--fz-15); color: var(--color-01);}
.sscn .direct-chat-area .chat-receive:before {content: ''; position: absolute; top: -2.3rem; left: 1.6rem; z-index: 0; width: 4.3rem; height: 4.3rem; background: url(/_pub/assets/img/img_sscn/sbi-logo-round-blue.svg) no-repeat top center / cover;}
/* tab + accordion */
.sscn .direct-container .tab-wrap.btn-type {position: relative; left: -2rem; right: -2rem; width: calc(100% + 4rem); margin-top: 0;}
.sscn .direct-container .tab-wrap.btn-type.tab-wrap::after {content: none;}
.sscn .direct-container .tab-wrap.btn-type .tab-panel {margin-top: 1.6rem;}
.sscn .direct-container .tab-wrap.btn-type .tab-list {display: flex; flex-wrap: wrap; margin: 0 1.6rem;}
.sscn .direct-container .tab-wrap.btn-type .tab-list button {width: calc(50% - 0.8rem); height: 5.6rem; margin: 0.4rem; border-radius: 1.2rem; border: 1px solid var(--color-05); font-size: 1.6rem; color: var(--color-01); font-weight: 500;}
.sscn .direct-container .tab-wrap.btn-type .tab-list button.full {width: calc(100% - 0.8rem);}
.sscn .direct-container .tab-wrap.btn-type .tab-list button[aria-selected="true"] {border-color: var(--color-blue1); box-shadow: 0 0 0 0.5px var(--color-blue1); background-color: var(--color-blue9); color: var(--color-blue1); font-weight: 700;}
.sscn .direct-container .tab-wrap.btn-type .accordion li .acco-panel {padding-top: 0; padding-bottom: 0;}
.sscn .direct-container .tab-wrap.btn-type .accordion.on {border-bottom: none;}
.sscn .direct-container .tab-wrap.btn-type .accordion > li {border-top: 1px solid var(--color-07);}
.sscn .direct-container .tab-wrap.btn-type .accordion > li:last-child {border-bottom: 1px solid var(--color-07);}
.sscn .direct-container .tab-wrap.btn-type .accordion > li:first-child {border-top: none;}
.sscn .direct-container .tab-wrap.btn-type .accordion li > .acco-item {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 6.3rem; padding: 1rem 4.8rem 1rem 0; font-size: var(--fz-18); font-weight: 400; color: var(--color-01);}
.sscn .direct-container .tab-wrap.btn-type .accordion li > .acco-item:after {background-image: url(/_pub/assets/img/img_sscn/ico-24x-acco.svg); transition: transform 0.5s;}
.sscn .direct-container .tab-wrap.btn-type .accordion li > [aria-expanded="true"].acco-item {font-weight: 500;}
.sscn .direct-container .tab-wrap.btn-type .accordion li > [aria-expanded="true"].acco-item:after {transform: rotate(180deg);}
.sscn .direct-container .tab-wrap.btn-type .table {margin-top: 0;}
.sscn .direct-container .tab-wrap.btn-type .table table {border-top: 1px solid var(--color-gray1); border-bottom: 1px solid var(--color-gray1);}
.sscn .direct-container .tab-wrap.btn-type .table table th {text-align: center; color: var(--color-01);}
.sscn .direct-container .tab-wrap.btn-type .table table td {color: var(--color-03);}
.sscn .direct-container .tab-wrap.btn-type .depth.bul .depth.dash > li, 
.sscn .direct-container .tab-wrap.btn-type .depth.bul .depth.dash .depth.info {color: inherit;}
.sscn .direct-container .tab-wrap.btn-type .depth.dash > li:before, 
.sscn .direct-container .tab-wrap.btn-type p.depth.dash:before,
.sscn .direct-container .depth.bul > li:before, 
.sscn .direct-container p.depth.bul:before {background-color: var(--color-03);}
.sscn .direct-container .tab-wrap.btn-type .detail-tit {font-size: var(--fz-15); font-weight: 700; margin-bottom: 0.4rem;}
.sscn .direct-container .tab-wrap.btn-type .detail-tit:not(:first-child) {margin-top: 1rem;}
/* ¹Ìµð¾îÄõ¸® min 640px */
@media screen and (min-width: 640px) { 
    .sscn .direct-contents .visual-area,
    .sscn .direct-contents .direct-section .content-area {max-width: 48rem; margin-inline: auto;}
    .sscn .direct-container .tab-wrap.btn-type {max-width: 90rem; margin-inline: auto;}
    .sscn .direct-container .tab-wrap.btn-type .tab-list button,
    .sscn .direct-container .tab-wrap.btn-type .tab-list button.full {width: calc(20% - 0.8rem);}
    .sscn .direct-chat-area:after {height: 5rem;}
    .sscn .direct-container.floating-btn .footer-middle,
    .sscn .direct-container.floating-btn .footer-bottom {max-width: 90rem; margin-inline: auto;}
}

/* »ó´ã»ç Á¤º¸ - SBM_BRI_99_003 */
.sscn .card-agent-wrap {position: relative; padding: 2rem 2.4rem; margin-left: -0.4rem; margin-right: -0.4rem;}
.sscn .card-agent-wrap:before {content: ''; position: absolute; z-index: 2; top: 0.2rem; right: 0.2rem; left: 0.2rem; bottom: 0.2rem; background: url(/_pub/assets/img/common_sscn/sbi-logo-skyblue.svg) no-repeat right 2.4rem bottom 2.3rem / 6rem auto var(--color-blue9); border-radius: 1.5rem;}
.sscn .card-agent-wrap:after {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-image: var(--gradient-color01); background-size: 300% 300%; animation: rotateBorder 5s linear forwards infinite; border-radius: 1.6rem;}
@keyframes rotateBorder {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
.sscn .card-agent-wrap > .card-head,
.sscn .card-agent-wrap > .card-body {position: relative; z-index: 3;}
.sscn .card-agent-wrap .card-body {margin-top: 2rem;}
.sscn .card-agent-wrap .card-row {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sscn .card-agent-wrap .card-row .card-right {margin-left: auto;}
.sscn .card-agent-wrap .card-profile {overflow: hidden; width: 6rem; height: 6rem; border-radius: 6rem; background-color: var(--color-08);}
.sscn .card-agent-wrap .card-profile img {display: block; width: 100%; height: 100%; object-fit: cover;}
.sscn .card-agent-wrap .card-name {font-weight: 700; font-size: var(--fz-18); color: var(--color-01);}
.sscn .card-agent-wrap .name-label {position: relative; display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; padding-left: 1.3rem; font-weight: 400; font-size: var(--fz-15); color: var(--color-03);}
.sscn .card-agent-wrap .name-label:before {content: ''; position: absolute; left: 0.6rem; width: 1px; height: 1rem; background-color: #E2D5DB;}
.sscn .card-agent-wrap .card-call {margin-top: 0.8rem; font-weight: 700; font-size: var(--fz-16); color: var(--color-01);}
.sscn .card-agent-wrap .card-tel {padding-right: 0.4rem; color: var(--color-blue1);}
.sscn .card-agent-wrap .lists.data {border-top: none; border-bottom: none;}
.sscn .card-agent-wrap .lists.data li {justify-content: flex-start; align-items: center; font-size: var(--fz-14);}
.sscn .card-agent-wrap .lists.data li:not(:first-child) {margin-top: 0.8rem;}
.sscn .card-agent-wrap .lists.data li:first-child {margin-top: 0;}
.sscn .card-agent-wrap .lists.data .key {width: 7.8rem; margin-right: 0.8rem; padding: 0;}
.sscn .card-agent-wrap .lists.data .value {margin-left: 0; padding: 0; font-size: var(--fz-15); text-align: left;}

/* ####################
	Ä«Ä«¿ÀÆäÀ̺긴Áö
#################### */
.sscn .ht-2-box-result .ci-24x {margin-right: 0.8rem;}
.sscn .btn.yellow {background-color: #FFE400;}
.sscn .card-wrap.pdtb-20 .lists li:last-child .key,
.sscn .card-wrap.pdtb-20 .lists li:last-child .value {padding-bottom: 0;}


/* ####################
	»óÇ°°ø½Ã/³»ÀÚ»ê
#################### */
/* Çѵµ¾Ë¸² ¿µ¿ª SBM_GDS_05_03 */
.sscn .card-wrap.alarm {display: flex; justify-content: space-between; align-items: center; padding: 0;}
.sscn .card-wrap.alarm .fc-sub {margin-top: 0.5rem;}
.sscn .card-wrap.alarm .text-area {flex: 1; padding:var(--lv-md); padding-left: 5.2rem; text-align: left; background-position: center left 2rem;}
.sscn .card-wrap.alarm .alarm-close {display: block; width: 3rem; height: 3rem; margin-right: 2rem; margin-left: 2rem; background: url(/_pub/assets/img/common_sscn/ico-18x-14-close.svg) no-repeat center center / 1.8rem auto;}

/* ³»ÀÚ»ê>º»ÀÎÀÎÁõ blur SBM_GDS_05_07 */
.popup.blur {position: fixed; top: 14.4rem; left: 0; right: 0; bottom: 0; height: initial; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); text-align: center;}
.popup.blur.show {background-color: rgba(238, 242, 249, 60%);}
.popup.blur .btn {margin-top: 4rem; width: 100%; max-width: 33.5rem; border-radius: 5rem;}

/* »óÇ°°ø½Ã>¿¹±Ý»óÇ° ¸ñ·Ï SBM_GDS_01_01 */
/* Icon > Badge */
.sscn .badge.line-red {border-color: var(--color-nega); color: var(--color-nega);}
.sscn .badge.line-blue {border-color: var(--color-blue1); color: var(--color-blue1);}
.sscn .badge.line-teal {border-color: #008fa8; color: #008fa8;}
.sscn .badge.line-slate {border-color: #566bba; color: #566bba;}
.sscn .gds-menu-wrap [class*=line].badge {flex-shrink: 0; padding: 0 1rem; height: 2.4rem; border-radius: 2.4rem; font-size: var(--fz-12); line-height: 2.4rem; white-space: nowrap;}
/* ½º¿ÍÀÌÇÁ */
.sscn .gds-swiper .swiper-pagination.swiper-pagination-lock + .swiper-auto-ctl {display: none;}
.sscn .gds-swiper .feed-focus .swiper-slide,
.sscn .gds-swiper .swiper-slide {min-height: 9.2rem; border-radius: 1.2rem;}
.sscn .gds-swiper .swiper-button:after {content: ''; position: static; display: block; width: 1.2rem; height: 1.2rem; margin: 0; transform: rotate(0deg); border: none;}
.sscn .gds-swiper .swiper-button-next:after {margin-left: auto; background: url(/_pub/assets/img/common_sscn/icon-arrow-R-gray.svg) no-repeat center;}/*on*/
.sscn .gds-swiper .swiper-button-prev:after {margin-right: auto; background: url(/_pub/assets/img/common_sscn/icon-arrow-L-gray.svg) no-repeat center;}/*on*/
.sscn .gds-swiper .swiper-button.swiper-button-disabled {opacity: 0.8;}
.sscn .gds-swiper .swiper-button-next.swiper-button-disabled:after {background-image: url(/_pub/assets/img/common_sscn/icon-arrow-R-gray-off.svg);}/*off*/
.sscn .gds-swiper .swiper-button-prev.swiper-button-disabled:after {background-image: url(/_pub/assets/img/common_sscn/icon-arrow-L-gray-off.svg);}/*off*/
.sscn .gds-swiper .swiper-pagination-wrap {right: 1.2rem; bottom: 0.7rem;}
.sscn .gds-swiper .swiper-pagination-wrap .swiper-auto-ctl {display: inline-flex; flex-direction: row; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; margin-left: 0;}
/* .sscn .gds-swiper .swiper-pagination-wrap .swiper-auto-ctl:before {width: 2.4rem; height: 2.4rem; background: url(/_pub/assets/img/common_sscn/icon-pause-gray.svg) no-repeat center / contain;}
.sscn .gds-swiper .swiper-pagination-wrap .swiper-auto-ctl.play:before {background-image: url(/_pub/assets/img/common_sscn/icon-play-gray.svg);} */
.sscn .gds-swiper .swiper-pagination-current {font-weight: 700; color: var(--color-02);}
/* ¸ñ·Ï */
.sscn .pg-container.gds [class*=bg0].section-f,
.sscn .pg-container.gds [class*=bg-].section-f {min-height: 74vh; padding: 2.4rem; margin-top: 3.2rem;}
.sscn .pg-container[class*=gds-] .result.nodata {margin-top: 12.8rem;} 
.sscn .pg-container[class*=gds-] .result.nodata::before {width: 4rem; height: 4rem; margin-bottom: 1.2rem;} 
.sscn .pg-container[class*=gds-] .result.nodata .tit {font-size: var(--fz-15);} 
.sscn .gds-menu-wrap {position: relative;}
.sscn .gds-menu-wrap .lists {width: calc(100% + 0.8rem); margin-left: -0.4rem; margin-right: -0.4rem;}
.sscn .gds-menu-wrap .lists > li {position: relative; min-height: initial; padding: 0; border: 1px solid var(--color-08); border-radius: 2.4rem; box-shadow: none;}
.sscn .gds-menu-wrap .list-title {position: relative; font-size: var(--fz-18); font-weight: 600;}
.sscn .gds-menu-wrap .lists.link .menu-desc {display: block; margin-top: 0; line-height: 1.4; font-size: var(--fz-15); color: var(--color-03);}
.sscn .gds-menu-wrap .per-box .txt-info {display: block; margin-bottom: 0.4rem; font-size: var(--fz-14);}
.sscn .gds-menu-wrap .per-box .txt-per {font-size: var(--fz-22); font-weight: 400; color: #3968E0;}
.sscn .gds-menu-wrap .per-box .txt-per em {font-weight: 500;}
.sscn .gds-menu-wrap .top-title {margin-bottom: 0.8rem;}
.sscn .gds-menu-wrap .top-title .row-right {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: nowrap;}
.sscn .gds-menu-wrap .top-title .badge:not(:first-child) {margin-left: 0.4rem;}
.sscn .gds-menu-wrap .link-area {min-height: 13rem; padding: 2rem 2.4rem;}/* »ó¼¼ À̵¿ */
.sscn .gds-menu-wrap .link-area > li {word-break: keep-all;}
.sscn .gds-menu-wrap .btns {position: relative; z-index: 2; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 1.2rem;}
.sscn .gds-menu-wrap .btn:only-child {margin-left: auto; flex: none;}
.sscn .gds-menu-wrap .btn.point {min-height: 4rem; padding: 0 2.7rem; border-radius: 4rem; font-size: var(--fz-16); font-weight: 500;}
.sscn .gds-menu-wrap .menu-desc-group {position: relative; max-width: 22.7rem;}
.sscn .gds-menu-wrap .menu-desc-group .sub-desc {display: block; margin-top: 0.4rem; font-size: var(--fz-15); color: var(--color-blue1);}
.sscn .gds-menu-wrap .img-area {display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem;}
.sscn .gds-menu-wrap .img-area.size-mid {width: 6rem; height: 6rem;}
.sscn .gds-menu-wrap .img-area img {width: 100%; height: 100%; object-fit: contain;}
/* °Ë»ö */
.sscn .form-top-filter {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sscn .form-top-filter .form-row {flex: 1; margin-top: 0;}
.sscn .form-top-filter .form-ele:before,
.sscn .form-top-filter .form-ele:after {content: none;}
.sscn .form-top-filter .filter-option {width: 9.3rem; flex: none; margin-right: 1.2rem;}
.sscn .form-top-filter .filter-option .select-btn {font-size: var(--fz-15); color: var(--color-01); border-bottom: none;}
.sscn .form-top-filter .filter-option .select-btn::after {width: 2.4rem; height: 2.4rem; background:url(/_pub/assets/img/common/ico-18x-21.svg) no-repeat center;}
.sscn .form-top-filter .filter-input .form-ele {height: 5.2rem; padding: 0 2rem; background-color: #f0f6fd; border-radius: 1.2rem;}
.sscn .form-top-filter .filter-input .form-ele .inp {min-height: 5.2rem; font-size: var(--fz-16); color: var(--color-01);}
.sscn .form-top-filter .filter-input .form-ele .inp::placeholder {color: var(--color-04);}
.sscn .form-top-filter .btn-sch {margin-right: -0.8rem;}
.sscn .form-top-filter .ico-search {background-image: url(/_pub/assets/img/common_sscn/ico-24-search-gray.svg);}
/* link ¸ñ·Ï */
.sscn .list-row {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.sscn .list-row.flex-end {align-items: flex-end;}
.sscn .list-row.flex-start {align-items: flex-start;}
.sscn .list-row .row-left {display: flex; justify-content: flex-start; align-items: center;}
.sscn .list-row .row-left.block {display: block;}
.sscn .list-row .row-right {margin-left: auto;}
.sscn .lists .list-row:first-child, .sscn .lst-wrap .list-row:first-child {margin-bottom: 0.8rem;}
.sscn .lists .list-row .row-left > *, .sscn .lst-wrap .list-row .row-left > * {margin-right: 0.4rem;}
.sscn .lists .list-row .row-left > *:last-child, .sscn .lst-wrap .list-row .row-left > *:last-child {margin-right: 0;}

/* »óÇ°°ø½Ã>üũīµå ¸ñ·Ï SBM_GDS_03_01 */
.sscn .lst-wrap li {padding: 2.4rem;}
.sscn .lst-wrap li .img-area {align-items: flex-end;}
.sscn .lst-wrap li > .lst-title {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.sscn .lst-wrap li > .list-row:last-child {margin-top: 2.4rem;}
.sscn .btn.smd {min-height: 3.4rem; padding:.6rem 1.4rem; border-radius: 4rem; font-size:var(--fz-15); box-sizing: border-box;}

/* »óÇ°°ø½Ã>Çѵµ±Ý¸® °á°úº¸±â SBM_GDS_05_13_01/SBM_GDS_05_16_01 */
.prod-banner-wrap i.ico-payment-bluegreen2 {background-image: url(/_pub/assets/img/common_sscn/icon-payment-teal.svg);}


/* ####################
		ÀԱݻóȯ
#################### */
/* ´ëÃâ°èÁ¸®½ºÆ® SBM_INQ_99_004 */
.sscn .card-wrap .btns.list-foot {margin-left: -0.8rem; margin-right: -0.8rem;}/* Á¿쿩¹é 24px -> 16px*/
.sscn .lists-headnote + .card-wrap.with-state,
.sscn .card-wrap.with-state:first-child {margin-top: 1.6rem;}
.sscn .card-wrap.with-state .card-head.fit {align-items: flex-start;}
.sscn .card-wrap.with-state .state-msg:not(:only-child) {margin-right: 3rem;}

/* ÀԱݻóȯ>¼­ºñ½º¾È³» SBM_INQ_99_002 */
.sscn .index-list.inq-info li::before {width: 4rem; height: 4rem; margin-top: 0.35rem;}
.sscn .index-list.inq-info .txt {margin-top: 0.4rem; font-size: var(--fz-15);}
.sscn .index-list.inq-info li:nth-child(1)::before {background:url(/_pub/assets/img/common_sscn/icon-payment-teal.svg) no-repeat 0 0 / contain;}
.sscn .index-list.inq-info li:nth-child(2)::before {background:url(/_pub/assets/img/common_sscn/icon-document-blue.svg) no-repeat 0 0 / contain;}
.sscn .index-list.inq-info li:nth-child(3)::before {background:url(/_pub/assets/img/common_sscn/icon-account.svg) no-repeat 0 0 / contain;}

/* ȸÂ÷»óȯ SBM_INQ_99_005 */
.sscn .section-f2 {padding: 3.2rem 2.4rem 2.4rem;}
.sscn .section-f2 .boxs .lists.data li {min-height: 2.2rem; align-items: center;}
.sscn .section-f2 .boxs .lists.data li:not(:first-child) {margin-top: 1.2rem;}
.sscn .section-f2 .boxs .lists.data li.li-divider {margin-top: 1.6rem; padding-top: 1.6rem;}
.sscn .section-f2 .boxs .lists.data li .key,
.sscn .section-f2 .boxs .lists.data li .value {padding-block: 0; line-height: 1.3;}
/* List > left bar */
.sscn .left-bar {position: relative; padding-left: 1.3rem; margin-top: 0.4rem;}
.sscn .left-bar:before {content: ''; position: absolute; top: 0.2rem; left: 0.2rem; bottom: 0.2rem; width: 2px; background-color: var(--color-gray1); border-radius: 2px;}
/* card type Ãß°¡ - padding: 20px 24px; */
.sscn .section > .card-wrap {margin-left: -0.4rem; margin-right: -0.4rem;}
.sscn .section > .card-wrap.pdtb-20 {padding: 2rem 2.4rem; border-radius: 1.6rem;}
.sscn .section > .card-wrap.pdtb-20 .lists {margin-bottom: 0;}
.sscn .section > .card-wrap.pdtb-20 .lists:first-child {margin-top: 0;}
.sscn .card-wrap.pdtb-20 .lists.data li.li-divider {padding-top: 1rem; margin-top: 1rem;}
.sscn .card-wrap.pdtb-20 .lists.data li.li-divider:last-child {margin-top: 1rem;}
.sscn .card-wrap.pdtb-20 .lists.data .left-bar > li .key {padding-top: 0.2rem; padding-bottom: 0.2rem;}
.sscn .card-wrap.pdtb-20 .lists.data .left-bar > li .value {padding-top: 0.2rem; padding-bottom: 0.2rem;}
.sscn .card-wrap.pdtb-20 .line-top.btns.cont-foot {margin-bottom: -2rem;}
.sscn .card-wrap.pdtb-20 .line-top.btns.cont-foot .btn {color: var(--color-02);}
/* button ÀÚ¼¼È÷º¸±â */
.sscn .line-top.btns.cont-foot {margin-top: 1.6rem; border-top: 1px solid var(--color-20);}
.sscn .line-top.btns.cont-foot .btn.lg {padding-top: 1.7rem; padding-bottom: 2rem;}
/* List > Data Type */
.sscn .lists.data > li.block + li {margin-top: 0.6rem;}
.sscn .lists.data li.block .flex-row {display: flex; justify-content: space-between; align-items: center;}

/* ȸÂ÷»óȯ »ó¼¼ SBM_INQ_99_007 */
.sscn .boxs.pdtb-20 .lists.data .left-bar > li,
.sscn .boxs.pdtb-20 .lists.data .left-bar > li:first-child {margin-bottom: 0.4rem;}
.sscn .boxs.pdtb-20 .lists.data .left-bar > li:last-child {margin-bottom: 0;}
.sscn .boxs.pdtb-20 .lists.data .left-bar > li .key {padding-top: 0; padding-bottom: 0;}
.sscn .boxs.pdtb-20 .lists.data .left-bar > li .value {padding-top: 0; padding-bottom: 0;}

/* Ãâ±Ý°èÁ ¼±Åà SBM_INQ_99_039 */
/* Account select */
.sscn .list-block-wrap.noline {border-bottom: 0;}

/* Áï½ÃÃâ±Ý °¡´ÉÀºÇà SBM_INQ_99_052 */
.sscn .form-hangul {color: var(--color-03);}

/* ´ëÃâ½ÇÇེÄÉÁÙÁ¶È¸ SBM_INQ_99_032 */
.sscn .lists.mix.bc-06 {border-top-color: var(--color-06);}
.sscn .lists.mix.bc-06 > li {border-bottom-color: var(--color-06);}

/* ÀԱݻóȯ>¿¬Ã¼±Ý ³³ºÎ SBM_INQ_99_036 */
/* Check card list */
.sscn .chk-card-wrap .chk-btn-wrap {position: relative; border: 1px solid var(--color-06); border-radius: 1.6rem;}
.sscn .chk-card-wrap .chk-btn-wrap:not(:first-child) {margin-top: 1.2rem;}
.sscn .chk-card-wrap .chk-btn-wrap .chk-card {position: static;}
.sscn .chk-card-wrap .chk-btn-wrap .chk-card,
.sscn .chk-card-wrap .chk-btn-wrap .chk-card.checked {border: none; background-color: transparent; box-shadow: none;}
.sscn .chk-card-wrap .chk-btn-wrap .chk-card::after, 
.sscn .chk-card-wrap .chk-btn-wrap .chk-card::before {top: 1.9rem; right: 2.3rem; transition: background 0.3s;}
.sscn .chk-card-wrap .chk-btn-wrap .chk-card .chk-inr,
.sscn .chk-card-wrap .chk-btn-wrap .chk-card.checked .chk-inr {padding-bottom: 1.7rem;}
.sscn .chk-card-wrap .chk-btn-wrap .chk-card .chk-inr .lists.data li > * {font-size: var(--fz-15);}
.sscn .chk-card-wrap .chk-btn-wrap .chk-card .chk-inr .lists.data li > .value {color: var(--color-01);}
.sscn .chk-card-wrap .chk-btn-wrap .chk-card .item-name:not(:only-child) {margin-bottom: 1.5rem;}
.sscn .chk-card-wrap .chk-btn-wrap .lists.data.in-chk-card {width: 100%; margin: 0;}
.sscn .chk-card-wrap .chk-btn-wrap .cont-foot {display: flex; flex-direction: column; width: calc(100% - 4.8rem); margin: -0.3rem 2.4rem 0; border-top: 1px solid var(--color-20);}
.sscn .chk-card-wrap .chk-btn-wrap .cont-foot .toggle-btn {width: 100%; order: 1; padding: 1.6rem 0 2rem; margin: 0; background-color: transparent; text-align: center; color: var(--color-02); font-size: var(--fz-14); line-height: 2rem}
.sscn .chk-card-wrap .chk-btn-wrap .cont-foot .toggle-btn:after {margin-left: 0; background-image:url(/_pub/assets/img/common_sscn/ico-arr-down-gray.svg);}
.sscn .chk-card-wrap .chk-btn-wrap .cont-foot .toggle-panel {padding: 1.6rem 0 0; margin-top: 0; background-color: transparent;}
.sscn .chk-card-wrap .chk-btn-wrap .cont-foot .toggle-panel .lists.data.noline {padding-bottom: 1.6rem; border-bottom: 1px solid var(--color-06);}
.sscn .chk-card-wrap .chk-btn-wrap.checked {border-color: var(--color-blue1); background-color:var(--color-blue9); box-shadow: 0 0 0 0.5px var(--color-blue1);}
/* nodata */
.sscn .result.nodata.no-img:before {display: none;}



/* ####################
    ¸ÞÀÎ > ÁøÇàÇöȲÁ¶È¸
#################### */
.sscn .pg-footer.bg01 {background-color: var(--color-07);}
.sscn .pg-footer.bg01 .btns {background: linear-gradient(transparent, var(--color-07) 2.4rem); background: -webkit-linear-gradient(rgba(255, 255, 255, 0), var(--color-07) 2.4rem);}
.sscn .pg-container.min .hgroup-2 .ht-2 {padding-bottom: 0; background-color: transparent;}
.sscn .pg-container.min .card-wrapper {position: relative;}
.sscn .pg-container.min .card-wrapper:not(:first-child) {margin-top: 1.6rem;}
.sscn .pg-container.min .card-wrapper .btn-close {position: absolute; top: 2.4rem; right: 2.4rem; z-index: 1; font-size: var(--fz-14); color: var(--color-03);}
.sscn .pg-container.min .card-wrap {max-width: calc(100% + 1.2rem);}
.sscn .pg-container.min .card-wrap:first-child {margin-top: initial; border: none;}
.sscn .pg-container.min .card-wrap .state-msg {margin-top: 1.6rem; margin-bottom: 0.6rem; font-weight: 700; font-size: var(--fz-16); color: var(--color-01);}
.sscn .pg-container.min .card-wrap .card-cont {font-weight: 400; font-size: var(--fz-14); color: var(--color-03);}
.sscn .pg-container.min .v-card-group.w-mid {width: 26.7rem; margin: 0 auto; padding: 2rem 2rem 3.2rem; border-radius: 1.6rem; background-color: var(--color-08);}
.sscn .pg-container.min .v-card-group.ico-finance:before {content: ''; display: block; width: 20rem; height: 15rem; margin-left: auto; margin-right: auto; margin-bottom: 2rem; background: url(/_pub/assets/img/common_sscn/img-hand-on-finance.png) no-repeat;}
.sscn .pg-container.min .v-card-group .v-card-col:not(:first-child) {margin-top: 2rem;}
.sscn .pg-container.min .v-bg-tit {padding: 0.56rem 1.2rem; background-color: var(--color-07); border-radius: 2.8rem; font-size: var(--fz-14);}
.sscn .card-wrap .agent-container {margin-top: 1.6rem; padding-top: 1.8rem; border-top: 1px solid var(--color-07);}
.sscn .card-wrap .agent-container .agent-top-tit {margin-bottom: 1.6rem; font-weight: 700; font-size: var(--fz-15); color: var(--color-blue1);}
.sscn .card-wrap .card-agent-wrap {margin-left: 0; margin-right: 0;}



/* ###################
    ¸ÞÀÎ
#################### */
/* ¸ÞÀÎ Çì´õ/Àüü¸Þ´º > »ç¿ëÀÚ ·Î±×ÀÎ ¼¼¼Ç */
.user-login {position: absolute; top: 0; right: 6rem; z-index: 100; display: flex; flex-direction: row; justify-content: center; align-items: center; height: var(--header-height);}
.user-login .user-name {font-size: var(--fz-14); color: var(--color-02); font-weight: 500;}
.user-login .btn-logout {display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 5.8rem; height: 2.8rem; margin-left: 0.6rem; padding: 0 0.8rem; border-radius: 0.6rem; background-color: #636e8a; font-size: var(--fz-12); color: var(--color-08); font-weight: 500;}
@media screen and (max-width: 289px) {
    .user-login .user-name {display: none;}
}
/* ¸ÞÀÎ>·¹À̾ƿô */
.sscn.main .pg-content {padding: 0;}
.sscn.main .main-inner:not(:first-child) {margin-top: 8rem;}
/* .sscn.main .main-tit-01 {font-weight: 400; font-size: var(--fz-28);} */
.sscn.main .main-tit-02 {font-weight: 400; font-size: var(--fz-24); line-height: 1.3;}
.sscn.main .main-tit-03 {font-weight: 400; font-size: var(--fz-22); line-height: 1.3;}
.sscn.main .main-txt-01 {font-weight: 400; font-size: var(--fz-18);}
.sscn.main .main-txt-02 {font-weight: 400; font-size: var(--fz-16);}
.sscn.main .pg-gnb.fixed .pg-btn-app {opacity: 1; visibility: visible; transition: opacity .5s;}
.pg-btn-app {position: absolute; top: 1.6rem; right: 6rem; z-index: 100; display: flex; opacity: 0; visibility: hidden; flex-direction: row; justify-content: center; align-items: center; height: 3.6rem; padding: 0 1.4rem; background-color: #0f73e9; border-radius: 4rem; font-weight: 500; font-size: var(--fz-14); color: var(--color-08);}
/* ¸ÞÀÎ>»ó´Ü ¹è³Ê */
.sscn.main .m-banner-swiper:before {content: ''; position: absolute; right: -0.1rem; bottom: -0.1rem; z-index: 3; width: 28.04rem; height: 9.24rem; pointer-events: none; background: url(/_pub/assets/img/img_sscn/img-main-mask.png) no-repeat top right / 100% auto;}
.sscn.main .m-banner-swiper .swiper-slide {height: auto; overflow: hidden; border-radius: 3.2rem;}
.sscn.main .m-banner-swiper .swiper-button-lock,
.sscn.main .m-banner-swiper .swiper-button-next, 
.sscn.main .m-banner-swiper .swiper-button-prev {display: none;}
.sscn.main .m-banner-swiper .swiper-pagination-wrap {opacity: 0; position: absolute; display: block; z-index: 4; right: 2.6rem; bottom: 1.4rem; width: 20.4rem; margin-top: 0; margin-bottom: 0;}
.sscn.main .m-banner-swiper .swiper-pagination-wrap.opacity,
.sscn.main .m-booster-swiper .swiper-pagination-wrap.opacity {opacity: 1; transition: opacity 0.5s;}
.sscn.main .m-banner-swiper .swiper-pagination-wrap .swiper-pagination-area {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.sscn.main .m-banner-swiper .swiper-pagination {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 100%; height: 0.4rem; margin-top: 0.6rem;}
.sscn.main .m-banner-swiper .swiper-pagination-bullet {flex: 1; flex-shrink: 0; height: initial; margin: 0 0.2rem; padding: 0; border: none;}
.sscn.main .m-banner-swiper .swiper-pagination-bullet:first-child {margin-left: 0;} 
.sscn.main .m-banner-swiper .swiper-pagination-bullet:last-child {margin-right: 0;}
.sscn.main .m-banner-swiper .swiper-pagination-bullet:before {content: ''; display: block; width: 100%; height: 0.2rem; background-color: var(--color-04); border-radius: 0.4rem; isolation: isolate; -webkit-mask-image: -webkit-radial-gradient(white, black);}
.sscn.main .m-banner-swiper .swiper-pagination-bullet-active {flex: 2; max-width: 10.1rem; height: 0.4rem;}
.sscn.main .m-banner-swiper .swiper-pagination-bullet-active:before {width: 100%; height: 100%; background-color: var(--color-01);}
.sscn.main .m-banner-swiper .swiper-auto-ctl,
.sscn.main .m-booster-swiper .swiper-auto-ctl {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; margin-left: 0.4rem;}
.sscn.main .m-banner-swiper .swiper-auto-ctl::before,
.sscn.main .m-booster-swiper .swiper-auto-ctl::before {width: 100%; height: 100%; background-image: url(/_pub/assets/img/common_sscn/icon-pause-gray.svg);}
.sscn.main .m-banner-swiper .swiper-auto-ctl.play,
.sscn.main .m-booster-swiper .swiper-auto-ctl.play {width: 2.4rem; height: 2.4rem; margin-left: 0.4rem;}
.sscn.main .m-banner-swiper .swiper-auto-ctl.play::before,
.sscn.main .m-booster-swiper .swiper-auto-ctl.play::before {background-image: url(/_pub/assets/img/common_sscn/icon-play-gray.svg);}
.sscn.main .m-banner-swiper .swiper-custom-fraction,
.sscn.main .m-booster-swiper .swiper-custom-fraction {font-weight: 400; font-size: var(--fz-12); line-height: 2;}
.sscn.main .m-banner-swiper .swiper-custom-fraction .current,
.sscn.main .m-booster-swiper .swiper-custom-fraction .current {font-weight: 700; color: var(--color-02);}
.sscn.main .m-banner-swiper .swiper-custom-fraction .total,
.sscn.main .m-booster-swiper .swiper-custom-fraction .total {color: var(--color-03);}
.sscn.main .main-area-banner {position: relative; z-index: 1; left: -1.6rem; right: -1.6rem; align-items: stretch; width: calc(100% + 3.2rem); min-height: 35.4rem; min-height: 98vw; margin-top: 1.6rem;}/*min-heightÀÇ vw ȣȯ¼ºÀ» À§ÇØ remµµ Ãß°¡*/
.sscn.main .m-banner-link {position: relative; display: block;}
.sscn.main .m-banner-link > img {max-width: 100%; min-height: 35.4rem; min-height: 98vw; border-radius: 3.2rem;}
/* ¸ÞÀÎ>¾Û */
.sscn.main .main-area-store {position: relative; z-index: 2;}
.sscn.main .main-area-store .m-app-store-link {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 10rem; padding: 1rem 13.6rem 1rem 3.2rem; margin: 3.2rem -0.8rem 0; border-radius: 3.2rem; background: url(/_pub/assets/img/common_sscn/logo-80x-cider-bank.png) no-repeat right 3.2rem center / 10rem auto #e6f3ff;}
.sscn.main .main-area-store .m-link-txt {font-weight: 500; font-size: var(--fz-18); color: var(--color-01);}
/* ¸ÞÀÎ>¹è³Ê°¡ 1°³ ÀÏ ¶§ ¾Û */
.sscn.main .main-inner.banner-one .m-banner-link:before {content: ''; position: absolute; right: -0.1rem; bottom: -0.1rem; z-index: 3; width: 28.04rem; height: 9.24rem; pointer-events: none; background: url(/_pub/assets/img/img_sscn/img-main-mask.png) no-repeat top right / 100% auto;}
.sscn.main .main-inner.banner-one .main-area-store {margin-top: -2rem;}
.sscn.main .main-inner.banner-one .main-tit-02 {text-align: right;}
/* ¸ÞÀÎ>¹è³Ê°¡ 2°³ ÀÌ»ó ÀÏ ¶§ ¾Û */
.sscn.main .main-inner .main-area-store {margin-top: 8rem;}
@media screen and (max-width: 374px) {
    .sscn.main .main-area-store .m-link-txt {max-width: 9.7rem;}
}
/* ¸ÞÀÎ>±ÝÀ¶»óÇ° */
.sscn.main .main-area-pick > [class*=main-tit-] {margin-bottom: 2.4rem;}
.sscn.main .m-pick-list > li:not(:first-child) {margin-top: 1.2rem;}
.sscn.main .m-pick-row {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%;}
.sscn.main .m-pick-row .m-pick-right {margin-left: auto; text-align: right;}
.sscn.main .m-pick-row .m-pick-left {transform: translateY(-1.86rem);}
.sscn.main .m-pick-row .m-pick-left .m-sub-txt {margin-bottom: 1.1rem;}
.sscn.main .m-pick-box {position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; min-height: 15.9rem; padding: 2.4rem 3.2rem; margin-left: -1.6rem; margin-right: -1.6rem; background-color: var(--color-07); border-radius: 2.4rem;}
.sscn.main .m-pick-box [class*=main-tit-] {margin-bottom: auto; font-weight: 700;}
.sscn.main .m-pick-box .m-pick-txt {font-size: var(--fz-26);}
.sscn.main .m-pick-box .m-sub-txt {font-size: var(--fz-16); color: var(--color-03); word-break: keep-all;}
.sscn.main .m-pick-box .m-pick-desc {width: 100%; margin-top: 0.2rem; font-size: var(--fz-14); color: var(--color-03); font-weight: 400; text-align: right;}
.sscn.main .m-pick-box .m-img-wrap {width: 7.2rem; height: 7.2rem; margin-top: -1.7rem;}
.sscn.main .m-pick-box .m-img-wrap img {display: block; width: 100%; height: 100%; object-fit: cover;}
.sscn.main .m-pick-sub {width: 100%; text-align: right; margin-top: -0.92rem;}
.sscn.main .m-pick-sub .m-pick-label {display: inline-block; padding: 0.4rem 1rem; margin-bottom: 0.6rem; border-radius: 16px 16px 2px 16px; font-size: var(--fz-14); color: var(--color-08);}
.sscn.main .m-pick-sub.color-blue .m-pick-label {background-color: #3554e7;}
.sscn.main .m-pick-sub.color-blue .m-pick-txt,
.sscn.main .m-pick-sub.color-blue .m-sub-txt {color: #3554e7;}
.sscn.main .m-pick-sub.color-green .m-pick-label {background-color: #027f98;}
.sscn.main .m-pick-sub.color-green .m-pick-txt,
.sscn.main .m-pick-sub.color-green .m-sub-txt {color: #027f98;}
/* ¸ÞÀÎ>ºÎ½ºÅÍ */
.sscn.main .main-area-booster {position: relative;}
.sscn.main .main-area-booster > [class*=main-tit-] {position: absolute; top: 0; left: 0; z-index: 5; font-weight: 500;}
.sscn.main .m-booster-swiper {width: calc(100% + 4.8rem); left: -2.4rem; right: -2.4rem;}
.sscn.main .m-booster-swiper.swiper {padding: 11.7rem 0.8rem 0;}
.sscn.main .m-booster-swiper .swiper-button {display: flex; flex-direction: row; justify-content: center; align-items: center; top: 4.9rem; left: initial; width: 4.4rem; height: 4.4rem; margin-top: 0; background-color: var(--color-08); box-shadow: 0 2px 8px 0 #7888931f; border: 1px solid var(--color-07); border-radius: 5rem;}
.sscn.main .m-booster-swiper .swiper-button-prev {right: 7.6rem;}
.sscn.main .m-booster-swiper .swiper-button-next {right: 2.4rem;}
.sscn.main .m-booster-swiper .swiper-button:after {position: static; width: 2rem; height: 2rem; margin: 0; background: url(/_pub/assets/img/img_sscn/main-ico-arrow-on.svg) no-repeat center / cover; border: none; transform: rotate(0);}
.sscn.main .m-booster-swiper .swiper-button-prev:after {transform: rotate(180deg);}
.sscn.main .m-booster-swiper .swiper-button-disabled {opacity: 0.5;}
.sscn.main .m-booster-swiper .swiper-slide:not(.swiper-slide-active) .m-booster-box > div {opacity: 50%;}
.sscn.main .m-booster-swiper .swiper-pagination-wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 2.4rem 0.8rem 0;}
.sscn.main .m-booster-swiper .swiper-pagination-area {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; min-width: 5.3rem; margin-left: 1.2rem;}
.sscn.main .m-booster-swiper .swiper-pagination {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex: 1;}
.sscn.main .m-booster-swiper .swiper-pagination-bullet {opacity: 1; flex: 1; height: 0.2rem; margin: 0 0.4rem; border-radius: 2rem; background-color: var(--color-04);}
.sscn.main .m-booster-swiper .swiper-pagination-bullet-active {flex: 2; height: 0.4rem; background-color: var(--color-01); border: none;}
.sscn.main .m-booster-swiper .swiper-pagination-bullet::before {display: none;}
.sscn.main .m-booster-box {position: relative; display: block; width: 100%; min-height: 36rem; padding: 3.2rem; border-radius: 2.4rem; color: var(--color-01);}
.sscn.main .m-booster-box .m-booster-con {position: relative; z-index: 2;}
.sscn.main .m-booster-box .m-booster-img {position: absolute; left: 50%; margin-left: -12rem; bottom: 2rem; z-index: 1; width: 24rem; height: 18rem;}
.sscn.main .m-booster-box .m-booster-img > img {display: block; width: 100%; height: 100%; object-fit: cover;}
.sscn.main .m-booster-box .m-booster-label {display: inline-flex; flex-direction: row; justify-content: center; align-items: center; height: 3rem; padding: 0 1.2rem; margin-bottom: 1.2rem; background-color: var(--color-08); border-radius: 3rem; color: var(--color-01);}
.sscn.main .m-booster-box [class*=main-tit-] {font-weight: 700; color: inherit;}
/* ¸ÞÀÎ>´º½º/°øÁö»çÇ× */
.sscn.main .main-area-news > [class*=main-tit-] {margin-bottom: 2.4rem;}
.sscn.main .tab-wrap::after {content: none;}
.sscn.main .tab-wrap:not(.fit, .box) {left: initial; right: initial; width: initial;}/* as-is ¸®¼Â */
.sscn.main .tab-wrap:not(.fit, .box) {padding: 3.2rem 2.4rem 3.2rem; margin-left: -1.6rem; margin-right: -1.6rem; background-color: var(--color-07); border-radius: 2.4rem;}
.sscn.main .tab-wrap:not(.fit, .box) > .tab-list > .scroll-wrap {margin-left: 0; margin-right: 0;}
.sscn.main .tab-wrap:not(.round, .box) .tab-list .scroll-wrap::before {content: none;}
.sscn.main .tab-wrap .tab-list {margin-bottom: 2.4rem; background-color: transparent;}
.sscn.main .tab-wrap .tab-list > button {position: relative;}
.sscn.main .tab-wrap [role=tab], 
.sscn.main .tab-wrap .tab-list .scroll-wrap > button {opacity: 0.5; min-height: 3.3rem; padding: 0; color: var(--color-01); font-weight: 500; font-size: var(--fz-18);}
.sscn.main .tab-wrap .tab-list .scroll-wrap > button[aria-selected=true] {opacity: 1; font-weight: 700;}
.sscn.main .tab-wrap .tab-list .scroll-wrap > button + button {margin-left: 2rem;}
.sscn.main .tab-wrap:not(.fit, .box) .tab-panel {margin-left: 0; margin-right: 0;}
.sscn.main .tab-wrap .tab-panel {position: static;}
.sscn.main .m-more-link {position: absolute; top: 2.8rem; right: 1.9rem; z-index: 2; width: 3.4rem; height: 3.4rem; padding: 1rem; background: url(/_pub/assets/img/img_sscn/ico-24-more.svg) no-repeat center / 2.4rem auto;}
.sscn.main .m-news-list > li:not(:first-child) {margin-top: 2rem;}
.sscn.main .m-news-tit {display: block; font-size: var(--fz-16); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sscn.main .m-news-date {margin-top: 0.8rem; font-size: var(--fz-14); color: var(--color-03);}
/* ¸ÞÀÎ>°í°´°æÇè¼¾ÅÍ */
.sscn.main .main-area-customer {margin-top: 1.2rem; padding: 3.2rem 2.4rem; margin-left: -1.6rem; margin-right: -1.6rem; background-color: #edf7ff; border-radius: 2.4rem;}
.sscn.main .m-cus-box:not(:first-child) {margin-top: 4rem;}
.sscn.main .m-cus-box .main-txt-01 {margin-bottom: 1.6rem; font-weight: 700;}
.sscn.main .m-cus-box .m-desk-tel {margin-bottom: 0.4rem; font-weight: 700; font-size: var(--fz-32); color: var(--color-blue1);}
.sscn.main .m-cus-box .m-cus-txt-01 {font-weight: 400; font-size: var(--fz-15); color: var(--color-03);}
.sscn.main .m-cus-tip {display: flex; flex-direction: row; justify-content: center; align-items: center; min-height: 4.2rem; margin-top: 2.4rem; padding: 0 2rem; background-color: var(--color-08); border-radius: 5rem; font-weight: 500; font-size: var(--fz-16); color: var(--color-blue1);}
/* ¸ÞÀÎ>footer */
.sscn.main .pg-foot {margin-top: 8rem; padding: 3rem 2.4rem 5.7rem; border-top: none; border-radius: 3.2rem 3.2rem 0 0; background-color: var(--color-07); color: var(--color-03);}
.sscn.main .footer .footer-logo {display: block; width: 11rem; height: 2.7rem;}
.sscn.main .footer .footer-logo img {display: block; width: 100%; height: 100%; height: 100%; object-fit: cover;}
.sscn.main .footer-inner {margin-top: 3.2rem;}
.sscn.main .footer .f-title {margin-bottom: 2rem; font-weight: 700; font-size: var(--fz-18);}
.sscn.main .footer .f-list > li {font-size: var(--fz-15);}
.sscn.main .footer .terms .f-list > li {font-size: var(--fz-14);}
.sscn.main .footer .f-list:not(:first-of-type) {margin-top: 1.2rem;}
.sscn.main .footer .f-list:not(.row, .row-bar) > li:not(:first-child) {margin-top: 0.8rem;}
.sscn.main .footer [class*="row"].f-list {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.sscn.main .footer [class*="row"].f-list > li {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.sscn.main .footer .f-list.row > li:not(:first-child) {margin-left: 0.8rem;}
.sscn.main .footer .f-list.row-bar > li:not(:first-child):before {content: ''; display: block; width: 1px; height: 1.2rem; margin: 0 1.6rem; background-color: var(--color-gray1);}
.sscn.main .footer .terms .f-list.row-bar > li:not(:first-child):before {margin: 0 0.8rem;}/* ¾à°ü °£°Ý */
.sscn.main .footer .f-tel {padding-left: 0.8rem;}
.sscn.main .footer .sbi-sns [class*=sns-]{display: block; width: 4.4rem; height: 4.4rem;}
.sscn.main .footer .sbi-sns .sns-facebook {background:url(/_pub/assets/img/common_sscn/img-sns-facebook.png) no-repeat center / 100% auto;}
.sscn.main .footer .sbi-sns .sns-instagram {background:url(/_pub/assets/img/common_sscn/img-sns-instagram.png) no-repeat center / 100% auto;}
.sscn.main .footer .sbi-sns .sns-blog {background:url(/_pub/assets/img/common_sscn/img-sns-blog.png) no-repeat center / 100% auto;}
.sscn.main .footer .sbi-sns .sns-youtube {background:url(/_pub/assets/img/common_sscn/img-sns-youtube.png) no-repeat center / 100% auto;}
.sscn.main .footer-bottom {margin-top: 3.2rem; padding-top: 3.2rem; border-top: 1px solid var(--color-06);}
.sscn.main .footer-bottom .info-text:not(:first-child) {margin-top: 0.6rem;}
.sscn.main .footer-bottom .info-text p {font-size: var(--fz-14); letter-spacing: -0.6px;}
.sscn.main .footer-bottom .info-text p:not(:first-child) {margin-top: 0.8rem;}
.sscn.main .footer-bottom .info-text .small-txt {line-height: 1.7; font-size: var(--fz-13);}
.sscn.main .footer-bottom .info-text .pdr-8 {padding-right: 0.8rem;}
.sscn.main .footer-bottom .copyright {margin-top: 2.4rem; font-size: var(--fz-12); text-transform: uppercase; letter-spacing: -0.6px;}
.sscn.main .footer-bottom .mark-group {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 3.2rem;}
.sscn.main .footer-bottom .mark-group > li:not(:first-child) {margin-left: 1.2rem;}
.sscn.main .footer-bottom .mark-group .mark-wa {width: 6.3rem; height: 3.8rem; background:url(/_pub/assets/img/common_sscn/img-wa-mark.png) no-repeat center / 100% auto;}
.sscn.main .footer-bottom .mark-group .mark-ccm {width: 4.4rem; height: 4.4rem; background:url(/_pub/assets/img/common_sscn/img-ccm-mark.png) no-repeat center / 100% auto;}
.sscn.main .footer-bottom .mark-group .mark-award {width: 3.5rem; height: 5.1rem; background:url(/_pub/assets/img/common_sscn/img-award-mark.png) no-repeat center / 100% auto;}
.sscn.main .footer-bottom .mark-group .mark-fine {width: 5.6rem; height: 3.4rem; background:url(/_pub/assets/img/common_sscn/img-fine-mark.png) no-repeat center / 100% auto;}



/* ####################
    ºÎÀڵǴ ½ºÅ͵ð
#################### */
.pg-bst .btns.cont-foot.right {padding-bottom: 1.5rem;}
.pg-bst .ico-arr:after {margin-left: 0.4rem; background: url(/_pub/assets/img/common/ico-18x-2.svg);}
.pg-bst .section-wh {padding-top: 2rem;}
.pg-bst .section-f {padding: 0;}
.pg-bst .pg-content {padding-bottom: 4rem;}
.pg-bst .pg-footer .btns .btn {font-size: var(--fz-18);}
.pg-bst .lists.lg {margin-top: 1.2rem;}

.pg-bst .ui-swiper {position: relative;}
.pg-bst .swiper-pagination-wrap {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 1.2rem; margin-bottom: -0.4rem;}
.pg-bst .swiper-button {width: 1.8rem; height: 3.2rem; transform: translateY(-50%); background-color: rgba(255, 255, 255, .4);}
.pg-bst .swiper-button:after {content: ''; position: static; display: block; width: 1.2rem; height: 1.2rem; margin: 0; transform: rotate(0deg); border: none;}
.pg-bst .swiper-button-prev {left:1.8rem;}
.pg-bst .swiper-button-next {right:1.8rem}
.pg-bst .swiper-button-next:after {margin-left: auto; background: url(/_pub/assets/img/common_sscn/icon-arrow-R-gray.svg) no-repeat center;}/*on*/
.pg-bst .swiper-button-prev:after {margin-right: auto; background: url(/_pub/assets/img/common_sscn/icon-arrow-L-gray.svg) no-repeat center;}/*on*/
.pg-bst .swiper-button.swiper-button-disabled {opacity: 0.8;}
.pg-bst .swiper-button-next.swiper-button-disabled:after {background-image: url(/_pub/assets/img/common_sscn/icon-arrow-R-gray-off.svg);}/*off*/
.pg-bst .swiper-button-prev.swiper-button-disabled:after {background-image: url(/_pub/assets/img/common_sscn/icon-arrow-L-gray-off.svg);}/*off*/
.pg-bst .swiper-pagination-wrap .swiper-auto-ctl {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; margin-left: 0.6rem; border-radius: 3rem; background-color: rgba(255,255,255, 50%);}
.pg-bst .swiper-pagination-wrap .swiper-auto-ctl:before {content: ''; display: block; width: 1.8rem; height: 1.8rem; background: url(/_pub/assets/img/common_sscn/icon-pause-gray.svg) no-repeat center / contain;}
.pg-bst .swiper-pagination-wrap .swiper-auto-ctl.play:before {background-image: url(/_pub/assets/img/common_sscn/icon-play-gray.svg);}
.pg-bst .swiper-pagination-current {font-weight: 700; color: var(--color-02);}

.pg-bst .swiper-pagination {height: 2.4rem;}
.pg-bst .swiper-pagination .swiper-pagination-bullet {display: inline-flex; flex-direction: row; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; margin: 0; background-color: transparent; border: 0; opacity:1;transition:0.4s;vertical-align:top;}
.pg-bst .swiper-pagination .swiper-pagination-bullet::before {content: ''; width:.8rem; height:.8rem; border:1px solid #8f949e; background-color:#fff; border-radius: 50%;}
.pg-bst .swiper-pagination .swiper-pagination-bullet-active {border-radius:0.6rem;}
.pg-bst .swiper-pagination .swiper-pagination-bullet-active::before {background-color:#696e77; border-color:#696e77;}



/* ¸ñ·Ï */
.pg-bst .pg-content.half {margin-top: initial; padding-top: 1.6rem;}
.pg-bst .feed-list {position:relative; display: block; width: 100%; padding:2.4rem; border:1px solid var(--color-06); background-color:var(--color-08); border-radius:1.2rem; text-align: left; line-height: 1.4;}
.pg-bst .feed-list + .feed-list {margin-top:1.2rem;}
.pg-bst .feed-list .hash-tit {border-radius: 1.2rem; background-color:var(--color-07); color:var(--color-03); padding:0.4rem 1rem; font-size:var(--fz-12);}
.pg-bst .feed-list .hash-tit:before {content:"#";}
.pg-bst .feed-list .slogun {font-size:var(--fz-16); margin-top:1rem; font-weight:700; padding-right:10rem;}
.pg-bst .feed-list .item-icon {position:absolute; top:calc(50% - 3rem); right:2rem; width:6rem;} /*top:3.3rem;*/
.pg-bst .feed-list .item-keyvi {border-radius:0.8rem; overflow:hidden; margin:2rem -0.8rem -0.8rem -0.8rem; min-height:14rem; max-width:auto; text-align:center;}
.pg-bst .feed-list .item-keyvi img {object-fit:cover; object-position:center; height:14rem;}
.pg-bst .interest-list .hash-list-full {margin:0 -2.4rem; width:calc(100% + 4.8rem); overflow-y:hidden; overflow-x:auto; padding-left:2.4rem;}
.pg-bst .interest-list .hash-list-full::-webkit-scrollbar {display:none;}
.pg-bst .interest-list .hash-list {display:block; white-space:nowrap;}
.pg-bst .interest-list .hash-list button:before {content:"#"; display:inline-block;}
.pg-bst .interest-list .hash-area {overflow-x: scroll;}
.pg-bst .interest-list .hash-list {margin:-0.4rem;}
.pg-bst .interest-list .hash-list:after {content:''; display:block; clear:both}
.pg-bst .interest-list .hash-list button {padding:0.7rem 1.4rem; border-radius:2rem; background-color:var(--color-07); margin:0.4rem;}
.pg-bst .interest-list .hash-list button.on {background-color:#ef6578; color:#fff}
.pg-bst .interest-list .hash-list button:nth-child(4) {clear:both;}
.pg-bst .interest-list .cut-move {background-color:var(--color-02); color:var(--color-08); border-radius: 1.2rem; font-size:var(--fz-16); text-align:left; padding:2rem 3rem 2rem 2rem; width:100%; margin-top:3.2rem; position:relative; line-height:1.4; display:flex;} 
.pg-bst .interest-list .cut-move:before {content:''; display:block; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-37.svg) no-repeat 0 0; margin-right:1rem; background-size:100%;}
.pg-bst .interest-list .cut-move:after {content:''; display:inline-block; position:absolute; right:0; top:calc(50% - 0.9rem); width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-2-wh.svg) no-repeat 0 0; margin-right:1rem; background-size:100%;}
.pg-bst .widest .ui-swiper > .swiper {padding-inline: 0; margin-inline: 1.8rem;}


/* ####################
    °í°´°æÇè¼¾ÅÍ
#################### */
/* ´ëÃâ°¡À̵å */
/* swiper */
.sscn .cus-lon-swiper {max-width: 32.7rem; margin: 0 auto 2.4rem;}
.sscn .cus-lon-swiper .swiper-button {width: 1.8rem; height: 3.2rem; top:17.3rem; margin-top: 0; background-color: rgba(255, 255, 255, .4);}
.sscn .cus-lon-swiper .swiper-button:after {content: ''; position: static; display: block; width: 1.2rem; height: 1.2rem; margin: 0; transform: rotate(0deg); border: none;}
.sscn .cus-lon-swiper .swiper-button-prev {left: 0;}
.sscn .cus-lon-swiper .swiper-button-next {right: 0}
.sscn .cus-lon-swiper .swiper-button-next:after {margin-left: auto; background: url(/_pub/assets/img/common_sscn/icon-arrow-R-gray.svg) no-repeat center;}/*on*/
.sscn .cus-lon-swiper .swiper-button-prev:after {margin-right: auto; background: url(/_pub/assets/img/common_sscn/icon-arrow-L-gray.svg) no-repeat center;}/*on*/
.sscn .cus-lon-swiper .swiper-button.swiper-button-disabled {opacity: 0.8;}
.sscn .cus-lon-swiper .swiper-button-next.swiper-button-disabled:after {background-image: url(/_pub/assets/img/common_sscn/icon-arrow-R-gray-off.svg);}/*off*/
.sscn .cus-lon-swiper .swiper-button-prev.swiper-button-disabled:after {background-image: url(/_pub/assets/img/common_sscn/icon-arrow-L-gray-off.svg);}/*off*/
.sscn .cus-lon-swiper .swiper-pagination {position: absolute; top: 38.4rem; left: 0; margin-top: 0; height: 0.6rem; line-height: 0; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sscn .cus-lon-swiper .swiper-pagination-bullet {opacity: 20%; width: 0.6rem; height: 0.6rem; margin: 0 0.25rem; background-color: var(--color-00); border: none; background-image: none;}
.sscn .cus-lon-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1; width: 2rem; border-radius: 2rem;}
.sscn .cus-lon-swiper .swiper-pagination-bullet:before {display: none;}
.sscn .cus-lon-swiper .guide-img {width: 100%; margin: 0 auto 4.6rem; padding: 3.2rem 0; background-color: #f4f6f9; border-radius: 2.4rem;}
.sscn .cus-lon-swiper .guide-img img {display: block; width: 15rem; height: auto; margin: 0 auto; height: 30.4rem;}
.sscn .cus-lon-swiper .guide-img figure {width: 100%; margin: 0;}
.sscn .cus-lon-swiper .guide-img figcaption {overflow: hidden; height: 0; opacity: 0;}
.sscn .index-dl {position: relative; min-height: 5rem; padding-left: 5.2rem;}
.sscn .index-dl .tit {font-size: var(--fz-16); font-weight: 500;}
.sscn .index-dl .txt {margin-top: 0.4rem; font-size: var(--fz-15); color: var(--color-03);}
.sscn .index-dl .depth.bul {margin-top: 0.4rem; font-size: var(--fz-14); color: var(--color-03);}
.sscn .index-dl p.depth.bul:before {background-color: var(--color-03);}
.sscn .index-dl:before {content: ''; position: absolute; top: 0.4rem; left:0; width: 4rem; height: 4rem; background: red;}
.sscn .index-dl.flex-center {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.sscn .index-dl.icon-gid-01:before {background:url(/_pub/assets/img/common_sscn/icon_certificate_idcard.svg) no-repeat 0 0 / contain;}/*º»ÀÎÈ®ÀÎ*/
.sscn .index-dl.icon-gid-02:before {background:url(/_pub/assets/img/common_sscn/ico-24x-55.svg) no-repeat 0 0 / contain;}/*ÀûÇÕ¼º È®ÀÎ*/
.sscn .index-dl.icon-gid-03:before {background:url(/_pub/assets/img/common_sscn/ico-autosubmit.svg) no-repeat 0 0 / contain;}/*¼­·ùÁ¦Ãâ*/
.sscn .index-dl.icon-gid-04:before {background:url(/_pub/assets/img/common_sscn/icon-payment-purple.svg) no-repeat 0 0 / contain;}/*Çѵµ¡¤±Ý¸® È®ÀÎ, ´ëÃâ±Ý ÀϺλóȯ*/
.sscn .index-dl.icon-gid-05:before {background:url(/_pub/assets/img/common_sscn/icon-document-normal-blue.svg) no-repeat 0 0 / contain;}/*½Åû Á¤º¸ ÀÔ·Â*/
.sscn .index-dl.icon-gid-06:before {background:url(/_pub/assets/img/common_sscn/ico-24x-67.svg) no-repeat 0 0 / contain;}/*ºñ´ë¸é ½Ç¸íÀÎÁõ*/
.sscn .index-dl.icon-gid-07:before {background:url(/_pub/assets/img/common_sscn/icon-info-yellow.svg) no-repeat 0 0 / contain;}/*´ëÃâ ÁÖ¿ä»çÇ× ¾È³»*/
.sscn .index-dl.icon-gid-08:before {background:url(/_pub/assets/img/common_sscn/ico-wallet-gray.svg) no-repeat 0 0 / contain;}/*ÀüÀÚ¼­¸í ¹× ¼Û±Ý ¿Ï·á*/
.sscn .index-dl.icon-gid-09:before {background:url(/_pub/assets/img/common_sscn/ico-calendar-blue.svg) no-repeat 0 0 / contain;}/*°áÁ¦ÀÏ º¯°æ*/
.sscn .index-dl.icon-gid-10:before {background:url(/_pub/assets/img/common_sscn/icon-document-blue.svg) no-repeat 0 0 / contain;}/*´ëÃâ±Ý ȸÂ÷»óȯ*/
.sscn .index-dl.icon-gid-11:before {background:url(/_pub/assets/img/common_sscn/icon-document-won-blue.svg) no-repeat 0 0 / contain;}/*±Ý¸®ÀÎÇϽÅû*/
.sscn .index-dl.icon-gid-12:before {background:url(/_pub/assets/img/common_sscn/ico-24x-45.svg) no-repeat 0 0 / contain;}/*Áõ¸í¼­¹ß±Þ*/

/* ¼ö¾î»ó´ã¿¹¾àÁ¤º¸ÀÔ·Â */
/* SBM_CUS_01_103 : dev ±âÁØÀ¸·Î Àû¿ë */
.sscn .form-ele .suoDate {position: relative; background:url(/_pub/assets/img/common_sscn/ico-24x-18.svg) no-repeat center right 0.8rem;}
.sscn .form-ele input[type="date"].suoDate::-webkit-calendar-picker-indicator,
.sscn .form-ele input[type="date"].suoDate::-webkit-inner-spin-button {opacity: 0; position: absolute; top: 0; right: 0; z-index: 2; width: 4rem; height: 100%;}
.sscn .form-ele .suoDate .btn-clear {position: absolute; right: 4rem; z-index: 3;}

/* ####################
    ETC
#################### */
/* Á¦ÈÞÆäÀÌÁö */
.sscn .stepper.type-icon-lg > li.ico-call::before {background:url(/_pub/assets/img/common_sscn/ico-40x-call.svg) no-repeat center center;}
.sscn .stepper.type-icon-lg > li.ico-mw::before {background:url(/_pub/assets/img/common_sscn/ico-40x-mw.svg) no-repeat center center;}
.sscn .stepper .depth.bul {margin-top: 0.2rem;}
.sscn .stepper .depth.bul > li.fc-sub:before, 
.sscn .stepper p.depth.bul.fc-sub:before {background-color: var(--color-03);}
.sscn .stepper .btns.cont-foot {margin-bottom: 0.6rem;}/* ¸·´ÜÀÇ ¹öÆ°±×·ì */