@charset "utf-8";

#wrap{}
#wrap br.mo{display:none;}
#wrap .wrap{width:1280px;max-width:100%;margin:0 auto;}
#wrap .btn_01{background:#162B48 !important;border-color:#162B48 !important;color:#FFFFFF !important;}
#wrap .btn_02{background:#FFFFFF !important;border-color:#CCCFD4 !important;color:#667085 !important;}

#header{position:relative;z-index:10000;width:100%;background:#ffffff;}
#header .wrap{display:flex;align-items:center;justify-content:space-between;height:106px;}
#header .logo{}
#header .logo a{display:block;}
#header .logo img{display:block;}
#header .tool{display:flex;align-items:center;gap:40px;}
#header .link{display:flex;align-items:center;gap:24px;}
#header .link a{display:block;line-height:28px;font-size:20px;font-weight:500;color:#1a1a1a;}
#header .bttn{display:flex;align-items:center;gap:16px;}
#header .bttn a{display:flex;align-items:center;justify-content:center;text-align:center;width:160px;height:52px;border-radius:8px;border:1px solid #e0e0e0;font-size:20px;font-weight:600;color:#303030;}
#header .mobile{display:none;align-items:center;gap:16px;}
#header .mobile a{display:flex;align-items:center;justify-content:center;}

#allmenu{position:fixed;z-index:10001;top:0;left:0;bottom:0;width:100%;overflow-y:auto;opacity:0;visibility:hidden;transition:all 300ms;}
#allmenu.active{opacity:1;visibility:visible;}
#allmenu.active .allmenu{transform:translateX(0);}
#allmenu.active .dimmed{opacity:1;visibility:visible;}
#allmenu .allmenu{position:relative;z-index:6;margin-left:70px;width:calc(100% - 70px);height:100dvh;background:#ffffff;transform:translateX(100%);transition:all 300ms;}
#allmenu .allmenu .logo{display:flex;align-items:center;padding:0 20px;height:56px;border-bottom:1px solid #f7f8f9;}
#allmenu .allmenu .logo img{width:120px;height:auto;object-fit:contain;}
#allmenu .allmenu .close{position:absolute;top:16px;right:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
#allmenu .allmenu .close:before{content:'';display:block;width:24px;height:24px;background:url(../img/close.svg) no-repeat center / contain;}
#allmenu .allmenu .gnb{padding:28px 20px;}
#allmenu .allmenu .gnb a{display:block;line-height:16px;font-size:16px;font-weight:500;color:#667085;margin-bottom:16px;}
#allmenu .dimmed{position:absolute;z-index:5;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / 70%);opacity:0;visibility:hidden;transition:all 300ms;}

#chatbot{position:fixed;bottom:80px;right:100px;z-index:100;}
#chatbot a{display:flex;align-items:center;justify-content:center;width:90px;height:90px;}
#chatbot a img{width:100%;height:100%;object-fit:contain;}

#footer{position:relative;}
#footer .footer_top{padding:28px 20px;border-bottom:1px solid #f7f8f9;}
#footer .footer_top .link{display:flex;align-items:center;}
#footer .footer_top .link a{display:flex;align-items:center;font-size:14px;font-weight:400;color:#505050;}
#footer .footer_top .link a:after{content:'';margin:0 24px;width:1px;height:10px;background:#cccfd4;}
#footer .footer_top .link a:last-of-type:after{display:none;}
#footer .footer_main{padding:32px 20px;}
#footer .footer_main .wrap{display:flex;flex-wrap:wrap;}
#footer .footer_main .main{flex:1;}
#footer .footer_main .main .logo{margin-bottom:16px;}
#footer .footer_main .main .logo a{display:block;}
#footer .footer_main .main .logo img{display:block;}
#footer .footer_main .main .info{line-height:1.4;font-size:14px;font-weight:400;color:#505050;}
#footer .footer_main .main .info p{margin-bottom:6px;}
#footer .footer_main .customer{flex:0 0 auto;width:250px;max-width:100%;}
#footer .footer_main .customer .tit{margin-bottom:16px;line-height:1.4;font-size:20px;font-weight:500;color:#1a1a1a;}
#footer .footer_main .customer .txt{margin-bottom:16px;}
#footer .footer_main .customer .txt dl{margin-bottom:6px}
#footer .footer_main .customer .txt dt{font-size:16px;font-weight:500;color:#1a1a1a;}
#footer .footer_main .customer .txt dd{margin-top:4px;font-size:14px;font-weight:400;color:#505050;letter-spacing:-0.03em;}
#footer .footer_main .customer .tel{margin-bottom:16px;line-height:1.4;font-size:24px;font-weight:700;color:#1a1a1a;}

