@charset "utf-8";
@import url(../font/Pretendard.css);

body {min-width:70em; font-size:20px; font-family:'Pretendard','Malgun Gothic', '맑은 고딕', Helvetica, Arial, sans-serif; color:#222; letter-spacing:-0.3px;}
body.stop_scrolling {overflow:hidden;}
@media all and (max-width:1024px) {body {min-width:320px !important;}}

#headerWrap,
#footerWrap {font-weight:500;}

html.size-sm body {font-size:18px;}
html.size-md body {font-size:20px;}
html.size-lg body {font-size:22px;}
@media all and (max-width:1024px) {body {font-size:18px !important;}}
@media all and (max-width:780px) {body {font-size:16px !important;}}
@media all and (max-width:640px) {body {font-size:15px !important;}}
@media all and (max-width:480px) {body {font-size:14px !important;}}


.inner {width:1400px; max-width:100%; margin-left:auto; margin-right:auto;}
.titleWrap {margin-bottom:8em; text-align:center;  word-break:keep-all;}
.titleWrap .main {font-size:2.9em; font-weight:700; line-height:1.3;}
.titleWrap .sub {margin-top:.77em; font-size:1.3em; color:#666;}
[class^="section"] {padding:7.5em 0;}

.topWrap {background:linear-gradient(to top, #DEECFF, rgba(255,236,255,0));}
.headWrap {padding:1.85em 0;}

.section1 {min-height:44em; padding:10.5em 0 0; text-align:center; position:relative; overflow:hidden;}
.section1:before {content:''; width:104.35em; height:30em; background:linear-gradient(to top, #DEECFF 0, rgba(255,236,255,0) 50%); border-radius:50%; position:absolute; bottom:0; left:50%; margin-left:-52.175em; z-index:-1;}
.section1 .visTop {margin-bottom:.77em; font-size:1.4em; color:rgba(0,0,0,.7); position:relative; z-index:2; word-break:keep-all;}
.section1 .visTop span {display:inline-block; padding:.25em .77em; font-weight:700; color:#3D7EE9; background:#E7EFFD; border-radius:.38em; vertical-align:middle;}
.section1 .visTitle {font-size:3.7em; font-weight:800; position:relative; z-index:2; word-break:keep-all;}
.section1 .visTitle span {background:linear-gradient(to right, #3D7EE9, #2AC4C9); background-clip:text; -webkit-background-clip:text; color:transparent; }
.section1 .visBtn {display:block; width:16.07em; padding:1.08em 2.21em; margin:0 auto; font-size:1.4em; font-weight:700; color:#fff; text-align:left; background:url(../img/btn_go.svg) no-repeat right 2.21em top 50%, linear-gradient(#3D7EE9, #2AC4C9); border-radius:3em; box-shadow:inset -.07em -.03em .07em rgba(255,255,255,.35); box-shadow:inset .03em .14em .14em rgba(255,255,255,.3); transition:.3s ease; position:fixed; bottom:2em; left:50%; margin-left:-8.035em; z-index:2;}
.section1 .visBtn:hover {background-position:right 1.8em top 50%;}
.section1 .obj1 {width:13.5em; height:18.5em; background:url(../img/vis_obj1.png) no-repeat 100% 50%; background-size:contain; position:absolute; right:0;
    animation-duration:1s; animation-name:money1; animation-iteration-count:infinite; animation-direction: alternate;
}
.section1 .obj2 {width:14em; height:17.5em; background:url(../img/vis_obj2.png) no-repeat 0 50%; background-size:contain; position:absolute; left:0;
    animation-duration:1s; animation-name:money2; animation-iteration-count:infinite; animation-direction: alternate; animation-delay:-.3s;
}
@keyframes money1 {
    from {top:-2.5em;}
    to {top:-.5em;}
}
@keyframes money2 {
    from {top:14.3em;}
    to {top:16.3em;}
}

.listJiwon {margin:0 -1em 6em;}
.listJiwon li {width:33.3333%; padding:0 1em; float:left;}
.listJiwon .box {min-height:19em; padding:3em; background:no-repeat right 2.2em bottom 1.4em; background-color:#fff; border-radius:1.5em; box-shadow:.5em .5em 2em rgba(6,132,236,.15);}
.listJiwon li:nth-child(1) .box {background-image:url(../img/ico_jiwon1.svg);}
.listJiwon li:nth-child(2) .box {background-image:url(../img/ico_jiwon2.svg);}
.listJiwon li:nth-child(3) .box {background-image:url(../img/ico_jiwon3.svg);}
.listJiwon .tit {font-size:2.1em; font-weight:800; color:#3D7EE9;}
.listJiwon .txt {margin-top:.3em; font-size:1.3em; font-weight:700; color:#444;}
.resultBox {padding:2.33em; background:#3D7EE9; border-radius:1.5em; position:relative;}
.resultBox:before {content:''; display:block; width:3em; height:3em; background:url(../img/ico_jiwon_arr.svg) no-repeat 50% 50%; background-size:contain; position:absolute; /*top:-4.5em;*/ left:50%; margin-left:-1.5em;
    animation-duration:.4s; animation-name:arrow; animation-iteration-count:infinite; animation-direction: alternate;
}
@keyframes arrow {
    from {top:-4.8em;}
    to {top:-4.5em;}
}
.resultBox p {font-size:1.7em; font-weight:700; color:#fff; text-align:center; word-break:keep-all;}
.resultBox p span {display:inline-block; padding:.4em 1.2em; margin:0 .25em; font-size:.94em; background:#13C8CE; border-radius:3em; box-shadow:inset .12em .12em .12em rgba(255,255,255,.3); vertical-align:middle;}

.listCase {margin:-1em;}
.listCase li {width:50%; padding:1em; float:left;}
.listCase .box {padding:3.18em 2em 3.18em 11.3em; background:#F0F6FF; border-radius:1.5em; position:relative;}
.listCase .box:before {content:''; width:6em; height:6em; background:no-repeat 50% 50%; background-color:#fff; border-radius:50%; position:absolute; top:50%; margin-top:-3em; left:2.5em;}
.listCase li:nth-child(1) .box:before {background-image:url(../img/ico_case1.svg);}
.listCase li:nth-child(2) .box:before {background-image:url(../img/ico_case2.svg);}
.listCase li:nth-child(3) .box:before {background-image:url(../img/ico_case3.svg);}
.listCase li:nth-child(4) .box:before {background-image:url(../img/ico_case4.svg);}
.listCase p {font-size:1.4em; font-weight:700; color:#666;}
.listCase span {color:#3D7EE9;}

.section4 {color:#fff; background:linear-gradient(to left top, #6099F7, #3D7EE9); overflow:hidden;}
.flowWrap {position:relative;}
.listFlow {display:flex; justify-content:space-between;}
.listFlow li {width:12.5em; text-align:center;}
.listFlow li:before {content:''; display:block; width:4em; height:4em; margin:0 auto 2em; background:rgba(255,2552,255,.1) url(../img/ico_refund.svg) no-repeat 50% 50%; border:3px solid #82ADF2; border-radius: 1em;}
.listFlow li:last-child:after {display:none;}
.listFlow .tit {font-size:1.6em; font-weight:700;}
.listFlow .sub {margin-top:1em; opacity:.8;}
.arrFlow {width:100%; padding:1.25em 10.75em 0; display:flex; justify-content:space-between; position:absolute; top:0; left:0;}
.arrFlow .objArr {width:10.5em; height:1.5em; background:url(../img/arr_refund.svg) no-repeat 50% 50%; background-size:contain;}
.arrFlow .objArr:last-child {display:none;}

.listReason {margin:-.85em -1em; display:flex; flex-wrap:wrap;}
.listReason li {width:41.7%; padding:.85em 1em;}
.listReason .wide {width:58.3%;}
.listReason .box {padding:3em 2.8em; min-height:12.5em; background:#F4F6F9; border-radius:1.5em; position:relative;}
.listReason span {display:block; margin-bottom:1.09em; font-size:1.1em; font-weight:600;}
.listReason p {font-size:2.9em; font-weight:700; color:#3D7EE9;}
.listReason .graph {background:#3D7EE9 url(../img/reason_graph.svg) no-repeat 100% 100%;}
.listReason .graph > * {color:#fff;}
.listReason .up {background:url(../img/reason_up.png) no-repeat 100% 100%, linear-gradient(to right, #ECF7FF, #DAF0FF);}

.section6 {background:linear-gradient(#EAF3FA, rgba(234,243,250,0)); overflow:hidden; position:relative;}
.section6 .titleWrap {position:relative; z-index:2;}
.section6 .ogj {width:36em; height:19.5em; background:url(../img/bg_reveiw.svg) no-repeat 100% 0; background-size:contain; position:absolute; right:8.5%;
    animation-duration:.7s; animation-name:bubble; animation-iteration-count:infinite; animation-direction: alternate;
}
@keyframes bubble {
    from {top:-3.6em;}
    to {top:-3.15em;}
}
.swiper-wrapper {transition-timing-function:linear !important;}
.slideReview {width:100%; overflow:visible;}
.slideReview .swiper-slide {width:18em; flex-shrink:0 !important;}
.slideReview .box {min-height:19em; padding:2.2em 2.3em; background:#fff; border-radius:1.5em; box-shadow:0 0 2em rgba(75,124,247,.1);}
.slideReview .box.even {margin-top:2.7em;}
.slideReview .name {padding-left:36px; font-size:1.1em; font-weight:700; color:#3D7EE9; line-height:30px; background:url(../img/ico_review.png) no-repeat 0 50%; background-size:auto 100%;}
.slideReview .txt {padding-top:1.66em; margin-top:1.66em; font-size:.9em; color:#555; line-height:1.5; border-top:1px dashed #DDE7ED;}

.qnaWrap dl {background:#F9FAFC; border-radius:1.25em; position:relative; transition:.3s;}
.qnaWrap dl.on {background:#EEF4FE;}
.qnaWrap dl:before {content:''; width:1.5em; height:1.5em; background:url(../img/qna_open.svg) no-repeat 50% 50%; background-size:contain; position:absolute; top:1.9em; right:2em; transition:.3s;}
.qnaWrap dl.on:before {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.qnaWrap dl + dl {margin-top:1.3em;}
.qnaWrap dt {padding:1.55em 3.5em 1.55em 2.08em; font-size:1.2em; font-weight:600; color:#242841; cursor:pointer; transition:.3s;}
.qnaWrap dl.on dt {color:#3D7EE9;}
.qnaWrap dd {padding:0 2.77em 2.33em; font-size:.9em;}

.freeCheck {padding:6.7em 3em; margin:0 4.5em; background:url(../img/bg_check.png) no-repeat 50% 50%; background-size:cover; background-attachment:fixed; border-radius:3em;}
.freeCheck p {font-size:3em; font-weight:700; color:#fff; text-align:center; text-shadow:0 0 1.66em rgba(54,163,240,.7); word-break:keep-all;}
.freeCheck a {display:block; width:13.84em; padding:.89em 1.84em; margin:2.3em auto 0; font-size:1.3em; font-weight:700; color:#3D7EE9; background:#fff url(../img/btn_check.svg) no-repeat right 1.84em top 50%; border-radius:5em; transition:.3s ease;}
.freeCheck a:hover {background-position:right 1.6em top 40%; box-shadow:.2em .2em 1em rgba(36,40,65,.15);}

.footerWrap {padding:4.4em 0; color:#fff; background:#222;}
.footerWrap .inner {position:relative;}
.footerWrap .info {margin-top:1.5em;}
.footerWrap .info li {font-size:.9em; opacity:.7;}
.footerWrap .info li + li {margin-top:.33em;}
.footerWrap .goTop {width:5em; height:5em; padding-top:2.5em; font-size:.9em; font-weight:500; text-align:center; background:url(../img/btn_top.svg) no-repeat 50% 30%; border:1.5px solid #fff; border-radius:50%; position:absolute; top:50%; margin-top:-2.5em; right:0; transition:.3s;}
.footerWrap .goTop:hover {background-position:50% 20%;}


@media (max-width:1400px) {
    .inner {padding:0 2em;}
    .freeCheck {margin:0 2em;}
    .footerWrap .goTop {right:2em;}
}
@media (max-width:1024px) {
    .section1 .visTitle {font-size:3em;}
    .section1 .obj1 {right:-2em;}
    .section1 .obj2 {left:-2em;}
    .listJiwon {margin:0 -.8em 6em;}
    .listJiwon li {padding:0 .8em;}
    .listJiwon .box {min-height:14em; padding:2em; background-position:right 1.5em bottom 1em; background-size:40% auto;}
    .listJiwon .tit {font-size:1.8em;}
    .resultBox p {font-size:1.4em;}
    .listCase {margin:-.8em;}
    .listCase li {padding:.8em;}
    .listCase .box {padding-left:8em;}
    .listCase p {font-size:1.2em;}
    .listCase .box:before {width:5em; height:5em; margin-top:-2.5em; background-size:60% auto; left:1.8em;}
    .listFlow {flex-wrap:wrap;}
    .listFlow li {width:50%;}
    .listFlow li:nth-child(2) ~ li {margin-top:4em;}
    .arrFlow {padding:1.25em 0 0; flex-wrap:wrap; left:25%;}
    .arrFlow .objArr {width:50%;}
    .arrFlow .objArr:nth-child(2) ~ .objArr {transform:translateY(14.2em); -webkit-transform:translateY(14.2em);}
    .arrFlow .objArr:last-child {display:block; transform:translate(-200%, 14.2em) !important; -webkit-transform:translate(-200%, 14.2em) !important;}
    .listReason .box {padding:2.5em 2.2em;}
    .listReason .graph {background-size:auto 95%;}
    .listReason .up {background-size:auto 110%;}
    .listReason p {font-size:2.4em;}
    .freeCheck p {font-size:2.5em;}
}
@media (max-width:768px) {
    .titleWrap {margin-bottom:5em;}
    .titleWrap .main {font-size:2.4em;}
    [class^="section"] {padding:7em 0;}
    .section1 .visTitle br {display:none;}
    .listJiwon {margin:0 0 6em;}
    .listJiwon li {width:auto; padding:0; float:none;}
    .listJiwon li + li {margin-top:2em;}
    .listJiwon .box {min-height:10em; background-size:auto 60%;}
    .resultBox {padding:2em;}
    .resultBox p span {display:block; width:9em; margin:.5em auto;}
    .listCase {margin:0;}
    .listCase li {width:auto; padding:0; float:none;}
    .listCase li + li {margin-top:2em;}
    .listCase p br {display:none;}
    .section6 .ogj {width:28em; right:2%;}
    .slideReview .txt {font-size:1em;}
    .qnaWrap dd {font-size:1em;}
    .freeCheck p {font-size:2.2em;}
}
@media (max-width:640px) {
    .logo img {width:14em;}
    .section1 .visTop span {display:block; width:10em; margin:.3em auto;}
    .listReason {margin:-.5em -.8em;}
    .listReason li {padding:.5em .8em;}
    .listReason p {font-size:2em;}
    .footerWrap img {width:14em;}
}
@media (max-width:480px) {
    .inner {padding:0 1em;}
    .section1 .visTitle {font-size:2.6em;}
    .listJiwon li + li {margin-top:1.5em;}
    .listCase li + li {margin-top:1.5em;}
    .listCase .box {padding:2.6em 1.8em 2.6em 8em}
    .listCase p br {display:block;}
    .arrFlow {padding-top:1.5em;}
    .arrFlow .objArr {height:1em;}
    .arrFlow .objArr:nth-child(2) ~ .objArr {transform:translateY(14.4em);-webkit-transform: translateY(14.7em);}
    .arrFlow .objArr:last-child {transform:translate(-200%, 14.7em) !important; -webkit-transform:translate(-200%, 14.7em) !important;}
    .listReason {margin:0;}
    .listReason li {width:100% !important; padding:0;}
    .listReason li + li {padding-top:1.5em;}
    .listReason .box {min-height:11em; padding:2.2em 2em;}
    .freeCheck {padding:6em 2em;}
    .freeCheck p {font-size:2em;}
}