.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 > a {
    line-height: 20px;
}

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

.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 > a {
    line-height: 20px;
}

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

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

.text-259 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 120px;
    font-weight: 700;
    height: 150px;
    left: 0px;
    letter-spacing: 10px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 258px;
    width: 497px;
}

.text-268 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 50px;
    font-weight: 400;
    height: 115px;
    left: 0px;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 199px;
    width: 503px;
}

.floating-image-262 {
    background-image: url('../image_source/down_iOS.png');
    background-position: center center;
    background-size: contain;
    height: 60px;
    left: 383px;
    top: 541px;
    width: 150px;
}

.floating-image-263 {
    background-image: url('../image_source/down_android.png');
    background-position: center center;
    background-size: contain;
    height: 60px;
    left: 548px;
    top: 541px;
    width: 150px;
}

.text-270 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 300;
    height: 35px;
    left: 0px;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 464px;
    width: 673px;
}

.box-480 {
    background-size: cover;
    border-radius: 0px;
    border-width: 0px;
    height: 85px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    right: 0px;
    top: 707px;
    width: 320px;
}

.floating-image-472 {
    background-image: url('../image_source/sharing_logo.svg');
    background-position: center center;
    background-size: contain;
    bottom: 0px;
    height: 60px;
    left: 18px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 98px;
}

.text-471 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 19px;
    left: 127px;
    line-height: 1.30;
    margin-bottom: auto;
    margin-top: auto;
    text-align: left;
    top: 0px;
    width: 198px;
}

.section-363 {
    background-color: #001445;
    background-position: center top;
    background-size: cover;
    display: none;
    height: 90px;
}

.box-371 {
    background-size: cover;
    border-radius: 0px;
    border-width: 0px;
    bottom: 0px;
    height: 85px;
    left: 0px;
    margin: auto;
    opacity: 1;
    right: 0px;
    top: 0px;
    width: 320px;
}

.floating-image-369 {
    background-image: url('../image_source/sharing_logo.svg');
    background-position: center center;
    background-size: contain;
    bottom: 0px;
    height: 60px;
    left: 18px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 98px;
}

.text-389 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 19px;
    left: 127px;
    line-height: 1.30;
    margin-bottom: auto;
    margin-top: auto;
    text-align: left;
    top: 0px;
    width: 198px;
}

.section-98 {
    background-color: #F9F9F9;
    height: 295px;
}

.carousel-213 {
    border-color: #DBDBDB;
    border-radius: 0px;
    border-width: 0px;
    height: 295px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 0px;
    width: 960px;
}

.carousel-213 > .iux-carousel-pager {
    bottom: 37px;
    left: 7%;
    text-align: left;
    visibility: visible;
}

.carousel-213 > .iux-carousel-pager > li:hover, .carousel-213 > .iux-carousel-pager > li.iux-active {
    background-color: #73ABDA;
}

.carousel-213 > .iux-carousel-prev, .carousel-213 > .iux-carousel-next {
    display: none;
}

.carousel-213 > .iux-carousel-pager > li {
    background-color: #DBDBDB;
    border-radius: 4px;
    margin: 4px;
    padding: 4px;
}

.carousel-item-214 {
    background-size: cover;
    height: 100%;
    position: relative;
}

.carousel-item-214 > .iux-inner-link {
    position: relative;
}

.text-217 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 38px;
    font-weight: 400;
    height: 106px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 86px;
    width: 541px;
}

.text-218 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 200px;
    width: 462px;
}

.box-223 {
    border-color: #73ABDA;
    border-radius: 20px;
    border-width: 2px;
    height: 30px;
    left: 71px;
    top: 39px;
    width: 121px;
}

.text-229 {
    border-width: 0px;
    bottom: 0px;
    color: #73ABDA;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 55%;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 100%;
}

.floating-image-356 {
    background-image: url('../image_source/home_eventbn_2018spring2.png');
    background-position: right top;
    background-size: cover;
    height: 250px;
    left: 557px;
    top: 44px;
    width: 330px;
}

.carousel-item-215 {
    height: 100%;
    position: relative;
}

.carousel-item-215 > .iux-inner-link {
    position: relative;
}

.text {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 38px;
    font-weight: 400;
    height: 106px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 86px;
    width: 541px;
}

.text-478 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 200px;
    width: 462px;
}

.box-477 {
    border-color: #73ABDA;
    border-radius: 20px;
    border-width: 2px;
    height: 30px;
    left: 71px;
    top: 39px;
    width: 121px;
}

.text-479 {
    border-width: 0px;
    bottom: 0px;
    color: #73ABDA;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 55%;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 100%;
}

.floating-image-478 {
    background-image: url('../image_source/home_eventbn_newmata.png');
    background-position: right top;
    background-size: cover;
    height: 250px;
    left: 557px;
    top: 44px;
    width: 330px;
}

.carousel-item-216 {
    height: 100%;
    position: relative;
}

.carousel-item-216 > .iux-inner-link {
    position: relative;
}

.text-472 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 38px;
    font-weight: 400;
    height: 106px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 86px;
    width: 541px;
}

.text-476 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 200px;
    width: 462px;
}

.box-476 {
    border-color: #73ABDA;
    border-radius: 20px;
    border-width: 2px;
    height: 30px;
    left: 71px;
    top: 39px;
    width: 121px;
}

.text-477 {
    border-width: 0px;
    bottom: 0px;
    color: #73ABDA;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 55%;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 100%;
}

.floating-image-477 {
    background-image: url('../image_source/home_eventbn_store.png');
    background-position: right top;
    background-size: cover;
    height: 250px;
    left: 557px;
    top: 44px;
    width: 330px;
}

.carousel-item-472 {
    height: 100%;
    position: relative;
}

.carousel-item-472 > .iux-inner-link {
    position: relative;
}

.box-475 {
    border-color: #73ABDA;
    border-radius: 20px;
    border-width: 2px;
    height: 30px;
    left: 71px;
    top: 39px;
    width: 121px;
}

.text-473 {
    border-width: 0px;
    bottom: 0px;
    color: #73ABDA;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 55%;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 100%;
}

.text-474 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 38px;
    font-weight: 400;
    height: 106px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 86px;
    width: 541px;
}

.text-475 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 200px;
    width: 462px;
}

.floating-image-476 {
    background-image: url('../image_source/home_eventbn_cleanup.png');
    background-position: right top;
    background-size: cover;
    height: 250px;
    left: 557px;
    top: 44px;
    width: 330px;
}

.carousel {
    border-color: #DBDBDB;
    border-radius: 0px;
    border-width: 0px;
    display: none;
    height: 240px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 0px;
    width: 960px;
}

.carousel > .iux-carousel-pager {
    bottom: 42px;
    left: 7%;
    text-align: left;
    visibility: visible;
}

.carousel > .iux-carousel-pager > li:hover, .carousel > .iux-carousel-pager > li.iux-active {
    background-color: #73ABDA;
}

.carousel > .iux-carousel-prev, .carousel > .iux-carousel-next {
    display: none;
}

.carousel > .iux-carousel-pager > li {
    background-color: #DBDBDB;
    border-radius: 4px;
    margin: 4px;
    padding: 4px;
}

.carousel-item-228 {
    background-size: cover;
    height: 100%;
    position: relative;
}

.carousel-item-228 > .iux-inner-link {
    position: relative;
}

.text-232 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 38px;
    font-weight: 400;
    height: 48px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 86px;
    width: 541px;
}

.text-233 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 140px;
    width: 462px;
}

.box-239 {
    border-color: #73ABDA;
    border-radius: 20px;
    border-width: 2px;
    height: 30px;
    left: 71px;
    top: 39px;
    width: 121px;
}

.text-245 {
    border-width: 0px;
    bottom: 0px;
    color: #73ABDA;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 55%;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 100%;
}

.carousel-item-230 {
    height: 100%;
    position: relative;
}

.carousel-item-230 > .iux-inner-link {
    position: relative;
}

.text-486 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 38px;
    font-weight: 400;
    height: 48px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 86px;
    width: 541px;
}

.text-487 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 140px;
    width: 462px;
}

.box-483 {
    border-color: #73ABDA;
    border-radius: 20px;
    border-width: 2px;
    height: 30px;
    left: 71px;
    top: 39px;
    width: 121px;
}

.text-488 {
    border-width: 0px;
    bottom: 0px;
    color: #73ABDA;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 55%;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 100%;
}

.carousel-item-229 {
    height: 100%;
    position: relative;
}

.carousel-item-229 > .iux-inner-link {
    position: relative;
}

.text-483 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 38px;
    font-weight: 400;
    height: 48px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 86px;
    width: 541px;
}

.text-484 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 140px;
    width: 462px;
}

.box-482 {
    border-color: #73ABDA;
    border-radius: 20px;
    border-width: 2px;
    height: 30px;
    left: 71px;
    top: 39px;
    width: 121px;
}

.text-485 {
    border-width: 0px;
    bottom: 0px;
    color: #73ABDA;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 55%;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 100%;
}

