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

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

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

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

.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: #242424;
    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: #242424;
    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: #242424;
    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;
}

.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: #FFE43F;
    background-image: url('../../image_source/newmata_bg.png');
    background-position: center center;
    background-size: cover;
    height: 990px;
}

.center-box-42 {
    background-position: right bottom;
    background-size: contain;
}

.floating-image-98 {
    background-image: url('../../image_source/newmata_img_012.png');
    background-position: center center;
    background-size: contain;
    height: 205px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 149px;
    width: 579px;
}

.text-65 {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 114px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 529px;
    width: 552px;
}

.text-93 {
    color: #242424;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 30px;
    font-weight: 700;
    height: 97px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 417px;
    width: 565px;
}

.floating-image-100 {
    -webkit-transform: rotate(-90deg);
    background-image: url('../../image_source/newmata_icon_01.png');
    background-position: center center;
    background-size: contain;
    height: 40px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 886px;
    transform: rotate(-90deg);
    width: 40px;
}

.floating-image-101 {
    background-image: url('../../image_source/newmata_img_01.png');
    background-position: center center;
    background-size: contain;
    height: 168px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 691px;
    width: 240px;
}

.section-36 {
    height: 1050px;
}

.center-box-37 {
    color: #000000;
}

.text-71 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 105px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 278px;
    width: 711px;
}

.floating-image-72 {
    background-color: #DBDBDB;
    background-image: url('../../image_source/newmata_img_02.jpg');
    background-position: center center;
    background-size: contain;
    height: 425px;
    left: 177px;
    top: 453px;
    width: 335px;
}

.floating-image-73 {
    background-color: #DBDBDB;
    background-image: url('../../image_source/newmata_img_03.jpg');
    background-position: center center;
    background-size: contain;
    height: 425px;
    left: 565px;
    top: 453px;
    width: 335px;
}

.text-101 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 29px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 912px;
    width: 327px;
}

.floating-image-102 {
    background-image: url('../../image_source/newmata_img_04.png');
    background-position: center center;
    background-size: contain;
    height: 180px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 69px;
    width: 493px;
}

.floating-image-105 {
    background-position: center center;
    background-size: contain;
    height: 480px;
    left: 9px;
    top: 421px;
    width: 301px;
}

.section-40 {
    background-position: center center;
    background-size: cover;
    height: 881px;
}

.center-box-41 {
    background-size: cover;
}

.floating-image-76 {
    background-color: #DBDBDB;
    background-image: url('../../image_source/newmata_img_010.jpg');
    background-position: center center;
    background-size: cover;
    border-bottom-color: #1670D0;
    border-bottom-width: 3px;
    height: 405px;
    left: 160px;
    top: 284px;
    width: 320px;
}

.text-75 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 103px;
    left: 594px;
    text-align: left;
    top: 318px;
    width: 351px;
}

.text-77 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 129px;
    left: 594px;
    text-align: left;
    top: 433px;
    width: 403px;
}

.floating-image-96 {
    background-image: url('../../image_source/newmata_img_05.png');
    background-position: center center;
    background-size: contain;
    height: 180px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 69px;
    width: 493px;
}

.box {
    background-color: #F8F8F8;
    border-radius: 10px;
    height: 144px;
    left: 590px;
    top: 567px;
    width: 328px;
}

.text-79 {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 108px;
    left: 41px;
    top: 19px;
    width: 276px;
}

.floating-image-97 {
    background-image: url('../../image_source/newmata_icon_04.svg');
    background-position: center center;
    background-size: contain;
    height: 15px;
    left: 19px;
    top: 21px;
    width: 15px;
}

.section-115 {
    background-position: left center;
    background-size: cover;
    height: 966px;
}

.center-box-75 {
    color: #000000;
}

.text-81 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 95px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 244px;
    width: 711px;
}

.floating-image-82 {
    background-color: #DBDBDB;
    background-image: url('../../image_source/newmata_img_08.jpg');
    background-position: center center;
    background-size: contain;
    height: 425px;
    left: 177px;
    top: 403px;
    width: 335px;
}

.floating-image-83 {
    background-color: #DBDBDB;
    background-image: url('../../image_source/newmata_img_09.jpg');
    background-position: center center;
    background-size: contain;
    height: 425px;
    left: 565px;
    top: 403px;
    width: 335px;
}

.floating-image-94 {
    background-image: url('../../image_source/newmata_img_06.png');
    background-position: center center;
    background-size: contain;
    height: 180px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 38px;
    width: 489px;
}

.floating-image-106 {
    background-position: center center;
    background-size: contain;
    height: 480px;
    left: 9px;
    top: 421px;
    width: 301px;
}

.text-102 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 29px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 860px;
    width: 697px;
}

.section-72 {
    height: 826px;
}

.center-box-73 {
    color: #000000;
}

.text-86 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 103px;
    left: 594px;
    text-align: left;
    top: 395px;
    width: 351px;
}

.text-87 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 129px;
    left: 594px;
    text-align: left;
    top: 512px;
    width: 403px;
}

.floating-image-88 {
    background-color: #DBDBDB;
    background-image: url('../../image_source/newmata_img_011.jpg');
    background-position: center center;
    background-size: cover;
    border-bottom-color: #1570D3;
    border-bottom-width: 3px;
    height: 425px;
    left: 160px;
    top: 284px;
    width: 320px;
}

.floating-image-92 {
    background-image: url('../../image_source/newmata_img_07.png');
    background-position: center center;
    background-size: contain;
    height: 180px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 69px;
    width: 493px;
}

.section-178 {
    background-color: #F8F8F8;
    height: 553px;
}

.text-91 {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 300;
    height: 88px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 281px;
    width: 765px;
}

