:root{--bg: #ffffff;--text: #111111;--navy: #0A1F44;--navy-dark: #050F26;--navy-light: #EAEEF5}*{padding:0;margin:0;box-sizing:border-box}h1,h2,h3,h4,h5,p,address{padding:0;margin:0}ul,li{list-style:none}a{text-decoration:none}body{position:relative;width:100%;overflow-x:hidden!important;font-family:SUITE,sans-serif;background-color:var(--bg);color:var(--text)}#main{background-color:var(--bg);padding-top:0}.mobile-only,.mobile-flex-only{display:none!important}@media screen and (max-width: 768px){.pc-only{display:none!important}.mobile-only{display:block!important}.mobile-flex-only{display:flex!important}}.f3{--navy:#1B3661;--navy-d:#12233D;--ink:#17191F;--g600:#4A5160;--g500:#757B87;--line:#E8E6E1;--bg2:#FAF9F6;--brass:#A08454;--brass-l:#C9B688;font-family:SUITE,Noto Sans KR,Pretendard,sans-serif;color:var(--ink);background:#fff}.f3 *{box-sizing:border-box}.f3 .wrap{max-width:1120px;margin:0 auto;padding:0 24px}.f3 img{max-width:100%;display:block}.f3 a,.f3 button{text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.f3 a:focus-visible,.f3 button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.f3 h1,.f3 h2,.f3 h3{text-wrap:balance;margin:0}.f3 p{margin:0}.f3 .sec{padding:84px 0}.f3 .center{text-align:center}.f3 .mini{font-size:14px;font-weight:700;color:var(--brass);letter-spacing:.12em;margin-bottom:18px}.f3 h2{font-size:38px;line-height:1.45;font-weight:800;word-break:keep-all;letter-spacing:-.01em}.f3-hd{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #E8E6E1;font-family:SUITE,Noto Sans KR,Pretendard,sans-serif}.f3-hd .wrap{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}.f3-hd .brand img{height:32px;width:auto;display:block}.f3-hd nav{display:flex;gap:10px;font-size:15px;font-weight:600;color:#4a5160}.f3-hd nav a{padding:12px;min-height:44px;display:inline-flex;align-items:center;color:inherit;text-decoration:none;transition:color .2s}.f3-hd nav a:hover,.f3-hd nav a.on{color:#17191f}.f3-hd .hd-cta{border:1px solid #1B3661;color:#1b3661;padding:12px 22px;min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:800;text-decoration:none;transition:background-color .2s,color .2s;white-space:nowrap}.f3-hd .hd-cta:hover{background:#1b3661;color:#fff}.f3-hd .menu-btn{display:none;background:none;border:1px solid #E8E6E1;min-width:44px;min-height:44px;font-size:20px;cursor:pointer;color:#17191f}.f3 .hero{position:relative;min-height:640px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:120px 24px}.f3 .hero .bgphoto{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--navy-d);background-size:cover;background-position:center}.f3 .hero .bgphoto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#121c2ec7,#121c2e9e)}.f3 .hero .in{position:relative;z-index:1;max-width:820px}.f3 .hero .small{font-size:15px;font-weight:700;letter-spacing:.14em;color:var(--brass-l);margin-bottom:26px}.f3 .hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.5;font-weight:900;word-break:keep-all;color:#fff}.f3 .hero p{margin-top:24px;font-size:17px;line-height:1.9;color:#ffffffd1;word-break:keep-all}.f3 .hero .cta{display:inline-block;margin-top:38px;background:#fff;color:var(--navy);padding:16px 44px;font-size:16px;font-weight:800;transition:background-color .2s,color .2s}.f3 .hero .cta:hover{background:var(--brass-l);color:var(--navy-d)}.f3 .hero.sub{min-height:0;padding:88px 24px 80px}.f3 .hero.sub h1{font-size:clamp(30px,3.6vw,42px)}.f3 .facts{border-bottom:1px solid var(--line);background:#fff}.f3 .facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.f3 .facts .f{padding:26px 20px;border-left:1px solid var(--line)}.f3 .facts .f:first-child{border-left:0}.f3 .facts .k{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--brass);margin-bottom:8px}.f3 .facts .v{font-size:20px;font-weight:800;word-break:keep-all}.f3 .facts .v small{display:block;font-size:14px;font-weight:500;color:var(--g600);margin-top:4px}.f3 .know{overflow-x:clip}.f3 .know .lead{font-size:26px;line-height:1.85;font-weight:700;word-break:keep-all;max-width:860px;margin:0 auto;letter-spacing:0}.f3 .know .lead b{color:var(--navy)}.f3 .know .imgs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}.f3 .know .imgs .photo{aspect-ratio:4/3;background:#edebe6;border:1px solid var(--line);overflow:hidden}.f3 .know .imgs .photo img{width:100%;height:100%;object-fit:cover}.f3 .know .lb{margin-top:14px;font-size:16px;font-weight:800;text-align:center}.f3 .decl{background:var(--bg2)}.f3 .decl p{font-size:30px;line-height:1.9;font-weight:800;word-break:keep-all;max-width:800px;margin:0 auto}.f3 .decl p span{color:var(--g500);font-weight:600}.f3 .care .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:56px;text-align:left}.f3 .cc{border:1px solid var(--line);background:#fff}.f3 .cc .photo{aspect-ratio:4/3;border-bottom:1px solid var(--line);overflow:hidden;background:#edebe6}.f3 .cc .photo img{width:100%;height:100%;object-fit:cover}.f3 .cc .bd{padding:30px 32px}.f3 .cc h3{font-size:21px;font-weight:800;margin-bottom:10px}.f3 .cc p{font-size:15.5px;line-height:1.75;color:var(--g600);word-break:keep-all}.f3 .weekly{background:var(--bg2)}.f3 .weekly .grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center;text-align:left}.f3 .weekly .photo{aspect-ratio:4/3;border:1px solid var(--line);overflow:hidden;background:#edebe6}.f3 .weekly .photo img{width:100%;height:100%;object-fit:cover}.f3 .weekly p.body{margin-top:16px;font-size:15.5px;line-height:1.85;color:var(--g600);word-break:keep-all}.f3 .weekly ul{margin:16px 0 0;padding:0;border-top:1.5px solid var(--ink)}.f3 .weekly li{list-style:none;display:flex;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.6}.f3 .weekly li b{color:var(--brass);font-weight:700;letter-spacing:.06em;white-space:nowrap;min-width:64px}.f3 .qa .list{max-width:820px;margin:44px auto 0;text-align:left}.f3 .qi{background:#fff;border:1px solid var(--line);margin-bottom:10px}.f3 .qi .q{width:100%;background:none;border:0;font:inherit;text-align:left;cursor:pointer;padding:20px 24px;font-size:17px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink);transition:color .2s}.f3 .qi .q:hover,.f3 .qi.open .q{color:var(--navy)}.f3 .qi .a{padding:0 24px 20px;font-size:15px;line-height:1.85;color:var(--g600);word-break:keep-all}.f3 .more-btn{display:inline-block;margin-top:26px;border:1px solid var(--navy);color:var(--navy);padding:13px 30px;font-size:15px;font-weight:800;transition:background-color .2s,color .2s}.f3 .more-btn:hover{background:var(--navy);color:#fff}.f3 .where{background:var(--bg2)}.f3 .where .grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-top:44px;text-align:left}.f3 .br{border-top:1.5px solid var(--ink)}.f3 .br .row{display:grid;grid-template-columns:130px 110px 1fr 150px;gap:16px;align-items:baseline;padding:20px 4px;border-bottom:1px solid var(--line)}.f3 .br .nm{font-size:19px;font-weight:800}.f3 .br .who{font-size:13px;font-weight:700;color:var(--brass);letter-spacing:.06em}.f3 .br .ds{font-size:14.5px;line-height:1.7;color:var(--g600);word-break:keep-all}.f3 .br .tel{font-size:16px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.f3 .news{border-top:1.5px solid var(--ink)}.f3 .news h3{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--brass);padding:16px 4px 6px}.f3 .news a.item{display:flex;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}.f3 .news a.item:hover{color:var(--navy)}.f3 .news time{font-size:13px;color:var(--g500);font-variant-numeric:tabular-nums;white-space:nowrap}.f3 .news .more{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--navy)}.f3 .news .empty{padding:14px 4px;font-size:14px;color:var(--g500)}.f3 .cta2{background:var(--navy);color:#fff;padding:88px 24px}.f3 .cta2 .grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;max-width:1000px;margin:0 auto;text-align:left}.f3 .cta2 h2{color:#fff;font-size:32px;text-align:left}.f3 .cta2 .side p{margin-top:14px;font-size:16px;line-height:1.8;color:#fffc;word-break:keep-all}.f3 .cta2 .side .tel{margin-top:26px;font-size:15px;color:#ffffffd9}.f3 .cta2 .side .tel b{display:block;font-size:26px;color:#fff;margin-top:6px;font-variant-numeric:tabular-nums}.f3-form{background:#fff;color:#17191f;padding:28px;border:1px solid #E8E6E1;font-family:SUITE,Noto Sans KR,Pretendard,sans-serif;text-align:left}.f3-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.f3-form label{display:block;font-size:13px;font-weight:700;color:#4a5160;margin:14px 0 6px}.f3-form label .req{color:#a08454;margin-left:4px}.f3-form .first label{margin-top:0}.f3-form input,.f3-form select,.f3-form textarea,.f3-form input[type=date]{width:100%;font-family:inherit;font-size:15px;font-weight:500;padding:12px 14px;border:1px solid #E8E6E1;border-radius:0;background:#fff;color:#17191f;min-height:46px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.f3-form select{background-image:linear-gradient(45deg,transparent 50%,#757B87 50%),linear-gradient(135deg,#757B87 50%,transparent 50%);background-position:calc(100% - 20px) 20px,calc(100% - 14px) 20px;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}.f3-form input[type=date]{letter-spacing:0;font-variant-numeric:tabular-nums;color:#17191f}.f3-form input[type=date]:invalid,.f3-form input[type=date].empty{color:#757b87}.f3-form input::placeholder,.f3-form textarea::placeholder{color:#9aa0aa;font-weight:400}.f3-form input:focus-visible,.f3-form select:focus-visible,.f3-form textarea:focus-visible{outline:2px solid #1B3661;outline-offset:0;border-color:#1b3661}.f3-form textarea{min-height:96px;resize:vertical}.f3-form .hint{font-size:12.5px;color:#757b87;margin-top:6px;line-height:1.6}.f3-form .more-toggle{margin-top:18px;background:none;border:0;border-top:1px solid #E8E6E1;width:100%;padding:14px 0 0;text-align:left;font:inherit;font-size:14px;font-weight:700;color:#1b3661;cursor:pointer;display:flex;justify-content:space-between}.f3-form .submit{margin-top:18px;width:100%;background:#1b3661;color:#fff;border:0;padding:15px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:background-color .2s;min-height:48px}.f3-form .submit:hover{background:#12233d}.f3-form .submit:disabled{opacity:.6;cursor:default}.f3-form .note{margin-top:10px;font-size:12.5px;color:#757b87}.f3-form .msg{margin-top:12px;padding:12px 14px;font-size:14px;font-weight:700;border:1px solid #E8E6E1}.f3-form .msg.ok{color:#1b3661;background:#f3f6fb;border-color:#c9d4e6}.f3-form .msg.err{color:#9b2c2c;background:#fcf3f3;border-color:#ebcaca}.f3 .contact-body .grid{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:start;text-align:left}.f3 .contact-body .side h2{font-size:30px}.f3 .contact-body .side p{margin-top:14px;font-size:16px;line-height:1.85;color:var(--g600);word-break:keep-all}.f3 .contact-body .tels{margin-top:28px;border-top:1.5px solid var(--ink)}.f3 .contact-body .tels .t{display:flex;justify-content:space-between;gap:12px;padding:16px 4px;border-bottom:1px solid var(--line);font-size:16px;font-weight:800}.f3 .contact-body .tels .t span{font-weight:600;color:var(--g600);font-size:14px}.f3 .zoomable{cursor:zoom-in;position:relative}.f3-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#12233dd1;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.f3-lb figure{margin:0;max-width:min(1400px,94vw);max-height:92vh;display:flex;flex-direction:column;gap:12px}.f3-lb img{display:block;max-width:100%;max-height:calc(92vh - 60px);width:auto;height:auto;border:1px solid #E8E6E1;background:#fff}.f3-lb figcaption{color:#fff;font-size:15px;font-weight:700;font-family:SUITE,Noto Sans KR,sans-serif}.f3-lb .x{position:absolute;top:18px;right:22px;width:44px;height:44px;background:#fff;color:#12233d;border:0;font-size:22px;font-weight:800;cursor:pointer}.f3-ft{padding:34px 0;font-size:13px;color:#757b87;background:#fff;border-top:1px solid #E8E6E1;font-family:SUITE,Noto Sans KR,Pretendard,sans-serif}.f3-ft .wrap{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.f3-ft img{height:20px;opacity:.75}.f3-ft a{color:inherit;text-decoration:underline}@media (max-width: 900px){.f3 .sec{padding:64px 0}.f3 h2{font-size:28px}.f3 .hero{min-height:520px;padding:96px 20px}.f3 .hero p{font-size:16px}.f3 .facts .wrap{grid-template-columns:repeat(2,1fr)}.f3 .facts .f:nth-child(3){border-left:0}.f3 .facts .f:nth-child(n+3){border-top:1px solid var(--line)}.f3 .know .lead{font-size:21px}.f3 .know .imgs{grid-template-columns:repeat(2,1fr)}.f3 .decl p{font-size:23px}.f3 .care .cards{grid-template-columns:1fr;gap:20px;margin-top:40px}.f3 .cc .bd{padding:22px}.f3 .weekly .grid,.f3 .where .grid,.f3 .cta2 .grid,.f3 .contact-body .grid{grid-template-columns:1fr;gap:32px}.f3 .br .row{grid-template-columns:1fr auto;gap:6px 12px}.f3 .br .ds{grid-column:1/-1}.f3 .br .who{text-align:right}.f3 .br .tel{grid-column:1/-1;text-align:left}.f3 .cta2{padding:64px 20px}.f3 .cta2 h2{font-size:26px}.f3-hd nav{display:none}.f3-hd .menu-btn{display:inline-flex;align-items:center;justify-content:center}.f3-hd.open nav{display:flex;flex-direction:column;position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid #E8E6E1;padding:8px 16px 16px;gap:0}.f3-hd.open nav a{padding:14px 8px;border-bottom:1px solid #F0EEE9;font-size:16px}.f3-hd .hd-cta{padding:10px 14px}}@media (max-width: 520px){.f3 .facts .wrap{grid-template-columns:1fr}.f3 .facts .f{border-left:0;border-top:1px solid var(--line)}.f3 .facts .f:first-child{border-top:0}.f3-form{padding:20px}.f3-form .row2{grid-template-columns:1fr}.f3 .qi .q{padding:16px;font-size:16px}.f3 .qi .a{padding:0 16px 16px}}@media (prefers-reduced-motion: reduce){.f3 *,.f3-hd *{transition:none!important;animation:none!important}}.about-section{width:100%;min-height:100vh;background:#000;padding:120px 50px 80px;color:#fff}.about-container{max-width:1200px;margin:0 auto}.about-header{text-align:center;margin-bottom:100px;animation:fadeInDown .8s ease-out}.about-title{font-size:72px;font-weight:700;color:#fff;margin:0 0 20px;letter-spacing:-1px}.about-subtitle{font-size:20px;color:#fff9;margin:0;font-weight:300;line-height:1.6}.about-intro-section{background:#3bc1ff14;border:1px solid rgba(59,193,255,.15);border-radius:12px;padding:50px;margin-bottom:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .8s ease-out .1s both}.strengths-section{margin-bottom:120px;animation:fadeInUp .8s ease-out .2s both}.section-title{font-size:40px;font-weight:600;color:#fff;margin:0 0 50px;text-align:center;position:relative;padding-bottom:20px}.strengths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.strength-card{padding:40px;border-radius:12px;transition:all .3s ease;display:flex;flex-direction:column}.strength-card:hover{transform:translateY(-8px);background:#3bc1ff1f;border-color:#3bc1ff4d}.strength-icon{font-size:48px;margin-bottom:20px;display:inline-block}.strength-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.strength-subtitle{font-size:13px;color:#3bc1ff;font-weight:600;margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}.strength-description{font-size:14px;line-height:1.8;color:#ffffffb3;margin:0;flex:1}.branches-section{margin-bottom:60px;animation:fadeInUp .8s ease-out .3s both}.branches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.branch-card{padding:35px;border-radius:12px;transition:all .3s ease}.branch-card:hover{transform:translateY(-6px);background:#3bc1ff1f;border-color:#3bc1ff4d}.branch-name{font-size:22px;font-weight:700;color:#3bc1ff;margin:0 0 15px}.branch-description{font-size:14px;color:#ffffffbf;margin:0 0 20px;line-height:1.6}.branch-features{list-style:none;padding:0;margin:0}.branch-features li{font-size:13px;color:#ffffffa6;padding:8px 0 8px 20px;position:relative}.branch-features li:before{content:"◆";position:absolute;left:0;color:#3bc1ff;font-size:8px}@media screen and (max-width: 768px){.about-section{padding:100px 20px 60px}.about-title{font-size:48px}.about-subtitle{font-size:16px}.about-header{margin-bottom:60px}.about-intro-section{padding:30px 20px;margin-bottom:60px}.intro-content h2{font-size:24px}.intro-content p{font-size:14px}.section-title{font-size:28px;margin-bottom:30px}.strengths-section,.branches-section{margin-bottom:60px}.strength-card,.branch-card{padding:25px}.strength-icon{font-size:36px}.strength-title,.branch-name{font-size:18px}.strengths-grid,.branches-grid{grid-template-columns:1fr;gap:20px}}.recruitment-section{width:100%;min-height:100vh;background:#000;padding:120px 50px 80px;color:#fff}.recruitment-container{max-width:1200px;margin:0 auto}.recruitment-header{text-align:center;margin-bottom:100px;animation:fadeInDown .8s ease-out}.recruitment-title{font-size:72px;font-weight:700;color:#fff;margin:0 0 20px;letter-spacing:-1px}.recruitment-subtitle{font-size:20px;color:#fff9;margin:0;font-weight:300;line-height:1.6}.recruitment-intro-section{background:#3bc1ff14;border:1px solid rgba(59,193,255,.15);border-radius:12px;padding:50px;margin-bottom:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .8s ease-out .1s both}.intro-content h2{font-size:32px;margin:0 0 20px;color:#fff}.intro-content p{font-size:16px;line-height:1.8;color:#ffffffbf;margin:0}.recruitment-branches-section{margin-bottom:120px;animation:fadeInUp .8s ease-out .2s both}.section-title{font-size:40px;font-weight:600;color:#fff;margin:0 0 10px;text-align:center;position:relative;padding-bottom:20px}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#3bc1ff,transparent)}.section-subtitle{text-align:center;font-size:16px;color:#fff9;margin:0 0 50px}.branches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:80px}.branch-card{padding:40px;border-radius:12px;background:#3bc1ff0d;border:1px solid rgba(59,193,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;flex-direction:column}.branch-card:hover{transform:translateY(-8px);background:#3bc1ff1f;border-color:#3bc1ff4d;box-shadow:0 8px 32px #3bc1ff26}.branch-header h3{font-size:24px;font-weight:700;color:#3bc1ff;margin:0 0 10px}.branch-address{font-size:13px;color:#ffffff80;margin:0 0 20px;line-height:1.5}.branch-body{flex:1}.branch-description{font-size:14px;line-height:1.7;color:#ffffffbf;margin:0 0 20px}.branch-features{list-style:none;padding:0;margin:0 0 20px}.branch-features li{font-size:13px;color:#ffffffb3;padding:8px 0 8px 20px;position:relative;line-height:1.6}.branch-features li:before{content:"✓";position:absolute;left:0;color:#3bc1ff;font-weight:700}.branch-contact{font-size:13px;color:#ffffffa6;margin:0;padding-top:15px;border-top:1px solid rgba(59,193,255,.1)}.contact-label{font-weight:600;color:#3bc1ff}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.recruitment-section{padding:100px 20px 60px}.recruitment-title{font-size:48px}.recruitment-subtitle{font-size:16px}.recruitment-header{margin-bottom:60px}.recruitment-intro-section{padding:30px 20px;margin-bottom:60px}.intro-content h2{font-size:24px}.intro-content p{font-size:14px}.section-title{font-size:28px;margin-bottom:10px}.section-subtitle{font-size:14px;margin-bottom:30px}.recruitment-branches-section{margin-bottom:60px}.branch-card{padding:25px}.branch-header h3{font-size:20px}.branch-address{font-size:12px}.branch-description{font-size:13px}.branches-grid{grid-template-columns:1fr;gap:20px}}.strengths-banner-section{width:100%;background:#000;padding:80px 50px;color:#fff}.strengths-banner-container{max-width:1200px;margin:0 auto}.strengths-banner-header{text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease-out}.strengths-banner-header h2{font-size:40px;font-weight:600;color:#fff;margin:0 0 15px;position:relative;padding-bottom:20px}.strengths-banner-header h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#3bc1ff,transparent)}.strengths-banner-header p{font-size:16px;color:#fff9;margin:0}.strengths-banner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;animation:fadeInUp .8s ease-out .1s both}.strength-banner-card{padding:35px;border-radius:12px;transition:all .3s ease;display:flex;flex-direction:column}.strength-banner-card:hover{transform:translateY(-8px);background:#3bc1ff1f;border-color:#3bc1ff4d}.strength-banner-icon{font-size:42px;margin-bottom:20px;display:inline-block}.strength-banner-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.strength-banner-subtitle{font-size:12px;color:#3bc1ff;font-weight:600;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px}.strength-banner-description{font-size:13px;line-height:1.7;color:#ffffffa6;margin:0;flex:1}.glass-morphism{background:#ffffff0d;border:1px solid rgba(59,193,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.strengths-banner-section{padding:60px 20px}.strengths-banner-header h2{font-size:28px;margin-bottom:10px}.strengths-banner-header p{font-size:14px}.strengths-banner-grid{grid-template-columns:1fr;gap:20px}.strength-banner-card{padding:25px}.strength-banner-icon{font-size:32px;margin-bottom:15px}.strength-banner-title{font-size:16px}.strength-banner-description{font-size:12px}}.notice-page-section{width:100%;height:100%;padding:150px 160px;background-color:var(--bg);color:var(--text)}.notice-page-section .notice-page-inner{width:100%;height:100%}.notice-page-title-wrap{min-height:100px;border-bottom:1px solid #9f9f9f;font-size:32px;font-weight:700;padding:20px 0}.notice-page-list .notice-page-list-btn.active{color:var(--navy);text-decoration:underline}.notice-page-branch-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0 4px}.notice-page-branch-tab{padding:10px 22px;border:1px solid #c7c7c7;border-radius:999px;background:transparent;color:#767676;font-size:17px;cursor:pointer;transition:all .15s ease}.notice-page-branch-tab:hover{border-color:var(--navy);color:var(--navy)}.notice-page-branch-tab.is-active{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}.notice-page-content-wrap{margin-bottom:50px}.notice-page-content-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:50px}.notice-page-content-item{width:100%;height:auto;padding:50px 0;display:flex;border-bottom:1px solid #c7c7c7}.notice-page-content-imgWrap{width:180px;aspect-ratio:1/1;display:flex;justify-content:center}.notice-page-content-img{width:100%;aspect-ratio:1/1;object-fit:cover}.notice-page-content-textBox{width:100%;height:100%;padding:30px 60px;display:flex;flex-direction:column}.notice-page-content-title{font-size:18px}.notice-page-content-product{font-size:24px;line-height:1.2;font-weight:500;color:var(--text)}.notice-page-content-text{font-size:16px;color:#767676;padding-top:20px}.notice-page-content-text:last-child{margin-top:auto}@media screen and (max-width: 768px){.notice-page-section{padding:70px 16px}.notice-page-content-item{padding:30px 0;flex-wrap:wrap}.notice-page-content-imgWrap{width:60%;height:150px}.notice-page-content-img{width:100%}.notice-page-content-text{padding-top:10px;font-size:14px}.notice-page-content-textBox{padding:20px 0}.notice-page-content-text:last-child{margin-top:0}.notice-page-branch-tab{padding:8px 16px;font-size:14px}}.list-pagination .MuiPaginationItem-previousNext{background-color:#f5f5f5}.css-10w330c-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected{background-color:var(--navy)!important;color:var(--bg)!important}.news-detail-section{padding:150px 160px}.news-detail-top{min-height:100px;display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #9f9f9f}.news-detail-title{font-size:32px;font-weight:700}.news-detail-bottom{width:100%}.news-detail-content{width:100%;padding:50px}.news-detail-imgWrap{width:30%}.news-detail-imgWrap img,.news-detail-content p{width:100%}.news-detail-content img{width:100%;object-fit:contain}.news-detail-section .news-detail-answer{width:100%;min-height:50px;margin-top:40px;padding:16px;border:1px solid #b2b2b2;display:flex;flex-direction:column;gap:10px;border-radius:5px}.news-detail-section .news-detail-answer .news-answer-title{padding:5px 0;font-size:18px;font-weight:700;border-bottom:1px solid #464646}@media screen and (max-width: 768px){.news-detail-section{padding:70px 16px}.news-detail-top{flex-direction:column;align-items:flex-start}.news-detail-content p{padding:20px 0}.news-detail-content{width:100%;padding:0}}.news-detail-files{margin-top:30px;padding:20px 24px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.news-detail-files-title{font-size:15px;font-weight:700;color:#0a1f44;margin-bottom:12px}.news-detail-files ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.news-detail-files a{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#111;text-decoration:none;transition:border-color .15s,background .15s}.news-detail-files a:hover{border-color:#0a1f44;background:#f1f5fb}.news-file-kind{flex:none;font-size:12px;font-weight:700;color:#fff;background:#0a1f44;border-radius:4px;padding:2px 8px}.news-file-name{flex:1 1 auto;min-width:0;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-file-size{flex:none;font-size:13px;color:#94a3b8}.news-file-dl{flex:none;font-size:13px;font-weight:700;color:#0a1f44}@media screen and (max-width: 768px){.news-detail-files{padding:16px}.news-file-name{font-size:14px}}.rich-content{line-height:1.7;color:#1f2937;font-size:17px;word-break:break-word}.rich-content h1{font-size:1.8em;font-weight:700;margin:.6em 0}.rich-content h2{font-size:1.5em;font-weight:700;margin:.6em 0}.rich-content h3{font-size:1.25em;font-weight:700;margin:.6em 0}.rich-content p{margin:0 0 .7em;width:100%}.rich-content ul{list-style:disc;padding-left:1.5em;margin:0 0 .7em}.rich-content ol{list-style:decimal;padding-left:1.5em;margin:0 0 .7em}.rich-content li{margin:.2em 0}.rich-content blockquote{border-left:3px solid #cbd5e1;padding-left:1em;color:#475569;margin:0 0 .7em}.rich-content hr{border:none;border-top:1px solid #e2e8f0;margin:1.2em 0}.rich-content a{color:#1d4ed8;text-decoration:underline}.news-detail-content.rich-content img{width:auto;max-width:100%;height:auto;border-radius:6px;margin:.5em 0}.academy-vision-section{width:100%;height:100vh;padding-top:100px}.kd-main-section6{width:100%}.kd-main-section6 .kd-main-container{position:relative;width:100%}.kd-main-section6 .kd-main-front-wrap{position:relative;width:100%;height:calc(var(--vh, 1vh) * 100);background-color:#222;z-index:2}.kd-main-section6 .kd-main-front-background-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.kd-main-section6 .kd-main-front-background-inner{position:relative;width:100%;height:100%}.kd-main-section6 .kd-main-front-background-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;background:radial-gradient(circle at center,#0000 30%,#0000004d 45%,#0009 65%,#000c 80%);transition:.5s}.kd-main-section6 .kd-main-front-background-cover.active{opacity:1}.kd-main-section6 .kd-main-front-background-video{width:100%;height:100%;object-fit:cover;filter:brightness(1)}.kd-main-section6 .kd-main-front-top{position:relative;width:100%;height:100%;padding:130px 120px 40px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#fff;z-index:5}.kd-main-section6 .kd-main-front-left{width:100%;height:50%}.kd-main-section6 .kd-main-front-left-inner{position:relative;width:100%;height:100%}.kd-main-section6 .kd-main-front-left-list{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;text-align:center}.kd-main-section6 .kd-main-front-left-list.active{visibility:visible;opacity:1}.kd-main-section6 .kd-main-front-left-list-title-wrap{width:100%;overflow:hidden;margin-bottom:36px}.kd-main-section6 .kd-main-front-left-list-description-wrap,.kd-main-section6 .kd-main-front-left-text-wrap{width:100%;overflow:hidden}.kd-main-section6 .ten-top-text{transition:.8s;text-align:center;margin-top:2px}.kd-main-section6 .ten-top-text.big{padding-bottom:16px}.kd-main-section6 .ten-top-text.sub{font-size:18px;font-weight:200;overflow:hidden;color:#ffffffa1}.kd-main-section6 .ten-top-text.sub>span{display:inline-block}.kd-main-section6 .ten-top-text.top{margin-bottom:10px}.kd-main-section6 .ten-top-text.top .project-portfolio-list-subject{opacity:0;transition:.8s;font-family:Orbitron,sans-serif;font-size:24px;font-weight:300;background:linear-gradient(to right,#0015ff,#248aff,#7bd5ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 3s ease-in-out infinite}.kd-main-section6 .ten-top-text.big .project-portfolio-list-subject{opacity:0;transition:.8s;-webkit-background-clip:text;background-clip:text;color:#fff;font-size:44px;font-weight:400}.kd-main-section6 .kd-main-left-title{font-size:36px;font-weight:700;transition:.8s;transform:translateY(100%)}.kd-main-section6 .kd-main-left-sub-title{font-size:36px;font-weight:500;white-space:pre-wrap;transition:.8s;transform:translateY(100%)}.kd-main-section6 .kd-main-left-description{font-size:24px;font-weight:500;transition:.8s;transform:translateY(100%)}.kd-main-section6 .kd-main-front-left-list.active .kd-main-left-title,.kd-main-section6 .kd-main-front-left-list.active .kd-main-left-sub-title{transition-delay:.4s;transform:translateY(0)}.kd-main-section6 .kd-main-front-left-list.active .kd-main-left-description{transition-delay:1.2s;transform:translateY(0)}.kd-main-section6 .kd-main-front-right{position:relative;width:100%;height:42%}.kd-main-section6 .kd-main-front-right-list-wrap{width:100%;height:100%;display:flex;justify-content:space-between}.kd-main-section6 .kd-main-front-right-list{position:relative;width:33.33%;height:100%;padding:16px;display:flex;align-items:center;background-color:#0009;clip-path:polygon(100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0)}.kd-main-section6 .kd-main-front-right-list-inner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff4d;clip-path:polygon(calc(100% - 1px) calc(100% - 41px),calc(100% - 1px) 0,100% 0,100% calc(100% - 41px),calc(100% - 41px) 100%,0 100%,0 calc(100% - 1px),calc(100% - 41px) calc(100% - 1px))}.kd-main-section6 .kd-main-front-text-wrap{height:100%;padding-top:5%;position:relative;flex:1;z-index:2}.kd-main-section6 .kd-main-front-list-name{font-size:18px;font-weight:700;color:#fff;line-height:1;transition:.3s;margin-bottom:50px}.kd-main-section6 .kd-main-front-right-list.active .kd-main-front-list-name{color:#fff}.kd-main-section6 .kd-main-front-list-info{font-size:15px;font-weight:400;line-height:1.4;color:#989898;transition:.3s}.kd-main-section6 .kd-main-front-right-list.active .kd-main-front-list-info{color:#fff}.kd-main-section6 .kd-main-list-image-wrap{position:relative;height:100%;aspect-ratio:1/1;margin-right:16px;overflow:hidden;z-index:2}.kd-main-section6 .kd-main-list-image,.kd-main-section6 .kd-main-list-video{width:100%;height:100%;object-fit:cover}.kd-main-section6 .kd-main-front-right-list.active .kd-main-list-image{filter:invert(0)}.kd-main-section6 .kd-main-counter-wrap{width:100%;display:flex;justify-content:center;align-items:center}.kd-main-section6 .kd-main-counter{display:flex;align-items:center;margin-right:16px}.kd-main-section6 .kd-main-current-numb{font-size:18px;font-weight:600;color:#fff;line-height:1}.kd-main-section6 .kd-main-total-numb{font-size:18px;font-weight:500;color:#5f5f5f;line-height:1}.kd-main-section6 .kd-main-control-btn{margin-bottom:8px;cursor:pointer}.kd-main-section6 .kd-main-control-btn:last-of-type{margin-bottom:0}.kd-main-section6 .kd-control-icon{display:block;font-size:24px}@media screen and (max-width: 1550px){.kd-main-section6 .kd-main-front-top{padding:10% 4% 3%;background-color:#000}.kd-main-section6 .kd-main-list-image-wrap{aspect-ratio:.8/1}.kd-main-section6 .kd-main-front-right{height:35%}.kd-main-section6 .kd-main-front-text-wrap{padding-top:16px}.kd-main-section6 .kd-main-front-list-name{margin-bottom:16px}}@media screen and (max-width: 768px){.kd-main-section6 .kd-main-front-wrap{height:unset}.kd-main-section6 .kd-main-front-wrap{background-color:#fff}.kd-main-section6 .kd-main-front-top{justify-content:unset;padding:15% 4% 3%}.kd-main-section6 .kd-main-front-left{height:unset;padding:50px 0}.kd-main-section6 .kd-main-front-background-cover{background:radial-gradient(circle at center,#0000 30%,#0000 45%,#0000 65%,#0000 80%)}.kd-main-section6 .ten-top-text.top .project-portfolio-list-subject{font-size:20px}.kd-main-section6 .ten-top-text.big{padding-bottom:30px}.kd-main-section6 .ten-top-text.big .project-portfolio-list-subject{font-size:6.5vw}.kd-main-section6 .ten-top-text.sub{font-size:16px}.kd-main-section6 .kd-main-front-right-list-wrap{flex-direction:column;color:#fff}.kd-main-section6 .kd-main-front-right-list{width:100%;height:auto;padding:12px;margin-bottom:0;border-top:1px solid rgba(0,0,0,.2)}.kd-main-section6 .kd-main-front-text-wrap{height:auto;padding-top:0}.kd-main-section6 .kd-main-front-list-name{font-size:16px;margin-bottom:0}.kd-main-section6 .kd-main-front-list-info{font-size:14px;font-weight:400;line-height:1.2}.kd-main-section6 .kd-main-list-image-wrap{width:30%;height:auto;margin-right:12px}}.two-way-section2{width:100%;height:calc(var(--vh, 1vh) * 270);display:flex;align-items:center;color:#99908b;background:#0b0b0b}.two-way-section2 .two-way-container{width:100%;height:calc(var(--vh, 1vh) * 250)}.two-way-section2 .two-way-sticky{position:sticky;top:0;width:100%;height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;padding:90px 70px 32px;overflow:hidden}.two-way-section2 .two-way-sticky-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.two-way-section2 .two-way-sticky-top{position:absolute;top:0;left:0;width:100%;justify-content:space-between}.two-way-section2 .two-way-sticky-title-wrap{width:100%;margin-bottom:24px;overflow:hidden;text-align:center;opacity:1}.two-way-section2 .two-way-title{font-size:44px;font-weight:700;color:#fff}.two-way-section2 .two-way-title>span{font-size:24px;font-weight:300;background:linear-gradient(to right,#007aff,#9848ff,#ff738e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 3s ease-in-out infinite;font-family:Orbitron,sans-serif}@keyframes gradientShift{0%,to{background-position:30% 50%}50%{background-position:100% 50%}}.two-way-section2 .two-way-description{font-size:24px;font-weight:500}.two-way-section2 .ten-top-text{transition:.8s;text-align:center;margin-top:2px}.two-way-section2 .ten-top-text.sub{font-size:18px;font-weight:200;overflow:hidden;color:#ffffffa1}.two-way-section2 .ten-top-text.sub>span{display:inline-block}.two-way-section2 .ten-top-text.top{margin-bottom:10px}.two-way-section2 .ten-top-text.top .project-portfolio-list-subject{opacity:0;transition:.8s;font-family:Orbitron,sans-serif;font-size:24px;font-weight:300;background:linear-gradient(to right,#0015ff,#248aff,#7bd5ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 3s ease-in-out infinite}.two-way-section2 .ten-top-text.big .project-portfolio-list-subject{opacity:0;transition:.8s;-webkit-background-clip:text;background-clip:text;color:#fff;font-size:44px;font-weight:400}.two-way-section2 .two-way-sticky-bottom{position:absolute;bottom:35%;left:0;width:100%;height:calc(100% - 186px);z-index:2;flex-shrink:0}.two-way-section2 .two-way-sticky-bottom-inner{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.two-way-section2 .two-way-sticky-bottom-leftwrap{position:absolute;width:16%;left:0;top:0}.two-way-section2 .two-way-sticky-bottom-left{width:100%;position:relative;margin-bottom:10px;pointer-events:auto;cursor:pointer}.two-way-section2 .two-way-sticky-bottom-left.active{width:100%;position:relative}.two-way-section2 .two-way-sticky-bottom-left:before{content:"";display:block;position:absolute;left:-8.5%;bottom:0;width:24px;height:100%;clip-path:polygon(82% 10%,100% 0%,100% 100%,82% 90%);background:#ffffff4d}.two-way-section2 .two-way-sticky-bottom-left.active:before{content:"";display:block;position:absolute;left:-8.5%;bottom:0;width:24px;height:100%;clip-path:polygon(82% 10%,100% 0%,100% 100%,82% 90%);background:#fc2f2f}.two-way-section2 .two-way-sticky-bottom-lefttextwrap{width:100%;height:100%;position:relative;transition:.5s}.two-way-section2 .two-way-sticky-bottom-left.active .two-way-sticky-bottom-lefttextwrap{width:100%;height:100%;position:relative}.two-way-section2 .two-way-sticky-bottom-lefttextwrap:after{content:"";position:absolute;top:0;left:0;display:block;width:0;height:100%;transition:.5s;background:#ff000061}.two-way-section2 .two-way-sticky-bottom-left.active .two-way-sticky-bottom-lefttextwrap:after{width:100%;box-shadow:0 0 20px 4px #ff000073}.two-way-section2 .two-way-sticky-bottom-left.active .two-way-sticky-bottom-lefttext{color:#fff}.two-way-section2 .two-way-sticky-bottom-lefttext{font-size:18px;color:#fff;padding:1rem 1.5rem;position:relative;z-index:2}.two-way-section2 .two-way-bottom-cover-wrap{position:absolute;top:50%;left:50%;width:334px;height:460px;border-radius:8px;overflow:hidden;transform:translate(-50%,-50%);z-index:10;background:#ffffff26;clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%);-webkit-box-reflect:below -5px linear-gradient(transparent,transparent,rgba(0,0,0,.4))}.two-way-section2 .two-way-cover-image{width:100%;height:100%;object-fit:cover;transform:scale(.994);clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.two-way-section2 .two-way-bottom-contents-wrap{width:74%;max-width:332px;height:460px;display:flex}.two-way-section2 .two-way-bottom-contents-left,.two-way-section2 .two-way-bottom-contents-right{position:relative;width:50%;height:100%;overflow:hidden}.two-way-section2 .two-way-bottom-contents{position:absolute;top:50%;width:330px;height:100%;transform:translateY(-50%);border-radius:8px;overflow:hidden;transition:.5s;background:#ffffff4d;clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.two-way-section2 .two-way-bottom-contents-line{width:100%;height:100%;background:#0b0b0b;transform:scale(.995);clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.two-way-section2 .two-way-bottom-contents.left2 .two-way-bottom-contents-lefttitwrap{padding-left:4.5rem}.two-way-section2 .two-way-bottom-contents.left3 .two-way-bottom-contents-lefttitwrap{padding-left:2.6rem}.two-way-section2 .two-way-bottom-contents.right2 .two-way-bottom-contents-lefttitwrap{padding-left:4.5rem}.two-way-section2 .two-way-bottom-contents.right3 .two-way-bottom-contents-lefttitwrap{padding-left:3.4rem}.two-way-section2 .two-way-bottom-contents-lefttitwrap{display:flex;align-items:center;text-align:center;width:100%;height:100%}.two-way-section2 .two-way-bottom-contents-right .two-way-bottom-contents-lefttitwrap{padding:4rem 1rem 2rem 3.5rem}.two-way-section2 .two-way-bottom-contents-right .two-way-bottom-contents-lefttitwrap.one{padding:4rem 3rem 0 2rem}.two-way-section2 .two-way-bottom-contents-lefttit{font-size:27px;font-weight:600;color:#fff;margin-bottom:2rem}.two-way-section2 .two-way-bottom-contents-leftsubtit{font-size:17px;font-weight:500;margin-bottom:1.6rem;color:#7bd5ff;animation:gradientShift 3s ease-in-out infinite}.two-way-section2 .two-way-bottom-contents-lefttech{font-size:18px;font-weight:700;margin:1rem 0}.two-way-section2 .two-way-bottom-contents.left1{left:calc(100% - 165px);transition:0s;z-index:5}.two-way-section2 .two-way-bottom-contents.left2{left:35%;transform-origin:left;transform:translateY(-50%) scale(.9);z-index:4}.two-way-section2 .two-way-bottom-contents.left3{left:0;transform-origin:left;transform:translateY(-50%) scale(.8);z-index:3}.two-way-section2 .two-way-bottom-contents.right1{right:calc(100% - 165px);transition:0s;z-index:5}.two-way-section2 .two-way-bottom-contents.right2{right:35%;transform-origin:right;transform:translateY(-50%) scale(.9);z-index:4}.two-way-section2 .two-way-bottom-contents.right3{right:0%;transform-origin:right;transform:translateY(-50%) scale(.8);z-index:3}@media screen and (max-width: 1550px){.two-way-section2 .two-way-sticky{padding:76px 70px 32px}.two-way-section2 .two-way-bottom-contents-wrap{width:100%;height:400px}.two-way-section2 .two-way-sticky-bottom{height:calc(100% - 200px)}.two-way-section2 .two-way-bottom-cover-wrap{height:400px}.two-way-section2 .two-way-bottom-contents-right .two-way-bottom-contents-lefttitwrap{padding:4rem 4.5rem 2rem 2rem}.two-way-section2 .two-way-bottom-contents.right2 .two-way-bottom-contents-lefttitwrap{padding:4rem 3.5rem 2rem 2rem;justify-content:flex-end}.two-way-section2 .two-way-bottom-contents.right3 .two-way-bottom-contents-lefttitwrap{padding-left:2rem;justify-content:flex-end}}@media screen and (max-width: 768px){.two-way-section2{padding:100px 20px 20px;height:210vh;white-space:pre-wrap}.two-way-section2 .hoo-sticky-wrapper{position:relative;height:100%;overflow:visible}.two-way-section2 .hoo-sticky-wrapper .hoo-sticky-text-wrap{position:sticky;top:30px;z-index:3;text-align:center;padding:0 0 50px}.two-way-section2 .ten-top-text.sub{font-size:16px}.two-way-section2 .hoo-mini-text .project-portfolio-list-subject{transition:.8s;font-family:Orbitron,sans-serif;background:linear-gradient(to right,#0015ff,#248aff,#7bd5ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px;animation:gradientShift 3s ease-in-out infinite}.two-way-section2 .hoo-mini-text{padding-bottom:10px}.two-way-section2 .hoo-big-text{font-size:26px;line-height:1;padding-bottom:30px}.two-way-section2 .hoo-card-relati-div{flex-direction:column-reverse;padding:30px 20px 60px;text-align:center;gap:20px}.two-way-section2 .hoo-three-cards-wrap{width:100%;position:relative;height:170vh}.two-way-section2 .hoo-three-cards-wrap .hoo-card-sticky-wrap{position:relative;top:0;height:100%;width:100%}.two-way-section2 .hoo-card-units{position:sticky;width:100%;margin-top:10px;padding:unset;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#0b0b0b;top:0}.two-way-section2 .hoo-card-units:not(:nth-of-type(1)){position:absolute;top:0}.two-way-section2 .hoo-card-units:nth-of-type(1){right:unset;top:270px;z-index:1}.two-way-section2 .hoo-card-units:nth-of-type(2){position:sticky;right:unset;top:330px;z-index:2}.two-way-section2 .hoo-card-units:nth-of-type(3){position:sticky;right:unset;top:390px;z-index:3}.two-way-section2 .hoo-card-units:nth-of-type(4){position:sticky;right:unset;top:450px;z-index:4}.two-way-section2 .hoo-card-text-wrap{width:100%;text-align:center}.two-way-section2 .hoo-right-video-wrap{width:100%;height:50%}.two-way-section2 .hoo-big-card-text{font-size:17px;font-weight:500;margin-bottom:1.6rem;color:#7bd5ff;animation:gradientShift 3s ease-in-out infinite;padding-left:unset}.two-way-section2 .hoo-right-video-wrap>video,.two-way-section2 .hoo-right-video-wrap>img{width:90%}.two-way-section2 .hoo-card-arrow-btn{justify-content:center}.two-way-section2 .hoo-small-card-text{font-size:24px;font-weight:600;color:#fff}}.project-portfolio-section3{width:100%;padding-top:280px;background:#0b0b0b;transition:.5s}.project-portfolio-section3 .project-portfolio-container{width:100%}.project-portfolio-section3 .project-portfolio-top{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:132px;color:#fff;transition:.5s}.project-portfolio-section3 .project-portfolio-title{font-size:90px;font-weight:400;font-family:Orbitron,sans-serif;line-height:1;opacity:0;margin-bottom:120px}.project-portfolio-section3 .project-portfolio-top.active .project-portfolio-title{animation:blinkEffect .3s linear forwards}.project-portfolio-section3 .project-portfolio-sub-title-line{overflow:hidden;display:flex;justify-content:center;margin-bottom:8px}.project-portfolio-section3 .project-portfolio-sub-title{font-size:24px;font-weight:300;line-height:1;text-align:center;color:#b5b5b5;transform:translateY(100%)}.project-portfolio-section3 .project-portfolio-sub-title.bold{font-weight:600;color:#fff}.project-portfolio-section3 .project-portfolio-bottom{position:relative;width:100%}.project-portfolio-section3 .project-portfolio-bottom-list-wrap{position:relative;width:100%;height:calc(var(--vh, 1vh) * 160)}.project-portfolio-section3 .project-portfolio-bottom-list{position:sticky;top:0;width:100%;height:calc(var(--vh, 1vh) * 100);padding:0 120px;display:flex;justify-content:center;align-items:center;overflow:hidden}.project-portfolio-section3 .project-portfolio-bottom-list-inner{position:relative;width:100%;display:flex;justify-content:flex-end}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-bottom-list-inner{justify-content:flex-start}.project-portfolio-section3 .project-portfolio-list-contents-inner{position:relative;width:100%;aspect-ratio:1/.6;transform-style:preserve-3d;transition:.5s;opacity:0;transform:translateY(10%);z-index:2;background:#ffffff4d;clip-path:polygon(95% 0,100% 5%,100% 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-list-contents-line{width:100%;height:100%;background:#000000e0;clip-path:polygon(95% 0,100% 5%,100% 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-contents-inner{opacity:1;transform:translateY(0)}.project-portfolio-section3 .project-portfolio-list-image{width:100%;height:100%;display:block;object-fit:cover;transform:scale(.96);clip-path:polygon(95% 0,100% 5%,100% 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-list-text-wrap{position:absolute;top:62%;width:calc(37% + 18px);height:90%;transform:translate(calc(-100% - 130px),-50%);z-index:2;transition:.5s;background:#ffffff4d}.project-portfolio-section3 .project-portfolio-list-text-clip{width:100%;height:100%;background:#0b0b0b;transform:scale(.996);overflow:hidden;padding:32px;color:#fff}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(odd) .project-portfolio-list-text-wrap{left:0;clip-path:polygon(0 0,0 0,100% 0%,100% 100%,7% 100%,0 92%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(odd) .project-portfolio-list-text-clip{clip-path:polygon(0 0,0 0,100% 0%,100% 100%,7% 100%,0 92%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-text-wrap{right:0;transform:translate(calc(100% + 130px),-50%);clip-path:polygon(100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-text-clip{clip-path:polygon(100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-contents-inner{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,0 6.7%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-contents-line{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,0 6.7%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-image{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,0 6.7%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(odd) .project-portfolio-list-topabs{left:0}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-topabs{right:68px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(4) .project-portfolio-list-topabs{right:160px}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-text-wrap{transition-delay:.2s;transform:translateY(-50%)}.project-portfolio-section3 .project-portfolio-list-topabs{position:absolute;top:20px;padding-left:44px}.project-portfolio-section3 .project-portfolio-list-small{font-size:18px;font-weight:500;line-height:1;color:#0059ff;transition:.3s;margin-bottom:10px;opacity:0}.project-portfolio-section3 .project-portfolio-list-small.active{opacity:1}.project-portfolio-section3 .project-portfolio-list-subject-wrap{width:100%;display:flex;margin-bottom:80px;border-bottom:1px solid rgba(0,0,0,.1);color:#fff;opacity:0}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.long .project-portfolio-list-subject-wrap{margin-bottom:40px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.middle .project-portfolio-list-subject-wrap{margin-bottom:70px}.project-portfolio-section3 .project-portfolio-list-subject{font-size:34px;font-weight:500;min-height:36px;min-width:10px;word-break:keep-all;line-height:1}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-subject-wrap{animation:blinkEffect .3s linear forwards}.project-portfolio-section3 .project-portfolio-list-logo-wrap{width:100%;margin-bottom:48px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.project-portfolio-section3 .project-portfolio-list-logo{height:40px;display:block;transition:.3s;opacity:0;transform:translateY(10%)}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-list-logo{transform:translateY(0);opacity:1}.project-portfolio-section3 .project-portfolio-company-wrap{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:12px;transition:.3s;opacity:0}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-company-wrap{transition-delay:1s;opacity:1}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.long .project-portfolio-company-wrap{margin-bottom:16px}.project-portfolio-section3 .project-portfolio-list-name{font-size:40px;font-weight:500;line-height:1}.project-portfolio-section3 .project-portfolio-list-detail-wrap{width:100%;transition:.3s;opacity:0}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-list-detail-wrap{transition-delay:1.1s;opacity:1}.project-portfolio-section3 .project-portfolio-list-name-wrap{width:100%;display:flex;margin-bottom:32px}.project-portfolio-section3 .project-portfolio-list-name-wrap:last-of-type{margin-bottom:0}.project-portfolio-section3 .project-portfolio-technology-wrap{width:100%;display:flex;align-items:center;margin-bottom:72px;transition:.3s;opacity:0}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-technology-wrap{transition-delay:1.1s;opacity:1}.project-portfolio-section3 .project-portfolio-list-left{width:210px}.project-portfolio-section3 .project-portfolio-list-right{position:relative;width:calc(100% - 210px);display:flex;flex-direction:column;align-items:flex-start}.project-portfolio-section3 .project-portfolio-relative-text{font-size:17px;line-height:1.5;white-space:pre-wrap;font-weight:200}.project-portfolio-section3 .project-portfolio-relative-text.bold{font-weight:400}.project-portfolio-section3 .project-portfolio-review-right{position:relative;width:calc(100% - 210px)}.project-portfolio-section3 .project-portfolio-left-subject{font-size:20px;font-weight:600}.project-portfolio-section3 .project-portfolio-ceo-wrap{position:absolute;bottom:50px;left:266px;display:flex;justify-content:flex-end;align-items:center;transition:.3s;opacity:0}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-ceo-wrap{transition-delay:1.1s;opacity:1}.project-portfolio-section3 .project-portfolio-ceo-image-wrap{width:60px;aspect-ratio:1/1;border-radius:8px;margin-right:16px;overflow:hidden}.project-portfolio-section3 .project-portfolio-ceo-image{width:100%;height:100%;object-fit:cover}.project-portfolio-section3 .project-portfolio-right-text-box{padding:2px 8px 4px;border:1px solid rgba(255,255,255,1);margin-right:8px}.project-portfolio-section3 .project-portfolio-right-text-box.red{border:1px solid #3bc1ff}.project-portfolio-section3 .project-portfolio-right-text-box:last-of-type{margin-right:0}.project-portfolio-section3 .project-portfolio-right-text{font-size:17px;white-space:pre-wrap;font-weight:200;line-height:1.5}.project-portfolio-section3 .project-portfolio-right-text.forbidden{opacity:1}.project-portfolio-section3 .project-portfolio-right-text.float{position:absolute;top:0;left:0;opacity:1;margin-bottom:0}.project-portfolio-section3 .project-portfolio-right-text.tech{margin-bottom:0;font-size:16px;white-space:pre-wrap;font-weight:400;line-height:1;color:#fff}.project-portfolio-section3 .project-portfolio-right-text-box.red .project-portfolio-right-text.tech{color:#3bc1ff}.project-portfolio-section3 .project-portfolio-ceo-name{font-size:16px;font-weight:500;text-align:left;line-height:1}.project-portfolio-section3 .project-portfolio-list-link{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;font-weight:700;color:#fff;transition:.5s;overflow:hidden;border:1px solid rgba(255,255,255,.5);animation:shine 3s infinite linear}@keyframes shine{0%{background-position:0}to{background-position:80px}}.project-portfolio-section3 .esp-fourlist-contact-left{width:100%;height:100%;display:flex;align-items:center}.project-portfolio-section3 .esp-fourlist-contact-btn-text{font-size:16px;font-weight:300}.project-portfolio-section3 .project-portfolio-list-description{font-size:18px;font-weight:400;word-break:keep-all}.project-portfolio-section3 .project-portfolio-list-contents-wrap{position:relative;width:65%;perspective:4000px}.project-portfolio-section3 .project-portfolio-add-wrap{width:100%;padding:0 120px}.project-portfolio-section3 .project-portfolio-add-title-wrap{width:100%;padding:60px 0}.project-portfolio-section3 .project-portfolio-add-title{font-size:40px;font-weight:600;line-height:1;text-align:center}.project-portfolio-section3 .project-portfolio-add-title span{font-family:Orbitron,sans-serif}.project-portfolio-section3 .project-portfolio-add{width:100%;max-height:0;transition:.8s;transition-timing-function:ease-in-out;overflow:hidden}.project-portfolio-section3 .project-portfolio-add.active{max-height:4850px}.project-portfolio-section3 .project-portfolio-add-button{position:relative;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 32px;font-size:18px;font-weight:500;clip-path:polygon(0 0,calc(100% - 8px) 0%,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:linear-gradient(to right,#000 0,#7f7f7f 20%,#101010 50%);background-position:0;color:#fff;animation:shine 3s infinite linear;overflow:hidden;margin:0 auto}.project-portfolio-section3 .vision-port-wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.project-portfolio-section3 .vision-space-right-wrap{position:relative;width:calc(50% - 16px);padding-bottom:108px;margin-bottom:32px;color:#000;transition:.5s}.project-portfolio-section3.black .vision-space-right-wrap{color:#fff}.project-portfolio-section3 .vision-space-img-wrap{position:relative;width:100%;aspect-ratio:1/.4;overflow:hidden;padding:16px}.project-portfolio-section3 .vision-space-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.3s}.project-portfolio-section3 .vision-space-img-dark{filter:brightness(.8)}.project-portfolio-section3 .vision-space-img-wrap:hover .vision-space-img{transform:scale(1.05)}.project-portfolio-section3 .vision-space-info-wrap{position:absolute;bottom:0;left:50%;width:calc(100% - 32px);padding:20px;background-color:#fff;overflow:hidden;transform:translate(-50%);box-shadow:1px 1px 8px #00000040}.project-portfolio-section3 .vision-space-info-inner{width:100%;transition:.5s;transform:translateY(calc(-100% - 20px))}.project-portfolio-section3 .vision-space-right-wrap.active .vision-space-info-inner{transform:translateY(0)}.project-portfolio-section3 .vision-space-right-title{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.project-portfolio-section3 .vision-space-right-text{font-size:16px;line-height:1;margin-bottom:20px}.project-portfolio-section3 .vision-space-info-list-wrap{width:100%;display:flex;flex-wrap:wrap}.project-portfolio-section3 .vision-space-info-list{padding:4px 8px;border:1px solid #4f4f4f;margin:0 10px 0 0;transition:.5s}.project-portfolio-section3.black .vision-space-info-list{border:1px solid rgba(255,255,255,.8)}.project-portfolio-section3 .vision-space-info-list:last-of-type{margin:0}.project-portfolio-section3 .vision-space-info-list.active{border:1px solid #FF0000}.project-portfolio-section3 .vision-space-right-list-text{font-size:14px;line-height:1;color:#4f4f4f}.project-portfolio-section3.black .vision-space-right-list-text{color:#fffc}.project-portfolio-section3 .vision-space-info-list.active .vision-space-right-list-text{color:red}.project-portfolio-section3 .vision-space-img-subject-wrap{position:absolute;top:16px;left:16px;display:inline-block;padding:6px 8px;background-color:#d9db4d;margin-bottom:16px;z-index:2;text-transform:uppercase}.project-portfolio-section3 .pink{background-color:#e3b9cd}.project-portfolio-section3 .orange{background-color:#db914d}.project-portfolio-section3 .blue{background-color:#32bcc5}.project-portfolio-section3 .vision-space-img-subject-wrap2{position:absolute;top:16px;left:16px;display:inline-block;padding:6px 8px;margin-bottom:16px;z-index:2;text-transform:uppercase;clip-path:polygon(0 0,0 0,0 100%,0% 100%);transition:.5s}.project-portfolio-section3 .vision-space-img-wrap:hover .vision-space-img-subject-wrap2{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}.project-portfolio-section3 .vision-space-img-subject{font-size:16px;font-weight:700}.project-portfolio-section3 .tour-expan-bottom-link{display:flex;justify-content:center;align-items:center;width:130px;height:34px;font-size:11px;border:1px solid rgba(255,255,255,.5);overflow:hidden;transition:.5s}.project-portfolio-section3 .tour-expan-bottom-link-inner{position:relative;width:42px;height:18px;overflow:hidden}.project-portfolio-section3 .tour-expan-bottom-link-inner span{position:absolute;top:0;left:0;transition:transform .5s;color:#fff;font-family:SUITE,sans-serif;font-size:12px}.project-portfolio-section3 .tour-expan-bottom-link-inner span:nth-of-type(2){top:100%}.project-portfolio-section3 .project-portfolio-list-link:hover{background-color:#f8f8f8}.project-portfolio-section3 .project-portfolio-list-link:hover span{transform:translateY(-100%);color:#000}@media screen and (max-width: 1550px){.project-portfolio-section3{padding:10% 4% 0}.project-portfolio-section3 .project-portfolio-top{margin-bottom:0}.project-portfolio-section3 .project-portfolio-bottom-list{padding:0}.project-portfolio-section3 .project-portfolio-list-subject{font-size:30px}.project-portfolio-section3 .project-portfolio-list-name{font-size:34px}.project-portfolio-section3 .project-portfolio-list-right,.project-portfolio-section3 .project-portfolio-review-right{padding:0}.project-portfolio-section3 .project-portfolio-ceo-wrap{bottom:20px;left:240px}.project-portfolio-section3 .project-portfolio-ceo-image-wrap{width:50px}.project-portfolio-section3 .project-portfolio-company-wrap{margin-bottom:8px}.project-portfolio-section3 .project-portfolio-technology-wrap,.project-portfolio-section3 .project-portfolio-list-name-wrap{margin-bottom:24px}.project-portfolio-section3 .project-portfolio-relative-text,.project-portfolio-section3 .project-portfolio-right-text{font-size:14px}.project-portfolio-section3 .project-portfolio-list-text-wrap{height:88%}}@media screen and (max-width: 1550px){.project-portfolio-section3 .project-portfolio-list-text-clip{padding:30px}.project-portfolio-section3 .project-portfolio-list-topabs{padding-left:29px}.project-portfolio-section3 .project-portfolio-list-subject{font-size:26px}.project-portfolio-section3 .project-portfolio-list-name{font-size:30px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-topabs{right:50px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(4) .project-portfolio-list-topabs{right:120px}}@media screen and (max-width: 768px){.project-portfolio-section3{padding:100px 0 16px}.project-portfolio-section3 .project-portfolio-top{margin-bottom:60px}.project-portfolio-section3 .project-portfolio-title{font-size:20px;font-weight:500;margin-bottom:40px;text-align:center}.project-portfolio-section3 .project-portfolio-sub-title{font-size:4.5vw;font-weight:500}.project-portfolio-section3 .project-portfolio-bottom-list-wrap{height:calc(var(--vh, 1vh) * 170)}.project-portfolio-section3 .project-portfolio-bottom-list{padding:16px 8px}.project-portfolio-section3 .project-portfolio-bottom-list-inner{height:100%;flex-direction:column-reverse;justify-content:center;align-items:center}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-bottom-list-inner{justify-content:center}.project-portfolio-section3 .project-portfolio-list-text-wrap{position:absolute;top:calc(100% + 16px);left:50%;width:325px;height:auto;transform:translate(-50%);padding:1px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(odd) .project-portfolio-list-text-wrap{position:relative;left:0%;transform:translate(0)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-text-wrap{position:relative;left:0;transform:translate(0)}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-text-wrap{transition-delay:.5s;top:-40px}.project-portfolio-section3 .project-portfolio-list-small{font-size:14px;margin-bottom:4px}.project-portfolio-section3 .project-portfolio-list-subject-wrap{margin-bottom:64px;padding-bottom:12px}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-subject-wrap{animation:blinkEffect .3s linear forwards}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.long .project-portfolio-list-subject-wrap,.project-portfolio-section3 .project-portfolio-bottom-list-wrap.middle .project-portfolio-list-subject-wrap{margin-bottom:64px}.project-portfolio-section3 .project-portfolio-list-subject{font-size:20px;min-height:20px;min-width:4px}.project-portfolio-section3 .project-portfolio-list-logo-wrap{margin-bottom:16px;padding-bottom:8px}.project-portfolio-section3 .project-portfolio-list-logo{height:30px}.project-portfolio-section3 .project-portfolio-company-wrap{padding-bottom:16px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.long .project-portfolio-company-wrap{margin-bottom:8px}.project-portfolio-section3 .project-portfolio-list-name{font-size:24px;line-height:1.1;white-space:pre-wrap}.project-portfolio-section3 .project-portfolio-list-name-wrap{margin-bottom:6px}.project-portfolio-section3 .project-portfolio-list-left{width:25%}.project-portfolio-section3 .project-portfolio-list-right{width:75%;padding-left:0}.project-portfolio-section3 .project-portfolio-review-right{width:70%}.project-portfolio-section3 .project-portfolio-left-subject{font-size:16px}.project-portfolio-section3 .project-portfolio-ceo-wrap{position:static;justify-content:flex-start;padding:8px 0 0 calc(25% + 8px)}.project-portfolio-section3 .project-portfolio-ceo-image-wrap{width:30px;border-radius:4px;margin-right:8px}.project-portfolio-section3 .project-portfolio-right-text-box{padding:4px;margin-bottom:8px}.project-portfolio-section3 .project-portfolio-right-text{font-size:14px;margin-bottom:0}.project-portfolio-section3 .project-portfolio-right-text.float{padding-left:8px}.project-portfolio-section3 .project-portfolio-right-text.tech{font-size:12px;font-weight:300}.project-portfolio-section3 .project-portfolio-ceo-name{font-size:14px;font-weight:600}.project-portfolio-section3 .project-portfolio-list-link{padding:4px 12px;text-align:center}.project-portfolio-section3 .esp-fourlist-contact-btn-text{font-size:14px}.project-portfolio-section3 .project-portfolio-list-description{font-size:18px;font-weight:400;word-break:keep-all}.project-portfolio-section3 .project-portfolio-list-contents-wrap{width:100%;height:333px}.project-portfolio-section3 .project-portfolio-list-contents-inner{position:relative;width:100%;height:100%;aspect-ratio:auto;border:2px solid rgba(0,0,0,.6);transform-style:preserve-3d;transition:.5s;opacity:0;transform:translateY(10%);z-index:2}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-contents-inner{opacity:1;transform:translateY(0)}.project-portfolio-section3 .project-portfolio-list-image{width:100%;height:100%;display:block;object-fit:cover}.project-portfolio-section3 .project-portfolio-add.active{max-height:4000px}.project-portfolio-section3 .project-portfolio-add-wrap{padding:0 16px}.project-portfolio-section3 .project-portfolio-add-title-wrap{padding:0 0 40px}.project-portfolio-section3 .project-portfolio-add-title{font-size:9vw;font-weight:500}.project-portfolio-section3 .project-portfolio-add-title span{font-family:Orbitron,sans-serif}.project-portfolio-section3 .project-portfolio-add-button{padding:8px 24px;font-size:16px}.project-portfolio-section3 .vision-space-right-wrap{width:100%;padding-bottom:116px;margin-bottom:32px}.project-portfolio-section3 .vision-space-img-wrap{aspect-ratio:1/.8}.project-portfolio-section3 .vision-space-info-wrap{padding:12px 12px 4px}.project-portfolio-section3 .vision-space-right-title{font-size:18px}.project-portfolio-section3 .vision-space-right-text{margin-bottom:12px}.project-portfolio-section3 .vision-space-info-list{padding:4px;margin:0 8px 8px 0}.project-portfolio-section3 .vision-space-info-list:last-of-type{margin:0 8px 8px 0}.project-portfolio-section3.black .vision-space-right-list-text{color:#fffc}.project-portfolio-section3 .vision-space-info-list.active .vision-space-right-list-text{color:red}.project-portfolio-section3 .vision-space-img-subject-wrap{position:absolute;top:16px;left:16px;display:inline-block;padding:6px 8px;background-color:#d9db4d;margin-bottom:16px;z-index:2;text-transform:uppercase}.project-portfolio-section3 .pink{background-color:#e3b9cd}.project-portfolio-section3 .orange{background-color:#db914d}.project-portfolio-section3 .blue{background-color:#32bcc5}.project-portfolio-section3 .vision-space-img-subject-wrap2{position:absolute;top:16px;left:16px;display:inline-block;padding:6px 8px;margin-bottom:16px;z-index:2;text-transform:uppercase;clip-path:polygon(0 0,0 0,0 100%,0% 100%);transition:.5s}.project-portfolio-section3 .vision-space-img-wrap:hover .vision-space-img-subject-wrap2{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}.project-portfolio-section3 .vision-space-img-subject{font-size:16px;font-weight:700}}.interview-box-section{position:relative;width:100%;padding-top:150px;background-color:#0b0b0b;color:#fff;z-index:1}.interview-box-section .interview-box-container{position:relative;width:100%}.interview-box-section .interview-box-top{width:100%;display:flex;flex-direction:column;align-items:center}.interview-box-section .interview-box-title{font-size:44px;font-weight:400;line-height:1;opacity:0;margin-bottom:60px}.interview-box-section .interview-box-top.active .interview-box-title{animation:blinkEffect .3s linear forwards}@keyframes blinkEffect{0%{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:0}40%{opacity:0}50%{opacity:1}60%{opacity:1}70%{opacity:0}80%{opacity:0}90%{opacity:1}to{opacity:1}}.interview-box-section .interview-box-sub-title-wrap{display:flex;overflow:hidden;margin-bottom:8px}.interview-box-section .interview-box-sub-title-wrap:last-of-type{margin-bottom:0}.interview-box-section .interview-box-sub-title{font-size:18px;font-weight:200;line-height:1;text-align:center;color:#ffffffa1;transform:translateY(100%)}.interview-box-section .interview-box-sticky-wrap{position:relative;width:100%;height:calc(var(--vh, 1vh) * 200);z-index:2}.interview-box-section .interview-box-sticky{position:sticky;top:0;width:100%;height:calc(var(--vh, 1vh) * 100);overflow:hidden}.interview-box-section .interview-box-sticky-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:140px 20px 40px}.interview-box-section .interview-seperated-box-wrap{position:relative;width:100%;max-width:1540px;padding:0 10px;display:flex;justify-content:space-between;opacity:0;perspective:2500px}.interview-box-section .interview-seperated-box{width:calc(25% - 12px);aspect-ratio:1/1.2;flex-shrink:0;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.1);background-color:#ffffff4d;clip-path:polygon(6% 0,100% 0,100% 94%,94% 100%,0 100%,0 6%);transition:.3s}.interview-box-section .interview-seperated-surface{position:relative;width:100%;height:100%;overflow:hidden;padding:100px 32px 60px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;clip-path:polygon(calc(6% + 1px) 0,100% 0,100% calc(94% - 1px),calc(94% - 1px) 100%,0 100%,0 calc(6% + 1px));transition:.3s}.interview-box-section .interview-seperated-box.active .interview-seperated-surface{color:#fff}.interview-box-section .interview-seperated-top{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px}.interview-box-section .interview-seperated-front-title{font-size:20px;font-weight:300;line-height:1.2;white-space:pre-wrap;text-align:center}.interview-box-section .interview-seperated-front-text{font-size:18px;font-weight:400;min-height:135px;line-height:1.25;white-space:pre-wrap}.interview-box-section .interview-seperated-box.active .interview-seperated-front-text{color:#505050}.interview-box-section .interview-seperated-button{position:relative;width:25%;height:34px;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:transparent;cursor:pointer;color:#fff9;transition:.5s;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.interview-box-section .interview-seperated-button span{display:block;font-size:20px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.interview-box-section .interview-seperated-button:hover{background-color:#fff;color:#000}@media screen and (max-width: 768px){.interview-box-section{padding-top:100px;background-color:#0b0b0b;color:#fff}.interview-box-section .interview-box-top{margin-bottom:40px}.interview-box-section .interview-box-title{font-size:7.8vw;font-weight:500;margin-bottom:30px}.interview-box-section .interview-box-sub-title-wrap{margin-bottom:6px}.interview-box-section .interview-box-sub-title{font-size:16px;font-weight:400}.interview-box-section .interview-box-sticky-wrap,.interview-box-section .interview-box-sticky{height:auto}.interview-box-section .interview-box-sticky-inner{height:auto;padding:60px 16px 32px}.interview-box-section .interview-seperated-box-wrap{padding:0;transition:.3s;flex-direction:column}.interview-box-section .interview-seperated-box{width:100%;aspect-ratio:auto;margin-bottom:24px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.interview-box-section .interview-seperated-surface{padding:60px 24px;background-color:#000;clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px)}.interview-box-section .interview-seperated-box.active .interview-seperated-surface{color:#fff}.interview-box-section .interview-seperated-top{padding-bottom:0}.interview-box-section .interview-seperated-front-title{font-size:5.5vw;font-weight:400}}.category-page-section{width:100%;height:100%;padding:150px 160px;background-color:#000;color:#fff}.category-page-section .category-page-inner{width:100%;height:100%}.category-page-title-wrap{min-height:100px;border-bottom:1px solid #9f9f9f}.category-page-title{font-size:32px;font-weight:700}.category-page-list{display:flex}.category-page-list .category-page-list-btn{padding:20px 20px 10px 0;font-size:18px;cursor:pointer;font-weight:500;color:#767676}.category-page-list .category-page-list-btn.active{color:#005a86;text-decoration:underline}.category-page-content-wrap{padding:50px 0}.category-page-content-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start}.category-page-content-item{width:calc(25% - 22.5px);aspect-ratio:1/.5;margin-right:30px;margin-bottom:30px}.category-page-content-item:nth-child(4n){margin-right:0}.category-page-content-imgWrap{width:100%;aspect-ratio:1/1}.category-page-content-img{width:100%;height:100%;object-fit:cover}.category-page-content-textBox{width:100%;height:100%;padding:16px 0;display:flex;flex-direction:column}.category-page-content-title{font-size:24px;color:#fff;padding-bottom:1rem}.category-page-content-product{font-size:18px;line-height:1.2;font-weight:500;width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-y:hidden;color:#fff}.category-page-content-text{font-size:16px;color:#767676;margin-top:auto}@media screen and (max-width: 768px){.category-page-section{padding:100px 16px}.category-page-title{font-size:24px}.category-page-content-item{width:calc(50% - 10px);margin-right:20px;aspect-ratio:1/.9}.category-page-content-item:nth-child(2n){margin-right:0}.category-page-content-title{font-size:16px}.category-page-content-product{font-size:18px}}.list-pagination nav{display:flex;justify-content:center}.list-pagination nav .list-pagination .MuiPaginationItem-previousNext{background-color:#fff}.list-pagination nav .css-10w330c-MuiButtonBase-root-MuiPaginationItem-root{color:#fff}.list-pagination nav .css-10w330c-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected{color:#000}.css-18lqwt2.Mui-selected{background-color:#ffffffe5!important}.category-detail-section{position:relative;width:100%}.category-detail-inner{width:100%;height:auto;position:relative;display:flex;flex-direction:column;padding:100px 160px}.category-page-left-wrap img{width:100%;object-fit:cover}.category-page-right-wrap{width:100%}.category-detail-top{padding:50px 0;display:flex;justify-content:space-between}.category-detail-category{font-size:20px;color:#888}.category-detail-product{font-size:32px}.category-detail-price{font-size:20px;padding-top:10px}.category-detail-content{display:flex;min-height:500px;flex-direction:column;justify-content:space-between}.category-detail-content-text-wrap{border-bottom:1px solid #888;border-top:1px solid #888}.category-detail-content-title{font-size:24px;padding:10px 0}.category-detail-content-container{width:100%;position:relative;padding:30px 0}.category-detail-content-container img{width:100%}.category-detail-content-list{line-height:1.78}.category-detail-content-list .category-detail-content-left{display:inline-block;width:100px}.category-detail-btn-wrap{display:flex;margin:0 auto;padding:80px 0}.category-detail-btn-wrap .category-detail-content-btn{margin:0 10px}.category-detail-content-btn{padding:14px 40px;background-color:#3bc1ff;border:1px solid #3BC1FF;border-radius:6px;color:#fff;width:fit-content;margin:20px 0 0 auto;cursor:pointer;transition:all .3s}.category-detail-content-btn:hover{background-color:transparent;color:#3bc1ff;border:1px solid #3BC1FF}@media screen and (max-width: 768px){.category-detail-inner{flex-direction:column;padding:0}.category-page-left-wrap{width:100%}.category-page-right-wrap{width:100%;height:auto;padding:100px 16px 50px;position:static}.category-detail-category{font-size:16px}.category-detail-product{font-size:20px}.category-detail-top{padding:0 0 20px}.category-detail-content-title{font-size:18px}.category-detail-content-container{height:auto}.category-detail-content-btn{padding:10px}.category-detail-btn-wrap{margin-top:50px}.category-detail-content{min-height:300px}}