@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;}
@font-face {font-family: 'BonmyeongjoSourceHanSerif';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');font-weight: normal; font-display: swap;}
:root{--Myeongjo: "NanumMyeongjo" !important;}
:root{--bon: "BonmyeongjoSourceHanSerif" !important;}
.herowrap .quicks img,.herowrap .hero img{width: auto;display: inline-block;}
.hero h1,.hero h2,.hero a,.hero div,.hero span,.hero a,.hero p,.hero i{font-family: 'NanumSquare Neo' !important;; letter-spacing: -1.2px;line-height: 150%;}
.herowrap{width:100%; min-width:1100px;max-width: 2000px; margin: auto;position: relative;height: 100%;;}
.herowrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.herowrap .hero{width:100%; min-width:1100px;max-width: 2000px; margin: auto;position: relative;overflow: hidden;}
.herowrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;;}
.herowrap .hero .inner{width:1100px; margin: auto;position: relative;}
.herowrap .hero1{background:#161f2b url(../images/bg1.png) 50% 0 no-repeat;}
.herowrap .hero1 .inner{height: 993px}
.herowrap .hero1 .inner .gnilogos{padding: 22px 0 157px 0px;position: relative;z-index: 2;}
.herowrap .hero1 .inner .gnilogos a{display: inline-block;margin-right: 10px;}
.herowrap .hero1 .inner .gnilogos span{color:#fff; font-size: 13px;font-weight: 300;}
.herowrap .hero1 .inner .Tbox h1{margin:0 0 93px 0px;opacity: 0;animation: fade-in-top 1s linear both;}
.herowrap .hero1 .inner .Tbox p.T1{font-size: 20.5px; color:#cdc3b1;font-weight: 400;margin-bottom: 45px;line-height: 29px;}
.herowrap .hero1 .inner .Tbox .herobtn{margin-bottom: 116px;}
.herowrap .hero1 .inner .Tbox .herobtn a:before{border: 6px solid #e6cea0;}
.herowrap .hero2{background:url(../images/bg2.png) repeat;}
.herowrap .hero2 .inner{padding: 145px 0;}
.herowrap .hero2 .inner .videos{width: 836px; height: 496px; margin: auto;position: relative;}
.herowrap .hero2 .inner .videos iframe{width: 100%; height: 100%; left: 0;top: 0;position: absolute;}
.herowrap .hero3{background: url(../images/bg3.png) 50% 0 no-repeat;}
.herowrap .hero3 .inner{height: 963px}
.herowrap .hero3 .inner .Tbox{padding:191px 0 0px 587px;}
.herowrap .hero3 .inner .Tbox h2{opacity: 0;;margin-bottom: 64px;}
.herowrap .hero3 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.herowrap .hero3 .inner .Tbox p.T2{font-size: 20.5px;line-height: 31px; color:#303030;font-weight: 600;}
.herowrap .hero3 .inner .Tbox p.T2 span{display: inline-block;margin-top: 23px;}
.herowrap .hero3 .inner .Tbox p.T2 i{color:#577056;font-size: 18px; display: inline-block;margin-top: 5px;}
.herowrap .hero3 .inner .imgbox{position: absolute;top: 480px; left: -72px;opacity: 0;}
.herowrap .hero3 .inner .imgbox.on{animation: fade-in-top 1s linear both}
.herowrap .hero3 .inner .imgbox p.T3{color:#333;font-size: 14px;font-weight: 200;}
.herowrap .hero3 .inner .imgbox p.T4{color:#333;font-size: 16px;text-align: right;margin-top: 5px;}
.herowrap .hero4{background: url(../images/bg4.png) 50% 0 no-repeat;}
.herowrap .hero4 .inner{height: 276px}
.herowrap .hero5{background: url(../images/bg5.png) 50% 0 no-repeat;}
.herowrap .hero5 .inner{height: 792px}
.herowrap .hero5 .inner .Tbox{padding:111px 0 0 8px;}
.herowrap .hero5 .inner .Tbox h2{opacity: 0;;color:#feeec2;font-size: 33px; font-weight: 800;text-shadow: 3px 3px 0 rgba(0,0,0,0.3);margin-bottom: 53px;}
.herowrap .hero5 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.herowrap .hero5 .inner .Tbox p.T2{font-size: 20.5px;line-height: 32px; color:#fff;}
.herowrap .hero6{background: url(../images/bg6.png) 50% 0 no-repeat;}
.herowrap .hero6 .inner{height: 1375px}
.herowrap .hero6 .inner .Tbox{padding:92px 0 0 551px;}
.herowrap .hero6 .inner .Tbox h2{opacity: 0;;color:#feeec2;font-size: 33px; font-weight: 800;text-shadow: 3px 3px 0 rgba(0,0,0,0.3);margin-bottom: 53px;}
.herowrap .hero6 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.herowrap .hero6 .inner .Tbox p.T2{font-size: 20.5px;line-height: 32px; color:#fff;margin-bottom: 349px;}
.herowrap .hero6 .inner .Tbox p.T2 span{font-family: var(--bon) !important;color:#feeec2;font-size: 25px;font-weight: 400;line-height: 33px;display: inline-block;letter-spacing: -3px;}
.herowrap .hero6 .inner .Tbox .herobtn a:before{border: 6px solid #e6cea0;}
.herowrap .hero6 .inner .imgbox{position: absolute;top: 996px; left: -145px;opacity: 0;}
.herowrap .hero6 .inner .imgbox.on{animation: fade-in-top 1s linear both}
.herowrap .hero6 .inner .imgbox p.T3{color:#e6cea0; font-size: 15px;margin-top: 10px;}
.herowrap .hero7{background: url(../images/bg7.png) 50% 0 no-repeat;}
.herowrap .hero7 .inner{height: 276px}
.herowrap .hero8{background: url(../images/bg8.png) 50% 0 no-repeat;}
.herowrap .hero8 .inner{height: 926px}
.herowrap .hero8 .inner .Tbox h2{opacity: 0;;color:#feeec2;font-size: 33px;padding: 91px 0 53px 0; font-weight: 800;text-shadow: 3px 3px 0 rgba(0,0,0,0.3);}
.herowrap .hero8 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.herowrap .hero8 .inner .Tbox p.T2{font-size: 20.5px;line-height: 32px; color:#fff;margin-bottom: 349px;}
.herowrap .hero8 .inner .Tbox p.T2 span{font-family: var(--bon) !important;color:#feeec2;font-size: 25px;font-weight: 400;line-height: 33px;display: inline-block;letter-spacing: -3px;}
.herowrap .hero8 .inner .imgbox{position: absolute;top: 578px; left: 546px;opacity: 0;}
.herowrap .hero8 .inner .imgbox.on{animation: fade-in-top 1s linear both}
.herowrap .hero8 .inner .imgbox p.T3{color:#fff4e0; font-size: 15px;margin-top: 10px;}
.herowrap .hero9{background: url(../images/bg9.png) 50% 0 no-repeat;}
.herowrap .hero9 .inner{height: 1076px}
.herowrap .hero9 .inner .Tbox{padding:100px 0 0 575px;}
.herowrap .hero9 .inner .Tbox h2{opacity: 0;;color:#feeec2;font-size: 33px; font-weight: 800;text-shadow: 3px 3px 0 rgba(0,0,0,0.3);margin-bottom: 53px;}
.herowrap .hero9 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.herowrap .hero9 .inner .Tbox p.T2{font-size: 20.5px;line-height: 32px; color:#fff;margin-bottom: 66px;}
.herowrap .hero9 .inner .Tbox p.T2 span{font-family: var(--bon) !important;color:#feeec2;font-size: 25px;font-weight: 400;line-height: 33px;display: inline-block;letter-spacing: -3px;}
.herowrap .hero9 .inner .Tbox .herobtn a:before{border: 6px solid #e6cea0;}
.herowrap .hero10{background: #fff;}
.herowrap .hero10 .inner p.T1{text-align: center;color:#3a492f;font-size: 24px;padding: 77px 0 51px 0;}
.herowrap .hero10 .inner p.T1 span{font-weight: 800;line-height: 33px;padding: 15px 0 0px 0;color:#3a492f;display: inline-block;}
.herowrap .hero10 .inner p.T2{margin-bottom: 65px;text-align: center;}
.herowrap .hero10 .inner ul{display: flex;align-items: center;justify-content: center;}
.herowrap .hero10 .inner ul li{opacity: 0;}
.herowrap .hero10 .inner ul li.on{animation: fade-in-top 1s linear both}
.herowrap .hero10 .inner ul li:nth-of-type(2).on{animation-delay: 0.2s;}
.herowrap .hero10 .inner ul li:nth-of-type(3).on{animation-delay: 0.4s;}
.herowrap .hero10 .inner ul li:nth-of-type(4).on{animation-delay: 0.6s;}
.herowrap .hero10 .inner ul li:nth-of-type(5).on{animation-delay: 0.8s;}
.herowrap .hero10 .inner p.T3{font-size: 24px; color:#3a492f;text-align: center;font-weight: 600;padding: 71px 0 62px 0;}
.herowrap .hero10 .inner p.T3 span{font-size: 30px;color:#3a492f;font-weight: 900;display: inline-block;margin-top: 12px;}
.herowrap .hero10 .inner .herobtn{margin-bottom: 65px;text-align: center;display: flex;align-items: center;justify-content: center;gap: 20px;}
.herowrap .hero10 .inner .herobtn a.B1:before{border: 6px solid #3a492f;}
.herowrap .hero10 .inner .herobtn a.B2:before{border: 6px solid #d3d3d3;}
.herowrap .hero10 .inner p.T4{margin-bottom: 40px;text-align: center;}
.herowrap .hero11{background: url(../images/bg10.png) 50% 0 no-repeat;;}
.herowrap .hero11 .inner{height: 1031px;}
.herowrap .hero11 .inner .Tbox{padding: 128px 0 103px 600px;}
.herowrap .hero11 .inner .Tbox h2{color:#616161;font-size: 38px; font-family: var(--bon) !important;line-height: 49px; letter-spacing: -2px;margin-bottom: 30px;}
.herowrap .hero11 .inner .Tbox p.T1{font-size: 20.5px;line-height: 32px; color:#616161;font-weight: 600;}
.herowrap .hero11 .inner p.T2{font-size: 24px;line-height: 35px; color:#616161;font-weight: 800;text-align: center;margin-bottom: 57px;}
.herowrap .hero11 .inner .imgbox{position: absolute;top: 138px; left: -238px;opacity: 0;}
.herowrap .hero11 .inner .imgbox.on{animation: fade-in-top 1s linear both}
.herowrap .hero11 .inner .imgbox p.T3{color:#333; font-size: 13px;margin-top: 10px;}
.herowrap .hero11 .inner .herobtn{text-align: center;}
.herowrap .hero12{background: #eceee0;}
.herowrap .hero12 .inner{padding: 63px 0 93px 0;}
.herowrap .hero12 .inner p.T1{text-align: center;color:#698469; font-size: 36px;font-weight: 900;padding: 0 0 17px 0;}
.herowrap .hero12 .inner .heroaco .acbtn span{font-size: 22px;font-weight: 800;display: block;height: 80px; line-height: 80px; padding-left: 40px;background: #fff;border-bottom: 2px solid #f2f0f8;position: relative;color:#698469}
.herowrap .hero12 .inner .heroaco .acbtn span:after{content: '';background: url(../images/arows.png) no-repeat;width: 19px; height: 15px;;position: absolute;top: 50%; right: 20px; transform: translate(0,-50%) rotate(180deg);transition: 0.5s ease;transform-origin: 50% 0%;}
.herowrap .hero12 .inner .heroaco .acbtn.on span:after{transform: rotate(0deg);}
.herowrap .hero12 .inner .heroaco .acbtn span i{color:#fff;font-size: 14px;background: #7e62a2;padding: 5px 10px;border-radius: 10px;vertical-align: middle;}
.herowrap .hero12 .inner .heroaco p.T2{padding: 40px;color:#3c2c3f;font-size: 18px;line-height: 33px;background: #fff;display: none;}
.herowrap .hero12 .inner .heroaco p.T2.on{display: block;}
.herowrap .herofot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.footer{background: #fff;position: relative;z-index: 2;}
.herowrap #footer {margin:45px auto 0;border-top:1px solid #d1d1d1}
.herowrap #footer .footer_menu {border-bottom:1px solid #d1d1d1;background:#e9e9e9;padding:5px 10px 5px 3px}
.herowrap #footer .footer_lay {position:relative;width:980px;margin:0 auto;}
.herowrap #footer .footer_lay:after {content:" ";display:block;clear:both}
.herowrap #footer .footer {background:#f5f5f5;position:relative;z-index: 1;}
.herowrap #footer .footer .footer_lay {padding:25px 0 24px 153px;position:relative;width:827p7x;/* margin-top:5px;*/ margin-bottom:5px}
.herowrap #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;}
.herowrap #footer .footer address {color:#7c7c7c;font-size:11px;padding-top:3px;font-style: normal;}
.herowrap #footer .footer address span {color:#7c7c7c}
.herowrap #footer .footer address strong {color:#666666;margin-right:12px;width:200px;display:inline-block;text-align:right}
.herowrap #footer .footer address strong span {color:#857768;margin-left:5px}
.herowrap #footer .footer p {font-size:11px;border-top:1px solid #e5e5e5;padding-top:8px;margin-top:5px;color:#a8a8a8}
.herowrap #footer .footer p.gniinfotxt{border: 0px; float: left; color:#666666; }
.herowrap #footer .footer p.gniinfotxt span.hipe{margin: 0px; font-size: 12px; font-weight:700;}
.herowrap #footer .footer p.gniinfotxt span.hipe span.pa{color:#857768; margin-left:5px; font-weight:100;  font-size: 12px; }
.herowrap #footer .footer p span {float:right;margin-right:12px;font-size:10px}
.ir {background: url(https://ad.goodneighbors.kr/mainSprite.png)}
.herowrap .herobtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.herowrap .herobtn a:hover:before, .herowrap .herobtn a:focus:before, .herowrap .herobtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.herowrap .herobtn 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}}
@keyframes fade-in-right{0%{transform:translateX(50px);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes w100{0%{width: 0;}100%{width: 100%;}}