header{position:fixed;z-index:50;top:0;width:100%;height:96px;background-color:rgba(0,0,0,0.7);border-bottom:solid 1px #212121}header .wrap{position:static;padding:0 0.5em;width:1540px;height:100%;max-width:100%;margin:0 auto;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}@media screen and (max-width: 960px){header{height:60px;background-color:#000}}header button{padding:0}header .mbBtnNav{display:none;height:16px;position:absolute;z-index:6;right:20px;top:40%;transition:all 0.5s ease 0s;cursor:pointer}header .mbBtnNav b{margin-right:0.5em;color:#fff;font-size:14px}header .mbBtnNav p{width:30px;float:right;position:relative;cursor:pointer;height:16px}header .mbBtnNav span{display:block;background:#fff;width:100%;height:2px;position:absolute;left:0px;transition:all ease 0.35s}header .mbBtnNav span:nth-of-type(1){top:0px}header .mbBtnNav span:nth-of-type(2){top:8px}header .mbBtnNav span:nth-of-type(3){top:16px}@media screen and (max-width: 960px){header .mbBtnNav{display:flex;flex-direction:row;align-items:center}}@media screen and (max-width: 500px){header .mbBtnNav{right:10px}}header .mbBtnNav.btnOpen span:nth-of-type(1){top:7px;transform:rotate(45deg);background:#fff}header .mbBtnNav.btnOpen span:nth-of-type(2){width:0}header .mbBtnNav.btnOpen span:nth-of-type(3){top:7px;transform:rotate(-45deg);background:#fff}header .logo{width:130px;height:50px}@media screen and (max-width: 960px){header .logo{width:110px;height:42px}}.quickLinkBox{display:flex;flex-direction:row;justify-content:space-evenly;height:100%}.quickLinkBox .link{white-space:nowrap;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.quickLinkBox .link i{width:24px;height:24px;display:block}.quickLinkBox .link .btnOpen{background:none;border:none}.quickLinkBox .link>a{padding:0.8em}.quickLinkBox .link .linkListBox{display:none;position:absolute;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3);list-style:none;margin:0;padding:0;left:-50%;z-index:6;top:80%;width:100px}.quickLinkBox .link .linkListBox li{list-style:none;margin:0;padding:0;width:100%}.quickLinkBox .link .linkListBox li a{font-size:14px;line-height:20px;text-align:center;color:#333;width:100%;display:block;padding:4px}.quickLinkBox .link .linkListBox li:hover a{background:#007da5;color:#fff}@media screen and (max-width: 960px){.quickLinkBox{margin-right:80px}}@media screen and (max-width: 500px){.quickLinkBox .link>a{padding:1em 0.3em}}.quickLinkBox .link.inquiry i{display:block;background:url("../images/iInquiry_w.png") 0 0 no-repeat;background-size:100%}.quickLinkBox .link.inquiry span{position:absolute;top:calc(50% - 0.3em);right:12px;width:18px;height:18px;line-height:18px;background-color:#006da6;font-size:12px;color:#fff;display:flex;display:-ms-flexbox;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:23px;transition:all 0.25s ease 0s}@media screen and (max-width: 500px){.quickLinkBox .link.inquiry span{right:3%}}.quickLinkBox .link.serch{background:none}.quickLinkBox .link.serch .btnOpen{cursor:pointer;padding:0.8em}.quickLinkBox .link.serch i{display:block;background:url("../images/iSerch_w.png") 0 0 no-repeat;background-size:100%}.quickLinkBox .link.serch .srBox{position:absolute;z-index:7;display:none;top:96px;width:100%;left:0;border:none;height:auto;padding:0.8em 0.5em;background-color:rgba(0,0,0,0.8)}.quickLinkBox .link.serch .srBox input{border:none;font-size:16px;color:#fff;background-color:#fff;width:80%;max-width:800px;padding:0.1em 1%;border-radius:3px}.quickLinkBox .link.serch .srBox .btnGoSerch{width:36px;height:36px;line-height:36px;margin:0 0.5em;border-radius:50%;text-align:center;background-color:#00669c}.quickLinkBox .link.serch .srBox .btnGoSerch img{transform:scale(0.9)}@media screen and (max-width: 960px){.quickLinkBox .link.serch .srBox{top:60px}}@media screen and (max-width: 500px){.quickLinkBox .link.serch .btnOpen{padding:1em 0.3em}.quickLinkBox .link.serch i{width:21px;height:21px}}.quickLinkBox .link.serch.open{position:inherit}.quickLinkBox .link.serch.open i{background:url("../images/iCancel_w.png") 0 0 no-repeat;background-size:100%}.quickLinkBox .link.serch.open .srBox{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all 0.25s ease 0s}.headerMenuList{width:80%}.headerMenuList ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:flex-end}.headerMenuList li{list-style:none;margin:0;padding:0 2%;position:relative}.headerMenuList li .link{position:relative;font-size:16px;font-weight:500;letter-spacing:.02em;color:#fff;padding-bottom:36px;width:100%}.headerMenuList li .link::after{content:'';height:1px;width:150%;transform:scale(0);left:-25%;position:absolute;bottom:0;z-index:1;display:block;background:linear-gradient(to right, rgba(0,198,253,0) 0%, rgba(0,198,253,0.28) 8%, #00c6fd 50%, rgba(0,198,253,0.38) 92%, rgba(0,198,253,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000c6fd', endColorstr='#0000c6fd',GradientType=1 )}.headerMenuList li .link.current{color:#00c6fd}.headerMenuList li .navMore{display:none;width:40px;height:50px;background:url(../images/iArrow_w.png) center center no-repeat;right:0;top:-5px;position:absolute;z-index:2;cursor:pointer;transform:rotate(-90deg)}.headerMenuList li .navMore.btnOpen{transform:rotate(0)}.headerMenuList li .submenu{display:none;position:absolute;text-align:center;left:50%;transform:translateX(-50%);top:64px;z-index:5;width:150px;box-shadow:0 0.2em 0.5em rgba(0,0,0,0.5)}.headerMenuList li .submenu li{padding:0}.headerMenuList li .submenu li a{font-size:16px;font-weight:500;letter-spacing:.02em;color:#999;display:block;background-color:#212121;padding:0.5em 0.2em}.headerMenuList li .submenu li>.submenu{display:none;left:calc(50% + 150px);top:0}.headerMenuList li:hover .link.current,.headerMenuList li:hover .link{color:#00c6fd}.headerMenuList li:hover .link.current::after,.headerMenuList li:hover .link::after{transform:scale(1);transition:all ease 0.35s}.headerMenuList li:hover .submenu{display:block}.headerMenuList li:hover .submenu li:hover a{color:#fff;background-color:#000}.headerMenuList li.styleB{position:static}.headerMenuList li.styleB .submenu{right:0;width:946px;max-width:100%;top:94px;background:#212121}.headerMenuList li.styleB .submenu li{float:left;width:calc(100%/4)}.headerMenuList li.styleB .submenu li a{display:flex;align-items:center;padding:1em 0.5em}.headerMenuList li.styleB .submenu li a b{font-family:'Barlow Semi Condensed', sans-serif;font-weight:400}.headerMenuList li.styleB .submenu li img{width:78px;height:39px;-webkit-filter:grayscale(1)}.headerMenuList li.styleB .submenu li:hover img{-webkit-filter:grayscale(0)}@media screen and (max-width: 960px){.headerMenuList{display:none;background-color:#212121;width:100%;height:100%;position:fixed;top:60px;left:0;padding-top:0}.headerMenuList ul{flex-direction:column;transform:translateY(0);transition:all 1s ease 0s}.headerMenuList li,.headerMenuList li:hover,.headerMenuList li.styleB{position:relative;border-bottom:1px solid #444;padding:0}.headerMenuList li .link.current,.headerMenuList li:hover .link.current,.headerMenuList li.styleB .link.current{color:#00c6fd}.headerMenuList li .link,.headerMenuList li:hover .link,.headerMenuList li.styleB .link{padding:0.5em 1em;width:100%;font-size:18px;display:inline-block;color:#fff;font-weight:500}.headerMenuList li .link::after,.headerMenuList li:hover .link::after,.headerMenuList li.styleB .link::after{display:none}.headerMenuList li .navMore,.headerMenuList li:hover .navMore,.headerMenuList li.styleB .navMore{display:inline-block}.headerMenuList li .submenu,.headerMenuList li:hover .submenu,.headerMenuList li.styleB .submenu{overflow:hidden;height:0;display:none;position:inherit;left:0;top:0;width:100%;transform:translateX(0);text-align:left;box-shadow:none;background-color:#ffffff}.headerMenuList li .submenu li,.headerMenuList li .submenu li:hover,.headerMenuList li:hover .submenu li,.headerMenuList li:hover .submenu li:hover,.headerMenuList li.styleB .submenu li,.headerMenuList li.styleB .submenu li:hover{border:none;background:none;border-bottom:1px solid #d5d5d5}.headerMenuList li .submenu li a,.headerMenuList li .submenu li:hover a,.headerMenuList li:hover .submenu li a,.headerMenuList li:hover .submenu li:hover a,.headerMenuList li.styleB .submenu li a,.headerMenuList li.styleB .submenu li:hover a{padding:0.5em 0 0.5em 1.5em;display:block;font-size:16px;background:none;color:#999}.headerMenuList li .submenu li>.submenu,.headerMenuList li .submenu li:hover>.submenu,.headerMenuList li:hover .submenu li>.submenu,.headerMenuList li:hover .submenu li:hover>.submenu,.headerMenuList li.styleB .submenu li>.submenu,.headerMenuList li.styleB .submenu li:hover>.submenu{position:inherit;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;left:0;height:auto;background:none;padding-left:2em}.headerMenuList li .submenu li>.submenu li,.headerMenuList li .submenu li:hover>.submenu li,.headerMenuList li:hover .submenu li>.submenu li,.headerMenuList li:hover .submenu li:hover>.submenu li,.headerMenuList li.styleB .submenu li>.submenu li,.headerMenuList li.styleB .submenu li:hover>.submenu li{border:none}.headerMenuList li .submenu.open,.headerMenuList li:hover .submenu.open,.headerMenuList li.styleB .submenu.open{display:block;height:auto}.headerMenuList li.styleB .submenu li a,.headerMenuList li.styleB .submenu li:hover a{display:flex;padding:0.5em 0;flex-direction:column}.headerMenuList li.styleB .submenu li img,.headerMenuList li.styleB .submenu li:hover img{-webkit-filter:grayscale(1)}}@media screen and (max-width: 460px){.headerMenuList li.styleB .submenu li,.headerMenuList li.styleB .submenu li:hover{width:calc(100%/3)}}header.s .logo{width:210px;transition:all 0.25s ease 0s}header.s .headerMenuList li .link{font-size:17px;transition:all 0.25s ease 0s}.headerMenuList.open{display:block;height:100%;overflow-y:auto}
/*# sourceMappingURL=cms-header.css.map */