.carousel-item-478 {
    height: 100%;
    position: relative;
}

.carousel-item-478 > .iux-inner-link {
    position: relative;
}

.text-480 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 38px;
    font-weight: 400;
    height: 48px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 86px;
    width: 541px;
}

.text-481 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 71px;
    letter-spacing: 0px;
    line-height: 1.30;
    text-align: left;
    top: 140px;
    width: 462px;
}

.box-481 {
    border-color: #73ABDA;
    border-radius: 20px;
    border-width: 2px;
    height: 30px;
    left: 71px;
    top: 39px;
    width: 121px;
}

.text-482 {
    border-width: 0px;
    bottom: 0px;
    color: #73ABDA;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 55%;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 100%;
}

.section-58 {
    background-color: #FFFFFF;
    background-position: left top;
    background-size: cover;
    height: 589px;
}

.text-213 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 48px;
    font-weight: 300;
    height: 57px;
    left: 0px;
    letter-spacing: -1px;
    line-height: 1.20;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 107px;
    width: 662px;
}

.box-215 {
    background-color: #FFFFFF;
    height: 325px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 174px;
    width: 960px;
}

.box-221 {
    border-width: 0px;
    bottom: 0px;
    height: 300px;
    left: 666px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 245px;
}

.text-219 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 23px;
    font-weight: 300;
    height: 62px;
    left: 0px;
    letter-spacing: -1px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 201px;
    width: 245px;
}

.floating-image-457 {
    background-image: url('../image_source/mata_icon_06.jpg');
    background-position: center center;
    background-size: contain;
    height: 130px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 45px;
    width: 130px;
}

.box-469 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 75px;
    left: 123px;
    top: 91px;
    width: 75px;
}

.box-222 {
    border-width: 0px;
    bottom: 0px;
    height: 300px;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 245px;
}

.text-220 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 23px;
    font-weight: 300;
    height: 63px;
    left: 0px;
    letter-spacing: -1px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 201px;
    width: 245px;
}

.floating-image-464 {
    background-image: url('../image_source/mata_icon_07.jpg');
    background-position: center center;
    background-size: contain;
    height: 130px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 45px;
    width: 130px;
}

.box-468 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 75px;
    left: 135px;
    top: 88px;
    width: 75px;
}

.box-226 {
    border-width: 0px;
    bottom: 0px;
    color: #000000;
    height: 300px;
    left: 40px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 245px;
}

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

.floating-image-222 {
    background-image: url('../image_source/mata_icon_03.jpg');
    background-position: center center;
    background-size: contain;
    height: 130px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 45px;
    width: 130px;
}

.box-467 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 75px;
    left: 119px;
    top: 95px;
    width: 75px;
}

.carousel-236 {
    display: none;
    height: 264px;
    left: 2px;
    top: 427px;
    width: 310px;
}

.carousel-236 > .iux-carousel-next {
    background-image: url('../image_source/clip_ic_mono_arRight.png');
    right: 0px;
    top: 0px;
}

.carousel-236 > .iux-carousel-pager {
    bottom: 40px;
    text-align: center;
    visibility: visible;
}

.carousel-236 > .iux-carousel-pager > li:hover, .carousel-236 > .iux-carousel-pager > li.iux-active {
    background-color: #000000;
}

.carousel-236 > .iux-carousel-prev {
    background-image: url('../image_source/clip_ic_mono_arLeft.png');
    left: 0px;
    top: 0px;
}

.carousel-236 > .iux-carousel-prev, .carousel-236 > .iux-carousel-next {
    display: inherit;
}

.carousel-236 > .iux-carousel-pager > li {
    background-color: #929292;
    border-radius: 6px;
    margin: 6px;
    padding: 6px;
}

.carousel-item-237 {
    height: 100%;
    position: relative;
}

.box-241 {
    height: 0px;
    left: 20px;
    top: 14px;
    width: 0px;
}

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

.floating-image-465 {
    background-image: url('../image_source/mata_icon_05.jpg');
    background-position: center center;
    background-size: contain;
    height: 130px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 45px;
    width: 130px;
}

.box-472 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 75px;
    left: 71px;
    top: 98px;
    width: 75px;
}

.carousel-item-238 {
    height: 100%;
    position: relative;
}

.box-247 {
    height: 178px;
    left: 39px;
    top: 28px;
    width: 133px;
}

.text-246 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 23px;
    font-weight: 300;
    height: 63px;
    left: 0px;
    letter-spacing: -1px;
    line-height: 1.30;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 236px;
    width: 245px;
}

.floating-image-466 {
    background-position: center center;
    background-size: contain;
    height: 130px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 45px;
    width: 130px;
}

.box-473 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 75px;
    left: 135px;
    top: 88px;
    width: 75px;
}

.carousel-item-239 {
    height: 100%;
    position: relative;
}

.box-249 {
    height: 292px;
    left: 4px;
    top: 8px;
    width: 287px;
}

.text-249 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 23px;
    font-weight: 300;
    height: 62px;
    left: 0px;
    letter-spacing: -1px;
    line-height: 1.20;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 236px;
    width: 245px;
}

.floating-image-467 {
    background-position: center center;
    background-size: contain;
    height: 130px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 45px;
    width: 130px;
}

.box-474 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 75px;
    left: 123px;
    top: 91px;
    width: 75px;
}

.section-62 {
    background-color: #DBDBDB;
    background-image: url('../image_source/mata_homeprice_bg.jpg');
    background-position: center center;
    background-size: cover;
    height: 889px;
    opacity: 1;
}

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

.box-420 {
    display: none;
    height: 128px;
    left: 11px;
    top: 23px;
    width: 297px;
}

.box-421 {
    height: 131px;
    left: 11px;
    top: 20px;
    width: 45px;
}

.floating-image-422 {
    background-position: center center;
    background-size: contain;
    height: 30px;
    left: 9px;
    top: 50px;
    width: 30px;
}

.text-424 {
    height: 38px;
    left: 66px;
    top: 13px;
    width: 136px;
}

.box-424 {
    height: 36px;
    left: 66px;
    top: 52px;
    width: 218px;
}

.floating-image-425 {
    background-position: center center;
    background-size: contain;
    height: 23px;
    left: 23px;
    top: 5px;
    width: 23px;
}

.text-428 {
    height: 25px;
    left: 29px;
    top: 8px;
    width: 191px;
}

.box-429 {
    height: 36px;
    left: 66px;
    top: 52px;
    width: 218px;
}

.floating-image-431 {
    background-position: center center;
    background-size: contain;
    height: 23px;
    left: 23px;
    top: 5px;
    width: 23px;
}

.text-430 {
    height: 25px;
    left: 29px;
    top: 8px;
    width: 191px;
}

.box-426 {
    height: 36px;
    left: 66px;
    top: 52px;
    width: 218px;
}

.floating-image-428 {
    background-position: center center;
    background-size: contain;
    height: 23px;
    left: 23px;
    top: 5px;
    width: 23px;
}

.text-429 {
    height: 25px;
    left: 29px;
    top: 8px;
    width: 191px;
}

.box-442 {
    display: none;
    height: 128px;
    left: 11px;
    top: 23px;
    width: 297px;
}

.box-443 {
    height: 131px;
    left: 11px;
    top: 20px;
    width: 45px;
}

.floating-image-448 {
    background-position: center center;
    background-size: contain;
    height: 30px;
    left: 9px;
    top: 50px;
    width: 30px;
}

.text-446 {
    height: 38px;
    left: 66px;
    top: 13px;
    width: 136px;
}

.box-444 {
    height: 36px;
    left: 66px;
    top: 52px;
    width: 218px;
}

.floating-image-449 {
    background-position: center center;
    background-size: contain;
    height: 23px;
    left: 23px;
    top: 5px;
    width: 23px;
}

.text-452 {
    height: 25px;
    left: 29px;
    top: 8px;
    width: 191px;
}

.box-447 {
    height: 36px;
    left: 66px;
    top: 52px;
    width: 218px;
}

.floating-image-451 {
    background-position: center center;
    background-size: contain;
    height: 23px;
    left: 23px;
    top: 5px;
    width: 23px;
}

.text-454 {
    height: 25px;
    left: 29px;
    top: 8px;
    width: 191px;
}

.box-445 {
    height: 36px;
    left: 66px;
    top: 52px;
    width: 218px;
}

.floating-image-450 {
    background-position: center center;
    background-size: contain;
    height: 23px;
    left: 23px;
    top: 5px;
    width: 23px;
}

.text-453 {
    height: 25px;
    left: 29px;
    top: 8px;
    width: 191px;
}

.box-432 {
    display: none;
    height: 128px;
    left: 11px;
    top: 23px;
    width: 297px;
}

.box-434 {
    height: 131px;
    left: 11px;
    top: 20px;
    width: 45px;
}

.floating-image-438 {
    background-position: center center;
    background-size: contain;
    height: 30px;
    left: 9px;
    top: 50px;
    width: 30px;
}

