@charset "euc-kr";

/* BASIC */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select, input, textarea {
	margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

body, input, textarea, select, td { font-size:12px; font-family:µ¸¿ò; color:#000000; }
h1, h2, h3, h4, h5, h6 { font-size:12px; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }

a { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; }

em { font-style:normal; }
 
:focus { outline:0; }
body { line-height:120%; margin:0; }
ol, ul { list-style: none; }

table { margin:0; outline:0; border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html,body { width:100%;height:100%;}

/* swf modal */
.swf_wrap { position:absolute;left:50%;top:744px;z-index:500;margin-left:-468px;width:936px;height:472px;}

/* EVENT */
.event01,
.event02,
.event03 { width:100%; height:100%;}

.wrap { position:relative;width:100%;text-align:center;background:url(img/bg_wrap.jpg) top left repeat-x;overflow:hidden;}
.container { width:100%;height:100%;}
.contents { position:relative; margin:0 auto; width:1056px;min-height:1448px;text-align:left;z-index:2;zoom:1;}
.contents img { vertical-align:top; }

.bg_left { position:absolute; top:0; left:0; margin-left:-528px; width:50%; height:100%;_height:1745px;}
.bg_right { position:absolute; top:0; left:50%; margin-left:-1px; width:50%; height:100%;_height:1745px;}

.event01 .bg_left { background:url(img/bg_left_eventone.jpg) right top no-repeat; }
.event01 .bg_right { background:url(img/bg_right_eventone.jpg) 528px top no-repeat; }
.event02 .bg_left { background:url(img/bg_left_eventtwo.jpg) right top no-repeat; }
.event02 .bg_right { background:url(img/bg_right_eventtwo.jpg) 528px top no-repeat; }
.event03 .bg_left { background:url(img/bg_left_eventthree.jpg) right top no-repeat; }
.event03 .bg_right { background:url(img/bg_right_eventthree.jpg) 528px top no-repeat; }

.ribbon { position:absolute;left:0px;top:43px;width:210px;height:200px;z-index:3;}
.event_is { width:1056px;height:183px;background:url(img/img_pmang7th_head.jpg) top left no-repeat;}
.objHidden { width:0px;height:0px;overflow:hidden;text-indent:-2000px;}

.log_wrap { width:1056px;height:157px;background:url(img/bg_pmang7th_title.jpg) top left no-repeat;}
.log_wrap .before { float:right;width:232px;height:98px;text-align:left;padding-top:59px;}
.before .input_form { position:relative;margin:0px;background:url(img/tit_pmang_login.jpg) 3px 0px no-repeat;padding-top:20px;}
.before .input_form input { padding:3px 0px 0px 4px; width:118px; height:22px;vertical-align:middle;color:#b9aca2;border:0px;font:11px verdana;ime-mode:disable; text-transform: lowercase;}  
.before .input_form .id input { background:url(img/bg_id.jpg) 5px 6px no-repeat transparent;}
.before .input_form .pw input { background:url(img/bg_pwd.jpg) 5px 6px no-repeat transparent;}
.before .input_form .id { position:absolute;left:0px;top:20px;background:url(img/bg_logaccount.jpg) top left no-repeat;}
.before .input_form .pw { position:absolute;left:0px;top:46px;background:url(img/bg_logaccount.jpg) top left no-repeat;}
.before .input_form .btn_login { position:absolute;left:130px;top:10px;}

/* ·Î±×ÀÎÈÄ */
.log_wrap .after { float:right;width:232px;text-align:left;padding-top:59px;}
.after .welcome { position:relative;width:232px;background:url(img/bg_login.jpg) top left no-repeat;text-align:left;}
.after .welcome table { margin-top:10px;}
.after .welcome table td { color:#cabdb0;}
.after .welcome table td b { color:#de8f0a;}
.after .welcome .usertext { width:215px;height:20px;vertical-align:middle;padding:0px;word-break:break-all;word-wrap:break-word;}
.after .welcome .ticket { font-weight:bold;background:url(img/icon_dot01.gif) 0px 5px no-repeat;padding-left:6px;}
.after .welcome .btn_logout { position:absolute;top:52px;left:0px;width:44px;height:19px;}

.tab_pmang7th { width:1056px;height:77px;background:url(img/bg_tabunder.jpg) top left no-repeat;clear:both;}
.tab_pmang7th li { width:352px;height:77px;float:left;overflow:hidden;}
.tab_pmang7th li a {display:block;width:100%;height:100%;text-indent:-2000px;}
.tab_pmang7th .tab1 a { background:url(img/tab01.gif) top left no-repeat;}
.tab_pmang7th .tab2 a { background:url(img/tab02.gif) top left no-repeat;}
.tab_pmang7th .tab3 a { background:url(img/tab03.gif) top left no-repeat;}
.tab_pmang7th a:hover { background-position:0px -77px;}
.tab_pmang7th li.on a { background-position:0px -77px;}

#event1 .game_wrap { position:relative;width:1056px;height:472px;background:url(img/bg_side.gif) top left repeat-y;}
#event1 .gift_wrap { position:relative;width:1056px;height:198px;background:url(img/bg_eventone_03.jpg) top left no-repeat;}
#event1 .gift_wrap .gift1 { position:absolute;left:280px;top:78px;}
#event1 .gift_wrap .gift2 { position:absolute;left:591px;top:78px;}
#event1 .gift_wrap .gift3 { position:absolute;left:882px;top:78px;}

#event2 .mystory { width:1056px;height:321px;background:url(img/bg_eventtwo_03.jpg) top left no-repeat;}
#event2 .mystory .sendstory { display:block;width:139px;height:137px;margin-left:80px;}
#event2 .mystory .sendstory a { display:block;width:100%;height:100%;text-indent:-2000px;}
#event3 .input_wrap { position:relative;width:1056px;height:93px;background:url(img/bg_eventthree_03.jpg) top left no-repeat;}
#event3 .input_wrap .happy { position:absolute;left:95px;top:33px;}
#event3 .input_wrap .happy input { padding:6px 0px 0px 4px; width:788px;height:22px;vertical-align:middle;color:#000;border:0px;font:11px;background:url(img/bg_loginapply.gif) 5px 6px no-repeat transparent;}
#event3 .input_wrap .on input { background:url(img/bg_apply.gif) 8px 6px no-repeat transparent;}
#event3 .input_wrap .apply { position:absolute;left:911px;top:17px;}
#event3 .input_wrap .info_wrap { position:absolute;left:89px;top:65px;width:806px;font-size:11px;color:#f20c0f;letter-spacing:-0.1em;text-align:right;}


#event3 .bbs_wrap { height:374px;background:url(img/bg_side.gif) top left repeat-y;}
.bbs_wrap table { width:938px;border-collapse:collapse;table-layout:fixed;margin:0px auto 0px;border-top:2px solid #46b1c1;background:url(img/bg_btmline.gif) bottom left repeat-x;}
.bbs_wrap td { border-bottom:1px solid #e9e9e9;text-align:center;color:#7e7168;vertical-align:top;padding:6px 0 5px 0}
.bbs_wrap td.date { width:107px;font:10px verdana;letter-spacing:-1px;color:#baaea5;padding-top:8px;text-align:left;padding-left:12px;}
.bbs_wrap td.date .del { vertical-align:bottom;margin-left:8px;}
.bbs_wrap td.writer { width:98px;color:#63b2be;font-weight:bold;padding-left:19px;text-align:left;}
.bbs_wrap td.subject { padding:8px 0 5px 0px;text-align:left;}
.bbs_wrap td.subject p { zoom:1;}
.bbs_wrap td.subject img { vertical-align:middle; }
.bbs_wrap td.subject a { color:#a69578;}
.bbs_wrap td.count { padding:6px 0 6px 0;font:10px verdana; }
.bbs_wrap .notice .no { background:url(../img/bbs/bl_notice.gif) center 12px no-repeat; }
.bbs_wrap .notice td.subject a { font-weight:bold;color:#ff9600; }
.bbs_wrap .file { background:url(../img/bbs/bl_file.gif) 0px 11px no-repeat;padding-left:12px !important;}
.bbs_wrap .nolist { padding:45px 0 42px;text-align:center; }

/* ÆäÀÌ¡ */
.paging { padding:17px 0 0 0;text-align:center; }
.paging a { padding:0 3px;font-size:11px;font-family:verdana;color:#7e7168;vertical-align:middle;display:inline-block; }
.paging strong { padding:0 3px;font-size:11px;font-family:verdana;color:#7e7168;vertical-align:middle;display:inline-block; }
.paging img { vertical-align:1px; }

.footer { position:relative;width:1056px;height:126px;}

/* myStory LayerPOPup */
#myStoryPop { position:absolute;left:50%;top:747px;z-index:500;margin-left:-309px;width:618px;height:329px;background:url(img/bg_mypopup.gif) top left no-repeat;}
#myStoryPop .form { margin:35px 0px 0px 0px;padding-left:31px;}
#myStoryPop .form dt { float:left;width:38px;text-indent:-2000px;margin-bottom:6px;}
#myStoryPop .form dt.tit_sub { background:url(img/tit_subject.gif) left 2px no-repeat;}
#myStoryPop .form dt.tit_content { background:url(img/tit_context.gif) left 2px no-repeat;}
#myStoryPop .form dd { float:left;width:516px;margin-bottom:6px;}
#myStoryPop .mysubject { width:510px;height:16px;border:1px solid #bebebe;padding:3px 0px 0px 3px;}
#myStoryPop .mycontent { width:507px;height:186px;border:1px solid #bebebe;padding:3px;} 
#myStoryPop .myStory_apply { clear:both;text-align:right;padding-right:40px;}


/*TEST*/
#mymy { position:absolute;top:0px;left:0px;border:1px solid red;background:#fff;}
#mymy2 { position:absolute;top:0px;left:60px;border:1px solid red;background:#fff;}


/* pop_result */
.pop_result .container { width:700px; height:700px; }
.pop_result .header { width:100%; height:251px; background:url(img/pop_result_title.jpg) left top no-repeat; }
.pop_result .header h1, .pop_result .header h2, .pop_result .header p { position:absolute; top:-5000px; }
.pop_result .tab { width:100%; height:51px; background:url(img/pop_result_tab.jpg) left -41px no-repeat; }
.pop_result .tab a { position:relative; left:17px; display:block; float:left; width:96px; margin-right:-1px; height:41px; text-indent:-1000px; overflow:hidden; }

@charset "euc-kr";

/* BASIC */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select, input, textarea {
	margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

body, input, textarea, select, td { font-size:12px; font-family:µ¸¿ò; color:#000000; }
h1, h2, h3, h4, h5, h6 { font-size:12px; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }

a { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; }

em { font-style:normal; }
 
:focus { outline:0; }
body { line-height:120%; margin:0; }
ol, ul { list-style: none; }

table { margin:0; outline:0; border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html,body { width:100%;height:100%;}

/* swf modal */
.swf_wrap { position:absolute;left:50%;top:744px;z-index:500;margin-left:-468px;width:936px;height:472px;}

/* EVENT */
.event01,
.event02,
.event03 { width:100%; height:100%;}

.wrap { position:relative;width:100%;text-align:center;background:url(img/bg_wrap.jpg) top left repeat-x;overflow:hidden;}
.container { width:100%;height:100%;}
.contents { position:relative; margin:0 auto; width:1056px;min-height:1448px;text-align:left;z-index:2;zoom:1;}
.contents img { vertical-align:top; }

.bg_left { position:absolute; top:0; left:0; margin-left:-528px; width:50%; height:100%;_height:1745px;}
.bg_right { position:absolute; top:0; left:50%; margin-left:-1px; width:50%; height:100%;_height:1745px;}

.event01 .bg_left { background:url(img/bg_left_eventone.jpg) right top no-repeat; }
.event01 .bg_right { background:url(img/bg_right_eventone.jpg) 528px top no-repeat; }
.event02 .bg_left { background:url(img/bg_left_eventtwo.jpg) right top no-repeat; }
.event02 .bg_right { background:url(img/bg_right_eventtwo.jpg) 528px top no-repeat; }
.event03 .bg_left { background:url(img/bg_left_eventthree.jpg) right top no-repeat; }
.event03 .bg_right { background:url(img/bg_right_eventthree.jpg) 528px top no-repeat; }

.ribbon { position:absolute;left:0px;top:43px;width:210px;height:200px;z-index:3;}
.event_is { width:1056px;height:183px;background:url(img/img_pmang7th_head.jpg) top left no-repeat;}
.objHidden { width:0px;height:0px;overflow:hidden;text-indent:-2000px;}

.log_wrap { width:1056px;height:157px;background:url(img/bg_pmang7th_title.jpg) top left no-repeat;}
.log_wrap .before { float:right;width:232px;height:98px;text-align:left;padding-top:59px;}
.before .input_form { position:relative;margin:0px;background:url(img/tit_pmang_login.jpg) 3px 0px no-repeat;padding-top:20px;}
.before .input_form input { padding:3px 0px 0px 4px; width:118px; height:22px;vertical-align:middle;color:#b9aca2;border:0px;font:11px verdana;ime-mode:disable; text-transform: lowercase;}  
.before .input_form .id input { background:url(img/bg_id.jpg) 5px 6px no-repeat transparent;}
.before .input_form .pw input { background:url(img/bg_pwd.jpg) 5px 6px no-repeat transparent;}
.before .input_form .id { position:absolute;left:0px;top:20px;background:url(img/bg_logaccount.jpg) top left no-repeat;}
.before .input_form .pw { position:absolute;left:0px;top:46px;background:url(img/bg_logaccount.jpg) top left no-repeat;}
.before .input_form .btn_login { position:absolute;left:130px;top:10px;}

/* ·Î±×ÀÎÈÄ */
.log_wrap .after { float:right;width:232px;text-align:left;padding-top:59px;}
.after .welcome { position:relative;width:232px;background:url(img/bg_login.jpg) top left no-repeat;text-align:left;}
.after .welcome table { margin-top:10px;}
.after .welcome table td { color:#cabdb0;}
.after .welcome table td b { color:#de8f0a;}
.after .welcome .usertext { width:215px;height:20px;vertical-align:middle;padding:0px;word-break:break-all;word-wrap:break-word;}
.after .welcome .ticket { font-weight:bold;background:url(img/icon_dot01.gif) 0px 5px no-repeat;padding-left:6px;}
.after .welcome .btn_logout { position:absolute;top:52px;left:0px;width:44px;height:19px;}

.tab_pmang7th { width:1056px;height:77px;background:url(img/bg_tabunder.jpg) top left no-repeat;clear:both;}
.tab_pmang7th li { width:352px;height:77px;float:left;overflow:hidden;}
.tab_pmang7th li a {display:block;width:100%;height:100%;text-indent:-2000px;}
.tab_pmang7th .tab1 a { background:url(img/tab01.gif) top left no-repeat;}
.tab_pmang7th .tab2 a { background:url(img/tab02.gif) top left no-repeat;}
.tab_pmang7th .tab3 a { background:url(img/tab03.gif) top left no-repeat;}
.tab_pmang7th a:hover { background-position:0px -77px;}
.tab_pmang7th li.on a { background-position:0px -77px;}

#event1 .game_wrap { position:relative;width:1056px;height:472px;background:url(img/bg_side.gif) top left repeat-y;}
#event1 .gift_wrap { position:relative;width:1056px;height:198px;background:url(img/bg_eventone_03.jpg) top left no-repeat;}
#event1 .gift_wrap .gift1 { position:absolute;left:280px;top:78px;}
#event1 .gift_wrap .gift2 { position:absolute;left:591px;top:78px;}
#event1 .gift_wrap .gift3 { position:absolute;left:882px;top:78px;}

#event2 .mystory { width:1056px;height:321px;background:url(img/bg_eventtwo_03.jpg) top left no-repeat;}
#event2 .mystory .sendstory { display:block;width:139px;height:137px;margin-left:80px;}
#event2 .mystory .sendstory a { display:block;width:100%;height:100%;text-indent:-2000px;}
#event3 .input_wrap { position:relative;width:1056px;height:93px;background:url(img/bg_eventthree_03.jpg) top left no-repeat;}
#event3 .input_wrap .happy { position:absolute;left:95px;top:33px;}
#event3 .input_wrap .happy input { padding:6px 0px 0px 4px; width:788px;height:22px;vertical-align:middle;color:#000;border:0px;font:11px;background:url(img/bg_loginapply.gif) 5px 6px no-repeat transparent;}
#event3 .input_wrap .on input { background:url(img/bg_apply.gif) 8px 6px no-repeat transparent;}
#event3 .input_wrap .apply { position:absolute;left:911px;top:17px;}
#event3 .input_wrap .info_wrap { position:absolute;left:89px;top:65px;width:806px;font-size:11px;color:#f20c0f;letter-spacing:-0.1em;text-align:right;}


#event3 .bbs_wrap { height:374px;background:url(img/bg_side.gif) top left repeat-y;}
.bbs_wrap table { width:938px;border-collapse:collapse;table-layout:fixed;margin:0px auto 0px;border-top:2px solid #46b1c1;background:url(img/bg_btmline.gif) bottom left repeat-x;}
.bbs_wrap td { border-bottom:1px solid #e9e9e9;text-align:center;color:#7e7168;vertical-align:top;padding:6px 0 5px 0}
.bbs_wrap td.date { width:107px;font:10px verdana;letter-spacing:-1px;color:#baaea5;padding-top:8px;text-align:left;padding-left:12px;}
.bbs_wrap td.date .del { vertical-align:bottom;margin-left:8px;}
.bbs_wrap td.writer { width:98px;color:#63b2be;font-weight:bold;padding-left:19px;text-align:left;}
.bbs_wrap td.subject { padding:8px 0 5px 0px;text-align:left;}
.bbs_wrap td.subject p { zoom:1;}
.bbs_wrap td.subject img { vertical-align:middle; }
.bbs_wrap td.subject a { color:#a69578;}
.bbs_wrap td.count { padding:6px 0 6px 0;font:10px verdana; }
.bbs_wrap .notice .no { background:url(../img/bbs/bl_notice.gif) center 12px no-repeat; }
.bbs_wrap .notice td.subject a { font-weight:bold;color:#ff9600; }
.bbs_wrap .file { background:url(../img/bbs/bl_file.gif) 0px 11px no-repeat;padding-left:12px !important;}
.bbs_wrap .nolist { padding:45px 0 42px;text-align:center; }

/* ÆäÀÌ¡ */
.paging { padding:17px 0 0 0;text-align:center; }
.paging a { padding:0 3px;font-size:11px;font-family:verdana;color:#7e7168;vertical-align:middle;display:inline-block; }
.paging strong { padding:0 3px;font-size:11px;font-family:verdana;color:#7e7168;vertical-align:middle;display:inline-block; }
.paging img { vertical-align:1px; }

.footer { position:relative;width:1056px;height:126px;}

/* myStory LayerPOPup */
#myStoryPop { position:absolute;left:50%;top:747px;z-index:500;margin-left:-309px;width:618px;height:329px;background:url(img/bg_mypopup.gif) top left no-repeat;}
#myStoryPop .form { margin:35px 0px 0px 0px;padding-left:31px;}
#myStoryPop .form dt { float:left;width:38px;text-indent:-2000px;margin-bottom:6px;}
#myStoryPop .form dt.tit_sub { background:url(img/tit_subject.gif) left 2px no-repeat;}
#myStoryPop .form dt.tit_content { background:url(img/tit_context.gif) left 2px no-repeat;}
#myStoryPop .form dd { float:left;width:516px;margin-bottom:6px;}
#myStoryPop .mysubject { width:510px;height:16px;border:1px solid #bebebe;padding:3px 0px 0px 3px;}
#myStoryPop .mycontent { width:507px;height:186px;border:1px solid #bebebe;padding:3px;} 
#myStoryPop .myStory_apply { clear:both;text-align:right;padding-right:40px;}


/*TEST*/
#mymy { position:absolute;top:0px;left:0px;border:1px solid red;background:#fff;}
#mymy2 { position:absolute;top:0px;left:60px;border:1px solid red;background:#fff;}


/* pop_result */
.pop_result .container { position:relative; width:700px; height:720px; overflow:hidden; background:url(img/pop_result_box.jpg) left 302px no-repeat;  }
.pop_result .header { width:100%; height:251px; background:url(img/pop_result_title.jpg) left top no-repeat; }
.pop_result .header h1, .pop_result .header h2, .pop_result .header p { position:absolute; top:-5000px; }
.pop_result .tab { width:100%; height:51px; background:url(img/pop_result_tab.jpg) left -41px no-repeat; }
.pop_result .tab a { position:relative; left:17px; display:block; float:left; width:96px; margin-right:-1px; height:41px; text-indent:-1000px; overflow:hidden; }
.pop_result .tab a.on { z-index:2; border-left:1px solid #000; _width:97px; margin-left:-1px; }
.pop_result .tab .tab1.on { background:url(img/pop_result_tab.jpg) -17px top; }
.pop_result .tab .tab2.on { background:url(img/pop_result_tab.jpg) -113px top; }
.pop_result .tab .tab3.on { background:url(img/pop_result_tab.jpg) -209px top; }
.pop_result .tab .tab4.on { background:url(img/pop_result_tab.jpg) -305px top; }
.pop_result .tab .tab5.on { background:url(img/pop_result_tab.jpg) -401px top; }
.pop_result .tab .tab6.on { background:url(img/pop_result_tab.jpg) -497px top; }
.pop_result .tab .tab7.on { background:url(img/pop_result_tab.jpg) -583px top; }
.pop_result .contents { position:relative; margin:0 0 60px 51px; padding:0 20px 0 0; width:590px; height:340px; min-height:auto; line-height:1.3; color:#696664; overflow:auto; }
.pop_result .contents h3 { display:block; margin:20px 0; }
.pop_result .contents p { margin-bottom:16px; }
.pop_result .btn_close { z-index:10; position:absolute; bottom:25px; left:324px; background:url(img/blank.gif) repeat;  }
.pop_result .btn_close img { position:relative; z-index:11; }
.pop_result .none { padding:160px 0 0 0; text-align:center; }