@charset "utf-8";
/* LicenseNumber:ekdrh202603 */
/* for styles */
@import url("default.css");

/* 컨텐츠 영역 */.container_wrap{min-height:100vh;max-width:100vw;color:#1e2124;}.container_wrap.ios_safe{margin-top:var(--safe-top);}.container_wrap p{font-size:18px;color:#464c53;line-height:1.65;}.container_wrap p.big{font-size:20px;line-height:1.6;}::selection{background-color:#ff710d;color:white;}
/* header */.header{position:fixed;top:0;left:0;width:100%;padding:32px 40px;z-index:100;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;}.header .inbox{position:relative;background:#ffffff0d;border:#fff9 1px solid;border-radius:72px;backdrop-filter:url(#glass-refraction) blur(2px);transition:0.2s linear;}.header .logo,.header .btn_contactus{position:absolute;top:50%;transform:translateY(-50%);z-index:1;}.header .logo{left:44px;background:#131416;mask:url("/images/logo.svg") no-repeat 0 50% / contain;-webkit-mask:url("/images/logo.svg") no-repeat 0 50% / contain;}.header .logo img{opacity:0;}.header .gnb_wrap{position:relative;width:100%;}.header .gnb{display:flex;justify-content:center;align-items:center;width:100%;}.header .gnb .flex > li{position:relative;}.header .gnb .flex > li > a,.header .gnb .flex > li > button{display:block;font-size:17px;color:#131416;line-height:72px;padding:0 60px;font-family:"Nohemi", "Pretendard", sans-serif;}.header .gnb .flex > li.on > a{color:#0169d8;}.header .gnb .snb{position:absolute;top:100%;left:50%;width:210px;height:380px;transform:translateX(-50%);padding:26px 0 34px;opacity:0;pointer-events:none;user-select:none;transition:0.2s linear;}.header .gnb .on_focus .snb{display:block;}.header .gnb .snb a{display:block;font-size:17px;color:#000c;line-height:28px;padding:6px;text-align:center;}.header .gnb .snb a.on{color:#0169d8;font-weight:600;}.header .btn_contactus{right:12px;font-size:17px;color:#fff;line-height:48px;height:48px;width:170px;text-align:center;background:linear-gradient(90deg, #142b93, #0391e7);border-radius:24px;overflow:hidden;font-family:"Nohemi", "Pretendard", sans-serif;}.header .btn_contactus:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/bg_head_contact.svg") repeat-x 50% 50% / cover;animation:waveMove 10s linear infinite;}.header .btn_contactus span{position:relative;z-index:1;text-shadow:#142b93 0 0 5px,#142b93 0 0 8px,#142b93 0 0 10px;}@keyframes waveMove{0%{transform:translate(0, 0);opacity:0.5;}50%{transform:translate(0, 10px);opacity:0.3;}100%{transform:translate(0, 0);opacity:0.5;}}.header .btn_menu{display:none;}.head_snb_bg{position:fixed;top:113px;left:40px;width:calc(100% - 80px);height:372px;border-radius:20px;z-index:90;background:#fffc;backdrop-filter:url(#glass-refraction) blur(6px);opacity:0;pointer-events:none;user-select:none;transition:0.2s linear;}.head_snb_bg:before,.head_snb_bg:after{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}.head_snb_bg:before{background:linear-gradient(160deg, #ffffff80 0%, #fff0 50%);}.head_snb_bg:after{background:linear-gradient(320deg, #ffffff80 0%, #fff0 50%);}.header.fixed.bg_black .gnb .snb a{color:#fff;}.header.fixed.bg_black + .head_snb_bg{background:#000c;}.header.white_mode .inbox{background:#ffffff0d;border-color:transparent;}.header.white_mode .inbox:before,.header.white_mode .inbox:after{content:"";position:absolute;inset:0;border-radius:50px;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}.header.white_mode .inbox:before{background:linear-gradient(178deg, #ffffff80 0%, #fff0 50%);}.header.white_mode .inbox:after{background:linear-gradient(358deg, #ffffff80 0%, #fff0 50%);}.header.white_mode .inbox .logo{background:#fff;}.header.white_mode .flex > li > a{color:#fff;}.header.white_mode .flex > li.on > a{color:#98caff;text-shadow:#0009 0 0 10px;}.header.bg_white .inbox,.header.fixed .inbox{background:#fffc;border-color:#fff9;}.header.bg_white .inbox .logo,.header.fixed .inbox .logo{background:#131416;}.header.bg_white .flex > li > a,.header.fixed .flex > li > a{color:#131416;}.header.bg_white .flex > li.on > a,.header.fixed .flex > li.on > a{color:#0169d8;text-shadow:none;}.header.bg_black .inbox,.header.fixed.bg_black .inbox{background:#ffffff1a;border-color:transparent;}.header.bg_black .inbox:before,.header.bg_black .inbox:after{content:"";position:absolute;inset:0;border-radius:50px;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}.header.bg_black .inbox:before{background:linear-gradient(178deg, #ffffff80 0%, #fff0 50%);}.header.bg_black .inbox:after{background:linear-gradient(358deg, #ffffff80 0%, #fff0 50%);}.header.bg_black .inbox .logo,.header.fixed.bg_black .inbox .logo{background:#fff;}.header.bg_black .flex > li > a,.header.fixed.bg_black .flex > li > a{color:#fff;}.header.bg_black .flex > li.on > a,.header.fixed.bg_black .flex > li.on > a{color:#ff710d;text-shadow:none;}.header.bg_black .gnb .snb a.on{color:#ff710d;}
/* footer */.footer{position:relative;padding:80px 0 0;background:#111;z-index:20;}.footer .point{top:64px;}.footer .gotop{position:fixed;bottom:40px;right:40px;font-size:17px;color:#fff;line-height:46px;height:48px;width:82px;text-align:center;background:#040404;border:#fff6 1px solid;border-radius:24px;z-index:10;opacity:0;pointer-events:none;user-select:none;transition:opacity 0.2s linear;-webkit-transform:translateZ(0);transform:translateZ(0);margin-bottom:env(safe-area-inset-bottom);}.footer.fixed .gotop{opacity:1;pointer-events:auto;user-select:auto;}.footer.unfixed .gotop{position:absolute;bottom:calc(100% - 24px);}.footer .inbox{padding:0 80px;display:flex;flex-wrap:wrap;justify-content:space-between;}.footer .address_area{max-width:400px;}.footer .award_list{display:flex;gap:10px;margin-bottom:40px;}.footer .award_list li{width:44px;aspect-ratio:1/1;background:#ffffff14;border-radius:4px;display:flex;justify-content:center;align-items:center;}.footer address *{color:#fff;line-height:1.65;}.footer .homepagename{font-size:17px;font-weight:500;letter-spacing:-0.51px;}.footer .office_info{display:flex;flex-wrap:wrap;gap:0 24px;letter-spacing:-0.48px;}.footer .office_info li{display:flex;align-items:center;gap:4px;}.footer .office_info li strong{color:#fffd;font-weight:500;}.footer .office_info li span,.footer .office_info li a{color:#fffa;}.footer .btn_privacy_policy{display:block;font-size:14px;color:#fff9;line-height:1.7;letter-spacing:-0.42px;margin-top:12px;text-decoration:underline;text-underline-offset:3px;}.footer .copy{font-size:14px;color:#fff6;line-height:1.7;margin-top:12px;font-weight:400;font-family:"Nohemi", "Pretendard", sans-serif;}.footer .footer_menus .flex{gap:120px;justify-content:flex-end;}.footer .footer_menus .flex > li > a,.footer .footer_menus .snb a{display:block;font-size:17px;line-height:1.65;letter-spacing:-0.51px;}.footer .footer_menus .flex > li > a{color:#fff;margin-bottom:20px;}.footer .footer_menus .snb a{color:#fff9;}.footer .footer_menus .snb a + a{margin-top:8px;}.footer .btm_space{margin-top:80px;padding-top:80px;border-top:#ffffff1a 1px solid;}.footer_main .gotop{display:none;}
/* 메인서브공통 */.btn_link{position:relative;display:flex;font-size:20px;color:#131416;line-height:60px;height:60px;background:#ffffff1a url("/images/btn_link.svg") no-repeat right 8px center;padding:0 92px 0 48px;margin:80px auto 0;border-radius:30px;box-shadow:inset #0000001a 1px 1px 10px;transition:background 0.2s linear,color 0.2s linear,box-shadow 0.2s linear,transform 0.4s !important;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;}.btn_link:before,.btn_link:after{content:"";position:absolute;inset:0;border-radius:50px;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;}.btn_link:before{background:linear-gradient(170deg, #ffffff80 0%, #fff0 50%);}.btn_link:after{background:linear-gradient(350deg, #ffffff80 0%, #fff0 50%);}.btn_link.slim{line-height:56px;height:56px;padding:0 83px 0 43px;background-size:40px;font-size:17px;letter-spacing:-0.51px;}.btn_link.white{color:#fff;}
/* main */.main_wrap{max-width:100%;}.main_title{position:relative;font-size:64px;color:#fff;line-height:1.25;font-family:"Nohemi", "Pretendard", sans-serif;}.main_title span{font-weight:200;}.main_title strong{font-weight:500;}
/* intro */.intro{position:relative;height:50vh;overflow:hidden;z-index:102;display:none;}.is_first_visit .intro{display:block;}.intro.opacity{pointer-events:none;user-select:none;}.intro_hide .intro{pointer-events:none;}.intro_fixed{position:fixed;width:100%;height:100vh;z-index:101;overflow:hidden;display:flex;justify-content:center;align-items:center;will-change:opacity;perspective:1000px;-webkit-perspective:1000px;}.intro_fixed:before,.intro_fixed:after{content:"";position:absolute;left:0;width:100%;height:var(--bar-height, 30vh);background:#040404;z-index:-1;}.intro_fixed:before{top:0;}.intro_fixed:after{bottom:0;}.intro_fixed svg{border:0;z-index:1;width:100%;height:auto;}/* .intro_fixed svg{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block;} */.intro .inbox{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;shape-rendering:geometricPrecision;image-rendering:-webkit-optimize-contrast;will-change:transform, opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}.intro .inbox .text{height:160px;opacity:0;}.intro .inbox .btn_link{color:#fff;pointer-events:auto;user-select:auto;font-family:"Nohemi", "Pretendard", sans-serif;}.intro.remove{opacity:0;visibility:hidden;transition:all 0.5s ease;pointer-events:none;}.intro .btn_scroll_down{position:absolute;bottom:48px;left:50%;width:140px;transform:translateX(-50%);font-size:14px;color:#fff;line-height:1.7;text-align:center;z-index:1;font-family:"Nohemi", "Pretendard", sans-serif;}.intro .btn_scroll_down:after{content:"";display:block;width:100%;height:30px;background:url("/images/arrow_scroll_down.svg") no-repeat 50% 50% / contain;margin-top:4px;animation:scroll_down 2s infinite;}@keyframes scroll_down{0%{transform:translateY(0);}50%{transform:translateY(15px);}100%{transform:translateY(0);}}
/* main_visual */.main_visual{position:relative;color:#33363d;height:120vh;background:#fff;z-index:2;}.intro_hide .main_visual{height:100vh;}.main_visual .outbox{position:fixed;top:0;left:0;height:100vh;}.main_visual .bg_video{width:100vw;height:100vh;object-fit:cover;}.main_visual .inbox{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 82px 100px;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;}.main_visual .tit{font-size:32px;line-height:1.2;margin-bottom:24px;letter-spacing:-0.96px;}.main_visual .tit strong{color:#ff710d;}.main_visual .copyright{font-size:100px;color:#131416;font-weight:400;line-height:1.2;font-family:"Nohemi", "Pretendard", sans-serif;}.main_visual h2{display:block;font-size:22px;font-weight:300;line-height:1.45;margin-top:48px;padding-top:48px;border-top:#cdd1d5 1px solid;width:calc(100% - 174px);opacity:0.9;letter-spacing:-0.66px;}.main_visual .btn_right{position:absolute;right:80px;width:110px;border-radius:55px;z-index:10;display:flex;flex-direction:column;align-items:center;transition:none;}.main_visual .btn_right p{font-size:12px;color:#fff6;font-weight:500;line-height:1;font-family:"Nohemi", "Pretendard", sans-serif;}.main_visual .btn_quick{bottom:324px;padding:40px 0 32px;background:linear-gradient(#0d51be, #047fcc);}.main_visual .btn_quick .quick_slide{width:100%;overflow:hidden;}.main_visual .btn_quick a{display:block;text-align:center;}.main_visual .btn_quick i{display:block;width:40px;height:40px;background:#fff3 no-repeat 50% 50%;border-radius:50%;margin:16px auto 8px;}.main_visual .btn_quick .i1 i{background-image:url("/images/icon_quick01.svg");}.main_visual .btn_quick .i2 i{background-image:url("/images/icon_quick02.svg");}.main_visual .btn_quick .i3 i{background-image:url("/images/icon_quick03.svg");}.main_visual .btn_quick .i4 i{background-image:url("/images/icon_quick04.svg");}.main_visual .btn_quick strong{font-size:15px;color:#fff;line-height:20px;height:40px;letter-spacing:-0.45px;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}.main_visual .btn_quick strong span{display:block;font-size:14px;width:100%;}.main_visual .btn_quick .navi{display:flex;gap:6px;margin-top:24px;opacity:0.8;}.main_visual .btn_quick .navi button{width:16px;height:16px;background:no-repeat 50% 50% / contain;font-size:0;}.main_visual .btn_quick .navi .arrow{background-image:url("/images/arrow_slide.svg");}.main_visual .btn_quick .navi .prev{order:1;}.main_visual .btn_quick .navi .next{order:3;transform:scaleX(-1);}.main_visual .btn_quick .navi .papl{order:2;}.main_visual .btn_quick .navi .pause{background-image:url("/images/icon_pause.svg");}.main_visual .btn_quick .navi .play{background-image:url("/images/icon_play.svg");background-size:14px;}.main_visual .btn_contact{bottom:100px;padding:40px 0 20px;background:#131416;}.main_visual .btn_contact strong{display:block;font-size:20px;color:#fff;font-weight:600;line-height:1.3;margin:8px 0 24px;}.main_visual .btn_contact:after{content:"";display:block;width:44px;aspect-ratio:1/1;border-radius:50%;background:#0169d8 url("/images/btn_link_arrow.svg") no-repeat 50% 50% /contain;}.main_visual .after_cover{position:absolute;top:0;left:0;width:100%;height:calc(100% + 1px);pointer-events:none;background:#040404 url("/images/bg_main_service.avif") no-repeat 50% 0 /contain;transform:scaleY(-1);opacity:0;}.main_visual.end .outbox{position:absolute;top:auto;bottom:0;}.main_wrap .quick_menu{position:fixed;top:50%;right:48px;transform:translateY(-65%);z-index:30;}.main_wrap .quick_menu ul{display:flex;flex-direction:column;gap:20px;padding:32px 10px 14px;background:#fff;box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.08);border-radius:44px;}.main_wrap .quick_menu a{display:block;width:68px;text-align:center;letter-spacing:-0.02em;}.main_wrap .quick_menu a i{display:block;width:24px;height:24px;background:no-repeat 50% 50% / contain;margin:0 auto 8px;}.main_wrap .quick_menu a strong{font-size:15px;color:#464c53;font-weight:600;line-height:1.35;text-align:center;}.main_wrap .quick_menu .i1 i{background-image:url("/images/icon_quick_b01.svg");}.main_wrap .quick_menu .i2 i{background-image:url("/images/icon_quick_b02.svg");}.main_wrap .quick_menu .i3 i{background-image:url("/images/icon_quick_b03.svg");}.main_wrap .quick_menu .i4 i{background-image:url("/images/icon_quick_b04.svg");}.main_wrap .quick_menu .gotop{font-size:15px; color:#fff; line-height:20px; height:56px; width:56px; text-align:center; background:#000; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; margin: 0 auto;}.main_wrap .quick_menu .gotop:before{content:""; display: block; width: 15px; height:15px; background: url('/images/arrow_gotop.svg') no-repeat 50% 50% / contain;}
/* main_service */.sticky_wrap{position:relative;overflow:clip;z-index:3;}.main_service{position:relative;background:#040404 url("/images/bg_main_service.avif") no-repeat 50% 0 /contain;padding:200px 0 300px;overflow:clip;}.main_service .outbox{position:relative;max-width:100%;}.main_service .outbox:before{content:"";position:absolute;bottom:-300px;left:50%;width:100vw;height:300px;background:#000;transform:translateX(-50%);z-index:1;}.main_service .marquee_banner_wrap{position:relative;margin-bottom:160px;z-index:2;overflow:hidden;}.main_service .marquee_banner{position:relative;}.main_service .marquee_banner,.main_service .marquee_banner .slide{display:flex;align-items:center;}.main_service .marquee_banner .slide{opacity:0.6;}.main_service .marquee_banner .slide,.main_service .marquee_banner .slide li{flex:0 0 auto;flex-shrink:0;will-change:transform;}.main_service .marquee_banner .slide li{padding:0 30px;display:flex;justify-content:center;align-items:center;}.main_service .inner{position:relative;padding-top:200px;max-width:1280px;}.main_service .bg_round{position:absolute;top:0;left:50%;transform:translateX(-50%);transform-origin:50% 0;background:#000;border-radius:50% 50% 0 0;width:150vw;height:calc(100% + 80px);z-index:0;box-shadow:#ff671499 0 0 100px;}.main_service .bg_round:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;border-radius:inherit;}.main_service .bg_round .in_gradient{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;filter:blur(40px);background:#000;z-index:-1;}.main_service .bg_round .in_gradient:before,.main_service .bg_round .in_gradient:after{content:"";position:absolute;top:50%;left:50%;width:200vw;height:200vw;border-radius:50%;aspect-ratio:1/1;transform:translate(-50%, -50%);animation:bg_gradient 5s linear infinite;background:conic-gradient(#c45a2033 0deg,#2a7a4433 90deg,#1a4a8a33 180deg,#6a2a7a33 270deg,#c45a2033 360deg);filter:blur(60px) saturate(3) hue-rotate(360deg);}.main_service .bg_round .in_gradient:before{animation:rot_cw 4s linear infinite;}.main_service .bg_round .in_gradient:after{animation:rot_ccw 6s linear infinite;}@keyframes rot_cw{to{transform:translate(-50%, -50%) rotate(360deg);}}@keyframes rot_ccw{to{transform:translate(-50%, -50%) rotate(-360deg);}}.main_service .inner{position:relative;}.main_service .service{position:relative;z-index:1;}.main_service .main_title{margin-bottom:24px;display:flex;justify-content:center;gap:16px;font-family:"Nohemi", "Pretendard", sans-serif;}.main_service .tb{font-size:22px;color:#cdd1d5;font-weight:300;line-height:1.45;text-align:center;letter-spacing:-0.66px;}.main_service .tb strong{color:#fff;font-weight:600;}.main_service .list{display:flex;flex-wrap:wrap;gap:20px;margin-top:80px;}.main_service .list li{width:calc((100% - 40px) / 3);background:#ffffff14;}.main_service .list li a{position:relative;display:flex;flex-direction:column;padding:40px;height:100%;}.main_service .list li a:after{content:"";position:absolute;bottom:40px;right:40px;width:44px;aspect-ratio:1/1;border-radius:50%;background:#33363d url("/images/arrow_more.svg") no-repeat 50% 50%;transition:0.2s linear;}.main_service .list li object{display:block;width:56px;height:56px;aspect-ratio:1/1;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;pointer-events:none;}.main_service .list li h3{display:block;font-size:24px;color:#fff;font-weight:600;line-height:1.4;margin:30px 0 8px;letter-spacing:-0.72px;}.main_service .list li p{font-size:17px;color:#fff;line-height:1.65;letter-spacing:-0.51px;}.main_service.end .service{display:none;}.out_service{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:1240px;background:none !important;z-index:2;display:none;}.main_service.end + .out_service{display:block;}.main_service.end + .out_service .service{display:block;}
/* main_strength, main_PORTFOLIO 공통 */.page_rotate{position:sticky;position:-webkit-sticky;top:0;}.main_strength{background-color:transparent;}.page_rotate .outbox{position:relative;transform:rotate(15deg);padding:160px 0;overflow:hidden;will-change:transform;-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}.page_rotate .inbox{padding:0 80px;width:100vw;margin:0 auto;}.page_rotate .tbbg{position:relative;font-size:26px;font-weight:400;line-height:1.4;padding-right:28px;z-index:1;letter-spacing:-0.78px;}.page_rotate .tbbg strong{font-weight:600;}.page_rotate .tbbg:before{content:"";position:absolute;top:50%;right:0;width:56px;aspect-ratio:1/1;border-radius:50%;transform:translateY(-50%);z-index:-1;}.page_rotate .main_title{display:flex;flex-direction:column;}.page_rotate .tt{font-weight:500;font-family:"Nohemi", "Pretendard", sans-serif;letter-spacing:-0.78px;}
/* main_strength */.main_strength{z-index:2;background-color:#040404;}.main_strength:before{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:10px;background:#ff710d;}.main_strength .outbox{background:#ff710d;}.main_strength .outbox:before{content:"";position:absolute;bottom:300px;left:0;width:100%;height:1px;background:#fff6;}.main_strength .inbox{display:flex;}.main_strength .left{width:40%;display:flex;flex-direction:column;align-items:flex-start;}.main_strength .tt{font-size:20px;color:#fff;font-weight:500;line-height:1.6;font-family:"Nohemi", "Pretendard", sans-serif;}.main_strength .tbbg{color:#fff;margin-top:48px;}.main_strength .tbbg:before{background:#ffffff1a;}.main_strength .right{position:relative;width:60%;padding-left:114px;}.main_strength .right:before{content:"";position:absolute;top:50%;left:0;width:1px;height:calc(100% + 320px);background:#fff6;transform:translateY(-50%);}.strength_list{display:flex;flex-wrap:wrap;gap:20px;}.strength_list li{position:relative;width:calc(50% - 10px);background:#000000b2;border-radius:8px;padding:40px;height:320px;}.strength_list h3{display:block;font-size:24px;color:#fff;font-weight:600;line-height:1.4;margin-bottom:14px;letter-spacing:-0.72px;}.strength_list p{font-size:17px;color:#fff;line-height:1.65;letter-spacing:-0.51px;}.strength_list li object{content:"";position:absolute;bottom:40px;right:40px;width:120px;aspect-ratio:1/1;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;pointer-events:none;}
/* main_PORTFOLIO */.main_portfolio{z-index:3;background:#ff710d;}.main_portfolio .outbox{background:#f0f2f5;}.main_portfolio .svg_area{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;}.main_portfolio .svg_t,.main_portfolio .svg_b{position:absolute;}.main_portfolio .svg_t{top:0;right:100px;}.main_portfolio .svg_b{bottom:160px;left:0;}.main_portfolio .main_title{color:#131416;}.main_portfolio .tt{color:#131416;}.main_portfolio .tbbg{color:#464c53;margin-top:-36px;text-align:right;}.main_portfolio .tbbg strong{color:#131416;}.main_portfolio .tbbg:before{background:#ffffff99;}.portfolio_marquee{position:relative;border-top:#8a949e33 1px solid;margin-top:56px;padding-top:56px;z-index:10;}.portfolio_marquee,.portfolio_marquee .list{display:flex;align-items:flex-end;}.portfolio_marquee.stop .list{margin:0 auto;}.portfolio_marquee .list li{padding:0 12px;}.portfolio_marquee .list a{position:relative;display:block;width:380px;aspect-ratio:1/1;padding-top:40px;}.portfolio_marquee .list .flip{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;}.portfolio_marquee .list .before,.portfolio_marquee .list .after{position:relative;width:100%;aspect-ratio:1/1;border-radius:8px;}.portfolio_marquee .list .before{display:flex;justify-content:center;align-items:center;}.portfolio_marquee .list .before .bg{width:100%;height:100%;object-fit:cover;transition:0.3s linear;}.portfolio_marquee .list .before .logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:80%;max-height:80%;}.portfolio_marquee .list .before .tit{position:absolute;bottom:20px;left:0;padding:0 20px;z-index:1;width:100%;text-align:left;}.portfolio_marquee .list .before .tit p{font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.portfolio_marquee .list .before .tit strong{font-size:18px;color:#fff;font-weight:600;line-height:1.65;letter-spacing:-0.51px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.portfolio_marquee .list .after{position:absolute;top:100%;left:0;width:100%;padding:40px;display:flex;flex-direction:column;background:#0169d8;transition:0.4s ease-out;}.portfolio_marquee .list .after .type{font-size:14px;color:#fff;line-height:1.7;font-family:"Nohemi", "Pretendard", sans-serif;}.portfolio_marquee .list .after .tit{font-size:32px;color:#fff;font-weight:600;line-height:1.45;margin:32px 0 8px;letter-spacing:-0.96px;}.portfolio_marquee .list .after p{font-size:17px;color:#cdd1d5;line-height:1.65;letter-spacing:-0.51px;}.portfolio_marquee .list .after .logo{position:absolute;bottom:40px;right:40px;opacity:0.6;}.portfolio_marquee .btn_link{letter-spacing:.-6px;}
/* main_문의하기 */.main_experience{position:relative;padding:400px 0 300px;background:#000;z-index:10;}.main_experience .bg_video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0.3;}.main_experience .bg_video canvas{position:absolute;top:50%;left:50%;max-width:90%;max-height:90%;transform:translate(-50%, -50%);}.main_experience .inner{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1;}.main_experience .main_title{letter-spacing:-2.56px;}.main_experience p{font-size:26px;color:#e6e8ea;line-height:1.4;margin:24px 0 80px;letter-spacing:-0.78px;}.main_experience a.btn_link{backdrop-filter:url(#main_glass-refraction) blur(2px);color:#fff;margin-top:0;letter-spacing:.-6px;}
/* main_FAQ */.main_contact{position:relative;background:#000;padding:120px 0 80px;z-index:10;}.main_contact .inbox{padding:0 40px;display:flex;gap:16px;}.main_contact .left{width:calc(100% - 576px);padding:120px 80px 40px;border:#fff3 1px solid;border-radius:20px;}.main_contact .main_title_flex{position:relative;display:flex;align-items:baseline;gap:40px;}.main_contact .btn_link{color:#fff;margin:0;}.main_contact .main_title_flex .tb{font-size:26px;color:#fff;line-height:1.4;letter-spacing:-0.78px;}.main_contact .main_title_flex .btn_link{position:absolute;bottom:0;right:0;}.main_contact .faq_list{margin-top:40px;}.main_contact .faq_list li{border-bottom:#fff3 1px solid;border-radius:0;transition:0.2s linear;}.main_contact .faq_list li:first-child{border-top:#fff3 1px solid;}.main_contact .faq_list li button,.main_contact .faq_list li .con{position:relative;}.main_contact .faq_list li button{padding:32px 94px 32px 51px;font-size:20px;color:#fff;font-weight:500;line-height:1.6;width:100%;text-align:left;letter-spacing:-0.6px;}.main_contact .faq_list li button:before{content:"Q";position:absolute;top:32px;left:24px;font-size:inherit;color:#fff6;font-weight:inherit;line-height:inherit;}.main_contact .faq_list li button:after{content:"";position:absolute;top:0;right:24px;width:30px;height:100%;background:url("/images/arrow_faq.svg") no-repeat 50% 50% / contain;transition:0.2s linear;}.main_contact .faq_list li .con{padding:0 94px 32px 54px;font-size:17px;color:#cdd1d5;line-height:1.65;letter-spacing:-0.51px;opacity:0.9;display:none;}.main_contact .faq_list li .con p{font-size:inherit;color:inherit;}.main_contact .faq_list li.on{background:#ffffff1a;border-radius:8px;border:0;}.main_contact .faq_list li.on:first-child{border-top:0;}.main_contact .faq_list li.on button:before{color:#0169d8;}.main_contact .faq_list li.on button:after{transform:rotate(180deg);}.main_contact .faq_list li.on_before{border-bottom:0;}.main_contact .right{width:560px;display:flex;flex-direction:column;gap:16px;}.main_contact .right .box{position:relative;height:448px;background:no-repeat 50% 50% / cover;padding:40px;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;}.main_contact .right .type{font-size:14px;color:#fff9;line-height:1.7;font-family:"Nohemi", "Pretendard", sans-serif;}.main_contact .right h3{font-size:38px;color:#fff;font-weight:600;line-height:1.42;margin:24px 0 16px;letter-spacing:-1.14px;}.main_contact .right p{font-size:17px;color:#fffc;font-weight:500;line-height:1.65;letter-spacing:-0.51px;}.main_contact .right .btn_link{position:absolute;bottom:40px;right:40px;}.main_contact .right .contactus{background-image:url("/images/bg_main_contact.avif");}.main_contact .right .blog{background-image:url("/images/bg_main_blog.avif");}