@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);.banner{background-color:#ff4a2e;height:100vh;max-height:700px;position:relative;width:100%}.banner .flex{align-content:center;align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.banner ul.slide{position:relative;width:100%}.banner ul.slide li{align-items:center;display:flex;justify-content:space-between;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity 1s;width:100%}.banner ul.slide li .content h2{color:#fff;font-family:paybooc-Bold,"sans-serif";font-size:60px;line-height:1.2;margin-bottom:20px}.banner ul.slide li .content p{color:#fff;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:20px;line-height:1.2}.banner ul.slide li .content .ball{align-items:center;display:flex;margin:20px 0}.banner ul.slide li .content .ball span{background-color:#ffffff77;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin-right:10px;width:10px}.banner ul.slide li .content .ball span.on{background-color:#fff;height:15px;width:15px}.banner ul.slide li .content .link{display:flex;gap:20px}.banner ul.slide li .content .link a{border:1px solid #fff;border-radius:30px;color:#fff;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:18px;padding:15px 50px;transition:color .5s,background .5s}.banner ul.slide li .content .link a:hover{background-color:#fff;color:#ff4a2e}.banner ul.nav{bottom:10px;display:flex;left:50%;max-width:700px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.banner ul.nav li{background-color:#fff;box-shadow:5px 0 7px -4px #bebebe;flex:1 1;position:relative}.banner ul.nav li a{padding:30px 0 40px 30px}.banner ul.nav li a p{font-family:Spoqa Han Sans Neo,"sans-serif";font-size:18px;margin-top:15px}.banner ul.nav li a img:last-child{bottom:10px;position:absolute;right:20px}.banner ul.nav li:first-child{z-index:-1}.banner ul.nav li:nth-child(2){z-index:-2}.banner ul.nav li:nth-child(3){z-index:-3}.banner ul.nav li:nth-child(4){z-index:-4}.banner ul.nav li:last-child{box-shadow:none}.about .flex{align-items:center;display:flex;gap:100px;justify-content:center}.about .flex .content h2{font-family:paybooc-Bold,"sans-serif";font-size:40px;line-height:1.2;text-align:left}.about .flex .content p{font-family:Spoqa Han Sans Neo,"sans-serif";font-size:20px;line-height:1.2;margin-top:30px}.about ul{display:flex;gap:50px;justify-content:center;margin:50px 0 100px;text-align:center}.about ul li p{font-family:Spoqa Han Sans Neo,"sans-serif";font-size:18px;line-height:1.2;margin:20px 0}.svice{padding:150px 0;position:relative}.svice .bg{left:0;overflow:hidden;top:0;z-index:-1}.svice .bg,.svice .bg img{height:100%;position:absolute;width:100%}.svice .bg img{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.svice h2{color:#fff;font-family:paybooc-Bold,"sans-serif";font-size:34px;text-align:center}.svice ul{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:50px}.svice ul li{background-color:#fff;display:flex;width:100%}.svice ul li .content{padding:30px 15px}.svice ul li .content h3{font-family:paybooc-Bold,"sans-serif";font-size:18px;margin-bottom:20px}.svice ul li .content p{line-height:1.5}.svice ul li .icon{align-items:center;background-color:#ff4a2e;display:flex;justify-content:center;padding:0 30px}.portfolio{padding:100px 0;text-align:center}.portfolio h2{font-family:paybooc-Bold,"sans-serif";font-size:40px;text-align:center}.portfolio .tap{margin:50px 0 30px;text-align:center}.portfolio .tap li{border:1px solid #000;border-radius:30px;cursor:pointer;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:16px;margin:0 10px;padding:5px 0;width:120px}.portfolio .tap li.on{border:1px solid #ff4a2e;color:#ff4a2e}.portfolio .list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.portfolio .list li a{width:100%}.portfolio .list li a img{height:250px;max-height:250px;width:100%}.portfolio button{background-color:#ff4a2e;border-radius:10px;color:#fff;cursor:pointer;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:24px;font-weight:700;margin-top:20px;padding:10px 30px}.skil{background-color:#fafafa;padding:100px 0}.skil ul{display:grid;grid-template-columns:1fr 1fr}.skil ul li{padding:50px}.skil ul li:is(:first-child,:nth-child(2)){border-bottom:1px solid #eee}.skil ul li:is(:first-child,:nth-child(3)){border-right:1px solid #eee}.skil ul li h2{border-bottom:1px solid #ff4a2e;display:inline-block;font-size:24px;font-weight:700;line-height:1.4}.skil ul li p{font-family:Spoqa Han Sans Neo,"sans-serif";font-size:16px;line-height:1.5;margin-top:20px}.youtbue iframe{height:500px;width:100%}@media (max-width:1000px){.banner ul.slide li{text-align:center}.banner ul.slide li,.banner ul.slide li .content .ball,.banner ul.slide li .content .link{justify-content:center}.about.none,.banner ul.nav,.banner ul.slide li img{display:none}.svice ul{grid-template-columns:1fr 1fr}.skil ul{grid-template-columns:1fr}.skil ul li{border-bottom:1px solid #eee;border-right:none!important}}@media (max-width:800px){.svice ul li .content p br{display:none}.portfolio .list{grid-template-columns:1fr 1fr 1fr}}@media (max-width:700px){.portfolio .tap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.portfolio .tap li{border-radius:0;margin:0;width:100%}}@media (max-width:600px){.svice{padding:100px 0}.svice h2{font-size:24px}.svice ul li{flex-direction:column}.svice ul li .icon{padding:10px 0}.svice ul li .content h3{font-size:16px}}@media (max-width:500px){.banner ul.slide li .content h2{font-size:40px}.banner ul.slide li .content .link a{padding:10px 20px}.portfolio .tap{grid-template-columns:1fr 1fr 1fr}.portfolio .list{grid-template-columns:1fr 1fr}.portfolio .list li a img{height:180px}.skil ul li{padding:50px 15px}.skil ul li p br{display:none}}@media (max-width:400px){.svice ul{grid-template-columns:1fr}}.about .content{padding:100px 0}.about .content h2{color:#ff4a2e;font-family:paybooc-Light,"sans-serif";font-size:40px;margin-bottom:20px;text-align:center}.about .content h2 span{font-family:paybooc-Bold,"sans-serif";font-size:40px}.about .content .bar{background-color:#ff4a2e;height:3px;margin:0 auto 50px;width:30px}.about .content p{margin-bottom:30px}.about .content p,.about .content p b{font-size:16px;line-height:1.2}.about .img{background-color:#f9f9f9;height:220px;margin:50px 0 0;position:relative}.about .img img{left:50%;position:absolute;top:-50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:800px){.about br{display:none}.about .img img{width:100%}}@media (max-width:500px){.about .content{padding:50px 0}.about .content h2,.about .content h2 span{font-size:30px}.about .img{height:120px}}#aboutMap{height:300px;width:100%}.address{margin-bottom:50px;padding:50px 0}.address ol{display:flex;gap:100px;justify-content:center}.address ol li h2{color:#ff4a2e;font-family:paybooc-ExtraBold,"sans-serif";font-size:20px}.address ol li>div{background-color:#ff4a2e;height:3px;margin:10px 0;width:30px}@media (max-width:800px){.address ol{flex-direction:column;gap:30px}}.contact{padding:100px 0 50px}.contact>h2{color:#ff4a2e;font-family:paybooc-Bold,"sans-serif";font-size:30px;line-height:1.2;text-align:center}.contact form{display:flex;flex-direction:column;margin-bottom:100px;margin-top:20px}.contact form label{border-bottom:2px solid #cdcdcd;padding:30px 0 10px}.contact form label:not(:nth-child(3)){display:flex}.contact form label:not(:nth-child(3)) span{width:100px}.contact form label:not(:nth-child(3)) input{border:none;font-size:20px;width:100%}.contact form label span{font-family:paybooc-Bold,"sans-serif";font-size:20px}.contact form label textarea{border:none;font-size:20px;height:200px;margin-top:10px;resize:none;width:100%}.contact form div{align-items:center;display:flex;font-family:paybooc-Bold,"sans-serif";justify-content:center;margin:50px 0}.contact form div input{height:18px;margin-right:5px;width:18px}.contact form button{border:2px solid #cdcdcd;cursor:pointer;font-family:paybooc-Bold,"sans-serif";font-size:20px;margin:0 auto;padding:20px 100px;width:-webkit-max-content;width:max-content}@media (max-width:500px){.contact>h2{font-size:24px}.contact form label{padding:20px 0 10px}.contact form label span{font-size:18px}}@media (max-width:400px){.contact>h2{font-size:20px}.contact form label textarea{height:150px}}.portfolioDetail nav{align-items:center;display:flex;justify-content:center;padding:50px 0}.portfolioDetail nav ul li a{border:1px solid #828282;border-radius:30px;color:#828282;cursor:pointer;font-size:16px;margin:0 10px;padding:5px 0;text-align:center;width:120px}.portfolioDetail nav ul li.on a{border:1px solid #ff4a2e;color:#ff4a2e}.portfolioDetail .list{display:grid;grid-template-columns:1fr 1fr 1fr;padding-bottom:100px}.portfolioDetail .list li a{height:100%;width:100%}.portfolioDetail .list li a img{height:340px;width:100%}@media (max-width:1000px){.portfolioDetail .list li a img{height:250px}}@media (max-width:750px){.portfolioDetail nav ul{display:flex;gap:5px;width:100%}.portfolioDetail nav ul li{flex:1 1}.portfolioDetail nav ul li a{font-size:14px;margin:0;width:100%}}@media (max-width:700px){.portfolioDetail .list li a img{height:180px}}@media (max-width:500px){.portfolioDetail .list{grid-template-columns:1fr 1fr}.portfolioDetail nav ul{display:grid;grid-template-columns:1fr 1fr 1fr}}@media (max-width:400px){.portfolioDetail .list li a img{height:150px}}.service nav{background-color:#f9f9f9;text-align:center}.service nav ul{padding:20px 0}.service nav ul li:not(:last-child) a{border-right:1px solid #aaa}.service nav ul li a{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 20px}.service nav ul li a img{margin-bottom:10px;width:40px}.service .content ul{grid-gap:120px;display:grid;grid-template-columns:1fr;padding:100px 0}.service .content ul li{align-items:center;display:flex;gap:150px}.service .content ul li>div h2{color:#ff4a2e;font-family:paybooc-Light,"sans-serif";font-size:40px}.service .content ul li>div h2 b{font-family:paybooc-ExtraBold,"sans-serif";font-size:40px}.service .content ul li>div>div{background-color:#ff4a2e;height:3px;margin:30px 0;width:40px}.service .content ul li>div p{color:#999;font-size:16px;line-height:2}.service .content ul li>div p b{color:#000;display:block;font-size:20px;margin-bottom:30px}.service .content ul li>div a{align-items:center;border:1px solid #ff4a2e;border-radius:30px;color:#ff4a2e;display:inline-flex;font-family:paybooc-ExtraBold,"sans-serif";font-size:20px;margin-top:30px;padding:10px 30px}.service .content ul li>div a i{font-size:20px;margin-left:10px}@media (max-width:1200px){.service .content ul li{gap:50px}}@media (max-width:1000px){.service .content ul li img{display:none}}@media (max-width:500px){.service .content ul li>div h2,.service .content ul li>div h2 b{font-size:30px}.service .content ul li>div>div{margin:15px 0}.service .content ul li>div p b{font-size:16px}.service .content ul li>div a{font-size:16px;padding:10px 20px}}@media (max-width:400px){.service nav ul li a{padding:0 10px}}main .subBanner{border-bottom:2px solid #ff4a2e;overflow:hidden;position:relative;white-space:nowrap}main .subBanner h2{color:#fff;font-size:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@font-face{font-family:paybooc-Light;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Light.woff) format("woff")}@font-face{font-family:paybooc-Medium;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff) format("woff")}@font-face{font-family:paybooc-Bold;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff) format("woff")}@font-face{font-family:paybooc-ExtraBold;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-ExtraBold.woff) format("woff")}*{box-sizing:border-box;font-size:14px;line-height:1;margin:0;outline:0;padding:0;vertical-align:top}body{overflow-x:hidden;overflow-y:auto}ol,ul{font-size:0;list-style:none;margin-bottom:0;margin-top:0;padding-left:0}ol li,ul li{display:inline-block}h1,h2,h3,h4,h5,h6{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font:inherit;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}a{color:#000;display:inline-block;text-decoration:none}.wrap{width:1200px}.wrap,.wrap2{margin:0 auto}.wrap2{width:800px}.pc{display:inline-block!important}.mobile{display:none!important}.flexBox{align-content:center;align-items:center;display:flex;justify-content:space-between}table{border-collapse:collapse}caption{display:none}button,input[type=email],input[type=image],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],select,textarea{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{background:none;border:0}@media only screen and (min-width:100px) and (max-width:1300px){.pc{display:none!important}.mobile{display:inherit!important}}@media only screen and (min-width:100px) and (max-width:1200px){.wrap{padding:0 15px;width:100%}}@media only screen and (min-width:100px) and (max-width:1000px){.wrap2{padding:0 15px;width:100%}}html{font-family:paybooc-Medium,"sans-serif"}header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1920px;padding:15px 50px;position:absolute;width:100%;z-index:10}header a h1 img{width:220px}header #menu ul.pc li a{color:#fff;font-size:16px;margin:0 10px;padding:10px 25px}header #menu .mobile .button i{color:#fff;cursor:pointer;font-size:30px}header #menu .mobile ul{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:0;overflow:hidden;position:fixed;right:0;top:0;transition:max-width .5s;width:250px;z-index:10}header #menu .mobile ul li a{font-size:24px;line-height:40px;white-space:nowrap}header #menu .mobile ul.on{max-width:250px}header #menu .mobile .bg{background-color:#00000088;display:none;height:100%;left:0;position:fixed;top:0;width:100%}header #menu .mobile .bg.on{display:block}footer{background-color:#1b1b1b;color:#fff;padding:50px 0}footer ul{align-items:center;display:flex;justify-content:space-between}footer ul li h2{font-size:30px;margin-bottom:20px}footer ul li h2 span{color:#ff4a2e;font-size:30px}footer ul li p{color:#7f7f7f;line-height:1.2}footer ul li p span{display:inline-block;line-height:1.2;width:120px}footer ul li .select{position:relative}footer ul li .select select{background:none;color:#fff;padding:10px 15px;width:200px}footer ul li .select select option{background-color:#1b1b1b}footer ul li .select i{font-size:16px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}footer ul li .sns{display:flex;gap:10px;justify-content:end;margin-top:20px}@media (max-width:600px){footer ul{align-items:start;flex-direction:column;gap:20px}footer ul,footer ul li .sns{justify-content:start}}@media (max-width:500px){header{padding:15px}header a h1 img{width:150px}}@media (max-width:400px){footer{text-align:center}footer ul{align-items:center;justify-content:center}footer ul li p span{display:block;margin-top:5px;width:100%}footer ul li .sns{justify-content:center}}
/*# sourceMappingURL=main.bfaf8646.css.map*/