@import url('//down.foxedu.kr/download/foxsite/css/style_foxsite.css?20220830');

/* layout */
.wrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1200px;
    width: 100%;
    box-sizing: border-box;
}
.site-header {
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:84px;
    border-bottom:1px solid #eee;
    box-sizing:border-box;
    background-color:#fff;
    z-index:10;
}
.site-header .header-top {
    height:84px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.util {
    font-size: 0;
}
.util a {
    display: inline-block;
    margin-left: 20px;
}
.util a:first-child {
    margin-left: 0;
}
.util i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.util .ico-user {
    background-image: url('../images/common/ico_user.svg');
}
.util .ico-logout {
    background-image: url('../images/common/ico_logout.svg');
}

/* -------------------------------------------------
	- TABLE MAX-WIDHT 1279
------------------------------------------------- */
@media screen and (max-width:1279px) {
    .wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
    .site-header,
    .site-header .header-top{
        height:60px;
    }
    .util a  {
        margin-left:15px;
    }
    .site-header {
        position:fixed;
    }
    #site-body {
        padding-top:80px;
    }
}