@charset "utf-8";



/* Com2us SGB Team. Author : Choi Hyunsun 2012-05-07. Edit : Choi Hyunsun 2012-05-07 */



/* base */

html		{font-size:100.01%; -webkit-text-size-adjust:none;}

body		{margin:0; padding:0; font:normal 12px "애플고딕", AppleGothic, "맑은 고딕", Malgun Gothic, "돋움", dotum, "굴림체", GulimChe, Arial, Verdana, sans-serif; color:#1f1313; background-color:#fff;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption	{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

ul, ol		{list-style:none;}

img		{vertical-align:top; border:0;}

table	{width:100%; font-size:1em; border:0; border-collapse:collapse; border-spacing:0;}

table caption	{display:none;}

fieldset	{border:0;}

legend	{width:0; height:0; position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; padding:0; margin:0; font-size:0; line-height:0;}

select, input, textarea	{font:normal 12px "애플고딕", AppleGothic, "맑은 고딕", Malgun Gothic, "돋움", dotum, "굴림체", GulimChe, Arial, Verdana, sans-serif;  color:#1f1313; vertical-align:middle;}

textarea	{resize:none;}

a		{color:#1f1313; text-decoration:none;}

a:hover, a:focus	{color:#1f1313; text-decoration:none;}



/* skip to content */

#C2Sskip a{width:100px; height:12px; display:block; position:absolute; left:0; top:-999em; padding:5px 0 8px; text-align:center; text-decoration:none; color:#fff; border:1px solid #980c10; background:#d81b21;}

#C2Sskip a:active, #C2Sskip a:focus	{top:0;}



/* common */

.incheck	{width:13px; height:13px; margin:0; padding:0;}

.blindtext	{width:0; height:0; position:absolute; visibility:visible; overflow:hidden; padding:0; margin:0; font-size:0; line-height:0; text-indent:-9999em;}



body	{background:url('http://media.com2us.com/images/event/2012/04/witch_wars/img/bg_body.gif') repeat center top;}



/* 국문 */

#kr120507	{}



.wrap	{width:640px; margin:0 auto;}



.header	{text-align:center; margin-bottom:21px;}

.header h1	{padding:13px 0 5px 21px; text-align:left;}

.header p	{margin-bottom:35px; font-size:22px; line-height:29px; font-weight:bold;}

.header p strong	{color:#f0edff;}



.contents	{width:616px; margin:0 auto 60px;}

.contents .event	{}

.contents .detail	{padding:35px 25px 45px 25px; margin-bottom:20px; font-size:18px; color:#efeaff; line-height:36px; background:#230b65; border-radius:0 0 50px 50px;}

.contents .detail li	{letter-spacing:-1px;}

.contents .detail li span	{width:110px; display:inline-block; color:#ffd800; font-weight:bold;}

.contents .detail li ul	{width:100%; overflow:hidden; padding-bottom:25px;}

.contents .detail li ul li	{width:249px; float:left; padding:25px 17px 0; text-align:center;}

.contents .detail li ol	{display:table;}

.contents .detail li ol li	{display:table-cell; padding:0 20px 0 30px; font-size:19px; line-height:24px; font-weight:bold; color:#fff; vertical-align:middle; text-align:center; background:url('http://media.com2us.com/images/event/2012/04/witch_wars/img/bl_01.gif') no-repeat left 50%;}

.contents .detail li ol li.first	{background:none;}

*+ html .contents .detail li ol	{width:100%; display:block; overflow:hidden;}

*+ html .contents .detail li ol li	{float:left;}

* html .contents .detail li ol	{width:100%; display:block; overflow:hidden;}

* html .contents .detail li ol li	{float:left;}



.assign	{width:616px; margin:0 auto 30px; padding:65px 0 15px; position:relative; background:#230b65; border-radius:50px;}

.assign h2	{position:absolute; top:-38px; left:99px;}

.assign p	{text-align:center;}

.assign p label	{margin-right:25px; font-size:33px; color:#efca07; font-weight:bold; line-height:1em;}

.assign p .intext	{width:287px; height:45px; margin:0; line-height:45px; font-size:33px; text-align:center; border:7px solid #ffd800; background:#fff;}

.assign .btn	{text-align:center;}



.footer	{background:#21163d;}

.footer dl	{width:600px; margin:0 auto; padding:25px 20px;}

.footer dl dt	{margin-bottom:20px; font-size:22px; font-weight:bold; color:#ffd800;}

.footer dl dd	{padding-left:24px; margin-bottom:6px; font-size:19px; line-height:22px; color:#efeaff; text-indent:-24px; letter-spacing:-1px;}



.contents .witch	{}

.contents .article	{padding-bottom:35px; font-size:20px; color:#efeaff; line-height:36px; font-weight:bold; background:#230b65; border-radius:0 0 50px 50px;}

.contents .article .description	{padding:0 0 40px; margin:0 54px 40px; color:#ffd800; border-bottom:2px dotted #b68b09;}

.contents .article .join	{text-align:center; margin-bottom:10px;}

.contents .article .btn	{text-align:center;}

.contents .article .btn a	{margin:0 4px;}



/* 영문 */

#en120507	{font-family:Verdana;}

#en120507 .header h1	{padding:20px 0 10px 30px;}

#en120507 .contents	{margin:0 auto 90px;}

#en120507 .contents .detail	{text-align:center; font-size:26px; line-height:32px;}

#en120507 .contents .detail li	{margin-bottom:25px; letter-spacing:0;}

#en120507 .contents .detail li span	{width:100%; display:block;}

#en120507 .contents .detail li p	{padding-top:10px; font-size:22px;}

#en120507 .contents .detail li ol	{display:block;}

#en120507 .contents .detail li ol li	{display:block; padding:35px 0 20px; margin:0; background:url('http://media.com2us.com/images/event/2012/04/witch_wars/img/bl_02.gif') no-repeat center top;}

#en120507 .contents .detail li ol li.first	{padding-top:20px; background:none;}

#en120507 .assign	{margin-bottom:60px;}

#en120507 .assign h2	{position:absolute; top:-66px; left:108px;}

#en120507 .assign p label	{margin-right:15px; font-size:28px;}

#en120507 .contents .article .join	{margin-bottom:20px; font-size:22px; line-height:28px; font-weight:bold;}

#en120507 .contents .article .join strong	{display:block; color:#ffd800;}

#en120507 .contents .article .description	{padding-bottom:30px; margin-bottom:30px;}



@media only screen and (min-device-width:320px) and (max-device-width:480px) {

	.wrap	{width:320px; margin:0 auto;}



	.header	{text-align:center; margin-bottom:11px;}

	.header h1	{padding:7px 0 3px 11px; text-align:left;}

	.header h1 img	{width:294px;}

	.header p	{margin-bottom:18px; font-size:11px; line-height:15px; font-weight:bold;}

	.header p strong	{color:#f0edff;}

	.header .download img	{width:233px;}



	.contents	{width:308px; margin:0 auto 30px;}

	.contents .event img	{width:308px;}

	.contents .detail	{padding:18px 13px 22px 13px; margin-bottom:10px; font-size:9px; color:#efeaff; line-height:18px; background:#230b65; border-radius:0 0 25px 25px;}

	.contents .detail li	{letter-spacing:-1px;}

	.contents .detail li span	{width:55px; display:inline-block; color:#ffd800; font-weight:bold;}

	.contents .detail li img	{width:125px;}

	.contents .detail li ul	{width:100%; overflow:hidden; padding-bottom:13px;}

	.contents .detail li ul li	{width:125px; float:left; padding:13px 8px 0; text-align:center; letter-spacing:0;}

	.contents .detail li ol	{display:table;}

	.contents .detail li ol li	{display:table-cell; padding:0 11px 0 13px; font-size:10px; line-height:12px; font-weight:bold; color:#fff; vertical-align:middle; text-align:center; letter-spacing:0; background:url('http://media.com2us.com/images/event/2012/04/witch_wars/img/bl_01.gif') no-repeat left 50%; background-size:9px auto;}

	.contents .detail li ol li.first	{background:none; padding-left:5px;}



	.assign	{width:308px; margin:0 auto 15px; padding:33px 0 8px; position:relative; background:#230b65; border-radius:25px;}

	.assign h2	{position:absolute; top:-19px; left:50px;}

	.assign h2 img	{width:216px;}

	.assign p	{text-align:center;}

	.assign p label	{margin-right:13px; font-size:16px; color:#efca07; font-weight:bold; line-height:1em;}

	.assign p .intext	{width:143px; height:22px; margin:0; line-height:22px; font-size:16px; text-align:center; border:3px solid #ffd800; background:#fff;}

	.assign .btn	{text-align:center;}

	.assign .btn img	{width:232px;}



	.footer	{background:#21163d;}

	.footer dl	{width:300px; margin:0 auto; padding:13px 10px;}

	.footer dl dt	{margin-bottom:10px; font-size:11px; font-weight:bold; color:#ffd800;}

	.footer dl dd	{padding-left:12px; margin-bottom:3px; font-size:10px; line-height:11px; color:#efeaff; text-indent:-12px; letter-spacing:-1px;}



	.contents .witch img	{width:308px;}

	.contents .article	{padding-bottom:18px; font-size:10px; color:#efeaff; line-height:18px; font-weight:bold; background:#230b65; border-radius:0 0 25px 25px;}

	.contents .article .description	{padding:0 0 20px; margin:0 27px 20px; color:#ffd800; border-bottom:2px dotted #b68b09;}

	.contents .article .join	{text-align:center; margin-bottom:5px;}

	.contents .article .btn	{text-align:center;}

	.contents .article .btn a	{margin:0 2px;}

	.contents .article .btn a img	{width:82px;}



	/* 영문 */

	#en120507	{font-family:Verdana;}

	#en120507 .header h1	{padding:10px 0 5px 15px;}

	#en120507 .header h1 img	{width:290px;}

	#en120507 .contents	{margin:0 auto 45px;}

	#en120507 .contents .detail	{text-align:center; font-size:13px; line-height:16px;}

	#en120507 .contents .detail li	{margin-bottom:13px; letter-spacing:0;}

	#en120507 .contents .detail li img	{width:165px;}

	#en120507 .contents .detail li span	{width:100%; display:block;}

	#en120507 .contents .detail li p	{padding-top:5px; font-size:11px;}

	#en120507 .contents .detail li ol	{display:block;}

	#en120507 .contents .detail li ol li	{display:block; padding:18px 0 10px; margin:0; background:url('http://media.com2us.com/images/event/2012/04/witch_wars/img/bl_02.gif') no-repeat center top;}

	#en120507 .contents .detail li ol li.first	{padding-top:10px; background:none;}

	#en120507 .assign	{margin-bottom:30px;}

	#en120507 .assign h2	{position:absolute; top:-33px; left:54px;}

	#en120507 .assign h2 img	{width:202px;}

	#en120507 .assign p label	{margin-right:8px; font-size:14px;}

	#en120507 .contents .article .join	{margin-bottom:10px; font-size:11px; line-height:14px; font-weight:bold;}

	#en120507 .contents .article .join strong	{display:block; color:#ffd800;}

	#en120507 .contents .article .description	{padding-bottom:15px; margin-bottom:15px;}

}