@charset "utf-8";

#my:hover .sub_gnb {
    height: 80px;
    opacity: 1;
}

.m_lnb:hover .sub_lnb {
    height: 100px;
    opacity: 1;
}

/*--------section_index_page*/
#section {
    background-color: #F4F1EC;
}

section {
    width: 1024px;
    height: 634px;
    position: relative;
    background: #F4F1EC url(../imges/bottom_img.png) no-repeat bottom;
}

/*보여지는 내용 bg 화이트 설정*/
section > #contentwrap {
    width: 1024px;
    height: 525px;
    background-color: rgba(255, 255, 255, 0.5);
}

/*----------------------------------메인이미지*/


#box {
    width: 700px;
    height: 500px;
    overflow: hidden;
    position: relative;
    left: 123px;
    top: -35px;
}

.index {
    width: 400%;
    height: 100%;
    position: relative;
    float: left;
}

.index > li {
    width: 25%;
    height: 100%;
    float: left;
}

.index > li > img {
    width: 700px;
    height: 500px;
}

/*----------------------------------버튼*/
.btn {
    width: 90px;
    height: 9px;
    margin: 20px 20px;
    position: absolute;
    right: 0;
    bottom: 15%;
    transform: translate(-250%, -290%);
    display: flex;
    justify-content: space-between;
}

.btn > li {
    width: 9px;
    height: 9px;
    border-radius: 9px;
    background: #CAB8A4;
    cursor: pointer;
}

.btn > li.click {
    background: #335915;
}