.header-div {height: 100px;width: 1320px; min-width: 1320px; margin: 0 auto;}
.header-div > img {top: 50%; transform: translateY(-50%); cursor: pointer }
.header-div > .header-div-function{width: 150px; float: right; height: 100px;right: 20px;}
.header-div > .header-div-function >.header-search{width: 210px; height: 35px; border-radius: 90px; background-image: url("/image/common/header-search.png"); background-repeat: no-repeat;
    background-position: right center; background-position-x: 180px; top: 50%; transform: translateY(-50%); border: 1px solid #E0E0E0}
.header-div > .header-div-function > .header-div-lang{position: absolute;top: 50%;transform: translateY(-50%);float: right;margin-left: 45px;}
.header-div > .header-div-function > .header-div-lang > img {margin: 0px 10px;}
.header-div > .header-div-function > .header-div-lang > span {cursor: pointer;}

.header-ul{width: 100%;height: 50px; background-color:#B9A941 }
.header-ul > ul {margin: 0 320px; height: 50px}
.header-ul > ul > li{width: 20%; float: left; text-align: center;
    border-left: 1px solid rgba(255,255,255,0.5); cursor: pointer }
.header-ul > ul > li > a{display: inline-block; width: 100%; height: 100%; padding: 14px 0; font-size: 18px; letter-spacing: -0.02rem; color: white; font-family: 'pre-medium'; text-decoration: none}
.header-ul > ul > li:last-child{border-right: 1px solid rgba(255,255,255,0.5);}

.header-div-kor{text-decoration: underline;  text-underline-position: under; color: #333333; font-size: 16px}
.header-div-eng{color: #888888; font-size: 16px}
.header-div-eng:hover{text-decoration: underline;  text-underline-position: under; color: #333333;font-size: 16px}

#form{position: absolute; right: 150px; top: 35px; border: unset}
#sch_submit{position: absolute; left: 170px; border: unset;background-color: white ;top: 6px; }
#sch_stx{width: 210px ;height: 35px;border: 1px solid #E0E0E0;border-radius: 25px; display: inline-block !important
;-webkit-appearance: none;}
.mobile-header-search{display: none}
/*#hd_sch{overflow: }*/
@media(max-width: 769px){
    .header-div{display: none}
    .header-ul{display: none}

    .mobile-header{display: block; width: 100%; height: 50px; }

    .mobile-header > img {top: 50%; transform: translateY(-50%)}

    .mobile-header > .m-logo{float: left; width: 50%; margin-left: 5%}
    .mobile-header > .m-search{float: right ; width: 5%; margin-right: 5%}
    .mobile-header > .m-nav{float: right; width: 5%; margin-right: 5%}

    .mNav{height: 100%; width: 80%; position: absolute; right: -150%; top: 0; background-color: white; z-index: 9999999; transition-duration: 0.3s; display: block;}
    .mNav-top{height: 60px; background-color: #B9A941}
    .mNav-top > span {top: 35%;transform: translateY(-50%);  font-size: 14px; color: white; font-family: pre-medium;}
    .m-line{top: 50%; transform: translateY(-50%); margin-left : 3%; height: 15px}
    .mNav-top > .nav-close {float: right; margin-right: 3%; top: 50%; transform: translateY(-50%); width: 5%}
    .m-kor{text-decoration: underline; text-underline-position: under;}

    .mNav > ul {width: 90%; margin: 40px auto;}
    .mNav > ul > li {padding: 20px; border-bottom: 1px solid #D4D4D4}
    .mNav > ul > li >span {font-size: 14px; color: #333333; font-family: pre-medium; font-weight: 700; display: inline-block}
    .mNav > ul > li > img {float: right; width: 20px;  transform: translateY(-50%)}

    .m-header-search {width: 80%;height: 30px; left: 50%; transform: translateX(-50%) ; border: 1px solid #DDDDDD; border-radius: 15px;
        background-image: url("/image/common/m-nav-search.png"); background-repeat: no-repeat; background-position: center; background-position-x: 95%;background-size: 5%; margin-top:300px;}


    .mNav > ul > li > img{height: 40px;}
    .mobile-header-down1-ul,.mobile-header-down2-ul,.mobile-header-down3-ul,.mobile-header-down4-ul{ margin-top: 20px; transition-duration: 0.3s;}
    .mobile-header-down1-ul > li,.mobile-header-down2-ul > li,.mobile-header-down3-ul > li,.mobile-header-down4-ul > li{margin-bottom: 15px;}
    .mobile-header-down1-ul > li > span,.mobile-header-down2-ul > li > span,.mobile-header-down3-ul > li > span,.mobile-header-down4-ul > li > span {color: #888888; font-size: 14px; }

    .mobile-header-search{width: 100%;height: 100vh;position: fixed;background-color: rgba(0,0,0,0.85);
        top: 0;z-index: 9999999;}

    #form{top: 150px;right: 0px;width: 100%; text-align: center;}
    #sch_stx{background-color: rgba(0,0,0,0); border: unset; border-radius: unset;color: white;
    border-bottom: 1px solid white}
    #sch_stx::placeholder{color: white}
    #sch_submit{background-color: rgba(0,0,0,0);left: 67%}
}