@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
**************************************************************************/


.header{position: fixed;width:100%;top:0;background:#fff;z-index:999;border-bottom:1px solid#f8f8f8;}
.header .fixed{display:flex;justify-content: space-between;align-items: center;max-width:1480px;margin:0 auto;height:80px;}
.header .fixed .left{display:flex;align-items: center;gap:50px;}
.header .fixed .left .logo{font-size:22px;font-weight:600;}
.header .fixed .left .category{font-size:16px;}
.header .fixed .right{display:flex;align-items: center;gap:30px;}
.header .fixed .right .before{display:flex;align-items: center;gap:30px;}
.header .fixed .right .before .menu{font-size:15px;color:#515151;}
.header .fixed .right .after{display:flex;align-items: center;gap:30px;}
.header .fixed .right .after .menu{font-size:15px;color:#515151;}
.header .fixed .right .mypage{font-size:15px;color:#fff;background:#1e2a38;border-radius:3px;padding:5px 13px;}
.header-done{height:80px;}

.bottom{background:#f9f9f9;}
.bottom .layout{max-width:1480px;margin:0 auto;padding:100px 0px;}
.bottom .layout .line{display:flex;justify-content: space-between;}
.bottom .layout .line .left{font-size:22px;font-weight:600;}
.bottom .layout .line .right{display:flex;gap:50px;}
.bottom .layout .line .right .menu{font-size:15px;}
.bottom .layout .info{margin-top:30px;}
.bottom .layout .info p{display:flex;gap:30px;margin-top:5px;}
.bottom .layout .info p span{font-size:15px;}
.bottom .layout .copy{font-size:14px;margin-top:30px;}



/* tablet */
@media all and (max-width:1280px) {



}


/* mobile */
@media all and (max-width:768px) {

}