body{font-family:"Open Sans",serif}body,h1,h2,h3,h4,h5,h6,li,a,textarea,dl,dt,dd,td,th,button,label,input,select,option,strong{font-family:"Open Sans",serif}span{font-family:"Open Sans",serif}body{word-break:keep-all}a[href^=tel]{color:inherit;text-decoration:none}*{-webkit-tap-highlight-color:transparent}html{font-size:10px}body{font-size:1.8rem}h6{font-size:1.4rem}h5{font-size:1.6rem}h4{font-size:2.2rem}h3{font-size:3rem}h2{font-size:4rem}h1{font-size:6rem}@media (max-width:767px){html{font-size:8px}}@media (min-width:768px) and (max-width:1023px){html{font-size:9px}}@media (min-width:1024px){html{font-size:10px}}:root{--hbgcolor:transparent;--mcolor: #0e2442;--ccolor: #fff;--fbgcolor: #0e2442}body.active{}.et_pb_section{background-color:#f8f7f4}.gnb-header{position:fixed;width:100%;background:var(--hbgcolor);z-index:9999;border-top:0px solid rgba(0,0,0,0.1);border-bottom:0px solid rgba(0,0,0,0.1);margin:20px 0px;transition:0.3s ease-in-out}.gnb-header.shift{transform:translateY(-80px);transition:0.3s ease-in-out}.gnb-header{transition:0.3s ease-in-out}.gnb-header .et_pb_row .et_pb_column.et-last-child{z-index:auto}.gnb-header .gnbheaderlogo,.gnb-header .fullscreenlogo{display:block;margin:0 auto;padding-top:0px;max-width:48px}.gnb-header .gnbheaderlogo.active{display:none}.gnb-header .fullscreenlogo{display:none}.gnb-header .fullscreenlogo.active{display:block}.gnb-title{color:#000;font-size:20px;font-weight:bold}.gnb-title.on{color:#fff!important}.toggle-menu{background-color:var(--hgcolor);border-radius:0px;border:none;cursor:pointer;display:inline-block;float:right;height:60px;top:0px;right:20px;outline:none;padding:0;pointer-events:initial;position:absolute;vertical-align:middle;width:60px;z-index:9999}.toggle-menu span{background-color:var(--mcolor);content:"";display:block;height:2px;left:calc(50% - 13px);position:absolute;top:calc(50% - 1px);transform-origin:50% 50%;transition:background-color 0.2s ease-in-out,top 0.2s 0.2s ease-out,transform 0.2s linear;width:26px}.toggle-menu span:before,.toggle-menu span:after{background-color:var(--mcolor);content:"";display:block;height:2px;position:absolute;transform-origin:50% 50%;transition:background-color 0.2s ease-in-out,top 0.2s 0.2s ease-out,transform 0.2s linear;width:26px}.toggle-menu span:before{top:7px}.toggle-menu span:after{top:-7px}.toggle-menu.active span{background-color:transparent;transition:background 0.2s ease-out}.toggle-menu.active span:before,.toggle-menu.active span:after{transition:top 0.2s ease-out,transform 0.2s 0.2s ease-out;background-color:var(--ccolor)}.toggle-menu.active span:before{top:0;transform:rotate3d(0,0,1,-45deg)}.toggle-menu.active span:after{top:0;transform:rotate3d(0,0,1,45deg)}#fullmenu{background:var(--fbgcolor);display:flex;align-items:center;height:100%;left:0;opacity:0;overflow:hidden;position:fixed;text-align:center;top:0;transition:all 0.7s ease-in-out;visibility:hidden;width:100%;z-index:1100}#fullmenu.open{opacity:1;visibility:visible}.gnb{background:transparent!important}.gnb .et_pb_menu__wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:transparent!important}.gnb .et-menu li{border-left:1px solid rgba(255,255,255,0.2)}.gnb .et-menu li a{color:#fff;font-size:3rem;font-weight:300;letter-spacing:3px;padding:0px 30px;opacity:1;transition:all 0.2s}.gnb .et-menu li a:hover{opacity:1;transition:all 0.2s}#fullmenu.open .gnb .et-menu li:nth-child(1){-webkit-animation-delay:0.1s;animation-delay:0.1s}#fullmenu.open .gnb .et-menu li:nth-child(2){-webkit-animation-delay:0.3s;animation-delay:0.3s}#fullmenu.open .gnb .et-menu li:nth-child(3){-webkit-animation-delay:0.5s;animation-delay:0.5s}#fullmenu.open .gnb .et-menu li:nth-child(4){-webkit-animation-delay:0.7s;animation-delay:0.7s}#fullmenu.open .gnb .et-menu li:nth-child(5){-webkit-animation-delay:0.9s;animation-delay:0.9s}#fullmenu.open .gnb .et-menu li:nth-child(6){-webkit-animation-delay:1.1s;animation-delay:1.1s}#fullmenu.open .gnb .et-menu li{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fullscreen_bg:after{content:"";display:block;top:-1px;width:100%;height:100vh;transition:0.5s ease-in-out;transition-delay:0.3s;position:fixed;background-color:var(--fbgcolor);transform:translateY(-100%)}.fullscreen_bg.active:after{z-index:99;top:0px;transform:translateY(0);transition:all 0.5s linear}@media (max-width:980px){.gnb-header .et_pb_row .et_pb_column{width:33.3%!important;margin-bottom:0px!important}.gnb-header .gnbheaderlogo,.gnb-header .fullscreenlogo{display:block;margin:0 auto;padding-top:0px;max-width:34px}.toggle-menu{right:-10px;top:-10px}.gnb .et_pb_menu__menu{display:block}.gnb .et_mobile_nav_menu{display:none}.gnb .et-menu{justify-content:center!important;flex-direction:row!important}.gnb .et-menu li{width:100%;justify-content:center;border-left:0px solid rgba(255,255,255,0.2)}.gnb .et-menu li a{font-size:1.2rem;padding:10px 30px}}@media (max-width:479px){.gnb .et-menu li{width:100%;justify-content:center;border-left:0px solid rgba(255,255,255,0.2)}.gnb .et-menu li a{font-size:2rem;padding:10px 30px}}.follower{position:fixed;width:30px;height:30px;background:rgb(255,255,255);border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference;pointer-events:none;z-index:99999}@media (max-width:980px){.follower{display:none}}.home-title1 svg{position:relative;font-size:10em;font-weight:bold;width:100%;height:auto;left:0}.home-title1 svg text{fill:#111;stroke:#111;fill-opacity:1;stroke-width:0;stroke-dasharray:100% 0;animation:stroke-offset 4s ease-out}@keyframes stroke-offset{0%{fill-opacity:0;stroke-width:0;stroke-dasharray:0% 100%}25%{stroke-width:2px}50%{fill-opacity:0}75%{stroke-width:2px}100%{stroke-width:0}}.home-title2 svg{position:relative;font-size:10em;font-weight:bold;width:100%;height:auto;left:0}.home-title2 svg text{fill:#111;stroke:#111;fill-opacity:1;stroke-width:0;stroke-dasharray:100% 0;animation:stroke-offset 4s ease-out}@keyframes stroke-offset{0%{fill-opacity:0;stroke-width:0;stroke-dasharray:0% 100%}25%{stroke-width:2px}50%{fill-opacity:0}75%{stroke-width:2px}100%{stroke-width:0}}.grid__item-img{width:100%;height:auto;aspect-ratio:1;will-change:transform,opacity;background-position:50%;background-size:cover;position:relative}.home-cover{width:100%;height:100vh;top:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}@media (max-width:479px){.img-grid-section .et_pb_column{width:33.3%!important}.img-grid-section .et_pb_column.et_pb_column_empty{display:block}}.home-title-left .title-box{font-size:8rem!important;color:#000;font-weight:bold;position:relative;overflow:hidden;line-height:1.1em;height:8.8rem;margin:0}.home-title-left .title-box .hidden-text{position:absolute}@media (max-width:479px){.home-title-left .title-box{font-size:3rem!important;color:#000;font-weight:bold;position:relative;overflow:hidden;line-height:1.1em;height:3.6rem;margin:0}}.h-project{position:relative;height:100vh}.home-project{position:relative;height:100vh; background:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden}.mask{position:absolute;top:50%;left:50%;width:100%;height:100%;background:url('https://iljod.mycafe24.com/wp-content/uploads/2025/02/home-middle-bg1.jpg') center/100% no-repeat;background-size:cover;transform:translate(-50%,-50%);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);z-index:2}.project-overlay{position:absolute;width:100%;height:100%;background-color:#000;z-index:9;opacity:0}.home-project-title{font-size:6rem;color:#fff;z-index:10;line-height:6.4rem;font-weight:bold;padding:5px 25px 10px 25px;opacity:0}.home-project-title:hover{border:1px solid rgba(255,255,255,0.3)}@media (max-width:479px){.home-project-title{font-size:3rem;color:#fff;z-index:10;line-height:3.4rem;font-weight:bold;padding:5px 25px 10px 25px;opacity:0}}.home-title-right .title-box{font-size:6rem;color:#000;font-weight:bold;position:relative;overflow:hidden;line-height:1em;height:7rem;margin:0}.home-title-right .title-box .hidden-text1{width:100%;position:absolute;text-align:right}@media (max-width:479px){.home-title-right .title-box{font-size:3rem;color:#000;font-weight:bold;position:relative;overflow:hidden;line-height:1.1em;height:3.4rem;margin:0}}.service-text1,.service-text2,.service-text3{z-index:1;border-top:1px solid rgba(0,0,0,0.1)}.service-text4{z-index:1;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}.service-text1:hover,.service-text2:hover,.service-text3:hover{z-index:9;border-top:1px solid rgba(0,0,0,0.1)}.service-text4:hover{z-index:9;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}.service-img{position:absolute;width:100%;max-width:400px;border-radius:10px;overflow:hidden;opacity:0;transition:opacity 0.2s ease-out,transform 0.2s ease-out}.service-img1{transform:scale(0.3);transition:opacity 0.2s ease-out,transform 0.2s ease-out}.service-img2{transform:scale(0.3);transition:opacity 0.2s ease-out,transform 0.2s ease-out}.service-img3{transform:scale(0.3);transition:opacity 0.2s ease-out,transform 0.2s ease-out}.service-img4{transform:scale(0.3);transition:opacity 0.2s ease-out,transform 0.2s ease-out}.service-img1.active{z-index:2;opacity:1;transform:scale(1);transition:opacity 0.2s ease-out,transform 0.2s ease-out}.service-img2.active{z-index:2;opacity:1;transform:scale(1);transition:opacity 0.2s ease-out,transform 0.2s ease-out}.service-img3.active{z-index:2;opacity:1;transform:scale(1);transition:opacity 0.2s ease-out,transform 0.2s ease-out}.service-img4.active{z-index:2;opacity:1;transform:scale(1);transition:opacity 0.2s ease-out,transform 0.2s ease-out}@media (max-width:479px){.service-text1,.service-text2,.service-text3,.service-text4{font-size:26px!important;padding:20px 0px}}.footer{background-color:var(--fbgcolor)!important}