@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);


html, body {height:100%;}
body {margin:0;}
p, a { font-family: Arial, "Jeju Gothic", sans-serif; }
header{width:1100px; height:120px; top:0; left:0; right:0; margin:auto; }
#news_wrap {width:1100px; top:0; bottom:0; left:0; right:0; margin:auto; position:absolute; }

section {width:100%; height:100%; overflow:hidden; position:relative; margin:0; }
/*각 section 배경이미지*/
#main ul li img { width:100%; height:100%; }
#about {background: url("../img/about11.jpg")  ; background-size:cover; }
#news {background: url("../img/news_img/news.jpg") ; background-size:cover; }
#map {background: url("../img/map.jpg")  ; background-size:cover;}




/*header*/
header { position:fixed; z-index:10;  }
header h1 {width:68px; height:52px; margin-top:40px; float:left;}
header ul { margin:0; padding-top:60px; padding-left: 500px; list-style-type:none;  float:left;  }
header ul li {float:left; font-weight:bold; font-size:17px;  }
nav a {color:#FFF; text-decoration:none; } 

header ul li:nth-child(2), header ul li:nth-child(3), header ul li:nth-child(4), header ul li:nth-child(5) { padding-left:80px;}
a:hover {color:#f7bd4d;}
/*aside*/
aside {width:45px; height:300px; position:absolute; top:330px; right:40px ; position:fixed; z-index:9; }
aside ul li {margin-bottom: 20px; width:45px; height:40px; float:right; position:relative; overflow:hidden;  }
aside ul li a { position:absolute;} /*아이콘 보이기 left: 80px;    bar 보이기right: 0*/


#main_tit1 { background-image:url(../img/main11.png);  width:562px; height:263px; margin:300px auto;}
#main_tit2 { background-image:url(../img/main22.png);  width:667px; height:384px; margin:300px auto;}
#main_tit3 { background-image:url(../img/main33.png);  width:800px; height:292px; margin:300px auto;}


/*about*/
#about_tit { background-image:url(../img/about22.png);  width:901px; height:525px; margin:130px auto; }

#kobaf_txt img { padding: 20px 0;}
#side_txt1+p { font-size:14px; color:#e2a23e; position:relative; top: -20px; line-height: 18px; letter-spacing: -1px;}
#kobaf_movie h2 { font-size:14px; line-height: 18px; letter-spacing: -1px; color:#e2a23e; font-family: Arial, "Jeju Gothic", sans-serif; }
#kobaf_movie p, #kobaf_txt p { font-size:14px; line-height: 18px; letter-spacing: -1px; color:white;  }
#kobaf_movie img {padding-top: 70px; padding-bottom: 10px;}
#kobaf #movie_video { position:absolute; top:0; left: 380px; }
#kobaf #movie_video img+img  { position:relative; bottom: 73px; left: 20px;   }
#kobaf #movie_video a {display:block; margin-bottom: 5px; position:relative; bottom:103px;  left: 180px;  } 




/*news */
#news_wrap { width:1100px; height:728px; padding-top:145px; position:relative;}  
#news_wrap .bbox {display:inline-block; padding-left:50px; padding-top: 30px; position: absolute;}
#w_time img {display:block;}
.news_tit {padding-bottom: 10px; }
#news_box { left: 500px; position:relative; }
#news_tit1 { margin-top: 2px;}
#img_box a  { position:absolute;}
#img_box a img  {position:absolute; transition: opacity 1s ease-out;}  
#img_box a+a { left:295px;}
#img_box a+a+a { top:347px; left:50px;}
#img_box a+a+a+a {  left:295px;   top:347px;   }
#img_box .img2 {opacity:0;}
#img_box a:hover  .img2 {opacity:1;}




/*map*/

#map_wrap  {width:1100px; top:260px; bottom:0; left:0; right:0; margin:auto; padding:0; position:absolute; }
#daum_map {position:absolute; right:0;}
#map_info { position:absolute; left: 20px; top:0; }
#map_tit { padding-bottom: 10px;}
#map_info h3 {color:white; font-size: 24px; letter-spacing: -2px; padding: 13px 0;}
#map_info p {color:white; font-size: 15px; letter-spacing: -1px; line-height: 18px; }
.subway {padding-bottom: 30px;}
.subway h4 {color:white; font-size: 18px; letter-spacing: -2px; padding-bottom:6px; margin-top: 5px;}
.subway img, .subway span {display:inline-block; vertical-align:top;}



/*footer*/
/*footer {width:1100px; left:0; right:0; margin:auto; position:relative; bottom: 150px;  }
footer div  {display:inline-block; vertical-align:top; height:52px; }
footer div:nth-child(1) {padding-right: 50px; border-right: 2px solid white;}
footer div:nth-child(2), footer div:nth-child(3) {padding-left:50px; padding-right:50px; border-right: 2px solid white;}
footer div:nth-child(4) {padding-left:50px;}
footer div p { color:white; font-size:13px; letter-spacing: -0.5px; line-height: 17px;}*/

@media ( max-width: 800px ) {
header{width:800px; height:120px; top:0; left:0; right:0; margin:auto; }
#news_wrap {width:800px; top:0; bottom:0; left:0; right:0; margin:auto; position:absolute; }	
header ul {padding-left: 150px;  }
header ul li {padding-right: 60px;}
header ul li:nth-child(2), header ul li:nth-child(3), header ul li:nth-child(4), header ul li:nth-child(5) { padding-left:0;}
aside {display:none;}
#main_tit2 { background-image:url(../img/main22800.png);  width:398px; height:458px; margin:250px auto;}
#main_tit3 { background-image:url(../img/main33800.png);  width:398px; height:458px; margin:250px auto;}
#about_tit { background-image:url(../img/about22small.png);  width:584px; height:558px; margin:130px auto; }
}