@charset "UTF-8";

@font-face{
    font-family:'KBFGText';
    src:url('../font/KBfgTextL.ttf') format('truetype');
    font-style:normal;
    font-weight:300;
    font-display:swap;
}

@font-face{
    font-family:'KBFGText';
    src:url('../font/KBfgTextL.ttf') format('truetype');
    font-style:normal;
    font-weight:400;
    font-display:swap;
}
/*
@font-face{
    font-family:'KBFGText';
    src:url('../font/KBfgTextM.ttf') format('truetype');
    font-style:normal;
    font-weight:500;
    font-display:swap;
}
*/

@font-face{  /*KB금융 본문체 Medium */
    font-family:'KBFGText';
    src:url('../font/KBFGTextM.woff') format('woff');
    font-style:normal;
    font-weight:500;
    font-display:swap;
}

@font-face {
    font-family:'KBFGText';
    src:url('../font/KBfgTextB.ttf') format('truetype');
    font-style:normal;
    font-weight:700;
    font-display:swap;
}

@font-face {
    font-family:'KBFGText';
    src:url('../font/KBfgDisplayEB.ttf') format('truetype');
    font-style:normal;
    font-weight:800;
    font-display:swap;
}

/* blind */
.blind,
legend,
.ico > span{visibility: hidden;overflow: hidden;position: absolute;top: -1px;left: -1px;width: 1px;height: 1px;font-size: 0;line-height: 0;z-index:-1;}

/* a */
a,
a:link,
a:visited,
a:active,
a:hover        {text-decoration: none;}

/* title */

/* image */
img{width: 100%;vertical-align: top;-o-object-fit: cover;object-fit: cover;user-select: none;}

