#body {
    background: url(//static.ad.co.kr/images/common/background/leftframe250.gif) repeat-y left top;
}

#topFrame {
    width: 960px;
    _width: 1000px;
    height: 300px;
    _height: 330px;
    padding: 15px 15px 15px 25px;
    margin: 0px;
    overflow: hidden;
    background: url(//static.ad.co.kr/images/forum/background/top_bg.gif) no-repeat left top;
}
#leftFrame {
    float: left;
    width: 250px;
    height: auto;
    padding: 0px;
    margin: 10px 10px 0px 0px;
    overflow: hidden;
}
#mainFrame {
    float: left;
    display: block;
    width: 480px;
    height: auto;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}
#rightFrame {
    float: right;
    display: block;
    width: 250px;
    height: auto;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}

#topFramePanel1 {
    float: left;
    width: 200px;
    height: 300px;
    padding: 0px;
    margin: 0px;
}

#signInPanel {
    height: 180px;
    border-bottom: 1px solid #cccccc;
}

#signInInfoPanel {
    height: 180px;
    border-bottom: 1px solid #cccccc;
}

#topFramePanel1 .link {
    height: 18px;
    _height: 39px;
    margin: 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #cccccc;
}

#topFramePanel2 {
    float: right;
    width: 700px;
    _width: 730px;
    height: 240px;
    _height: 270px;
    padding: 15px;
    margin: 0px;
}

#topFramePanel2_1 {
    float: left;
    width: 450px;
    padding: 0px;
    margin: 0px;
}

#topFramePanel2_1 .header {
    height: 30px;
}
#topFramePanel2_1 .heading {
    float: left;
    width: 100px;
    margin: 0px
}

#topFramePanel2_1 .link {
    float: right;
    margin: 0px
}

#topFramePanel2_1 .link span {
    display: inline-block;
    margin: 0px 5px;
}

#mainVisual {
    clear: both;
    width: 450px;
    height: 240px;
}

#mainVisual .left {
    float: left;
    display: block;
    width: 320px;
    height: 240px;
    overflow: hidden;
}

#mainVisual .left div {
    display: block;
    width: 318px;
    _width: 320px;
    height: 238px;
    _height: 240px;
    padding: 0px;
    margin: 0px;
    border: 1px solid #cccccc;
}

#mainVisual .right {
    float: right;
    width: 120px;
    height: 240px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

#mainVisual .right div {
    width: 118px;
    _width: 120px;
    height: 78px;
    _height: 80px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    border: 1px solid #cccccc;
}

#topFramePanel2_2 {
    float: right;
    width: 220px;
    height: auto;
    padding: 0px;
    margin: 0px;
}

#topFramePanel2_2 .heading {
    width: 220px;
    height: 28px;
    _height: 30px;
    padding: 0px;
    margin:0px;
    border-bottom: 2px solid rgb(0, 0, 0);
}

#topFramePanel2_2 .list {
    width: 220px;
    height: 220px;
}

#topFramePanel2_2 .content {
    width: 220px;
    height: 40px;
    _height: 47px;
    padding: 4px 0px;
    _padding: 4px 0px 0px 0px;
    margin: 0px;
    border-bottom: 1px solid #d4d4d4;
}

#topFramePanel2_2 .content .thumbnail {
    float: left;
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

#topFramePanel2_2 .content .info {
    float: right;
    width: 170px;
    padding: 0px;
    margin: 0px;
}

#topFramePanel2_2 .content .info .title {
    width: 170px;
    font-weight: bold;
    line-height: 22px;
    text-overflow : ellipsis;
	overflow : hidden;
    white-space: nowrap;

   
}

#topFramePanel2_2 .content .info .writer {
    width: 170px;
    color: #ff6000;
}

#leftFrame .header {
    width: 250px;
    height: 25px;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #cccccc;
}

#leftFrame .heading {
    float: left;
}
#leftFrame .more {
    float: right;
}

#leftFrame .list {
    clear: both;
    width: 250px;
    height: auto;
    padding: 0px;
    margin: 20px 0px 0px 0px;
    line-height: 22px;
}

#leftFramePanel2,
#leftFramePanel3 {
    margin: 10px 0px 0px 0px;
}

#leftFramePanel2 li{
	overflow:hidden;
	white-space:nowrap;
	text-overflow : ellipsis;
}
#mainFrame .header {
    width: 480px;
    height: 25px;
    padding: 0px;
    margin: 0px;
    border-bottom: 3px solid #ff9600;
}
#mainFrame .heading {
    float: left;
        width: 300px;
}
#mainFrame .more {
    float: right;
}

#mainFrame .list table td.column3 {
    width: 135px;
}

#mainFrame .list {
    clear: both;
    width: 480px;
    height: auto;
    padding: 0px;
    margin: 7px 0px 0px 0px;
}

#mainFramePanel1 {
    height: 320px;
}

