#btn-menu-m,#btn-menu-m span {display:inline-block;transition:all .4s;box-sizing:border-box;}
#btn-menu-m {position:fixed;width:25px;height:40px;top:30px;right:20px;z-index:120;display:none;}
#btn-menu-m span {position:absolute;left:0;width:100%;height:2px;background-color:#fff;}
#btn-menu-m.active span {background-color:#fff;height:1px;}
#btn-menu-m span:nth-of-type(1) {top:8px;}
#btn-menu-m span:nth-of-type(2) {top:16px;width:20px;}
#btn-menu-m span:nth-of-type(3) {bottom:13px;}
.scrolled #btn-menu-m span {background-color:var(--main_black);}
.scrolled #btn-menu-m.active span {background-color:#fff;}
#btn-menu-m.active span:nth-of-type(1) {-webkit-transform:translateY(16px) rotate(-45deg);transform:translateY(16px) rotate(-45deg);top:0;}
#btn-menu-m.active span:nth-of-type(2) {opacity:0;}
#btn-menu-m.active span:nth-of-type(3) {-webkit-transform:translateY(-23px) rotate(45deg);transform:translateY(-23px) rotate(45deg);bottom:0;}

#header-wrap {position:fixed;top:0;left:0;width:100%;height:100px;z-index:3; background:transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;}
#header-wrap>.inner {width:100%;height:100%;    max-width: none;}
#header {position:relative;width:100%;max-width:1720px;height:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;}
#header .logo {position:relative;width:260px;height:100%;flex-shrink:0;text-align:left;}
#header .logo a {display:block;width:200px;height:100%;background-image:url(../img/logo.png);background-position:left center;background-repeat:no-repeat;background-size:contain;}
#header .lnb-line {position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;display:flex;align-items:center;justify-content:center;}
#header .lnb-line:after {content:"";visibility:hidden;display:block;height:0;clear:both;}
#lnb {height:100%;float:none;}
#lnb * {box-sizing:border-box;}
#lnb>ul {height:100%;display:flex;align-items:center;margin:0;padding:0;}
#lnb>ul:after {content:"";visibility:hidden;display:block;height:0;clear:both;}
#lnb>ul>li {position:relative;display:block;height:100px;line-height:100px;float:none;margin:0;white-space:nowrap;transition:all .3s ease;}
#lnb>ul>li>a {display:block;width:auto;height:100%;padding:0 42px;text-align:center;font-size:17px;font-weight:600;color:#fff;text-decoration:none;transition:color .3s ease,opacity .3s ease;}
#lnb>ul>li>a:hover {opacity:.7;}
#lnb>ul>li>ul {position:absolute;display:none;width:190px;top:100%;left:50%;transform:translateX(-50%);margin:0;padding:0;z-index:10;background:#fff;border-radius:0 0 10px 10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12);box-sizing:border-box;}
#lnb>ul>li.on>ul {display:block;}
#lnb>ul>li>ul ul {position:absolute;width:190px;display:none;border:1px solid #ddd;background:#fff;top:0;left:100%;margin:0;}
#lnb>ul li.on>ul {display:block;}
#lnb li {position:relative;}
#lnb>ul>li li {width:100%;border-top:1px solid #eee;line-height:46px;height:46px;background:#fff;padding:0;margin:0;}
#lnb>ul>li li:first-child {border-top:0;}
#lnb>ul>li li:last-child {height:46px;line-height:46px;}
#lnb>ul>li li>a {width:100%;height:100%;display:block;padding:0 15px;color:#333;font-size:14px;font-weight:500;text-align:center;text-decoration:none;transition:background .25s ease,color .25s ease;}
#lnb>ul>li li>a:hover {padding:0 15px;background-color:#13777e;color:#fff;}
#lnb .arrow {position:absolute;width:30px;height:30px;font-size:14px;color:#fff;right:-5px;top:50%;margin-top:-15px;text-align:center;line-height:30px;z-index:1;display:none;}
#lnb ul ul .arrow {transform:rotate(-90deg);}
.lnb-line #menu-ctl {display:none;position:absolute;top:0;right:0;z-index:10;}
#menu-ctl>a {display:inline-block;width:30px;line-height:60px;background-color:#fff;font-size:20px;text-align:center;}

#header .header_customer {width:260px;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;}
#header .header_customer>a {display:flex;align-items:center;justify-content:center;gap:3px;min-width:154px;height:48px;padding:0 25px;border:1px solid rgba(255,255,255,.9);border-radius:30px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background .3s ease,color .3s ease,border-color .3s ease;}
#header .header_customer>a span {font-size:17px;font-weight:300;line-height:1;}
#header .header_customer>a:hover {background:#fff;border-color:#fff;color:#13777e;}

