@charset "utf-8";

.header_header__FfSP_ {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 100px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #252525;
    z-index: 2;
    min-width: 320px
}

.header_header__FfSP_ .header_header__wrapper__1RDeB {
    padding: 0 15rem;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto
}

.header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__title__1YfE0 a {
    font-size: 2.6rem;
    letter-spacing: -1px;
    cursor: pointer;
    font-family: Poppins;
    font-weight: 800
}

.header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul {
    display: flex;
    flex-direction: row
}

.header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li {
    width: 120px;
    text-align: center
}

.header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li a {
    letter-spacing: -1px;
    font-family: Gmarket Sans;
    font-size: 1.7rem;
    cursor: pointer
}

.header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li:first-child {
    width: 100px
}

.header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li:nth-child(4) {
    width: 140px
}

.header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li:last-child {
    padding-right: 0
}

@media screen and (max-width: 1440px) {
    .header_header__FfSP_ .header_header__wrapper__1RDeB {
        padding:0 4.6rem
    }
}

@media screen and (max-width: 991px) {
    .header_header__FfSP_ {
        height:auto
    }

    .header_header__FfSP_ .header_header__wrapper__1RDeB {
        padding: 0;
        flex-direction: column
    }

    .header_header__FfSP_ .header_header__wrapper__1RDeB h1 {
        padding: 2rem 0
    }

    .header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW {
        border-top: 1px solid #252525;
        padding: 1.5rem 0;
        width: 100%
    }

    .header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul {
        display: flex
    }

    .header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li {
        width: auto;
        flex-basis: 20%
    }
}

@media screen and (max-width: 575px) {
    .header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW {
        padding:1rem 0
    }

    .header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li {
        padding: 0 3px!important
    }

    .header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li a {
        font-size: 1.2rem;
        letter-spacing: -1.5px
    }

    .header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li:last-child,.header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li:nth-child(3),.header_header__FfSP_ .header_header__wrapper__1RDeB .header_header__nav__XftLW ul li:nth-child(4) {
        flex-basis: 24%
    }
}

.scroll_scroll__RauqK {
    flex-direction: row;
    justify-content: space-between;
    font-family: Pretendard;
    font-weight: 700;
    padding: 10px 15px;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #252525;
    width: 110px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 2rem;
    cursor: pointer
}

.scroll_scroll__RauqK,.scroll_scroll__RauqK span {
    display: flex;
    align-items: center;
    transition: all .4s ease-in-out
}

.scroll_scroll__RauqK span {
    font-size: 1.6rem
}

.scroll_scroll__RauqK span svg {
    font-size: 1.6rem;
    transition: margin .4s ease-in-out
}

.scroll_scroll__RauqK:hover {
    border-color: #0086ff
}

.scroll_scroll__RauqK:hover span {
    letter-spacing: 1px;
    color: #0086ff
}

.scroll_scroll__RauqK:hover span svg {
    margin-right: -5px
}

@media screen and (max-width: 991px) {
    .scroll_scroll__RauqK {
        margin-top:10px;
        pointer-events: none
    }

    .scroll_scroll__RauqK span {
        font-size: 1.4rem
    }
}

.home_1_row__7dJ7a {
    width: 100%;
    max-width: 1730px;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    margin: auto
}

.home_1_row__7dJ7a .home_1_text_section__MyT2P h2 {
    font-family: Gmarket Sans;
    font-weight: 700;
    font-size: 6.2rem;
    letter-spacing: -.5rem;
    min-width: 465px
}

.home_1_row__7dJ7a .home_1_text_section__MyT2P p {
    margin: 70px 0 50px;
    font-family: Pretendard;
    font-weight: 500;
    font-size: 2rem;
    line-height: 150%
}

.home_1_row__7dJ7a .home_1_text_section__MyT2P p b {
    font-size: 2rem
}

.home_1_row__7dJ7a .home_1_text_section__MyT2P a {
    display: inline-block
}

@media screen and (max-width: 1440px) {
    .home_1_row__7dJ7a .home_1_text_section__MyT2P h2 {
        font-size:5rem;
        letter-spacing: -.3rem;
        min-width: 400px
    }
}

@media screen and (max-width: 1280px) {
    .home_1_row__7dJ7a {
        align-items:flex-end
    }
}

