@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;}
.yjwrap .quicks img,.yjwrap .yj img{width: auto;display: inline-block;}
.yj h1,.yj h2,.yj a,.yj div,.yj span,.yj a,.yj p,.yj i{font-family: 'NanumSquare Neo' !important;; letter-spacing: -1.2px;line-height: 150%;}
.yjwrap{width:100%; min-width:1100px;max-width: 1800px; margin: auto;position: relative;height: 100%;;}
.yjwrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.yjwrap .quicks img{filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5)) !important}
.yjwrap .yj{width:100%; min-width:1100px;max-width: 1800px; margin: auto;position: relative;overflow: hidden;}
.yjwrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;;}
.yjwrap .yj .inner{width:1100px; margin: auto;position: relative;}
.yjwrap .yj1{background: url(../images/bg1.png) 50% 0 no-repeat;}
.yjwrap .yj1 .inner{height: 991px}
.yjwrap .yj1 .inner .gnilogos{padding: 6px 0 117px 5px;position: relative;z-index: 2;}
.yjwrap .yj1 .inner .gnilogos i{display: inline-block;color:#fff; font-size: 12px;font-weight: 350;margin-top: 5px;letter-spacing: 0;}
.yjwrap .yj1 .inner .gnilogos .bi,.yjwrap .yj1 .inner .gnilogos span,.yjwrap .yj1 .inner .gnilogos a{display: inline-block;vertical-align: bottom;}
.yjwrap .yj1 .inner .gnilogos a{margin-right: 5px;}
.yjwrap .yj1 .inner .gnilogos span{color:#fff; font-size: 12px;font-weight: 400;vertical-align: baseline;margin-right: 10px;font-weight: 800;letter-spacing: -0px;}
.yjwrap .yj1 .inner h1{animation: fade-in-top 1s linear both;padding: 0 0 41px 12px;}
.yjwrap .yj1 .inner .Tbox{padding: 0 0 0 12px;}
.yjwrap .yj1 .inner .Tbox p.T1{padding: 0 0 339px 8px; color:#292929;font-size: 21px;font-weight: 700;line-height: 28px;letter-spacing: -2px;font-weight: 400;position: relative;}
.yjwrap .yj1 .inner .Tbox p.T1::before{content: '"';position: absolute;font-size: 21px;color:#2c2c2c;margin-left: -8px;}
.yjwrap .yj1 .inner .Tbox p.T1 span{padding:3.5px 0 0 0px;color:#292929;line-height: 25px;letter-spacing: -2px;font-weight: 400;display: inline-block;}
.yjwrap .yj1 .inner .Tbox p.T1 i{color:#292929; font-weight: 700;display: inline-block;line-height: 28px;}
.yjwrap .yj1 .inner .Tbox .yjbtn{padding-left: 9px;}
.yjwrap .yj1 .inner .Tbox .yjbtn a{background: #702e3a;color:#fff; font-size: 24px; width: 300px; height: 74px;line-height: 74px;text-align: center;border-radius: 8px;font-weight: 800;}
.yjwrap .yj1 .inner .Tbox .yjbtn a:before{border: 6px solid #702e3a;border-radius: 8px}
.yjwrap .yj2{background: url(../images/movie-bg.png) repeat;}
.yjwrap .yj2 .inner{padding: 102px 0 83px 0;}
.yjwrap .yj2 .inner .videos {width: 807px;height: 457px; position: relative;margin: auto;margin-bottom: 21px;}
.yjwrap .yj2 .inner .videos iframe {position: absolute; left: 0; top: 0; width: 100%;height: 100%;}
.yjwrap .yj3{background: url(../images/bg2.png) 50% 0 no-repeat;}
.yjwrap .yj3 .inner{height: 1059px}
.yjwrap .yj3 .inner h2{opacity: 0;;padding: 90px 0 55px 4px;}
.yjwrap .yj3 .inner h2.on{animation: fade-in-left 1s linear both}
.yjwrap .yj3 .inner .Tbox{padding: 0 0 34px 22px;}
.yjwrap .yj3 .inner .Tbox p.T1{font-size: 20px; color:#1f1f1f;font-weight: 500;line-height: 30.85px;}
.yjwrap .yj3 .inner .Tbox p.T1 i{color:#2d2d2d;font-size: 15px;line-height: 20px;display: inline-block;margin-top: 8px;}
.yjwrap .yj3 .inner .Tbox p.T1 span{color:#2d2d2d;font-weight: 700;}
.yjwrap .yj3 .inner .yjbtn{padding-left: 20px;}
.yjwrap .yj3 .inner .yjbtn a{background: #702e3a;color:#fff; font-size: 24px; width: 300px; height: 74px;line-height: 74px;text-align: center;border-radius: 8px;font-weight: 800;}
.yjwrap .yj3 .inner .yjbtn a:before{border: 6px solid #702e3a;border-radius: 8px}
.yjwrap .yj3 .inner .yj-pic{position: absolute;top: 68px;left: 587px;width:404px;border: 15px solid #fff;box-shadow: 5px 5px 5px rgba(0,0,0,0.2);transform: rotate(4deg);}
.yjwrap .yj3 .inner .yj-pic::before{content: '';background: url(../images/tape.png) no-repeat;width: 107px; height: 121px;; position: absolute;left: -70px;top: -70px;}
.yjwrap .yj3 .inner .yj-pic::after{content: '';background: url(../images/tape.png) no-repeat;width: 107px; height: 121px;; position: absolute;left: 341px;top: 260px;transform: rotate(-15deg);}
.yjwrap  .swiper{margin-left: auto; margin-right: auto;position: relative;overflow: hidden; overflow: clip; list-style: none;padding: 0; z-index: 1;}
.yjwrap  .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; }
.yjwrap  .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.yjwrap  .swiper-slide {flex-shrink: 0;width: 100%;height: 100%; position: relative;transition-property: transform; display: block;}
.yjwrap .yj4{background: url(../images/bg3.png) 50% 0 no-repeat;}
.yjwrap .yj4 .inner{height: 726px}
.yjwrap .yj4 .inner .Tbox{padding: 137px 0 78px 678px;}
.yjwrap .yj4 .inner .Tbox h2{padding: 0 0 39px 0px;opacity: 0;color:#fababb; font-size: 35px; font-family: var(--mj) !important;letter-spacing: -2px;font-weight: 500;line-height: 32px;}
.yjwrap .yj4 .inner .Tbox h2.on{animation: fade-in-left 1s linear both;}
.yjwrap .yj4 .inner .Tbox h2 i{padding:8px 0 0 15px; display: inline-block;color:#fababb;font-family: var(--mj) !important;letter-spacing: -2px;line-height: 48px;}
.yjwrap .yj4 .inner .Tbox p.T1{font-size: 20px; color:#fff;font-weight: 500;line-height: 31.8px;padding: 0 0 0px 13px;font-family: var(--mj) !important;letter-spacing: -0.8px;}
.yjwrap .yj4 .inner .Tbox p.T1 i{color:#bad8f0;font-weight: 500;font-family: var(--mj) !important}
.yjwrap .yj4 .yj-pic{display: flex;align-items: center;justify-content: center;}
.yjwrap .yj4 .yj-pic img{opacity: 0;}
.yjwrap .yj4 .yj-pic.on img{animation: fade-in-top 1s linear both;}
.yjwrap .yj4 .yj-pic.on img:nth-of-type(2){animation-delay: 0.2s;}
.yjwrap .yj4 .yj-pic.on img:nth-of-type(3){animation-delay: 0.4s;}
.yjwrap .yj4 .yj-pic.on img:nth-of-type(4){animation-delay: 0.6s;}
.yjwrap .yj5{background: url(../images/bg4.png) 50% 0 no-repeat;}
.yjwrap .yj5 .inner{height: 1013px;}
.yjwrap .yj5 .inner .Tbox{padding: 92px 0 0px 0px;}
.yjwrap .yj5 .inner .Tbox h2{opacity: 0;;padding: 0 0 51px 0;}
.yjwrap .yj5 .inner .Tbox h2.on{animation: fade-in-left 1s linear both}
.yjwrap .yj5 .inner .Tbox p.T1{font-size: 20px; color:#2d2d2d;font-weight: 400;line-height: 30.8px;;padding: 0 0 53px 16px;}
.yjwrap .yj5 .inner .Tbox p.T1 i{color:#2d2d2d;font-weight: 800;}
.yjwrap .yj5 .inner .yjbtn{padding-left: 16px;}
.yjwrap .yj5 .inner .yjbtn a{background: #702e3a;color:#fff; font-size: 24px; width: 300px; height: 74px;line-height: 74px;text-align: center;border-radius: 8px;font-weight: 800;}
.yjwrap .yj5 .inner .yjbtn a:before{border: 6px solid #702e3a;border-radius: 8px}
.yjwrap .yj5 .inner .yj-pic{display: flex;align-items: center;justify-content: center;gap: 15px;position: absolute;left: 386px;bottom: 70px;;}
.yjwrap .yj5 .inner .yj-pic img{opacity: 0;}
.yjwrap .yj5 .inner .yj-pic.on img{animation: fade-in-top 1s linear both;}
.yjwrap .yj5 .inner .yj-pic.on img:nth-of-type(2){animation-delay: 0.3s;}
.yjwrap .yj6{background: url(../images/bg5.png) 50% 0 no-repeat;}
.yjwrap .yj6 .inner{height: 852px;}
.yjwrap .yj6 .inner .Tbox{padding:0 0 0 707px;}
.yjwrap .yj6 .inner .Tbox h2{opacity: 0;;padding: 73px 0 43px 0;font-size: 38px; font-family: var(--mj) !important;letter-spacing: -4.2px;font-weight: 500;color:#ffc9c5;line-height: 50px;}
.yjwrap .yj6 .inner .Tbox h2.on{animation: fade-in-left 1s linear both}
.yjwrap .yj6 .inner .Tbox p.T1{font-size: 20px; color:#fff;font-weight: 400;line-height: 31px;;padding: 0 0 45px 2px;;}
.yjwrap .yj6 .inner .Tbox p.T1 i{color:#ffd8d5;font-weight: 800; font-size: 23px;line-height: 30px;font-family: var(--mj) !important;}
.yjwrap .yj6 .inner .Tbox p.T1 i span{padding-left: 5px; display: inline-block;color:#ffd8d5;font-family: var(--mj) !important;font-weight: 800;line-height: 33px;}
.yjwrap .yj6 .inner .yjbtn{padding-left: 10px;}
.yjwrap .yj6 .inner .yjbtn a{background: #fff;color:#000; font-size: 24px; width: 300px; height: 74px;line-height: 74px;text-align: center;border-radius: 8px;font-weight: 800;}
.yjwrap .yj6 .inner .yjbtn a:before{border: 6px solid #fff;border-radius: 8px}
.yjwrap .yj7{background: url(../images/bg6.png) 50% 0 no-repeat;}
.yjwrap .yj7 .inner{height: 481px;}
.yjwrap .yj7 .inner p.T1{position: absolute;left: 319px; top: 94px;opacity: 0;}
.yjwrap .yj7 .inner p.T2{position: absolute;left: 500px; top: 249px;opacity: 0;}
.yjwrap .yj7 .inner p.T1.on{animation: fade-in-bottom 1s linear both;}
.yjwrap .yj7 .inner p.T2.on{animation: fade-in-bottom 1s linear both 0.2s;}
.yjwrap .yj8{background: #fff;}
.yjwrap .yj8 .inner .T1{text-align: center;padding: 64px 0 21px 0;font-size: 27px; color:#6c6c6c;line-height: 37px;}
.yjwrap .yj8 .inner .T1 i{color:#fff; font-size: 47px;font-weight: 900;}
.yjwrap .yj8 .inner .T2{text-align: center;padding: 0px 0 56px 0;font-size: 48px; color:#63323c;line-height: 69px;font-weight: 800;letter-spacing: -3px;}
.yjwrap .yj8 .inner .yjbtn{text-align: center;margin-bottom: 34px;}
.yjwrap .yj8 .inner .yjbtn a.B1{background: #63323c;color:#fff}
.yjwrap .yj8 .inner .yjbtn a.B2{background: #e8e5d9;color:#636363}
.yjwrap .yj8 .inner .yjbtn a{font-size: 34px; text-align: center;font-weight: 800;margin: 0 8px; height: 128px; line-height: 128px;border-radius: 8px;width: 395px;}
.yjwrap .yj8 .inner .yjbtn a.B1:before{border: 6px solid #63323c;border-radius: 8px;}
.yjwrap .yj8 .inner .yjbtn a.B2:before{border: 6px solid #e8e5d9;border-radius: 8px;}
.yjwrap .yj8 .inner .T3{font-size: 15px; text-align: center;color:#63323c;padding-bottom: 78px;}
.yjwrap .yj9{background: url(../images/movie-bg.png) repeat;;}
.yjwrap .yj9 .inner{padding: 73px 0 0 0;}
.yjwrap .yj9 .inner .T1{padding: 0 0 39px 0px;text-align: center;font-size: 30px;line-height: 51px;font-weight: 700;color:#fff}
.yjwrap .yj9 .inner ul{display: flex;align-items: flex-start;justify-content: center;margin: auto; margin-bottom: 52px;gap: 30px;}
.yjwrap .yj9 .inner ul li{text-align: center;opacity: 0;padding: 10px;background: #fff;border-radius: 10px;}
.yjwrap .yj9 .inner ul li.on{animation: fade-in-top 1s linear both;}
.yjwrap .yj9 .inner ul li:nth-of-type(2){animation-delay: 0.3s;}
.yjwrap .yj9 .inner ul li:nth-of-type(3){animation-delay: 0.6s;}
.yjwrap .yj9 .inner ul li img{display: inline-block;margin-bottom: 12px;}
.yjwrap .yj9 .inner ul li p.T2{color:#7e7e7e;font-size: 18px;line-height: 20px;font-weight: 700;}
.yjwrap .yj9 .inner ul li p.T2 i{font-weight: 900;color:#63323c;font-size: 24px;;}
.yjwrap .yj9 .inner p.T3{color:#fff;font-size: 20px;text-align: center;padding-bottom: 81px;}
.yjwrap .yjfot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.footer{background: #fff;position: relative;z-index: 2;}
.yjwrap #footer {margin:45px auto 0;border-top:1px solid #d1d1d1}
.yjwrap #footer .footer_menu {border-bottom:1px solid #d1d1d1;background:#e9e9e9;padding:5px 10px 5px 3px}
.yjwrap #footer .footer_lay {position:relative;width:980px;margin:0 auto;}
.yjwrap #footer .footer_lay:after {content:" ";display:block;clear:both}
.yjwrap #footer .footer {background:#f5f5f5;position:relative;z-index: 1;}
.yjwrap #footer .footer .footer_lay {padding:25px 0 24px 153px;position:relative;width:827px;/* margin-top:5px;*/ margin-bottom:5px}
.yjwrap #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;}
.yjwrap #footer .footer address {color:#7c7c7c;font-size:11px;padding-top:3px;font-style: normal;}
.yjwrap #footer .footer address span {color:#7c7c7c}
.yjwrap #footer .footer address strong {color:#666666;margin-right:12px;width:200px;display:inline-block;text-align:right}
.yjwrap #footer .footer address strong span {color:#857768;margin-left:5px}
.yjwrap #footer .footer p {font-size:11px;border-top:1px solid #e5e5e5;padding-top:8px;margin-top:5px;color:#a8a8a8}
.yjwrap #footer .footer p.gniinfotxt{border: 0px; float: left; color:#666666; }
.yjwrap #footer .footer p.gniinfotxt span.hipe{margin: 0px; font-size: 12px; font-weight:700;}
.yjwrap #footer .footer p.gniinfotxt span.hipe span.pa{color:#857768; margin-left:5px; font-weight:100;  font-size: 12px; }
.yjwrap #footer .footer p span {float:right;margin-right:12px;font-size:10px}
.ir {background: url(https://ad.goodneighbors.kr/mainSprite.png)}
.yjwrap .yjbtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.yjwrap .yjbtn a:hover:before, .yjwrap .yjbtn a:focus:before, .yjwrap .yjbtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.yjwrap .yjbtn 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}}