@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('../font/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KCC-eunyoung';
    src: url('../font/KCC-eunyoung-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('../font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../font/montserrat-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../font/montserrat-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/montserrat-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/montserrat-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../font/montserrat-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/montserrat-v13-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../font/montserrat-v13-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../font/montserrat-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/montserrat-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/montserrat-v13-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../font/montserrat-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/montserrat-v13-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../font/montserrat-v13-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('../font/montserrat-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/montserrat-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/montserrat-v13-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../font/montserrat-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/montserrat-v13-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('../font/montserrat-v13-latin-900.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Black'), local('Montserrat-Black'),
    url('../font/montserrat-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/montserrat-v13-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/montserrat-v13-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../font/montserrat-v13-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/montserrat-v13-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}


#container{position:relative;}


#content{}
#content .visual-wrap{height:650px;background-image:url(../images/main/visual_bak.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
#content .visual-wrap .visual-con{position:relative;width:100%;max-width:1400px;height: 100%;margin:0 auto;}
#content .visual-wrap .visual-con:after{content:"";display:block;clear:both;}
#content .visual-wrap .visual-con .visual-txt{position:relative;z-index:99;float:left;padding-top:175px;}
#content .visual-wrap .visual-con .visual-txt .caption{display:block;margin-bottom:20px;font-size:1.438rem;color:#fff;font-family: 'NEXON Lv1 Gothic OTF';}
#content .visual-wrap .visual-con .visual-txt .tit{display:block;margin-bottom:20px;color:#fff;font-size:5.313rem;font-family: 'KCC-eunyoung';}
#content .visual-wrap .visual-con .visual-txt p{margin-bottom:40px;color:#fff;font-size:1.063rem;line-height:1.7;}
#content .visual-wrap .visual-con .visual-txt .down-link{display:inline-block;padding:15px 75px;border-radius:40px;font-size:1rem;color:#fff;background-color:#1667c3;}
#content .visual-wrap .visual-con .visual-img{position:absolute;top:50%;right:0;width:54%;transform:translateY(-50%);}
#content .visual-wrap .visual-con .visual-img img{display:block;}
#content .visual-wrap .visual-con .visual-img .con-item{}
#content .visual-wrap .visual-con .visual-img .con-fix{position:absolute;left:0;top:0;}

@media screen and (min-width: 1025px) {
    #content .visual-wrap .visual-con .visual-img .con-item{opacity:0;transition:0.3s;}
    #content .visual-wrap.active .visual-con .visual-img .con-item{opacity:1;}
    #content .visual-wrap .visual-con .visual-img .con-fix{opacity: 0;transition: 0.5s;}
    #content .visual-wrap .visual-con .visual-img .con-fix.con-2{transform: translateY(-50px)}
    #content .visual-wrap .visual-con .visual-img .con-fix.con-3{}
    #content .visual-wrap .visual-con .visual-img .con-fix.con-4{transform: translateX(50px)}
    #content .visual-wrap.active .visual-con .visual-img .con-fix.con-2{opacity: 1;transform: translateZ(0);transition-delay:0.3s;}
    #content .visual-wrap.active .visual-con .visual-img .con-fix.con-3{opacity: 1;transition-delay:0.7s;}
    #content .visual-wrap.active .visual-con .visual-img .con-fix.con-4{opacity: 1;transform: translateZ(0);transition-delay:1s;}
}

@media screen and (max-width: 1400px) {
    #content .visual-wrap .visual-con{padding:0 20px;}
}
@media screen and (max-width: 1024px) {
    #content .visual-wrap{height:550px;}
    #content .visual-wrap .visual-con .visual-txt{padding:85px 0 0 0;}
    #content .visual-wrap .visual-con .visual-img{top:auto;bottom:50px;width:70%;transform:translateY(0); }
}
@media screen and (max-width: 600px) {
    #content .visual-wrap .visual-con .visual-txt .tit{font-size:4.5rem;}
}


#content .con-tit-01{display:block;line-height:1.3;color:#111111;font-size:2.25rem; font-family: 'GmarketSansMedium';}

@media screen and (max-width:600px) {
    #content .con-tit-01{font-size:1.875rem;}
}

#content .section-01{padding:100px 0;text-align: center;}
#content .section-01 .con-tit-01{margin-bottom:20px;}
#content .section-01 .tit-1{display:block;margin-bottom:10px;line-height:1.4;color:#1667c3;font-size: 1.875rem;font-weight:500;}
#content .section-01 .txt-1{margin-bottom:30px;line-height:1.4;color:#666666;font-size: 1.063rem;}
#content .section-01 .list{}
#content .section-01 .list:after{content:"";display:block;clear: both;}
#content .section-01 .list .list-item{float:left;width:33.33%;padding:0 50px;}
#content .section-01 .list .list-item .img-con{}
#content .section-01 .list .list-item p{margin-top:40px;color:#111111;font-weight:500;font-size:1.25rem;line-height:1.4;}

#content .section-01 .pagination-wrap{position: absolute;left:0;bottom:15px;width:100%;z-index: 99;}
#content .section-01 .pagination-wrap .pagination-con{position:relative;width:100%;text-align: center;}
#content .section-01 .pagination-wrap .swiper-pagination{display:inline-block;transform: translateX(-50%);}
#content .section-01 .pagination-wrap .swiper-pagination .swiper-pagination-bullet{display:inline-block;position:relative;width:7px;height:7px;margin-right:10px;border-radius:50%;opacity: 1;background-color: #c0c4c9;}
#content .section-01 .pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#248ced;}
#content .section-01 .pagination-wrap .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;}


#content .section-01 ._mo{display:none;}

@media screen and (min-width: 1025px) {
    #content .section-01 .con-tit-01,
    #content .section-01 .tit-1,
    #content .section-01 .txt-1{opacity:0;transition:0.5s;transform: translateY(-50px);}
    #content .section-01.active .con-tit-01,
    #content .section-01.active .tit-1,
    #content .section-01.active .txt-1{opacity:1;transform: translateZ(0);}


    #content .section-01 ._pc .list .list-item{opacity:0;transition:0.5s;}
    #content .section-01 ._pc .list .list-item:nth-child(1){transform: translateY(-70px);}
    #content .section-01 ._pc .list .list-item:nth-child(2){transform: translateY(70px);}
    #content .section-01 ._pc .list .list-item:nth-child(3){transform: translateY(-70px);}

    #content .section-01.active ._pc .list .list-item:nth-child(1){opacity:1;transform: translateZ(0);transition-delay:0.3s;}
    #content .section-01.active ._pc .list .list-item:nth-child(2){opacity:1;transform: translateZ(0);transition-delay:0.5s;}
    #content .section-01.active ._pc .list .list-item:nth-child(3){opacity:1;transform: translateZ(0);transition-delay:0.7s;}

}

@media screen and (max-width: 1400px) {
    #content .section-01 .list > li{padding:0 25px;}
}

@media screen and (max-width: 1200px) {
    #content .section-01{padding:50px 0;}
    #content .section-01 .list .list-item{padding:0 15px;}
    #content .section-01 .list .list-item p{margin-top:20px;}
}

@media screen and (max-width: 600px) {
    #content .section-01 .tit-1{font-size:1.5625rem;}
    #content .section-01 ._pc{display:none;}
    #content .section-01 ._mo{display:block;}

    #content .section-01 .list .list-item{padding:0 15px 50px;}
}

#content .section-02{padding:90px 0;}
#content .section-02 .con-h{float:left;width: 26%;padding-top: 65px;}
#content .section-02 .con-h .con-tit-01{margin-bottom:20px;}
#content .section-02 .con-h p{line-height:1.4;color:#666666;font-size:1.063rem;}
#content .section-02 .con-box{overflow: hidden;}
#content .section-02 .con-box .list{margin:0 -11px;}
#content .section-02 .con-box .list:after{content:"";display:block;clear: both;}
#content .section-02 .con-box .list .list-item{float:left;width:33.33%;padding:0 11px;}
#content .section-02 .con-box .list .list-item .img-con{}
#content .section-02 .con-box .list .list-item .img-con img{display:block;max-width: initial;width:100%;}
#content .section-02 .con-box .list .list-item .txt-con{height:200px;padding:30px 30px 0;background-color:#f6f7f8;}
#content .section-02 .con-box .list .list-item .txt-con .tit{display:block;margin-bottom:15px;color:#1667c3;font-size: 1.25rem;font-weight:500;}
#content .section-02 .con-box .list .list-item .txt-con p{font-size:1rem;color:#666666;line-height:1.5;}
#content .section-02 .con-box ._mo{display:none;}


#content .section-02 .con-box .slide-controls{display:none;}
#content .section-02 .con-box .slide-controls .slide-btn{display:inline-block;position:absolute;top:-100px;width:50px;height:50px;background-image:url(../images/main/slide_cnt_btn_2.jpg);background-repeat:no-repeat;cursor: pointer;transform: translateY(-50%);}
#content .section-02 .con-box .slide-controls .slide-btn.slide-prev{right:55px;}
#content .section-02 .con-box .slide-controls .slide-btn.slide-next{right:0;background-position:-56px 0px;}



@media screen and (min-width: 1025px) {
    #content .section-02 .con-h{opacity:0;transition:0.5s;transform: translateX(-50px);}
    #content .section-02.active .con-h{opacity:1;transform: translateZ(0);}


    #content .section-02 ._pc .list .list-item{opacity:0;transition:0.5s;}
    #content .section-02 ._pc .list .list-item:nth-child(1){transform: translateY(-70px);}
    #content .section-02 ._pc .list .list-item:nth-child(2){transform: translateY(70px);}
    #content .section-02 ._pc .list .list-item:nth-child(3){transform: translateY(-70px);}

    #content .section-02.active ._pc .list .list-item:nth-child(1){opacity:1;transform: translateZ(0);transition-delay:0.3s;}
    #content .section-02.active ._pc .list .list-item:nth-child(2){opacity:1;transform: translateZ(0);transition-delay:0.3s;}
    #content .section-02.active ._pc .list .list-item:nth-child(3){opacity:1;transform: translateZ(0);transition-delay:0.3s;}

}



@media screen and (max-width: 1200px) {
    #content .section-02{padding:50px 0;}

    #content .section-02 .con-h{float:none;width:100%;margin-bottom:35px;padding-top:0;text-align: center;}
    #content .section-02 .con-h .con-tit-01{margin-bottom:10px;}

    #content .section-02 .con-h .con-tit-01 br{display:none;}
    #content .section-02 .con-h p{}
    #content .section-02 .con-h p br{display:none;}
}

@media screen and (max-width: 1024px) {
    #content .section-02 .con-box .list .list-item .txt-con{padding:20px 15px 0;}
}
@media screen and (max-width: 700px) {

    #content .section-02 .con-area{position:relative;}
    #content .section-02 .con-box{overflow: initial;}
    #content .section-02 .con-box ._pc{display:none;}
    #content .section-02 .con-box ._mo{display:block;}


    #content .section-02 .con-box .list{margin:0 -5px;}
    #content .section-02 .con-box .list .list-item{width:240px;padding:0 5px;}
}

#content .section-03{padding:90px 0;background-color: #f8f8f8;}
#content .section-03 .con-tit-01{margin-bottom:30px;text-align: center;}
#content .section-03 .tab-tit-box{margin-bottom:50px;text-align: center;}
#content .section-03 .tab-tit-box .tab-tit-list{display: inline-block;width:100%;max-width:900px;}
#content .section-03 .tab-tit-box .tab-tit-list > li{float:left;width:33.33%;}
#content .section-03 .tab-tit-box .tab-tit-list > li > a{display:block;padding:12px 0;background-color:#eceff3;}
#content .section-03 .tab-tit-box .tab-tit-list > li:first-child > a{border-radius:30px 0 0 30px;}
#content .section-03 .tab-tit-box .tab-tit-list > li:nth-child(2) > a{border-left:1px solid #d6dbe1;border-right:1px solid #d6dbe1;}
#content .section-03 .tab-tit-box .tab-tit-list > li:last-child > a{border-radius:0 30px 30px 0;}
#content .section-03 .tab-tit-box .tab-tit-list > li > a:hover,
#content .section-03 .tab-tit-box .tab-tit-list > li > a.active{color:#fff;background-color:#2979d4;}

#content .section-03 .tab-content{}
#content .section-03 .tab-content .tab-con{overflow:hidden;visibility: hidden;position:relative;height:0;}
#content .section-03 .tab-content .tab-con.active{overflow:initial;visibility:visible;height:auto;}
#content .section-03 .tab-content .tab-con .slide-box{position:relative;}
#content .section-03 .tab-content .tab-con .slide-box .item-list{margin:0 -6px;}
#content .section-03 .tab-content .tab-con .slide-box .item-list .list{float:left;width:20%;padding:0 6px;}
#content .section-03 .tab-content .tab-con .slide-box .item-list .list .list-con{padding:55px 15px 0;height:320px;text-align: center;background-color:#fff;}
#content .section-03 .tab-content .tab-con .slide-box .item-list .list .list-con .step{display:block;font-size:1rem;color:#2979d4;font-weight:bold;font-family: 'Montserrat';}
#content .section-03 .tab-content .tab-con .slide-box .item-list .list .list-con .img-con{margin:20px 0;}
#content .section-03 .tab-content .tab-con .slide-box .item-list .list .list-con  strong{display:block;margin-bottom:10px;font-size: 1.25rem;color:#111111;font-weight:500;}
#content .section-03 .tab-content .tab-con .slide-box .item-list .list .list-con p{line-height:1.4;color:#999999;font-size:1rem;}

#content .section-03 .tab-content .tab-con .slide-box .slide-controls{}
#content .section-03 .tab-content .tab-con .slide-box .slide-controls .slide-btn{display:inline-block;position:absolute;top:50%;width:50px;height:50px;background-image:url(../images/main/slide_cnt_btn.jpg);background-repeat:no-repeat;cursor: pointer;transform: translateY(-50%);}
#content .section-03 .tab-content .tab-con .slide-box .slide-controls .slide-btn.slide-prev{left:-80px;}
#content .section-03 .tab-content .tab-con .slide-box .slide-controls .slide-btn.slide-next{right:-80px;background-position:-51px 0px;}


@media screen and (min-width: 1025px) {
    #content .section-03 .con-tit-01,
    #content .section-03 .tab-tit-box{opacity:0;transition:0.5s;transform: translateY(-50px);}
    #content .section-03.active .con-tit-01,
    #content .section-03.active .tab-tit-box{opacity:1;transform: translateZ(0);}


    #content .section-03 .tab-content{opacity:0;transition:0.5s;transform: translateY(-50px);}
    #content .section-03.active .tab-content{opacity:1;transform: translateZ(0);transition-delay:0.3s;}
}



@media screen and (max-width: 1200px) {
    #content .section-03{padding:50px 0;}
}

@media screen and (max-width: 1024px) {
    #content .section-03 .con-tit-01{margin-bottom:20px;text-align: center;}
    #content .section-03 .tab-tit-box{margin-bottom:20px;}
    #content .section-03 .tab-tit-box .tab-tit-list{max-width: 100%;}
    #content .section-03 .tab-content .tab-con .slide-box .item-list .list{width:220px;}
    #content .section-03 .tab-content .tab-con .slide-box .slide-controls{display:none;}
}
#content .section-04{padding:75px 0;}
#content .section-04 .con-h{float:left;width: 20%;}
#content .section-04 .con-h .con-tit-01{margin-bottom:20px;}
#content .section-04 .con-h p{line-height:1.4;color:#666666;font-size:1.063rem;}
#content .section-04 .con-box{overflow: hidden;}
#content .section-04 .con-box .list{margin:0 -17px;}
#content .section-04 .con-box .list:after{content:"";display:block;clear: both;}
#content .section-04 .con-box .list > li{float:left;width:50%;padding:0 17px;}
#content .section-04 .con-box .list > li > .item-box{height:270px;padding:30px 20px 0 50px;border:1px solid #eaeaea;}
#content .section-04 .con-box .list > li > .item-box:after{content:"";display:block;clear: both;}
#content .section-04 .con-box .list > li > .item-box .img-con{float:left;width:110px;}
#content .section-04 .con-box .list > li > .item-box .txt-con{overflow: hidden;}
#content .section-04 .con-box .list > li > .item-box .txt-con .tit-1{display:block;margin-bottom:10px;font-size:1.188rem;color:#000000;font-weight:500;}
#content .section-04 .con-box .list > li:nth-child(2) > .item-box .txt-con .tit-1{margin-bottom:20px;}
#content .section-04 .con-box .list > li > .item-box .txt-con .tit-2{display:block;margin-bottom:5px;font-size:1rem;color:#777777;font-weight:500;}
#content .section-04 .con-box .list > li > .item-box .txt-con .txt-1{line-height:1.5;color:#999999;font-size:1rem;}
#content .section-04 .con-box .list > li > .item-box .txt-con .txt-1.bms{margin-bottom:20px;}



@media screen and (min-width: 1025px) {
    #content .section-04 .con-h{opacity:0;transition:0.5s;transform: translateX(-50px);}
    #content .section-04.active .con-h{opacity:1;transform: translateZ(0);}


    #content .section-04 .con-box .list > li{opacity:0;transition:0.5s;}
    #content .section-04 .con-box .list > li:nth-child(1){transform: translateY(-70px);}
    #content .section-04 .con-box .list > li:nth-child(2){transform: translateY(70px);}

    #content .section-04.active .con-box .list > li:nth-child(1){opacity:1;transform: translateZ(0);transition-delay:0.3s;}
    #content .section-04.active .con-box .list > li:nth-child(2){opacity:1;transform: translateZ(0);transition-delay:0.3s;}


}


@media screen and (max-width: 1200px) {
    #content .section-04{padding:50px 0;}

    #content .section-04 .con-h{float:none;width:100%;margin-bottom:35px;padding-top:0;}
    #content .section-04 .con-h .con-tit-01{text-align: center;}

    #content .section-04 .con-h .con-tit-01 br{display:none;}
    #content .section-04 .con-h p{text-align: center;}
    #content .section-04 .con-h p br{display:none;}
}

@media screen and (max-width: 800px) {
    #content .section-04 .con-box .list{margin:0;}
    #content .section-04 .con-box .list > li{float:none;width:100%;margin-bottom:30px;padding:0 0;}
    #content .section-04 .con-box .list > li:last-child{margin-bottom:0;}

    #content .section-04 .con-box .list > li > .item-box{padding:25px 20px 20px 20px;}

}

@media screen and (max-width: 600px) {
    #content .section-04 .con-box .list > li > .item-box{height:auto;}
}
#content .banner-wrap{position:relative;padding:80px 0;background-color:#ddf5fd;}
#content .banner-wrap .con-area{position: relative;}
#content .banner-wrap .text-con{float:left;}
#content .banner-wrap .text-con .caption{display:block;margin-bottom:10px;color:#5f8aa2;font-size:1.375rem;font-family: 'NEXON Lv1 Gothic OTF';}
#content .banner-wrap .text-con .tit{display:block;margin-bottom:15px;color:#19426d;font-size:4.5rem;font-family: 'KCC-eunyoung';}
#content .banner-wrap .text-con p{margin-bottom:30px;font-size:1rem;color:#111111;font-weight:500;line-height:1.3;}
#content .banner-wrap .text-con ul{display: inline-block;margin:0 -6px;}
#content .banner-wrap .text-con ul > li{float:left;padding:0 6px;}

#content .banner-wrap .text-con ul > li > a{display:block;width:230px;padding:15px 0;border-radius:30px;text-align:center;font-size:1rem;color:#fff;font-weight:500;background-color:#0595e4;}
#content .banner-wrap .text-con ul > li > a.app{background-color:#005aba;}

#content  .banner-wrap  .banner-img{position:absolute;top:50%;right:50px;width:36%;transform:translateY(-50%);}
#content  .banner-wrap  .banner-img img{display:block;}
#content  .banner-wrap  .banner-img .con-item{position:relative;}
#content  .banner-wrap  .banner-img .con-fix{position:absolute;top:0;left:0;}

@media screen and (min-width: 1025px) {
    #content  .banner-wrap  .banner-img .con-fix{opacity:0;transition:1.3s;transform:translateX(100%);}
    #content  .banner-wrap.active  .banner-img .con-fix{opacity:1;transform:translateZ(0);}
}

@media screen and (max-width: 1200px) {
    #content .banner-wrap{padding:50px 0;}
}
@media screen and (max-width: 1024px) {
    #content .banner-wrap{text-align: center;}
    #content .banner-wrap .text-con{float:none;}
    #content  .banner-wrap  .banner-img{position:static;width:100%;margin-bottom:30px;transform: translateY(0);}

}


@media screen and (max-width: 600px) {
    #content .banner-wrap .text-con .tit{font-size:3.5rem;}
    #content .banner-wrap .text-con ul{width:100%;}
    #content .banner-wrap .text-con ul > li{width:50%;}
    #content .banner-wrap .text-con ul > li > a{width:100%;}
}