@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font-size:100%;font:inherit}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
li,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
a{color:inherit;text-decoration:none}
button{background-color:transparent;color:inherit;cursor:pointer}
@font-face{font-family:Pretendard;font-weight:900;font-display:swap;src:local("Pretendard Black"),url(../fonts/pretendard/woff2-subset/Pretendard-Black.subset.woff2) format("woff2"),url(../fonts/pretendard/woff-subset/Pretendard-Black.subset.woff) format("woff")}
@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:local("Pretendard ExtraBold"),url(../fonts/pretendard/woff2-subset/Pretendard-ExtraBold.subset.woff2) format("woff2"),url(../fonts/pretendard/woff-subset/Pretendard-ExtraBold.subset.woff) format("woff")}
@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:local("Pretendard Bold"),url(../fonts/pretendard/woff2-subset/Pretendard-Bold.subset.woff2) format("woff2"),url(../fonts/pretendard/woff-subset/Pretendard-Bold.subset.woff) format("woff")}
@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:local("Pretendard SemiBold"),url(../fonts/pretendard/woff2-subset/Pretendard-SemiBold.subset.woff2) format("woff2"),url(../fonts/pretendard/woff-subset/Pretendard-SemiBold.subset.woff) format("woff")}
@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:local("Pretendard Medium"),url(../fonts/pretendard/woff2-subset/Pretendard-Medium.subset.woff2) format("woff2"),url(../fonts/pretendard/woff-subset/Pretendard-Medium.subset.woff) format("woff")}
@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:local("Pretendard Regular"),url(../fonts/pretendard/woff2-subset/Pretendard-Regular.subset.woff2) format("woff2"),url(../fonts/pretendard/woff-subset/Pretendard-Regular.subset.woff) format("woff")}
@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:local("Pretendard Light"),url(../fonts/pretendard/woff2-subset/Pretendard-Light.subset.woff2) format("woff2"),url(../fonts/pretendard/woff-subset/Pretendard-Light.subset.woff) format("woff")}
@font-face{font-family:Pretendard;font-weight:200;font-display:swap;src:local("Pretendard ExtraLight"),url(../fonts/pretendard/woff2-subset/Pretendard-ExtraLight.subset.woff2) format("woff2"),url(../fonts/pretendard/woff-subset/Pretendard-ExtraLight.subset.woff) format("woff")}
@font-face{font-family:Pretendard;font-weight:100;font-display:swap;src:local("Pretendard Thin"),url(../fonts/pretendard/woff2-subset/Pretendard-Thin.subset.woff2) format("woff2"),url(../fonts/pretendard/woff-subset/Pretendard-Thin.subset.woff) format("woff")}
.co-primary{color:#5d413b!important}
.co-secondary{color:#2f5496!important}
.co-red{color:red!important}
.txt-underline{text-decoration:underline!important;text-underline-position:under!important}
.txt-ellipsis{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.txt-linethrough{text-decoration:line-through}
.ov-hidden{overflow:hidden!important}
.blind{display:block;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:1px;text-indent:-999px;opacity:.01}
.ta-center{text-align:center!important}
.fs-24{font-size:1.5rem!important}
@keyframes fadeMove{
from{transform:translateY(20%);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
@keyframes fadeInBg{
from{opacity:0}
to{opacity:1}
}
.h-tit-t1{margin-bottom:2.5rem;font-size:1.25rem;font-weight:600;text-align:center}
@media (min-width:1200px){
.h-tit-t1{font-size:1.5rem}
}
.h-tit-t1 strong{font-size:1.75rem;font-weight:700}
@media (min-width:1200px){
.h-tit-t1 strong{font-size:2.5rem}
}
@media (min-width:1200px){
.h-tit-t1{margin-bottom:3.75rem}
}
.h-tit-t2{margin-bottom:1.875rem;font-size:1.5rem;font-weight:700}
@media (min-width:1200px){
.h-tit-t2{font-size:2rem}
}
.h-tit-t3{margin-bottom:1rem;font-size:1rem;font-weight:700}
@media (min-width:1200px){
.h-tit-t3{font-size:1.25rem}
}
.h-tit-t3~.h-tit-t3{margin-top:1.875rem}
@media (min-width:1200px){
.h-tit-t3{margin-bottom:1.25rem}
.h-tit-t3~.h-tit-t3{margin-top:2.5rem}
}
.h-tit-t4{margin:1.25rem 0 .5rem;font-size:.9375rem;font-weight:700}
@media (min-width:1200px){
.h-tit-t4{font-size:1.125rem}
}
@media (min-width:1200px){
.h-tit-t4{margin:1.875rem 0 .5rem}
}
.txt-bul-t1{display:block;padding-left:.5rem;position:relative;text-align:left;box-sizing:border-box}
.txt-bul-t1:before{position:absolute;top:0;left:0;font-weight:600;content:"·"}
.txt-bul-t2>li{padding-left:1rem;position:relative;text-align:left;box-sizing:border-box}
.txt-bul-t2>li:before{position:absolute;top:0;left:0;content:"√"}
.txt-bul-t2>li~li{margin-top:.75rem}
.txt-bul-t3>li{padding-left:1rem;position:relative;text-align:left;box-sizing:border-box}
.txt-bul-t3>li:before{position:absolute;top:0;left:0;content:">"}
.txt-bul-t3>li~li{margin-top:.75rem}
.txt-num-t1{counter-reset:number}
.txt-num-t1>li{padding-left:1.375rem;position:relative}
.txt-num-t1>li::before{position:absolute;top:0;left:0;content:counter(number) ".";counter-increment:number}
.txt-custom-t1 .num{display:block;font-size:1.5rem;font-weight:600}
.txt-custom-t1>li~li{margin-top:2.5rem}
.icon-nav{display:inline-block;width:1.25rem}
.icon-nav div,.icon-nav:after,.icon-nav:before{display:block;margin:.3125rem 0;height:.125rem;background-color:#262626;transition:all .2s ease-in-out;content:"";border-radius:.0625rem}
[class*=ico-feature]{display:inline-block;position:relative;width:2rem;height:2rem;background-repeat:no-repeat;background-size:100% auto;filter:invert(.85)}
@media (min-width:1200px){
[class*=ico-feature]{width:2.375rem;height:2.375rem}
}
.ico-feature-1{background-image:url(../images/contents/ico_feature_01.png)}
.ico-feature-2{background-image:url(../images/contents/ico_feature_02.png)}
.ico-feature-3{background-image:url(../images/contents/ico_feature_03.png)}
.ico-feature-4{background-image:url(../images/contents/ico_feature_04.png)}
.ico-feature-5{background-image:url(../images/contents/ico_feature_05.png)}
.ico-feature-6{background-image:url(../images/contents/ico_feature_06.png)}
[class*=ico-effect]{display:inline-block;width:5rem;height:5rem;background-repeat:no-repeat;background-size:100% auto;filter:contrast(.1)}
.ico-effect-1{background-image:url(../images/contents/ico_effect_01.png)}
.ico-effect-2{background-image:url(../images/contents/ico_effect_02.png)}
.ico-effect-3{background-image:url(../images/contents/ico_effect_03.png)}
.ico-effect-4{background-image:url(../images/contents/ico_effect_04.png)}
.ico-effect-5{background-image:url(../images/contents/ico_effect_05.png)}
.ico-service{display:inline-block;width:4.25rem;height:4.25rem;background:url(../images/contents/ico_service_01.png);background-repeat:no-repeat;background-size:100% auto}
[class*=ico-product]{display:inline-block;width:3.25rem;height:3.25rem;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;filter:invert(.7)}
.ico-product-free{background-image:url(../images/contents/ico_product_free.png)}
.ico-product-basic{background-image:url(../images/contents/ico_product_basic.png)}
.ico-product-business{background-image:url(../images/contents/ico_product_business.png)}
.ico-product-premium{background-image:url(../images/contents/ico_product_premium.png)}
[class*=ico-core]{display:inline-block;width:4.25rem;height:4.25rem;background-repeat:no-repeat;background-size:100% auto;filter:brightness(.5)}
.ico-core-1{background-image:url(../images/contents/ico_core_01.png)}
.ico-core-2{background-image:url(../images/contents/ico_core_02.png)}
.ico-core-3{background-image:url(../images/contents/ico_core_03.png)}
.ico-core-4{background-image:url(../images/contents/ico_core_04.png)}
.ico-core-5{background-image:url(../images/contents/ico_core_05.png)}
.ico-core-6{background-image:url(../images/contents/ico_core_06.png)}
.ico-update{display:inline-block;width:3.375rem;height:1.5rem;background:url(../images/contents/ico_update.png) no-repeat;background-size:100% auto}
.tbl-t1{width:100%;table-layout:fixed}
.tbl-t1 caption{display:block;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:1px;text-indent:-999px;opacity:.01}
.tbl-t1 thead{border-bottom:1px solid #ddd}
.tbl-t1 td,.tbl-t1 th{padding:1rem .25rem;font-size:.875rem;text-align:center}
.tbl-t1 tbody th{font-size:1rem;font-weight:400;text-align:left}
.tbl-t1 tbody td{font-weight:600}
.tbl-t1 tbody td .co-orange{font-size:.875rem;color:#f4b183}
@media (min-width:992px){
.tbl-t1 td,.tbl-t1 th{font-size:1.25rem}
.tbl-t1 tbody th{font-size:1.5rem}
.tbl-t1 tbody td .co-orange{font-size:1rem}
}
.tbl-t2{width:100%;table-layout:fixed}
.tbl-t2 caption{display:block;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:1px;text-indent:-999px;opacity:.01}
.tbl-t2 thead th{background:#eee;font-size:1rem;font-weight:600}
@media (min-width:1200px){
.tbl-t2 thead th{font-size:1.25rem}
}
.tbl-t2 td,.tbl-t2 th{padding:.625rem .25rem;vertical-align:middle;text-align:center}
.tbl-t2 tbody~tbody{border-top:1px solid #ddd}
.tbl-t2 tbody td:not(:last-child),.tbl-t2 tbody th:not(:last-child){border-right:1px solid #ddd}
.tbl-t2 tbody th{font-size:.875rem;font-weight:600;text-align:left}
.tbl-t2 tbody th .txt-bul-t1{font-size:.75rem;font-weight:400}
.tbl-t2 tbody td{font-size:.875rem}
.tbl-t2 tbody td .co-orange{color:#f4b183}
@media (min-width:992px){
.tbl-t2 td,.tbl-t2 th{padding:.875rem .25rem}
.tbl-t2 tbody th{font-size:1.5rem}
.tbl-t2 tbody th .txt-bul-t1{font-size:1rem}
.tbl-t2 tbody td{font-size:1.125rem}
}
.form{display:grid;gap:1.75rem;position:relative;grid-template-columns:1fr}
.form .check-wrap>label~label{margin-top:.75rem}
@media (min-width:1200px){
.form{gap:1.25rem;grid-template-columns:1fr 1fr}
.form>.check-wrap,.form>.textarea-wrap{grid-column:1/3}
}
.form-item .tit{display:block;margin-bottom:.75rem;font-size:1rem;white-space:nowrap}
.form-item .tit.required:after{color:red;content:" *"}
textarea{display:block;padding:1rem;border:1px solid #ddd;width:100%;height:18.75rem;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-size:1rem;font-weight:400;line-height:1.65;border-radius:.5rem;box-sizing:border-box}
textarea::-moz-placeholder{font-size:1rem;font-weight:400;line-height:1.65;color:#9ea4aa}
textarea::placeholder{font-size:1rem;font-weight:400;line-height:1.65;color:#9ea4aa}
select{position:relative;background:url(../images/common/ico_select.svg) #fff no-repeat;background-position:right 1rem center;background-size:.75rem auto;font-size:1rem;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;appearance:none}
select:invalid{color:#9ea4aa}
select:valid{color:#000}
html{width:100%;height:100%}
body{width:100%;height:100%;background-color:#fafafa;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-size:1rem;font-weight:400;line-height:1.65;color:#262626;word-break:keep-all;word-wrap:break-word}
.section{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;min-height:calc(calc(var(--vh, 1vh) * 100) - 4.25rem)}
.section:after,.section:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:""}
.section .inner>.desc>[class*=h-tit],.section .inner>.desc>[class*=h-tit]+.desc,.section .inner>.logo,.section .inner>.tit-wrap [class*=h-tit],.section .inner>.tit-wrap [class*=h-tit]+.desc,.section .inner>[class*=h-tit],.section .inner>[class*=h-tit]+.desc{opacity:0;transform:translateY(20%)}
.section .inner>.desc [class*=h-tit]~*,.section .inner>.logo+*,.section .inner>.tit-wrap [class*=h-tit]~*,.section .inner>.tit-wrap~*,.section .inner>[class*=h-tit]~*{opacity:0}
.section.making.is-active [class*=h-tit]{animation-name:fadeMove;animation-duration:.6s;animation-fill-mode:forwards}
.section.making.is-active p{animation-name:fadeMove;animation-duration:.6s;animation-fill-mode:forwards}
.section.making.is-active p:nth-of-type(1){animation-delay:.4s}
.section.making.is-active p:nth-of-type(2){animation-delay:.7s}
.section.making.is-active p:nth-of-type(3){animation-delay:1s}
.section.making.is-active p:nth-of-type(4){animation-delay:1.3s}
.section.making.is-active p:nth-of-type(5){animation-delay:1.5s}
.section.products .inner{opacity:0}
.section.products.is-active .inner{animation-name:fadeIn;animation-duration:.6s;animation-fill-mode:forwards}
.section.is-active .inner>.logo,.section.is-active .inner>.tit-wrap [class*=h-tit],.section.is-active .inner>[class*=h-tit]{animation-name:fadeMove;animation-duration:.6s;animation-fill-mode:forwards}
.section.is-active .inner>.logo+.desc,.section.is-active .inner>.tit-wrap [class*=h-tit]+.desc,.section.is-active .inner>[class*=h-tit]+.desc{animation-name:fadeMove;animation-duration:.4s;animation-delay:.4s;animation-fill-mode:forwards}
.section.is-active .inner>.logo~*,.section.is-active .inner>.tit-wrap [class*=h-tit]~*,.section.is-active .inner>[class*=h-tit]~*{animation-name:fadeIn;animation-duration:.6s;animation-delay:.4s;animation-fill-mode:forwards}
.section.is-active .inner>.tit-wrap~*{animation-name:fadeIn;animation-duration:.6s;animation-delay:.6s;animation-fill-mode:forwards}
@media (min-width:1200px){
.section.making.is-active [class*=h-tit]{animation-duration:.8s;animation-delay:.2s}
.section.making.is-active p{animation-duration:.8s}
.section.making.is-active p:nth-of-type(1){animation-delay:1s}
.section.making.is-active p:nth-of-type(2){animation-delay:1.4s}
.section.making.is-active p:nth-of-type(3){animation-delay:1.8s}
.section.making.is-active p:nth-of-type(4){animation-delay:2.2s}
.section.making.is-active p:nth-of-type(5){animation-delay:2.6s}
.section.products.is-active .inner{animation-duration:.8s}
.section.is-active .inner>.logo,.section.is-active .inner>.tit-wrap [class*=h-tit],.section.is-active .inner>[class*=h-tit]{animation-duration:.8s;animation-delay:.2s}
.section.is-active .inner>.logo+.desc,.section.is-active .inner>.tit-wrap [class*=h-tit]+.desc,.section.is-active .inner>[class*=h-tit]+.desc{animation-duration:.6s;animation-delay:.6s}
.section.is-active .inner>.logo~*,.section.is-active .inner>.tit-wrap [class*=h-tit]~*,.section.is-active .inner>[class*=h-tit]~*{animation-duration:.8s;animation-delay:.6s}
.section.is-active .inner>.tit-wrap~*{animation-duration:.8s;animation-delay:1s}
}
.inner{margin:0 auto;padding:4.25rem 1.5rem;width:100%;max-width:120rem;box-sizing:border-box}
@media (min-width:1200px){
.inner{padding:3.75rem 7.5rem}
}
.ly-wrap{position:relative;width:100%}
.dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(0,0,0,.6)}
.ly-header{display:flex;align-items:flex-end;justify-content:space-between;padding-left:1.25rem;border-bottom:1px solid #eee;position:fixed;top:0;left:0;z-index:500;width:100vw;height:4.25rem;background-color:#fafafa;color:#262626;color:#262626;transition:background .2s ease-in;box-sizing:border-box}
.ly-header.is-active,.ly-header.is-init{background-color:#000;color:#fff}
.ly-header.is-active .logo img.logo-white,.ly-header.is-init .logo img.logo-white{display:block}
.ly-header.is-active .logo img.logo-black,.ly-header.is-init .logo img.logo-black{display:none}
.ly-header.is-active .icon-nav div,.ly-header.is-active .icon-nav:after,.ly-header.is-active .icon-nav:before,.ly-header.is-init .icon-nav div,.ly-header.is-init .icon-nav:after,.ly-header.is-init .icon-nav:before{background-color:#fff}
.ly-header .logo>a{display:block;padding:1rem 0;height:1.125rem;box-sizing:content-box}
.ly-header .logo img{display:block;height:100%}
.ly-header .logo img.logo-white{display:none}
.ly-header .logo img.logo-black{display:block}
.ly-header .nav{display:none;gap:1.875rem;margin-right:.625rem;margin-left:auto}
@media (min-width:1200px){
.ly-header{padding-right:3.75rem;padding-left:3.75rem}
.ly-header.is-active .gnb,.ly-header.is-init .gnb{background:0 0;color:#fff}
.ly-header .nav{display:flex}
}
.gnb{padding:0 1.25rem 1.25rem;padding-top:4.25rem;border-left:1px solid #eee;box-shadow:0 2px 10px 0 rgba(0,0,0,.12);overflow-y:auto;position:fixed;top:0;right:0;bottom:0;z-index:1500;width:100%;max-width:18.75rem;background:#fff;transition:transform .3s ease;transform:translateX(100%);box-sizing:border-box}
.gnb .logo{margin:1.25rem 0}
.gnb .logo>a{display:inline-block;height:1.125rem}
.gnb .logo img{height:100%}
.gnb.is-active{transform:translateX(0)}
.gnb nav{display:flex;flex-direction:column}
.ly-contents{width:100%}
.ly-footer{display:flex;gap:1.5rem;flex-direction:column;padding:3.75rem 1.5rem;background-color:#1a1c1e;font-size:.875rem;color:#fff;box-sizing:border-box}
@media (min-width:1200px){
.ly-footer{font-size:1rem}
}
.ly-footer .logo{margin-bottom:1.5rem;height:1.25rem}
.ly-footer .logo img{display:block;height:100%}
.ly-footer .sns{display:flex;gap:.75rem}
.ly-footer .sns a{display:block;width:1.5rem;height:1.5rem}
.ly-footer .sns a img{width:100%}
@media (min-width:1200px){
.ly-footer .sns a{width:1.75rem;height:1.75rem}
}
.ly-footer .menu{display:flex;gap:.875rem;max-width:18.75rem}
.ly-footer .menu>li{flex:1;font-size:.9375rem;font-weight:600;line-height:1;text-align:center}
@media (min-width:1200px){
.ly-footer .menu>li{font-size:1.125rem}
}
.ly-footer .menu>li>ul{margin-top:.25rem}
.ly-footer .menu>li>ul>li{font-size:.875rem;font-weight:400;line-height:1.65}
@media (min-width:1200px){
.ly-footer .menu>li>ul>li{font-size:1rem}
}
.ly-footer .menu a{display:inline-block;box-sizing:border-box}
@media (min-width:1200px){
.ly-footer{gap:3.75rem;align-items:flex-start;justify-content:space-between;flex-direction:row;padding:3.75rem;width:100%}
.ly-footer .sns{display:flex;gap:1.25rem}
.ly-footer .menu{gap:1.25rem;margin-left:auto}
.ly-footer .menu>li>ul{margin-top:1.25rem}
}
.pop-dim{position:fixed;top:0;left:0;z-index:3000;width:100%;height:100%;background-color:transparent;transition:all .4s;pointer-events:none;opacity:1}
.pop-dim.active{background-color:rgba(0,0,0,.7);pointer-events:all;opacity:1}
.pop-dim.active .pop-wrap{display:block}
.pop-dim .pop-wrap{display:none;overflow:hidden;position:fixed;top:50%;right:1.25rem;left:1.25rem;z-index:50;background:#fff;transform:translateY(-50%)}
.pop-dim .pop-wrap.full{top:0;right:0;bottom:0;left:0;width:100%;max-height:none;transform:none}
.pop-dim .pop-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;border-bottom:1px solid #ddd;height:3.75rem}
.pop-dim .pop-header .tit{font-size:1.25rem;font-weight:700}
.pop-dim .pop-contents{padding:2.5rem 1.25rem 1.25rem;overflow-y:auto;max-height:calc(calc(var(--vh, 1vh) * 100) - 8.75rem);max-height:calc(100dvh - 8.75rem);box-sizing:border-box}
.pop-dim .pop-contents img{display:block;width:100%}
.pop-dim .pop-footer{padding:1.25rem;height:2.5rem}
@media (min-width:992px){
.pop-dim .pop-wrap{top:50%;left:50%;width:56.25rem;transform:translate(-50%,-50%)}
.pop-dim .pop-wrap.full{top:50%;right:auto;bottom:auto;left:50%;width:56.25rem;max-height:calc(calc(var(--vh, 1vh) * 100) - 9.375rem);transform:translate(-50%,-50%)}
.pop-dim .pop-header{padding:0 2.5rem}
.pop-dim .pop-header .tit{font-size:1.5rem}
.pop-dim .pop-contents{padding:3.75rem 2.5rem 2.5rem;max-height:calc(calc(var(--vh, 1vh) * 100) - 25rem)}
.pop-dim .pop-footer{padding:1.25rem 2.5rem 1.875rem;height:2.8125rem}
}
.intro{display:block;min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh;color:#fff}
.intro::before{z-index:0;background-image:url(../images/contents/bg_section_01.png);background-position:bottom right;background-size:cover;animation-name:fadeInBg;animation-duration:.6s;animation-fill-mode:forwards;opacity:0}
.intro:after{z-index:-1;background-color:#000}
.intro .inner{display:flex;gap:1.25rem;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;padding:6.75rem 1.25rem 2.5rem;position:relative;max-width:101.5rem;min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh;box-sizing:border-box}
.intro .cont{align-self:flex-start}
.intro .tit{font-size:1.125rem;font-weight:600;animation-name:fadeMove;animation-duration:.8s;animation-delay:.8s;animation-fill-mode:forwards;transform:translateY(20%);opacity:0}
.intro .tit strong{display:block;margin-bottom:.875rem;font-size:1.875rem;font-weight:700;line-height:1}
.intro .desc{margin-top:1.25rem;font-size:.8125rem;line-height:1.8;animation-name:fadeMove;animation-duration:.8s;animation-delay:1.4s;animation-fill-mode:forwards;transform:translateY(20%);opacity:0}
.intro .desc strong{font-size:1.125rem}
.intro .img-wrap{align-self:flex-end;right:1.25rem;bottom:1.25rem;width:100%;min-width:12.5rem;max-width:64vw;animation-name:fadeIn;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards;opacity:0}
.intro .img-wrap img{display:block;width:100%}
@media (min-width:768px){
.intro .inner{justify-content:space-evenly;flex-direction:row;padding:8rem 2.5rem 3.75rem}
.intro .cont,.intro .img-wrap{align-self:center}
.intro .tit{white-space:nowrap}
.intro .img-wrap{display:block;position:relative;right:-1rem;bottom:-5rem;max-width:25rem;animation-name:fadeMove;animation-duration:1.4s;animation-delay:.6s;animation-fill-mode:forwards;justify-self:flex-end}
}
@media (min-width:992px){
.intro{display:flex;min-height:calc(var(--vh, 1vh) * 100)}
.intro .inner{min-height:calc(var(--vh, 1vh) * 100)}
.intro .tit{font-size:1.625rem;white-space:nowrap}
.intro .tit strong{margin-bottom:1.125rem;font-size:2.625rem}
.intro .desc{margin-top:1.875rem;font-size:1rem}
.intro .desc strong{font-size:1.75rem}
.intro .img-wrap{display:block;position:relative;right:-2.1875rem;bottom:-5rem;max-width:33.75rem;justify-self:flex-end}
}
@media (min-width:1200px){
.intro{display:flex;min-height:calc(var(--vh, 1vh) * 100)}
.intro .inner{padding-right:0;padding-left:0;max-width:1200px}
.intro .img-wrap{display:block;position:relative;right:-1.375rem;bottom:-3.75rem;max-width:33.75rem;justify-self:flex-end}
}
.service{color:#fff}
.service:before{background:url(../images/contents/bg_section_02.png) no-repeat;background-position:center center;background-size:cover}
.service .inner{display:flex;gap:2.5rem;flex-direction:column}
.service .tit-wrap{min-width:40%}
.service .h-tit-t1{text-align:left}
.service .desc strong{display:block;margin-bottom:.5rem;font-size:1.125rem}
@media (min-width:1200px){
.service .desc strong{font-size:1.375rem}
}
@media (min-width:768px){
.service .inner{display:flex;align-items:center;justify-content:space-between;flex-direction:row}
.service .h-tit-t1{margin-bottom:1.25rem;white-space:nowrap}
}
@media (min-width:992px){
.service:before{background-attachment:fixed}
}
.service-step{position:relative;width:100%}
.service-step img{width:100%}
.service-step .tit{position:absolute;right:0;bottom:0;font-size:1.125rem;font-weight:600}
@media (min-width:1200px){
.service-step{max-width:46.875rem}
.service-step .tit{font-size:1.75rem}
}
.service-intro .inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.service-intro p{padding-top:4.375rem;position:relative;font-size:1.25rem;font-weight:600;text-align:center;transition:transform 1s ease-out;opacity:0;transform:translateY(20%)}
.service-intro p:first-letter{font-size:1.5rem}
.service-intro p:before{position:absolute;top:0;left:50%;width:3.125rem;height:3.125rem;background:url(../images/contents/ico_service_intro_01.png) no-repeat;background-size:100% auto;content:"";transform:translateX(-50%)}
.service-intro p:nth-child(2){margin-top:2.625rem}
.service-intro p:nth-child(2):before{background:url(../images/contents/ico_service_intro_02.png) no-repeat;background-size:100% auto;filter:grayscale(1)}
.service-intro.is-active p:first-child{animation-name:fadeMove;animation-duration:.8s;animation-delay:.2s;animation-fill-mode:forwards}
.service-intro.is-active p:last-child{animation-name:fadeMove;animation-duration:.8s;animation-delay:.8s;animation-fill-mode:forwards}
@media (min-width:768px){
.service-intro p{margin-right:0;margin-left:0;padding-top:0;padding-left:4.375rem;position:relative;width:100%;font-size:1.375rem;font-weight:600;text-align:left}
.service-intro p:before{position:absolute;top:50%;left:0;transform:translateY(-50%)}
.service-intro p:nth-child(2){margin-top:3.75rem;padding-right:4.375rem;padding-left:0;text-align:right}
.service-intro p:nth-child(2):before{right:0;left:auto}
.service-intro p:first-child{animation:none;transform:translateX(-100%)}
.service-intro p:last-child{animation:none;transform:translateX(100%)}
.service-intro.is-active p:first-child,.service-intro.is-active p:last-child{animation:none;transition-delay:.6s;transform:translateX(0);opacity:1}
}
@media (min-width:1200px){
.service-intro .inner{padding-right:0;padding-left:0;max-width:75rem}
.service-intro p{padding-left:8.75rem}
.service-intro p:before{width:6.25rem;height:6.25rem}
.service-intro p:nth-child(2){margin-top:6.25rem;padding-right:8.75rem}
}
.features{color:#fff}
.features:before{background:url(../images/contents/bg_section_04.png) no-repeat;background-position:center center;background-size:cover}
.features .inner{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:none;box-sizing:border-box}
.features .inner .features-list{display:inline-block}
@media (min-width:768px){
.features .inner{justify-content:space-evenly;flex-direction:row}
}
@media (min-width:992px){
.features:before{background-attachment:fixed}
}
.features-list>li{display:flex;align-items:center;font-size:1rem;font-weight:600;text-align:left}
.features-list>li [class*=ico-]{flex:none;margin-right:1.25rem}
.features-list>li~li{margin-top:1.25rem}
@media (max-width:320px){
.features-list>li [class*=ico-]{margin-right:.375rem}
}
@media (min-width:1200px){
.features-list>li{font-size:1.375rem}
.features-list>li~li{margin-top:2rem}
}
.introduce .logo{margin-bottom:2.5rem;height:1.5rem}
.introduce .logo img{height:100%}
@media (min-width:1200px){
.introduce .logo{margin-bottom:6.25rem;height:2.5rem}
.introduce .txt-custom-t1{display:grid;gap:8.75rem;grid-template-columns:1fr 1fr}
.introduce .txt-custom-t1>li{margin:0;font-size:1.125rem;line-height:2.5}
.introduce .txt-custom-t1>li .num{margin-bottom:1.875rem;font-size:1.875rem;line-height:1}
}
.key .img-wrap{margin:3.75rem auto;width:100%}
.key .img-wrap img{width:100%}
@media (min-width:768px){
.key .img-wrap{max-width:23.75rem}
}
@media (min-width:1200px){
.key .inner{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:.625rem}
.key .key-wrap{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}
.key .img-wrap{margin:0;padding-left:3.75rem;max-width:36.25rem;box-sizing:border-box;grid-row:1/3;grid-column:2/4;justify-self:center}
.key .swiper-key{flex:none;align-self:flex-start;margin-top:2rem;overflow:hidden}
}
.key-list{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
.key-list>a{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.75rem;border:1px solid #ddd;box-shadow:0 14px 24px rgba(0,0,0,.08);width:100%;font-size:1rem;text-align:center;box-sizing:border-box;border-radius:1rem}
.key-list>a strong{display:inline;font-size:1rem}
@media (min-width:1200px){
.key-list>a strong{font-size:1.25rem}
}
.key-list>a strong:after{display:inline-block;width:0;height:10px;background:#d9fcdb;content:""}
@media (max-width:320px){
.key-list{grid-template-columns:repeat(1,1fr)}
}
@media (min-width:992px){
.key-list{flex-wrap:nowrap}
.key-list>a{flex:1}
}
.swiper-key .swiper-slide img{width:100%}
.effect{background:#efefef}
.effect-list{display:flex;gap:1.25rem;flex-wrap:wrap}
.effect-list>li{padding:7.5rem 1.25rem 1.25rem;box-shadow:0 14px 24px rgba(0,0,0,.08);position:relative;width:100%;background:#fff;font-size:1rem;text-align:center;box-sizing:border-box;border-radius:1rem}
.effect-list>li [class*=ico-]{position:absolute;top:1.25rem;left:50%;transform:translateX(-50%)}
.effect-list>li strong{display:block;font-weight:600}
@media (min-width:768px){
.effect-list{flex-wrap:nowrap}
.effect-list>li{flex:1}
}
@media (min-width:1200px){
.effect-list>li{padding:8.75rem 1.25rem 1.875rem;font-size:1.125rem}
.effect-list>li strong{font-size:1.5rem}
.effect-list>li [class*=ico-]{top:1.875rem}
}
.making{position:relative;color:#fff}
.making:before{background:url(../images/contents/bg_section_05.png) no-repeat;background-position:center center;background-size:cover}
.making .desc p:first-letter{font-size:1.375rem}
.making .desc p+p{margin-top:1.25rem}
@media (min-width:992px){
.making:before{background-attachment:fixed}
}
@media (min-width:1200px){
.making .inner{display:flex;align-items:center;justify-content:flex-end}
.making .inner .desc{width:60%;font-size:1.125rem;line-height:2}
.making .inner .desc p:first-letter{font-size:1.5rem}
}
.products-list{display:flex;gap:1.25rem;flex-direction:column;width:100%}
.products-list>li{display:flex;flex-direction:column;padding:2rem 1rem;border:1px solid #ddd;box-shadow:0 14px 24px rgba(0,0,0,.08);font-size:1rem;text-align:center;border-radius:1rem;box-sizing:border-box}
.products-list .tit{margin-bottom:1.25rem}
.products-list .tit strong{display:flex;align-items:center;justify-content:center;margin-top:1rem;min-height:3.25rem;font-size:1.75rem;font-weight:600}
.products-list .tit strong [class*=ico-product]:not(.ico-product-free){margin-right:.75rem}
.products-list .tit .txt-linethrough{font-weight:400}
.products-list .price{display:flex;align-items:center;justify-content:center;flex-direction:column}
.products-list .txt-bul-t2{margin-top:1.5rem;padding:1.5rem 0 2rem;border-top:1px solid #ddd;font-size:.875rem;box-sizing:border-box}
.products-list .txt-bul-t2~.txt-bult-t2{margin-top:3rem}
.products-list+p{margin-top:2rem;font-size:.875rem;text-align:center}
@media (min-width:768px){
.products-list{display:grid;grid-template-columns:repeat(2,1fr)}
.products-list .price{min-height:3.295rem}
}
@media (min-width:992px){
.products-list{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1200px){
.products-list .tit{font-size:1rem}
.products-list .txt-bul-t2{padding-right:.75rem;padding-left:.75rem;font-size:.875rem}
.products-list+p{font-size:.875rem}
}
.guide{color:#fff}
.guide:before{background:url(../images/contents/bg_section_03.png);background-position:center center;background-size:cover}
@media (min-width:768px){
.guide .tbl-wrap{padding:1.5rem;border:1px solid #ddd}
}
@media (min-width:992px){
.guide:before{background-attachment:fixed}
}
.application:before{background:url(../images/contents/bg_section_07.jpg);background-position:center center;background-size:cover;filter:grayscale(.9)}
.application:after{z-index:-1;background:#000;opacity:.7}
.compare .tbl-t2 thead th:first-child{font-size:1.125rem;text-align:left}
@media (min-width:1200px){
.compare .tbl-t2 thead th:first-child{font-size:2rem}
}
.core{background-color:#efefef}
.core~.core .inner{padding-top:0}
.core .core-wrap{display:flex;align-items:center;flex-direction:column}
.core .core-wrap~.core-wrap{margin-top:6.25rem}
.core .swiper-features{margin-bottom:3rem;max-width:37.5rem}
@media (min-width:1200px){
.core .core-wrap{align-items:center;justify-content:space-around;flex-direction:row;flex-flow:row-reverse}
.core .core-wrap~.core-wrap{margin-top:2.5rem}
.core .core-wrap.reverse{flex-flow:row}
.core .swiper-features{margin:0;width:48%;max-width:none}
}
.core-item{display:flex;gap:1.25rem;align-items:center;flex-direction:column;width:100%;box-sizing:border-box}
.core-item .tit{font-size:1.25rem;font-weight:600;text-align:center}
@media (min-width:1200px){
.core-item .tit{font-size:1.5rem}
}
.core-item .tit .ico-update{margin-left:.75rem}
.core-item .tit [class*=ico-core]{margin:0 0 .75rem .5rem}
.core-item .tit strong{display:block}
.core-item .tit~.tit{margin-top:2.5rem}
.core-item .txt-bul-t3{align-self:flex-start}
.core-item .txt-bul-t3>li>span:not(:last-child):after{display:inline-block;width:.5rem;content:""}
.core-item .txt-bul-t3>li .ico-update{vertical-align:text-bottom}
@media (min-width:768px),(max-width:1200px){
.core-item{width:auto}
}
@media (min-width:1200px){
.core-item{align-items:flex-start;border:0;position:relative}
.core-item .tit{display:flex;align-items:center;white-space:nowrap}
.core-item .tit [class*=ico-core]{margin:0 1.25rem 0 0;vertical-align:middle}
.core-item .tit strong{display:inline-block}
.core-item .tit strong:after{margin:0 .25rem;content:"/"}
.core-item .tit~.tit{margin-top:3.75rem}
.core-item .txt-bul-t3{margin-left:5.5rem}
}
:root{--swiper-theme-color:#fff}
.swiper-features{width:100%;box-sizing:border-box}
.swiper-features~.swiper-features{margin-top:6.25rem}
.swiper-features .swiper-slide img{width:100%}
@media (min-width:1200px){
.swiper-features{overflow:hidden}
.swiper-features.swiper-grid-column>.swiper-wrapper{flex-direction:row}
}
.swiper-pagination{position:static}
.swiper-pagination-bullet{width:.375rem;height:.375rem;background:#bbb;opacity:.5}
.swiper-pagination-bullet-active{width:.75rem;transition:width .2s;border-radius:.375rem;opacity:1}
.terms .h-tit-t1{margin-top:3.75rem}
.terms-wrap{font-size:.875rem;word-break:normal}
@media (min-width:1200px){
.terms-wrap{font-size:1rem}
}
.terms-wrap .h-tit-t3{text-align:center}
.terms-wrap [class^=txt-num]+p,.terms-wrap p+p{margin-top:1rem}
.terms-wrap .h-tit-t4+[class*=txt-num],.terms-wrap p+[class*=txt-num]{margin-top:.75rem}