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

.header {
    border-bottom-width: 0px;
    float: none;
    height: 70px;
    width: 100%;
}

.center-box-3 {
    border-bottom-width: 0px;
}

.box-382 {
    bottom: 0px;
    height: 70px;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 1024px;
}

.floating-image-39 {
    background-image: url('../image_source/matazoo_logo_White.png');
    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: #FFFFFF;
    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: #FFFFFF;
    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: #FFFFFF;
    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-white.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_white.svg');
    background-position: center center;
    background-size: contain;
    bottom: 0px;
    height: 25px;
    left: 970px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 25px;
}

.floating-image-395 {
    background-position: center center;
    background-size: contain;
    display: none;
    float: none;
    height: 40px;
    position: relative;
    width: 40px;
}

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

.section {
    background-color: #FFFFFF;
    background-image: url('../image_source/brand_top_bg.png');
    background-position: left center;
    background-size: cover;
    height: 907px;
}

.center-box-34 {
    background-position: top;
    background-size: cover;
}

.text-74 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 48px;
    font-weight: 300;
    height: 66px;
    left: 0px;
    letter-spacing: -1px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 142px;
    width: 619px;
}

.webmovie-59 {
    height: 540px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 266px;
    width: 960px;
}

.section-54 {
    height: 835px;
}

.text-306 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 43px;
    left: 61px;
    letter-spacing: 0px;
    text-align: left;
    top: 88px;
    width: 265px;
}

.box-57 {
    background-color: #494949;
    height: 2px;
    left: 203px;
    top: 114px;
    width: 288px;
}

.text-51 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 17px;
    font-weight: 300;
    height: 145px;
    left: 287px;
    letter-spacing: 0px;
    line-height: 2;
    text-align: left;
    top: 196px;
    width: 640px;
}

.box-70 {
    background-color: #F9F9F9;
    border-radius: 200px;
    height: 159px;
    left: 60px;
    top: 196px;
    width: 159px;
}

.text-52 {
    bottom: 0px;
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 40px;
    font-weight: 400;
    height: 50px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 50px;
}

.box-69 {
    background-color: #F9F9F9;
    border-radius: 200px;
    height: 159px;
    left: 60px;
    top: 478px;
    width: 159px;
}

.text-70 {
    bottom: 0px;
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 40px;
    font-weight: 400;
    height: 51px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 120px;
}

.text-54 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 17px;
    font-weight: 300;
    height: 147px;
    left: 287px;
    line-height: 2;
    text-align: left;
    top: 474px;
    width: 640px;
}

.text-60 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    height: 63px;
    left: 287px;
    top: 356px;
    width: 563px;
}

.text-61 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    height: 97px;
    left: 287px;
    top: 635px;
    width: 638px;
}

.section-49 {
    background-color: rgba(115, 171, 218, 0.05);
    height: 642px;
}

.floating-image-57 {
    -webkit-box-shadow: 3px 3px 6px 0px rgba(182, 182, 182, 0.50);
    background-image: url('../image_source/brand_con_02_1.png');
    background-position: center center;
    background-size: cover;
    box-shadow: 3px 3px 6px 0px rgba(182, 182, 182, 0.50);
    height: 272px;
    left: 635px;
    top: 108px;
    width: 385px;
}

.text-58 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 20px;
    font-weight: 300;
    height: 213px;
    left: 61px;
    letter-spacing: 0px;
    line-height: 1.80;
    top: 293px;
    width: 628px;
}

.floating-image-59 {
    -webkit-box-shadow: 3px 3px 6px 0px rgba(219, 219, 219, 0.50);
    background-image: url('../image_source/brand_con_02.png');
    background-position: right bottom;
    background-size: cover;
    border-color: #FFFFFF;
    border-width: 4px;
    box-shadow: 3px 3px 6px 0px rgba(219, 219, 219, 0.50);
    height: 190px;
    left: 519px;
    top: 342px;
    width: 260px;
}

.text-67 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 36px;
    font-weight: 400;
    height: 110px;
    left: 60px;
    text-align: left;
    top: 110px;
    width: 634px;
}