#mainFramePanel1 .cell {
    float: left;
    width: 160px;
    height: 140px !important;
    padding: 0px;
    text-align: center;
    vertical-align: top;
}
#mainFramePanel1 .cell3,
#mainFramePanel1 .cell6 {

}
#mainFramePanel1 .thumbnail {
    clear: both;
    display: inline-block;
    width: 133px;
    _width: 135px;
    height: 98px;
    _height: 100px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    border: 1px solid rgb(232, 232, 232);
    overflow: hidden;
}
#mainFramePanel1 .title {
    display: inline-block;
    text-align: center;
    width: 135px;
    overflow: hidden;
    padding-top:5px;
    margin: 0px;
}

#mainFramePanel2 {
    height: 260px;
}

#mainFramePanel2 td {
    height: 20px;
    vertical-align: center;
}
#mainFramePanel2 .title {
    width: 400px;
}
#mainFramePanel2 .title a {
    font-weight: bold;
}    
#mainFramePanel2 .writer {
    width: 60px;
}
#mainFramePanel2 .rcount {
    width: 20px;
    color: blue;
}

#mainFramePanel3 .list div.cell {
    float: left;
    width: 120px;
    height: 120px !important;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    
}
#mainFramePanel3 .list div.cell4,
#mainFramePanel3 .list div.cell8 {
    width: 110px;
}
#mainFramePanel3 .list div.thumbnail {
    display: block;
    width: 108px;
    _width: 110px;
    height: 108px;
    _height: 110px;
    padding: 0px;
    margin: 0px;
    border: 1px solid rgb(232, 232, 232);
}



#mainFrame .list div.thumbnail span.blank {
    display: inline-block;
    width: 135px;
    height: 100px;
    cursor: hand;
    z-index: 3;
}
#mainFrame .list div.thumbnail a,
#mainFrame .list div.thumbnail a:hover {
    text-decoration: none !important;
}
#mainFrame .list div.thumbnail div.flag {
    position: relative;
    left: 0px;
    top: 0px;
    display: block;
    width: 135px;
    height: 100px;
    padding: 0px;
    margin: 0px;
    z-index: 4;
}
#mainFrame .list div.thumbnail div.flag img {
    z-index: 2;
}
#mainFrame .list div.thumbnail div.info {
    position: relative;
    top: -100px;
    left: 0px;
    display: block;
    width: 135px;
    height: 100px;
    padding: 0px;
    margin: 0px;
    background-color: transparent !important;
    background-image: url(//static.ad.co.kr/images/ad/background/countInfo.png);
    _background-image: url(//static.ad.co.kr/images/ad/background/countInfo.gif);
    background-repeat: no-repeat;
    background-position: left top;    
    text-align: center;
    z-index: 5;
    visibility: hidden;
    border: 0px solid #ff8400;
}
#mainFrame .list span.rcount, 
#mainFrame .list span.ccount,
#mainFrame .list span.acount {
    display: block;
    width: 50px;
    padding: 1px;
    margin: 5px 0px 6px 40px;
    font-family: Georgia;
    font-size: 15px;
    font-weight: bold;
    color: #ff8400;
}
#mainFrame .list span.rcount {
    margin-top: 15px;
    color: #ffffff;    
}

#mainFrame .list div.title {
    display: block;
    width: 135px;
    height: 32px;
    padding: 0px;
    margin: 5px 0px 0px 0px;
    overflow: hidden;
    line-height: 18px;
    text-overflow: ellipsis;
}

.paginationContainer {
    width: 735px;
    margin: 10px 0px;
}


#rightFrame .header {
    width: 250px;
    height: 25px;
    padding: 0px;
    margin: 0px;
    border-bottom: 3px solid #000000;
}

#rightFrame .list {
    clear: both;
    width: 250px;
    height: auto;
    padding: 0px;
    margin: 5px 0px 0px 0px;
}

#rightFramePanel2 {
    height: 345px;
    _height: 350px;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}

#rightFramePanel3 {
    height: 300px;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    overflow: hidden;
}

#rightFramePanel3 .heading {
    font-weight: bold;
    color: #000000;
}

#rightFramePanel3 .heading span {
    color: #ff0000;
}

#rightFramePanel3 .upper {
    height: 95px;
    border-bottom: 1px solid rgb(210, 210, 210);
    overflow: hidden;
    
}

#rightFramePanel3 .thumbnail {
    float: left;
    width: 98px;
    _width: 100px;
    height: 73px;
    _height: 75px;
    overflow: hidden;
}

#rightFramePanel3 .headline {
    font-weight: bold;
    color: #777777;
    line-height: 22px;
   
}

#rightFramePanel3 .upper .headline,
#rightFramePanel3 .upper .blurb {
    float: right;
    width: 140px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    line-height: 22px;
    	

}
#rightFramePanel3 .blurb {

	height : 35px;
}

#rightFramePanel3 .lower {
    width: 250px;
    height: 80px;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}

#rightFrame .banner {
    width: 250px;
    height: 250px;
    background: #000000;
    margin: 0px 0px 10px 0px;
    color: #ffffff;
    text-align: center;
}