@charset "utf-8";
@import url(base.css);
@import url(layout.css);
@import url(board.css);

form { margin : 0;}

h2 { padding-left:192px; background:url(/tok/images/event/bg_tit2.gif) no-repeat left top;}

/**********************************************
이벤트
***********************************************/
.eventList { }
	.eventList li { margin-bottom:20px;}
	.eventList dt { padding:7px 0 7px 42px; background:url(/tok/images/common/bl_flower.gif) no-repeat 10px top; font-weight:bold; font-size:14px;}
		.eventList dt a { color:#0d0053;}
	.eventList dd { position:relative; margin-top:3px;}
	.eventList dd.eventDate { padding:14px 0 0 33px; height:28px; background:url(/tok/images/event/bg_event.gif) no-repeat;}
	.eventList dd.eventDate span { position:absolute; top:14px; right:32px;}
	.eventList dd.eventDate span img { position:relative; margin:-4px 0 0 0;}

.eventViewBtm { padding-bottom:13px; background:url(/tok/images/event/bg_event_view_bottom.gif) no-repeat 50% bottom;}
.eventViewTop { padding:13px 11px 0 15px; height:1%; background:url(/tok/images/event/bg_event_view_top.gif) no-repeat 50% top;}

.eventEntry { position:relative; height:1%;}
.eventEntry p { text-align:center;}
.eventEntry .entryBtn { width:100%; position:absolute; bottom:23px;}

.eventBoard { padding:5px 8px 40px 8px; background:#abe0ff url(/tok/images/event/bg_event_board.gif) no-repeat left bottom;}

/* 090803 quizEvent */
.quizEvent1 { position:relative; margin:10px 0 0 9px; padding-bottom:40px; width:797px; background:url(/tok/event/090803/images/bg_event1.gif) no-repeat left bottom;}
.quizEvent2 { position:relative; margin:10px 0 0 9px; width:797px;}
	.quizEvent1 img, .quizEvent2 img { vertical-align:top;}

.eventTab { position:absolute; top:10px; right:40px;}
	.eventTab li { float:left;}

.bonus1 { padding:24px 0 0 43px; height:84px; background:url(/tok/event/090803/images/bg_bonus1.gif) no-repeat;}
	.bonus1 dt { float:left; width:157px;}
	.bonus1 dd { float:left; margin-top:5px; width:597px;}
	.bonus1 dd img { margin-right:30px;}

.bonus2 { padding:24px 0 0 43px; height:64px; background:url(/tok/event/090803/images/bg_bonus2.gif) no-repeat;}
	.bonus2 dt { float:left; width:157px;}
	.bonus2 dd { float:left; width:597px;}

.bonus2List { padding:0 39px 0 84px;}
	.quizEntry { overflow:hidden; padding:0 30px; width:614px; height:1%; background:#4d8ff2;}
		.quizEntry dt { float:left; padding:0 15px 0 10px; width:453px; height:51px; background:url(/tok/event/090803/images/bg_input.gif) no-repeat left bottom;}
		.quizEntry dt input.inp_txt { margin-top:15px; padding-top:3px; border:none; width:100%; height:17px; background:#fff;}
		.quizEntry dd { float:left; width:136px; text-align:right;}
	.quizList { overflow:hidden; padding:10px 30px 30px; background:#4d8ff2 url(/tok/event/090803/images/bg_bonus4.gif) no-repeat left bottom;}
		.quizList dl { overflow:hidden; height:1%; background:url(/tok/event/090803/images/bg_dotline.gif) repeat-x left top; font-size:11px;}
		.quizList dl.first { background:none;}
		.quizList dt { float:left; padding:7px 0 0 10px; width:70px; font-weight:bold; color:#0d0053;}
		.quizList dd { position:relative; float:left; padding:7px 85px 4px 0; width:449px; line-height:120%; color:#fff;}
		.quizList dd span { position:absolute; top:8px; right:17px; color:#0d0053;}

.eventPageNo { padding-top:15px; border-top:1px solid #0d0053; text-align:center;}
	.eventPageNo li { display:inline; font-weight:bold; font-size:11px; color:#fff;}
	.eventPageNo li a { font-weight:normal; color:#ccc;}
	.eventPageNo li img { vertical-align:middle;}

.eventPop { display:none; position:absolute; top:173px; left:118px;padding:21px 29px; width:506px; height:356px;}
.popClose { position:absolute; top:0; right:0;}
.popCont { margin-top:65px; height:209px; text-align:center;}
	.popCont .flash { padding-top:15px;}
	.popCont .btn { margin-top:20px;}

/* 090820 clubdayEvent */
.clubDay { padding:50px 38px 20px 44px; width:726px;}
	.clubDay .myClubDay { position:relative; margin:20px 0; padding:30px 0 15px 10px; width:716px; border-bottom:4px solid #000; font-weight:bold;}
	.clubDay .myClubDay .inp_club { padding:3px 0 0; background:none; border:none; width:85%; height:15px;}
	.clubDay .myClubDay span { position:absolute; top:0; right:0;}
	.clubDayList { height:1%; border-bottom:1px solid #000;}
	.clubDayList dt { float:left; padding:8px 0 10px; width:90px; text-align:center;}
	.clubDayList dd { float:left; position:relative; padding:8px 100px 10px 10px; width:526px; line-height:120%;}
	.clubDayList dd span { position:absolute; top:8px; right:15px;}
	.clubDay .clubDayImg { position:relative; z-index:100; width:726px;}
	.clubDay .clubDayImg .myTok { position:absolute; bottom:33px; right:5px;}
	.clubDay .clubDayImg .myTok input { padding-bottom:3px; background:none; border:none; width:60px; font-weight:bold; font-size:17px; color:#fff; text-decoration:underline; text-align:right;}
	.clubDay .clubDayImg .myTok img { padding-top:3px; vertical-align:middle;}

	.clubPop { display:none;}
	.clubPop.cp1 { position:absolute; top:230px; left:43px; width:624px;}
	.clubPop.cp2 { position:absolute; top:472px; left:43px; width:624px;}
	.clubPop.cp3 { position:absolute; top:145px; left:43px; width:624px;}
	.clubPop .cpClose { position:absolute; top:20px; right:16px;}

/* 090910 Event */
.feverBtm { padding-bottom:23px; height:1%; background:url(/tok/event/090910/images/bg_fever_bottom.gif) no-repeat left bottom;}
.feverTop { padding:10px 7px 0 13px; height:1%; background:url(/tok/event/090910/images/bg_fever_top.gif) no-repeat left top;}

.feverCmt { margin:10px auto 0; padding:10px 49px 0 48px; width:611px; height:425px; background:url(/tok/event/090910/images/bg2.gif) no-repeat;}
.feverCmt.ty2 { background:url(/tok/event/090910/images/bg_cmt.gif) no-repeat;}
	.feverCmt input.inp { padding:7px 15px 0; width:462px; height:22px; border:0; background:#fff;}
	.feverCmtWrite { margin:25px 0 5px;}
	.feverCmtList { overflow:hidden; zoom:1; border-bottom:1px solid #3a3b46; font-size:11px;}
	.feverCmtList dt { float:left; padding:10px 0 0 10px; width:80px; font-weight:bold; color:#fff;}
	.feverCmtList dd { position:relative; float:left; padding:10px 85px 8px 0; width:435px; line-height:120%; color:#fff;}
		.feverCmtList dd span { position:absolute; top:8px; right:17px;}

	.feverSel { position:relative; padding:0 40px; width:706px; height:452px; background:url(/tok/event/090910/images/bg3.gif) no-repeat;}
		.feverSerClick { position:absolute; top:330px; left:248px;}
		.feverSerClick span { float:left; margin-right:205px; text-align:center;}
		.feverSerClick span.last { margin:0;}
		.feverSerClick span input { display:block;}
		.popularWrap { position:absolute; bottom:10px;}
			.popular { float:left; width:527px;}
			.popular.blue { width:179px}
			.popular span { display:block; float:left; padding:5px 0 0 35px; width:144px; font-size:16px; font-weight:bold; color:#fff;}
			.popular.blue span {padding:5px 35px 0 0; text-align:right;}
			.popular .graph { float:left; position:relative; height:25px; width:348px; background:#10c6d1;}
			/*.popular.blue .graph { text-align:left;}*/
			.popular .graph p { position:relative; height:25px; background:#ffe032;}

		.couple { padding:148px 0 0 349px; width:357px; height:304px;}
		.couple.sandara { background:url(/tok/event/090910/images/bg_sandara.jpg) no-repeat;}
		.couple.minho { background:url(/tok/event/090910/images/bg_minho.jpg) no-repeat;}
			.couple dl { overflow:hidden; margin-top:20px;}
			.couple dt { float:left; padding-top:5px; width:57px; height:29px;}
			.couple dd { float:left; width:300px; min-height:34px; _height:34px;}
			.couple dd p { margin:5px 0;}
			.couple dd .inp_txt { border:none; padding:3px 3px 0; background:#fff; height:19px;}
			.couple dd select { behavior:url(/tok/css/select3.htc);}
			.couple .btn { margin:20px 0 0 50px;}


/* 091130 Event : str */
.infoBtm { padding-bottom: 7px; height:1%; background:url(/tok/event/090910/images/bg_fever_bottom.gif) no-repeat left bottom;}
.infoTop { padding:10px 7px 0 13px; height:1%; background:url(/tok/event/090910/images/bg_fever_top.gif) no-repeat left top;}
.infoTop p img {vertical-align: top;}
.infoTop .frm {width: 786px; height: 483px; background: url(/tok/event/091130/images/img03.jpg) no-repeat left top;}
.infoTop input { border: 1px solid #B0C6D4; height: 18px;  font: 11px Dotum, arial, sans-serif; color: #5C5C5C; line-height: 18px; padding: 0 4px;}
.infoTop select { border: 1px solid #B0C6D4; height: 20px;  font: 11px Dotum, arial, sans-serif; color: #5C5C5C; line-height: 18px;}
.infoTop .input1 {position: absolute; left: 246px; top: 719px;}
.infoTop .input2 {position: absolute; left: 246px; top: 776px;}
.infoTop .input3 { width: 76px; position: absolute; left: 444px; top: 776px; border:0}
.infoTop .input4 {position: absolute; left: 246px; top: 803px;}
.infoTop .input5 {position: absolute; left: 246px; top: 831px;}
.infoTop .input6 {position: absolute; left: 246px; top: 859px;}
.infoTop .input7 {position: absolute; left: 349px; top: 859px;}
.infoTop .input8 {width: 76px; position: absolute; left: 444px; top: 860px; border: 0}
.infoTop .input9 {position: absolute; left: 246px; top: 887px;}
.infoTop .input10 {position: absolute; left: 246px; top: 915px;}
.infoTop .input11 {position: absolute; left: 315px; top: 943px;}
.infoTop .input12 {position: absolute; left: 394px; top: 943px;}
.infoTop .input13 {position: absolute; left: 315px; top: 971px;}
.infoTop .input14 {position: absolute; left: 394px; top: 971px;}
.infoTop .input15 {position: absolute; left: 246px; top: 999px;}
.infoTop .input16 {position: absolute; left: 511px; top: 999px;}

.infoTop .select1 {position: absolute;  left: 246px; top: 749px;}
.infoTop .select2 { position: absolute;  left: 358px; top: 749px;}
.infoTop .select3 {position: absolute;  left: 443px; top: 749px;}
.infoTop .select4 {position: absolute;  left: 246px; top: 945px;}
.infoTop .select5 {position: absolute;  left: 246px; top: 973px;}
.infoTop .select6 {position: absolute;  left: 376px; top: 1000px;}



.infoTop .radio1 {position: absolute; border: 0; left: 526px; top: 749px;}
.infoTop .radio2 {position: absolute; border: 0; left: 570px; top: 749px;}
.infoTop .radio3 {position: absolute; border: 0; left: 454px; top: 888px;}
.infoTop .radio4 {position: absolute; border: 0; left: 498px; top: 888px;}
.infoTop .radio5 {position: absolute; border: 0; left: 246px; top: 1046px;}
.infoTop .radio6 {position: absolute; border: 0; left: 298px; top: 1046px;}


.infoTop .radio7 {position: absolute; border: 0; left: 246px; top: 1083px;}
.infoTop .radio8 {position: absolute; border: 0; left: 296px; top:1083px;}
.infoTop .radio9 {position: absolute; border: 0; left: 338px; top:1083px;}
.infoTop .radio10 {position: absolute; border: 0; left: 388px; top: 1083px;}
.infoTop .radio11 {position: absolute; border: 0; left: 460px; top: 1083px;}
.infoTop .radio12 {position: absolute; border: 0; left: 501px; top: 1083px;}

.infoTop .radio13 {position: absolute; border: 0; left: 246px; top: 1112px;}
.infoTop .radio14 {position: absolute; border: 0; left: 303px; top:1112px;}
.infoTop .radio15 {position: absolute; border: 0; left: 368px; top:1112px;}
.infoTop .radio16 {position: absolute; border: 0; left: 430px; top: 1112px;}
.infoTop .radio17 {position: absolute; border: 0; left: 493px; top: 1112px;}


/* 091130 Event : end */


/* 100114 Event */
.cfPoll { padding:0 120px 0 121px; height:674px; background:url(/tok/event/100114/images/event3_bg.jpg) no-repeat;}
.cfPollGraph { padding:0 25px;}
.cfPollGraph input { border:0;}
.cfPollGraph li { overflow:hidden; zoom:1; margin-bottom:24px;}
.cfPollGraph dt, .cfPollGraph dd { float:left;}
.cfPollGraph dd { }
.cfPollGraph dd .graph { position:relative; width:298px; height:24px; border:1px solid #666; background:url(/tok/event/100114/images/bg_graph.gif) repeat-x;}
.cfPollGraph dd .graph p { height:24px; background:url(/tok/event/100114/images/bg_graph2.gif) repeat-x;}
.cfPollGraph dd .graph span { position:absolute; top:6px; left:10px; color:#000; font-weight:bold;}
.cfPollGraph dd .graph strong { position:absolute; top:4px; right:-40px; font-size:14px; color:#fff;}

.musicDrama { padding:0 118px; height:981px; background:url(/tok/event/100114/images/bg_event4.jpg) no-repeat;}
.musicDrama p { text-align:center;}
.musicDrama dl { margin:56px 0 0 28px; width:520px;}
.musicDrama dd { float:left; padding:5px 0 25px; width:130px;}
.musicDrama dd input { border:none;}


/* 2010-05-17 */
.comment0517 { background:url(/tok/event/100517/images/bg.jpg) no-repeat;}
	.comment0517 .write { text-align:center;}
	.comment0517 .write .inp_txt{ padding:5px 3px 0; width:534px; height:20px; border:1px solid #0e5d91; background:#fff;}
	.comment0517 .write img { padding:0 5px 0 8px;}
.comment0517 dl { margin:15px auto 0; width:724px; font-size:11px; color:#fff; line-height:120%;}
	.comment0517 dt { float:left; padding:5px 0 5px 12px; width:88px; font-weight:bold; background:url(/tok/event/100517/images/bg_dot.gif) repeat-x left top;}
	.comment0517 dd { position:relative; float:left; padding:5px 75px 5px 0; width:549px; background:url(/tok/event/100517/images/bg_dot.gif) repeat-x left top;}
	.comment0517 dd span { position:absolute; top:5px; right:13px;}
	.comment0517 .pageNo li { padding:0 2px 0 4px; background:none; font-weight:bold; color:#666;}
	.comment0517 .pageNo li a { font-weight:normal; color:#666;}
.bgBtm0517 { height:58px; background:url(/tok/event/100517/images/bg_bottom.jpg) no-repeat;}


/**********************************************
이벤트팝업
***********************************************/
/* 091109 Event */

.SuddenBtm { padding-bottom: 7px; height:1%; background:url(/tok/event/090910/images/bg_fever_bottom.gif) no-repeat left bottom;}
.SeddenTop { padding:10px 7px 0 13px; height:1%; background:url(/tok/event/090910/images/bg_fever_top.gif) no-repeat left top;}
.Seddenimg3 {width: 786px; background: url(/tok/event/091109/images/bg_img3.jpg) repeat-y left bottom; padding-top: 10px; }
.SeddenPage { margin: 0px auto; text-align: center; clear: both; padding: 33px 0}
.SeddenGallery { padding-left: 41px; text-align: center; }
	.SeddenGallery .img { width: 158px; float: left ; margin: 8px; border: 1px solid #514D44; margin-bottom: 42px;}
	.SeddenGallery .Sel { width: 157px; float: left; margin: 8px; border: 1px solid #999A54 }
	.SeddenGallery p.TXT {float: left; text-align: center ; font: 11px Dotum; color: #fff; position: relative; left: -120px; top: 140px; margin-right: -120px;}

.Popup1BG { width: 547px; height: 378px; background: url(/tok/event/091109/images/bg_popup_1.jpg) no-repeat left top; display: block;}

.Popup1 { width: 547px; height: 378px; background: url(/tok/event/091109/images/bg_popup_1.jpg) no-repeat left top; }
	.Popup1 .CloseBtn { width: 23px; height: 23px; border: 0; float: right; margin: 13px 19px 0 0; }
	.Popup1 .Btn { width: 156px height: 43px; border: 0; margin: 0 auto; text-align: center; position: relative; left: 0; top: 236px; }
	.Popup1 .input1 { width: 250px; height: 24px; border: 1px solid #393B47; font: 11px Dotum; color: #666; position: relative; left: 138px; top: 100px; margin-bottom: -22px; padding: 4px 3px 0px 3px}
	.Popup1 .input2 { width: 102px; height: 24px; border: 1px solid #393B47; font: 11px Dotum; color: #666; position: relative; left: 138px; top: 172px;  padding: 4px 3px 0px 3px ; float: left;}
	.Popup1 .Findbtn { width: 100px; height: 24px; border: 0; position: relative; left: 146px; top: 110px; }
	.Popup1 .textarea { width: 358px; height: 43px; border: 1px solid #393B47; font: 11px Dotum; color: #666; position: relative; left: 36px; top: 120px; }

.Popup2 { width: 647px; height: 348px; background: url(/tok/event/091109/images/bg_popup_2.jpg) no-repeat left top; }
	.Popup2 .CloseBtn { width: 23px; height: 23px; border: 0; float: right; margin: 13px 19px 0 0; }

.Popup3 { width: 613px; height: 494px; background: url(/tok/event/091109/images/bg_popup_3.jpg) no-repeat left top; }
	.Popup3 .CloseBtn { width: 23px; height: 23px; border: 0; float: right; margin: 16px 24px 0 0; }
	.Popup3 .Title { font: 11px Dotum; color: #fff; font-weight: bold; float: left; margin: 22px 0 0 30px; }
	.Popup3 .Sshot { width: 600px; height: 400px; border: 0; clear: both; margin-left: 2px; padding-top: 13px;}
	.Popup3 .userid { font: 11px dotum; color: #fff; float: left; font-weight: bold; margin: 9px 0 0 24px; }
	.Popup3 .date { font: 11px dotum; color: #fff; float: right; margin: 9px 28px 0 0 }

/* 091109 Event : END */
.txt_event_pop11{ font-family:dotum; font-size:18px; border:0px; font-weight:bold; color:#000000; background-image:url(../event/100114/images/popbg.jpg); height:50; width:403; text-align:center; }






.giftImg2 { position:relative; margin-bottom:10px; width:786px; text-align:center;}
.giftImg3 { margin-bottom:30px; text-align:center;}

.giftPop { display:none; position:absolute; top:-30px; left:150px; width:550px; height:270px;}
	.giftPop.ring { top:-80px; width:550px; height:400px;}
.giftPop span { position:absolute; top:10px; right:20px;}

/**********************************************
출첵
***********************************************/
.checkToday { padding:18px 0 0 377px; height:33px; background:url(/tok/images/event/bg_check.gif) no-repeat; font-size:24px; color:#fff;}
	.checkToday span { font-size:14px;}

.check { padding:23px 0 0 30px; height:203px; background:url(/tok/images/event/bg_check2.gif) no-repeat;}
	.check .iconList { overflow:hidden; zoom:1;}
	.check .iconList dt { margin-bottom:10px;}
	.check .iconList dd { position:relative; float:left; margin-right:10px; padding:13px 0 0 8px; width:133px; height:91px; background:url(/tok/images/event/bg_check3.gif) no-repeat;}
	.check .iconList dd p { position:absolute; top:8px; right:8px;}
	.check .iconList dd p img { vertical-align:top;}
	.check .checkWrite { padding-top:15px; background:url(/tok/images/board/bg_dot3.gif) no-repeat left top;}
	.check .checkWrite dt { float:left; padding-top:4px; width:100px;}
	.check .checkWrite dd { float:left;}

/**********************************************
당첨자발표
***********************************************/
.movieTicket { }
	.movieTicket dt { padding:0 0 12px 15px; background:url(/tok/images/board/bg_dot3.gif) repeat-x left bottom;}
	.movieTicket .ticket1 { overflow:hidden; padding:8px 0 10px 15px; height:1%; background:url(/tok/images/board/bg_dot3.gif) repeat-x left bottom;}
	.movieTicket .ticket1 dt { float:left; padding:0; width:95px; background:none;}
	.movieTicket .ticket1 dd { float:left; width:629px; margin-bottom:5px;}
	.movieTicket .ticket2 { padding:12px 0; background:url(/tok/images/board/bg_dot3.gif) repeat-x left bottom;}
	.movieTicket .ticket2 dt, .movieTicket .ticket3 dt  { background:none;}
	.movieTicket .ticket3 { padding:12px 0;}
	.movieTicket .ticket3 dd { margin-top:5px; padding-left:30px; line-height:100%;}

/**********************************************
쇼핑
***********************************************/
.shoppingList { overflow:hidden; padding-left:3px; background:url(/tok/images/event/bg_shopping_dot.gif) repeat-x left 10px;}
	.shoppingList .shopping1, .shoppingList .shopping2 { float:left; margin-right:22px; width:252px;}
	.shoppingList .shopping3 { float:left; width:252px;}
	.shoppingList dl { margin-top:5px; padding:20px 13px 0 13px; height:284px; background:url(/tok/images/event/bg_shopping.gif) no-repeat;}
	.shoppingList dt { padding-left:27px; background:url(/tok/images/common/bl_cir.gif) no-repeat 8px top; font-size:14px; font-weight:bold;}
	.shoppingList dd { margin-top:5px; padding-top:10px; background:url(/tok/images/common/bg_dot.gif) repeat-x left top; font-size:11px;}
		.shoppingList dd.photo { text-align:center;}
		.shoppingList dd.photo img { border:1px solid #9ab3c1;}
		.shoppingList dd ul { margin-top:3px;}
		.shoppingList dd li { padding-left:10px; margin-bottom:6px;}
		.shoppingList dd li .c1 { color:#36a1d9;}
		.shoppingList dd li a { color:#36a1d9;}

.shoppingView { padding:25px 37px 0 35px; margin-bottom:20px; height:251px; background:url(/tok/images/event/bg_shopping2.gif) no-repeat;}
	.shoppingView dt { padding:3px 0 4px 25px; background:url(/tok/images/common/bl_flower2.gif) no-repeat; font-size:14px; font-weight:bold;}
	.shoppingView dd { float:left; margin-top:5px;}
	.shoppingView dd.photo { margin-right:10px; padding:8px 0 0 9px; width:258px; height:194px; background:url(/tok/images/event/bg_shopping3.gif) no-repeat;}
	.shoppingView dd ul { overflow:hidden; width:466px;}
	.shoppingView dd li { position:relative; float:left; padding:9px 0 13px; width:245px; min-height:13px; _height:13px; background:url(/tok/images/common/bg_dot.gif) repeat-x 55% bottom;}
	.shoppingView dd li img { padding-left:25px; background:url(/tok/images/common/bl_cir.gif) no-repeat 6px top;}
		/*.shoppingView dd li img.nbg { padding:0; background:none;}*/
	.shoppingView dd li.w1 { width:221px;}
	.shoppingView dd li.w2 { padding:5px 0 8px; width:466px; font-size:14px;}
	.shoppingView dd li.tokBetting { font-size:14px;}
		.shoppingView dd li.w2 .inp_login { position:relative; width:25px; font-weight:bold; font-size:14px; color:#fe0891; text-align:right;}
		.shoppingView dd li.w2 .volume { position:absolute; top:14px;/* left:280px; */padding:0; margin:0; font-size:0; line-height:0;}
		.shoppingView dd li.w2 .volume img { padding:0; margin:0; background:none; vertical-align:top;}
		.shoppingView dd li.w2 .volume img.nbg { padding-left:10px;}
	.shoppingView dd li strong { color:#fe0891;}

	.shoppingTxt { position:relative; margin-top:17px;}
		.shoppingTxt span { position:absolute; top:-9px; right:0;}