/*header*/
html.open-menu{overflow: hidden;}
.header {background-color:rgba(255,255,255,95); box-shadow: 0 0 10px rgba(0,0,0,0.07); position:fixed;top:1rem;left:50%; transform: translateX(-50%); border-radius: 1.25rem; max-width: 1720px; width: 95%; z-index: 9999;transition: all .5s ease}
.header.nav-up {top:-100%}

/* 멈추거나 위로 올릴 때 나타남 */
.header.nav-down {top:.5rem;}

.header .inner {width: 100%; margin: 0 auto;}

.header .logo {padding:15px 0; display: flex; align-items: center; gap:.7rem;}
.header .logo .Logo {height: 3.325rem;}
.header .logo .zeissLogo {height: 2.6rem;}
.header .blind {overflow: hidden; display: inline-block; position: absolute; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}

.header #menu {width:90%;display:flex;}
.header .nav-menu {width:100%;}
.header .nav-menu {width: 60%;padding-left: 15px;}
.header .nav-menu .site-btn {display:none;width:3%;justify-content: center;align-items: center;}
.header .nav-menu .site-btn img {justify-self: center;align-self: center;}
.header .nav-menu > ul{width:97%}
.dropdown-menu {display: none;margin: 0;width:100%;}
.header .nav-menu ul > .menu {text-align:center}
.header .nav-menu .depth02 .de_img {display: none;}

.header .nav-menu .menu .depth02 i {display: block;padding-top: 3px;padding-right: 10px;}
.header .login{display: none;}
.header .login li{text-align:center; align-self: center;}

.header .menu-btn{display: none;}