#main{}
#main .title{margin-bottom:80px;line-height:1.4;font-size:56px;font-weight:700;color:#1a1a1a;text-align:center;}
#main .title span{color:#00aaf5;}
#main .title p{display:block;font-size:42px;font-weight:500;color:#667085;}
#main .title strong{font-weight:700;}
#main .visual{position:relative;background:#EFF6FF;}
#main .visual .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;height:974px;}
#main .visual .text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;}
#main .visual .text .tit{line-height:1.4;font-size:55px;font-weight:bold;color:#162b48;}
#main .visual .text .tit span{color:#00aaf5;}
#main .visual .text .txt{margin-top:16px;line-height:1.4;font-size:32px;font-weight:500;color:#162b48;}
#main .visual .text .btn{margin-top:46px;}
#main .visual .text .btn a{display:flex;align-items:center;justify-content:center;text-align:center;width:400px;height:79px;border-radius:79px;font-size:28px;font-weight:600;}
#main .visual .image{position:absolute;top:50%;right:-230px;transform:translateY(-50%);}
#main .service{position:relative;padding:140px 0;background:#ffffff;}
#main .service .content{display:flex;align-items:center;justify-content:space-between;margin-bottom:100px;}
#main .service .content:last-of-type{margin-bottom:0;}
#main .service .content:nth-child(even){flex-direction:row-reverse;}
#main .service .content:nth-child(even) .text{text-align:right;}
#main .service .content .text{flex:1;}
#main .service .content .text .tit{line-height:1.4;font-size:56px;font-weight:700;color:#1a1a1a;}
#main .service .content .text .txt{margin-top:16px;line-height:1.4;font-size:42px;font-weight:500;color:#505050;}
#main .service .content .image{flex:0 0 auto;display:flex;align-items:center;justify-content:center;}
#main .service .content .image img{display:block;max-width:70%;height:auto;}
#main .simple{position:relative;padding:140px 0;background:#F7F8F9;}
#main .simple .content{}
#main .simple .content ul{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;}
#main .simple .content li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;;border-radius:16px;border:1px solid #eaecf0;background:#fff;box-shadow:15px 15px 30px rgb(14 56 108 / 8%);}
#main .simple .content li .img{width:160px;height:auto;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:40px;}
#main .simple .content li .img img{max-width:100%;height:auto;}
#main .simple .content li .num{width:48px;height:48px;border-radius:48px;background:#264b7e;font-size:20px;font-weight:700;color:#ffffff;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:16px;}
#main .simple .content li .tit{line-height:1.4;font-size:32px;font-weight:600;color:#1a1a1a;}
#main .valuable{position:relative;padding:140px 0;background:#264B7E;}
#main .valuable .title{color:#ffffff;}
#main .valuable .title p{color:#ffffff;}
#main .valuable .content{}
#main .valuable .content ul{display:grid;grid-template-columns:repeat(3,1fr);padding:60px 40px;border-radius:16px;background:#ffffff;box-shadow:20px 30px 30px rgb(14 56 108 / 30%);}
#main .valuable .content li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;}
#main .valuable .content li:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:125px;background:#eaecf0;}
#main .valuable .content li:last-of-type:after{display:none;}
#main .valuable .content li .img{margin-bottom:40px;display:flex;align-items:center;justify-content:center;width:100px;height:auto;aspect-ratio:1/1;}
#main .valuable .content li .img img{width:100%;height:auto;}
#main .valuable .content li .tit{margin-bottom:8px;line-height:1.4;font-size:28px;font-weight:500;color:#667085;}
#main .valuable .content li .txt{line-height:1.4;font-size:48px;font-weight:700;color:#162b48;}
#main .review{position:relative;padding:140px 0;background:#FFFFFF;overflow:hidden;}
#main .review .content{padding:50px 30px;margin:-50px -30px;}
#main .review .content ul{}
#main .review .content li{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 60px 20px;border-radius: 16px;border: 1px solid #eaecf0;background: #fff;transition:box-shadow 500ms;box-shadow: 15px 15px 15px rgb(14 56 108 / 8%);}
#main .review .content li .subject{margin-bottom:16px;line-height:1.4;font-size:32px;font-weight:700;color:#1a1a1a;}
#main .review .content li .subject:before{content:'';display:block;margin:0 auto;margin-bottom:16px;width:40px;height:40px;background:url(../img/dots.svg) no-repeat center / contain;}
#main .review .content li .desc{
    margin-bottom: 24px;
    height: 235px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 500;
    color: #667085;
    text-align: left;
}
#main .review .content li .name{margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#main .review .content li .name img{width:70px;height:70px;border-radius:70px;overflow:hidden;object-fit:contain;background:#eeeeee;}
#main .review .content li .name p{margin-top:16px;line-height:1.4;font-size:18px;color:#505050;}
#main .faq{position:relative;padding:140px 0;background:#F7F8F9;}
#main .faq .content{}
#main .faq .content ul{display:grid;grid-template-columns:repeat(1,1fr);gap:26px;}
#main .faq .content li{padding:40px;border-radius:16px;background:#ffffff;box-shadow:0 4px 16px rgb(0 0 0 / 4%);}
#main .faq .content li .faq_tit{position:relative;line-height:1.4;font-size:32px;font-weight:600;color:#1a1a1a;cursor:pointer;}
#main .faq .content li .faq_tit:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:24px;background:url(../img/dropdown.svg) no-repeat center / contain;}
#main .faq .content li .faq_txt{display:none;margin-top:16px;line-height:1.4;font-size:24px;font-weight:500;color:#505050;}
#main .faq .content li.on .faq_tit{}
#main .faq .content li.on .faq_tit:after{transform:rotate(180deg);}
#main .faq .content li.on .faq_txt{display:block;}
#main .partner{position:relative;padding:140px 0;background:#0E1947;background:linear-gradient(to bottom, #081130, #0E1947);}
#main .partner .tit{margin-bottom:16px;line-height:1.4;font-size:42px;font-weight:500;color:#ffffff;text-align:center;}
#main .partner .txt{margin-bottom:60px;line-height:1.4;font-size:56px;font-weight:700;color:#ffffff;text-align:center;}
#main .partner .btn{display:flex;align-items:center;justify-content:center;}
#main .partner .btn a{display:flex;align-items:center;justify-content:center;width:400px;height:79px;border-radius:79px;font-size:28px;font-weight:600;}
#main .floated{position:fixed;bottom:80px;right:20px;left:0;z-index: 99;display:flex;align-items:center;justify-content:center;}
#main .floated a{display:flex;align-items:center;justify-content:center;width:400px;height:79px;border-radius:79px;font-size:28px;font-weight:600;}