.scrolled #header-wrap {background:#fff;border-bottom-color:#e5e5e5;box-shadow:0 3px 15px rgba(0,0,0,.05);}
.scrolled #header .logo a {background-image:url(../img/w_logo.png);}
.scrolled #lnb>ul>li>a {color:var(--main_black);}
.scrolled #header .header_customer>a {border-color:#13777e;color:#13777e;}
.scrolled #header .header_customer>a:hover {background:#13777e;border-color:#13777e;color:#fff;}

#login-box {margin-left:20px;}
#login-box,#login-box2 {display:flex;gap:20px;}
#login-box3 {display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;margin-bottom:10px;}
#login-box a,#login-box2 a,#login-box3 a {display:inline-block;padding:0;height:50px;line-height:50px;text-align:center;color:rgba(255,255,255,.7);font-size:12px;position:relative;}
#login-box a::after {position:absolute;content:"";right:-10px;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:rgba(255,255,255,.7);}
#login-box a:last-child::after {display:none;}
.scrolled #login-box a,.scrolled #login-box2 a {color:var(--main_black);}
.scrolled #login-box a::after {background-color:var(--main_black);}
#login-box2 {display:none;}
#login-box3 a {color:#fff;}

#top-bg-wrapper {position:relative;z-index:10;border-bottom:1px solid #ddd;}
#top-bg-wrapper .bg {width:100%;height:100%;}
#container-box {width:100%;position:relative;display:none;}

#m-lnb-wrapper {position:fixed;top:0;right:-400px;z-index:110;max-width:400px;width:100%;height:100vh;overflow:auto;background-color:rgba(0,0,0,.92);box-sizing:border-box;padding-top:60px;padding-left:2em;padding-right:1em;transition:all .5s;}
#m-lnb-wrapper.on {right:0;}
#m-lnb>ul {border-bottom:1px solid #333;font-size:14px;margin:0;padding:0;}
#m-lnb>ul li>a {color:#fff;}
#m-lnb>ul>li>span {position:absolute;right:0;top:0;width:40px;height:50px;font-size:14px;text-align:center;transition:all .4s;color:var(--main_color);cursor:pointer;}
#m-lnb>ul>li.on>span {transform:rotate(180deg);}
#m-lnb>ul>li li>span {position:absolute;right:0;top:0;width:40px;height:40px;font-size:14px;text-align:center;transition:all .4s;color:tomato;cursor:pointer;}
#m-lnb>ul>li li.on>span {transform:rotate(180deg);}
#m-lnb>ul li {position:relative;}
#m-lnb>ul>li>a {display:inline-block;padding:0 20px;font-size:16px;}
#m-lnb>ul>li {line-height:55px;border-bottom:1px solid #333;}
#m-lnb>ul>li:last-child {border-bottom:0;}
#m-lnb>ul>li ul {display:none;line-height:40px;}
#m-lnb>ul>li li {border-top:1px solid #474747;background-color:#222;}
#m-lnb>ul>li li li {border-top:1px solid #959595;background-color:#777;}
#m-lnb>ul>li li>a {display:inline-block;padding:3px 15px 3px 30px;width:100%;}
#m-lnb>ul>li li li>a {display:inline-block;padding:0 10px 0 40px;}