.text-433 {
    height: 38px;
    left: 66px;
    top: 13px;
    width: 136px;
}

.box-435 {
    height: 36px;
    left: 66px;
    top: 52px;
    width: 218px;
}

.floating-image-439 {
    background-position: center center;
    background-size: contain;
    height: 23px;
    left: 23px;
    top: 5px;
    width: 23px;
}

.text-442 {
    height: 25px;
    left: 29px;
    top: 8px;
    width: 191px;
}

.box-437 {
    height: 36px;
    left: 66px;
    top: 52px;
    width: 218px;
}

.floating-image-441 {
    background-position: center center;
    background-size: contain;
    height: 23px;
    left: 23px;
    top: 5px;
    width: 23px;
}

.text-444 {
    height: 25px;
    left: 29px;
    top: 8px;
    width: 191px;
}

.text-456 {
    display: none;
    height: 109px;
    left: 22px;
    top: 490px;
    width: 276px;
}

.cell-457 {
    display: none;
    height: 74px;
    left: 21px;
    text-align: center;
    top: 590px;
    width: 278px;
}

.cell-457 > a {
    line-height: 74px;
}

.cell-450 {
    background-color: rgba(255, 255, 255, 0.20);
    border-color: #FFFFFF;
    border-radius: 10px;
    border-width: 2px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 400;
    height: 70px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 700px;
    width: 380px;
}

.cell-450 > a {
    line-height: 70px;
}

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

.floating-image-429 {
    background-image: url('../image_source/mata_img_homeprice02.jpg');
    background-position: center top;
    background-size: cover;
    height: 335px;
    left: 0px;
    top: 0px;
    width: 300px;
}

.floating-image-429.iux-hover, .floating-image-429.iux-active {
    background-image: url('../image_source/mata_img_homeprice02over.jpg');
}

.box-431 {
    background-color: #FFFFFF;
    height: 165px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 335px;
    width: 300px;
}

.box-433 {
    height: 35px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 89px;
    width: 235px;
}

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

.text-436 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 25px;
    left: 26px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 67px;
}

.text-439 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 27px;
    left: 152px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 95px;
}

.box-440 {
    background-color: #FF5555;
    border-radius: 3px;
    bottom: 0px;
    height: 20px;
    left: 77px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 45px;
}

.text-443 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 11px;
    height: 16px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 43px;
}

.text-434 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 40px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 25px;
    width: 192px;
}

.box-414 {
    height: 500px;
    left: 60px;
    top: 130px;
    width: 300px;
}

.floating-image {
    background-image: url('../image_source/mata_img_homeprice01.jpg');
    background-position: center center;
    background-size: cover;
    height: 335px;
    left: 0px;
    top: 0px;
    width: 300px;
}

.floating-image.iux-hover, .floating-image.iux-active {
    background-image: url('../image_source/mata_img_homeprice03over.jpg');
}

.box-417 {
    background-color: #FFFFFF;
    height: 165px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 335px;
    width: 300px;
}

.box-381 {
    height: 35px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 72px;
    width: 235px;
}

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

.text-398 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 25px;
    left: 26px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 67px;
}

.text-400 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 27px;
    left: 152px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 95px;
}

.box-383 {
    background-color: #FF5555;
    border-radius: 3px;
    bottom: 0px;
    height: 20px;
    left: 77px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 45px;
}

.text-399 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 11px;
    height: 16px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 43px;
}

.box-384 {
    height: 35px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 109px;
    width: 235px;
}

.text-401 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 27px;
    left: 26px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 122px;
}

.text-402 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 27px;
    left: 152px;
    margin-bottom: auto;
    margin-top: auto;
    text-align: left;
    top: 0px;
    width: 95px;
}

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

.text-431 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 40px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 25px;
    width: 192px;
}

.box-415 {
    height: 500px;
    left: 723px;
    top: 130px;
    width: 300px;
}

.floating-image-442 {
    background-image: url('../image_source/mata_img_homeprice03.jpg');
    background-position: center center;
    background-size: cover;
    height: 335px;
    left: 0px;
    top: 0px;
    width: 300px;
}

.floating-image-442.iux-hover, .floating-image-442.iux-active {
    background-image: url('../image_source/mata_img_homeprice01over.jpg');
}

.box-449 {
    background-color: #FFFFFF;
    height: 165px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 335px;
    width: 300px;
}

.box-451 {
    height: 35px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 72px;
    width: 235px;
}

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

.text-450 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 25px;
    left: 26px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 67px;
}

.text-462 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 27px;
    left: 152px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 95px;
}

.box-453 {
    background-color: #FF5555;
    border-radius: 3px;
    bottom: 0px;
    height: 20px;
    left: 77px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 45px;
}

.text-463 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 11px;
    height: 16px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 43px;
}

.box-452 {
    height: 35px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 109px;
    width: 235px;
}

.text-451 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 27px;
    left: 26px;
    margin-bottom: auto;
    margin-top: auto;
    top: 0px;
    width: 122px;
}

.text-461 {
    bottom: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 27px;
    left: 152px;
    margin-bottom: auto;
    margin-top: auto;
    text-align: left;
    top: 0px;
    width: 95px;
}

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

.text-449 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 40px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 25px;
    width: 192px;
}

.section-235 {
    border-bottom-color: #F8F8F8;
    border-bottom-width: 1px;
    height: 309px;
}

.center-box-451 {
    border-bottom-color: #494949;
    border-bottom-width: 0px;
}

.box-362 {
    border-radius: 20px;
    height: 210px;
    left: 60px;
    opacity: 1;
    top: 40px;
    width: 738px;
}

.text-384 {
    color: #55ACEE;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 33px;
    font-weight: 700;
    height: 53px;
    left: 44px;
    letter-spacing: -1px;
    top: 54px;
    width: 249px;
}

.text-409 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 45px;
    letter-spacing: -1px;
    top: 29px;
    width: 283px;
}

.text-387 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 63px;
    left: 44px;
    top: 110px;
    width: 188px;
}

.box-387 {
    height: 165px;
    left: 296px;
    top: 28px;
    width: 393px;
}

.text-410 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 27px;
    left: 0px;
    top: 34px;
    width: 373px;
}

.text-411 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 27px;
    left: 0px;
    top: 59px;
    width: 373px;
}

.text-412 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 27px;
    left: 0px;
    top: 84px;
    width: 373px;
}

.text-413 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 27px;
    left: 0px;
    top: 109px;
    width: 373px;
}

.text-414 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 27px;
    left: 1px;
    top: 134px;
    width: 373px;
}

.text-386 {
    color: #242424;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 29px;
    left: 0px;
    top: 0px;
    width: 391px;
}

.box-408 {
    background-color: #729EC3;
    border-radius: 20px;
    height: 210px;
    left: 833px;
    top: 40px;
    width: 190px;
}

.box-369 {
    border-radius: 0px;
    border-width: 0px;
    height: 67px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 123px;
    width: 130px;
}

.text-388 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 49px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.30;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 116px;
}

.floating-image-411 {
    background-image: url('../image_source/mata_icon_08.png');
    background-position: center center;
    background-size: contain;
    height: 95px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 28px;
    width: 95px;
}

.section-210 {
    background-size: cover;
    height: 492px;
}

.center-box-236 {
    border-bottom-color: #DBDBDB;
    border-bottom-width: 1px;
}

.box-393 {
    background-color: #DBDBDB;
    height: 220px;
    left: 541px;
    top: 127px;
    width: 1px;
}

.box-391 {
    height: 328px;
    left: 60px;
    top: 85px;
    width: 455px;
}

.text-394 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 300;
    height: 45px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 446px;
}

.box-388 {
    border-width: 0px;
    color: #000000;
    height: 185px;
    left: 1px;
    top: 64px;
    width: 140px;
}

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

.floating-image-388 {
    background-image: url('../image_source/mata_icon_03.jpg');
    background-position: center center;
    background-size: contain;
    height: 100px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 16px;
    width: 100px;
}

.box-464 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 40px;
    left: 78px;
    top: 52px;
    width: 40px;
}

.box-398 {
    border-width: 0px;
    color: #000000;
    height: 185px;
    left: 156px;
    top: 64px;
    width: 140px;
}

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

.floating-image-400 {
    background-image: url('../image_source/mata_icon_04.jpg');
    background-position: center center;
    background-size: contain;
    height: 100px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 16px;
    width: 100px;
}

.box-401 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 40px;
    left: 21px;
    top: 71px;
    width: 40px;
}

.box-402 {
    border-width: 0px;
    color: #000000;
    height: 185px;
    left: 312px;
    top: 65px;
    width: 140px;
}

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

.floating-image-404 {
    background-image: url('../image_source/mata_icon_09.jpg');
    background-position: center center;
    background-size: contain;
    height: 90px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 18px;
    width: 90px;
}

.box-405 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 40px;
    left: 49px;
    top: 62px;
    width: 40px;
}

.text-455 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 44px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 275px;
    width: 433px;
}

