/* header 리뉴얼 */
#mo-header{display: none;}
#header-text-nav-container{display: none !important;}

#re-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background-color: #fff; border-bottom: 1px solid #ccc;}
#re-header .h-inner{position: relative; max-width: 1800px; width: 100%; display: flex; justify-content: center; align-items: center; height: 90px; padding: 0 24px; box-sizing: border-box; margin: 0 auto;}

#re-header #logo{position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#re-header #logo, #re-header #logo i {display: flex; align-items: center; justify-content: center;}
#re-header #logo i{width: 200px;}
#re-header #logo i img {display: block; width: 100%;}

/* header nav 메뉴 위치 변경시 margin-left: 000px로 변경해주시면 됩니다. */
#re-header #gnb{position: relative; margin-left: 500px;}
#re-header #gnb > ul {display: flex; align-items: center; gap: 80px;}
#re-header #gnb ul li {position: relative;}
#re-header #gnb ul li a {color: #222; transition: 0.5s; position: relative; font-size:  19.5px;}
#re-header #gnb > ul > li > a::after {content: ''; position: absolute; bottom: -34px; transform: translateY(100%); width: 100%; left: 0; height: 2px; background-color: #289dcc; width: 0; opacity: 0; transition: 0.5s;}
#re-header #gnb > ul > li:hover > a, #re-header #gnb > ul > li.on > a {color: #289dcc;}
#re-header #gnb > ul > li:hover > a::after, #re-header #gnb > ul > li.on > a::after {opacity: 1; width: 100%;}
#re-header #gnb ul li .sub-menu {position: absolute; bottom: 0px; left: -20px; z-index: 10; transform: translateY(100%); display: none; padding-top: 60px; 
 transition: 0.5s;}
#re-header #gnb ul li:hover li.sub-menu {opacity: 1; display: block;}
#re-header #gnb ul li .sub-menu ul {display: flex; flex-direction: column; gap: 40px; width: 80px; text-align: center;}
#re-header #gnb ul li .sub-menu ul a {color: #555;}

#deps2 {position: absolute; bottom: 0; transform: translateY(100%); left: 242px;  display: flex; align-items: center; justify-content: center;
    text-align: center; gap: 109px; padding-top: 60px; z-index: 999; display: none;}
#deps2 ul {display: flex; flex-direction: column; gap: 45px;}

#menu-bg{display: none;}


#menu-bg {    position: absolute; bottom: -1px; width: 100%; height: 130px; background: #fff;  transform: translateY(100%); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);}


.wpcf7-form-control.wpcf7-file {margin-bottom: 2px !important;}
.file-acc {font-size: 14px; margin-bottom: 60px; color: #666;}


@media screen and (max-width: 991px){
#re-header #gnb{margin-left: 40px;}
}
@media screen and (max-width: 890px) {
#colophon{width:100%;overflow: hidden;}
.footer-socket-wrapper{width:100%;overflow: hidden;}
.mf1{color:#fff!important; margin-bottom:10px; padding-left:30px; font-size:12px!important}
.mf1 ul li {font-size:14px!important}
.mf2 img{width:90%}
.foo1200{width:100%!important}
.pc_no{display:block}
.m_no{display:none}

button#responsive-menu-button{display:block!important}
.footer_left ul { font-size:12px!important}
.responsive-menu-box {height:22px!important;
}
#header-right-section {
 
    display: none;
}
.footer_right{float:none!important; width:90%!important; text-align: left!important;margin-top:10px; font-size:12px!important}
.footer_right img{width:98%!important;  padding-top:30px; margin:0 auto; max-width:400px!important;}
 }



/* header 리뉴얼 반응형 */
@media screen and (max-width: 1092px){
#re-header .h-inner {justify-content: flex-end;}
}
@media screen and (max-width: 911px){
#re-header #gnb > ul{gap: 50px;}
#deps2{left: 178px; gap: 31px;}
}
@media screen and (max-width: 760px){
#re-header {display: none !important;}
#mo-header{display: block;}

#mo-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff; border-bottom: 1px solid #ccc;}

.mo-h-inner {display: flex; align-items: center; justify-content: space-between; height: 70px; padding: 0 12px;}
.mo-h-inner #mo-logo, .mo-h-inner #mo-logo i {display: flex; align-items: center; justify-content: center;}
.mo-h-inner #mo-logo i {width: 150px;}
.mo-h-inner #mo-logo i img {display: block; margin: 0;}

#mo-nav{position: fixed; top: 71px; z-index: 999; height: calc(100vh - 70px); background-color: #efefef; right: 0; width: auto; transform: translateX(100%); transition: 0.5s;}

#mo-nav.on {transform: translateX(0%); }
#mo-nav > ul > li {background-color: #efefef; width: 310px; padding-right: 150px; box-sizing: border-box;}
#mo-nav > ul > li > a {color: #222; display: block; padding: 12px 20px; border-bottom: 1px solid rgba(255,255,255,0.5); }
#mo-nav .mo-sub-menu {margin-left: 0; display: none; position: absolute; top: 0; right: 0; width: 150px; z-index: 999; height: 100vh; background-color: #fff;}
#mo-nav > ul > li.active > a {background-color: #0071bc; color: #fff;}
#mo-nav .mo-sub-menu.active {display: block;}
#mo-nav .mo-sub-menu > li {background-color: #fff; }
#mo-nav .mo-sub-menu > li a {font-size: 14px; padding: 12px 26px 12px 20px; color: #333; display: block;}
#mo-nav .mo-sub-menu > li:first-child a {border-bottom: 1px solid #efefef;}


#h-menu {    position: relative; display: block; width: 60px; height: 32px; background: #0071bc; border-radius: 20px;}
#h-menu span {position: absolute; top: calc(50% - 5px);  width: 20px; height: 1px; background-color: #fff; left: 50%; transform: translate(-50%, -50%);transition: 0.5s; box-sizing: border-box;}
#h-menu span:nth-child(2){top: 50%;  transform: translate(-50%, -50%);}
#h-menu span:nth-child(3){top: calc(50% + 5px); transform: translate(-50%, -50%);}

#h-menu.on span:first-child{top: 50%; transform: translate(-50%, -50%) rotate(135deg);}
#h-menu.on span:nth-child(2){opacity: 0;}
#h-menu.on span:last-child{top: 50%; transform: translate(-50%, -50%) rotate(-135deg);}

#mo-h-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh;background-color: rgba(0,0,0,0.5); z-index: 1; display: none;}
#mo-h-bg.on {display: block;}
html.no-scroll {
    overflow: hidden;
}
}

@media screen and (max-width: 455px){
.file-acc{font-size: 12px; margin-bottom: 30px;}
}