@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}   
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}    
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}    
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face {font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal;}
.potencial h1,.potencial h2,.potencial h3,.potencial h4,.potencial h5,.potencial h6,.potencial input,.potencial p,.potencial span,.potencial a,.potencial td,.potencial th,.potencial div,.potencial li,.potencial label,.potencial textarea{font-family: 'Noto Sans KR',sans-serif !important;letter-spacing: -0.7px;}
.potencial p.f1{font-family: 'NotoSerifKR',sans-serif !important;letter-spacing: -0.7px;}
html,body{height: 100%;}
.potencial div,.potencial span,.potencial a,.potencial p{line-height: 150%;}
.potencialwrap .potencial img{display:block;}
.potencialwrap,.potencial{width: 100%;position: relative;max-width: 640px;margin: auto;overflow: hidden;}
.potencialwrap .potencial .inner{position: absolute;width: 100%; top:0;left: 0;height: 100%;}
.potencialwrap .quicks{width: 100%;position: fixed;bottom: 0%; left: 50%; transform: translate(-50%,0);z-index: 10;max-width: 640px;;}
/* .potencialwrap .quicks.on{display: block !important;} */
.potencialwrap .potencial1{background: #f5f5f5;}
.potencialwrap .potencial1 a.logos{width: 18.125%; margin: auto;display: block;padding: 3% 0 75% 0;}
.potencialwrap .potencial1 a.logos.ad{opacity: 0;;}
.potencialwrap .potencial1 p.T1{font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#6e9522;letter-spacing: 3px;position: relative;z-index: 2;text-align: center;}
.potencialwrap .potencial1 p.T2{font-size: calc( 60px + 60 * ( 100vw - 640px ) / 640 );line-height: calc( 74px + 74 * ( 100vw - 640px ) / 640 );color:#313030;letter-spacing: -4px;font-weight: 700;position: relative;z-index: 2;text-align: center;margin-bottom: 35%;}
.potencialwrap .potencial1 h1.T3{font-size: calc( 30px + 30 * ( 100vw - 640px ) / 640 );line-height: calc( 42px + 42 * ( 100vw - 640px ) / 640 );color:#313030;letter-spacing: -1px;font-weight: 400;position: relative;z-index: 2;text-align: center;}
.potencialwrap .potencial2{background: #000;padding: 16% 0 26% 0;}
.potencialwrap .potencial2 h1{font-size: calc( 61px + 61 * ( 100vw - 640px ) / 640 );line-height: calc( 74px + 74 * ( 100vw - 640px ) / 640 );color:#cff156;font-weight: 700;padding-left: 5%;letter-spacing: -3px;margin-bottom: 5%;}
.potencialwrap .potencial2 h1 span{color:#fff}
.potencialwrap .potencial2 h2.T1{font-size: calc( 32px + 32 * ( 100vw - 640px ) / 640 );line-height: calc( 50px + 50 * ( 100vw - 640px ) / 640 );color:#fff;padding-left: 5%;letter-spacing: -1px;font-weight: 700;margin-top: -5%;position: relative;z-index: 2;}
.potencialwrap .potencial2 h2.T1 span{color:#b8dd5c;}
.potencialwrap .potencial2 .pors{opacity: 0;}
.potencialwrap .potencial2 .pors.on{animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both}
.potencialwrap .potencial3{background: #eee8e3;}
.potencialwrap .potencial3 .Tbox{padding: 18% 0;text-align: center;background: #eee8e3;}
.potencialwrap .potencial3 .Tbox p.T1{font-size: calc( 44px + 44 * ( 100vw - 640px ) / 640 );line-height: calc( 60px + 60 * ( 100vw - 640px ) / 640 );color:#272727;position: relative;display: inline-block;margin-bottom: 4%;}
.potencialwrap .potencial3 .Tbox p.T1:before{content: '';position: absolute;bottom: -2%;width: 100%; height: 1px;background: #000;;left: 0;}
.potencialwrap .potencial3 .Tbox p.T2{font-size: calc( 26px + 26 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );color:#272727;letter-spacing: -1px;}
.potencialwrap .potencial3 .pors1{margin-bottom: 15%;}
.potencialwrap .potencial3 .pors2,.potencialwrap .potencial3 .pors3,.potencialwrap .potencial3 .pors4,.potencialwrap .potencial3 .pors5{opacity: 0;}
.potencialwrap .potencial3 .pors2.on{animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both}
.potencialwrap .potencial3 .pors3.on{animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both}
.potencialwrap .potencial3 .pors4.on{animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both}
.potencialwrap .potencial3 .pors5.on{animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both}
.potencialwrap .potencial3 .pors3{margin-top: -13%;}
.potencialwrap .potencial3 .pors4{margin-top: -26%;margin-bottom: 7%;}
.potencialwrap .potencial3 .pors5{margin-bottom: 11%;}
.potencialwrap .potencial4{background: #90ab4b;padding: 20% 0 17% 0;}
.potencialwrap .potencial4 p.T1{color:#dffa9b;padding-left: 6%;font-size: calc( 22px + 22 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );margin-bottom: 4%;}
.potencialwrap .potencial4 p.T2{color:#fff;padding-left: 6%;font-size: calc( 48px + 48 * ( 100vw - 640px ) / 640 );line-height: calc( 60px + 60 * ( 100vw - 640px ) / 640 );letter-spacing: -3px;font-weight: 700;margin-bottom: 11%;}
.potencialwrap .potencial5{background: #000;padding: 11% 0;}
.potencialwrap .potencial5 p.T1{padding-left: 6%;font-size: calc( 30px + 30 * ( 100vw - 640px ) / 640 );line-height: calc( 43px + 43 * ( 100vw - 640px ) / 640 );margin-bottom: 1%;font-weight: 700;color:#fff;}
.potencialwrap .potencial5 p.T2{padding-left: 6%;font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );margin-bottom: 4%;color:#fff;}
.potencialwrap .potencial5 .potencialbtn{margin-bottom: 4%;}
.potencialwrap .potencial5 p.T3{padding-left: 6%;font-size: calc( 20px + 20 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#ff2020;}
.potencialwrap .potencial6{background: #fff;padding: 18% 0 5% 0;text-align: center;}
.potencialwrap .potencial6 .pors1{margin-bottom: 17%;}
.potencialwrap .potencial6 p.T1{font-size: calc( 30px + 30 * ( 100vw - 640px ) / 640 );line-height: calc( 42px + 42 * ( 100vw - 640px ) / 640 );color:#272727;position: relative;display: inline-block;margin-bottom: 8%;font-weight: 700;}
.potencialwrap .potencial6 p.T1:before{content: '';position: absolute;bottom: -2%;width: 100%; height: 1px;background: #000;;left: 0;}
.potencialwrap .potencial6 p.T2{font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );line-height: calc( 42px + 42 * ( 100vw - 640px ) / 640 );color:#272727;display: block;margin-bottom: 4%;text-align: center;}
.potencialwrap .potencial6 p.T2 span{font-weight: 700;}
.potencialwrap .potencial7{background: #fff;padding-bottom: 15%;}
.potencialwrap .potencial7 .cont{position: relative;padding-top: 5%;}
.potencialwrap .potencial7 p.T1{font-size: calc( 31px + 31 * ( 100vw - 640px ) / 640 );line-height: calc( 44px + 44 * ( 100vw - 640px ) / 640 );color:#272727;margin-bottom: 3%;font-weight: 700;padding:0% 0 0 6%}
.potencialwrap .potencial7 .pors1{margin-bottom: 3%;}
.potencialwrap .potencial7 p.T2{font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );line-height: calc( 38px + 38 * ( 100vw - 640px ) / 640 );color:#272727;margin-bottom: 3%;font-weight: 700;padding:0% 0 0 6%}
.potencialwrap .potencial8{background: #000;padding: 20% 0 17% 0;}
.potencialwrap .potencial8 p.T1{color:#6e9522;padding-left: 6%;font-size: calc( 22px + 22 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );margin-bottom: 0.5%;}
.potencialwrap .potencial8 p.T2{color:#fff;padding-left: 6%;font-size: calc( 60px + 60 * ( 100vw - 640px ) / 640 );line-height: calc( 76px + 76 * ( 100vw - 640px ) / 640 );letter-spacing: -3px;font-weight: 700;margin-bottom: 8%;}
.potencialwrap .potencial8 .swiper,.potencialwrap .potencial8 .swiper-container {margin-left: auto;margin-right: auto; position: relative;overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block;}
.potencialwrap .potencial8 .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex;transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box;}
.potencialwrap .potencial8 .swiper-android .swiper-slide,.potencialwrap .potencial8 .swiper-wrapper {transform: translate3d(0px, 0, 0);}
.potencialwrap .potencial8 .swiper-slide{flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;padding: 0 4.52%;}
.potencialwrap .potencial8 .swiper-slide.s1{padding: 0 3% 0 6%;}
.potencialwrap .potencial8 .swiper-slide.s3{padding: 0 6% 0 3%;}
.potencialwrap .potencial8 .swiper-centered > .swiper-wrapper > .swiper-slide {scroll-snap-align: center center;scroll-snap-stop: always;}
.potencialwrap .potencial8 .swiper-horizontal.swiper-css-mode > .swiper-wrapper {scroll-snap-type: x mandatory;}
.potencialwrap .potencial8 .gals .Tbox{padding: 5%;}
.potencialwrap .potencial8 .gals .contbox{border-radius: 20px;overflow: hidden;}
.potencialwrap .potencial8 .gals .Tbox p.T3{color:#fff;font-size: calc( 44px + 44 * ( 100vw - 640px ) / 640 );line-height: calc( 60px + 60 * ( 100vw - 640px ) / 640 );margin-bottom: 3%;font-weight: 700;}
.potencialwrap .potencial8 .gals .Tbox p.T4{color:#fff;font-size: calc( 26px + 26 * ( 100vw - 640px ) / 640 );line-height: calc( 32px + 32 * ( 100vw - 640px ) / 640 );margin-bottom:8%;}
.potencialwrap .potencial8 .gals .s1 .Tbox p.T4{margin-bottom: 0;}
.potencialwrap .potencial8 .gals .Tbox p.T4 span{color:#fff;font-size: calc( 20px + 20 * ( 100vw - 640px ) / 640 );}
.potencialwrap .potencial8 .s1 .Tbox{background: #6d9612;}
.potencialwrap .potencial8 .s2 .Tbox{background: #51afef;}
.potencialwrap .potencial8 .s3 .Tbox{background: #803ec0;}
.potencialwrap .potencial8 .s3{margin-right: 6%;}
.potencialwrap .potencial9 p.T1{color:#6e9522;padding-left: 6%;font-size: calc( 22px + 22 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );padding: 21% 0 0% 6%;}
.potencialwrap .potencial9 p.T2{color:#272727;padding-left: 6%;font-size: calc( 48px + 48 * ( 100vw - 640px ) / 640 );line-height: calc( 60px + 60 * ( 100vw - 640px ) / 640 );letter-spacing: -3px;font-weight: 700;margin-bottom: 79%;}
.potencialwrap .potencial10{padding: 14% 5%;background: #f3f3f3;}
.potencialwrap .potencial10 p.T1{font-size: calc( 42px + 42 * ( 100vw - 640px ) / 640 );margin-bottom: 15%;text-align: center;font-weight: 700;}
.potencialwrap .potencial10 .tabarea{width: 100%; margin: auto;}
.potencialwrap .potencial10 .tabarea .tabs{width: 100%;margin-bottom: 10%;overflow: hidden;display: flex;}
.potencialwrap .potencial10 .tabarea .tabs a{flex: 3;padding: 5.513% 0;text-align: center;margin:0 3px;align-content: space-around; background: #fff;color:#222;font-size: calc( 23px + 23 * ( 100vw - 640px ) / 640 );font-weight: 700;}
.potencialwrap .potencial10 .tabarea .tabs a.on{background: #000;color:#fff;}
.potencialwrap .potencial10 .tabarea .tab-content{display: none;}
.potencialwrap .potencial10 .tabarea .tab-content.on{display: block;}
.potencialwrap .potencial10 .tabarea .tab-content .acbtn{border-bottom: 2px solid #f3f3f3;padding: 6.686% 6%;color:#000;font-size: calc( 23px + 23 * ( 100vw - 640px ) / 640 );display: block;font-weight: 700;position: relative;background: #fff;}
.potencialwrap .potencial10 .tabarea .tab-content .acbtn:after{content: '';position: absolute;background: url(https://ad.goodneighbors.kr/potential23/mobile/images/arow2.png) no-repeat;width: 9px; height: 8.5px;right: 5%; top: 50%; margin-top: -4px;background-size: 9px 8.5px;}
.potencialwrap .potencial10 .tabarea .tab-content .acbtn.on:after{background: url(https://ad.goodneighbors.kr/potential23/mobile/images/arow3.png) no-repeat;background-size: 9px 8.5px;}
.potencialwrap .potencial10 .tabarea .tab-content p.T2{padding: 6.686% 6%;;color:#777;font-size: calc( 20px + 20 * ( 100vw - 640px ) / 640 );;border-bottom: 2px solid #f3f3f3;display: none;background: #fff;}
.potencialwrap .potencial10 .tabarea .tab-content p.T2.on{display: block;}
.potencialwrap .potencial10 .tabarea .tab-content p.T2 span.jin{font-weight: 700;color:#777;}
.potencialwrap .potencial10 .tabarea .tab-content p.T2 span.red{color:red}
.potencialwrap .potencial10 .tabarea .tab-content p.T2 span.sm{font-size: calc( 16px + 16 * ( 100vw - 640px ) / 640 );;color:#777}
.potencialfooter{padding: 5% 0;text-align: center;background: #fff;}
#container{max-width: none !important;}
@media (min-width: 640px) {
    .potencialwrap .potencial3 .Tbox p.T1{font-size: 44px; line-height: 60px;}
    .potencialwrap .potencial3 .Tbox p.T2{font-size: 26px; line-height: 40px;}
    .potencialwrap .potencial5 p.T1{font-size: 30px; line-height: 43px;}
    .potencialwrap .potencial5 p.T2{font-size: 24px; line-height: 36px;}
    .potencialwrap .potencial5 p.T3{font-size: 20px; line-height: 36px;}
    .potencialwrap .potencial10 .tabarea .tab-content p.T2{font-size: 20px;;}
    .potencialwrap .potencial10 .tabarea .tab-content p.T2 span.sm{font-size: 16px;;}
    .potencialwrap .potencial10 .tabarea .tab-content .acbtn,.potencialwrap .potencial10 .tabarea .tabs a{font-size: 23px;;}
    .potencialwrap .potencial1 p.T1{font-size: 24px; line-height: 36px;}
    .potencialwrap .potencial1 p.T2{font-size: 60px; line-height: 74px;}
    .potencialwrap .potencial1 h1.T3{font-size: 30px; line-height: 42px;}
    .potencialwrap .potencial2 h1{font-size: 61px; line-height: 74px;}
    .potencialwrap .potencial2 h2.T1{font-size: 32px; line-height: 50px;}
    .potencialwrap .potencial2 .Tbox p.T1{font-size: 44px; line-height: 60px;}
    .potencialwrap .potencial2 .Tbox p.T2{font-size: 26px; line-height: 40px;}
    .potencialwrap .potencial4 p.T1{font-size: 22px; line-height: 36px;}
    .potencialwrap .potencial4 p.T2{font-size: 48px; line-height: 60px;}
    .potencialwrap .potencial4 p.T1{font-size: 38px; line-height: 43px;}
    .potencialwrap .potencial4 p.T2{font-size: 24px; line-height: 36px;}
    .potencialwrap .potencial4 p.T3{font-size: 20px; line-height: 36px;}
    .potencialwrap .potencial6 p.T1{font-size: 30px; line-height: 42px;}
    .potencialwrap .potencial6 p.T2{font-size: 24px; line-height: 42px;}
    .potencialwrap .potencial7 p.T1{font-size: 31px; line-height: 44px;}
    .potencialwrap .potencial7 p.T2{font-size: 24px; line-height: 38px;}
    .potencialwrap .potencial8 p.T1{font-size: 22px; line-height: 36px;}
    .potencialwrap .potencial8 p.T2{font-size: 60px; line-height: 76px;}
    .potencialwrap .potencial8 .gals .Tbox p.T3{font-size: 44px; line-height: 60px;}
    .potencialwrap .potencial8 .gals .Tbox p.T4{font-size: 26px; line-height: 32px;}
    .potencialwrap .potencial8 .gals .Tbox p.T4 span{font-size: 20px;}
    .potencialwrap .potencial9 p.T1{font-size: 22px; line-height: 36px;}
    .potencialwrap .potencial9 p.T2{font-size: 48px; line-height: 60px;}
    .potencialwrap .potencial10 p.T1{font-size: 42px;}
    
}
@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}