@charset "euc-kr";
/* index */
#content .index { margin-bottom:15px; }
#content .event_zzang_index { margin:0 auto; width:970px; }
/* end of index */

/* head_wrap */
#content .index .head_wrap { position:relative; }
#content .index .head_wrap a.btn_winner { position:absolute; top:36px; left:992px; width:118px; height:52px; background:url("/event/zone/images/title.jpg") no-repeat -992px -36px; }
#content .index .head_wrap h1.title { width:1150px; height:124px; overflow:hidden; }
/* end of head_wrap */

/* menu_wrap form event_zone.css */
#content .index .menu_wrap { margin-bottom:25px; }
#content .index .menu_wrap ul { width:100%; height:97px; background:url("/event/zone/images/menu.jpg") no-repeat 0 0; overflow:hidden; }
#content .index .menu_wrap li { float:left; }
#content .index .menu_wrap li a.menu { display:block; width:70px; height:97px; background:url("/event/zone/images/menu.jpg") no-repeat 0 0; }
#content .index .menu_wrap li a.menu01 { width:71px; background-position:0 0; }
#content .index .menu_wrap li a.menu01:hover,#content .index .menu_wrap li a.menu01_hover { width:71px; background-position:0 -97px; }
#content .index .menu_wrap li a.menu02 { background-position:-71px 0; }
#content .index .menu_wrap li a.menu02:hover,#content .index .menu_wrap li a.menu02_hover { margin-left:-1px; width:71px; background-position:-70px -97px; }
#content .index .menu_wrap li a.menu14 { background-position:-141px 0; }
#content .index .menu_wrap li a.menu14:hover,#content .index .menu_wrap li a.menu14_hover { margin-left:-1px; width:71px; background-position:-140px -97px; }
#content .index .menu_wrap li a.menu03 { background-position:-212px 0; }
#content .index .menu_wrap li a.menu03:hover,#content .index .menu_wrap li a.menu03_hover { margin-left:-1px; width:71px; background-position:-210px -97px; }
#content .index .menu_wrap li a.menu04 { background-position:-281px 0; }
#content .index .menu_wrap li a.menu04:hover,#content .index .menu_wrap li a.menu04_hover { margin-left:-1px; width:71px; background-position:-280px -97px; }
#content .index .menu_wrap li a.menu05 { background-position:-351px 0; }
#content .index .menu_wrap li a.menu05:hover,#content .index .menu_wrap li a.menu05_hover { margin-left:-1px; width:71px; background-position:-350px -97px; }
#content .index .menu_wrap li a.menu06 { background-position:-421px 0; }
#content .index .menu_wrap li a.menu06:hover,#content .index .menu_wrap li a.menu06_hover { margin-left:-1px; width:71px; background-position:-420px -97px; }
#content .index .menu_wrap li a.menu07 { background-position:-491px 0; }
#content .index .menu_wrap li a.menu07:hover,#content .index .menu_wrap li a.menu07_hover { margin-left:-1px; width:71px; background-position:-490px -97px; }
#content .index .menu_wrap li a.menu08 { background-position:-561px 0; }
#content .index .menu_wrap li a.menu08:hover,#content .index .menu_wrap li a.menu08_hover { margin-left:-1px; width:71px; background-position:-560px -97px; }
#content .index .menu_wrap li a.menu09 { background-position:-631px 0; }
#content .index .menu_wrap li a.menu09:hover,#content .index .menu_wrap li a.menu09_hover { margin-left:-1px; width:71px; background-position:-630px -97px; }
#content .index .menu_wrap li a.menu10 { background-position:-701px 0; }
#content .index .menu_wrap li a.menu10:hover,#content .index .menu_wrap li a.menu10_hover { margin-left:-1px; width:71px; background-position:-700px -97px; }
#content .index .menu_wrap li a.menu11 { background-position:-771px 0; }
#content .index .menu_wrap li a.menu11:hover,#content .index .menu_wrap li a.menu11_hover { margin-left:-1px; width:71px; background-position:-770px -97px; }
#content .index .menu_wrap li a.menu12 { background-position:-841px 0; }
#content .index .menu_wrap li a.menu12:hover,#content .index .menu_wrap li a.menu12_hover { margin-left:-1px; width:71px; background-position:-840px -97px; }
#content .index .menu_wrap li a.menu13 { background-position:-912px 0; }
#content .index .menu_wrap li a.menu13:hover,#content .index .menu_wrap li a.menu13_hover { margin-left:-1px; width:71px; background-position:-910px -97px; }
/* ie compatible */
html.ie6 #content .index .menu_wrap li a.menu02:hover,
html.ie6 #content .index .menu_wrap li a.menu02_hover,
html.ie6 #content .index .menu_wrap li a.menu03:hover,
html.ie6 #content .index .menu_wrap li a.menu03_hover,
html.ie6 #content .index .menu_wrap li a.menu04:hover,
html.ie6 #content .index .menu_wrap li a.menu04_hover,
html.ie6 #content .index .menu_wrap li a.menu05:hover,
html.ie6 #content .index .menu_wrap li a.menu05_hover,
html.ie6 #content .index .menu_wrap li a.menu06:hover,
html.ie6 #content .index .menu_wrap li a.menu06_hover,
html.ie6 #content .index .menu_wrap li a.menu07:hover,
html.ie6 #content .index .menu_wrap li a.menu07_hover,
html.ie6 #content .index .menu_wrap li a.menu08:hover,
html.ie6 #content .index .menu_wrap li a.menu08_hover,
html.ie6 #content .index .menu_wrap li a.menu09:hover,
html.ie6 #content .index .menu_wrap li a.menu09_hover,
html.ie6 #content .index .menu_wrap li a.menu10:hover,
html.ie6 #content .index .menu_wrap li a.menu10_hover,
html.ie6 #content .index .menu_wrap li a.menu11:hover,
html.ie6 #content .index .menu_wrap li a.menu11_hover,
html.ie6 #content .index .menu_wrap li a.menu12:hover,
html.ie6 #content .index .menu_wrap li a.menu12_hover,
html.ie6 #content .index .menu_wrap li a.menu13:hover,
html.ie6 #content .index .menu_wrap li a.menu13_hover { position:relative; margin-left:0; margin-right:-1px; left:-1px; }
/* end of menu_wrap */

