@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'); } 
.babswrap .quicks img,.babswrap .babs img{width: auto;display: inline-block;}
.babs h1,.babs h2,.babs a,.babs div,.babs span,.babs a,.babs p,.babs i{font-family: 'Noto Sans KR' !important;; letter-spacing: -1px;line-height: 150%;}
.babswrap{width:100%; min-width:1200px;max-width: 1900px; margin: auto;position: relative;height: 100%;;}
.babswrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.babswrap .babs{width:100%; min-width:1200px;max-width: 1900px; margin: auto;position: relative;overflow: hidden;}
.babswrap .babs .inner{width:1200px; margin: auto;position: relative;}
.babswrap .babs1{background: url(../images/bg1.png) 50% 0 no-repeat;}
.babswrap .babs1 .inner{height: 1608px}
.babswrap .babs1 .inner .gnilogos{padding: 11px 0 220px 0;}
.babswrap .babs1 .inner .gnilogos a{display: inline-block;margin-right: 3px;}
.babswrap .babs1 .inner .gnilogos span{color:#9fa39d; font-size: 14px;;}
.babswrap .babs1 .inner h1{padding: 0 0 103px 125px;position: relative;animation: fade-in-top 1s linear both;}
.babswrap .babs1 .inner h1:before{content: '';position: absolute;background: url(../images/ob1.png) no-repeat;width: 95px; height: 96px; left: 150px; top: -50px;}
.babswrap .babs1 .inner p.T1{color:#fff; font-size: 20px;padding: 0 0 57px 150px;line-height: 31px;}
.babswrap .babs1 .inner .babsbtn{padding:0 0 89px 150px;;}
.babswrap .babs1 .inner .babsbtn a{background: #fff; width: 277px; height: 71px; line-height: 71px; color:#000;font-size: 22px; font-weight: 700;text-align: center;border-radius: 71px;;}
.babswrap .babs1 .inner .babsbtn a::before{border: 6px solid #fff;border-radius: 71px;;}
.babswrap .babs1 .inner .videos{width: 978px; margin: auto;position: relative;height: 551px;;}
.babswrap .babs1 .inner .videos iframe{position: absolute;left: 0;top: 0;width: 100%; height: 100%;}
.babswrap .picbox{display: flex;align-items: center;justify-content: center;width: 100%;overflow: hidden;background: #171a1d;}
.babswrap .picbox img{opacity: 0;}
.babswrap .picbox img.on{animation: fade-in-top 1s linear both}
.babswrap .picbox img:nth-of-type(2){animation-delay: 0.2s;}
.babswrap .picbox img:nth-of-type(3){animation-delay: 0.4s;}
.babswrap .picbox img:nth-of-type(4){animation-delay: 0.6s;}
.babswrap .babs2{background: url(../images/bg2.png) 50% 0 no-repeat;}
.babswrap .babs2 .inner{height: 862px}
.babswrap .babs2 .inner .Tbox{padding: 173px 0 0 757px;}
.babswrap .babs2 .inner .Tbox p.T1{padding-bottom: 58px;animation: fade-in-top 1s linear both;opacity: 0;}
.babswrap .babs2 .inner .Tbox p.T2{color:#fff; font-size: 19px;line-height: 29px;}
.babswrap .babs2 .inner .Tbox p.T2 span{color:#fff9c4;}
.babswrap .babs3{background: url(../images/bg3.png) 50% 0 no-repeat;}
.babswrap .babs3 .inner{height: 996px}
.babswrap .babs3 .inner .Tbox{padding: 115px 0 0 90px;}
.babswrap .babs3 .inner .Tbox p.T1{padding-bottom: 37px;opacity: 0;}
.babswrap .babs3 .inner .Tbox p.T1.on{animation: fade-in-top 1s linear both;}
.babswrap .babs3 .inner .Tbox p.T2{color:#fff; font-size: 19px;line-height: 29px;margin-bottom: 37px;}
.babswrap .babs3 .inner .Tbox p.T2 span{color:#fff9c4;}
.babswrap .babs3 .inner .Tbox .imgs{margin-bottom: 29px;opacity: 0;}
.babswrap .babs3 .inner .Tbox .imgs.on{animation: fade-in-left 1s linear both;}
.babswrap .babs3 .inner .Tbox .babsbtn a{background: #fff; width: 290px; height: 67px; line-height: 67px; color:#000;font-size: 22px; font-weight: 700;text-align: center;}
.babswrap .babs3 .inner .Tbox .babsbtn a::before{border: 6px solid #fff;}
.babswrap .textbox{text-align: center;padding: 94px 0 77px 0;}
.babswrap .textbox p.T1{font-size: 50px; font-weight: 700;color:#000;letter-spacing: -2px;}
.babswrap .textbox p.T2{padding-left: 628px;}
.babswrap .textbox2{text-align: center;padding: 41px 0;background: #2c3441;}
.babswrap .textbox2 p.T1{font-size: 29px; font-weight: 400;color:#fff}
.babswrap .textbox2 p.T1 span{color:#ffef84}
.babswrap .babs4{background: url(../images/bg4.png) 50% 0 no-repeat;}
.babswrap .babs4 .inner{height: 754px}
.babswrap .babs4 .inner .Tbox{padding: 101px 0 0 90px;}
.babswrap .babs4 .inner .Tbox p.T1{padding-bottom: 31px;opacity: 0;}
.babswrap .babs4 .inner .Tbox p.T1.on{animation: fade-in-top 1s linear both;}
.babswrap .babs4 .inner .Tbox p.T2{color:#fff; font-size: 19px;line-height: 29px;margin-bottom: 34px;}
.babswrap .babs4 .inner .Tbox p.T2 span{color:#fff9c4;}
.babswrap .babs4 .inner .Tbox .babsbtn a{background: #fff; width: 290px; height: 67px; line-height: 67px; color:#000;font-size: 22px; font-weight: 700;text-align: center;}
.babswrap .babs4 .inner .Tbox .babsbtn a::before{border: 6px solid #fff;}
.babswrap .babs5{background: url(../images/bg5.png) 50% 0 no-repeat;}
.babswrap .babs5 .inner{height: 768px}
.babswrap .babs5 .inner .Tbox{padding: 100px 0 0 90px;}
.babswrap .babs5 .inner .Tbox p.T1{padding-bottom: 41px;opacity: 0;}
.babswrap .babs5 .inner .Tbox p.T1.on{animation: fade-in-top 1s linear both;}
.babswrap .babs5 .inner .Tbox p.T2{color:#fff; font-size: 19px;line-height: 29px;margin-bottom: 36px;}
.babswrap .babs5 .inner .Tbox p.T2 span{color:#fff9c4;}
.babswrap .babs5 .inner .Tbox .babsbtn a{background: #fff; width: 290px; height: 67px; line-height: 67px; color:#000;font-size: 22px; font-weight: 700;text-align: center;}
.babswrap .babs5 .inner .Tbox .babsbtn a::before{border: 6px solid #fff;}
.babswrap .babs6{background: #faf9f3;}
.babswrap .babs6 .inner p.T1{text-align: center;position: relative;padding: 105px 0 41px 0;;opacity: 0;}
.babswrap .babs6 .inner p.T1.on{animation: fade-in-top 1s linear both;}
.babswrap .babs6 .inner p.T1:before{content: '';position: absolute;background: url(../images/ob2.png) no-repeat;width: 50px; height: 50px; top: 76px; left: 50%; margin-left: 100px;}
.babswrap .babs6 .inner .babsang{padding-bottom: 70px;}
.babswrap .babs6 .inner .babsang .babarea{background: url(../images/foodpan.png) no-repeat;width: 1025px; height: 651px; margin: auto;position: relative;margin-bottom: 60px;}
.babswrap .babs6 .inner .babsang .babarea .bab{position: absolute;left: 50%;cursor: pointer;}
.babswrap .babs6 .inner .babsang .babarea .bab:hover{animation: floating .5s linear infinite}
.babswrap .babs6 .inner .babsang .babarea .bab::after{content: '+5000원';position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);text-shadow: 0 0 8px rgba(0,0,0,1);font-size: 22px; color:#fff; font-weight: 900;transition: 0.5s linear}
.babswrap .babs6 .inner .babsang .babarea .bab.on::after{opacity: 0;margin-top: -30px;}
.babswrap .babs6 .inner .babsang .babarea .bab.on img{filter: drop-shadow(0 10px 5px rgba(0,0,0,.5)) grayscale(0);;}
.babswrap .babs6 .inner .babsang .babarea .bab img{filter: drop-shadow(0 10px 5px rgba(0,0,0,.5)) grayscale(1);transition: 0.5s linear;}
.babswrap .babs6 .inner .babsang .babarea .bab1{top:93px; margin-left: -114px;}
.babswrap .babs6 .inner .babsang .babarea .bab2{top:206px; margin-left: -326px;}
.babswrap .babs6 .inner .babsang .babarea .bab3{top:289px; margin-left: -93px;}
.babswrap .babs6 .inner .babsang .babarea .bab4{top:202px; margin-left: 96px;}
.babswrap .babs6 .inner .babsang .babarea i{position: absolute;top: 342px;left: 336px;animation: scales 0.3s linear infinite alternate;}
.babswrap .babs6 .inner .babsang .plusmomey{display: flex;align-items: center;justify-content: space-between;border: 1px solid #e9d6c0;border-radius: 79px;padding-left: 10px;margin: auto;width: 510px;margin-bottom: 15px;background: #fff;}
.babswrap .babs6 .inner .babsang .plusmomey i{color:#fff; font-size: 14px; background: #744c1c;border-radius: 30px;padding: 0 10px;}
.babswrap .babs6 .inner .babsang .plusmomey .count{margin: 0 25px 0 15px;font-size: 24px; color:#482f11;font-weight: 700;}
.babswrap .babs6 .inner .babsang .plusmomey .count span{color:#482f11;font-weight: 700;display: inline-block;text-align: right;}
.babswrap .babs6 .inner .babsang .plusmomey a{width: 282px; height: 79px; border-radius: 79px; color:#fff;font-size: 24px; text-align: center;background: #744c1c;line-height: 79px;}
.babswrap .babs6 .inner .babsang p.T2{text-align: center;color:#c4ac90; font-size: 15px;;}
.babswrap .babs7{background: #ffff;}
.babswrap .babs7 .inner{padding-bottom: 104px;}
.babswrap .babs7 .inner .Tbox{padding-left: 90px;}
.babswrap .babs7 .inner p.T1{color:#242424; font-size: 40px; padding: 115px 0 32px 0;font-weight: 700;line-height: 45px;letter-spacing: -2px;}
.babswrap .babs7 .inner p.T1 i{color:#91b32a;font-weight: 700;letter-spacing: -2px}
.babswrap .babs7 .inner .babsbtn{display: flex;align-items: center;justify-content: flex-start;margin-bottom: 45px;}
.babswrap .babs7 .inner .babsbtn a{color:#fff;font-size: 24px; border-radius: 5px;height: 87px;text-align: center;line-height: 87px;}
.babswrap .babs7 .inner .babsbtn a.B1{background: #84a818;width: 339px;}
.babswrap .babs7 .inner .babsbtn a.B2{margin-left: 10px;background: #d4d4d4;width: 154px}
.babswrap .babs7 .inner .babsbtn a.B1::before{border: 6px solid #84a818;border-radius: 5px;}
.babswrap .babs7 .inner .babsbtn a.B2::before{border: 6px solid #d4d4d4;border-radius: 5px;}
.babswrap .babs7 .inner p.T2{color:#242424; font-size: 17px;line-height: 24px;margin-bottom: 13px;}
.babswrap .babs7 .inner p.T3{color:#989898; font-size: 15px;}
.babswrap .babs7 .inner .gals{position: absolute;top: 120px; right: 115px;width: 323px;}
.babswrap .babs7 .inner .gals .swiper-container {position: relative; margin-bottom: 5%;overflow: hidden;}
.babswrap .babs7 .inner .gals .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; }
.babswrap .babs7 .inner .gals .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.babswrap .babs7 .inner .gals .swiper-slide {flex-shrink: 0;width: 100%; height: 100%; position: relative; transition-property: transform; display: block;}
.babswrap .babs7 .inner .gals .galbtn div{position: absolute;top: 50%; margin-top: -15px;}
.babswrap .babs7 .inner .gals .galbtn div.swiper-button-prev{left: -45px;}
.babswrap .babs7 .inner .gals .galbtn div.swiper-button-next{right: -45px;}
.babswrap .babs7 .inner .gals .galbtn div.swiper-button-disabled{display: none;}
.babswrap .babs7 .inner .gals .swiper-pagination{text-align: center;display: flex;align-items: center;justify-content: center;gap:10px}
.babswrap .babs7 .inner .gals .swiper-pagination span{width: 13px; height: 13px; border-radius: 13px; background: #d4d4d4;}
.babswrap .babs7 .inner .gals .swiper-pagination span.swiper-pagination-bullet-active{background: #81a21c;}
.babswrap .babsfot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #f7f7f7;}
.babswrap #footer {margin:45px auto 0;border-top:1px solid #d1d1d1}
.babswrap #footer .footer_menu {border-bottom:1px solid #d1d1d1;background:#e9e9e9;padding:5px 10px 5px 3px}
.babswrap #footer .footer_lay {position:relative;width:980px;margin:0 auto;}
.babswrap #footer .footer_lay:after {content:" ";display:block;clear:both}
.babswrap #footer .footer {background:#f5f5f5;position:relative;z-index: 1;}
.babswrap #footer .footer .footer_lay {padding:25px 0 24px 153px;position:relative;width:827px;/* margin-top:5px;*/ margin-bottom:5px}
.babswrap #footer .footer .logo {position:absolute;top:41px;left:16px;border-top:none;margin:0;padding:0;width:119px; height:23px;background-position:-168px -263px;text-indent:-9999px;}
.babswrap #footer .footer address {color:#7c7c7c;font-size:11px;padding-top:3px;font-style: normal;}
.babswrap #footer .footer address span {color:#7c7c7c}
.babswrap #footer .footer address strong {color:#666666;margin-right:12px;width:200px;display:inline-block;text-align:right}
.babswrap #footer .footer address strong span {color:#857768;margin-left:5px}
.babswrap #footer .footer p {font-size:11px;border-top:1px solid #e5e5e5;padding-top:8px;margin-top:5px;color:#a8a8a8}
.babswrap #footer .footer p.gniinfotxt{border: 0px; float: left; color:#666666; }
.babswrap #footer .footer p.gniinfotxt span.hipe{margin: 0px; font-size: 12px; font-weight:700;}
.babswrap #footer .footer p.gniinfotxt span.hipe span.pa{color:#857768; margin-left:5px; font-weight:100;  font-size: 12px; }
.babswrap #footer .footer p span {float:right;margin-right:12px;font-size:10px}
.ir {background: url(https://ad.goodneighbors.kr/mainSprite.png)}
.footer{background: #fff;position: relative;z-index: 2;}
.babswrap .babsbtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.babswrap .babsbtn a:hover:before, .babswrap .babsbtn a:focus:before, .babswrap .babsbtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.babswrap .babsbtn a {display: inline-block;vertical-align: -1px;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;}
@-webkit-keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}@keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
@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-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-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes opatr{0%{transform: translate(0,0);}50%{transform: translate(5px,0);}100%{transform: translate(-5px,0);}}
@keyframes scales{0%{transform: scale(1);}100%{transform: scale(0.95)}}
@keyframes floating {0% {transform: translate(0%,0%);}50% {transform: translate(1%,0%);}100% {transform: translate(0%,0%);}}
