@import "reset.css";
@import "default.css";
@import "base.css";

@charset "utf-8";

#header { z-index: 9;}

#content_wrap { width: 100%; position: relative;}


.visual_wrap {
	width: 100%;
	height: 552px;
	position: relative;}
	
	.rolling_wrap {
		width: 100%;
		height: 100%;
		overflow: hidden;}	
		
		.rolling_wrap ul {
			width: 100%;
			height: 100%;
			position: relative;}
			
			.rolling_wrap li {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0px;
				left: 0px;
				display: none;
				overflow: hidden;}
				
			.rolling_wrap li.view { display: block;}
				
				.rolling_wrap li img {
					display: block;
					position: relative;
					left: 50%;
					margin-left: -990px;}
				
													
	.roll_btn {
		width: 100%;
		height: 56px;
		position: absolute;
		top: 315px;
		left: 0px;}
		
		.roll_btn li {
			width: 56px;
			height: 56px;}
			
		.roll_btn li.list_01 { float: left; margin-left: 20px;}
		.roll_btn li.list_02 { float: right; margin-right: 20px;}
		
	.num_list { 
		width: 80px;
		height: 21px;
		position: absolute;
		bottom: 30px;
		left: 50%;
		margin-left: -35px;}
		
		.num_list a {
			width: 21px;
			height: 21px;
			margin-right: 2px;
			display: inline-block;
			background: url(../img/main/bulit_off.png) no-repeat top left;}
			
		.num_list a.on { background-image: url(../img/main/bulit_on.png);}
		

.soundPlayer {
	width: 200px;
	height: 31px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -600px;
	z-index: 10;
	overflow: hidden;}
	
	.soundPlayer h3, .soundPlayer ul, .soundPlayer a
		{ display: block;}
	.soundPlayer img {display:block;}
	.soundPlayer .jp-jplayer {width:0;height:0;}
	.soundPlayer .jp-audio {position:absolute; top: 0px; left: 110px; width: 70px;}
	.soundPlayer .jp-audio .jp-controls {width:auto;}
	.soundPlayer .jp-audio .jp-controls li {float:left;}
	.soundPlayer .jp-audio .jp-controls a{display:block;width: 32px;height: 33px;overflow:hidden;text-indent:-1000px;padding:0 0 0 0px; }
	.soundPlayer .jp-audio .jp-controls a.jp-play{background:url(../img/soundplayer2/btn_play.png) no-repeat 0 0;}
	.soundPlayer .jp-audio .jp-controls a.jp-pause{background:url(../img/soundplayer2/btn_pause.png) no-repeat 0 0;}
	.soundPlayer .jp-audio .jp-controls a.jp-stop{background:url(../img/soundplayer2/btn_stop.png) no-repeat 0 0;}
	
			
.banner_wrap {
	width: 1200px;
	height: 249px;
	margin: 0px auto 0px;
	position: relative;}

.banner_wrap .bn_01 {
	width: 201px;
	float:left;}
			
	.banner_wrap .bn_01 li a {
		width: 100%;
		height: 100%;
		display: block;
		background: url(../img/common/ir_img.gif) repeat top left;}

	
	
.banner_wrap .bn_02 {
	width: 240px;
	height: 170px;
	float: left;}
	
.banner_wrap .bn_03 {
	width: 499px;
	height: 249px;
	float: left;
	position: relative;}
	
	.bn_03 .btn_wrap {
		width: 48px;
		height: 24px;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 2;}
		
		.bn_03 .btn_wrap a {
			width: 24px;
			height: 24px;
			display: block;
			background: url(../img/main/prev_btn.png) repeat top left;
			float: left;}
		
		.bn_03 .btn_wrap a.next { background-image: url(../img/main/next_btn.png);}
		
	.bn_03 .r_wrap {
		width: 100%;
		height: 249px;
		background: url(../img/main/pr_bg.gif) repeat-y top left #fff;}
		
		.bn_03 .r_wrap ul {
			width: 100%;
			height: 249px;
			position: relative;}
			
		.bn_03 .r_wrap li {
			widht: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			display: none;}
			
		.bn_03 .r_wrap li.view { display: block;}
		
	.bn_03 .num_btn {
		width: 100px;
		height: 12px;
		position: absolute;
		top: 25px;
		left: 300px;
		z-index: 3;}
		
		.bn_03 .num_btn a {
			width: 9px;
			height: 9px;
			display: block;
			float: left;
			margin-right: 5px;
			background: url(../img/main/bulit_off.gif) no-repeat top left;}
			
		.bn_03 .num_btn a.on { background-image: url(../img/main/bulit_on.gif);}
		
.banner_wrap .bn_04 {
	width: 500px;
	height: 249px;
	float: left;
	background: url(../img/main/banner_off.gif) no-repeat top left;}
	
	.banner_wrap .bn_04 li { width: 251px; height: 62px; float: left;}
	.banner_wrap .bn_04 li.list_01 { width: 249px; height: 100%;}
	.banner_wrap .bn_04 li.list_02 { height: 63px;}
	
		.banner_wrap .bn_04 li a {
			width: 100%;
			height: 100%;
			display: block;
			background: url(../img/common/ir_img.gif) repeat top left;}

	
.quick_wrap {
	width: 270px;
	height: 270px;
	display: block;
	position: absolute;
	top: 255px;
	left: 50%;
	margin-left: 360px;
	background: url(../img/main/quick_off.png) no-repeat top left;}	
	
	.quick_wrap li {
		width: 131px;
		height: 131px;
		float: left;}
		
		.quick_wrap li a {
			width: 100%;
			height: 100%;
			display: block;
			background: url(../img/common/ir_img.gif) repeat top left;}
	
	.paper {
		width: 140px;
		height: 150px;
		display: block;
		background: url(../img/main/paper.png) no-repeat top right;
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: 480px;
		z-index: 7;}
	
.prizeList {
	width: 230px;
	height: 100px;
	font-family: 'Nanum Gothic', sans-serif;
	color: #000;
	border: 1px solid #c5c5c5;
	overflow-y: scroll;}
	
	.prizeList th,
	.prizeList td { border-bottom: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; text-align: center; padding: 2px 0px;}
	
	.prizeList th { background-color: #eee; line-height: 14px;}
	
		.prizeList th span { display: block; color: #f36f21;}

#popup_04 .prizeList {
	display: block;
	position: absolute;
	top: 120px;
	left: 25px;}