@font-face {font-family: 'Noto Sans KR',sans-serif;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');}
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&family=Noto+Sans+KR:wght@300;500;700;900&display=swap');
.jiwoo h1,.jiwoo h2,.jiwoo h3,.jiwoo h4,.jiwoo h5,.jiwoo h6,.jiwoo input,.jiwoo p,.jiwoo span,.jiwoo a,.jiwoo td,.jiwoo th,.jiwoo div,.jiwoo li,.jiwoo label,.jiwoo textarea{font-family: 'Noto Sans KR',sans-serif !important;letter-spacing: -1.5px;}
html,body{height: 100%;}
.jiwoo div,.jiwoo span,.jiwoo a,.jiwoo p{line-height: 150%;}
.jiwoowrap .jiwoo .f1{font-family: 'Nanum Myeongjo', serif!important;font-weight: 400;letter-spacing: -1.5px;}
.jiwoowrap .jiwoo img{display:block;}
.jiwoowrap,.jiwoo{width: 100%;position: relative;max-width: 640px;margin: auto;overflow: hidden;}
.jiwoowrap .jiwoo .inner{position: absolute;width: 100%; top:0;left: 0;height: 100%;}
.jiwoowrap .quicks{width: 100%;position: fixed;bottom: 3%; left: 50%; transform: translate(-50%,0);z-index: 2;display: none !important;}
.jiwoowrap .quicks.on{display: block !important;}
.jiwoowrap .jiwoo1{z-index: 3;}
.jiwoowrap .jiwoo1 .inner .jiwoologo{padding: 5% 0 94% 5%;}
.jiwoowrap .jiwoo1 .inner .jiwoologo a{display: inline-block;width: 20.56%;margin-right: 1%;vertical-align: bottom;}
.jiwoowrap .jiwoo1 .inner .jiwoologo span{display: inline-block;font-size: calc( 17px + 17 * ( 100vw - 640px ) / 640 );color:#544031;font-weight: 700;letter-spacing: -1px;}
.jiwoowrap .jiwoo1 .inner p.T1{-webkit-animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;opacity: 0;margin-bottom: 4%;}
.jiwoowrap .jiwoo1 .inner p.T2{font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#e5dcd5;margin-bottom: 8%;text-align: center;letter-spacing: -1px;}
.jiwoowrap .jiwoo1 .inner .probtn{text-align: center;}
.jiwoowrap .jiwoo1 .inner .probtn a{display: inline-block;}
.jiwoowrap .jiwoo2{padding: 38% 0 48% 0;background: #292929;}
.jiwoowrap .jiwoo2 .videos{width: 100%; padding-bottom: 56.25%;position: relative;}
.jiwoowrap .jiwoo2 .videos iframe{position: absolute;width: 100%;height: 100%;left: 0;top:0}
.jiwoowrap .jiwoo2 p.T1{font-size: calc( 20px + 20 * ( 100vw - 640px ) / 640 );color:#aeaeae;text-align: center;margin-bottom: 3%;}
.jiwoowrap .jiwoo3 .Tbox{background: #fff;padding-bottom: 17%;}
.jiwoowrap .jiwoo3 p.T1{font-size: calc( 36px + 36 * ( 100vw - 640px ) / 640 );line-height: calc( 46px + 46 * ( 100vw - 640px ) / 640 );color:#4d4d4d;padding: 10% 0px 7% 0%;letter-spacing: -2px;font-weight: 700;opacity: 0;}
.jiwoowrap .jiwoo3 p.T1.on{-webkit-animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both}
.jiwoowrap .jiwoo3 p.T2{font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );color:#4d4d4d;padding-left: 6.5%;}
.jiwoowrap .jiwoo4 .Tbox{background: #fff;padding-bottom: 17%;}
.jiwoowrap .jiwoo4 p.T1{font-size: calc( 36px + 36 * ( 100vw - 640px ) / 640 );line-height: calc( 46px + 46 * ( 100vw - 640px ) / 640 );color:#4d4d4d;padding: 10% 0px 6% 0%;letter-spacing: -2px;font-weight: 700;opacity: 0;}
.jiwoowrap .jiwoo4 p.T1.on{-webkit-animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both}
.jiwoowrap .jiwoo4 p.T2{font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );color:#4d4d4d;padding-left: 7%;}
.jiwoowrap .jiwoo5 .Tbox{background: #fff;padding-bottom: 17%;}
.jiwoowrap .jiwoo5 p.T1{font-size: calc( 36px + 36 * ( 100vw - 640px ) / 640 );line-height: calc( 46px + 46 * ( 100vw - 640px ) / 640 );color:#4d4d4d;padding: 10% 0px 6% 0%;letter-spacing: -2px;font-weight: 700;opacity: 0;}
.jiwoowrap .jiwoo5 p.T1.on{-webkit-animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both}
.jiwoowrap .jiwoo5 p.T2{font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );color:#4d4d4d;padding-left: 6.5%;}
.jiwoowrap .jiwoo6{padding: 11% 0;background: #f7f3f0;}
.jiwoowrap .jiwoo6 .pic{position: relative;opacity: 0;}
.jiwoowrap .jiwoo6 .pic.on{animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;}
.jiwoowrap .jiwoo6 .pic2.on{animation-delay: 0.2s;}
.jiwoowrap .jiwoo6 .pic3.on{animation-delay: 0.4s;}
.jiwoowrap .jiwoo6 .pic p.T1_1{color:#7a5639;font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );position: absolute;}
.jiwoowrap .jiwoo6 .pic p.T1_1 span{color:#7a5639; font-weight: 700;}
.jiwoowrap .jiwoo6 .pic1 p.T1_1{left: 58%;top: 14%;}
.jiwoowrap .jiwoo6 .pic2 p.T1_1{left: 12%;top: 50%;text-align: right;}
.jiwoowrap .jiwoo6 .pic3 p.T1_1{left: 58%;top: 27%;}
.jiwoowrap .jiwoo6 .pic2{margin-top: -17%;}
.jiwoowrap .jiwoo6 .pic3{margin-top: -4%;margin-bottom: 11%;}
.jiwoowrap .jiwoo6 p.T1{margin-bottom: 4%;}
.jiwoowrap .jiwoo6 p.T2{font-size: calc( 40px + 40 * ( 100vw - 640px ) / 640 );line-height: calc( 60px + 60 * ( 100vw - 640px ) / 640 );color:#402e20;text-align: center;font-weight: 700;margin-bottom: 9%;}
.jiwoowrap .jiwoo6 p.T2 span{font-size: calc( 40px + 40 * ( 100vw - 640px ) / 640 );line-height: calc( 52px + 52 * ( 100vw - 640px ) / 640 );color:#4b7433;text-align: center;font-weight: 700;}
.jiwoowrap .jiwoo6 .jiwoobtn{text-align: center;margin-bottom: 9%;}
.jiwoowrap .jiwoo6 .jiwoobtn a{display: inline-block;margin: 0 1%;width: 46%;;}
.jiwoowrap .jiwoo6 p.T3{color:#636363;font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );text-align: center;margin-bottom: 5%;}
.jiwoowrap .jiwoo6 p.T4{color:#636363;font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );text-align: center;}
.jiwoowrap .jiwoo7{background: #fff;padding-bottom: 7%;}
.jiwoowrap .jiwoo7 p.T1{padding: 7% 0 4% 5%;font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );color:#bfb1a7;font-weight: 700;}
.jiwoowrap .jiwoo7 p.T1 span{font-size: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#bfb1a7;font-weight: 700}
.jiwoowrap .jiwoo7 p.T2{padding: 0% 5% 0% 5%;font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );color:#5a3b00;}
.jiwoowrap .jiwoo7 p.T3{padding: 0% 5% 7% 5%;font-size: calc( 25px + 25 * ( 100vw - 640px ) / 640 );line-height: calc( 40px + 40 * ( 100vw - 640px ) / 640 );color:#7e7e7e;}
.jiwoowrap .jiwoo7 p{opacity: 0;}
.jiwoowrap .jiwoo7 p.on.c1{animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;}
.jiwoowrap .jiwoo7 p.on.c2{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both 0.2s}
.jiwoowrap .jiwoo7 p.on.c3{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both 0.4s}
.jiwoowrap .jiwoo7 p.on.c4{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both 0.6s}
.jiwoowrap .jiwoo7 p.on.c5{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both 0.8s}
.jiwoowrap .jiwoo7 p.on.c6{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both 1s}
.jiwoowrap .jiwoo7 p.on.c7{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both 1.2s}
.jiwoowrap .jiwoo8{position: relative;}
.jiwoowrap .jiwoo8 .videos{position: relative;padding-bottom: 78%;}
.jiwoowrap .jiwoo8 .videos iframe{position: absolute;width: 100%;height: 100%;left:0; top: 0;}
.jiwoowrap .jiwoo8 .jiwoobtn{position: absolute;bottom: 13%; width: 100%;text-align: center;}
.jiwoofooter{padding: 40px 0;text-align: center;background: #fff;}
#container{max-width: none !important;}
@media (min-width: 640px) {
    .jiwoowrap .jiwoo1 .inner .jiwoologo span{font-size: 17px;}
    .jiwoowrap .jiwoo1 .inner p.T2{font-size: 25px; line-height: 36px;}
    .jiwoowrap .jiwoo1 .inner p.T2 span{font-size: 27px; line-height: 36px;}
    .jiwoowrap .jiwoo2 p.T1{font-size: 20px;}
    .jiwoowrap .jiwoo7 p.T1 span,.jiwoowrap .jiwoo6 p.T1,.jiwoowrap .jiwoo5 p.T1,.jiwoowrap .jiwoo4 p.T1,.jiwoowrap .jiwoo3 p.T1{font-size: 36px;line-height: 46px;;}
    .jiwoowrap .jiwoo7 p.T2,.jiwoowrap .jiwoo7 p.T3,.jiwoowrap .jiwoo7 p.T1,.jiwoowrap .jiwoo6 p.T3,.jiwoowrap .jiwoo6 p.T4,.jiwoowrap .jiwoo6 .pics .pic p.T1_1,.jiwoowrap .jiwoo5 p.T2,.jiwoowrap .jiwoo4 p.T2,.jiwoowrap .jiwoo3 p.T2{font-size: 25px;line-height: 40px;;}       
    .jiwoowrap .jiwoo6 p.T2{font-size: 40px; line-height: 60px;}
}
@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes fade-in-right{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%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}