/*** 전체 ***/
@import url(common.css);

/*VisualArea*/
.visualArea
{
    position:absolute;
    width:100%;
    height:280px;
    left:0;
    background: url(../images/main/bg_promotionArea.gif) repeat-x 0 0;
}
.visualwarp {width:1000px;margin:auto;}
.Banner_Left {float:left;}
.Banner_Rolling 
{
    float:left;
    position: relative; 
    width: 520px; 
    height: 280px;
}
.Banner_Zone
{
    cursor: move; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    width: 520px; 
    height: 280px;
    overflow: hidden;
}

/*Ranking*/
.RankingArea 
{
    float:left;
    width:190px;
    height:235px;
    padding:45px 25px 0 25px;
    background: url(../images/main/bg_rankingBox.gif) no-repeat 0 0;
}
.RankingArea h2 {font-size:13px;color:#3c4452;letter-spacing:-1px;padding-bottom:20px;background: url(../images/main/ico_ranking.png) no-repeat 100% 0;}
.RankingArea h2 em {font-style:normal;color:#317e87;font-weight:normal;}
.RankingArea li
{
    border-bottom:solid 1px #a6ac31;
    line-height:24px;
    height:24px;
    font-size:11px;
    .margin:-3px 0;
}
.RankingArea li strong {float:left;color:#fc2700;display:block;padding-right:12px;}
.RankingArea li span {float:left;color:#fff;display:block;}
.RankingArea li em {float:right;font-style:normal;display:block;}


/***ContentsArea***/
.contentsArea {margin-top:280px;}

/*블로그알바추천*/
.recommend_blog {float:left;padding-bottom:20px;.padding-bottom:0;/*IE 7*/}
.recommend_blog titleA {padding-top:10px;}
.recommend_blog h2 {background: url(../images/main/ico_blog.gif) no-repeat 5px 50%;}

.titleA {height:60px;line-height:60px;}
.titleA h2
{
    float:left;
    font-size:15px;
    padding:0 12px 0 35px;
    color:#000;
}
.titleA p {display:inline;font-size:11px;padding-right:10px;background: url(../images/main/bg_more.png) no-repeat 100% 50%}
.titleA p a {color:#959599;}
/*리스트*/
.listA {float:left;}
.listA li
{
    float:left;
    width:200px;
    height:250px;
    .width:129px;/*IE 7*/
    .height:210px;/*IE 7*/
    box-sizing:border-box;
    border:solid 1px #d2d2d2;
    margin-left:-1px;
    margin-bottom:-1px;
    padding:20px 35px;
}
.location {height:12px;line-height:12px;letter-spacing:-1px;color:#00a0d2;padding-left:15px;background:url(../images/main/ico_zone.png) no-repeat 0 0;}
.location_none {height:12px;line-height:12px;letter-spacing:-1px;color:#00a0d2;padding-left:15px;}
.Thumnail {margin:10px 0 15px 0;}
.listTitle {font-size:13px;letter-spacing:-1px;padding-bottom:10px;}
.listText {color:#646468;}
.listText span img {vertical-align:middle;}

/*초보자가이드*/
.beginnerGuide
{
    clear:both;
    width:1230px;
    height:87px;
    .height:85px;/*IE 7*/
    box-sizing:border-box;
    border:solid 1px #d2d2d2;
    background: url(../images/main/bg_guideBox.gif) no-repeat 0 0;
    margin: 20px 0;
}
.beginnerGuide h2 {float:left;font-size:20px;color:#fff;padding:20px 40px 0 160px;letter-spacing:-1px;line-height:22px;}
.beginnerGuide h2 strong {color:#000;display:block;}
.beginnerGuide ul {float:left;padding-top:19px;}
.beginnerGuide li 
{
    float:left;
    text-indent:-5000px;
    width:181px;
    height:48px;
    margin-right:15px;
    background-image: url(../images/main/btn_guide.gif);
}
.beginnerGuide li a {display:block;width:100%;height:100%;}
.BlogGuide {background-position:0 0;}
.CPAGuide {background-position:0 -49px;}
.CPSGuide {background-position:0 -98px;}

/*CPA_CPS*/
.CPA_CPS
{
    float:left;
    width:798px;
    box-sizing:border-box;    
    margin-bottom:20px;
    .margin-bottom:0;/*IE 7*/
}
.CPA_CPS .titleA
{
    border:solid 1px #d2d2d2;
    margin:0 2px -1px -1px;
}
*:first-child+html .CPA_CPS .listA li {width:128px;height:210px;}/*IE 7*/

/*신규알바*/
.newAlba
{
    float:right;
    width:197px;
    box-sizing:border-box;
    border:solid 1px #d2d2d2;
    background-color:#eef7e2;
}
.newAlba h2 {font-size:15px;padding:0 20px;height:60px;line-height:60px;border-bottom:solid 1px #d2d2d2;color:#000;}
.listB
{
    padding: 0 20px;
    height:477px;
    .height:501px;/*IE 7*/
}
.listB ul {margin-top:20px;}
.listB li 
{
    padding:15px 0;
    border-top:solid 1px #e3e3e3;
}
.listB li.first {border-top:none;}

/*공지사항부분*/
.noticeArea {clear:both;}

.notice
{
    float:left;
    width:330px;
    height:225px;
    box-sizing:border-box;
    border:solid 1px #d2d2d2;
}
.list { padding: 0 30px;}
.list li {padding: 3px 0 3px 0;letter-spacing:-1px;}
.list li span {}
.list li em {font-size:11px;display:block;font-style:normal;color:#aeaeb9;letter-spacing:normal;text-align:right;height:12px;line-height:12px;margin-top:-12px;}

.FAQ
{
    float:left;
    width:330px;
    height:225px;
    box-sizing:border-box;
    border:solid 1px #d2d2d2;
    margin-left:10px;
}
.inquiry
{
    font-size:13px;
    padding:16px 0 0 60px;
    background: url(../images/main/ico_inquiry.png) no-repeat 35px 15px;
    font-weight:bold;
    letter-spacing:-1px;
}
.inquiry a {color:#2d61de;}
.AD_Center
{
    float:right;
    width:320px;
    .width:274px;/*IE 7*/
    height:225px;
    box-sizing:border-box;
    border:solid 1px #d2d2d2;
    padding:0 20px;
}
.AD_Center h2 {font-size:15px;padding:0 10px;height:70px;line-height:70px;color:#000;}
.AD_Center p {float:left;margin:0 10px;}
.btn_paging {clear:both;text-align:right;padding:25px 20px 0 0;}


/***광고주메인****/
.AD_Area 
{
    position:absolute;
    width:100%;
    height:170px;
    left:0;
    background: url(../images/main/bg_ADArea.gif) repeat-x 0 0;
    border-bottom:solid 2px #2db1da;
}
.ADwarp {width:1000px;margin:auto;}
/*승인대기요청*/
.AD_Stanby 
{
    float:left;
    width:620px;
    .width:610px;/*IE 7*/
    box-sizing:border-box;
    padding:20px 5px 15px 5px;
}
.AD_Stanby .title {width:197px;float:left;}
.AD_Stanby .title h2
{
    text-indent:-6000px;
    height:100px;
    background: url(../images/main/tit_appStanby.gif) no-repeat 8px 50%;
}
.AD_Stanby .title p {font-weight:bold;letter-spacing:-1px;margin-top:6px;}
.stanby_list
{
    float:left;
    width:410px;
    .width:260px;/*IE 7*/
    height:135px;
    padding-left:154px;
    box-sizing:border-box;
    background:#dffcce url(../images/main/bg_stanby.gif) no-repeat 15px 10px;
}
.stanby_list ul {margin-top:20px;}
.stanby_list li {height:31px; line-height:30px;margin-bottom:3px;}
.stanby_list li span {display:inline-block; font-weight:bold; color:#000;}
.stanby_list li .blogtitle {width:95px;text-align:center;background: url(../images/main/bg_stanbyBox.gif) no-repeat 0 0;color:#2d61de;padding-right:20px;}
.stanby_list li .CPAtitle {width:95px;text-align:center;background: url(../images/main/bg_stanbyBox.gif) no-repeat 0 0;color:#f13744;padding-right:20px;}
.stanby_list li .CPStitle {width:95px;text-align:center;background: url(../images/main/bg_stanbyBox.gif) no-repeat 0 0;color:#7c2994;padding-right:20px;}
.stanby_list li strong {display:inline-block;width:55px; text-align:right;}
.stanby_list li strong em {font-style:normal;}
.stanby_list li strong em a {color:#d70000; text-decoration:underline;}

/*문의바로가기*/
.AD_inquiry
{
    float:left;
    width:205px;
    height:135px;
    .width:180px;/*IE 7*/
    .height:121px;/*IE 7*/
    box-sizing:border-box;
    padding:0 0 15px 25px;
    margin-top:20px;
    background: url(../images/main/bg_inquiryTop.gif) no-repeat right bottom;
}
.AD_inquiry h2 {color:#2d61de;font-size:15px;font-weight:bold;letter-spacing:-1px;padding:5px 0 10px 0;}
.AD_inquiry p {color:#7f7f87;letter-spacing:-1px;line-height:16px;}

.link_list {margin-top:10px;}
.link_list p {height:20px;line-height:20px;}
.link_list p a {padding-left:12px; color:#46464c;background: url(../images/main/ico_arrow.gif) no-repeat 0 50%;}
.link_list p a strong {color:#d70000; text-decoration:underline;font-weight:normal;letter-spacing:normal;}

/*성과리포트바로가기*/
.AD_repot
{
    float:right;
    width:175px;
    height:135px;
    .width:149px;/*IE 7*/
    .height:121px;/*IE 7*/
    box-sizing:border-box;
    padding:0 0 15px 25px;
    margin-top:20px;
    background: url(../images/main/bg_repotTop.gif) no-repeat right bottom;
    border-left:solid 1px #e8e8e8;
}
.AD_repot h2 {color:#2d61de;font-size:15px;font-weight:bold;letter-spacing:-1px;padding:5px 0 10px 0;}
.AD_repot p {color:#7f7f87;letter-spacing:-1px;line-height:16px;}

/*****ADContents******/
.ad_contentsArea {margin-top:190px;}

/*새로운광고주*/
.new_advertiser 
{
    float:left;
    width:600px;
    box-sizing:border-box;   
}
.new_advertiser  titleA {padding-top:10px;}
.new_advertiser  h2 {background: url(../images/main/ico_addvertiser.gif) no-repeat 5px 50%;}

/*블로그알바*/
.blogAlba
{
    float:right;
    width:380px;
    .width:360px;/*IE 7*/
    height:130px;
    margin-top:60px;
    padding:0 10px;
    box-sizing:border-box;
    border-top:solid 2px #000;
    color:#94949a;
    background: url(../images/main/bg_bloglink.gif) no-repeat 235px 50%;
}
.blogAlba h2 {padding: 25px 0 10px 0;color:#2d61de;font-size:20px;letter-spacing:-1px;}
.AD_inquiry_link
{
    float:right;
    width:380px;
    .width:360px;/*IE 7*/
    height:120px;
    padding:0 10px;
    box-sizing:border-box;
    border-top:solid 1px #d2d2d2;
    color:#94949a;
    background: url(../images/main/bg_ADinquiryLink.gif) no-repeat 220px 43px;
}
.AD_inquiry_link h2 {padding: 20px 0 10px 0;color:#2d61de;font-size:20px;letter-spacing:-1px;}

/*공지사항*/
.AD_notice 
{
    float:right;
    width:380px;
    height:248px;
    box-sizing:border-box;
    border:solid 1px #d2d2d2;
}