.content_wrap {width:100%;}
.content_wrap .content {width:100%;}

.section {width:100%; overflow:hidden; }


.section1 {background:linear-gradient(141deg, #0084f8, #029efb);}
.visual {position:relative; text-align:left;}
.visual .visTxt {width:480px; position:relative; z-index:3; left:-100px; opacity:0; transition:all 0.5s;}
.visual .visTxt img {display: block;}
.visual .visTxt p {font-family: 'GmarketSansBold',sans-serif; font-size:55px; color:#fff; letter-spacing:-0.04em; line-height:65px;}
.visual .visTxt p i {font-family: 'GmarketSansBold',sans-serif; font-size:55px; color:#fff;}
.visual .visTxt p span {font-family: 'GmarketSansBold',sans-serif; font-size:55px; color:#fff; position:relative; z-index:1;}
.visual .visTxt p span::before {content:""; background-color:#0068ba; width:calc(100% + 28px); height:30px; position:absolute; bottom:6px; left:-14px; z-index:-1; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;}
.visual .visTxt p:nth-child(2) {margin-top:55px;}
.visual .visTxt p:nth-child(3) {margin-bottom:20px;}
.visual .visTxt img.visIcon {position:absolute; top:222px; left:342px;}
.visual .visTxt a.btn {display: block; width:475px; border:2px solid #fff; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; position:relative; margin-top:40px; cursor: pointer; background:url("../img/index/btnIcon.png")no-repeat right 10px center; overflow: hidden;}
.visual .visTxt a.btn span {float:left; font-family: 'GmarketSansMedium',sans-serif; font-size:25px; color:#fff; line-height:65px; padding-left:25px; padding-top:5px;}
.visual .visTxt a.btn img {float:left; margin-top:27px; margin-left:14px; transition:all 0.3s;}
.visual .visTxt a.btn:hover img {margin-left:24px;}
.visual img.visImg {position:absolute; top:0; left:388px; opacity:0; z-index:2; transition:all 0.5s;}
.visual img.visBgIcon {position:absolute; top:-90px; right:-90px; z-index:1; opacity:0; transition:all 0.5s;}

.on .visual .visTxt {left:0; opacity:1;}
.on img.visImg {left:288px; opacity:1;}
.on img.visBgIcon {opacity:1;}


.info .title {width:100%;}
.info .title p {font-family: 'GmarketSansMedium',sans-serif; font-size:45px; color:#162f4e; letter-spacing:-0.04em; line-height:55px; position:relative; top:-80px; opacity:0; transition:all 0.5s;}
.info .title p span {font-family: 'GmarketSansBold',sans-serif; font-size:45px; color:#162f4e;}
.info .title p span font {font-family: 'GmarketSansBold',sans-serif; font-size:45px; color:#329dfe;}
.info .content {width:100%; overflow: hidden; margin-top:100px;}
.info .content .icBox {width:50%; float:left; position:relative; transition:all 0.5s;}
.info .content .icBox:nth-child(1) {left:-80px; opacity:0;}
.info .content .icBox:nth-child(2) {right:-80px; opacity:0;}
.info .content .icBox img {display: block; margin: auto;}
.info .content .icBox p {font-family: 'GmarketSansMedium',sans-serif; font-size:30px; color:#162f4e; letter-spacing:-0.04em; line-height:40px; margin-top:50px;}
.info .content .icBox p span {font-family: 'GmarketSansBold',sans-serif; font-size:30px;}
.info .content .icBox font {display: block; font-family: 'GmarketSansMedium',sans-serif; font-size:18px; color:#494e66; line-height:28px; margin-top:22px;}
.info .content .icBox font b {font-weight:400; font-family: 'GmarketSansMedium',sans-serif; font-size:18px; color:#329dfe;}

.on .info .title p {top:0; opacity:1;}
.on .info .content .icBox:nth-child(1) {left:0; opacity:1;}
.on .info .content .icBox:nth-child(2) {right:0; opacity:1;}


.section3 {background-color:#78a41c;}
.partner .title {width:100%; position:relative; top:-80px; opacity:0; transition:all 0.5s;}
.partner .title p {font-family: 'GmarketSansMedium',sans-serif; font-size:45px; color:#fff; letter-spacing:-0.04em; line-height:55px;}
.partner .title p span {font-family: 'GmarketSansBold',sans-serif; font-size:45px; color:#fff;}
.partner .title font {display: block; font-family: 'GmarketSansMedium',sans-serif; font-size:18px; color:#fff; letter-spacing:-0.04em; line-height:28px; margin-top:20px;}
.partner .content {width:100%; height:400px; position:relative; margin-top:90px; top:80px; opacity:0; transition:all 0.5s;}
.partner .content div {position:absolute; width:384px; height:120px; -ms-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; box-shadow:5px -5px 10px rgba(240,243,255,0.1);}
.partner .content div.img01 {left:0; top:0; background:url("../img/index/partner01.jpg")no-repeat #fff;}
.partner .content div.img02 {left:0; top:140px; background:url("../img/index/partner02.jpg")no-repeat #fff;}
.partner .content div.img03 {left:0; top:280px; background:url("../img/index/partner03.jpg")no-repeat #fff;}
.partner .content div.img04 {left:404px; top:0; background:url("../img/index/partner04.jpg")no-repeat #fff; height:260px;}
.partner .content div.img05 {left:404px; bottom:0; background:url("../img/index/partner05.jpg")no-repeat #fff; width:182px;}
.partner .content div.img06 {left:606px; bottom:0; background:url("../img/index/partner06.jpg")no-repeat #fff; width:182px;}
.partner .content div.img07 {right:0; top:0; background:url("../img/index/partner07.jpg")no-repeat #fff;}
.partner .content div.img08 {right:0; bottom:0; background:url("../img/index/partner08.jpg")no-repeat #fff; height:260px;}

.on .partner .title {top:0; opacity:1;}
.on .partner .content {top:0; opacity:1;}


.event {position:relative; text-align:left;}
.event img.bg {position:absolute; top:50%; left:295px; transform: translateY(-50%);}
.event p {font-family: 'GmarketSansMedium',sans-serif; font-size:45px; color:#572705!important; letter-spacing:-0.04em; line-height:60px; position:relative; left:-80px; opacity:0; transition:all 0.5s;}
.event p span {font-family: 'GmarketSansBold',sans-serif; font-size:45px; color:#572705;}
.event p i {font-family: 'GmarketSansBold',sans-serif; font-size:45px; color:#572705;}
.event font {display: block; font-family: 'GmarketSansMedium',sans-serif; font-size:18px; color:#572705; letter-spacing:-0.04em; line-height:28px; margin-top:30px; position:relative; left:-80px; opacity:0; transition:all 0.5s;}
.event img.img {position:absolute; top:-122px; right:-120px; opacity:0; transition:all 0.5s;}

.on .event p,
.on .event font {left:0; opacity:1;}
.on .event img.img {right:-40px; opacity:1;}


.section5 {background-color:#ef5f84;}
.benefit .title {width:100%; position:relative; top:-80px; opacity:0; transition:all 0.5s;}
.benefit .title p {font-family: 'GmarketSansBold',sans-serif; font-size:45px; color:#fff; letter-spacing:-0.04em; line-height:55px;}
.benefit .title font {display: block; font-family: 'GmarketSansMedium',sans-serif; font-size:18px; color:#fff; letter-spacing:-0.04em; line-height:28px; margin-top:20px;}
.benefit .content {width:100%; height:400px; position:relative; margin-top:90px;}
.benefit .content div {width:366px; height:400px; float:left; top:80px; opacity:0; transition:all 0.5s; -ms-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; position:relative;}
.benefit .content div.bcBox01 {background:url("../img/index/benefit01.jpg")no-repeat #fff; margin-right:51px;}
.benefit .content div.bcBox02 {background:url("../img/index/benefit02.jpg")no-repeat #fff; margin-right:51px;}
.benefit .content div.bcBox03 {background:url("../img/index/benefit03.jpg")no-repeat #fff;}

.on .benefit .title {top:0; opacity:1;}
.on .benefit .content div.bcBox01 {top:0; opacity:1;}
.on .benefit .content div.bcBox02 {top:0; opacity:1; transition-delay:0.2s;}
.on .benefit .content div.bcBox03 {top:0; opacity:1; transition-delay:0.4s;}


.section6 {background-color:#2a98e7;}
.card {position:relative; text-align:left;}
.card img.bg {position:absolute; top:50%; right:-295px; transform: translateY(-50%);}
.card p {font-family: 'GmarketSansMedium',sans-serif; font-size:45px; color:#fff!important; letter-spacing:-0.04em; line-height:60px; position:relative; left:-80px; opacity:0; transition:all 0.5s;}
.card p span {font-family: 'GmarketSansBold',sans-serif; font-size:45px; color:#fff;}
.card font {display: block; font-family: 'GmarketSansMedium',sans-serif; font-size:18px; color:#fff; letter-spacing:-0.04em; line-height:28px; margin-top:40px; position:relative; left:-80px; opacity:0; transition:all 0.5s;}
.card font b {font-family: 'GmarketSansMedium',sans-serif; font-size:18px; color:#fff82f;}

.card img.img {position:absolute; top:-60px; right:-104px; opacity:0; transition:all 0.5s;}

.on .card p,
.on .card font {left:0; opacity:1;}
.on .card img.img {right:-24px; opacity:1;}


.section7 {background:url("../img/index/bg03.jpg")no-repeat center #e0e8fa;}
.bluepay {position:relative; text-align:left;}
.bluepay p {font-family: 'GmarketSansMedium',sans-serif; font-size:45px; color:#162f4e!important; letter-spacing:-0.04em; line-height:60px; position:relative; left:-80px; opacity:0; transition:all 0.5s;}
.bluepay p span {font-family: 'GmarketSansBold',sans-serif; font-size:45px; color:#162f4e;}
.bluepay p i {font-family: 'GmarketSansMedium',sans-serif; font-size:45px; color:#162f4e;}
.bluepay font {display: block; font-family: 'GmarketSansMedium',sans-serif; font-size:18px; color:#162f4e; letter-spacing:-0.04em; line-height:28px; margin-top:40px; position:relative; left:-80px; opacity:0; transition:all 0.5s;}
.bluepay b {display: block; font-family: 'GmarketSansMedium',sans-serif; font-size:15px; color:#406fc5; letter-spacing:-0.04em; line-height:20px; margin-top:20px; position:relative; left:-80px; opacity:0; transition:all 0.5s;}
.bluepay img.img {position:absolute; left:190px; top:50%; margin-top:-388px; opacity:0; transition:all 0.5s;}

.on .bluepay p,
.on .bluepay font,
.on .bluepay b {left:0; opacity:1;}
.on .bluepay img.img {opacity:1; margin-top:-468px;}