@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');}
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
:root{--nn: "NanumSquare Neo" !important;}
.banji h1,.banji h2,.banji a,.banji div,.banji span,.banji a,.banji p,.banji i,.banjilayer h2,.banjilayer p,.banjilayer i,.banjilayer span{font-family: 'Noto Sans KR' !important;; letter-spacing: -1.2px;line-height: 150%;}
html,body{height: 100%;}
.banjiwrap .banji img{display:block;}
.banjiwrap,.banji{width: 100%;position: relative;max-width: 640px;margin: auto;overflow: hidden;}
.banjiwrap .banji .inner{position: absolute;width: 100%; top:0;left: 0;height: 100%;}
.banjiwrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;;}
.banjiwrap .quicks{width: 100%;position: fixed;bottom: 10px; left: 50%; transform: translate(-50%,0);z-index: 5;max-width: 640px;display: none !important;}
.banjiwrap .quicks.on{display: block !important;}
.banjiwrap .banji1{background: #b7cbd8;}
.banjiwrap .banji1 .inner .gnilogos{padding:1% 0 7% 0%;position: relative;z-index: 3;text-align: center;}
.banjiwrap .banji1 .inner .gnilogos a{width: 12.726%;display: inline-block;}
.banjiwrap .banji1 .inner .gnilogos i{display: block;color:#fff; font-weight: 350;margin-top: 1%;font-size: clamp(6px, calc(12px + 12 * (100vw - 640px) / 640), 12px);}
.banjiwrap .banji1 .inner h1{margin-bottom: 120%;opacity: 0;animation: fade-in-top 1s linear both;z-index: 1;position: relative;}
.banjiwrap .banji1 .inner h1 p.T1{color:#34401d; font-size: clamp(15px, calc(30px + 30 * (100vw - 640px) / 640), 30px);text-align: center;margin-bottom: 0.5%;font-family: var(--nn) !important;font-weight: 600;}
.banjiwrap .banji1 .inner .banjibtn{position: relative;z-index: 3;}
.banjiwrap .banji1 .inner .Tbox{background: rgba(0,0,0,0.8);position: absolute;z-index: 3;padding: 7% 0% 6% 5%;bottom: 0;left: 0;width: 100%;}
.banjiwrap .banji1 .inner .Tbox p.T1{margin-bottom: 6.5%;}
.banjiwrap .banji1 .inner .Tbox p.T1 span{padding-left: 4%;}
.banjiwrap .banji1 .inner .Tbox p.T1,.banjiwrap .banji1 .inner .Tbox p.T1 span{color:#d0e2ef;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 640px) / 640), 45px);line-height: clamp(29.5px, calc(59px + 59 * (100vw - 640px) / 640), 59px);font-weight: 700;letter-spacing: clamp(-1.5px, calc(-3px + -3 * (100vw - 640px) / 640), -3px);}
.banjiwrap .banji1 .inner .Tbox p.T2{color:#fff;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 27px);line-height: clamp(20px, calc(40px + 40 * (100vw - 640px) / 640), 40px);padding-left: 4%;font-family: var(--nn) !important;}
.banjiwrap .banji1 .banbg{padding-top: 39%;z-index: 2;position: relative;}
.banjiwrap .photos{display: flex;align-items: center;justify-content: center;width: 100%;}
.banjiwrap .photos img{width: 50%;}
.banjiwrap .banji2 h2{padding:7% 0 139% 0px;}
.banjiwrap .banji2 .anitxt{position: absolute;}
.banjiwrap .banji2 .anitxt1{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);width: 25.314%; left: 3%; top: 27.5%;}
.banjiwrap .banji2 .anitxt2{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);width: 36.875%; left: 57%; top: 11%;}
.banjiwrap .banji2 .anitxt3{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);width: 29.064%; left: 69%; top: 36%;}
.banjiwrap .banji2 .anitxt.on:nth-of-type(1){animation: clips1 1s linear both;}
.banjiwrap .banji2 .anitxt.on:nth-of-type(2),.banjiwrap .banji2 .anitxt.on:nth-of-type(3){animation: clips2 1s linear both}
.banjiwrap .banji2 p.T1{padding:0 0 8% 8%; color:#000;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 27px);line-height: clamp(20px, calc(40px + 40 * (100vw - 640px) / 640), 40px);font-family: var(--nn) !important;}
.banjiwrap .banjivideo{background: #303539;}
.banjiwrap .banjivideo .videos{width: 100%; padding-bottom: 56.25%;position: relative;margin: auto; }
.banjiwrap .banjivideo .videos iframe{position: absolute;width: 100%; height: 100%;left: 0;top: 0;}
.banjiwrap .swiper-container{margin-left: auto; margin-right: auto;position: relative;list-style: none;padding: 0; z-index: 1;overflow: hidden;}
.banjiwrap .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;transform-style: preserve-3d;}
.banjiwrap .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.banjiwrap .swiper-slide{flex-shrink: 0;width: 100%;position: relative;transition-property: transform; display: flex;justify-content: center;}
.banjiwrap .banji3 .swiper-pagination{display: flex;align-items: center;justify-content: center;gap: 10px;width: 90%; margin: auto;}
.banjiwrap .banji3 .swiper-pagination span{width: 20%;height: 3px; background: #d4d4d4;}
.banjiwrap .banji3 .swiper-pagination span.swiper-pagination-bullet-active{background: #000;}
.banjiwrap .banji3 h2{padding:08% 0 9% 0%;text-align: center;font-size: clamp(27px, calc(54px + 54 * (100vw - 640px) / 640), 54px);line-height: clamp(35px, calc(70px + 70 * (100vw - 640px) / 640), 70px);color:#000;font-weight: 700;letter-spacing: clamp(-1.5px, calc(-3px + -3 * (100vw - 640px) / 640), -3px);}
.banjiwrap .banji3 .banjibtn{width: 90.626%; margin: auto;padding-bottom: 5%;}
.banjiwrap .banji3 .banjibtn a{text-align: center;color:#000;font-size: clamp(15px, calc(30px + 30 * (100vw - 640px) / 640), 30px);font-weight: 700;border: 1px solid #000;padding: 5.433% 0;display: block;}
.banjiwrap .banji4{background: #2f3a40;}
.banjiwrap .banji4 .turny-wrap {background: #2f3a40;color: #ddd;padding: 7% 0 0% 0;}
.banjiwrap .banji4 .turny-wrap .turny-table{padding: 0% 6% 7% 7%; }
.banjiwrap .banji4 .turny-title {font-size: clamp(12px, calc(24px + 24 * (100vw - 640px) / 640), 24px);font-weight: 700;color:#ccd9e5;text-align: center;margin-bottom: 3%;}
.banjiwrap .banji4 .row {display: flex;align-items: flex-start;justify-content: flex-start; border-bottom: 1px solid rgba(255,255,255,0.2);}
.banjiwrap .banji4 .th {padding: 2% 0px;font-weight: 600;color: #fff;font-size: clamp(10px, calc(20px + 20 * (100vw - 640px) / 640), 20px);width: 16%;}
.banjiwrap .banji4 .td {padding: 2% 0px;color: #fff;font-size: clamp(10px, calc(20px + 20 * (100vw - 640px) / 640), 20px);}
.banjiwrap .banji4 .notice-row {border-bottom: 0;}
.banjiwrap .banji4 .notice {line-height: 24px;}
.banjiwrap .banji4 .notice li {color: #fff;font-size: clamp(6.5px, calc(17px + 17 * (100vw - 640px) / 640), 17px);letter-spacing: clamp(-0.25px, calc(-0.5px + -0.5 * (100vw - 640px) / 640), -0.5px);line-height: clamp(13px, calc(26px + 26 * (100vw - 640px) / 640), 26px);}
.banjiwrap .banji5 h2{color:#251e1e;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 640px) / 640), 45px);font-weight: 700;line-height: clamp(28.5px, calc(57px + 57 * (100vw - 640px) / 640), 57px);padding: 86% 0 8% 7%;}
.banjiwrap .banji5 .gals{position: relative;margin-bottom: 6%;}
.banjiwrap .banji5 .gals .swiper-btn-area{display: flex;align-items: center;justify-content: center;gap: 2%;position: absolute;bottom: 2%; width: 100%;z-index: 2;}
.banjiwrap .banji5 .gals .swiper-btn-area div{width:clamp(23.5px, calc(47px + 47 * (100vw - 640px) / 640), 47px) ;height: clamp(23.5px, calc(47px + 47 * (100vw - 640px) / 640), 47px) ;;}
.banjiwrap .banji5 .swiper-container{padding-left: 4%;}
.banjiwrap .banji5 p.T1{color:#000;padding: 0 0 9% 8%;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 27px);line-height: clamp(20px, calc(40px + 40 * (100vw - 640px) / 640), 40px);}
.banjiwrap .banji6{background: #f5f1b9;}
.banjiwrap .banji6 h2{font-size: clamp(22.5px, calc(45px + 45 * (100vw - 640px) / 640), 45px);line-height: clamp(29.5px, calc(59px + 59 * (100vw - 640px) / 640), 59px);font-weight: 700;letter-spacing: clamp(-1.5px, calc(-3px + -3 * (100vw - 640px) / 640), -3px);padding: 10% 0 6% 7%;color:#000;opacity: 0;}
.banjiwrap .banji6 h2.on{animation: fade-in-left 1s linear both;}
.banjiwrap .banji6 p.T1{color:#000;padding: 4% 0 8% 8%;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 27px);line-height: clamp(20px, calc(40px + 40 * (100vw - 640px) / 640), 40px);}
.banjiwrap .banji6 .banjibtn{padding-bottom: 10%;}
.banjiwrap .banji7 p.T1{padding: 5% 0 10% 8%;color:#000; font-size: clamp(18.5px, calc(37px + 37 * (100vw - 640px) / 640), 37px);line-height: clamp(25px, calc(50px + 50 * (100vw - 640px) / 640), 50px);}
.banjiwrap .banji7 p.T1 i{color:#34401d; font-size: clamp(19.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px);line-height: clamp(25px, calc(50px + 50 * (100vw - 640px) / 640), 50px);font-weight: 700;}
.banjiwrap .banji7 .banjibtn{padding-bottom: 12%;}
.banjiwrap .banji8 .turn-title{position: relative;}
.banjiwrap .banji8 .turn-title h2{font-size: clamp(22.5px, calc(45px + 45 * (100vw - 640px) / 640), 45px);line-height: clamp(29.5px, calc(59px + 59 * (100vw - 640px) / 640), 59px);font-weight: 700;letter-spacing: clamp(-1.5px, calc(-3px + -3 * (100vw - 640px) / 640), -3px);padding: 6.5% 0 0% 7%;color:#000;position: absolute;left: 0;top: 0;}
.banjiwrap .banji8 .turn-title h2 i{color:#87a1b8;font-weight: 700;letter-spacing: clamp(-1.5px, calc(-3px + -3 * (100vw - 640px) / 640), -3px);}
.banjiwrap .banji8 .gals{position: relative;margin:3% 0 6% 0;}
.banjiwrap .banji8 .swiper-container{padding-left: 4%;}
.banjiwrap .banji8 .gals .swiper-btn-area{display: flex;align-items: center;justify-content: center;gap: 2%;position: absolute;bottom: 2%; width: 100%;z-index: 2;}
.banjiwrap .banji8 .gals .swiper-btn-area div{width:clamp(23.5px, calc(47px + 47 * (100vw - 640px) / 640), 47px) ;height: clamp(23.5px, calc(47px + 47 * (100vw - 640px) / 640), 47px) ;filter: brightness(0);}
.banjiwrap .banji8 .gals .swiper-slide.swiper-slide-active img{opacity: 1;}
.banjiwrap .banji8 .gals .swiper-slide img{opacity: 0.3;transition: 0.5s linear ;}
.banjiwrap .banji9 h2{text-align: center;font-size: clamp(18.5px, calc(37px + 37 * (100vw - 640px) / 640), 37px); color:#151515;font-weight: 700;padding: 9% 0;}
.banjiwrap .banji9 .faq-area {width: 90%;margin: auto;}
.banjiwrap .banji9 .faq-area .faq-panel {display: none;}
.banjiwrap .banji9 .faq-area .faq-item.open .faq-a,.banjiwrap .banji9 .inner .faq-area .faq-panel.is-active {display: block;}
.banjiwrap .banji9 .faq-area .faq-wrap {margin-top: 5%;}
.banjiwrap .banji9 .faq-area .faq-tabs {display: flex;justify-content: space-between;align-items: center;gap: 3%;}
.banjiwrap .banji9 .faq-area .faq-tabs .tab-btn {padding: 3% 0;flex: 1;font-size: clamp(12px, calc(24px + 24 * (100vw - 640px) / 640), 24px);color: #fff;background: #000;transition: background 0.3s ease;font-weight: 600;}
.banjiwrap .banji9 .faq-area .faq-tabs .tab-btn.is-active {background: #85a31a;}
.banjiwrap .banji9 .faq-area .faq-item {display: block;cursor: pointer;padding: 5%;border: 1px solid #000;position: relative;}
.banjiwrap .banji9 .faq-area .faq-item.open {border-color: #85a31a;}
.banjiwrap .banji9 .faq-area .faq-item.open .faq-q::after {border-top-color: #85a31a;transform: translateY(-50%) rotate(180deg);}
.banjiwrap .banji9 .faq-area .faq-item + .faq-item {margin-top: 3%;}
.banjiwrap .banji9 .faq-area .faq-q {font-size: clamp(11px, calc(22px + 22 * (100vw - 640px) / 640), 22px);color: #000;font-weight: 600;position: relative;padding-left: 8%;text-align: left;width: 100%;}
.banjiwrap .banji9 .faq-area .faq-q::after {content: "";display: block;position: absolute;right: 0; top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: clamp(11px, calc(22px + 22 * (100vw - 640px) / 640), 22px) solid #000;transition: all 0.3s ease;}
.banjiwrap .banji9 .faq-area .faq-q::before {position: absolute;left: 0;top: -1px;content: "Q. ";font-weight: 600;color: #85a31a;font-size: clamp(11px, calc(22px + 22 * (100vw - 640px) / 640), 22px);}
.banjiwrap .banji9 .faq-area .faq-a {border-top: 1px solid #b8b8b8; margin-top: 5%;color: #000100;}
.banjiwrap .banji9 .faq-area .faq-a .pl {padding-left: 10%;}
.banjiwrap .banji9 .faq-area .faq-a .faq-inner {padding: 5% 0;line-height: 1.5;font-size: clamp(10px, calc(20px + 20 * (100vw - 640px) / 640), 20px);}
.banjilayer{position: fixed;width: 96%; left: 50%; top: 50%;transform: translate(-50%,-50%);z-index: 90;max-height: calc(100vh - 4rem);overflow-y: scroll;max-width: 640px;display: none;}
.banjilayer .layerx{position: absolute;right: 3%; top: 1%;width: 1.792%;}
.banjilayer .incont{background: #fff;}
.banjilayer .banjitxt{padding: 9% 5% 7% 5%;}
.banjilayer .banjitxt h2{color:#323232;font-size: clamp(16px, calc(32px + 32 * (100vw - 640px) / 640), 32px); font-weight: 700;margin-bottom: 5%;line-height: clamp(21px, calc(42px + 42 * (100vw - 640px) / 640), 42px);} 
.banjilayer .banjitxt p.T1{color:#131313;font-size: clamp(11px, calc(22px + 22 * (100vw - 640px) / 640), 22px);} 
.banjilayer .banjisort{padding:10% 10% 5% 10%;width: 100%;}
.banjilayer .banjisort p.T2{color:#000;font-size: clamp(11px, calc(22px + 22 * (100vw - 640px) / 640), 22px); font-weight: 700;margin-bottom: 3%;}
.banjilayer a.banji-sel{display: block;width: 100%;height: clamp(40.5px, calc(81px + 81 * (100vw - 640px) / 640), 81px); line-height: clamp(40.5px, calc(81px + 81 * (100vw - 640px) / 640), 81px); color:#484848;font-size: clamp(15.5px, calc(31px + 31 * (100vw - 640px) / 640), 31px);font-weight: 700;background: #f6f6f6;position: relative;text-align: center;margin-bottom: 3%;border-radius: 5px;}
.banjilayer a.banji-sel:after{content: '';position: absolute;left: 0;top: 0;width: 100%; height: 100%; ;}
.banjilayer a.banji-sel i{font-size: clamp(9.5px, calc(19px + 19 * (100vw - 640px) / 640), 19px); color:#242424;}
.banjilayer a.banji-sel.on:after,.banjilayer a.banji-sel:hover:after{border: 2px solid #151515;border-radius: 5px;}
.banjilayer a.banji-result{padding: 7%; font-size: clamp(17px, calc(34px + 34 * (100vw - 640px) / 640), 34px);margin-top: 5%;display: block;text-align: center;background: #484848;border-radius: 5px;color:#fff;font-weight: 700;margin-bottom: 5%;}
.banjilayer p.T3,.banjilayer p.T4{color:#000;font-size: clamp(8.5px, calc(17px + 17 * (100vw - 640px) / 640), 17px); margin-bottom: 3%;font-weight: 300;}
.banjilayer p.T4 i{font-weight: 700;color:#000}
.banjilayer .Tbox2{background: #f3f3f3;padding: 5% 0 5% 10%;}
.banjilayer p.T5{color:#232323; font-size: clamp(8.5px, calc(17px + 17 * (100vw - 640px) / 640), 17px); line-height: clamp(15px, calc(30px + 30 * (100vw - 640px) / 640), 30px);position: relative;padding-left: 2%;}
.banjilayer p.T5:before{content: '-';color:#232323; font-size: clamp(8.5px, calc(17px + 17 * (100vw - 640px) / 640), 17px);position: absolute;left: 0;}
.banjilayerbg{position: fixed;width: 100%; height: 100%; background: #000;left: 0;top: 0;opacity: 0.5; display: none;z-index: 80;}
.banjiwrap footer{padding: 20px 5% 80px 5%;background: #f3f3f3; border-top: 1px solid #c6c6c6;margin-top: 30px;}
.banjiwrap footer .menuLink01 {overflow: hidden;margin-bottom: 15px;}
.banjiwrap footer .menuLink01 a {display: inline-block;width: 32%;height: 26px;font-size: 1.1em;font-family:NanumBold;color: #757575;border-radius:3px;box-sizing: border-box;border: 1px solid #bbbbbb;background-color: #fff;text-align: center;line-height: 1.9em;}
.banjiwrap footer .menuLink01 a.btn_tel {margin: 0 2%;}
.banjiwrap footer .menuLink02 {overflow: hidden;margin-bottom: 15px;text-align: center;}
.banjiwrap footer .menuLink02 a {position: relative;display: inline-block;padding: 0 3%;font-size:1em;font-family:NanumBold;color: #787878;box-sizing: border-box;text-align: center;}
.banjiwrap footer .menuLink02 a:after {position: absolute;right: 0;top: 10%;width: 1px;height: 80% ;background-color: #b8b8b8;content:""}
.banjiwrap footer .menuLink02 .btn_privacy {color: #515151;}
.banjiwrap footer .menuLink02 .btn_app:after {width: 0;background-color: #fcfbfb;}
.banjiwrap footer .txtBox {color: #797979;text-align: center;font-size:12px; line-height: 16px;;}
.banjiwrap footer .txtBox p {line-height: 2.5em;}
.banjiwrap footer .txtBox p em {font-size: 1.2em;}
.banjiwrap footer .txtBox a{font-size: 0.8em;color:#717171; text-decoration: none;}
.banjiwrap footer .snsLink {display: none;margin-top: 20px;text-align:center;}
.banjiwrap footer .snsLink a {display: inline-block;width:31px;height:31px;margin: 0 2px;background:url(https://img.gni.kr/data/images/mobile/common/Img_Sprite.png) no-repeat;background-size:500px 500px;text-indent:-9999px;}
.banjiwrap footer .snsLink a.MobileMainSNS1{background-position:0px -231px; }
.banjiwrap footer .snsLink a.MobileMainSNS2{background-position:-44px -231px; }
.banjiwrap footer .snsLink a.MobileMainSNS3{background-position:-88px -231px; }
.banjiwrap footer .snsLink a.MobileMainSNS4{background-position:-132px -229px; }
.banjiwrap footer .snsLink a.MobileMainSNS5{background-position:-176px -231px; }
.banjiwrap footer .snsLink a.MobileMainSNS6{background-position:-220px -231px; }
.banjifooter{padding: 30px 0;text-align: center;background: #fff;border-top: 1px solid #e7e7e7;font-size: clamp(8px, calc(16px + 16 * (100vw - 640px) / 640), 16px);}
#container{max-width: none !important;}
@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-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-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes clips1{0%{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);} 100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes clips2{0%{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);} 100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}