.box-392 {
    height: 328px;
    left: 572px;
    top: 85px;
    width: 447px;
}

.text-406 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 300;
    height: 45px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 446px;
}

.box-407 {
    border-width: 0px;
    color: #000000;
    height: 185px;
    left: 49px;
    top: 65px;
    width: 140px;
}

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

.floating-image-409 {
    background-image: url('../image_source/mata_icon_03.jpg');
    background-position: center center;
    background-size: contain;
    height: 100px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 16px;
    width: 100px;
}

.box-410 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 40px;
    left: 78px;
    top: 52px;
    width: 40px;
}

.box-411 {
    border-width: 0px;
    color: #000000;
    height: 185px;
    left: 263px;
    top: 65px;
    width: 140px;
}

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

.floating-image-414 {
    background-image: url('../image_source/mata_icon_010.jpg');
    background-position: center center;
    background-size: contain;
    height: 100px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 16px;
    width: 100px;
}

.box-413 {
    background-color: rgba(85, 172, 238, 0.20);
    border-radius: 100px;
    height: 40px;
    left: 6px;
    top: 62px;
    width: 40px;
}

.text-457 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 44px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 275px;
    width: 433px;
}

.box-422 {
    display: none;
    height: 395px;
    left: 8px;
    top: 15px;
    width: 302px;
}

.text-421 {
    height: 63px;
    left: 7px;
    top: 4px;
    width: 288px;
}

.box-423 {
    height: 86px;
    left: 2px;
    top: 55px;
    width: 296px;
}

.text-423 {
    height: 81px;
    left: 102px;
    top: 3px;
    width: 165px;
}

.floating-image-424 {
    background-position: center center;
    background-size: contain;
    height: 63px;
    left: 5px;
    top: 7px;
    width: 63px;
}

.box-425 {
    height: 39px;
    left: 37px;
    top: 32px;
    width: 39px;
}

.box-427 {
    height: 86px;
    left: 2px;
    top: 55px;
    width: 296px;
}

.text-426 {
    height: 81px;
    left: 102px;
    top: 3px;
    width: 165px;
}

.floating-image-427 {
    background-position: center center;
    background-size: contain;
    height: 63px;
    left: 5px;
    top: 7px;
    width: 63px;
}

.box-428 {
    height: 39px;
    left: 37px;
    top: 32px;
    width: 39px;
}

.box-430 {
    height: 86px;
    left: 2px;
    top: 55px;
    width: 296px;
}

.text-432 {
    height: 81px;
    left: 102px;
    top: 3px;
    width: 165px;
}

.floating-image-432 {
    background-position: center center;
    background-size: contain;
    height: 63px;
    left: 5px;
    top: 7px;
    width: 63px;
}

.box-436 {
    height: 39px;
    left: 37px;
    top: 32px;
    width: 39px;
}

.text-458 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 44px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 275px;
    width: 433px;
}

.box-439 {
    display: none;
    height: 395px;
    left: 8px;
    top: 15px;
    width: 302px;
}

.text-435 {
    height: 63px;
    left: 7px;
    top: 4px;
    width: 288px;
}

.box-441 {
    height: 86px;
    left: 2px;
    top: 55px;
    width: 296px;
}

.text-440 {
    height: 81px;
    left: 102px;
    top: 3px;
    width: 165px;
}

.floating-image-440 {
    background-position: center center;
    background-size: contain;
    height: 63px;
    left: 5px;
    top: 7px;
    width: 63px;
}

.box-450 {
    height: 39px;
    left: 37px;
    top: 32px;
    width: 39px;
}

.box-448 {
    height: 86px;
    left: 2px;
    top: 55px;
    width: 296px;
}

.text-445 {
    height: 81px;
    left: 102px;
    top: 3px;
    width: 165px;
}

.floating-image-444 {
    background-position: center center;
    background-size: contain;
    height: 63px;
    left: 5px;
    top: 7px;
    width: 63px;
}

.box-455 {
    height: 39px;
    left: 37px;
    top: 32px;
    width: 39px;
}

.text-459 {
    color: #929292;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 44px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 275px;
    width: 433px;
}

.box-438 {
    display: none;
    height: 2px;
    left: 21px;
    top: 382px;
    width: 269px;
}

.section-342 {
    background-image: url('../image_source/mata_homeinfo_bg.jpg');
    background-position: bottom;
    background-size: cover;
    height: 561px;
}

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

.box-235 {
    border-color: rgba(255, 255, 255, 0.50);
    border-width: 1px;
    color: #242424;
    height: 380px;
    left: 576px;
    top: 95px;
    width: 440px;
}

.text-258 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 23px;
    font-weight: 700;
    height: 32px;
    left: 79px;
    top: 305px;
    width: 192px;
}

.cell-220 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 23px;
    font-weight: 700;
    height: 31px;
    left: 243px;
    letter-spacing: -0.5px;
    line-height: 31px;
    text-align: left;
    top: 305px;
    width: 151px;
}

.text-266 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 102px;
    width: 139px;
}

.text-267 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 29px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 210px;
    width: 115px;
}

.text-271 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 36px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 247px;
    width: 376px;
}

.text-276 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    left: 0px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 143px;
    width: 306px;
}

.box-246 {
    border-radius: 0px;
    border-width: 0px;
    height: 48px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 33px;
    width: 215px;
}

.text-277 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 30px;
    left: 44px;
    letter-spacing: 0px;
    line-height: 1.50;
    margin-bottom: auto;
    margin-top: auto;
    text-align: left;
    top: 0px;
    width: 83.54%;
}

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

.box-236 {
    border-color: rgba(255, 255, 255, 0.50);
    border-width: 1px;
    color: #242424;
    height: 380px;
    left: 60px;
    top: 95px;
    width: 440px;
}

.text-260 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 65px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 132px;
    width: 298px;
}

.text-417 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 37px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 95px;
    width: 298px;
}

.text-261 {
    color: #DBDBDB;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 83px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 188px;
    width: 358px;
}

.box-245 {
    border-radius: 0px;
    border-width: 0px;
    height: 48px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 33px;
    width: 246px;
}

.text-275 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 30px;
    left: 50px;
    letter-spacing: 0px;
    line-height: 1.50;
    margin-bottom: auto;
    margin-top: auto;
    text-align: left;
    top: 0px;
    width: 88.70%;
}

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

.text-418 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 37px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 277px;
    width: 298px;
}

.text-419 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 45px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 313px;
    width: 298px;
}

.section-450 {
    background-color: #F8F8F8;
    height: 1233px;
}

.box-211 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-width: 0px;
    height: 209px;
    left: 61px;
    top: 914px;
    width: 480px;
}

.text-212 {
    border-bottom-color: #B6B6B6;
    border-left-color: #DBDBDB;
    border-right-color: #DBDBDB;
    border-top-color: #DBDBDB;
    border-width: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 30px;
    font-weight: 400;
    height: 29px;
    left: 0px;
    letter-spacing: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    top: 3px;
    width: 167px;
}

.box-213 {
    border-radius: 5px;
    height: 160px;
    left: 0px;
    top: 45px;
    width: 480px;
}

.text-216 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 21px;
    left: 2px;
    letter-spacing: 0px;
    text-align: left;
    top: 126px;
    width: 480px;
}

.text-214 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 21px;
    left: 2px;
    letter-spacing: 0px;
    text-align: left;
    top: 98px;
    width: 480px;
}

.text-226 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 21px;
    left: 2px;
    letter-spacing: 0px;
    text-align: left;
    top: 70px;
    width: 480px;
}

.text-225 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 21px;
    left: 2px;
    letter-spacing: 0px;
    text-align: left;
    top: 42px;
    width: 480px;
}

.text-215 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 21px;
    left: 2px;
    letter-spacing: 0px;
    text-align: left;
    top: 14px;
    width: 480px;
}

.box-219 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-width: 0px;
    height: 209px;
    left: 597px;
    top: 914px;
    width: 422px;
}

.text-228 {
    border-bottom-color: #B6B6B6;
    border-left-color: #DBDBDB;
    border-right-color: #DBDBDB;
    border-top-color: #DBDBDB;
    border-width: 0px;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 30px;
    font-weight: 400;
    height: 29px;
    left: 20px;
    letter-spacing: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    top: 3px;
    width: 191px;
}

.box-285 {
    height: 150px;
    left: 0px;
    top: 58px;
    width: 140px;
}

.text-313 {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 28px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 113px;
    width: 116px;
}

.floating-image-286 {
    background-image: url('../image_source/facebook-black.svg');
    background-position: center center;
    background-size: contain;
    height: 90px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.70;
    right: 0px;
    top: 8px;
    width: 90px;
}

.box-284 {
    height: 150px;
    left: 140px;
    top: 58px;
    width: 140px;
}

.text-314 {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 28px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 113px;
    width: 140px;
}

.floating-image-287 {
    background-image: url('../image_source/instagram_black.svg');
    background-position: center center;
    background-size: contain;
    height: 90px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.82;
    right: 0px;
    top: 8px;
    width: 90px;
}

