@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 400; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-bRg.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 350; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-aLt.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 700; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-cBd.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 800; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-dEb.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 900; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-eHv.woff') format('woff');}
@font-face {font-family: 'NanumMyeongjo'; src: url('https://cdn.jsdelivr.net/gh/wizfile/font/NanumMyeongjo.eot');src:url('https://cdn.jsdelivr.net/gh/wizfile/font/NanumMyeongjo.woff') format('woff');font-style: normal;}
:root{--mj: "NanumMyeongjo" !important;}
.natawrap .quicks img,.natawrap .nata img{width: auto;display: inline-block;}
.nata h1,.nata h2,.nata a,.nata div,.nata span,.nata a,.nata p,.nata i{font-family: 'NanumSquare Neo' !important;; letter-spacing: -1.2px;line-height: 150%;}
.natawrap{width:100%; min-width:1100px;max-width: 1800px; margin: auto;position: relative;height: 100%;;}
.natawrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.natawrap .quicks img{filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5)) !important}
.natawrap .nata{width:100%; min-width:1100px;max-width: 1800px; margin: auto;position: relative;overflow: hidden;}
.natawrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;;}
.natawrap .nata .inner{width:1100px; margin: auto;position: relative;}
.natawrap .nata1{background: url(../images/bg1.png) 50% 0 no-repeat;}
.natawrap .nata1 .inner{height: 860px}
.natawrap .nata1 .inner .gnilogos{position: relative;z-index: 2;display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 3px 0 155px 0;}
.natawrap .nata1 .inner .gnilogos .logowrap{display: flex;align-items: baseline;}
.natawrap .nata1 .inner .gnilogos .logowrap a{margin-right: 10px;}
.natawrap .nata1 .inner .gnilogos .logowrap span{color:#fff;font-weight: 400;}
.natawrap .nata1 .inner .gnilogos .biwrap{display: flex;align-items: center;}
.natawrap .nata1 .inner .gnilogos .biwrap i{color:#fff;font-size: 13px;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.natawrap .nata1 .inner .gnilogos span{color:#464646; font-size: 13px;font-weight: 400;vertical-align: baseline;font-weight: 800;}
.natawrap .nata1 .inner h1{animation: fade-in-top 1s linear both;padding: 0 0 65px 0;}
.natawrap .nata1 .inner .Tbox p.T1{padding: 0 0 53px 0; color:#fff;font-size: 20px;line-height: 31.8px;}
.natawrap .nata1 .inner .Tbox .natabtn a{background: #fff;color:#715b4a; font-size: 24px; width: 310px; height: 100px;line-height: 100px;text-align: center;border-radius: 10px;font-weight: 900;}
.natawrap .nata1 .inner .Tbox .natabtn a:before{border: 6px solid #fff;border-radius: 10px}
.natawrap .nata2{background: #715b4a}
.natawrap .nata2 .inner{padding: 67px 0;}
.natawrap .nata2 .inner .videos {width: 860px;height: 487px; position: relative;margin: auto;}
.natawrap .nata2 .inner .videos iframe {position: absolute; left: 0; top: 0; width: 100%;height: 100%;}
.natawrap .nata3{background: url(../images/bg2.png) 50% 0 no-repeat;}
.natawrap .nata3 .inner{height: 1000px}
.natawrap .nata3 .inner h2{opacity: 0;;padding: 102px 0 52px 0px;}
.natawrap .nata3 .inner h2.on{animation: fade-in-left 1s linear both}
.natawrap .nata3 .inner .Tbox p.T1{font-size: 20px;line-height: 31.8px; color:#333;margin-bottom: 53px;font-weight: 600;}
.natawrap .nata3 .inner .Tbox p.T1 i{color:#333;font-weight: 800;}
.natawrap .nata3 .inner .Tbox .natabtn a{background: #715b4a;color:#fff; font-size: 24px; width: 310px; height: 100px;line-height: 100px;text-align: center;border-radius: 10px;font-weight: 900;}
.natawrap .nata3 .inner .Tbox .natabtn a:before{border: 6px solid #715b4a;border-radius: 10px}
.natawrap .nata3 p.T2{color:#fff; font-size: 26px; padding: 10px 0;background: #333;text-align: center;font-weight: 700;}
.natawrap .nata3 .nata-pic{display: flex;align-items: center;justify-content: space-between;position: relative;left: 50%; margin-left: -900px;width: 100%;}
.natawrap .nata3 .nata-pic img{opacity: 0;}
.natawrap .nata3 .nata-pic.on img{animation: fade-in-top 1s linear both;}
.natawrap .nata3 .nata-pic.on img:nth-of-type(2){animation-delay: 0.3s;}
.natawrap .nata3 .nata-pic.on img:nth-of-type(3){animation-delay: 0.6s;}
.natawrap .nata4{background: url(../images/bg3.png) 50% 0 no-repeat;}
.natawrap .nata4 .inner{height: 1390px}
.natawrap .nata4 .inner .Tbox{padding: 130px 0 78px 553px;text-align: right;}
.natawrap .nata4 .inner .Tbox h2{opacity: 0;margin-bottom: 62px; }
.natawrap .nata4 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.natawrap .nata4 .inner .Tbox p.T1{font-size: 20px; color:#fff;font-weight: 400;line-height: 31.8px;padding: 0 0 80px 51px;text-align: right;}
.natawrap .nata5{background: url(../images/bg4.png) 50% 0 no-repeat;}
.natawrap .nata5 .inner{height: 990px;}
.natawrap .nata5 .inner .Tbox{padding: 96px 0 0 0 ;}
.natawrap .nata5 .inner .Tbox h2{opacity: 0;margin:0 0 40px -14px; }
.natawrap .nata5 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.natawrap .nata5 .inner p.T1{color:#333;font-size: 20px;line-height: 31.8px;margin-bottom: 54px;font-weight: 600;}
.natawrap .nata5 .inner .natabtn a{background: #715b4a;color:#fff; font-size: 24px; width: 310px; height: 100px;line-height: 100px;;text-align: center;border-radius: 10px;font-weight: 900;}
.natawrap .nata5 .inner .natabtn a:before{border: 6px solid #715b4a;border-radius: 10px}
.natawrap .nata6{background: url(../images/bg5.png) 50% 0 no-repeat;}
.natawrap .nata6 .inner{height: 760px;;}
.natawrap .nata6 .inner .Tbox{padding: 177px 0 0 0;text-align: right;}
.natawrap .nata6 .inner .Tbox h2{color:#eddebb; font-size: 28px; font-weight: 700;font-family: var(--mj) !important;margin-bottom: 35px;}
.natawrap .nata6 .inner .Tbox p.T1{color:#fff; font-size: 22px; font-family: var(--mj) !important;line-height: 34.5px;margin-bottom: 15px;}
.natawrap .nata6 .inner .Tbox p.T2{color:#fff; font-size: 18px;}
.natawrap .nata7{background: url(../images/bg6.png) 50% 0 no-repeat;}
.natawrap .nata7 .inner{height: 1020px;;}
.natawrap .nata7 .inner .Tbox{padding: 74px 0 0 0;}
.natawrap .nata7 .inner .Tbox h2{opacity: 0;margin:0 0 38px 0;color:#715b4a;font-size: 35px; font-weight: 800;line-height: 48px; }
.natawrap .nata7 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.natawrap .nata7 .inner p.T1{color:#333;font-size: 20px;line-height: 31.8px;margin-bottom: 27px;font-weight: 500;}
.natawrap .nata7 .inner p.T1 i{color:#777; font-size: 14px;}
.natawrap .nata7 .inner p.T2{color:#333;font-size: 20px;line-height: 31.8px;margin-bottom: 27px;font-weight: 500;}
.natawrap .nata7 .inner p.T2 i{color:#777; font-size: 14px;}
.natawrap .nata7 .inner p.T3{color:#333;font-size: 20px;line-height: 31.8px;margin-bottom: 47px;font-weight: 500;}
.natawrap .nata7 .inner p.T3 i{color:#333; font-weight: 800;}
.natawrap .nata7 .inner .natabtn a{background: #715b4a;color:#fff; font-size: 24px; width: 310px; height: 100px;line-height: 100px;;text-align: center;border-radius: 10px;font-weight: 900;}
.natawrap .nata7 .inner .natabtn a:before{border: 6px solid #715b4a;border-radius: 10px}
.natawrap .nata8{background: #fff;}
.natawrap .nata8 .inner p.T1{font-size: 40px; color:#000;line-height: 62px;;font-weight: 800;text-align: center;padding: 121px 0 66px 0;letter-spacing: -2px;}
.natawrap .nata8 .inner .natabtn{text-align: center;margin-bottom: 68px;}
.natawrap .nata8 .inner .natabtn a.B1{background: #715b4a;color:#fff}
.natawrap .nata8 .inner .natabtn a.B2{background: #f7ede5;color:#715b4a}
.natawrap .nata8 .inner .natabtn a{font-size: 30px; text-align: center;font-weight: 900;margin: 0 8px; height: 120px; line-height: 120px;border-radius: 10px;width: 380px;}
.natawrap .nata8 .inner .natabtn a.B1:before{border: 6px solid #715b4a;border-radius: 10px;}
.natawrap .nata8 .inner .natabtn a.B2:before{border: 6px solid #f7ede5;border-radius: 10px;}
.natawrap .nata8 .inner .T2{font-size: 17px; text-align: center;color:#7d7d7d;margin-bottom: 125px;}
.natawrap .nata9{background: url(../images/bg7.png) 50% 0 no-repeat;;}
.natawrap .nata9 .inner{height: 1020px;}
.natawrap .nata9 .inner .T1{padding: 121px 0 48px 0px;text-align: center;font-size: 35px;font-weight: 800;color:#fff}
.natawrap .nata9 .inner ul{display: flex;align-items: flex-start;justify-content: center;margin: auto; margin-bottom: 38px;gap: 10px;}
.natawrap .nata9 .inner ul li{text-align: center;opacity: 0;}
.natawrap .nata9 .inner ul li.on{animation: fade-in-top 1s linear both;}
.natawrap .nata9 .inner ul li:nth-of-type(2){animation-delay: 0.3s;}
.natawrap .nata9 .inner ul li:nth-of-type(3){animation-delay: 0.6s;}
.natawrap .nata9 .inner ul li:nth-of-type(4){animation-delay: 0.6s;}
.natawrap .nata9 .inner ul li img{display: inline-block;padding: 49px 0 38px 0;}
.natawrap .nata9 .inner ul li .Tbox{border-radius: 15px; overflow: hidden;background: #fff;text-align: center;width: 360px;height: 390px;}
.natawrap .nata9 .inner ul li p.T2{color:#fff;font-size: 26px;font-weight: 800;background: #715b4a;padding: 21px 0;}
.natawrap .nata9 .inner ul li p.T3{color:#7e7e7e;font-size: 22px;;}
.natawrap .nata9 .inner p.T4{color:#fff;font-size: 20px;text-align: center;margin-bottom: 55px;}
.natawrap .nata9 .inner .natabtn{text-align: center;}
.natawrap .nata9 .inner .natabtn a{background: #fff;color:#715b4a; font-size: 24px; width: 310px; height: 100px;line-height: 100px;;text-align: center;border-radius: 10px;font-weight: 900;}
.natawrap .nata9 .inner .natabtn a:before{border: 6px solid #ffff;border-radius: 10px}
.natawrap .nata10{background: #fdf8f4;}
.natawrap .nata10 .inner{padding-bottom: 80px;}
.natawrap .nata10 .inner h2{color:#715b4a; font-size: 52px;font-weight: 900;letter-spacing: -3px;text-align: center;padding: 74px 0 39px 0;}
.natawrap .nata10 .inner .faq-wrap .faq-item{font-size: 21px; color:#374500;margin-bottom: 20px;display: block;}
.natawrap .nata10 .inner .faq-wrap .faq-item .faq-q{font-weight: 800;padding:40px; border-bottom: 1px solid #f5f5f5;width: 100%;position: relative;background: #fff;color:#715b4a;font-size: 24px;font-weight: 800;} 
.natawrap .nata10 .inner .faq-wrap .faq-item .faq-q::after {content: "";display: block;position: absolute;right: 40px; top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #715b4a;transition: all 0.3s ease;}
.natawrap .nata10 .inner .faq-wrap .faq-item.open .faq-q::after {border-top-color: #715b4a;transform: translateY(-50%) rotate(180deg);}
.natawrap .nata10 .inner .faq-wrap .faq-item .faq-a{padding: 50px;font-weight: 400;background: #fff;font-size: 20px; color:#555;}
.natawrap .nata10 .inner .faq-wrap .faq-item .faq-a .faq-inner{line-height: 40px;}
.natawrap .natafot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.footer{background: #fff;position: relative;z-index: 2;}
.natawrap #footer {margin:45px auto 0;border-top:1px solid #d1d1d1}
.natawrap #footer .footer_menu {border-bottom:1px solid #d1d1d1;background:#e9e9e9;padding:5px 10px 5px 3px}
.natawrap #footer .footer_lay {position:relative;width:980px;margin:0 auto;}
.natawrap #footer .footer_lay:after {content:" ";display:block;clear:both}
.natawrap #footer .footer {background:#f5f5f5;position:relative;z-index: 1;}
.natawrap #footer .footer .footer_lay {padding:25px 0 24px 153px;position:relative;width:827px;/* margin-top:5px;*/ margin-bottom:5px}
.natawrap #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;}
.natawrap #footer .footer address {color:#7c7c7c;font-size:11px;padding-top:3px;font-style: normal;}
.natawrap #footer .footer address span {color:#7c7c7c}
.natawrap #footer .footer address strong {color:#666666;margin-right:12px;width:200px;display:inline-block;text-align:right}
.natawrap #footer .footer address strong span {color:#857768;margin-left:5px}
.natawrap #footer .footer p {font-size:11px;border-top:1px solid #e5e5e5;padding-top:8px;margin-top:5px;color:#a8a8a8}
.natawrap #footer .footer p.gniinfotxt{border: 0px; float: left; color:#666666; }
.natawrap #footer .footer p.gniinfotxt span.hipe{margin: 0px; font-size: 12px; font-weight:700;}
.natawrap #footer .footer p.gniinfotxt span.hipe span.pa{color:#857768; margin-left:5px; font-weight:100;  font-size: 12px; }
.natawrap #footer .footer p span {float:right;margin-right:12px;font-size:10px}
.ir {background: url(https://ad.goodneighbors.kr/mainSprite.png)}
.natawrap .natabtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.natawrap .natabtn a:hover:before, .natawrap .natabtn a:focus:before, .natawrap .natabtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.natawrap .natabtn 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;font-weight: 900;}
@-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}}