/* nav_wrap */
#content .index .nav_wrap { position:relative; background:url("/event/images/v1309041/nav_bg.gif") repeat-y 0 0; text-align:center; }
#content .index .nav_wrap ul.list { padding-bottom:1px; overflow:hidden; }
#content .index .nav_wrap ul.list li { float:left; height:34px; }
#content .index .nav_wrap ul.list li a.nav { display:block; margin-right:-1px; width:288px; height:35px; color:#999; font-size:12px; line-height:35px; text-align:center; z-index:10; }
#content .index .nav_wrap ul.list li a.nav:hover { width:286px; height:33px; color:#151515; line-height:33px; border:1px solid #151515; text-decoration:none; z-index:100; }
#content .index .nav_wrap ul.list li a.nav_end { width:289px; }
#content .index .nav_wrap ul.list li a.nav_end:hover { width:287px; }
/* ie compatible */
html.ie6 #content .index .nav_wrap { zoom:1; }
/* end of nav_wrap */

/* wrap1 */
#content .index .wrap1 { margin-bottom:-1px; padding-bottom:20px; }
#content .index .wrap1_center { text-align:center; }
/* end of wrap1 */

/* wrap2 */
#content .index .wrap2 { margin:0 0 25px; }
#content .index .wrap2 h2 { padding-top:32px; text-align:center; border-bottom:1px solid #dbdbdb; }
/* end of wrap2 */

