@charset "euc-kr";

/*** main.css ***/
.main-section {position: relative; width:120rem; margin:0 auto; padding:6rem 0;}
.main-section.wide {padding:0;}
.main-section .between {margin-bottom:5rem;}
.main-section .between:last-of-type {margin-bottom:0;}

.main-visual {position: relative; height:47.7rem;}
.main-visual .swiper {height:47.7rem;}
.main-visual .swiper a {position: relative; display: block; width: 120rem; height:47.7rem; margin:0 auto; box-sizing: border-box;}
.main-visual .swiper a:focus {outline: 0;}
.main-visual .swiper a:focus-visible {outline:2px solid #000; outline-offset:-2px;}
.main-visual .swiper .title {position: absolute; top:6.8rem; left:6rem; font-size:4.8rem; color:#000; font-weight: 600; opacity: 0;}
.main-visual .swiper .title span {display:block; font-size:4.4rem; color:#1a78cd; font-weight: 400;}
.main-visual .swiper .swiper-slide-active .title {left:2.2rem; opacity:1; transition-duration:0.5s; transition-timing-function: ease-in-out;}
.main-visual .swiper .desc {position: absolute; top:20rem; left:6rem; display: block; font-size:1.8rem; color:#292f36; opacity: 0;}
.main-visual .swiper .desc strong {font-size:1.9rem; color:#000; font-weight: 500;}
.main-visual .swiper .swiper-slide-active .desc {left:2.2rem; opacity:1; transition-duration:0.8s; transition-timing-function: ease-in-out;}
.main-visual .swiper .swiper-slide {overflow: hidden;}
.main-visual .swiper .swiper-slide img {position: absolute; right:-3rem; bottom:0; opacity:0;}
.main-visual .swiper .swiper-slide-active img {right:0; opacity:1; transition-duration:1s; transition-timing-function: ease-in-out;}

.main-visual .swiper-controller {position: absolute; left:50%; bottom:10.1rem; z-index:2; width:9.3rem; height:3.3rem; margin-left:-58rem; padding:0 1rem; background:rgba(35,51,69,0.7); border-radius: 3rem; box-sizing: border-box;}
.main-visual .swiper-controller .swiper-pagination {display: inline-block; color:#fff; font-size:1.5rem; line-height: 3.3rem; letter-spacing:-1px;}
.main-visual .swiper-controller .swiper-pagination span {font-weight: 500; vertical-align: middle;}
/* wa-241029 : ¸ÞÀÎ ½º¿ÍÀÌÆÛ ÄÁÆ®·Ñ·¯ ¹öÆ° Å©±â ¼öÁ¤ */
.main-visual .swiper-controller .swiper-button-prev,
.main-visual .swiper-controller .swiper-button-next {top:50%; width:1.8rem; height: 1.8rem; margin:-0.9rem 0 0;}
.main-visual .swiper-controller .swiper-button-prev {left: 3.9rem; background: url(/_pub/SBW/assets/img/common/btn-prev.png) 50% 50% no-repeat;}
.main-visual .swiper-controller .swiper-button-next {left: 7.2rem; background: url(/_pub/SBW/assets/img/common/btn-next.png) 50% 50% no-repeat;}

.main-visual .swiper-controller .swiper-auto-ctl {position: absolute; top:50%; left:5.5rem; width:1.8rem; height: 1.8rem; margin:-0.9rem 0 0; background: url(/_pub/SBW/assets/img/common/btn-auto-ctl-stop.png) 50% 50% no-repeat;}
.main-visual .swiper-controller .swiper-auto-ctl.play {background: url(/_pub/SBW/assets/img/common/btn-auto-ctl-play.png) 50% 50% no-repeat;}
/* // ¸ÞÀÎ ½º¿ÍÀÌÆÛ ÄÁÆ®·Ñ·¯ ¹öÆ° Å©±â ¼öÁ¤ */

.aside-link {position: absolute; top:4.4rem; right:50%; z-index:10; width:31.21rem; margin-right:-60rem; padding:2.6rem 3rem; background: #fff; border:1px solid #d5e6f0; border-radius: 2.8rem; box-sizing: border-box; box-shadow: 0 1.2rem 2rem 0 rgba(94,94,94,0.22);}
.aside-link .btn-group {display: flex; align-items: center; justify-content: space-between;}
.aside-link .btn-group a {width:12.1rem; height: 6rem; font-size:1.9rem; color:#fff; font-weight: 600; line-height:6rem; text-align: center; border-radius: 0.8rem;}
.aside-link .btn-group a:nth-child(1) {background-color: #0f73e9;}
.aside-link .btn-group a:nth-child(2) {background-color: #2d4ec8;}
.aside-link .quick-link {display: flex; flex-wrap: wrap; margin-top:0.4rem;}
.aside-link .quick-link li {width:50%; margin-top:2.4rem;}
.aside-link .quick-link li a {display: block; width:100%; height:100%; padding-top:5.8rem; text-align: center; box-sizing: border-box;}

.quick-menu {position: relative; z-index:1; display: flex; justify-content:space-between; width: 120rem; margin:-6rem auto 0; padding:0 11.5rem; background:linear-gradient(to right, #1a78cd, #6d4ed6 70%); border-radius: 1.6rem; box-sizing:border-box;}
.quick-menu li {text-align: center;}
.quick-menu li a {padding:8rem 0 2.3rem; color:#fff; font-size:1.6rem; line-height:1.9rem;}


.main-section .tab-wrap.base {width: 84.8rem; margin-top: 0;}
.main-section .tab-wrap.base:after {display: none;}
.main-section .tab-wrap.base .tab-list [role='tab'] {position:relative; height:5.2rem; margin-left:3rem; font-size:2.1rem;}
.main-section .tab-wrap.base .tab-list [role='tab']:first-child {margin-left:0;}
.main-section .tab-wrap.base .tab-list [role='tab'][aria-selected=true] {font-weight: 600;}
.main-section .tab-wrap.base .tab-list [role='tab'][aria-selected=true]:after {content: ''; position: absolute; bottom:0; left:0; width:100%; height:0.3rem; background: #0f73e9; animation:active 0.3s ease;} 
@keyframes active {
    0% {width:0;}
    100% {width:100%;}
}
.main-section .tab-wrap.base .aside {position: absolute; top:0; right:0;}
.main-section .tab-wrap.base .aside span {display: inline-block; font-size:1.5rem; color:#6e6e6e; font-weight: 400; line-height:5.2rem;}
.main-section .tab-wrap.base .aside .btn-more {position:relative; display: inline-block; margin-left:2rem; padding-right:1.1rem; font-size:1.5rem; line-height:5.2rem;}
.main-section .tab-wrap.base .aside .btn-more:after {content: ''; position: absolute; top:2.2rem; right:0.3rem; width:0.7rem; height:0.7rem; border-top:1px solid #1e1e1e; border-right:1px solid #1e1e1e; transform:rotate(45deg);} 

.main-prd-wrap {margin-top:4.5rem; padding:0 4rem; box-sizing: border-box;}
.main-prd-wrap .swiper-slide {position:relative; width:24.1rem; box-sizing:border-box;}
.main-prd-wrap .swiper-slide a {display: block; width:100%; height:31.6rem; padding:4rem 2.5rem 3.5rem; background:#fff; border:1px solid #c9c9c9; border-radius:1.6rem;}
.main-prd-wrap .swiper-slide a.img {padding:0;}
.main-prd-wrap .swiper-slide .flag {position: relative; top:-4.5rem; width: 5.6rem; height:6rem;;} 
.main-prd-wrap .swiper-slide .title {display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:2.1rem; color:#1e1e1e; font-weight: 600; line-height: 2.8rem; word-break: break-all;}
.main-prd-wrap .swiper-slide .flag + .title {margin-top:-1.7rem;}
.main-prd-wrap .swiper-slide .info {position: absolute; bottom:3.5rem; left:2.5rem;right:2.5rem;}
.main-prd-wrap .swiper-slide .info .rate {display:block; font-size:2.5rem; color:#1774c7; font-weight: 500;line-height: 3rem;word-break: keep-all;}
.main-prd-wrap .swiper-slide .info .rate span {font-size:1.5rem; font-weight: 400;}
.main-prd-wrap .swiper-slide .info .desc {display:block;margin-top:1rem; font-size: 1.5rem; color:#6e6e6e;}
.main-prd-wrap .swiper-slide .image {display:block; height:31.6rem;}
.main-prd-wrap .swiper-slide .image img {width:100%;height:100%;border-radius: 1.6rem;}
.main-prd-wrap .swiper-button-prev,
.main-prd-wrap .swiper-button-next {width:4rem; height:4rem;}
.main-prd-wrap .swiper-button-prev {top: 15.8rem; background: url(/_pub/SBW/assets/img/common/btn-prev02.png) left center no-repeat;} /* 250122 ¼öÁ¤ */
.main-prd-wrap .swiper-button-next {top: 15.8rem; background: url(/_pub/SBW/assets/img/common/btn-next02.png) right center no-repeat;} /* 250122 ¼öÁ¤ */

.main-prd-wrap .swiper-slide a:not(.img):hover {background:linear-gradient(135deg, #1a78cd, #805cf7 90%); border:0; opacity:1; animation:opacity 0.5s ease-in-out;}
@keyframes opacity {
    0% {opacity:0.5;}100% {opacity:1;}
}
.main-prd-wrap .swiper-slide:hover { border: 1px solid #fff; } /* 250121 Ãß°¡ */
.main-prd-wrap .swiper-slide a:hover .flag {box-shadow:0 1rem 1rem 0 rgba(0, 0, 0, 0.2);}
.main-prd-wrap .swiper-slide a:hover .title,
.main-prd-wrap .swiper-slide a:hover .rate,
.main-prd-wrap .swiper-slide a:hover .desc {color:#fff;}
.main-prd-wrap .swiper-slide a .badge { margin: 1.2rem 0.6rem 0 0; } /* 250121 Ãß°¡ */
.main-prd-wrap .swiper-slide a:hover .badge { background: var(--color-08); color: var(--color-blue3); } /* 250121 Ãß°¡ */

.hashtag-wrap {width: 31.1rem; height: 41.8rem; padding:4rem 3rem 4.2rem; background:#eef1fe url(/_pub/SBW/assets/img/img/img-hashtag.png) right 2.1rem top 3.6rem no-repeat; border-radius: 1.6rem;}
.hashtag-wrap .title {display:block; margin-bottom:1.6rem; color:#000; font-size:2.1rem; font-weight: 600; line-height: 2.2rem;}
.hashtag-wrap .desc {display:block; color:#6e6e6e; font-size:1.6rem; font-weight: 400; line-height: 2rem;}
.hashtag-list {overflow:hidden; height:22.4rem; margin-top:4rem;}
.hashtag-list a {display: inline-block; margin:0.7rem 0.8rem 0.7rem 0; padding:0 1.4rem; background: #fff; font-size:1.7rem; line-height:4.2rem; letter-spacing:-0.06rem; border-radius: 2.1rem;}
.hashtag-list a:hover,
.hashtag-list a:focus-within {color:#0f73e9;}

.notice-boards {position:relative; width:58rem; padding:3.6rem 3rem 2.6rem; background:#fff; border:1px solid #efefef; border-radius:1.6rem; box-sizing:border-box;}
.notice-boards > .title {display: inline-block; color:#000; font-size:2.1rem; font-weight:600; line-height: 2.6rem;}
.notice-boards ul {margin-top:0.7rem;}
.notice-boards ul li a {display:flex; justify-content:space-between; align-items:center; padding:1rem 0; font-size:1.7rem; line-height:2.1rem;}
.notice-boards ul li .title {overflow:hidden; max-width:80%; text-overflow: ellipsis; white-space:nowrap;}
.notice-boards ul li a:hover .title,
.notice-boards ul li a:focus-within .title {text-decoration: underline;}
.notice-boards ul li .date {font-size:1.5rem; color:#767676;}
.notice-boards .btn-more {position:absolute; top:3.6rem; right:3rem; padding-right:1.1rem; font-size:1.5rem; line-height:2.6rem;}
.notice-boards .btn-more:after {content: ''; position: absolute; top:0.9rem; right:0.3rem; width:0.7rem; height:0.7rem; border-top:1px solid #1e1e1e; border-right:1px solid #1e1e1e; transform:rotate(45deg);} 

.notice-boards ul {margin-top:1.5rem;}
.notice-boards .tab-wrap.base > .tab-list::before {display:none;}
.main-section .notice-boards .tab-wrap.base {width:100%;}
.main-section .notice-boards .tab-wrap .tab-panel {position:static;}
.main-section .notice-boards .tab-wrap.base .tab-list [role='tab'] {height:2.6rem;font-weight:600;line-height:2.6rem;color:#000;}
.main-section .notice-boards .tab-wrap.base .tab-list [role='tab'][aria-selected=true] {color:#0f73e9;}
.main-section .notice-boards .tab-wrap.base .tab-list [role='tab'][aria-selected=true]:after {bottom:-0.8rem;}
.main-section .notice-boards .tab-wrap.base .aside .btn-more {top:0;right:0;line-height:normal;}
.main-section .notice-boards .tab-wrap.base .aside .btn-more::after {top:0.5rem;}

.cs-box,
.fcp-box,
.app-box {height: 27.6rem; border-radius: 1.6rem; box-sizing: border-box;}
.cs-box {width:31rem; padding:3rem 3.7rem 0; background: #ecf7fb url(/_pub/SBW/assets/img/img/img-cs-box.png) right 2.2rem bottom 3.6rem no-repeat;}
.cs-box .title {margin-bottom:1.7rem;; color:#000; font-size:2.1rem; font-weight:600; line-height: 2.6rem;}
.cs-box > span {display:block; font-size:1.6rem; color:#000; line-height: 1.9rem;}
.cs-box .operate-time {color:#646464;}
.cs-box .internal {margin:0.7rem 0; font-size:3.2rem; font-weight: 600; line-height:3.6rem;}

.fcp-box {width:31rem; padding:1.7rem 3rem; background: #f1f9e7;}
.fcp-box a {position: relative; display:block; padding-left:4rem; font-size:1.7rem; line-height: 6rem; border-top:1px solid #e4eed9;}
.fcp-box a:first-child {border-top:0;}
.fcp-box a:after {content: ''; position: absolute; top:50%; right:0.2rem; width:0.7rem; height:0.7rem; border-top:1px solid #1e1e1e; border-right:1px solid #1e1e1e; transform:rotate(45deg) translateY(-50%);} 

.app-box {display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; width:50rem; padding:2.8rem 3.5rem 2.4rem; background: #edf3ff;}
.app-box .title {font-size:2.3rem; line-height: 3rem; color:#000;}
.app-box .app-link {display:flex;}
.app-box .app-link span {display:block; width: 10.5rem; padding-top:8.4rem; font-size:1.6rem; line-height: 2.6rem; color:#646464; text-align: center;}
.app-box .link-box {width:100%;}
.app-box .link-box a {position: relative; display: block; padding-left:1.6rem; background: #fff; font-size:1.8rem; color:#000; line-height:5.6rem; border-radius: 0.8rem; box-sizing: border-box;}
.app-box .link-box a:after {content: ''; position: absolute; top:50%; right:1.8rem; width:0.7rem; height:0.7rem; border-top:1px solid #1e1e1e; border-right:1px solid #1e1e1e; transform:rotate(45deg) translateY(-50%);} 
.app-box .link-box a.link {background-image:url(/_pub/SBW/assets/img/icon/icon-link.png); background-position:right 1.4rem center; background-repeat:no-repeat;}
.app-box .link-box a.link:after {display: none;}

/* ·Î±×ÀÎ */
.login-wrap {display: flex; justify-content:space-between; margin-top:4rem;}
.login-wrap.flex-center { justify-content: center; } /* 261006 Ãß°¡ */
.login-wrap.flex-center .item { margin-left: 4rem; } /* 261006 Ãß°¡ */
.login-wrap.flex-center .item:first-child { margin-left: 0; } /* 261006 Ãß°¡ */
.login-wrap .item {width:58.5rem; padding:4.7rem 0 5rem; text-align: center; border:1px solid #ddd; border-radius: 1.6rem;}
.login-wrap .item .title {position:relative; margin-bottom:1.5rem; padding-top:9.5rem; font-size:2.6rem;}
.login-wrap .item .title i {position: absolute; top:0; left:0; right:0; margin:0 auto;}
.login-wrap .item .desc {display:block; font-size:1.5rem; line-height: 1.8rem;}
.login-wrap .cert-login .btn-box {width:32rem; margin:4rem auto 3.5rem;}
.login-wrap .cert-login .btn-box a {display: block; width: 100%; height:6rem; color:#fff; font-size:1.8rem; line-height:6rem; border-radius: 0.8rem;}
.login-wrap .cert-login .btn-box a:nth-child(1) {background-color:#0f73e9;}
.login-wrap .cert-login .btn-box a:nth-child(2) {margin-top:1rem; background-color:#2d4ec8;}

.login-wrap .id-login .id-pw-box {display:flex; justify-content:space-between; width: 38.4rem; margin:4rem auto 3.5rem;}
.login-wrap .id-login .id-pw-box .inp-box {width:26rem;}
.login-wrap .id-login .id-pw-box input {margin-top:1rem; width:100%; height:6rem; padding:0 1.3rem; font-size:1.7rem; line-height: 5.8rem; border:1px solid #d7d7d7; border-radius:0.6rem; box-sizing: border-box;}
/* wa-240925 : ·Î±×ÀÎ ¹Ú½º Æ÷Ä¿½º ¼³Á¤ */
.login-wrap .id-login .id-pw-box input:focus {border: 1px solid #0f73e9; outline: 0;}
.login-wrap .id-login .id-pw-box input:first-child {margin-top:0;}
.login-wrap .id-login .id-pw-box .btn-login {width:11.4rem; height:13rem; background-color:#0f73e9; color:#fff; font-size:1.8rem; font-weight:600; border-radius:0.8rem;}

/* wa_sscn_½É»ç 42p 260313(SBP) */
.login-wrap .item.simple-login .btn-box a:focus-visible,
.login-wrap .id-login .id-pw-box .btn-login:focus-visible,
.login-wrap .cert-login .btn-box a:focus-visible {outline-offset: 2px;}

.login-wrap .cert-login .link-box a,
.login-wrap .id-login .find-box a {position:relative; display:inline-block; margin:0 1.8rem; padding-right:1.4rem; font-size:1.5rem; line-height:1.6rem;}
.login-wrap .cert-login .link-box a:after,
.login-wrap .id-login .find-box a:after {content:''; position:absolute; top:0.4rem; right:0; width:0.7rem; height:0.7rem; border-top:1px solid #1e1e1e; border-right:1px solid #1e1e1e; transform:rotateZ(45deg);}

.contact-box {display:table; width: 100%; margin-top:2rem; box-sizing: border-box;}
.contact-box .item {position:relative; display:table-cell; width:35.3rem; min-height:9.7rem; padding:0 6.5rem; vertical-align:middle; box-sizing: border-box;}
.contact-box .item:first-child {padding-left:1.8rem;}
.contact-box .item:last-child {padding-right:1.8rem;}
.contact-box .item:before {content: ''; position: absolute; top:50%; left:0; width:1px; height: 9.7rem; background-color:#ebebeb; transform: translateY(-50%);}
.contact-box .item:first-child:before {display: none;}

.contact-box .item.cs {width:38.6rem; background:url(/_pub/SBW/assets/img/img/img-cs-box.png) right 6.5rem center no-repeat}
.contact-box .item.cs span {display:block; color:#000}
.contact-box .item.cs .operate-time {font-size:1.5rem; color:#646464;}
.contact-box .item.cs .internal {margin:0.5rem 0; font-size:3rem; font-weight: 500;}

.contact-box .item.support {width:46rem; background:url(/_pub/SBW/assets/img/img/img-support.png) right 6.5rem center no-repeat}
.contact-box .item.support .title {display: block; margin-bottom:0.7rem; font-size:1.8rem; line-height: 2.5rem; color:#000; font-weight:600;}
.contact-box .item.support .text {display: block; margin-bottom:1.7rem; font-size:1.5rem; line-height:2.2rem; color:#6e6e6e;}

.contact-box .link-box li + li {margin-top:1rem;}
.contact-box .link-box li a {position: relative; display: block; width:27rem; height: 6rem; padding-left:2rem; font-size: 1.7rem; line-height:5.8rem; border:1px solid #d7d7d7; border-radius: 0.8rem; box-sizing: border-box;}
.contact-box .link-box li a:after {content: ''; position: absolute; top:50%; right:1.8rem; width:0.7rem; height:0.7rem; border-top:1px solid #1e1e1e; border-right:1px solid #1e1e1e; transform:rotate(45deg) translateY(-50%);}

/* »ç¿ëÀÚ IDã±â °á°ú */
.find-result {margin-bottom:4rem; text-align: center;}
.find-result p {font-size:1.8rem;}
.find-result p span {font-weight:500;}

/* º»ÀÎ ÀÎÁõ ¼±ÅÃ*/
.guide-area + .cert-rdochk {margin-top:-1rem;}
.cert-rdochk {margin-bottom:7rem; border-top:1px solid #323232;}
.cert-rdochk > .form-row {margin:0; padding:3rem; border-bottom:1px solid #ddd;}
.cert-rdochk > .form-row.active {background-color:#f5f6ff;}
.cert-rdochk > .form-row > .form-sel {width:34rem;}
.cert-rdochk > .form-row > .form-sel > label {padding-left:3.8rem; font-size:2rem; color:#000; line-height: 4rem;}
.cert-rdochk > .form-row > .form-sel > label i {margin-right:2.4rem; vertical-align: middle;}
.cert-rdochk > .form-row > .form-sel > label:before {top:1.1rem;}
.cert-rdochk > .form-row > .form-sel > label:after {top:1.5rem;}
.cert-rdochk > .form-row > .rdo-panel {flex:1;}
.cert-rdochk > .form-row > .rdo-panel .terms-box {height:22.8rem;}
.cert-rdochk > .form-row > .rdo-panel .terms-box .inner-area {height:16.8rem; font-size: 1.5rem; color:#6e6e6e; line-height: 2.5rem;}
.cert-rdochk > .form-row > .rdo-panel .terms-box .inner-area .title {display:block; margin-bottom: 1rem; color:#1e1e1e; font-size: 1.8rem; font-weight: 600; line-height: 2.8rem;}
.cert-rdochk > .form-row > .rdo-panel .form-row:not(:first-child) {margin-top:1rem;}
.cert-rdochk > .form-row:first-child > .rdo-panel .btn-wrap .btn {min-width:11.9rem;}

/* pdf viewer */
.viewer-wrap {min-height:58.3rem; margin-top:4rem; background: #d9d9d9;}

/* ¼öÇ¥ À̹ÌÁö */
.check-img-box {width:43.5rem; height:20.6rem; margin:5rem auto; border:1px solid #ccc;}
.check-img-box img {width: 100%; height:100%;}

/* ÀÎÅͳݹðÅ·ÀÌ¿ë°¡À̵å */
.guide-box .gudie-img {margin:4rem 0;}
.guide-box .btn-wrap button {margin:0 0.5rem;}
.guide-box .gudie-img .img-box{padding:4rem 0;background-color: #f3f7fa;text-align: center;}
.guide-box .depth.num.round > li:before,
.guide-box .depth.num.round > li:after {top:0.7rem;}

/* ÀÎÁõ¼¾ÅÍ */
.cert-cont-bnn {height: 26rem; margin-bottom: 2rem; background:linear-gradient(113.93deg, #1a78cd 35.8%, #6e4ed6 73.84%);}
.cert-cont-bnn .inner {width:120rem; margin: auto; padding: 7rem 0 9rem;background: url(/_pub/SBW/assets/img/img/img-cert-bnn.png) no-repeat right center;}
.cert-cont-bnn .text {font-size: 3.6rem; color:#fff; font-weight: 500; line-height: 5rem;}
.cert-cont-bnn .text span {display:block; font-weight: 600;}
.cert-group {display:flex;width:120rem; margin: auto; padding: 6rem 0;}
.cert-group + .cert-group {border-top: 1px solid #ebebeb;}
.cert-group .title-wrap {width:29rem;}
.cert-group .title-wrap .title {font-size: 2.4rem; color:#000; font-weight: 600; line-height: 3.6rem;}
.cert-group .cont {width: calc(100% - 29rem);}
.cert-group .svc-list {display:flex; flex-wrap: wrap; align-items: center;}
.cert-group .svc-list .item {width:29rem; height: 29rem; margin-left:2rem; padding: 14.7rem 3rem 3.3rem; border-radius: 1.6rem 1.6rem 3rem;}
.cert-group .svc-list .item:first-child {margin-left: 0;}
.cert-group .svc-list .item.type01 {background: #ecfaff url(/_pub/SBW/assets/img/img/img-cert-svc01.png) no-repeat 3rem 4rem;}
.cert-group .svc-list .item.type02 {background: #f5f5f5 url(/_pub/SBW/assets/img/img/img-cert-svc02.png) no-repeat 3rem 4rem;}
.cert-group .svc-list .item.type03 {background: #e7edff url(/_pub/SBW/assets/img/img/img-cert-svc03.png) no-repeat 3rem 4rem;}
.cert-group .svc-list .item.type04 {background: #f2f5ff url(/_pub/SBW/assets/img/img/img-cert-svc04.png) no-repeat 3rem 4rem;}
.cert-group .svc-list .item.type05 {background: #fff9e2 url(/_pub/SBW/assets/img/img/img-cert-svc05.png) no-repeat 3rem 4rem;}
.cert-group .svc-list .item .tit {display:inline-block;position: relative; padding-right: 2rem; font-size:1.8rem; color:#000; line-height: 2.5rem;}
.cert-group .svc-list .item .tit:after {content:'';position: absolute; right: .3rem; top: 50%; width:.8rem; height: .8rem; margin-top:-.4rem; border-right: 2px solid #000;border-top:2px solid #000; transform: rotate(45deg);}
.cert-group .svc-list .item .desc {margin-top:.8rem; font-size: 1.5rem; color:#6e6e6e; line-height: 2.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.cert-group .svc-list02 {display: flex; align-items: center; width: 87rem; margin: 4rem auto 0;}
.cert-group .svc-list02 .item {position: relative; width: 25%; margin-left:9rem; }
.cert-group .svc-list02 .item:first-child {margin-left: 0;}
.cert-group .svc-list02 .item:before {content:''; position: absolute; left: -4.5rem; top: 50%; width: .1rem; height: 1.2rem; margin-top: -.6rem; background-color: #ddd;}
.cert-group .svc-list02 .item:first-child:before {display: none;}
.cert-group .svc-list02 .item a {display: block; padding-left: 5rem; font-size: 1.6rem; color:#1e1e1e; line-height: 4rem;}
.cert-group .svc-list02 .item.type01 a {background: url(/_pub/SBW/assets/img/icon/icon-cert-svc01.png) no-repeat 0 0;}
.cert-group .svc-list02 .item.type02 a {background: url(/_pub/SBW/assets/img/icon/icon-cert-svc02.png) no-repeat 0 0;}
.cert-group .svc-list02 .item.type03 a {background: url(/_pub/SBW/assets/img/icon/icon-cert-svc03.png) no-repeat 0 0;}
.cert-group .svc-list02 .item.type04 a {background: url(/_pub/SBW/assets/img/icon/icon-cert-svc04.png) no-repeat 0 0;}
.cert-guide {width:100%; background-color: #f3f7ff;}
.cert-guide .inner {display:flex; align-items: center; justify-content: space-between; width: 120rem; height: 21.5rem; margin: 2rem auto 0; padding: 4.1rem 0 4.2rem; box-sizing: border-box;}
.cert-guide .inner .guide-area {margin:0; padding:0; border:0; background: none;}
.cert-guide .inner .signkorea {text-align: center;}
.cert-guide .inner .signkorea .signkorea-logo {display: block; margin-bottom: 3rem;}

/* °øµ¿ÀÎÁõ¼­ °ü¸® */
.cert-mgmt-list {display:flex; flex-wrap: wrap; justify-content: center; margin-top:2rem;} 
.cert-mgmt-list .item {width: 32rem; height:24rem; margin: 4rem 3.5rem 0;}
.cert-mgmt-list.type02 .item {width: 48rem;}
.cert-mgmt-list .item.type01 {background: url(/_pub/SBW/assets/img/icon/icon-cert-mgmt01.png) no-repeat right bottom;}
.cert-mgmt-list .item.type02 {background: url(/_pub/SBW/assets/img/icon/icon-cert-mgmt02.png) no-repeat right bottom;}
.cert-mgmt-list .item.type03 {background: url(/_pub/SBW/assets/img/icon/icon-cert-mgmt03.png) no-repeat right bottom;}
.cert-mgmt-list .item.type04 {background: url(/_pub/SBW/assets/img/icon/icon-cert-mgmt04.png) no-repeat right bottom;}
.cert-mgmt-list .item.type05 {background: url(/_pub/SBW/assets/img/icon/icon-cert-mgmt05.png) no-repeat right bottom;}
.cert-mgmt-list .item.type06 {background: url(/_pub/SBW/assets/img/icon/icon-cert-mgmt06.png) no-repeat right bottom;}
.cert-mgmt-list .item.type07 {background: url(/_pub/SBW/assets/img/icon/icon-cert-mgmt07.png) no-repeat right bottom;}
.cert-mgmt-list .item .title {display:block; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 2px solid #1e1e1e; font-size: 2rem; color:#000; font-weight: 600; line-height: 3rem;} 
.cert-mgmt-list .item .desc {font-size: 1.6rem; color: #1e1e1e; line-height:2.5rem;}
.cert-mgmt-list + .btn-wrap {margin-top:8.5rem !important;}

/* ½º¸¶Æ®¹ðÅ·°øµ¿ÀÎÁõ¼­º¹»ç */
.cert-copy-guide {padding: 1rem 5rem; border-radius: 2rem; border:1px solid #ddd;}
.cert-copy-guide .cert-copy-list .item {position:relative; padding: 4rem 32rem 4rem 11rem; border-top:1px solid #ebebeb;}
.cert-copy-guide .cert-copy-list .item:first-child {border-top:0;}
.cert-copy-guide .cert-copy-list .item:before {content:''; position: absolute; left:0; top: 50%; width: 7rem; height: 7rem; margin-top:-3.5rem; background-position: 0 0; background-repeat: no-repeat;} 
.cert-copy-guide .cert-copy-list .item.type01:before {background-image: url(/_pub/SBW/assets/img/icon/icon-cert-copy01.png);}
.cert-copy-guide .cert-copy-list .item.type02:before {background-image: url(/_pub/SBW/assets/img/icon/icon-cert-copy02.png);}
.cert-copy-guide .cert-copy-list .item .title {display:block;font-size: 2rem; color:#000; font-weight:600; line-height:2.4rem;}
.cert-copy-guide .cert-copy-list .item .desc {margin-top:1rem; font-size: 1.6rem; color:#6e6e6e; line-height:2.4rem;}
.cert-copy-guide .cert-copy-list .item .btn-area {position: absolute; right: 0; top: 50%; margin-top: -2.75rem;}
.cert-copy-guide .cert-copy-list .item .btn-area .btn {min-width: 31.1rem;}

.guide-cont {margin-top:5rem; padding-top: 18.8rem;background-position: top center; background-repeat: no-repeat;text-align: center;}
.guide-cont.type01 {background-image: url(/_pub/SBW/assets/img/img/img-guide-cont01.png);}
.guide-cont.type02 {background-image: url(/_pub/SBW/assets/img/img/img-guide-cont02.png);}
.guide-cont .tit {font-size:2.4rem; color:#000; line-height: 4rem;}
.guide-cont .tit strong {font-weight: 600;}
.guide-cont .txt {margin-top:2rem; font-size:1.6rem; color:#6e6e6e; line-height:2.4rem;}

.guide-step {padding:0 3.5rem; border-radius: 2rem; border:1px solid #eaf7ff; background-color: #f2f7ff;}
.guide-step .item {position:relative; padding: 6rem 0 6rem 12.5rem;}
.guide-step .item:before {content:'';position:absolute; left: 0; right: 0; top: 0; width: 100%; height:.1rem; background-color: #dde5f2;}
.guide-step .item:first-child::before {display: none;}
.guide-step .item .step {position:absolute; left: .5rem; top: 6rem; font-size: 2rem; color:#0f73e9; font-weight: 600; line-height: 2.8rem;}
.guide-step .item .title {display:block; font-size: 1.8rem; color:#000; line-height: 2.4rem;}
.guide-step .item .depth {margin-top: 1rem;}
.guide-step .item .img-area {margin-top: 4rem; padding: 4rem; border-radius: 2rem; background-color: #fff; box-shadow: .3rem .8rem 1rem rgba(13, 18, 38, 0.1); text-align: center;}

/*±Ý¸®¾È³»*/
.anchor-menu {display: flex; align-items: center; justify-content: center; margin-bottom: 2.5rem;}
.anchor-menu li {position: relative; margin-left: 1.6rem; padding-left: 1.7rem;}
.anchor-menu li:first-child {margin-left: 0; padding-left: 0;}
.anchor-menu li:before {content: ''; position: absolute; left: 0; top: 50%; width: 0.1rem; height: 1.4rem; margin-top: -0.7rem; background-color: #ddd;}
.anchor-menu li:first-child:before {display: none;}
.anchor-menu li a {display: block; position: relative; padding-left: 3.3rem; background-position: left center; background-repeat: no-repeat; background-image: url(/_pub/SBW/assets/img/icon/icon-anchor.png); font-size: 1.8rem; color:#6e6e6e; font-weight: 500; line-height: 2.5rem;}
/* wa-240925 : Æ÷Ä¿½º½Ã È£¹ö¿Í µ¿ÀÏÇÑ È¿°ú ¹Þµµ·Ï ¼öÁ¤ */
.anchor-menu li a:hover, .anchor-menu li a:focus {color:#0067da; background-image: url(/_pub/SBW/assets/img/icon/icon-anchor-on.png);} 
.print-area {margin-top: 4rem;}
.print-area + .print-area {margin-top:6.5rem;}
.print-area .hgroup-wrap:first-child {margin-top:0;}

/* ¿ä¾à°ø½Ã */
.cs-info {display: flex; justify-content: center; align-items: center; position:relative; height:25rem; margin: 5rem 0 6.5rem; background: url(/_pub/SBW/assets/img/img/cs-bnn.png) no-repeat 0 0;}
.cs-info span {display: block; color:#fff; }
.cs-info .tit {font-size: 1.8rem; line-height: 2.8rem;}
.cs-info .num {display:block; font-size: 3rem; line-height:4rem;}
.cs-info .text {position: relative; margin-left: 6rem; padding-left: 6.1rem; font-size: 2.4rem; line-height: 3.4rem;}
.cs-info .text:before {content:''; position: absolute; left: 0; top: 50%; width: 0.1rem; height: 5.5rem; margin-top: -2.75rem; background:rgba(235,235, 235, 0.1);} 
.cs-info .sub-text {display:block; position:absolute; left:0; bottom: 2.5rem; width: 100%; font-size: 1.4rem; color:#fff; line-height:2.4rem; text-align: center;}

/*»óÇ°ºñ±³*/
.goods-compare {display:flex; justify-content: space-between; align-items: center; height:15.6rem; margin:4rem 0 6rem; padding:0 4rem; background:#fff; border:1px solid #ddd; border-radius: 1.2rem;}
.goods-compare .title-wrap .title {display: block; font-size:2rem; line-height: 2.4rem;}
.goods-compare .title-wrap .desc {display:block; margin-top:1.2rem; font-size:1.5rem; line-height: 2rem;}
.goods-compare .compare-box {display:flex; justify-content: space-between; align-items: center;}
.goods-compare .compare-box .compare-list {position: relative; margin-right:2.4rem}
.goods-compare .compare-box .compare-list:after {content:''; clear:both; display: block;}
.goods-compare .compare-box .compare-list .item {position: relative; float:left; display: table; width:24rem; height: 7.2rem; margin-left:1rem; background: #e8eff8; border:1px solid #9db1e7; border-radius: 0.6rem; box-sizing: border-box;}
.goods-compare .compare-box .compare-list .item:first-child {margin-left:0;}
.goods-compare .compare-box .compare-list .item:before {content:''; position: absolute; top:50%; left:50%; width:0.2rem; height:2rem; background-color:#9db1e7; transform: translate(-50%, -50%);}
.goods-compare .compare-box .compare-list .item:after {content:''; position: absolute; top:50%; left:50%; width:2rem; height:0.2rem; background-color:#9db1e7; transform: translate(-50%, -50%);}
.goods-compare .compare-box .compare-list .item.on {background:#fff; border:1px solid #0f73e9;}
.goods-compare .compare-box .compare-list .item.on:before,
.goods-compare .compare-box .compare-list .item.on:after {display: none;}
.goods-compare .compare-box .compare-list .item .title {display:table-cell; padding:1.2rem 3rem; font-size:1.6rem; color:#0f73e9; font-weight:600; line-height: 2.4rem; text-align:center; vertical-align: middle;}
.goods-compare .compare-box .compare-list .item .btn-del {position: absolute; top:0; right:0; width:3rem; height:3rem; background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='3 3 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.98954 4.67878C5.69665 4.38588 5.22178 4.38588 4.92888 4.67878C4.63599 4.97167 4.63599 5.44654 4.92888 5.73944L10.9395 11.75L4.92884 17.7606C4.63594 18.0535 4.63594 18.5284 4.92884 18.8213C5.22173 19.1142 5.6966 19.1142 5.9895 18.8213L12.0001 12.8107L18.0104 18.8209C18.3033 19.1138 18.7781 19.1138 19.071 18.8209C19.3639 18.528 19.3639 18.0531 19.071 17.7603L13.0608 11.75L19.071 5.73981C19.3639 5.44692 19.3639 4.97204 19.071 4.67915C18.7781 4.38626 18.3032 4.38626 18.0103 4.67915L12.0001 10.6893L5.98954 4.67878Z' fill='%230f73e9'/%3E%3C/svg%3E");background-size:1.6rem 1.6rem}

.goods-list {border-top:1px solid #323232;}
.goods-list .item {display: flex; flex-wrap:wrap; justify-content: flex-start; align-items: center; padding:4rem 1rem; border-bottom:1px solid #ebebeb;}
.goods-list .item .goods-area {width:59.6rem; padding-left:3rem;}
.goods-list .item .goods-area .title {display: block; font-size:2rem; font-weight:600;}
.goods-list .item .goods-area .desc {display: block; margin-top:1rem; font-size:1.5rem;}
.goods-list .item .goods-area .depth {margin-top:0;}
.goods-list .item .goods-area .depth li {color:#1e1e1e;}
.goods-list .item .goods-area .sub-desc {display: block; margin-top:1.5rem; font-size:1.4rem; color:#6e6e6e;}
.goods-list .item .loan-info {width:38.2rem; padding-left:3rem;}
.goods-list .item .loan-info .depth {margin-top:0;}
.goods-list .item .loan-info .depth li:not(:first-child) {margin-top:2rem}
.goods-list .item .loan-info .depth li .title {display: block; font-weight:500; color:#1e1e1e;}
.goods-list .item .loan-info .depth li .desc {display: block; color:#000;}
.goods-list .item .btn-area {display:block; width:18.4rem; text-align:right;}
.goods-list .item .btn-area .date {display: block; margin-bottom: 4rem; font-size:1.5rem; color:#6e6e6e;}

/* CI¼Ò°³ 261023 ¼öÁ¤ */
.logo-design {display: flex; justify-content: center; margin-top: 4rem;}
.logo-design .box {width:56rem; padding: 3.2rem 0; } 
.logo-color-info {margin-top:2.4rem} 
.logo-color-info .logo-color-tit { margin-top: 4rem; font-size: var(--fz-20); color: #1e1e1e; font-weight: 500; }
.logo-color-info .color-box {display: flex; justify-content: space-between;margin-top: 2rem;} 
.logo-color-info .color-box .box {width:38rem; height: 15.6rem; padding:3.2rem; color:#fff; border-radius: 1rem; box-sizing: border-box;}
.logo-color-info .color-box .box.navy {background:#141450;}
.logo-color-info .color-box .box.green {background:#28b432;}
.logo-color-info .color-box .box.blue {background:#005ea1;}
.logo-color-info .color-box .box .title {font-size: var(--fz-16);} 
.logo-color-info .color-box .box ul {margin-top:1.2rem;} 
.logo-color-info .color-box .box ul li {display: flex; justify-content: space-between;}
.logo-color-info .color-box .box ul li span {font-size:var(--fz-12); line-height: 2rem; text-align: left;} 
.logo-color-info .color-box .box ul li .key { flex-basis: 22%; } 
.logo-color-info .color-box .box ul li .value { flex-basis:78%; } 
.symbol {display: table; width:100%; height:30rem; margin-top:4rem; background: #f8f8f8; border:1px solid #ccc; border-radius: 1rem;}
.symbol .box {display: table-cell; vertical-align: middle; text-align: center;}
.signature {display:table; width: 100%; margin-top: 2.4rem;}
.signature .box {display: table-cell; height: 30rem; vertical-align: middle; text-align: center; background: #fff; border:1px solid #ccc; border-right:0; border-radius: 1rem 0 0 1rem;}
.signature .box img { width: 45.2rem; }
.signature .box:not(:first-child) {background: #141450; border:1px solid #141450; border-left:0; border-radius: 0 1rem 1rem 0;}

/* ±¤°í/PRÀÚ·á */
.ad-list {display: flex; flex-wrap: wrap; margin:1.5rem 0 7rem;}
.ad-list .item {width:36rem; margin:9rem 0 0 6rem;}
.ad-list .item:nth-child(-n+3) {margin-top:0;}
.ad-list .item:first-child,
.ad-list .item:nth-child(3n+1) {margin-left:0;}
.ad-list .item a {display: block;}
.ad-list .item .ad-thumb {overflow: hidden; display:block; width:36rem; height: 21rem; background:#f8f8f8; border-radius: 1rem;}
.ad-list .item .ad-thumb img {width: 100%; height: 100%;}
.ad-list .item .ad-info {display: block; margin-top:2.4rem;}
.ad-list .item .title {overflow: hidden; display: block; margin-bottom:2rem; font-size:1.8rem; line-height: 2.5rem; color:#000; font-weight: 500; text-overflow: ellipsis; white-space:nowrap;}
.ad-list .item .date {font-size:1.5rem; color:#6e6e6e;}

.pr-list {display: flex; flex-wrap: wrap; margin:2rem 0 7rem;}
.pr-list .item {width:36rem; margin:9rem 0 0 6rem;}
.pr-list .item:nth-child(-n+3) {margin-top:0;}
.pr-list .item:first-child,
.pr-list .item:nth-child(3n+1) {margin-left:0;}
.pr-list .item a {display: block;}
.pr-list .item .pr-thumb {overflow:hidden; display:block; width:36rem; height:40rem; background:#f8f8f8; border:1px solid #ddd; border-radius: 1rem;}
.pr-list .item .pr-thumb img {width:100%; height:100%;}
.pr-list .item .pr-info {display: block; margin-top:2.4rem;}
.pr-list .item .date {font-size:1.5rem; color:#6e6e6e;}

/* ÀμⱤ°í Å©°Ôº¸±â Æ˾÷ */
.popup.modal.pr-popup .pop-wrap {width:54rem;}
.pr-cont .img-box {display: block; width:46rem;}
.pr-cont .date {display: block; margin-top:3rem; font-size:1.5rem; color:#6e6e6e;}

/* µ¿¿µ»óº¸±â Æ˾÷ */
.video-wrap {background: #d9d9d9;}
.video-cont {margin-top:3.5rem;}
.video-cont .title {display: block; margin-bottom:2rem; font-size:2.4rem; font-weight: 500;}
.video-cont .date {font-size:1.5rem; color:#6e6e6e;}
.video-cont .text-box {height: 18rem; margin-top:5rem; padding:2rem; border:1px solid #ddd; border-radius: 1.2rem;}
.video-cont .text-box > p {overflow-x: hidden; overflow-y: auto; height: 100%;}
.video-cont .text-box > p::-webkit-scrollbar {position: absolute; top:0; right:0; width:1.8rem;}
.video-cont .text-box > p::-webkit-scrollbar-thumb {width:0.6rem;height:25%;background:#888;background-clip: padding-box; border:0.6rem solid #fff; border-top:0.2rem solid #fff;; border-bottom:0.2rem solid #fff; border-radius:0.7rem;}
.video-cont .text-box > p::-webkit-scrollbar-track {background: #fff;}

/* Èñ¸ÁÀúÃà */
.webzine-list {display: flex; flex-wrap: wrap; margin-top:4.5rem;}
.webzine-list .item {width:36rem; margin:9rem 0 0 6rem;}
.webzine-list .item:nth-child(-n+3) {margin-top:0;}
.webzine-list .item:first-child,
.webzine-list .item:nth-child(3n+1) {margin-left:0;}
.webzine-list .item .webzine-thumb {overflow:hidden; position: relative; width:36rem; height:40rem; border-radius:1rem;}
.webzine-list .item .webzine-thumb img {width: 100%; height: 100%;}
.webzine-list .item .thumb {overflow: hidden; display: block; width: 36rem; height:40rem; background:#fff; border:1px solid #ddd; border-radius: 1rem;}
.webzine-list .item .webzine-info {display:none; position: absolute; top:0; right:0; width:36rem; height:40rem; padding:3.6rem 4rem; background:rgba(15,115,233,0.9); color:#fff; border-radius:1rem;animation:focusOut .2s linear forwards;}
.webzine-list .item .webzine-thumb:hover .webzine-info,
.webzine-list .item .webzine-thumb:focus-within .webzine-info {display: block;}
.webzine-list .item .webzine-info .title {display: block; margin-bottom:2rem; padding-bottom:2rem; font-size:2rem; font-weight:500; border-bottom:1px solid #3791fb;}
.webzine-list .item .webzine-info ul li {margin-bottom:1.2rem;; font-size:1.5rem; line-height: 2rem;}
.webzine-list .item .webzine-info ul li span {display: block; font-weight:500;}
.webzine-list .item .webzine-info .btn-area {position:absolute; left:0; bottom:3.6rem; width:100%; text-align: center;}
.webzine-list .item .webzine-info .btn-area button {width: 15rem; height: 4.4rem; margin:0 .3rem; background: #003a80; border-radius:0.6rem;}
.webzine-list .item .webzine-info .btn-area button [class^=icon-] {margin:-0.3rem 0.6rem 0 0;}
.webzine-list .item .webzine-title {display: block; margin-top:2.4rem}

/* @keyframes focusIn {
    0% {right:-36rem;}
    100% {right:0;}
}
@keyframes focusOut {
    0% {right:0;}
    100% {right:-36rem;}
} */

/* ¿µ¾÷Á¡ */
.section.branch {padding-top:3.4rem !important;}

.addr-detail-info {padding: 3rem 0; border-top: 1px solid #000; border-bottom: 1px solid #ebebeb;}
.addr-detail-info > li {display: flex; margin-top: 1.6rem;}
.addr-detail-info > li:first-child {margin-top: 0;}
.addr-detail-info > li span {display: block; font-size: 1.6rem; line-height: 2.4rem;}
.addr-detail-info > li .tit {width: 8.4rem; color:#6e6e6e;}
.addr-detail-info > li .txt {width: calc(100% - 8.4rem); color: #1e1e1e;}

.map-area {margin: 7rem 0;}
.map-area.type02 {margin: 10rem 0;}
.pop-section .map-area {margin: 4rem 0;}

/* ȸ»ç¼Ò°³ */
.slogan-text {margin: 6rem 0 7rem; text-align: center;}
.slogan-text .text {font-size: 4rem; color:#1e1e1e; line-height: 5.6rem;}
.slogan-text .text strong {display: block; font-weight: 600;}
.slogan-text .sub-text {margin-top: 4rem; font-size: 2.4rem; color:#6e6e6e; line-height: 3.4rem;}

/* ÀλçÁ¦µµ */
.cmp-cont {width:120rem; height: 36.4rem; margin: 3.5rem auto 0; background: url(/_pub/SBW/assets/img/img/img-cmp.png) no-repeat right center;}
.cmp-cont .tit {display: block;font-size: 2rem; color:#000; font-weight: 500; line-height: 3rem;}
.cmp-cont .txt {margin-top:1rem; font-size: 4rem; font-weight: 500; line-height: 5.6rem;}
.cmp-cont .sub-txt {margin-top: 4rem; font-size: 1.8rem; line-height: 2.8rem;}
.cmp-process {height: 80rem; margin-top:10rem; padding: 14rem 0; background: url(/_pub/SBW/assets/img/img/bnn-process.png) no-repeat 0 0; background-size: cover; text-align: center;}

.develop-info {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 3.5rem;}
.develop-info .item {width: 48rem; margin: 8rem 2.5rem 0;}
.develop-info .item:nth-child(1),
.develop-info .item:nth-child(2) {margin-top:0;}
.develop-info .item .image {width: 48rem; height: 25rem;}
.develop-info .item .title {display: block; margin-top: 2.5rem; font-size: 2rem; color:#000; font-weight: 600; line-height: 3rem;}
.develop-info .item .depth {margin-top:1rem;}
.develop-info .item .depth.type02 li {margin-top:0.5rem; padding-left: 9.7rem;}
.develop-info .item .depth.type02 li:first-child {margin-top: 0;}
.develop-info .item .depth.type02 li .tit {display: block; position: absolute; left: 1.1rem; top: 0; width: 8.6rem; color:#000;}

.slogan-area {margin-top:3.5rem; padding-top:15.9rem; background: url(/_pub/SBW/assets/img/img/bnn-slogan.png) no-repeat center top;}
.slogan-area .inner {width:65rem; height: 22rem; margin:0 auto; padding: 3.9rem 0 2.4rem; border-radius: 1rem 1rem 0 0; background-color: #fff; text-align: center;}
.slogan-area .inner .title {display:block; font-size: 4rem; color:#1e1e1e; font-weight:500; line-height: 5.6rem;}
.slogan-area .inner .title span {font-weight: 600;}
.slogan-area .inner .text {margin-top:2rem; font-size: 1.6rem; color:#5b5b7b; line-height: 2.5rem; letter-spacing: -0.08rem; } /* 260904 ¼öÁ¤ */

.welfare-info {margin-top: 4.5rem;}
.welfare-info .item {position:relative; margin-top: 11rem; padding-left: 30.4rem;}
.welfare-info .item:first-child {margin-top: 0;}
.welfare-info .title-wrap {position: absolute; left: 10rem; top: 0;}
.welfare-info .title-wrap .title {display:block; font-size: 2.4rem; color:#1e1e1e; font-weight: 600;}
.welfare-info .item .cont {width:59.4rem; text-align: center;}
.welfare-info .item .cont .img-box {display:block;}
.welfare-info .item .cont .depth.info {margin-top: 5rem;}
.welfare-info .welfare-list {display: flex; flex-wrap: wrap;}
.welfare-info .welfare-list > li {position: relative; width: 50%; margin-top: 8rem; padding-top: 10rem;}
.welfare-info .welfare-list > li:nth-child(1),
.welfare-info .welfare-list > li:nth-child(2) {margin-top: 0;}
.welfare-info .welfare-list > li:before {content: ''; position: absolute; left: 0; top: 0; width: 7rem; height: 7rem; background-position: left top; background-repeat: no-repeat; background-size: 7rem 7rem;}
.welfare-info .welfare-list > li:nth-child(1):before {background-image: url(/_pub/SBW/assets/img/icon/icon-welfare01.png);}
.welfare-info .welfare-list > li:nth-child(2):before {background-image: url(/_pub/SBW/assets/img/icon/icon-welfare02.png);}
.welfare-info .welfare-list > li:nth-child(3):before {background-image: url(/_pub/SBW/assets/img/icon/icon-welfare03.png);}
.welfare-info .welfare-list > li:nth-child(4):before {background-image: url(/_pub/SBW/assets/img/icon/icon-welfare04.png);}
.welfare-info .welfare-list > li:nth-child(5):before {background-image: url(/_pub/SBW/assets/img/icon/icon-welfare05.png);}
.welfare-info .welfare-list > li:nth-child(6):before {background-image: url(/_pub/SBW/assets/img/icon/icon-welfare06.png);}
.welfare-info .welfare-list > li .title {display: block; font-size: 2rem; color:#000; font-weight: 600; line-height: 3rem;}
.welfare-info .welfare-list > li .depth.bul {margin-top: 1rem;}

.bann-job-open{width: 120rem;margin: 0 auto;margin-top: 10rem;}
.bann-job-open a{display: block;}

/* ä¿ë¾È³» */
.employment-cont {position: relative; width:110rem; margin: 26.8rem auto 0; padding: 7rem 5rem 8rem; border-radius: 2.4rem; border: 1px solid #1e1e1e; background-color: #fff;}
.employment-cont:before {content: ''; position: absolute; left: 50%; top: -23.3rem; width: 73.4rem; height: 25.9rem; margin-left: -36.7rem; background: url(/_pub/SBW/assets/img/img/img-employment.png) no-repeat 0 0;}
.employment-cont .title-wrap {margin: 5rem 0 2rem; }
.employment-cont .title-wrap:first-child {margin-top: 0;}
.employment-cont .title-wrap .title {display:inline-block; min-width:11rem; height: 3.8rem; padding: 0 2.4rem; border-radius: 2rem; border: 1px solid #333; background-color: #fff; font-size: 1.8rem; font-weight: 600; line-height: 3.6rem;}
.employment-cont .depth.bul {margin-top:0;}
.employment-cont .step-box {margin-top: 2.4rem;}
.employment-cont .step-box + .depth.bul {margin-top: 4rem;}
.employment-cont .way-info {display:flex; justify-content:space-between; margin-top:3rem; border-radius: 1.2rem; border: 1px solid #ddd; background-color: #fff;}
.employment-cont .way-info li {width:50%;padding:3rem}
.employment-cont .way-info li .tit {display: block; margin-bottom: 2rem; font-size:1.6rem; color:#1e1e1e; line-height: 2.4rem;}

/* ceo Àλ縻 */
.ceomsg-wrap {position: relative; margin-top: 5rem;}
.ceomsg-wrap:before {content: ''; position: absolute; left: 0; right: 0; bottom: -12rem; width: 100%; height: 59.2rem; background-color: #f3f8ff;}
.ceomsg-wrap .inner-wrap {position: relative; width: 120rem; margin: 0 auto; padding: 4rem 0 0 57rem; z-index: 1;}
.ceomsg-wrap .ceomsg-img {position: absolute; top: 0; left: 0; width: 48rem; height: 61.4rem; padding: 3.3rem 0 0 3.8rem;}
.ceomsg-wrap .ceomsg-img:before {content: ''; position: absolute; left: 0; top: 0; width: 38rem; height: 49.2rem; background-color: #65a3ff;border-radius: 5.9rem 2.2rem 2.2rem;}
.ceomsg-wrap .ceomsg-img img {position: relative; z-index: 1;}
.ceomsg-wrap .ceomsg-cont .slogan {display: block; margin-bottom: 12rem; font-size: 3.6rem; color: #1e1e1e; line-height: 5rem;}
.ceomsg-wrap .ceomsg-cont .slogan span {display:block; margin-top: 2.5rem; font-size: 5rem; font-weight: 600; line-height: 6rem;}
.ceomsg-wrap .ceomsg-cont .text {font-size: 1.6rem; color: #1e1e1e; line-height: 2.8rem;}
.ceomsg-wrap .ceomsg-cont .ceo-sign {display:block; margin-top: 4rem; font-size: 2.4rem; color:#000; line-height: 3rem;}

/* ¿¬Çõ */
.history-wrap {margin-top: 5rem; padding: 15rem 5rem 0; background: url(/_pub/SBW/assets/img/img/history-bnn.png) no-repeat center top;}
.history-list {position:relative; padding:7rem 7rem 0 10.5rem; border-radius: 2rem 2rem 0 0;  background-color: #fff;}
.history-list:after {content:''; position: absolute; left: 0; right: 0; top: 0; width: 110rem; height: 30rem; border-radius: 2rem 2rem 0 0; box-shadow: 0 -6px 6px rgba(0, 0, 0, 0.2); } 
.history-list .item-history {position: relative; padding:2rem 0 5.8rem 29.8rem;}
.history-list .item-history:after {content:''; position: absolute; top: 0; bottom: 0; left: 3.5rem; width: 0.1rem; background-color: #d9d9d9;}
.history-list .item-history:first-child:after {top: 6rem;}
.history-list .item-history:last-child:after {bottom: auto;}
.history-list .item-history .history-year {position: absolute; left: 0; top: 0; width: 18.8rem; height: 6rem; border-radius: 12rem; box-shadow: 8px 6px 16px rgba(116, 81, 192, 0.2); background-color: #fff; z-index: 1; line-height: 6rem; text-align: center;}
.history-list .item-history .history-year .num {display: inline-block; position: relative; padding-left: 4.1rem; font-size: 1.6rem; color:#7451c0; font-weight: 500; line-height: 2.4rem;}
.history-list .item-history .history-year .num:before {content: ''; position: absolute; top: 50%; left: 0; width: 1.1rem; height: 1.1rem; margin-top: -0.55rem; border-radius: 50%; background-color: #7451c0;}
.history-list .item-history .detail-list .item {position: relative; margin-top: 6.8rem; padding-left: 9.1rem; z-index: 1;}
.history-list .item-history .detail-list .item:first-child {margin-top:0;}
.history-list .item-history .detail-list .item .year {display: block; position: absolute; top: 0; left: 0; font-size: 1.8rem; color: #000; font-weight: 500; line-height: 2.8rem;}
.history-list .item-history .detail-list .item .month {position:relative; padding-left: 5rem;}
.history-list .item-history .detail-list .item .month + .month {margin-top: 1.2rem;}
.history-list .item-history .detail-list .item .month dt,
.history-list .item-history .detail-list .item .month dd {font-size: 1.6rem; coloR:#464646; line-height: 2.8rem;}
.history-list .item-history .detail-list .item .month dt {position:absolute; left: 0; top: 0;width:3.5rem; color:#1e1e1e; font-weight: 600; text-align: right;}

/* Á¶Á÷µµ */
.organ-wrap {margin-top: 5rem;}

/* ¿ì¸®ÀÇ ¾à¼Ó */
.promise-cont {padding-top:38rem; background: url(/_pub/SBW/assets/img/img/img-promise.png) no-repeat center top;}
.promise-cont .text-box {text-align: center;}
.promise-cont .text-box .text {font-size: 2rem; color:#6e6e6e; line-height: 3.4rem;}
.promise-cont .text-box .text + .text {margin-top: 4rem;}
.promise-cont .text-box .text span {display:block; margin-top: 0.4rem; font-size: 3rem; font-weight: 600; line-height: 4rem;}
.promise-cont .core-value {height: 94rem; margin-top: 10rem; background: url(/_pub/SBW/assets/img/img/img-credo.png) no-repeat 0 0;}

/* º»»çÀ§Ä¡¾È³» */
.address-info {margin-top: 6rem;}
.address-info .item {position: relative; margin-top:10rem; padding-left: 22.9rem;}
.address-info .item:first-child {margin-top: 0;}
.address-info .item .title {position: absolute; top: 0; left: 0; font-size: 2.4rem; color:#1e1e1e; font-weight: 600; line-height: 2.8rem;}
.address-info .item .cont dl + dl {margin-top: 5rem;}
.address-info .item .cont dl dt {margin-bottom: 1.4rem; font-size: 1.8rem; color: #1e1e1e; font-weight: 500; line-height:3rem;}
.address-info .item .cont dl dd {display: flex; justify-content: space-between;}
.address-info .item .cont dl dd,
.address-info .item .text {font-size: 1.6rem; color:#585858; line-height:2.8rem;}
.address-info .item .cont dl dd .depth.bul {margin-top:0;}
.address-info .item .cont dl dd .box {width: 50%;}
.address-info .item .cont dl dd .box .tit {display:block; margin-bottom: 0.8rem; font-size: 1.6rem; color: #1e1e1e; font-weight: 500; line-height: 2.8rem;}

.parking-info {display:flex; align-items: center; padding: 6rem 9.6rem; border-radius: 2rem; background-color: #f9f9f9;}
.parking-info .title {display: block; position: relative; padding-left: 10.3rem; font-size: 2.4rem; color: #1e1e1e; font-weight: 600; line-height: 8rem;}
.parking-info .title:before {content: ''; position: absolute; top: 50%; left: 0; width: 8rem; height: 8rem; margin-top: -4rem; background: url(/_pub/SBW/assets/img/icon/icon-parking.png) no-repeat 0 0;}
.parking-info .text {margin-left: 18.7rem; font-size: 1.6rem; color:#1e1e1e; line-height: 3.2rem;}
.parking-info .text span {display: block; color:#4182fb; font-weight: 600;}

/* SBI ±×·ì¼Ò°³ */
.company-bnn {height: 35rem; margin: 5rem 0 7rem; padding: 11.9rem 0; background: url(/_pub/SBW/assets/img/img/company-bnn.png) no-repeat 0 0; text-align: center;}
.company-bnn .text {font-size: 4rem; color: #fff; line-height: 5.6rem;}
.company-bnn .text strong {display:block; font-weight: 600;}

.company-text {text-align: center;}
.company-text .text {font-size: 2rem; color: #6e6e6e; line-height: 3.4rem;}
.company-text .text strong {display:block; margin-top: 2.5rem; font-size: 2.4rem; color: #1e1e1e; font-weight: 600;}

.company-history {height: 15.9rem; margin-top: 8rem; background: url(/_pub/SBW/assets/img/img/company-history.png) no-repeat center center;}

.network-cont {margin-top: 12rem;}
.network-cont .network-info {display:flex; flex-wrap: wrap; margin: 3.5rem 0 0 6rem;}
.network-cont .network-info .item {width:20%; margin-top: 3.5rem;}
.network-cont .network-info .item span {display: block; font-size: 1.8rem;}
.network-cont .network-info .item .tit {color: #1e1e1e;font-size: 1.8rem; font-weight: 600; line-height: 1.8rem;}
.network-cont .network-info .item .txt {margin-top: 1rem;font-size: 1.8rem; color: #777; line-height: 2.4rem;}

.business-cont {margin-top: 12.5rem;}
.business-cont .business-img {height: 92.5rem; padding: 13rem 0; text-align: center;}
.business-cont .business-text {width: 120rem; margin: 7.5rem auto 0;}
.business-cont .business-text .title {display:block; font-size: 2.4rem; color:#000; line-height: 3rem;}
.business-cont .business-text .text {margin-top: 1.1rem; font-size: 1.6rem; color:#6e6e6e; line-height: 2.4rem;}
.business-cont .business-text .text + .title {margin-top: 5.7rem;}

.global-bg{height: 24rem;padding:6.5rem 0 6.2rem ;background: url(/_pub/SBW/assets/img/img/img-global-bg.png) center center no-repeat;text-align: center;}
.global-bg strong{display: inline-block;margin-bottom: 2rem;font-size: 3.6rem;font-weight: 500;color:#fff}
.global-bg .btn{background:none;border:1px solid #d7d7d7;font-weight: 400;color:#fff}
.global-bg .btn:after{border-color: #fff;}

/* ¼ÒºñÀÚÁ߽ɰ濵(CCM) 260904 Ãß°¡ */
/* CCM ¼Ò°³ */
.tab-wrap [class^=section].ccm-wrap:first-of-type { padding-top: 6rem; }
.ccm-wrap { text-align: center; }
.ccm-wrap .ccm-title { font-size: 4rem; font-weight: 500; }
.ccm-wrap .ccm-text { font-size: 1.6rem; color: #5b5b7b; line-height: 2.5rem; }
.ccm-wrap .introduce-banner { display: flex; justify-content: center; width: 120rem; height: 25rem; padding: 3.7rem 0; margin-top: 6rem; background: url(/_pub/SBW/assets/img/img/img-ccm-introduce-bg.png) center no-repeat; }
.ccm-wrap .introduce-banner .img-logo { width: 17.6rem; margin-right: 4.2rem; }
.ccm-wrap .introduce-banner .inner-banner { text-align: left; }
.ccm-wrap .introduce-banner .inner-banner .title-text { margin-top: 2.8rem; font-size: 3.2rem; font-weight: 600; color: var(--fc-11); }
.ccm-wrap .introduce-banner .inner-banner .content-text { margin-top: 3.2rem; font-size: 1.6rem; font-weight: 400; color: var(--fc-11); }
.ccm-wrap .company-philosophy.mean { margin-top: 8rem; }
.ccm-wrap .company-philosophy.mean ul { position: relative; }
.ccm-wrap .company-philosophy.mean ul:after { opacity: .5; z-index: -1; content:''; position: absolute; top: 4.2rem; left: 50%; width: 71.3rem; height: 0.4rem; margin-left: -34.7rem; background: linear-gradient(90deg, #1CA3EB 0%, #6412C0 100%); -webkit-mask: radial-gradient(circle, #000 0.2rem, transparent 0.2rem) left center / 2.4rem 0.4rem repeat-x; mask: radial-gradient(circle, #000 0.2rem, transparent 0.2rem) left center / 2.4rem 0.4rem repeat-x; }
.ccm-wrap .cert-banner { display: flex; justify-content: center; align-items: center; margin-top: 8rem; width: 100%; padding: 4.3rem; background: #f9f9f9; border-radius: 2rem; }
.ccm-wrap .cert-banner .title-text { font-size: 2.4rem; font-weight: 600; }
.ccm-wrap .cert-banner .organization-group { display: flex; margin-left: 16.6rem; }
.ccm-wrap .cert-banner .organization-group .org { text-align: left; }
.ccm-wrap .cert-banner .organization-group .org .con-text { margin-bottom: 0.8rem; }
.ccm-wrap .cert-banner .organization-group .org + .org { margin-left: 3.2rem; }
.ccm-wrap .ccm-overview { margin-top: 11rem; }
/* CCM ¿î¿µÃ¼°è */
.ccm-wrap .manage-wrap { margin: 0; }
.ccm-wrap .manage-wrap + .manage-wrap { margin-top: 7rem; padding-top: 7rem; border-top: 1px solid #ebebeb; }
.ccm-wrap .manage-wrap .manage-inner { display: flex; }
.ccm-wrap .manage-wrap .manage-inner .title-text { min-width: 18rem; margin-right: 12.4rem; font-size: 2.4rem; font-weight: 600; text-align: left; }
.ccm-wrap .manage-wrap .manage-inner img { width: 80.4rem; }
.ccm-wrap .manage-wrap:nth-child(2) .manage-inner img { width: 64rem; }
/* CCM ÀÎÁõÇöȲ */
.ccm-wrap .slogan-area.ccm { background: url(/_pub/SBW/assets/img/img/img-bnn-certification-status.png) no-repeat center top; }
.ccm-wrap .oath-wrap { margin: 10rem auto 0; width: 101.2rem; } /* 260908 ¼öÁ¤ */
.ccm-wrap .oath-wrap .oath-text { display: flex; text-align: left; letter-spacing: -0.08rem; }
.ccm-wrap .oath-wrap .oath-text + .oath-text { margin-top: 2.4rem; }
.ccm-wrap .oath-wrap .oath-text .point-text { min-width: 3.2rem; margin: 0.4rem 1.6rem 0 0; font-size: 1.6rem; font-weight: 700; color: #7451C0; }
.ccm-wrap .oath-wrap .oath-text .con-text { font-size: 2rem; }
.divide-line { border-bottom: 1px solid #ddd; }
.ccm-wrap .history-wrap { width: 88rem; margin: 5.5rem auto 0; padding: 0; background: none; }
.ccm-wrap .history-wrap .history-title { margin-left: 3.2rem; font-size: 2.4rem; text-align: left; font-weight: 500; }
.ccm-wrap .history-list { padding: 0; margin-top: 6rem; }
.ccm-wrap .history-list:after { display: none; }
.ccm-wrap .item-history { padding: 2rem 0 5.8rem 26.8rem; }
.ccm-wrap .item-history:after { left: 4.2rem;}
.ccm-wrap .item-history .history-year .num { min-width: 11rem; }
.ccm-wrap .item-history .history-content { text-align: left; }
.ccm-wrap .item-history .history-content .text-inner + img { margin-top: 4.3rem; }
.ccm-wrap .item-history .history-content .con-title { font-size: 2.0rem; font-weight: 500; vertical-align: middle; }
.ccm-wrap .item-history .history-content .con-text { margin-left: 1.5rem; color: #464646; vertical-align: middle; }

/* 241216 Vision */
.vision .company-bnn { height: 30rem; background: url(/_pub/SBW/assets/img/img/vision-bnn.png) no-repeat 0 0; }
.vision .company-bnn .text { display: table; width: 100%; height: 100%; }
.vision .company-bnn .text strong { display: table-cell; vertical-align: middle; }

.company-philosophy { text-align: center; }
.company-philosophy ul { display: inline-block; overflow: hidden; margin-top: 5rem; }
.company-philosophy ul li { float: left; min-width: 19rem; margin-left: 4.1rem; text-align: center; }
.company-philosophy ul li:first-child { margin-left: 0; }
.company-philosophy .img-icon { width: 8.8rem; }
.company-philosophy .cp-title { margin-top: 2.4rem; font-size: 2rem; font-weight: 600; color: #13161c; font-family: 'Pretendard'; }
.company-philosophy .cp-text { margin-top: 1.2rem; font-size: 1.6rem; font-weight: 400; color: #696e77; }

.vision-ceremony { position: relative; margin: 12.8rem 0 8rem; padding: 7rem 0; background: #f5f8ff; border-radius: 2.4rem; text-align: center; }
.vision-ceremony:before { content: ''; display: block; position: absolute; top: -11rem; left: 50%; margin-left: -10rem; width: 20rem; height: 17rem; background: url(/_pub/SBW/assets/img/img/img-vision-ceremony-arrow.png); background-size: 100% auto; }
.vision-ceremony .vc-title { font-size: 3.2rem; font-weight: 700; color: #13161c; }
.vision-ceremony .vc-title .text-point { background: linear-gradient(45deg, #3665df 0%, #6314c1 100%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.vision-ceremony .vc-text { margin-top: 3rem; font-size: 1.8rem; font-weight: 400; line-height: 3.4rem; color: #1e1e1e; font-family: 'Pretendard'; }

.vision-basic { margin: 8rem 0; text-align: center; }
.vision-basic .img-icon { width: 74.9rem; }

/* ESG °æ¿µ */
.esg-cont {padding-top:38rem; background: url(/_pub/SBW/assets/img/img/esg-bnn.png) no-repeat center top;}
.esg-cont .esg-meaning {position: relative; height: 23rem; margin: 7rem 0 10rem; background: url(/_pub/SBW/assets/img/img/img-esg-meaning.png) no-repeat center center; }
.esg-cont .esg-meaning:before {content: ''; position: absolute; top: 50%; left: -100vw; right:-100vw; height: 0.1rem; margin-top: -0.05rem; background-color: #ddd; z-index: -1;}
.esg-cont .example-info .item-example {margin-top:7rem; padding-top:7rem; border-top: 1px solid #ebebeb;}
.esg-cont .example-info .item-example:first-child {padding-top:0; border-top:0;}

/* »ç°í½Å°í */
.accident-report {padding-top:30rem; background: url(/_pub/SBW/assets/img/img/img-accident.png) no-repeat center top;}

/* ¼­ºñ½º ÄÁÅÙÃ÷(°øÅë) */
.example-info {width: 120rem; margin:7rem auto 0;}
.example-info .item-example {display:table; width:100%; margin-top:11rem;}
.example-info .item-example:first-child {margin-top:0;}
.example-info .item-example .title-wrap {display:table-cell; width:28rem; vertical-align: top;}
.example-info .item-example .title-wrap .title {font-size: 2.4rem; color: #1e1e1e; line-height: 3.4rem;}
.example-info .item-example .title span {display: block;}
.example-info .item-example .cont {display: table-cell; width:92rem; vertical-align: top;}
.example-info .item-example .info-list {display: flex; flex-wrap: wrap;}
.example-info .item-example .info-list .item {width: 50%; margin-top: 7rem; padding-right: 4.5rem;}
.example-info .item-example .info-list .item:nth-child(1),
.example-info .item-example .info-list .item:nth-child(2) {margin-top: 0 !important;}
.example-info .item-example .info-list .item .tit {display: block; margin-bottom: 1rem; font-size: 2rem; color:#000; font-weight: 500; line-height: 3rem; word-break: keep-all;}
.example-info .item-example .info-list .item .depth {margin-top: 0;}
.example-info .item-example .btn-list .btn.link:not(:first-child) {margin-left:5rem;}

.lst-depth.depth > li{line-height:3.6rem}

/* SBI °ñÇÁ´Ü */ /* 260324 ¼öÁ¤  */
.golf-group { text-align: center; margin-bottom: 10rem; }
.golf-group .img-group { width: 102rem; }
.golf-team-info {display: flex; width: 138rem; flex-wrap: wrap; gap: 6rem; justify-content: center; transform: translateX(-9rem); }
.golf-team-info .item { position: relative; flex: 0 0 30rem; width: 30rem; margin-bottom: 4rem; }
.golf-team-info .item:nth-child(1) { margin-left: 10rem; }
.golf-team-info .item:nth-child(3) { margin-right: 10rem; }
.golf-team-info .item img {width:100%;}

/* À±¸®°æ¿µ, À±¸®°­·É */
.intro-wrap {height:44rem; padding: 10.7rem 10rem 12.6rem 48rem; background: url(/_pub/SBW/assets/img/img/ethics-intro-bnn.png) no-repeat 0 0;}
.intro-wrap .title {display: block; font-size: 3.2rem; color: #fff; font-weight: 600; line-height: 4.2rem;}
.intro-wrap .text {margin-top: 3rem; font-size: 1.6rem; color: #fff; line-height: 2.8rem;}

.concept-info {margin-top: 6rem; text-align: center;}
.concept-info .p {line-height: 2.8rem;}
.concept-info .concept-img {height:45rem; margin-top: 11rem; background: #fff url(/_pub/SBW/assets/img/img/img-concept.png) no-repeat center center;}

.ethics-program {padding-top:38rem; background: #fff url(/_pub/SBW/assets/img/img/img-ethics-program.png) no-repeat center top;}
.ethics-program .text {font-size: 2.8rem; color: #1e1e1e; font-weight: 600; line-height: 4.4rem; text-align: center;}
.ethics-program .program-info {display: flex; flex-wrap: wrap; margin-top:7rem;}
.ethics-program .program-info .item {width: calc(33.33% - 14rem); margin:8rem 7rem 0;}
.ethics-program .program-info .item:nth-child(1),
.ethics-program .program-info .item:nth-child(2),
.ethics-program .program-info .item:nth-child(3) {margin-top: 0;}
.ethics-program .program-info .item .tit {display:block; font-size: 1.8rem; color:#000; font-weight: 600; line-height: 2.8rem;}
.ethics-program .program-info .item .txt {margin-top: 1rem; font-size: 1.6rem; color:#646464; line-height: 2.5rem;}
.ethics-program .ethics-rule {height: 60.5rem; margin: 11rem 0; background: #fff url(/_pub/SBW/assets/img/img/img-ethics-rule.png) no-repeat center center;}
.ethics-program .accordion li .toggle-panel > .depth.num > li {margin-top: 1.5rem; color: #1e1e1e;}
.ethics-program .accordion li .toggle-panel > .depth.num > li:first-child {margin-top:0;}

/* ±ÝÀ¶¼ÒºñÀÚº¸È£ */
.conduct-slogan-text{width:120rem;margin:6rem auto 7rem}
.conduct-cont{position:relative;padding:10rem 0 12rem ;margin:7rem 0 -12rem;background-color:#f3fafa}
.conduct-cont .img-box{position:relative;width: 120rem;margin: 0 auto;z-index: 10;}
.conduct-area{width:120rem;height:51.1rem;margin:0 auto;background: url(/_pub/SBW/assets/img/img/img-conduct.png) no-repeat center center;}
.conduct-txt{width:120rem;margin:0 auto;text-align: center;}
.customer-organ{height:83.6rem;margin-top:5rem;background: #fff url(/_pub/SBW/assets/img/img/img-customer-organ.png) no-repeat center center;}
.custo-process-cont{padding:14rem 0 15rem;background: url(/_pub/SBW/assets/img/img/custo-process-bnn.png) no-repeat;text-align: center;background-size:cover;}
.custo-process-cont .img-box{width: 120rem;margin: 0 auto;}
.customer-process-area{width:120rem;height:44.4rem;margin:0 auto;background: url(/_pub/SBW/assets/img/img/img-customer-process.png) no-repeat center center;}
.custo-channer{width:120rem;margin: 7rem auto 0;}
.custo-channer .example-info .item-example .title-wrap {width:35.5rem;}
.custo-channer .example-info .item-example .cont {width:84.5rem;}
.custo-channer .example-info .item-example .info-list .item {margin-top: 4rem;}
.custo-channer .example-info .item-example .info-list .item .tit {font-size: 1.6rem; color:#1e1e1e;}
.custo-channer .example-info .item-example .info-list .item .depth {margin-top: 0;font-size: 1.8rem; color:#000; line-height: 3rem;}
.product-slogan-text .text{font-size: 2.8rem; line-height: 4.4rem;}

/* ±ÝÀ¶»ç±â ¿¹¹æ ¾È³» */
.prevent-cont{width: 120rem; margin: 6rem auto 0;padding-top:30rem; background: url(/_pub/SBW/assets/img/img/img-financial-prevent.png) no-repeat center top;}

/* ºñ´ë¸é±ÝÀ¶»ç°í Ã¥ÀӺдã±âÁØ Á¦µµ ¾È³» 250807 Ãß°¡ */
.prevent-cont.standards { background: url(/_pub/SBW/assets/img/img/img-financial-standards.png) no-repeat center top; }

/* ±ÝÀ¶°¨µ¶¿ø ±ÝÀ¶Á¤º¸ */
.financ-area{display: flex;flex-wrap:wrap}
.financ-item{width:38rem;margin:3rem 0 0 3rem;padding-top:11.8rem;border:1px solid #ddd;border-radius: 1rem; text-align: center;}
.financ-area .financ-item:nth-child(-n+3){margin-top:0}
.financ-area .financ-item:nth-child(3n+1){margin-left:0}
.financ-item span{display:block;margin-bottom:3rem;font-size: 1.6rem;color:#6e6e6e; line-height: 2.5rem;}
.financ-item span.btm-type2{margin-bottom:3.7rem;}/* 260914 Ãß°¡ */
.financ-item .title{margin-bottom:1rem;font-size: 1.8rem; font-weight: 500; color:#000; line-height: 1.8rem;}
.financ-item a{display:block;padding:1.5rem;border-top:1px solid #ddd;font-size: 1.8rem; color:#1e1e1e; line-height: 1.8rem;}
.financ-item01{background:url(/_pub/SBW/assets/img/icon/icon-financial-info01.png) no-repeat center 3.7rem;}
.financ-item02{background:url(/_pub/SBW/assets/img/icon/icon-financial-info02.png) no-repeat center 3.65rem;}
.financ-item03{background:url(/_pub/SBW/assets/img/icon/icon-financial-info03.png) no-repeat center 3.7rem;}
.financ-item04{background:url(/_pub/SBW/assets/img/icon/icon-financial-info04.png) no-repeat center 3.7rem;}
.financ-item05{background:url(/_pub/SBW/assets/img/icon/icon-financial-info05.png) no-repeat center 3.6rem;}
.financ-item06{background:url(/_pub/SBW/assets/img/icon/icon-financial-info06.png) no-repeat center 3.66rem;}
.financ-item07{background:url(/_pub/SBW/assets/img/icon/icon-financial-info07.png) no-repeat center 3.8rem;}
.financ-item08{background:url(/_pub/SBW/assets/img/icon/icon-financial-info08.png) no-repeat center 3.52rem;}
.financ-item09{background:url(/_pub/SBW/assets/img/icon/icon-financial-info09.png) no-repeat center 3.44rem;}
.financ-item10{background:url(/_pub/SBW/assets/img/icon/icon-financial-info10.png) no-repeat center 3.48rem;}
.financ-item11{background:url(/_pub/SBW/assets/img/icon/icon-financial-info11.png) no-repeat center 3.5rem;}
.financ-item12{background:url(/_pub/SBW/assets/img/icon/icon-financial-info12.png) no-repeat center 3.4rem;}
.financ-item13{background:url(/_pub/SBW/assets/img/icon/icon-law-info.png) no-repeat center 3.7rem;background-size: 6rem;}/* 260914 Ãß°¡ */

/* ±ÝÀ¶Ãë¾à°èÃþ ¿ì´ë ¼­ºñ½º */
.service-cont{padding-top:35rem; background: url(/_pub/SBW/assets/img/img/img-preferred-service.png) no-repeat center top;}

/* ÀÚµ¿ÀԷ¹æÁö */
.captcha-form {display: flex; align-items: center; margin-bottom: 1rem;}
.captcha-form .captcha-code {margin-right: 0.4rem;}
.captcha-form .btn-wrap.v .btn {min-width:8.4rem; height:3.8rem;}
.captcha-form .btn-wrap.v .btn + .btn {margin-top: 0.4rem;}

/* ÀϹݾ÷¹«»ó´ã ¿Ï·á */
.counsel-cont{width: 71rem; margin: 0 auto;}
.counsel-cont .result .txt{letter-spacing: -1px;}
.counsel-cont .result .result-bottom{padding: 0 5rem; margin-top: 3rem; border-top:1px solid #ebebeb; text-align: left;}

/* ³ªÀÇ»ó´ã Á¢¼öÈ®ÀÎ */
.confirm-receip-cont{position: relative;height:31.9rem;padding:7rem 0 0 54rem;margin-bottom:6rem;}
.confirm-receip-cont .inner-wrap{position: relative; color: #fff; z-index: 1;}
.confirm-receip-cont:after{display:block;position: absolute;top:0;left:0;right:0;height:25.6rem;background-color: #465fb6; border-radius:1rem 1rem 6rem;content:'';}
.confirm-receip-cont:before{display:block;position: absolute;bottom:0;left:4.7rem;width:39rem;height:25.4rem;background:url(/_pub/SBW/assets/img/img/img-confirm-bg.png) no-repeat; border-radius: 1rem; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);content:''; z-index: 1;}
.confirm-receip-cont .confirm-txt{font-size:2.4rem; line-height: 2.4rem;}
.confirm-receip-cont .repl-txt{display:inline-block;margin:2rem 1rem 2rem 0;font-size:2.8rem; line-height: 2.8rem;font-weight:500;}
.confirm-receip-cont .repl-txt .num{color:#ffc909}
/* 
.confirm-receip-result{border-top:1px solid #323232}
.confirm-receip-result .title-area{display:flex;justify-content:space-between;padding:2rem;background-color:#f9f9f9;}
.confirm-receip-result .title{position:relative;padding-left:3rem;font-size:1.5rem;color:#000}
.confirm-receip-result .title:after{display:block;position: absolute;top:0;left:0;content:'Q';}
.confirm-receip-result .date{font-size:1.5rem;color:#1e1e1e}
.confirm-receip-result .ques-cont{min-height:15rem;margin:2rem 4rem 0;padding:2rem 0;border-bottom: 1px solid #ebebeb;font-size:1.5rem;color:#1e1e1e}
.confirm-receip-result .repl-area{position:relative;padding:2rem 2rem 2rem 5rem;border-bottom: 1px solid #ebebeb;font-size:1.5rem;color:#000}
.confirm-receip-result .repl-area:after{display:block;position: absolute;top:2rem;left:2rem;content:'A';} 
*/
.confirm-receip-result{padding: 7.6rem 14rem 8rem;background-color: #f6f9fb;border-radius: 2rem;}
.confirm-receip-result::after{display: block;clear: both;content: '';}
.confirm-receip-result .ques-cont{float:left;position:relative;width:44rem;min-height: 20rem;padding: 3.6rem 4rem 3rem;background-color: #fff;border:1px solid #c0c0c0;border-radius: 2rem;}
.confirm-receip-result .ques-cont .title{position:relative;padding-top:6rem;font-size:1.6rem;color:#1e1e1e}
.confirm-receip-result .ques-cont .title:after{display:block;position: absolute;top:0;left:0;font-size:2.4rem;font-weight: 600;color:#000;content:'Q.';}
.confirm-receip-result .ques-cont:after{display:block;position: absolute;top:0;left:-10.5rem;width:8rem;height:8rem;background:url(/_pub/SBW/assets/img/img/bg-ques02.png) no-repeat;content:'';}
.confirm-receip-result .ques-cont:before{display:block;position: absolute;top:3.7rem;left:-2.1rem;width:2.2rem;height:2.1rem;background:url(/_pub/SBW/assets/img/img/bg-ques.png) no-repeat;content:'';}
.confirm-receip-result .repl-area {float:right;position:relative;width:44rem;min-height: 20rem;padding: 3.6rem 4rem 3rem;margin-top:4.2rem;background-color: #e8f2ff;border:1px solid #5aa6ff;border-radius: 2rem;}
.confirm-receip-result .repl-area:before{display:block;position: absolute;top:3.7rem;right:-2.1rem;width:2.2rem;height:1.6rem;background:url(/_pub/SBW/assets/img/img/bg-ans.png) no-repeat;content:'';}
.confirm-receip-result .repl-area:after{display:block;position: absolute;top:0;right:-10.5rem;width:8rem;height:8rem;background:url(/_pub/SBW/assets/img/img/bg-ans02.png) no-repeat;content:'';}
.confirm-receip-result .repl-area .title{position:relative;padding-top:6rem;font-size:1.6rem;color:#1e1e1e}
.confirm-receip-result .repl-area .title:after{display:block;position: absolute;top:0;left:0;font-size:2.4rem;font-weight: 600;color:#000;content:'A.';}
.board-view .view-head .cate{display: inline-block;position:relative;padding-right: 2.6rem;margin:0.6rem 2rem 0 0;font-size:1.5rem;color: #767676;line-height: 2.5rem;}
.board-view .view-head .cate:after{display: block;position: absolute;top:0.6rem;right: 0;width: 1px;height: 12px;background-color:#ddd;content: '';}
.board-view .view-head .cate + .date{display: inline-block;}

/* ½Åû¼­ ¼­¸í ¿µ¿ª */
.sign-box {margin-top:4rem; text-align: center;}
.sign-box .date {font-size:1.6rem; color:#000;}
.sign-box .date.alone {font-size:2.4rem; font-weight: 500;}
.sign-box .sign-area {margin-top:1rem;}
.sign-box .sign-area .tit {margin-right:0.6rem; font-size:1.6rem; color:#1e1e1e;}
.sign-box .sign-area .sign {font-size:1.8rem; color:#000; font-weight: 500;}

/* ±ÝÀ¶¼ÒºñÀÚ¿ø¸® ¾È³» */
.right-info-cont{width: 120rem; margin: 6rem auto 0;padding-top:35rem; background: url(/_pub/SBW/assets/img/img/bnn-right-info.png) no-repeat center top;}

/* »ó´ãÀüÈ­¾È³» - º¸ÇèÇùȸ¹Î¿ø */
.link-bnn-area{display: flex;}
.link-bnn-area li {display: flex;justify-content:center;align-items: center;width: 59rem;height: 10rem; margin-left:2rem;border: 1px solid #ddd;border-radius: 1.8rem;}
.link-bnn-area li:first-child {margin-left:0;}

/* À§¹ý°è¾àÇØÁö ¿ä±¸±Ç ½Åû/È®ÀÎ */
.contract-wrap{margin-top:5rem;text-align: center;}
.contract-area{display: flex;text-align: left}
.contract-area li{width: 50%;margin-left: 2rem;padding:4.6rem 0 4.6rem 16rem;border: 1px solid #ddd;border-radius: 1.2rem;}
.contract-area li:first-child{margin-left: 0;}
.contract-area li.contract-cancel{background: url(/_pub/SBW/assets/img/icon/icon-contract-cancel.png) 6.5rem 5.5rem no-repeat;}
.contract-area li.contract-cnfm{background: url(/_pub/SBW/assets/img/icon/icon-contract-cnfm.png) 6.5rem 5.5rem  no-repeat;}
.contract-area li .tit{margin-bottom: 1rem;font-size: 1.8rem;font-weight: 500;line-height: 1.8rem;color:#000;}
.contract-area li .info-txt{margin-bottom: 2rem;font-size: 1.5rem;line-height: 1.5rem;color:#6e6e6e;}

/* °³ÀÎÁ¤º¸Ã³¸®¹æħ/½Å¿ëÁ¤º¸È°¿ëüÁ¦/°í°´±Ç¸®¾È³»¹® µî Á¤Ã¥°ü·Ã */
.policy-area .h3 { margin:6rem 0 2rem; }/*2024-02-14*/
.policy-area .h3:first-child {margin-top:0;}
.policy-area .h4 {margin:4rem 0 1.2rem;}
.policy-area .h5 {margin:2rem 0 1rem; color:var(--fc-02);}
.policy-area .depth.num.round.body-text > li:before {line-height: 1.4rem;}
.policy-area .btn-area {margin: 2rem 0;}
.policy-area .btn-area .btn {vertical-align: top;}
.policy-area .btn-download {margin-top: 1.5rem; color:#333;}
.policy-area .btn-download i {margin-bottom: .2rem;}

/* ¹Î¿øÀ̶õ? */
/* wa-241024 : ¸íµµ´ëºñ À̹ÌÁö ±³Ã¼ ½ºÅ¸ÀÏ ¼öÁ¤ */
.civil_area{width: 76.2rem;padding:14rem;margin: 8rem auto; background:url(/_pub/SBW/assets/img/img/img-civil-bg.png) 0 0 no-repeat; background-size: 100% auto;}

/* ÀÚÁÖ¹¯´Â Áú¹® */
.faq_con{width: 120rem; margin: 5rem auto 0;}
.faq_con .accordion{border-top:1px solid #323232;}
.faq_con .accordion > li{position:relative;}
.faq_con .accordion > li .acco-tit{padding:7rem 4rem 3rem 4rem;}
.faq_con .accordion > li .cate-item{position: absolute; top: 2.5rem;left:4rem;min-width: 5.5rem;padding:0.3rem 0.5rem; border: 1px solid #0f73e9;border-radius: .4rem;font-size:1.3rem;font-weight: 500;text-align: center;color:#0f73e9;}
.faq_con .accordion > li .cate-item.item01{min-width: auto;padding: 0.6rem 0.7rem;background-color:#0f73e9 ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item02{min-width: auto;padding: 0.6rem 0.7rem;background-color:#008676 ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item03{min-width: auto;padding: 0.6rem 0.7rem;background-color:#6255ee ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item04{min-width: auto;padding: 0.6rem 0.7rem;background-color:#399700 ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item05{min-width: auto;padding: 0.6rem 0.7rem;background-color:#857800 ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item06{min-width: auto;padding: 0.6rem 0.7rem;background-color:#1f041e ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item07{min-width: auto;padding: 0.6rem 0.7rem;background-color:#8263cb ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item08{min-width: auto;padding: 0.6rem 0.7rem;background-color:#5d3303 ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item09{min-width: auto;padding: 0.6rem 0.7rem;background-color:#433488 ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item10{min-width: auto;padding: 0.6rem 0.7rem;background-color:#4d7a43 ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item11{min-width: auto;padding: 0.6rem 0.7rem;background-color:#982d2d ;border: none;color:#fff}
.faq_con .accordion > li .cate-item.item12{min-width: auto;padding: 0.6rem 0.7rem;background-color:#e09500 ;border: none;color:#fff}

.faq_con .accordion > li > .toggle-panel{position:relative;padding:2.5rem 3rem 2.5rem 6rem;}
.faq_con .accordion.faq .toggle-panel::before{position: absolute; top: 2.8rem; left: 4rem;}

/* »ó´ãÀüÈ­¾È³» */
.cs-info-wrap{display: flex;flex-wrap:wrap}
.cs-info-wrap li{width: 50%;padding:4.5rem 0 4.5rem 27rem;}
.cs-info-wrap li .title{display: block;margin-bottom: 1rem;font-size: 2rem;font-weight: 600;color:#000}
.cs-info-wrap li span{display: block;color:#6e6e6e;}
.cs-info-wrap li .cs-num{color:#000;}
.cs-info-wrap .item01{background:url(/_pub/SBW/assets/img/icon/icon-cs-info01.png) 12rem 4rem no-repeat;}
.cs-info-wrap .item02{padding-left: 24rem;background:url(/_pub/SBW/assets/img/icon/icon-cs-info02.png) 9rem 4rem no-repeat;} /* 261015 ¼öÁ¤ */
.cs-info-wrap .item03{background:url(/_pub/SBW/assets/img/icon/icon-cs-info03.png) 12rem 4rem no-repeat;}
.cs-info-wrap .item04{padding-left: 24rem;background:url(/_pub/SBW/assets/img/icon/icon-cs-info04.png) 9rem 4rem no-repeat;}
.cs-info-wrap .item05{background:url(/_pub/SBW/assets/img/icon/icon-cs-info05.png) 12rem 4rem no-repeat;}

/* ±ÝÀ¶°¨µ¶¿ø ±ÝÀ¶Á¤º¸ */
.prepar-area{display: flex;flex-wrap:wrap}
.prepar-item{width:38rem;margin:3rem 0 0 3rem;padding-top:13rem;border:1px solid #ddd;border-radius: 1rem; text-align: center;}
.prepar-area .prepar-item:nth-child(-n+3){margin-top:0}
.prepar-area .prepar-item:nth-child(3n+1){margin-left:0}
.prepar-item span{display:block;margin-bottom:4.5rem;font-size: 1.6rem;color:#6e6e6e; line-height: 2.5rem;}
.prepar-item .title{margin-bottom:1rem;font-size: 1.8rem; font-weight: 500; color:#000; line-height: 1.8rem;}
.prepar-item a{display:block;padding:1.5rem;border-top:1px solid #ddd;font-size: 1.8rem; color:#1e1e1e; line-height: 1.8rem;}
.prepar-item01{background:url(/_pub/SBW/assets/img/icon/icon-prepar01.png) no-repeat center 3.7rem;}
.prepar-item02{background:url(/_pub/SBW/assets/img/icon/icon-prepar02.png) no-repeat center 3.65rem;}
.prepar-item03{background:url(/_pub/SBW/assets/img/icon/icon-prepar03.png) no-repeat center 3.7rem;}

/* º¸È£±ÝÀ¶»óÇ°µî·ÏºÎ */

/* À§¹ý°è¾àÇØÁö¿ä±¸¿¡ ´ëÇÑ ÅëÁö */
.sign-wrap {width: 60rem;margin: 4rem auto 8rem;text-align: center;} /* 261015 ¼öÁ¤ */
.sign-wrap .date {display: block;margin-bottom: 2rem;font-size: 1.8rem;color: var(--fc-01);line-height: 2.5rem;} /* 261015 ¼öÁ¤ */
.sign-wrap .sign-area {display: flex;align-items: center;justify-content: space-between;padding-bottom: 2.5rem;border-bottom: 1px solid #000;}
.sign-wrap .sign-area .tit, .sign-wrap .sign-area .sign {display: block;font-size: 1.8rem;line-height: 2.5rem;color: var(--fc-06);}
.sign-wrap .sign-area .tit {color: var(--fc-01);text-align: left;}
.sign-wrap .sign-area .sign {text-align: right;}
.sign-wrap .sign-area .sign .name {margin-right: 1rem;color: var(--fc-01);font-weight: 600;}
.sign-wrap .seal-area {display: flex;justify-content: center;align-items: flex-start;text-align: center;} /* 261015 ¼öÁ¤ */
.sign-wrap .seal-area span {display: inline-block; width: 16rem;} /* 261015 ¼öÁ¤ */
.sign-wrap .seal-area span + span {width: 7rem; margin-left: 2rem;} /* 261015 ¼öÁ¤ */

/* ºÎµ¿»ê Á¤º¸ ¼­ºñ½º */
.list.temp-area >li{align-items:flex-start}
.temp-area > li{padding:5rem 0 5rem 1rem}
.temp-area > li > .temp-img {overflow: hidden; width:21.5rem; height: 16rem; border:1px solid #ddd; border-radius: 1rem;}
.temp-area > li > .temp-img img {width:21.5rem; height: 16rem;}
.temp-info-wrap{width:60%;padding-top:1rem}
.temp-info-wrap .cate{display: inline-block;margin-bottom: 1rem;font-size: 1.5rem;color: #1e1e1e;}
.temp-info-wrap .name{display:block;margin-bottom: 3rem;font-size: 2rem; font-weight: 600; line-height: 2rem; color: #1e1e1e;}
.temp-info{display: flex;}
.temp-item{width: 33%;padding:0 0 1rem 7rem;}
.temp-item span{display: block;}
.temp-item .tit{color:#646464}
.temp-item .sum{color:#1e1e1e}
.temp-item.item01{background:url(/_pub/SBW/assets/img/icon/icon-temp01.png) no-repeat;}
.temp-item.item02{background:url(/_pub/SBW/assets/img/icon/icon-temp02.png) no-repeat;} 
.temp-item.item03{background:url(/_pub/SBW/assets/img/icon/icon-temp03.png) no-repeat;}

/* ºÎµ¿»ê Á¤º¸ - »ó¼¼ */
.temp-detail-area{display: flex; justify-content: space-between;}
.temp-detail-area .temp-img {overflow: hidden; width:34rem; height:25.3rem;; border-radius: 1rem;}
.temp-detail-area .temp-img img {width:34rem; height:25.3rem;}
.temp-detail-area .temp-info-wrap{width:80rem;}
.temp-detail-area .name{margin-bottom: 1rem;}
.temp-detail-area .deal{display:inline-block;margin-bottom: 2rem;font-size: 2.4rem; font-weight: 500;color:#0f73e9;}
.temp-detail-area .temp-info{flex-direction:column;padding-top:2rem; border-top: 1px solid #ebebeb;}
.temp-detail-area .temp-item{width: auto;padding:1rem 0 1rem 3.4rem;}
.temp-detail-area .temp-item span{display:inline-block;}
.temp-detail-area .temp-item .tit{margin-right: 2rem;}
.temp-detail-area .temp-item.item04{background:url(/_pub/SBW/assets/img/icon/icon-temp04.png) 0 center no-repeat;}
.temp-detail-area .temp-item.item05{background:url(/_pub/SBW/assets/img/icon/icon-temp05.png) 0 center no-repeat;}

.thum-wrap{display: flex;justify-content:space-between;}
.thum-img {overflow: hidden; width:96.4rem;height:59.4rem; border-radius:1rem}
.thum-img img{width:96.4rem;height:59.4rem;}
.thum-list{width: 21.5rem;padding: 2.3rem 2.7rem 2.2rem 2.8rem;background-color: #f0f6fd;border-radius:1rem}
.thum-list li{overflow: hidden; width: 16rem;height: 9.8rem; margin-top: 1.5rem; border-radius:1rem}
.thum-list li:first-child{margin-top: 0;}
.thum-list li a:focus {outline: 0;}
.thum-list li a:focus-visible {outline:2px solid #000; outline-offset:-2px; border-radius:1rem}
.thum-list li img {width: 16rem;height: 9.8rem;}

/* ±ÝÀ¶»óÇ°°ø½Ã½Ç */
.disclose-cont{padding-top:30rem;background:url(/_pub/SBW/assets/img/img/img-disclose.png) no-repeat;}
.disclose-wrap{display:flex;flex-wrap:wrap;flex-direction:row}
.disclose-wrap .disclose-item{width:50%;padding:10rem 0 0 13rem;margin:9rem 0 0 0}
.disclose-wrap .disclose-item .tit{display: block;margin-bottom: 2rem;font-size:2.4rem;font-weight: 600;line-height: 3.5rem;color:#000;}
.disclose-wrap .disclose-item .depth li{margin-top:1rem;color:#1e1e1e}
.disclose-item  .link-lst{display:inline-block}
.disclose-item  .link-lst li{padding:1.5rem 0; border-top: 1px solid #ebebeb;}
.disclose-item  .link-lst li:first-child{padding-top:0;border-top: none;}
.disclose-wrap .disclose-item01{background:url(/_pub/SBW/assets/img/icon/icon-disclose01.png) 13rem 0 no-repeat;}
.disclose-wrap .disclose-item02{background:url(/_pub/SBW/assets/img/icon/icon-disclose02.png) 13rem 0 no-repeat;}
.disclose-wrap .disclose-item03{background:url(/_pub/SBW/assets/img/icon/icon-disclose03.png) 13rem 0 no-repeat;}
.disclose-wrap .disclose-item04{background:url(/_pub/SBW/assets/img/icon/icon-disclose04.png) 13rem 0 no-repeat;}
.disclose-wrap .disclose-item05{background:url(/_pub/SBW/assets/img/icon/icon-disclose05.png) 13rem 0 no-repeat;}

/* º¸¾ÈÇÁ·Î±×·¥¼³Ä¡ */
.install-security{padding:4rem 3rem;background:url(/_pub/SBW/assets/img/img/img-security-install.png) 96% 60% no-repeat;}
.install-security .title{margin-bottom: 2rem;font-size: 2.8rem;font-weight: 600;}

/* »óÇ°°ø½Ã */
.prd-list {border-top: 1px solid #000;}
.prd-list .item {display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 5rem 1rem; border-bottom: 1px solid #ebebeb;}
.prd-list .item.end{justify-content:space-between;}
.prd-list .item .prd-area {width:67rem;}
.prd-list .item .prd-area .title {display: block; font-size: 2rem; color: #000; font-weight: 600; line-height: 3rem;}
.prd-list .item .prd-area .desc {margin-top: .4rem; font-size: 1.5rem; color:#6e6e6e; line-height: 2.5rem;}
.prd-list .item .prd-area .tag-area {margin-top: 1.8rem;}
.prd-list .item .prd-area .tag-area span {display: inline-block; font-size: 1.5rem; color:#1e1e1e; line-height: 2.5rem;}
.prd-list .item .prd-area .tag-area span + span {margin-left: 1.2rem;}
.prd-list .item .loan-info {width:35rem; padding:0 3rem; text-align: center;}
.prd-list .item .loan-info .title {display:block; font-size: 3rem; color:#0f73e9; line-height: 4rem;}
.prd-list .item .loan-info .desc {display:block; margin-top: .4rem; color:#323232; line-height: 2.5rem; word-break: keep-all;}
.prd-list .item .btn-area {width:16rem;}
.prd-list .item .btn-area .btn {display: block; min-width: 16rem; margin: 0.8rem 0 0;}
.prd-list .item .btn-area .btn:first-child {margin:0;}
.flag-aera {margin-bottom:1.5rem;}
.flag-aera .flag {display:inline-block; width: 3.6rem; height:2.1rem; border-radius: .4rem; background-color: #fff; font-size: 1.3rem; line-height: 1.9rem; text-align: center;}
.flag-aera .flag + .flag {margin-left: .4rem;}
.flag-aera .flag.type01 {border:1px solid #e81c2c; color:#e81c2c;}
.flag-aera .flag.type02 {border:1px solid #0f73e9; color:#0f73e9;}
.goods-nodata {margin: 0;padding: 8rem 0 9rem; border-bottom: 1px solid #ddd;}
.goods-nodata > span {display: block;}
.goods-nodata > .tit {margin-top: 2rem;}

.prd-list.type02 .item{flex-wrap: nowrap;justify-content:space-between}
.prd-list.type02 .item .prd-area {width:82rem;}
.prd-list.type02 .item .card-img{width: 13.2rem;margin:0 4rem 0 2rem;}

.compare-title{display: flex;justify-content: space-between;}
.compare-title:has(.center-position) {display:block;position:relative;}
.compare-title:has(.center-position) .btn-del {position:absolute;top:0.2rem;right:0;}
.compare-title .center-position{width:100%;text-align:center;}
.compare-title .btn-del{width: 2rem;height: 2rem;background:url(/_pub/SBW/assets/img/common/btn-close.png) no-repeat;}
.btn.join-store{padding-left: 4rem;background:url(/_pub/SBW/assets/img/icon/icon-join01.png) no-repeat;line-height: 3.2rem;}
.btn.join-mobile{padding-left: 4rem;background:url(/_pub/SBW/assets/img/icon/icon-join02.png) no-repeat;line-height: 3.2rem;}

.product-cont{width:120rem;margin: 0 auto;}
.center-title{margin:4rem 0 5rem;text-align: center;}
.center-title h2{margin-bottom: 2rem;font-size: 3.6rem;font-weight: 600;line-height: 3.6rem;color:#000;}

.bg-wrap .img-area {position:relative; z-index: 1; display: block; width: 24rem; height:24rem; margin:-5rem auto 0; text-align: center;}
.bg-wrap .img-area img {width: 24rem; height:24rem;}
.bg-wrap .inner-wrap {padding: 5rem 0 7rem;}
.bg-wrap .img-area + .inner-wrap {margin-top:-12rem; padding-top:12rem;}

.bg-wrap.type03 .img-area {width: 18.2rem; height:29rem; margin:5rem auto; border-radius:1rem; box-shadow:0rem 0rem 3rem rgba(0,0,0,.45)}
.bg-wrap.type03 .img-area img {width: 18.2rem; height:29rem;}
.bg-wrap.type03 .img-area + .inner-wrap {margin-top:-16.8rem; padding-top:16.8rem;}

.bg-wrap.type01 .inner-wrap {background-color: #edf3ff;}
.bg-wrap.type02 .inner-wrap {background-color: #f4f2fc;}
.bg-wrap.type03 .inner-wrap {background-color: #f1f9e7;}
.bg-wrap .inner-wrap .info-area{position:relative;}
.bg-wrap .inner-wrap .info-area{width:120rem;margin: 0 auto;text-align: center;}
.bg-wrap .inner-wrap .info-area .info-tit{display: inline-block;margin-bottom: 5rem;font-size: 4.4rem;font-weight:400;line-height: 4.4rem;color:#0f73e9;}

.benefit-lst{display: flex;justify-content: center; padding:0 10rem;}
.benefit-lst li {width:calc(100% / 3); padding:0 3.5rem;}
.benefit-lst .tit{display: block;position: relative;padding-bottom: 1.5rem;margin-bottom: 1.5rem;font-size: 2rem;font-weight:500;line-height: 1.6rem;color:#1e1e1e}
.benefit-lst .tit:after{display: block;position: absolute;bottom: 0;left: 50%;width: 2.4rem;height:1px;margin-left: -1.2rem;background-color: #1e1e1e;content: '';}

.flex-start{display: flex;align-items:center;}
.flex-start.type02{padding: 2rem;background-color: #f8f8f8;border-radius: 1.2rem;}
.flex-start.type03{display: flex;padding:0  2rem;flex-direction:column;background-color: #f8f8f8;border-radius: 1.2rem;}
.flex-start.type03  > li{width: 100%;padding:2rem 0;border-top: 1px solid #ebebeb;}
.flex-start.type03  > li:first-child{border-top: none;}
.flex-start.depth.bul > li{margin-left: 4rem;}
.flex-start.depth.bul > li:first-child{margin-left: 0;}
.flex-start.depth.bul > li:before{top:50%}
.flex-start .btn{margin: .6rem 0 0 2rem;}
.flex-start.type03 .btn{margin: 0 0 0 2rem;}

.down-lst{display:flex;flex-wrap:wrap;width:100%;}
.down-lst.type02{padding: 2rem;background-color: #f8f8f8;border-radius: 1.2rem;}
/* 260122 Ãß°¡ */
.down-lst.type02.full li{width: 100%;padding-right: 0;}
.down-lst.type02.full > li:nth-child(odd){padding-right: 0;}
.down-lst.type02.full > li + li{margin-top: 1.5rem;}
.down-lst.type02.full > li p:not(.depth){line-height: 3rem;}
.down-lst.type02.full li .btns{display: flex;gap: 1rem;}
.down-lst.type02.full li .btns .btn{margin: 0;}
/* .down-lst.type03{display: flex;padding:0  2rem;background-color: #f8f8f8;border-radius: 1.2rem;}
.down-lst.type03  > li{width: 100%;padding:2rem 0;border-top: 1px solid #ebebeb;}
.down-lst.type03  > li:first-child{border-top: none;}
.down-lst.type03  > li:last-child{display: flex;justify-content: space-between;} */
.down-lst.type02 > li{display: flex;align-items:center; justify-content: space-between; flex-wrap: wrap; width:50%;margin-top:1rem;}
.down-lst.type02 > li p:not(.depth) {line-height: 3.8rem;}
.down-lst.type02 > li:nth-child(odd){padding-right: 2rem;}
.down-lst.type02 > li:nth-child(1),.down-lst.type02 > li:nth-child(2){margin-top:0;}
.down-lst.type02 > li:before{top:50%}

.down-lst.type02 > .flex-start {flex: none; width: 100%; margin:2rem 0 0 !important; padding:2rem 0 0; border-top:1px solid #ebebeb;}
.down-lst.type02 > .flex-start:before {display: none;}

/* 260205 Ãß°¡ */
.down-lst.type02 .no-data{width: 100%;text-align: center;padding: 30px 0;font-size: var(--fz-15);color: #919191;}

.down-lst .btn{margin: .6rem 0 0 2rem;}
.down-lst.type03 .btn{margin: 0;}

.query-list {padding:2rem;background-color: #f8f8f8;border-radius: 1.2rem;}

.sorting-lst button:hover,.sorting-lst button:focus,.sorting-lst button:active{color:#0f73e9}

.line-con-wrap{position: relative;}
.line-con-wrap > li{padding: 5rem 1rem;border-top:1px solid #ebebeb}
.line-con-wrap > li:first-child{padding-top: 0;border-top: none;}

/* ÆäÀÌÁö ¹è³Ê ¿µ¿ª */
.bnn-area {width:120rem; margin: 3.5rem auto 0; text-align: center;}
.bnn-area:last-of-type {margin: 7rem auto 0;}

/* ¿À´Ãº»»óÇ° */
.prd-wrap {margin-top:4rem; box-sizing: border-box;}
.prd-wrap .swiper {padding-bottom:5.2rem;}
.prd-wrap .swiper-slide {position:relative; width:24.1rem; box-sizing:border-box;}
.prd-wrap .swiper-slide a {display: block; width:100%; width:100%; height:31.6rem; padding:4rem 2.5rem 3.5rem; background:#fff; border:1px solid #c9c9c9; border-radius:1.6rem;}
.prd-wrap .swiper-slide .flag {position: relative; top:-4.5rem; width: 5.6rem; height:6rem;;} 
.prd-wrap .swiper-slide .title {display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:2.1rem; color:#1e1e1e; font-weight: 600; line-height: 2.8rem; word-break: break-all;}
.prd-wrap .swiper-slide .flag + .title {margin-top:-1.7rem;}
.prd-wrap .swiper-slide .info {position: absolute; bottom:3.5rem; left:2.5rem;right:2.5rem;}
.prd-wrap .swiper-slide .info .rate {display:block; font-size:2.5rem; color:#1774c7; font-weight: 500;line-height: 3rem;word-break: keep-all;}
.prd-wrap .swiper-slide .info .rate span {font-size:1.5rem; font-weight: 400;}
.prd-wrap .swiper-slide .info .desc {display:block;margin-top:1rem; font-size: 1.5rem; color:#6e6e6e;}
.prd-wrap .swiper-button-prev,
.prd-wrap .swiper-button-next {top:0; width:2.8rem; height:2.8rem; margin:0;}
.prd-wrap .swiper-button-prev {background: url(/_pub/SBW/assets/img/common/btn-prev02.png) left center no-repeat; background-size: 0.8rem auto;}
.prd-wrap .swiper-button-next {background: url(/_pub/SBW/assets/img/common/btn-next02.png) right center no-repeat; background-size: 0.8rem auto;}

.prd-wrap .swiper-slide a:hover {border:1px solid #0f73e9;}

.prd-wrap .swiper-controller {position: absolute; left:50%; bottom:0; width:11rem; margin-left:-5.5rem; text-align: center;}
.prd-wrap .swiper-pagination {display:inline-flex; align-items:center; height:2.8rem; vertical-align: top;}
.prd-wrap .swiper-pagination .swiper-pagination-bullet {margin:0 0.5rem; background: #ddd; opacity:1;}
.prd-wrap .swiper-pagination .swiper-pagination-bullet-active {background:#0f73e9;}



/* °í°´ÀÇ ¼Ò¸® */
.coustomer-gate {display:flex; flex-wrap: wrap; justify-content: center;}
.coustomer-gate li {width:32rem; margin:4rem 2.5rem 0; text-align: center;}
.coustomer-gate li:nth-child(1),
.coustomer-gate li:nth-child(2),
.coustomer-gate li:nth-child(3) {margin-top:0;}
.coustomer-gate li a {display:block; padding:21.5rem 3.5rem 5rem; border-radius: 1rem; border:1px solid #d7d7d7; }
.coustomer-gate li:nth-child(1) a {background: url(/_pub/SBW/assets/img/img/img-coustomer01.png) no-repeat center top 4rem;}
.coustomer-gate li:nth-child(2) a {background: url(/_pub/SBW/assets/img/img/img-coustomer02.png) no-repeat center top 4rem;}
.coustomer-gate li:nth-child(3) a {background: url(/_pub/SBW/assets/img/img/img-coustomer03.png) no-repeat center top 4rem;}
.coustomer-gate li:nth-child(4) a {background: url(/_pub/SBW/assets/img/img/img-coustomer04.png) no-repeat center top 4rem;}
.coustomer-gate li:nth-child(5) a {background: url(/_pub/SBW/assets/img/img/img-coustomer05.png) no-repeat center top 4rem;}
.coustomer-gate li:nth-child(6) a {background: url(/_pub/SBW/assets/img/img/img-coustomer06.png) no-repeat center top 4rem;}
.coustomer-gate .title {display:block; color:#000; font-size:2rem; font-weight:600; line-height:3rem;}
.coustomer-gate .text {margin-top:.7rem; color:#6e6e6e; font-size:1.5rem; line-height:2.5rem;}

.guide-wrap {width:70rem; margin:0 auto; padding-top:4.5rem;}
.guide-wrap .title {display:block; color:#000; font-size:3.5rem; font-weight:600; line-height:4.4rem; text-align: center;}
.guide-wrap .title span {color:#0f73e9;}
.guide-wrap .context {margin-top:7rem; color:#1e1e1e; font-size:2rem; font-weight: 500; line-height:3.2rem;}

.guide-wrap .info-cont {margin-top:5rem; padding:3rem; border-radius: 1.6rem; border:1px solid #729fed; background-color: #f3f8ff;}
.guide-wrap .info-cont dl {position: relative; padding-left: 9.4rem;}
.guide-wrap .info-cont dl + dl {margin-top: 2.4rem;}
.guide-wrap .info-cont dl dt, 
.guide-wrap .info-cont dl dd {color:#000; font-size: 1.6rem; line-height: 2.8rem;}
.guide-wrap .info-cont dl dt {position: absolute; left:0; top:0;}

.guide-wrap .txt-info {margin-top: 5rem; color:#1e1e1e; font-size: 1.6rem; line-height: 2.8rem;}


.filter-wrap .sel-filter .row {display:flex;flex-wrap:wrap;justify-content:start;align-items:center;row-gap:1rem;column-gap:1rem;}
.filter-wrap .sel-filter .tit {order:1;width:7%;}
.filter-wrap .sel-filter .basic-search {order:2;width:81.2%;}
.filter-wrap .sel-filter .btn-detail-option {width:100%;max-width:11rem;order:3;}
.filter-wrap .sel-filter .detail-search {width:100%;}
.filter-wrap .sel-filter .btn-search {margin:0 0 0 1rem;}
.filter-wrap .sel-filter .option-list {display:flex;width:100%;flex-wrap:wrap;padding:1rem 0;}
.filter-wrap .sel-filter .option-list dt {width:8%;}
.filter-wrap .sel-filter .option-list dd {display:flex;gap:1rem;width:42%;}

/* °í°´Á¤º¸È®ÀÎ */
.customer-info {display:flex; justify-content:space-between; width: 69rem; margin: 0 auto;}
.customer-info .item {width:33rem; padding:3.9rem 4rem 3.9rem 11rem; border-radius: 1.6rem;}
.customer-info .item:nth-child(1) {background: #f2f5ff url(/_pub/SBW/assets/img/icon/icon-coustomer01.png) no-repeat left 4rem center;}
.customer-info .item:nth-child(2) {background: #fff9e2 url(/_pub/SBW/assets/img/icon/icon-coustomer02.png) no-repeat left 4rem center;}
.customer-info .item span {display:block;}
.customer-info .item .title {color:#000; font-size: 1.6rem; font-weight: 500; line-height: 2.5rem;}
.customer-info .item .text {margin-top:.2rem; color:#6e6e6e; font-size: 1.5rem; line-height: 2.5rem;}

/* ¾à°ü ³»¿ë */
.terms-area .h3 {margin:8rem 0 2rem;}
.terms-area .h3:first-child {margin-top:0;}
.terms-area .h4 {margin:4rem 0 1.2rem;}
.terms-area .h5 {margin:2rem 0 1rem; color:var(--fc-02);}
.terms-area .depth.num.body-text > li:before {line-height: 2.8rem;}
.terms-area .depth.num.round.body-text > li:before {line-height: 1.4rem;}

/* ¾à°üÆäÀÌÁö Å×À̺í */
.terms .grade-img {height:2rem;margin-top:-0.2rem;vertical-align:middle;}

/* »óÇ°°ø½Ã °³Àαâ¾÷ ÅÇ */
.btn-list {position: relative; text-align: center;}
.btn-list > button {position:relative; height:4rem; margin-left:4rem; color:#62676b; font-weight:500; font-size:2rem;}
.btn-list > button:first-child {margin-left:0;}
.btn-list > button[aria-selected=true] {color:#0f73e9; font-weight: 600;}
.btn-list > button[aria-selected=true]:after {content: ''; position: absolute; bottom:0; left:0; width:100%; height:0.3rem; background: #0f73e9; animation:active 0.3s ease;} 
@keyframes active {
    0% {width:0;}
    100% {width:100%;}
}

/* ±¸¹öÀü °³ÀÎÁ¤º¸Ã³¸®¹æħ ¹× ½Å¿ëÁ¤º¸È°¿ëüÁ¦ css */
.policy-box {font-size:16px;}
.policy-box .tit:first-child {margin:0 0 25px;}
.policy-box .st-tit {margin:50px 0 16px;display:block; font-size:20px; color:#000;}
.policy-box .st-tit:first-child {margin-top:0;}
.policy-box .btn-divi {margin:20px 0; text-indent:0;}
.policy-box .solid-box + .st-tit {margin-top:60px;}
.st-tit + .lists-para + .lists.type01 {margin-top:18px}
.policy-box .solid-box li {text-indent:0;}
.policy-box li .solid-box {margin:10px 0 20px;}
.policy-box .solid-box.sm {margin-top:25px; color:#666;}
.policy-box .solid-box .label-set {margin-right:15px;}
.policy-box .line-box {margin-top:30px; padding:40px; border:1px solid #e7e7e7;}
.policy-box .line-box .lists.type01 {margin-top:15px;}
.policy-box .line-box .lists.type01 li {margin-top:0;}
.policy-last {margin-top:50px; font-size:16px; text-align:right;}
.policy-last a {margin-top:15px;}
.policy-ver{text-align:right;margin-top:15px}
.policy-ver select{width:220px}

.policy-box .lists.type01 li {position:relative; margin-top:10px; padding-left:20px; color:#666; font-size:16px; line-height:1.47}
.policy-box .lists.type01 li:first-child {margin-top:0;}
.policy-box .lists.type01 li:before {content:""; position:absolute; left:0; top:10px; display:block; width:4px; height:4px; background:#8994aa; border-radius:50%;}
.policy-box .lists.type01 li span.dis-block {margin-top:10px;}
.policy-box .lists.type01 .h-tit{display:block;margin-bottom:8px}
.policy-box .lists.type01 .note{text-indent:-20px;padding-left:20px}
.policy-box .lists.type01.no-blt .lists-para,
.policy-box .lists.type01.blt-dash .note{text-indent:0;}
.policy-box .lists.type01.no-blt > li {padding-left:0; text-indent:0;}
.policy-box .lists.type01.blt-num > li {padding-left:17px; text-indent:-17px;}
.policy-box .lists.type01.blt-num-cir > li{padding-left:19px; text-indent:-19px;}
.policy-box .lists.type01.blt-kor > li {padding-left:24px; text-indent:-24px;}
.policy-box .lists.type01.blt-dash > li {padding-left:15px; text-indent:0;margin-top:0}
.policy-box .lists.type01.blt-num > li:nth-child(n+10){text-indent:-23px;padding-left:23px;margin-left:-7px}
.policy-box .lists.type01.no-blt > li:before,
.policy-box .lists.type01.blt-num > li:before,
.policy-box .lists.type01.blt-num-cir > li:before,
.policy-box .lists.type01.blt-dash > li:before,
.policy-box .lists.type01.blt-kor > li:before{background:none;}
.policy-box .lists.type01 > li > .lists.type01,
.policy-box .lists.type01 > li > .note{margin-left:10px}
.policy-box .lists.type01.blt-kor > li>.lists.type01 li{margin-top:0;padding-left:15px;text-indent:0}
.policy-box .lists.type01 .lists.type01.solid-box{margin-left:0}
.policy-box .lists.type01 .link{color:#009beb;}
.policy-box .lists.type01 .txt-dfn{margin-top:10px}
.policy-box .lists.type01 li.type-none:before {display:none}
.policy-box .txt-indent-box {display:inline-block;}
.policy-box .solid-box {padding:30px; background-color:#fafafa; border-radius:1rem;}
.policy-box .solid-box p {color:#000}

/* 250122 ¼öÁ¤ */
.balloon-wrap { position: absolute; top: -3.0rem; left: 50%; margin-left: -3.9rem; }
.balloon-wrap:before { content: ''; position: absolute; bottom: -0.7rem; right: 1.2rem; width: 1.2rem; height: 1.2rem; background: url(/_pub/SBW/assets/img/common/img-balloon-wrap-polygon.svg) no-repeat center; background-size: 1.2rem auto; }
.balloon-wrap .balloon-text { display: inline-block; width: 8.2rem; height: 3.4rem; padding: 0.7rem 0; font-size: var(--fz-16); color: var(--color-08); font-weight: 600; background: var(--color-01); border-radius: 0.6rem; }

/* 250731 ¿¹±ÝÀÚº¸È£¹ý ¼öÁ¤ */
.protect-area{display: flex; align-items: center;margin-top: 2rem;}
.logo-protect-box{display: flex;align-items: center;width: 7rem;height: auto;}
.gap-web-pl{flex:1;padding-left: 2rem;font-size: 1.5rem;color: #6e6e6e;}


/********** SSCN **********/
/*** Main Page ***/
header#header.sscn.main { padding: 0 2.4rem; background-color: var(--color-blue11); }
header#header.sscn.main > .header-inner { width: 100%; border-top-left-radius: 5.6rem; border-top-right-radius: 5.6rem; }
header#header.sscn.main.widen { padding: 0; }
header#header.sscn.main.widen > .header-inner { border-radius: 0; padding-inline: 7.4rem; }

#content.cont-main {padding-bottom: 0;}
#content .main { padding: 0 2.4rem; background-color: var(--color-blue11); }
#content .main .main-inner { padding: 0 1.6rem; background-color: var(--color-08); border-radius: 0 0 5.6rem 5.6rem; }
#content .main .main-inner section:not(.section-full) { max-width: 128rem; margin-inline: auto; }

.main section { padding: 0; margin-bottom: 20rem; }
.main section[class*="sec-"]:last-of-type { margin-bottom: 8.3rem; }
.main section .title-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5rem; }
.main section .title-wrap .title { font-size: 4rem; font-weight: 400; letter-spacing: -.08rem; }
.main .section-title { font-size: 4rem; font-weight: 300; }
.main .section-title-wrapper .extra { display: flex; align-items: center; margin-left: auto; }

#content .main section.sec-key-content {margin-bottom: 24rem;}
#content .main .sec-key-content .marketing-box { max-width: 184rem; height: 80.2rem; border-radius: 4rem 4rem 0 0; }
#content .main .sec-key-content .marketing-box::before { content: ''; width: 73.2rem; height: 21rem; background: url(/_pub/SBW/assets/img/sscn/img-banner-subtract.svg) no-repeat left top; position: absolute; right: -.1rem; bottom: 0; z-index: 2; }
#content .main .sec-key-content .marketing-box .swiper-slide { border-radius: 4rem 4rem 0 4rem; }

#content .main .sec-key-content .marketing-box .banner-contents { position: absolute; left: calc(280 / 1840 * 100%); top: 22rem; }
#content .main .sec-key-content .marketing-box .banner-contents .tit { font-size: 5.6rem; font-weight: 300; line-height: 1.3; letter-spacing: -.112rem; color: var(--color-08); }
#content .main .sec-key-content .marketing-box .banner-contents .desc { font-size: 3.2rem; font-weight: 300; line-height: 1.3; margin-bottom: 1.2rem; letter-spacing: -.064rem; color: var(--color-08); }
#content .main .sec-key-content .marketing-box .banner-contents .btn-wrap {margin-top: 4rem;}
#content .main .sec-key-content .marketing-box .banner-contents .btn-wrap .btn { display: flex; align-items: center; gap: 0.6rem; padding: 1.2rem 2.6rem 1.2rem 3rem; width: 14.9rem; height: 5.2rem; border-radius: 5rem; font-weight: 700; font-size: var(--fz-18);}
#content .main .sec-key-content .marketing-box .banner-contents .btn-wrap .btn:hover {opacity: 0.6}
#content .main .sec-key-content .marketing-box .banner-contents .btn-wrap .btn.btn-sbb {background-color: var(--color-01); color: var(--color-08); outline-offset: .2rem;}
#content .main .sec-key-content .marketing-box .banner-contents .btn-wrap .btn.btn-pbb {background-color: var(--color-08); color: var(--color-01); margin-left: .8rem;}
#content .main .sec-key-content .marketing-box .banner-img { overflow: hidden; display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 6rem; }
#content .main .sec-key-content .marketing-box .banner-img img { max-width: none; }

#content .main .sec-key-content .marketing-box .qr-guide-wrap { position: absolute; right: 17.4rem; bottom: 3.7rem; z-index: 2; }
#content .main .sec-key-content .marketing-box .qr-guide-wrap p {text-align: right; line-height: 1.3;}
#content .main .sec-key-content .marketing-box .qr-guide-wrap .tit { font-size: 2.2rem; margin-bottom: .8rem; }
#content .main .sec-key-content .marketing-box .qr-guide-wrap .desc { font-size: 2rem; font-weight: 500; }

#content .main .sec-key-content .marketing-box .swiper-navigation-wrapper { position: absolute; z-index: 1; left: calc(280 / 1840 * 100%); top: 55rem; z-index: 2; }
#content .main .sec-key-content .marketing-box .swiper-navigation { display: flex; align-items: center; gap: .8rem; }
#content .main .sec-key-content .marketing-box .swiper-fraction { color: var(--color-03); }
#content .main .sec-key-content .marketing-box .swiper-fraction .swiper-fraction-current { color: var(--color-01); font-weight: 700; }
#content .main .sec-key-content .marketing-box .swiper-autoplay-toggle i { --icon-size: 2.4rem; }
#content .main .sec-key-content .marketing-box .swiper-bullet-wrapper { display: flex; align-items: center; }
#content .main .sec-key-content .marketing-box .swiper-bullet { margin: 0 .3rem; opacity: 0.46; cursor: pointer; border: none; }
#content .main .sec-key-content .marketing-box .swiper-bullet span { display: inline-block; width: 7.5rem; height: .2rem; border-radius: 999.9rem; background: var(--color-01); vertical-align: middle; }
#content .main .sec-key-content .marketing-box .swiper-bullet-active { opacity: 1; }
#content .main .sec-key-content .marketing-box .swiper-bullet-active span { height: .4rem; }

#content .main .sec-prod { position: relative; }
#content .main .sec-prod .product-wrap { display: flex; align-items: center; justify-content: space-between; gap: 1.6rem; }
#content .main .sec-prod .product-wrap li { flex: 1; }
#content .main .sec-prod .product-wrap .product-item { height: 28rem; padding: 4.8rem 4.8rem 4rem; border-radius: 3.2rem; cursor: pointer; }
#content .main .sec-prod .prod-tit-wrap { display: flex; flex-direction: column; }
#content .main .sec-prod .prod-tit-wrap .tit {margin-bottom: .6rem; font-size: 2.2rem; font-weight: 700; line-height: 1.3;}
#content .main .sec-prod .prod-tit-wrap .desc {color: var(--color-02);}
#content .main .sec-prod .product-detail { align-self: flex-end; position: relative; }
#content .main .sec-prod .product-detail .sup { position: absolute; bottom: calc(100% + .8rem); right: 0; }
#content .main .sec-prod .product-detail .sup .tag { position: relative; display: inline-block; }
#content .main .sec-prod .product-detail .sup .tag span { position: relative; display: inline-block; padding: .4rem 1rem; font-size: 1.3rem; line-height: 2rem; color: var(--color-08); z-index: 1; border-radius: 99.9rem; }
#content .main .sec-prod .product-detail .sup .tag::before { content:''; position: absolute; right: 0; top: 0; width: 1.4rem; height: 2.8rem; background-color: currentColor; -webkit-mask: url(/_pub/SBP/assets/img/sscn/img-product-tag-bg-start.svg) no-repeat 0 0 / contain; mask: url(/_pub/SBP/assets/img/sscn/img-product-tag-bg-start.svg) no-repeat 0 0 / contain; transform: scaleX(-1); }
#content .main .sec-prod .product-detail .sup .tag::after { content:''; position: absolute; left: 0; top: 0; width: 1.4rem; height: 2.8rem; background-color: currentColor; -webkit-mask: url(/_pub/SBP/assets/img/sscn/img-product-tag-bg-end.svg) no-repeat 0 0 / contain; mask: url(/_pub/SBP/assets/img/sscn/img-product-tag-bg-end.svg) no-repeat 0 0 / contain; transform: scaleX(-1); }
#content .main .sec-prod .product-detail .value {font-size: 2.6rem; font-weight: 500; line-height: 1.3;}
#content .main .sec-prod .product-detail .value .sub {display: inline-block; padding-right: .8rem; font-size: var(--fz-13); font-weight: 400; line-height: 1.4; color: var(--color-03);}
#content .main .sec-prod .product-detail .value .amount {font-size: 3.2rem; font-weight: 700; letter-spacing: -.064rem;}
#content .main .sec-prod .btn { position: absolute; top: 0; right: 0.4rem; display: flex; align-items: center; justify-content: center; gap: .4rem; padding: 1.2rem 1.6rem 1.2rem 2.4rem; height: 5.2rem; border-radius: 5rem; border: 1px solid var(--color-gray2); font-size: var(--fz-18); font-weight: 500; line-height: 1.3; }
#content .main .sec-prod .btn:hover {opacity: 0.6;}

#content .main .sec-prod .product-item.type1 { display: flex; flex-direction: column; justify-content: space-between; background-color: var(--color-07); }
#content .main .sec-prod .product-item.type2 { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.2rem; padding: 4rem 3.6rem; background-color: var(--color-08); box-shadow: 0px .4rem 2.4rem 0px rgba(0, 29, 183, 0.08); }
#content .main .sec-prod .product-item.type2 img {width: 10.3rem; height: auto;}
#content .main .sec-prod .product-item.type2 .prod-tit-wrap p {text-align: center;}

#content .main .sec-prod .product-item.lon .product-detail .tag {color:#008fa8;}
#content .main .sec-prod .product-item.lon .product-detail .tag span {background-color:#008fa8;}
#content .main .sec-prod .product-item.lon .product-detail .value {color: #008fa8;}

#content .main .sec-prod .product-item.account .product-detail .tag {color:var(--color-blue1);}
#content .main .sec-prod .product-item.account .product-detail .tag span {background-color:var(--color-blue1);}
#content .main .sec-prod .product-item.account .product-detail .value {color: var(--color-blue1);}

#content .main .sec-study .booster-wrap .booster-list { display: grid; container-type: inline-size; grid-template-columns: 63.2rem 20rem 20rem 20rem; height: 48rem; gap: 1.6rem; justify-content: center; transition: grid-template-columns 0.6s linear(0 0%, 0.1538 4.09%, 0.2926 8.29%, 0.4173 12.63%, 0.5282 17.12%, 0.6255 21.77%, 0.7099 26.61%, 0.782 31.67%, 0.8425 37%, 0.8887 42.23%, 0.9257 47.79%, 0.9543 53.78%, 0.9752 60.32%, 0.9883 67.11%, 0.9961 75%, 1 100%), -ms-grid-columns 0.6s linear(0 0%, 0.1538 4.09%, 0.2926 8.29%, 0.4173 12.63%, 0.5282 17.12%, 0.6255 21.77%, 0.7099 26.61%, 0.782 31.67%, 0.8425 37%, 0.8887 42.23%, 0.9257 47.79%, 0.9543 53.78%, 0.9752 60.32%, 0.9883 67.11%, 0.9961 75%, 1 100%); }
#content .main .sec-study .booster-wrap .booster-card { position: relative; overflow: hidden; min-width: 20rem; border-radius: 4rem; }
#content .main .sec-study .booster-wrap .booster-card > article { width: 100%; height: 100%; display: flex; flex-direction: column; padding: 5rem 4rem; overflow: hidden; opacity: 0.5; transition: opacity calc(0.6s * 0.12) ease-in-out; }
#content .main .sec-study .booster-wrap .booster-card .badge { align-self: flex-start; opacity: 0; padding: .8rem 1.6rem; height: 3.8rem; border-radius: 4rem; color: var(--color-01); background-color: var(--color-08); }
#content .main .sec-study .booster-wrap .booster-card .title { position: absolute; z-index: 1; top: 8.4rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 53.6rem; font-size: var(--fz-28); font-weight: 700; color: var(--color-01); transform: rotate(-90deg) translate3d(3.2rem, -38.4rem, 0); transform-origin: top right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 1.6rem; }
#content .main .sec-study .booster-wrap .booster-card[data-active='false'] .title { width: 38.4rem; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0; text-align: right; line-height: 1.3; }
#content .main .sec-study .booster-wrap .booster-card .link { width: 11rem; font-size: var(--fz-18); font-weight: 700; line-height: 1.3; margin-top: auto; opacity: 0; visibility: hidden; }
#content .main .sec-study .booster-wrap .booster-card .link .ico { margin-left: .4rem; }
#content .main .sec-study .booster-wrap .booster-card img { position: absolute; left: .8rem; right: 0; bottom: 0; width: 40rem; max-width: none; }
#content .main .sec-study .booster-wrap .booster-card[data-active='true'] article,
#content .main .sec-study .booster-wrap .booster-card[data-active='true'] .badge { opacity: 1; }
#content .main .sec-study .booster-wrap .booster-card[data-active='true'] article { padding: 5rem; }
#content .main .sec-study .booster-wrap .booster-card[data-active='true'] img { left: 23.2rem; }
#content .main .sec-study .booster-wrap .booster-card[data-active='true'] .link { transform: translateY(0); opacity: 1; transition: opacity 0.6s ease-in-out, transform 1s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: 0.15s; visibility: visible; }
#content .main .sec-study .booster-wrap .booster-card[data-active='true'] .title { font-size: var(--fz-30); transform: rotate(0); }

#content .main .sec-study .btn-wrap .btn {width: 5.2rem; height: 5.2rem; border-radius: 3.2rem; border: 1px solid var(--color-07); background: rgba(255,255,255,0.4); box-shadow: 0 .2rem .8rem 0 rgba(120, 136, 147, 0.12);}
#content .main .sec-study .btn-wrap .btn:hover {opacity: 0.6;}
#content .main .sec-study .btn-wrap .btn:before {content: ''; display: block; width: 100%; height: 100%; background: url(/_pub/SBW/assets/img/sscn/ico-arrow-gray-on.svg) center center / contain no-repeat;}
#content .main .sec-study .btn-wrap .btn.disabled:before {background-image: url(/_pub/SBW/assets/img/sscn/ico-arrow-gray.svg);}
#content .main .sec-study .btn-wrap .btn + .btn {margin-left: .8rem;}
#content .main .sec-study .btn-wrap .btn .ico {margin-left: 0;}
#content .main .sec-study .btn-wrap .btn.next-btn:before { rotate: 180deg; }
#content .main .sec-study .btn-wrap .btn.prev-btn.disabled, 
#content .main .sec-study .btn-wrap .btn.next-btn.disabled { opacity: 0.5; cursor: initial; }


#content .main .sec-study .booster-wrap .scroll-indicator { position: relative; width: 100%; height: .6rem; background-color: var(--color-07); border-radius: 999.9rem; overflow: hidden; margin-top: 3.6rem; }
#content .main .sec-study .booster-wrap .scroll-thumb { position: absolute; height: 100%; width: 25%; background: var(--color-01); transition: left calc(0.6s * 0.5) ease-in-out; border-radius: 999.9rem; left: 0; }

#content .main .information-wrap { display: flex; align-items: stretch; gap: 1.6rem; }
#content .main .information-wrap [class$="-info"] { padding: 4rem; position: relative; border-radius: 3.2rem; flex: 1; }
#content .main .information-wrap [class$="-info"] .list.noline {margin-top: 3.2rem;}
#content .main .information-wrap [class$="-info"] .list { gap: 2rem; }
#content .main .information-wrap [class$="-info"] .list a { display: flex; align-items: center; justify-content: space-between; width: 100%; }
#content .main .information-wrap [class$="-info"] .list .key { flex: 1; margin-right: 6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
#content .main .information-wrap [class$="-info"] .list a:hover .key { text-decoration: underline; }
#content .main .information-wrap [class$="-info"] .list .key.new { padding-left: 2.6rem; position: relative; }
#content .main .information-wrap [class$="-info"] .list .key.new::before { content: ''; display: block; width: 2rem; height: 2rem; background: url(/_pub/SBW/assets/img/sscn/ico-pushpin.png) no-repeat center center / contain; position: absolute; left: 0; top: 1px; }
#content .main .information-wrap [class$="-info"] .list .value { font-size: var(--fz-15); font-weight: 400; color: var(--color-03); }
#content .main .information-wrap [class$="-info"] .btn-link-more { position: absolute; right: 4rem; top: 4.3rem; }
#content .main .information-wrap [class$="-info"] .btn-link-more:hover {opacity: 0.6;}

#content .main .notice-info {background-color: var(--color-07);}
#content .main .notice-info .tab-wrap, 
#content .main .notice-info .tab-panel { position: initial; }
#content .main .notice-info .tab-wrap {margin-top: 0;}
#content .main .notice-info .tab-wrap::after {display: none;}
#content .main .notice-info .tab-wrap.line > .tab-list {background-color: transparent;}
#content .main .notice-info .tab-wrap.line > .tab-list .tab-bar {background-color: var(--color-01); border-radius: 99.9rem;}
#content .main .notice-info .tab-wrap.line > .tab-list > button {padding: 0 0 .2rem; height: 3.1rem;}
#content .main .notice-info .tab-wrap.line > .tab-list > button + button {margin-left: 2rem;}
#content .main .notice-info .tab-wrap.line > .tab-list [role='tab'] {font-size: var(--fz-20); font-weight: 500; line-height: 1.3; color: #83868a; letter-spacing: normal;}
#content .main .notice-info .tab-wrap.line > .tab-list [role='tab'][aria-selected=true] {background-color: transparent; color: var(--color-01); font-weight: 700;}
#content .main .notice-info .tab-wrap.line > .tab-list [role='tab'][aria-selected=true]::after {display: none;}
#content .main .notice-info .tab-wrap.line > .tab-list [role='tab'][aria-selected=true]:focus-visible {outline: 2px solid #000; outline-offset:-2px;}

#content .main .news-info { border: 1px solid #d8dbe0; }
#content .main .news-info .title {font-size: var(--fz-20); font-weight: 700; line-height: 1.3;}

#content .main .cs-info { display: grid; grid-template-columns: 32rem 32rem 1fr; gap: 1.6rem; margin: 0; height: auto; background: none; }
#content .main .cs-info .box { height: 27.2rem; border-radius: 4rem; }
#content .main .cs-info .app-download { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 4rem; background-color: #e6f3ff; }
#content .main .cs-info .app-download .tit { font-size: 2.4rem; font-weight: 700; color: #2d4ec8; line-height: 1.3; }
#content .main .cs-info .app-download .img-download a { display: block; width: 11rem; height: 11rem; background: url("/_pub/SBW/assets/img/sscn/img-app-download-default.png") no-repeat 50% 50% / 11rem auto; }
#content .main .cs-info .app-download .img-download a:hover,
#content .main .cs-info .app-download .img-download a:focus { background-image: url("/_pub/SBW/assets/img/sscn/img-app-download-hover.png"); }
#content .main .cs-info .app-download .link-go { position: absolute; bottom: 4rem; right: 4rem; }
#content .main .cs-info .app-download .link-go a { display: block; }
#content .main .cs-info .app-download .link-go .ico { display: block; width: 4.8rem; height: 4.8rem; background-color: var(--color-08); background-size: 2.4rem; border-radius: 50%; }
#content .main .cs-info .app-download .link-go .ico:hover {opacity: 0.6;}
#content .main .cs-info .quick-link { display: flex; flex-direction: column; gap: 2.8rem; padding: 4.6rem 4.4rem; border-radius: 3.2rem; background-color: #616a7b; }
#content .main .cs-info .quick-link a { position: relative; flex: 1; display: flex; align-items: center; gap: 1.2rem; font-weight: 500; color: var(--color-08); }
#content .main .cs-info .quick-link a::after { content: ''; position: absolute; top: 50%; right: 0; display: block; width: 1.6rem; height: 1.6rem; background: url(/_pub/SBW/assets/img/common/btn-ico-arrow-white.png) no-repeat center center / 100%; transform: translateY(-50%); }
#content .main .cs-info .quick-link .ico-quick01 { background-image: url(/_pub/SBW/assets/img/sscn/icon-fcp01.png); background-position: 0 center; background-size: contain; }
#content .main .cs-info .quick-link .ico-quick02 { background-image: url(/_pub/SBW/assets/img/sscn/icon-fcp02.png); background-position: 0 center; background-size: contain; }
#content .main .cs-info .quick-link .ico-quick03 { background-image: url(/_pub/SBW/assets/img/sscn/icon-fcp03.png); background-position: 0 center; background-size: contain; }
#content .main .cs-info .quick-link .ico-quick04 { background-image: url(/_pub/SBW/assets/img/sscn/icon-fcp04.png); background-position: 0 center; background-size: contain; }
#content .main .cs-info .cs-box { position: relative; background-color: var(--color-blue8); width: 100%; padding: 0; background-image: none; }
#content .main .cs-info .cs-box a { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 4rem; }
#content .main .cs-info .cs-box .tel-info { display: flex; gap: 8rem; }
#content .main .cs-info .cs-box .tel-info li:first-child { position: relative; }
#content .main .cs-info .cs-box .tel-info li:first-child:after { content: ''; position: absolute; top: .8rem; right: -4rem; width: 1px; height: 7.4rem; background-color: #606a7b; opacity: 0.2; }
#content .main .cs-info .cs-box .tel-info .tit { font-size: 2rem; font-weight: 700; line-height: 2.4rem; letter-spacing: -.06rem; }
#content .main .cs-info .cs-box .tel-info .tel { margin-top: .8rem; font-size: 4rem; font-weight: 700; color: var(--color-blue1); line-height: 1.3; letter-spacing: -.12rem; }
#content .main .cs-info .cs-box .tel-info .tel-foreign { margin-top: 0.6rem; font-size: 1.8rem; line-height: 1.3; }
#content .main .cs-info .cs-box .img { position: absolute; right: 4rem; bottom: 0; width: 33.9rem; height: 12rem; }

#content .main .floating-banner { display: inline-block; width: 15.7rem; height: 16.1rem; position: fixed; right: 5rem; top: 79rem; transform: translateY(0); transition: transform 0.6s ease; z-index: 1; }
#content .main .floating-banner.sticky { position: -webkit-sticky; position: sticky; left: 100%; bottom: 10.7rem; top: auto; transform: translateY(-3rem); margin-right: 1rem; }
#content .main .floating-banner a {display: block; position: absolute; top: 0; left: 0; width: 100%;}
#content .main .floating-banner a:focus-visible {outline: 2px solid var(--color-01);}
#content .main .floating-banner-hover { opacity: 0; }
#content .main .floating-banner.focus .floating-banner-default,
#content .main .floating-banner:hover .floating-banner-default { opacity: 0; }
#content .main .floating-banner.focus img,
#content .main .floating-banner:hover .floating-banner-hover { opacity: 1; }


/*** »óÇ°°ø½Ã ***/
.section.gds { padding-top: 5rem; }
.gds .hgroup-wrap.page-title {margin-bottom: 3rem;}
.gds .page-title h2 + .select-wrapper { margin-left: 2rem; }
.gds .tab-wrap [class^=section]:first-of-type { padding-top: 5rem; }
.search-form.product { display: flex; align-items: center; }
.search-form.product .form-row { gap: .8rem; }
.search-form.product .form-row > div { display: flex; align-items: center; background: #f0f6fd; border-radius: 1.2rem; }
.search-form.product .custom-input { width: 100%; height: 5.2rem; padding: .8rem 2rem .8rem 5.6rem; border-radius: 1.2rem; font-size: var(--fz-16); font-weight: 500; color: var(--color-01); background: url(/_pub/SBW/assets/img/sscn/ico-search-gray.svg) 2rem center no-repeat; background-color: #f0f6fd; }
.search-form.product .custom-input::placeholder { color: var(--color-03); }
.search-form.product .custom-input:focus { border: none; }
.search-form.product .form-segmented {flex-shrink: 0; width: 36rem;}
.search-form.product .form-segmented .select-wrapper { padding-right: 2rem; height: 100%; }
.search-form.product .form-segmented .select-wrapper:first-child { width: 15.7rem; }
.search-form.product .form-segmented .select-wrapper:last-child { width: 20.3rem; }
.search-form.product .form-segmented .select-selected { padding-right: 2.2rem !important; padding-left: 2rem !important; background: transparent; }
.search-form.product .form-segmented .select-selected .select-arrow.chevron { right: 0; }
.search-form.product .form-segmented .select-selected .select-value { font-size: var(--fz-15); font-weight: 600; }
.search-form.product .form-segmented .select-wrapper .select-items {padding: 1rem;}
.search-form.product .form-segmented > div { position: relative; }
.search-form.product .form-segmented > div:not(:last-child)::after { content: ''; display: block; width: 1px; height: 1.6rem; background: #d8dbe0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.search-form.product .btn.point {width: 16rem; height: 5.2rem; border-radius: 1.2rem; font-size: 1.6rem; font-weight: 700;}
.sscn .compare-list-area { position: relative; }
.sscn .compare-list-area .btn.primary { position: absolute; top: 8.1rem; right: 3.2rem; width: 20rem; height: 6rem; border-radius: 1.2rem; font-size: 2rem; font-weight: 600; }
.sscn .goods-compare { flex-direction: column; align-items: stretch; gap: 2rem; height: auto; padding: 3.2rem; margin-top: 6rem; margin-bottom: 8rem; border-radius: 2.4rem; border-color: var(--color-gray2); }
.sscn .goods-compare .title-wrap .desc { margin: 0; font-size: 1.8rem; font-weight: 500; }
.sscn .goods-compare .compare-box .compare-list { display: flex; margin: 0; width: 89.6rem; }
.sscn .goods-compare .compare-box .compare-list .item { display: flex; align-items: center; justify-content: space-between; float: inherit; width: 100%; height: 7.2rem; padding: 2rem 2.4rem; margin-left: 1.2rem; background-color: #f4f6f9; border: 1px dashed var(--color-gray2); border-radius: 1.6rem; }
.sscn .goods-compare .compare-box .compare-list .item:first-child {margin-left: 0;}
.sscn .goods-compare .compare-box .compare-list .item::before { width: .15rem; height: 1rem; background-color: var(--color-03); }
.sscn .goods-compare .compare-box .compare-list .item::after { width: 1rem; height: .15rem; background-color: var(--color-03); }
.sscn .goods-compare .compare-box .compare-list .item.on { background-color: #e7f1fd; border: 1px solid var(--color-blue10); }
.sscn .goods-compare .compare-box .compare-list .item .title { padding: 0; padding-right: 2.6rem; width: 100%; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.sscn .goods-compare .compare-box .compare-list .item .btn-del { position: inherit; width: 1.8rem; height: 1.8rem; background: url(/_pub/SBW/assets/img/sscn/ico-del-dark.svg) center center / contain no-repeat; flex-shrink: 0; }

.gds .product-list-wrapper { display: flex; position: relative; }
.gds .product-list-wrapper + .product-list-wrapper { margin-top: 1.6rem; }
.gds .product-list { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; -moz-column-gap: 1.6rem; column-gap: 1.6rem; row-gap: 1.6rem; }
.gds .product-list .product-list-item { position: relative; height: 30.6rem; background: #f4f7fb; border-radius: 3.2rem; cursor: pointer; }
.gds .product-list .product-list-item a { padding: 4rem 4rem 10.4rem; width: 100%; height: 100%; }
.gds .product-list .product-list-item .product-end { cursor: default; }/*ÆǸÅÁ¾·á*/
.gds .product-list-item a .product-info { padding-bottom: 8.8rem; position: relative; }
.gds .product-list-item a .product-info .product-title-wrapper { display: flex; justify-content: space-between; margin-bottom: .6rem; }
.gds .product-list-item a .product-info .product-title { flex: 1; font-size: 2.4rem; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.gds .product-list-item a .product-info .product-subtitle-wrapper { position: absolute; left: 0; top: 3.7rem; }
.gds .product-list-item a .product-info .product-subtitle { font-size: var(--fz-15); color: var(--color-02); }
.gds .product-list-item a .product-info .product-hashtag { display: none; color: var(--color-08); font-size: var(--fz-15); font-weight: 400; }
.gds .product-list-item a .product-info .product-hashtag li {margin-right: .8rem;}
.gds .product-list-item a .product-info .product-hashtag li:last-child {margin-right: 0;}
.gds .product-list-item a .product-info .product-hashtag li::before {content: '#'; display: inline-block;}
.gds .product-list-item a .loan-info { display: flex; flex-direction: column-reverse; align-items: flex-end; justify-content: flex-end; line-height: 1.3; }
.gds .product-list-item a .loan-info .loan-extra { font-size: 1.3rem; color: var(--color-03); word-break: auto-phrase; margin-right: .8rem; }
.gds .product-list-item a .loan-info .loan-title { display: flex; align-items: center; justify-content: flex-end; gap: .4rem; font-size: 2.8rem; font-weight: 500; color: #3968e0; }
.gds .product-list-item .btn-wrapper { position: absolute; right: 4rem; bottom: 3.2rem; justify-content: flex-end; gap: 2rem; width: calc(100% - 8rem); }
.gds .product-list-item .btn-wrapper .btn { transition: none; height: 4.8rem; border-radius: 10rem; font-size: var(--fz-16); font-weight: 500; }
.gds .product-list-item .btn-wrapper .btn-join { flex: 1; }
.gds .product-list-item .btn-wrapper .btn-compare { width: 16rem; background-color: var(--color-08); }
.gds .product-list-item .btn-wrapper .btn-compare i { --icon-size: 1.8rem; margin-left: .8rem; }
.gds .product-list-item:hover,
.gds .product-list-item:focus-within { outline: 1px solid var(--color-08); box-shadow: 0 .2rem 2rem 0 rgba(0, 11, 61, 0.15); background: url(/_pub/SBW/assets/img/sscn/img-product-hover-bg.png) right 4rem bottom no-repeat; background-size: 24rem;}
.gds .product-list-item:hover .product-title,
.gds .product-list-item:focus-within a .product-title { color: var(--color-08); }
.gds .product-list-item:hover a .product-extra,
.gds .product-list-item:focus-within a .product-extra { display: none; }
.gds .product-list-item:hover a .product-subtitle,
.gds .product-list-item:focus-within a .product-subtitle { display: none; }
.gds .product-list-item:hover a .product-hashtag,
.gds .product-list-item:focus-within a .product-hashtag { display: flex; }
.gds .product-list-item:hover a .loan-info,
.gds .product-list-item:focus-within a .loan-info { opacity: 0; visibility: hidden; }
/* ¿¹±Ý */ 
.gds .product-list-item.deposit:hover,
.gds .product-list-item.deposit:focus-within { background-color: #3968e0; }
.gds .product-list-item.deposit:hover .btn-join,
.gds .product-list-item.deposit:focus-within .btn-join { background-color: #e6f3ff; color: #0f76e9; }
/* Àû±Ý */ 
.gds .product-list-item.saving:hover,
.gds .product-list-item.saving:focus-within { background-color: #3968e0; }
.gds .product-list-item.saving:hover .btn-join,
.gds .product-list-item.saving:focus-within .btn-join { background-color: #e6f3ff; color: #0f76e9; }
/* ÀÔÃâ±Ý */ 
.gds .product-list-item.withdrawal:hover,
.gds .product-list-item.withdrawal:focus-within { background-color: #7e5dff; }
.gds .product-list-item.withdrawal:hover .btn-join,
.gds .product-list-item.withdrawal:focus-within .btn-join { background-color: #eee9ff; color: #7e5dff; }
/* ÅðÁ÷¿¬±Ý */ 
.gds .product-list-item.pension:hover,
.gds .product-list-item.pension:focus-within { background-color: #3968e0; }
.gds .product-list-item.pension:hover .btn-join,
.gds .product-list-item.pension:focus-within .btn-join { background-color: #e6f3ff; color: #0f76e9; }
/* ISA */ 
.gds .product-list-item.isa:hover,
.gds .product-list-item.isa:focus-within { background-color: #3968e0; }
.gds .product-list-item.isa:hover .btn-join,
.gds .product-list-item.isa:focus-within .btn-join { background-color: #e6f3ff; color: #0f76e9; }
/* ´ëÃâ */ 
.gds .product-list-item.lon:hover,
.gds .product-list-item.lon:focus-within { background-color: #008fa8; }
.gds .product-list-item.lon:hover .btn-join,
.gds .product-list-item.lon:focus-within .btn-join { background-color: #eff8fa; color: #008fa8; }
.gds .product-list-item.lon .loan-info .loan-title { color: #008fa8; }

/* Floating Menu */
.floating-menu.type02 { position: fixed; left: 5rem; top: auto; bottom: 5rem; z-index: 500; margin-top: 0; width: 10.4rem; height: 38.6rem; border-radius: 6rem; box-sizing: border-box; box-shadow: 0 .4rem 2rem 0 rgba(19,22,28,0.02); backdrop-filter: blur(.6rem); -webkit-backdrop-filter: blur(.6rem); }
.floating-menu.type02 .menu-tit  .label, 
.floating-menu.type02 .menu-list li a .quick-menu-label { line-height: 2.2rem; font-size: var(--fz-14); font-weight: 500; color: var(--color-01); letter-spacing: -.028rem; }
.floating-menu.type02 .menu-tit { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 10.6rem; padding: 1.6rem 0 0; border-radius: 6rem 6rem 0 0; border: 1px solid #eaeaea; border-bottom: 0; background-color: var(--color-08); }
.floating-menu.type02 .menu-tit .ico {margin-bottom: .4rem;} 
.floating-menu.type02 .menu-list { display: flex; flex-direction: column; background-color: #f7faff; gap: 1.6rem; padding: 1.6rem 0 4rem; height: 28rem; border-radius: 0 0 6rem 6rem; border: 1px solid #eaeaea; border-top: 0; box-shadow: none; }
.floating-menu.type02 .menu-list li:not(:first-child) { margin-top: 0; }
.floating-menu.type02 .menu-list li a { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; }
.floating-menu.type02 .menu-list li a .ico { margin-bottom: 2px; }


/*** ÅëÇÕ°Ë»ö°á°ú ***/
.section-full.search-field { padding: 0; background: none; }
.section-full.search-field .search-wrap { display: block; position: relative; top: 0; }

.section.gds.search-result { padding-top: 0; margin-top: 8rem; }
.section.gds.search-result .product-list-wrapper { flex-direction: column; }
.section.gds.search-result .product-list-wrapper:first-child {margin-top: 2rem;}
.section.gds.search-result .product-list-wrapper + .product-list-wrapper { margin-top: 4rem; }
.section.gds.search-result .product-list-wrapper .product-list-title { font-size: var(--fz-18); font-weight: 600; margin-bottom: 2rem; color: var(--fc-02); }
.section.gds.search-result .product-list-wrapper .product-list-title .total-cnt { margin-left: .6rem; color: var(--color-blue10); }
.section.gds.search-result .product-list-wrapper .keyword { color: var(--color-blue1); }

.section.gds.search-result .search-cate-list { margin-top: 0; padding: 3.2rem 4rem; border-radius: 3.2rem; background-color: #f4f7fb; }
.section.gds.search-result .search-cate-list li::before { top: .9rem; width: .3rem; height: .3rem; color: var(--color-04); }
.section.gds.search-result .search-cate-list li { padding-left: 1.4rem; }
.section.gds.search-result .search-cate-list li + li { margin-top: 1.2rem; }
.section.gds.search-result .search-cate-list li a { display: flex; align-items: center; }
.section.gds.search-result .search-cate-list li a span { display: flex; align-items: center; font-size: var(--fz-16); font-weight: 500; color: var(--fc-02); }
.section.gds.search-result .search-cate-list li a span::after { content: ''; display: inline-block; margin-left: 0; margin-right: .4rem; width: 2.4rem; height: 2.4rem; background: url(/_pub/SBW/assets/img/sscn/ico-seperator-gray.svg) center center / contain no-repeat; }
.section.gds.search-result .search-cate-list li a span:last-child:after { display: none; }

.section.gds.search-result .product-list .product-list-item:hover .product-title .keyword,
.section.gds.search-result .product-list .product-list-item:focus-within .product-title .keyword { color: var(--color-08); }
.section.gds.search-result .product-list .product-list-item .btn-wrapper .btn-detail { width: 13.6rem; background-color: var(--color-08); }


/*** °í°´Á¤º¸È®ÀÎ ***/
.sscn .customer-info .item .title {color: var(--fc-02);}

/*** ÀÚµ¿¼­·ùÁ¦Ãâ, º»ÀÎÈ®ÀÎ ¹× ³»¿ªÁ¶È¸ ***/
.sscn .box.privacy { margin-top: 5rem; padding: 4rem; border-radius: 1.6rem; background-color: var(--color-07); }
.sscn .box.privacy .form-group .form-row .form-title label {font-size: 1.7rem; letter-spacing: -0.068rem;}
.sscn .box.privacy .form-group .form-row .form-title {margin-right: 0.8rem;}
.sscn .box.privacy .form-row .space {flex-shrink: 0; margin: 0 .7rem;}


/*** ÀÚµ¿ÀԷ¹æÁö ***/
.sscn .captcha-form .btn-wrap.v .btn {min-width: 10.4rem; font-size: var(--fz-15); font-weight: 400;}
.sscn .captcha-form .btn-wrap.v .btn + .btn {margin-left: 0;}


/*** ±Ý¸®ÀÎÇÏ ¿Ï·á SBW_CUM_06_08_SSCN ***/
.sscn .cum .table table tbody td.rate-change { font-weight: 700; }
.sscn .cum .table table tbody td.rate-change img { margin: 0 1.2rem; vertical-align: middle; }
.sscn .cum .table table tbody td.rate-change .badge { padding: 0 .8rem; margin-left: 2rem; border-radius: .6rem; font-size: 1.2rem; font-weight: 500; height: 2.2rem; line-height: 2.2rem; background-color: #e6f3ff; color: var(--color-blue1); }
.sscn .cum .result .txt + .txt {margin-top: .8rem;}


/*** ·Î±×ÀÎ ***/
.sscn .login-wrap .item { width: 38.4rem; padding: 5rem 4rem; border-color: #d9d9d9; height: 52rem; }
.sscn .login-wrap .item .title { font-size: var(--fz-30); line-height: 1.3; }
.sscn .login-wrap .item .desc { line-height: 1.3; }

.sscn .login-wrap .item.cert-login .link-box a {margin:0 1rem;}

.sscn .login-wrap .item.id-login .id-pw-box .inp-box {width:20rem;}
.sscn .login-wrap .item.id-login .id-pw-box input {margin-top:1rem; height: 5.5rem; padding-inline: 2rem; border-radius: .8rem; border-color: #d9d9d9; font-size: var(--fz-16);}
.sscn .login-wrap .item.id-login .id-pw-box input:first-child {margin-top:0;}
.sscn .login-wrap .item.id-login .id-pw-box .btn-login {width:9.4rem; height:12rem;}
.sscn .login-wrap .item.id-login .find-box a {margin:0 .4rem;}

.sscn .login-wrap .item.simple-login .btn-box {width: 30.4rem; margin: 4rem auto;}
.sscn .login-wrap .item.simple-login .btn-box a {display: block; width: 100%; color:#fff; font-size:1.8rem; background-color: #0f73e9;}

.sscn .login-wrap .item.cert-login .btn-box a,
.sscn .login-wrap .item.simple-login .btn-box a {height:5.5rem; line-height:5.5rem; border-radius: 0.8rem; font-weight: 600;}
.sscn .login-wrap .item.cert-login .btn-box,
.sscn .login-wrap .item.id-login .id-pw-box {width: 30.4rem; margin-bottom: 4rem;}

.sscn .contact-box .item.support .btn.link02 { display: inline-block; height: auto; padding: 0; padding-right: 2.1rem; background: none; border-radius: 0; font-size: 1.5rem; font-weight: inherit; overflow: hidden; transition: none; }


/*** »ó´ã»çÁ¤º¸È®ÀÎ ***/
.popup.sscn .conts-wrap { display: flex; flex-direction: column; align-items: center; margin-top: 4rem; }
.popup.sscn .conts-wrap > * { width: 33.5rem; }
.popup.sscn .conts-wrap .profile-card { border: .2rem solid transparent; background-image: linear-gradient(#f2f9ff, #f2f9ff),linear-gradient(109.28deg, rgba(18, 142, 255, 0.7) 1.87%, rgba(224, 186, 255, 0.7) 32.53%, rgba(185, 177, 255, 0.7) 51.41%, rgba(224, 186, 255, 0.7) 77.35%, rgba(58, 149, 252, 0.7) 100%); background-origin: border-box; background-clip: padding-box, border-box; padding: 2rem 2.4rem 2.4rem; border-radius: 1.6rem; }
.popup.sscn .conts-wrap .profile-card .profile-card-inr { display: flex; flex-direction: column; gap: 2rem; background-repeat: no-repeat; background-position: right bottom; background-size: auto; }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .profile-header { display: flex; align-items: center; justify-content: space-between; }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .profile-info { display: flex; flex-direction: column; gap: .8rem; }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .name { position: relative; padding-right: .6rem; margin-right: .6rem; font-size: 1.8rem; font-weight: 700; }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .name::after { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1rem; background: var(--color-gray2); }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .role { font-size: var(--fz-15); color: var(--color-03); }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .tel { color: var(--color-blue10); font-weight: 700; }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .tel-no { margin-left: .4rem; font-weight: 700; }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .profile-list { display: grid; grid-template-columns: 78px 1fr; row-gap: 6px; -moz-column-gap: 8px; column-gap: 8px; }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .profile-list dt { font-size: 1.4rem; color: var(--color-03); }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .profile-list dd { font-size: var(--fz-15); font-weight: 500; }
.popup.sscn .conts-wrap .profile-card .profile-card-inr .profile-img { width: 6rem; height: 6rem; background-color: var(--color-08); border-radius: 999.9rem; overflow: hidden; }

.popup.sscn .conts-wrap .cont-foot { margin-top: 2rem; padding: 1.6rem 2.4rem; border-radius: 1.6rem; background-color: var(--color-07); text-align: center; }
.popup.sscn .conts-wrap .cont-foot .txt:first-child { font-size: var(--fz-14); color: var(--color-04); }
.popup.sscn .conts-wrap .cont-foot .txt:last-child { font-size: var(--fz-18); color: var(--color-blue1); margin-top: .4rem; }


/*** ºÎ½ºÅÍ ***/
#content.section-wrap .bst {margin-bottom: -7.5rem;}
.bst .section.row { width: 122rem; min-height: 89.4rem; display: flex; align-items: flex-start; gap: 2rem; padding-bottom: 6rem; }
.section.row .col { display: flex; flex-direction: column; gap: 2rem; }
.section.row .col:first-child { flex: 360px 0 0; }
.section.row .col:nth-child(2) { flex: 460px 0 0; align-self: stretch; }
.section.row .col-large { flex: 1 0 0; }
.section.row .col:only-child { flex: none; width: 46rem; margin: 0 auto; }
.bst .pg-wrap .fc-point { color: #0086ff !important; }
/* Devider */
.bst .pg-wrap { display: flex; flex-direction: column; width: 46rem; height: 100%; min-height: 55.5rem; background: var(--color-08); border-radius: 4rem; overflow: hidden; }
.bst .pg-wrap, .bst.popup { font-size: 1.4rem !important; font-weight: 400; }
.bst .pg-wrap .pg-header { width: 100%; height: 6.8rem; }
.bst .pg-wrap .pg-container { display: flex; flex-direction: column; justify-content: space-between; flex: 1; position: relative; box-sizing: border-box; -webkit-overflow-scrolling: touch; width: initial; height: 100%; padding: 0 2.4rem; }
.bst .pg-wrap .pg-content { padding: 2.4rem 0 4rem; }
.bst .pg-wrap .wider { margin-left: -0.8rem; margin-right: -0.8rem; }
.bst .pg-wrap .widest { margin-left: -2.4rem; margin-right: -2.4rem; }
.bst .pg-wrap .widest .ui-swiper > .swiper { margin: 0 1.8rem; }
.bst .pg-wrap .section { width: 100%; padding: 0; }
.bst .pg-wrap .section-f { width: calc(100% + 4.8rem); margin-left: -2.4rem; margin-right: -2.4rem; }
.bst .pg-wrap .section-wh { margin: -2.4rem -2.4rem 0; padding: 2rem 2.4rem 0; background-color: #fff; }
.bst .pg-wrap [class^='section'] > [class^='ht']:first-child { margin-top: 0; }
.bst .pg-wrap.detail .pg-header + .pg-container { margin-top: 1.2rem;}
/* Header */
.bst .pg-wrap .pg-gnb { display: flex; flex-wrap: nowrap ;position: relative; width: 100%; height: 6.8rem; padding: 0; text-align: center; background: var(--color-08); }
.bst .pg-wrap .pg-gnb .ht-1 { display: inline-block; width: 100%; height: 6.8rem; padding: 0 9rem; line-height: 6.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bst .pg-wrap .pg-gnb [class^='action'] { display: flex; justify-content: center; align-items: center; flex-basis: 4rem; position: absolute; top: 0; left: auto; right: 2.4rem; width: 4rem; height: 6.8rem; font-size: 1.8rem; color: #13161c; font-size: 1.5rem !important; }
.bst .pg-wrap .pg-gnb [class^='action-'] { color: transparent; }
.bst .pg-wrap .pg-gnb [class^='action-']:before { content: ''; width: 2.4rem; height: 2.4rem; background: #000; }
.bst .pg-wrap .pg-gnb .action-prev:before { background: transparent url(/_pub/SBP/assets/img/sscn/app/common/ico-24x-11.svg) no-repeat center center; background-size: 100%; }
.bst .pg-wrap .pg-gnb .action-prev { left: 2.4rem; }
/* Title */
.bst .pg-wrap [class^='ht-'] { font-weight: 700; color: #13161c; line-height: 1.3; vertical-align: middle; word-break: keep-all; overflow-wrap: break-word; }
.bst .pg-wrap .ht-1 { font-size: 1.8rem !important; font-weight: 500; }
.bst .pg-wrap .ht-3 { font-size: 1.8rem !important; line-height: 1.4; margin: 6rem 0 2rem; }
.bst .pg-wrap .ht-4 { font-size: 1.6rem !important; line-height: 1.4; margin: 3.2rem 0 1.2rem; }
/* Inform */
.bst .pg-wrap [class^='inform-'] { background-color: #f4f6f9; }
.bst .pg-wrap [class^='inform-'] .depth > li:before, .bst .pg-wrap p.depth.bul:before, .bst .pg-wrap p.depth.dash:before { top: 0.8rem; }
.bst .pg-wrap [class^='inform-'] .depth.bul { position: relative; padding-left: 1.1rem; color: var(--color-03); margin-top: 0; font-size: var(--fz-14); line-height: 1.4; }
.bst .pg-wrap [class^='inform-'] p.depth.bul:before { width: 0.3rem; height: 0.3rem; border-radius: 50%; margin-left: 0.25rem; background: var(--color-03); }
.bst .pg-wrap [class^='inform-'] [class^='ht-'] { margin-top: 0; }
.bst .pg-wrap .inform-btm-wrap { margin: 0 -2.4rem; padding: 3.2rem 2.4rem 4rem; border-top: 1px solid #d8dbe0; }
.bst .pg-wrap .inform-btm-wrap .ht-4 { font-weight: 500; }
.bst .pg-wrap .inform-btm-wrap .ad-wrap { display: flex; flex-direction: column; align-items: center; }
.bst .pg-wrap .inform-btm-wrap .depth + .ad-wrap { margin-top: 3.2rem; }
.bst .pg-wrap .ad-wrap .ad-txt { font-size: 1.3rem !important; color: #696e77; text-align: center; }
/* Button */
.bst .pg-wrap .btn { display: inline-block; position: relative; overflow: hidden; color: #13161c; font-weight: 500; text-align: center; min-height: 2.2rem; }
.bst .pg-wrap .btn.md { min-height: 3.6rem; padding: 0.8rem 0.5rem 0.7rem; min-width: 6rem; font-size: 1.4rem !important; }
.bst .pg-wrap .btns.cont-foot { display: flex; margin-top: 2.4rem; }
.bst .pg-wrap .btns.cont-foot .btn { white-space: nowrap; }
.bst .pg-wrap .btns.cont-foot.right { justify-content: flex-end; padding-bottom: 1.5rem; }
/* Icon */
.bst .pg-wrap [class*='ico-'] { font-style: normal; font-weight: 500; }
.bst .pg-wrap [class*='ico-']:before, .bst .pg-wrap [class*='ico-']:after { background-size: 100% !important; }
.bst .pg-wrap [class*='ico-'].btn { padding-left: 0; padding-right: 0; width: auto; height: auto; min-height: auto; line-height: normal; background-image: none; }
.bst .pg-wrap [class*='ico-'].btn:before, .bst .pg-wrap [class*='ico-'].btn:after { content: ''; display: inline-block; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; }
.bst .pg-wrap .ico-chevron-sm:after { background-image: url(/_pub/SBP/assets/img/sscn/app/common/ico-18x-6.svg); min-width: 1.8rem; min-height: 1.8rem; margin-left: 0.4rem; }
.bst .pg-wrap .ico-arr:after { background: url(/_pub/SBP/assets/img/sscn/app/common/ico-18x-2.svg) no-repeat right center; min-width: 1.8rem; min-height: 1.8rem; margin-left: 0.4rem; margin-top: -0.2rem; }
/* List */
.bst .pg-wrap .lists { display: flex; flex-direction: column; width: 100%; border-bottom: 1px solid #d8dbe0; }
.bst .pg-wrap .lists > li { display: flex; align-items: center; width: 100%; min-height: 5rem; border-bottom: 1px solid #f4f6f9; color: #13161c; }
.bst .pg-wrap .lists > li:last-child { border-bottom: 0; }
.bst .pg-wrap [class*='hgroup'] + [class^='lists'], .bst .pg-wrap [class^='ht-'] + [class^='lists'] { border-top: 1px solid #d8dbe0; }
.bst .pg-wrap [class*='ht-'] + [class*='lists'], .bst .pg-wrap [class*='hgroup'] + [class*='lists'] { margin-top: 1.2rem; }
.bst .pg-wrap [class^='lists link'] { border-bottom: 1px solid #f4f6f9; }
.bst .pg-wrap [class^='lists link'] > li { align-items: stretch; }
.bst .pg-wrap [class^='lists link'] .li-link { display: flex; position: relative; width: 100%; min-height: 5rem; padding: 1.6rem 5rem 1.6rem 0; align-items: center; }
.bst .pg-wrap [class^='lists link'] .li-link::before { content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(/_pub/SBP/assets/img/sscn/app/common/ico-18x-2-sm.svg) no-repeat 0 0; width: 1.8rem; height: 1.8rem; margin-top: -0.2rem; }
.bst .pg-wrap .lists.lg .li-link { padding: 1.6rem 5rem 1.6rem 0; font-size: 1.6rem !important; font-weight: 500; }
.bst .pg-wrap .lists.link-bg, .bst .pg-wrap .lists.link-bg li { border: 0; }
.bst .pg-wrap .lists.link-bg .li-link { padding: 1.6rem; border-radius: 0.6rem; background-color: #f4f6f9; }
.bst .pg-wrap .lists.link-bg > li:not(:first-child) { margin-top: 0.8rem; }
.bst .pg-wrap .lists.link-bg .li-link::before { right: 1.6rem; }
.bst .pg-wrap .lists.link-bg.lg .li-link { display: block; padding: 2rem 5rem 2rem 2rem; border-radius: 1.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bst .pg-wrap .lists.link-bg.lg .li-link::before { display: none; }
.bst .pg-wrap .lists.link-bg.lg .li-link.download, .bst .pg-wrap .lists.link-bg.lg .li-link.file-view { text-align: left; }
.bst .pg-wrap .lists.link-bg.lg .li-link.download::after { content: ''; position: absolute; right: 2rem; top: 1.8rem; width: 2.4rem; height: 2.4rem; background: url(/_pub/SBP/assets/img/sscn/app/common/ico-24x-38.svg) no-repeat center center / contain; }
/* Swiper */
.bst .pg-wrap .ui-swiper { position: relative; }
.bst .pg-wrap .swiper-pagination { display: inline-block; position: relative; width: 100%; height: 0.6rem; margin-top: 1.6rem; text-align: center; }
.bst .pg-wrap .swiper-pagination-wrap { margin-top: 1.2rem; text-align: center; }
.bst .pg-wrap .swiper-pagination-wrap .swiper-pagination { width: auto; margin-top: 0; vertical-align: middle; }
.bst .pg-wrap .swiper-button { width: 1.8rem; height: 3.2rem; margin-top: -1.6rem; background-color: rgba(255, 255, 255, 0.4); }
.bst .pg-wrap .swiper-button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.8rem; height: 0.8rem; margin: -0.4rem 0 0 0; border-width: 1px 0 0 1px; border-style: solid; border-color: #696e77; }
.bst .pg-wrap .swiper-button-prev, .bst .pg-wrap .swiper-button-next { transform: translateY(-50%); }
.bst .pg-wrap .swiper-button-prev { left: 1.8rem; border-radius: 0 0.8rem 0.8rem 0; }
.bst .pg-wrap .swiper-button-next { right: 1.8rem; border-radius: 0.8rem 0 0 0.8rem; }
.bst .pg-wrap .swiper-button-prev::after { margin-left: -0.2rem; transform: rotate(-45deg); }
.bst .pg-wrap .swiper-button-next::after { margin-left: -0.5rem; transform: rotate(135deg); }
.bst .pg-wrap .swiper-pagination .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; margin: 0 0.4rem; border: 1px solid #8f949e; background-color: #fff; opacity: 1; transition: 0.4s; vertical-align: top; }
.bst .pg-wrap .swiper-pagination .swiper-pagination-bullet-active { border-radius: 0.6rem; background-color: #696e77; border-color: #696e77; }
.bst .pg-wrap .swiper-auto-ctl { width: 1.8rem; height: 1.8rem; vertical-align: middle; margin-left: 0.3rem; }
.bst .pg-wrap .swiper-auto-ctl::before { content: ''; display: inline-block; width: 1.8rem; height: 1.8rem; background-image: url(/_pub/SBP/assets/img/sscn/app/common/ico-18x-25.svg); background-repeat: no-repeat; background-position: center center; }
.bst .pg-wrap .swiper-auto-ctl.play::before { background-image: url(/_pub/SBP/assets/img/sscn/app/common/ico-18x-24.svg); }

/* SBW_ITD_99_001, SBW_ITD_99_004 */
.bst .pg-wrap .feed-focus .swiper-slide { border-radius: 2.4rem; overflow: hidden; box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.05); height: 32.5rem; }
.bst .pg-wrap .feed-focus .feed-view { padding: 3.2rem 0 0; text-align: center; height: 100%; cursor: pointer; }
.bst .pg-wrap .feed-focus .hash-tit { border-radius: 1.2rem; background-color: #fff; padding: 0.4rem 1rem; font-size: 1.2rem !important; }
.bst .pg-wrap .feed-focus .hash-tit:before { content: '#'; }
.bst .pg-wrap .feed-focus .slogun { font-size: 2.2rem !important; text-align: center; margin: 1.2rem auto 0; font-weight: 700; }
.bst .pg-wrap .feed-focus .swiper-slide img { max-width: 34rem; }
.bst .pg-wrap .feed-focus .swiper-slide .feed-view:focus-visible {outline: 3px dashed #000; outline-offset: -4px;}
.bst .pg-wrap .feed-focus.full .feed-view { text-align: left; padding: 3.2rem 2.4rem 0; }
.bst .pg-wrap .feed-focus.full .slogun { text-align: left; }
.bst .pg-wrap .feed-focus.full .feed-view .thumb { display: block; margin: 0 -2.4rem; }
.bst .pg-wrap .feed-list { padding: 2.4rem; border: 1px solid #d8dbe0; background-color: #fff; border-radius: 1.2rem; position: relative; cursor: pointer; }
.bst .pg-wrap .feed-list + .feed-list { margin-top: 1.2rem; }
.bst .pg-wrap .feed-list .hash-tit { border-radius: 1.2rem; background-color: #f4f6f9; color: #696e77; padding: 0.4rem 1rem; font-size: 1.2rem !important; }
.bst .pg-wrap .feed-list .hash-tit:before { content: '#'; }
.bst .pg-wrap .feed-list .slogun { font-size: 1.6rem !important; margin-top: 1rem; font-weight: 700; padding-right: 10rem; }
.bst .pg-wrap .feed-list .item-icon { position: absolute; top: calc(50% - 3rem); right: 2rem; width: 6rem; }
.bst .pg-wrap .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; }
.bst .pg-wrap .feed-list .item-keyvi img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 14rem; }
.bst .pg-wrap .interest-list .hash-list-full { margin: 0 -2.4rem; width: calc(100% + 4.8rem); overflow-y: hidden; overflow-x: auto; padding-left: 2.4rem; }
.bst .pg-wrap .interest-list .hash-list-full::-webkit-scrollbar { display: none; }
.bst .pg-wrap .interest-list .hash-list { display: block; white-space: nowrap; margin: -0.4rem; }
.bst .pg-wrap .interest-list .hash-list button:before { content: '#'; display: inline-block; }
.bst .pg-wrap .interest-list .hash-list:after { content: ''; display: block; clear: both; }
.bst .pg-wrap .interest-list .hash-list button { padding: 0.7rem 1.4rem; border-radius: 2rem; background-color: #f4f6f9; margin: 0.4rem; font-size: var(--fz-14); }
.bst .pg-wrap .interest-list .hash-list button:nth-child(4) { clear: both; }
.bst .pg-wrap *:focus-visible { outline: auto; outline-color: #000; outline-offset: unset; }

/* popup initial */
.bst.popup { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; box-sizing: border-box; background: rgba(0, 0, 0, 0); transition: background 0.3s 0.1s; } 
.bst.popup .pop-close { display: block; position: absolute; top: 2.4rem; right: 0.7rem; width: 6rem; height: 4rem; font-size: 1.5rem !important; font-weight: 400; z-index: 100; color: var(--color-01); background-image: none; }
.bst.popup .pop-wrap { display: flex; flex-direction: column; position: relative; width: 100%; max-height: 100%; background-color: #fff; opacity: 0; z-index: 100; } 
/* popup show */
.bst.popup.show { display: flex !important; align-items: flex-end; justify-content: center; padding: 4rem 0; background: rgba(19, 22, 28, 0.5); -webkit-backdrop-filter: blur(1.5rem); backdrop-filter: blur(1.5rem); transition-delay: 0s; }
.bst.popup.show .pop-wrap { transform: translate3d(0, 0, 0) translateZ(0); transition-delay: 0s; visibility: visible; opacity: 1; }
/* popup layout */
.bst.popup .pop-head {position: relative; background-color: #ffffff; border-radius: 2.4rem 2.4rem 0 0; padding: 3.2rem 6.6rem 0 2.4rem;} 
.bst.popup .pop-head h1,
.bst.popup .pop-head h2 {font-size: 1.8rem; line-height: 1.3; font-weight: 700; text-align: left; word-wrap: break-word; word-break: keep-all; overflow: hidden;} 
.bst.popup .pop-body { position: relative; z-index: 100; height: 100%; transform: translate3d(0, 0, 0); transform: translateZ(0); -webkit-overflow-scrolling: touch; }
.bst.popup .pop-wrap [class^="section"] {position: relative; flex: 1 1 auto; display: flex; flex-direction: column; width: 100%; padding-block: 0;}
/* popup > list-wrap */
.bst.popup .pop-body > .section > .list-wrap { padding: 0 2.4rem 2rem; }
.bst.popup .pop-body .list-wrap .list-block { position: relative; display: flex; padding: 1.2rem 3.4rem 1.2rem 0; width: 100%; min-height: 5rem; font-size: 1.8rem !important; font-weight: 500; line-height: 1.4; justify-content: space-between; text-align: left; }
.bst.popup .pop-body .list-wrap .list-block.selected::after { content: ''; position: absolute; top: 0; right: 0; width: 2.4rem; height: 2.4rem; position: absolute; top: calc(50% - 1.2rem); right: 0; background: url(/_pub/SBP/assets/img/sscn/app/common/ico-24x-14.svg) no-repeat 0 0 / contain; }
/* bottom popup  */ 
.bst.popup.bottom .pop-wrap {max-width: 37.5rem; min-height: 30vh; border-radius: 2.4rem;}
.bst.popup.bottom.show .pop-wrap {min-height: auto;}
.bst.popup.bottom .pop-head { flex-shrink: 0; padding: 3.2rem 2.4rem 0; min-height: 8rem; color: var(--color-01); }
.bst.popup.bottom .pop-body {flex: 1;padding-bottom: 0 !important;}

/* SBW_ITD_05_03 260914 Ãß°¡ */
.info-area.law-info{}
.info-area.law-info .info-box{margin-top: 10rem;padding-top: 10rem;border-top: 1px solid #ebebeb;display: flex;}
.info-area.law-info .info-box .info-tit{width: 28rem;font-size: 2.4rem;font-weight: 600;color: #000;}
.info-area.law-info .info-box .info-cont{flex: 1;}
.info-area.law-info .info-box .info-cont .table-box{display: flex;border-radius: 1rem;border: 1px solid #ddd;overflow: hidden;}
.info-area.law-info .info-box .info-cont .table-box dl{flex: 1;color: #000;}
.info-area.law-info .info-box .info-cont .table-box dl dt{text-align: center;height: 5.5rem;background: #f9f9f9;font-size: 1.5rem;font-weight: 500;}
.info-area.law-info .info-box .info-cont .table-box dl:first-child dt{padding: 2rem 0 2rem 5rem;}
.info-area.law-info .info-box .info-cont .table-box dl:last-child dt{padding: 2rem 5rem 2rem 0;}
.info-area.law-info .info-box .info-cont .table-box dl:first-child dd{text-align: center;}
.info-area.law-info .info-box .info-cont .table-box dl:first-child dd{padding: 4.2rem 0 4.2rem 4.2rem;}
.info-area.law-info .info-box .info-cont .table-box dl:last-child dd{padding: 4.2rem 5rem 4.2rem 0;}
.info-area.law-info .info-box .info-cont .table-box dl dd{height: 27.3rem;}
.info-area.law-info .info-box .info-cont .table-box dl dd .img{display: flex;justify-content: center;}
.info-area.law-info .info-box .info-cont .table-box dl dd.cont-qr img{width: 15rem;}
.info-area.law-info .info-box .info-cont .table-box dl dd.cont-whistlenote img{width: 16rem;}

/* SBW_CUS_03_04 */
.pdf-wrap{width: 100%;max-height: 68.6rem;overflow-y: auto;}