@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); 
}




.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{width:1170px; height:100px; font-size:20px; border:solid 3px black; }



#main1{width:100%; height:500px; background-image:url(../images/sub1-bg.jpg); background-size:cover; background-position:center; text-align:center;}
#main1 .main_txt{width:280px; margin:0 auto;}
#main1 h2{font-size:50px; padding-top:200px; color:#fff;}
#main1 .main_txt p{color:#aaa; text-align:right;}


#location{width:100%; background-color:#000; line-height:40px; border-top:solid 1px #626262; height:40px; z-index:99;}
#location ul.path li.menu{float:left; width:130px; text-align:center; border-right:solid 1px #626262; display:block;}
#location ul.path li.menu1{font-size:10px; background-image:url(../images/web-page-home.png);background-size:contain; background-repeat: no-repeat; background-position:center; text-indent : -9998px; border-left:solid 1px #626262;}
#location ul.path li.menu1{width:40px;}
#location ul.path li.menu2 span{color:#fff;}
#location ul.path li.menu a{display:block; color:#fff;}
#location ul.path li.menu img{text-align:center; margin-left:10px;}
#location ul.path li.menu3{width:140px;}

#location ul.path li.menu3 ul.sub_path{
	background-color:#000;
	display:none;
}

#location ul.path li.menu3 ul.sub_path a{color:#aaa; }
#location ul.path li.menu3 ul.sub_path li:nth-child(2) a{color:#fff;}
#location ul.path li.menu3 ul.sub_path a:hover{color:#fff;}

.fixed{
	position : fixed;
	top:70px;
	left:0;
	width : 100%;
	z-index : 999;
}


section{ width:100%; height:3400px; background-image:url(../images/sub1-4.jpg); background-size:contain; background-repeat:no-repeat; background-position:center 700px;}
section p{margin-top:30px; color:#777;}
section .txt_box{line-height:2em;}
section .sec1{position:relative; height:1200px;}
section .sec1 .img_box{background-image:url(../images/sub1-1.jpg); width:948px; height:376px; position:absolute; left:0; top:200px;}
section .sec1 .txt_box{position:absolute; left:20px; top:300px; opacity:0;}

section .sec3{position:relative;height:1300px;}
section .sec3 .img_box{background-image:url(../images/sub1-2.jpg); width:1184px; height:412px; position:absolute; right:0; top:500px;}
section .sec3 .txt_box{position:absolute; right:20px; top:600px; text-align:right;opacity:0;}

section .sec4{position:relative;height:600px;}
section .sec4 .img_box{background-image:url(../images/sub1-3.jpg); width:1006px; height:359px; position:absolute; left:0; top:0;}
section .sec4 .txt_box{position:absolute; left:20px; top:50px; opacity:0;}

#down{background-color:#bebebe; width:100%; height:330px; text-align:center;}
#down h2{padding:40px 0;}
#down button{font-size:30px; margin:10px; padding:10px 20px; cursor:pointer;  font-family:YouandiModernTR;}
#down .down_txt{margin-top:30px;}
#down a{font-size:20px; color:#000;}
#down p{margin-top:20px; color:#5d5d5d;}


#footer{margin-top:200px; width:100%; height:100px; background-color:#000; text-align:center;}
#footer div.sns img{width:20px; padding:10px;}
#footer div.foot_txt{color:#fff; font-size:12px; color:#aaa;}