/* wrap3 */
#content .index .wrap3 { padding-bottom:10px; border-bottom:1px solid #eee; overflow:hidden; zoom:1; }
/* end of wrap3 */

/* wrap3 item */
#content .index .wrap3 .item { position:relative; float:left; padding:10px 17px 0; width:160px; }
#content .index .wrap3 .item a.image { display:block; position:relative; margin:0 auto 4px; width:158px; height:158px; border:1px solid #eee; background-position:center center; background-repeat:no-repeat; }
#content .index .wrap3 .item a.used { display:block; position:absolute; top:150px; left:85px; width:90px; height:16px; color:#333; font-size:12px; font-weight:bold; background-color:#fff; z-index:2000; }
#content .index .wrap3 .item a:hover.used { text-decoration:none; }
#content .index .wrap3 .item a.used img { margin-right:2px; vertical-align:middle; }
#content .index .wrap3 .item a.used span {}
#content .index .wrap3 .item li { color:#333; font-size:12px; line-height:15px; overflow:hidden; }
#content .index .wrap3 .item li.thumb { height:164px; }
#content .index .wrap3 .item li.event { margin-bottom:4px; color:#c00; font-weight:bold; line-height:17px; }
#content .index .wrap3 .item li.event img { vertical-align:middle; }
#content .index .wrap3 .item li.name { height:47px; overflow:hidden; word-break:break-all; }
#content .index .wrap3 .item li.name a { display:block; height:44px; color:#666; overflow:hidden; word-break:break-all; }
#content .index .wrap3 .item li.price { padding:8px 0 6px; height:18px; color:#444; font-size:12px; font-weight:bold; text-align:center; border:1px solid #ccc; background:url("/shop/images/ezup_cate_price_bg.gif") repeat-x left top; }
#content .index .wrap3 .item li.price img { padding-right:4px; vertical-align:middle; }
#content .index .wrap3 .item li.button { padding-top:5px; text-align:center; }
/* end of wrap3 item */

/* wrap3 pc */
#content .index .wrap3 .pc { width:208px; }
#content .index .wrap3 .pc a.image { width:196px; height:180px; }
#content .index .wrap3 .pc a.used { top:168px; left:124px; }
#content .index .wrap3 .pc li.thumb { height:186px; }
/* end of wrap3 pc */

/* wrap4 */
#content .index .wrap4 { margin:0 auto; width:1144px; border-bottom:1px solid #dbdbdb; overflow:hidden; zoom:1; }
/* end of wrap4 */