@media screen and (max-width: 991px) {
    .home_1_row__7dJ7a {
        flex-direction:column;
        align-items: flex-start;
        padding: 0 40px
    }

    .home_1_row__7dJ7a .home_1_text_section__MyT2P {
        margin-bottom: 60px
    }

    .home_1_row__7dJ7a .home_1_text_section__MyT2P h2 {
        font-size: 4rem;
        min-width: 100%
    }

    .home_1_row__7dJ7a .home_1_text_section__MyT2P p {
        margin: 30px 0 20px;
        font-size: 1.7rem
    }

    .home_1_row__7dJ7a .home_1_text_section__MyT2P p b {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 575px) {
    .home_1_row__7dJ7a {
        padding:0 30px
    }

    .home_1_row__7dJ7a .home_1_text_section__MyT2P {
        margin-bottom: 40px
    }

    .home_1_row__7dJ7a .home_1_text_section__MyT2P h2 {
        font-size: 3rem;
        letter-spacing: -.2rem
    }

    .home_1_row__7dJ7a .home_1_text_section__MyT2P p {
        margin: 20px 0 10px;
        font-size: 1.4rem
    }

    .home_1_row__7dJ7a .home_1_text_section__MyT2P p b {
        font-size: 1.5rem
    }
}

.home_2_row__gpDuj {
    width: 100%;
    max-width: 1730px;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    margin: auto
}

.home_2_row__gpDuj .home_2_container__wrapper__tVVBQ {
    display: flex;
    flex: 1 1;
    justify-content: space-around
}

.home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu {
    display: flex;
    flex-direction: column
}

.home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB {
    width: 100%;
    font-family: Pretendard;
    font-size: 1.9rem;
    line-height: 180%;
    color: #171717
}

.home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB h1 {
    font-family: Gmarket Sans;
    font-size: 4.5rem;
    margin: 60px 0 5px;
    line-height: 120%
}

.home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB h2 {
    color: #e9e9e9;
    font-size: 2.5rem;
    letter-spacing: 10px;
    margin-bottom: 15px;
    line-height: 80%
}

.home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB p {
    font-size: 1.9rem;
    line-height: 180%
}

.home_2_row__gpDuj .home_2_scroll__container__Q6XNf {
    display: flex;
    align-items: flex-end
}

@media screen and (max-width: 1440px) {
    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu {
        padding-right:40px;
        flex-basis: 48%
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB {
        word-break: keep-all
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB br {
        display: none
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu:last-child {
        flex-basis: 50%
    }
}

@media screen and (max-width: 991px) {
    .home_2_row__gpDuj {
        padding:0 40px
    }

    .home_2_row__gpDuj,.home_2_row__gpDuj .home_2_container__wrapper__tVVBQ {
        flex-direction: column
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu {
        padding-right: 0;
        flex-basis: 100%!important;
        text-align: center;
        margin-bottom: 40px
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB {
        font-size: 1.7rem
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB h1 {
        font-size: 4rem;
        margin: 40px 0 5px
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB h2 {
        font-size: 2rem
    }

    .home_2_row__gpDuj .home_2_scroll__container__Q6XNf {
        justify-content: flex-end
    }
}

@media screen and (max-width: 575px) {
    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB {
        font-size:1.4rem
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB h1 {
        font-size: 2.5rem;
        margin: 30px 0 5px
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB h2 {
        font-size: 1.5rem;
        letter-spacing: 5px
    }

    .home_2_row__gpDuj .home_2_container__wrapper__tVVBQ .home_2_container__oCtcu .home_2_content__WnODB p {
        font-size: 1.4rem;
        display: inline
    }

    .home_2_row__gpDuj .home_2_scroll__container__Q6XNf {
        justify-content: flex-end
    }
}

.roulette_wrapper__LMVxG {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0,0,0,.3);
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: roulette_fadeIn__KiFHt;
    animation-name: roulette_fadeIn__KiFHt;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.roulette_wrapper__LMVxG .roulette_modal__dl0sl {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: roulette_slideUp___IQn4;
    animation-name: roulette_slideUp___IQn4;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative
}

.roulette_wrapper__LMVxG .roulette_modal__dl0sl .roulette_close__button__0kVw4 {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 20px;
    z-index: 999
}

.roulette_wrapper__LMVxG.roulette_close__YZDvF {
    -webkit-animation-name: roulette_fadeOut__myX0M;
    animation-name: roulette_fadeOut__myX0M
}

.roulette_wrapper__LMVxG.roulette_close__YZDvF .roulette_modal__dl0sl {
    -webkit-animation-name: roulette_slideDown__P9_AQ;
    animation-name: roulette_slideDown__P9_AQ
}

@-webkit-keyframes roulette_fadeIn__KiFHt {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes roulette_fadeOut__myX0M {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes roulette_fadeOut__myX0M {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes roulette_slideUp___IQn4 {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes roulette_slideUp___IQn4 {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes roulette_slideDown__P9_AQ {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

@keyframes roulette_slideDown__P9_AQ {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

.roulette_result__modal__4rXZF {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 160px;
    height: 50px;
    font-family: Pretendard;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    box-shadow: 0 20px 30px rgba(0,0,0,.2);
    z-index: 999;
    border-radius: 4px;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: roulette_fadeIn__KiFHt;
    animation-name: roulette_fadeIn__KiFHt;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.roulette_result__modal__4rXZF b {
    font-size: 15px
}

.roulette_roulette__wn__zWdS4 {
    position: absolute;
    top: 4%;
    right: 50%;
    left: 50%;
    width: 6%;
    height: 7.2%;
    transform: translateX(-50%);
    z-index: 999
}

.roulette_roulette__button__sboHr {
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
    width: 25%;
    height: 25%;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.roulette_roulette__wheel__o4byX {
    transition: all 4s ease-in-out
}

@keyframes roulette_fadeIn__KiFHt {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.handgame_wrapper___8_rY {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0,0,0,.3);
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: handgame_fadeIn__bhaHA;
    animation-name: handgame_fadeIn__bhaHA;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.handgame_wrapper___8_rY .handgame_modal__Jgn3g {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: handgame_slideUp__G0VQo;
    animation-name: handgame_slideUp__G0VQo;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative
}

.handgame_wrapper___8_rY .handgame_modal__Jgn3g .handgame_close__button__4DbNg {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 20px;
    z-index: 999
}

.handgame_wrapper___8_rY.handgame_close__8jUHk {
    -webkit-animation-name: handgame_fadeOut__jTMtI;
    animation-name: handgame_fadeOut__jTMtI
}

.handgame_wrapper___8_rY.handgame_close__8jUHk .handgame_modal__Jgn3g {
    -webkit-animation-name: handgame_slideDown__SdBG3;
    animation-name: handgame_slideDown__SdBG3
}

@-webkit-keyframes handgame_fadeIn__bhaHA {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes handgame_fadeIn__bhaHA {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes handgame_fadeOut__jTMtI {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes handgame_fadeOut__jTMtI {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes handgame_slideUp__G0VQo {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes handgame_slideUp__G0VQo {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes handgame_slideDown__SdBG3 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

@keyframes handgame_slideDown__SdBG3 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

.handgame_container__y1xe5 {
    display: flex;
    padding: 80px 0;
    flex-direction: row
}

.handgame_container__y1xe5 .handgame_result__NWx0P {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 27.5%;
    right: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 20%;
    height: 10%;
    font-family: Pretendard;
    font-size: calc(1vw + 1vh);
    font-weight: 500;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    box-shadow: 0 20px 30px rgba(0,0,0,.2);
    z-index: 999;
    border-radius: 4px;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: handgame_fadeIn__bhaHA;
    animation-name: handgame_fadeIn__bhaHA;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.handgame_container__y1xe5 .handgame_my__bjuaq {
    padding-right: 10vw
}

.handgame_container__y1xe5 .handgame_my__bjuaq .handgame_my__text__kjfrP {
    position: absolute;
    bottom: 26%;
    margin-left: 15px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.8);
    padding: 10px 15px;
    color: #fff;
    font-weight: 700;
    font-family: Pretendard;
    box-shadow: 0 20px 30px rgba(0,0,0,.2);
    font-size: 14px;
    z-index: 999
}

.handgame_container__y1xe5 .handgame_stop_btn__l0k5Z {
    position: absolute;
    width: 15vw;
    height: 7vh;
    font-family: Poppins;
    font-weight: 700;
    color: #fff;
    font-size: calc(1.5vw + 1.5vh);
    background-color: rgba(0,0,0,.8);
    box-shadow: 0 22px 70px 4px rgba(0,0,0,.56);
    border-radius: 4px;
    border: none;
    cursor: pointer;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%,-50%)
}

.handgame_container__y1xe5 .handgame_opponent__9LmCw {
    padding-left: 10vw
}

.handgame_container__y1xe5 .handgame_opponent__9LmCw .handgame_opponent__text__yBegM {
    position: absolute;
    bottom: 26%;
    margin-left: 15px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.8);
    padding: 10px 15px;
    color: #fff;
    font-weight: 700;
    font-family: Pretendard;
    box-shadow: 0 20px 30px rgba(0,0,0,.2);
    font-size: 14px;
    z-index: 999
}

.puzzle_container__E6w_p {
    max-width: 800px;
    max-height: 800px;
    width: 85vw;
    height: 85vw;
    margin: 20px;
    position: relative;
    
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.puzzle_container__E6w_p .puzzle_wrapper__Elnyy {
    position: absolute;
    top: 65%;
    left: 65%;
    width: 30%;
    height: 30%;
    background-image: url(/images/puzzle_part.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3
}

.puzzle_container__E6w_p .puzzle_target__ettkk {
    max-width: 10%;
    max-height: 10%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 65%;
    left: 27%;
    z-index: 2
}

.blank_wrapper__oWvFW {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0,0,0,.3);
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: blank_fadeIn__kVPmv;
    animation-name: blank_fadeIn__kVPmv;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.blank_wrapper__oWvFW .blank_modal__FVw23 {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: blank_slideUp__iysj7;
    animation-name: blank_slideUp__iysj7;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative
}

.blank_wrapper__oWvFW .blank_modal__FVw23 .blank_close__button__3tKUB {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 20px;
    z-index: 999
}

.blank_wrapper__oWvFW.blank_close__7VXJ6 {
    -webkit-animation-name: blank_fadeOut__k7NiK;
    animation-name: blank_fadeOut__k7NiK
}

.blank_wrapper__oWvFW.blank_close__7VXJ6 .blank_modal__FVw23 {
    -webkit-animation-name: blank_slideDown__nsVYP;
    animation-name: blank_slideDown__nsVYP
}

@-webkit-keyframes blank_fadeIn__kVPmv {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blank_fadeIn__kVPmv {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes blank_fadeOut__k7NiK {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes blank_fadeOut__k7NiK {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes blank_slideUp__iysj7 {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes blank_slideUp__iysj7 {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes blank_slideDown__nsVYP {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

@keyframes blank_slideDown__nsVYP {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

.blank_container__32YdG {
    margin-top: 30px;
    flex-direction: column;
    width: calc(100vw - 20px);
    max-width: 714px;
    padding: 60px 30px;
    border-radius: 3rem;
    border: 5px solid #42b035;
    background-color: #fff
}
@media screen and (max-width: 1200px) {
    .blank_container__32YdG {
        padding: 60px 10px;
    }
}

.blank_container__32YdG,.blank_container__32YdG .blank_result__XvFTC {
    display: flex;
    align-items: center;
    box-shadow: 0 20px 30px rgba(0,0,0,.2)
}

.blank_container__32YdG .blank_result__XvFTC {
    flex-direction: row;
    justify-content: center;
    position: absolute;
    bottom: 40%;
    right: 50%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 20%;
    height: 10%;
    font-family: Pretendard;
    font-size: calc(1vw + 1vh);
    font-weight: 500;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    z-index: 999;
    border-radius: 4px;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: blank_fadeIn__kVPmv;
    animation-name: blank_fadeIn__kVPmv;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.blank_container__32YdG .blank_blank__text__o4JWL {
    text-align: center
}

.blank_container__32YdG .blank_blank__text__o4JWL p {
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 700
}

.blank_container__32YdG .blank_blank__text__o4JWL p span {
    font-family: Pretendard;
    font-size: 20px;
    color: #eb5a1f
}

.blank_container__32YdG .blank_blank__answer___dtMc {
    display: flex;
    flex-direction: row;
    padding: 20px 0;
    align-items: center;
    width: 100%;
    justify-content: center
}

.blank_container__32YdG .blank_blank__answer___dtMc .blank_answer__inputbox__zqRI3 {
    display: flex;
    flex-direction: row
}

.blank_container__32YdG .blank_blank__answer___dtMc .blank_answer__inputbox__zqRI3 .blank_blank__input__k6_R5 {
    margin-right: 10px;
    width: 10vw;
    height: 10vw;
    max-width: 60px;
    max-height: 60px;
    outline: none;
    border: 2px solid #252525;
    text-align: center;
    font-size: 24px;
    color: #252525
}

.blank_container__32YdG .blank_blank__answer___dtMc .blank_answer__inputbox__zqRI3 .blank_blank__input__k6_R5:last-child {
    margin-right: 0
}

.blank_container__32YdG .blank_blank__answer___dtMc p {
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: Pretendard;
    padding-left: 20px
}

.blank_container__32YdG .blank_blank__button__jYvuJ {
    padding: 10px 30px;
    font-size: 20px;
    font-family: Pretendard;
    font-weight: 700;
    color: #fff;
    background-color: #42b035;
    border-radius: 100px;
    border: none;
    cursor: pointer;
    text-shadow: rgba(0,0,0,.15) 0 2px 8px
}

.lottery_wrapper__Ul7cF {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0,0,0,.3);
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: lottery_fadeIn__67ZhR;
    animation-name: lottery_fadeIn__67ZhR;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.lottery_wrapper__Ul7cF .lottery_modal__GM6g4 {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: lottery_slideUp__Y8HZK;
    animation-name: lottery_slideUp__Y8HZK;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative
}

.lottery_wrapper__Ul7cF .lottery_modal__GM6g4 .lottery_close__button__o5vjY {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 20px;
    z-index: 999
}

.lottery_wrapper__Ul7cF.lottery_close__coaqd {
    -webkit-animation-name: lottery_fadeOut__tkmA1;
    animation-name: lottery_fadeOut__tkmA1
}

.lottery_wrapper__Ul7cF.lottery_close__coaqd .lottery_modal__GM6g4 {
    -webkit-animation-name: lottery_slideDown__ZGsoU;
    animation-name: lottery_slideDown__ZGsoU
}

@-webkit-keyframes lottery_fadeIn__67ZhR {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes lottery_fadeIn__67ZhR {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes lottery_fadeOut__tkmA1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes lottery_fadeOut__tkmA1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes lottery_slideUp__Y8HZK {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes lottery_slideUp__Y8HZK {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes lottery_slideDown__ZGsoU {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

@keyframes lottery_slideDown__ZGsoU {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

.lottery_container__lLDZ8 {
    padding-top: 30px;
    text-align: center
}

.lottery_container__lLDZ8 .lottery_lottery__wrapper__MoV5q {
    background-image: url(/images/lotto_bg_back.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    padding: 70px
}

.lottery_container__lLDZ8 .lottery_lottery__wrapper__MoV5q .lottery_result__tV7FT {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 200px;
    height: 35px;
    font-family: Pretendard;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    box-shadow: 0 20px 30px rgba(0,0,0,.2);
    z-index: 0;
    border-radius: 4px;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: lottery_fadeIn__67ZhR;
    animation-name: lottery_fadeIn__67ZhR;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.lottery_container__lLDZ8 .lottery_lottery__wrapper__MoV5q .lottery_result__tV7FT b {
    display: block;
    font-size: 15px;
    margin-right: 5px
}

.lottery_container__lLDZ8 .lottery_lottery__wrapper__MoV5q div {
    max-width: 95vw!important
}

.lottery_container__lLDZ8 .lottery_lottery__wrapper__MoV5q div .lottery_prize__o0k0y {
    position: absolute;
    padding: 20px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.lottery_container__lLDZ8 .lottery_lottery__wrapper__MoV5q div .lottery_prize__o0k0y .lottery_prize__container__EWvsA {
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: none
}

.lottery_container__lLDZ8 .lottery_lottery__wrapper__MoV5q div canvas {
    max-width: 100%!important;
    position: relative!important
}

.ladder_container__s1rks {
    display: flex;
    padding: 30px 0 0;
    width: 750px;
    box-sizing: border-box
}

.ladder_container__s1rks .ladder_result__j9ULv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 40%;
    right: 50%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 20%;
    height: 10%;
    font-family: Pretendard;
    font-size: calc(1vw + 1vh);
    font-weight: 500;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    z-index: 999;
    border-radius: 4px;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: ladder_fadeIn__J0cvj;
    animation-name: ladder_fadeIn__J0cvj;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ladder_container__s1rks .ladder_inner__pZj95 {
    background-image: url(/images/section_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-shadow: 0 20px 30px rgba(0,0,0,.2);
    box-sizing: border-box;
    position: relative;
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs {
    text-align: center;
    flex: 1 1
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs button {
    position: relative!important;
    transition: .5s linear;
    cursor: pointer;
    outline: none;
    border: none;
    z-index: 999999!important;
    width: 60px;
    height: 40px;
    background-color: transparent
}

@-webkit-keyframes ladder_a_head__cv6_P {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(8deg)
    }

    50% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(8deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes ladder_a_head__cv6_P {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(8deg)
    }

    50% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(8deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes ladder_a_body__82tu3 {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes ladder_a_body__82tu3 {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes ladder_text_a__JvBiI {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes ladder_text_a__JvBiI {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes ladder_a_l_arm__X6MlF {
    0% {
        transform: translate(0) rotate(0deg)
    }

    65% {
        transform: translate(-21px,-8px) rotate(72deg)
    }

    to {
        transform: translate(0) rotate(0deg)
    }
}

@keyframes ladder_a_l_arm__X6MlF {
    0% {
        transform: translate(0) rotate(0deg)
    }

    65% {
        transform: translate(-21px,-8px) rotate(72deg)
    }

    to {
        transform: translate(0) rotate(0deg)
    }
}

@-webkit-keyframes ladder_a_r_arm__70_JI {
    0% {
        transform: translate(-7px,-11px) rotate(73deg)
    }

    65% {
        transform: translate(1px,2px) rotate(2deg)
    }

    to {
        transform: translate(-7px,-11px) rotate(73deg)
    }
}

@keyframes ladder_a_r_arm__70_JI {
    0% {
        transform: translate(-7px,-11px) rotate(73deg)
    }

    65% {
        transform: translate(1px,2px) rotate(2deg)
    }

    to {
        transform: translate(-7px,-11px) rotate(73deg)
    }
}

@-webkit-keyframes ladder_a_l_leg__fQpCu {
    0% {
        transform: translateY(4px) rotate(60deg)
    }

    50% {
        transform: translate(1px,2px) rotate(1deg)
    }

    to {
        transform: translateY(4px) rotate(60deg)
    }
}

@keyframes ladder_a_l_leg__fQpCu {
    0% {
        transform: translateY(4px) rotate(60deg)
    }

    50% {
        transform: translate(1px,2px) rotate(1deg)
    }

    to {
        transform: translateY(4px) rotate(60deg)
    }
}

@-webkit-keyframes ladder_a_l_leg_b__sfl0N {
    0% {
        transform: translate(-4px) rotate(90deg)
    }

    50% {
        transform: translate(0) rotate(0deg)
    }

    to {
        transform: translate(-4px) rotate(90deg)
    }
}

@keyframes ladder_a_l_leg_b__sfl0N {
    0% {
        transform: translate(-4px) rotate(90deg)
    }

    50% {
        transform: translate(0) rotate(0deg)
    }

    to {
        transform: translate(-4px) rotate(90deg)
    }
}

@-webkit-keyframes ladder_a_r_leg__OzKXw {
    0% {
        transform: translate(1px,2px) rotate(1deg)
    }

    50% {
        transform: translateY(4px) rotate(60deg)
    }

    to {
        transform: translate(1px,2px) rotate(1deg)
    }
}

@keyframes ladder_a_r_leg__OzKXw {
    0% {
        transform: translate(1px,2px) rotate(1deg)
    }

    50% {
        transform: translateY(4px) rotate(60deg)
    }

    to {
        transform: translate(1px,2px) rotate(1deg)
    }
}

@-webkit-keyframes ladder_a_r_leg_b__8qelR {
    0% {
        transform: translate(0) rotate(0deg)
    }

    50% {
        transform: translate(-4px) rotate(90deg)
    }

    to {
        transform: translate(0) rotate(0deg)
    }
}

@keyframes ladder_a_r_leg_b__8qelR {
    0% {
        transform: translate(0) rotate(0deg)
    }

    50% {
        transform: translate(-4px) rotate(90deg)
    }

    to {
        transform: translate(0) rotate(0deg)
    }
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child button {
    background-image: url(/images/ladder/icon1.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_body__82tu3 {
    position: absolute;
    z-index: 20;
    rotate: 3deg;
    -webkit-animation: ladder_a_body__82tu3 .7s ease-in-out infinite;
    animation: ladder_a_body__82tu3 .7s ease-in-out infinite;
    display: none;
    top: -5px
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_body__82tu3>span {
    position: relative;
    z-index: 5;
    bottom: 1px
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_head__cv6_P,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_l_arm__X6MlF,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_l_leg__fQpCu,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_r_arm__70_JI,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_r_leg__OzKXw,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_text_a__JvBiI {
    position: relative
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_head__cv6_P {
    z-index: 15;
    top: -62px;
    left: 2px;
    -webkit-animation: ladder_a_head__cv6_P .7s ease-in-out infinite;
    animation: ladder_a_head__cv6_P .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_text_a__JvBiI {
    z-index: 15;
    top: -110px;
    left: 31px;
    -webkit-animation: ladder_text_a__JvBiI .7s ease-in-out infinite;
    animation: ladder_text_a__JvBiI .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_l_arm__X6MlF {
    z-index: 1;
    top: -120px;
    left: 15px;
    rotate: 330deg;
    -webkit-animation: ladder_a_l_arm__X6MlF .7s ease-in-out infinite;
    animation: ladder_a_l_arm__X6MlF .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_r_arm__70_JI {
    z-index: 10;
    top: -151px;
    left: -1px;
    rotate: 313deg;
    -webkit-animation: ladder_a_r_arm__70_JI .7s ease-in-out infinite;
    animation: ladder_a_r_arm__70_JI .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_l_leg__fQpCu {
    z-index: 1;
    top: -175px;
    left: -2px;
    rotate: 324deg;
    -webkit-animation: ladder_a_l_leg__fQpCu .7s ease-in-out infinite;
    animation: ladder_a_l_leg__fQpCu .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_l_leg__fQpCu>span {
    position: relative;
    z-index: 5
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_l_leg_b__sfl0N {
    position: absolute;
    top: 15px;
    left: 13px;
    z-index: 1;
    -webkit-animation: ladder_a_l_leg_b__sfl0N .7s ease-in-out infinite;
    animation: ladder_a_l_leg_b__sfl0N .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_r_leg__OzKXw {
    z-index: 1;
    top: -204px;
    left: -3px;
    rotate: 324deg;
    -webkit-animation: ladder_a_r_leg__OzKXw .7s ease-in-out infinite;
    animation: ladder_a_r_leg__OzKXw .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_r_leg__OzKXw>span {
    position: relative;
    z-index: 5
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:first-child .ladder_a_r_leg_b__8qelR {
    position: absolute;
    top: 14px;
    left: 11px;
    z-index: 1;
    -webkit-animation: ladder_a_r_leg_b__8qelR .7s ease-in-out infinite;
    animation: ladder_a_r_leg_b__8qelR .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) button {
    background-image: url(/images/ladder/icon2.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_body__3ipne {
    position: absolute;
    z-index: 20;
    rotate: 3deg;
    -webkit-animation: ladder_a_body__82tu3 .7s ease-in-out infinite;
    animation: ladder_a_body__82tu3 .7s ease-in-out infinite;
    display: none;
    top: -5px
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_body__3ipne>span {
    position: relative;
    z-index: 5;
    bottom: 1px
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_head__5SQDP,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_l_arm__gMaxX,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_l_leg__fhMc7,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_r_arm__PhA_Z,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_r_leg__aKoKS,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_text_b__rzL7j {
    position: relative
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_head__5SQDP {
    z-index: 15;
    top: -62px;
    left: 2px;
    -webkit-animation: ladder_a_head__cv6_P .7s ease-in-out infinite;
    animation: ladder_a_head__cv6_P .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_text_b__rzL7j {
    z-index: 15;
    top: -110px;
    left: 31px;
    -webkit-animation: ladder_text_a__JvBiI .7s ease-in-out infinite;
    animation: ladder_text_a__JvBiI .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_l_arm__gMaxX {
    z-index: 1;
    top: -118px;
    left: 18px;
    rotate: 330deg;
    -webkit-animation: ladder_a_l_arm__X6MlF .7s ease-in-out infinite;
    animation: ladder_a_l_arm__X6MlF .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_r_arm__PhA_Z {
    z-index: 10;
    top: -150px;
    left: -1px;
    rotate: 313deg;
    -webkit-animation: ladder_a_r_arm__70_JI .7s ease-in-out infinite;
    animation: ladder_a_r_arm__70_JI .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_l_leg__fhMc7 {
    z-index: 1;
    top: -177px;
    left: 1px;
    rotate: 324deg;
    -webkit-animation: ladder_a_l_leg__fQpCu .7s ease-in-out infinite;
    animation: ladder_a_l_leg__fQpCu .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_l_leg__fhMc7>span {
    position: relative;
    z-index: 5
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_l_leg_b__IQHR0 {
    position: absolute;
    top: 18px;
    left: 13px;
    z-index: 1;
    -webkit-animation: ladder_a_l_leg_b__sfl0N .7s ease-in-out infinite;
    animation: ladder_a_l_leg_b__sfl0N .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_r_leg__aKoKS {
    z-index: 1;
    top: -204px;
    left: -3px;
    rotate: 324deg;
    -webkit-animation: ladder_a_r_leg__OzKXw .7s ease-in-out infinite;
    animation: ladder_a_r_leg__OzKXw .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_r_leg__aKoKS>span {
    position: relative;
    z-index: 5
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(2) .ladder_b_r_leg_b__Mtqlp {
    position: absolute;
    top: 15px;
    left: 11px;
    z-index: 1;
    -webkit-animation: ladder_a_r_leg_b__8qelR .7s ease-in-out infinite;
    animation: ladder_a_r_leg_b__8qelR .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) button {
    background-image: url(/images/ladder/icon3.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_body__miwnj {
    position: absolute;
    z-index: 20;
    rotate: 3deg;
    -webkit-animation: ladder_a_body__82tu3 .7s ease-in-out infinite;
    animation: ladder_a_body__82tu3 .7s ease-in-out infinite;
    display: none;
    top: -5px
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_body__miwnj>span {
    position: relative;
    z-index: 5;
    bottom: 1px
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_head___3bqO,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_l_arm__HejzD,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_l_leg___4ePr,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_r_arm__weBvC,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_r_leg__6mryc,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_text_c__AT5_O {
    position: relative
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_head___3bqO {
    z-index: 15;
    top: -62px;
    left: 2px;
    -webkit-animation: ladder_a_head__cv6_P .7s ease-in-out infinite;
    animation: ladder_a_head__cv6_P .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_text_c__AT5_O {
    z-index: 15;
    top: -110px;
    left: 31px;
    -webkit-animation: ladder_text_a__JvBiI .7s ease-in-out infinite;
    animation: ladder_text_a__JvBiI .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_l_arm__HejzD {
    z-index: 1;
    top: -119px;
    left: 15px;
    rotate: 330deg;
    -webkit-animation: ladder_a_l_arm__X6MlF .7s ease-in-out infinite;
    animation: ladder_a_l_arm__X6MlF .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_r_arm__weBvC {
    z-index: 10;
    top: -150px;
    left: -1px;
    rotate: 313deg;
    -webkit-animation: ladder_a_r_arm__70_JI .7s ease-in-out infinite;
    animation: ladder_a_r_arm__70_JI .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_l_leg___4ePr {
    z-index: 1;
    top: -177px;
    left: 1px;
    rotate: 324deg;
    -webkit-animation: ladder_a_l_leg__fQpCu .7s ease-in-out infinite;
    animation: ladder_a_l_leg__fQpCu .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_l_leg___4ePr>span {
    position: relative;
    z-index: 5
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_l_leg_b__yZmWF {
    position: absolute;
    top: 14px;
    left: 11px;
    z-index: 1;
    -webkit-animation: ladder_a_l_leg_b__sfl0N .7s ease-in-out infinite;
    animation: ladder_a_l_leg_b__sfl0N .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_r_leg__6mryc {
    z-index: 1;
    top: -208px;
    left: -3px;
    rotate: 324deg;
    -webkit-animation: ladder_a_r_leg__OzKXw .7s ease-in-out infinite;
    animation: ladder_a_r_leg__OzKXw .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_r_leg__6mryc>span {
    position: relative;
    z-index: 5
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(3) .ladder_c_r_leg_b__6Mjyd {
    position: absolute;
    top: 14px;
    left: 11px;
    z-index: 1;
    -webkit-animation: ladder_a_r_leg_b__8qelR .7s ease-in-out infinite;
    animation: ladder_a_r_leg_b__8qelR .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) button {
    background-image: url(/images/ladder/icon4.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_body__tqbzp {
    position: absolute;
    z-index: 20;
    rotate: 3deg;
    -webkit-animation: ladder_a_body__82tu3 .7s ease-in-out infinite;
    animation: ladder_a_body__82tu3 .7s ease-in-out infinite;
    display: none;
    top: -5px
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_body__tqbzp>span {
    position: relative;
    z-index: 5;
    bottom: 1px
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_head__XFfu4,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_l_arm__Iew8D,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_l_leg__DC22j,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_r_arm__CSCjf,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_r_leg__gB5Kl,.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_text_d__voFBK {
    position: relative
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_head__XFfu4 {
    z-index: 15;
    top: -62px;
    left: 2px;
    -webkit-animation: ladder_a_head__cv6_P .7s ease-in-out infinite;
    animation: ladder_a_head__cv6_P .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_text_d__voFBK {
    z-index: 15;
    top: -110px;
    left: 31px;
    -webkit-animation: ladder_text_a__JvBiI .7s ease-in-out infinite;
    animation: ladder_text_a__JvBiI .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_l_arm__Iew8D {
    z-index: 1;
    top: -119px;
    left: 18px;
    rotate: 330deg;
    -webkit-animation: ladder_a_l_arm__X6MlF .7s ease-in-out infinite;
    animation: ladder_a_l_arm__X6MlF .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_r_arm__CSCjf {
    z-index: 10;
    top: -150px;
    left: -1px;
    rotate: 313deg;
    -webkit-animation: ladder_a_r_arm__70_JI .7s ease-in-out infinite;
    animation: ladder_a_r_arm__70_JI .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_l_leg__DC22j {
    z-index: 1;
    top: -177px;
    left: 1px;
    rotate: 324deg;
    -webkit-animation: ladder_a_l_leg__fQpCu .7s ease-in-out infinite;
    animation: ladder_a_l_leg__fQpCu .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_l_leg__DC22j>span {
    position: relative;
    z-index: 5
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_l_leg_b__STtsr {
    position: absolute;
    top: 17px;
    left: 13px;
    z-index: 1;
    -webkit-animation: ladder_a_l_leg_b__sfl0N .7s ease-in-out infinite;
    animation: ladder_a_l_leg_b__sfl0N .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_r_leg__gB5Kl {
    z-index: 1;
    top: -204px;
    left: -3px;
    rotate: 324deg;
    -webkit-animation: ladder_a_r_leg__OzKXw .7s ease-in-out infinite;
    animation: ladder_a_r_leg__OzKXw .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_r_leg__gB5Kl>span {
    position: relative;
    z-index: 5
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_selector__Hedmd .ladder_wrapper__I3JAs:nth-child(4) .ladder_d_r_leg_b__fKyfr {
    position: absolute;
    top: 15px;
    left: 11px;
    z-index: 1;
    -webkit-animation: ladder_a_r_leg_b__8qelR .7s ease-in-out infinite;
    animation: ladder_a_r_leg_b__8qelR .7s ease-in-out infinite
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_ladder__8UKZI {
    height: 500px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    z-index: 3
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_ladder__8UKZI .ladder_ladder__body__KT3xb {
    background-color: #393939;
    width: 5px;
    height: 100%;
    z-index: 3
}




.ladder_container__s1rks .ladder_inner__pZj95 .ladder_ladder__8UKZI .ladder__skeleton {
    position: absolute;
    width: 187.5px;
    height: 5px;
    background-color: #393939;
    z-index: 4
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_ladder__8UKZI > .ladder_ladder__body__KT3xb:last-child .ladder__skeleton {
    display: none;
}



.ladder_container__s1rks .ladder_inner__pZj95 .ladder_ladder__8UKZI .ladder_hide__iVlxC {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 450px;
    width: 90%;
    align-self: center;
    border-radius: 4px;
    background-color: #252525;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    z-index: 4;
    opacity: 1;
    transition: .3s;
}
.ladder_container__s1rks .ladder_inner__pZj95 .ladder_ladder__8UKZI .ladder_hide__iVlxC.off {
    opacity: 0;
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_ladder__8UKZI .ladder_hide__iVlxC h1 {
    font-family: Pretendard;
    font-weight: 500;
    font-size: 2.4rem;
    color: #fff
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_ladder__8UKZI .ladder_hide__iVlxC h1 i {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_hide__iVlxC.ladder_close__K5xE_ {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: ladder_fadeOut__hq3EO;
    animation-name: ladder_fadeOut__hq3EO;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_prize__list__KnpvA {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_prize__list__KnpvA .ladder_wrapper__I3JAs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1
}

.ladder_container__s1rks .ladder_inner__pZj95 .ladder_prize__list__KnpvA .ladder_wrapper__I3JAs .ladder_prize__U0AbD {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    width: 60px;
    height: 40px
}

@media screen and (max-width: 778px) {
    .ladder_container__s1rks {
        width:350px
    }

    .ladder_container__s1rks .ladder_inner__pZj95 .ladder_ladder__8UKZI .ladder__skeleton {
        width: 87.5px
    }
}

@-webkit-keyframes ladder_fadeIn__J0cvj {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ladder_fadeIn__J0cvj {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes ladder_fadeOut__hq3EO {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes ladder_fadeOut__hq3EO {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}


.ladder_a_01 {
    animation: ladder_a_01 ease-in-out 7s forwards;
}
@keyframes ladder_a_01 {
    0% {
        transform: translate(0,0);
    }
    8% {
        transform: translate(0,0);
    }
    15% {
        transform: translate(0,70px);
    }
    26% {
        transform: translate(193px,70px);
    }
    35% {
        transform: translate(193px,134px);
    }
    45% {
        transform: translate(7px,134px);
    }
    60% {
        transform: translate(7px,380px);
    }
    72% {
        transform: translate(191px,380px);
    }
    77% {
        transform: translate(191px,425px);
    }
    90% {
        transform: translate(372px,425px);
    }
    100% {
          transform: translate(372px,512px);
    }

}

.ladder_a_02 {
    animation: ladder_a_02 ease-in-out 8s forwards;
}
@keyframes ladder_a_02 {
    0% {
        transform: translate(0,0);
    }
    8% {
        transform: translate(0,0);
    }
    15% {
        transform: translate(0,70px);
    }
    26% {
        transform: translate(-190px,70px);
    }
    35% {
        transform: translate(-190px,134px);
    }
    45% {
        transform: translate(5px,134px);
    }
    55% {
        transform: translate(5px,240px);
    }
    65% {
        transform: translate(187px,240px);
    }
    77% {
        transform: translate(187px,319px);
    }
    87% {
        transform: translate(382px,319px);
    }
    100% {
        transform: translate(382px,529px);
    }

}

.ladder_a_03 {
    animation: ladder_a_03 ease-in-out 10s forwards;
}
@keyframes ladder_a_03 {
    0% {
        transform: translate(0,0);
    }
    10% {
        transform: translate(0,0);
    }
    15% {
        transform: translate(0,94px);
    }
    25% {
        transform: translate(193px,94px);
    }
    35% {
        transform: translate(193px,323px);
    }
    45% {
        transform: translate(5px,323px);
    }
    55% {
        transform: translate(5px,428px);
    }
    65% {
        transform: translate(-179px, 428px);
    }
    75% {
        transform: translate(-179px, 529px);
    }
    100% {
        transform: translate(-179px, 529px);
    }
}

.ladder_a_04 {
    animation: ladder_a_04 ease-in-out 10s forwards;
}
@keyframes ladder_a_04 {
    0% {
        transform: translate(0,0);
    }
    13% {
        transform: translate(0,0);
    }
    20% {
        transform: translate(0,94px);
    }
    30% {
        transform: translate(-180px,94px);
    }
    40% {
        transform: translate(-180px,243px);
    }
    50% {
        transform: translate(-371px,243px);
    }
    60% {
        transform: translate(-371px,369px);
    }
    70% {
        transform: translate(-553px, 369px);
    }
    80% {
        transform: translate(-553px, 520px);
    }
    100% {
        transform: translate(-553px, 520px);
    }
}


@media screen and (max-width: 780px) {
    @keyframes ladder_a_01 {
        0% {
            transform: translate(0,0);
        }
        8% {
            transform: translate(0,0);
        }
        15% {
            transform: translate(0,72px);
        }
        26% {
            transform: translate(88px,72px);
        }
        35% {
            transform: translate(88px,140px);
        }
        45% {
            transform: translate(7px,140px);
        }
        60% {
            transform: translate(7px,380px);
        }
        72% {
            transform: translate(95px,380px);
        }
        77% {
            transform: translate(95px,430px);
        }
        90% {
            transform: translate(180px,430px);
        }
        100% {
            transform: translate(180px,526px);
        }
    }

    @keyframes ladder_a_02 {
        0% {
            transform: translate(0,0);
        }
        8% {
            transform: translate(0,0);
        }
        15% {
            transform: translate(0,70px);
        }
        26% {
            transform: translate(-88px,70px);
        }
        35% {
            transform: translate(-88px,134px);
        }
        45% {
            transform: translate(5px,134px);
        }
        55% {
            transform: translate(5px,244px);
        }
        65% {
            transform: translate(96px,244px);
        }
        77% {
            transform: translate(96px,319px);
        }
        87% {
            transform: translate(180px,319px);
        }
        100% {
            transform: translate(180px,522px);
        }
    }

    @keyframes ladder_a_03 {
        0% {
            transform: translate(0,0);
        }
        10% {
            transform: translate(0,0);
        }
        15% {
            transform: translate(0,106px);
        }
        25% {
            transform: translate(92px,106px);
        }
        35% {
            transform: translate(92px,317px);
        }
        45% {
            transform: translate(5px,317px);
        }
        55% {
            transform: translate(5px,428px);
        }
        65% {
            transform: translate(-81px, 428px);
        }
        75% {
            transform: translate(-81px, 527px);
        }
        100% {
            transform: translate(-81px, 527px);
        }
    }

    @keyframes ladder_a_04 {
        0% {
            transform: translate(0,0);
        }
        13% {
            transform: translate(0,0);
        }
        20% {
            transform: translate(0,102px);
        }
        30% {
            transform: translate(-83px,102px);
        }
        40% {
            transform: translate(-83px,243px);
        }
        50% {
            transform: translate(-167px,243px);
        }
        60% {
            transform: translate(-167px,369px);
        }
        70% {
            transform: translate(-265px, 369px);
        }
        80% {
            transform: translate(-265px, 520px);
        }
        100% {
            transform: translate(-265px, 520px);
        }
    }


}


.ladder_res {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 65px;
    background-color: rgba(0, 0, 0, 0.66);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s;
}
.ladder_res > p {
    font-size: 25px;
    color: #fff;
}

.ladder_res.on {
    animation: ladder_res ease-in-out .3s 8s forwards;
}
@keyframes ladder_res {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }

}



/* 주사위 */
.dice_a {
    position: absolute;
    top: calc(50%);
    left: calc(50% - 120px);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}
.dice_b {
    position: absolute;
    top: calc(50%);
    left: calc(50% + 120px);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}

.dice_res {
    position: absolute;
    width: 180px;
    height: 65px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.62);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s;
}
.dice_res.on {
    opacity: 1;
}
.dice_res > p {
    color: #fff;
    font-size: 25px;
}


@media screen and (max-width: 850px) {
    .dice_a {
        left: calc(50% - 80px);
    }
    .dice_b {
        left: calc(50% + 80px);
    }
}


#out_box {
    position: absolute;
    width: 100px;
    height: 100px;
    transform-style: preserve-3d;
}

/* dice_a */
.dice_ani_01 {
    animation: rotates_01 1.1s linear forwards;
}
@keyframes rotates_01 {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(360deg * 2)) rotateY(calc(-360deg * 2));
    }
}
.dice_ani_02 {
    animation: rotates_02 1.1s linear forwards;
}
@keyframes rotates_02 {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(180deg + 360deg)) rotateY(calc(360deg + 360deg));
    }
}
.dice_ani_03 {
    animation: rotates_03 1.1s linear forwards;
}
@keyframes rotates_03 {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(360deg + 360deg)) rotateY(calc(270deg + 360deg));
    }
}
.dice_ani_04 {
    animation: rotates_04 1.1s linear forwards;
}
@keyframes rotates_04 {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(180deg + 360deg)) rotateY(calc(270deg + 360deg));
    }
}
.dice_ani_05 {
    animation: rotates_05 1.1s linear forwards;
}
@keyframes rotates_05 {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(90deg + 360deg * 2)) rotateY(calc(270deg + 360deg));
    }
}
.dice_ani_06 {
    animation: rotates_06 1.1s linear forwards;
}
@keyframes rotates_06 {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(270deg + 360deg)) rotateY(calc(270deg + 360deg));
    }
}

/* dice_b */
.dice_ani_01_b {
    animation: rotates_01_b 1.1s linear forwards;
}
@keyframes rotates_01_b {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(-360deg * 2)) rotateY(calc(360deg * 2));
    }
}
.dice_ani_02_b {
    animation: rotates_02_b 1.1s linear forwards;
}
@keyframes rotates_02_b {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(-180deg - 360deg)) rotateY(calc(-360deg - 360deg));
    }
}
.dice_ani_03_b {
    animation: rotates_03_b 1.1s linear forwards;
}
@keyframes rotates_03_b {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(-360deg - 360deg * 2)) rotateY(calc(270deg - 360deg * 2));
    }
}
.dice_ani_04_b {
    animation: rotates_04_b 1.1s linear forwards;
}
@keyframes rotates_04_b {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(-180deg - 360deg)) rotateY(calc(-270deg - 180deg));
    }
}
.dice_ani_05_b {
    animation: rotates_05_b 1.1s linear forwards;
}
@keyframes rotates_05_b {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(90deg - 360deg * 2)) rotateY(calc(270deg + 360deg));
    }
}
.dice_ani_06_b {
    animation: rotates_06_b 1.1s linear forwards;
}
@keyframes rotates_06_b {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    100% {
        transform: rotateX(calc(270deg - 360deg * 2)) rotateY(calc(-270deg - 360deg * 2));
    }
}

.in_box {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 100px;
    font-size: 25px;
    transform-style: preserve-3d;
    /*border: 1px solid rgba(0, 0, 0, 0.23);*/
    border-radius: 5px;
    background-color: #fff;
}

.in_box:nth-child(1) {
    transform: translateZ(50px) perspective(300px);
    background-image: url(/images/dice_back01.png);
}
.in_box:nth-child(2) {
    transform: translateZ(-50px) perspective(300px);
    background-image: url(/images/dice_back02.png);
}
.in_box:nth-child(3) {
    transform: translateX(50px) rotateY(90deg) perspective(300px);
    background-image: url(/images/dice_back03.png);
}
.in_box:nth-child(4) {
    transform: translateX(-50px) rotateY(90deg) perspective(300px);
    background-image: url(/images/dice_back04.png);
}
.in_box:nth-child(5) {
    transform: translateY(50px) rotateX(90deg) perspective(300px);
    background-image: url(/images/dice_back05.png);
}
.in_box:nth-child(6) {
    transform: translateY(-50px) rotateX(90deg) perspective(300px);
    background-image: url(/images/dice_back06.png);
}





.button_wrapper__KZwlx {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button_wrapper__KZwlx a {
    letter-spacing: 1px
}

.button_wrapper__KZwlx .button_color__X6gQI .button_red__uD0ne {
    background: #fa5a5a
}

.button_wrapper__KZwlx .button_color__X6gQI .button_yellow__dZSLB {
    background: #f0d264
}

.button_wrapper__KZwlx .button_color__X6gQI .button_green__Dn_lD {
    background: #82c8a0
}

.button_wrapper__KZwlx .button_color__X6gQI .button_cyan__sQU3g {
    background: #7fccde
}

.button_wrapper__KZwlx .button_color__X6gQI .button_blue__rWPTN {
    background: #6698cb
}

.button_wrapper__KZwlx .button_color__X6gQI .button_purple__I4jWl {
    background: #cb99c5
}

.button_wrapper__KZwlx .button_content-3d__1TSRC,.button_wrapper__KZwlx .button_content-gradient__RnDnU,.button_wrapper__KZwlx .button_content__2HLku {
    margin: 40px auto
}

.button_wrapper__KZwlx .button_content__2HLku {
    width: 80%;
    max-width: 700px
}

.button_wrapper__KZwlx .button_content-3d__1TSRC {
    width: 50%;
    max-width: 300px
}

.button_wrapper__KZwlx pre {
    width: 100%;
    padding: 30px;
    background-color: rgba(0,0,0,.72);
    color: #f8f8f2;
    border-radius: 0 0 4px 4px;
    margin-top: 20px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.button_wrapper__KZwlx pre .button_bt__XNXfT {
    color: #f8f8f2
}

.button_wrapper__KZwlx pre .button_anc__PtzIH {
    color: #f92672
}

.button_wrapper__KZwlx pre .button_att__ZAh62 {
    color: #a6a926
}

.button_wrapper__KZwlx pre .button_val__gGo97 {
    color: #e6db74
}

.button_wrapper__KZwlx .button_btn-container__sGJAi,.button_wrapper__KZwlx .button_container__Skls6 {
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 40px
}

.button_wrapper__KZwlx .button_container__Skls6 h2 {
    padding-top: 30px;
    font-weight: 300
}

.button_wrapper__KZwlx .button_btn-two__93vP8,.button_wrapper__KZwlx .button_btn__Ivvym {
    margin: 9px
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s {
    margin: 5px
}

.button_wrapper__KZwlx a[class*=btn] {
    text-decoration: none
}

.button_wrapper__KZwlx button[class*=btn],.button_wrapper__KZwlx input[class*=btn] {
    border: 0
}

.button_wrapper__KZwlx .button_btn-effect__53CAN.button_large__B3Rj8,.button_wrapper__KZwlx .button_btn-two__93vP8.button_large__B3Rj8,.button_wrapper__KZwlx .button_btn__Ivvym.button_large__B3Rj8 {
    padding: 20px 40px;
    font-size: 22px
}

.button_wrapper__KZwlx .button_btn-effect__53CAN.button_small__z_0Zw,.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_small__z_0Zw,.button_wrapper__KZwlx .button_btn-two__93vP8.button_small__z_0Zw,.button_wrapper__KZwlx .button_btn__Ivvym.button_small__z_0Zw {
    padding: 8px 18px;
    font-size: 14px
}

.button_wrapper__KZwlx .button_btn-effect__53CAN.button_mini__kG_BO,.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_mini__kG_BO,.button_wrapper__KZwlx .button_btn-two__93vP8.button_mini__kG_BO,.button_wrapper__KZwlx .button_btn__Ivvym.button_mini__kG_BO {
    padding: 4px 12px;
    font-size: 12px
}

.button_wrapper__KZwlx .button_btn-effect__53CAN.button_block__sjwCA,.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_block__sjwCA,.button_wrapper__KZwlx .button_btn-two__93vP8.button_block__sjwCA,.button_wrapper__KZwlx .button_btn__Ivvym.button_block__sjwCA {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_large__B3Rj8 {
    padding: 15px 45px;
    font-size: 22px
}

.button_wrapper__KZwlx .button_btn-two__93vP8.button_blue__rWPTN,.button_wrapper__KZwlx .button_btn__Ivvym.button_blue__rWPTN {
    background-color: #7fb1bf
}

.button_wrapper__KZwlx .button_btn-two__93vP8.button_green__Dn_lD,.button_wrapper__KZwlx .button_btn__Ivvym.button_green__Dn_lD {
    background-color: #9abf7f
}

.button_wrapper__KZwlx .button_btn-two__93vP8.button_red__uD0ne,.button_wrapper__KZwlx .button_btn__Ivvym.button_red__uD0ne {
    background-color: #fa5a5a
}

.button_wrapper__KZwlx .button_btn-two__93vP8.button_purple__I4jWl,.button_wrapper__KZwlx .button_btn__Ivvym.button_purple__I4jWl {
    background-color: #cb99c5
}

.button_wrapper__KZwlx .button_btn-two__93vP8.button_cyan__sQU3g,.button_wrapper__KZwlx .button_btn__Ivvym.button_cyan__sQU3g {
    background-color: #7fccde
}

.button_wrapper__KZwlx .button_btn-two__93vP8.button_yellow__dZSLB,.button_wrapper__KZwlx .button_btn__Ivvym.button_yellow__dZSLB {
    background-color: #f0d264
}

.button_wrapper__KZwlx .button_rounded__xrP_H {
    border-radius: 10px
}

.button_wrapper__KZwlx .button_btn__Ivvym {
    position: relative;
    border: 0;
    padding: 15px 25px;
    display: inline-block;
    text-align: center;
    color: #fff
}

.button_wrapper__KZwlx .button_btn__Ivvym:active {
    top: 4px
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_blue__rWPTN {
    box-shadow: 0 4px #74a3b0
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_blue__rWPTN:active {
    box-shadow: 0 0 #74a3b0;
    background-color: #709ca8
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_green__Dn_lD {
    box-shadow: 0 4px 0 #87a86f
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_green__Dn_lD:active {
    box-shadow: 0 0 #87a86f;
    background-color: #87a86f
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_red__uD0ne {
    box-shadow: 0 4px 0 #e04342
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_red__uD0ne:active {
    box-shadow: 0 0 #ff4c4b;
    background-color: #ff4c4b
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_purple__I4jWl {
    box-shadow: 0 4px 0 #ad83a8
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_purple__I4jWl:active {
    box-shadow: 0 0 #ba8cb5;
    background-color: #ba8cb5
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_cyan__sQU3g {
    box-shadow: 0 4px 0 #73b9c9
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_cyan__sQU3g:active {
    box-shadow: 0 0 #73b9c9;
    background-color: #70b4c4
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_yellow__dZSLB {
    box-shadow: 0 4px 0 #d1b757
}

.button_wrapper__KZwlx .button_btn__Ivvym.button_yellow__dZSLB:active {
    box-shadow: 0 0 #ff4c4b;
    background-color: #d6bb59
}

.button_wrapper__KZwlx .button_btn-two__93vP8 {
    color: #fff;
    padding: 15px 25px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.21);
    border-bottom-color: rgba(0,0,0,.34);
    text-shadow: 0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.34),0 2px 0 -1px rgba(0,0,0,.13),0 3px 0 -1px rgba(0,0,0,.08),0 3px 13px -1px rgba(0,0,0,.21)
}

.button_wrapper__KZwlx .button_btn-two__93vP8:active {
    top: 1px;
    border-color: rgba(0,0,0,.34) rgba(0,0,0,.21) rgba(0,0,0,.21);
    box-shadow: 0 1px 0 hsla(0,0%,100%,.89),inset 0 1px rgba(0,0,0,.05);
    position: relative
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW {
    position: relative;
    display: inline-block;
    font-size: 22px;
    padding: 20px 60px;
    color: #fff;
    margin: 20px 10px 10px;
    border-radius: 6px;
    text-align: center;
    transition: top .01s linear;
    text-shadow: 0 1px 0 rgba(0,0,0,.15)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_red__uD0ne:hover {
    background-color: #e74c3c
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_blue__rWPTN:hover {
    background-color: #699dd1
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_green__Dn_lD:hover {
    background-color: #80c49d
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_purple__I4jWl:hover {
    background-color: #d19ecb
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_yellow__dZSLB:hover {
    background-color: #f0d264
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_cyan__sQU3g:hover {
    background-color: #82d1e3
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW:active {
    top: 9px
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_red__uD0ne {
    background-color: #e74c3c;
    box-shadow: inset 0 0 0 1px #c63702,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 #c24032,0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_red__uD0ne:active {
    box-shadow: inset 0 0 0 1px #c63702,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_blue__rWPTN {
    background-color: #6da2d9;
    box-shadow: inset 0 0 0 1px #6698cb,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(110,164,219,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_blue__rWPTN:active {
    box-shadow: inset 0 0 0 1px #6191c2,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_green__Dn_lD {
    background-color: #82c8a0;
    box-shadow: inset 0 0 0 1px #82c8a0,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(126,194,155,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_green__Dn_lD:active {
    box-shadow: inset 0 0 0 1px #82c8a0,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_purple__I4jWl {
    background-color: #cb99c5;
    box-shadow: inset 0 0 0 1px #cb99c5,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(189,142,183,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_purple__I4jWl:active {
    box-shadow: inset 0 0 0 1px #cb99c5,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_cyan__sQU3g {
    background-color: #7fccde;
    box-shadow: inset 0 0 0 1px #7fccde,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(102,164,178,.6),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_cyan__sQU3g:active {
    box-shadow: inset 0 0 0 1px #7fccde,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_yellow__dZSLB {
    background-color: #f0d264;
    box-shadow: inset 0 0 0 1px #f0d264,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(196,172,83,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)
}

.button_wrapper__KZwlx .button_btn-3d__tW4qW.button_yellow__dZSLB:active {
    box-shadow: inset 0 0 0 1px #f0d264,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s {
    text-decoration: none;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    position: relative;
    border: solid rgba(0,0,0,.21);
    border-width: 1px 1px 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,.15)
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_cyan__sQU3g {
    background: #1bbcc2;
    background: linear-gradient(#1bbcc2,#18a3a8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bbcc2",endColorstr="#18a3a8",GradientType=0)
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_red__uD0ne {
    background: #fa5a5a;
    background: linear-gradient(#fa5a5a,#e85151);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa5a5a",endColorstr="#e85151",GradientType=0)
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_orange__LScln {
    background: #ff691e;
    background: linear-gradient(#ff691e,#e65f1c)
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_blue__rWPTN {
    background: #6698cb;
    background: -webkit-gradient(left top,left bottom,color-stop(0,#6698cb),color-stop(100%,#5c8ab8));
    background: linear-gradient(180deg,#6698cb 0,#5c8ab8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6698cb",endColorstr="#5c8ab8",GradientType=0)
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_purple__I4jWl {
    background: #cb99c5;
    background: -webkit-gradient(left top,left bottom,color-stop(0,#cb99c5),color-stop(100%,#b586b0));
    background: linear-gradient(180deg,#cb99c5 0,#b586b0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb99c5",endColorstr="#b586b0",GradientType=0)
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_yellow__dZSLB {
    background: #f0d264;
    background: linear-gradient(#f0d264,#e5c960);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0d264",endColorstr="#e5c960",GradientType=0)
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_green__Dn_lD {
    background: #82c8a0;
    background: -webkit-gradient(left top,left bottom,color-stop(0,#82c8a0),color-stop(100%,#82c79e));
    background: linear-gradient(180deg,#82c8a0 0,#7cb995);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#82c8a0",endColorstr="#82c79e",GradientType=0)
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_red__uD0ne:active {
    background: #e35252
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_orange__LScln:active {
    background: #e8601b
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_cyan__sQU3g:active {
    background: #169499
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_blue__rWPTN:active {
    background: #608fbf
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_purple__I4jWl:active {
    background: #bd8eb7
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_yellow__dZSLB:active {
    background: #dbc05b
}

.button_wrapper__KZwlx .button_btn-gradient__rx60s.button_green__Dn_lD:active {
    background: #72b08e
}

.dice_container__LI5dN {
    display: flex;
    position: relative;
    padding: 30px 0 0;
    width: 70vw;
    height: 500px;
    box-sizing: border-box;
    flex-direction: column
}

.dice_container__LI5dN .dice_dice__container__Z_SOO {
    width: 80%;
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
}

.dice_container__LI5dN .dice_control__EEIKi {
    display: flex;
    justify-content: center;
    align-items: center
}

.dice_container__LI5dN .dice_control__EEIKi button {
    cursor: pointer;
    outline: none;
    border: none;
    font-family: Poppins;
    font-weight: 500;
    font-size: 2.8rem;
    letter-spacing: 1px;
    background-color: rgba(0,0,0,.7);
    border-radius: 4px;
    padding: 10px 30px;
    color: #fff
}

.dice_container__LI5dN .dice_result___zqmv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 40%;
    right: 50%;
    left: 50%;
    transform: translate(-50%,50%);
    width: 20vw;
    height: 10vw;
    font-family: Pretendard;
    font-size: calc(1vw + 1vh);
    font-weight: 500;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    box-shadow: 0 20px 30px rgba(0,0,0,.2);
    z-index: 999;
    border-radius: 4px;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: dice_fadeIn____FiK;
    animation-name: dice_fadeIn____FiK;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.dice_container__LI5dN .dice_result___zqmv strong {
    font-size: inherit
}

@-webkit-keyframes dice_fadeIn____FiK {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dice_fadeIn____FiK {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (max-width: 488px) {
    .dice_container__LI5dN {
        width:90vw
    }
}

.modal_wrapper__H__eb {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    /*background-color: rgba(0,0,0,.3);*/
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: modal_fadeIn__ENctO;
    animation-name: modal_fadeIn__ENctO;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.modal_wrapper__H__eb .modal_modal__zB_6A {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: modal_slideUp__Spz5v;
    animation-name: modal_slideUp__Spz5v;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative
}

.modal_wrapper__H__eb .modal_modal__zB_6A .modal_close__button__wsA__ {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 20px;
    z-index: 999
}
@media screen and (max-width: 1200px) {
    .modal_wrapper__H__eb .modal_modal__zB_6A .modal_close__button__wsA__ {
        top: -20px;
        right: 52px;
    }
}

.modal_wrapper__H__eb.modal_close__QTG_O {
    -webkit-animation-name: modal_fadeOut__2O09Y;
    animation-name: modal_fadeOut__2O09Y
}

.modal_wrapper__H__eb.modal_close__QTG_O .modal_modal__zB_6A {
    -webkit-animation-name: modal_slideDown__OyYmv;
    animation-name: modal_slideDown__OyYmv
}

@-webkit-keyframes modal_fadeIn__ENctO {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal_fadeIn__ENctO {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes modal_fadeOut__2O09Y {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes modal_fadeOut__2O09Y {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes modal_slideUp__Spz5v {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes modal_slideUp__Spz5v {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes modal_slideDown__OyYmv {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

@keyframes modal_slideDown__OyYmv {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

.home_3_row__ynM7x {
    width: 100%;
    max-width: 1730px;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    max-width: 1450px;
    margin: auto
}

.home_3_row__ynM7x .home_3_row__text__UNn__ h2 {
    font-family: Gmarket Sans;
    font-weight: 700;
    font-size: 6.2rem;
    letter-spacing: -.5rem;
    min-width: 465px
}

.home_3_row__ynM7x .home_3_row__text__UNn__ p {
    font-family: Pretendard;
    font-weight: 500;
    font-size: 2rem;
    line-height: 150%
}

.home_3_row__ynM7x .home_3_row__text__UNn__ p b {
    font-size: 2rem
}

.home_3_row__ynM7x .home_3_row__text__UNn__ p:first-of-type {
    margin: 50px 0 30px
}

.home_3_row__ynM7x .home_3_row__text__UNn__ p:last-of-type {
    margin-bottom: 30px
}

.home_3_row__ynM7x .home_3_row__text__UNn__ a {
    display: inline-block
}

.home_3_row__ynM7x .home_3_row__content__KTd_p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1;
    max-width: 745px
}

.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X {
    position: relative;
    flex-basis: calc(24% - 20px);
    height: 215px;
    margin-right: 30px
}

.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X .home_3_contents__wrap__Ah1IS {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*cursor: pointer;*/
    transition-duration: .4s;
    border: 1px solid #252525;
    z-index: 2
}

.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X .home_3_contents__wrap__Ah1IS .home_3_contents__image__HdeOh {
    padding: 20px
}

.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X .home_3_contents__wrap__Ah1IS .home_3_contents__name__ScQT_ {
    font-family: Pretendard;
    font-size: 1.7rem;
    color: #000
}

.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__2__cOQkb {
    position: relative;
    flex-basis: calc(24% - 20px);
    height: 215px;
    display: flex;
    justify-content: center;
    align-items: center
}

.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__2__cOQkb p {
    font-family: Pretendard;
    font-size: 1.7rem;
    color: #ababab
}

.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    right: -10px;
    bottom: -10px;
    background-color: #000;
    width: 100%;
    height: 100%;
    transition-duration: .4s
}

@media (hover: hover) {
    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X:hover .home_3_contents__wrap__Ah1IS {
        transform:scale3d(1.05,1.05,1.05)
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X:hover:after {
        right: -2%;
        bottom: -2%;
        background-color: #454545;
        width: 104%;
        height: 104%
    }
}

.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X:nth-child(4n) {
    margin-right: 0
}

@media screen and (max-width: 1440px) {
    .home_3_row__ynM7x {
        padding:0 40px
    }

    .home_3_row__ynM7x .home_3_row__text__UNn__ h2 {
        font-size: 5rem;
        letter-spacing: -.3rem;
        min-width: 350px
    }

    .home_3_row__ynM7x .home_3_row__text__UNn__ p {
        font-size: 1.8rem
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p {
        max-width: 600px;
        min-width: 520px
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__2__cOQkb,.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X {
        height: 180px
    }
}

@media screen and (max-width: 991px) {
    .home_3_row__ynM7x {
        flex-direction:column;
        align-items: center
    }

    .home_3_row__ynM7x .home_3_row__text__UNn__ {
        margin-bottom: 60px;
        text-align: center
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p {
        max-width: 600px;
        min-width: auto;
        width: 100%
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__2__cOQkb,.home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X {
        margin-right: 20px;
        margin-bottom: 20px;
        flex-basis: calc(33.3333% - 15px)
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X:after {
        pointer-events: none
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X:nth-child(3n) {
        margin-right: 0
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X:nth-child(4n) {
        margin-right: 20px
    }
}

@media screen and (max-width: 575px) {
    .home_3_row__ynM7x {
        padding:0 20px
    }

    .home_3_row__ynM7x .home_3_row__text__UNn__ {
        margin-bottom: 40px
    }

    .home_3_row__ynM7x .home_3_row__text__UNn__ h2 {
        font-size: 3rem;
        letter-spacing: -.2rem;
        min-width: 100%
    }

    .home_3_row__ynM7x .home_3_row__text__UNn__ p {
        margin: 20px 0 10px;
        font-size: 1.4rem
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X {
        height: 35vw;
        flex-basis: calc(50% - 10px);
        margin-right: 20px!important
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X .home_3_contents__wrap__Ah1IS .home_3_contents__image__HdeOh {
        padding: 0 10px 10px
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X .home_3_contents__wrap__Ah1IS .home_3_contents__image__HdeOh img {
        max-height: 45px
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X .home_3_contents__wrap__Ah1IS .home_3_contents__name__ScQT_ {
        font-size: 1.4rem
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__2__cOQkb {
        height: 35vw;
        flex-basis: calc(50% - 10px);
        margin-right: 0
    }

    .home_3_row__ynM7x .home_3_row__content__KTd_p .home_3_contents__p0e1X:nth-child(2n) {
        margin-right: 0!important
    }
}

.guide_row__5ya1g {
    width: 100%;
    max-width: 1730px;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1450px
}

.guide_row__5ya1g .guide_row__text__mEg8Q h2 {
    font-family: Gmarket Sans;
    font-weight: 700;
    font-size: 6.2rem;
    letter-spacing: -.5rem;
    min-width: 465px
}

.guide_row__5ya1g .guide_row__text__mEg8Q p {
    margin: 50px 0 30px;
    font-family: Pretendard;
    font-weight: 500;
    font-size: 2rem;
    line-height: 150%
}

.guide_row__5ya1g .guide_row__text__mEg8Q p em {
    font-size: 2rem
}

.guide_row__5ya1g .guide_row__text__mEg8Q a {
    display: inline-block
}

.guide_row__5ya1g .guide_row__item__aGW4y {
    display: flex;
    justify-content: space-between;
    max-width: 814px;
    width: 100%
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH {
    flex-basis: calc(50% - 10px)
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__title__J2NzK {
    padding: 20px;
    background-color: #000;
    color: #fff;
    position: relative
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__title__J2NzK h3 {
    font-size: 2.5rem;
    font-weight: 900;
    font-family: Pretendard;
    margin-bottom: 5px
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__title__J2NzK p {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: Pretendard
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__title__J2NzK .guide_plus__OzO86 {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 30px
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__content__3mO1l li {
    height: 65px;
    display: flex
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__content__3mO1l label {
    display: flex;
    align-items: center;
    width: 45%;
    height: 100%;
    padding-left: 40px;
    color: #fff;
    font-size: 1.6rem;
    font-family: Pretendard;
    border-left: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__content__3mO1l span {
    display: flex;
    align-items: center;
    width: 55%;
    height: 100%;
    padding-left: 40px;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: Pretendard;
    background-color: #fff;
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__basic__5kKSg .guide_type__content__3mO1l label {
    background-color: #0086ff
}

.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__premium__ueIUs .guide_type__content__3mO1l label {
    background-color: #00d369
}

@media screen and (max-width: 1440px) {
    .guide_row__5ya1g {
        padding:0 40px
    }

    .guide_row__5ya1g .guide_row__text__mEg8Q h2 {
        font-size: 5rem;
        letter-spacing: -.3rem;
        min-width: 350px
    }

    .guide_row__5ya1g .guide_row__text__mEg8Q p {
        font-size: 1.8rem;
        margin: 50px 0 30px
    }

    .guide_row__5ya1g .guide_row__content__sh5nO {
        max-width: 600px;
        min-width: 520px
    }

    .guide_row__5ya1g .guide_row__content__sh5nO .guide_contents__0RzVw,.guide_row__5ya1g .guide_row__content__sh5nO .guide_contents__2__Bp2La {
        height: 180px
    }

    .guide_row__5ya1g .guide_row__item__aGW4y {
        margin-left: 40px
    }

    .guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__content__3mO1l li {
        height: 55px
    }
}

@media screen and (max-width: 1280px) {
    .guide_row__5ya1g .guide_row__item__aGW4y {
        margin-left:40px
    }

    .guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__title__J2NzK h3 {
        font-size: 2.2rem
    }

    .guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__title__J2NzK p {
        font-size: 1.4rem
    }

    .guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__content__3mO1l li label,.guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH .guide_type__content__3mO1l li span {
        padding: 10px;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 991px) {
    .guide_row__5ya1g {
        flex-direction:column;
        align-items: center
    }

    .guide_row__5ya1g .guide_row__text__mEg8Q {
        margin-bottom: 60px;
        text-align: center
    }

    .guide_row__5ya1g .guide_row__item__aGW4y {
        margin-left: 0
    }
}

@media screen and (max-width: 575px) {
    .guide_row__5ya1g {
        padding:0 20px
    }

    .guide_row__5ya1g .guide_row__text__mEg8Q {
        margin-bottom: 40px
    }

    .guide_row__5ya1g .guide_row__text__mEg8Q h2 {
        font-size: 3rem;
        letter-spacing: -.2rem;
        min-width: 100%
    }

    .guide_row__5ya1g .guide_row__text__mEg8Q p {
        margin: 20px 0 10px;
        font-size: 1.4rem
    }

    .guide_row__5ya1g .guide_row__item__aGW4y {
        display: block
    }

    .guide_row__5ya1g .guide_row__item__aGW4y .guide_type__wlVoH:first-of-type {
        margin-bottom: 40px
    }
}

.portfolio_row__7EX2x {
    width: 100%;
    max-width: 1730px;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    position: relative;
    max-width: 1440px
}

.portfolio_row__7EX2x .portfolio_row__text__HW_AW {
    padding-top: 100px;
    max-width: 350px
}

.portfolio_row__7EX2x .portfolio_row__text__HW_AW h2 {
    font-family: Gmarket Sans;
    font-weight: 700;
    font-size: 6.2rem;
    letter-spacing: -.5rem;
    min-width: 465px
}

.portfolio_row__7EX2x .portfolio_row__text__HW_AW p {
    margin: 50px 0 30px;
    font-family: Pretendard;
    font-weight: 500;
    font-size: 2rem;
    line-height: 150%
}

.portfolio_row__7EX2x .portfolio_row__text__HW_AW a {
    display: inline-block
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh {
    width: calc(100% - 550px)
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li {
    position: relative;
    width: calc(33.3% - 30px);
    margin: 0 15px 15px;
    overflow: hidden;
    height: 200px
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN {
    display: flex;
    position: absolute;
    background-color: rgba(0,0,0,.7);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateY(100%);
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    text-align: center
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN h3,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN p,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN strong {
    font-family: Pretendard;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 10px
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN .portfolio_view__more__mHnqE {
    margin-top: 10px;
    color: #fff;
    font-family: Pretendard;
    font-size: 1.8rem;
    font-weight: 400;
    display: flex;
    align-items: center
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN .portfolio_view__more__mHnqE span {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 10px
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN .portfolio_view__more__mHnqE span svg {
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li:hover .portfolio_item__info__XSDgN {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_btn__box__RnayN {
    text-align: center;
    margin-top: 20px
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_btn__box__RnayN a {
    display: inline-block;
    width: 200px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    background-color: #000;
    font-size: 1.6rem;
    border-radius: 30px;
    transition: all .4s ease-in-out
}

.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_btn__box__RnayN a:hover {
    background-color: #4b84f7
}

@media screen and (max-width: 1440px) {
    .portfolio_row__7EX2x {
        padding:0 40px
    }

    .portfolio_row__7EX2x .portfolio_row__text__HW_AW h2 {
        font-size: 5rem;
        letter-spacing: -.3rem;
        min-width: 350px
    }

    .portfolio_row__7EX2x .portfolio_row__text__HW_AW p {
        font-size: 1.8rem;
        margin: 50px 0 30px
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh {
        width: calc(100% - 350px)
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li {
        width: 200px;
        margin: 0 10px 10px 0;
        height: 200px
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN .portfolio_view__more__mHnqE,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN h3,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN p,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN strong {
        font-size: 1.6rem;
        font-weight: 400
    }
}

@media screen and (max-width: 991px) {
    .portfolio_row__7EX2x {
        flex-direction:column;
        align-items: center
    }

    .portfolio_row__7EX2x .portfolio_row__text__HW_AW {
        position: static;
        left: auto;
        top: auto;
        transform: translate(0);
        margin-bottom: 60px;
        text-align: center
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh {
        width: 100%;
        max-width: 635px
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN .portfolio_view__more__mHnqE,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN h3,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN p,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN strong {
        font-size: 1.4rem;
        font-weight: 200
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN .portfolio_view__more__mHnqE span {
        width: 25px;
        height: 25px
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN .portfolio_view__more__mHnqE span svg {
        font-size: 15px
    }
}

@media screen and (max-width: 767px) {
    .portfolio_row__7EX2x .portfolio_row___item__V1NUh {
        max-width:420px
    }
}

@media screen and (max-width: 575px) {
    .portfolio_row__7EX2x {
        padding:0
    }

    .portfolio_row__7EX2x .portfolio_row__text__HW_AW {
        margin-bottom: 40px
    }

    .portfolio_row__7EX2x .portfolio_row__text__HW_AW h2 {
        font-size: 3rem;
        letter-spacing: -.2rem;
        min-width: 100%
    }

    .portfolio_row__7EX2x .portfolio_row__text__HW_AW p {
        margin: 20px 0 10px;
        font-size: 1.4rem
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh {
        max-width: 320px
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li {
        max-width: 150px;
        height: 150px
    }

    .portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN .portfolio_view__more__mHnqE,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN h3,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN p,.portfolio_row__7EX2x .portfolio_row___item__V1NUh .portfolio_portofolio___item__bvroB li .portfolio_item__info__XSDgN strong {
        font-size: 1.2rem;
        font-weight: 100
    }
}

.process_row__6slcG {
    width: 100%;
    max-width: 1730px;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    position: relative;
    max-width: 1450px
}

.process_row__6slcG .process_row__text__SzBT5 h2 {
    font-family: Gmarket Sans;
    font-weight: 700;
    font-size: 6.2rem;
    letter-spacing: -.5rem;
    min-width: 465px
}

.process_row__6slcG .process_row__text__SzBT5 p {
    margin: 70px 0 50px;
    font-family: Pretendard;
    font-weight: 500;
    font-size: 2rem;
    line-height: 150%
}

.process_row__6slcG .process_row__text__SzBT5 a {
    display: inline-block
}

.process_row__6slcG .process_row__item__9haq2 {
    width: 75%
}

.process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li {
    position: relative;
    flex-basis: calc(25% - 20px);
    border: 5px solid #ececec;
    height: 220px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #fff
}

.process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li p strong {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    font-family: Pretendard;
    margin-top: 30px
}

.process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li:before {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 10px;
    height: 14px;
    background-image: url(/images/section_5_step_arrow.png?new);
    background-repeat: no-repeat;
    background-position: 50%
}

.process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li.process_open__wOslh {
    border-color: #066dc9;
    background-color: #0086ff
}

.process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li.process_open__wOslh p strong {
    color: #fff
}

.process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li.process_open__wOslh:before {
    display: none
}

@media screen and (max-width: 1440px) {
    .process_row__6slcG {
        padding:0 40px
    }

    .process_row__6slcG .process_row__text__SzBT5 h2 {
        font-size: 5rem;
        letter-spacing: -.3rem;
        min-width: 350px
    }

    .process_row__6slcG .process_row__text__SzBT5 p {
        font-size: 1.8rem;
        margin: 50px 0 30px
    }
}

@media screen and (max-width: 991px) {
    .process_row__6slcG {
        flex-direction:column;
        align-items: center
    }

    .process_row__6slcG .process_row__text__SzBT5 {
        margin-bottom: 60px;
        text-align: center
    }

    .process_row__6slcG .process_row__item__9haq2 {
        width: 100%
    }

    .process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q {
        justify-content: flex-start
    }

    .process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li {
        flex-basis: calc(33.3333% - 20px);
        margin-right: 30px
    }

    .process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 575px) {
    .process_row__6slcG {
        padding:0 20px
    }

    .process_row__6slcG .process_row__text__SzBT5 {
        margin-bottom: 40px
    }

    .process_row__6slcG .process_row__text__SzBT5 h2 {
        font-size: 3rem;
        letter-spacing: -.2rem;
        min-width: 100%
    }

    .process_row__6slcG .process_row__text__SzBT5 p {
        margin: 20px 0 10px;
        font-size: 1.4rem
    }

    .process_row__6slcG .process_row__item__9haq2 {
        width: 100%
    }

    .process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q {
        justify-content: space-between
    }

    .process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li {
        flex-basis: calc(50% - 15px);
        margin-right: 20px!important;
        margin-bottom: 20px;
        height: 170px
    }

    .process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li p strong {
        font-size: 1.4rem
    }

    .process_row__6slcG .process_row__item__9haq2 .process_process__item__lOj9Q li:nth-child(2n) {
        margin-right: 0!important
    }
}

.terms_wrapper__8VrtI {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0,0,0,.3);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: terms_fadeIn__Vc5c5;
    animation-name: terms_fadeIn__Vc5c5;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.terms_wrapper__8VrtI,.terms_wrapper__8VrtI .terms_modal__AnOuA {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    display: flex
}

.terms_wrapper__8VrtI .terms_modal__AnOuA {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: terms_slideUp__FzmO1;
    animation-name: terms_slideUp__FzmO1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border-radius: 4px;
    flex-direction: column;
    box-shadow: 0 20px 30px rgba(0,0,0,.2);
    width: 1160px;
    height: 520px;
    max-width: 90vw;
    background-color: #fff;
    padding: 20px 40px
}

.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__title__kc8PG {
    text-align: center
}

.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__title__kc8PG h1 {
    font-family: Pretendard;
    font-weight: 700;
    font-size: 26px
}

.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__content__kki3n {
    flex: 1 1;
    overflow-y: auto;
    padding-top: 20px
}

.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__content__kki3n h3,.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__content__kki3n li,.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__content__kki3n p {
    font-family: Pretendard;
    font-size: 18px
}

.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__content__kki3n h3 {
    margin-top: 20px
}

.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__content__kki3n ul li {
    margin: 2px 0
}

.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__button__wN9LT {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__button__wN9LT button {
    cursor: pointer;
    font-size: 18px;
    font-family: Pretendard;
    font-weight: 700;
    flex-basis: 50%;
    max-width: 260px;
    height: 45px;
    border-radius: 4px;
    border: none;
    outline: none;
    color: #fff;
    background-color: rgba(0,0,0,.8)
}

.terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__button__wN9LT button:first-child {
    margin-right: 10px
}

.terms_wrapper__8VrtI.terms_close__tT_in {
    -webkit-animation-name: terms_fadeOut__Mm_ZF;
    animation-name: terms_fadeOut__Mm_ZF
}

.terms_wrapper__8VrtI.terms_close__tT_in .terms_modal__AnOuA {
    -webkit-animation-name: terms_slideDown__yZepK;
    animation-name: terms_slideDown__yZepK
}

@-webkit-keyframes terms_fadeIn__Vc5c5 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes terms_fadeIn__Vc5c5 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes terms_fadeOut__Mm_ZF {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes terms_fadeOut__Mm_ZF {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes terms_slideUp__FzmO1 {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes terms_slideUp__FzmO1 {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes terms_slideDown__yZepK {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

@keyframes terms_slideDown__yZepK {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

@media screen and (max-width: 500px) {
    .terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__title__kc8PG h1 {
        font-size:22px
    }
}

@media screen and (max-width: 400px) {
    .terms_wrapper__8VrtI .terms_modal__AnOuA .terms_modal__title__kc8PG h1 {
        font-size:18px
    }
}

.contact_slide__inner__ek9ww {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
    display: flex;
    align-items: center
}

.contact_slide__inner__ek9ww .contact_bg__GCxhU {
    background-color: #0086ff;
    width: 100%;
    height: 60vh;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.contact_slide__inner__ek9ww .contact_row__eXlLh {
    width: 100%;
    max-width: 1730px;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    position: relative;
    max-width: 1450px;
    flex-direction: column
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc {
    margin-bottom: 80px
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc h2 {
    font-size: 6.2rem;
    font-family: Gmarket Sans
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc h2 b {
    display: inline-block;
    font-size: 8.5rem;
    font-family: Poppins;
    font-weight: 800;
    vertical-align: middle;
    margin-top: -10px
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc h2 span {
    font-size: 1.6rem;
    font-family: Pretendard;
    font-weight: 400
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs {
    display: flex;
    justify-content: space-between
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ {
    flex-basis: calc(50% - 10px)
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li {
    position: relative;
    height: 55px;
    background-color: #fff;
    display: flex;
    border: 2px solid #000;
    width: 100%;
    margin-bottom: 15px
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li input,.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li label {
    font-family: Pretendard
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li label {
    font-size: 1.6rem;
    height: 54px;
    line-height: 54px;
    display: block;
    width: 100px;
    font-weight: 700;
    text-align: center
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li input {
    height: 51px;
    border: none!important;
    outline: none!important;
    font-size: 1.5rem;
    width: calc(100% - 100px)
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li input+span {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    font-family: Pretendard;
    color: #959595
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li input::-webkit-input-placeholder {
    color: #aaa
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li input:focus::-webkit-input-placeholder {
    color: transparent!important
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li input:focus::-moz-placeholder {
    color: transparent!important
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li input:focus:-ms-placeholder {
    color: transparent!important
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    outline: none;
    background-color: #ffca3a;
    border: none;
    border-left: 2px solid #000;
    cursor: pointer
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li button label {
    cursor: pointer
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_textarea__zone__T5Pw7 {
    flex-basis: calc(50% - 10px);
    position: relative;
    height: 265px;
    margin-bottom: 15px;
    border: 2px solid #000
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_textarea__zone__T5Pw7 textarea {
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    padding: 50px 20px 20px;
    font-size: 1.5rem;
    font-family: Pretendard;
    outline: none
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_textarea__zone__T5Pw7 label {
    position: absolute;
    font-family: Pretendard;
    left: 20px;
    top: 20px;
    font-size: 1.5rem;
    font-weight: 700
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_term__text__UJQk_ {
    text-align: right;
    margin-bottom: 20px
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_term__text__UJQk_ label,.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_term__text__UJQk_ span {
    font-size: 1.4rem;
    color: #fff;
    font-family: Pretendard
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_term__text__UJQk_ label {
    cursor: pointer
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_term__text__UJQk_ label input {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: -4px;
    vertical-align: middle
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_term__text__UJQk_ span {
    cursor: pointer;
    margin-left: 5px
}

.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_btn__box__IxnE6 .contact_btn__rtH6w {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 300px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2b2b2b;
    color: #fff;
    font-family: Pretendard;
    font-size: 1.6rem;
    margin: auto;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .contact_slide__inner__ek9ww {
        padding-bottom:50px
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh {
        padding: 0 40px;
        flex-direction: column;
        align-items: center
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc {
        margin-bottom: 80px
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc h2 {
        font-size: 5.2rem
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc h2 b {
        font-size: 7rem
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc h2 span {
        display: block
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .contact_slide__inner__ek9ww .contact_bg__GCxhU {
        height:70%
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc {
        margin-bottom: 40px
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs {
        flex-direction: column
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ,.contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_textarea__zone__T5Pw7 {
        flex-basis: 100%
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_textarea__zone__T5Pw7 {
        height: auto!important
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_textarea__zone__T5Pw7 textarea {
        height: 150px
    }
}

@media screen and (max-width: 575px) {
    .contact_slide__inner__ek9ww .contact_row__eXlLh {
        padding:0 20px
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc {
        text-align: center
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc h2 {
        font-size: 3.2rem
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc h2 b {
        font-size: 5rem
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_title__ufyTc h2 span {
        font-size: 1.4rem
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li {
        margin-bottom: 10px;
        height: 45px
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li label {
        font-size: 1.4rem;
        width: 70px;
        height: 45px;
        line-height: 45px
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_input__form__pV3rZ li input {
        height: 41px;
        font-size: 1.4rem
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_textarea__zone__T5Pw7 label {
        font-size: 1.4rem;
        left: 12px;
        top: 12px
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_content__nLpzs .contact_textarea__zone__T5Pw7 textarea {
        padding: 40px 12px 0;
        font-size: 1.4rem
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_term__text__UJQk_ {
        text-align: center
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_term__text__UJQk_ span {
        display: block;
        margin: 5px auto auto
    }

    .contact_slide__inner__ek9ww .contact_row__eXlLh .contact_btn__box__IxnE6 .contact_btn__rtH6w {
        max-width: 100%;
        width: 250px
    }
}

.terms_content_container__xud20 {
    width: 100%;
    display: block;
    padding: 0 15px
}

.terms_content_container__xud20 .terms_content_content__WYfyQ {
    width: 100%;
    margin-bottom: 20px;
    font-family: Pretendard;
    font-weight: 400;
    color: #252525
}

.terms_content_container__xud20 .terms_content_content__WYfyQ h3 {
    font-size: 14px;
    margin-bottom: 10px
}

.terms_content_container__xud20 .terms_content_content__WYfyQ h4 {
    font-size: 12px;
    margin-bottom: 10px
}

.terms_content_container__xud20 .terms_content_content__WYfyQ p {
    margin: 10px 0;
    font-size: 12px;
    display: flex;
    align-items: center
}

.terms_content_container__xud20 .terms_content_content__WYfyQ p svg {
    margin-right: 3px
}

.terms_content_container__xud20 .terms_content_content__WYfyQ ul {
    margin: 20px 0;
    padding-left: 25px
}

.terms_content_container__xud20 .terms_content_content__WYfyQ ul li {
    font-size: 14px;
    word-break: keep-all;
    list-style: disc;
    margin-bottom: 8px
}

.terms_content_container__xud20 .terms_content_content__WYfyQ:last-child {
    margin-bottom: 0
}

.viewer_viewer__wrapper__I0f7n {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0,0,0,.3);
    justify-content: center;
    align-items: center;
    padding: 120px 100px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: viewer_fadeIn__XSyOu;
    animation-name: viewer_fadeIn__XSyOu
}

.viewer_viewer__wrapper__I0f7n,.viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY {
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

.viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY {
    max-width: 850px;
    max-height: 720px;
    border-radius: 4px;
    background-color: #fff;
    color: #252525;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: viewer_slideUp__0YViF;
    animation-name: viewer_slideUp__0YViF;
    box-shadow: 0 20px 30px rgba(0,0,0,.2);
    flex-direction: column
}

.viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY .viewer_viewer__title__uuQYd {
    width: 100%;
    height: 80px;
    padding: 30px 30px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Pretendard;
    font-size: 14px
}

.viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY .viewer_viewer__title__uuQYd h1 {
    font-size: 20px
}

.viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY .viewer_viewer__content__4Itws {
    width: 100%;
    flex: 1 1;
    padding: 0 30px 5px;
    overflow-y: scroll
}

.viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY .viewer_viewer__controller__jotxS {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY .viewer_viewer__controller__jotxS button {
    width: 70px;
    height: 35px;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    background-color: #252525;
    color: #fff;
    font-family: Pretendard;
    transition: .25s ease-in-out;
    font-weight: 400;
    font-size: 16px
}

@media (hover: hover) {
    .viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY .viewer_viewer__controller__jotxS button:active,.viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY .viewer_viewer__controller__jotxS button:hover {
        background-color:#383838
    }
}

.viewer_viewer__wrapper__I0f7n.viewer_close__MJVFr {
    -webkit-animation-name: viewer_fadeOut__PeEz3;
    animation-name: viewer_fadeOut__PeEz3
}

.viewer_viewer__wrapper__I0f7n.viewer_close__MJVFr .viewer_viewer__Bj9dY {
    -webkit-animation-name: viewer_slideDown__unkUu;
    animation-name: viewer_slideDown__unkUu
}

@-webkit-keyframes viewer_fadeIn__XSyOu {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes viewer_fadeIn__XSyOu {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes viewer_fadeOut__PeEz3 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes viewer_fadeOut__PeEz3 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes viewer_slideUp__0YViF {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes viewer_slideUp__0YViF {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes viewer_slideDown__unkUu {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

@keyframes viewer_slideDown__unkUu {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100px)
    }
}

@media screen and (max-width: 768px) {
    .viewer_viewer__wrapper__I0f7n {
        padding:20px
    }
}

@media screen and (max-height: 768px) {
    .viewer_viewer__wrapper__I0f7n {
        padding:20px
    }
}

@media screen and (max-width: 395px) {
    .viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY .viewer_viewer__title__uuQYd {
        padding:30px 15px 25px
    }

    .viewer_viewer__wrapper__I0f7n .viewer_viewer__Bj9dY .viewer_viewer__content__4Itws {
        padding: 0 15px 5px
    }
}

.footer_footer__CKQ67 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0;
    width: 100%;
    background-color: #303841;
    font-family: Pretendard;
    font-weight: 300
}

.footer_footer__CKQ67 p {
    margin-bottom: 2px
}

.footer_footer__CKQ67 p a {
    font-weight: 700
}

.footer_footer__CKQ67 p:last-child {
    margin-bottom: 0
}

.footer_footer__CKQ67 .footer_footer_bold__QHNC5 {
    font-size: 13px;
    margin-bottom: 15px;
    color: #fff
}

.footer_footer__CKQ67 .footer_footer_bold__QHNC5 span {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700;
    margin-right: 25px;
    font-size: 13px
}

.footer_footer__CKQ67 .footer_footer_bold__QHNC5 span:last-child {
    margin-right: 0
}

.footer_footer__CKQ67 .footer_footer_light__KNP_e {
    font-size: 12px;
    color: #7c7c7c
}

.footer_footer__CKQ67 .footer_footer_light__KNP_e b {
    font-size: 12px
}

.footer_footer__CKQ67 .footer_footer__reactive__lD7yr {
    display: flex;
    flex-direction: row
}

.footer_footer__CKQ67 .footer_footer__reactive__lD7yr p:after {
    content: "|";
    padding: 5px
}

.footer_footer__CKQ67 .footer_footer__reactive__lD7yr p:last-child:after {
    content: "";
    padding: 0
}

@media screen and (max-width: 610px) {
    .footer_footer__CKQ67 .footer_footer__reactive__lD7yr {
        flex-direction:column;
        align-items: center;
        margin-bottom: 10px
    }

    .footer_footer__CKQ67 .footer_footer__reactive__lD7yr p:after {
        content: "";
        padding: 0
    }
}

@media screen and (max-width: 430px) {
    .footer_footer__CKQ67 .footer_footer_light__KNP_e {
        font-size:11px
    }
}