@charset "utf-8";
/* CSS Document */

/* COMMON */
body {margin:0px auto; padding:0; font-family:dotum, gulim; font-size:12px; background:#fff; color:#848484; line-height:150%}
td {font-family:dotum, gulim; font-size:12px; color:#848484; line-height:150%}


input, textarea, select {font-family:dotum, gulim; font-size:12px; background:#fff; color:#848484;}
textarea {border:1px solid #d6d6d6; padding:5px;}
select {height:20px; overflow:hidden}
.inputBox {border:1px solid #d6d6d6; padding:2px 0px 2px 2px;font-size:12px;color:#848484;}


form {margin:0px;}
ul,li,dl,dd,dt,em,p {list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
img,fieldset {border:0 none;}



/* LAYOUT */
.wrap {width: 900px;margin:0px auto;}
.wrapW {width: 900px;margin:0px auto; border:1px solid #FFF;}
.pL {width:590px;float:left;}
.pR {width:262px;float:right;}

.fL {float:left;}
.fR {float:right;}
.tL {text-align:left;}
.tR {text-align:right;}
.tC {text-align:center;}
.clear {clear:both;}

.container {margin:20px 30px 0 30px}


/* GLOBALHEADER */
#globalheader { height: 34px; margin: 0px 0 0 120px; z-index:999; position: relative; top:21px; left:10px; }

#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 108px; height: 0; padding-top: 34px; overflow: hidden; }
#globalheader #globalnav li a { background-image: url(/static/images/tab_nav.png); background-repeat: no-repeat; }

/* TABS */
#globalheader #globalnav li#gn-camp a { background-position: 0 0; }
#globalheader #globalnav li#gn-cs a { background-position: -108px 0; }
#globalheader #globalnav li#gn-ad a { background-position: -216px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-camp a:hover { background-position: 0 -34px; }
#globalheader #globalnav li#gn-cs a:hover { background-position: -108px -34px; }
#globalheader #globalnav li#gn-ad a:hover { background-position: -216px -34px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-camp a:active { background-position: 0 -68px; }
#globalheader #globalnav li#gn-cs a:active { background-position: -108px -68px; }
#globalheader #globalnav li#gn-ad a:active { background-position: -216px -68px; }

/* ON STATES */
#globalheader.camp #globalnav li#gn-camp a{ background-position: 0 -102px !important; }
#globalheader.cs #globalnav li#gn-cs a { background-position: -108px -102px !important; }
#globalheader.ad #globalnav li#gn-ad a { background-position: -216px -102px !important; }


/* HEADER */
#header {background:url(/static/images/bg_crease.png) repeat-x;}
.nav { height:54px; z-index:10;}
h1 a { float: left; width: 110px; height: 0; padding-top: 42px; overflow: hidden;background:url(/static/images/logo_byblog.png) no-repeat; margin:9px 0 0 7px; line-height:100%}
.adv a { float: left; width: 75px; height: 0; padding-top: 15px; overflow: hidden;background:url(/static/images/ttl_adv.png) no-repeat; margin:20px 0 0 15px; line-height:100%}
.admin a { float: left; width: 46px; height: 0; padding-top: 15px; overflow: hidden;background:url(/static/images/ttl_admin.png) no-repeat; margin:20px 0 0 15px; line-height:100%;}
.adminttl { float: left; width: 46px; margin:20px 0 0 15px;}
.advttl { float: left; width: 75px; margin:20px 0 0 15px;}

/* LOGIN */
.login {background:url(/static/images/bg_gnb.png) repeat-x; height:33px; padding:5px 0px 0px 0px;vertical-align:middle;color:#FFF;font-size: 11px; font-family: "dotum", 돋움;}
.login ul {list-style:none;}
.login li {display:inline; vertical-align:middle; margin:0px}
.login .dv { background: url(/static/images/bg_logindevider.png) no-repeat 0 0; padding:0 2px 0 8px;}
.login .checkBox {background:#5fbb10;}

.loginbox { width:70px; border:1px solid #52a10d; color:#52a10d; font-size:12px; font-family:dotum; padding:3px 2px;} 
.login .id { background:#9feb5d url(/static/images/bg_id.gif) no-repeat 2px center;}
.login .pw { background:#9feb5d url(/static/images/bg_pw.gif) no-repeat 2px center;}

.login a { color: #FFF; }
.login a:link, a:visited, a:active { text-decoration: none; }
.login a:hover { text-decoration: underline; }

.btnLogin {font-size: 11px; font-family:"dotum", 돋움; background:#499c00; border: 1px solid #45880b; color: #FFF; height: 20px; padding: 0px 3px;	cursor: pointer;}

.login2 {margin:3px 0px;} /* 로그인 후 상단 margin값 */
.hello {color:#2b5d00; background:url(/static/images/blt_id.gif) no-repeat; padding:0 0 0 15px;}

/* CAMPAIGN */
.progress {width: 890px;margin:0px auto; border:5px solid #6cc81b;}
.progress .ttlBox {border-bottom:0px solid #e2e2e2; background: #f8f8f8 url(/static/images/bg_progress.png); padding:6px 0 0px 0px; height:30px}
.progress .pttl {background:url(/static/images/blt_gballoon.png) no-repeat 10px 1px; padding:1px 0 0 30px; color:#505050; margin:3px 0px}
.progress .pD {margin:10px 12px 0px 12px;}
.progress .imgb {border:1px solid #eaeaea; margin:0 10px;}

.progress .camlist {background: #fff;}
.progress .camlist th {padding:5px 7px; border-bottom:1px solid #f5f5f5; background:#fbfbfb; color:#848484;font-size:12px;}
.progress .camlist td {padding:8px 0px; border-bottom:1px solid #f5f5f5;font-size:12px;}
.progress .camlist tbody tr:hover td {background: #f4fbee;}
.progress .camlist .tnone {background: #fff;padding:3px 0px; border-bottom:0px solid #f5f5f5;}
.progress .camlist tbody tr:hover .tnone {background: #fff;}
.shadow { height:3px; background:url(/static/images/bg_pbtm.png) repeat-x 0px 0px;}
.new {background:url(/static/images/ico_new.gif) no-repeat right center; padding:0 25px 0 0;}
.vline {border-left:1px solid #eaeaea;}


.perBox {width:56px; margin:0 10px;}
.perNumG {font-family:verdana; font-weight:bold; font-size:15px; color:#52a10e; padding:2px 0px; text-align:center;}
.perNumB {font-family:verdana; font-weight:bold; font-size:15px; color:#088ac4; padding:2px 0px; text-align:center;}
.perTxtG {font-family:dotum, 돋움; font-size:11px; color:#FFFFFF; background:url(/static/images/bg_perg.png) no-repeat; text-align:center; padding:2px 0px;}
.perTxtB {font-family:dotum, 돋움; font-size:11px; color:#FFFFFF; background:url(/static/images/bg_perb.png) no-repeat; text-align:center; padding:2px 0px;}


/* POST LIST */
.postlist {background: #fff;}
.postlist th {padding:5px 7px; border-bottom:1px solid #f5f5f5; background:#fbfbfb; color:#848484;font-size:12px;}
.postlist td {padding:15px 10px 15px 10px; border-bottom:1px solid #f5f5f5;font-size:12px;}
.postlist tbody tr:hover td {background: #fafafa;}
.postlist .imgb {border:1px solid #eaeaea; background:#FFF; padding:1px;}
.postlist .tnone {background: #fff;padding:3px 0px; border-bottom:0px solid #f5f5f5;}
.postlist tbody tr:hover .tnone {background: #fff;}

/* SIDE BAR */
.sideBox {border:1px solid #e1e1e1;}
.sideBox .tit {border-bottom:1px solid #e1e1e1; display:block; padding:5px 10px; font-weight:bold;}
.sideBox .step1 {padding:10px 0px 10px 55px; background:url(/static/images/bg_step1.png) no-repeat left center; margin:5px 14px;}
.sideBox .step2 {padding:10px 0px 10px 55px; background:url(/static/images/bg_step2.png) no-repeat left center; margin:5px 14px;}
.sideBox .step3 {padding:10px 0px 10px 55px; background:url(/static/images/bg_step3.png) no-repeat left center; margin:5px 14px;}
.sideBox .step4 {padding:10px 0px 10px 55px; background:url(/static/images/bg_step4.png) no-repeat left center; margin:5px 14px;}
.sideBox .arrow {background:url(/static/images/bg_arrow.png) no-repeat center center; height:21px;margin:5px 14px;}

.sideBox ul {list-style:none; display:block; margin:10px 14px;}
.sideBox li {display:block; background:url(/static/images/blt_gray.png) no-repeat 0 center; padding:1px 0 1px 8px;}
.sideBox .rss {background: #fafafa;}


/* TABS */
.tabWrap {background:url(/static/images/tab_sub.png) repeat-x 0 -111px;position:relative;}
.tab {position:relative;display:block;height:35px;overflow:hidden;}
.tab li {z-index:2;display:inline;overflow:hidden;height:35px;float:left;background:url(/static/images/tab_sub.png) no-repeat 0px -74px;position:relative;}
.tab li a {position:relative;display:block;float:left;font-weight:bold;color:#525252;padding:7px 24px 0 24px;height:35px;}
.tab span.end_right {display:block;position:absolute;height:35px;font-size:1px;top:0;right:0;width:10px;background:url(/static/images/tab_sub.png) no-repeat -190px -37px;cursor:pointer;}
.tab li.on {z-index:3;background-position:0px 0px;}
.tab .on a {background:url(/static/images/tab_sub.png) no-repeat right top;left:2px;padding-left:25px;color:#52a10e;}
.tab .on span.end_right {display:none;}
.tab .first_left {background-position:0 -37px;}
.tab .on_next {background-position:-1px -74px;}

.subTab {border-top:1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding:10px 20px;}
.subTab ul {list-style:none}
.subTab li {display:inline; padding:0 25px 0 12px; background: url(/static/images/blt_subtab.png) no-repeat 0 0; color:#505050; font-weight:bold;}
.subTab li a {color:#505050;}
.subTab .selected, .selected a, .selected a:link, .selected a:visited, .selected a:active {color:#52a10e;}


/* BUTTONS */

.btnB {position:relative;display:block;height:30px;overflow:hidden;}
.btnB li {z-index:2;display:inline;overflow:hidden;height:30px;float:left;color:#FFF;background:url(/static/images/btnb.png) no-repeat 0 -0px;position:relative; margin:0 0 0 5px;}
.btnB li a {position:relative;display:block;float:left;font-weight:bold;padding:7px 24px 0 24px;height:30px;}
.btnB span.end_right {display:block;position:absolute;height:30px;font-size:1px;top:0;right:0;width:10px;background:url(/static/images/btnb.png) no-repeat -190px -0px;cursor:pointer;}
.btnB li a {color:#FFF}
.btnB li a:link, .btnB li a:visited, .btnB li a:active, .btnB li a:hover { text-decoration: none; }

.btnB .status {position:relative;display:block;float:left;font-weight:bold;padding:7px 24px 0 24px;height:30px;}
.btnB span.statusR {display:block;position:absolute;height:30px;font-size:1px;top:0;right:0;width:10px;background:url(/static/images/btnb.png) no-repeat -190px -0px;}
.btnB .prc {font-family:verdana; font-weight:bold; font-size:15px; color:#52a10e; background:none;padding:4px 10px 0 0px;}

/* 마감임박 */
.btnB .statusB {position:relative;display:block;float:left;font-weight:bold;padding:7px 24px 0 24px;height:30px;background:url(/static/images/btnb2.png) no-repeat 0 0;}
.btnB span.statusBR {display:block;position:absolute;height:30px;font-size:1px;top:0;right:0;width:10px;background:url(/static/images/btnb2.png) no-repeat -190px -0px;}
.btnB .prcB {font-family:verdana; font-weight:bold; font-size:15px; color:#088ac4; background:none;padding:4px 10px 0 0px;}


.btnS {position:relative;display:block;height:16px;overflow:hidden;}
.btnS li {z-index:2;display:inline;overflow:hidden;height:16px;float:left;color:#FFF;background:url(/static/images/btns.png) no-repeat 0 0px;position:relative; margin:0 0 0 5px;}
.btnS li a {position:relative;display:block;float:left;;padding:0px 8px 0 8px;height:16px;}
.btnS span.end_right {display:block;position:absolute;height:16px;font-size:1px;top:0;right:0;width:10px;background:url(/static/images/btns.png) no-repeat -190px -0px;cursor:pointer;}
.btnS li a {color:#FFF; font-size:11px;}
.btnS li a:link, .btnS li a:visited, .btnS li a:active, .btnS li a:hover {text-decoration: none;}

.btns01 {background:url(/static/images/btns01.png) no-repeat top center; color:#FFFFFF; font-size:11px; font-family:dotum; padding:3px 9px; border:0px; }
.btns01 a, .btns01 a:link, .btns01 a:visited, .btns01 a:active, .btns01 a:hover {color:#FFFFFF;text-decoration: none; }

.btnm01 {background:url(/static/images/btnm01.png) no-repeat top center; color:#FFFFFF; font-size:12px; font-family:dotum; padding:3px 9px; border:0px; }
.btnm01 a, .btnm01 a:link, .btnm01 a:visited, .btnm01 a:active, .btnm01 a:hover {color:#FFFFFF;text-decoration: none; }

.btnm02 {background:url(/static/images/btnm02.png) no-repeat top center; color:#FFFFFF; font-size:12px; font-family:dotum; padding:3px 7px; border:0px; }
.btnm02 a, .btnm02 a:link, .btnm02 a:visited, .btnm02 a:active, .btnm02 a:hover {color:#FFFFFF;text-decoration: none; }



/* BOX */
.camttlBox {width:890px;margin:0px auto; border:5px solid #6cc81b; background: #FFF url(/static/images/bg_camttl.png) repeat-x left top;}
.camttl {margin:20px 30px 0px 30px; padding-bottom:20px;}
.camttl h2 {font-size:16px; font-family:dotum,돋움; font-weight:bold; padding-bottom:8px;}
.camttl p {border-bottom:1px solid #f5f5f5;padding-bottom:10px;}
.camttl .th {width:90px}

.caminfo {width:840px; margin:0px 30px;}
.camway {width:690px; margin:0px 30px; border:5px solid #eaeaea; background:url(/static/images/bg_camway.png) no-repeat 10px 30px; padding:30px 20px 30px 120px;}
.camsch {width:690px; margin:0px 30px; border:5px solid #eaeaea; background:url(/static/images/bg_camsch.png) no-repeat 10px 30px; padding:30px 20px 30px 120px;}
.camban {width:690px; margin:0px 30px; border:5px solid #eaeaea; background:url(/static/images/bg_camban.png) no-repeat 10px 30px; padding:30px 20px 30px 120px;}
.camstep {width:838px; margin:0px 30px; border:1px solid #eaeaea;}


.subttlBox {width:900px;margin:0px auto; background:url(/static/images/bg_subttl.png) repeat-x 0 bottom; padding:0 0 10px 10px;}
.subttl {background:url(/static/images/blt_subttl.png) no-repeat 0 0;padding:0 0 5px 25px; font-size:14px; font-family:dotum,돋움; color:#52a10e; font-weight:bold;}
.sttl {background:url(/static/images/blt_grayarrow.png) no-repeat 0 3px; padding:0 5px 0px 10px; font-weight:bold; color:#505050;}

.feeBox {background:#f5f5f5 url(/static/images/bg_fee.png) repeat-x left top; border:1px solid #eaeaea; text-align:center; padding:40px 30px 50px 30px;}
.feeNum {background:url(/static/images/bg_feenum.gif) no-repeat center center; font-size:35px; font-family:verdana; font-weight:bold; color:#FFFFFF; padding:2px 15px 7px 15px;}
.feeTxt {color:#52a10e; background:none;font-size:35px; font-family:verdana; font-weight:bold;}
.feeWon {color:#52a10e; background:none;font-size:35px; font-family:dotum,돋움; font-weight:bold;}

.grayBox {background:#fbfbfb; border:1px solid #eaeaea; padding:25px;}/* 마이페이지 회색박스 */

.wBox {border:1px solid #e1e1e1; padding:25px 40px;}
.wBox .cont {border-top:1px solid #e1e1e1; padding:25px 0px;}

.grayBox1 {background:#ffffff; border:1px solid #eaeaea; padding:25px;}
.grayBox2 {background:#fbfbfb; border:1px solid #eaeaea; padding:10px 25px;}/* 마이페이지 회색박스 */

.errorBox {background:#ffed99; border:1px solid #eeda7b; padding:5px 20px; color:#d56400; margin:20px 0px; font-weight:bold;} /* 에러메시지 출력 */
.successBox {background:#abd7ed; border:1px solid #84c5e5; padding:5px 20px; color:#2681af; margin:20px 0px; font-weight:bold;} /* 성공메시지 출력 */

/* TABLE */
.mylist {background: #fff; border-top:2px solid #d4d4d4;}
.mylist th {padding:5px 7px; border-bottom:1px solid #f5f5f5; background:#fbfbfb; color:#848484;font-size:12px;}
.mylist td {padding:5px 7px; border-bottom:1px solid #f5f5f5; font-size:12px;}
.mylist tbody tr:hover td {background: #fafafa; color: #666666;}
.mylist .tnone {background: #fff;padding:3px 0px; border-bottom:0px solid #f5f5f5;}
.mylist tbody tr:hover .tnone {background: #fff;}
.mylist td.view {padding:30px 25px; border-bottom:1px solid #f5f5f5; font-size:12px; background:#fafafa;color: #666666;}

.mylist .blt {background:url(/static/images/blt_blue.png) no-repeat center left; padding:0 0 0 10px;}

.list td {padding:2px 10px 2px 3px;font-size:12px;}
.listLn td {padding:5px 15px 5px 5px; border-bottom:1px solid #f5f5f5;font-size:12px;}

.listV td {padding:5px 15px 5px 15px; border-left:1px solid #e9e9e9;font-size:12px;}
.tbl td {font-size:12px; padding:3px 0px;}

.about {background: #fff; border-top:2px solid #9ed86c;}
.about th {padding:7px 10px; border-bottom:1px solid #f5f5f5; background:#fbfbfb; color:#848484;font-size:12px;}
.about td {padding:7px 10px; border-bottom:1px solid #f5f5f5; font-size:12px;}





/* FOOTER */
.footer {width:900px;margin:0px auto; background:#f7f7f7; border-top:1px solid #e9e9e9; padding:10px 0px; text-align:center;}
.footer ul {list-style:none;}
.footer li {display:inline; padding:0 10px; background: url(/static/images/bg_footdevider.png) no-repeat 0 0;}
.footer .first {background:none}



/* LINK */
a { color: #52a10e; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

.graya, .graya a { color: #a7a7a7; }
.graya a:link, .graya a:visited, .graya a:active { text-decoration: none; }
.graya a:hover { text-decoration: underline; }

.grayb, .grayb a { color: #b2b2b2; }
.grayb a:link, .grayb a:visited, .grayb a:active { text-decoration: none; }
.grayb a:hover { text-decoration: underline; }


.gray5, .gray5 a { color: #505050; }
.gray5 a:link, .gray5 a:visited, .gray5 a:active { text-decoration: none; }
.gray5 a:hover {color: #505050; text-decoration: underline; }

.gray5g, .gray5g a { color: #505050; }
.gray5g a:link, .gray5g a:visited, .gray5g a:active { text-decoration: none; }
.gray5g a:hover {color: #52a10e; text-decoration: underline;}

.gray5gwin, .gray5gwin a { color: #505050; }
.gray5gwin a:link, .gray5gwin a:visited, .gray5gwin a:active { text-decoration: none; }
.gray5gwin a:hover {color: #52a10e; text-decoration: underline; background:url(/static/images/ico_win.gif) no-repeat right center; padding:0 15px 0 0; }


.gray5b, .gray5b a { color: #505050; }
.gray5b a:link, .gray5b a:visited, .gray5b a:active { text-decoration: none; }
.gray5b a:hover {color: #4698bd; text-decoration: underline; }

.gray8, .gray8 a { color: #848484; }
.gray8 a:link, .gray8 a:visited, .gray8 a:active { text-decoration: none; }
.gray8 a:hover {color: #52a10e; text-decoration: underline; }

.blue, .blue a { color: #088ac4; }
.blue a:link, .blue a:visited, .blue a:active { text-decoration: none; }
.blue a:hover {color: #088ac4; text-decoration: underline; }

.green, .green a { color: #52a10e; }
.green a:link, .green a:visited, .green a:active { text-decoration: none; }
.green a:hover {color: #52a10e; text-decoration: underline; }

.white, .white a { color: #FFF; }
.white a:link, .white a:visited, .white a:active { text-decoration: none; }
.white a:hover {color: #FFF; text-decoration: underline; }

.warn, .warn a { color: #d56400; }
.warn a:link, .warn a:visited, .warn a:active { text-decoration: none; }
.warn a:hover {color: #d56400; text-decoration: underline; }


/* MARGIN */
.mT10 {margin-top:10px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}

/* PADDING */
.pT10 {padding-top:10px;}
.pT20 {padding-top:20px;}
.pT30 {padding-top:30px;}
.pB20 {padding-bottom:20px;}

/* FONT */
.b {font-weight:bold;}
.p11 {font-size:11px}
.p12 {font-size:12px}
.p13 {font-size:13px}
.p14 {font-size:14px}
.p16 {font-size:16px}
.v {font-family:Verdana;}



/* WIDTH */
.w50 {width:50px;}
.w100 {width:100px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w848 {width:800px;}
.w900 {width:900px;}

/* jquery validate error */
label.error { color:#d82a7c; padding-left:.5em; font-size:12px }