@charset "euc-kr";
/* ---------------------------------------
	Description : °øÅë¿ä¼Ò
	Author	: netive È«±æµ¿	
	date	: 2013.01.25
	modify	: 2013.01.25 05:50 PM
   --------------------------------------- */    

.main{width:100% !important;text-align:center;padding:0 !important;margin:0 !important}

.mainContent{width:944px;margin:25px auto}
.mainContent:after{content:"";display:block;clear:both}

.mainEvent01{float:left;width:293px;height:146px;border:1px solid #e0e1e2;padding:20px 20px 0;text-align:left;margin-right:20px}
.mainEvent02{float:left;width:243px;height:146px;border:1px solid #e0e1e2;padding:20px 20px 0;text-align:left;margin-right:20px}
.mainEvent03{float:left;width:242px;height:146px;border:1px solid #e0e1e2;padding:20px 20px 0;text-align:left}

.main h3{float:left}
.control{float:right;width:97px}
.joSliderType01 .control{position:absolute;right:15px;top:20px;z-index: 10;width:15px}
.joSliderType01 .control .btnStop{background-position:-36px 0}

.mainEvent01 .viewDiv{position:relative;top:15px;width:293px;height:98px;overflow:hidden;border:1px solid #d5d5d5}
.activeDiv{position:absolute;top:0;left:0}
.activeDiv li{width:293px}

.controlVisual{position:absolute;top:55px;left:50%;z-index:50;margin-left:-260px}
.controlVisual a{display:block;width:12px;height:12px;float:left;margin:0 0 0 5px;background:url(/images/topsclub/common/icon_control2.gif) no-repeat 0 0;overflow:hidden;font-size:12px;color:#fff;line-height:30}
.controlVisual a.btnPlay{background-position:-13px 0}
.controlVisual a.btnStop{background-position:-26px 0}

.control p{float:left;font-size:11px;padding:0 5px;line-height:1.4;width:28px !important;background:none !important}
.control a{display:block;width:14px;height:14px;float:left;margin:0 0 0 4px;background:url(/images/topsclub/common/icon_control.gif) no-repeat 0 0;width:14px;height:14px;overflow:hidden;font-size:12px;line-height:50}
.control .btnPrev{background-position:0 0}
.control .btnPlay{background-position:-18px 0;float:right}
.control .btnStop{background-position:-36px 0;float:right}
.control .btnNext{background-position:-54px 0}

.control .btnPrev:focus,
.control .btnPlay:focus,
.control .btnStop:focus,
.control .btnNext:focus {outline:1px dashed #4a4e5b;}


/* joSliderType01 */
.joSliderType01{position:relative;overflow:hidden}
.joSliderType01 ul{margin-top:0;zoom:1}
.joSliderType01:after{content:"";display:block;clear:both}

.joSliderType01 li{float:left}
.joSliderType01 li > a{text-decoration:none;}
.joSliderType01 li.on > a{color:#fff}
.joSliderType01 li:first-child .slider{display:block}
.joSliderType01 .slider{position:absolute;top:0;left:0;display:none}

/* joSliderType03 */
.joSliderType03{position:relative;overflow:hidden}
.joSliderType03 ul{margin-top:0;zoom:1}
.joSliderType03:after{content:"";display:block;clear:both}

.joSliderType03 li{float:left}
.joSliderType03 li > a{text-decoration:none;}
.joSliderType03 li.on > a{color:#fff}
.joSliderType03 li:first-child .slider{display:block}
.joSliderType03 .slider{display:none}

.mainVisual{height:600px;background:#cacaca}
.mainVisual > ul{width:100%;height:600px;width:960px;margin:0 auto}
.mainVisual > ul li > a{display:block;float:left;width:12px;height:12px;background:#fff;color:#fff;text-align:center;margin-right:3px;font-size:11px;line-height:1.4;z-index:100;position:relative;z-index:50;top:55px;left:10px;overflow:hidden;font-size:1px}
.mainVisual > ul li.on > a{background:#fff;width:40px}

.mainVisual{width:100%;height:560px;margin:0 auto}
.mainVisual .slider{width:2400px;height:560px;position:absolute;top:0;left:50%;margin-left:-1200px}

.mainVisual .slider h2{position:absolute;top:105px;left:50%;margin-left:-460px}
.btn_srvGo{position:absolute;top:264px;left:50%;margin-left:-430px}
.v02 .btn_srvGo{position:absolute;top:326px;left:50%;margin-left:-430px}


.mainEvent02 > ul{position:relative;top:-14px;left:0;width:241px;overflow:hidden;height:128px}
.mainEvent02 > ul li > a{display:block;float:left;width:15px;height:14px;background:url(/images/topsclub/common/bg_mainnums.gif) no-repeat 0 -14px;color:#fff;text-align:center;margin-right:3px;font-size:11px;line-height:1.4}
.mainEvent02 > ul li.on > a{background-position:0 0;}
.mainEvent02 > ul .slider{top:27px;left:0;width:241px}
.mainEvent02 > ul .slider img{width:241px;height:100px}
.mainEvent02 > ul li:first-child > a{margin-left:140px}
.mainEvent02 > ul li > a:focus{background:#fff;border:1px dashed #c2b583;color:#000;width:13px;height:12px}

.mainEvent03 > ul{position:relative;top:-14px;left:0;width:241px;overflow:hidden;height:128px}
.mainEvent03 > ul li > a{display:block;float:left;width:15px;height:14px;background:url(/images/topsclub/common/bg_mainnums.gif) no-repeat 0 -14px;color:#fff;text-align:center;margin-right:3px;font-size:11px;line-height:1.4}
.mainEvent03 > ul li.on > a {background-position:0 0;}
.mainEvent03 > ul .slider{top:27px;left:0;width:241px}
.mainEvent03 > ul .slider img{width:241px;height:100px}
.mainEvent03 > ul li:first-child > a{margin-left:140px}
.mainEvent03 > ul li > a:focus{background:#fff;border:1px dashed #c2b583;color:#000;width:13px;height:12px}


/* joSliderType02 */
.joSliderType02{position:relative;overflow:hidden}
.joSliderType02 .activeDiv{position:absolute}
.joSliderType02 li{float:left}

.btnSound{position:absolute;left:50%;top:615px;margin-left:350px;z-index:100}
/* main visual */
.v01{background:url(/images/topsclub/main/visual01.jpg) no-repeat 50% 0}
.v02{background:url(/images/topsclub/main/visual02.jpg) no-repeat 50% 0}
.v03{background:url(/images/topsclub/main/visual03.jpg) no-repeat 50% 0}
.v04{background:url(/images/topsclub/main/visual04.jpg) no-repeat 50% 0}
.v05{background:url(/images/topsclub/main/visual05.jpg) no-repeat 50% 0}