@charset "utf-8";.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:108px;max-width:108px;height:48px;border-radius:16px;font-family:Pretendard;font-weight:600;font-size:1.6rem;letter-spacing:4px;color:#fff;background:linear-gradient(180deg,#7a7164,#60584c,#60584c,#4e463b);border:1px solid #545045;box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.btn.off,.btn-off{opacity:.5!important}.btn.disabled,.btn:disabled,.btn-disabled{background:#e7e7e7;border:0 none;text-shadow:none;box-shadow:none}.btn.active,.btn-active{background:linear-gradient(180deg,#ffce45,#ffbc00 88%,#ffbc00,#dfa500);border-color:#f4b400}.btn.blank,.btn-blank{background:linear-gradient(180deg,#e1e1e1 0,#d2d2d2 16.67%,#d2d2d2 84.37%,#c0c0c0 100%);border-color:#bfbfbf}.btn.big{height:70px}.btn.large{max-width:165px;width:165px}.btn-container{display:flex;justify-content:space-between}.btn-container.full .btn{max-width:100%;font-family:KBFGText;font-weight:700;padding-top:4px;letter-spacing:0;text-shadow:0 0 4px rgba(0,0,0,.25)}.btn-container.col-2 .btn{max-width:164px}.btn-container.bottom{top:auto;left:0;right:0;bottom:9.6rem;z-index:102;padding:0 1.6rem}.btn-fixed-wrapper{position:fixed;left:0;right:0;bottom:0;z-index:101;background-color:#fff;padding:0 1.6rem 2.4rem}.btn-fixed-wrapper .btn-container{margin-top:0}.ico{position:relative;display:block;width:12px;height:12px;cursor:pointer;font-size:0;padding:0;border:0;text-indent:100%;overflow:hidden}.ico-close{width:24px!important;height:24px!important}.ico-close:before{display:block;content:'';width:12px;height:12px;background:url(../images/common/ico_close.png) no-repeat 0 0/100%;position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-6px}.ico-back{width:8px;height:14px}.ico-back:before{content:'';width:8px;height:15px;background:url(../images/common/ico_back.png) no-repeat 0 0/100%;position:absolute;top:50%;margin-top:-7px}.ico-circle{width:28px;height:28px;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.25);border-radius:100%}.ico-circle.ico-back:before{left:8px}@media(min-width:768px){.service-gate .ico-back.ico-circle,.service .ico-back.ico-circle{width:48px;height:48px}.service-gate .ico-back.ico-circle:before,.service .ico-back.ico-circle:before{width:13px;height:24px;left:15px;margin-top:-12px}}@media(min-width:1080px){.intro-gate .ico-back.ico-circle{width:48px;height:48px}.intro-gate .ico-back.ico-circle:before{width:13px;height:24px;left:15px;margin-top:-12px}}.dim{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;background:rgba(0,0,0,0.6);z-index:1000}.pop-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;display:flex;align-items:center;justify-content:center}.pop-container .pop-section{position:relative;width:100%;height:100%;max-height:780px;background-color:#fff}.pop-container .pop-section .container{width:100%;max-width:365px;padding-left:15px;padding-right:15px;margin:0 auto}.pop-container .pop-section-content{height:calc(100% - 76px);overflow-y:auto;padding-top:80px}.pop-container .pop-section-title{font-size:2rem;font-weight:700;margin-bottom:18px;text-align:center}.pop-container .pop-section-title .txt{color:#6a6e75}.pop-container .ico-close{position:absolute;top:15px;right:15px}.pop-container.center{padding:15px}.pop-container.center .pop-section{width:auto;height:auto;max-width:none;max-height:none;border-radius:28px}.pop-container.center .btn-pop-close{top:15px;right:15px}.pop-container.bottom{align-items:flex-end;overflow:hidden}.pop-container.bottom .pop-section{height:auto;border-radius:28px 28px 0 0;position:relative;bottom:-100%;transition:all .3s}.pop-container.bottom.on .pop-section{bottom:0}.pop-container.bottom.stop{overflow:visible}.pop-container.bottom .tooltip{opacity:0;animation-delay:.5s}.pop-container.bottom.stop .tooltip{opacity:1}@media(min-width:768px){.pop-container .pop-section{max-width:560px;max-height:780px;border-radius:72px}.pop-container .pop-section-content{height:calc(100% - 80px)}.pop-container .pop-section-footer{height:80px}.pop-container .ico-close{top:30px;right:30px}.pop-container.full .pop-section{max-width:100%;max-height:100%}}.pop-container .inactive-container{position:relative}.pop-container .inactive-container:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.pop-container .inactive-container .inactive-content{position:relative;z-index:0}.pop-container .inactive-container .content{position:relative;padding-top:19px}.pop-container .inactive-container .help-tooltip .tooltip-label{top:25px}.pop-container .inactive-container .help-tooltip .tooltip-label:after{top:-13px}.tooltip{position:relative}.tooltip .tooltip-label{background:#26282b;box-shadow:0 0 8px 0 rgba(0,0,0,.25),0 0 1px 0 #000 inset;display:flex;align-items:center;justify-content:center;border-radius:16px;padding:8px 16px;position:absolute;z-index:10;white-space:nowrap}.tooltip .tooltip-label-txt{position:relative;z-index:20;font-size:1.4rem;color:#fff}.tooltip.off .tooltip-label{visibility:hidden}.tooltip .tooltip-label:after{content:'';position:absolute;width:32px;height:30px;background:url(../images/common/arr_tooltip.png) no-repeat 50%/100%}.free-mode .tooltip{display:none}.free-mode .last-section .tooltip{display:block}.gray-tooltip .tooltip-label{background:#6a6e75;border-radius:12px}.gray-tooltip .tooltip-label:after{background-image:url(../images/common/arr_tooltip_gray.png)}.gray-tooltip .tooltip-label-txt{font-size:1.3rem;text-align:center}.tooltip-t .tooltip-label{bottom:140%;left:50%;transform:translateX(-50%)}.tooltip-t .tooltip-label:after{bottom:-12px;left:50%;transform:translateX(-50%);rotate:30deg}.tooltip-t-r .tooltip-label:after{bottom:2px;rotate:-30deg}.tooltip-r .tooltip-label{top:-5px;left:105%}.tooltip-r .tooltip-label:after{top:20%;left:-6px;rotate:60deg}.tooltip-l .tooltip-label{top:-5px;right:105%}.tooltip-l .tooltip-label:after{top:20%;right:-10px;rotate:60deg}.tooltip-b .tooltip-label{top:140%;left:50%;transform:translateX(-50%)}.tooltip-b .tooltip-label:after{top:-10px;left:50%;transform:translateX(-50%)}@keyframes tooltip-effect{0%{top:15px}100%{top:0}}@keyframes auto-hide-effect{0%{opacity:0}20%{opacity:1}50%{opacity:1}60%{opacity:0}100%{opacity:0}}@keyframes show-effect{0%{opacity:0}50%{opacity:1}100%{opacity:1}}.tooltip-auto-hide .tooltip-label{opacity:1;animation:auto-hide-effect 10s forwards 1}.service-gate .pop-container .help-tooltip .tooltip-label,.service .help-tooltip .tooltip-label{padding:10px 20px 10px 78px;text-align:left}.service-gate .pop-container .help-tooltip .tooltip-label:before,.service .help-tooltip .tooltip-label:before{display:block;content:'';width:44px;height:70px;background:url(../images/common/char11.png) no-repeat 0 0/100%;position:absolute;top:-20px;left:20px}.banking-service .help-tooltip .tooltip-label:before{width:45px;height:80px;background-image:url(../images/common/char10.png);top:-30px}.service .tooltip{top:15px;animation:tooltip-effect 1s forwards 1}.service .help-tooltip .tooltip-label{opacity:0;animation:show-effect 1s forwards 1}.btn-service-wrapper{display:flex;justify-content:space-between;margin:-3px -3px 0 -3px}.btn-service-wrapper .btn-item{padding:3px;border-radius:16px}.d-screen .btn-service-wrapper .btn-item.on:hover,.btn-service-wrapper .btn-item.selected{background:#ffbc00}.btn-service-wrapper .gray-tooltip.tooltip-r .tooltip-label{top:-20px}.btn-service-wrapper .gray-tooltip.tooltip-r .tooltip-label:after{top:0}.btn-service-wrapper .img-container{width:100%;height:100%;padding-left:2px;padding-right:2px;display:flex;align-items:center;justify-content:center}.btn-service-wrapper.wrap .btn-items{display:flex;flex-wrap:wrap}.btn-service-wrapper.wrap .btn-item{flex:1 1 40%}.btn-service-wrapper.wrap .btn{width:100%;height:70px;max-width:164px}.btn-service-wrapper.wrap .btn-item:nth-child(even){flex-basis:40.29%}.btn-service-wrapper.wrap .btn-item:nth-child(even) .btn{max-width:165px}.btn-service-wrapper .line-box-wrapper{padding:3px;flex-basis:31.5%}.btn-service-wrapper .line-box-container{display:flex;flex-direction:column;gap:6px;height:100%}.btn-service-wrapper .line-box-container .line-box{flex-basis:100%}.btn-service-wrapper .line-box-container .line-box-1{flex-basis:66%}.btn-service-wrapper .line-box-container .line-box-2{flex-basis:33%}.btn-service-wrapper .line-box-container .txt{font-size:1.4rem;color:#807c77}.btn-service-wrapper .row-items{display:flex;justify-content:center;width:100%}.btn-service-wrapper .row-items.col-2 .btn{max-width:164px;width:164px}.swiper-container{position:relative;overflow:hidden}.swiper-container .swiper-slide{overflow:hidden}.swiper-container .swiper-button{position:absolute;z-index:2;top:50%;width:52px;height:52px;margin-top:-26px;background:rgba(38,40,43,.4);border:0 none;border-radius:100%;font-size:0;line-height:0;text-indent:-999px;overflow:hidden;cursor:pointer}.swiper-container .swiper-button:after{display:block;content:'';position:absolute;top:50%;left:50%;width:10px;height:18px;margin-left:-5px;margin-top:-9px;background:url(../images/common/ico_next_w.png) no-repeat 0 0/100%}.swiper-container .swiper-button-prev{left:0}.swiper-container .swiper-button-next{right:0}.swiper-container .swiper-button-prev:after{rotate:180deg}.swiper-container .swiper-button:hover{background:rgba(38,40,43,1)}.swiper-container .swiper-button-prev.swiper-button-disabled,.swiper-container .swiper-button-next.swiper-button-disabled{opacity:0;pointer-events:auto}.swiper-container .swiper-pagination-bullets{position:relative;left:auto;bottom:auto;display:flex;justify-content:center;margin-top:7px}.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{display:inline-flex;width:8px;height:8px;border-radius:100%;background:#ececec;opacity:1;margin:0 6px!important}.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fc0}.img-char{background-repeat:no-repeat;background-size:100%}.section-container{padding:0 20px;margin:0 auto}.section-content{position:relative}.section-title{font-size:2.8rem;font-weight:700}.section-text{font-size:1.4rem}.logo{display:block;width:178px;height:23px;background:url(../images/common/logo.png) no-repeat 0 0/100%;overflow:hidden}#header{padding:16px 0;height:60px}#header .header-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:30px}#header .go-back{display:none;position:absolute;left:15px;top:0}