.iu-center-box {
    width: 1024px;
}

.iu-page {
    min-width: 1024px;
}

.header {
    background-color: #FFFFFF;
    border-bottom-color: #EBEBEB;
    border-bottom-width: 1px;
    color: #333333;
    float: none;
    height: 70px;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 11;
}

.floating-image-395 {
    background-position: center center;
    background-size: contain;
    display: none;
    height: 40px;
    left: 256px;
    top: 27px;
    width: 40px;
}

.floating-image-39 {
    background-image: url('../image_source/logo_blue.svg');
    background-position: center center;
    background-size: contain;
    bottom: 0px;
    height: 34px;
    left: 34px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 77px;
}

.cell-347 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 20px;
    left: 452px;
    letter-spacing: 0px;
    text-align: center;
    top: 27px;
    width: 120px;
}

.cell-347.iux-hover, .cell-347.iux-active {
    color: #73ABDA;
}

.cell-347 > a {
    line-height: 20px;
}

.cell-348 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 20px;
    left: 587px;
    letter-spacing: 0px;
    text-align: center;
    top: 27px;
    width: 167px;
}

.cell-348 > a {
    line-height: 20px;
}

.cell-348.iux-hover, .cell-348.iux-active {
    color: #73ABDA;
}

.cell-350 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 20px;
    left: 758px;
    letter-spacing: 0px;
    text-align: center;
    top: 27px;
    width: 146px;
}

.cell-350.iux-hover, .cell-350.iux-active {
    color: #73ABDA;
}

.cell-350 > a {
    line-height: 20px;
}

.floating-image-352 {
    background-image: url('../image_source/facebook-black.svg');
    background-position: center center;
    background-size: contain;
    bottom: 0px;
    height: 25px;
    left: 933px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 25px;
}

.floating-image-353 {
    background-image: url('../image_source/instagram_black.svg');
    background-position: center center;
    background-size: contain;
    bottom: 0px;
    height: 25px;
    left: 970px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 25px;
}

.page-content {
    background-color: #FFFFFF;
}

.section {
    height: 2784px;
}

.text-43 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 30px;
    font-weight: 300;
    height: 40px;
    left: 0px;
    letter-spacing: -2px;
    line-height: 1;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: left;
    top: 132px;
    width: 900px;
}

.text-44 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 2700px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: left;
    top: 182px;
    width: 900px;
}

.section-77 {
    background-color: #F9F9F9;
    height: 260px;
}

.floating-image-35 {
    background-image: url('../image_source/google.svg');
    background-position: center center;
    background-size: contain;
    height: 50px;
    left: 517px;
    top: 169px;
    width: 150px;
}

.floating-image-36 {
    background-image: url('../image_source/apple.svg');
    background-position: center center;
    background-size: contain;
    height: 50px;
    left: 357px;
    top: 169px;
    width: 150px;
}

.text-65 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 30px;
    font-weight: 300;
    height: 45px;
    left: 0px;
    letter-spacing: -1px;
    line-height: 1.10;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 118px;
    width: 300px;
}

.floating-image-75 {
    background-image: url('../image_source/app_icon_4.png');
    background-position: center center;
    background-size: contain;
    height: 60px;
    left: 477px;
    top: 42px;
    width: 60px;
}

.footer {
    background-color: #011542;
    height: 242px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 100%;
}

.box-153 {
    height: 180px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 35px;
    width: 1024px;
}

.cell-19 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 300;
    height: 20px;
    left: 121px;
    letter-spacing: 0px;
    text-align: left;
    top: 73px;
    width: 202px;
}

.cell-19 > a {
    line-height: 20px;
}

.cell-613 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 300;
    height: 20px;
    left: 337px;
    letter-spacing: 0px;
    text-align: left;
    top: 73px;
    width: 202px;
}

.cell-613 > a {
    line-height: 20px;
}

.cell-286 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 32px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: left;
    top: 151px;
    width: 326px;
}

.cell-14 > a {
    line-height: 20px;
}

.cell-14 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 32px;
    letter-spacing: 0px;
    text-align: left;
    top: 6px;
    width: 108px;
}

