@charset: euc-kr;
* { margin: 0; padding: 0; }
img { border: 0; vertical-align: top;}
ul, ol { list-style: none; }
html, body {height: 100%; margin: 0; padding: 0;}
body { 
	font-size: 12px;
	line-height: 1.5;
	font-family: Dotum, sans-serif;
	}
body#intro { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/bgIntro.jpg) repeat-x left top; }
body#alice { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/bgAlice.jpg) repeat-x left top; }
body#event, body#eventEnd, body#eventStep { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/bgEvent.jpg) repeat-x left top; }
body#vod, body#game, body#eventGame { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/bgVod.jpg) repeat-x left top; }
	body { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/bg2.gif) repeat-x left top; }
#wrap { width: 980px; margin: 0 auto; }

body#intro #header { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/topBgIntro.jpg) no-repeat left top;  height: 121px; overflow: hidden; }
body#alice #header { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/topBgAlice.jpg) no-repeat left top;  height: 121px; overflow: hidden; }
body#event #header,
body#eventEnd #header,
body#eventStep #header { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/topBgEvent.jpg) no-repeat left top;  height: 121px; overflow: hidden; }
body#vod #header { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/topBgVod.jpg) no-repeat left top;  height: 121px; overflow: hidden; }
body#game #header,
body#eventGame #header { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/topBgVod.jpg) no-repeat left top;  height: 121px; overflow: hidden; }
	#header { background: url(/event/cyking/2012/03/22_AliceBusters/img/share/topBg2.jpg) no-repeat left top;  height: 121px; overflow: hidden; }
	#header ul { width: 980px; overflow: hidden; }
	#header li { float: left; }

body#intro #contents { width: 980px; height: 584px; position: relative; background: none;}
body#alice #contents { width: 980px; height: 584px; position: relative; background: url(/event/cyking/2012/03/22_AliceBusters/img/share/cBgAlice.jpg) no-repeat left top;}
body#event #contents { width: 980px; height: 584px; position: relative; background: none;}

body#eventStep #contents { width: 980px; height: 584px; position: relative; background: url(/event/cyking/2012/03/22_AliceBusters/img/share/cBgEvent.jpg) no-repeat left top;}
body#eventEnd #contents { width: 980px; height: 584px; position: relative; background: url(/event/cyking/2012/03/22_AliceBusters/img/share/cBgResult.jpg) no-repeat left top;}
body#game #contents { width: 980px; height: 584px; position: relative; background: url(/event/cyking/2012/03/22_AliceBusters/img/share/gameBg.jpg) no-repeat left top;}
body#eventGame #contents { width: 980px; height: 584px; position: relative; background: url(/event/cyking/2012/03/22_AliceBusters/img/share/gameAgreeBg.jpg) no-repeat left top;}

body#vod #contents { width: 980px; height: 584px; position: relative; background: none;}
	#contents { width: 980px; height: 584px; position: relative; background: url(/event/cyking/2012/03/22_AliceBusters/img/02_story/bg.jpg) no-repeat left top;}

body#vod #contents #vodArea { position: absolute; left: 420px; top: 30px; width: 437px; }
.vodInfo { width: 100%; overflow: hidden; }
	.vodTit { float: left; }
	.sns { float: right; width: 138px; overflow: hidden; margin-top: 10px;}
.sns li { float: left; margin-right: 1px; }
#slider1 {  position: absolute; left: 235px; top: 388px; width: 661px; }

.link { position: absolute; left: 808px; bottom: 0; z-index: 1000;}

/* Easy Slider */
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 671px;
	height: 347px;
	overflow: hidden; 
	padding: 0;
	}
#prevBtn, #nextBtn { 
	display:block;
	width: 40px;
	height: 39px;
	position:absolute;
	left: 195px;
	top: 363px;
	z-index:1000;
	}	
#nextBtn{ 
	left: 480px;
	}
#prevBtn a, #nextBtn a {  
	display:block;
	position:relative;
	width: 40px;
	height: 39px;
	background:url(/event/cyking/2012/03/22_AliceBusters/img/share/prev.gif) no-repeat 0 0;
	text-indent: -9999px;
	}	
#nextBtn a{ 
	background:url(/event/cyking/2012/03/22_AliceBusters/img/share/next.gif) no-repeat 0 0;	
	}	
/* numeric controls */	