.select-nav {background-color:transparent;display:inline-block;float:left;}
.select-nav:after {content:"";visibility:hidden;display:block;height:0;clear:both;}
.select-nav .select {float:left;width:220px;height:70px;position:relative;box-sizing:border-box;}
.select-nav .select:first-child {border:0;}
.select-nav .select .down {position:absolute;width:25px;height:25px;display:inline-block;top:20px;right:5px;line-height:25px;text-align:center;color:#fff;font-size:20px;transition:all .5s;}
.select-nav .select.on .down {transform:rotate(180deg);}
.select-nav .select.d1 {margin-left:0;}
.select-nav .select button {width:100%;height:100%;background-color:transparent;border:0;text-align:left;padding-left:25px;outline:none;font-size:15px;color:#fff;}
.select-nav .select button .t1 {font-weight:500;}
.select-nav .d3 button {font-weight:bold;}
.select-nav .select>ul {display:none;position:absolute;top:100%;left:-1px;width:100%;border:1px solid #ddd;background-color:#fff;box-sizing:content-box;}
.select-nav .select ul li {min-height:55px;line-height:55px;border-bottom:1px solid #ddd;}
.select-nav .select ul li a {color:#555;display:block;font-size:14px;padding-left:25px;}
.select-nav .select ul li a:hover {color:#fff;background-color:var(--main_color);}
.select-nav .select ul ul {display:none;}
.select-nav .select ul li li {border-top:1px solid #ddd;border-bottom:0;}
.select-nav .select ul li:last-child {border-bottom:0;}
.select-nav-wrapper {position:relative;z-index:3;max-width:1300px;margin:-71px auto;}
.select-nav-wrapper:after {content:"";visibility:hidden;display:block;height:0;clear:both;}
.select-nav-wrapper .home {width:60px;height:70px;text-align:center;font-size:30px;display:inline-block;line-height:65px;float:left;}
.select-nav-wrapper .home img {filter:brightness(0) invert(1);}
.select-nav-wrapper .link {background-color:lightcoral;width:50px;height:50px;text-align:center;font-size:30px;display:inline-block;line-height:50px;float:right;}
.d2 .t2 {display:none;}

#header .lang {width:max-content;display:flex;align-items:center;gap:6px;padding:0 15px;height:36px;border-radius:40px;color:var(--main_black);border:1px solid rgba(31,42,68,.2);}
#header .lang>a {color:var(--main_black);font-size:15px;font-weight:600;opacity:.4;display:flex;align-items:center;}
#header .lang>a.on {opacity:1;}
#header .lang>a+a:before {content:"";width:1px;height:10px;background:var(--main_black);opacity:.5;display:inline-block;margin-right:5px;}

#m-lnb .m_lang {width:max-content;margin:0 auto 20px;display:flex;align-items:center;gap:6px;padding:0 10px;height:36px;border-radius:40px;color:#fff;border:1px solid rgba(255,255,255,.2);}
#m-lnb .m_lang>a {color:#fff;font-size:15px;font-weight:600;opacity:.4;display:flex;align-items:center;}
#m-lnb .m_lang>a.on {opacity:1;}
#m-lnb .m_lang>a+a:before {content:"";width:1px;height:10px;background:#fff;opacity:.5;display:inline-block;margin-right:5px;}

.hd_btn {position:absolute;bottom:25%;left:50%;transform:translateX(-50%);}
.hd_btn a {display:flex;align-items:center;background-color:#6c2839;padding:14px 28px;border-radius:50px;transition:background-color .3s ease,transform .3s ease;}
.hd_btn a:hover {background-color:#8a2f47;transform:translateY(-2px);}
.hd_btn a p {position:relative;color:#fff;font-size:16px;font-weight:700;margin:0;padding-left:26px;white-space:nowrap;}
.hd_btn a p::after {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url(../images/icon_phone.png);background-size:contain;background-repeat:no-repeat;background-position:center;}

@media screen and (max-width:1800px){
#header {width:calc(100% - 40px);}
}

@media screen and (max-width:1500px){
#header {padding:0 30px;}
#header .logo {width:220px;}
#header .logo a {width:185px;}
#header .header_customer {width:220px;}
#lnb>ul>li>a {padding:0 30px;font-size:16px;}
#header .header_customer>a {min-width:145px;height:44px;font-size:13px;}
}

@media screen and (max-width:1400px){
#lnb>ul>li>a {padding:0 24px;font-size:15px;}
}

@media screen and (max-width:1200px){
#header .logo {width:190px;}
#header .logo a {width:165px;}
#header .header_customer {width:190px;}
#lnb>ul>li>a {padding:0 20px;font-size:14px;}
#header .header_customer>a {min-width:135px;height:42px;padding:0 18px;font-size:13px;}
#login-box {margin-left:0;}
#lnb>ul>li>ul {width:180px;}
#lnb>ul>li li>a {font-size:12px;}
}

@media screen and (max-width:1120px){
#login-box {display:none;}
#login-box2 {display:inline-block;}
}

@media screen and (max-width:1100px){
#header-wrap {height:70px;}
#header {width:100%;height:70px;padding:0 20px;}
#header .logo {width:auto;height:70px;}
#header .logo a {width:155px;height:70px;}
#header .lnb-line {display:none;}
#header .header_customer {display:none;}
#header .lang {display:none;}
#btn-menu-m {display:inline-block;top:15px;right:20px;}
#header-wrap #logo-line {margin:0;}
#logo-line .logo {display:inline-block;float:none;}
#logo-line .contact {display:none;}
}

@media screen and (max-width:960px){
#lnb>ul>li {height:60px;line-height:60px;}
.logo a {height:60px;width:200px;}
.lnb-line #menu-ctl {display:block;}
#lnb>ul>li li>a {font-size:12px;}
}

@media screen and (max-width:768px){
#container-box {display:block;}
.select-nav-wrapper .home {display:none;}
.select-nav-wrapper .link {display:none;}
.select-nav .select.d3 {display:none;}
.select-nav {width:100%;}
.select-nav .select {width:50%;border-right:0;}
.select-nav .select ul ul {display:block;}
.d2 .t2 {display:inline;}
.d2 .t2 .fa {color:#555;font-weight:bold;}
}

@media screen and (max-width:640px){
#header-wrap {height:60px;}
#header {height:60px;padding:0 15px;}
#header .logo {height:60px;}
#header .logo a {width:135px;height:60px;}
#btn-menu-m {top:10px;right:15px;}
.hd_btn {bottom:20%;}
}