
#hero.index .hero-area{
    text-align: left;
    margin-top: -30px;
    height: 220px;
    overflow: hidden;
    /*padding-left: 16.66666667%;*/
}
.retreatTitle {
    font-family: "Nanum Brush Script", cursive;
    font-weight: 400;
    font-size: 2.8rem;
    line-height: 120%;
}
.seasonCopy {
    font-family: "Black Han Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.8rem;
    line-height: 90%;
}


.yearlist {
    height: 50px;
}
.yearlist > .liYear > div {
    cursor: pointer;
    text-align: left;
    transition: .2s;
}
.yearlist > .liYear > .h5.active {
    width: 120px !important;
    font-size: 2.2rem !important;
    color:#fff !important;
    padding-top: 9px !important;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3), 1px 1px 10px rgba(0, 0, 0, 0.3);
}
.yearlist > .liYear > div.h5 {
    width: 80px;
    color:#ffffff;
    height: 50px;
    font-size: 1.4rem;
    padding-top: 25px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 1px 2px 10px rgba(0, 0, 0, 0.3);
}
.yearlist .liYear:hover > div.h5 {
    color:#fff;
}
.yearlist > .liYear > div.h5:hover {
    font-size: 1.7rem;
    color:var(--bs-warning);
    padding-top: 20px;
}

/*인덱스페이지*/
.orderlist > div {
    cursor: pointer;
    transition: .2s;
}
.orderlist > div a {
}
.orderlist > div:hover a {
    background-color:var(--bs-warning) !important;
}
.orderlist > div a.active {
    background-color:var(--bs-white) !important;
    border-color:#fff !important;
    color:#000 !important;
    text-shadow: initial;
}

/*서브 페이지*/
.retreat_orderlist > div a {
    cursor: pointer;
    transition: .2s;
    background-color:var(--bs-gray-200) !important;
    font-weight: 500;
}
.retreat_orderlist > div:hover a {
    background-color:var(--bs-warning) !important;
}
.retreat_orderlist > div a.active {
    background-color:var(--bs-primary) !important;
    border-color:var(--bs-primary) !important;
    color:#fff !important;
}

.hero-content .row .col-2:hover i {
    color: var(--bs-warning);
    transition: .5s;
}
.hero-content .row .col-2:hover .h4 {
    color: var(--bs-warning);
    transition: .5s;
}
