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

/**#leftFrame {
    float: left;
    width: 200px;
    _width: 215px;
    height: auto;
    padding: 0px 15px 0px 0px;
    margin: 0px;
}**/

#mainFrame {
    float: left;
    width: 740px;
    height: auto;
    padding: 0px;
    margin: 0px;
}

#rightFrame {
    float: right;
    width: 250px;
    height: auto;
    padding: 0px;
    margin: 0px;
}
#maininfo{
    border: 5px solid #eaeaea;
    padding: 0px;
}
/* Panel & Content */
#infoPanel {
    height: auto;
    padding: 20px;
    margin: 0px;
    border: 0px;
}

#infoPanel .breadcrumb {
    height: 12px;
    _height: 14px;
    margin: 0px;
    margin: 0px;
    color: #999999;
    font-size: 11px;
    font-family: Dotum !important;
}
#infoPanel .breadcrumb a {
    height: 12px;
    _height: 14px;
    margin: 0px;
    margin: 0px;
    color: #999999;
    font-size: 11px;
    font-family: Dotum !important;
}
#infoPanel .breadcrumb span.selected a{
    color: #000000;
}
#infoPanel .title {
    height: auto;
    margin: 10px 0px 10px 0px;
    font-family: Dotum !important;
    font-size: 16px;
    letter-spacing: -1px !important;
    line-height: 28px;
    font-weight: bold;
    color: #333333;
}
#infoPanel .info,
#infoPanel .info a,
#infoPanel .info span{
    height: 17px;
    padding: 0px;
    margin: 0px;
    line-height:17px;
    font-size: 12px;
    color: #999999;
}
#infoPanel .info span{
    padding: 0px 5px 0px 0px;
}

#subPanel{
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    width: 730px;
    height: 19px;
    _height: 39px;
    padding: 10px 0px;
    float: left;
}

#subPanel .subLeftPanel {
    float: left;
    margin-left: 10px;
    line-height: 18px;
    width: 500px;

}
#subPanel .panelCell{
    display : inline-block;	
}

#subPanel .subRightPanel{
    float: right;
    font-size: 11px;
    color: #999999;
    margin-right: 10px;
    line-height: 22px;
}
#subPanel .subRightPanel span{
    font-size: 11px;
    color: #999999;
}

 
#infoPanel .count {
    overflow: hidden;
}

#infoPanel .count .rcount,
#infoPanel .count .dcount {
    display: inline-block;
    margin-right: 10px;
}

#infoPanel .button {
    float: right;
    margin: 10px 0px 0px 0px;
}
/**
.toolbar .button {
    float: left;
    height: 17px;
    padding: 0px;
    margin: 13px 0px 0px 0px;
}

.toolbar .link {
    float: right;
    font-weight: bold;
    margin: 15px 0px 0px 0px;
}

.toolbar .link a {
    padding: 2px 0px 0px 18px;
    background: url(//static.ad.co.kr/images/journal/icon/li_source.gif)
        no-repeat left 0px;
    color: #999999;
    letter-spacing: -1px;
}**/

#contentPanel {
    padding: 20px ;
    border-bottom: 1px solid #eaeaea;
}

#contentPanel .header {
    padding: 8px 0px 8px 15px;
    background: rgb(244,244,244) url(//static.ad.co.kr/images/lit/background/mainLeft02.gif) no-repeat 8px center;
    font-size: 13px;
    font-weight: bold;
}

#summaryPanel{
    
}
#tocPanel {
    height: auto;
    margin: 20px 0px 0px 0px;
}
#viewPanel {
    height: auto;
    margin: 20px 0px 0px 0px;
}

#previewPanel {
    height: auto;
    margin: 20px 0px 0px 0px;
}

#summaryPanel .heading,
#tocPanel .heading,
#previewPanel .heading {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0px;
    font-family: YDIWebDotum;
    color: #333333;
}

#previewPanel h1 {
    font-size: 13px;
}

.summary, .toc, .preview {
    font-size: 12px;
    line-height: 20px;
    font-family: Gulim;
    color: #666666;
}

#viewPanel a {
    font-weight: bold;
}


#tagPanel {
    height: auto;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    border-top: 1px solid #eaeaea;
}
#tagFlag {
    float: left;
    width: 45px;
    height: 20px;
    background: url(//static.ad.co.kr/images/common/icon/tag02.gif)
        no-repeat left 3px;
    line-height: 20px;
    
}

#tagList {
    float: left;
    padding:0px;
    width: 600px;
    margin: 0px;
    border-left: 0px solid rgb(215, 215, 215);
    line-height: 20px;
    text-align: justify;
}
#pageNavigationPanel {
    float: right;
    margin: 0px;
}
#legalPanel {
    height: auto;
    margin: 0px;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0;
}
#legalPanel a{
    text-decoration: none;
}
#legalPanel .heading{
    font-family:YDIWebDotum;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
    padding-left: 10px;
}
#legalPanel li{
    line-height: 18px;
    color: #999999;
    font-size: 11px;
    margin: 0px;
    font-family: Dotum;
    padding-left: 15px;
    background: url(//static.ad.co.kr/images/journal/ul_bg.gif)
        no-repeat left center;
}
#legalPanel li span{
    font-size: 11px;
    font-family: Dotum;
    font-weight: bold;
    color: #333333;
}
#legalPanel li span a{
    font-size: 11px;
    font-family: Dotum;
    font-weight: bold;
    color: #333333;
}

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

span.selected{
    color: #000000;
}