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

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

.header {
    background-color: #FFFFFF;
    border-bottom-width: 1px;
    border-color: #EBEBEB;
    color: #333333;
    float: none;
    height: 70px;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section {
    background-attachment: fixed;
    background-image: url('../image_source/contents_center_bg.jpg');
    background-position: center center;
    background-size: cover;
    height: 720px;
}

.box {
    height: 400px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 23.06%;
    width: 600px;
}

.text-16 {
    color: #FFFFFF;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 300;
    height: 50px;
    left: 0px;
    letter-spacing: -1px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 70%;
    width: 100%;
}

.floating-image-56 {
    background-image: url('../image_source/contents_center_title.png');
    background-position: center center;
    background-size: contain;
    height: 70%;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 0%;
    width: 100%;
}

.floating-image-42 {
    background-image: url('../image_source/arrow_down.svg');
    background-position: center center;
    background-size: contain;
    height: 25px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 81.53%;
    width: 50px;
}

.section-12 {
    height: 5254px;
}

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

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

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

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

.carousel {
    height: 500px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 383px;
    width: 900px;
}

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

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

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

.floating-image-23 {
    background-image: url('../image_source/contents_center_01.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

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

.floating-image-24 {
    background-image: url('../image_source/contents_center_02.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

.text-24 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 191px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.80;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 986px;
    width: 900px;
}

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

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

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

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

.carousel-26 {
    height: 592px;
    left: 61px;
    top: 1293px;
    width: 423px;
}

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

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

.floating-image-29 {
    background-image: url('../image_source/contents_center_04.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

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

.floating-image-30 {
    background-image: url('../image_source/contents_center_05.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

.text-31 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 30px;
    font-weight: 300;
    height: 40px;
    left: 538px;
    letter-spacing: -2px;
    line-height: 1.50;
    text-align: center;
    top: 1342px;
    width: 450px;
}

.text-32 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 82px;
    left: 538px;
    letter-spacing: 0px;
    line-height: 1.80;
    text-align: center;
    top: 1405px;
    width: 450px;
}

.floating-image-34 {
    background-image: url('../image_source/center_logo.jpg');
    background-position: center center;
    background-size: cover;
    height: 120px;
    left: 539px;
    top: 1540px;
    width: 450px;
}

.text-34 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 166px;
    left: 532px;
    letter-spacing: 0px;
    line-height: 1.80;
    text-align: center;
    top: 1684px;
    width: 463px;
}

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

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

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

.carousel-35 {
    height: 500px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 2132px;
    width: 900px;
}

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

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

.floating-image-39 {
    background-image: url('../image_source/contents_center_15.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

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

.floating-image-38 {
    background-image: url('../image_source/contents_center_11.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

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

.floating-image {
    background-image: url('../image_source/contents_center_12.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

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

.text-41 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 157px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.80;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 2743px;
    width: 900px;
}

.carousel-42 {
    height: 500px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 3050px;
    width: 900px;
}

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

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

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

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

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

.floating-image-45 {
    background-image: url('../image_source/contents_center_07.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

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

.floating-image-46 {
    background-image: url('../image_source/contents_center_08.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

.text-47 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 164px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.80;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 3654px;
    width: 900px;
}

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

.carousel-49 {
    height: 500px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 3927px;
    width: 900px;
}

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

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

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

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

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

.floating-image-53 {
    background-image: url('../image_source/contents_center_10.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

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

.floating-image-52 {
    background-image: url('../image_source/contents_center_13.jpg');
    background-position: center center;
    background-size: cover;
    bottom: 0px;
    height: 100%;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 100%;
}

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

.text-55 {
    color: #6D6D6D;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 123px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.80;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 4530px;
    width: 900px;
}

.box-103 {
    background-color: #DBDBDB;
    height: 2px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    top: 4853px;
    width: 30px;
}

.text-101 {
    color: #494949;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 24px;
    font-weight: 300;
    height: 226px;
    left: 0px;
    letter-spacing: 0px;
    line-height: 1.50;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    text-align: center;
    top: 4887px;
    width: 900px;
}

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

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

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

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

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

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

.center-box-63 {
    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: 32px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: left;
    top: 151px;
    width: 326px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .floating-image-97 {
        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;
    }

    .box {
        height: 398px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 25%;
        width: 320px;
    }

    .text-16 {
        font-size: 21px;
        height: 74px;
        left: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 61.68%;
    }

    .floating-image-56 {
        height: 50%;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 0%;
        width: 100%;
    }

    .floating-image-42 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 85%;
    }

    .section-12 {
        height: 4849px;
    }

    .text-43 {
        height: 88px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 90px;
        width: 320px;
    }

    .text-44 {
        font-size: 14px;
        height: 168px;
        left: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 203px;
        width: 300px;
    }

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

    .carousel {
        height: 320px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 410px;
        width: 320px;
    }

    .carousel > .iux-carousel-pager > li {
        margin: 5px;
    }

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

    .floating-image-23 {
        background-position: left;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

    .floating-image-24 {
        background-position: right;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

    .text-24 {
        font-size: 14px;
        height: 247px;
        left: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 826px;
        width: 300px;
    }

    .text-25 {
        font-size: 28px;
        height: 51px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 770px;
        width: 300px;
    }

    .carousel-26 {
        height: 320px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 1183px;
        width: 320px;
    }

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

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

    .floating-image-29 {
        background-position: center;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
        width: 100%;
    }

    .floating-image-30 {
        background-position: center;
        background-size: cover;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

    .text-32 {
        font-size: 14px;
        height: 50px;
        left: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 1579px;
        width: 320px;
    }

    .floating-image-34 {
        height: 98px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 1660px;
        width: 261px;
    }

    .text-34 {
        font-size: 14px;
        height: 235px;
        left: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 1783px;
        width: 300px;
    }

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

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

    .carousel-35 {
        height: 320px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 2188px;
        width: 320px;
    }

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

    .floating-image-38 {
        background-position: center;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

    .floating-image {
        background-position: center;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

    .text-41 {
        font-size: 14px;
        height: 227px;
        left: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 2645px;
        width: 300px;
    }

    .carousel-42 {
        height: 320px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 2965px;
        width: 320px;
    }

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

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

    .floating-image-45 {
        background-position: center;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

    .floating-image-46 {
        background-image: url('../image_source/contents_center_08.jpg');
        background-position: center;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

    .text-47 {
        font-size: 14px;
        height: 204px;
        left: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 3390px;
        width: 320px;
    }

    .text-48 {
        height: 87px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 3325px;
        width: 320px;
    }

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

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

    .carousel-49 {
        height: 320px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 3684px;
        width: 320px;
    }

    .floating-image-53 {
        background-position: right;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

    .floating-image-52 {
        background-position: center;
        background-size: cover;
        bottom: 0px;
        left: 0px;
        margin: auto;
        right: 0px;
        top: 0px;
    }

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

    .text-55 {
        font-size: 14px;
        height: 243px;
        left: 0px;
        line-height: 1.50;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 4124px;
        width: 300px;
    }

    .box-103 {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 4455px;
    }

    .text-101 {
        font-size: 20px;
        height: 269px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 4486px;
        width: 300px;
    }

    .floating-image-35 {
        left: 164px;
        top: 169px;
    }

    .floating-image-36 {
        left: 15px;
        top: 169px;
    }

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

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

    .footer {
        height: 426px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .panel {
        background-color: #001344;
    }

    .panel-dimcolor {
        background-color: rgba(109, 109, 109, 0.50);
    }

    .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: 54.39%;
        width: 70%;
    }

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

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

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

    .box-263 {
        height: 65px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
        top: 40.99%;
        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;
    }

}