@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap";
*{box-sizing:border-box;word-break:keep-all;outline:0 solid silver;margin:0;padding:0;font-family:Noto Sans KR,sans-serif;list-style:none}body{color:#000}p,li{font-size:.9rem}a{cursor:pointer;text-transform:uppercase;color:#000;text-decoration:none;transition:all .5s}table{border-collapse:collapse;border:none}textarea{resize:none}input{background-color:#0000;border:0}img{margin:auto 0;display:block}button{background:0 0;border:0 solid;transition:all .3s}.display-flex{justify-content:space-between;display:flex}.display-flex-flow{flex-wrap:wrap;justify-content:space-between;display:flex}.flex-left{justify-content:left;display:flex}.pc,.pc-flex{display:none}.black-bg{z-index:20;opacity:.7;background-color:#000;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}article>div{padding:80px 5%}article>div>:first-child{text-align:center;margin-bottom:30px}article>div>:first-child p{margin-top:8px}header{position:relative}header>div{z-index:30;background-color:#fff;border-bottom:1px solid #ccc;width:100%;padding:15px 5%;position:fixed;top:0;left:0}header>div>:first-child>:first-child h4{margin:auto 0 auto 10px}header>div>:first-child>:first-child img{width:50px;height:auto;margin:auto 0}header>div>:first-child>:last-child{cursor:pointer;margin:auto 0}header>div>:first-child>:last-child img{width:30px;height:auto}nav{z-index:50;background-color:#fff;width:70%;height:100vh;padding:15px 5%;transition:all .5s;position:fixed;top:0;right:-100%}.nav-open{right:0}nav>:first-child{justify-content:right;margin-bottom:30px;display:flex}nav>:first-child img{cursor:pointer;width:20px;height:auto}nav>ul{padding:0 10px}nav>ul>li>div{cursor:pointer}nav>ul>li>div>p{font-size:1rem;font-weight:700;transition:all .3s}nav>ul>li>div>p:hover{color:#234fa1}nav>ul>li>div>div{margin:auto 0}nav>ul>li>div>div img{width:15px;height:auto}nav>ul>li>ul{opacity:0;max-height:0;margin:20px 0;transition:max-height 1.5s,opacity .8s,transform .8s;overflow:hidden;transform:translateY(-6px)}nav>ul>li>ul.sub-open{opacity:1;max-height:240px;transform:translateY(0)}nav>ul>li>ul>li{margin:8px 0}nav>ul>li>ul>li a:hover{color:#234fa1;font-weight:700}.sub{opacity:0;max-height:0;transition:max-height .8s,opacity .4s,transform .4s;overflow:hidden;transform:translateY(-6px)}main{margin-top:70px}.category-main{height:250px;position:relative}.category-main h1{color:#fff}.category-main>div>:first-child>img{object-fit:cover;width:100%;height:250px}.category-main>div>:nth-child(2){text-align:center;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.category-main>div>:last-child{background-color:#eee;position:absolute;bottom:0;right:0}.category-main>div>:last-child>:first-child{cursor:pointer;background-color:#234fa1;padding:10px}.category-main>div>:last-child>:first-child img{width:25px;height:auto}.category-main>div>:last-child>section{gap:20px;padding:10px;position:relative}.category-main>div>:last-child>section:first-of-type{color:#fff;background-color:#222}.category-main>div>:last-child>section:first-of-type img{filter:invert()}.category-main>div>:last-child>section>h4{font-size:.8rem}.category-main>div>:last-child>section>h4,.category-main>div>:last-child>section>div{margin:auto 0}.category-main>div>:last-child>section>div img{cursor:pointer;width:15px;height:auto}.category-main>div>:last-child>section>ul{opacity:0;visibility:hidden;text-align:center;z-index:10;background-color:#fff;border:1px solid #eee;width:100%;transition:all .5s;position:absolute;top:44px;left:0}.category-main>div>:last-child>section>ul.category-open{opacity:1;visibility:visible}.category-main>div>:last-child>section>ul li{text-align:left;padding:10px}.category-main>div>:last-child>section>ul li:hover{background-color:#eee}footer{color:#ccc;background-color:#222;position:relative}footer>div{padding:50px 5% 80px}footer>div>:first-child{position:fixed;bottom:70px;right:5%}footer>div>:first-child img{cursor:pointer;width:50px;height:auto}footer>div>:last-child>:first-child{gap:15px}footer>div>:last-child img{filter:grayscale()invert();width:70px;height:auto}footer>div>:last-child h2{margin:auto 0}footer>div>:last-child ul{margin:15px 0 30px}footer>div>:last-child ul li{margin:5px 0}@media screen and (min-width:768px){p,li{font-size:1rem}article>div>:first-child h2{font-size:2rem}main{margin-top:69px}.category-main,.category-main>div>:first-child>img{height:300px}.category-main>div>:nth-child(2) h1{font-size:2.5rem}.category-main>div>:last-child>:first-child{padding:20px}.category-main>div>:last-child{width:72%}.category-main>div>:last-child>section{gap:20px;width:45%;padding:20px}.category-main>div>:last-child>section>h4{font-size:1rem}.category-main>div>:last-child>section>ul{top:65px}footer>div>:first-child img{width:60px}}@media screen and (min-width:1366px){.pc-flex{pointer-events:auto;display:flex}.pc{display:block}.mo{display:none}article>div{width:1200px;margin:0 auto;padding:150px 0}article>div>:first-child{text-align:center;margin-bottom:50px}article>div>:first-child h2{font-size:2.3rem}article>div>:first-child p{margin-top:8px}header>div{padding:0}header>div>:first-child{width:1200px;margin:0 auto}header>div>:first-child>:first-child{margin:auto 0}header>div>:first-child>:first-child h4{font-size:1.5rem}header>div>:first-child>:nth-child(2)>div>ul li{cursor:pointer;padding:30px;font-size:1.2rem;font-weight:700}header>div>:first-child>:nth-child(2)>div>ul li:hover,header>div>:first-child>:nth-child(2)>div.hover>ul li.active{color:#234fa1;border-bottom:2px solid #234fa1}header>div>:first-child>:nth-child(2)>div>div{background-color:#fff;width:100%;padding:20px 0 200px;display:none;position:absolute;top:91px;left:0}header>div>:first-child>:nth-child(2)>div.hover>div{display:block}header>div>:first-child>:nth-child(2)>div>div>div{justify-content:center;margin:0 auto}header>div>:first-child>:nth-child(2)>div>div>div>ul:first-of-type{margin-left:175px}header>div>:first-child>:nth-child(2)>div>div>div>ul li{color:#555;text-align:center;width:130.66px;padding:8px 20px}header>div>:first-child>:nth-child(2)>div>div>div>ul:nth-of-type(3) li{width:252.8px}header>div>:first-child>:nth-child(2)>div>div>div>ul li a{color:#555;white-space:nowrap}header>div>:first-child>:nth-child(2)>div.hover>div>div>ul li a:hover{color:#234fa1;font-weight:700}nav{width:100%;padding:30px 0;display:none;right:0}.nav-open{display:block}nav>:first-child{justify-content:space-between;width:1200px;margin:0 auto 30px}nav>:first-child>div{margin:auto 0}nav>ul{justify-content:space-between;width:900px;height:auto;margin:50px auto 0;padding:0;display:flex}nav>ul>li{width:300px;height:500px;padding:0 50px}nav>ul>li:not(nav>ul>li:last-of-type){border-right:1px solid #eee}nav>ul>li>div>p{white-space:nowrap;font-size:1.5rem;font-weight:700;transition:all .3s}nav>ul>li>div>p:hover{color:#000}nav>ul>li>ul{overflow:unset;opacity:1;margin-top:30px;transform:translateY(0)}nav>ul>li>ul>li{margin:10px 0;padding-left:10px;position:relative}nav>ul>li>ul>li:before{content:"";border:2px solid #000;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}nav>ul>li>ul>li:hover a{font-weight:700}main{margin-top:87px}.category-main,.category-main>div>:first-child>img{height:500px}.category-main>div>:nth-child(2) h1{font-size:3rem}.category-main>div>:last-child{width:57%}.category-main>div>:last-child>:first-child{padding:20px}.category-main>div>:last-child>:first-child img{width:35px}.category-main>div>:last-child>section{gap:40px;width:30%;padding:20px}.category-main>div>:last-child>section>ul{top:72px}.category-main>div>:last-child>section>ul li{padding:15px}footer{color:#ccc;background-color:#222;position:relative}footer>div{width:1200px;margin:0 auto;padding:50px 0 80px}footer>div>:first-child{bottom:120px;right:150px}footer>div>:last-child{gap:70px;display:flex}footer>div>:last-child>:first-child{width:250px;display:block}footer>div>:last-child img{width:130px}footer>div>:last-child h2{margin:0}footer>div>:last-child>:last-child{margin:auto 0}footer>div>:last-child ul{flex-wrap:wrap;gap:8px;margin:0;display:flex}footer>div>:last-child ul li{margin:0;padding-right:10px;font-size:.9rem;position:relative}footer>div>:last-child ul li:after{content:"";background-color:#aaa;width:1px;height:10px;position:absolute;top:50%;right:0;transform:translateY(-50%)}footer>div>:last-child ul li:nth-last-of-type(2):after,footer>div>:last-child ul li:last-of-type:after{width:0}footer>div>:last-child p{margin-top:30px}}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;display:block;position:relative}.slick-list{margin:0;padding:0;display:block;position:relative;overflow:hidden}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate(0,0)}.slick-track{margin-left:auto;margin-right:auto;display:block;position:relative;top:0;left:0}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;height:auto;display:block}.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../media/ajax-loader.d5c1e833.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../media/slick.3392c85e.eot);src:url(../media/slick.3392c85e.eot)format("embedded-opentype"),url(../media/slick.265d68e3.woff)format("woff"),url(../media/slick.31421072.ttf)format("truetype"),url(../media/slick.5f2cd927.svg)format("svg")}.slick-prev,.slick-next{cursor:pointer;color:#0000;background:0 0;border:none;outline:none;width:20px;height:20px;padding:0;font-size:0;line-height:0;display:block;position:absolute;top:50%;transform:translateY(-50%)}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:#0000;background:0 0;outline:none}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:slick;font-size:20px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{text-align:center;width:100%;margin:0;padding:0;list-style:none;display:block;position:absolute;bottom:-25px}.slick-dots li{cursor:pointer;width:20px;height:20px;margin:0 5px;padding:0;display:inline-block;position:relative}.slick-dots li button{cursor:pointer;color:#0000;background:0 0;border:0;outline:none;width:20px;height:20px;padding:5px;font-size:0;line-height:0;display:block}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.main-slider{height:500px;display:block;position:relative}.main-slider .main-slider-item>div img{object-fit:cover;width:100%;height:500px}.main-slider .main-slider-item{position:relative}.main-slider .main-slider-item section{text-align:center;color:#fff;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-slider .main-slider-item section p{margin:10px 0 30px}.main-slider .main-slider-item section button{border:1px solid #fff;padding:8px 25px}.main-slider .main-slider-item section button:hover{background-color:#ffffff1a}.main-slider .main-slider-item section button a{color:#fff}.home-main>:last-child>section{color:#fff;padding:20px;transition:all .5s}.home-main>:last-child>section>div>div{margin:auto 0}.home-main>:last-child>section img{width:8px;height:auto}.home-main>:last-child>section h3 a{color:#fff}.home-main>:last-child>section:first-of-type{background-color:#234fa1}.home-main>:last-child>section:first-of-type:hover{background-color:#1c4288}.home-main>:last-child>section:last-of-type{background-color:#233452}.home-main>:last-child>section:last-of-type:hover{background-color:#1b283f}.home-main>:last-child>section>p{margin:8px 0 15px}.home-business>div>:last-child section{text-align:center;color:#fff;width:100%;margin:10px 0;position:relative}.home-business>div>:last-child section>:first-child{overflow:hidden}.home-business>div>:last-child section img{width:100%;height:auto;transition:all .5s}.home-business>div>:last-child section>:first-child img.section-hover{scale:1.2}.home-business>div>:last-child section>:last-child{width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-business>div>:last-child section>:last-child>div{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:8px 0;transition:all .8s}.home-business>div>:last-child section>:last-child>div.section-hover{padding:15px 0}.home-business>div>:last-child section>:last-child>div>p:first-of-type{opacity:.8;font-size:.8rem}.home-business>div>:last-child section>:last-child>div>p:last-of-type{opacity:0;height:0;transition:all .8s;overflow:hidden}.home-business>div>:last-child section>:last-child>div>p:last-of-type.section-hover{opacity:1;height:auto;margin-top:10px}.home-business>div>:last-child section>:last-child>button{margin-top:20px}.home-business>div>:last-child section>:last-child>button a{color:#fff}.home-business>div>:last-child section>:last-child>button a:hover{font-weight:700}.cs{background-image:url(/images/cs_banner2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:auto}.cs>div{color:#fff;padding:50px 5%}.cs>div>h1{margin-top:10px}.cs>div>h3{margin-top:15px}.company{text-align:center}.company>div>:first-child{margin-bottom:0}.company>div>div>img{filter:brightness(.8);width:100px;height:auto;margin:0 auto 10px}.company>div h3{margin:10px auto 30px}.company>div>ul{background-color:#eee;margin-top:10px;padding:20px}.company>div>ul li{margin:15px 0}.business>div>:first-child p{margin-top:0}.business>div>div{text-align:left;margin-bottom:60px}.business>div>div>section{border-bottom:1px solid #234fa1;margin-bottom:25px}.business>div>div>section>div{color:#fff;background-color:#234fa1;padding:10px 20px;display:inline-block}.business>div>:first-child>div>p{margin-bottom:8px}.business>div>:first-child>div>p:last-of-type{margin-bottom:30px}.business>div>:first-child>div>div>:first-child{width:100%}.business>div>:first-child>div>div img{width:100%;height:auto}.business>div>:first-child>div>div>:last-child{width:100%;margin-top:20px}.business>div>:first-child>div>div>:last-child ul:first-of-type{border-bottom:1px solid #aaa;margin-bottom:20px;padding-bottom:20px}.business>div>:first-child>div>div>:last-child ul li{padding:5px 0;display:flex}.business>div>:first-child>div>div>:last-child ul li p{width:55%}.business>div>:first-child>div>div>:last-child ul li p:first-of-type{width:35%;font-weight:700}.business>div>:first-child>div>div>:last-child ul li:first-of-type p:last-of-type{color:#234fa1;font-weight:700}.business>div>:nth-child(2)>div>:last-child{margin-top:30px}.business>div>:nth-child(2)>div>:last-child>div{width:48%}.business>div>:nth-child(2)>div>:last-child>div img{width:100%;height:auto}.business>div>:nth-child(2)>div>:first-child>h4{margin:20px 0 8px}.business>div>:nth-child(3)>div>ul li{border-bottom:1px solid #ccc;padding:10px 0;display:flex}.business>div>:nth-child(3)>div>ul li:first-of-type{padding:0 0 10px}.business>div>:nth-child(3)>div>ul li p{width:55%}.business>div>:nth-child(3)>div>ul li p:first-of-type{width:35%;font-weight:700}.business>div>:last-child>div>section h4{margin:25px 0 10px;padding-left:20px;position:relative}.business>div>:last-child>div>section h4:before{content:"";background-color:#222;width:10px;height:10px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.business>div>:last-child>div>section>div>div{width:48%;margin-bottom:18px}.business>div>:last-child>div>section>div>div.full{width:100%}.business>div>:last-child>div>section>div>div>img{width:100%;height:auto}.processing>div>:first-child{text-align:left}.processing>div>:first-child p{margin-top:0}.processing>div>section{margin-bottom:50px}.processing>div>section:last-of-type{margin-bottom:0}.processing>div>section>:first-child{border-bottom:1px solid #234fa1;margin-bottom:25px}.processing>div>section>:first-child>div{color:#fff;background-color:#234fa1;padding:10px 20px;display:inline-block}.processing>div>section>:last-child>div{width:48%;margin-bottom:18px}.processing>div>section>:last-child>div>img{width:100%;height:auto}@media screen and (min-width:768px){.main-slider,.main-slider .main-slider-item>div img{height:600px}.main-slider .main-slider-item section h1{font-size:3rem}.main-slider .main-slider-item section button{padding:10px 35px}.main-slider .main-slider-item section button a{font-size:1rem}.home-main>:last-child{display:flex}.home-main>:last-child>section{width:100%}.home-business>div>:last-child section{width:32%;margin:10px 0}.cs>div{padding:70px 5%}.cs>div>h3{font-size:2rem}.cs>div>h1{font-size:3rem}.company>div>:first-child{margin-bottom:0}.company>div>div>img{width:150px}.company>div h2{font-size:2rem}.company>div h3{width:78%;font-size:1.5rem}.company>div>ul{margin-top:50px}.company>div>ul li{width:70%;margin:5px auto}}@media screen and (min-width:1366px){.home-main{margin-bottom:100px;position:relative}.home-main>:last-child{width:1000px;margin:0 auto;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}.home-main>:last-child>section{padding:50px 30px}.cs>div{width:1200px;margin:0 auto;padding:100px 0}.cs>div>h3:first-of-type{font-size:2.3rem}.cs>div>h1{font-size:3.5rem}.company>div>div>img{width:150px}.company>div h2{font-size:2.5rem}.company>div h3{width:55%}.company>div>ul{padding:40px 0}.company>div>ul li{width:100%;font-size:1.2rem}.business>div>div{margin-bottom:100px}.business>div>div>section{margin-bottom:40px}.business>div>div>section>div{padding:10px 25px}.business>div>div>section>div p{font-size:1.3rem}.business>div>:first-child>div>p{font-size:1.2rem}.business>div>:first-child>div>p:last-of-type{margin-bottom:60px}.business>div>:first-child>div>div>:first-child{width:500px;margin:auto 0}.business>div>:first-child>div>div>:last-child{width:560px;margin:auto 0}.business>div>:first-child>div>div>:last-child ul:first-of-type{border-bottom:1px solid #aaa;margin-bottom:20px;padding-bottom:20px}.business>div>:first-child>div>div>:last-child ul li{padding:5px 0;display:flex}.business>div>:first-child>div>div>:last-child ul li p{width:100%}.business>div>:first-child>div>div>:last-child ul li:first-of-type p:last-of-type,.business>div>:nth-child(2)>div p{font-size:1.2rem}.business>div>:nth-child(2)>div>:last-child{justify-content:left;gap:25px}.business>div>:nth-child(2)>div>:last-child>div{width:281.2px}.business>div>:nth-child(2)>div>:first-child>h4{margin:0 0 8px;font-size:1.2rem}.business>div>:nth-child(3)>div>ul li{padding:30px 0}.business>div>:nth-child(3)>div>ul li:first-of-type{padding:0 0 30px;font-size:1.2rem}.business>div>:nth-child(3)>div>ul li p{width:100%;font-size:1.2rem}.business>div>:nth-child(3)>div>ul li p:first-of-type{width:200px}.business>div>:nth-child(3)>div>ul li p:last-of-type{width:500px}.business>div>:last-child>div>section{margin-bottom:50px}.business>div>:last-child>div>section:last-of-type{margin-bottom:0}.business>div>:last-child>div>section h4{margin-bottom:20px;font-size:1.3rem}.business>div>:last-child>div>section>div{justify-content:left;gap:10px 25px}.business>div>:last-child>div>section>div>div,.business>div>:last-child>div>section>div>div.full{width:281.2px}.processing>div>section{margin-bottom:60px}.processing>div>section>:first-child{margin-bottom:50px}.processing>div>section>:first-child>div{padding:10px 20px}.processing>div>section>:first-child>div p{font-size:1.2rem}.processing>div>section>:last-child>div{width:281.2px;margin-bottom:25px}}