@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(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400;src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'); src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype'); }   
@font-face {font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot'); src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')}  
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot'); src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');}   
.juyun div,.juyun span,.juyun a,.juyun p{font-family: 'Noto Sans KR',sans-serif!important;font-weight: 400;letter-spacing: -1.5px;}
.juyun div.f1,.juyun span.f1,.juyun p.f1,.juyun p.f1{font-family: 'Nanum Myeongjo', serif !important;}
.juyun div.f2,.juyun span.f2,.juyun p.f2,.juyun p.f2{font-family: 'NanumBarunGothic', sans-serif !important; }
.juyunwrap{max-width: 640px; margin: auto;position: relative;width:100%;}
.juyun{position: relative;width:100%;}
.juyun img{display: block;width:100%;}
.juyun .inner{position: absolute;top: 0px; left: 0;width:100%;height: 100%;}
.juyunquick{position: fixed;bottom: 3%; left: 0;width:100%;z-index: 10;max-width: 640px;}
.juyunquick a img{display: block;width:100%;}
.juyunquick.on{display: block !important;}
.juyunquick{display: none !important;}
.juyun.juyun1 .inner .juyunhead{padding: 3% 0 21% 0%;text-align: center;}
.juyun.juyun1 .inner .juyunhead a,.juyun .inner .juyunhead span{display: inline-block;vertical-align: middle;}
.juyun.juyun1 .inner .juyunhead a{width:17.38%;margin-right: 2%;}
.juyun.juyun1 .inner .juyunhead span{font-size: calc( 18px + 18 * ( 100vw - 640px ) / 640 );color:#fff;}
.juyun.juyun1 .inner h1{animation:fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.juyun.juyun2{padding: 7% 0 15% 0;text-align: center;}
.juyun.juyun2 p.T1{font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );line-height: calc( 34px + 34 * ( 100vw - 640px ) / 640 ); color:#484848;text-align: center;margin-bottom: 5%;}
.juyun.juyun2 p.T1 span{font-size: calc( 27px + 27 * ( 100vw - 640px ) / 640 );line-height: calc( 34px + 34 * ( 100vw - 640px ) / 640 ); color:#484848;text-align: center;display: block;margin-bottom: 5%;font-weight: 700;;}
.juyun.juyun2 .juyunbtn{text-align: center;}
.juyun.juyun2 .juyunbtn a{font-size: calc( 32px + 32 * ( 100vw - 640px ) / 640 );line-height: calc( 46px + 46 * ( 100vw - 640px ) / 640 ); color:#fff;text-align: center;display: inline-block;padding: 3.75% 21.1%;background: #ff5e6d;font-weight: 700;;}
.juyun.juyun3{background: #2f2216;padding: 17% 0 31% 0}
.juyun.juyun3 p.T1{font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );line-height: calc( 32px + 32 * ( 100vw - 640px ) / 640 ); color:#dadada;text-align: center;margin-bottom: 5%;}
.juyun.juyun3 .juyunvideo{position: relative;width: 100%; padding-bottom: 56%;}
.juyun.juyun3 .juyunvideo iframe{position: absolute;width: 100%; height: 100%; left: 0; top: 0;;}
.juyun.juyun4 .Tbox{background: #322418;padding: 10% 0 15% 0%;}
.juyun.juyun4 .Tbox p.T1{margin-bottom: 7%; }
.juyun.juyun4 .Tbox p.T2{color:#fff;font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );line-height: calc( 35px + 34 * ( 100vw - 640px ) / 640 );padding-left: 7.5%;}
.juyun.juyun5 .Tbox{background: #fff;padding: 10% 0 15% 0%;}
.juyun.juyun5 .Tbox p.T1{margin-bottom: 7%; }
.juyun.juyun5 .Tbox p.T2{color:#484848;font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );line-height: calc( 35px + 34 * ( 100vw - 640px ) / 640 );padding-left: 7.5%;}
.juyun.juyun6 .Tbox{background: #fff;padding: 10% 0 15% 0%;}
.juyun.juyun6 .Tbox p.T1{margin-bottom: 7%; text-align: center;}
.juyun.juyun6 .Tbox .juyunbtn{text-align: center;margin-bottom: 5%;}
.juyun.juyun6 .Tbox .juyunbtn a{display: inline-block;width: 90%;padding: 5.6% 0;}
.juyun.juyun6 .Tbox .juyunbtn a span{font-weight: 700;;color:#fff;}
.juyun.juyun6 .Tbox .juyunbtn a.B1{background: #819b2c;border: 1px solid #819b2c;font-size: calc( 34px + 34 * ( 100vw - 640px ) / 640 );color:#fff;}
.juyun.juyun6 .Tbox .juyunbtn a.B2{font-weight: 700;; margin-top: 5%;font-size: calc( 32px + 32 * ( 100vw - 640px ) / 640 );color:#5a5a5a;border: 1px solid #989898;}
.juyun.juyun6 .Tbox p.T2{font-size: calc( 23px + 23 * ( 100vw - 640px ) / 640 );color:#828282;text-align: center;}
.juyun.juyun7{background:#f9f8f3 ;padding: 10% 0 15% 0;}
.juyun.juyun7 ul{width: 80%; margin: auto;overflow: hidden;margin-bottom: 5%;}
.juyun.juyun7 li{width: 50%;float: left;position: relative;margin-bottom: 10%;opacity: 0;}
.juyun.juyun7 li:after{content: '';position: absolute;width: 1px;height: 100%; background: #d1d1aa;right: 0px; top: 0;}
.juyun.juyun7 li:nth-child(even):after{display: none;}
.juyun.juyun7 li.on{animation:fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.juyun.juyun7 li:nth-of-type(2).on{animation-delay: 0.2s;}
.juyun.juyun7 li:nth-of-type(3).on{animation-delay: 0.4s;}
.juyun.juyun7 li:nth-of-type(4).on{animation-delay: 0.6s;}
.juyun.juyun7 li img{max-width: 57px;margin: auto;margin-bottom: 7%;}
.juyun.juyun7 p.T1{font-size: calc( 30px + 30 * ( 100vw - 640px ) / 640 );line-height: calc( 38px + 38 * ( 100vw - 640px ) / 640 );font-weight: 700;color:#444;text-align: center;margin-bottom: 5%;}
.juyun.juyun7 p.T2{font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );font-weight: 700;color:#819b2c;text-align: center;margin-bottom: 3%;}
.juyun.juyun7 p.T3{font-size: calc( 18px + 18 * ( 100vw - 640px ) / 640 );color:#444;text-align: center;}
.juyun.juyun7 p.T4{font-size: calc( 22px + 22 * ( 100vw - 640px ) / 640 );color:#444;text-align: center;line-height: calc( 32px + 32 * ( 100vw - 640px ) / 640 );}

.juyun .swiper{overflow: hidden;}
.juyun .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0; z-index: 1;}
.juyun .swiper-wrapper {position: relative; width: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}  
.juyun .swiper-slide{flex-shrink: 0; width: 100%; height: 100%; position: relative;transition-property: transform;overflow: hidden;transform: translate3d(0px,0,0);}
.juyun .swiper-slide img{display: block;}
.juyun .swiper-fade .swiper-slide { pointer-events: none;transition-property: opacity;}

.Fot{padding: 5% 0;font-size: calc( 18px + 18 * ( 100vw - 640px ) / 640 );line-height: calc( 26px + 26 * ( 100vw - 640px ) / 640 ); color:#3a3a3a;text-align: center;}
@media all and (min-width:640px) {  
    .juyunquick{position: fixed;bottom: 3%; left: 50%;width:100%;z-index: 10;margin-left: -320px;}
    .juyun.juyun1 .inner .juyunhead span{font-size:18px}
    .juyun.juyun2 p.T1{font-size: 24px;line-height: 34px;}
    .juyun.juyun2 .juyunbtn a{font-size: 32px; width: 382px; height: 94px;line-height: 46px;;}
    .juyun.juyun2 p.T1 span{font-size: 27px;line-height: 34px;}
    .juyun.juyun3 p.T1{font-size: 24px;line-height: 32px;;}
    .juyun.juyun4 .Tbox p.T1,.juyun.juyun5 .Tbox p.T1{font-size: 35px; line-height: 41px;;}
    .juyun.juyun4 .Tbox p.T1 span,.juyun.juyun5 .Tbox p.T1 span{font-size: 35px; line-height: 41px;;}
    .juyun.juyun4 .Tbox p.T2,.juyun.juyun5 .Tbox p.T2{font-size: 24px; line-height: 34px;;}    
    .juyun.juyun6 .Tbox p.T1 span,.juyun.juyun6 .Tbox p.T1{font-size: 36px; line-height: 46px;}
    .juyun.juyun6 .Tbox .juyunbtn a.B1{font-size: 34px;}
    .juyun.juyun6 .Tbox .juyunbtn a.B2{font-size: 32px;}
    .juyun.juyun6 .Tbox p.T2{font-size: 23px;;}
    .juyun.juyun7 p.T1{font-size: 30px; line-height: 38px;}
    .juyun.juyun7 p.T2{font-size: 24px;}
    .juyun.juyun7 p.T3{font-size: 18px;}
    .juyun.juyun7 p.T4{font-size: 22px;line-height: 32px;;}
    .Fot{font-size: 18px;}
}
@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}