@charset "utf-8";

/* 20170331 추가 */
.dim_over {position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background-color:#000;opacity:0.35;}

.inner {position:absolute;top:50%;left:0;z-index:10;margin-left:0;text-align:center;width:100%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);}

.next-slide {position:fixed;bottom:116px;right:70px;z-index:10;width:25px;height:25px;text-indent:-9999em;background:url('../images/ico_triangle_down.png') no-repeat 50% 50%;}
.prev-slide {position:fixed;top:150px;right:70px;z-index:10;width:25px;height:25px;text-indent:-9999em;background:url('../images/ico_triangle_up.png') no-repeat 50% 50%;}

.past_area div[class~="pastimg"] {background-size:auto !important;background-position:50% 50% !important;}

.btn_stop {display:block;position:absolute;left:50%;top:50%;z-index:2;width:68px;height:68px;background:url(../images/btn_stop.png) no-repeat;background-size:68px;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.btn_play {display:block;position:absolute;left:50%;top:50%;z-index:2;width:68px;height:68px;background:url(../images/btn_play.png) no-repeat;background-size:68px;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

footer {box-sizing:border-box;}
.footer_area_m {line-height:normal;}
.footer_area_m .addr {display:inline-block; line-height:50px;}
.footer_area_m .home img {margin-left:0;}

.fp-section .text_02{text-align:center;margin-top:30px}
.fp-section .text_03{font-size:36px;color:#fff;margin-top:45px}
.fp-section .btn_area{width:180px;margin:65px auto 0}
.fp-section .btn_area .btn_detail{display:block;width:180px;height:54px;line-height:54px;font-size:17px;color:#fff;border:1px solid #fff;border-radius:30px}
.fp-section .text_01,
.fp-section .text_02,
.fp-section .text_03,
.fp-section .btn_area,
.fp-section .btn_gotoUp,
.fp-section .btn_gotoDown {
  position: relative;
  opacity: 1;
  top: 0;
  -webkit-transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
  -moz-transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
  -o-transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.fp-section .text_01.off {top:-80px;opacity:0;transform:scale(1);}
.fp-section .text_02.off,
.fp-section .text_03.off,
.fp-section .btn_area.off,
.fp-section .btn_gotoUp.off,
.fp-section .btn_gotoDown.off {top:120px;opacity:0;transform:scale(1.5);}
 .fp-section .movie_end {position:relative;z-index:0;text-align:center;}
.fp-section .showText {z-index:1;}


#videobcg {position:absolute;top:0px;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;overflow:hidden;-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);}
/* #videobcg {position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);} */
.videobcg_mobile {display:none;}
#fp-nav {display:none;left:auto;right:30px;}
#fp-nav.right {right:10px;}
#fp-nav ul li {position:relative;width:auto;height:120px;margin:15px;}
#fp-nav ul li:before {content:'';position:absolute;top:30px;left:2px;width:2px;height:2px;background-color:#c6c9ca;}
#fp-nav ul li:after {content:'';position:absolute;bottom:0;left:2px;width:2px;height:2px;background-color:#c6c9ca;}
#fp-nav ul li:first-child:before {display:none;}
#fp-nav ul li:last-child:after {display:none;}
#fp-nav ul li a span {width:12px;height:12px;background-color:#fff;}
#fp-nav ul li a:after {display:none;}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a span {width:54px;height:54px;margin:-25px 0 0 -25px;background-color:#0263ae;/* -ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); */}
#fp-nav ul li a.active + .fp-tooltip,
#fp-nav ul li:hover a + .fp-tooltip {top:51px;right:-28px;z-index:1;width:54px;font-size:15px;text-align:center;opacity:1;-webkit-transition:all 0.3s ease-out;transition:opacity 0.3s ease-out;}
.fp-tooltip{display:block !important;}

@media all and (min-width:769px) {

}
@media all and (min-width:1024px) {
	.slide-move {left:auto;right:70px;}
	#fp-nav {display:block;}
	#fp-nav.right {right:70px;}
}

@media only screen {
	.btn_stop {display:block;}
}

@media all and (min-width:0) and (max-width:1024px) {
	.inner .text_01{font-size:18px;color:#9ec5e3;white-space:nowrap;letter-spacing:0.1rem;}
	.inner .text_02{text-align:center;margin-top:10px}
	.inner .text_02 img{width:48%}
	.inner .text_03{font-size:24px;color:#fff;margin-top:25px}
	.inner .btn_area{width:140px;margin:45px auto 0}
	.inner .btn_area .btn_detail{display:block;width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;border:1px solid #fff;border-radius:30px}
	.inner .text_01,
	.inner .text_02,
	.inner .text_03,
	.inner .btn_area,
	.inner .btn_gotoUp,
	.inner .btn_gotoDown {
	  position: relative;
	  opacity: 1;
	  top: 0;
	  -webkit-transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
	  -moz-transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
	  -o-transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
	  transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
	}
	.inner .text_01.off {top:-80px;opacity:0;transform:scale(1);}
	.inner .text_02.off,
	.inner .text_03.off,
	.inner .btn_area.off,
	.inner .btn_gotoUp.off,
	.inner .btn_gotoDown.off {top:120px;opacity:0;transform:scale(1.5);}
	.inner.movie_end {z-index:0;}
	.inner.showText {z-index:10;}
	.ly_nav .nav_wrap {position:absolute;left:50%;margin-left:-160px;top:50%;width:320px;z-index:9999;-ms-transform:translateY(-50%);transform:translateY(-50%);}
	.ly_nav .nav_wrap .nav_list li {padding-top:0;}
	.ly_nav .nav_wrap .nav_list li a {padding-top:0;}
	.section2 .movie_end .text_01 {font-size:18px;color:#9ec5e3;letter-spacing:0.1rem;}
	.next-slide {display:none;right:-500px;}
	.fp-section .text_02 {text-align:center;margin-top:10px}
	.fp-section .text_02 img {width:48%;}
	.fp-section .text_03 {font-size:24px;color:#fff;margin-top:25px}
	.fp-section .btn_area{width:140px;margin:25px auto 0}
	.fp-section .btn_area .btn_detail{display:block;width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;border:1px solid #fff;border-radius:30px}
	.fp-section .btn_area .btn_detail:hover{display:block;width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;border:none;border-radius:30px; background-color:#054fa4;}

}
#fp-nav ul li a, .fp-slidesNav ul li a{width:auto;height:100%;display:inline-block;box-sizing:border-box;border-radius:100%;border:none;opacity:1;background-color:#d5d3d4;}