/************************************************************************ * 파일명 : event.css * 설명 : 이벤트 css * 관리자 : dalrae@ktmusic.co.kr ************************************************************************/ /* snb */ .snbBox .giftEvent {width:135px; margin:0 0 5px 13px; overflow:hidden} .snbBox .giftEvent li {float:left; margin-bottom:10px; padding-right:10px;; letter-spacing:-0.1em} /* 이벤트 상단 */ .event_top {width:745px;} .event_top .flash_event_banner {float:left} .event_top .banner_area {float:right} /* 이벤트 메인 변경 091116 */ .eventLIstTitleBox {height:33px;margin-top:16px;border-top:1px solid #c4cfcd;border-bottom:1px solid #e7e9e9;} .eventLIstTitleBox .eventLIstTitle {float:left;padding:11px 0 0 14px;font:bold 12px 돋움;color:#617979;background:url('http://image.dosirak.com/Images/Event/list_jum.gif') no-repeat 6px 13px;} .eventLIstTitleBox .selectA {float:right;padding:6px 5px 0 0;} .eventMainBanner_list {clear:both;width:745px;} .eventMainBanner_list li {position:relative;float:left;width:228px;height:155px;padding-right:30px;margin-top:20px;} .eventMainBanner_list li.Right {padding-right:0;} .eventMainBanner_list li dt {position:absolute;left:0;top:80px;width:224px;height:33px;padding-left:4px;font:bold 12px 돋움;color:#3b5353;border-bottom:1px solid #e1e7e6;} .eventMainBanner_list li dt a {color:#3b5353;} .eventMainBanner_list li dd .eventSum {position:absolute;left:0;top:0;} .eventMainBanner_list li dd .date {position:absolute;left:0;top:121px;font:normal 11px 돋움;color:#12a1a1;} .eventMainBanner_list li dd .date img {vertical-align:middle;} .eventMainBanner_list li dd .luckyday {position:absolute;left:0;top:136px;font:normal 11px 돋움;color:#12a1a1;} .eventMainBanner_list li dd .luckyday img {vertical-align:middle;} .eventMainBanner_list li dd .luckyBtn {position:absolute;left:170px;top:134px;} .eventMainBanner_list li.NoneEvent {clear:both;width:745px;height:auto;padding:0 0 7px 0;text-align:center;font:bold 12px 돋움;color:#3b5353;border-bottom:1px solid #e1e7e6;} /* 이벤트 배너 리스트 */ .eventBanner_list {width:745px; border-bottom:1px solid #DBE4E4; overflow:auto; overflow:hidden} .eventBanner_list li {float:left; width:228px; height:180px; padding:0 10px; display:inline;} .eventBanner_list dl {} .eventBanner_list dl dt {width:228px; margin:10px 0 3px; color:#617979; font-weight:bold; line-height:120%} .eventBanner_list dl dd.date {position:relative; width:228px; font:normal 11px 돋움; line-height:150%} .eventBanner_list dl dd .btnA {position:absolute; right:0; bottom:0;} .eventBanner_list.noline {border-bottom:0px;} /* 이벤트 당첨자 발표 리스트 */ .eventList .board_list .no {width:60px} .eventList .board_list .name {text-align:left;} .eventList .board_list .eventTitle {text-align:left;width:270px;} .eventList .board_list .regDate {width:80px;} .eventList .board_list .period {width:160px;} .eventList .board_list .ContentsBox {width:590px;background:#f8f8f8;text-align:left;padding:15px 20px 15px 90px;border-top:1px solid #e8ecec;} /* 결과 */ .noEvent {padding:20px 0;} /* younha event reply */ .yunhareply_wrap {} .yunhareply_wrap .box_white745_top {background:url('http://image.dosirak.com/Images/Commons/box_white448_top.gif') no-repeat 0 top;} .yunhareply_wrap .box_white745_btm {width:430px; padding:13px 16px 10px; background:url('http://image.dosirak.com/Images/Commons/box_white448_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .yunhareply_wrap .box_white745_mid {background:url('http://image.dosirak.com/Images/Commons/box_white448_mid.gif') repeat-y;} .yunhareply_wrap textarea {width:400px; height:30px; margin-top:5px; background:#f8f8f8; border-top:1px solid #c3cece; border-left:1px solid #c3cece; border-right:1px solid #eaeeee; border-bottom:1px solid #eaeeee; color:#b3bfbd; font:normal 11px 돋움; vertical-align:middle; overflow:auto;} .yunhareply_wrap textarea.onClick {background:#FFFFFF; color:#839894;} .yunhareply_wrap .song_con {float:left; margin-top:14px; padding-left:15px; color:#7a8d8d; font:normal 11px 돋움;} .yunhareply_wrap .btn_right {float:right; padding:10px 10px 0 0;} .yunhareply_wrap .pageBG {width:395px; margin:0 auto} .yunhareply_wrap .emo_list {} .yunhareply_wrap .emo_list li {float:left; width:28px; margin:0 1px; text-align:center;} .yunhareply_wrap .emo_list li label span {display:none} .yunhareply_wrap .reply_list {width:395px; margin:10px auto 0;} .yunhareply_wrap .reply_list .reply_title {position:relative; width:389px; padding-left:6px; padding-bottom:3px; border-bottom:1px solid #dbe4e4; font:normal 11px 돋움;} .yunhareply_wrap .reply_list .reply_title .btnA img {margin-right:-2px; vertical-align:middle} .yunhareply_wrap .reply_list .reply_title .dateA {position:absolute; top:10px; right:10px; color:#B9C3C2} .yunhareply_wrap .reply_list .reply_con {width:395px; margin-top:4px; padding:0 0 15px 0;} .yunhareply_wrap .reply_list .reply_con .reply_msg {width:395px; padding-top:5px; overflow:auto; overflow:hidden} .yunhareply_wrap .reply_list .reply_con .msgA {float:left; width:314px; padding-left:10px; font:normal 11px 돋움} .yunhareply_wrap .reply_list .reply_con .btnA {float:right; margin-right:9px; display:inline} .yunhareply_wrap .reply_list .reply_con .song_box {position:relative; width:390px; height:20px; margin-bottom:5px; padding:8px 0 0 10px; font:normal 11px 돋움; color:#C9D1D1; background:url('http://image.dosirak.com/Images/Commons/bg_songBox.gif') no-repeat 0 0} .yunhareply_wrap .reply_list .reply_con .song_box .btnA {position:absolute; top:4px; right:1px;} .yunhareply_wrap .reply_list .reply_con .song_box .reply_conOver310 {float:left;width:170px;padding-right:10px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;} .yunhareply_wrap .reply_list .reply_con .song_box .reply_conOver310 img {vertical-align:top;} .yunhareply_wrap .reply_box {margin-top:15px; padding:10px 15px; background:#F5F7F7} .yunhareply_wrap .reply_box .regA {width:380px; overflow:auto; overflow:hidden} .yunhareply_wrap .reply_box .regA textarea {width:300px; height:13px; margin:0 3px 0 0} .yunhareply_wrap .reply_box .regA .fl_right {margin-top:2px} :root .reply_box .fl_right {margin:0} .yunhareply_wrap .reply_box .reply_ul {} :root .reply_box .reply_ul {margin-top:-5px} .yunhareply_wrap .reply_box .reply_ul li {width:310px; overflow:auto; overflow:hidden; font:normal 11px 돋움; margin-top:5px;} :root .reply_box .reply_ul li {margin-top:10px;} .yunhareply_wrap .reply_box .reply_ul li .reList_id {float:left; width:85px; color:#7A8D8D} .yunhareply_wrap .reply_box .reply_ul li .reList_con {float:left} /* 뉴도시락 이용안내 페이지 */ .OpenInfoWrap {width:960px;margin:0 auto;} .OpenInfoWrap dl.header {height:63px;} .OpenInfoWrap dl.header dt {float:left;padding:26px 0 0 20px;} .OpenInfoWrap dl.header dd {float:right;padding:35px 5px 0 0;} .OpenInfoWrap .containerWrap {border-left:4px solid #efefef;border-right:4px solid #efefef;padding:0 41px;} .OpenInfoWrap .titleTab {clear:both;} .OpenInfoWrap .titleTab li {float:left;font-size:0;line-height:0;} .OpenInfoWrap h1 {clear:both;padding:0;margin:0;} .OpenInfoWrap .ImgArae {width:734px;margin:0 auto;} /* 뉴도시락 이용안내 tab */ .OpenInfoWrap .naviTab {clear:both;height:36px;padding-left:48px;background:url('http://image.dosirak.com/Images/Event/new_info_navi_bg.gif') no-repeat;} .OpenInfoWrap .naviTab li {float:left;font-size:0;line-height:0;padding-right:1px;} .OpenInfoWrap .naviTab li.two {padding-left:95px;} .OpenInfoWrap .naviTab li.three {padding-left:47px;} .OpenInfoWrap .naviTab li a {} .OpenInfoWrap .naviTab li a:link, .tab li a:visited, .tab li a:hover, .tab li a:active {} .OpenInfoWrap .naviTab li.on {} .OpenInfoWrap .naviTab li.on a {} .OpenInfoWrap .naviTab li.on a.rollover img {display:none;} .OpenInfoWrap .naviTab li.on a.rollover img.over {display:none;} .OpenInfoWrap .naviTab li.on a.rollover img.on {display:inline;} .OpenInfoWrap .naviTab li.on a.rollover:hover img {display:none;} .OpenInfoWrap .naviTab li.on a.rollover:hover img.over {display:none;} .OpenInfoWrap .naviTab li.on a.rollover:hover img.on {display:inline;}