@import "fonts.css";
*{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4;word-break:break-all;padding:0;margin:0;box-sizing:border-box;}
html, body{height:100%;color:#121212;font-family:"Pretendard", sans-serif;font-size:18px;font-weight:400;}
body{height:auto;overflow-y:auto;}
ul{list-style:none;}
a{text-decoration:none;}
span{display:inline-block;}
img{max-width:100%;object-fit:cover;}
button{background:none;border:0;cursor:pointer;}
label{cursor:pointer;}
span{display:inline-block;}
h2{font-size:54px;}
h3{font-size:52px;font-weight:700;}
section{width:100%;position:relative;}

.inner{max-width:1320px;width:100%;padding:0 20px;margin:0 auto;position:relative;z-index:1;}
.infos-box{display:flex;align-items:center;justify-content:space-between;}
.center-box{text-align:center;margin:0 auto;}

.tabs{display:none;}
.tabs.on{display:block;}

.title{display:inline-block;overflow:hidden;}
.title > *{position:relative;bottom:-500px;transform:rotate(45deg);transition:bottom 800ms, transform 800ms;}
.title.scrolled > *{bottom:0;transform:rotate(0);}
.sub-title{color:#1d2775;font-size:26px;font-weight:900;}
.sub-title.point{color:#3461f5;}

.pc{display:block;}
.mob{display:none;}

@media (max-width:1420px){
    h3{font-size:42px;}
}

@media (max-width:770px){
    h2{font-size:31px;text-align:center;}
    h3{font-size:27px;}
    .sub-title{font-size:13px;}
    p{font-size:14px;}

    .pc{display:none;}
    .mob{display:block;}
}

.btn-wrap{display:flex;align-items:center;gap:14px;}
.btn{width:100%;background:#fff;display:flex;justify-content:center;align-items:center;color:#0d2ea7;font-size:20px;font-weight:700;border-radius:6px;padding:24px 10px;position:relative;}
.btn.ghost{background:rgba(255,255,255,0.14);color:#fff;}

@media (max-width:770px){
    .btn{font-size:15px;padding:14px 10px;}
}

.balloons-wrap > ul{display:grid;justify-items:flex-end;gap:12px;}
.balloon{background:#e6f2ff;color:#1d2775;font-weight:600;text-align:center;border-radius:28px;padding:14px 30px;position:relative;}
.balloon:before{content:"";border-top:0;border-right:30px solid #e6f2ff;border-bottom:30px solid transparent;position:absolute;right:40px;bottom:-20px;left:auto;}
.balloon span{font-weight:900;}

@media (max-width:1420px){
    .balloon{padding:14px 20px;}
}

header{width:100%;height:98px;color:#fff;border-bottom:1px solid rgba(231,231,231,0.1);padding:24px 0;position:fixed;top:0;left:0;z-index:100;transition:background-color 400ms;}
header .inner{max-width:1420px;display:flex;justify-content:space-between;align-items:center;}
header .logo{width:61px;height:42px;position:relative;}
header .logo a{display:block;}
header .logo a img{position:absolute;transition:opacity 200ms;}
header .logo a img:last-child{opacity:0;}
header .header-right{display:flex;align-items:center;gap:16px;}
header .header-right > .drop-wrap{display:block;}
header .header-right > .drop-wrap{position:relative;}
header .header-right .dropdown-btn{background:#fff;color:#1d2775;font-size:17px;font-weight:600;white-space:nowrap;border-radius:20px;padding:9px 30px;transition:background-color 400ms, color 400ms;}
header .header-right .drop-menus{opacity:0;width:100%;background:#d2d4e3;color:#1d2775;border-radius:8px;position:absolute;top:calc(100% + 6px);z-index:1;transform:translateY(-10px);transition:opacity 400ms, transform 400ms;pointer-events:none;}
header .header-right .drop-menus.on{opacity:1;transform:translateY(0);pointer-events:auto;}
header .header-right .drop-menus ul > li{position:relative;}
header .header-right .drop-menus ul > li:before{content:"";width:8px;height:1px;background:#1d2775;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);}
header .header-right .drop-menus ul > li:last-child:before{display:none;}
header .header-right .drop-menus ul > li a{display:block;font-size:16px;font-weight:500;text-align:center;padding:6px 0;}
header .header-right .menu-btn{width:24px;height:24px;background:url("../img/icon_menu.svg") no-repeat center;background-size:100%;display:none;border-radius:0;padding:0;}
header .header-right .menus > ul{display:flex;align-items:center;}
header .header-right .menus > ul > li{position:relative;}
header .header-right .menus > ul > li a{width:50px;height:50px;display:inline-flex;position:relative;transition:background 400ms;}
header .header-right .menus > ul > li a + a{margin-left:5px;}
header .header-right .menus > ul > li .sns1{background:url("../img/icon_facebook.svg") no-repeat;background-size:100%;}
header .header-right .menus > ul > li .sns2{background:url("../img/icon_insta.svg") no-repeat;background-size:100%;}
header .header-right .menus > ul > li a p{display:none;font-size:15px;font-weight:500;}

header[class$=on]{background:#fff;}
header[class$=on] .logo a img:first-child{opacity:0;}
header[class$=on] .logo a img:last-child{opacity:1;}
header[class$=on] .header-right .dropdown-btn{background:#1d2775;color:#fff;}
header[class$=on] .header-right .menus > ul > li .sns1{background:url("../img/icon_facebook_on.svg") no-repeat;}
header[class$=on] .header-right .menus > ul > li .sns2{background:url("../img/icon_insta_on.svg") no-repeat;}

@media (max-width:770px){
    header{height:60px;border-bottom:0;padding:12px 0;}
    header .logo{width:44px;height:36px;}
    header .header-right .dropdown-btn{font-size:12px;font-weight:500;padding:5px 18px;}
    header .header-right .drop-menus ul > li a{font-size:12px;}
    header .header-right .menu-btn{display:flex;}
    header .header-right .menus{opacity:0;width:100%;height:0;background:#fff;position:absolute;top:48px;left:0;transition:opacity 400ms, height 400ms, transform 400ms;overflow:hidden;pointer-events:none;}
    header .header-right .menus.on{opacity:1;height:170px;border-bottom:1px solid #e7e7e7;transform:translateY(0);pointer-events:auto;}
    header .header-right .menus > ul{display:block;padding:20px 18px 90px;}
    header .header-right .menus > ul > li{color:#4d4d4d;font-size:15px;font-weight:500;}
    header .header-right .menus > ul > li:after{display:none;}
    header .header-right .menus > ul > li + li{margin-top:16px;}
    header .header-right .menus > ul > li a{width:auto;height:auto;}
    header .header-right .menus > ul > li a:after{content:"";width:17px;height:17px;background:url("../img/icon_menu_arrow.svg") no-repeat;background-size:100%;position:absolute;top:50%;right:-24px;transform:translateY(-50%);}
    header .header-right .menus > ul > li a p{display:block;}

    header .header-right .menus > ul > li.on{color:#1d2775;}
    header .header-right .menus > ul > li.on a:after{background:url("../img/icon_menu_arrow_on.svg") no-repeat;}

    header[class$=on] .header-right .dropdown-btn{background:#1d2775;color:#fff;}
    header[class$=on] .header-right .drop-menus{background:#e9eaf0;}
    header[class$=on] .header-right .menu-btn{background:url("../img/icon_menu_on.svg") no-repeat center;background-size:100%;}
    header[class$=on] .header-right .menus > ul > li [class*=sns]{background:none;}
}

section.top{height:100vh;background:#1d2775;display:flex;align-items:center;color:#fff;padding-top:98px;overflow:hidden;}
section.top:after{content:"p";color:#28327c;font-family:"NLevel1", sans-serif;font-size:1548px;font-weight:700;position:absolute;top:-88%;right:-7%;}
section.top h2 > span{font-weight:700;}
section.top .btn-wrap{margin-top:90px;}
section.top .btn-wrap .btn{max-width:280px;}

@media (max-width:770px){
    section.top:after{font-size:642px;top:45%;right:-15%;transform:translateY(-50%);}
    section.top .btn-wrap{flex-direction:column;}
}

section.introduce{display:grid;align-content:center;height:583px;overflow:hidden;}
section.introduce .infos-box{gap:20px;}
section.introduce p{color:#5c5c5c;margin-top:32px;}
section.introduce .introduce-wrap{display:flex;align-items:flex-end;gap:17px;}
section.introduce .expert-card{width:500px;display:flex;align-items:flex-end;gap:27px;transform:translateY(82px);padding:20px 0;}
section.introduce .card-wrap{padding:10px 20px;}
section.introduce .card{border-radius:8px 8px 0 0;overflow:hidden;box-shadow:rgba(0,0,0,0.15) 2px 3px 19px 0;}
section.introduce .card .thumb{display:flex;}
section.introduce .card .thumb img{width:100%;height:224px;}
section.introduce .card .expert-info{padding:22px 28px 47px;}
section.introduce .card .expert-info h4{color:#5c5c5c;font-size:20px;font-weight:600;}
section.introduce .card .expert-info h4 span{color:#2a2a2a;font-weight:700;}
section.introduce .card .expert-info .tags{display:flex;gap:6px;}
section.introduce .card .expert-info .tags > span{background:#f0f1f3;color:#2a2a2a;font-size:17px;font-weight:600;border-radius:4px;padding:4px 14px;margin-top:12px;}
section.introduce .card .expert-info p{color:#1e1c1c;font-size:17px;font-weight:600;}
section.introduce .card .bottom{height:157px;border-top:1px solid #e8e8e8;margin:0 15px;}
section.introduce .card .bottom .to{color:#3461f5;font-size:20px;font-weight:700;padding:20px 17px;}
section.introduce .balloons-wrap{width:158px;height:270px;position:relative;transform:translateY(-40px);}
section.introduce .balloons-wrap > div{width:100%;height:100%;opacity:0;position:absolute;bottom:10px;transition:opacity 400ms, bottom 400ms;}
section.introduce .balloons-wrap ul{display:grid;gap:6px;}
section.introduce .balloons-wrap ul > li{height:55px;position:absolute;bottom:-55px;}
section.introduce .balloons-wrap ul > li:last-child{padding-bottom:20px;}
section.introduce .balloons-wrap ul > li .balloon{opacity:1;white-space:nowrap;}
section.introduce .balloons-wrap ul > li .balloon:before{display:none;}
section.introduce .balloons-wrap ul > li:last-child .balloon:before{display:block;}

section.introduce .balloons-wrap > div.on{opacity:1;bottom:-14px;}

@media (max-width:1420px){
    section.introduce .card-wrap{width:420px;}
}

@media (max-width:1200px){
    section.introduce{height:auto;padding-top:68px;}
    section.introduce .infos-box{align-items:flex-start;flex-direction:column;}
    section.introduce .infos-box > div:nth-child(2){align-self:center;}
    section.introduce .introduce-wrap{margin-top:-80px;}
    section.introduce .balloons-wrap{display:none;}
}

@media (max-width:770px){
    section.introduce p{margin-top:18px;}
    section.introduce .expert-card{width:calc(100vw - 36px);}
    section.introduce .card .expert-info{padding:14px 18px 30px;}
    section.introduce .card .expert-info h4{font-size:14px;}
    section.introduce .card .expert-info .tags{gap:4px;}
    section.introduce .card .expert-info .tags span{font-size:12px;}
    section.introduce .card .expert-info p{font-size:13px;margin-top:12px;}
    section.introduce .card .bottom{height:100px;}
    section.introduce .card .bottom .to{font-size:13px;padding:14px 0;}
}

section.job-indicator{height:200px;display:grid;align-content:center;background:#f3f3f3;padding:0 18px;z-index:1;overflow:hidden;}
section.job-indicator > .inner{padding-right:0;}
section.job-indicator .swiper{width:100%;}
section.job-indicator .swiper .swiper-slide{width:auto;border-radius:3px;padding:20px 35px;}
section.job-indicator .swiper .swiper-slide > div{text-align:center;}
section.job-indicator .swiper .swiper-slide img{min-width:64px;}
section.job-indicator .swiper .swiper-slide p{color:#666;font-size:18px;font-weight:600;text-align:center;margin-top:17px;}

@media (max-width:770px){
    section.job-indicator{height:auto;padding:14px 18px;}
    section.job-indicator .swiper .swiper-slide img{min-width:36px;}
    section.job-indicator .swiper .swiper-slide p{font-size:12px;margin-top:12px;}
}

section.certificate{height:770px;display:grid;align-content:center;overflow:hidden;}
section.certificate:before{content:url("../img/certi_back_01.svg");opacity:0;position:absolute;bottom:-110%;left:0;z-index:-1;transition:opacity 2000ms, bottom ease-in-out 1000ms;}
section.certificate:after{content:url("../img/certi_back_02.svg");opacity:0;position:absolute;bottom:-110%;right:0;z-index:-1;transition:opacity 2000ms, bottom ease-in-out 1000ms;}
section.certificate h3{margin:32px 0;}
section.certificate h3 > span{padding:2px 8px;position:relative;z-index:1;}
section.certificate h3 > span:before{content:"";width:0;height:80%;background:#e3f4ff;border-radius:6px;position:absolute;top:50%;left:0;z-index:-1;transform:translateY(-50%);transition:width 1200ms;}
section.certificate p > span{color:#000;font-weight:700;}

section.certificate.scrolled h3 > span:before{width:100%;}
section.certificate.scrolled:before{opacity:1;bottom:-10%;}
section.certificate.scrolled:after{opacity:1;bottom:-20%}

@media (max-width:1200px){
    section.certificate.scrolled:before{left:-5%;}
    section.certificate.scrolled:after{right:-30%;}
}

@media (max-width:770px){
    section.certificate{height:588px;}
    section.certificate:before{transform:scale(0.8);}
    section.certificate img{width:64px;}
    section.certificate h3{margin:22px 0;}
    section.certificate p{font-size:13px;}
    section.certificate.scrolled:before{bottom:-35%;left:-12%;}
    section.certificate.scrolled:after{bottom:-60%;right:-500px;}
}

section.system{height:891px;display:grid;align-content:center;background:#333;}
section.system h3{color:#fff;margin-bottom:37px;}
section.system p{color:#f4f4f4;}
section.system .tab-list{margin-bottom:18px;}
section.system .tab-list > ul{display:flex;gap:25px;}
section.system .tab-list > ul > li{min-width:74px;width:74px;transition:width ease-out 400ms;}
section.system .tab-list > ul > li button{width:100%;background:rgba(0,0,0,0.22);display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:700;white-space:nowrap;border:1px solid #e2e9ff;border-radius:5px;padding:16px 10px;overflow:hidden;}
section.system .tab-list > ul > li button span{opacity:0;width:0;}
section.system .tab-list > ul > li.on{width:100%;}
section.system .tab-list > ul > li.on button{background:#3461f5;border-color:#3461f5;}
section.system .tab-list > ul > li.on button span{opacity:1;width:100px;}
section.system .system-box{width:520px;height:384px;background:#fff;text-align:center;border-radius:10px;padding:64px 20px;}
section.system .system-box p{color:#262626;margin-top:52px;}

@media (max-width:1200px){
    section.system h3{margin-bottom:22px;}
    section.system .infos-box{text-align:center;flex-direction:column;gap:70px;}
}

@media (max-width:770px){
    section.system{height:692px;}
    section.system .infos-box > div{width:100%;}
    section.system .tab-list > ul{gap:16px;}
    section.system .tab-list > ul > li{min-width:48px;width:48px;}
    section.system .tab-list > ul > li button{font-size:15px;padding:8px 10px;}
    section.system .tab-list > ul > li.on button span{width:auto;margin-left:4px;}
    section.system .system-box{width:100%;height:auto;padding:40px 10px 36px;}
    section.system .system-box img{width:auto;height:74px;}
    section.system .system-box p{font-size:14px;margin-top:28px;}
}

section.no-charge{height:860px;display:grid;align-content:center;}
section.no-charge p{margin-top:18px;}
section.no-charge .img{position:relative;top:-100px;z-index:-1;}

@media (max-width:770px){
    section.no-charge{height:490px;}
    section.no-charge .center-box{margin-top:75px;}
    section.no-charge .img{width:90%;margin:0 auto;top:-75px;}
}

section.search{height:891px;display:grid;align-content:center;background:#f3f3f3;}
section.search .infos-box{justify-content:flex-start;align-items:flex-start;gap:70px;}
section.search .infos-box > div{position:relative;}
section.search .infos-box > div:first-child{flex:1;}
section.search .slide-wrap{margin-top:87px;}
section.search .tab-list .swiper-wrapper{flex-direction:column;}
section.search .tab-list .swiper-slide{border-bottom:1px solid #d0d0d0;}
section.search .tab-list .swiper-slide:last-child{border-bottom:0;}
section.search .tab-list .swiper-slide button{width:100%;display:flex;color:#8f8f8f;font-size:24px;font-weight:700;border-radius:5px;padding:32px 24px;transition:background-color 200ms, font-size 200ms;}
section.search .tab-list .swiper-slide button span{width:24px;height:24px;background:transparent;margin-right:20px;transition:width 200ms, height 200ms, background-color 200ms, color 200ms;}
section.search .tab-list .swiper-slide.on{border-bottom:0;}
section.search .tab-list .swiper-slide.on button{width:calc(100% + 70px);background:#fff;color:#000;font-size:32px;}
section.search .tab-list .swiper-slide.on button span{width:48px;height:48px;background:#1d2775;line-height:1.5;color:#fff;border-radius:5px;}
section.search .tab-list .arrow{display:none;}
section.search .search-tab-info{width:750px;height:606px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:98px 76px 98px 82px;}
section.search .search-tab-info .icon{margin-bottom:76px;}
section.search .search-tab-info p{color:#5c5c5c;}
section.search .search-tab-info p + p{margin-top:34px;}
section.search .search-tab-info .phone img{width:314px;}

@media (max-width:1200px){
    section.search{height:auto;padding:63px 0 44px;overflow:hidden;}
    section.search .infos-box{width:100%;align-items:center;flex-direction:column;text-align:center;}
    section.search .infos-box > div{width:100%;flex:none;}
    section.search .infos-box > div:first-child{flex:none;}
    section.search .slide-wrap{display:flex;align-items:center;gap:11px;}
    section.search .slide-wrap .arrow{min-width:48px;width:48px;height:48px;display:block;}
    section.search .slide-wrap .arrow.prev{background:url("../img/icon_arrow_prev.svg") no-repeat;background-size:100%;}
    section.search .slide-wrap .arrow.next{background:url("../img/icon_arrow_next.svg") no-repeat;background-size:100%;}
    section.search .tab-list{width:calc(100vw - 96px - 22px - 36px);display:flex;justify-content:center;align-items:center;gap:11px;margin:0;}
    section.search .tab-list .swiper-wrapper{flex-direction:row;}
    section.search .tab-list .swiper-slide{border-bottom:0;}
    section.search .tab-list .swiper-slide button{min-width:250px;background:#dcdcdc;justify-content:center;align-items:center;font-size:24px;white-space:nowrap;}
    section.search .tab-list .swiper-slide button span{min-width:48px;width:48px;height:48px;display:flex;justify-content:center;align-items:center;}
    section.search .tab-list .swiper-slide.on button{width:100%;font-size:24px;}
    section.search .search-tab-info{width:100%;height:auto;flex-direction:column;gap:40px;}
}

@media (max-width:770px){
    section.search .slide-wrap{justify-content:center;margin-top:40px;}
    section.search .slide-wrap .arrow{min-width:24px;width:24px;height:24px;}
    section.search .tab-list .swiper-wrapper{align-items:center;}
    section.search .tab-list .swiper-slide button{min-width:auto;font-size:15px;padding:19px 16px;}
    section.search .tab-list .swiper-slide button span{min-width:24px;width:24px;height:24px;margin-right:10px;}
    section.search .tab-list .swiper-slide.on button{font-size:15px;}
    section.search .tab-list .swiper-slide.on button span{width:24px;height:24px;}
    section.search .search-tab-info{padding:17px 20px;}
    section.search .search-tab-info .icon{margin-bottom:10px;}
    section.search .search-tab-info .icon img{width:auto;height:46px;}
    section.search .search-tab-info p + p{margin-top:20px;}
    section.search .search-tab-info .phone img{width:175px;}
}

section.question{height:824px;display:grid;align-content:center;}
section.question .infos-box{justify-content:center;align-items:stretch;gap:23px;margin-top:44px;}
section.question .infos-box > div{min-width:460px;width:460px;transition:width 1500ms;cursor:pointer;overflow:hidden;}
section.question .infos-box h4{color:#a9a9a9;font-size:24px;font-weight:700;text-align:center;margin-bottom:10px;}
section.question .toggle-box{height:273px;background:#f7f7f7;display:flex;justify-content:center;align-items:center;border:1px solid #e6e6e6;border-radius:10px;padding:24px 82px;position:relative;overflow:hidden;transition:height 400ms;}
section.question .icon{width:82px;height:66px;display:flex;position:absolute;top:calc(50% - 33px);left:calc(50% - 41px);z-index:1;transition:top ease-in-out 1000ms, left ease-in-out 1000ms;overflow:hidden;}
section.question .icon img{width:100%;position:absolute;transition:opacity 400ms;}
section.question .icon img:nth-child(2){opacity:0;}
section.question .chat-box{width:100%;}
section.question .chat{display:flex;gap:17px;padding-bottom:20px;overflow:hidden;}
section.question .chat:last-child{margin-bottom:0;}
section.question .chat .in-box{opacity:0;position:relative;bottom:-100px;transition:opacity 600ms, bottom 400ms;}
section.question .chat h3{font-size:20px;font-weight:500;}
section.question .chat.expert{margin-left:100px;}
section.question .chat.expert .balloon{min-width:200px;background:#303340;color:#fff;padding:10px 20px;}
section.question .chat.expert .balloon:before{content:"";width:0;height:0;border-top:30px solid #303340;border-right:30px solid transparent;border-bottom:0;border-radius:5px;position:absolute;bottom:-20px;right:auto;left:40px;}
section.question .chat.user{justify-content:flex-end;}
section.question .chat.user .balloon{width:420px;background:#3461f5;color:#fff;padding:20px;}
section.question .chat.user .balloon:before{border-right-color:#3461f5;border-radius:5px;left:auto;right:40px;}
section.question .write-box{width:100%;height:100%;transform:scaleX(0);transition:transform 400ms;}
section.question .write-box .quest{height:56px;background:#303340;display:flex;align-items:center;color:#fff;font-size:20px;font-weight:500;border-radius:5px;padding:0 32px;margin-left:80px;}
section.question .write-box .answer{height:calc(100% - 56px - 12px);background:#fff;font-size:22px;font-weight:500;border-radius:5px 5px 0 0;padding:41px 10px 29px 63px;margin-top:13px;}

section.question .infos-box > div.on{width:100%;}
section.question .infos-box > div.on h4{color:#000;}
section.question .infos-box > div.on .toggle-box{align-items:flex-start;background:#e3f4ff;border-color:#e3f4ff;border-radius:10px;padding:24px 82px;}
section.question .infos-box > div.on .icon{top:50px;left:83px;}
section.question .infos-box > div.on .icon img:nth-child(1){opacity:0;}
section.question .infos-box > div.on .icon img:nth-child(2){opacity:1;}
section.question .chat.on .in-box{opacity:1;bottom:0;}
section.question .infos-box > div.on:nth-child(2) .toggle-box{padding:32px 138px 0;}
section.question .infos-box > div.on:nth-child(2) .icon{top:32px;left:146px;}
section.question .write-box.on{transform:scaleX(1);}

@media (max-width:1200px){
    section.question .infos-box{flex-direction:column;}
    section.question .infos-box > div{width:100%;}
}

@media (max-width:770px){
    section.question{height:auto;padding:65px 0 0;}
    section.question .title{width:100%;text-align:center;}
    section.question .infos-box{gap:20px;}
    section.question .infos-box > div{min-width:auto;}
    section.question .infos-box > div h4{font-size:15px;}
    section.question .toggle-box{height:92px;padding:28px 10px;}
    section.question .chat{padding-bottom:30px;}
    section.question .chat h3{font-size:12px;}
    section.question .chat .balloon{width:100%;font-size:14px;font-weight:500;border-radius:17px;}
    section.question .chat.expert{margin-left:60px;}
    section.question .chat.expert .balloon{min-width:120px;padding:5px 26px;}
    section.question .chat.expert .balloon:before{border-top-width:15px;border-right-width:15px;bottom:-10px;left:15px;}
    section.question .chat.user .balloon{width:100%;padding:10px 26px;}
    section.question .chat.user .balloon:before{border-right-width:20px;border-bottom-width:20px;bottom:-15px;right:20px;}
    section.question .icon{width:52px;height:44px;top:calc(50% - 26px);left:calc(50% - 22px);}
    section.question .write-box .quest{height:auto;font-size:12px;padding:10px;margin-left:50px;}
    section.question .write-box .answer{height:calc(100% - 20px - 12px);font-size:14px;font-weight:400;border-radius:5px;padding:20px;}

    section.question .infos-box > div.on .toggle-box{height:214px;}
    section.question .infos-box > div.on .toggle-box{padding:28px 10px;}
    section.question .infos-box > div.on .icon{top:48px;left:10px;}
    section.question .infos-box > div.on:nth-child(2) .toggle-box{height:184px;padding:28px 10px;}
    section.question .infos-box > div.on:nth-child(2) .icon{top:30px;left:10px;}
}

section.bottom-banner{height:482px;background:#1d2775;display:grid;align-content:center;text-align:center;}
section.bottom-banner:after{content:"pro";color:#28327c;font-family:"NLevel1", sans-serif;font-size:333px;font-weight:700;position:absolute;bottom:-30px;right:0;z-index:1;}
section.bottom-banner .down-box{position:relative;z-index:2;}
section.bottom-banner p{color:#adb0c9;font-size:30px;font-weight:500;}
section.bottom-banner h3{color:#fff;}
section.bottom-banner .btn-wrap{justify-content:center;gap:20px;margin-top:56px;}
section.bottom-banner .btn-wrap > a{width:auto;height:70px;background:none;padding:0;}
section.bottom-banner .btn-wrap > a img{width:auto;height:100%;}

@media (max-width:1200px){
    section.bottom-banner{margin-top:100px;}
}

@media (max-width:770px){
    section.bottom-banner{height:auto;padding:28px 10px;}
    section.bottom-banner:after{font-size:90px;bottom:-5%;}
    section.bottom-banner p{font-size:14px;}
    section.bottom-banner h3{font-size:24px;}
    section.bottom-banner .btn-wrap{gap:12px;margin-top:24px;}
    section.bottom-banner .btn-wrap > a{height:34px;}
}

footer .contact{height:70px;background:#f3f3f3;display:flex;align-items:center;}
footer .contact ul{display:flex;align-items:center;gap:162px;}
footer .contact ul > li a{color:#212121;font-size:17px;font-weight:500;position:relative;}
footer .contact ul > li:nth-child(2) a{color:#1d2775;font-weight:700;}
footer .contact ul > li:nth-child(2) a:before{content:"";width:12px;height:2px;background:#1d2775;border-radius:10px;position:absolute;top:-6px;left:50%;transform:translateX(-50%);}
footer .company-info{padding:33px 10px 63px;}
footer .company-info .in-box{display:flex;justify-content:space-between;align-items:center;}
footer .company-info h4{color:#212121;font-weight:600;margin-bottom:8px;}
footer .company-info .infos span{color:#333;font-size:15px;margin-right:13px;}
footer .company-info .copy{color:#666;font-size:15px;font-weight:600;margin-top:23px;}
footer .company-info .logo{height:50px;display:block;}
footer .company-info .logo img{width:auto;height:100%;}

@media (max-width:770px){
    footer .contact ul{justify-content:space-between;gap:10px;}
    footer .contact ul > li a{font-size:14px;}
    footer .company-info .in-box{flex-direction:column;gap:23px;}
    footer .company-info h4{font-size:12px;text-align:center;margin-bottom:16px;}
    footer .company-info .infos{text-align:center;line-height:0.6;}
    footer .company-info .infos span{font-size:11px;margin-right:6px;}
    footer .company-info .copy{font-size:11px;text-align:center;margin-top:16px;}
    footer .company-info .logo{height:35px;}
}