@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: 'Gmarket Sans';font-weight: 300;font-style: normal;font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.ttf') format('truetype');}
@font-face {font-family: 'Gmarket Sans';font-weight: 500;font-style: normal;font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.otf') format('opentype'),url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.ttf') format('truetype');}
@font-face {font-family: 'Gmarket Sans';font-weight: 700;font-style: normal;font-display: swap;src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.otf') format('opentype'),url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.ttf') format('truetype');}
@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;}
:root{--gm: 'Gmarket Sans' !important;}
.connectwrap .quicks img,.connectwrap .connect img{width: auto;display: inline-block;}
.connect h1,.connect h2,.connect a,.connect div,.connect span,.connect a,.connect p,.connect i{font-family: 'NanumSquare Neo' !important;; letter-spacing: -1.2px;line-height: 150%;}
.connectwrap{width:100%; min-width:1100px;max-width: 2000px; margin: auto;position: relative;height: 100%;;}
.connectwrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.connectwrap .quicks img{filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5)) !important}
.connectwrap .connect{width:100%; min-width:1100px;max-width: 2000px; margin: auto;position: relative;overflow: hidden;}
.connectwrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;;}
.connectwrap .connect .inner{width:1100px; margin: auto;position: relative;}
.connectwrap .connect1{background: url(../images/bg1.png) 50% 0 no-repeat;}
.connectwrap .connect1 .inner{height: 1124px}
.connectwrap .connect1 .inner .gnilogos{padding: 14px 0 137px 0px;position: relative;z-index: 2;}
.connectwrap .connect1 .inner .gnilogos i{display: inline-block;color:#fff; font-size: 12px;font-weight: 350;margin-top: 5px;letter-spacing: 0;}
.connectwrap .connect1 .inner .gnilogos span,.connectwrap .connect1 .inner .gnilogos a{display: inline-block;vertical-align: bottom;}
.connectwrap .connect1 .inner .gnilogos a{margin-right: 5px;}
.connectwrap .connect1 .inner .gnilogos span{color:#fff; font-size: 13px;font-weight: 400;vertical-align: baseline;margin-right: 10px;letter-spacing: -0px;}
.connectwrap .connect1 .inner h1{animation: fade-in-top 1s linear both;padding: 0 0 71px 11px;}
.connectwrap .connect1 .inner h1 p.T1{color:#374500; font-size: 76px;font-family: var(--mj) !important;font-weight: 800;letter-spacing: -6px;margin-bottom: 18px;position: relative;}
.connectwrap .connect1 .inner h1 p.T1:after{content: '';position: absolute;background: url(../images/connect.png) no-repeat;width: 190px; height: 74px;top: -27px; left: -7px;animation: wi100 1s linear both 0.8s;}
.connectwrap .connect1 .inner h1 p.T1 i{color:#374500; font-size: 22px; font-family: var(--mj) !important;display: inline-block;margin-left: 17px;font-weight: 600;}
.connectwrap .connect1 .inner h1 p.T2{color:#858f5b; font-size: 96px;font-family: var(--mj) !important;font-weight: 800;letter-spacing: -6px;line-height: 87px;}
.connectwrap .connect1 .inner h1 p.T2 i{color:#374500; font-family: var(--mj) !important;font-weight: 800;letter-spacing: -6px;}
.connectwrap .connect1 .inner .Tbox{padding: 0 0 0 11px;}
.connectwrap .connect1 .inner .Tbox p.T3{padding: 0 0 40px 4px; color:#374500;font-size: 21px;font-weight: 700;line-height: 30px;letter-spacing: -1px;font-weight: 400;position: relative;}
.connectwrap .connect1 .inner .Tbox p.T3 i{color:#374500; font-weight: 800;display: inline-block;;} 
.connectwrap .connect1 .inner .Tbox .connectbtn a{background: #374c00;color:#fff; font-size: 24px; width: 309px; height: 96px;line-height: 96px;text-align: center;border-radius: 8px;font-weight: 800;}
.connectwrap .connect1 .inner .Tbox .connectbtn a:before{border: 6px solid #374c00;border-radius: 8px}
.connectwrap .connect2{background: #292f1c;}
.connectwrap .connect2 .inner{padding: 102px 0 83px 0;}
.connectwrap .connect2 .inner .videos {width: 807px;height: 457px; position: relative;margin: auto;margin-bottom: 21px;}
.connectwrap .connect2 .inner .videos iframe {position: absolute; left: 0; top: 0; width: 100%;height: 100%;}
.connectwrap .connect3{background: url(../images/bg2.png) 50% 0 no-repeat;}
.connectwrap .connect3 .inner{height: 1445px}
.connectwrap .connect3 .inner h2{opacity: 0;;padding: 180px 0 86px 363px;}
.connectwrap .connect3 .inner h2.on{animation: fade-in-left 1s linear both}
.connectwrap .connect3 .inner h2 span{color:#fff; font-family: var(--mj)  !important;font-size: 52px; font-weight: 700;letter-spacing: -2.5px;display: block;line-height: 67px;}
.connectwrap .connect3 .inner h2 span:nth-of-type(2){padding-left: 203px;}
.connectwrap .connect3 .inner .Tbox{padding: 0 0 72px 575px;}
.connectwrap .connect3 .inner .Tbox p.T1{font-size: 21px; color:#fff;font-weight: 500;line-height: 30px;}
.connectwrap .connect3 .inner .connectbtn{padding:0 0 108px 575px;}
.connectwrap .connect3 .inner .connectbtn a{background: #fff;color:#222; font-size: 24px; width: 309px; height: 96px;line-height: 96px;text-align: center;border-radius: 8px;font-weight: 800;}
.connectwrap .connect3 .inner .connectbtn a:before{border: 6px solid #fff;border-radius: 8px}
.connectwrap .connect3 .inner .connect-pic{display: flex;align-items: center;justify-content: space-between;}
.connectwrap .connect3 .inner .connect-pic .pics{width: 361px; height: 393px;display: flex;justify-content: end;flex-direction: column;padding: 0 0 8px 20px;opacity: 0;}
.connectwrap .connect3 .inner .connect-pic .pics.on{animation: fade-in-top 1s linear both;}
.connectwrap .connect3 .inner .connect-pic .pics2.on{animation-delay: 0.2s;}
.connectwrap .connect3 .inner .connect-pic .pics3.on{animation-delay: 0.4s;}
.connectwrap .connect3 .inner .connect-pic .pics p.T2{color:#fff; font-size: 48px; font-weight: 900;margin-bottom: -3px;;}
.connectwrap .connect3 .inner .connect-pic .pics p.T3{color:#fff9ce; font-size: 21px; font-weight: 700;margin-bottom: 7px; line-height: 28px;}
.connectwrap .connect3 .inner .connect-pic .pics p.T4{color:#fff9ce; font-size: 10px; font-weight: 700;}
.connectwrap .connect3 .inner .connect-pic .pics1{background: url(../images/list_S1_1.png) no-repeat;}
.connectwrap .connect3 .inner .connect-pic .pics2{background: url(../images/list_S1_2.png) no-repeat;}
.connectwrap .connect3 .inner .connect-pic .pics3{background: url(../images/list_S1_3.png) no-repeat;}
.connectwrap .swiper{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1; display: block;}
.connectwrap .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;}
.connectwrap .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.connectwrap .swiper-horizontal {touch-action: pan-y;}
.connectwrap .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;display: block;}
.connectwrap .connect4{background: url(../images/bg3.png) 50% 0 no-repeat;}
.connectwrap .connect4 .inner{height: 1792px}
.connectwrap .connect4 .inner .secter1{padding: 140px 0 295px 0;}
.connectwrap .connect4 .inner .secter h2{color:#fff;font-size: 46px; font-family: var(--mj) !important;letter-spacing: -2px;font-weight: 700;line-height: 53px;margin-bottom: 71px;opacity: 0;}
.connectwrap .connect4 .inner .secter h2.on{animation: fade-in-left 1s linear both;}
.connectwrap .connect4 .inner .secter h2 span{color:#c0a794;font-size: 46px; font-family: var(--mj) !important;letter-spacing: -2px;padding-left: 13px;margin-bottom: -2px; display: inline-block;}
.connectwrap .connect4 .inner .secter h2 i{color:#fff;font-size: 30px; font-family: var(--mj) !important;letter-spacing: -1px;font-weight: 400;;}
.connectwrap .connect4 .inner .secter p.T1{font-size: 21px; color:#fff;font-weight: 500;line-height: 30px;padding-left: 10px;}
.connectwrap .connect4 .inner .secter2{padding: 0px 0 0px 630px;}
.connectwrap .connect4 .inner .secter2 h2{margin-bottom: 66px;}
.connectwrap .connect4 .inner .secter2 h2 span{color:#ecffb7;}
.connectwrap .connect4 .inner .secter2 p.T1 i{color:#ecffb7}
.connectwrap .connect5{background: url(../images/bg4.png) 50% 0 no-repeat;}
.connectwrap .connect5 .inner{height: 930px;}
.connectwrap .connect5 .inner p.T1{font-size: 21px; color:#1f1f1f;line-height: 30px;padding:134px 0 86px 14px;font-weight: 600;}
.connectwrap .connect5 .inner p.T2{font-size: 55px; color:#798845;font-weight: 700;line-height: 58px;font-family: var(--mj) !important;letter-spacing: -5px;padding:0 0 43px 11px;}
.connectwrap .connect5 .inner p.T2 i{color:#2d3b00;font-weight: 700;;font-family: var(--mj) !important;letter-spacing: -5px;}
.connectwrap .connect5 .inner .connectbtn{padding:0 0 0 11px;}
.connectwrap .connect5 .inner .connectbtn a{background: #374c00;color:#fff; font-size: 24px; width: 433px; height: 135px;border-radius: 8px;font-weight: 400;padding-left: 93px;display: flex;justify-content: center;flex-direction: column;line-height: 27px;}
.connectwrap .connect5 .inner .connectbtn a i{font-size: 36px;color:#fff;font-weight: 800;}
.connectwrap .connect5 .inner .connectbtn a:before{border: 6px solid #374c00;border-radius: 8px}
.connectwrap .connect6{background: url(../images/bg5.png) 50% 0 no-repeat;}
.connectwrap .connect6 .inner{height: 1313px;}
.connectwrap .connect6 .inner h2{font-family: var(--gm) !important;font-weight: 800;color:#fff;font-size: 48px;padding: 122px 0 62px 0;text-align: center;}
.connectwrap .connect6 .inner h2 span{position: relative;}
.connectwrap .connect6 .inner h2 span i{position: relative;z-index: 2;color:#fff;font-family: var(--gm) !important;color:#f7ff9f}
.connectwrap .connect6 .inner h2 span b{position: absolute;width: 0%; height: 100%; background: #000;left: 0;top: 0;}
.connectwrap .connect6 .inner h2.on span b{animation: long 1s linear both;}
.connectwrap .connect6 .inner ul{display: flex;align-items: center;justify-content: space-between;}
.connectwrap .connect6 .inner ul li{opacity: 0;}
.connectwrap .connect6 .inner ul li.on{animation: fade-in-top 1s linear both;}
.connectwrap .connect6 .inner ul.af li.on{animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both}
.connectwrap .connect6 .inner ul.af li:nth-of-type(2).on{animation-delay: 0.2s;}
.connectwrap .connect6 .inner ul.af li:nth-of-type(3).on{animation-delay: 0.4s;}
.connectwrap .connect6 .inner ul.be li:nth-of-type(2).on{animation-delay: 0.2s;}
.connectwrap .connect6 .inner ul.be li:nth-of-type(3).on{animation-delay: 0.4s;}
.connectwrap .connect6 .inner ul li p.T1{color:#fff; font-size: 21px; line-height: 30px;text-align: center;padding: 44px 0;}
.connectwrap .connect6 .inner ul li p.T1 span{position: relative;}
.connectwrap .connect6 .inner ul li p.T1 span i{position: relative;z-index: 2;color:#fff;color:#f7ff9f;padding: 0 5px;}
.connectwrap .connect6 .inner ul li p.T1 span b{position: absolute;width: 0%; height: 100%; background: #000;left: 0;top: 0;}
.connectwrap .connect6 .inner ul li.on p.T1 span b{animation: long 1s linear both 0.5s;}
.connectwrap .connect7{background:#fff;}
.connectwrap .connect7 .inner h2{color:#374c00;font-size: 24px;font-weight: 500;font-family: var(--gm) !important;padding: 93px 0 48px 0;letter-spacing: -2px;}
.connectwrap .connect7 .inner h2 i{color:#374c00;font-size: 48px;font-weight: 800;font-family: var(--gm) !important;letter-spacing: -2px}
.connectwrap .connect7 .inner .connectbox{display: flex;align-items: center;justify-content: space-between;margin-bottom: 95px;}
.connectwrap .connect7 .inner .connect-picbox{display: flex;align-items: center;justify-content: space-around;border-radius: 30px;background: #e6eac5;flex-direction: column;width: 361px;}
.connectwrap .connect7 .inner .connect-picbox:nth-of-type(2){background: #eae7c5;}
.connectwrap .connect7 .inner .connect-picbox:nth-of-type(3){background: #eadec5;}
.connectwrap .connect7 .inner .connect-picbox .connect-pic{position: relative;padding: 30px 45px;}
.connectwrap .connect7 .inner .connect-picbox .connect-pic .swiper{width: 272px; height: 370px; overflow: hidden;border-radius: 15px;}
.connectwrap .connect7 .inner .connect-picbox .connect-pic .swiper .swiper-slide .pic-txt{position: absolute;width: 100%;background: rgba(0, 0, 0, 0.5);z-index: 5;bottom: 0;left: 0;}
.connectwrap .connect7 .inner .connect-picbox .connect-pic .swiper .swiper-slide .pic-txt p.slide_T1{padding: 10px 0;color:#fff;font-size: 16px;text-align: center;line-height: 25px}
.connectwrap .connect7 .inner .connect-picbox .connect-pic .swiper .swiper-slide .pic-txt i{font-size: 21px;color:#fff;}
.connectwrap .connect7 .inner .connect-picbox .connect-pic .swiper .swiper-slide img{width: 100%; object-fit: fill;height: 100%;}
.connectwrap .connect7 .inner .connect-picbox .connect-pic .swiper-button-next{background: url(../images/arow_r.png) no-repeat;width: 22px;height: 33px; position: absolute;top: 50%;right: 12px;margin-top: -16.5px;}
.connectwrap .connect7 .inner .connect-picbox .connect-pic .swiper-button-prev{background: url(../images/arow_l.png) no-repeat;width: 22px;height: 33px; position: absolute;left: 12px;top: 50%;;margin-top: -16.5px;}
.connectwrap .connect7 .inner .connect-picbox .ch-txt{margin-bottom: 32px;}
.connectwrap .connect7 .inner .connect-picbox p.T1{color:#374c00;font-size: 21px; line-height: 30px;text-align: center;font-family: var(--gm) !important;margin-bottom: 15px;}
.connectwrap .connect7 .inner .connect-picbox .connectbtn{margin-bottom: 30px;}
.connectwrap .connect7 .inner .connect-picbox .connectbtn a{width: 274px; height: 50px; line-height: 50px; color:#fff; font-weight: 700;font-family: var(--gm) !important;background: #374500;border-radius: 15px;display: block;text-align: center;font-size: 21px;}
.connectwrap .connect7 .inner .connect-picbox .connectbtn a:before{border: 6px solid #374500;border-radius: 15px}
.connectwrap .connect8{background:#fff;}
.connectwrap .connect8 .inner h2{color:#374c00;font-size: 24px;font-weight: 500;font-family: var(--gm) !important;padding: 0 0 44px 0;letter-spacing: -2px;}
.connectwrap .connect8 .inner h2 i{color:#374c00;font-size: 48px;font-weight: 800;font-family: var(--gm) !important;letter-spacing: -2px}
.connectwrap .connect8 .stargal{position: relative;}
.connectwrap .connect8 .stargal .thumgal{width: 790px;position: absolute;top: 580px; left: 764px;}
.connectwrap .connect8 .stargal .mySwiper4{background: #697242;width: 2000px;;}
.connectwrap .connect8 .stargal .mySwiper4 .swiper-slide{opacity: 0;transition: 1s linear;display: flex;align-items: flex-start;}
.connectwrap .connect8 .stargal .mySwiper4 .swiper-slide .galTbox{padding: 56px 50px;}
.connectwrap .connect8 .stargal .mySwiper4 .swiper-slide p.T1{font-family: var(--gm) !important;color:#fff; font-size: 36px;font-weight: 700;margin-bottom: 30px;}
.connectwrap .connect8 .stargal .mySwiper4 .swiper-slide p.T2{font-family: var(--gm) !important;color:#fff; font-size: 24px;;}
.connectwrap .connect8 .stargal .mySwiper4 .swiper-slide p.T2 i{font-family: var(--gm) !important;color:#fff; font-size: 16px;}
.connectwrap .connect8 .stargal .mySwiper4 .swiper-slide .galani{display: flex;align-items: flex-start;gap:5px; padding:39px 0 0 97px;}
.connectwrap .connect8 .stargal .mySwiper4 .swiper-slide-active .galani img{transition: 0.5s linear;}
.connectwrap .connect8 .stargal .mySwiper4 .swiper-slide-active .galani img:nth-of-type(2){transform: rotate(5deg);}
.connectwrap .connect8 .stargal .mySwiper4 .swiper-slide-active{opacity: 1;}
.connectwrap .connect8 .stargal .mySwiper5{overflow: visible;}
.connectwrap .connect8 .stargal .mySwiper5 .swiper-slide{transform: translateY(0);transition: 0.5s linear;filter: grayscale(100%);}
.connectwrap .connect8 .stargal .mySwiper5 .swiper-slide-thumb-active{transform: translateY(-10px);filter: grayscale(0);}
.connectwrap .connect8 .stargal .thumarow{display: flex;align-items: flex-start;padding: 30px 0 33px 62px;gap: 50px;position: absolute;bottom: 0;left: 891px;z-index: 10;width: 660px;}
.connectwrap .connect8 .stargal .thumarow p.T3{color:#fff;font-family: var(--gm) !important;position: absolute;bottom: 5px; right: 0;font-weight: 100;font-size: 16px;;}
.connectwrap .connect8 .stargal .thumarow div{cursor: pointer;text-indent: -9999px;}
.connectwrap .connect8 .stargal .thumarow div.swiper-button-next{background: url(../images/arow_r.png) no-repeat;width: 22px;height: 33px;}
.connectwrap .connect8 .stargal .thumarow div.swiper-button-prev{background: url(../images/arow_l.png) no-repeat;width: 22px;height: 33px;}
.connectwrap .connect9{background: #f1f0e5;}
.connectwrap .connect9 .inner h2{text-align: center;font-size: 57px; font-family: var(--gm) !important;color:#798845;font-weight: 700;line-height: 55px;padding:137px 0 38px 0;letter-spacing: -3px;}
.connectwrap .connect9 .inner h2 i{font-family: var(--gm) !important;color:#374c00;font-weight: 700;letter-spacing: -3px}
.connectwrap .connect9 .inner .connectbtn{text-align: center;padding-bottom: 145px;}
.connectwrap .connect9 .inner .connectbtn a{width: 433px; height: 135px; line-height: 135px; color:#fff; font-weight: 700;background: #374c00;border-radius: 15px;display: inline-block;text-align: center;font-size: 36px;}
.connectwrap .connect9 .inner .connectbtn a:before{border: 6px solid #374c00;border-radius: 15px}
.connectwrap .connect10{background: #fff;}
.connectwrap .connect10 .inner{padding: 83px 0;display: flex;align-items: flex-start;}
.connectwrap .connect10 .inner h2{color:#374500; font-family: var(--gm) !important;font-size: 52px;font-weight: 700;letter-spacing: -5px;padding-right: 60px;}
.connectwrap .connect10 .inner .faq-wrap .faq-item{font-size: 21px; color:#374500;}
.connectwrap .connect10 .inner .faq-wrap .faq-item .faq-q{font-weight: 800;padding:24px 0 16px 0; border-bottom: 5px solid #374500;width: 918px;position: relative;} 
.connectwrap .connect10 .inner .faq-wrap .faq-item .faq-q::after {content: "";display: block;position: absolute;right: 20px; top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #374500;transition: all 0.3s ease;}
.connectwrap .connect10 .inner .faq-wrap .faq-item.open .faq-q::after {border-top-color: #374500;transform: translateY(-50%) rotate(180deg);}
.connectwrap .connect10 .inner .faq-wrap .faq-item .faq-a{padding: 24px 0 50px 0;font-weight: 400;line-height: 28px;}
.connectwrap .connect11{background: url(../images/bg7.png) 50% 0 no-repeat;;}
.connectwrap .connect11 .inner{height: 840px;}
.connectwrap .connect11 .inner p.T1{font-size: 30px; font-family: var(--gm) !important;font-weight: 100;padding: 169px 0 105px 645px;color:#fff;line-height: 40px;}
.connectwrap .connect11 .inner .connectbtn{text-align: center;padding-left: 615px;}
.connectwrap .connect11 .inner .connectbtn a{width: 433px; height: 135px; line-height: 135px; color:#374500; font-weight: 700;background: #fff;border-radius: 15px;display: inline-block;text-align: center;font-size: 36px;font-weight: 700;letter-spacing: -2px;}
.connectwrap .connect11 .inner .connectbtn a:before{border: 6px solid #fff;border-radius: 15px}
.connectwrap .connectfot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.footer{background: #fff;position: relative;z-index: 2;}
.connectwrap #footer {margin:45px auto 0;border-top:1px solid #d1d1d1}
.connectwrap #footer .footer_menu {border-bottom:1px solid #d1d1d1;background:#e9e9e9;padding:5px 10px 5px 3px}
.connectwrap #footer .footer_lay {position:relative;width:980px;margin:0 auto;}
.connectwrap #footer .footer_lay:after {content:" ";display:block;clear:both}
.connectwrap #footer .footer {background:#f5f5f5;position:relative;z-index: 1;}
.connectwrap #footer .footer .footer_lay {padding:25px 0 24px 153px;position:relative;width:827px;/* margin-top:5px;*/ margin-bottom:5px}
.connectwrap #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;}
.connectwrap #footer .footer address {color:#7c7c7c;font-size:11px;padding-top:3px;font-style: normal;}
.connectwrap #footer .footer address span {color:#7c7c7c}
.connectwrap #footer .footer address strong {color:#666666;margin-right:12px;width:200px;display:inline-block;text-align:right}
.connectwrap #footer .footer address strong span {color:#857768;margin-left:5px}
.connectwrap #footer .footer p {font-size:11px;border-top:1px solid #e5e5e5;padding-top:8px;margin-top:5px;color:#a8a8a8}
.connectwrap #footer .footer p.gniinfotxt{border: 0px; float: left; color:#666666; }
.connectwrap #footer .footer p.gniinfotxt span.hipe{margin: 0px; font-size: 12px; font-weight:700;}
.connectwrap #footer .footer p.gniinfotxt span.hipe span.pa{color:#857768; margin-left:5px; font-weight:100;  font-size: 12px; }
.connectwrap #footer .footer p span {float:right;margin-right:12px;font-size:10px}
.ir {background: url(https://ad.goodneighbors.kr/mainSprite.png)}
.connectwrap .connectbtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.connectwrap .connectbtn a:hover:before, .connectwrap .connectbtn a:focus:before, .connectwrap .connectbtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.connectwrap .connectbtn 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 wi100{0%{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}
@keyframes long{0%{width: 0;}100%{width: 100%;}}
@keyframes slide-in-elliptic-top-fwd{0%{transform:translateY(-600px) rotateX(-30deg) scale(0);transform-origin:50% 100%;opacity:0}100%{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% 1400px;opacity:1}}