@charset "UTF-8";

/* Reset */
.social_campaign div, .social_campaign span, .social_campaign a, .social_campaign img,
.social_campaign h1, .social_campaign h2, .social_campaign h3, .social_campaign h4, .social_campaign h5, .social_campaign h6, .social_campaign p,
.social_campaign dl, .social_campaign dt, .social_campaign dd, .social_campaign ol, .social_campaign ul, .social_campaign li
{margin: 0; padding: 0; border: 0; font-family: "Dotum",sans-serif;}

.social_campaign ul, .social_campaign li, .social_campaign ol {list-style: none;}


/* 공통 */
.hide {position:absolute; top: -3000px; width: 0; height:0; visibility: hidden; font-size: 0;}
.del {display:none;}

.floL {float:left;}
.floR {float:right !important;}

.mt1 {margin-top: 1px !important;}
.mt13 {margin-top: 13px !important;}

.pr5 {padding-right: 5px !important;}

.social_campaign {position: relative; width: 750px;}

.campaign_top {height: 44px;}

.campaign_box {position: relative; width: 750px;}
.campaign_img1 {width: 750px; position: relative;}
.campaign_img1 h5 {position:absolute; top: -3000px; width: 0; height:0; visibility: hidden; font-size: 0;}
.campaign_img1 p {position:absolute; top: -3000px; width: 0; height:0; visibility: hidden; font-size: 0;}
.campaign_img1 dl {position:absolute; top: -3000px; width: 0; height:0; visibility: hidden; font-size: 0;}
.campaign_img1 .absolute {position: absolute;}
.campaign_img1 strong {color: #980402;}

.campaign_img2 {width: 750px; height: 357px;}
.campaign_img2 dt {position:absolute; top: -3000px; width: 0; height:0; visibility: hidden; font-size: 0;}
.campaign_img2 p {position:absolute; top: -3000px; width: 0; height:0; visibility: hidden; font-size: 0;}
.campaign_img2 li {position: relative;}
.campaign_img2 dd.btn_vote {position: absolute; left: 41px; top: 205px;}
.campaign_img2 dd.btn_sns {position: absolute; left: 251px; top: 205px;}
.campaign_img2 dd.btn_sns li {float: left; padding-right: 6px;}

.campaign_count {width: 328px; position: absolute; font-size: 12px; line-height: 120%;}
.campaign_count dt {position:absolute; top: -3000px; width: 0; height:0; visibility: hidden; font-size: 0;}
.campaign_count dl.count {width: 273px; height: 53px; padding: 16px 20px 0 0;}
.campaign_count dl.count dd {color: #fff; font-family:'NanumGothicB'; font-size: 34px; text-align: right;}
.campaign_count dl.count dd.count_time {font-size: 14px !important; padding: 15px 2px 0 0;}

.campaign_count dl.divide1 {float: left; width: 283px; height: 28px; background: url(/Content/Images/Donation/bg_social_text1.gif) no-repeat 0 0; padding: 12px 10px 0 0; line-height: 120%; color: #666;}
.campaign_count dl.divide1 dd {font-family:'NanumGothicB'; font-size: 13px; text-align: right;}
.campaign_count dl.divide1 dd span {font-family:'NanumGothicB'; font-size: 24px; color: #444;}
.campaign_count dl.divide1 dd strong {font-family:'NanumGothicB'; color: #444;}

.campaign_count dl.award {float: left; width: 283px; height: 28px; background: url(/Content/Images/Donation/bg_social_text2.gif) no-repeat 0 0; padding: 12px 10px 0 0; line-height: 120%; color: #666;}
.campaign_count dl.award dd {font-family:'NanumGothicB'; font-size: 13px; text-align: right;}
.campaign_count dl.award dd span {font-family:'NanumGothicB'; font-size: 24px; color: #444;}
.campaign_count dl.award dd strong {font-family:'NanumGothicB'; color: #444;}

.campaign_count dl.donator2 {float: left; width: 283px; height: 28px; background: url(/Content/Images/Donation/bg_social_text3.gif) no-repeat 0 0; padding: 12px 10px 0 0; line-height: 120%; color: #666;}
.campaign_count dl.donator2 dd {font-family:'NanumGothicB'; font-size: 13px; text-align: right;}
.campaign_count dl.donator2 dd span {font-family:'NanumGothicB'; font-size: 24px; color: #444;}
.campaign_count dl.donator2 dd strong {font-family:'NanumGothicB'; color: #444;}

.campaign_count dl.divide2 {float: left; width: 283px; height: 28px; background: url(/Content/Images/Donation/bg_social_text4.gif) no-repeat 0 0; padding: 12px 10px 0 0; line-height: 120%; color: #666;}
.campaign_count dl.divide2 dd {font-family:'NanumGothicB'; font-size: 13px; text-align: right;}
.campaign_count dl.divide2 dd span {font-family:'NanumGothicB'; font-size: 24px; color: #444;}
.campaign_count dl.divide2 dd strong {font-family:'NanumGothicB'; color: #444;}

.campaign_count li {float: left; position: relative;}
.campaign_count li span.icon {position: absolute; right: -34px; top: 12px;}

.campaign_txt {background: url(../Images/Common/bu_arrow.gif) no-repeat 0 4px; margin: 18px 0 38px 0 !important; padding-left: 10px !important; line-height: 18px; font-size: 12px;}
.campaign_txt span {color: #507ad1; font-weight: bold;}

/*2012.12.20 */
.campaign_play {width: 730px; height: 687px; border: 10px solid #262626 !important; position: absolute; left: 0; top: 45px; background: #fff; z-index: 2;}
.campaign_play div.play {width: 730px; height: 487px;}

.campaign_play div.play_text {height: 160px; overflow-y: scroll; padding: 20px; font-size: 12px; color: #666;}
.campaign_play div.close {position: absolute; right: -22px; top: -18px;}