.box-287 {
    height: 150px;
    left: 280px;
    top: 58px;
    width: 140px;
}

.text-316 {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 28px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 113px;
    width: 140px;
}

.floating-image-289 {
    background-image: url('../image_source/matazoo_icon_blog.svg');
    background-position: center center;
    background-size: contain;
    height: 90px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.70;
    right: 0px;
    top: 8px;
    width: 90px;
}

.box-224 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-width: 0px;
    height: 250px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 576px;
    width: 960px;
}

.text-231 {
    border-bottom-color: #929292;
    border-bottom-width: 0px;
    border-left-color: #DBDBDB;
    border-left-width: 0px;
    border-right-color: #DBDBDB;
    border-top-color: #DBDBDB;
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 30px;
    font-weight: 400;
    height: 35px;
    left: 0px;
    letter-spacing: -1px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    top: 12px;
    width: 234px;
}

.carousel-352 {
    display: none;
    height: 237px;
    left: -5px;
    top: 611px;
    width: 318px;
}

.carousel-352 > .iux-carousel-next {
    background-image: url('../image_source/clip_ic_mono_arRight.png');
    right: 0px;
    top: 0px;
}

.carousel-352 > .iux-carousel-pager {
    bottom: 40px;
    text-align: center;
    visibility: visible;
}

.carousel-352 > .iux-carousel-pager > li:hover, .carousel-352 > .iux-carousel-pager > li.iux-active {
    background-color: #000000;
}

.carousel-352 > .iux-carousel-prev {
    background-image: url('../image_source/clip_ic_mono_arLeft.png');
    left: 0px;
    top: 0px;
}

.carousel-352 > .iux-carousel-prev, .carousel-352 > .iux-carousel-next {
    display: inherit;
}

.carousel-352 > .iux-carousel-pager > li {
    background-color: #929292;
    border-radius: 6px;
    margin: 6px;
    padding: 6px;
}

.carousel-item-353 {
    height: 100%;
    position: relative;
}

.box-341 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 0px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-342 {
    background-image: url('../image_source/home_blog_01.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-343 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: 77px;
    left: 2px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 270px;
}

.text-344 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 132px;
    text-align: right;
    top: 103px;
    width: 139px;
}

.box-345 {
    background-color: #00CC1D;
    height: 30px;
    left: 0px;
    top: 0px;
    width: 30px;
}

.text-346 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 23px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.carousel-item-354 {
    height: 100%;
    position: relative;
}

.box-347 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 329px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-348 {
    background-image: url('../image_source/home_blog_02.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-349 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-350 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-352 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-352 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.carousel-item-355 {
    height: 100%;
    position: relative;
}

.box-353 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 658px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-354 {
    background-image: url('../image_source/home_blog_03.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-365 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-366 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-357 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-367 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.carousel-item-356 {
    height: 100%;
    position: relative;
}

.box-342 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 0px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-343 {
    background-image: url('../image_source/home_blog_04.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-345 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-347 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-346 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-348 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.carousel-item-358 {
    height: 100%;
    position: relative;
}

.box-348 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 329px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-349 {
    background-image: url('../image_source/home_blog_05.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-351 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-368 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-354 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-369 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.carousel-item-357 {
    height: 100%;
    position: relative;
}

.box-355 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 658px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-357 {
    background-image: url('../image_source/home_blog_06.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-370 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-371 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-356 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-372 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.carousel-223 {
    border-radius: 10px;
    height: 211px;
    left: 0px;
    top: 37px;
    width: 960px;
}

.carousel-223 > .iux-carousel-pager {
    bottom: 196px;
    right: 0%;
    text-align: right;
    visibility: visible;
}

.carousel-223 > .iux-carousel-pager > li:hover, .carousel-223 > .iux-carousel-pager > li.iux-active {
    background-color: #73ABDA;
}

.carousel-223 > .iux-carousel-prev, .carousel-223 > .iux-carousel-next {
    display: none;
}

.carousel-223 > .iux-carousel-pager > li {
    background-color: #DBDBDB;
    border-radius: 5px;
    margin: 3px;
    padding: 5px;
}

.carousel-item {
    height: 100%;
    position: relative;
}

.box-234 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 0px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-230 {
    background-image: url('../image_source/home_blog_01.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-243 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: 77px;
    left: 2px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 270px;
}

.text-250 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 132px;
    text-align: right;
    top: 103px;
    width: 139px;
}

.box-243 {
    background-color: #00CC1D;
    height: 30px;
    left: 0px;
    top: 0px;
    width: 30px;
}

.text-274 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 23px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.box-237 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 329px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-231 {
    background-image: url('../image_source/home_blog_02.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-244 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-257 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-244 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-278 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.box-251 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 658px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-253 {
    background-image: url('../image_source/home_blog_03.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-283 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-286 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-259 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-307 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.carousel-item-225 {
    height: 100%;
    position: relative;
}

.box-272 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 0px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-268 {
    background-image: url('../image_source/home_blog_04.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-273 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-272 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-273 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-281 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.box-275 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 329px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-270 {
    background-image: url('../image_source/home_blog_05.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-282 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-284 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-278 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-306 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.box-279 {
    background-color: #494949;
    border-color: #F9F9F9;
    border-radius: 0px;
    border-width: 1px;
    height: 145px;
    left: 658px;
    padding: 0px;
    top: 45px;
    width: 300px;
}

.floating-image-276 {
    background-image: url('../image_source/home_blog_06.png');
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
    bottom: 0px;
    height: 145px;
    left: 0px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0.40;
    top: 0px;
    width: 300px;
}

.text-311 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 77px;
    left: 35px;
    line-height: 1.50;
    text-align: right;
    top: 28px;
    width: 237px;
}

.text-308 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 18px;
    left: 135px;
    text-align: right;
    top: 103px;
    width: 137px;
}

.box-280 {
    background-color: #00CC1D;
    height: 40px;
    left: 0px;
    top: 0px;
    width: 40px;
}

.text-312 {
    bottom: 0px;
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 21px;
    font-weight: 700;
    height: 30px;
    left: 0px;
    margin: auto;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 30px;
}

.text-315 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 48px;
    font-weight: 300;
    height: 53px;
    left: 0px;
    letter-spacing: -1px;
    line-height: 1.20;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 99px;
    width: 337px;
}

.box-217 {
    background-color: #F9F9F9;
    height: 292px;
    left: 62px;
    top: 194px;
    width: 308px;
}

.floating-image-209 {
    background-image: url('../image_source/home_media_winter.jpg');
    background-position: center center;
    background-size: cover;
    border-color: #FFFFFF;
    border-width: 4px;
    height: 220px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 0px;
    width: 300px;
}

.box-218 {
    background-color: #FFFFFF;
    height: 107px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 184px;
    width: 256px;
}

.text-234 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    left: 0px;
    letter-spacing: -0.5px;
    line-height: 1.20;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 23px;
    width: 256px;
}

.text-235 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.30;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 50px;
    width: 256px;
}

.box-209 {
    background-color: #F9F9F9;
    height: 292px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 194px;
    width: 308px;
}

.floating-image-290 {
    background-image: url('../image_source/home_media_chaechae.jpg');
    background-position: center center;
    background-size: cover;
    border-color: #FFFFFF;
    border-width: 4px;
    height: 220px;
    left: 0px;
    top: 0px;
    width: 300px;
}

.box-216 {
    background-color: #FFFFFF;
    height: 107px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 184px;
    width: 256px;
}

.text-304 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    left: 0px;
    letter-spacing: -0.5px;
    line-height: 1.20;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 23px;
    width: 256px;
}

.text-305 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.30;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 50px;
    width: 256px;
}

.box-276 {
    background-color: #F9F9F9;
    height: 292px;
    left: 712px;
    top: 194px;
    width: 308px;
}

.floating-image-278 {
    background-image: url('../image_source/home_media_gotoe.jpg');
    background-position: center center;
    background-size: cover;
    border-color: #FFFFFF;
    border-width: 4px;
    height: 220px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 0px;
    width: 300px;
}

.box-277 {
    background-color: #FFFFFF;
    height: 107px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 184px;
    width: 256px;
}

.text-309 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    left: 0px;
    letter-spacing: -0.5px;
    line-height: 1.20;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 23px;
    width: 256px;
}

.text-310 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.30;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 50px;
    width: 256px;
}

.carousel-283 {
    display: none;
    height: 390px;
    left: 11px;
    top: 127px;
    width: 301px;
}

.carousel-283 > .iux-carousel-next {
    background-image: url('../image_source/clip_ic_mono_arRight.png');
    right: 0px;
    top: 0px;
}

.carousel-283 > .iux-carousel-pager {
    bottom: 40px;
    text-align: center;
    visibility: visible;
}

.carousel-283 > .iux-carousel-pager > li:hover, .carousel-283 > .iux-carousel-pager > li.iux-active {
    background-color: #000000;
}