.cell-15 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 33px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: left;
    top: 51px;
    width: 409px;
}

.cell-16 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 135px;
    letter-spacing: 0px;
    text-align: left;
    top: 6px;
    width: 68px;
}

.cell-16 > a {
    line-height: 20px;
}

.cell-17 > a {
    line-height: 20px;
}

.cell-17 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 200px;
    letter-spacing: 0px;
    text-align: left;
    top: 6px;
    width: 113px;
}

.cell-12 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 33px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: left;
    top: 28px;
    width: 189px;
}

.cell-393 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 210px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: left;
    top: 28px;
    width: 266px;
}

.text-609 {
    color: rgba(255, 255, 255, 0.80);
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 22px;
    left: 830px;
    opacity: 0.95;
    text-align: right;
    top: 6px;
    width: 163px;
}

.text-610 {
    color: rgba(255, 255, 255, 0.80);
    display: none;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 30px;
    font-weight: 700;
    height: 41px;
    left: 779px;
    opacity: 0.95;
    text-align: right;
    top: 30px;
    width: 213px;
}

.text-622 {
    color: rgba(255, 255, 255, 0.80);
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 30px;
    font-weight: 700;
    height: 41px;
    left: 779px;
    opacity: 0.95;
    text-align: right;
    top: 30px;
    width: 213px;
}

.floating-image-611 {
    background-image: url('../image_source/footer_phone.svg');
    background-position: center center;
    background-size: contain;
    height: 17px;
    left: 866px;
    opacity: 0.80;
    top: 7px;
    width: 17px;
}

.text-611 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 33px;
    text-align: left;
    top: 75px;
    width: 120px;
}

.text-612 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 243px;
    text-align: left;
    top: 75px;
    width: 155px;
}

.panel > .iux-panel-close-button {
    background-image: url('../image_source/btn_popup_close.png');
    display: inherit;
    height: 32px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 32px;
}

.panel {
    background-color: #FFFFFF;
    height: 100%;
    left: 100%;
    position: fixed;
    width: 300px;
    z-index: 90;
}

.box-359 {
    height: 172px;
    left: 44px;
    top: 50px;
    width: 213px;
}

.text-254 {
    bottom: 0px;
    color: #969696;
    font-family: 'Helvetica', sans-serif;
    font-size: 18px;
    height: 27px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center;
    top: 0px;
    width: 100%;
}

.text-253 {
    bottom: 0px;
    color: #969696;
    font-family: 'Helvetica', sans-serif;
    font-size: 18px;
    height: 27px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center;
    top: 0px;
    width: 100%;
}

.text-252 {
    bottom: 0px;
    color: #969696;
    font-family: 'Helvetica', sans-serif;
    font-size: 18px;
    height: 27px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center;
    top: 0px;
    width: 100%;
}

.text-251 {
    bottom: 0px;
    color: #969696;
    font-family: 'Helvetica', sans-serif;
    font-size: 18px;
    height: 27px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center;
    top: 0px;
    width: 100%;
}

.box-260 {
    height: 66px;
    left: 28px;
    top: 473px;
    width: 240px;
}

.floating-image-257 {
    background-position: center center;
    background-size: contain;
    height: 41px;
    left: 93px;
    top: 16px;
    width: 41px;
}

.floating-image-259 {
    background-position: center center;
    background-size: contain;
    height: 41px;
    left: 93px;
    top: 16px;
    width: 41px;
}

.text-363 {
    height: 25px;
    left: 59px;
    top: 5px;
    width: 157px;
}

.box-263 {
    height: 127px;
    left: 56px;
    top: 317px;
    width: 230px;
}

.floating-image-260 {
    background-position: center center;
    background-size: contain;
    height: 55px;
    left: 66px;
    top: 403px;
    width: 169px;
}

.floating-image-266 {
    background-position: center center;
    background-size: contain;
    height: 0px;
    left: 84px;
    top: 468px;
    width: 0px;
}

.text-364 {
    height: 25px;
    left: 59px;
    top: 5px;
    width: 157px;
}

