/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	noscript div { background: #ccc; }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper {z-index:1;}
	.coda-slider { background: #ebebeb; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 377px;}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 725px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 725px; }
	.coda-slider-wrapper.arrows .coda-slider {}
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { display:block; width:20px; height:20px; text-indent:-3000px;}
	
	/* Tab nav */
	.coda-nav ul li a.current { width:7px !important; height:7px !important; background: #555; border:1px solid #555; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { height:348px; padding:29px 0 0 30px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#464646;}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { position: absolute; left:279px; text-align:center; z-index:4; bottom:42px; clear: both; width:75px !important; overflow: hidden; }
	.coda-nav ul li { display: inline; }
	.coda-nav ul li a { background: #fff; color: #fff; text-indent:-4000px; display: block; float: left; margin-right: 5px; width:8px; height:8px; font-size:0; border:1px solid #dfdfdf;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { width:725px; position:relative; height:377px;}
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative; }
	.coda-nav-left { position:absolute; z-index:10; bottom:38px; left:275px; background:url(../bullet/banner_arrow_left.gif) no-repeat center;}
	.coda-nav-right {position:absolute; z-index:10; bottom:38px; right:320px; _right:365px; background:url(../bullet/banner_arrow_right.gif) no-repeat center; }
	
	
	/* banner bg */
	.banner1 { background:url(../bg/banner_bg1.jpg) no-repeat;}
	.banner2 { background:url(../bg/banner_bg2.jpg) no-repeat;}
	.banner3 { background:url(../bg/banner_bg3.jpg) no-repeat;}
	.banner4 { background:url(../bg/banner_bg4.jpg) no-repeat;}
	.banner5 { background:url(../bg/banner_bg5.jpg) no-repeat;}
	
	
	.flash_navi { position:absolute; z-index:30; zoom:1; width:725px;}
	.flash_ad { position:absolute; width:300px; height:200px; background:#9C3; text-align:center;}
	#topmenu { position:relative; width:725px; height:200px; z-index:10; right:10px; top:10px; margin:0; zoom:1;}
	#topmenu li { position:absolute; width:128px; height:103px; text-indent:-3000px;}
	#topmenu li.menu1 {right:0px; top:0px; background:url(../images/banner_nav1.gif) no-repeat -128px 0;}
	#topmenu li.menu1 a:hover { background:url(../images/banner_nav1.gif) no-repeat 0 0;}
	#topmenu li.menu2 {right:0px; top:113px; background:url(../images/banner_nav2.gif) no-repeat -128px 0;}
	#topmenu li.menu2 a:hover { background:url(../images/banner_nav2.gif) no-repeat 0px 0;}
	#topmenu li.menu3 {right:0px; top:226px;}
	#topmenu li.menu3 a { background:url(../images/banner_nav3.gif) no-repeat -128px 0;}
	#topmenu li.menu3 a:hover { background:url(../images/banner_nav3.gif) no-repeat 0 0;}
	#topmenu li a { display:block; width:128px; height:103px; cursor:pointer;}
	#topmenu li a:hover { background-position:top !important;}
	#topmenu li ul {position:absolute; left:-608px; display:none; width:302px; height:202px; z-index:1000; text-indent:0; zoom:1;}
	#topmenu li ul#lnb1 { top:-5px;}
	#topmenu li ul#lnb1 a:hover { background:none;}
	#topmenu li ul#lnb2 { top:-118px; background:none;}
	#topmenu li ul#lnb2 a:hover { background:none;}
	#topmenu li ul#lnb3 { top:-231px; background:none;}
	#topmenu li ul#lnb3 a { background:none;}
	#topmenu li ul#lnb3 a:hover { background:none;}
	
	#topmenu li ul li { width:570px; height:354px; text-align:right; text-indent:0;}
	#topmenu li ul li a { position:absolute; right:10px; top:10px;}
	#topmenu li.menu1 {}
	#topmenu li.menu2 {}
	#topmenu li.menu3 {}

.mt10 { margin:10px 0 0 0;}
.mt30 { margin:30px 0 0 0;}


/* flash area �߰�-100701 */
.flash_top_area{width:717px;height:0px;position:relative;z-index:100;margin:0px !important;}
.flash_top_area .flash_flv{z-index:100;position:absolute;right:0px;top:0px;float:right;width:140px;height:360px;overflow:hidden;text-align:right;margin:0px !important;padding:0px !important;}
.flash_top_area .flash_flv li{width:725px;position:absolute;right:0px;top:0px;}