@charset "UTF-8";

{}
/* 변수선언 */
/* 공통요소 */
.sr-only{position:absolute;left:-9999px;}

h2 {color:#000;}


.clearfix {
  *zoom: 1; }
  .clearfix:after {
    display: block;
    clear: both;
    content: ''; }

.n-fixed {
  position: fixed;
  top: 0; }

#wrap{overflow:hidden;width: 100%;height: 100%;}  
  


		  
		  
#slides {
  position: relative;

  width: 100%;
  height: 100%;
  }

#slides > .slides-container {
  position: absolute;

  width: 100%;
  height:100%; }

#slides > .slides-container > li {
  position: absolute;
  width: 100%;
  height:100%;
  background-size: cover;
  background-repeat: no-repeat; }



/*
#slides > .slides-container > li:nth-child(1){
  background: url(../images/image1.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(2){
background: url(../images/image2.jpg) no-repeat 100%/cover; 
}

#slides > .slides-container > li:nth-child(3){
 background: url(../images/image3.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(4){
background: url(../images/image4.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(5){
background: url(../images/image5.jpg) no-repeat 100%/cover;  
}
#slides > .slides-container > li:nth-child(6){
background: url(../images/image6.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(7){
background: url(../images/image7.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(8){
background: url(../images/image8.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(9){
background: url(../images/image9.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(10){
background: url(../images/image10.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(11){
background: url(../images/image11.jpg) no-repeat 100%/cover;  
}
#slides > .slides-container > li:nth-child(12){
background: url(../images/image12.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(13){
background: url(../images/image13.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(14){
background: url(../images/image14.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(15){
background: url(../images/image15.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(16){
background: url(../images/image16.jpg) no-repeat 100%/cover; 
}
#slides > .slides-container > li:nth-child(17){
background: url(../images/image17.jpg) no-repeat 100%/cover; 
}
*/




  
#slides > .slides-container > li > a {
	position: absolute;
	left:50%;
	transform: translateX(-120%);
	top:37.5%;
	font-size: 50px;
	color: #ffffff;
	z-index: 9999999999999999;
	text-decoration: none;
	font-family:  Gilroy, NanumSquare, "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Sans", "sans-serif";
	font-weight: 300;
	    visibility: visible;
    animation-duration: 1.5s;
    animation-name: fadeInLeft;
	opacity: 0.9;
/*  display: block;
  height: 620px;*/
 /* text-indent: -9999px;*/
}
#slides > .slides-container > li > a:hover {
	opacity: 1;
	
	
}
  
#slides > .slides-pagination {
      display: flex;
      position: absolute;
      left:50%;
      bottom:5%;
     
    transform: translateX(-50%);
      z-index: 300; 
}
	  
#slides > .slides-pagination > li {
        margin-right: 10px; }
		
#slides > .slides-pagination > li:last-child {
          margin-right: 0; }
		  
#slides > .slides-pagination > li > a {
          display: block;
          width: 12px;
          height: 12px;
          text-indent: -9999px;
          background-color: #FFF;
          border-radius: 20px;
          transition: all 0.2s; }

#slides > .slides-pagination > li.on > a {
		width: 25px; }
		  
		  
		  

.container-1 {padding-top:150px;}	  
	
.ft{
	*zoom:1;}
.ft:after{display:block; clear:both; content:'';}

.ft>h3{
	float:left;
	margin-left:350px;
	width:500px;
	height:600px;
	padding-bottom:150px;
	background-image:url(../images/con1.png);
	background-repeat:no-repeat;
	text-indent:-9999px;}		