body, html{font-family:'KBFGText', sans-serif;box-sizing: border-box;color: #191817;line-height: 1.3;font-size: 22px;letter-spacing: -0.44px;font-weight: 300;}
div,
ul,
ul li,
button,
a{box-sizing: border-box;}
button{border: 0 none;outline: none;}
.inner{width: 100%;max-width: 640px;margin: 0 auto;padding: 0 32px;}
a{text-decoration: none;}
button{outline: none;border: none;cursor: pointer;}

/* intro */


.wrap .intro{width: 100%;height: 340px;}
.wrap#tab1 .intro{background: #000308 url('../images/intro1.png') 50% 0 no-repeat;background-size: auto 400px;}
.wrap .intro .title-wrap{display: flex;padding: 20px 40px;justify-content: space-between;}
.wrap .intro .title-wrap .logo{width: 130px;height: 28px;background: url('../images/logo.png') 0 0 no-repeat;background-size: 130px auto;}
.wrap#tab2 .intro .title-wrap .logo,
.wrap#tab3 .intro .title-wrap .logo,
.wrap#tab4 .intro .title-wrap .logo,
.wrap#tab5 .intro .title-wrap .logo{background-image: url('../images/logo_black.png');}


.wrap .intro .title-wrap .btn{display: none;}

.wrap#tab2 .intro{background: #ECE7E1 url('../images/intro2.png') 50% 0 no-repeat;background-size: auto 400px;}
.wrap#tab3 .intro{background: linear-gradient(126deg, rgba(255, 228, 151, 0.00) 27%, #FFE497 75.89%), #D1E4B3;}
.wrap#tab4 .intro{background: linear-gradient(126deg, rgba(255, 228, 151, 0.00) 27%, #FFE497 75.89%), #D7D9EC;}
.wrap#tab5 .intro{background: linear-gradient(126deg, rgba(255, 228, 151, 0.00) 27%, #FFE497 75.89%), #FADFDF;}

.wrap .intro .text-wrap{position: relative;}
.wrap .intro .text-wrap h1{position: relative;z-index: 10;}
.wrap#tab3 .intro .text-wrap::after{content: '';display: block;position: absolute;right: 40px;top: -40px;width: 640px;height: 329px;background:url('../images/intro3.png') 0 0 no-repeat;background-size: 640px auto;}
.wrap#tab4 .intro .text-wrap::after{content: '';display: block;position: absolute;right: 50px;top: 11px;width: 625px;height: 312px;background:url('../images/intro4.png') 0 0 no-repeat;background-size: 625px auto;}
.wrap#tab5 .intro .text-wrap::after{content: '';display: block;position: absolute;right: 50px;top: 11px;width: 626px;height: 319px;background:url('../images/intro5.png') 0 0 no-repeat;background-size: 626px auto;}

.wrap:not(#tab1) .intro .text-wrap{max-width: 1000px;margin: 0 auto;}
.wrap:not(#tab1) .intro h1{padding: 40px 32px;font-size: 30px;font-style: normal;font-weight: 300; line-height: 130%;letter-spacing: -0.6px;}
.wrap#tab4 .intro h1{padding-top: 60px;}
.wrap:not(#tab1) .intro h1 strong{display: block;font-size: 40px;font-weight: 700;letter-spacing: -0.8px;line-height: 1.3;}
.wrap#tab4 .intro h1 strong span{font-weight: 400;}

/* tabs */
.wrap .tabs{position: sticky;top: 0;z-index: 100;width: 100%;height: 60px;background-color: #FDD656;}
.wrap .tabs .inner{display: flex;justify-content: center;align-items: center;max-width: 1000px;height: 100%;padding: 0;}
.wrap .tabs .inner a{display: flex;flex: 1;justify-content: center;height: 100%;align-items: center;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;color: #191817;text-align: center;}
.wrap .tabs .inner a.active{background-color: #fff;font-weight: 800;}

.wrap .section-wrap,
.wrap .section{/*padding: 60px 0;*/overflow-x: hidden;}
.wrap .section h2,
div[class*="overlay-"] h2{font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -0.68px;color: #191817;}
.wrap .section h2.small,
div[class*="overlay-"] h2.small{font-size: 34px;letter-spacing: -0.56px;}
.wrap .section h2 + .text.large{padding-top: 12px;}
.wrap .section .highlight,
div[class*="overlay-"] .highlight{color: #F8A706;}
.wrap .section .highlight.small,
div[class*="overlay-"] .highlight.small{font-size: 28px;font-weight: 700;line-height: 130%; /* 36.4px */letter-spacing: -0.56px;}
.wrap .section .odd,
.wrap .section .even{padding: 60px 0;}
.wrap .section .even{background-color: #F8F7F6;}

.wrap .section div.last{padding-bottom: 153px;}

.wrap .section .text.large{color: #191817;font-size: 26px;font-weight: 300;line-height: 130%; /* 33.8px */letter-spacing: -0.52px;}

/*.wrap .section .swiper01{}
.wrap .section .swiper01 .swiper-slide{width: 340px;height: 400px;padding: 40px 32px;background-color: #F8F7F6;border-radius: 16px;}*/

.wrap .section .swiper-1,
.wrap .section .swiper-2{
    /*opacity: 0;
    animation: slideInFromRight 2.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: .5s;*/
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 28px;
    padding-bottom: 46px;
}

/*
@keyframes slideInFromRight{
    0% {
        opacity: 0;
        transform: translateX(300px) scale(0.98);

    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
        transform: translateX(0) scale(1);

    }
}
*/

.wrap .section [class*="swiper-"] .swiper-slide{display: flex; align-items: flex-start; flex-direction: column; width: 340px; height: 400px; padding: 40px 32px; border-radius: 16px;}

.wrap .section .swiper-1 .swiper-slide{background-color: #F8F7F6;}
.wrap .section .swiper-2{margin-top: 28px;}
.wrap .section .swiper-2 .swiper-slide{background-color: #fff;}

.wrap .section [class*="swiper-"] .swiper-slide .category{color: #888;font-size: 20px;font-weight: 500;letter-spacing: -0.4px;}
.wrap .section [class*="swiper-"] .swiper-slide h3{margin: 12px 0;color: #191817;font-size: 30px;font-weight: 800;letter-spacing: -0.6px;}
.wrap .section [class*="swiper-"] .swiper-slide p{line-height: 1.2;color: #191817;font-size: 22px;font-weight: 300;letter-spacing: -0.44px;}

.wrap .section [class*="swiper-"] .swiper-slide{position: relative;}
.wrap .section [class*="swiper-"] .swiper-slide > .ico{position: absolute;right: 32px;bottom: 16px;width: 128px;height: 128px;background-size: 128px auto;background-repeat: no-repeat;background-position: 0 0;}
.wrap .section .swiper-1 .swiper-slide.slide-1 > .ico{background-image: url('../images/ico1.png');}
.wrap .section .swiper-1 .swiper-slide.slide-2 > .ico{background-image: url('../images/ico2.png');}
.wrap .section .swiper-1 .swiper-slide.slide-3 > .ico{background-image: url('../images/ico3.png');}

.wrap .section .swiper-2 .swiper-slide{position: relative;}
.wrap .section .swiper-2 .swiper-slide .btn{position: absolute;left: 32px;top: 250px;}
.wrap .section .swiper-2 .swiper-slide.slide-1 > .ico{background-image: url('../images/ico2_1.png');}
.wrap .section .swiper-2 .swiper-slide.slide-2 > .ico{background-image: url('../images/ico2_2.png');}
.wrap .section .swiper-2 .swiper-slide.slide-3 > .ico{background-image: url('../images/ico2_3.png');}
.wrap .section .swiper-2 .swiper-slide.slide-4 > .ico{background-image: url('../images/ico2_4.png');}
.wrap .section .swiper-2 .swiper-slide.slide-5 > .ico{background-image: url('../images/ico2_5.png');}
.wrap .section .swiper-2 .swiper-slide.slide-6 > .ico{background-image: url('../images/ico2_6.png');}

.wrap .section .swiper-2 .swiper-slide .btn{display: inline-flex;justify-content: center;align-items: center;width: 101px;height: 34px;font-family:'KBFGText';font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #fff;border-radius: 60px;background-color: #CEC2AA;}
.wrap .section .swiper-2 .swiper-slide .btn .ico{width: 8px;height: 8px;margin-left: 4px;background-image: url('../images/right2.png');background-size: 8px auto;}

.footer{padding: 60px 0;background-color: #EEEDEB;}
.footer .inner{max-width: 1000px;}

.footer .logo-wrap{display: flex;justify-content: space-between;}
.footer .logo-wrap .logo{width: 160px;height: 35px;background: url('../images/logo2.png') 0 0 no-repeat;background-size: contain;}
.footer .logo-wrap dl{display: flex;gap: 16px;font-size: 20px;font-weight: 500;}
.footer .logo-wrap dl dd a,
.footer .logo-wrap dl dd span{font-weight: 800;color: #191817;}

.footer .info{display: flex;justify-content: space-between;}
.footer .info .text-wrap{display: flex;flex-direction: column;gap: 6px;padding: 20px 0;font-size: 14px;font-weight: 300;line-height: normal;}
.footer .info .text-wrap div{}
.footer .info .text-wrap div > span{}
.footer .info .text-wrap div > span + span{margin-left: 12px;}
.footer .info .text-wrap div > span + span::before{content: '';display: inline-block;width: 1px;height: 14px;margin-right: 12px;background-color: #191817;opacity: 0.2;vertical-align: middle;}
.footer .links{display: flex;gap: 16px;}
.footer .links > a{}
.footer .links > a img{width: 32px;}

/*.footer .notice-wrap{padding-bottom: 60px;}*/
.footer .notice-wrap .accordion{font-family:'KBFGText';line-height: 22px;padding: 20px;width: 100%;color: #191817;font-size: 18px;font-weight: 500;text-align: left;border: 0 none;border-top: 1px solid rgba(0, 0, 0, 0.10);background-color: #EEEDEB;background: url('../images/plus.png') calc(100% - 20px) 50% no-repeat;background-size: 24px auto;}
.footer .notice-wrap .accordion.active{background-image: url('../images/minus.png');}
.footer .notice-wrap h5{padding-top: 28px;font-size: 16px;font-weight: 700;line-height: 130%; /* 20.8px */color: #666;}
.footer .notice-wrap h5 + strong{display: block;padding-top: 18px;padding-bottom: 10px;font-size: 16px;font-weight: 500;line-height: 130%; /* 20.8px */color: #666;font-family:'KBFGText';}
.footer .notice-wrap h6{margin-top: 28px;color: #888;font-size: 14px;font-weight: 700;line-height: 130%; /* 20.8px */}
.footer .notice-wrap .panel{max-height: 0;padding: 0 20px;overflow: hidden; transition: max-height 0.2s ease-out;}
.footer .notice-wrap .panel > ul{padding-top: 8px;}
.footer .notice-wrap .panel > h6 + ul{padding-top: 0;}
.footer .notice-wrap .panel > p{font-size: 14px;font-weight: 500;line-height: 140%; /* 19.6px */letter-spacing: -0.28px;color: #888;font-weight: 700;}
.footer .notice-wrap .panel > ul > li{padding-left: 20px;text-indent: -20px;font-size: 14px;font-weight: 500;line-height: 140%; /* 19.6px */letter-spacing: -0.28px;color: #888;}
.footer .notice-wrap .panel > ul > li::before{content: '';display: inline-block;width: 5px;height: 5px;margin: 0 10px 0 7px;border-radius: 50px;background-color: #888;vertical-align: 4px;}
.footer .notice-wrap .panel > ul > li.hypen{position: relative;margin-left: 23px;}
.footer .notice-wrap .panel > ul > li.hypen::before{position: absolute;left: -23px;top: 0;content: '-';margin-left: 26px;font-size: 14px;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;color: #888;background-color: transparent;width: 0;height: 0;}
.footer .notice-wrap .panel > ul > li.hypen + li:not(.hypen){padding-top: 8px;}

.footer .notice-wrap .panel > ul li > strong{display: block;padding-left: 20px;}
.footer .notice-wrap .panel > ul li > ul{padding-left: 20px;    }
.footer .notice-wrap .panel > ul li > ul > li{}

/* swiper custom */
.wrap .swiper-pagination{line-height: 1;bottom: 0;}
.wrap .swiper-pagination-bullet{width: 16px;height: 16px;margin: 0 6px !important;background-color: #191817;opacity: 0.1;}
.wrap .swiper-pagination-bullet-active{opacity: 1;background-color: #FC0;}

/* banner */
.wrap [class*="banner"]{padding-top: 28px;}
.wrap [class*="banner"] li{position: relative;padding: 24px 24px 24px 32px;background-color: #fff;border-radius: 12px;}
.wrap [class*="banner"] li + li{margin-top: 20px;}
.wrap [class*="banner"] li h3{font-size: 22px;line-height: 1.2;font-weight: 300;letter-spacing: -0.44px;}
.wrap [class*="banner"] li h3 strong{display: block;font-size: 28px;font-weight: 700;letter-spacing: -0.56px;line-height: 1.3;}
.wrap [class*="banner"] li .date{display: block;padding: 16px 0;color: #888;font-size: 22px;font-weight: 300;letter-spacing: -0.44px;}
.wrap [class*="banner"] li .btn{display: inline-block;height: 54px;line-height: 54px;min-width: 150px;padding: 0 32px;font-size: 22px;font-weight: 500;letter-spacing: -0.44px;color: #191817;font-family:'KBFGText';border-radius: 100px;background-color: #FC0;}
.wrap [class*="banner"] li > .ico{position: absolute;right: 24px;bottom: 24px;width: 198px;height: 198px;background-size: 198px auto;}


.wrap .btn.large{display: inline-flex;align-items: center;justify-content: center;height: 70px;border-radius: 12px;font-size: 24px; font-weight: 500; letter-spacing: -0.48px;font-family:'KBFGText';}
.wrap .btn-wrap{display: flex;justify-content: center;align-items: center;gap: 10px;}
.wrap .btn-wrap .btn{display: inline-flex;justify-content: center;align-items: center;}


.wrap .ico{display: inline-block;background-position: 0 0;background-repeat: no-repeat;}

.wrap .section .box{background-color: #F8F7F6;padding: 28px 32px;border-radius: 12px;}
.wrap .section .box p strong{font-weight: 700;}
.wrap .section > div{scroll-margin-top: 85px;}

/* tab1 */
.wrap#tab1 .intro{position: relative;}
.wrap#tab1 .intro .logo{}
.wrap#tab1 .intro h1{position: absolute;left: 0;right: 0;bottom: 97px;width: 386px;margin: 0 auto;}
.wrap#tab1 .intro h1 img{width: 100%;}
.wrap#tab1 .intro .location{position: absolute;left: 0;right: 0;bottom: 42px;width: 52px;margin: 0 auto;animation: up-down 2.6s ease-in-out infinite;}
@keyframes up-down {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}

.wrap#tab1 .intro .location img{width: 100%;}

.wrap#tab1 .section .even{}
.wrap#tab1 .section .even .text-wrap{position: relative;padding-bottom: 114px;}
.wrap#tab1 .section .even .text-wrap .ico{position: absolute;right: 0;bottom: -42px;width: 268px;height: 268px;background-image: url('../images/ico4.png');background-size: 268px auto;animation: scale-up-down 3s ease-in-out infinite;}
@keyframes scale-up-down {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.wrap#tab1 .section .banner-1 li{height: 246px;}
.wrap#tab1 .section .banner-1 li h3{padding-top: 28px;}
.wrap#tab1 .section .banner-1 li:nth-child(1) .ico{background-image: url('../images/banner1_1.png');}
.wrap#tab1 .section .banner-1 li:nth-child(2) .ico{background-image: url('../images/banner1_2.png');}



/* tab2 */
.wrap#tab2 .section .odd:nth-child(1){padding-bottom: 0;}
.wrap#tab2 .img-wrap.img-1 [class*="btn-"]{display: inline-block;position: absolute;width: 101px;height: 34px;z-index: 100;}
.wrap#tab2 .img-wrap.img-1 .btn-1{left: 237.5px;top: 135px;}
.wrap#tab2 .img-wrap.img-1 .btn-2{left: 95.5px;top: 403px;}
.wrap#tab2 .img-wrap.img-1 .btn-3{right: 95.5px;top: 403px;}
.wrap#tab2 .img-wrap.img-1{position: relative;max-width: 576px;width: 100%;margin: 40px auto 40px;}
.wrap#tab2 .img-wrapper{margin: -20px -40px 0;padding-top: 20px;background: url('../images/diagram_bg.png') 50% 50% no-repeat;background-size: 700px auto;}
.circle{position: absolute; width: 230px; height: 230px; border-radius: 50%; }
.circle.white{width: 208px;height: 208px;top: 170px;left: 50%;transform: translateX(-50%);background: url('../images/circle4.png') 0 0 no-repeat;background-size: contain;border-radius: 50%;}
.circle .bg{display: block;width: 100%;height: 100%;border-radius: 50%;background-size: contain;background-repeat: no-repeat;background-position: 0 0;position: relative;}
.circle.yellow .bg{background-image: url('../images/circle1.png');}
.circle.blue .bg{background-image: url('../images/circle2.png');}
.circle.beige .bg{background-image: url('../images/circle3.png');}
.yellow{left: 50%; top: 24px; transform: translateX(-50%); }
.blue{top: 237px; left: 36px;}
.beige{top: 237px; right: 36px; }
.ripple{position: absolute; left: 50%; top: 50%; width: 230px; height: 230px; border-radius: 50%; background-color: currentColor; opacity: 0; transform: translate(-50%, -50%) scale(1); pointer-events: none; animation: ripple 1.7s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
.yellow .ripple{ color: #f5c84c; }
.blue .ripple{ color: #7db5d6; }
.beige .ripple{ color: #d7cbb5; }

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.20869);
    opacity: 0;
  }
}

.wrap .btn-wrap.full{display: flex;justify-content: center;gap: 10px;width: 100%;padding: 20px 0;border-top: 1px solid #ddd;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);backdrop-filter: blur(10px);z-index: 100;}
.wrap .btn-wrap.full .btn{height: 52px;font-size: 20px;font-weight: 500;letter-spacing: -0.4px;color: #191817;border-radius: 8px;font-family:'KBFGText';background-color: #FC0;}
.wrap .btn-wrap.full.is-fixed{position: fixed;bottom: 0;bottom: 299px;}

.btn-wrap.full {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.3s;
    z-index: 100;
}

/* 마지막 섹션에 도달했을 때 추가할 클래스 */
.btn-wrap.full.is-bottom {
    position: absolute;
    bottom: 0; /* 부모인 .section.last 기준 하단에 붙음 */
}

.wrap#tab2 .btn-wrap.full .btn{width: 283px;}
.wrap#tab4 .btn-wrap.full .btn,
.wrap#tab5 .btn-wrap.full .btn{width: 576px;}
.wrap#tab2 .btn-wrap.full .btn + .btn{background-color: #FFBC00;}
.wrap .btn-wrap.full .btn .ico{width: 20px;height: 20px;margin-left: 8px;background-image: url('../images/right.png');background-size: 20px auto;}

.wrap#tab2 .section .banner-2 li{height: 283px;background-color: #F8F7F6;}
.wrap#tab2 .section .banner-2 li h3{font-size: 26px; font-weight: 800; letter-spacing: -0.52px;}
.wrap#tab2 .section .banner-2 li p{padding-top: 16px;}
.wrap#tab2 .section .banner-2 li p strong{display: block;font-style: normal;font-size: 32px;font-weight: 700;letter-spacing: -0.64px;}
.wrap#tab2 .section .banner-2 li p .date{color: #888;}
.wrap#tab2 .section .banner-2 li:nth-child(1) .ico{background-image: url('../images/banner2_1.png');}
.wrap#tab2 .section .banner-2 li:nth-child(2) .ico{background-image: url('../images/banner2_2.png');}
.wrap#tab2 .section .banner-2 li:nth-child(3) .ico{background-image: url('../images/banner2_3.png');}

.wrap#tab2 .step{padding-top: 28px;}
.wrap#tab2 .step li{position: relative;padding: 24px 16px 24px 104px;border-radius: 12px;background-color: #fff;}
.wrap#tab2 .step li + li{margin-top: 20px;}
.wrap#tab2 .step li .ico{display: inline-block;position: absolute;left: 16px;top: 24px;width: 68px;height: 68px;background-color: #FFC526;border-radius: 12px;background-size: 68px;background-repeat: no-repeat;background-position: 50% 50%;}
.wrap#tab2 .step li:nth-child(1) .ico{background-image: url('../images/step1_1.png');}
.wrap#tab2 .step li:nth-child(2) .ico{background-image: url('../images/step1_2.png');}
.wrap#tab2 .step li:nth-child(3) .ico{background-image: url('../images/step1_3.png');}
.wrap#tab2 .step li:nth-child(4) .ico{background-image: url('../images/step1_4.png');}
.wrap#tab2 .step li strong{font-size: 26px; font-weight: 700; letter-spacing: -0.52px;}
.wrap#tab2 .step li p{margin-top: 12px;}
.wrap#tab2 .step li span{color: #888;font-size: 20px; font-weight: 300; letter-spacing: -0.4px;}

.wrap#tab2 .odd .text-wrap{position: relative;padding-bottom: 153px;}
.wrap#tab2 .odd .text-wrap .ico{position: absolute;right: 30px;bottom: 0;width: 250px;height: 250px;background: url('../images/ico5.png') 0 0 no-repeat;background-size: 250px auto;}
.wrap#tab2 .odd .box{padding: 36px 32px 32px;border-radius: 12px;background-color: #F1F7FA;}
.wrap#tab2 .odd .box h4{font-size: 28px;font-weight: 700; letter-spacing: -0.56px;}
.wrap#tab2 .odd .box p{padding-top: 8px;font-size: 24px;font-weight: 500;letter-spacing: -0.48px;font-family:'KBFGText';}
.wrap#tab2 .odd .box .btn-wrap{padding-top: 24px;}
.wrap#tab2 .odd .box .btn-wrap .btn{flex: 1;font-size: 24px;font-weight: 500;font-family:'KBFGText';letter-spacing: -0.48px;color: #fff;background-color: #66BBE6}
.wrap#tab2 .odd .box .btn-wrap .btn + .btn{background-color: #29A1DD;}
.wrap#tab2 .btn.large .ico{width: 24px;height: 24px;margin-left: 15px;background-image: url('../images/right3.png');background-size: 24px auto;}

.wrap#tab2 .section .even:nth-child(6) .btn.large{width: 100%;margin-top: 28px;background-color: #191817;color: #fff;}

/* tab3 */
.recommend{padding-top: 28px;}
.recommend li{display: flex;gap: 12px;align-items: center;padding: 20px 28px 20px 12px;border-radius: 20px;}
.recommend li + li{margin-top: 20px;}
.recommend li:nth-child(1){width: 406px;background-color: #FBF9F0;}
.recommend li:nth-child(2){width: 420px;margin-left: 150px;background-color: #FFF7DE;}
.recommend li:nth-child(3){width: 408px;background-color: #FBF9F0;}
.recommend li .ico{width: 68px;height: 68px;background-size: 68px auto;border-radius: 12px;}
.recommend li:nth-child(1) .ico{background-color: #C5DD9E;background-image: url('../images/recommend1_1.png');}
.recommend li:nth-child(2) .ico{background-color: #CBD0EA;background-image: url('../images/recommend1_2.png');}
.recommend li:nth-child(3) .ico{background-color: #FFD972;background-image: url('../images/recommend1_3.png');}


.overlay-3 .recommend li:nth-child(1){width: 408px;background-color: #FBF9F0;}
.overlay-3 .recommend li:nth-child(2){width: 482px;margin-left: 88px;background-color: #FFF7DE;}
.overlay-3 .recommend li:nth-child(3){width: 393px;background-color: #FBF9F0;}
.overlay-3 .recommend li:nth-child(1) .ico{background-color: #C5DD9E;background-image: url('../images/recommend2_1.png');}
.overlay-3 .recommend li:nth-child(2) .ico{background-color: #CBD0EA;background-image: url('../images/recommend2_2.png');}
.overlay-3 .recommend li:nth-child(3) .ico{background-color: #FFD972;background-image: url('../images/recommend2_3.png');}
.overlay-3 .recommend.type-2 li:nth-child(1){width: 435px;background-color: #F1F7FA;}
.overlay-3 .recommend.type-2 li:nth-child(2){width: 386px;margin-left: 184px;background-color: #E1F0F8;}
.overlay-3 .recommend.type-2 li:nth-child(3){width: 367px;background-color: #F1F7FA;}
.overlay-3 .recommend.type-2 li:nth-child(1) .ico{background-color: #BBBADD;background-image: url('../images/recommend3_1.png');}
.overlay-3 .recommend.type-2 li:nth-child(2) .ico{background-color: #B9DCB5;background-image: url('../images/recommend3_2.png');}
.overlay-3 .recommend.type-2 li:nth-child(3) .ico{background-color: #B8DCF3;background-image: url('../images/recommend3_3.png');}

.overlay-3 .table-wrap{}
.overlay-3 .table-wrap table{width: 100%;border-collapse: collapse;border-spacing: 0;border: 2px solid #191817;border-bottom: 1px solid #191817;border-left: 0 none;border-right: 0 none;}
.overlay-3 .table-wrap table thead tr th{padding: 28px 0 24px;text-align: center;font-size: 26px; font-weight: 500; line-height: 1.2; letter-spacing: -0.52px;font-family:'KBFGText';}
.overlay-3 .table-wrap table tbody tr th,
.overlay-3 .table-wrap table tbody tr td{padding: 24px 0;text-align: center;font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: -0.48px;font-family:'KBFGText';border-top: 1px solid #EEEDEB;}
.overlay-3 .table-wrap table tbody tr:first-child th,
.overlay-3 .table-wrap table tbody tr:first-child td{border-top: 1px solid #191817;}
.overlay-3 .table-wrap table thead tr th:first-child,
.overlay-3 .table-wrap table tbody tr th:first-child{background-color: #EEEDEB}
.overlay-3 .table-wrap table tbody tr td span{display: block;font-size: 20px; font-weight: 300; line-height: 1.2; letter-spacing: -0.4px;}

.recommend li p{font-size: 24px; font-weight: 500; letter-spacing: -0.48px;font-family:'KBFGText';}

.wrap#tab3 .section .banner-3 li{height: 246px;}
.wrap#tab3 .section .banner-3 li:nth-child(1) .ico{background-image: url('../images/banner3_1.png');}
.wrap#tab3 .section .odd h4{padding-top: 60px;padding-bottom: 20px;font-size: 28px; font-weight: 700; line-height: 1.3; letter-spacing: -0.56px;}
.wrap#tab3 .section .odd h4 strong,
div[class*="overlay-"] h4 strong{position: relative;}
.wrap#tab3 .section .odd h4 strong::before,
div[class*="overlay-"] h4 strong::before{content: '';position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 9px;background-color: #FFEC90;border-radius: 2px;z-index: -1;}
.wrap#tab3 .section .odd .text-wrap{position: relative;padding: 0 8px;}

.wrap#tab3 .section .odd .text-wrap .ico{position: absolute;right: 0;bottom: 0;width: 250px;height: 200px;background-image: url(../images/ico6.png);background-size: 250px auto;}
.wrap#tab3 .section .odd .benefit{padding: 32px;background-color: #F8F7F6;border-radius: 12px;}
.wrap#tab3 .section .odd .benefit ol{}
.wrap#tab3 .section .odd .benefit ol li{font-size: 24px; font-weight: 300; line-height: 1.6; letter-spacing: -0.48px;}
.wrap#tab3 .section .odd .benefit ol li:nth-child(2){margin: 12px 0 0;padding: 20px 0;}
.wrap#tab3 .section .odd .benefit ol li:nth-child(3){padding-top: 12px;}
.wrap#tab3 .section .odd .benefit ol li + li{border-top: 1px solid #fff;}
.wrap#tab3 .section .odd .benefit ol li::before{display: inline-block;width: 32px;height: 32px;margin-right: 8px;font-size: 20px;; font-weight: 500; line-height: 1.6; letter-spacing: -0.4px;font-family:'KBFGText';text-align: center;border-radius: 50%;background-color: #FFC526;}
.wrap#tab3 .section .odd .benefit ol li:nth-child(1)::before{content: '1';}
.wrap#tab3 .section .odd .benefit ol li:nth-child(2)::before{content: '2';}
.wrap#tab3 .section .odd .benefit ol li:nth-child(3)::before{content: '3';}
.wrap#tab3 .section .odd .benefit ol li strong{font-weight: 700;}

[class*="flex-"]{display: flex;gap: 20px;flex-wrap: wrap;}
[class*="flex-"] .line{padding: 24px;text-align: center;width: calc(50% - 10px);border-radius: 12px;}
[class*="flex-"] .line:nth-child(1){border: 2px solid #AEC787;}
[class*="flex-"] .line:nth-child(2),
[class*="flex-"] .line:nth-child(3){border: 2px solid #FFC526;}
.flex-1 .line{padding: 24px 0 !important;}
.flex-1 .line:nth-child(3){width: 100%;padding: 28px;}
.flex-1 .line:nth-child(3) div{text-align: center;font-size: 26px;font-weight: 500;letter-spacing: -0.52px;font-family:'KBFGText';}
.flex-1 .line:nth-child(3) div strong{display: inline-block;padding-left: 13px;font-size: 34px; font-weight: 700; letter-spacing: -0.68px;color: #F8A706}
[class*="flex-"] .line h5{display: inline-block;padding: 12px 24px;line-height: 27px;background-color: #AEC787;border-radius: 100px;font-weight: 700;color: #fff;}
[class*="flex-"] .line:nth-child(2) h5{color: #191817;background-color: #FFC526;}
.flex-1 .line span{display: block;font-size: 21px;font-weight: 300;letter-spacing: -0.42px;font-family:'KBFGText';text-align: center;}
.flex-1 .line span.small{font-size: 20px;letter-spacing: -0.4px;}
.flex-1 .line > strong{display: block;padding-top: 12px;font-size: 26px; font-weight: 700; letter-spacing: -0.52px;}
.flex-1 .line > div span{padding-top: 12px;font-weight: 500;}
.flex-1 .line > span::before{content: '';display: block;width: 22px;height: 28px;margin: 12px auto;background: url('../images/arrow_down.png') 0 0 no-repeat;background-size: 22px auto;}
.flex-1 .line + .line > span::before{background-image: url('../images/arrow_down2.png');background-size: 22px auto;}

.wrap#tab3 .section .odd .flex-2 .line h5{border-radius: 16px;}
.wrap#tab3 .section .odd .flex-2 .line div{padding: 32px 0;}
.wrap#tab3 .section .odd .flex-2 .line strong{display: block;font-size: 36px; font-weight: 700; line-height: 1.4; letter-spacing: -0.72px;}
.wrap#tab3 .section .odd .flex-2 .line strong .ico{width: 22px;height: 28px;margin-left: 5px;background-image: url('../images/arrow_down.png');background-size: 22px auto;transform: rotate(180deg);}
.wrap#tab3 .section .odd .flex-2 .line + .line strong .ico{background-image: url('../images/arrow_down2.png');background-size: 22px auto;}

.wrap#tab3 .section .odd .box{background-color: #F8F7F6;padding: 28px 32px;border-radius: 12px;}
.wrap#tab3 .section .odd .box p{font-size: 24px; font-weight: 500; line-height: 1.6; letter-spacing: -0.48px;font-family:'KBFGText';}
.wrap#tab3 .section .odd .box span{display: block;font-size: 20px; font-weight: 300; line-height: 1.4; letter-spacing: -0.4px;color: #888;}
.wrap#tab3 .section .odd .box p + span{padding-top: 20px;}
.wrap#tab3 .section .odd .notice{padding-bottom: 20px;color: #888;font-size: 20px; font-weight: 300; line-height: 1.40; letter-spacing: -0.4px;}


.wrap .floating-menu .btn{display: block;position: absolute;}
.wrap .floating-menu .btn.download{width: 104px;height: 34px;margin-top: 100px;margin-left: 20px;border-radius: 20px;}
.wrap .floating-menu .btn.top{width: 120px;height: 31px;margin-top: 20px;margin-left: 12px;bottom: 28px;}

/* tab4 */
.wrap#tab4 .section .odd .text-wrap{position: relative;padding-bottom: 60px;}
.wrap#tab4 .section .odd .text-wrap h2{padding-left: 8px;}
.wrap#tab4 .section .odd .text-wrap .ico{position: absolute;right: 47px;bottom: 0;width: 175px;height: 149px;background-image: url('../images/ico7.png');background-size: 175px auto;}

.wrap#tab4 .section .info{margin-top: 28px;}
.wrap#tab4 .section .info li{display: flex;align-items: center;gap: 20px;padding: 28px 40px;background-color: #fff;border-radius: 12px;}
.wrap#tab4 .section .info li + li{margin-top: 12px;}
.wrap#tab4 .section .info li .ico{width: 100px;height: 100px;background-size: 100px auto;}
.wrap#tab4 .section .info li:nth-child(1) .ico{background-image: url('../images/info1_1.png');}
.wrap#tab4 .section .info li:nth-child(2) .ico{background-image: url('../images/info1_2.png');}
.wrap#tab4 .section .info li:nth-child(3) .ico{background-image: url('../images/info1_3.png');}
.wrap#tab4 .section .info li p{font-size: 24px; font-weight: 300; letter-spacing: -0.48px;}
.wrap#tab4 .section .info li p strong{font-weight: 700;}

.flex-3{display: flex;gap: 12px;padding-top: 28px;}
.flex-3 .video{width: calc((100% - 12px) / 2);padding: 24px 16px;background-color: #F8F7F6;border-radius: 12px;}
.flex-3 .video h3{font-size: 27px; font-weight: 700; letter-spacing: -0.54px;}
.flex-3 .video p{margin-top: 8px;font-size: 20px; font-weight: 300; letter-spacing: -0.4px;}
.flex-3 .video .link{display: block;width: 100%;margin-top: 20px;}

.wrap#tab5 .section .odd .text-wrap{position: relative;padding-bottom: 60px;}
.wrap#tab5 .section .odd .text-wrap h2{padding-left: 8px;}
.wrap#tab5 .section .odd .text-wrap .ico{position: absolute;right: 32px;bottom: 0;width: 231px;height: 168px;background-image: url('../images/ico8.png');background-size: 231px auto;}

.wrap#tab5 .section .offering{display: flex;gap: 12px;flex-wrap: wrap;margin-top: 28px;}
.wrap#tab5 .section .offering li{display: flex;width: calc(50% - 6px);align-items: center;flex-direction: column;padding: 28px 16px 20px;background-color: #fff;border-radius: 16px;}
.wrap#tab5 .section .offering li span{display: inline-flex;justify-content: center;align-items: center;width: 95px;height: 34px;font-family:'KBFGText';font-size: 16px;font-weight: 500;letter-spacing: -0.32px;border-radius: 60px;background-color: #CEC2AA;}
.wrap#tab5 .section .offering li .ico{width: 120px;height: 120px;margin: 20px 0;background-size: 120px auto;}
.wrap#tab5 .section .offering li:nth-child(1) .ico{background-image: url('../images/offer1_1.png');}
.wrap#tab5 .section .offering li:nth-child(2) .ico{background-image: url('../images/offer1_2.png');}
.wrap#tab5 .section .offering li:nth-child(3) .ico{background-image: url('../images/offer1_3.png');}
.wrap#tab5 .section .offering li:nth-child(4) .ico{background-image: url('../images/offer1_4.png');}
.wrap#tab5 .section .offering li strong{display: block;font-size: 24px; font-weight: 500; line-height: 1.40; letter-spacing: -0.48px;font-family:'KBFGText';}


.wrap#tab5 .section .banner-5 li{padding: 16px 24px 16px 32px;height: 202px;background-color: #F8F7F6;}
.wrap#tab5 .section .banner-5 li h3{padding-top: 19px;}
.wrap#tab5 .section .banner-5 li .btn{display: inline-flex;align-items: center;margin-top: 16px;width: auto;padding: 0 32px;}
.wrap#tab5 .section .banner-5 li .btn .ico{width: 24px; height: 24px; margin-left: 8px; background-image: url('../images/right4.png'); background-size: 24px auto;}
.wrap#tab5 .section .banner-5 li > .ico{top: 16px;width: 170px;height: 170px;background-image: url('../images/banner5_1.png');background-size: 170px auto;}

@media screen and (min-width: 641px){
    .only-mo{display: none !important;}
    .only-pc{display: block !important;}
}

/* popup */
[class*="overlay-"]{position:fixed;top:0;bottom:0;left:0;right:0;visibility:hidden;opacity: 0;z-index:-1;transition: opacity 500ms;background-color: rgba(0, 0, 0, 0.7);}
[class*="overlay-"].active{visibility: visible; opacity: 1; overflow-y: auto; z-index: 333;}
[class*="overlay-"] .pop-close{display: block;position: absolute; right: 32px; top: 28px; width: 40px; height: 40px;}
.overlay-3 .pop-close{background: transparent url(../images/close.png) 50% 50% no-repeat; background-size: 34px auto;}
[class*="overlay-"] .pop-wrap{position: relative;max-width: 640px;width: 100%;margin: 0 auto;z-index: 1000;overflow-y: auto;min-height: 100%;}
.overlay-1 .img-wrap,
.overlay-2 .img-wrap,
.overlay-4 .img-wrap,
.overlay-5 .img-wrap,
.overlay-6 .img-wrap{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.overlay-1 .img-wrap .pop-close,
.overlay-2 .img-wrap .pop-close,
.overlay-4 .img-wrap .pop-close{right: 52px;top: 58px;background-color: transparent;}

.overlay.pop-video .img-wrap .pop-close{right: 20px;top: -52px;background-color: transparent;background: url('../images/close2.png') 0 0 no-repeat;background-size: 40px auto;}


.overlay-1 .img-wrap .btn-wrap,
.overlay-2 .img-wrap .btn-wrap{position: absolute;left: 0;right: 0;bottom: 60px;display: flex;gap: 12px;justify-content: center;}
.overlay-1 .img-wrap .btn,
.overlay-2 .img-wrap .btn{width: 262px;height: 98px;border-radius: 16px;background-color: transparent;}
.overlay-3 .pop-wrap{padding: 96px 32px 60px;background-color: #fff;z-index: 10;}
.overlay-4.qr-code .pop-wrap{width: 400px;height: 559px;}
.overlay-4.qr-code .img-wrap .pop-close{right: 21px;top: 37px;background-color: transparent;}


.overlay-3 h2.space,
.overlay-3 h3.space{padding: 100px 0 20px;}
.overlay-3 .text.large + h3{padding: 60px 0 20px;}
.overlay-3 h3{font-size: 34px; font-weight: 700; line-height: 1.30; letter-spacing: -0.68px;}
.overlay-3 h3 strong{font-weight: 700;}
.overlay-3 .box.line{margin-top: 28px;padding: 28px 32px;border-radius: 12px;border: 1px solid #e9e9e9;}
.overlay-3 .box.line strong{display: block;font-size: 24px; font-weight: 700; line-height: 160%; letter-spacing: -0.48px;}
.overlay-3 h4{margin-top: 60px;font-size: 28px; font-weight: 700; line-height: 1.3; letter-spacing: -0.56px;}
.overlay-3 .flex-1{margin-top: 20px;}
.overlay-3 .flex-1 .line:nth-child(2){border: 2px solid #66BBE6;}
.overlay-3 .flex-1 .line h5{margin-bottom: 12px;}
.overlay-3 .flex-1 .line > span::before{display: none;}
.overlay-3 .flex-1 .line > span + span::before{content: ''; display: block; width: 22px; height: 28px; margin: 12px auto 12px; background: url('../images/arrow_down.png') 0 0 no-repeat; background-size: 22px auto;}
.overlay-3 .flex-1 .line:nth-child(2) > span + span::before{background: url('../images/arrow_down3.png') 0 0 no-repeat; background-size: 22px auto;}
.overlay-3 div[class*="flex-"] .line:nth-child(2) h5{background-color: #66BBE6;color: #fff;}
.overlay-3 .flex-1 .line > span strong{font-weight: 700;}
.overlay-3 div[class*="flex-"] .line:nth-child(3){border: 0 none;padding: 0;width: 576px;height: 96px;background: url('../images/box.png') 0 0 no-repeat;background-size: 576px auto;}
.overlay-3 .notice{padding-top: 28px;}
.overlay-3 .notice li{color: #888;font-size: 20px; font-weight: 300; line-height: 1.4; letter-spacing: -0.4px;}
.overlay-3 h2.space + .flex-3{padding-top: 8px;}

@media screen and (min-width: 641px){
    .wrap .floating-menu{position: fixed;left: 50%;transform: translateX(-50%);bottom: 30px;width: 160px;height: 213px;margin-left: 448px;background: url('../images/floating.png') 0 0 no-repeat;background-size: 160px auto;}
    .wrap#tab2 .floating-menu,
    .wrap#tab5 .floating-menu,
    .wrap#tab4 .floating-menu{bottom: 95px;}

    .wrap .section .swiper-1{}


}

.overlay-3 .table-wrap table tbody tr th, .overlay-3 .table-wrap table tbody tr td {align-content: center;}