﻿/* classFied main page */
.classiFied {display: block; overflow: hidden; border: 1px solid #dfdfdf; box-sizing: border-box; width: 700px; margin-bottom: 10px; background: #f5f5f5}
.classiFied .paging {display: block; overflow: hidden; width: 100%; border-bottom: 2px solid #2b57a7; box-sizing: border-box; background: #fff}
.classiFied .paging li {float: left; padding: 10px 20px; }
.classiFied .paging li:first-child {margin-left:10px}
.classiFied .paging li a {font-size: 14px; font-weight:bold; display:block;}
.classiFied .paging li:hover {background:#2b57a7}
.classiFied .paging li:hover a {color:#fff}
.classiFied .paging li:visited {background:#2b57a7}
.classiFied .paging li:visited a {color:#fff}
.classiFied #classFiedCatg {height:200px; padding: 10px 0 0 10px}
.classiFied #classFiedCatg li {overflow: hidden; padding: 10px; float: left; width: 200px; background: #fff; box-sizing: border-box; margin: 8px 0 0 20px; box-shadow: 2px 2px #ddd; font-size: 13px; text-align: left; padding-left: 30px; letter-spacing: 0.5px; display: block;}
.classiFied #classFiedCatg li:hover {background: #2b57a7}
.classiFied #classFiedCatg li:hover a {color: #fff}
.classiFied #classFiedCatg li:last-child {display: block; overflow: hidden; padding: 10px; float: left; width: 200px; background: #484848; box-sizing: border-box; margin: 10px 0 0 20px; color:#fff;  padding-left: 30px;}
.classiFied #classFiedCatg li:last-child a {color:#fff}

.wrapClassified {width: 345px; overflow: hidden; display: block; float: left; margin-bottom:10px}
.wrapClassified:nth-child(odd) {margin-left:10px}
.wrapClassified ul {list-style:none; border: 1px solid #eee;}
.wrapClassified ul li {display: block}
.wrapClassified ul li:nth-child(1) {padding: 10px 0; border-bottom: 2px solid #2b57a7; font-size: 14px; font-weight: bold; color: #2b57a7;}
.wrapClassified ul li:nth-child(2) {height: 150px; overflow:hidden; padding:0}
	
.dbClassified {width: 345px;float: left;display: block;overflow: hidden; height: 100%}
.dbClassified a {font-size:13px; letter-spacing:0.2px}
.dbClassified a:hover {text-decoration:underline; background:#fcffa3}


/* classFied sub page */
.subSidebarLeft {display:block; overflow:hidden; margin-bottom: 30px; width:200px}
.subSidebarLeft ul {list-style:none}
.subSidebarLeft ul li {color: #666; text-align: left; font-size: 14px; padding: 10px; border-bottom: 1px dotted #ddd;}
.subSidebarLeft ul li:first-child  {color: #fff; text-align: left; font-size: 16px; font-weight: bold; padding: 16px 0 16px 10px; border-bottom: solid 2px #000; background: #2b57a7;}

.subclassF {width: 490px; display: block; overflow: hidden;}

.subClassContents {display:block; overflow:hidden}
.subClassContents ul {list-style:none}
.subClassContents ul li {display:block;box-sizing:border-box;}
.subClassContents ul li.classFLocation {font-size: 11px; font-weight: bold; padding: 4px; border: none; text-align: left; color: #2b57a7;}
.subClassContents ul li span.classFLocationAll {font-size: 14px; color: #2b57a7; float: right;}
.subClassContents ul li:nth-child(3) {margin-top:5px}
.subClassContents #subClasstt {font-size: 16px; color: #000; font-weight: bold; padding: 16px 8px; background: #f5f5f5; border-top: 2px solid #2b57a7;}
.subClassContents #subClassDate {font-size:11px; color:#000; font-weight:normal; letter-spacing:0.5px; float:right; line-height:20px}
.subClassContents #subClassDetail {font-size:15px; padding:10px; line-height:24px; letter-spacing:0.1px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;word-break: break-all; min-height: 159px;}

.subBoardTotal {margin-top: 30px; font-size: 12px; letter-spacing: 0.1px;}
.subBoardTotal .subBoardTotalN {color:#FF0004}

.ypSubBoard {width: 490px;}
.ypSubBoard table {width:100%; font-size: 13px;}
.ypSubBoard table th {border-top: 3px solid #444; border-bottom: 1px solid #dbdee2; background: #f8f8f8; height:40px}
.ypSubBoard table th:nth-child(1) {width:40px}
.ypSubBoard table th:nth-child(3) {width:90px}
.ypSubBoard table td {border-bottom: 1px dashed #eaeaea; padding: 12px 0 9px 0; text-align: center;}
.ypSubBoard table td.listTt {text-align: left;}
