@charset "utf-8";

/* z-index */
.header-wrap{z-index: 98;}
.allmenu{z-index:99;}

/* skip */
.wrap{position: relative; width: 100%; overflow:hidden;}

.header-wrap{position: absolute;top: 0;left: 0;width: 100%;height:11.3rem;padding:36px 50px;transition:top 0.3s; }
.header-inner{display:flex; align-items:center;height:100%; position:relative; max-width:1920px; margin:0 auto; padding:0 160px;}

.header-util{display:flex; align-items:center; gap:8px; height:38px; position:absolute;right:0;top:0;}
a.go-inquery{height:38px; padding:0 20px; display:flex;gap:4px; align-items: center; border:1px solid #fff; border-radius:19px; font-size:16px;color:#fff;font-weight:600;}
a.go-inquery:after{display:block;content:'';width:20px;height:20px;background:url(/assets/img/layout/ic_blank.svg) center no-repeat;}
a.go-inquery:hover{background-color:var(--black-1);color:var(--black-13);}
a.go-inquery:hover:after{background-image:url(/assets/img/layout/ic_blank_b.svg);}
a.go-kakao{width:38px;height:38px;border-radius:50%; overflow:hidden;text-indent:-9999rem; background:url(/assets/img/layout/ic_kakao.svg) center no-repeat;}

.util-lang{position:relative;}
.util-lang .dropLabel{width:38px;height:38px;border-radius:50%; overflow:hidden;text-indent:-9999rem; background:url(/assets/img/layout/ic_lang.svg) center no-repeat;border:1px solid #fff;}
.util-lang .dropMenu{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:70px;padding-top:14px; display:none;}
.util-lang .dropMenu-inner{background-color:#fff;border-radius:7px; position:relative;padding:6px 0;}
.util-lang .dropMenu-inner:before{display:block;content:'';width:11px;height:11px;background-color:#fff;transform:rotate(45deg) translateX(-50%);position:Absolute;left:50%;top:-1px;}
.util-lang .dropMenu a{color:#222; display:block; padding:3px 0;text-align:center;font-size:14px;}
.util-lang .dropMenu a.on{color:var(--primary-40);}

.util-lang:hover .dropLabel{background-color:#fff; background-image:url(/assets/img/layout/ic_lang_b.svg);border:1px solid #fff;}
/* .util-lang:hover .dropMenu{display:block;} */

.btn-menu{width:38px;height:38px;border-radius:50%; overflow:hidden;text-indent:-9999rem; background:url(/assets/img/layout/ic_menu.svg) center no-repeat; display:none;}

/* gnav */
.header-logo{position:absolute;left:0;top:0;}
.header-nav{position:relative; width:100%; max-width:1200px; margin:0 auto;}

.gnav-dep1{display: flex;text-align: center;clear: both;margin:0 auto;}
.gnav-dep1 > li {position: relative;transition: all .2s;}
.gnav-dep1 > li > a {position: relative;display: flex;justify-content: center;align-items: center;padding: 0 2.4rem;text-align: center;color: var(--black-1);font-size: 1.9rem;font-weight: 700;transition: all .2s; white-space:nowrap;}

.allmenu{position:fixed; top:0;left:0;right:0;bottom:0; background-color:rgba(0,0,0,0.4); display:none;}
.allmenu-inner{position:fixed; top:0;right:0;bottom:0; background-color:var(--black-1); width:227px; padding:16px; display:flex; flex-direction: column;}

.m-header-util{display:flex; gap:8px; justify-content: flex-end; align-items: center; margin-bottom:20px;}
.m-header-util .util-lang .dropLabel{width:38px;height:38px;background-image:url(/assets/img/layout/ic_lang_b.svg);border:1px solid var(--black-13);}
.m-header-util .util-lang .dropMenu-inner{border:1px solid var(--black-13);}
.m-header-util .util-lang .dropMenu-inner:before{top:-2px; border:1px solid var(--black-13); border-width:1px 0 0 1px;}
.btn-allmenu-close{width:3.8rem;height:3.8rem; text-indent:-9999rem; overflow:hidden; background:url(/assets/img/layout/ic_close.svg) center / cover no-repeat;}

.allmenu-dep1 > li > a{font-size:20px; font-weight:700; line-height:52px;color:var(--black-13); padding:0 8px;}

.m-header-util2{margin-top:auto; width:100%; display:flex; flex-direction: column; gap:10px;}
.m-header-util2 a{width:100%;}
a.go-inquery-m{width:100%;height:38px; padding:0 20px; display:flex;gap:4px; align-items: center;justify-content: center; border:1px solid var(--black-13); border-radius:19px; font-size:16px;color:var(--black-13);font-weight:700;}
a.go-inquery-m:after{display:block;content:'';width:20px;height:20px;background:url(/assets/img/layout/ic_blank_b.svg) center no-repeat;}
a.go-kakao-m{display:flex;align-items: center;justify-content: center; width:100%;height:38px;border-radius:19px; background-color:#F9E000;color:var(--black-13); font-size:16px; font-weight:800;}
a.go-kakao-m:after{display:block;content:'';width:32px;height:32px;background:url(/assets/img/layout/ic_kakao.svg) left center / cover no-repeat;}

.allmenu.opened{display:block;}

/* footer */
#footer{background-color:var(--black-12);color:#fff; padding:83px 16px 46px;}
.footer-inner{position: relative;width:100%; max-width:120rem; margin:0 auto;}

.footer-logo{margin-bottom:46px;}
.footer-contact{display:flex; flex-wrap:wrap;gap:20px;}
.footer-contact .company{font-size:20px;line-height:24px;font-weight:600;width:100%;}
.footer-contact address{justify-content: flex-start; font-size:18px;line-height:28px;}
.footer-contact .info{display:flex; flex-wrap:wrap; gap:1.8rem;}
.footer-contact .info li{position: relative;}
.footer-contact .info li:after{display:block;content:'';width:1px;height:13px;background-color:#fff; position:absolute;right:-9px;top:6px;}
.footer-contact .info > li:last-child::after {display: none;}

.footer-copyright{margin-left:auto; align-self: flex-end;}

/* sub */
.page-top{height:600px;}
.page-top-bg{height:100%; display:flex;align-items: center;justify-content: center;}
.page-top-bg.intro{background:url(/assets/img/layout/bg_intro.jpg) center / cover no-repeat;}
.page-top-bg.mechanism{background:url(/assets/img/layout/bg_mechanism.jpg) center / cover no-repeat;}
.page-top-bg.spec{background:url(/assets/img/layout/bg_spec.jpg) center / cover no-repeat;}
.page-top-bg.case{background:url(/assets/img/layout/bg_case.jpg) center / cover no-repeat;}
.page-top-bg.result{background:url(/assets/img/layout/bg_result.jpg) center / cover no-repeat;}
.page-top-bg.magazine{background:url(/assets/img/layout/bg_magazine.jpg) center / cover no-repeat;}
.page-top-bg.press{background:url(/assets/img/layout/bg_press.jpg) center / cover no-repeat;}
.page-top-bg.inquery{background:url(/assets/img/layout/bg_inquery.jpg) center / cover no-repeat;}

.page-title{color:#fff; font-size:60px;line-height:74px;font-weight:800;margin-top:30px;}

.page-contents{padding:80px 24px 150px; background-color:#fff;}
.page-contents.wide{padding:0;}
.page-contents.tab{padding:80px 24px 88px;}
.page-contents-inner{width:1195px;max-width:100%;margin:0 auto;}