@charset "utf-8";
/****************************
* ui.css
* [Last Change Date] : 2022.12.28
* [worker] : yoon
* [Description] : 레이아웃 Style
****************************/

#wrap {}
.logo-box{background: url("../images/logo-white.svg");width: 117rem;height: 28rem;background-size:100% 100%;}
header {display: flex;width:100%;height: 100rem;justify-content:space-between;align-items: center;padding:0 60rem;}
header .menu-box{}
header .menu-box .menu-list{display: flex;}
header .menu-box .menu-list .menu-item{margin-left: 30rem;}
header .menu-box .menu-list .menu-item a{font-family: 'Noto Sans KR', sans-serif;font-size: 16rem;font-weight: 400;color:var(--white-color);transition-duration: .3s;transition-property: color;position: relative;}
header .menu-box .menu-list .menu-item a::before{content:'';display: block;width: 50%;height: 8rem;background-color: var(--white-color);position: absolute;bottom:0;border-radius: 50%;left: 50%;transform:translateX(-50%);opacity: 0;transition-duration:.3s;transition-property: opacity,width,bottom,transform;}
header .menu-box .menu-list .menu-item a:hover{color:var(--point-color);}
header .menu-box .menu-list .menu-item a:hover:before{width: 8rem;bottom:100%;transform: translate(-50% ,-2rem);opacity: 1;}
footer{display: flex;width:100%;height: 40rem;justify-content:space-between;align-items: center;padding:0 60rem;background-color: rgba(0, 0, 0, 0.30);}
footer .company-box{font-size: var(--font-size-thin);font-weight: 400;color:var(--white-color);font-weight: 400;}
footer .copyright-box{font-size: var(--font-size-thin);color:var(--white-color);font-weight: 400;}
html.full-screen #wrap{width: 100%;height: 100%;}
html.full-screen main{width: 100%;height: 100%;}

@media screen and (max-height : 1080px) {
    /*html{font-size: 0.0925925925925926vh;}*/
}