/***** Common(기본공통요소) *****/
html {overflow-y:scroll; height:100%;}
body{height:100%; margin:0; padding:0; font-size:12px; font-family:돋움; color:#000000; text-align:left; line-height:130%; background:#ffffff url('') 50% top no-repeat;}
a{text-decoration:none; color:#858585;}
area {blr:expression(this.onFocus=this.blur());}
img{border:0; display:block;}
ul, ol, li{margin:0; padding:0; list-style:none;}
div, li, dl, dt, dd{margin:0; padding:0;}
h1, h2, h3, h4, h5{margin:0; padding:0;}
input, textarea, select{font-family:돋움; font-size:12px; color:#858585; margin:0; padding:0;}
form, p, fieldset{margin:0; padding:0;}
table, tr, th, td {margin:0; padding:0; border-collapse:collapse;}
a, area {blr:expression(this.onFocus=this.blur());}
.hSpace10 {width:100%; height:10px;}
.hSpace20 {width:100%; height:20px;}
.hSpace30 {width:100%; height:30px;}
.hSpace40 {width:100%; height:40px;}
.hSpace50 {width:100%; height:50px;}
.hSpace60 {width:100%; height:60px;}
.hSpace70 {width:100%; height:70px;}
.hSpace80 {width:100%; height:80px;}
/**** 메뉴판식객 이벤트 201205 ****/
/** 메인 **/
.wrapper {background:url('/Event/2012/05_board/img/bg_content.jpg') 50% top no-repeat;}
.section1 {clear:both; width:100%; padding:0 0 45px 0;}
.section1 .content {/*border:1px solid red;*/}
.section1 .content .contTop {width:900px; height:50px;}
.section1 .content .contTop .logo {float:left; margin:10px 0 0 0;}
.section1 .content .contTop .logo span {float:left;}
.section1 .content .contTop .menu_gray {float:right; margin:20px 0 0 0;}
.section1 .content .contTop .menu_gray td {color:/*#a3a3a3;*/#000000;}
.section1 .content .contTop .menu_gray a {color:/*#a3a3a3;*/#000000;}
.section1 .content .contMain {width:900px;}
.section1 .content .contRanking {position:relative; width:900px; height:836px; background:url('/Event/2012/05_board/img/img02.jpg') no-repeat; color:#785f41;}
.section1 .content .contRanking .layerCover {position:absolute; right:0; top:206px; z-index:2;}
.section1 .content .contRanking .rankWrap {position:absolute; right:0; top:237px; width:500px; z-index:1;}
.section1 .content .contRanking .rankList {/*position:absolute; right:0; top:234px; width:500px;*/}
.section1 .content .contRanking .rankList li {/*position:relative;*/ float:left; width:500px; height:25px; border-bottom:1px solid #deba97;}
.section1 .content .contRanking .rankList .rank {float:left; width:50px; height:18px; margin:7px 0 0 0; text-align:right; font-weight:bold; color:#ff0000;}
.section1 .content .contRanking .rankList .count {float:left; width:90px; height:18px; margin:7px 0 0 0; text-align:right;}
.section1 .content .contRanking .rankList .name {float:left; width:320px; height:18px; margin:7px 0 0 40px;}
.section1 .content .contRanking .rankList .name span {float:left; width:286px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section1 .content .contRanking .rankList .name a {float:right;}
.section1 .content .contRanking .lyGroup {}
.section1 .content .contRanking .lyGroup .layer {/*position:absolute; top:25px; right:0px; */position:relative; width:498px; _width:500px; background:#ffffff; border:1px solid #ddc1a4; color:#1c1c1c;
-moz-box-shadow: 0px 3px 3px #bbbbbb;
-webkit-box-shadow: 0px 3px 3px #bbbbbb;
box-shadow: 0px 3px 3px #bbbbbb;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=-180, Strength=1);
}
.section1 .content .contRanking .lyGroup .layer .btnClose {position:absolute; top:0px; right:0px; /*float:right;*/}
.section1 .content .contRanking .lyGroup .layer .nameAll {float:left; padding:15px 20px 12px 20px; text-align:left;}
.section2 {clear:both; background:#fafafa; padding:7px 0 0 0;}
.section2 .title {width:900px; padding:0 0 10px 0;}
.section2 .reply1 {width:820px; text-align:center; background:#f0efef; padding:20px 40px 0px 40px;}
.section2 .reply1 .reTitle {width:820px; text-align:left; color:#8a8989; font-weight:bold; margin:0 0 5px 0px; }
.section2 .reply1 .reTitle span {font-weight:normal;}
.section2 .reply1 .reWrite {width:820px; text-align:left; float:left;}
.section2 .reply1 .reWrite dt {width:720px; height:62px; float:left;}
.section2 .reply1 .reWrite dt textarea {width:718px; height:60px; border:1px solid #bbbbbb; padding:5px;}
.section2 .reply1 .reWrite dd {float:right;}
.section2 .reply1 .reList {width:820px; text-align:left; margin:0 0 20px 0; overflow:hidden;}
.section2 .reply1 .reList li {float:left; width:820px; padding: 10px 5px 10px 5px; display:inline; color:#4b4b4b; border-bottom:1px solid #ffffff;}
.section2 .reply1 .reList li .nick {float:left; width:140px; padding:0 10px 0 0; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section2 .reply1 .reList li dd {float:right; width:670px; line-height:130%;}
.section2 .reply1 .reList li .say {float:left; padding:0 10px 0 0;}
.section2 .reply1 .reList li .date {float:left; padding:0 8px 0 0; color:#8a8989;}
.section2 .reply1 .reList li .del {float:left;}
.section2 .reply1 .page {clear:both; width:820px; text-align:center; font-size:12px; font-weight:bold; color:#4b4b4b; padding:0 0 20px 0;}
.section2 .reply1 .page img {vertical-align:middle; margin:0 0 2px 0;}
.section2 .reply1 .page a {display:inline-block; vertical-align:middle;}
.section2 .reply1 .page a:hover {color:#4b4b4b; text-decoration:none;}
.section2 .reply1 .page .btnPre {padding:0 15px 0 0;}
.section2 .reply1 .page .btnNext {padding:0 0 0 10px;}
.section2 .reply1 .page .num {padding:2px 10px 0 0;}
.section2 .reply1 .page .nowPg {padding:2px 10px 0 0; color:#f94000;}
.section3 {clear:both; padding:40px 0 50px 0; background:#fafafa;}
.section3 .title {width:900px; padding:0 0 10px 0;}
.section3 .reply2 {width:820px; background:#f0efef; padding:20px 40px 0px 40px;}
.section3 .reply2 .reTitle {width:820px; text-align:left; color:#8a8989; font-weight:bold; margin:0 0 5px 0;}
.section3 .reply2 .reTitle span {font-weight:normal;}
.section3 .reply2 .reWrite {width:820px; text-align:left;}
.section3 .reply2 .reWrite dt {width:720px; height:34px; float:left;}
.section3 .reply2 .reWrite dt textarea {width:718px; height:32px; border:1px solid #bbbbbb; padding:5px;}
.section3 .reply2 .reWrite dd {float:right;}
.section3 .reply2 .reList {width:820px; text-align:left; margin:0 0 20px 0; overflow:hidden;}
.section3 .reply2 .reList li {float:left; width:820px; padding: 10px 5px 10px 5px; display:inline; color:#4b4b4b; border-bottom:1px solid #ffffff/*dadada*/;}
.section3 .reply2 .reList li .nick {float:left; width:140px; padding:0 10px 0 0; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section3 .reply2 .reList li dd {float:right; width:670px;}
.section3 .reply2 .reList li .say {float:left; padding:0 10px 0 0;}
.section3 .reply2 .reList li .date {float:left; padding:0 8px 0 0; color:#8a8989;}
.section3 .reply2 .reList li .del {float:left;}
.section3 .reply2 .page {clear:both; width:820px; text-align:center; font-size:12px; font-weight:bold; color:#bbbbbb; padding:0 0 20px 0;}
.section3 .reply2 .page img {vertical-align:middle; margin:0 0 2px 0;}
.section3 .reply2 .page a {display:inline-block; vertical-align:middle;}
.section3 .reply2 .page a:hover {color:#4b4b4b; text-decoration:none;}
.section3 .reply2 .page .btnPre {padding:0 15px 0 0;}
.section3 .reply2 .page .btnNext {padding:0 0 0 10px;}
.section3 .reply2 .page .num {padding:2px 10px 0 0;}
.section3 .reply2 .page .nowPg {padding:2px 10px 0 0; color:#f94000;}
.section4 {clear:both; background:#393939;}