@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0;outline:0;background:none;text-decoration:none;list-style:none}:focus,:focus-visible,:focus-within{outline:0;box-shadow:none}html{font-size:62.5%}html,body{height:100%;-webkit-text-size-adjust:100%;position:relative}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:inherit}a{color:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,input,select,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border-radius:0;box-shadow:none;border:0}textarea{resize:none}button,[role=button]{cursor:pointer}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}body{font-family:Pretendard,sans-serif!important;line-height:1.5;color:inherit}p,a,small,strong,em,i,b,u,mark,s,del,ins,sub,sup,code,pre,samp,kbd,var,abbr,cite,q,dfn,blockquote,address,time,data,meter,progress,label,legend,caption,figcaption,summary,details,li,dt,dd,th,td,option,h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-family:Pretendard,sans-serif!important;font-size:1.6rem;font-weight:400;line-height:1.5;color:inherit;word-break:keep-all;color:#222}input::placeholder,textarea::placeholder{font-size:2rem;line-height:1.5}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}a,button{-webkit-tap-highlight-color:transparent}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:2px solid #1e88e5;outline-offset:2px;border-radius:8px}footer{background:#1e73be;padding:80px 5% 0}.footer_inner .mobile{display:none}.footer_inner{display:flex;justify-content:space-between;align-items:flex-start}.footer_inner>div{width:50%}footer .left .top{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:60px}footer .left .top p{font-size:14px;font-weight:400;color:#fff;letter-spacing:-.05rem}footer .left .bottom p{margin-bottom:8px;font-size:14px;font-weight:400;color:#fff;letter-spacing:-.05rem}footer .right{display:flex;justify-content:space-between;align-items:flex-start;max-width:400px}footer .right>div span{display:inline-block;font-size:16px;font-weight:500;color:#fff;margin-bottom:12px}footer .right ul{display:flex;flex-direction:column;gap:12px}footer .right ul li a{font-size:14px;font-weight:400;color:#fff;letter-spacing:0}footer .right ul li.policy_btn{border-bottom:1px solid #fff}footer .footer_bottom{padding:20px 0;margin-top:40px;border-top:1px solid #fff}footer .footer_bottom p{font-size:14px;font-weight:300;color:#fff;text-align:right}.top_btn{display:flex;justify-content:center;align-items:center;position:fixed;z-index:99999;bottom:20px;right:20px;width:40px;height:40px;border-radius:50px;transform:rotate(-90deg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff9;border:1px solid #f5f5f5;transition:all .3s ease;cursor:pointer;opacity:0}.top_btn:hover{background:#1e73becc}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#2e85e5;border-radius:20px}::-webkit-scrollbar-track{background:none}html{scroll-behavior:smooth}body{background:#fff;position:relative}.inner{max-width:100%;width:1240px;padding:0 20px;margin:auto}h1{font-size:5.2rem;font-weight:700}h2{font-size:4.8rem}.tit h2{text-align:center;font-weight:600;color:#222}.tit p{font-size:2.4rem;font-weight:500;color:#1e73be;text-align:center;margin-bottom:2.4rem}.main_color{color:#1e73be}.trans_3{transition:all .3s ease}.br_m{display:none}header{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:80px;width:100%;position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s ease}header:hover,header.active{background:#fff;box-shadow:0 0 5px #0000001a}header nav>ul{display:flex;align-items:center}header nav>ul>li{margin:0 4px;align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}header nav>ul>li>a{padding:29px 20px;font-size:1.6rem;font-weight:500;color:#fff;letter-spacing:-.05em}header:hover nav ul li a,header.active nav ul li a{color:#222}header nav>ul>li>a:hover,header.active nav>ul>li>a:hover{color:#1e73be}header nav>ul>li:after{position:absolute;content:"";bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:#1e73be;transition:all .3s ease;z-index:-1}header nav>ul>li:hover:after{width:100%}header nav>ul>li:last-child{margin:0 0 0 24px}header nav>ul>li:last-child:after{display:none}header nav>ul>li.nav_btn{background:#1e73be;border-radius:8px;transition:all .5s ease;align-self:auto}header nav>ul>li.nav_btn:after{display:none}header nav>ul>li.nav_btn:hover{background:#185c98}header nav>ul>li.nav_btn a{padding:4px 32px;font-size:16px;color:#fff}header nav>ul>li.nav_btn:hover a{color:#fff}header nav>ul>li ul{display:flex;position:absolute;flex-direction:column;top:100%;background:#fff;padding:8px 28px;border:1px solid #1e73be;border-radius:8px;min-width:max-content;opacity:0;pointer-events:none;transition:all .3s ease;z-index:-2}header nav>ul>li:hover>ul{opacity:1;pointer-events:visible}header nav>ul>li ul li{display:flex;justify-content:center}header nav>ul>li ul a{padding:12px 0;font-weight:500;transition:all .3s ease;width:100%;text-align:center}header nav>ul>li ul a:hover{color:#1e73be}header nav ul li.ham{display:none}aside{position:fixed;top:0;right:-120%;width:100vw;height:100vh;background:#fff;transition:all .3s ease;padding:40px 20px;display:flex;flex-direction:column;align-items:center}aside.active{right:0}aside .logo{margin-bottom:40px}aside .logo img{width:160px;height:auto}aside>ul{display:flex;flex-direction:column;align-items:center;width:100%;flex:1}aside>ul>li{width:100%}aside>ul>li.nav_btn{margin-top:auto}aside>ul>li.nav_btn a{justify-content:center;background:#1e73be;color:#fff;border-radius:8px}aside>ul>li>a{display:flex;justify-content:space-between;width:100%;font-size:16px;font-weight:500;padding:12px 8px}aside>ul>li>ul{background:#f5f5f5;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;max-height:0;transition:max-height .3s ease}aside>ul>li>ul li a{display:flex;font-size:14px;font-weight:500;padding:16px 20px}aside .close_btn{position:absolute;top:20px;right:20px}aside .close_btn img{width:24px;height:24px}.visual .swiper-slide{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#222}.visual .swiper-slide h1{margin-bottom:28px;color:#fff;text-align:center}.visual .swiper-slide p{font-size:24px;font-weight:500;color:#fff;text-align:center}.visual .swiper-slide h1,.visual .swiper-slide p{transform:translateY(40px);transition:all .7s ease;transition-delay:.2s;opacity:0}.visual .swiper-slide-active h1,.visual .swiper-slide-active p{transform:translateY(0);opacity:1}.visual .swiper-slide-active p{transition-delay:.7s}.visual .visual_pagination{position:absolute;bottom:40px;z-index:9;display:flex;justify-content:center;gap:8px}.visual .swiper-pagination-bullet{width:40px;height:4px;border-radius:50px;background:#fff;opacity:.5;margin:0!important;transition:all .3s ease}.visual .swiper-pagination-bullet-active{opacity:1}.sec01{padding:20px 40px;overflow:hidden}.sec01 .tit{padding:160px 0 120px}.sec01 .swiper{overflow:visible}.sec01 .swiper-slide{padding:32px 24px;display:flex;flex-direction:column;justify-content:space-between;height:400px;background:#f3f8fc;box-shadow:0 4px 10px #0000001a;border-radius:20px;cursor:default;opacity:0;transform:translateY(40px)}.sec01 .swiper-slide span{font-size:1.6rem;font-weight:400;color:#222;margin-bottom:4px;display:inline-block}.sec01 .swiper-slide h3{font-size:2.4rem;font-weight:600;color:#222;margin-bottom:20px}.sec01 .swiper-slide p{font-size:1.6rem;font-weight:500;color:#666;max-width:350px}.sec01 .swiper-slide img{height:100%}.sec01 .swiper-slide .icon{display:flex;justify-content:flex-end}.sec01 .swiper-slide-active,.sec01 .swiper-slide:hover{background:#1e73be;box-shadow:0 4px 10px #1e73be80;transform:translateY(-20px)!important}.sec01 .swiper-slide-active h3,.sec01 .swiper-slide-active p,.sec01 .swiper-slide-active span,.sec01 .swiper-slide:hover h3,.sec01 .swiper-slide:hover p,.sec01 .swiper-slide:hover span{color:#fff}.sec02{padding:16rem 0 0}.sec02 .cont{margin-top:12rem}.sec02 .cont ul{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:24px;align-items:stretch}.sec02 .cont ul li{display:flex;flex-direction:column;background:#fff;box-shadow:2px 4px 10px #0000001a;border-radius:20px;padding:30px;opacity:0;transform:translateY(40px);position:relative}.sec02 .cont ul li a{display:flex;flex-direction:column;height:100%}.sec02 .cont ul li:has(.get_ready) a{cursor:default}.sec02 .cont ul li .logo{height:80px;display:flex;justify-content:flex-start;align-items:center;margin-bottom:24px}.sec02 .cont ul li:nth-child(2) .logo img{height:32px}.sec02 .cont ul li h4{font-size:1.8rem;font-weight:500;color:#222;margin-bottom:16px}.sec02 .cont ul li p{font-size:16px;font-weight:400;color:#444;margin-bottom:2.4rem}.sec02 .cont ul li .btn{display:flex;align-self:flex-start;gap:8px;width:auto;padding-bottom:4px;font-size:14px;font-weight:400;color:#222;border-bottom:1px solid #222;margin-left:auto;margin-top:auto}.sec02 .cont ul li .get_ready{display:flex;align-items:flex-start;margin-left:auto;padding-bottom:4px;font-size:14px;font-weight:400;color:#999;margin-top:auto}.sec02 .cont ul li:hover{background:#1e73be;box-shadow:2px 4px 10px #1e73be80}.sec02 .cont ul li:hover h4,.sec02 .cont ul li:hover p{color:#fff}.sec02 .cont ul li:hover .btn{color:#fff;border-color:#fff}.sec02 .cont ul li:hover .get_ready{color:#ddd}.sec02 .cont ul li .badge{position:absolute;top:48px;right:30px;height:24px;padding:0 16px;border:1px solid #1e73be;border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#1e73be;background:#fff}.sec03{padding-top:16rem}.sec03 .tab_btn{display:flex;justify-content:center;margin:4rem 0 6rem}.sec03 .tab_btn ul{display:flex;gap:8px}.sec03 .tab_btn ul li{padding:8px 32px;border:1px solid #ddd;border-radius:50px;background:#fff;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(40px)}.sec03 .tab_btn ul li:hover,.sec03 .tab_btn ul li.active{background:#1e73be;color:#fff;border-color:#1e73be}.sec03 .tab_cont{display:flex;flex-direction:column;gap:8px}.sec03 .tab_cont .tab_item{padding:20px 32px;background:#fff;border:1px solid #ddd;transition:all .3s ease;border-radius:20px;cursor:pointer;opacity:0;transform:translateY(40px)}.sec03 .tab_cont .tab_item:hover,.sec03 .tab_cont .tab_item.active{border-color:#1e73be;background:#f3f8fc}.sec03 .tab_cont .tab_item .tab_q{display:flex;justify-content:space-between;align-items:center}.sec03 .tab_cont .tab_item .tab_q p{font-size:18px;font-weight:500;color:#222;max-width:calc(100% - 100px)}.sec03 .tab_cont .tab_item .tab_q span{position:relative;width:24px;height:24px}.sec03 .tab_cont .tab_item .tab_q span:after{position:absolute;content:"";width:100%;height:3px;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e73be}.sec03 .tab_cont .tab_item .tab_q span:before{position:absolute;content:"";width:3px;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e73be;transition:all .3s ease}.sec03 .tab_cont .tab_item.active .tab_q span:before{transform:translate(-50%,-50%) rotate(90deg)}.sec03 .tab_cont .tab_item .tab_a p{font-size:16px;font-weight:400;color:#444;margin-top:24px;width:calc(100% - 100px)}.sec04{padding:16rem 0;position:relative}.sec04 .w_full{width:100%}.sec04 .w_50{width:calc(50% - 4px)}.sec04 .cont{display:flex;justify-content:center;gap:40px 8px;flex-wrap:wrap;margin-top:8rem}.sec04 .cont>div{opacity:0;transform:translateY(40px)}.sec04 .input_box{display:flex;flex-direction:column}.sec04 input{padding:12px 24px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:16px;font-weight:400}.sec04 .textarea{display:flex;flex-direction:column}.sec04 textarea{padding:12px 24px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:16px;font-weight:400;height:200px;resize:none}.sec04 textarea::placeholder,.sec04 input::placeholder{font-size:16px;font-weight:400;color:#999}.sec04 .select_box:has(.error) .select_tit,.sec04 .textarea:has(.error) textarea,.sec04 .input_box:has(.error) input{border-color:#ed0000}.sec04 textarea:focus,.sec04 input:focus{border-color:#1e73be}.sec04 .label{display:inline-block;font-size:14px;font-weight:400;color:#222;margin-bottom:12px}.sec04 .select_box .error,.sec04 .input_box .error,.sec04 .textarea .error{font-size:14px;font-weight:400;color:#ed0000;margin-top:4px}.sec04 .select_box{z-index:9}.sec04 .select{position:relative}.sec04 .select .hidden_select{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.sec04 .select_tit{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:16px;font-weight:400;color:#222;cursor:pointer}.sec04 .select:has(.option.active) .select_tit img{transform:rotate(180deg)}.sec04 .select .option{background:#fff;display:flex;flex-direction:column;border-radius:8px;position:absolute;z-index:2;width:100%;top:calc(100% + 4px);overflow:hidden;height:0;transition:all .3s ease;box-sizing:border-box;border:1px solid #1e73be;opacity:0;cursor:pointer}.sec04 .select .option.active{height:auto;max-height:160px;overflow-y:auto;padding:6px 0;opacity:1}.sec04 .select .option.active{height:auto;max-height:160px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sec04 .select .option.active::-webkit-scrollbar{display:none}.sec04 .select .option li{padding:6px 24px}.sec04 .select .option li:hover{background:#f3f8fc}.sec04 button{margin-top:4rem;padding:12px 32px;background:#fff;border:1px solid #1e73be;border-radius:50px;color:#1e73be;font-weight:500}.sec04 button:hover{background:#1e73be;color:#fff}.sec04 .popup{width:340px;height:160px;border:1px solid #1e73be;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;position:fixed;top:50%;left:50%;z-index:999999;transform:translate(-50%,-50%);border-radius:20px;transition:all .5s ease;opacity:0;pointer-events:none}.sec04 .popup p{font-size:16px;font-weight:500;margin-top:16px;color:#222}.sec04 .popup span{font-size:14px;font-weight:500;color:#fff;display:block;padding:6px 32px;background:#1e73be;border-radius:4px;transition:all .5s ease;cursor:pointer}.sec04 .popup span:hover{background:#185c98}.sec04 .popup.active{opacity:1;pointer-events:auto}body:has(.popup.active):after{position:fixed;content:"";left:0;top:0;width:100%;height:100%;background:#00000080;z-index:9999}@media screen and (max-width: 1024px){html{font-size:6px}.tit{padding:0 20px}.tit p{font-size:16px;margin-bottom:8px}h1 br{display:none}.tit h2{font-size:24px;max-width:380px;margin:auto}.tit h2 br{display:none}.br_m{display:block!important}header{height:auto;padding:20px 5%;justify-content:space-between}header img{height:24px}header nav ul li{display:none}header nav ul li.ham{display:flex}header nav ul li.nav_btn a{font-size:14px;min-height:28px}header nav ul li.ham{display:block}.visual{height:100vh}.visual .swiper-slide{padding:0 20px}.visual h1{font-size:32px;margin-bottom:12px}.visual p{font-size:20px!important}.visual .swiper-pagination-bullet{width:24px;height:3px}.sec01{padding:20px}.sec01 .swiper-slide{height:auto;position:relative;min-height:280px}.sec01 .swiper-slide h3{font-size:20px}.sec01 .swiper-slide p{font-size:14px}.sec01 .swiper-slide img{margin-top:40px;height:120px;position:absolute;bottom:20px;right:20px;opacity:.3}.sec02 .cont ul{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);justify-items:center}.sec02 .cont ul li{padding:20px;max-width:640px}.sec02 .cont ul li .logo{height:48px}.sec02 .cont ul li:nth-child(1) .logo img{height:24px}.sec02 .cont ul li:nth-child(2) .logo img{height:24px}.sec02 .cont ul li:nth-child(3) .logo img,.sec02 .cont ul li:nth-child(4) .logo img{height:48px}.sec02 .cont ul li:nth-child(5) .logo img,.sec02 .cont ul li:nth-child(6) .logo img{height:16px}.sec02 .cont ul li h4{font-size:16px}.sec02 .cont ul li p{font-size:14px;margin-bottom:40px}.sec02 .cont ul li .btn{font-size:12px}.sec03 .tab_btn{margin-top:40px}.sec03 .tab_btn ul{flex-wrap:wrap;justify-content:center;width:360px}.sec03 .tab_btn ul li{font-size:12px;padding:8px 28px;flex:1;text-align:center}.sec03 .tab_cont .tab_item{padding:16px 20px}.sec03 .tab_cont .tab_item .tab_q p{font-size:14px}.sec03 .tab_cont .tab_item .tab_a p{margin-top:16px;font-size:14px;line-height:1.8;width:100%}.sec03 .tab_cont .tab_item .tab_q span{width:16px;height:16px}.sec03 .tab_cont .tab_item .tab_q span:after{height:2px}.sec03 .tab_cont .tab_item .tab_q span:before{width:2px}.sec04 .cont{gap:20px}.sec04 .w_50{width:100%}.sec04 .label{font-size:12px;margin-bottom:8px}.sec04 .select_tit{padding:8px 16px;font-size:14px}.sec04 .select .option li{font-size:14px}.sec04 textarea,.sec04 input{font-size:14px;padding:8px 16px}.sec04 textarea::placeholder,.sec04 input::placeholder{font-size:14px}.sec04 button{font-size:14px}footer{padding:0 5%}.footer_inner{flex-direction:column}.footer_inner>div{width:100%}.footer_inner .mobile{display:block;padding:12px 0;margin:20px 0}.footer_inner .mobile ul{display:flex;gap:20px}.footer_inner .mobile ul li a{font-size:12px;font-weight:500;color:#fff}.footer_inner .mobile ul li.policy{border-bottom:1px solid #fff}footer .left .top{margin-bottom:32px;gap:12px}footer .right{display:none}footer .left .bottom p,footer .footer_bottom p{font-size:12px}.top_btn{bottom:20px;right:20px}}@media screen and (max-width: 375px){.sec03 .tab_btn ul li{flex:none}}