.floating-image {
    background-image: url('../../image_source/newmata_icon_02.svg');
    background-position: center center;
    background-size: contain;
    height: 152px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 92px;
    width: 191px;
}

.box-98 {
    height: 27px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 429px;
    width: 465px;
}

.text-90 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 20px;
    left: 21px;
    text-align: left;
    top: 0px;
    width: 358px;
}

.floating-image-104 {
    background-image: url('../../image_source/newmata_icon_04.svg');
    background-position: center center;
    background-size: contain;
    height: 15px;
    left: 0px;
    top: 2px;
    width: 15px;
}

.text-99 {
    color: #005799;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 24px;
    left: 379px;
    top: 0px;
    width: 88px;
}

.box-99 {
    height: 26px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 468px;
    width: 375px;
}

.text-94 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 20px;
    left: 20px;
    text-align: left;
    top: 0px;
    width: 355px;
}

.floating-image-103 {
    background-image: url('../../image_source/newmata_icon_04.svg');
    background-position: center center;
    background-size: contain;
    height: 15px;
    left: 0px;
    top: 1px;
    width: 15px;
}

.section-67 {
    background-color: #3B5998;
    height: 310px;
}

.floating-image-183 {
    background-image: url('../../image_source/down_logo.png');
    background-position: center center;
    background-size: contain;
    height: 60px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 47px;
    width: 60px;
}

.text-182 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 300;
    height: 78px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.30;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 123px;
    width: 484px;
}

.floating-image-181 {
    background-image: url('../../image_source/down_iOS.png');
    background-position: center center;
    background-size: contain;
    height: 47px;
    left: 395px;
    top: 204px;
    width: 140px;
}

.floating-image-180 {
    background-image: url('../../image_source/down_android.png');
    background-position: center center;
    background-size: contain;
    height: 47px;
    left: 546px;
    top: 204px;
    width: 140px;
}

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

    .iu-page {
        min-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/menu_black.svg');
        display: inherit;
        height: 30px;
        margin-left: 280px;
        margin-top: 20px;
        width: 30px;
    }

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

    .floating-image-98 {
        height: 205px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 112px;
        width: 300px;
    }

    .text-65 {
        height: 190px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 500px;
        width: 300px;
    }

    .text-93 {
        height: 162px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 343px;
        width: 300px;
    }

    .floating-image-100 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 926px;
    }

    .floating-image-101 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 731px;
    }

    .section-36 {
        height: 1220px;
    }

    .text-71 {
        height: 220px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 248px;
        width: 300px;
    }

    .floating-image-72 {
        left: 354px;
        top: 624px;
    }

    .floating-image-73 {
        top: 697.8px;
    }

    .text-101 {
        height: 30px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 1108px;
        width: 300px;
    }

    .floating-image-102 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 38px;
        width: 300px;
    }

    .floating-image-105 {
        background-image: url('../../image_source/newmata_mo_01.jpg');
        background-size: cover;
        height: 600px;
        left: 10px;
        top: 480px;
        width: 300px;
    }

    .section-40 {
        height: 1099px;
    }

    .floating-image-76 {
        height: 425px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 455px;
        width: 300px;
    }

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

    .text-77 {
        font-size: 21px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 342px;
        width: 320px;
    }

    .floating-image-96 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 28px;
        width: 300px;
    }

    .box {
        height: 84px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 931px;
        width: 300px;
    }

    .text-79 {
        height: 47px;
        left: 39px;
        top: 20px;
    }

    .section-115 {
        background-position: left top;
        background-size: cover;
        height: 1158px;
    }

    .text-81 {
        height: 163px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 254px;
        width: 300px;
    }

    .floating-image-82 {
        left: 338px;
        top: 373px;
    }

    .floating-image-83 {
        left: 565px;
        top: 373px;
    }

    .floating-image-94 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 38px;
        width: 300px;
    }

    .floating-image-106 {
        background-image: url('../../image_source/newmata_mo_02.jpg');
        background-size: cover;
        height: 600px;
        left: 10px;
        top: 451px;
        width: 300px;
    }

    .text-102 {
        height: 52px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 1077px;
        width: 300px;
    }

    .section-72 {
        height: 1031px;
    }

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

    .text-87 {
        font-size: 21px;
        height: 159px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 322px;
        width: 300px;
    }

    .floating-image-88 {
        height: 425px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 482px;
        width: 300px;
    }

    .floating-image-92 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 29px;
        width: 300px;
    }

    .section-178 {
        height: 658px;
    }

    .text-91 {
        font-size: 21px;
        height: 127px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        width: 300px;
    }

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

    .box-98 {
        height: 74px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 443px;
        width: 300px;
    }

    .text-90 {
        height: 43px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 0px;
        width: 215px;
    }

    .floating-image-104 {
        left: 31px;
        top: 2px;
    }

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

    .box-99 {
        height: 53px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 528px;
        width: 300px;
    }

    .text-94 {
        height: 45px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 3px;
        width: 290px;
    }

    .floating-image-103 {
        left: 100px;
        top: 5px;
    }

    .section-67 {
        display: none;
        height: 369px;
    }

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

    .text-182 {
        height: 100px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 135px;
        width: 320px;
    }

    .floating-image-181 {
        background-image: url('../../image_source/down_iOS.png');
        left: 15px;
        top: 261px;
    }

    .floating-image-180 {
        background-image: url('../../image_source/down_android.png');
        left: 166px;
        top: 261px;
    }

    .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-191 {
        display: none;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 276px;
    }

    .floating-image-611 {
        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-dimcolor {
        background-color: rgba(36, 36, 36, 0.30);
    }

    .center-box-166 {
        background-color: #001540;
    }

    .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: 300;
        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;
        font-weight: 300;
        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;
        font-weight: 300;
        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;
        font-weight: 300;
        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.40%;
        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;
    }

}