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

#leftFrame {
    float: left;
    display: block;
    width: 150px;
    padding: 0px;
    margin: 0px;
}*/

#mainFrame {
    float: left;
    display: block;
    width: 730px;
    height: auto;
    padding: 0px;
    margin: 0px;
    font-family: Dotum;
}
#rightFrame {
    float: right;
    display: block;
    width: 250px;
    height: auto;
    padding: 0px;
    margin: 0px;
}

#rightFrame .button{
    margin-bottom : 7px;
}

/* Panel & Content */

#contentPanel {
    display: block;
    width: 670px;
    _width: 730px;
    height: auto;
    padding: 30px 30px 15px 30px;
    margin: 0px;
    border: 1px solid #d2d2d2;
}
#contentPanel .header {
    display: block;
    margin: 0px;
}
#contentPanel .breadcrumb,
#contentPanel .breadcrumb a
{
    height: 12px;
    _height: 14px;
    margin: 0px;
    padding: 0 px;
    margin: 0px;
    color: #999999;
    font-size : 11px;
    font-family:dotum;
    letter-spacing : -1px;
}

#contentPanel .breadcrumb span {
    font-size : 11px;
    font-family:dotum;
    letter-spacing : -1px;
}
#contentPanel .breadcrumb span a{
    font-size : 11px;
    font-family:dotum;
    letter-spacing : -1px;
    color : #474747;
}
#contentPanel .heading {
    display: block;
    line-height: 40px;
    float: left;
    padding: 0px;
    margin: px;
    font-family: Dotum !important;
    font-size: 15px;
    letter-spacing: -1px !important;
    font-weight: bold;
    color: rgb(68, 68, 68);
    width: 670px;
    border-bottom: 1px dashed #e5e5e5;
}
#contentPanel .wdate{
    float: right;
    font-weight: normal;
    color: #666666;
    font-size: 11px;
}

#contentPanel .title{
    float: left;
    font-size : 15px;
    letter-spacing : -1px;
    font-family:dotum;
}

#contentPanel .toolbar {
    height: 40px;
    padding: 0px;
    color: #666666;
}

#contentPanel .toolbar .info {
    float: left;
    line-height: 30px;
    padding: 0px;
    width: 670px;
}
#contentPanel .toolbar .rcount{
    float: right;
    line-height: 30px;
    color: #333333;
    
    font-size: 11px !important;
}

#contentPanel .toolbar .button {
    float: right;
    height: 17px;
    padding: 0px;
    margin: 13px 0px 0px 0px;
}

#contentPanel #toolbar2 .button {
    float: left;
}

#contentPanel #toolbar2 .link {
    float: right;
    padding: 2px 0px 0px 18px;
    margin: 15px 0px 0px 0px;
    background: url(//static.ad.co.kr/images/journal/icon/li_source.gif)
        no-repeat left 0px;
    font-weight: bold;
    color: #999999;
    letter-spacing: -1px;
}

#contentPanel #toolbar3 .button {
    float: left;
}

#contentPanel #toolbar3 .button a {
    float: left;
    padding: 2px 0px 0px 18px;
    margin: 0px 20px 0px 0px;
    background: url(//static.ad.co.kr/images/journal/icon/li_source.gif)
        no-repeat left 0px;
    font-weight: bold;
    color: #999999;
    letter-spacing: -1px;
}


#contentPanel .info span {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    border-right: 0px solid #f2f2f2;
    color: #999999;
}
#contentPanel .info span.source {
    float:left;

}


#contentPanel .info .source img {
    position:relative;
    top:3px;
    left: 5px;
}

#contentPanel .content {
    padding: 0px;
    margin-bottom : 30px;

}

#contentPanel .content,
#contentPanel .content div {
    font-size: 12px;
    line-height: 22px;
    font-family: Gulim;
    color: #333333;
}
#contentPanel div.attachedFile{
    margin-bottom : 15px;

}

#contentPanel div.attachedFile img{
    position : relative;
    top : 4px;
}

#contentPanel #videoViewPanel {
    width: 570px;
    height: auto;
    margin: 0px 0px 20px 0px;
    text-align: center;
}

#tagPanel {
    height: auto;
    padding: 10px 0px 5px 0px;
    
    border-top: 1px dashed #e5e5e5;
}
#tagFlag {
    float: left;
    width: 45px;
    height: 20px;
    background: url(//static.ad.co.kr/images/forum/icon/tag02.gif)
        no-repeat left 3px;
    line-height: 20px;
}
#tagList {
    float: left;
    width: 600px;
    _width: 500px;
    height: auto;
    padding-left: 5px;
    margin: 0px;
    line-height: 25px;
    text-align: justify;
}
#tagList a{
    color : #999999;

}

#agreeButtonPanel {
    float: right;
    padding: 0px;
    margin: 0px;
}