@media all and (max-width:769px){

    #wrap{}
    #wrap br.mo{display:block;}

    #header .wrap{padding:0 20px;height:56px;}
    #header .logo{}
    #header .logo img{width:120px;height:auto;object-fit:contain;}
    #header .link{display:none;}
    #header .bttn{display:none;}
    #header .mobile{display:flex;}

    #footer{display:flex;flex-direction:column;}
    #footer .footer_top{order:2;padding:20px;border:0;border-top:1px solid #f7f8f9;}
    #footer .footer_top .link{display:flex;align-items:center;justify-content:center;margin:0 auto;}
    #footer .footer_top .link a{}
    #footer .footer_main{padding:20px;}
    #footer .footer_main .wrap{gap:10px 0;}
    #footer .footer_main .main{flex:0 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;}
    #footer .footer_main .main .logo{margin-bottom:20px;}
    #footer .footer_main .main .logo img{display:block;width:120px;height:auto;}
    #footer .footer_main .main .info{}
    #footer .footer_main .main .info p{margin-bottom:2px;}
    #footer .footer_main .customer{width:100%;text-align:center;}
    #footer .footer_main .customer .tit{margin-bottom:6px;font-size:16px;}
    #footer .footer_main .customer .txt{margin-bottom:16px;}
    #footer .footer_main .customer .txt dl{margin-bottom:6px}
    #footer .footer_main .customer .txt dt{font-size:14px;}
    #footer .footer_main .customer .txt dd{}
    #footer .footer_main .customer .tel{margin-bottom:10px;font-size:18px;}

    #chatbot{bottom:40px;right:14px;}
    #chatbot a{width:62px;height:62px;}

    #main{}
    #main .title{margin-bottom:26px;font-size:20px;}
    #main .title p{display:block;font-size:18px;}
    #main .visual{padding:60px 20px;}
    #main .visual .wrap{height:auto;flex-wrap:wrap;}
    #main .visual .text{width:100%;align-items:center;text-align:center;}
    #main .visual .text .tit{font-size:24px;}
    #main .visual .text .tit span{color:#00aaf5;}
    #main .visual .text .txt{margin-top:10px;font-size:18px;}
    #main .visual .text .btn{display:none;}
    #main .visual .text .btn a{display:flex;align-items:center;justify-content:center;text-align:center;width:400px;height:79px;border-radius:79px;font-size:28px;font-weight:600;}
    #main .visual .image{position:static;transform:none;}
    #main .visual .image img{width:100%;height:auto;}
    #main .service{padding:40px 20px;}
    #main .service .content{flex-direction:column;margin-bottom:40px;text-align:center;gap:20px;}
    #main .service .content:nth-child(even){flex-direction:column;}
    #main .service .content:nth-child(even) .text{text-align:center;}
    #main .service .content .text{order:2;}
    #main .service .content .text .tit{font-size:20px;}
    #main .service .content .text .txt{margin-top:4px;font-size:16px;}
    #main .service .content .image{order:1;width:160px;margin:0 auto;}
    #main .service .content .image img{display:block;max-width:100%;height:auto;}
    #main .simple{padding:40px 20px;}
    #main .simple .content{}
    #main .simple .content ul{grid-template-columns:repeat(2,1fr);gap:10px;}
    #main .simple .content li{padding:20px;}
    #main .simple .content li .img{width:70px;height:auto;margin-bottom:16px;}
    #main .simple .content li .num{width:28px;height:28px;border-radius:28px;font-size:12px;margin-bottom:8px;}
    #main .simple .content li .tit{font-size:16px;}
    #main .valuable{padding:40px 20px;}
    #main .valuable .content{}
    #main .valuable .content ul{grid-template-columns:repeat(1,1fr);padding:30px 20px;gap:26px;}
    #main .valuable .content li{}
    #main .valuable .content li:after{display:none;}
    #main .valuable .content li .img{margin-bottom:10px;width:70px;}
    #main .valuable .content li .tit{margin-bottom:2px;font-size:16px;}
    #main .valuable .content li .txt{font-size:24px;}
    #main .review{padding:40px 20px;}
    #main .review .content{overflow:hidden;padding:40px 20px;margin:-40px -20px;}
    #main .review .content ul{display:flex;}
    #main .review .content li{flex:0 0 auto;width:300px;padding:20px;}
    #main .review .content li .subject{margin-bottom:10px;font-size:18px;}
    #main .review .content li .subject:before{width:28px;height:28px;}
    #main .review .content li .desc{margin-bottom:16px;height:100px;line-height:20px;font-size:14px;font-weight:400;}
    #main .review .content li .name{margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;}
    #main .review .content li .name img{width:28px;height:28px;border-radius:28px;}
    #main .review .content li .name p{margin-top:10px;font-size:14px;}
    #main .faq{padding:40px 20px;}
    #main .faq .content{}
    #main .faq .content ul{gap:10px;}
    #main .faq .content li{padding:20px;}
    #main .faq .content li .faq_tit{font-size:16px;}
    #main .faq .content li .faq_txt{margin-top:10px;font-size:14px;}
    #main .faq .content li.on .faq_tit{}
    #main .faq .content li.on .faq_tit:after{transform:rotate(180deg);}
    #main .faq .content li.on .faq_txt{display:block;}
    #main .partner{padding:40px 20px;}
    #main .partner .tit{margin-bottom:6px;font-size:14px;}
    #main .partner .txt{margin-bottom:30px;font-size:20px;}
    #main .partner .btn{}
    #main .partner .btn a{width:200px;height:49px;border-radius:49px;font-size:18px;}
    #main .floated{left:20px;right:20px;bottom:50px;}
    #main .floated a{width:200px;height:49px;border-radius:49px;font-size:18px;}

}