@media screen and (max-width: 1023px) {
    .iu-center-box {
        width: 320px;
    }

    .iu-page {
        min-width: 320px;
    }

    .header {
        position: absolute;
    }

    .floating-image-395 {
        background-image: url('../image_source/menu_black.svg');
        display: inherit;
        height: 30px;
        left: 280px;
        top: 19px;
        width: 30px;
    }

    .floating-image-39 {
        bottom: 0px;
        left: 10px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .floating-image-352 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .floating-image-353 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .section {
        height: 5749px;
    }

    .text-43 {
        height: 42px;
        left: 0px;
        letter-spacing: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 121px;
        width: 320px;
    }

    .text-44 {
        height: 5535px;
        left: 0px;
        letter-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        width: 300px;
    }

    .floating-image-35 {
        left: 165px;
        top: 159px;
    }

    .floating-image-36 {
        left: 5px;
        top: 159px;
    }

    .text-65 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .floating-image-75 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .footer {
        height: 426px;
    }

    .box-153 {
        height: 374px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 26px;
        width: 320px;
    }

    .cell-19 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 155px;
        width: 300px;
    }

    .cell-613 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 204px;
        width: 300px;
    }

    .cell-286 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 344px;
        width: 300px;
    }

    .cell-14 {
        left: 27px;
        top: 17px;
    }

    .cell-15 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 91px;
        width: 320px;
    }

    .cell-16 {
        left: 130px;
        top: 17px;
    }

    .cell-17 {
        left: 195px;
        top: 17px;
    }

    .cell-12 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 42px;
        width: 320px;
    }

    .cell-393 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 65px;
        width: 320px;
    }

    .text-609 {
        left: 65px;
        top: 254px;
    }

    .text-610 {
        display: inherit;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 276px;
    }

    .text-622 {
        display: none;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 276px;
    }

    .floating-image-611 {
        background-image: url('../image_source/footer_phone.svg');
        left: 101px;
        opacity: 0.80;
        top: 255px;
    }

    .text-611 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 138px;
    }

    .text-612 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 188px;
    }

    .panel > .iux-panel-close-button {
        background-image: url('../image_source/btn_popup_close_2.png');
        display: inherit;
        height: 32px;
        left: 20px;
        position: absolute;
        top: 20px;
        width: 32px;
    }

    .panel {
        background-color: #001344;
    }

    .panel-dimcolor {
        background-color: rgba(36, 36, 36, 0.30);
    }

    .box-359 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 7.97%;
        width: 70%;
    }

    .text-254 {
        color: #FFFFFF;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 20px;
        font-weight: 400;
        height: 32px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: right;
        top: -135px;
        width: 210px;
    }

    .text-253 {
        color: #FFFFFF;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 20px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: right;
        top: -30.81%;
        width: 210px;
    }

    .text-252 {
        color: #FFFFFF;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 20px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: right;
        top: 43px;
        width: 210px;
    }

    .text-251 {
        color: #FFFFFF;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 20px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: right;
        top: 143px;
        width: 210px;
    }

    .box-260 {
        height: 73px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 70.39%;
        width: 70%;
    }

    .floating-image-257 {
        background-image: url('../image_source/facebook-white.svg');
        height: 31px;
        left: 135px;
        top: 31px;
        width: 31px;
    }

    .floating-image-259 {
        background-image: url('../image_source/instagram_white.svg');
        height: 31px;
        left: 178px;
        top: 31px;
        width: 31px;
    }

    .text-363 {
        color: #929292;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        font-weight: 400;
        left: 53px;
        text-align: right;
        top: 4px;
    }

    .box-263 {
        height: 65px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 53%;
        width: 70%;
    }

    .floating-image-260 {
        background-image: url('../image_source/down_iOS.png');
        background-size: 100% 100%;
        height: 31px;
        left: 1px;
        top: 31px;
        width: 100px;
    }

    .floating-image-266 {
        background-image: url('../image_source/down_android.png');
        background-size: 100% 100%;
        height: 31px;
        left: 109px;
        top: 31px;
        width: 100px;
    }

    .text-364 {
        color: #929292;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        font-weight: 400;
        left: 53px;
        text-align: right;
        top: 1px;
    }

}