@charset "utf-8";
header{
    width:100%;
    position:fixed;
    z-index:99;
}
.gnbBg{
    width:100%;
    height:350px;
    position:absolute;
    background-color: rgba(255, 255, 255, 0.1);
    z-index:1;
    backdrop-filter: blur(20px);
    top:-350px;
    transition:0.3s;
    opacity:0;
}
.gnbBgOn{
    top:0;
    transition:0.3s;
    opacity:1;
}
.logo{
    top:44px;
    left:100px;
    position:absolute;
    z-index:1;
    width:254px;
    height:42px;
    background:url(../images/common/logo.png)no-repeat center;
}
.logo a{
    display:block;
    height:100%;
}
.gnb{
    left:454px;
    position:absolute;
    z-index:2;
}
.gnb>li{
    float:left;
    position:relative;
}
.gnb li a{
    display:block;
    padding:0 40px;
    line-height:130px;
    font-size:17px;
    font-weight:500;
    color:#f4f4f4;
    text-align:center;
    transition:padding 0.4s;
}
/*GNB 호버*/
.gnb:hover li a{
    padding:0 80px;
    transition:padding 0.4s;
}
.gnb>li:hover .lnbBg{
    opacity:1;
    transition:all 0.3s;
}
.lnbBg{
    width:100%;
    height:0;
    background-color:rgba(10,45,86,0.75);
    position:absolute;
    z-index:-1;
    transition:all 0.1s;
    opacity:0;
}
.lnbBgOn{
    height:350px;
}
.lnb{
    height:0;
    visibility:hidden;
    opacity:0;
    transition:opacity 0.3s;
}
.lnbOn{
    height:inherit;
    visibility:visible;
    opacity:1;
    transition:opacity 0.3s 0.2s;
}
.lnb li a{
    font-size:16px;
    font-weight:400;
    line-height:47px;
    color:rgba(255,255,255,0.8);
    transition:color 0.3s;
}
.lnb li a:hover{
    color:rgba(255,255,255,1);
    transition:color 0.3s;
}
/*한영변환*/
.KrEn{
    position:absolute;
    right:100px;
    z-index:1;
}
.KrEn li{
    float:left;
}
.KrEn li a{
    margin:0 9px;
    font-size:15px;
    color:rgba(255,255,255,0.6);
    line-height:130px;
}
.KrEn li .KrEnOn{
    color:#f4f4f4;
    font-weight:600;
}
/*푸터*/
.footer{
    background-color:#111;
    line-height:100px;
    position:relative;
}
.footerTop{
    height:100px;
    position:relative;
}
.logoBlack{
    width:254px;
    height:42px;
    background:url(../images/common/logoBlack.png)no-repeat;
    position:absolute;
    top:29px;
}
.footerTop p{
    font-size:15px;
    color:#a9a9a9;
    text-align:left;
    margin-left:290px;
    float:left;
}
.footerGnb{
    position:absolute;
    right: 0;
}
.footerTop a{
    font-size:15px;
    line-height:100px;
    display:block;
    float:left;
    margin-left:30px;
    color:#fff;
}
.footerBottom{
    height:100px;
}
.footerBottom p{
    font-size:15px;
    color:#e8e8e8;
    float:left;
    margin-right:40px;
}
.footerBottom p span{
    font-weight:700;
}
.footerLing{
    width:100%;
    height:1px;
    background-color:#363636;
    position:absolute;
    bottom:100px;
}
.sec2Fade18{
    animation-delay:0.2s;
    opacity:0;
}
.sec2Fade19{
    animation-delay:0.4s;
    opacity:0;
}