@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;}
.arangwrap .quicks img,.arangwrap .arang img{width: auto;display: inline-block;}
.arang h1,.arang h2,.arang a,.arang div,.arang span,.arang a,.arang p,.arang i{font-family: 'NanumSquare Neo' !important;; letter-spacing: -1.2px;line-height: 150%;}
.arangwrap{width:100%; min-width:1100px;max-width: 1800px; margin: auto;position: relative;height: 100%;;}
.arangwrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.arangwrap .arang{width:100%; min-width:1100px;max-width: 1800px; margin: auto;position: relative;overflow: hidden;}
.arangwrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;;}
.arangwrap .arang .inner{width:1100px; margin: auto;position: relative;}
.arangwrap .arang1{background: url(../images/bg1.png) 50% 0 no-repeat;}
.arangwrap .arang1 .inner{height: 989px}
.arangwrap .arang1 .inner .gnilogos{padding: 10px 0 85px 10px;position: relative;z-index: 2;}
.arangwrap .arang1 .inner .gnilogos span,.arangwrap .arang1 .inner .gnilogos a{display: inline-block;vertical-align: baseline;}
.arangwrap .arang1 .inner .gnilogos a{margin-right: 5px;}
.arangwrap .arang1 .inner .gnilogos span{color:#444442; font-size: 12px;font-weight: 400;vertical-align: middle;margin-right: 10px;}
.arangwrap .arang1 .inner .gnilogos i{color:#d28f7b; font-size: 12px;font-weight: 400;vertical-align: middle;}
.arangwrap .arang1 .inner .Tbox h1{animation: fade-in-top 1s linear both;margin-bottom: 33px;margin-left: -33px;}
.arangwrap .arang1 .inner .Tbox p.T1{font-size: 19px; color:#512416;font-weight: 400;margin-bottom: 33px;padding-left: 10px;line-height: 29px;}
.arangwrap .arang1 .inner .Tbox .arangbtn{padding-left: 10px;}
.arangwrap .arang1 .inner .Tbox .arangbtn a{background: #af6a55;color:#fff; font-size: 23px; width: 244px; height: 74px;line-height: 74px;text-align: center;font-weight: 700;}
.arangwrap .arang1 .inner .Tbox .arangbtn a:before{border: 6px solid #af6a55;}
.arangwrap .arang2{background: #e9d9c8;}
.arangwrap .arang2 .inner{padding: 57px 0;}
.arangwrap .arang2 .inner .videos {width: 869px;height: 488px; position: relative;margin: auto;  }
.arangwrap .arang2 .inner .videos iframe {position: absolute; left: 0; top: 0; width: 100%;height: 100%;}
.arangwrap .arang3{background: url(../images/bg2.png) 50% 0 no-repeat;}
.arangwrap .arang3 .inner{height: 760px}
.arangwrap .arang3 .inner h2{padding:99px 0 29px 679px;opacity: 0;}
.arangwrap .arang3 .inner h2.on{animation: fade-in-left 1s linear both;}
.arangwrap .arang3 .inner .Tbox{padding-left: 679px;}
.arangwrap .arang3 .inner .Tbox p.T2{font-size: 20px;line-height: 30px; color:#1d1b19;margin-bottom: 31px;}
.arangwrap .arang3 .inner .Tbox p.T2 i{color:#cc8187}
.arangwrap .arang3 .inner .Tbox .arangbtn a{background: #cc8187;color:#fff; font-size: 22px; width: 239px; height: 69px;line-height: 69px;text-align: center;font-weight: 700;}
.arangwrap .arang3 .inner .Tbox .arangbtn a:before{border: 6px solid #cc8187}
.arangwrap .inarang4{background: url(../images/bg3.png) 50% 0 no-repeat;}
.arangwrap .inarang4 .inner{height: 698px}
.arangwrap .inarang4 .inner .Tbox{padding:120px 0 0 0;}
.arangwrap .inarang4 .inner h2.T1{padding: 0 0 31px 0px;opacity: 0;font-size: 35px; color:#fff6e1;font-weight: 700;line-height: 46px;}
.arangwrap .inarang4 .inner h2.T1.on{animation: fade-in-left 1s linear both;}
.arangwrap .inarang4 .inner p.T2{font-size: 20px; color:#fff;line-height: 30px;}
.arangwrap .inarang4 .inner p.T2 i{font-weight: 700;color:#fff;}
.arangwrap .inarangetc{background: #34332e;}
.arangwrap .inarangetc .inner{padding: 30px 0;display: flex;align-items: center;justify-content: space-between;}
.arangwrap .inarangetc .inner ul{display: flex;align-items: center;justify-content: flex-start;gap: 5px;width: 770px;;}
.arangwrap .inarangetc .inner ul li{opacity: 0;}
.arangwrap .inarangetc .inner ul li.on{animation: fade-in-top 1s linear both;}
.arangwrap .inarangetc .inner ul li:nth-of-type(2){animation-delay: 0.3s;}
.arangwrap .inarangetc .inner ul li:nth-of-type(3){animation-delay: 0.6s;}
.arangwrap .inarangetc .inner .btnsarea p.T3{font-size: 15px; color:#fff;margin-bottom: 90px;}
.arangwrap .inarangetc .inner .btnsarea .arangbtn a{background: #fff6e1;color:#000; font-size: 25px; width: 321px; height: 77px;line-height: 77px;text-align: center;font-weight: 700;}
.arangwrap .inarangetc .inner .btnsarea .arangbtn a:before{border: 6px solid #fff6e1;}
.arangwrap .arang5{background: url(../images/bg4.png) 50% 0 no-repeat;}
.arangwrap .arang5 .inner{height: 848px}
.arangwrap .arang5 .inner h2.T1{padding:92px 0 32px 0px;opacity: 0;font-size: 35px; color:#363639;font-weight: 800;line-height: 46px;}
.arangwrap .arang5 .inner h2.T1.on{animation: fade-in-left 1s linear both;}
.arangwrap .arang5 .inner p.T2{font-size: 20px; color:#34332e;line-height: 30px;margin-bottom: 25px;}
.arangwrap .arang5 .inner p.T2 i{font-weight: 700;}
.arangwrap .arang5 .inner .arangbtn a{background: #363639;color:#fff; font-size: 22px; width: 267px; height: 65px;line-height: 65px;text-align: center;font-weight: 700;}
.arangwrap .arang5 .inner .arangbtn a:before{border: 6px solid #363639;}
.arangwrap .arang6{background: url(../images/bg5.png) 50% 0 no-repeat;}
.arangwrap .arang6 .inner{height: 1044px;}
.arangwrap .arang6 .inner h2.T1{padding:194px 0 32px 0px;opacity: 0;font-size: 35px; color:#ffe8c0;font-weight: 800;line-height: 45px;}
.arangwrap .arang6 .inner h2.T1.on{animation: fade-in-left 1s linear both;}
.arangwrap .arang6 .inner p.T2{font-size: 20px; color:#fff;line-height: 30px;margin-bottom: 58px;}
.arangwrap .arang6 .inner .arangbtn a{background: #ffe8c0;color:#080b06; font-size: 22px; width: 267px; height: 65px;line-height: 65px;text-align: center;font-weight: 800;}
.arangwrap .arang6 .inner .arangbtn a:before{border: 6px solid #ffe8c0;}
.arangwrap .arang6 .inner .arangimg{display: flex;align-items: center;justify-content: center;gap: 5px;position: absolute;right: 0;bottom: 110px;;}
.arangwrap .arang6 .inner .arangimg img{opacity: 0;}
.arangwrap .arang6 .inner .arangimg.on img{animation: fade-in-top 1s linear both;}
.arangwrap .arang6 .inner .arangimg.on img:nth-of-type(2){animation-delay: 0.3s;}
.arangwrap .arang7{background: url(../images/bg6.png) 50% 0 no-repeat;}
.arangwrap .arang7 .inner{height: 641px;text-align: center;display: flex;align-items: center;justify-content: center;}
.arangwrap .arang7 .inner p.T1{text-align: center;color:#fff;font-family: var(--Myeongjo) !important;font-size: 21px;font-weight: 600;}
.arangwrap .arang8{background: #fff;}
.arangwrap .arang8 .inner{padding: 87px 0 66px 0;}
.arangwrap .arang8 .inner .T1{padding: 0 0 45px 0px;text-align: center;font-size: 40px;line-height: 55px;font-weight: 800;color:#0a0a0a}
.arangwrap .arang8 .inner .arangbtn{text-align: center;margin-bottom: 47px;}
.arangwrap .arang8 .inner .arangbtn a.B1{background: #ca7179;color:#fff; width: 440px; height: 135px;box-shadow: 5px 5px 0 #dfbcbf;}
.arangwrap .arang8 .inner .arangbtn a.B2{background: #fce9eb;color:#000; width: 263px; height: 135px;box-shadow: 5px 5px 0 #dfbcbf;}
.arangwrap .arang8 .inner .arangbtn a{font-size: 32px; line-height: 135px;text-align: center;font-weight: 700;font-weight: 600;margin: 0 8px;}
.arangwrap .arang8 .inner .arangbtn a.B1:before{border: 6px solid #ca7179;}
.arangwrap .arang8 .inner .arangbtn a.B2:before{border: 6px solid #fce9eb;}
.arangwrap .arang8 .inner .T2{font-size: 15px; text-align: center;color:#0a0a0a}
.arangwrap .arang9{background: url(../images/bg7.png) 50% 0 repeat;;}
.arangwrap .arang9 .inner{padding: 79px 0 0 0;height: 665px;}
.arangwrap .arang9 .inner .T1{padding: 0 0 32px 0px;text-align: center;font-size: 30px;line-height: 43px;font-weight: 800;color:#ca7179}
.arangwrap .arang9 .inner .T1 i{color:#c09100}
.arangwrap .arang9 .inner ul{display: flex;align-items: flex-start;justify-content: center;margin: auto; margin-bottom: 51px;width: 715px;gap: 10px;}
.arangwrap .arang9 .inner ul li{text-align: center;opacity: 0;background: #fff; border: 1px solid #eabb95;padding: 40px 0;width: 224px;}
.arangwrap .arang9 .inner ul li.on{animation: fade-in-top 1s linear both;}
.arangwrap .arang9 .inner ul li:nth-of-type(2){animation-delay: 0.3s;}
.arangwrap .arang9 .inner ul li:nth-of-type(3){animation-delay: 0.6s;}
.arangwrap .arang9 .inner ul li img{margin-bottom: 15px;;}
.arangwrap .arang9 .inner ul li p.T2{color:#df858e;font-size: 17px;}
.arangwrap .arang9 .inner ul li p.T2 i{font-weight: 700;font-size: 20px;color:#bf4b57}
.arangwrap .arang9 .inner p.T4{text-align: center;color:#ca7179; font-size: 17px;;}
.arangwrap .arangfot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.footer{background: #fff;position: relative;z-index: 2;}
.footer{background: #fff;position: relative;z-index: 2;}
.arangwrap #footer {margin:45px auto 0;border-top:1px solid #d1d1d1}
.arangwrap #footer .footer_menu {border-bottom:1px solid #d1d1d1;background:#e9e9e9;padding:5px 10px 5px 3px}
.arangwrap #footer .footer_lay {position:relative;width:980px;margin:0 auto;}
.arangwrap #footer .footer_lay:after {content:" ";display:block;clear:both}
.arangwrap #footer .footer {background:#f5f5f5;position:relative;z-index: 1;}
.arangwrap #footer .footer .footer_lay {padding:25px 0 24px 153px;position:relative;width:827px;/* margin-top:5px;*/ margin-bottom:5px}
.arangwrap #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;}
.arangwrap #footer .footer address {color:#7c7c7c;font-size:11px;padding-top:3px;font-style: normal;}
.arangwrap #footer .footer address span {color:#7c7c7c}
.arangwrap #footer .footer address strong {color:#666666;margin-right:12px;width:200px;display:inline-block;text-align:right}
.arangwrap #footer .footer address strong span {color:#857768;margin-left:5px}
.arangwrap #footer .footer p {font-size:11px;border-top:1px solid #e5e5e5;padding-top:8px;margin-top:5px;color:#a8a8a8}
.arangwrap #footer .footer p.gniinfotxt{border: 0px; float: left; color:#666666; }
.arangwrap #footer .footer p.gniinfotxt span.hipe{margin: 0px; font-size: 12px; font-weight:700;}
.arangwrap #footer .footer p.gniinfotxt span.hipe span.pa{color:#857768; margin-left:5px; font-weight:100;  font-size: 12px; }
.arangwrap #footer .footer p span {float:right;margin-right:12px;font-size:10px}
.ir {background: url(https://ad.goodneighbors.kr/mainSprite.png)}
.arangwrap .arangbtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.arangwrap .arangbtn a:hover:before, .arangwrap .arangbtn a:focus:before, .arangwrap .arangbtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.arangwrap .arangbtn 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}}