/*-------------------------------<div id="main_box">는 head.php의 맨 아랫부분에 있음 line279 부분------------------------------------*/
#main_box{
	display:block;
	position:absolute;
	width:100%;
	height:722px;
	top:177px;
	z-index:5;
	background-image:url('../../img/main_imgs/main_bg.jpg');
	background-repeat:no-repeat;
	background-position:50% 0%;
}
#main-img-area{
	position:relative;
	width:1000px;
	height:722px;
	margin:0 auto;
	padding-top:110px;
	overflow:hidden;
	top:0px;
}
#main-img-area ul{
	list-style:none;
	padding:0;
}
/*---------------------------------무비타입 관련 : 시작-------------------*/
.no_visibility{
	visibility:hidden;
}
.no_display{
	display:none;
}
#main-img-area #main4{
	position:relative;
}
#main-img-area #main4 .movie_box{
	position:absolute;
	top:193px;
	left:495px;
	width:375px;
	height:214px;
	border:0px solid red;
}
ul#ul_mov_type{
	display:block;
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	width:85px;
	height:20px;
	top:432px;
	left:490px;
	border:0px solid red;
}
/*
#main-img-area #main4 .movie_box{
	position:absolute;
	top:193px;
	left:3495px;
	width:375px;
	height:214px;
	background:yellow !important;
	border:1px solid red;
}

ul#ul_mov_type{
	display:block;
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	width:85px;
	height:20px;
	top:432px;
	left:3490px;
	border:0px solid red;
}
*/
ul#ul_mov_type li{
	display:inline-block;
	width:19px;
	height:19px;
	margin:0;
	margin-right:5px;
	padding:0;
	background:none;
}
ul#ul_mov_type li button{
	margin:0;
	padding:0;
	width:19px;
	height:19px;
	border:none;
	background:none;
}
ul#ul_mov_type li button#type1{
	background-image:url('../../img/main_imgs/a_btn.png');
	background-repeat:no-repeat;
}
ul#ul_mov_type li button#type2{
	background-image:url('../../img/main_imgs/b_btn.png');
	background-repeat:no-repeat;
}
ul#ul_mov_type li button#type3{
	background-image:url('../../img/main_imgs/c_btn.png');
	background-repeat:no-repeat;
}
ul#ul_mov_type li button:hover{
	background-position:0 -19px;
}

/*---------------------------------무비타입 관련 : 끝-------------------*/
ol.flex-control-nav{
	position:absolute;
	z-index:6;
	/*left:50%;*/
	top:20px;
	/*margin-left:-485px;*/
}
ol.flex-control-nav li{
	display:inline-block;
	width:230px;
	height:78px;
	list-style:none;
	margin-right:10px;
}
ol.flex-control-nav li a{
	display:inline-block;
	width:230px;
	height:78px;
	text-indent:-9999px;
	cursor:pointer;
}
ol.flex-control-nav li[id="pg1"] a{
	background-image:url('../../img/main_imgs/main_icon1.png');
	background-repeat:no-repeat;
	background-position:0 0;
}
ol.flex-control-nav li[id="pg2"] a{
	background-image:url('../../img/main_imgs/main_icon2.png');
	background-repeat:no-repeat;
	background-position:0 0;
}
ol.flex-control-nav li[id="pg3"] a{
	background-image:url('../../img/main_imgs/main_icon3.png');
	background-repeat:no-repeat;
	background-position:0 0;
}
ol.flex-control-nav li[id="pg4"] a{
	background-image:url('../../img/main_imgs/main_icon4.png');
	background-repeat:no-repeat;
	background-position:0 0;
}
ol.flex-control-nav li a:hover{
	background-position:0 -78px;
}
ol.flex-control-nav li a.flex-active{
	background-position:0 -78px;
}