ol#controls {
	position:absolute;
	left: 130px;
	top: 363px;
	z-index:1000;
	margin: 0;
	padding: 0;
	height: 39px;
	}
ol#controls li {
	margin: 0; 
	padding: 0;
	float: left;
	list-style: none;
	height: 39px;
	line-height: 39px;
	width: 41px;
	text-align: center;
	}
ol#controls li a {
	width: 41px;
	display: block;
	float: left;
	height: 39px;
	line-height: 39px;
	background:  url('/event/cyking/2012/03/22_AliceBusters/img/share/num.gif') no-repeat left top;
	color: #3e4449;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	}
ol#controls li.current a {
	background: url('/event/cyking/2012/03/22_AliceBusters/img/share/num_on.gif') no-repeat left top; 
	color: #fff;
	font-weight: bold;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}	

/* jCarousel */
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { 
	width: 580px;
	padding: 0 40px;
	}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  580px;
	height: 105px;
	}
.jcarousel-skin-tango .jcarousel-item {
	width: 111px;
	height: 105px;
	}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 5px;
	}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 5px;
	margin-right: 0;
	}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 19px;
	right: 0;
	width: 36px;
	height: 34px;
	cursor: pointer;
	background: transparent url(/event/cyking/2012/03/22_AliceBusters/img/04_vod/next.gif) no-repeat 0 0;
	}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 0;
	right: auto;
	background-image: url(/event/cyking/2012/03/22_AliceBusters/img/04_vod/prev.gif);
	}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 19px;
	left: 0;
	width: 36px;
	height: 34px;
	cursor: pointer;
	background: transparent url(/event/cyking/2012/03/22_AliceBusters/img/04_vod/prev.gif) no-repeat 0 0;
	}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(/event/cyking/2012/03/22_AliceBusters/img/04_vod/prev.gif);
	}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }


/* Event */
.popupbox {
	width: 795px;
	height: 545px;
	background-image:url(/event/cyking/2012/03/22_AliceBusters/img/03_event/lay1.png);
	background-repeat:no-repeat;
	display: none; /* Hidden as default */
	position: absolute;
	top: 50%; left: 50%;
	z-index: 99999;
	}
.popupagree {
	width: 639px;
	height: 425px;
	background-image:url(/event/cyking/2012/03/22_AliceBusters/img/03_event/layAgree.png);
	background-repeat:no-repeat;
	display: none; /* Hidden as default */
	position: absolute;
	top: 50%; left: 50%;
	z-index: 99999;
	}
.lay_popupbox {
	width: 534px;
	height: 454px;
	display: none; /* Hidden as default */
	position: absolute;
	top: 50%; left: 50%;
	z-index: 99999;
	}
.lay_popupbox .close, .popupagree .close { position: absolute; right: 30px; top: 34px; }
.popupbox .close { position: absolute; right: 50px; top: 60px; }
.fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: absolute; left: 0; top: 0;
	width: 100%; 
	height: 100%;
	opacity: .70;
	z-index: 9999;
	}
#intabdiv2 { position: relative; width: 100%; height: 546px;}
#agreeInner { position: relative; width: 639px; height: 546px;}

.checkList { padding: 187px 0 0 230px; }
.question { width: 491px; }
.question dt { background: url(/event/cyking/2012/03/22_AliceBusters/img/03_event/q.gif) no-repeat left top; padding-left: 61px; margin-bottom: 12px; }
.question dd { border-bottom: 1px solid #e5c496; margin-left: 31px; padding-left: 47px; }

/*	wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
/* input, label positioning */
.custom-checkbox input.r, 
.custom-radio input.r {
	position: absolute;
	left: 2px;
	top: 6px;
	margin: 0;
	z-index: 0;
}
.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 38px;
	padding-right: 12px;
	line-height: 1;
	padding: 0 0 0 32px;
	margin: 0;
	/*cursor: pointer;*/
}
/* states */
.custom-checkbox label { background: url(/event/cyking/2012/03/22_AliceBusters/img/03_event/checkbox.gif) no-repeat; }
.custom-radio label { background: url(/event/cyking/2012/03/22_AliceBusters/img/03_event/radioBtn.gif) no-repeat; }
.custom-checkbox label, .custom-radio label { background-position: 0 -39px; }
.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus { background-position: 0 -39px; }
.custom-checkbox label.checked, 
.custom-radio label.checked { background-position: 0 0; }
.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus { background-position: -10px -314px; }
.custom-checkbox label.focus, 
.custom-radio label.focus { outline: 1px dotted #ccc; }

#sliderCheck { position: absolute; }
#sliderCheck ul, #sliderCheck li{
	margin:0;
	padding:0;
	list-style:none;
	}