.carousel-283 > .iux-carousel-prev {
    background-image: url('../image_source/clip_ic_mono_arLeft.png');
    left: 0px;
    top: 0px;
}

.carousel-283 > .iux-carousel-prev, .carousel-283 > .iux-carousel-next {
    display: inherit;
}

.carousel-283 > .iux-carousel-pager > li {
    background-color: #929292;
    border-radius: 6px;
    margin: 6px;
    padding: 6px;
}

.carousel-item-284 {
    height: 100%;
    position: relative;
}

.box-293 {
    background-color: #F9F9F9;
    height: 292px;
    left: 61px;
    top: 194px;
    width: 308px;
}

.floating-image-291 {
    background-position: center center;
    background-size: cover;
    border-color: #FFFFFF;
    border-width: 4px;
    height: 220px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 0px;
    width: 300px;
}

.box-294 {
    background-color: #FFFFFF;
    height: 107px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 184px;
    width: 256px;
}

.text-294 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    left: 0px;
    letter-spacing: -0.5px;
    line-height: 1.20;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 23px;
    width: 256px;
}

.text-295 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.30;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 50px;
    width: 256px;
}

.carousel-item-285 {
    height: 100%;
    position: relative;
}

.box-295 {
    background-color: #F9F9F9;
    height: 292px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 194px;
    width: 308px;
}

.floating-image-292 {
    background-image: url('../image_source/home/home_media_02.jpg');
    background-position: center center;
    background-size: cover;
    border-color: #FFFFFF;
    border-width: 4px;
    height: 220px;
    left: 0px;
    top: 0px;
    width: 300px;
}

.box-296 {
    background-color: #FFFFFF;
    height: 107px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 184px;
    width: 256px;
}

.text-296 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    left: 0px;
    letter-spacing: -0.5px;
    line-height: 1.20;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 23px;
    width: 256px;
}

.text-297 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.30;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 50px;
    width: 256px;
}

.carousel-item-286 {
    height: 100%;
    position: relative;
}

.box-297 {
    background-color: #F9F9F9;
    height: 292px;
    left: 712px;
    top: 194px;
    width: 308px;
}

.floating-image-297 {
    background-image: url('../image_source/home/home_media_01.jpg');
    background-position: center center;
    background-size: cover;
    border-color: #FFFFFF;
    border-width: 4px;
    height: 220px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 0px;
    width: 300px;
}

.box-298 {
    background-color: #FFFFFF;
    height: 107px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 184px;
    width: 256px;
}

.text-299 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    left: 0px;
    letter-spacing: -0.5px;
    line-height: 1.20;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 23px;
    width: 256px;
}

.text-300 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.30;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 50px;
    width: 256px;
}

