@charset "utf-8";

*{ margin : 0; padding : 0; }
li{list-style : none;}
a{ text-decoration : none; }
img{vertical-align:middle;}

@font-face {
    font-family: YouandiModernTR;
    font-style: normal; 
    font-weight: normal; 
    src: url(../font/Youandi_Modern_TextRegular.woff); 
}

@font-face {
    font-family:YouandiModernHEB; 
    font-style: normal; 
    font-weight: normal; 
    src: url(../font/Youandi_Modern_HeadExtraBold.woff); 
}


.slide .txt{transform:translateX(10px); animation:move 2s infinite  linear alternate;}
@keyframes move{
from{ transform:translateX(0);}
to{ transform:translateX(10px);}
}

.clearfix::after{content:''; display:block; clear:both;}
body{font-family:YouandiModernTR;}
.wrapper{width:1170px; margin:0 auto;}


/*header*/
#header{width:100%; height:70px; background-color:#000; position:fixed; top:0; left:0; z-index:999; line-height:70px;}
#header h1{background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:center; width:150px; line-height:70px; float:left; text-indent : -9999px;}
#header h1 a{color:#fff; display:block;}



#header ul.gnb{float:right; margin-right:30px;}
#header ul.gnb>li{display:inline-block; width:130px; text-align:center; position:relative;}
#header ul.gnb li a{color:#aaa; display:block;}
#header ul.gnb li a:hover{color:#fff;}
/*메뉴이너*/
#header ul.gnb li ul.inner{
	position : absolute;
	top : 70px;
	left : 0;
	width:100%;
	line-height:50px;
	background-color : white;
	display:none;
	opacity:1;
}
#header ul.gnb li ul.inner a{color:#000;}
#header ul.gnb li ul.inner li{line-height:38px;}

#header ul.company{float:right;}
#header ul.company li{font-size:11px; display:inline-block; color:#aaa; width:20px;}
#header ul.company li:nth-child(2){color:#fff;}
#header ul.company li:nth-child(3){margin-left:20px; cursor:pointer;}

/*검색어입력창*/
#header ul.company li.search{position:relative;}
#header ul.company li.search .search_box{width:1170px; height:100px;position:absolute;top:65px; right:0; display:none;}

#header ul.company li.search .search_box input{font-family:YouandiModernTR; width:1170px; height:100px; font-size:20px; border:solid 3px black; }


/*main*/
#fullpage .section .txt{ padding-top:300px; margin-left:200px;}
#fullpage .section .txt h2{margin-bottom:40px; font-size:50px;}
#fullpage .section .txt p{margin-bottom:20px;}
#fullpage .section .txt button{font-family:YouandiModernTR; padding:10px 20px; background-color:rgba(0,0,0,0); border:solid 5px black;cursor:pointer; font-size:15px; transition:all 1s;}
#fullpage .section .txt button a{color:#000;}
#fullpage .section .txt button:hover{background-color:#000;}
#fullpage .section .txt button:hover a{color:#fff; }
#fullpage .section .slide .main1{
	width:100%; height:100%; background-image:url(../images/main1.jpg); background-size:cover; background-position:center;
}
#fullpage .section .main2{
width:100%; height:100%; background-image:url(../images/main2.jpg); background-size:cover; background-position:center;
}
#fullpage .section .main3{
width:100%; height:100%; background-image:url(../images/main3.jpg); background-size:cover; background-position:center;
}



#section2{background-image:url(../images/section_bg.jpg); background-size:cover; background-position:center;}
#section2 .sec2-inner{width:1000px; height:700px; margin:0 auto; position:relative; }
#section2 .sec2-inner .inner-1{background-color:#fff; width:450px; height:450px; transform:rotate(45deg); box-shadow:0 0 20px rgba(0,0,0,0.5); overflow:hidden;}
#section2 .sec2-inner .cr1{position:absolute; top:200px; left:275px; z-index:9;}

#section2 .sec2-inner .cr1 .sec2-txt img{position:absolute; top:-75px; left:-75px; transform:rotate(-45deg);}
#section2 .sec2-inner .cr1 .sec2-txt button{transform:rotate(-45deg); position:absolute; top:320px; left:250px; padding:10px 20px; background-color:rgba(0,0,0,0); border:solid 1px gray;cursor:pointer; }

