/********************************************************
■ 메인페이지 헤더
********************************************************/
#header{}
#header .header_inner #nav > ul > li > div > a{color:#fff;}

#header .btn-gnb-menu  {}
.fp-viewing-1 #header .header_inner #nav > ul > li > div > a {color:#000;}
.fp-viewing-2 #header .header_inner #nav > ul > li > div > a {color:#000;}
.fp-viewing-3 #header .header_inner #nav > ul > li > div > a {color:#000;}
.fp-viewing-4 #header .header_inner #nav > ul > li > div > a  {color:#000;}
.fp-viewing-1 #header {background:#fff;box-shadow: 3px 0px 21px rgb(0 0 0 / 6%);}
.fp-viewing-2 #header {background:#fff;box-shadow: 3px 0px 21px rgb(0 0 0 / 6%);}
.fp-viewing-3 #header {background:#fff;box-shadow: 3px 0px 21px rgb(0 0 0 / 6%);}
.fp-viewing-4 #header {background:#fff;box-shadow: 3px 0px 21px rgb(0 0 0 / 6%);}

.fp-viewing-1 .select_btn,
.fp-viewing-2 .select_btn,
.fp-viewing-3 .select_btn,
.fp-viewing-4 .select_btn{color:#333;}

.fp-viewing-1 #header .btnAll span,
.fp-viewing-2 #header .btnAll span,
.fp-viewing-3 #header .btnAll span,
.fp-viewing-4 #header .btnAll span {background-color:#333;}




.fp-viewing-1 #header .header_inner h1{background:#fff;background:url(/images/default/main/logo-b_en.svg)no-repeat center center;background-size:cover;}
.fp-viewing-2 #header .header_inner h1{background:#fff;background:url(/images/default/main/logo-b_en.svg)no-repeat center center;background-size:cover;}
.fp-viewing-3 #header .header_inner h1{background:#fff;background:url(/images/default/main/logo-b_en.svg)no-repeat center center;background-size:cover;}
.fp-viewing-4 #header .header_inner h1{background:#fff;background:url(/images/default/main/logo-b_en.svg)no-repeat center center;background-size:cover;}


:root {
  --animate-delay: 0.5s;
}
@media (max-width:1030px){
	.select_btn{right:4rem;}
}
/********************************************************
■ 풀페이지 공통
********************************************************/
/* 페이지 설정 */

/* 페이징바 */
#fp-nav ul:after{display:none;}
#fp-nav ul li{margin:1.5rem .5rem;}
#fp-nav ul li a span,
#fp-nav ul li:hover a span{width:6px; height:6px; margin:-3px 0 0 -3px; background:#8A8A8A; border:none;}
#fp-nav ul li a span:before{position: absolute; display: block; top: 50%; transform: translate(.5rem, -50%); color: #8A8A8A; transition: 0.7s; font-weight: 300; font-size: .6rem; opacity: 0; }
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span{width:6px; height:6px; margin:-3px 0 0 -3px; background:#61c25e; border:none;}
#fp-nav ul li a.active span:before{transform: translate(1.25rem, -50%); opacity: 1;}
#fp-nav ul li a.active span:after{content:''; position: absolute; left:50%; top:50%; width:20px; height:20px; border:2px solid rgba(97,194,94,0.3); border-radius:50%; transform: translate(-50%, -50%);}

#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child{display: none;}

/*타이틀*/
.intro{width:1500px; margin:0 auto;}
.title h3{margin-bottom:2rem; font-size:2.5rem; color:#333; font-weight:600;}
.title h3 span{display:inline-block; font-size:1.5rem; color:#F37321; text-decoration:underline; text-underline-position: under;}

@media (max-width:1650px){
	.intro {width: 100%; padding: 0 1rem 0 3rem;} 
	#fp-nav ul li a.active span:before{display:none;}
}
@media (max-width:767px){
	.title h3{font-size:1.8rem;}
	.title h3 span{display:block;}
}

/********************************************************
■ 메인비주얼
********************************************************/
/*메인 비주얼*/ 
.slick-list,
.slick-track{height: 100% !important;}
.visual{ position:relative; overflow:hidden;}
.visual-wrap {width: 100%; height: 100%;}
.visual-item {width: 100%; height: 100%; overflow:hidden; position:relative;}
.visual-item:before {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; font-size:0;}
.visual-inner {position:relative; display: flex; width: 1500px; margin: 0 auto; color:#fff; z-index:10;}
.visual-inner .ptext {position:relative; width: 100%; text-shadow: 1px 2px 3px rgb(0 0 0 / 10%);}
.visual-inner .ptext h1{font-size:3.25rem; font-weight: 800;}
.visual-inner .ptext h1 em{color:#61c25e;}
.visual-inner .ptext p{margin-top: 2rem; font-size: 1.3rem; font-weight: 300;}
.visual-inner .ptext p b{font-weight: 600;}
.visual-inner .ptext .text{-webkit-transition: opacity 0.7s, transform 0.7s; -o-transition:transform 0.7s, opacity 0.7s; transition:opacity 0.7s, transform 0.7s; 
-webkit-transform:translate(0, 1rem);-ms-transform:translate(0, 1rem);transform:translate(0, 1rem); opacity:0}
.visual-inner.is-active .ptext .text{-webkit-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s;
-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1}
.visual-inner .ptext .text span{font-size:1.4rem;}
.visual-inner .ptext .text span em{color:#ff0000;}
.visual-inner .ptext ul{margin-top:1.5rem; }
.visual-inner .ptext ul li{position:relative; text-shadow: 1px 2px 3px rgba(0,0,0,0.1);}
.visual-inner .ptext ul li + li{margin-top:0.5rem;}
.visual-inner .ptext ul li b{display:block; font-size:1.1rem;}

/*메인 페이징바*/
.visual-inner .page_num{position: relative; display: flex; flex-wrap: wrap; align-items: center;  bottom: inherit; overflow: hidden; z-index: 10;margin-bottom:2.5rem; }
.visual-inner .page_num .prev{margin-right:.5rem; cursor:pointer;}
.visual-inner .page_num .next{margin-left:.5rem; cursor:pointer;}
.visual-inner .page_num .num{position: relative ; color:#fff; font-size:0.9rem;}
.visual-inner .page_num .num.now span{display: block; position: relative;}
.visual-inner .page_num .num.now .act{transform: translateY(100%); transition: 1s .5s ease-in-out; opacity: 0; }
.visual-inner.is-active .page_num .num.now .act{transform: translateY(0); transition: 1s .5s ease-in-out; opacity: 1;}
.visual-inner .page_num .num.total{}
.visual-inner .page_num .bar{position:relative; width: 3rem; height:2px; margin: 0 .9rem; background:rgba(255,255,255,0.4)}
.visual-inner .page_num .bar .line{position:absolute; display:block; content:""; top:0; left:0; width:0; height:2px; background:#61c25e; z-index:1;}

/*비주얼 백그라운드*/
.visual-item > .bg {position:absolute; height:100%; width:100%; top:50%; left:50%; overflow:hidden; transform:translate(-50%, -50%); z-index:-1;}

.visual-item > .bg .visual-img{
	-webkit-transition:all 6s ease-in-out;
	-webkit-transform:scale(1);
	-ms-transition:transform 6s ease-in-out ;
	-ms-transform: scale(1);
	transition:all 6s ease-in-out;
	transform:scale(1);
}
.slick-active > .bg .visual-img.is-scale{ 
	-webkit-transition:all 10s ease-in-out;
	-webkit-transform:scale(1.2);
	-ms-transition:transform 10s ease-in-out ;
	-ms-transform: scale(1.2);
	transition:all 10s ease-in-out;
	transform:scale(1.2);
}
.visual-img,
.visual-img span{display: block; width:100%; height:100%;}

/* 스크롤버튼 */
.scroll{position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); text-align: center; color: #fff;  }
.scroll p{letter-spacing: 0.1em; font-size:0.75rem; }
.scroll .outbox{position:relative; margin:0 auto; display: block; width: 1.1rem; height: 1.8rem; border:2px solid #fff; border-radius:.6rem; margin-top:.5rem;}
.scroll .outbox .inbox{position: absolute; margin:0 auto; display: block; width: 1px; height: .4rem; background: #fff; left: 50%; top: 0; animation: aniMouse .9s linear infinite;}
@-webkit-keyframes aniMouse {
	0%{top: 0.2rem;}
	50%{top: calc(100% - 0.6rem);}
	100%{top: 0.2rem;}
}


@media (max-width:1650px){
	.visual-inner {width: 100%; padding: 0 1rem 0 3rem;} 
}
@media (max-width:767px){
	.visual-inner .ptext h1{font-size:2.3rem;}
	.visual-inner .ptext p br{display:none;}
}

/*RAON Business Areas*/
#page-2 {background:#fff url(/images/default/main/page-2-bg.png)no-repeat right top;padding-top:1rem;}
#page-2 .tit{display:flex;align-items:flex-end;margin-top:3.5rem;}
#page-2 .tit h3{font-size:3.5rem;font-weight:700;line-height:1;position:relative;}
#page-2 .tit h3:after{content:'';display:block;position:absolute;width:3.25rem;height:100%;background:#008655;left:-10.5rem;top:0;}
#page-2 .tit p {font-size:1.2rem;margin-left:2.5rem;color:#555;}
#page-2 .tit p em{color:#008655;}
#page-2 ul{display:flex;margin-top:2rem;padding:0 5rem;}
#page-2 ul li {position:relative; flex-basis:calc(100% / 2 - 4rem);border-bottom:2px solid #ccc;}
#page-2 ul li:hover{border-bottom:2px solid #61c25e;}
#page-2 ul li a{display:inline-block;width:100%;height:100%;}
#page-2 ul li:not(:last-child){margin-right:8rem;}
#page-2 ul li .img-zone{background:#f2f3f3;text-align:center;padding:1rem;}

#page-2 ul li .txt-zone{font-size:0.9rem;padding:1rem 0 1rem;}
#page-2 ul li .txt-zone h4{font-size:1.5rem;font-weight:700; margin-bottom: 0.5rem;}
#page-2 ul li .txt-zone h4 em{color:#008947;}
#page-2 ul li .txt-zone:after{content:'';display:block;position:absolute;width:2.5rem;height:2.5rem;background:#333333 url(/images/default/main/bus-arrow.png)no-repeat center center;bottom:1.25rem;right:0;}
#page-2 ul li a:hover .txt-zone:after{background:#61c25e url(/images/default/main/bus-arrow.png)no-repeat center center;transition-duration: 0.5s;}
#page-2 ul li .txt-zone p:not(:last-child){margin-bottom:0.5rem;}

@media (max-width:1500px){
	#page-2 .tit h3{font-size:3rem;}
	#page-2 ul{margin-top:1rem;padding:0;}
	#page-2 ul li{flex-basis:calc(100% / 2 - 1rem);}
	#page-2 ul li:not(:last-child){margin-right:2rem;}
	#page-2 ul li .txt-zone{padding:1rem 0 ;}
	#page-2 ul li .txt-zone:after{width:2rem;height:2rem;}
}
@media (max-width:1030px){
	#page-2 ul{flex-wrap:wrap;}
	#page-2 ul li{ }
	#page-2 ul li a {}
	#page-2 ul li a .img-zone{}
	#page-2 ul li a .txt-zone{ padding-left:1rem;}
	#page-2 ul li .txt-zone h4 br{display:none;}
	#page-2 .tit h3{font-size:2.5rem;}
	#page-2 .tit p{font-size:1.2rem;}
}
@media (max-width:767px){
	#page-2 .tit{display:block;}
	#page-2 .tit p {font-size:1rem;margin-left:0;}
	#page-2 .tit h3{margin-bottom:1rem;}
	#page-2 .tit h3 br{display:none;}
	#page-2 ul{margin-top:2rem;}
	#page-2 ul li {background:#fff;}
	#page-2 ul li a .txt-zone{padding:0.5rem 0.5rem 2rem;position: initial;}
	#page-2 ul li .txt-zone h4{font-size:1.1rem;}
	
	#page-2 ul li .txt-zone p {display:none;}
	#page-2 ul li{position:relative;}
}
@media (max-width:500px){
	#page-2 ul li{ flex-basis: 100%;}
	#page-2 ul li a .img-zone img{height:9rem;}
	#page-2 ul li:not(:last-child){margin-right:0;margin-bottom:1rem;}
}

/*회사소개 바로가기*/
#page-3 .tit-bx {padding:6rem 0 13rem 0;position:relative;}
#page-3 .tit-bx:after{content:'';display:block;position:absolute;width:86rem;height:24.5rem;background:url(/images/default/main/introduction-bg.jpg)no-repeat center;top:0;z-index:-1;}
#page-3 .tit-bx h3{font-size:2.7rem;color:#fff;line-height:1;padding-left:5.5rem;}
#page-3 .introduction-bx{display:flex;margin-top:-4rem;margin-left:2.5rem;position:relative;}
#page-3 .introduction-bx:after{content:'';display:block;position:absolute;width:120%;height:100%;background:#fff;right:-20%;top:0;z-index:-1;}

#page-3 .introduction-bx > div{flex-basis:25%;background:#fff;padding:3rem 2rem 1.5rem 2rem;color:#555555;position:relative;}
#page-3 .introduction-bx > div:first-child{background:#008947 url(/images/default/main/introduction-tit_en.png)no-repeat right top+1rem ;padding:10.5rem 1rem 2rem 2.5rem;color:#fff;font-size:1.3rem;display: flex; align-items: center;}
#page-3 .introduction-bx > div:first-child a{width:2.5rem;height:2.5rem;border:1px solid #fff;background:url(/images/default/main/bus-arrow.png)no-repeat center center;display:inline-block;margin-left:1rem;}
#page-3 .introduction-bx > div span{font-size:1.1rem;color:#333;}
#page-3 .introduction-bx > div h4{font-size:1.3rem;color:#333;margin:1.5rem 0 1.5rem 0;line-height:1;}
#page-3 .introduction-bx > div h4 b{font-size:2.1rem;font-weight:600;}
#page-3 .introduction-bx > div:after{content:'';display:block;position:absolute;width:1px;height:calc(100% - 2rem);background:#dddddd;left:0;top:50%;transform:translateY(-50%);}
#page-3 .introduction-bx > div:first-child:after{display:none;}
#page-3 .introduction-bx > div p{font-size:0.9rem;color:#555;}
#page-3 .introduction-br{display:none;}

@media (max-width:1500px){
	#page-3 .tit-bx h3{font-size:3.5rem;}
	#page-3 .introduction-bx{margin-top:-5rem;}
	#page-3 .introduction-bx > div{padding:2rem 1rem ;}
	#page-3 .introduction-bx > div h4 b{font-size:1.5rem;}
	#page-3 .introduction-bx > div h4{margin:1rem 0;}
	#page-3 .introduction-bx > div:first-child{padding:2rem 1rem;}
	#page-3 .tit-bx:after{width:calc(100% + 4rem);left:-3rem;transform: translateX(0);background-size: cover;}
}
@media (max-width:1030px){
	#page-3 .tit-bx h3{font-size:2.5rem;padding-left:0;}
	#page-3 .introduction-bx{flex-wrap:wrap;}
	#page-3 .introduction-bx > div{flex-basis:50%;}
	#page-3 .introduction-bx{margin-top:-8rem;}
	#page-3 .introduction-bx > div:after{display:none;}
	#page-3 .introduction-bx > div:nth-child(2):after{content:'';display:block;position:absolute;width:calc(100% - 2rem);height:1px ;background:#dedede;left:50%;bottom:0;transform:translateX(-50%);top:auto;}
	#page-3 .introduction-bx > div:nth-child(4):after{content:'';display:block;position:absolute;width:1px;height:calc(100% - 2rem);background:#dedede;left:0;top:50%;transform:translateY(-50%);}
	#page-3 .tit-bx{padding:3rem 0 9rem 0;}
}
@media (max-width:767px){
	#page-3 .tit-bx h3 br{display:none;}
	#page-3 .introduction-bx > div p {display:none;}
	#page-3 .introduction-bx {box-shadow: 10px 0 27px rgb(203 203 203 / 40%);margin-left:0;}
	#page-3 .introduction-bx > div:first-child {background-size: contain;}
	#page-3 .introduction-br{display:block;}
}

/*NEWS*/
#page-4 {background:#f5f5f5 url(/images/default/main/page4-point.jpg)no-repeat bottom right;position:relative;}

#page-4 .tit{margin-bottom:5rem;display:flex;align-items:flex-end;margin-top:3.5rem;}
#page-4 .tit h3{font-size:3.5rem;color:#333;font-weight:700;line-height:1;}
#page-4 .tit p{margin-left:4rem;}
#page-4 .hdc .swiper-slide {text-align:center;font-size:1.3rem;}
#page-4 .hdc .swiper-slide p {margin-top:1.5rem;color:#fff;font-weight:400;}
#page-4 .hdc .swiper-slide .img-zone{background:#fff;padding:1rem;}

@media (max-width:1500px){
	#page-4 .tit h3{font-size:3.5rem;}

}
@media (max-width:1030px){
	#page-4 .tit h3{font-size:2.5rem;}
	#page-4 ul li .gallary_name{font-size:1.2rem;}
}
@media (max-width:767px){
	#page-4 .tit{display:block;}
	#page-4 .tit p{margin-left:0;margin-top:1rem;}


}
	
#page-5 .bottom-con{display:flex;}
#page-5 .bottom-con a{flex-basis:calc(100% / 3);padding-top:14.75rem;position:relative;}
#page-5 .bottom-con a span{position:absolute;top:50%;transform:translateY(-50%);font-size:1.6rem;color:#fff;}
#page-5 .bottom-con a:first-child span{right:5.5rem;}
#page-5 .bottom-con a:nth-child(2) span{right:4.25rem;}
#page-5 .bottom-con a:nth-child(3) span {right:8.5rem;}


@media (max-width:1500px){
	#page-5 .bottom-con a span {left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
	#page-5 .bottom-con a:first-child span{right:auto;}
	#page-5 .bottom-con a:nth-child(2) span{right:auto;}
	#page-5 .bottom-con a:nth-child(3) span{right:auto;}
}
@media (max-width:767px){
	#page-5 .bottom-con{flex-wrap:wrap;}
	#page-5 .bottom-con a{flex-basis:100%;padding-top:7rem;}
}


.fp-viewing-0 #fp-nav ul li a span{background:#fff;}
.fp-viewing-0 #fp-nav ul li a.active span{background:#61c25e !important;}
.fp-viewing-0 #fp-nav ul li span:before{color:#fff;}