/* Frame */
span.selected {
    font-weight: bold;
}

#leftFrame {
    display: block;
    width: 95px;
    height: 1000px;
    padding: 0px;
    margin-left: 4px;
    border-right: 1px solid #cccccc;
    float: left;
}

#mainFrame {
    float: left;
    display: block;
    width: 600px;
    height: auto;
    padding: 0px;
    margin: 0px 0px 0px 25px;
}

#rightFrame {
    float: right;
    display: block;
    width: 250px;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-left: 1px solid #d6d6d6;
    overflow:hidden;
}

#leftFrame ul,
#mainFrame ul, 
#rightFrame ul{
    list-style-type: none;
    float:left;
}
#leftFrame ul li,
#mainFrame ul li, 
#rightFrame ul li {
    list-style-type: none;
    overflow:hidden;
    padding: 0px;
    margin: 0px ;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: rgb(120, 120, 120);
    background: #ffffff; 
    line-height: 24px;
}


/* Panel & Content */
#mainFrameListPanel {
    display: block;
    padding: 0px;
}

#mainFrameListPanel .header {
    display: block;
    margin: 10px 0px 5px 0px;
    color: #333333;
    font-size: 16px;
    font-family: Dotum;
    width: 600px;
}

#mainFrameListPanel .breadcrumb {
    float: left;
    font-family: Dotum;
    margin: 0px;
    padding: 1px 0px;
    margin: 0px;
    border: 0px ;
    color: #666666;
    font-size: 16px;
    font-family: Dotum;
    color: #333333;
}
#mainFrameListPanel .breadcrumb span.selected {
    font-weight: bold;
    font-size: 16px;
    font-family: Dotum;
}

#mainFrameListPanel .link {
    float: right;
}
#mainFrameListPanel .dataToolBar {
    width: 600px;
    height : auto;
    margin: 8px 0px;
    border-top: 1px dashed #b8b8b8;
    border-bottom: 1px dashed #b8b8b8;
    line-height: 26px;
    overflow : hidden;
    font-size: 11px;
    font-family: Dotum;
}
#mainFrameListPanel .dataToolBar span{
    color: #666666;
    font-size: 11px;
    font-family: Dotum;
}




#mainFrameListPanel .content {
    display: block;
    height: auto;
    padding: 5px;
    margin: 0px 0px 20px 0px;
}

#mainFrameListPanel .content dl {
    border-top: 1px dashed rgb(210, 210, 210);
    display: block;
    height: 80px;
    _height: 120px;
    padding: 20px 0px;
    margin: 0px;
}
#mainFrameListPanel .content :first-child {
    border-top: 0px;
}

#mainFrameListPanel .content .thumbnail {
    float: left;
    display: block;
    width: 118px;
    _width: 120px;
    height: 78px;
    _height: 80px;
    border: 1px solid #000000;
    margin-right: 10px;
    overflow: hidden;
}

#mainFrameListPanel .content .headlineWithThumbnail,
#mainFrameListPanel .content .headline,
#mainFrameListPanel .content .info,
#mainFrameListPanel .content .blurb {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

#mainFrameListPanel .content .headlineWithThumbnail,
#mainFrameListPanel .content .headline {
    margin: 0px 0px 8px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#mainFrameListPanel .content .headlineWithThumbnail a,
#mainFrameListPanel .content .headline a {
    font-family: Dotum;
    font-size: 15px;
    color: #003366;
    font-weight: bold;
}
#mainFrameListPanel .content .headlineWithThumbnail {
    width: 420px;
}
#mainFrameListPanel .content .headline {
    width: 560px;
}


#mainFrameListPanel .content .info {
    margin: 0px 0px 8px 0px;
    overflow: hidden;
    color: rgb(119, 119, 119);
}
#mainFrameListPanel .content .info span,
#mainFrameListPanel .content .info span a{
    font-family: Dotum;
    font-size: 11px;
    padding-right: 5px;
}
#mainFrameListPanel .content .info .source a{
    color: #cc6666;
}

#mainFrameListPanel .content .info .wdate{
    color: #999999;
}


#mainFrameListPanel .content .info img {
    margin: -1px 0px 0px 10px;
    vertical-align: top;
}

