@charset "utf-8";
/* CSS Document */


body {background:#ddd; padding:0; margin:0;}
.box1,.box2,.box3,.box4,.box5 {height:1000px; min-width:1000px; }

.box1{ background:url(../images/main_bg2.jpg) no-repeat center top fixed;}
#main_img1 {position: absolute;}

.box2{ background:url(../images/bg1_1.jpg) no-repeat center top fixed;}
#sub1_img1 {position: absolute; top:0; left:10px;}

.box3{ background:url(../images/bg2_1.jpg) no-repeat center top fixed;}
#sub2_img1 {position: absolute; top:0; left:10px;}
.box4{ background:url(../images/bg3_1.jpg) no-repeat center top fixed;}
#sub3_img1 {position: absolute; top: 237px; left: 311px;}
.box5{ background:url(../images/bg4_1.jpg) no-repeat center top fixed;}
.in_box{width:1000px; margin:0 auto; position:relative}

h1{position:fixed; left:50%; top:0; margin:0 0 0 -33px; cursor:pointer; z-index:1000}
#top_menu{position: fixed; left: 50%; top: 28px; margin: 0 0 0 259px; display:none; z-index:1000; width:450px}
#top_menu li{float:left; margin-left:-4px;}
#top_menu li.first{margin-top:-20px; position:relative}
#top_menu li.first .rotate{position:absolute;top: 8px;left: 9px;}



#btn {position:absolute; width:1200px; left:50%; top:0; margin-left:-600px;}
#btn a{display:block;}

#btn a.btn1{width:88px; height:50px; display:none}
#btn a.btn2{position:absolute;top: 118px;left: 223px; z-index:2000}
#btn a.btn3{position: absolute;top: 132px;right: 281px;z-index:2000}
#btn a.btn4{position: absolute; top: 527px; left: 142px;z-index:2000}
#btn a.btn5{position: absolute; top: 615px; right: 115px;z-index:2000}










/* background */
#parallax-bg1 {
	z-index: 1;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 1200px;
	margin-left: -600px; /* move left by half element's width */
}
/*Clouds bg*/
#bg1-1 {position: absolute;top: 3200px;left: 91px;}
#bg1-2 {position: absolute;top: 12530px;left: 460px;}


#parallax-bg2 {
	z-index: 1;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 1200px;
	margin-left: -600px; /* move left by half element's width */
}

#bg2-1 {position: absolute;top: 5868px;left: 560px;}




/*
.active {background:#666!important;color:#fff!important;}
*/
/* 모달 팝업 */
.modalBg {position:absolute; top:0px; left:0px; width:0; height:0%; background:#000000; display:none; z-index:500;}
.modalPopupContainer {position:absolute; z-index:501;}
.modalPopupContainer .popupCon {position:absolute;}