#sliderCheck li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 491px;
	height: 243px;
	overflow: hidden; 
	padding: 0;
	}
#prevStep, #nextStep, #lastStep{ 
	display:block;
	width: 225px;
	height: 105px;
	position: absolute;
	left: 237px;
	top: 430px;
	z-index:1000;
	}	
#nextStep { 
	left: 520px;
	}
#lastStep{ 
	left: 520px;
	}
#prevStep a, #nextStep a, #lastStep a {  
	display:block;
	position:relative;
	width: 225px;
	height: 105px;
	background:url(/event/cyking/2012/03/22_AliceBusters/img/03_event/prevStep.png) no-repeat 0 0;
	text-indent: -9999px;
	}	
#nextStep a{ 
	background:url(/event/cyking/2012/03/22_AliceBusters/img/03_event/nextStep.png) no-repeat 0 0;	
	}	
#lastStep a{ 
	background:url(/event/cyking/2012/03/22_AliceBusters/img/03_event/lastStep.png) no-repeat 0 0;	
	}	
.resultLeft { float: left; width: 602px; margin-right: 20px; }
.resultRight { float: left; padding-top: 49px; position: relative; height: 452px;}
.resultRight .goEv { position: absolute; left: 20px; bottom: 70px; }
.goEvagree { position: absolute; right: 30px; bottom: 60px; }
.vodList { width: 100%; overflow: hidden; margin-top: 10px;}
.vodList ul { width: 100%; overflow: hidden; }
.vodList li { float: left; margin-right: 7px; }

label.error { position: absolute; top: 130px; }


.foot { margin: 0; padding: 0; }
ul.copyright { list-style: none; overflow: hidden; width: 980px; margin: 0 auto;}
ul.copyright li { float: left; }

/* Global Footer */
a:link, a:visited{color:#777; text-decoration: none;}
a:hover{color:#ac0648; text-decoration: none;}
a:active{color:#ac0648; text-decoration: none;}

.wrap_footer {width:100%;  }

#footer {position:relative; margin: 0 auto;  width:1000px; padding:18px 0 23px 0; background:url('http://www.lge.co.kr/brand/asset/images/whisen/main/common/logo_footer.gif') no-repeat 35px 37px;}
#footer .links {margin-bottom:8px; padding-left:197px;}
#footer .links li {display:inline; padding-right:12px; margin-right:8px;background:url('http://www.lge.co.kr/brand/asset/images/whisen/main/common/bar_footer_link.gif') no-repeat top right;}
#footer .links li.last {background:none;}
* html #footer .links li {padding-right:8px; margin-right:12px;}
*:first-child + html #footer .links li {padding-right:8px;margin-right:12px;}
#footer .ceo {margin-bottom:3px; padding-left:197px;}
#footer .address {margin-bottom:10px; padding-left:197px;}
#footer .copyright {padding-left:197px;}

.new_simbol {position:absolute;top:18px;left:720px;}

.brandsite {position:absolute;top:14px;right:7px;width:147px;height:20px;background:url('http://www.lge.co.kr/brand/asset/images/whisen/main/common/bg_brandsite.gif') no-repeat top left;}
.brandsite .title a {display:block;width:139px;height:15px;padding:5px 0 0 8px;font-size:8pt;color:#858e9c;}
.brandsite .sites {position:absolute; bottom:20px; right:0px; width:146px;height:150px;padding:5px 0 0 7px;border:1px solid #e1e1e1;border-bottom:0;background:#fff;overflow:auto;overflow-x:hidden;}
.brandsite .sites {SCROLLBAR-FACE-COLOR:#fff;SCROLLBAR-HIGHLIGHT-COLOR:#fff;SCROLLBAR-SHADOW-COLOR:#fff;SCROLLBAR-3DLIGHT-COLOR: #e1e1e1;SCROLLBAR-ARROW-COLOR:#a9a9a9;SCROLLBAR-TRACK-COLOR:#f7f7f7;SCROLLBAR-DARKSHADOW-COLOR:#e1e1e1;SCROLLBAR-BASE-COLOR:#fff;}
.brandsite .sites li {padding:0 0 1px 0;font-size:8pt;}