
#content{width:100%}
.page_main_in{padding:0}

/* 2019-09-16 배준용 추가분 */

.fp-tableCell{vertical-align:middle !important;position: relative;}
.block-005,.block-005>.fp-tableCell{height:389px !important;background:#131313}



#footer{position:absolute;width:100%;bottom:-389px;position:fixed;left:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
#footer.on{z-index:1111111;bottom:0;}

@media screen and (max-width:683px){
.block-005,.block-005>.fp-tableCell{height:60px !important}
}



/*scrolldown button*/
@keyframes scrolldown{
    
    0%{bottom:5px}
    25{bottom:4px}
    50%{bottom:3px}
    75%{bottom:2px}
   100%{bottom:1px}
}

/*

.block-001:before,.block-002:before,.block-003:before,.block-004:before{content:"";display:inline-block;clear:both;width:145px;height:59px;position:absolute;bottom:0;left:50%;margin-left:-50px;background:url(/etc_img/main/scroll.png) no-repeat;z-index:100; animation:scrolldown 0.6s 0s infinite ease-in-out alternate;-webkit-animation:scrolldown 0.6s 0s infinite ease-in-out alternate;-moz-animation:scrolldown 0.6s 0s infinite ease-in-out alternate;}

*/





/* .grid-block_1>*[class^="grid-"],.grid-block_1>*[class^="grid2-"],.grid-block_1>*[class^="grid3-"]{width:1920px;max-width:100%;margin:0 auto} */




/*** 1번째줄 스타일 ***/




/*** 1번째줄 스타일 끝 ***/
.f-eng{font-f1amily:Arial}

.aa{position:relative;color:/*#9a5cb7*/#95edff;line-height:1.4em;font-weight:400}
.aa:before{content:'.';position:absolute;top:-1.1em;font-size:1em;left:0.35em;margin-le1ft:-0.2em;color:/*#9a5cb7*/#fff; display:none}
.btn-03{display:inline-block;font-size:18px;line-height:1;padding:10px 40px;border:1px solid #000;margin-top:13px;color:#fff;background:#000}

.upup{margin:40px 0 0 20px}
.upup>li{float:left}
.upup>li>span{display:inline-block;margin:0 24px 5px 0;padding:4px 4px;border-bottom:3px solid #fd734f;color:#161b2f}







.scroll-dot{position:fixed;top:200px;right:200px;z-index:500;displ1ay:none;opacity:0;transition:all 0.5s ease 0s}
.scroll-dot.on{displ1ay:block;opacity:1;transition:all 0.5s ease 0s}
.scroll-dot>li{display:block;line-height:1;font-size:0}
.scroll-dot>li>a{position:relative;display:inline-block;width:20px;height:20px;cursor:pointer}
.scroll-dot>li>a>span{position:absolute;top:2px;right:8px;font-size:12px;padding:5px 10px;border-radius:5px;line-height:1;font-family:dotum;background:crimson;color:#fff;white-space:nowrap;opacity:0;transition:all 0.5s ease 0s}

.scroll-dot>li>a>span:before{content:'';position:absolute;top:50%;right:-2px;width:15px;height:15px;transform:rotate(45deg);z-index:-1;background:inherit;display:block;margin-top:-8px}

.scroll-dot>li>a:before{position:absolute;top:7px;left:7px;content:'';width:6px;height:6px;border-radius:50%;background:crimson;border:2px solid #fff;transition:all 0.3s ease 0s}
.scroll-dot>li:hover>a:before{top:6px;left:6px;width:8px;height:8px}
.scroll-dot>li.on>a:before{position:absolute;top:4px;left:4px;content:'';width:12px;height:12px;border-radius:50%}
.scroll-dot>li:hover>a>span{opacity:1;right:23px}




/* 메인 디자인 속성추가 - 190916 KSE */
#fp-nav ul li, .fp-slidesNav ul li{ height: auto; }
#fp-nav ul li a.active{ height: 40px; }
#fp-nav ul li a, .fp-slidesNav ul li a{ height: 25px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 10px; height: 10px; margin: -5px 0 0 -5px; background: #FFF; }

#fp-nav ul li a.active span {
    background: #FFF url(/etc_img/main/vrar_logo_c.png) no-repeat center center;
    width: 40px;
    height: 40px;
    display: block;
    background-size: 90%;
    margin: 0px 0px 0px -20px !important;
    top: 0px;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 40px;
    width: 40px;
    margin: 0px 0 0 -20px !important;
    border-radius: 100%;
    /* left: 50%; */
}

#fp-nav.fp-right{ right: 70px; }
.more-down { position: fixed; z-index: 9999; width: 1px; height: 1px; left: -20px; right: 0; margin: 0 auto; bottom: 100px; color: #FFF; font-size: 3em; }
.more-down:after { content: "MORE"; display: block; font-size: 12px; position: relative; left: -6px; }

/* 모바일 바로 보기로 취급 */
@media screen and (max-width:683px){

    #fp-nav{display:none}
}
