/*<style type="text/css">*/

#j-logo {float:left; margin:0; padding:0; overflow:hidden;}
#j-logo h1 {text-align:center; margin:0; padding:0;}
#j-logo h1 a {display:block; padding:5px; overflow:hidden;}

#j-top {position:relative; margin:0; padding:0; overflow:hidden; border-bottom:0px solid #ccc; background:#fff; z-index:99999;}
#j-lnb {float:right; margin:0; padding:0;}
#j-lnb ul {margin:0; padding:0; font-size:0.8em;}
#j-lnb ul li {position:relative; float:left; margin:0; padding:0; z-index:15; zoom:1;}
#j-lnb ul li a {display:block; margin:0; padding:5px 9px 5px 8px; border-right:0px solid #ccc;}
#j-lnb ul li a.no-bg {border:none !important;}
#j-lnb ul li a span.un-arrow {display:block; margin:0 5px 0 0; padding:0 12px 0 0; background:url('../../_common/images/lnb_under_arrow.gif') no-repeat 100% 5px;}
#j-lnb ul li div {position:absolute; width:80px; margin:0 0 0; padding:0; border:1px solid #ddd; overflow:hidden; background:#fff; z-index:18; zoom:1; display:none;}
#j-lnb ul li div ol {width:100%; margin:0; padding:0; overflow:hidden;}
#j-lnb ul li div ol li {clear:both; width:100%; margin:0; padding:0; overflow:hidden;}
#j-lnb ul li div ol li a {display:block; margin:0; padding:5px; border:none; background:none;}
#j-lnb ul li div ol li a:hover {background:#eee;}


#j-visual-wrap {clear:both; height:200px; margin:0; padding:0; border-top:solid 0px #ccc; border-bottom:solid 0px #ccc; overflow:hidden;}
#j-vis-wrap {clear:both; position:relative; width:100%; height:200px; margin:0 auto; padding:0;}
.swiper-container {width:100%; height:200px; margin:0 auto 0; padding:0; background:#fff;}



.intro {position:absolute; width:100%; min-height:200px; margin:auto 0; background:transparent; z-index:10;}
/*.intro .animated-bar {width:0; height:3px; background:#fff; z-index:9999; position:absolute; top:0; left:0; -webkit-animation:bar 3.5s 2 linear; animation:bar 3.5s 2 linear;}*/
.intro .slide {width:100%; height:100%; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; padding:20px; overflow:hidden;}

.intro .slide.slide-a {z-index:6; background:transparent; background:url('/data/banner/h11nj15W7FVNi7H7oLB8_1566457124.jpg') 50% 50%;}
.intro .slide.slide-a .slide-a-child {-webkit-transform:translateY(50px); transform:translateY(50px); opacity:0; transition:all 1s;}
.intro .slide.slide-a .slide-a-child.is-visible {-webkit-transform:translateY(0); transform:translateY(0); opacity:1;}
.intro .slide.slide-a p {font-size:25px;}

.intro .slide.slide-b {z-index:5; background:transparent; background:url('/data/banner/nDMMX2in0pX3HQtn0rhB_1566457017.jpg') 50% 50%;}
.intro .slide.slide-b h2 {-webkit-transform:translateX(50px); transform:translateX(50px);}
.intro .slide.slide-b p:first-of-type {-webkit-transform:translateX(-50px); transform:translateX(-50px); margin-bottom:20px;}
.intro .slide.slide-b p:last-of-type {-webkit-transform:translateX(50px); transform:translateX(50px);}
.intro .slide.slide-b .slide-b-child {transition:all 1s; opacity:0;}
.intro .slide.slide-b .slide-b-child.is-visible {-webkit-transform:translateX(0); transform:translateX(0); opacity:1;}

/*
.intro .slide.slide-c {z-index:200; background:transparent;}
.intro .slide.slide-c .slide-c-child {transition:all 1s cubic-bezier(0.25, 0.25, 0.23, 1.405); -webkit-transform:scale(0.5); transform:scale(0.5); opacity:0;}
.intro .slide.slide-c .slide-c-child.is-visible {-webkit-transform:scale(1); transform:scale(1); opacity:1;}

.intro .slide.slide-d {z-index:100; background:transparent;}
.intro .slide.slide-d .slide-d-child {transition:all 1s; opacity:0; -webkit-transform:translateY(-50px); transform:translateY(-50px);}
.intro .slide.slide-d .slide-d-child.is-visible {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.intro .slide.slide-d button.slide-d-child {-webkit-transform:translateY(50px); transform:translateY(50px);}
*/

.intro .slide .slide-content {text-align:center; color:#fff; font-family:"Raleway", sans-serif;}
.intro .slide .slide-content h1 {font-size:70px; font-weight:400; margin:20px 0;}
.intro .slide .slide-content h2 {font-size:60px; font-weight:400; margin:20px 0;}
.intro .slide .slide-content p {font-size:25px; font-weight:300;}
.intro .slide .slide-content p a {color:#b6483d; text-decoration:none; position:relative;}
.intro .slide .slide-content p a:hover::after {width:180px;}
.intro .slide .slide-content p a::after {content:""; width:0; height:1px; display:block; position:absolute; bottom:-3px; left:0; transition:all 0.5s;}
.intro .slide .slide-content ul li {display:inline-block;}
.intro .slide .slide-content ul li p {position:relative;}
.intro .slide .slide-content ul li p::after {content:""; width:8px; height:8px; display:inline-block; margin:0 20px; border-radius:50%;}
.intro .slide .slide-content ul li:last-of-type p::after {display:none;}
.intro .slide .slide-content button {width:120px; height:120px; line-height:120px; border:none; color:#fff; border-radius:50%; text-align:center; margin-top:30px; border:2px solid transparent; transition:all 0.5; cursor:pointer; font-size:18px; font-family:"Raleway", sans-serif; transition:all 0.5s;}
.intro .slide .slide-content button:hover {background:none; border:2px solid #cc584c; color:#b6483d;}

@-webkit-keyframes bar {
	0% {width:0;}
	100% {width:100%;}
}
@keyframes bar {
	0% {width:0;}
	100% {width:100%;}
}
@media (max-width:991px) {
	.intro h1 {font-size:50px !important;}
	.intro h2 {font-size:45px !important;}
	.intro p {font-size:22px !important;}
	.intro p a:hover::after {width:160px !important;}
}
@media (max-width:768px) {
	.slide-c-child {display:block !important;}
	.intro p::after {display:none !important;}
	.intro button.replay {width:80px !important; height:80px !important; line-height:80px !important; font-size:14px !important;}
	.intro a:hover::after {width:140px !important;}
}
@media (max-width:480px) {
	.intro h1 {font-size:40px !important;}
	.intro h2 {font-size:33px !important;}
	.intro p {font-size:18px !important;}
	.intro p a:hover::after {width:130px !important;}
}





/* 메인비주얼 하단 페이징 버튼용 */
#j-main-vis-paging ul {margin:0; padding:0;}
#j-main-vis-paging ul li {margin:0; padding:0 1px;}




/*</style>*/