/* wrap4 item */
#content .index .wrap4 hr { clear:left; margin:0; visibility:hidden; }
#content .index .wrap4 ul.item { position:relative; float:left; padding:0 17px 60px; width:252px; zoom:1; }
#content .index .wrap4 ul.item a.image { display:block; position:relative; margin:0 auto 20px; width:220px; height:220px; text-align:center; background-position:center center; background-repeat:no-repeat; overflow:hidden; }
#content .index .wrap4 ul.item li { padding:0 16px; color:#333; font-size:12px; line-height:16px; }
#content .index .wrap4 ul.item li.thumb { padding:0; }
#content .index .wrap4 ul.item li.event { margin-bottom:4px; color:#2581e6; font-weight:bold; }
#content .index .wrap4 ul.item li.event img { vertical-align:middle; }
#content .index .wrap4 ul.item li.name { margin-bottom:4px; word-break:break-all;  }
#content .index .wrap4 ul.item li.name a { color:#000; }
#content .index .wrap4 ul.item li.feature { margin-bottom:4px; height:32px; color:#5f5f5f; word-break:break-all; }
#content .index .wrap4 ul.item li.price { color:#f00; font-size:12px; font-weight:bold; text-align:center; }
#content .index .wrap4 ul.item li.price .info { color:#000; }
#content .index .wrap4 ul.item li.used { margin-top:4px; position:relative; color:#999; font-size:12px; text-align:center; overflow:visible; zoom:1; }
#content .index .wrap4 ul.item li.used a.total { padding-left:13px; color:#f24676; background:url("/event/images/v1309041/icon_review.gif") no-repeat left center; }
#content .index .wrap4 ul.item li.used a.btn_used { display:none; position:absolute; top:16px; left:85px; width:81px; height:20px; background:url("/event/images/v1309041/button/btn_review.gif") no-repeat 0 0; z-index:100; }
#content .index .wrap4 ul.item li.button { display:none; position:absolute; top:185px; left:44px; width:198px; height:35px; }
#content .index .wrap4 ul.item li.button a.btn { display:block; position:absolute; top:0; width:65px; height:35px; background:url("/event/images/v1309041/button/buttons.png") no-repeat 0 0; }
#content .index .wrap4 ul.item li.button a.btn_new { left:0; background-position:0 0; }
#content .index .wrap4 ul.item li.button a:hover.btn_new { background-position:0 -36px; }
#content .index .wrap4 ul.item li.button a.btn_wish { left:65px; width:68px; background-position:-65px 0; }
#content .index .wrap4 ul.item li.button a:hover.btn_wish { background-position:-65px -36px; }
#content .index .wrap4 ul.item li.button a.btn_order { left:133px; background-position:-133px 0; }
#content .index .wrap4 ul.item li.button a:hover.btn_order { background-position:-133px -36px; }
/* ie compatible */
html.ie6 #content .index .wrap4 ul.item li.event,html.ie6 #content .index .wrap4 ul.item li.name,
html.ie7 #content .index .wrap4 ul.item li.event,html.ie7 #content .index .wrap4 ul.item li.name { width:210px; }
html.ie6 #content .index .wrap4 ul.item li.used a.total,
html.ie7 #content .index .wrap4 ul.item li.used a.total,
html.ie8 #content .index .wrap4 ul.item li.used a.total,
html.ie9 #content .index .wrap4 ul.item li.used a.total { background-position:left 0;}
/* end of wrap4 item */

