@charset "UTF-8";

.banner-popup {
    position: fixed;
    top: 20%;
    right: 153px;
    z-index: 100;
}

.cont-wrap .cont .inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.cont-wrap .cont .inner2 {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.cont-wrap .cont .btn {
    display: block;
    width: 378px;
    height: 112px;
    line-height: 105px;
    text-align: center;
    background-color: #fdbf4c;
    border-radius: 100px;
    margin: 0 auto;
    transition: 0.4s;
    box-shadow: 1px 1px 0px #333;
}

.cont-wrap .cont .btn span {
    position: relative;
    padding-right: 20px;
}

.cont-wrap .cont .btn span::before {
    content: '';
    width: 60px;
    height: 98px;
    background: url(../images/ico_btn.png) no-repeat 0 5px;
    position: absolute;
    top: -26px;
    right: -53px;
}

.cont-wrap .cont .btn:hover {
    background-color: #fff;
}

.cont-wrap .cont .btn2 {
    width: 347px;
    color: #000;
    margin: 75px auto 0;
}

.cont-wrap .cont .normal-text {
    font-size: 30px;
    text-align: center;
    line-height: 48px;
}

.cont-wrap .cont .normal-text.is-left {
    text-align: left;
}

.cont-wrap .cont .normal-text .text-bg {
    color: #000;
    padding: 0 10px;
}

.cont-wrap .cont .normal-text .text-bg.yellow {
    background-color: #f7cf2d;
}

.cont-wrap .cont .normal-text .text-bg.green {
    background-color: #236343;
    color: #fff;
    padding: 0;
}

.cont-wrap .cont .normal-text.color2 {
    color: #635548;
}

.is-center {
    text-align: center;
}

.is-right {
    text-align: right !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.white {
    color: #fff;
}

.is-block {
    display: inline-block;
}

.star {
    vertical-align: middle;
}

.cont-wrap {}

.cont-wrap .cont {
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.cont-wrap .cont-area1 {
    /*height: 1085px; height: 971px;*/
}

.cont-wrap .cont-area2 {
    background-image: url(../images/bg2.jpg);
    height: 2014px;
}

.cont-wrap .cont-area3 {
    background-image: url(../images/bg3.jpg);
    height: 1832px;
}

.cont-wrap .cont-area4 {
    background-image: url(../images/bg4.jpg);
    height: 2034px;
}

.cont-wrap .cont-area5 {
    background-image: url(../images/bg5.jpg);
    height: 1249px;
}

.cont-wrap .cont-area6 {
    background-image: url(../images/bg6.jpg);
    height: 1129px;
}

.cont-wrap .cont-area7 {
    background-image: url(../images/bg8.jpg);
    height: 1230px;
}

.cont-wrap .cont-area8 {
    background-image: url(../images/bg9.jpg);
    height: 1065px;
}

.cont-wrap .cont-area9 {
    background-image: url(../images/bg10.jpg);
    height: 1043px;
}

.cont-wrap .cont-area10 {
    background-image: url(../images/bg11.jpg);
    height: 1499px;
}

.cont-wrap .cont-area11 {
    background-image: url(../images/bg12.jpg);
    height: 1272px;
}

.cont-wrap .cont-area12 {
    background-image: url(../images/bg13.jpg);
    height: 1797px;
}

.cont-wrap .cont-area13 {
    background-image: url(../images/bg14.jpg);
    height: 1180px;
}

.cont-wrap .cont-area14 {
    background-image: url(../images/bg15_v2.jpg);
    height: 1055px;
}

.cont-wrap .cont-area15 {
    background-color: #b9ac99;
}

.cont-wrap .cont-area16 {}

.cont-wrap .cont-area1::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cont-wrap .cont-area1 .type {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 486px;
    height: 62px;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 2px 3px 0 0px rgb(0 0 0 / 30%);
    z-index: 310;
}

.cont-wrap .cont-area1 .type span {
    display: inline-block;
    font-size: 24px;
    height: 100%;
    line-height: 62px;
    padding-left: 27px;
}

.cont-wrap .cont-area1 .type span:first-child {
    background-color: #f7cf2d;
    color: #fff;
    width: 305px;
    border-radius: 30px 0 0 30px;
}

.cont-wrap .cont-area1 .type span:last-child {
    width: 171px;
}

.cont-wrap .cont-area1 .motion-text {
    width: 386px;
    margin: 332px auto 0;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    transition: 1.2s all;
    opacity: 0;
    z-index: 99;
}

.cont-wrap .cont-area1 .motion-text.active {
    top: 0;
    opacity: 1;
}

.cont-wrap .cont-area1 .btn {
    margin: 200px auto 0;
    position: absolute;
    bottom: 150px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}

.cont-wrap .cont-area1 .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.cont-wrap .cont-area1 .video iframe{
    transform: scale(1.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}

.cont-wrap .cont-area1 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cont-wrap .cont-area2 {
    padding: 110px 0 30px;
}

.cont-wrap .cont-area2 .normal-text {
    color: #a7ae88;
    font-size: 30px;
    line-height: 48px;
}

.cont-wrap .cont-area2 .img-box {
    width: 1781px;
    margin: 0 auto;
}

.cont-wrap .cont-area2 .video {
    width: 1101px;
    height: 630px;
    background: url(../images/video_bg.png) no-repeat 0 0;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    padding: 20px 0px 25px 25px;
    text-align: center;
}

.cont-wrap .cont-area2 .video iframe {
    margin-top: 20px;
}

.cont-wrap .cont-area3 {
    padding: 439px 0 0;
}

.cont-wrap .cont-area3 .inner {
    margin: 0 auto 0 430px;
}

.cont-wrap .cont-area3 .normal-text {
    margin-left: 0;
}

.cont-wrap .cont-area3 .normal-text .text-bg {
    padding: 0 20px 0 3px;
    color: #fff;
}

.cont-wrap .cont-area3 .normal-text .text-bg:nth-child(4) {
    background: url(../images/text_bg2.png) no-repeat 0 center;
}

.cont-wrap .cont-area3 .normal-text .text-bg:last-child {
    background: url(../images/text_bg.png) no-repeat 0 center;
}

.cont-wrap .cont-area3 .text-img {
    margin: 90px 0 0 60px;
}

.cont-wrap .cont-area3 div {
    color: #635548;
}

.cont-wrap .cont-area4 {
    padding: 120px 0 0;
}

.cont-wrap .cont-area4 .normal-text:nth-child(1),
.cont-wrap .cont-area4 .normal-text:nth-child(2) {
    margin-left: 743px;
}

.cont-wrap .cont-area4 .text-img {
    margin: 480px 0 0 0;
}

.cont-wrap .cont-area5 .normal-text {
    color: #7a7066;
    margin: 255px 0 0 140px;
}

.cont-wrap .cont-area5 .normal-text:nth-child(2) {
    color: #cdc8b6;
    margin: 543px 0 0 760px;
}

.cont-wrap .cont-area6 .normal-text {
    color: #c3c0b6;
}

.cont-wrap .cont-area6 .normal-text span {
    color: #f5f2e9;
}

.cont-wrap .cont-area6 .normal-text:nth-child(1) {
    margin-top: 253px;
}

.cont-wrap .cont-area6 .btn {
    margin-top: 200px;
}

.cont-wrap .cont-area7 .motion-text {
    color: #fff;
    font-size: 36px;
    line-height: 48px;
}

.cont-wrap .cont-area7 .motion-text:nth-child(1) {
    margin: 400px 0 0 150px;
}

.cont-wrap .cont-area7 .motion-text:nth-child(2) {
    margin: 240px 100px 0 0;
}

.cont-wrap .cont-area8 {
    padding: 150px 0 0 0;
}

.cont-wrap .cont-area8 .normal-text:nth-child(2) {
    margin-top: 470px;
}

.cont-wrap .cont-area9 {
    padding: 284px 0 0 0;
}

.cont-wrap .cont-area9 .normal-text {
    color: #ead8b9;
    margin: 0 20px 0 0;
}

.cont-wrap .cont-area9 .btn {
    margin: 145px 0 0 0;
}

.cont-wrap .cont-area10 {
    padding: 230px 0 0 0;
}

.cont-wrap .cont-area10 .normal-text:nth-child(2),
.cont-wrap .cont-area11 .normal-text:nth-child(2) {
    color: #777777;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.cont-wrap .cont-area10 .normal-text .etc {
    margin: 0 0 0 20px;
    display: block;
}

.cont-wrap .cont-area10 .normal-text:nth-child(3) {
    margin: 205px 0 0 0;
}

.cont-wrap .cont-area10 .point {
    color: #4a4848;
    font-size: 18px;
    text-align: center;
    margin-top: 70px;
}

.cont-wrap .cont-area10 .title,
.cont-wrap .cont-area11 .title {
    font-size: 48px;
    color: #41684c;
    font-weight: bold;
    line-height: 50px;
}

.cont-wrap .cont-area11 {
    padding: 214px 0 0 0;
}

.cont-wrap .cont-area11 .title {
    color: #000;
}

.cont-wrap .cont-area12 {
    padding: 170px 0 0 0;
}

.cont-wrap .cont-area12 .inner {
    max-width: 1355px;
}

.cont-wrap .cont-area12 .title {
    font-size: 36px;
    color: #38505e;
    font-weight: 600;
    line-height: 45px;
}

.cont-wrap .cont-area12 .normal-text {
    color: #7b6452;
}

.cont-wrap .cont-area12 .slide-wrap {
    background-color: #fff;
    border-radius: 50px;
    padding: 100px 110px 75px;
    margin-top: 110px;
}

.cont-wrap .cont-area12 .slide-wrap ul {
    overflow: hidden;
    position: relative;
}

.cont-wrap .cont-area12 .slide-wrap ul li {
    width: 370px;
    float: left;
    margin-left: 5px;
}

.cont-wrap .cont-area12 .slide-wrap ul li:nth-child(1) {
    margin-left: 0;
}

.cont-wrap .cont-area12 .slide-wrap ul li:nth-child(4) {
    margin: 390px 0 0 0;
}

.cont-wrap .cont-area12 .slide-wrap ul li:nth-child(5),
.cont-wrap .cont-area12 .slide-wrap ul li:nth-child(6) {
    margin: 390px 0 0 5px;
}

.cont-wrap .cont-area12 .slide-wrap ul li .txt {
    width: 100%;
    position: absolute;
    top: 370px;
    left: 40px;
    opacity: 0;
    transition: 0.7s;
}

.cont-wrap .cont-area12 .slide-wrap ul li .txt dl dt {
    font-size: 40px;
    font-weight: bold;
    color: #32627e;
}

.cont-wrap .cont-area12 .slide-wrap ul li .txt dl dd {
    font-size: 30px;
    line-height: 48px;
    margin-top: 10px;
    letter-spacing: -1px;
    color: #8d8c8c;
}

.cont-wrap .cont-area12 .slide-wrap ul li.active .txt {
    opacity: 1;
}

.cont-wrap .cont-area12 .slide-wrap ul li img:nth-child(2) {
    display: none;
}

.cont-wrap .cont-area12 .slide-wrap ul li.active img {
    display: none;
}

.cont-wrap .cont-area12 .slide-wrap ul li.active img:nth-child(2) {
    display: inline;
    transition: 2s;
}

.cont-wrap .cont-area12 .normal-text {
    font-weight: 500;
    margin-top: 25px;
    line-height: 40px;
}

.cont-wrap .cont-area13 {
    padding-top: 400px;
}

.cont-wrap .cont-area13 .inner {
    position: relative;
}

.cont-wrap .cont-area13 .slide-tb {
    height: 165px;
    margin: 0 360px 40px 170px;
    overflow: hidden;
    width: 520px;
}

.cont-wrap .cont-area13 .slide-tb ul {}

.cont-wrap .cont-area13 .slide-tb ul li {
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    color: #fff;
    line-height: 118px;
    text-shadow: 2px 2px 0px #333;
}

.cont-wrap .cont-area13 .text-img {
    position: absolute;
    top: -30px;
    right: 278px;
}

.cont-wrap .cont-area13 .btn2 {
    margin: 40px auto 0;
    background-color: #f2bc20;
}

.cont-wrap .cont-area13 .info-txt {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.75);
    margin: 80px auto;
    line-height: 38px;
    width: 410px;
}

.cont-wrap .cont-area13 .normal-text {
    color: #fff;
    font-weight: 500;
    text-shadow: 2px 2px 1px #555;
    margin-top: 120px;
}

.cont-wrap .cont-area14 {
    padding: 200px 0 0 0;
}

.cont-wrap .cont-area14 .normal-text {
    font-weight: bold;
    font-size: 42px;
    line-height: 54px;
}

.cont-wrap .cont-area14 .normal-text .color-yellow {
    color: #f2bc20;
    border-bottom: 1px solid #f2bc20;
}

.cont-wrap .cont-area14 .kakao-info {
    margin: 80px 0 0 103px;
}

.cont-wrap .cont-area14 .kakao-info li {
    font-size: 30px;
    font-weight: 500;
    color: #606060;
}

.cont-wrap .cont-area14 .kakao-info li strong {
    color: #fff;
    display: inline-block;
    width: 112px;
    height: 61px;
    line-height: 61px;
    background-color: #f2bc20;
    font-weight: normal;
    text-align: center;
    border-radius: 10px;
    margin-right: 15px;
}

.cont-wrap .cont-area14 .kakao-info li .color-red {
    color: #b31912
}

.cont-wrap .cont-area14 .kakao-info li+li {
    margin-top: 13px;
}

.cont-wrap .cont-area14 .kakao-info2 {
    margin: 115px 0 0 103px;
}

.cont-wrap .cont-area14 .kakao-info2 li {
    font-size: 22px;
    color: #898787;
    line-height: 40px;
}

.cont-wrap .cont-area14 .kakao-info2 li .br {
    display: block;
    margin-left: 15px;
}

.cont-wrap .cont-area15 {
    padding: 182px 0 267px 0;
}

.cont-wrap .cont-area15 .normal-text {
    font-size: 28px;
    color: #797979;
    line-height: 44px;
    color: #3b3b3a;
    margin-top: -40px;
}

.cont-wrap .cont-area15 .normal-text strong {
    font-size: 30px;
    font-weight: normal;
}

.cont-wrap .cont-area15 .title2 {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    width: 903px;
    height: 100px;
    line-height: 100px;
    background-color: #43597e;
    border-radius: 100px;
    margin: 60px auto;
}

.cont-wrap .cont-area15 .campaign {
    padding-top: 80px;
    overflow: hidden;
    background: none;
}

.cont-wrap .cont-area15 .campaign>li {
    width: 352px;
    height: 536px;
    float: left;
    border-radius: 35px;
    position: relative;
}

.cont-wrap .cont-area15 .campaign>li+li {
    margin-left: 32px;
}

.cont-wrap .cont-area15 .campaign>li .num {
    width: 130px;
    height: 130px;
    line-height: 120px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Montserrat';
}

.cont-wrap .cont-area15 .campaign>li:nth-child(1) {
    background-color: #fdc312;
    border: 10px solid #fff;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(2) {
    background-color: #608ba4;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(3) {
    background-color: #377888;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(1) .num {
    border: 6px solid #fdc312;
    color: #fdc312;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(2) .num {
    border: 6px solid #608ba4;
    color: #608ba4;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(3) .num {
    border: 6px solid #377888;
    color: #377888;
}

.cont-wrap .cont-area15 .campaign>li dl {
    text-align: center;
    margin-top: 80px;
}

.cont-wrap .cont-area15 .campaign>li dl dt {
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    padding-top: 135px;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(1) dl dt {
    background: url(../images/ico_cam1.png) no-repeat center 0;
    color: #000;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(2) dl dt {
    background: url(../images/ico_cam2.png) no-repeat center 13px;
    color: #d6ebd9;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(3) dl dt {
    background: url(../images/ico_cam3.png) no-repeat center 15px;
    color: #a7beb2;
}

.cont-wrap .cont-area15 .campaign>li dl dt span {
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    display: inline-block;
}

.cont-wrap .cont-area15 .campaign>li dl dd {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
    margin-top: 10px;
    line-height: 34px;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(1) dl dt span {
    border-color: #000;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(1) dl dd {
    color: #000;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(1) ul {
    margin: 30px 0 0 40px;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(2) ul {
    margin: 30px 0 0 70px;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(3) ul {
    margin: 30px 0 0 60px;
}

.cont-wrap .cont-area15 .campaign>li ul li {
    font-size: 22px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 30px;
    font-weight: 500;
    padding-left: 27px;
    background: url(../images/ico_dot_2.png) no-repeat 0 5px;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(1) ul li {
    background: url(../images/ico_dot_1.png) no-repeat 0 5px;
}

.cont-wrap .cont-area15 .campaign>li:nth-child(3) ul li {
    background: url(../images/ico_dot_3.png) no-repeat 0 5px;
}

/* smooth */
.js-smooth {
    opacity: 0;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: opacity 1500ms ease, -webkit-transform 1500ms ease;
    transition: opacity 1500ms ease, transform 1500ms ease;
}

.js-smooth-end {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media (max-width: 1781px) {
    .cont-wrap .cont-area2 .img-box {
        width: 100%;
    }
}

@media (max-width: 1500px) {
    .cont-wrap .cont-area3 .inner {
        margin: 0 auto 0 10%;
    }
}

@media (max-width: 1355px) {
    .cont-wrap .cont-area12 .inner {
        max-width: 100%;
    }

    .cont-wrap .cont-area12 .slide-wrap ul li {
        width: calc(33.333% - 5px);
    }
}

.campaign:after {display:none;}