@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: 10px; 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: 11.2%;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 .kidari4{background: #fff; padding-bottom: 10%;}
.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: relative;}
.kidariwrap .kidari5 .secter h2{opacity: 0;position: absolute;top: 3.5%;;}
.kidariwrap .kidari5 .secter h2.on{animation: fade-in-left 1s linear both;}
.kidariwrap .kidari5 .picbox{background: #2e1b14;}
.kidariwrap .kidari5 .picbox ul{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.kidariwrap .kidari5 .picbox ul li{width: 50%;opacity: 0;;}
.kidariwrap .kidari5 .picbox ul li.on{animation: fade-in-top 1s linear both;}
.kidariwrap .kidari5 .picbox ul li.on:nth-of-type(2){animation-delay: 0.2s;}
.kidariwrap .kidari5 .picbox ul li.on:nth-of-type(3){animation-delay: 0.4s;}
.kidariwrap .kidari5 .picbox ul li:nth-of-type(3){width: 100%;;}
.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 1% 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;}
.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);}}