#section2 .sec2-inner .cr2{position:absolute; top:200px; left:100px; z-index:8; }
#section2 .sec2-inner .cr2 .sec2-txt2 img{position:absolute; top:75px; left:-35px; transform:rotate(-45deg);}
#section2 .sec2-inner .cr2 .sec2-txt2 button{transform:rotate(-45deg); position:absolute; top:320px; left:250px; padding:10px 20px; background-color:rgba(0,0,0,0); border:solid 1px gray;cursor:pointer; }


#section2 .sec2-inner .cr3{position:absolute; top:200px; left:450px; z-index:7; }
#section2 .sec2-inner .cr3 .sec2-txt3 img{position:absolute; top:95px; left:-35px; transform:rotate(-45deg);}
#section2 .sec2-inner .cr3 .sec2-txt3 button{transform:rotate(-45deg); position:absolute; top:320px; left:250px; padding:10px 20px; background-color:rgba(0,0,0,0); border:solid 1px gray;cursor:pointer; }

#section2 .sec2-inner h2{color:#fff; text-align:center; font-size:50px; margin-top:60px;}




#section3 div.section_inner{width:100%; height:100%; background-color: #fff;}
#section3 div.section_inner div{width:50%; height:50%; float:left; background-size:cover; background-position:center;text-align:center; position:relative;}

#section3 div.section_inner div.inner_box1{background-image:url(../images/concept.jpg);}
#section3 div.section_inner div.inner_box2{background-image:url(../images/direction.jpg);}
#section3 div.section_inner div.inner_box3{background-image:url(../images/activities.jpg);}
#section3 div.section_inner div.inner_box4{background-image:url(../images/history.jpg);}
#section3 div.section_inner div .box{color:rgba(0,0,0,0); border-bottom:0; transition:all 1s; width:80%; height:25px; line-height:25px;}
#section3 div.section_inner div:hover .box{color:#fff; border-bottom: solid 5px #fff;}
#section3 div.section_inner div.inner_box1 .box{position:absolute; top:70%; left:50%; margin-left:-40%;}
#section3 div.section_inner div.inner_box2 .box{position:absolute; top:70%; left:50%; margin-left:-40%;}
#section3 div.section_inner div.inner_box3 .box{position:absolute; top:70%; left:50%; margin-left:-40%;}
#section3 div.section_inner div.inner_box4 .box{position:absolute; top:70%; left:50%; margin-left:-40%;}


#section3 div.section_inner div.inner_box1:hover{background-image:url(../images/concept_on.jpg); background-size:cover;}
#section3 div.section_inner div.inner_box2:hover{background-image:url(../images/direction_on.jpg); background-size:cover;}
#section3 div.section_inner div.inner_box3:hover{background-image:url(../images/activities_on.jpg); background-size:cover;}
#section3 div.section_inner div.inner_box4:hover{background-image:url(../images/history_on.jpg); background-size:cover;}


#section4{background-image:url(../images/newsroom1_bg.jpg); background-size:cover; position:relative;}
#section4 .news{width:100%; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2);}
#section4 .news_wrap .news .news_inner{width:1170px; margin:50px auto;}

#section4 .news_wrap .news .news_inner ul.bxslider li > h3{ font-size:20px;padding:20px;}
#section4 .news_wrap .news .news_inner ul.bxslider li > div.bx_inner{float:left; margin:10px; width:250px; text-align:center; border:solid 10px black; overflow:hidden;}
#section4 .news_wrap .news .news_inner ul.bxslider li > div.bx_inner img{width:100%;}
#section4 .news_wrap .news .news_inner ul.bxslider li p.news{padding:10px 5px; transition:all 1s;}
#section4 .news_wrap .news .news_inner ul.bxslider li p.news:hover{background-color:rgba(0,0,0,0.7); color:#fff;}

#section4 .news_wrap .news .news_inner ul.bxslider li.bx_gall div.bx_inner{position:relative; overflow:hidden;}
#section4 .news_wrap .news .news_inner ul.bxslider li.bx_gall div.bx_inner p.gall-txt
{background-color:rgba(255,255,255,0.7); width:250px; padding:10px 0; position:absolute; bottom:-55px; left:0; transition:all 1s;}
#section4 .news_wrap .news .news_inner ul.bxslider li.bx_gall div.bx_inner:hover p.gall-txt{bottom:0;}

#footer{width:100%; height:100px; background-color:#000; position:absolute; left:0; bottom:0;text-align:center;}
#footer div.sns img{width:20px; padding:10px;}
#footer div.foot_txt{color:#fff; font-size:12px; color:#aaa;}