.ft>ul{
	float:right;
	width:700px;
	height:250px;
	margin-top:260px;
	margin-right:330px;
}
.ft>ul>dl{color:#000;}
.ft>ul>dl>dt{font-size:45px; padding-bottom:30px; line-height:30px; font-weight:800;}
.ft>ul>dl>dd{font-size:20px; line-height:30px;}
.ft>ul>dl>dd:last-child{font-size:17px; line-height:30px;}


.container-2{
	position:relative;
	height:900px;
	}
	
.container-2>h2{
	margin-bottom:100px;
	margin-left:50px;
	padding-top:100px;
	font-size:50px;
	font-weight:800;
	text-align:center;	
	
}

.et1{
	display:inline-block;
	width:600px;
	height:700px;
	margin-left:25px;}


.et1>video{width:600px; height:700px;}	
.et1>video:hover{animation-name: pulse; animation-duration:1s;}

.lightbox1{
         display:none;
         position:absolute;
         left:50%;
         top:50%;
         width:1600px;
         height:800px;
         margin:-390px 0 0 -800px;
        
		 z-index:500;
      }
	  
#player{width:100%;height:100%;}
.lightbox1>a.clse{display:block; padding-right:5px;  font-weight:800; text-align:right; color:#fff;}

.shadow1{display:none; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.75);  z-index:400;}		
		
.lt{
	padding-top:150px;
	padding-bottom:180px;

	*zoom:1;}
.lt:after{display:block; clear:both; content:'';}		

.lt>h3{
	
	float:right;
	width:500px;
	height:600px;
	margin-right:350px;
	background-image:url(../images/con2.png);
	background-repeat:no-repeat;
	text-indent:-9999px;}

.lt>ol{
	float:left;
	width:700px;
	height:250px;
	margin-top:280px;
	margin-left:330px;
}

	
.lt>ol>dl{color:#000; text-align:right;}
.lt>ol>dl>dt{padding-bottom:30px; font-size:45px;  line-height:30px; font-weight:800;}
.lt>ol>dl>dd{font-size:20px; line-height:30px;}
.lt>ul>dl>dd:last-child{font-size:17px; line-height:30px;}	
	
		  

		  
		  
.container-4{
	width:100%;
	height:900px;
	background-image:url(../images/bgi.png);
	background-repeat:no-repeat;
	background-position:50% 50%;}


.ta>h3{font-size:50px; font-weight:800; line-height:150px; text-align:center; color:#fff;}
.ta>h3:hover{  
  background: linear-gradient(#ffffff 30%, #3498db 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;}

.ta>p{font-size:20px; text-align:center; line-height:35px; color:#eee; font-weight:600;}

.magic { cursor: default; line-height: 30px; letter-spacing: 0px; color:#fff;}

.p_1{width:450px; font-size:42px; font-weight:800; padding-bottom:20px; margin-top:200px; margin-left:300px; font-weight:600;}
.p_2{width:670px; font-size:20px; line-height:35px; margin-left:160px; text-align:center;  font-weight:600; }
.p_2>span{font-size:21px; font-weight:800;}

.p1{width:650px; font-size:42px; padding-bottom:20px; margin-top:-226px; margin-left:1150px; font-weight:600;}
.p2{width:650px; font-size:20px; line-height:35px; margin-left:1100px; text-align:center; font-weight:600;}

.pp{width:680px; margin:0 auto; font-size:42px; padding-bottom:20px;  margin-top:180px; }
.pp1{width:700px; font-size:20px; font-weight:600; line-height:35px; margin:0 auto; text-align:center;}



.container-5 {
	position:relative;
	height:900px;}

.container-5>h2 {
	text-align:center;
	 font-weight:800;  
	 padding-top:150px;
	 font-size:50px;
	 margin-bottom:200px;
	 margin-left:40px;
	
}


.et{display:inline-block;
	width:380px;
	height:380px;
	margin-left:200px;}

.et>img{
	width:100%;
	height:100%;}
	
.et>img:hover{	animation-name: pulse; animation-duration:1s;}

.lightbox{
        display:none;
         position:absolute;
         left:50%;
         top:50%;
         width:400px;
         height:500px;
         margin:-250px 0 0 -200px;
         background-color:orange;
		 z-index:500;
      }
	  
.lightbox>img{width:100%;height:100%;}
.lightbox>a.clse{display:block; padding-right:5px; font-weight:800; text-align:right; color:#fff;}

.shadow{display:none; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.85);  z-index:400;}


footer {
  background-color: #0569bf; }
  footer > .container {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding: 30px 0 20px; }
    footer > .container > h2,
    footer > .container > .contact,
    footer > .container > .iam_1,
    footer > .container > .iam_2 {
      padding-left: 30px;
      color: #ababab;
      font-size: 13px; }
    footer > .container > .contact > a {
      margin-right: 20px;
      color: #ababab; }
    footer > .container > .contact > .bar {
      position: absolute;
      right: 60px;
      top: 20px;
      display: block;
      width: 100px;
      height: 60px;
      background-image: url(../images/rwd_footer_img_logo.png);
      background-repeat: no-repeat; }
      footer > .container > .contact > .bar:after {
        display: block;
        position: absolute;
        left: -775px;
        top: 28px;
        color: #ababab;
        content: '|'; }
    footer > .container > .validator {
      display: block;
      position: absolute;
      left: 50%;
      top: 60%;
      width: 80px;
      height: 15px;
      margin: 12px 0 0 370px;
      text-indent: -9999px;
      background-image: url(../images/rwd_footer_img_validator.png);
      background-repeat: no-repeat; }
    footer > .container > .wa {
      display: block;
      position: absolute;
      left: 50%;
      top: 60%;
      width: 35px;
      height: 35px;
      margin: 3px 0 0 480px;
      text-indent: -9999px;
      background-image: url(../images/rwd_footer_img_wa.png);
      background-size: cover;
      background-repeat: no-repeat; }