@import url("reset.css");
@import url("slick.css");


:root{
    --padding:20px;
    --header_h:100px;
    --width:1880px;
    --main-width:1980px;
    --point-color-1:#3b7af7;
}

.cont{position:relative;width:100%;max-width:1480px;margin:0 auto;padding:0 var(--padding);}

[data-delay] {position: relative; transition: all 1s ease; opacity:0;}
[data-direction="left"]{left:-40px;}
[data-direction="right"]{right:-40px;}
[data-direction="top"]{top:-40px;}
[data-direction="bottom"]{bottom:-40px;}
.section_on [data-delay]{opacity:1;}
.section_on [data-direction="left"]{left:0;}
.section_on [data-direction="right"]{right:0;}
.section_on [data-direction="top"]{top:0;}
.section_on [data-direction="bottom"]{bottom:0;}


/* header */
.header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--main-width);height:var(--header_h);margin:0 auto;padding:0 50px;}
.header .logo{display:flex;flex-direction:column;gap:10px;padding-right:18px;}
.header .logo a{display:block;}
.header .logo img{display:block;}
.header .gnb ul{display:flex;}
.header .gnb a{display:flex;align-items:center;justify-content:center;gap:10px;width:160px;}
.header .gnb a span{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-0.02em;color:#000000;text-align:center;}
.header .gnb a img{display:block;margin:0 4px;background:#ffffff;}
.header .utils{display:flex;align-items:center;gap:15px;}
.header .utils a{display:flex;align-items:center;justify-content:center;border-radius:2em;}
.header .utils a span{font-size:18px;font-weight:600;line-height:1.222;letter-spacing:-0.02em;text-align:center;}
.header .btn_login{width:106px;padding:13px 0;border:1px solid #d8d8d8;}
.header .btn_login span{color:#0b3faa;}
.header .btn_inquiry{gap:5px;padding:10px 20px 10px 25px;background:radial-gradient(99px 35px at 50% 50%,#07286c 0%,#2c53a3 100%);}
.header .btn_inquiry span{color:#ffffff;}
.header .btn_inquiry img{display:block;}
.header .btn_menu{display:none;position:relative;flex:none;width:26px;height:18px;}
.header .btn_menu span{position:absolute;left:0;top:8px;width:100%;height:2px;overflow:hidden;background:#0b3faa;text-indent:-9999px;transition:opacity 0.2s;}
.header .btn_menu::before,.header .btn_menu::after{content:"";position:absolute;left:0;width:100%;height:2px;background:#0b3faa;transition:top 0.3s,bottom 0.3s,transform 0.3s;}
.header .btn_menu::before{top:0;}
.header .btn_menu::after{bottom:0;}
.header.menu_on .btn_menu span{opacity:0;}
.header.menu_on .btn_menu::before{top:8px;transform:rotate(45deg);}
.header.menu_on .btn_menu::after{bottom:8px;transform:rotate(-45deg);}
html.menu_open{overflow:hidden;}

@media screen and (max-width: 1200px){
.header{padding:0 30px;}
.header .gnb a{gap:6px;width:130px;}
.header .gnb a span{font-size:18px;}
}

@media screen and (max-width: 1024px){
.header{--header_h:80px;position:relative;z-index:100;padding:0 20px;}
.header::after{content:"";position:fixed;left:0;top:var(--header_h);z-index:1;width:100%;height:calc(100% - var(--header_h));background:rgba(0,0,0,0.4);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;}
.header.menu_on::after{opacity:1;visibility:visible;}
.header.menu_on{position:fixed;left:0;top:0;width:100%;background:#ffffff;}
html.menu_open #wrap{padding-top:80px;}
.header .gnb{position:fixed;right:0;top:var(--header_h);z-index:2;width:100%;max-width:320px;height:calc(100% - var(--header_h));padding:10px 20px 160px;overflow-y:auto;background:#ffffff;box-shadow:-4px 0 20px rgba(0,0,0,0.1);transform:translateX(100%);transition:transform 0.3s ease;}
.header.menu_on .gnb{transform:translateX(0);}
.header .gnb ul{display:block;}
.header .gnb a{justify-content:space-between;width:100%;padding:16px 4px;border-bottom:1px solid #eeeeee;}
.header .gnb a span{font-size:17px;text-align:left;}
.header .btn_menu{display:block;z-index:3;}
.header .utils{position:fixed;right:0;bottom:0;z-index:2;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:320px;padding:20px;border-top:1px solid #eeeeee;background:#ffffff;transform:translateX(100%);transition:transform 0.3s ease;}
.header.menu_on .utils{transform:translateX(0);}
.header .utils a span{font-size:16px;}
.header .btn_login{width:100%;padding:13px 0;}
.header .btn_inquiry{justify-content:center;padding:13px 0;}
}

@media screen and (max-width: 768px){
.header{--header_h:64px;}
html.menu_open #wrap{padding-top:64px;}
}


/* main_visual */
.main_visual{position:relative;overflow:hidden;padding:160px 0 420px;}
.main_visual .deco{position:absolute;left:50%;top:0;width:1920px;height:100%;transform:translateX(-50%);}
.main_visual .deco img{display:block;}
.main_visual .deco > img{animation:deco_in 1s ease-out both,deco_float 6s ease-in-out infinite;}
.main_visual .circle{position:absolute;left:-200px;top:470px;animation-name:deco_in,deco_breathe;animation-delay:0.2s,0s;animation-duration:1s,11s;}
.main_visual .shapes{position:absolute;left:651px;top:620px;animation-delay:0.35s,0.5s;animation-duration:1s,7s;}
.main_visual .bars{position:absolute;left:1603px;top:717px;animation-delay:0.5s,1s;animation-duration:1s,8s;}
.main_visual .dot_a{position:absolute;left:1640px;top:230px;animation-delay:0.3s,0.3s;animation-duration:1s,6s;}
.main_visual .dot_b{position:absolute;left:761px;top:582px;animation-delay:0.45s,0.8s;animation-duration:1s,6.5s;}
.main_visual .card{position:absolute;overflow:hidden;background:#ffffff;border-radius:20px;box-shadow:4px 4px 15px rgba(153,153,153,0.15);animation:card_in 0.8s cubic-bezier(0.22,1,0.36,1) both;}
.main_visual .card::after{content:"";position:absolute;left:-45%;top:-20%;width:35%;height:140%;background:linear-gradient(100deg,rgba(59,122,247,0) 0%,rgba(59,122,247,0.1) 50%,rgba(59,122,247,0) 100%);animation:card_shine 9s ease-in-out infinite;}
.main_visual .card_status{left:100px;top:300px;padding:20px 14px 20px 15px;animation:card_in 0.8s cubic-bezier(0.22,1,0.36,1) 0.35s both,float_a 7s ease-in-out 1.15s infinite;}
.main_visual .card_status::after{animation-delay:4s;}
.main_visual .card_status .chart{position:absolute;left:15px;top:20px;width:404px;height:210px;}
.main_visual .card_status .ring_bg{fill:none;stroke:#ffffff;stroke-width:14;}
.main_visual .card_status .wipe{fill:#ffffff;}
.main_visual .card_status .track{fill:#f3f4f6;}
.main_visual .card_status .seg{fill:none;stroke-width:13;stroke-dasharray:0 239;stroke-dashoffset:0;animation:chart_draw 0.9s cubic-bezier(0.33,1,0.68,1) forwards;}
.main_visual .card_status .seg_done{stroke:#3b7af7;stroke-dasharray:225.74 239;stroke-dashoffset:225.74;transform:rotate(-90deg);transform-origin:49.5px 81px;animation-delay:1s;}
.main_visual .card_status .seg_wait{stroke:#fbbf24;stroke-dasharray:4.34 239;stroke-dashoffset:4.34;transform:rotate(250.364deg);transform-origin:49.5px 81px;animation-duration:0.12s;animation-delay:1.9s;}
.main_visual .card_status .seg_cancel{stroke:#ef4444;stroke-dasharray:8.68 239;stroke-dashoffset:8.68;transform:rotate(256.909deg);transform-origin:49.5px 81px;animation-duration:0.18s;animation-delay:2.02s;}
.main_visual .card_status .bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:chart_grow 0.7s cubic-bezier(0.33,1,0.68,1) forwards;}
.main_visual .card_status .bar_done{fill:#3b7af7;animation:chart_grow 0.7s cubic-bezier(0.33,1,0.68,1) 2.25s forwards,bar_live 6s ease-in-out 3.1s infinite;}
.main_visual .card_status .bar_wait{fill:#fbbf24;animation:chart_grow 0.7s cubic-bezier(0.33,1,0.68,1) 2.4s forwards,bar_live_s 5.2s ease-in-out 3.5s infinite;}
.main_visual .card_status .bar_cancel{fill:#ef4444;animation:chart_grow 0.7s cubic-bezier(0.33,1,0.68,1) 2.55s forwards,bar_live_s 5.8s ease-in-out 3.9s infinite;}
.main_visual .card_status .sweep{fill:none;stroke:rgba(255,255,255,0.55);stroke-width:13;stroke-dasharray:16 239;stroke-linecap:round;transform-origin:49.5px 81px;animation:donut_sweep 5s linear 3.2s infinite;}
@keyframes chart_draw{to{stroke-dashoffset:0;}}
@keyframes chart_grow{to{transform:scaleX(1);}}
@keyframes chart_pop{to{transform:scale(1);}}
@keyframes donut_sweep{from{transform:rotate(-90deg);}to{transform:rotate(270deg);}}
@keyframes dot_pulse{0%{opacity:0.5;transform:scale(1);}60%,100%{opacity:0;transform:scale(3.2);}}
@keyframes card_in{from{opacity:0;transform:translateY(40px) scale(0.96) rotate(-1.2deg);}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg);}}
@keyframes card_shine{0%{transform:translateX(0) skewX(-18deg);}35%,100%{transform:translateX(500%) skewX(-18deg);}}
@keyframes float_a{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
@keyframes float_b{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes float_c{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
@keyframes row_scan{from{transform:translateY(56px);}to{transform:translateY(308.6px);}}
@keyframes bar_live{0%,100%{transform:scaleX(1);}50%{transform:scaleX(1.01);}}
@keyframes bar_live_s{0%,100%{transform:scaleX(1);}50%{transform:scaleX(1.15);}}
@keyframes line_run{0%{offset-distance:0%;opacity:0;}12%{opacity:1;}88%{opacity:1;}100%{offset-distance:100%;opacity:0;}}
@keyframes cursor_nudge{0%,100%{transform:translate(0,0) rotate(0deg);}50%{transform:translate(-3px,-2px) rotate(-6deg);}}
@keyframes fade_up{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes tag_pop{from{opacity:0;transform:scale(0.85) translateY(10px);}to{opacity:1;transform:scale(1) translateY(0);}}
@keyframes deco_in{from{opacity:0;}to{opacity:1;}}
@keyframes deco_float{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-9px) rotate(0.6deg);}}
@keyframes deco_breathe{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-6px) scale(1.015);}}
.main_visual .card_trend{left:200px;top:580px;padding:18px 13px 18px 17px;animation:card_in 0.8s cubic-bezier(0.22,1,0.36,1) 0.5s both,float_b 8.5s ease-in-out 1.3s infinite;}
.main_visual .card_trend::after{animation-delay:7s;}
.main_visual .card_trend .chart{position:absolute;left:17px;top:18px;width:450px;height:184px;}
.main_visual .card_trend .wipe{fill:#ffffff;}
.main_visual .card_trend .grid{fill:#f7f8f9;}
.main_visual .card_trend .reveal{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:chart_grow 1.2s linear 1.2s forwards;}
.main_visual .card_trend .area{fill:#e7effe;}
.main_visual .card_trend .line{fill:none;stroke:#3b7af7;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.main_visual .card_trend .dots circle{fill:#3b7af7;transform-box:fill-box;transform-origin:center;transform:scale(0);animation:chart_pop 0.35s cubic-bezier(0.34,1.56,0.64,1) forwards;}
.main_visual .card_trend .dots circle:nth-child(1){animation-delay:1.2s;}
.main_visual .card_trend .dots circle:nth-child(2){animation-delay:1.29s;}
.main_visual .card_trend .dots circle:nth-child(3){animation-delay:1.38s;}
.main_visual .card_trend .dots circle:nth-child(4){animation-delay:1.47s;}
.main_visual .card_trend .dots circle:nth-child(5){animation-delay:1.56s;}
.main_visual .card_trend .dots circle:nth-child(6){animation-delay:1.65s;}
.main_visual .card_trend .dots circle:nth-child(7){animation-delay:1.74s;}
.main_visual .card_trend .dots circle:nth-child(8){animation-delay:1.83s;}
.main_visual .card_trend .dots circle:nth-child(9){animation-delay:1.92s;}
.main_visual .card_trend .dots circle:nth-child(10){animation-delay:2.01s;}
.main_visual .card_trend .dots circle:nth-child(11){animation-delay:2.1s;}
.main_visual .card_trend .dots .dot_last{animation-delay:2.4s;}
.main_visual .card_trend .pulse{fill:none;stroke:#3b7af7;stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0;animation:dot_pulse 2.6s ease-out 2.8s infinite;}
.main_visual .card_trend .runner{fill:#ffffff;stroke:#3b7af7;stroke-width:2;opacity:0;offset-path:path("M22 164 H398 C411 160 431 64 435 57");offset-rotate:0deg;animation:line_run 7s ease-in-out 3.5s infinite;}
.main_visual .card_list{left:1269px;top:480px;padding:21px 10px;animation:card_in 0.8s cubic-bezier(0.22,1,0.36,1) 0.65s both,float_c 7.8s ease-in-out 1.45s infinite;}
.main_visual .card_list::after{animation-delay:10s;}
.main_visual .card_list .chart{position:absolute;left:10px;top:21px;width:460px;height:308px;}
.main_visual .card_list .scan{fill:rgba(59,122,247,0.07);animation:row_scan 8s steps(8) 2s infinite;}
.main_visual .tag{position:absolute;display:flex;align-items:flex-end;gap:10px;animation:tag_pop 0.5s cubic-bezier(0.34,1.56,0.64,1) both;}
.main_visual .tag img{animation:cursor_nudge 4.5s ease-in-out 2s infinite;}
.main_visual .tag_list img{animation-duration:5.2s;animation-delay:3.2s;}
.main_visual .tag span{padding:10px 20px;border-radius:100px;background:#e7eefd;font-size:17px;font-weight:500;line-height:1.4706;color:#2d2d2d;text-align:center;}
.main_visual .tag_status{left:185px;top:265px;animation:tag_pop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.95s both,float_c 6s ease-in-out 1.45s infinite;}
.main_visual .tag_list{left:1378px;top:453px;animation:tag_pop 0.5s cubic-bezier(0.34,1.56,0.64,1) 1.1s both,float_a 6.6s ease-in-out 1.6s infinite;}
.main_visual .cont{display:flex;flex-direction:column;max-width:var(--main-width);padding:0 50px;}
.main_visual h2{font-size:50px;font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:#2d2d2d;text-align:center;animation:fade_up 0.8s cubic-bezier(0.22,1,0.36,1) both;}
.main_visual h2 span{vertical-align:baseline;color:#0f59ef;}
.main_visual p{margin-top:20px;font-size:24px;font-weight:500;line-height:1.4583;letter-spacing:-0.0417em;color:#555555;text-align:center;animation:fade_up 0.8s cubic-bezier(0.22,1,0.36,1) 0.12s both;}
.main_visual .btn_inquiry{display:flex;align-items:center;justify-content:center;gap:10px;width:219px;margin:40px auto 0;padding:15px 40px;border-radius:20px;background:radial-gradient(153px 42px at 50% 50%,#07286c 0%,#2c53a3 100%);box-shadow:0 0 8px rgba(0,0,0,0.2);animation:fade_up 0.8s cubic-bezier(0.22,1,0.36,1) 0.26s both;}
.main_visual .btn_inquiry span{font-size:20px;font-weight:700;line-height:1.5;color:#ffffff;text-align:center;}
.main_visual .btn_inquiry img{display:block;}

/* main_system */
.main_system{position:relative;overflow:hidden;padding:150px 0 0;}
.main_system .deco{position:absolute;left:50%;top:0;bottom:180px; width:100%; transform:translateX(-50%); overflow:hidden;}
.main_system .deco::before{content:"";position:absolute;left:50%;top:340px;width:2200px;aspect-ratio:2200/1532;border-radius:50%;background:linear-gradient(180deg,#98b8f8 0%,#b9d1fb 28%,#dae9fe 39.9%);opacity:0.5; transform:translateX(-50%);}
.main_system .circle{position:absolute;left:-200px;top:-439px;}
.main_system .bars{position:absolute;left:1603px;top:-188px;}
.main_system .cont{position:relative;display:flex;flex-direction:column;gap:70px;}
.main_system h2{font-size:50px;font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:#2d2d2d;text-align:center;}
.main_system h2 span{vertical-align:baseline;color:#0f59ef;}
.main_system .card_list{display:flex;align-items:flex-start;justify-content:center;gap:118px;}
.main_system .card{display:flex;flex-direction:column;align-items:center;width:400px;padding:20px 30px 40px;border-radius:20px;background:#ffffff;box-shadow:4px 4px 15px rgba(104,150,245,0.3);opacity:0;transition:transform 1.6s cubic-bezier(0.22,1,0.36,1),opacity 0.9s ease;}
.main_system .card img{display:block;}
.main_system .card strong{margin-top:10px;font-size:32px;font-weight:700;line-height:1.09375;letter-spacing:-0.02em;color:#2d2d2d;text-align:center;}
.main_system .card a{display:flex;align-items:center;justify-content:center;width:200px;margin-top:25px;padding:5px 15px 5px 25px;border:1px solid #0d4ccb;border-radius:10px;background:#ffffff;box-shadow:5px 5px 4px rgba(153,153,153,0.05);}
.main_system .card a span{font-size:16px;font-weight:600;line-height:1.375;letter-spacing:-0.02em;color:#0d4ccb;}
.main_system .card_l{margin-top:59px;transform:translateX(518px) scale(0.92);}
.main_system .card_r{margin-top:59px;transform:translateX(-518px) scale(0.92);}
.main_system .is_active{position:relative;z-index:1;transform:scale(0.92);}
.main_system.section_on .card{opacity:1;}
.main_system.section_on .card_l{transform:translateX(0) rotate(-10.79deg) scale(1);transition-delay:0.3s;}
.main_system.section_on .card_r{transform:translateX(0) rotate(10.79deg) scale(1);transition-delay:0.3s;}
.main_system.section_on .is_active{transform:scale(1);}
.main_system .is_active a{border:0;background:#6896f5;box-shadow:none;}
.main_system .is_active a span{color:#ffffff;}
.main_system .ticker{display:flex;justify-content:center;gap:20px;margin-top:229px;padding:0 40px;}
.main_system .ticker li{width:352px;padding:25px 40px;outline:1px solid #c5d7fb;outline-offset:-1px;border-radius:20px;background:#eff6ff;}
.main_system .ticker a{display:flex;align-items:center;gap:25px;}
.main_system .ticker img{display:block;}
.main_system .ticker .txt{display:flex;flex-direction:column;gap:5px;width:167px;}
.main_system .ticker strong{font-size:22px;font-weight:700;line-height:1.3636;letter-spacing:-0.02em;color:#212121;}
.main_system .ticker .sub{display:flex;align-items:center;white-space:nowrap;font-size:17px;font-weight:400;line-height:1.4706;letter-spacing:-0.02em;color:#2d2d2d;}

@media screen and (max-width: 1200px){
.main_visual{padding:120px 0 320px;}
.main_visual .cont{padding:0 30px;}
.main_visual h2{font-size:40px;}
.main_visual p{margin-top:16px;font-size:20px;}
.main_visual .btn_inquiry{margin-top:32px;padding:13px 32px;}
.main_visual .btn_inquiry span{font-size:18px;}
}

@media screen and (max-width: 1024px){
.main_visual{padding:80px 0;}
.main_visual .deco{display:none;}
.main_visual .cont{padding:0 20px;}
.main_visual h2{font-size:32px;}
.main_visual p{font-size:18px;}
.main_visual .btn_inquiry{margin-top:28px;padding:11px 26px;}
.main_visual .btn_inquiry span{font-size:16px;}
}

@media screen and (max-width: 768px){
.main_visual{padding:50px 0;}
.main_visual h2{font-size:26px;}
.main_visual p{margin-top:12px;font-size:15px;}
.main_visual .btn_inquiry{margin-top:24px;padding:9px 20px;}
.main_visual .btn_inquiry span{font-size:15px;}
}

@media screen and (max-width: 1200px){
.main_system{padding:100px 0 0;}
.main_system h2{font-size:40px;}
.main_system .card_list{gap:40px;margin-top:50px;}
.main_system .card{width:320px;padding:20px 20px 30px;}
.main_system .card_l{transform:translateX(360px) scale(0.92);}
.main_system .card_r{transform:translateX(-360px) scale(0.92);}
.main_system .card strong{font-size:26px;}
.main_system .ticker{flex-wrap:wrap;gap:16px;margin-top:100px;padding:0 30px;}
.main_system .ticker li{width:340px;}
}

@media screen and (max-width: 1024px){
.main_system{padding:80px 0 0;}
.main_system .deco{display:none;}
.main_system h2{font-size:32px;}
.main_system .card_list{flex-wrap:wrap;gap:24px;margin-top:40px;}
.main_system .card{width:300px;}
.main_system .card{transform:translateY(24px);}
.main_system .card_l,
.main_system .card_r{margin-top:0;transform:translateY(24px);}
.main_system.section_on .card,
.main_system.section_on .card_l,
.main_system.section_on .card_r,
.main_system.section_on .is_active{transform:none;transition-delay:0s;}
.main_system .card strong{font-size:22px;}
.main_system .ticker{margin-top:60px;padding:0 20px;}
.main_system .ticker li{width:300px;padding:20px 24px;}
}

@media screen and (max-width: 768px){
.main_system{padding:50px 0 0;}
.main_system h2{font-size:26px;}
.main_system .card{width:100%;max-width:320px;}
.main_system .ticker{margin-top:40px;}
.main_system .ticker li{width:100%;max-width:320px;}
.main_system .ticker a{gap:16px;}
.main_system .ticker strong{font-size:18px;}
.main_system .ticker .sub{font-size:15px;}
}

/* main_core */
.main_core{padding:150px 0;}
.main_core .cont{display:flex;flex-direction:column;}
.main_core .sec_tit{position:relative;padding-left:140px;}
.main_core .sec_tit::before{content:"";position:absolute;left:0;top:3px;width:100px;height:100px;background:url("../img/ico_check.svg") no-repeat;transform-origin:left top;}
.main_core h2{font-size:45px;font-weight:800;line-height:1.3333;letter-spacing:-0.0222em;color:#2d2d2d;}
.main_core h2 span{vertical-align:baseline;color:#0f59ef;}
.main_core .cont > p{margin:10px 0 0 140px;font-size:24px;font-weight:500;line-height:1.4583;letter-spacing:-0.0417em;color:#555555;}
.main_core .card_list{display:flex;flex-wrap:wrap;gap:24px;margin-top:80px;}
.main_core .card_list li{display:flex;flex-wrap:wrap;align-items:center;flex:1 1 45%;padding:30px 40px;outline:1px solid #d8d8d8;outline-offset:-1px;border-radius:20px;background:#ffffff;}
.main_core .card_list li:last-child{flex-basis:100%;}
.main_core .card_list strong{flex:1;font-size:27px;font-weight:700;line-height:1.4815;color:#2d2d2d;}
.main_core .card_list strong span{vertical-align:baseline;color:#0b3faa;}
.main_core .card_list .rev{color:#0b3faa;}
.main_core .card_list .rev span{color:#2d2d2d;}
.main_core .ico_exp{display:block;margin-left:24px;border-radius:5px;background:#0b3faa;}
.main_core .ui{display:block;flex-basis:100%;margin-top:25px;}
.main_core .quote{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:120px;}
.main_core .quote::before,.main_core .quote::after{content:"";flex:none;width:100px;height:100px;}
.main_core .quote::before{background:url("../img/ico_quote_l.svg") no-repeat;}
.main_core .quote::after{background:url("../img/ico_quote_r.svg") no-repeat;}
.main_core .quote strong{text-align:center;font-size:50px;font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:#2d2d2d;}
.main_core .quote strong span{vertical-align:baseline;color:#0f59ef;}

@media screen and (max-width: 1200px){
.main_core{padding:100px 0;}
.main_core h2{font-size:34px;}
.main_core .cont > p{margin-left:0;font-size:18px;}
.main_core .card_list strong{font-size:22px;}
.main_core .quote strong{font-size:34px;}
}

@media screen and (max-width: 1024px){
.main_core{padding:80px 0;}
.main_core .sec_tit{padding-left:70px;}
.main_core .sec_tit::before{top:0;transform:scale(0.5);}
.main_core h2{font-size:28px;}
.main_core .card_list li{padding:20px;}
.main_core .card_list strong{font-size:20px;}
.main_core .quote{gap:10px;}
.main_core .quote strong{font-size:26px;}
}

@media screen and (max-width: 960px){
.main_core .card_list li{flex-basis:100%;}
}

@media screen and (max-width: 768px){
.main_core{padding:50px 0;}
.main_core .sec_tit{padding-left:56px;}
.main_core .sec_tit::before{transform:scale(0.4);}

.main_core h2{font-size:22px;}
.main_core .cont > p{font-size:15px;}
.main_core .card_list strong{font-size:17px;}
.main_core .ui{margin-top:16px;}
.main_core .quote strong{font-size:19px;}
}

/* main_feature */
.main_feature{max-width:var(--main-width);margin:0 auto;padding:0 240px 150px;}
.main_feature .sec_tit{position:relative;padding-left:140px;}
.main_feature .sec_tit::before{content:"";position:absolute;left:0;top:3px;width:100px;height:100px;background:url("../img/ico_check.svg") no-repeat;transform-origin:left top;}
.main_feature h2{font-size:45px;font-weight:600;line-height:1.3333;letter-spacing:-0.0222em;color:#2d2d2d;}
.main_feature > p{margin:10px 0 0 140px;font-size:24px;font-weight:500;line-height:1.4583;letter-spacing:-0.0417em;color:#555555;}
.main_feature .feat_list{display:block;margin-top:80px;}
.main_feature .feat_list > li{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:100vh;padding:80px 0;background:#ffffff;}
.main_feature .feat_list > li::before{content:"";position:absolute;left:-240px;right:-240px;top:0;bottom:0;z-index:-1;background:#ffffff;box-shadow:0 -24px 40px rgba(35,42,97,0.07);}
.main_feature .feat_list > li:first-child::before{box-shadow:none;}
.main_feature .feat_list > li:nth-child(2){flex-direction:row-reverse;}
.main_feature .ui{display:block;}
.main_feature .txt{display:flex;flex-shrink:0;flex-direction:column;justify-content:center;width:500px;}
.main_feature .tit{display:flex;align-items:flex-end;}
.main_feature .tit .tag{padding:10px 20px;border-radius:50px;background:#07286c;font-size:17px;font-weight:600;line-height:1.2941;color:#ffffff;text-align:center;}
.main_feature .tit em{margin-left:-20px;font-size:110px;font-weight:800;font-style:normal;line-height:0.7273;letter-spacing:-0.0091em;color:rgba(35,42,97,0.1);}
.main_feature .txt > strong{margin-top:30px;font-size:32px;font-weight:700;line-height:1.4063;color:#093388;}
.main_feature .txt > strong span{vertical-align:baseline;color:#2d2d2d;}
.main_feature .txt dl{margin-top:25px;}
.main_feature .txt dl:first-of-type{margin-top:40px;padding-top:40px;border-top:1px solid #c6c6c6;}
.main_feature .txt dt{position:relative;padding-left:50px;font-size:22px;font-weight:700;line-height:1.3636;letter-spacing:-0.02em;color:#2d2d2d;}
.main_feature .txt dt::before{content:"";position:absolute;left:0;top:12px;width:30px;height:30px;background:url("../img/ico_check_sm.svg") no-repeat;}
.main_feature .txt dd{margin-top:2px;padding-left:50px;font-size:16px;font-weight:400;line-height:1.375;color:#343434;}

@media screen and (max-width: 1800px){
.main_feature{padding:0 100px 150px;}
.main_feature .feat_list > li::before{left:-100px;right:-100px;}
.main_feature .txt{width:440px;}
.main_feature .ui{min-width:0;}
}

@media screen and (max-width: 1200px){
.main_feature{padding:0 30px 100px;}
.main_feature h2{font-size:34px;}
.main_feature > p{margin-left:0;font-size:18px;}
.main_feature .feat_list{margin-top:50px;}
.main_feature .feat_list > li{padding:60px 0;}
.main_feature .feat_list > li::before{left:-30px;right:-30px;}
.main_feature .txt{width:420px;}
.main_feature .tit em{font-size:80px;}
.main_feature .txt > strong{font-size:26px;}
}

@media screen and (max-width: 1024px){
.main_feature{padding:0 20px 80px;}
.main_feature .sec_tit{padding-left:70px;}
.main_feature .sec_tit::before{top:0;transform:scale(0.5);}
.main_feature h2{font-size:28px;}
.main_feature .feat_list > li,
.main_feature .feat_list > li:nth-child(2){position:static;flex-direction:column;align-items:flex-start;gap:30px;min-height:0;padding:30px 0;transform:none;opacity:1;}
.main_feature .feat_list > li::before{display:none;}
.main_feature .txt{width:100%;}
.main_feature .tit em{font-size:64px;}
.main_feature .txt > strong{font-size:22px;}
.main_feature .txt dl:first-of-type{margin-top:30px;padding-top:30px;}
}

@media screen and (max-width: 768px){
.main_feature{padding:0 20px 50px;}
.main_feature .sec_tit{padding-left:56px;}
.main_feature .sec_tit::before{transform:scale(0.4);}
.main_feature h2{font-size:22px;}
.main_feature > p{font-size:15px;}
.main_feature .feat_list{gap:40px;}
.main_feature .tit em{font-size:48px;}
.main_feature .txt > strong{font-size:18px;}
.main_feature .txt dt{font-size:17px;}
.main_feature .txt dd{font-size:14px;}
}

/* main_case */
.main_case{position:relative;overflow:hidden;padding:140px 0;background:#e7eefd;}
.main_case h2{font-size:45px;font-weight:800;line-height:1.3333;letter-spacing:-0.0222em;color:#2d2d2d;text-align:center;}
.main_case h2 span{vertical-align:baseline;color:#0f59ef;}
.main_case .cont > p{margin-top:10px;font-size:24px;font-weight:500;line-height:1.4583;letter-spacing:-0.0417em;color:#555555;text-align:center;}
.main_case .tab_wrap{display:flex;justify-content:center;gap:15px;margin-top:50px;}
.main_case .tab{display:flex;justify-content:center;gap:15px;padding:10px;border-radius:60px;background:#ffffff;}
.main_case .tab li{display:flex;gap:10px;padding:10px 20px;}
.main_case .tab a{display:flex;align-items:center;justify-content:center;gap:10px;}
.main_case .tab a span{font-size:16px;font-weight:600;line-height:1.375;letter-spacing:-0.02em;color:#2d2d2d;text-align:center;}
.main_case .tab .is_active{padding:10px 20px;border-radius:50px;background:#3a77f2;}
.main_case .tab .is_active a span{font-weight:700;color:#ffffff;}
.main_case .case_roll{margin-top:80px;}
.main_case .case_list{display:flex;transition-timing-function:linear;}
.main_case .case_list > li{flex-shrink:0;width:460px;height:auto;padding:30px 30px 40px;border-radius:20px;outline:3px solid transparent;outline-offset:-3px;background:#ffffff;text-align:center;transition:outline-color 0.3s ease;}
.main_case .case_list > li > img{display:block;}
.main_case .case_list > li:hover{outline-color:#98b8f8;}
.main_case .tag{display:inline-block;margin-top:30px;padding:5px 10px;border-radius:5px;background:#d8e1f6;font-size:15px;font-weight:600;line-height:1.4667;letter-spacing:-0.02em;color:#1f53cc;text-align:center;}
.main_case .case_list strong{display:block;margin-top:20px;font-size:25px;font-weight:700;line-height:1.4;letter-spacing:-0.02em;color:#2d2d2d;text-align:center;}
.main_case .case_list strong span{vertical-align:baseline;color:#4a74d6;}
.main_case .name{display:block;margin-top:5px;font-size:17px;font-weight:400;line-height:1.4706;letter-spacing:-0.02em;color:#727272;text-align:center;}
.main_case .case_list a{position:relative;display:flex;align-items:center;justify-content:center;width:200px;margin:30px auto 0;padding:5px 15px 5px 25px;border-radius:10px;outline:1px solid #0d4ccb;outline-offset:-1px;background:#ffffff;transition:outline-color 0.3s ease,background-color 0.3s ease;}
.main_case .case_list a span{font-size:16px;font-weight:600;line-height:1.375;letter-spacing:-0.02em;color:#0d4ccb;text-align:center;transition:color 0.3s ease;}
.main_case .case_list a::after{content:"";width:40px;height:40px;background:url("../img/ico_arrow_blue.svg") no-repeat;transition:opacity 0.3s ease;}
.main_case .case_list a::before{content:"";position:absolute;right:15px;top:50%;width:40px;height:40px;margin-top:-20px;background:url("../img/ico_arrow_white.svg") no-repeat;opacity:0;transition:opacity 0.3s ease;}
.main_case .case_list > li:hover a{outline-color:transparent;background:#6896f5;}
.main_case .case_list > li:hover a span{font-weight:700;color:#ffffff;}
.main_case .case_list > li:hover a::after{opacity:0;}
.main_case .case_list > li:hover a::before{opacity:1;}
.main_case .logo_roll{display:flex;flex-direction:column;gap:20px;margin-top:80px;}
.main_case .logo_roll .roll_line{width:100%;min-width:0;}
.main_case .logo_roll ul{display:flex;transition-timing-function:linear;}
.main_case .logo_roll li{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:250px;height:90px;border-radius:10px;background:#ffffff;}
.main_case .logo_roll img{display:block;}

@media screen and (max-width: 1200px){
.main_case{padding:100px 0;}
.main_case h2{font-size:34px;}
.main_case .cont > p{font-size:18px;}
.main_case .tab_wrap{margin-top:40px;padding:0 30px;}
.main_case .tab{flex-wrap:wrap;border-radius:20px;}
.main_case .case_roll{margin-top:60px;}
.main_case .logo_roll{margin-top:60px;}
}

@media screen and (max-width: 1024px){
.main_case{padding:80px 0;}
.main_case h2{font-size:28px;}
.main_case .case_roll{margin-top:40px;}
.main_case .case_list > li{width:360px;padding:20px 20px 30px;}
.main_case .case_list strong{font-size:20px;}
.main_case .logo_roll{margin-top:40px;}
}

@media screen and (max-width: 768px){
.main_case{padding:50px 0;}
.main_case h2{font-size:22px;}
.main_case .cont > p{font-size:15px;}
.main_case .tab a{padding:8px 14px;}
.main_case .tab a span{font-size:14px;}
.main_case .case_list > li{width:280px;}
.main_case .case_list strong{font-size:17px;}
.main_case .name{font-size:14px;}
}

/* main_flow */
.main_flow{padding:128px 50px 0;}
.main_flow .sec_top{display:flex;flex-direction:column;align-items:center;gap:30px;}
.main_flow .sec_top .tag{padding:10px 20px;border-radius:100px;outline:1px solid #6896f5;outline-offset:-1px;background:#e7eefd;font-size:18px;font-weight:600;line-height:1.3889;color:#2d2d2d;text-align:center;}
.main_flow h2{font-size:45px;font-weight:700;line-height:1.3333;letter-spacing:-0.0222em;color:#2d2d2d;text-align:center;}
.main_flow h2 span{vertical-align:baseline;color:#0f59ef;}
.main_flow .sec_top p{margin-top:10px;font-size:24px;font-weight:500;line-height:1.4583;letter-spacing:-0.0417em;color:#555555;text-align:center;}
.main_flow .step_list{display:flex;align-items:stretch;gap:64px;margin-top:70px; justify-content:center;}
.main_flow .step_list > li{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:250px;padding:40px 20px;border-radius:20px;outline:3px solid transparent;outline-offset:-3px;background:#ffffff;box-shadow:0 0 20px rgba(33,33,33,0.1);transition:transform 0.3s ease,outline-color 0.3s ease;}
.main_flow .step_list > li + li::before{content:"";position:absolute;left:-53px;bottom:166px;width:42px;aspect-ratio:1;background:url("../img/ico_step_arrow.svg") no-repeat center;transition:transform 0.3s ease;}
.main_flow .step_list > li:hover{outline-color:#98b8f8;transform:translateY(-20px);}
.main_flow .step_list > li:hover::before{transform:translateY(20px);}
.main_flow .step_list > li > img{display:block;border-radius:40px;background:#eff6ff;}
.main_flow .step{display:flex;justify-content:center;gap:5px;margin-top:15px;padding:0 25px;border-radius:60px;}
.main_flow .step b{font-size:22px;font-weight:700;line-height:1.3636;letter-spacing:-0.02em;color:#2d2d2d;text-align:center;}
.main_flow .step em{font-size:30px;font-weight:800;font-style:normal;line-height:1.1667;letter-spacing:-0.02em;color:#6896f5;text-align:center;}
.main_flow .step_list strong{margin-top:15px;font-size:18px;font-weight:600;line-height:1.3889;color:#2d2d2d;text-align:center;}
.main_flow .desc{margin-top:5px;font-size:16px;font-weight:400;line-height:1.375;color:#2d2d2d;text-align:center;}
.main_flow .flow_panel{position:relative;overflow:hidden;height:750px;margin:70px 0 0;background-color:#f3f7fe;border-radius:20px;}
.main_flow .flow_panel::after{content:"Process";position:absolute;right:91px;top:259px;z-index:0;writing-mode:vertical-rl;font-size:110px;font-weight:800;line-height:1.0909;letter-spacing:-0.0091em;color:#dee2ee;}
.main_flow .flow_inner{position:relative;z-index:1;display:flex;align-items:center;max-width:1440px;height:100%;margin:0 auto;}
.main_flow .flow_img{display:flex;align-items:center;justify-content:center;width:50%;}
.main_flow .flow_img .img_area{display:block;width:640px;max-width:100%;}
.main_flow .flow_img img{display:block;width:100%;}
.main_flow .step_tab{position:absolute;left:40px;top:40px;z-index:2;display:flex;gap:12px;}
.main_flow .step_tab a{display:flex;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid #2d4a71;}
.main_flow .step_tab em{font-size:22px;font-weight:800;font-style:normal;line-height:1.5;letter-spacing:-0.02em;color:#2d4a71;text-align:center;}
.main_flow .step_tab span{font-size:18px;font-weight:600;line-height:1.3889;color:#2d4a71;text-align:center;}
.main_flow .step_tab .is_active a{padding:8px 20px;border-bottom:0;border-radius:100px;background:#2d4a71;}
.main_flow .step_tab .is_active em{font-size:25px;line-height:1.32;letter-spacing:-0.02em;color:#ffffff;}
.main_flow .step_tab .is_active span{font-size:20px;line-height:1.6;letter-spacing:-0.02em;color:#ffffff;}
.main_flow .detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%;height:650px;padding:46px 60px;border-radius:20px;outline:1px solid #d8d8d8;outline-offset:-1px;background:#ffffff;}
.main_flow .num{display:flex;align-items:flex-end;}
.main_flow .num em{text-align:center;font-size:30px;font-weight:800;font-style:normal;line-height:1.1667;letter-spacing:-0.02em;color:#093388;}
.main_flow .num b{margin-left:-20px;font-size:110px;font-weight:800;line-height:0.7273;letter-spacing:-0.0091em;color:#232a61;text-align:center;opacity:0.1;}
.main_flow .detail > strong{margin-top:20px;font-size:40px;font-weight:700;line-height:1.375;letter-spacing:-0.02em;color:#2d2d2d;}
.main_flow .detail > strong span{vertical-align:baseline;color:#093388;}
.main_flow .detail > p{margin-top:10px;font-size:22px;font-weight:500;line-height:1.4545;letter-spacing:-0.0455em;color:#555555;}
.main_flow .detail dl{align-self:stretch;margin-top:40px;padding-top:40px;border-top:1px solid #c6c6c6;}
.main_flow .detail dt{display:flex;align-items:center;gap:15px;margin-top:15px;font-size:20px;font-weight:600;line-height:1.65;color:#2d2d2d;}
.main_flow .detail .ico{display:flex;align-items:center;justify-content:center;width:30px;aspect-ratio:1;padding:6px 4px;border-radius:25px;background:#0b3faa;}
.main_flow .detail .ico img{display:block;}

@media screen and (max-width: 1800px){
.main_flow{padding:128px 30px 0;}
.main_flow .step_list{gap:40px;}
.main_flow .step_list > li + li::before{left:-41px;}
}

@media screen and (max-width: 1760px){
.main_flow .step_list{flex-wrap:wrap;gap:20px;}
.main_flow .step_list > li{width:31%;}
.main_flow .step_list > li + li::before{display:none;}
}

@media screen and (max-width: 1200px){
.main_flow{padding:100px 30px 0;}
.main_flow h2{font-size:34px;}
.main_flow .sec_top p{font-size:18px;}
.main_flow .step_list{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:50px;}
.main_flow .step_list > li{width:31%;}
.main_flow .step_list > li + li::before{display:none;}
.main_flow .flow_panel{height:auto;margin:50px 0 0;padding:30px;border-radius:30px;}
.main_flow .flow_panel::after{display:none;}
.main_flow .step_tab{position:static;flex-wrap:wrap;}
.main_flow .flow_inner{flex-direction:column;height:auto;}
.main_flow .flow_img{width:100%;margin-top:30px;}
.main_flow .detail{width:100%;height:auto;margin-top:30px;}
.main_flow .detail > strong{font-size:30px;}
.main_flow .detail > p{font-size:18px;}
}

@media screen and (max-width: 1024px){
.main_flow{padding:80px 20px 0;}
.main_flow h2{font-size:28px;}
.main_flow .step_list > li{width:47%;}
.main_flow .num b{text-align:center;font-size:80px;}
.main_flow .detail{padding:30px;}
.main_flow .detail > strong{font-size:24px;}
.main_flow .detail dt{font-size:17px;}
}

@media screen and (max-width: 768px){
.main_flow{padding:50px 20px 0;}
.main_flow h2{font-size:22px;}
.main_flow .sec_top p{font-size:15px;}
.main_flow .step_list > li{width:100%;}
.main_flow .num b{text-align:center;font-size:56px;}
.main_flow .detail > strong{font-size:19px;}
.main_flow .detail > p{font-size:15px;}
}

/* main_process */
.main_process{max-width:1480px;margin:0 auto;padding-top:150px;padding-right:20px;padding-bottom:168px;padding-left:20px;}
.main_process .sec_tit{position:relative;padding-left:140px;}
.main_process .sec_tit::before{content:"";position:absolute;left:0;top:3px;width:100px;height:100px;background:url("../img/ico_check.svg") no-repeat;transform-origin:left top;}
.main_process h2{font-size:45px;font-weight:800;line-height:1.3333;letter-spacing:-0.0222em;color:#2d2d2d;}
.main_process h2 span{vertical-align:baseline;color:#0f59ef;}
.main_process > p{margin:10px 0 0 140px;font-size:24px;font-weight:500;line-height:1.4583;letter-spacing:-0.0417em;color:#555555;}
.main_process .tab_wrap{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:60px;}
.main_process .tab_wrap > a{display:block;}
.main_process .tab_wrap > a img{display:block;}
.main_process .type_tab{display:flex;gap:20px;}
.main_process .type_tab a{height:65px; display:flex;align-items:center;justify-content:center;gap:10px;width:244px;padding:0 20px;border-radius:10px;outline:1px solid #e0e0e0;outline-offset:-1px;background:#ffffff;}
.main_process .type_tab a span{font-size:18px;font-weight:600;line-height:1.5556;color:#2d2d2d;text-align:center;white-space:nowrap;}
.main_process .type_tab .is_active a{gap:10px;padding:12px 50px;border-radius:10px;outline:1px solid #1f53cc;background:#e8edf6;}
.main_process .type_tab .is_active a span{font-weight:700;line-height:1.2222;color:#1f53cc;}
.main_process .proc_panel{position:relative;margin-top:80px;padding:50px 45px;border-radius:20px;background:#f8f8f8;}
.main_process .proc_panel > img{position:absolute;display:block;}
.main_process .line_l{left:535px;top:150.5px;}
.main_process .line_r{left:789px;top:150.5px;}
.main_process .logo_c{left:630px;top:170px;}
.main_process .proc_list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 350px;}
.main_process .proc_list > li{display:flex;flex-direction:column;width:500px;padding:20px;border-radius:20px;background:#ffffff;}
.main_process .proc_list > li > img{margin-top:15px;}
.main_process .proc_list img{display:block;}
.main_process .tit{display:flex;flex-direction:row;align-items:center;gap:10px;}
.main_process .step{display:flex;flex-direction:row;align-items:center;gap:10px;border-radius:60px;}
.main_process .tit em{text-align:center;font-size:25px;font-weight:900;font-style:normal;line-height:1.3364;color:#6896f5;}
.main_process .tit b{text-align:center;font-size:20px;font-weight:700;line-height:1.75;color:#2d2d2d;}
.main_process .badge{text-align:center;margin-left:auto;padding:5px 12px;border-radius:100px;background:#e7eefd;font-size:15px;font-weight:600;line-height:1.6667;color:#0d4ccb;}
.main_process .btn_inquiry{display:flex;align-items:center;justify-content:center;gap:10px;width:219px;margin:40px auto 0;padding:15px 40px;border-radius:20px;background:radial-gradient(153px 42px at 50% 50%,#07286c 0%,#2c53a3 100%);}
.main_process .btn_inquiry span{font-size:20px;font-weight:700;line-height:1.5;color:#ffffff;text-align:center;}
.main_process .btn_inquiry img{display:block;}

@media screen and (max-width: 1800px){
.main_process .type_tab{flex-wrap:wrap;justify-content:center;}
.main_process .proc_panel > img{display:none;}
.main_process .proc_list{gap:20px 100px;}
}

@media screen and (max-width: 1200px){
.main_process{padding-top:100px;padding-bottom:100px;}
.main_process h2{font-size:34px;}
.main_process > p{margin-left:0;font-size:18px;}
.main_process .type_tab{flex-wrap:wrap;justify-content:center;}
.main_process .type_tab a{width:200px;padding:12px 20px;}
.main_process .proc_panel{margin-top:50px;padding:30px;}
.main_process .proc_panel > img{display:none;}
.main_process .proc_list{gap:20px;}
.main_process .proc_list > li{width:48%;}
}

@media screen and (max-width: 1024px){
.main_process{padding-top:80px;padding-bottom:80px;}
.main_process .sec_tit{padding-left:70px;}
.main_process .sec_tit::before{top:0;transform:scale(0.5);}
.main_process h2{font-size:28px;}
.main_process .proc_list > li{width:100%;}
.main_process .tit b{text-align:center;font-size:18px;}
}

@media screen and (max-width: 768px){
.main_process{padding-top:50px;padding-bottom:50px;}
.main_process .sec_tit{padding-left:56px;}
.main_process .sec_tit::before{transform:scale(0.4);}
.main_process h2{font-size:22px;}
.main_process > p{font-size:15px;}
.main_process .type_tab a{width:auto;padding:10px 16px;}
.main_process .type_tab a span{font-size:15px;}
.main_process .tit em{text-align:center;font-size:20px;}
.main_process .tit b{text-align:center;font-size:16px;}
}

/* main_standard */
.main_standard{position:relative;overflow:hidden;padding:140px 0 560px;background:#eff6ff;}
.main_standard h2{font-size:50px;font-weight:500;line-height:1.3;letter-spacing:-0.02em;color:#2d2d2d;text-align:center;}
.main_standard h2 span{vertical-align:baseline;color:#3b7af7;}
.main_standard > p{margin-top:30px;font-size:24px;font-weight:500;line-height:1.4583;letter-spacing:-0.0417em;color:#555555;text-align:center;}
.main_standard .bg{position:absolute;left:50%;top:449px;display:block;margin-left:-618px;}

/* main_device */
.main_device{position:relative;overflow:hidden;padding:140px 0 53px;background:#1e2452 url("../img/dev_bg.png") no-repeat center top;}
.main_device h2{position:relative;font-size:50px;font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:#ffffff;text-align:center;}
.main_device h2 span{vertical-align:baseline;color:#6ba0f7;}
.main_device > p{position:relative;margin-top:20px;font-size:24px;font-weight:500;line-height:1.4583;letter-spacing:-0.0417em;color:#d8d8d8;text-align:center;}
.main_device .btn_start{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:228px;margin:40px auto 0;padding:20px 40px;border-radius:100px;background:radial-gradient(160px 35px at 50% 50%,#07286c 0%,#2c53a3 100%);}
.main_device .btn_start span{font-size:20px;font-weight:700;line-height:1.5;color:#ffffff;text-align:center;}
.main_device .icons{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1440px;margin:30px auto 0;padding:0 20px;}
.main_device .icons .img_area{display:block;}
.main_device .icons img{display:block;max-width:100%;}

/* main_cost */
.main_cost{position:relative;overflow:hidden;padding:240px 0 230px;background:#c5d7fb;}
.main_cost .bg{position:absolute;left:50%;top:0;display:block;margin-left:-960px;}
.main_cost h2{position:relative;font-size:50px;font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:#2d2d2d;text-align:center;}
.main_cost h2 span{vertical-align:baseline;color:#0f59ef;}
.main_cost > p{position:relative;margin-top:20px;font-size:24px;font-weight:500;line-height:1.4583;letter-spacing:-0.0417em;color:#555555;text-align:center;}
.main_cost .btns{position:relative;display:flex;justify-content:center;gap:15px;margin-top:40px;}
.main_cost .btns a{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 40px;border-radius:20px;}
.main_cost .btn_inquiry{width:219px;background:radial-gradient(153px 42px at 50% 50%,#07286c 0%,#2c53a3 100%);}
.main_cost .btn_inquiry span{font-size:20px;font-weight:700;line-height:1.5;color:#ffffff;text-align:center;}
.main_cost .btn_down{width:298px;outline:1px solid #0d4ccb;outline-offset:-1px;background:#ffffff;}
.main_cost .btn_down span{font-size:20px;font-weight:700;line-height:1.5;color:#0d4ccb;text-align:center;}
.main_cost .btns img{display:block;}

/* footer */
.footer{max-width:var(--main-width);margin:0 auto;background:#ffffff none;padding-top:40px;padding-right:240px;padding-bottom:0;padding-left:240px;}
.footer .logo{display:block;width:fit-content;margin:0 auto;}
.footer .logo img{display:block;}
.footer > p{margin-top:25px;font-size:16px;font-weight:600;line-height:1.375;letter-spacing:-0.02em;color:#4b507d;text-align:center;}
.footer .info{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:5px;}
.footer > p + .info{margin-top:15px;}
.footer .info dt{margin-right:10px;font-size:15px;font-weight:600;line-height:1.4667;letter-spacing:-0.02em;color:#555555;}
.footer .info dd{font-size:15px;font-weight:500;line-height:1.4667;letter-spacing:-0.02em;color:#555555;}
.footer .bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding:15px 0;border-top:1px solid #e0e0e0;}
.footer .copyright{font-size:15px;font-weight:400;line-height:1.4667;letter-spacing:-0.02em;color:#555555;}
.footer .sns{display:flex;}
.footer .sns img{display:block;}

@media screen and (max-width: 1200px){
.main_standard{padding:100px 0 0;}
.main_standard h2{font-size:34px;}
.main_standard > p{font-size:18px;}
.main_device{padding:100px 0 60px;}
.main_device h2{font-size:34px;}
.main_device > p{font-size:18px;}
.main_cost{padding:160px 0;}
.main_cost h2{font-size:34px;}
.main_cost > p{font-size:18px;}
.footer{padding-right:30px;padding-left:30px;}
}

@media screen and (max-width: 1024px){
.main_standard{padding:80px 0 0;}
.main_standard h2{font-size:28px;}
.main_device{padding:80px 0 40px;}
.main_device h2{font-size:28px;}
.main_cost{padding:120px 0;}
.main_cost h2{font-size:28px;}
.main_cost .btns a{padding:16px 24px;}
.main_cost .btn_inquiry,
.main_cost .btn_down{width:auto;}
.footer{padding-right:20px;padding-left:20px;}
.footer .info{gap:10px;}
}

@media screen and (max-width: 768px){
.main_standard{padding:50px 0 0;}
.main_standard h2{font-size:22px;}
.main_standard > p{margin-top:16px;font-size:15px;}
.main_device{padding:50px 0 30px;}
.main_device h2{font-size:22px;}
.main_device > p{font-size:15px;}
.main_device .btn_start{width:auto;padding:14px 24px;}
.main_cost{padding:80px 0;}
.main_cost h2{font-size:22px;}
.main_cost > p{font-size:15px;}
.main_cost .btns{flex-wrap:wrap;}
.main_cost .btns a span{font-size:16px;}
.footer > p{font-size:14px;}
.footer .info dt,
.footer .info dd{font-size:13px;}
.footer .bottom{flex-direction:column;align-items:flex-start;gap:16px;}
}