/* wrap4 pc */
#content .index .wrap4 ul.pc { width:1150px; overflow:hidden; zoom:1; }
#content .index .wrap4 ul.pc li.goods { display:block; float:left; width:25%; padding:0 0 10px; }
#content .index .wrap4 ul.pc li.goods div.goods { position:relative; width:230px; margin:0 auto; padding-bottom:10px; font-size:12px; line-height:16px; }
#content .index .wrap4 ul.pc li.goods div.goods .event { margin-bottom:4px; padding:0 5px; color:#2581e6; font-weight:bold; }
#content .index .wrap4 ul.pc li.goods div.goods .event img { vertical-align:middle; }
#content .index .wrap4 ul.pc li.goods div.goods .prefix { margin-bottom:4px; padding:0 4px; color:#000; font-weight:bold; overflow:hidden; }
#content .index .wrap4 ul.pc li.goods div.goods .prefix a { color:#000; }
#content .index .wrap4 ul.pc li.goods div.goods .image { display:block; position:relative; margin:0 auto 4px; width:218px; height:218px; border:1px solid #c7c7c7; overflow:hidden; z-index:1000; }
#content .index .wrap4 ul.pc li.goods div.goods .image a.thumb { position:relative; display:block; height:218px; text-align:center; background-position:center; background-repeat:no-repeat; overflow:hidden; cursor:pointer; }
#content .index .wrap4 ul.pc li.goods div.goods .image a.thumb img { position:absolute; top:-1px; left:-1px; }
#content .index .wrap4 ul.pc li.goods div.goods .best_icon { display:none; position:absolute; right:0; top:0; width:54px; height:54px; z-index:2200; }
#content .index .wrap4 ul.pc li.goods div.goods .button { display:none; position:absolute; top:184px; left:16px; width:198px; height:35px; z-index:1100; }
#content .index .wrap4 ul.pc li.goods div.goods .button a.btn { display:block; position:absolute; top:0; width:65px; height:35px; background:url("/event/images/v1309041/button/buttons.png") no-repeat 0 0; }
#content .index .wrap4 ul.pc li.goods div.goods .button a.btn_new { left:0; background-position:0 0; }
#content .index .wrap4 ul.pc li.goods div.goods .button a:hover.btn_new { background-position:0 -36px; }
#content .index .wrap4 ul.pc li.goods div.goods .button a.btn_wish { left:65px; width:68px; background-position:-65px 0; }
#content .index .wrap4 ul.pc li.goods div.goods .button a:hover.btn_wish { background-position:-65px -36px; }
#content .index .wrap4 ul.pc li.goods div.goods .button a.btn_order { left:133px; background-position:-133px 0; }
#content .index .wrap4 ul.pc li.goods div.goods .button a:hover.btn_order { background-position:-133px -36px; }
#content .index .wrap4 ul.pc li.goods div.goods h4.name { display:block; height:17px; margin:10px 0 0; color:#abaabc; font-size:12px; text-align:center; overflow:hidden; }
#content .index .wrap4 ul.pc li.goods div.goods .price { padding:4px 0 0; color:#f00; font-size:12px; font-weight:bold; text-align:center; }
#content .index .wrap4 ul.pc li.goods div.goods .icons { display:block; margin:10px 0 0; width:auto; height:auto; text-align:center; }
#content .index .wrap4 ul.pc li.goods div.goods span.icon { display:-moz-inline-stack; display:inline-block; position:static; margin-right:4px; vertical-align:top; zoom:1; }
#content .index .wrap4 ul.pc li.goods div.goods span.arrow_icon { width:3px; height:20px; background:url("/pc/images/arrow.gif") no-repeat 0 0; }
#content .index .wrap4 ul.pc li.goods div.goods span.as_icon { width:90px; height:15px; background:url("/pc/images/best_icon_1.gif") no-repeat 0 0; }
#content .index .wrap4 ul.pc li.goods div.goods span.event_icon { width:41px; height:15px; background:url("/pc/images/best_icon_2.gif") no-repeat 0 0; }
#content .index .wrap4 ul.pc li.goods div.goods span.free_icon { width:52px; height:15px; background:url("/pc/images/best_icon_3.gif") no-repeat 0 0; }
#content .index .wrap4 ul.pc li.goods div.goods a.event_text,
#content .index .wrap4 ul.pc li.goods div.goods span.event_text { color:#f00; }
#content .index .wrap4 ul.pc li.goods div.goods ul.parts { display:block; margin:0 6px; }
#content .index .wrap4 ul.pc li.goods div.goods ul.parts li { padding:0; width:220px; height:20px; line-height:20px; color:#888; overflow:hidden; }
#content .index .wrap4 ul.pc li.goods div.goods ul.parts li strong { color:#f31359; }
#content .index .wrap4 ul.pc li.goods div.goods ul.used { display:block; margin:10px 0 0; padding:0; border:1px solid #eaeaea; }
#content .index .wrap4 ul.pc li.goods div.goods ul.used li { margin:0; padding:0 3px; line-height:20px; color:#7c7c7c; font-size:12px; overflow:hidden; }
#content .index .wrap4 ul.pc li.goods div.goods ul.used li a { color:#7c7c7c; }
#content .index .wrap4 ul.pc li.goods div.goods ul.used li.title { margin:0; padding:3px 0 0; background:#f6f6f6; font-weight:bold; text-align:center; border-bottom:1px solid #eaeaea; }
#content .index .wrap4 ul.pc li.goods div.goods ul.used li.title strong { color:#f00; }
/* ie compatible */
html.ie6 #content .index .wrap4 ul.pc li.goods,
html.ie7 #content .index .wrap4 ul.pc li.goods { width:287px; }
html.ie6 #content .index .wrap4 ul.pc li.goods div.goods .event { width:200px; }
html.ie6 #content .index .wrap4 ul.pc li.goods div.goods .prefix a { display:block; width:118px; overflow:hidden; }
html.ie6 #content .index .wrap4 ul.pc li.goods div.goods span.icon,
html.ie7 #content .index .wrap4 ul.pc li.goods div.goods span.icon { display:inline; }
html.ie6 #content .index .wrap4 ul.pc li.goods div.goods span.arrow_icon,
html.ie7 #content .index .wrap4 ul.pc li.goods div.goods span.arrow_icon { background-position:0 -6px; }
html.ie8 #content .index .wrap4 ul.pc li.goods div.goods span.arrow_icon { background-position:0 -2px; }
html.ie9 #content .index .wrap4 ul.pc li.goods div.goods span.arrow_icon { background-position:0 -3px; }
/* end of wrap4 pc */

