@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{--Myeongjo: "NanumMyeongjo" !important;}
.mjwrap .quicks img,.mjwrap .mj img{width: auto;display: inline-block;}
.mj h1,.mj h2,.mj a,.mj div,.mj span,.mj a,.mj p,.mj i{font-family: 'NanumSquare Neo' !important;; letter-spacing: -1.2px;line-height: 150%;}
.mjwrap{width:100%; min-width:1100px;max-width: 2000px; margin: auto;position: relative;height: 100%;;}
.mjwrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.mjwrap .mj{width:100%; min-width:1100px;max-width: 2000px; margin: auto;position: relative;overflow: hidden;}
.mjwrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;;}
.mjwrap .mj .inner{width:1100px; margin: auto;position: relative;}
.mjwrap .mj1{background: url(../images/bg1.png) 50% 0 no-repeat;}
.mjwrap .mj1 .inner{height: 1100px}
.mjwrap .mj1 .inner .gnilogos{padding: 19px 0 264px 0px;position: relative;z-index: 2;text-align: center;}
.mjwrap .mj1 .inner .gnilogos a{display: inline-block;margin-bottom: 2px;}
.mjwrap .mj1 .inner .gnilogos span{color:#fff; font-size: 16px;font-weight: 400;display: block;}
.mjwrap .mj1 .inner .Tbox{text-align: center;}
.mjwrap .mj1 .inner .Tbox h1{margin-bottom: 73px;}
.mjwrap .mj1 .inner .Tbox h1 span{font-size: 82px; font-weight: 500;font-family: var(--Myeongjo) !important;color:#fff;opacity: 0;animation: fade-in-top 1s linear both;display: inline-block;letter-spacing: -6px;}
.mjwrap .mj1 .inner .Tbox h1 span:nth-of-type(2){animation-delay: 0.2s;margin-right: 8px;}
.mjwrap .mj1 .inner .Tbox h1 span:nth-of-type(3){animation-delay: 0.3s;}
.mjwrap .mj1 .inner .Tbox h1 span:nth-of-type(4){animation-delay: 0.4s;}
.mjwrap .mj1 .inner .Tbox p.T1{font-size: 22px; color:#fff;font-weight: 600;margin-bottom: 104px;line-height: 40px;}
.mjwrap .mj1 .inner .Tbox .mjbtn a{background: #fff;color:#000; font-size: 22px; width: 245px; height: 68px;line-height: 68px;text-align: center;font-weight: 800;}
.mjwrap .mj1 .inner .Tbox .mjbtn a:before{border: 6px solid #fff;}
.mjwrap .mj2{background: #f7f8f0;}
.mjwrap .mj2 .inner{padding-bottom: 44px;}
.mjwrap .mj2 .inner p.T1{color:#575757; font-size: 18px; text-align: center;padding: 34px 0 33px 0;}
.mjwrap .mj2 .inner p.T1 i{font-weight: 700;color:#575757}
.mjwrap .mj2 .inner .videos {width: 791px;height: 445px; position: relative;margin: auto;  overflow: hidden;border-radius: 20px;margin-bottom: 19px;}
.mjwrap .mj2 .inner .videos iframe {position: absolute; left: 0; top: 0; width: 100%;height: 100%;}
.mjwrap .mj2 .inner p.T2{color:#262626; font-size: 17px; text-align: center;}
.mjwrap .mj3{background: url(../images/bg2.png) 50% 0 no-repeat;}
.mjwrap .mj3 .inner{height: 993px}
.mjwrap .mj3 .inner .Tbox{padding:125px 0 0 33px;}
.mjwrap .mj3 .inner .Tbox h2{opacity: 0;font-size: 40px; color:#fff;font-family: var(--Myeongjo) !important;font-weight: 500;letter-spacing: -3px;line-height: 54px;margin-bottom: 54px;}
.mjwrap .mj3 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.mjwrap .mj3 .inner .Tbox p.T2{font-size: 20px;line-height: 30px; color:#fff;margin-bottom: 35px;}
.mjwrap .mj3 .inner .Tbox p.T2 span{color:#fff;font-weight: 700;}
.mjwrap .mj3 .inner .Tbox p.T2 i{color:#fff9d4;font-style: italic;display: block;margin-top: 77px;line-height: 37px;font-family: var(--Myeongjo) !important;font-size: 24px;}
.mjwrap .mj3 .inner .Tbox .mjbtn a{background: #fff;color:#000; font-size: 22px; width: 245px; height: 68px;line-height: 68px;text-align: center;font-weight: 700;}
.mjwrap .mj3 .inner .Tbox .mjbtn a:before{border: 6px solid #fff;}
.mjwrap .mj4{background: url(../images/bg3.png) 50% 0 no-repeat;}
.mjwrap .mj4 .inner{height: 705px}
.mjwrap .mj4 .inner .Tbox{padding:146px 0 0 490px;}
.mjwrap .mj4 .inner .Tbox h2.T1{padding: 0 0 42px 0px;opacity: 0;font-weight: 700;color:#fff; font-size: 24px;text-shadow: 0 0 10px rgba(0,0,0,0.8);}
.mjwrap .mj4 .inner .Tbox h2.T1.on{animation: fade-in-left 1s linear both;}
.mjwrap .mj4 .inner .Tbox .grafs,.mjwrap .mj4 .inner .Tbox .grafs .ingraf{position: relative;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf{height: 32px;display: flex;align-items: center;justify-content: space-between;padding: 8px 10px 5px 10px;margin-bottom: 8px;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf span{color:#fff;font-size: 18px;position: relative;z-index: 2;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf span i{color:#e2d4a8;font-size: 14px;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf1{width: 496px;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf2{width: 486px;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf3{width: 309px;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf4{width: 192px;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf5{width: 192px;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf6{width: 259px;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf:before{content: '';position: absolute;left: 0;top: 50%; transform: translate(0,-50%);background: #000;width: 0; height: 100%;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf4:before,
.mjwrap .mj4 .inner .Tbox .grafs .ingraf5:before,
.mjwrap .mj4 .inner .Tbox .grafs .ingraf6:before{content: '';position: absolute;left: 0;top: 50%; transform: translate(0,-50%);background: rgba(0,0,0,0.5);width: 0; height: 100%;}
.mjwrap .mj4 .inner .Tbox .grafs .ingraf.on:before{animation: w100 1s linear both;}
.mjwrap .mj4 .inner .Tbox .inTbox{position: relative;padding-left: 14px;margin-bottom: 77px;}
.mjwrap .mj4 .inner .Tbox .inTbox::before{content: '';position: absolute;top: 0;width: 1px;height: 100%; background: #b1b2ae;left: 7px;}
.mjwrap .mj4 .inner .Tbox .inTbox p{color:#fff;font-size: 16px; line-height: 23px;}
.mjwrap .mj4 .inner .Tbox p.T2{color:#beb09a; font-size: 14px;;}
.mjwrap .mj5{background: url(../images/bg4.png) 50% 0 no-repeat;}
.mjwrap .mj5 .inner{height: 1018px;}
.mjwrap .mj5 .inner .Tbox{padding:139px 0 0 125px;}
.mjwrap .mj5 .inner .Tbox h2{opacity: 0;font-size: 40px; color:#fff;font-family: var(--Myeongjo) !important;font-weight: 500;letter-spacing: -3px;line-height: 54px;margin-bottom: 54px;}
.mjwrap .mj5 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.mjwrap .mj5 .inner .Tbox p.T2{font-size: 20px;line-height: 30px; color:#fff;margin-bottom: 66px;}
.mjwrap .mj5 .inner .Tbox p.T2 span{color:#fff;font-weight: 700;}
.mjwrap .mj5 .inner .Tbox .mjbtn{margin-bottom: 113px;}
.mjwrap .mj5 .inner .Tbox .mjbtn a{background: #fff;color:#000; font-size: 22px; width: 245px; height: 68px;line-height: 68px;text-align: center;font-weight: 700;}
.mjwrap .mj5 .inner .Tbox .mjbtn a:before{border: 6px solid #fff;}
.mjwrap .mj5 .inner .Tbox p.T3{font-size: 14px;color:#e0e0e0;}
.mjwrap .mj6{background: url(../images/bg5.png) 50% 0 no-repeat;height: 208px;display: flex;align-items: center;justify-content: center;}
.mjwrap .mj6 .intxt{text-align: center;}
.mjwrap .mj6 .intxt p.T1{text-align: center;color:#beb09a;font-family: var(--Myeongjo) !important;font-size: 30px;font-weight: 700;line-height: 36px;}
.mjwrap .mj6 .intxt p.mj8T1{line-height: 40px;margin-bottom: 3px;}
.mjwrap .mj6 .intxt p.T1 i{font-weight: 200;font-family: var(--Myeongjo) !important;color:#beb09a}
.mjwrap .mj6 .intxt p.T2{font-size: 14px;color:#beb09a;font-weight: 200;display: inline-block;}
.mjwrap .mj7{background: url(../images/bg6.png) 50% 0 no-repeat;}
.mjwrap .mj7 .inner{height: 993px}
.mjwrap .mj7 .inner .Tbox{padding:98px 0 0 673px;}
.mjwrap .mj7 .inner .Tbox h2{opacity: 0;font-size: 40px; color:#fff;font-family: var(--Myeongjo) !important;font-weight: 500;letter-spacing: -3px;line-height: 54px;margin-bottom: 54px;}
.mjwrap .mj7 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.mjwrap .mj7 .inner .Tbox p.T2{font-size: 20px;line-height: 30px; color:#fff;margin-bottom: 56px;}
.mjwrap .mj7 .inner .Tbox p.T2 span{color:#fff;font-weight: 700;}
.mjwrap .mj7 .inner .Tbox p.T2 i{color:#fff9d4;font-style: italic;display: block;margin-top: 52px;line-height: 37px;font-family: var(--Myeongjo) !important;font-size: 24px;}
.mjwrap .mj7 .inner .Tbox .mjbtn a{background: #fff;color:#000; font-size: 22px; width: 245px; height: 68px;line-height: 68px;text-align: center;font-weight: 700;}
.mjwrap .mj7 .inner .Tbox .mjbtn a:before{border: 6px solid #fff;}
.mjwrap .mj8{background: url(../images/bg5.png) repeat;height: 496px;}
.mjwrap .mj8 .picbox{display: flex;align-items: center;justify-content: flex-start;position: absolute;left: 50%; transform: translate(-50%,0);}
.mjwrap .mj8 .picbox img{opacity: 0;}
.mjwrap .mj8 .picbox.on img:nth-of-type(1){animation: fade-in-right 1s linear both;}
.mjwrap .mj8 .picbox.on img:nth-of-type(2){animation: fade-in-top 1s linear both;}
.mjwrap .mj8 .picbox.on img:nth-of-type(3){animation: fade-in-left 1s linear both;}
.mjwrap .mj9{background: #fff;}
.mjwrap .mj9 .inner{padding: 68px 0 57px 0;}
.mjwrap .mj9 .inner .T1{padding: 0 0 57px 0px;text-align: center;font-size: 40px;line-height: 60px;font-weight: 900;color:#3f3f3f;font-family: var(--Myeongjo) !important;letter-spacing: -3px;}
.mjwrap .mj9 .inner .T1 i{color:#ab8c59;font-family: var(--Myeongjo) !important;letter-spacing: -3px}
.mjwrap .mj9 .inner .mjbtn{text-align: center;margin-bottom: 57px;}
.mjwrap .mj9 .inner .mjbtn a.B1{background: #8e8e8e;}
.mjwrap .mj9 .inner .mjbtn a.B2{background: #2a4f2a;}
.mjwrap .mj9 .inner .mjbtn a{font-size: 32px; width: 432px; height: 99px;line-height: 99px;text-align: center;font-weight: 700;border-radius: 10px;margin: 0 8px;color:#fff;}
.mjwrap .mj9 .inner .mjbtn a.B1:before{border: 6px solid #8e8e8e;border-radius: 10px;}
.mjwrap .mj9 .inner .mjbtn a.B2:before{border: 6px solid #2a4f2a;border-radius: 10px;}
.mjwrap .mj9 .inner .T2{font-size: 18px; text-align: center;color:#252525}
.mjwrap .mj10{background: #e3e8da;}
.mjwrap .mj10 .inner{padding: 60px 0 71px 0;}
.mjwrap .mj10 .inner .T1{padding: 0 0 66px 0px;text-align: center;font-size: 28px;font-weight: 800;color:#2a4f2a}
.mjwrap .mj10 .inner .T1 i{color:#c09100}
.mjwrap .mj10 .inner ul{display: flex;align-items: flex-start;justify-content: center;margin-bottom: 65px;flex-wrap: wrap;gap: 30px;}
.mjwrap .mj10 .inner ul li{text-align: center;opacity: 0;width: 30%;}
.mjwrap .mj10 .inner ul li.on{animation: fade-in-top 1s linear both;}
.mjwrap .mj10 .inner ul li:nth-of-type(2){animation-delay: 0.3s;}
.mjwrap .mj10 .inner ul li:nth-of-type(3){animation-delay: 0.6s;}
.mjwrap .mj10 .inner ul li:nth-of-type(4){animation-delay: 0.9s;}
.mjwrap .mj10 .inner ul li:nth-of-type(5){animation-delay: 1.2s;}
.mjwrap .mj10 .inner ul li:nth-of-type(6){animation-delay: 1.5s;}
.mjwrap .mj10 .inner ul li img{margin-bottom: 17px;;}
.mjwrap .mj10 .inner ul li p.T2{color:#000;font-weight: 800;font-size: 24px;margin-bottom: 5px;}
.mjwrap .mj10 .inner ul li p.T3{color:#000;font-size: 18px;}
.mjwrap .mj10 .inner p.T4{text-align: center;color:#2a4f2a; font-size: 20px;font-weight: 600;line-height: 31px;}
.mjwrap .mj11{background: url(../images/bg7.png) 50% 0 no-repeat;;}
.mjwrap .mj11 .inner{height: 783px;}
.mjwrap .mj11 .inner p.T1{font-size: 36px; color:#fff; text-align: center;font-family: var(--Myeongjo) !important;padding: 383px 0 33px 0;line-height: 52px;letter-spacing: -3px;}
.mjwrap .mj11 .inner .mjbtn{text-align: center;margin-bottom: 47px;}
.mjwrap .mj11 .inner .mjbtn a{font-size: 26px; width: 321px; height: 82px;line-height: 82px;text-align: center;font-weight: 900;color:#698469;background: #fff;}
.mjwrap .mj11 .inner .mjbtn a:before{border: 6px solid #fff;}
.mjwrap .mj11 .inner p.T2{font-size: 18px; color:#fff; text-align: center;;}
.mjwrap .mjfot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.footer{background: #fff;position: relative;z-index: 2;}
.mjwrap #footer {margin:45px auto 0;border-top:1px solid #d1d1d1}
.mjwrap #footer .footer_menu {border-bottom:1px solid #d1d1d1;background:#e9e9e9;padding:5px 10px 5px 3px}
.mjwrap #footer .footer_lay {position:relative;width:980px;margin:0 auto;}
.mjwrap #footer .footer_lay:after {content:" ";display:block;clear:both}
.mjwrap #footer .footer {background:#f5f5f5;position:relative;z-index: 1;}
.mjwrap #footer .footer .footer_lay {padding:25px 0 24px 153px;position:relative;width:827px;/* margin-top:5px;*/ margin-bottom:5px}
.mjwrap #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;}
.mjwrap #footer .footer address {color:#7c7c7c;font-size:11px;padding-top:3px;font-style: normal;}
.mjwrap #footer .footer address span {color:#7c7c7c}
.mjwrap #footer .footer address strong {color:#666666;margin-right:12px;width:200px;display:inline-block;text-align:right}
.mjwrap #footer .footer address strong span {color:#857768;margin-left:5px}
.mjwrap #footer .footer p {font-size:11px;border-top:1px solid #e5e5e5;padding-top:8px;margin-top:5px;color:#a8a8a8}
.mjwrap #footer .footer p.gniinfotxt{border: 0px; float: left; color:#666666; }
.mjwrap #footer .footer p.gniinfotxt span.hipe{margin: 0px; font-size: 12px; font-weight:700;}
.mjwrap #footer .footer p.gniinfotxt span.hipe span.pa{color:#857768; margin-left:5px; font-weight:100;  font-size: 12px; }
.mjwrap #footer .footer p span {float:right;margin-right:12px;font-size:10px}
.ir {background: url(https://ad.goodneighbors.kr/mainSprite.png)}
.mjwrap .mjbtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.mjwrap .mjbtn a:hover:before, .mjwrap .mjbtn a:focus:before, .mjwrap .mjbtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.mjwrap .mjbtn 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%;}}