.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 {
    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-14 > a {
    line-height: 20px;
}

.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 {
    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-17 > a {
    line-height: 20px;
}

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

.floating-image-663 {
    background-image: url('../image_source/sharing_logo.svg');
    background-position: center center;
    background-size: contain;
    display: none;
    height: 59px;
    left: 902px;
    top: 116px;
    width: 90px;
}

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

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

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

.popup {
    background-color: #FFFFFF;
    height: 470px;
    position: fixed;
    width: 720px;
    z-index: 100;
}

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

.popup-dimcolor {
    background-color: rgba(36, 36, 36, 0.50);
    z-index: 99;
}

.webmovie {
    height: 470px;
    left: 0px;
    top: 0px;
    width: 720px;
}

.popup-361 {
    height: 188px;
    position: fixed;
    width: 288px;
    z-index: 100;
}

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

.popup-361-dimcolor {
    background-color: rgba(36, 36, 36, 0.50);
    z-index: 99;
}

.webmovie-361 {
    height: 188px;
    left: 0px;
    top: 0px;
    width: 288px;
}

.popup-446 {
    background-color: #FFFFFF;
    height: 470px;
    position: fixed;
    width: 720px;
    z-index: 100;
}

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

.popup-446-dimcolor {
    background-color: rgba(36, 36, 36, 0.50);
    z-index: 99;
}

.webmovie-449 {
    height: 470px;
    left: 0px;
    top: 0px;
    width: 720px;
}

.popup-448 {
    height: 188px;
    position: fixed;
    width: 288px;
    z-index: 100;
}

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

.popup-448-dimcolor {
    background-color: rgba(36, 36, 36, 0.50);
    z-index: 99;
}

.webmovie-450 {
    height: 188px;
    left: 0px;
    top: 0px;
    width: 288px;
}

.popup-483 {
    height: 470px;
    position: fixed;
    width: 720px;
    z-index: 100;
}

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

.popup-483-dimcolor {
    background-color: rgba(36, 36, 36, 0.50);
    z-index: 99;
}

.webmovie-485 {
    height: 470px;
    left: 0px;
    top: 0px;
    width: 720px;
}

.popup-485 {
    height: 188px;
    position: fixed;
    width: 288px;
    z-index: 100;
}

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

.popup-485-dimcolor {
    background-color: rgba(36, 36, 36, 0.50);
    z-index: 99;
}

.webmovie-486 {
    height: 188px;
    left: 0px;
    top: 0px;
    width: 288px;
}

@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/menu_white.svg');
        display: inherit;
        height: 30px;
        margin-left: 280px;
        margin-top: 20px;
        width: 30px;
    }

    .section {
        background-image: url('../image_source/mata_hometop_bg_mo.jpg');
        height: 770px;
    }

    .text-259 {
        font-size: 80px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 190px;
        width: 320px;
    }

    .text-268 {
        font-size: 40px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 139px;
        width: 320px;
    }

    .floating-image-262 {
        left: 86px;
        top: 424px;
    }

    .floating-image-263 {
        left: 85px;
        top: 488px;
    }

    .text-270 {
        height: 67px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 313px;
        width: 320px;
    }

    .box-480 {
        height: 85px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 638px;
        width: 320px;
    }

    .floating-image-472 {
        bottom: 0px;
        height: 60px;
        left: 18px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
        width: 98px;
    }

    .text-471 {
        bottom: 0px;
        color: #FFFFFF;
        font-size: 14px;
        height: 19px;
        left: 127px;
        margin-bottom: auto;
        margin-top: auto;
        text-align: left;
        top: 0px;
        width: 198px;
    }

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

    .floating-image-369 {
        bottom: 0px;
        height: 60px;
        left: 18px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
        width: 98px;
    }

    .text-389 {
        bottom: 0px;
        color: #FFFFFF;
        font-size: 14px;
        height: 19px;
        left: 127px;
        margin-bottom: auto;
        margin-top: auto;
        text-align: left;
        top: 0px;
        width: 198px;
    }

    .section-98 {
        height: 305px;
    }

    .carousel-213 {
        display: none;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 0px;
    }

    .carousel-213 > .iux-carousel-pager {
        text-align: center;
        visibility: visible;
    }

    .carousel-213 > .iux-carousel-prev, .carousel-213 > .iux-carousel-next {
        display: none;
    }

    .carousel-item-214 > .iux-inner-link {
        position: relative;
    }

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

    .carousel-item-215 > .iux-inner-link {
        position: relative;
    }

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

    .carousel-item-216 > .iux-inner-link {
        position: relative;
    }

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

    .carousel-item-472 > .iux-inner-link {
        position: relative;
    }

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

    .carousel {
        bottom: 0px;
        display: inherit;
        height: 290px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
        width: 320px;
    }

    .carousel > .iux-carousel-pager {
        left: 42%;
        text-align: left;
        visibility: visible;
    }

    .carousel > .iux-carousel-prev, .carousel > .iux-carousel-next {
        display: none;
    }

    .carousel-item-228 > .iux-inner-link {
        position: relative;
    }

    .text-232 {
        font-size: 30px;
        height: 99px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 97px;
        width: 300px;
    }

    .text-233 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 191px;
        width: 300px;
    }

    .box-239 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .carousel-item-230 > .iux-inner-link {
        position: relative;
    }

    .text-486 {
        font-size: 30px;
        height: 99px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 97px;
        width: 300px;
    }

    .text-487 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 191px;
        width: 300px;
    }

    .box-483 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .carousel-item-229 > .iux-inner-link {
        position: relative;
    }

    .text-483 {
        font-size: 30px;
        height: 99px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 97px;
        width: 300px;
    }

    .text-484 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 191px;
        width: 300px;
    }

    .box-482 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .carousel-item-478 > .iux-inner-link {
        position: relative;
    }

    .text-480 {
        font-size: 30px;
        height: 99px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 97px;
        width: 300px;
    }

    .text-481 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 191px;
        width: 300px;
    }

    .box-481 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .section-58 {
        height: 504px;
    }

    .text-213 {
        font-size: 28px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 80px;
        width: 300px;
    }

    .box-215 {
        display: none;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 783px;
    }

    .box-221 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

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

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

    .box-222 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

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

    .box-226 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

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

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

    .carousel-236 {
        display: inherit;
        height: 300px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 140px;
        width: 300px;
    }

    .carousel-236 > .iux-carousel-pager {
        text-align: center;
        visibility: visible;
    }

    .carousel-236 > .iux-carousel-pager > li:hover, .carousel-236 > .iux-carousel-pager > li.iux-active {
        background-color: #73ABDA;
    }

    .carousel-236 > .iux-carousel-prev, .carousel-236 > .iux-carousel-next {
        display: none;
    }

    .carousel-236 > .iux-carousel-pager > li {
        background-color: #DBDBDB;
        border-radius: 4px;
        margin: 4px;
        padding: 4px;
    }

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

    .text-240 {
        font-size: 20px;
        left: 0px;
        letter-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 180px;
    }

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

    .box-472 {
        left: 105px;
        top: 81px;
    }

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

    .text-246 {
        font-size: 20px;
        left: 0px;
        letter-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 180px;
    }

    .floating-image-466 {
        background-image: url('../image_source/mata_icon_07.jpg');
        height: 120px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 28px;
        width: 120px;
    }

    .box-473 {
        left: 171px;
        top: 70px;
    }

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

    .text-249 {
        font-size: 20px;
        left: 0px;
        letter-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 180px;
    }

    .floating-image-467 {
        background-image: url('../image_source/mata_icon_06.jpg');
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 28px;
    }

    .box-474 {
        left: 153px;
        top: 71px;
    }

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

    .box-420 {
        background-color: #FFFFFF;
        border-radius: 20px;
        display: inherit;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 67px;
    }

    .box-421 {
        background-color: #001445;
        left: 0px;
        top: 0px;
        width: 50px;
    }

    .floating-image-422 {
        background-image: url('../image_source/mata_icon_01.svg');
        background-size: 100% 100%;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .text-424 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 24px;
        font-weight: 700;
        left: 66px;
        top: 17px;
        width: 175px;
    }

    .box-424 {
        height: 30px;
        left: 66px;
        top: 53px;
    }

    .floating-image-425 {
        background-image: url('../image_source/mata_icon_02.svg');
        background-size: 100% 100%;
        height: 20px;
        left: 0px;
        top: 5px;
        width: 20px;
    }

    .text-428 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        left: 25px;
        top: 5px;
    }

    .box-429 {
        height: 30px;
        left: 66px;
        top: 82px;
    }

    .floating-image-431 {
        background-image: url('../image_source/mata_icon_02.svg');
        background-size: 100% 100%;
        height: 20px;
        left: 0px;
        top: 5px;
        width: 20px;
    }

    .text-430 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        left: 25px;
        top: 5px;
    }

    .box-426 {
        height: 30px;
        left: 65px;
        top: 174px;
    }

    .floating-image-428 {
        background-image: url('../image_source/mata_icon_02.svg');
        background-size: cover;
        height: 20px;
        left: 0px;
        top: 5px;
        width: 19px;
    }

    .text-429 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        left: 25px;
        top: 5px;
    }

    .box-442 {
        background-color: #FFFFFF;
        border-radius: 20px;
        display: inherit;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 370px;
    }

    .box-443 {
        background-color: #001445;
        left: 0px;
        top: 0px;
        width: 50px;
    }

    .floating-image-448 {
        background-image: url('../image_source/mata_icon_012.svg');
        background-size: 100% 100%;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .text-446 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 24px;
        font-weight: 700;
        left: 66px;
        top: 17px;
        width: 175px;
    }

    .box-444 {
        height: 30px;
        left: 66px;
        top: 53px;
    }

    .floating-image-449 {
        background-image: url('../image_source/mata_icon_02.svg');
        background-size: 100% 100%;
        height: 20px;
        left: 0px;
        top: 5px;
        width: 20px;
    }

    .text-452 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        left: 25px;
        top: 5px;
    }

    .box-447 {
        height: 30px;
        left: 66px;
        top: 82px;
    }

    .floating-image-451 {
        background-image: url('../image_source/mata_icon_02.svg');
        background-size: 100% 100%;
        height: 20px;
        left: 0px;
        top: 5px;
        width: 20px;
    }

    .text-454 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        left: 25px;
        top: 5px;
    }

    .box-445 {
        height: 30px;
        left: 65px;
        top: 174px;
    }

    .floating-image-450 {
        background-image: url('../image_source/mata_icon_02.svg');
        background-size: cover;
        height: 20px;
        left: 0px;
        top: 5px;
        width: 19px;
    }

    .text-453 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        left: 25px;
        top: 5px;
    }

    .box-432 {
        background-color: #FFFFFF;
        border-radius: 20px;
        display: inherit;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 218px;
    }

    .box-434 {
        background-color: #001445;
        left: 0px;
        top: 0px;
        width: 50px;
    }

    .floating-image-438 {
        background-image: url('../image_source/mata_icon_011.svg');
        background-size: 100% 100%;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .text-433 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 24px;
        font-weight: 700;
        left: 66px;
        top: 31px;
        width: 175px;
    }

    .box-435 {
        height: 30px;
        left: 66px;
        top: 68px;
    }

    .floating-image-439 {
        background-image: url('../image_source/mata_icon_02.svg');
        background-size: 100% 100%;
        height: 20px;
        left: 0px;
        top: 5px;
        width: 20px;
    }

    .text-442 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        left: 25px;
        top: 5px;
    }

    .box-437 {
        height: 30px;
        left: 65px;
        top: 174px;
    }

    .floating-image-441 {
        background-image: url('../image_source/mata_icon_02.svg');
        background-size: cover;
        height: 20px;
        left: 0px;
        top: 5px;
        width: 19px;
    }

    .text-444 {
        color: #242424;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 14px;
        left: 25px;
        top: 5px;
    }

    .text-456 {
        color: #FFFFFF;
        display: inherit;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 16px;
        height: 63px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 530px;
        width: 300px;
    }

    .cell-457 {
        background-color: rgba(255, 255, 255, 0.20);
        border-color: #FFFFFF;
        border-radius: 10px;
        border-style: solid;
        border-width: 2px;
        color: #FFFFFF;
        display: inherit;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 21px;
        height: 69px;
        left: 21px;
        top: 655px;
    }

    .cell-457 > a {
        line-height: 69px;
    }

    .cell-450 {
        display: none;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .box {
        display: none;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .box-431 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .box-433 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .text-436 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .text-439 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .box-440 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

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

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

    .box-414 {
        display: none;
    }

    .box-417 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .box-381 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .text-398 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .text-400 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .box-383 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

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

    .box-384 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .text-401 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .text-402 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

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

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

    .box-415 {
        display: none;
    }

    .box-449 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .box-451 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .text-450 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .text-462 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .box-453 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

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

    .box-452 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

    .text-451 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .text-461 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

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

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

    .section-235 {
        display: none;
        height: 671px;
    }

    .box-362 {
        display: none;
        height: 393px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 36px;
        width: 300px;
    }

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

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

    .text-387 {
        height: 61px;
        left: 0px;
        line-height: 1;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 82px;
        width: 300px;
    }

    .text-410 {
        font-size: 14px;
        height: 50px;
        left: 0px;
        letter-spacing: -1px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 159px;
        width: 290px;
    }

    .text-411 {
        font-size: 14px;
        height: 50px;
        left: 0px;
        letter-spacing: -1px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 159px;
        width: 290px;
    }

    .text-412 {
        font-size: 14px;
        height: 50px;
        left: 0px;
        letter-spacing: -1px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 159px;
        width: 290px;
    }

    .text-413 {
        font-size: 14px;
        height: 50px;
        left: 0px;
        letter-spacing: -1px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 159px;
        width: 290px;
    }

    .text-414 {
        font-size: 14px;
        height: 50px;
        left: 0px;
        letter-spacing: -1px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 159px;
        width: 290px;
    }

    .text-386 {
        font-size: 14px;
        height: 50px;
        left: 0px;
        letter-spacing: -1px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 159px;
        width: 290px;
    }

    .box-408 {
        display: none;
        left: 0px;
    }

    .box-369 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

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

    .section-210 {
        height: 971px;
    }

    .box-393 {
        display: none;
    }

    .box-391 {
        left: 666px;
        top: 102.1px;
    }

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

    .box-388 {
        left: 666px;
    }

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

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

    .box-398 {
        left: 666px;
    }

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

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

    .box-402 {
        left: 666px;
    }

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

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

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

    .box-392 {
        left: 666px;
    }

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

    .box-407 {
        left: 666px;
    }

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

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

    .box-411 {
        left: 666px;
    }

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

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

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

    .box-422 {
        display: inherit;
        height: 420px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 62px;
        width: 300px;
    }

    .text-421 {
        color: #494949;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 16px;
        font-weight: 400;
        height: 34px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 14px;
    }

    .box-423 {
        height: 77px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 55px;
        width: 268px;
    }

    .text-423 {
        bottom: 0px;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 21px;
        font-weight: 300;
        height: 32px;
        left: 102px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .floating-image-424 {
        background-image: url('../image_source/mata_icon_03.jpg');
        bottom: 0px;
        left: 11px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .box-425 {
        background-color: rgba(85, 172, 238, 0.20);
        border-radius: 100px;
        height: 30px;
        left: 46px;
        top: 28px;
        width: 30px;
    }

    .box-427 {
        height: 77px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 140px;
        width: 268px;
    }

    .text-426 {
        bottom: 0px;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 21px;
        font-weight: 300;
        height: 32px;
        left: 102px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .floating-image-427 {
        background-image: url('../image_source/mata_icon_04.jpg');
        bottom: 0px;
        left: 11px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .box-428 {
        background-color: rgba(85, 172, 238, 0.20);
        border-radius: 100px;
        height: 30px;
        left: 10px;
        top: 36px;
        width: 30px;
    }

    .box-430 {
        height: 77px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 226px;
        width: 268px;
    }

    .text-432 {
        bottom: 0px;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 21px;
        font-weight: 300;
        height: 32px;
        left: 102px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .floating-image-432 {
        background-image: url('../image_source/mata_icon_09.jpg');
        bottom: 0px;
        height: 57px;
        left: 17px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
        width: 57px;
    }

    .box-436 {
        background-color: rgba(85, 172, 238, 0.20);
        border-radius: 100px;
        height: 30px;
        left: 30px;
        top: 38px;
        width: 30px;
    }

    .text-458 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 346px;
        width: 300px;
    }

    .box-439 {
        display: inherit;
        height: 339px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 553px;
        width: 300px;
    }

    .text-435 {
        color: #494949;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 16px;
        font-weight: 400;
        height: 34px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 14px;
    }

    .box-441 {
        height: 77px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 55px;
        width: 268px;
    }

    .text-440 {
        bottom: 0px;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 21px;
        font-weight: 300;
        height: 32px;
        left: 102px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .floating-image-440 {
        background-image: url('../image_source/mata_icon_03.jpg');
        bottom: 0px;
        left: 4px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .box-450 {
        background-color: rgba(85, 172, 238, 0.20);
        border-radius: 100px;
        height: 30px;
        left: 43px;
        top: 28px;
        width: 30px;
    }

    .box-448 {
        height: 77px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 140px;
        width: 268px;
    }

    .text-445 {
        bottom: 0px;
        font-family: 'Nanum Barun Gothic', sans-serif;
        font-size: 21px;
        font-weight: 300;
        height: 32px;
        left: 102px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .floating-image-444 {
        background-image: url('../image_source/mata_icon_010.jpg');
        bottom: 0px;
        left: 16px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

    .box-455 {
        background-color: rgba(85, 172, 238, 0.20);
        border-radius: 100px;
        height: 30px;
        left: 6px;
        top: 34px;
        width: 30px;
    }

    .text-459 {
        height: 66px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 275px;
        width: 300px;
    }

    .box-438 {
        background-color: #DBDBDB;
        display: inherit;
        height: 1px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 502px;
        width: 250px;
    }

    .section-342 {
        background-position: left;
        height: 974px;
    }

    .box-235 {
        height: 389px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 489px;
        width: 290px;
    }

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

    .cell-220 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 322px;
    }

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

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

    .text-271 {
        height: 56px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 209px;
        width: 290px;
    }

    .text-276 {
        height: 49px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 119px;
        width: 290px;
    }

    .box-246 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 28px;
    }

    .text-277 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

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

    .box-236 {
        height: 376px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 76px;
        width: 290px;
    }

    .text-260 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        width: 290px;
    }

    .text-417 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        width: 290px;
    }

    .text-261 {
        height: 89px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        width: 290px;
    }

    .box-245 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 28px;
    }

    .text-275 {
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        top: 0px;
    }

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

    .text-418 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        width: 290px;
    }

    .text-419 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        width: 290px;
    }

    .section-450 {
        height: 1408px;
    }

    .box-211 {
        height: 210px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 871px;
        width: 300px;
    }

    .text-212 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
    }

    .box-213 {
        width: 300px;
    }

    .text-216 {
        width: 300px;
    }

    .text-214 {
        width: 300px;
    }

    .text-226 {
        width: 300px;
    }

    .text-225 {
        width: 300px;
    }

    .text-215 {
        width: 300px;
    }

    .box-219 {
        left: 10px;
        top: 1146px;
        width: 300px;
    }

    .text-228 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
    }

    .box-285 {
        height: 32px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 55px;
        width: 200px;
    }

    .text-313 {
        left: 22px;
        top: 8px;
    }

    .floating-image-286 {
        background-image: url('../image_source/facebook-black.svg');
        height: 30px;
        left: -117px;
        top: 2px;
        width: 30px;
    }

    .box-284 {
        height: 32px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 97px;
        width: 200px;
    }

    .text-314 {
        left: 34px;
        top: 8px;
    }

    .floating-image-287 {
        background-image: url('../image_source/instagram_black.svg');
        height: 30px;
        left: -117px;
        top: 2px;
        width: 30px;
    }

    .box-287 {
        height: 32px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 141px;
        width: 200px;
    }

    .text-316 {
        left: 9px;
        top: 8px;
    }

    .floating-image-289 {
        background-image: url('../image_source/matazoo_icon_blog.svg');
        height: 30px;
        left: -117px;
        top: 2px;
        width: 30px;
    }

    .box-224 {
        height: 277px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 546px;
        width: 320px;
    }

    .text-231 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: -4px;
        width: 300px;
    }

    .carousel-352 {
        display: inherit;
        height: 273px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: -16px;
        width: 320px;
    }

    .carousel-352 > .iux-carousel-pager {
        bottom: 38px;
        text-align: center;
        visibility: visible;
    }

    .carousel-352 > .iux-carousel-pager > li:hover, .carousel-352 > .iux-carousel-pager > li.iux-active {
        background-color: #73ABDA;
    }

    .carousel-352 > .iux-carousel-prev, .carousel-352 > .iux-carousel-next {
        display: none;
    }

    .carousel-352 > .iux-carousel-pager > li {
        background-color: #DBDBDB;
        border-radius: 5px;
        margin: 5px;
        padding: 5px;
    }

    .box-341 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

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

    .box-347 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

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

    .box-353 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

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

    .box-342 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

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

    .box-348 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

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

    .box-355 {
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

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

    .carousel-223 {
        display: none;
        height: 211.3px;
    }

    .carousel-223 > .iux-carousel-pager {
        text-align: center;
        visibility: visible;
    }

    .carousel-223 > .iux-carousel-prev, .carousel-223 > .iux-carousel-next {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .text-315 {
        font-size: 30px;
        font-weight: 400;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 89px;
        width: 320px;
    }

    .box-217 {
        display: none;
    }

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

    .box-218 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

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

    .box-209 {
        display: none;
        top: 194px;
    }

    .box-216 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

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

    .box-276 {
        display: none;
    }

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

    .box-277 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

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

    .carousel-283 {
        display: inherit;
        height: 356px;
        left: 11px;
        top: 108px;
        width: 300px;
    }

    .carousel-283 > .iux-carousel-pager {
        bottom: 20px;
        text-align: center;
        visibility: visible;
    }

    .carousel-283 > .iux-carousel-pager > li:hover, .carousel-283 > .iux-carousel-pager > li.iux-active {
        background-color: #73ABDA;
    }

    .carousel-283 > .iux-carousel-prev, .carousel-283 > .iux-carousel-next {
        display: none;
    }

    .carousel-283 > .iux-carousel-pager > li {
        background-color: #DBDBDB;
        border-radius: 5px;
        margin: 5px;
        padding: 5px;
    }

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

    .floating-image-291 {
        background-image: url('../image_source/home_media_winter.jpg');
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 0px;
        width: 292px;
    }

    .box-294 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .text-295 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 50px;
    }

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

    .floating-image-292 {
        background-image: url('../image_source/home_media_chaechae.jpg');
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        width: 292px;
    }

    .box-296 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .text-297 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 50px;
    }

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

    .floating-image-297 {
        background-image: url('../image_source/home_media_gotoe.jpg');
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 0px;
        width: 292px;
    }

    .box-298 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }

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

    .text-300 {
        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: 156px;
        width: 300px;
    }

    .cell-613 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        text-align: center;
        top: 205px;
        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 {
        background-color: #001344;
    }

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

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

    .popup {
        height: 540px;
        width: 720px;
    }

    .webmovie {
        height: 540px;
    }

    .popup-361 {
        height: 188px;
        width: 288px;
    }

    .popup-361 > .iux-popup-close-button {
        display: inherit;
    }

    .popup-361-dimcolor {
        background-color: rgba(36, 36, 36, 0.30);
        z-index: 99;
    }

    .webmovie-361 {
        height: 188px;
        left: 7px;
        top: 0px;
        width: 288px;
    }

    .webmovie-449 {
        height: 540px;
    }

    .webmovie-450 {
        height: 188px;
        left: 7px;
        top: 0px;
        width: 288px;
    }

    .webmovie-485 {
        height: 540px;
    }

    .webmovie-486 {
        height: 188px;
        left: 7px;
        top: 0px;
        width: 288px;
    }

}