.section-57 {
    background-image: url('../image_source/brand_con_bg_01.png');
    background-position: right center;
    background-size: cover;
    height: 522px;
}

.box-60 {
    background-color: #73ABDA;
    border-radius: 200px;
    height: 185px;
    left: 275px;
    opacity: 0.42;
    top: 99px;
    width: 185px;
}

.text-65 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 30px;
    font-weight: 400;
    height: 43px;
    left: 275px;
    line-height: 1.30;
    text-align: center;
    top: 178px;
    width: 185px;
}

.text-66 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 135px;
    left: 194px;
    line-height: 2;
    text-align: center;
    top: 304px;
    width: 346px;
}

.text-71 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 135px;
    left: 588px;
    line-height: 2;
    text-align: center;
    top: 304px;
    width: 275px;
}

.box-64 {
    background-color: #73ABDA;
    border-radius: 200px;
    height: 185px;
    left: 633px;
    opacity: 0.42;
    top: 99px;
    width: 185px;
}

.text-72 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 28px;
    font-weight: 400;
    height: 43px;
    left: 635px;
    line-height: 1.30;
    text-align: center;
    top: 178px;
    width: 181px;
}

.section-59 {
    background-color: #F9F9F9;
    background-image: url('../image_source/brand_con_bg_02.png');
    background-position: center center;
    background-size: cover;
    height: 549px;
}

.text-64 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 300;
    height: 73px;
    left: 60px;
    top: 86px;
    width: 640px;
}

.text-68 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 36px;
    font-weight: 400;
    height: 103px;
    left: 60px;
    top: 192px;
    width: 640px;
}

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

.center-box {
    background-color: #001344;
}

.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: 33px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: left;
    top: 151px;
    width: 329px;
}

.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: 1079px) {
    .iu-center-box {
        width: 320px;
    }

    .box-382 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
        width: 320px;
    }

    .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;
    }

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

    .section {
        background-position: right center;
        height: 452px;
    }

    .text-74 {
        font-size: 36px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 116px;
        width: 320px;
    }

    .webmovie-59 {
        height: 183px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 212px;
        width: 320px;
    }

    .section-54 {
        height: 1361px;
    }

    .text-306 {
        left: 10px;
        top: 15px;
    }

    .box-57 {
        height: 2px;
        left: 152px;
        top: 41px;
        width: 150px;
    }

    .text-51 {
        height: 248px;
        left: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 280px;
        width: 300px;
    }

    .box-70 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 92px;
    }

    .text-52 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

    .box-69 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 714px;
    }

    .text-70 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

    .text-54 {
        height: 266px;
        left: 10px;
        text-align: center;
        top: 892px;
        width: 300px;
    }

    .text-60 {
        height: 105px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 537px;
        width: 300px;
    }

    .text-61 {
        height: 152px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 1164px;
        width: 300px;
    }

    .section-49 {
        height: 1083px;
    }

    .floating-image-57 {
        height: 190px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 539px;
        width: 260px;
    }

    .text-58 {
        height: 316px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 181px;
        width: 300px;
    }

    .floating-image-59 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 740px;
    }

    .text-67 {
        font-size: 30px;
        height: 109.5px;
        left: 10px;
        text-align: center;
        top: 70px;
        width: 300px;
    }

    .section-57 {
        background-image: url('../image_source/brand_bg_01_mo.png');
        background-position: right center;
        height: 930px;
    }

    .box-60 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 79px;
    }

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

    .text-66 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 284px;
        width: 320px;
    }

    .text-71 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 725px;
        width: 320px;
    }

    .box-64 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 514px;
    }

    .text-72 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 593px;
    }

    .section-59 {
        background-image: url('../image_source/brand_con_bg_02_mo.png');
        background-position: right top;
        height: 446px;
        opacity: 1;
    }

    .text-64 {
        font-size: 21px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 68px;
        width: 300px;
    }

    .text-68 {
        font-size: 26px;
        height: 89px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 150px;
        width: 300px;
    }

    .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;
    }

}