@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);
.pol h1,.pol h2,.pol a,.pol div,.pol span,.pol a,.pol p,.pol i{font-family: 'Noto Sans Korean' !important; letter-spacing: -1.2px;line-height: 150%;}
html,body{height: 100%;}
.polwrap .pol img{display:block;}
.polwrap,.pol{width: 100%;position: relative;max-width: 640px;margin: auto;overflow: hidden;}
.polwrap .pol .inner{position: absolute;width: 100%; top:0;left: 0;height: 100%;}
.polwrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;}
.polwrap .quicks{width: 100%;position: fixed;bottom: 10px; left: 50%; transform: translate(-50%,0);z-index: 2;display: none !important;max-width: 640px;;}
.polwrap .quicks.on{display: block !important;}
.polwrap .pol1 .inner{z-index: 2;}
.polwrap .pol1 .inner .gnilogo{padding:0.5% 0 0% 0%;position: relative;z-index: 2;text-align: center;}
.polwrap .pol1 .inner .gnilogo.ad{padding:1.8% 0%;}
.polwrap .pol1 .inner .gnilogo a,.polwrap .pol1 .inner .gnilogo span{display: inline-block;vertical-align: middle;}
.polwrap .pol1 .inner .gnilogo a{width: 25.783%;margin-bottom: 0.2%;}
.polwrap .pol1 .inner .gnilogo span{font-size: clamp(8.5px, calc(17px + 17 * (100vw - 640px) / 640), 17px);color:#383838;;}
.polwrap .pol1 .inner .bi{font-size: clamp(8px, calc(16px + 16 * (100vw - 640px) / 640), 16px);color:#383838;background: rgba(255,255,255,0.5);border-radius: 100px; text-align: center;width: 90%; margin: auto;margin-bottom: 8%;}
.polwrap .pol1 .inner .bi img{width: 25.348%;display: inline-block;}
.polwrap .pol1 .inner h1{text-align: center;margin-bottom: 77%;opacity: 0;animation: fade-in-top 1s linear both;}
.polwrap .pol1 .inner p.T1{padding:0 0 11% 0%;color:#fff;font-size: clamp(15px, calc(30px + 30 * (100vw - 640px) / 640), 30px);line-height: clamp(20px, calc(40px + 40 * (100vw - 640px) / 640), 40px);text-align: center;}
.polwrap .pol1 .inner .polbtn{margin-bottom: 10%;}
.polwrap .pol1 .inner p.T2{padding:0 0 0 5%;color:#fff;font-size: clamp(10px, calc(20px + 20 * (100vw - 640px) / 640), 20px);line-height: clamp(14.5px, calc(29px + 29 * (100vw - 640px) / 640), 29px);}
.polwrap .pol1 .inner p.T2 i{font-size: clamp(7px, calc(14px + 14 * (100vw - 640px) / 640), 14px);color:#fff;}
.polwrap .pol2{padding: 11% 0 ;background: #202020;}
.polwrap .pol2 .videos{width: 90%; padding-bottom: 52%;position: relative;overflow: hidden;margin: auto;}
.polwrap .pol2 .videos iframe{position: absolute;width: 100%; height: 100%;left: 0;top: 0;}
.polwrap .pol3 .titles .inner{padding-top: 98.5%;}
.polwrap .pol3 .titles h2{opacity: 0;margin-bottom: 6%;}
.polwrap .pol3 .titles h2.on{animation: fade-in-left 1s linear both;}
.polwrap .pol3 .titles p.T2{color:#fff;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 27px);line-height: clamp(23.5px, calc(37px + 37 * (100vw - 640px) / 640), 37px);padding:0% 0% 12% 8%;font-weight: 400;}
.polwrap .pol3 .titles .imgbox img{opacity: 0;}
.polwrap .pol3 .titles .imgbox.on img{animation: fade-in-top 1s linear both}
.polwrap .pol3 .titles .imgbox.on img:nth-of-type(1){margin-bottom: 3%;}
.polwrap .pol3 .titles .imgbox.on img:nth-of-type(2){animation-delay: 0.3s;}
.polwrap .pol4 .Tbox{background: #483628;}
.polwrap .pol4 .Tbox h2{opacity: 0;padding: 15% 0 7% 0;}
.polwrap .pol4 .Tbox h2.on{animation: fade-in-left 1s linear both;}
.polwrap .pol4 .Tbox p.T2{color:#fff;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 27px);line-height: clamp(23.5px, calc(37px + 37 * (100vw - 640px) / 640), 37px);font-weight: 400;padding:0% 0% 12% 8%;}
.polwrap .pol4 .Tbox p.T2 i{color:#f5eaac;font-weight: 500;line-height: clamp(23.5px, calc(37px + 37 * (100vw - 640px) / 640), 37px)}
.polwrap .pol5 .titles .inner{padding-top: 84%;}
.polwrap .pol5 .titles h2{opacity: 0;margin-bottom: 8%;}
.polwrap .pol5 .titles h2.on{animation: fade-in-left 1s linear both;}
.polwrap .pol5 .titles p.T2{color:#fff;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 27px);line-height: clamp(23.5px, calc(37px + 37 * (100vw - 640px) / 640), 37px);padding:0% 0% 12% 8%;font-weight: 400;}
.polwrap .pol6 .titles h2{opacity: 0;margin-bottom: -4%;padding-top: 5%;}
.polwrap .pol6 .titles h2.on{animation: fade-in-left 1s linear both;}
.polwrap .pol6 .titles p.T2{color:#474747;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 27px);line-height: clamp(23.5px, calc(37px + 37 * (100vw - 640px) / 640), 37px);padding:0% 0% 12% 8%;font-weight: 400;}
.polwrap .pol7{background: #fff;}
.polwrap .pol7 p.T1{font-size: clamp(21.5px, calc(43px + 43 * (100vw - 640px) / 640), 43px);font-weight: 700;line-height: clamp(29px, calc(58px + 58 * (100vw - 640px) / 640), 58px);color:#2b2b2b;padding: 15% 0 5% 0;letter-spacing: -2px;text-align: center;}
.polwrap .pol7 p.T1 i{color:#ab8c59;font-family: var(--Myeongjo) !important;}
.polwrap .pol7 .polbtn{margin-bottom: 7%;}
.polwrap .pol7 .polbtn a{display: block;}
.polwrap .pol7 .polbtn a.B2{margin-top: 3%;}
.polwrap .pol7 p.T2{font-size: clamp(9px, calc(18px + 18 * (100vw - 640px) / 640), 18px);color:#252525;text-align: center;padding-bottom: 15%;}
.polwrap .pol8 .Tbox{padding: 88.5% 0 0 7%;}
.polwrap .pol8 .Tbox p.T1{font-size: clamp(18.5px, calc(37px + 37 * (100vw - 640px) / 640), 37px);line-height: clamp(24px, calc(48px + 48 * (100vw - 640px) / 640), 48px); color:#1e1e1e;letter-spacing: -2px;margin-bottom: 7.5%;}
.polwrap .pol8 .Tbox p.T1 i{color:#1e1e1e;line-height: clamp(24px, calc(48px + 48 * (100vw - 640px) / 640), 48px);font-weight: 600;letter-spacing: -2px}
.polwrap .pol8 .Tbox p.T2{font-size: clamp(12.5px, calc(25px + 25 * (100vw - 640px) / 640), 25px);line-height: clamp(17.5px, calc(35px + 35 * (100vw - 640px) / 640), 35px); color:#1e1e1e;margin-bottom: 9%;letter-spacing: -2px}
.polwrap .pol8 .Tbox p.T2 i{color:#aeaeae;font-size: clamp(10px, calc(20px + 20 * (100vw - 640px) / 640), 20px);letter-spacing: -2px}
.polwrap .pol8 .Tbox p.T2 span{color:#1e1e1e;font-weight: 500;line-height: clamp(18px, calc(36px + 36 * (100vw - 640px) / 640), 36px);letter-spacing: -2px}
.polwrap .pol8 .Tbox .polbtn{margin-bottom: 11%;}
.polwrap .pol8 .Tbox p.T3{font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 27px);line-height: clamp(18.5px, calc(37px + 37 * (100vw - 640px) / 640), 37px); color:#6d9542;margin-bottom: 9%;font-weight: 500;letter-spacing: -2px}
.polwrap footer{padding: 20px 5% 80px 5%;background: #f3f3f3; border-top: 1px solid #c6c6c6;margin-top: 30px;}
.polwrap footer .menuLink01 {overflow: hidden;margin-bottom: 15px;}
.polwrap 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;}
.polwrap footer .menuLink01 a.btn_tel {margin: 0 2%;}
.polwrap footer .menuLink02 {overflow: hidden;margin-bottom: 15px;text-align: center;}
.polwrap 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;}
.polwrap footer .menuLink02 a:after {position: absolute;right: 0;top: 10%;width: 1px;height: 80% ;background-color: #b8b8b8;content:""}
.polwrap footer .menuLink02 .btn_privacy {color: #515151;}
.polwrap footer .menuLink02 .btn_app:after {width: 0;background-color: #fcfbfb;}
.polwrap footer .txtBox {color: #797979;text-align: center;font-size:12px; line-height: 16px;}
.polwrap footer .txtBox p {line-height: 2.5em;}
.polwrap footer .txtBox p em {font-size: 1.2em;}
.polwrap footer .txtBox a{font-size: 0.8em;color:#717171; text-decoration: none;}
.polwrap footer .snsLink {display: none;margin-top: 20px;text-align:center;}
.polwrap 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;}
.polwrap footer .snsLink a.MobileMainSNS1{background-position:0px -231px; }
.polwrap footer .snsLink a.MobileMainSNS2{background-position:-44px -231px; }
.polwrap footer .snsLink a.MobileMainSNS3{background-position:-88px -231px; }
.polwrap footer .snsLink a.MobileMainSNS4{background-position:-132px -229px; }
.polwrap footer .snsLink a.MobileMainSNS5{background-position:-176px -231px; }
.polwrap footer .snsLink a.MobileMainSNS6{background-position:-220px -231px; }

.polfooter{padding: 7% 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 fade-in-right{0%{transform:translateX(50px);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes w100{0%{width: 0;}100%{width: 100%;}}