@charset "utf-8";

/********** 브라우저 초기화*********/

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

/********** 전체 적용 부분 **********/

#wrap {
    width: 100%;
}

li {
    list-style: none;
    float: left;
}

.hidden {
    visibility: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}





/************* side icon ***************/

.side_icon {
  position: fixed;
  top: 200px;
  left: 50%;
  transform: translateX(532px);
  width: 152px;
  height: 496px;
  z-index: 5;
}

.side_icon a {
    width: 100%;
    height: 100%;
    display: block;
}

.side_icon li {
    width: 152px;
    height: 152px;
    margin: 10px 0 10px 0;
    cursor: pointer;

}

.side_icon li:nth-child(1) {
    background-image: url(../images/00_new%20menu%20icon-01_152x304.png);
}

.side_icon li:nth-child(1):hover {
    background-position: 0 -152px;
}



.side_icon li:nth-child(2) {
    background-image: url(../images/00_side%20Recruitment%20icon-02_152x304.png);
}


.side_icon li:nth-child(2):hover {
    background-position: 0 -152px;
}

.side_icon li:nth-child(3) {
    background-image: url(../images/00_side%20menu%20icon-03_152x304.png);
}

.side_icon li:nth-child(3):hover {
    background-position: 0 -152px;
}