#mainFrameListPanel .content .blurb {
    height: 33px;
    overflow: hidden;
    color: #999999;
    font-size: 12px;
    line-height: 18px;
    text-overflow: ellipsis;
}
#sortPanel,
.sortPanelHeight{
	border : 1px solid #999999;
	border-bottom : 2px solid #999999;
    overflow-y : hidden!important;
	_height : 100%;
	_width : 100%;
	_min-height : 265px !important;
    width : 100% !important;
    /*padding-right: 10px;*/
}
.sortPanelHeight{
	/*height : 280px !important;*/
}
.reSizeSortPanelHeight{
	/*height : 315px  !important;*/
	/*_height : 335px  !important;*/
    overflow-y : scroll!important;
}



#sortPanel .dataToolBar .sortText{
    color : red;
}


#sortPanel .sortHeader{
	margin : 2px 2px 15px 4px;
	_margin : 11px 2px 15px 4px;
}
#sortPanel .sortContent{
	overflow : hidden;
	padding : 1px 0px 0px 0px;
	
}


#sortPanel .sort1{
	border-right : 1px dotted #999999;
	margin-right : 15px;
	padding-left : 20px;
	float : left;
	display : inline-block;
	_display : inline;
	width : 54%;
	_width : 58%;
	
}
#sortPanel .sort2{
	border-right : 1px dotted #999999;
	margin-right : 15px;
    float : left;
    display : inline-block;
    _display : inline;
    width : 20%;
    _width : 100px;
    
}
#sortPanel .sort3{
	display : inline-block;
    _display : inline;
    float : left;
    width : 15%;
    _width : 100px;

}
#sortPanel dl dt{
    font-size :12x;
    font-weight : bold;
    margin-bottom : 10px;
}
#sortPanel dl dd input{
    display : inline-block;
    _display : inline;
    float: left;
    margin-right : 5px;
    _margin-right : 3px;
}
#sortPanel dl dd span{
    color : #999999;
}
#sortPanel dl dd[class^="sort1"] span{
    display : inline-block;
    _display : inline;
    _width : 50px;
    float: left;
}
#sortPanel dl dd[class^="sort2"] span{
    display : inline-block;
    _display : inline;
     _width : 70px;
    float: left;
}
#sortPanel dl dd[class^="sort3"] span{
    display : inline-block;
    _display : inline;
     _width : 70px;
    float: left;
    
}
#sortPanel dl dd[class^="sort1"]{
    width : 160px;
    _width : 130px;
    display : inline-block;
    _display : inline;
    float:left;
}
#sortPanel dl.sort1 dd{
    _width : 100%;
    _width : 160px;
    _display : inline;
    float:left;
    height : 25px;
}
#sortPanel dl dd[class^="sort2"]{
	float:left;
	display : inline-block;
    _display : inline;
	_width : 80px;
}
#sortPanel dl dd[class^="sort3"]{
	  display : inline-block;
    _display : inline;
    float:left;
    _width : 80px;
}
#sortPanel dl dd[class="sort3ListGo"]{
	margin-top : 100% !important;
}
#sortPanel dl.sort3 dd.sort3ListGo{
	_margin-top : 90% !important;
}

#sortPanel dl dd.all{
    display : block;
    width : 100%;
    font-weight : bold;
}
#sortPanel dl dd{
	display : inline-block;
    _display : inline;
    _width : 170px;
    width : 150px;
	padding : 0px 0px;
	_padding : 2px 0px;
    color : #999999;
    overflow: hidden;
    float: left;
}
#sortPanel dl.sort2 dd{
         display : inline-block;
    _display : inline;
    _width : 80px;
    width : 100px;
    padding : 5px 0px;
    _padding : 2px 0px;
    color : #999999;
    overflow: hidden;
    float: left;
    height : 15px;
    _height : 23px;
}
#sortPanel dl.sort3 dd{
         display : inline-block;
    _display : inline;
    
    width : 80px;
    padding : 5px 0px;
    _padding : 2px 0px;
    color : #999999;
    overflow: hidden;
    float: left;
}
#sortPanel .sortContent .divide{
	
}
#sortPanel .sortHeader img{

    position : relative;
    z-index : 10;
}
#sortPanel .sortHeader{

    position : relative;
    z-index : 5;
}

#sortPanel .sortHeader #sortClose{
    width : 25px;
    height : 30px;
    position : absolute;
    display : block;
    z-index : 100;
    top : -40px;
}

#sortPanel .dataToolBar .sortTitle{
	
}

#mainFrame .dataToolBar .sortText{
	color : red;
    
}
#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;
}