#pageNavigationPanel {
    width: 730px;
    float: left;
    margin-top: 15px;
    text-align: left;
}
#pageNavigationPanel .right{
    float: right;
}
#pageNavigationPanel span.left{
    margin-right: 5px;
    float:left;
}
#pageNavigationPanel span{
    margin-right: 5px;
}
#commentPanel {
    padding: 0px;
    margin: 5px 0px 0px 0px;
}

#mainFramePanel3 {
    height: 15px;
    margin: 0px 0px 12px 0px;
    padding: 0px 0px 0px 40px;
    background: url(//static.ad.co.kr/images/journal/info/tags.gif)
        no-repeat;
}

#mainFramePanel5 {
    display: block;
    height: auto;
    margin: 10px 0px 0px 0px;
}

#mainFramePanel5 .heading {
    display: block;
    height: 12px;
    margin: 0px 0px 13px 0px;
    font-weight: bold;
}

#mainFramePanel5 .heading .headingLeft {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-size: 8pt;
    font-weight: 900;
    color: rgb(0, 0, 0);
    float: left;
}

#mainFramePanel5 .heading .headingRight {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-size: 8pt;
    font-weight: 900;
    color: rgb(0, 0, 0);
    float: right;
}

#mainFramePanel5 .heading .headingRight span {
    color: rgb(255, 0, 0)
}

#mainFramePanel6 {
    display: block;
    height: auto;
    margin: 0px 0px 0px 0px;
}

#mainFramePanel6 .comment {
    display: block;
    height: auto;
    border-top: 1px dotted rgb(199, 199, 199);
    border-bottom: 1px dotted rgb(199, 199, 199);
    padding: 5px 5px 10px 5px;
}

#mainFramePanel6 .comment .heading {
    display: block;
    height: 22px;
    padding: 0px;
}

#mainFramePanel6 .comment .heading .headingLeft {
    width: 60px;
    margin-top: 18px;
    float: left;
    color: rgb(31, 93, 116);
}

#mainFramePanel6 .comment .heading .headingRight {
    width: 90px;
    margin: 0px;
    float: right;
}

#mainFramePanel6 .comment .contents {
    margin-top: 15px;
    height: auto;
    text-align: justify;
    color: rgb(85, 85, 85);
}

#mainFramePanel7 {
    margin-top: 50px;
    height: 13px;;
    text-align: right;
    color: rgb(85, 85, 85);
}


/* right frame */
#rightFramePanel2,#rightFramePanel3 {
    height: auto;
    padding: 10px;
    margin: 0px 0px 10px 0px;
    border: 1px solid rgb(219, 219, 219);
}

#rightFramePanel2 .heading,#rightFramePanel3 .heading {
    display: block;
    width: 222px;
    _width: 230px;
    height: 20px;
    padding: 0px 0px 0px 8px;
    margin: 0px 0px 5px 0px;
    background: url(//static.ad.co.kr/images/common/icon/hi.gif) no-repeat
        left 1px;
    font-weight: bold;
}

#rightFramePanel2 .content,#rightFramePanel3 .content {
    height: 75px;
    overflow: hidden;
}

#rightFramePanel2 .content .left,#rightFramePanel3 .content .left {
    float: left;
    display: block;
    width: 100px;
    height: 75px;
    overflow: hidden;
    border: 1px solid rgb(219, 219, 219);
}

#rightFramePanel2 .content .right,#rightFramePanel3 .content .right {
    float: right;
    display: block;
    width: 115px;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#rightFramePanel2 .headline,#rightFramePanel3 .headline {
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

#rightFramePanel2 .blurb,#rightFramePanel3 .blurb {
    height: 60px;
    color: #777777;
    line-height: 160%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#rightFrame .banner {
    width: 250px;
    height: 250px;
    margin: 0px 0px 10px 0px;
}

span.selected {
    color: #333333;
}
/* weeklyBestArticle */
#rightFrame {
    display: block;
    width: 250px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    border-top: 0px solid #d6d6d6;
}

#rightFrame .header {
    display: block;
    width: 250px;
    height: 20px;
    line-height: 21px;
    padding: 5px 0px;
    margin: 0px 0px 5px 0px;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    background: none;
    font-weight: bold;
    float: left;
}
#rightFrame .header span a{
    display: block;
    width: 50px;
    font-weight: normal;
    float: right;
    font-size: 11px;
    font-family: Dotum;
    color: #999999;
}
#weeklyBestArticlePanel {
    display: block;
    width: 250px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#weeklyBestArticle {
    display: block;
    width: 250px;
    height: 420px;
    padding: 0px;
    margin: 0px;
}

#weeklyBestArticle dl {
    height: 60px;
    _height: 81px;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    border-bottom: 1px solid #d6d6d6;
    float: left;
}

#weeklyBestArticle dl:first-child {
   
}

#weeklyBestArticle dt.thumbnail {
    float: left;
    width: 60px;
    height: 60px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

#weeklyBestArticle dd {
    float: right;
    display: block;
    width: 167px;
    height: 16px;
    line-height: 20px;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#weeklyBestArticle dd.headline {
    height: 40px;
    font-weight: bold;
    
    background-position: left 3px !important;
}