/* @media (min-width:1440px){
    .header .nav-menu .depth02 > .container{padding: 50px}
    .header .nav-menu .menu .depth03 > li > a{padding:10px}
}
@media only screen and (max-width: 1440px) and (min-width: 990px){
    .header .nav-menu{justify-content: flex-end;width: 3%;order: 3;}
    .header .nav-menu > ul{display: none;}
    .header .login {
        margin-left: 79%;
        width: 10%;
    }
    .header .nav-menu .site-btn{width: 100%;}
} */
@media (min-width:990px){
    .header.open{background-color:rgba(255,255,255,1);}
    .header.sticky .logo{padding:15px 0;transition: all .5s ease;}

    .dropdown-menu {position: absolute;width:100%!important}
    .header .depth02.dropdown-menu {visibility: hidden;opacity: 0;display: block!important;transition: all .5s ease}
    .header .depth02.dropdown-menu.visible {visibility: visible;opacity: 1;}
    
    .header .inner{z-index:2;display: flex; justify-content: space-between; width: 95%;}
    
    .header .nav-menu > ul{height: 100%;}    
    
    .header .nav-menu ul > .menu {width:calc(86% / 4); flex:1; text-align:center;display:flex;}
    .header .nav-menu ul > .menu03 {width: 14%;}
    .header .nav-menu ul > .menu > a {align-self: center;width: 100%; font-size: 18px;}
  
    .header .nav-menu .depth01 {color:var(--pointcolor);transition: all .5s ease;font-weight: 400;}
    .header .nav-menu .depth01.on span {border-bottom:1px solid var(--pointcolor); padding-bottom: .2rem; font-weight: 700;}
    

    .header .nav-menu .depth01 i{display: none;}
    .header .nav-menu .menu .depth02 i{display: none;}
    .header .nav-menu .depth02{position: absolute;top:calc(100% + .5rem); left:0; background: #fff; border-radius: 1.25rem; height:auto!important}
    .header .nav-menu .depth02 > .container{display: flex;flex-wrap: wrap;padding: 30px 0; max-width: 95%;}
    .header .nav-menu .depth02 .de_img{width: 25%; display: block;}
    .header .nav-menu .depth02 .de_menu {width: 75%;padding-left: 5%;display: flex;flex-wrap: wrap;align-content: flex-start;text-align: left;display: block!important;}
    .header .nav-menu .depth02 .de_menu > li {width: 100%; display: flex; flex-direction: column; position:relative;top:0;left: 0; margin-top: 1rem;}

    .header .nav-menu .depth02 .de_menu > li >a {display: block;font-weight: 800; color:var(--pointcolor); font-size: 18px;}
    .header .nav-menu .depth02 .de_menu > li >a:hover {opacity: 1;}


    .header .nav-menu .menu .depth03{display: flex!important; position: relative; height: auto!important;justify-content: flex-start; flex-wrap: wrap; gap: 0 3.5rem;}
    .header .nav-menu .menu .depth03 > li > a {font-weight:400; padding:8px 0;color:#000; white-space: nowrap; display:block;text-align: left; font-size: 18px; position: relative;}
    .header .nav-menu .menu .depth03 > li > a:after {content:''; width: 0; height: 1px; background-color: var(--pointcolor); position: absolute; bottom:3px; left: 0; transition: .3s;}
    .header .nav-menu .menu .depth03 > li > a:hover:after {width: 100%; transition: .3s;}

    .header .login {order:2;/* width:10%; */display: flex;}
    /* .header .login li{width:50%;display: flex;text-align:center;justify-content: center;align-items: center;} */
    .header .login li a {color:#388dc8;display: flex;align-self: center;font-weight: 600;font-family: 'Saira Condensed', sans-serif;}

    
    .header .nav-menu-ul{order:1}
    .header .nav-menu{display:flex}
    .header .nav-menu .site-btn{display: flex;}
}
/* @media (max-width: 1440px) {
    #sitemap #site-nav{padding: 30px 0;}
    #sitemap #site-nav .menu .depth01{padding:0 30px;}
    #sitemap #site-nav .menu .depth02{padding:0 30px;}
}
@media (max-width: 1200px) {
   
} */
@media (max-width: 990px) {
    /*header*/
    .dropdown-menu{height:auto;width:100%!important}
    .header {text-align:center}
    .header .nav-menu{padding:0;width: 100%;overflow: scroll;position: fixed; height: 0vh; left: 0%;top:66px;bottom: 0;background: #fff;z-index: 9997;letter-spacing: 0px;transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;}
    .header .nav-menu.on {/* height: 100vh; */ height: fit-content; border-radius: 1.25rem;}
    .header .inner {text-align: left; width: 95%;}
    .header .logo {margin:0;padding:13px 0;width:95px;}
    .header .logo.on {position:fixed;top:0;left:15px;z-index: 99999}



    .header .menu-btn {display: block;width: 25px;height: 20px;top:0; bottom:0; margin:auto; right: 15px;position: absolute; z-index: 9998;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}

    .header .menu-btn span {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 1px;border-radius: 10px;background-color: var(--pointcolor); position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}

    .header .menu-btn .btn_line01 {top: 0;}
    .header .menu-btn .btn_line02 {top: 9px;}
    .header .menu-btn .btn_line03 {bottom: 0;}

    .header .menu-btn.on span{}
    .header .menu-btn.on span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
    .header .menu-btn.on span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";right: -60px;}
    .header .menu-btn.on span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

    .header .nav-menu > ul {width: 100%;font-size: 1.3rem;}
    .header .nav-menu ul > .menu{width:100%;text-align:left;border-bottom:1px solid #eee}
    .header .nav-menu ul > .menu > a {display:block;width:100%;padding:15px 20px; color:var(--pointcolor); font-size: 18px; font-weight: 700;}
    .header .nav-menu .depth02 {background: #D6D6E5;}
    .header .nav-menu .depth02 .container {width: 100%;}
    .header .nav-menu .depth02 li > a {display: block;padding: 13px 30px;color:var(--pointcolor); font-size: 16px; font-weight: 600;}

    .header .nav-menu .depth03 {background: #EBEBF2;}
    .header .nav-menu .depth03 > li > a{display: block;padding: 13px 30px;color:#000; font-weight: 400;}

    .header .nav-menu > ul.login{width: 100%;}
    .header .login li {width:33.3333%;position: relative;top: 0;left: 0;background: #fafafa;}
    .header .login li:first-child:after{display: none;}
    .header .login li:after{display:block;content:"";clear:both;position:Absolute;bottom:20px;left:0;width:1px;height:13px;background:#313131}

    .header .login li a{display: block;padding: 20px 0;}
    .header .login li a b{margin-top:3px;font-size: 0.8em;}
    .header .login li img{margin:auto}
}



@media (max-width: 767px) {    
   
}