/* event_reply */
#content .event_reply { margin:0 auto; padding-top:24px; width:1100px; font-size:12px; }
#content .event_reply h2 { padding-bottom:13px; height:13px; line-height:13px; }
#content .event_reply h2 img { vertical-align:middle; }
#content .event_reply h2 span { padding-left:5px; color:#929ba2; font-weight:bold; }
#content .event_reply form#boardWriteForm { position:relative;  width:1100px; height:63px; background:url("/community/board/skins/event_reply/images/box.gif") no-repeat 0 0; }
#content .event_reply form#boardWriteForm a.btn_submit { position:absolute; top:0; right:0; width:67px; height:63px; }
#content .event_reply form#boardWriteForm textarea.reply_textarea { position:absolute; top:2px; left:2px; padding:3px 4px; width:1023px; height:52px; color:#333; border:0 none; overflow-y:scroll; resize:none; }
#content .event_reply form#boardWriteForm textarea.reply_textarea:focus { outline:none; }
#content .reply_place table.reply_list { margin:2px auto 22px; width:1100px; }
#content .reply_place table.reply_list td.padding { height:14px; }
#content .reply_place table.reply_list td.line { padding:0; height:1px; font-size:0; line-height:0; background:url("/community/board/skins/event_reply/images/dot.gif") repeat-x 0 0; }
#content .reply_place table.reply_list td.author { padding:3px 0; color:#929ba2; }
#content .reply_place table.reply_list td.author a { color:#333; font-size:12px; }
#content .reply_place table.reply_list td.author span { color:#dedede; }
#content .reply_place table.reply_list td.contents { padding:3px 0; color:#333; }
/* page */
#content .reply_place .wrapper .page { display:block; margin-bottom:20px; text-align:center; overflow:hidden; zoom:1; }
#content .reply_place .wrapper .page a,
#content .reply_place .wrapper .page span.current,
#content .reply_place .wrapper .page span.tie { display:inline-block; width:28px; height:26px; line-height:24px; color:#999; font-family:malgun gothic, verdana,tahoma,arial,dotum; font-size:12px; font-weight:bold; text-align:center; border:1px solid #fff; zoom:1; /* ff */ display:-moz-inline-stack; }
#content .reply_place .wrapper .page span.tie { width:18px; }
#content .reply_place .wrapper .page a { margin:0 1px; }
#content .reply_place .wrapper .page a:hover { color:#000; text-decoration:none; border:1px solid #ddd; }
#content .reply_place .wrapper .page span.current { color:#000; border:1px solid #ddd; }
/* ie compatible */
html.ie6 #content .reply_place .wrapper .page a,
html.ie7 #content .reply_place .wrapper .page a,
html.ie6 #content .reply_place .wrapper .page span.current,
html.ie7 #content .reply_place .wrapper .page span.current,
html.ie6 #content .reply_place .wrapper .page span.tie,
html.ie7 #content .reply_place .wrapper .page span.tie { display:inline; }
/* end of event_reply */