/* CSS Document for Photo renewal event */

/* Àý´ë°æ·Î - http://image.chosun.com/photo/event/ */

/*Reset*/
* { margin:0; padding:0; }
html, body { width:100%; height:100%; }
body { background-color:#fff; *word-break:break-all;
-ms-word-break:break-all; }
body, input, button { color:#333; font:normal 12px/17px '±¼¸²', Gulim, 'µ¸¿ò', Dotum, AppleGothic, Sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:12px; text-align:left; }
img, fieldset, iframe { border:0 none; }
li { list-style:none; }
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; }
a:visited { color:#888; }
a, a:active, a:focus {outline:none!important;}
:active, :focus { outline: none; -moz-outline-style: none; border: none; }
a:active, a:focus {
   outline:  none;
   ie-dummy: expression(this.hideFocus=true);
}
em, address { font-style:normal; }
input, select { vertical-align:middle; }
button, label { cursor:pointer; _cursor /**/:hand; }
hr, legend, caption { display:none; }
select { height:20px; }
@media print {
body { color:#000; }
}
/* Common */
.link { cursor:pointer; }
.ls { letter-spacing:-1px; }
.b { font-weight:bold; }
.u { text-decoration:underline; }
.pr { position:relative; }
.pa { position:absolute; }
.c { clear:both; }
.fl { float:left; }
.fr { float:right; }
.al { text-align:left; }
.ar { text-align:right; }
.ac { text-align:center; }
.aj { text-align:justify; }
.at { vertical-align:top; }
.am { vertical-align:middle; }
.ab { vertical-align:bottom; }
.hide { display:none; }
.show { display:block; }
.noBg { background:none !important; }
.noBgImg { background-image:none !important; }
.noBorder { border:0 none !important; }
.trans { background-color:transparent; }
.blind { position:absolute; display:block; overflow:hidden; left:0; top:-5000px; }
.tblFixed { table-layout:fixed; }
.txtBlock { display:inline-block; }
/* Layout Selector */
#secHeader { position:relative; width:970px; clear:both; margin:0 auto; padding-top:4px; z-index:1; }
#secHeader a:visited { color:#333; }
#container { margin-top:0;}

#wrap {}
#content { width: 970px; margin: 0 auto;}

/* envent page 1*/
#ev_top_01 { background: url(http://image.chosun.com/photo/event/ev_top_01.jpg) no-repeat center top; height: 517px; width: 970px; position: relative; }
#ev_top_01 .goevent { left:842px; top:30px; position: absolute; display:block; width:84px; height:84px; }
#ev_top_01 .goinfo { left:692px; top:249px; position: absolute; display:block; width:176px; height:47px; }
#ev_bot_01 { background: url(http://image.chosun.com/photo/event/ev_bot_01.jpg) no-repeat center top; height: 94px; width: 970px; position: relative; }
#ev_bot_01 .mem_info { left:827px; top:50px; position: absolute; display:block; width:63px; height:21px; }

/* event page 2*/
#ev_top_02 { background: url(http://image.chosun.com/photo/event/ev_top_02.jpg) no-repeat center top; height: 615px; width: 970px; position: relative; }
#ev_top_02 .goevent { left:842px; top:40px; position: absolute; display:block; width:84px; height:84px; }
#ev_top_02 .goinfo { left:695px; top:252px; position: absolute; display:block; width:176px; height:47px; }
#ev_top_02 .gowrite { left:343px; top:545px; position: absolute; display:block; width:286px; height:48px; }
#ev_bot_02 { background: url(http://image.chosun.com/photo/event/ev_bot_02.jpg) no-repeat center top; height: 61px; width: 970px; position: relative; }
#ev_bot_02 .mem_info { left:835px; top:10px; position: absolute; display:block; width:83px; height:24px; }

#ev_top_01 span, #ev_bot_01 span, #ev_top_02 span, #ev_bot_02 span { display: none;}


#quiz { position:relative; background: url(http://image.chosun.com/photo/event/ev_day_bg.jpg) no-repeat; height: 502px; width: 870px; padding-right: 50px; padding-left: 50px; }
#quiz ul { height: 502px; width: 870px; background: url(http://image.chosun.com/photo/event/ev_ul_bg.png) no-repeat center center; position: relative; }
#quiz ul li { position: absolute; background: url(http://image.chosun.com/photo/event/ev_day_def.png) no-repeat 0px 0px; width: 113px; height:128px; overflow: hidden; }
#quiz ul li.current { position: absolute; background: url(http://image.chosun.com/photo/event/ev_day_cur.png) no-repeat 0px 0px; width: 106px; height:128px; }
#quiz ul li.daygift { position: absolute; background: url(http://image.chosun.com/photo/event/ev_day_gift.png) no-repeat 0px 0px; width: 106px; height:140px; }
#quiz ul li span { display:none;}
#quiz ul li.today { background: url(http://image.chosun.com/photo/event/day_blue.png) no-repeat 0px 0px; }
#quiz ul li a.days { display:block; width: 106px; height:128px; background: }
#quiz ul li.d0508 { left: 34px; top: 93px; background-position: -85px -72px; }
#quiz ul li.d0509 { left: 150px; top: 105px; background-position: -197px -90px; }
#quiz ul li.d0510 { left: 263px; top: 118px; background-position: -330px -80px; width: 95px; }
#quiz ul li.d0511 { left: 391px; top: 113px; background-position: -415px -78px; }
#quiz ul li.d0512 { left: 493px; top: 103px; background-position: -555px -80px; }
#quiz ul li.d0513 { left: 615px; top: 106px; background-position: -665px -81px; }
#quiz ul li.d0514 { left: 729px; top: 126px; background-position: -780px -90px; }
#quiz ul li.d0515 { left: 728px; top: 326px; background-position: -765px -300px; }
#quiz ul li.d0516 { left: 611px; top: 328px; background-position: -657px -310px; }
#quiz ul li.d0517 { left: 506px; top: 344px; background-position: -525px -290px; }
#quiz ul li.d0518 { left: 381px; top: 334px; background-position: -435px -308px; width:95px; }
#quiz ul li.d0519 { left: 270px; top: 317px; background-position: -300px -293px; }
#quiz ul li.d0520 { left: 148px; top: 319px; background-position: -195px -300px; }
#quiz ul li.d0521 { left: 40px; top: 326px; background-position: -86px -285px; }

#quiz ul li.bubble { width: 121px; height:107px;}
li.bubble.b0508 { left: 87px; top: 17px; }
li.bubble.b0509 { left: 204px; top: 31px; }
li.bubble.b0510 { left: 300px; top: 41px; }
li.bubble.b0511 { left: 400px; top: 20px; }
li.bubble.b0512 { left: 520px; top: 21px; }
li.bubble.b0513 { left: 660px; top: 38px; }
li.bubble.b0514 { left: 770px; top: 41px; }
li.bubble.b0515 { left: 770px; top: 250px; }
li.bubble.b0516 { left: 630px; top: 244px; }
li.bubble.b0517 { left: 530px; top: 260px; }
li.bubble.b0518 { left: 420px; top: 250px; }
li.bubble.b0519 { left: 321px; top: 247px; }
li.bubble.b0520 { left: 183px; top: 246px; }
li.bubble.b0521 { left: 69px; top: 247px; }

.overlay { display:none; z-index: 10000; width: 494px; height: 370px; position:absolute!important; top:64px!important; left: 50%!important; background: url(http://image.chosun.com/photo/event/ev_pop_bg.png) no-repeat center top; margin-left: -259px; padding: 11px 12px 12px; }
.overlay .close { background: url(http://image.chosun.com/photo/event/ev_close.png) no-repeat center center; height: 11px; width: 12px; position: absolute; top: 17px; right: 22px; cursor: pointer; }
.overlay h3 { height:60px; text-align:center; }
.overlay h3 span { display:none;}
.overlay h4 { background: url(http://image.chosun.com/photo/event/ev_q_bg.png) no-repeat left top; padding-left: 45px; font: bold 16px/1.3em "µ¸¿ò", Dotum; color: #000; margin: 20px 56px 30px; min-height:40px; }
.overlay h4.msg { background:none; padding: 0; font: bold 16px/1.8em "µ¸¿ò", Dotum; color: #000; margin: 58px 56px 40px; text-align: center; }
.overlay h4.msg img { margin-top:25px;}
.overlay .selbox { margin-left: 100px;}
.overlay .selbox p { margin-bottom: 10px; font: bold 14px "µ¸¿ò", Dotum; color: #666; }
.overlay .gift { text-align:center;}
.overlay .buttons { width: 494px; text-align: center; position:absolute; padding-bottom:18px; bottom: 18px;}
.overlay .pp { background: url(http://image.chosun.com/photo/event/ev_msg4_bg.png) no-repeat; margin: 0px auto; height: 53px; width: 334px; overflow: hidden; }
.overlay .pp p { width:167px; float:left; text-align:center; padding-top: 12px;}

#bbs { background: url(http://image.chosun.com/photo/event/ev_bbs_bg.png) repeat-y left top; width: 848px; padding: 20px 61px 10px; }