@charset "UTF-8";

/* section 1 */
#sec_1 .tit-area h1 {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 100ms ease-in;
    transition: all 1s 100ms ease-in;
}
#sec_1 .tit-area h5 {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 400ms ease-in;
    transition: all 1s 400ms ease-in;
}
#sec_1 .tit-area a {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 700ms ease-in;
    transition: all 1s 700ms ease-in;
}
#sec_1 .slick-dots,
#sec_1 .slick-arrow {
    opacity: 0;
    -webkit-transition: opacity 1s 1000ms ease-in;
    transition: opacity 1s 1000ms ease-in;
}

#sec_1.play .tit-area h1,
#sec_1.play .tit-area h5,
#sec_1.play .tit-area a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

#sec_1.play .slick-dots,
#sec_1.play .slick-arrow {
    opacity: 1;
}


/* section 2 */
#sec_2 .title-box h4 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 100ms ease-in;
    transition: all 1s 100ms ease-in;
}
#sec_2 .title-box h6 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 500ms ease-in;
    transition: all 1s 500ms ease-in;
}
#sec_2 .sec2-slider,
#sec_2 .cont-box {
    /* position: relative; */
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    -webkit-transition: all 1s 1000ms ease-in;
    transition: all 1s 1000ms ease-in;
}

#sec_2.play .title-box h4 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
#sec_2.play .title-box h6 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
#sec_2.play .sec2-slider,
#sec_2.play .cont-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


/* section 3 */
#sec_3 .detail-box .tit-bold,
#sec_3 .detail-box .tit-sub {
    position: relative;
    left: -100%;
    opacity: 0;
    -webkit-transition: all 1s 100ms linear;
    transition: all 1s 100ms linear;
}
#sec_3 .media-box {
    position: relative;
    right: -100%;
    opacity: 0;
    -webkit-transition: all 1s 100ms linear;
    transition: all 1s 100ms linear;
}
#sec_3 .detail-box .list-1 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 600ms ease-in;
    transition: all 1s 600ms ease-in;
}
#sec_3 .detail-box .list-2 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 900ms ease-in;
    transition: all 1s 900ms ease-in;
}
#sec_3 .detail-box .list-3 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 1200ms ease-in;
    transition: all 1s 1200ms ease-in;
}
#sec_3 .detail-box .list-4 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 1200ms ease-in;
    transition: all 1s 1200ms ease-in;
}
#sec_3 .detail-box a {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 1500ms ease-in;
    transition: all 1s 1500ms ease-in;
}


#sec_3.play .detail-box .tit-bold,
#sec_3.play .detail-box .tit-sub {
    left: 0;
    opacity: 1;
}
#sec_3.play .media-box {
    right: 0;
    opacity: 1;
}
#sec_3.play .detail-box .list-1,
#sec_3.play .detail-box .list-2,
#sec_3.play .detail-box .list-3,
#sec_3.play .detail-box .list-4,
#sec_3.play .detail-box a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


/* section 4 */
#sec_4 .title-box {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 100ms linear;
    transition: all 1s 100ms linear;
}
#sec_4 .cont-box {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 600ms linear;
    transition: all 1s 600ms linear;
}

#sec_4.play .title-box,
#sec_4.play .cont-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


/* section 5 */
#sec_5 .title-box {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 100ms linear;
    transition: all 1s 100ms linear;
}
#sec_5 .cont-box {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 600ms linear;
    transition: all 1s 600ms linear;
}

#sec_5.play .title-box,
#sec_5.play .cont-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


/* section 6 */
#sec_6 .title-box h6 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 100ms ease-in;
    transition: all 1s 100ms ease-in;
}
#sec_6 .title-box h4 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 400ms ease-in;
    transition: all 1s 400ms ease-in;
}
/* #sec_6 .detail-box .list:nth-child(1) {
    position: relative;
    left: -100%;
    opacity: 0;
    -webkit-transition: all 1s 1000ms ease-in;
    transition: all 1s 1000ms ease-in;
}
#sec_6 .detail-box .list:nth-child(2) {
    position: relative;
    right: -100%;
    opacity: 0;
    -webkit-transition: all 1s 1000ms ease-in;
    transition: all 1s 1000ms ease-in;
} */
#sec_6 .detail-box .list {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.7s 700ms ease-in;
    transition: all 0.7s 700ms ease-in;
}
#sec_6 .cont-box {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1.2s 1200ms ease-in;
    transition: all 1.2s 1200ms ease-in;
}

#sec_6.play .title-box h6,
#sec_6.play .title-box h4,
#sec_6.play .detail-box .list,
#sec_6.play .cont-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
/* #sec_6.play .detail-box .list:nth-child(1) {
    left: 0;
    opacity: 1;
}
#sec_6.play .detail-box .list:nth-child(2) {
    right: 0;
    opacity: 1;
} */


/* section 7 */
#sec_7 .title-box h6 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 100ms ease-in;
    transition: all 1s 100ms ease-in;
}
#sec_7 .title-box h4 {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 300ms ease-in;
    transition: all 1s 300ms ease-in;
}
#sec_7 .entries .entry:nth-child(1) {
    position: relative;
    right: -100%;
    opacity: 0;
    -webkit-transition: all 1s 500ms linear;
    transition: all 1s 500ms linear;
}
#sec_7 .entries .entry:nth-child(2) {
    position: relative;
    left: -100%;
    opacity: 0;
    -webkit-transition: all 1s 800ms linear;
    transition: all 1s 800ms linear;
}
#sec_7 .entries .entry:nth-child(3) {
    position: relative;
    right: -100%;
    opacity: 0;
    -webkit-transition: all 1s 1100ms linear;
    transition: all 1s 1100ms linear;
}
#sec_7 .entries .entry:nth-child(4) {
    position: relative;
    left: -100%;
    opacity: 0;
    -webkit-transition: all 1s 1400ms linear;
    transition: all 1s 1400ms linear;
}
/* #sec_7 .cont-box .map {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 1800ms ease-in;
    transition: all 1s 1800ms ease-in;
}
#sec_7 .cont-box .contact {
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 2200ms ease-in;
    transition: all 1s 2200ms ease-in;
} */

#sec_7.play .title-box h6,
#sec_7.play .title-box h4 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
#sec_7.play .entries .entry:nth-child(1),
#sec_7.play .entries .entry:nth-child(3) {
    right: 0;
    opacity: 1;
}
#sec_7.play .entries .entry:nth-child(2),
#sec_7.play .entries .entry:nth-child(4) {
    left: 0;
    opacity: 1;
}


/* section 8 */
#sec_8 .item.map {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 100ms ease-in;
    transition: all 1s 100ms ease-in;
}
#sec_8 .item.contact {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 1s 400ms ease-in;
    transition: all 1s 400ms ease-in;
}

#sec_8.play .item.map,
#sec_8.play .item.contact {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}