@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}   
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}    
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}    
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
.kidari h1,.kidari h2,.kidari a,.kidari div,.kidari span,.kidari a,.kidari p{font-family: 'Noto Sans KR' !important;; letter-spacing: -1.5px;}
html,body{height: 100%;}
.kidariwrap .kidari img{display:block;}
.kidariwrap,.kidari{width: 100%;position: relative;max-width: 720px;margin: auto;overflow: hidden;}
.kidariwrap .kidari .inner{position: absolute;width: 100%; top:0;left: 0;height: 100%;}
.kidariwrap .quicks{width: 100%;position: fixed;bottom: 0; left: 50%; transform: translate(-50%,0);z-index: 2;display: none !important;}
.kidariwrap .quicks.on{display: block !important;}
.kidariwrap .kidari1 h1{opacity: 0;animation: fade-in-top 1s linear both;padding-top: 41%;}
.kidariwrap .kidari2 .secter{position: relative;}
.kidariwrap .kidari2 .present{width: 100%; top: 19.5%;position: relative;}
.kidariwrap .kidari2 .present p{position: absolute;opacity: 0;}
.kidariwrap .kidari2 .present p.on{animation: fade-in-top 1s linear both;opacity: 0;}
.kidariwrap .kidari2 .grafs{position: relative;}
.kidariwrap .kidari2 .grafs .chkpeo{font-size: clamp(9.5px, calc(19px + 19 * (100vw - 720px) / 720), 19px);color:#000;position: absolute;top: -64%; left: 75%;}
.kidariwrap .kidari2 .grafs .chkpeol{font-size: clamp(9.5px, calc(19px + 19 * (100vw - 720px) / 720), 19px);color:#000;position: absolute;top: -64%; left: 14%;}
.kidariwrap .kidari2 .grafs .ingraf{width: 74%;position: absolute;left: 50%; transform: translate(-50%,0);height: 100%;background: #f5f5f5;border-radius: 100px;overflow: hidden;box-shadow: inset 10px 10px 10px rgba(0,0,0,0.1);}
.kidariwrap .kidari2 .grafs .ingraf span{position: absolute;height: 100%; background: #361d61;box-shadow: inset 10px 10px 10px rgba(0,0,0,0.1);}
.kidariwrap .kidari4{background: #fff; padding-bottom: 10%;display: none;}
.kidariwrap .kidari4 .videos{width: 100%;padding-bottom: 56.25%;position: relative;}
.kidariwrap .kidari4 .videos iframe{width: 100%; height: 100%; position: absolute;left: 0;top: 0;}
.kidariwrap .kidari5 .secter{position: absolute;}
.kidariwrap .kidari5 .secter h2{opacity: 0;padding: 6% 0 0 0;}
.kidariwrap .kidari5 .secter h2.on{animation: fade-in-left 1s linear both;}
.kidariwrap .kidari5 .secter p.T1{margin-bottom: 64%;}
.kidariwrap .kidari5 .movsgals{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 5%;}
.kidariwrap .kidari5 .movsgals span{width: 49%;opacity: 0;display: inline-block;}
.kidariwrap .kidari5 .movsgals span video{width: 100%;}
.kidariwrap .kidari5 .movsgals span.on{animation: fade-in-top 1s linear both;}
.kidariwrap .kidari5 .movsgals span.on:nth-of-type(2){animation-delay: 0.2s;}
.kidariwrap .kidari5 .movsgals span.on:nth-of-type(3){animation-delay: 0.4s;}
.kidariwrap .kidari5 .movsgals span:nth-of-type(3){width: 100%;;}
.kidariwrap .kidari5 .videos{width: 59%; padding-bottom: 49%; position: absolute;top: 31%;left: 49%;transform: rotate(-11deg);border: 8px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.kidariwrap .kidari5 .videos video{width: 100%; height: 100%; position: absolute;left: 0;top: 0;object-fit: cover;}
.kidariwrap .kidari6_1 .pic1{padding: 159% 0px 4% 0;opacity: 0;}
.kidariwrap .kidari6_1 .pic1.on,.kidariwrap .kidari6_1 p.T1.on{animation: fade-in-top 1s linear both}
.kidariwrap .kidari6_1 p.T1.on{animation-delay: 0.3s;}
.kidariwrap .kidari6_1 p.T1{opacity: 0;}
.kidariwrap .kidari6{padding: 15% 0 12% 0;background: #89a230;}
.kidariwrap .kidari6 h2{margin-bottom: 7%;font-size: calc( 38px + 38 * ( 100vw - 720px ) / 720 );line-height: calc( 58px + 58 * ( 100vw - 720px ) / 720 );color:#fff;text-align: center;}
.kidariwrap .kidari6 h2 span{font-size: calc( 44px + 44 * ( 100vw - 720px ) / 720 );color: #fff; font-weight: 700;}
.kidariwrap .kidari6 ul{margin-bottom: 5%;}
.kidariwrap .kidari6 ul li{opacity: 0;margin-bottom: 3%;}
.kidariwrap .kidari6 ul li.on{animation: fade-in-top 1s linear both;}
.kidariwrap .kidari6 ul li:nth-of-type(2).on{animation-delay: 0.3s;}
.kidariwrap .kidari6 ul li:nth-of-type(3).on{animation-delay: 0.6s;}
.kidariwrap .kidari6 ul li:nth-of-type(4).on{animation-delay: 0.9s;}
.kidariwrap .kidari6 p.T1{font-size: calc( 30px + 30 * ( 100vw - 720px ) / 720 );line-height: calc( 42px + 42 * ( 100vw - 720px ) / 720 );text-align: center;color:#fff;}
.kidariwrap .kidari6 p.T1 span{font-weight: 700;color:#fff;}
.kidariwrap .kidari7 h2{padding: 39% 0 6% 0;opacity: 0;}
.kidariwrap .kidari7 h2.on{animation: fade-in-top 1s linear both;}
.kidariwrap .kidari7 .imgs{text-align: center;animation: lefts 1s steps(2) infinite;}
.kidariwrap .kidari7 .imgs span{display: inline-block;}
.kidariwrap .kidari7 .kidaribtn{position: relative;z-index: 2;}
.kidariwrap .kidari8{padding: 17% 0 10% 0;background: #e8ebc4;}
.kidariwrap .kidari8 h2{opacity: 0;margin-bottom: 8%;}
.kidariwrap .kidari8 h2.on{animation: fade-in-top 1s linear both;}
.kidariwrap .kidari8 ul li{opacity: 0;margin-bottom: 5%;}
.kidariwrap .kidari8 ul li.on{animation: fade-in-top 1s linear both;}
.kidariwrap .kidari8 ul li:nth-of-type(2).on{animation-delay: 0.3s;}
.kidariwrap .kidari8 ul li:nth-of-type(3).on{animation-delay: 0.6s;}
.kidariwrap .kidari8 ul li:nth-of-type(4).on{animation-delay: 0.9s;}
.kidariwrap footer{padding: 20px 5% 80px 5%;background: #f3f3f3; border-top: 1px solid #c6c6c6;margin-top: 30px;}
.kidariwrap footer .menuLink01 {overflow: hidden;margin-bottom: 15px;}
.kidariwrap 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;}
.kidariwrap footer .menuLink01 a.btn_tel {margin: 0 2%;}
.kidariwrap footer .menuLink02 {overflow: hidden;margin-bottom: 15px;text-align: center;}
.kidariwrap 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;}
.kidariwrap footer .menuLink02 a:after {position: absolute;right: 0;top: 10%;width: 1px;height: 80% ;background-color: #b8b8b8;content:""}
.kidariwrap footer .menuLink02 .btn_privacy {color: #515151;}
.kidariwrap footer .menuLink02 .btn_app:after {width: 0;background-color: #fcfbfb;}
.kidariwrap footer .txtBox {color: #797979;text-align: center;font-size:12px; line-height: 16px;;}
.kidariwrap footer .txtBox p {line-height: 2.5em;}
.kidariwrap footer .txtBox p em {font-size: 1.2em;}
.kidariwrap footer .txtBox a{font-size: 0.8em;color:#717171; text-decoration: none;}
.kidariwrap footer .snsLink {display: none;margin-top: 20px;text-align:center;}
.kidariwrap 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;}
.kidariwrap footer .snsLink a.MobileMainSNS1{background-position:0px -231px; }
.kidariwrap footer .snsLink a.MobileMainSNS2{background-position:-44px -231px; }
.kidariwrap footer .snsLink a.MobileMainSNS3{background-position:-88px -231px; }
.kidariwrap footer .snsLink a.MobileMainSNS4{background-position:-132px -229px; }
.kidariwrap footer .snsLink a.MobileMainSNS5{background-position:-176px -231px; }
.kidariwrap footer .snsLink a.MobileMainSNS6{background-position:-220px -231px; }
.kidarifooter{padding: 7% 0;text-align: center;background: #fff;border-top: 1px solid #e7e7e7;font-size: calc( 16px + 16 * ( 100vw - 720px ) / 720 );}
#container{max-width: none !important;}
@media (min-width: 720px) {
    
    .kidariwrap .quicks{width: 100%;position: fixed;bottom: 0px; left: 50%; transform: translate(-50%,0);z-index: 2;max-width: 720px;}
    .kidarifooter{font-size: 16px;}
    .kidariwrap .kidari6 h2{font-size: 38px; line-height: 58px;}
    .kidariwrap .kidari6 h2 span{font-size: 44px;}
    .kidariwrap .kidari6 p.T1,.kidariwrap .kidari6 p.T1 span{font-size: 38px; line-height: 58px;}
}
@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 lefts {0% {transform: translate(-1%,0);}100% {transform: translate(1%,0);}}