.contents {
    margin: 20px 0 30px 0;
}

.contents .left {
    float: left;
    word-wrap: break-word;
}

.contents .middle {
    float: left;
    height:100%;
    min-height:235px;
    word-wrap: break-word;
}

.contents .right {
    float: right;
    word-wrap: break-word;
}

.contents .left {
    width: 260px;
    padding-right: 26px;
    background: url(../img/common/index_bg.png) repeat-y;
}

.contents .middle {
    width: 320px;
    padding-left: 25px;
    padding-right: 25px;
    background: url(../img/common/bg_right.png) 369px repeat-y;
}

.contents .right {
    width: 259px;
    margin-left: 26px;
}

.left .list {
    padding: 12px 0 10px 0;
    border-bottom: 1px dashed #C4C9CF;
}

.left .list.top {
    padding: 10px 0 15px 0;
    border-bottom: 1px dashed #C4C9CF;
}

.left .noresult {
    padding: 12px 0 10px 0;
    border:none;
}

.middle .list {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #C4C9CF;
}

.list-cartoon .list.last {
    border-bottom: 0;
}

.blog-best-list.list {
    padding-top:0px;
}

.left .list.last {
    padding: 12px 0 17px 0;
    border: none;
}

.list .subject {
    margin-bottom: 7px;
    font-weight: bold;
}

.left .list .txt .thum {
    width: 84px;
    height: 53px;
}

.list .subject a {
    font-size: 14px;
    color: #333333;
}

.left .list .info {
    margin-bottom: 10px;
}

.list .info span {
    margin-left: 4px;
    margin-right: 7px;
    font-size: 11px;
}

.list .info span:first-child {
    margin-left: 0;
}

.list .txt .sub-guide {
    margin-top: 3px;
    margin-bottom: 5px;
}

.list .nick, .list .nick a {
    color: #f75e2f;
}

.list .date, .list .date a, .list .hit, .list .hit a {
    color: #999999;
}

.list .txt .thum {
    float: left;
    margin-right: 10px;
}

.list .img.con {
    position: relative;
    top: 2px;
}

.list .con, .list .con a {
    color: #555555;
}

.bottom.left {
    width: 260px;
    padding-right: 26px;
    background: url(../img/common/index_bg.png) repeat-y;
}

.recom {
    margin-top: 0px;
    background:url(../img/common/subject_tag_cloud.png) no-repeat top left !important;
    padding-top:35px;
}

.sub-guide .sub a {
    font-weight: bold;
    color: #333;
    line-height: 15px;
}

.recom .list .guide, .recom .list .guide a {
    color: #999999;
    font-size: 11px;
    display: block;
    padding-top: 5px;
}

.recom .list.last {
    border: none;
}

.recom .list .txt {
    height: 62px;
    margin-bottom: 10px;
}

.bottom .subject-img {
    padding-top: 20px;
    padding-bottom: 10px;
}


.best-img .progress {
    float: left;
}

.best-img .progress ul {
    padding: 0;
    margin: 0;
    position: absolute;
}

.best-img .progress li {
    list-style: none;
    display: inline-block;
    background: #CCC;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.best-img .progress li.selected {
    background: #999;
    width: 10px;
    height: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.best-img .subject-img {
    margin-bottom: 10px;
}

.best-img .thum {
    width: 320px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 10px;
}

.best-img .allow {
    float: right;
}

.subject.nomargin {
    margin-bottom: 0;
}

.subject .area {
    color: #999999;
    font-size: 11px;
}

.list.multi .subject a {
    font-size: 12px;
}

.list.multi .nick img, .list.multi img {
    top: 1px;
    position: relative;
    margin-right: 5px;
}

.board .list .dot {
    top: 5px;
    position: relative;
    margin-right: 5px;
}

.list.multi .nick {
/*    color: #999999; */
    font-size: 11px;
}

.list.multi li:first-child {
    margin-top: 0;
}

.list.multi li {
    margin-top: 5px;
    line-height: 17px;
}

.festival-info {
    margin-top: 10px;
}

.festival-info > ul {
    height:60px;
    width:321px; /* osx chrome bug fix */
}

.festival-info > ul > li {
    float: left;
    margin-right:5px;
    margin-top:4px;
}

.festival-info > ul > li:nth-child(4n) {
    margin-right:0px;
}

.festival-info img {
    width:76px;
    height:50px;
    z-index:0;
}

.festival-info > ul > li:nth-child(4n) img {
    width:77px;
}

.festival-info div {
    width:76px;
    height:50px;
    margin-top:-50px;
    line-height:50px;
    text-align: center;
    background: rgba(0,0,0, 0.5);
    color: #FFFFFF;
    font-weight:bold;
    position: absolute;
    z-index:1;
}

.festival-info > ul > li > a {
    font-size:12px;
    font-weight:bold;
    display:inline-block;
    position: relative;
    padding:0;
}

/*
.festival-info a:nth-child(odd) {
    float:right;
}
*/

div.campcompass div.list {
    border-bottom: 0;
    padding-top: 0 !important;
}

.food-info {
    margin-top: 0px;
    margin-bottom: 10px;
}

.food-info a {
    position:relative;
    display:inline-block;
}

.food-info img {
    /* 156 104 */
    width:60px;
    height:40px;
    z-index:0;
}

.food-info .new {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
}

.food-info > ul {
    height:60px;
    margin-top:4px;
    width:261px; /* osx chrome bug fix */
}

.food-info > ul > li {
    float: left;
    padding-top:2px;
    margin-right:6px;
}

.food-info > ul > li:nth-child(4n) {
    margin-right:0;
}

.food-info img {
    width:60px;
    height:40px;
    z-index:0;
}

.food-info > ul > li:nth-child(4n+1) img, .food-info > ul > li:nth-child(4n) img {
    width:61px;
}

.thum-subject {
    margin-bottom: 15px;
    height: 64px;
}

.rr {
    width: 656px;
    float: left;
}

.rr .middle .info {
    margin-bottom: 4px;
}

.right .banner, .right .banner img {
    width: 260px;
    height: 150px;
}

.board .list a {
    font-size: 12px;
    font-weight: normal;
}

.board {
/*    padding-top: 20px; */
    padding-bottom: 0px;
}
.board.noborder {
    border:0;
}

.board .subject {
    margin-top: 5px;
}
.board .subject.first {
    margin-top:0;
}

.board .list li {
    line-height: 22px;
    height: 22px;
}

.board .list li.skeleton {
    display:none;
}

.board .list li span.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:100%;
    display:block;
}

.right .banner2 {
    margin-top: 20px;
    width: 260px;
    height: 220px;
}

.board .more {
    float: right;
}
.board .more a {
    color:#9a9a9a;
}

.bottom.right {
    float:right;
    background: none;
    width: 630px;
    padding: 0;
    margin-left: 25px;
    min-height:inherit;
    border-top: 1px solid #d5d5d5;
}

.con {
    line-height: 16px;
}

.post-contents {
    line-height: 20px;
}

.post-contents table {
    border-collapse: collapse;
    border:1px solid #ccc;
}

.post-contents td, .post-contents th {
    border:1px solid #ccc;
    padding:2px;
}

.post-contents ul, .contentspreview ul {
    margin: initial;
    padding: 0 0 0 3em;
    list-style: initial;
}

.redactor-editor ul {
    list-style: initial;
}

.con img {
    max-width:100%;
    height:auto;
}

.list .sub-info {
    float: left;
}

.list .subject {
    line-height: 16px;
}

.ul-auction li {
    float: left;
    padding-left: 10px;
    padding-right: 9px;
    border-left: 1px solid #d5d5d5;
}

.ul-auction li.last     {
    margin-left:1px;
    padding-right: 0;
}

.ul-auction li:first-child {
    padding-left: 0;
    border-left: none;
}

.ul-auction .thum {
    width: 142px;
    height: 94px;
}

.ul-auction .sub {
    margin: 2px 0 3px 0;
}

.ul-auction .sub a {
    color: #333333;
}

.ul-auction .txt {
    color: #999999;
    line-height: 16px;
    font-size: 11px;
}

.ul-auction .gm {
    margin-top: 7px;
    width:141px;
    height:22px;
    background:#2446a2;
    color:white;
    font-size:11px;
    letter-spacing:-0.2pt;
}
.ul-auction .gm span {
    margin-top:2px;
    margin-left:5px;
    display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}
.ul-auction .gm.status2,.ul-auction .gm.status3,.ul-auction .gm.status4,.ul-auction .gm.status5 {
    background:#919191;
}

.txt .count {
    color: #f72f39;
    font-weight: bold;
}

.thum2 img, .banner img, .banner2 img {max-height: 100%; max-width: 100%;}
.thum img { max-height:100%; max-width:100% }
.thum, .banner, .banner2 { text-align:center; }
.recom .thum { text-align:left }

.blog-best {
    padding-bottom:10px;
}
.blog-best .list.last {
    border: none;
    padding-bottom: 5px;
}

.blog-best .thum2 {
    width: 100px;
    height: 64px;
    margin-right: 5px;
    float:left;
}

.blog-best {
    width:260px;
    text-align:left;
}

.best-img .thum img {
    max-width:none;
    max-height:none;
}

.middle .blog-best {
    width: 100%;
}

.blog-best .subject-box {
    background-image:url(../img/common/subject_holiday.png);
}

.left.top {
    width:656px;
    float:left;
    padding-right:0;
    background: url(../img/common/index_bg.png) repeat-y, url(../img/common/bg_right.png) 655px repeat-y;
}

.blog-travel {
    background: url(../img/common/bg_right.png) 344px repeat-y;
    height:100%;
}

.blog-travel-img .thum {
    max-width:none;
    max-height:none;
    width: 259px;
    height: 162px;
    overflow: hidden;
    margin-top:10px;
    margin-bottom: 10px;
}

a.subject-box {
    width:100%;
    height:28px;
    color:#FFF;
    font-weight:bold;
    display:block;
    background:#3C5597 top left no-repeat;
}
a.subject-box:hover {
    color:#FFF;
}
a.subject-box span {
    margin:5px 0 0 34px;
    font-size:12px;
    letter-spacing:-0.2pt;
    display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.festival-info .subject-box {
    background-image:url(../img/common/subject_event.png);
}

.blog-travel .subject-box {
    background-image:url(../img/common/subject_blog_best.png);
}

.recom .subject-box {
    background-image:url(../img/common/subject_recom.png);
}

.guideauction .subject-box {
    background-image:url(../img/common/subject_gallery.png);
}

.campcompass .subject-box {
    background-image:url(../img/common/subject_campcompass.png);
}

.food-info .subject-box {
    background-image:url(../img/common/subject_food.png);
}

.list-info .subject-box {
    margin-top: 0px;
    background:url(../img/common/subject_info.png) no-repeat top left;
/*    background-color:#b0b3bc; */
}
.list-info span.subject {
    width:185px;
    display:inline-block;
}
.list-info span.date-text {
    width:70px;
    text-align:right;
    display:inline-block;
    font-size:0.8em;
}

.list-event .subject {
    margin-top: 0;
}

.list-event .subject-box {
    margin-top: 0;
    background:url(../img/common/subject_main_event.png) no-repeat top left #E76A18;
}
.list-event .subject-box span {
    margin-left:34px;
}

.list-event .list {
    margin-top:10px;
    padding-bottom:5px;
    border-bottom: 1px dashed #C4C9CF;
}

.list-event .list li {
    height:auto;
    line-height:auto;
}
.list-event span.subject {
    width:100%;
    display:inline-block;
    margin-bottom:1px;
}
.list-event span.image {
    width:100%;
    height:196px;
    display:block;
    margin-bottom:2px;
}
.list-event span.image img {
    width:260px;
    height:196px;
}
.list-event span.date-text {
    width:100%;
    text-align:left;
    display:inline-block;
    font-size:0.8em;
    line-height:16px;
}

.list-cartoon .subject-box {
    margin-top: 0px;
    background:url(../img/common/subject_cartoon.png) no-repeat top left #3c976d;
}
.list-cartoon .subject-box span {
    margin-left:40px;
}
.list-cartoon .list {
    margin-top: 10px;
}
.list-cartoon .list li {
    height:auto;
    line-height:auto;
}
.list-cartoon span.subject {
    width:100%;
    display:inline-block;
    margin-bottom:1px;
}
.list-cartoon span.image {
    width:100%;
    display:inline-block;
    margin-bottom:7px;
}
.list-cartoon span.image img {
    max-width:none;
    max-height:none;
    width: 259px;
    height: auto;
    overflow: hidden;
}
.list-cartoon span.date-text {
    width:100%;
    text-align:left;
    display:inline-block;
    font-size:0.8em;
    line-height:16px;
}

.subject .txt {
    letter-spacing:-0.2pt;
    color:#333;
    font-weight:bold;
}
.subject .txt a {
    font-size:11px;
    color:#333;
}

.board .last {
    clear:both;
}

.guideauction .ul-auction {
    padding-top:15px;
}

.icon-b {
    vertical-align: middle;
    background: url(../img/common/icon_b.png);
    margin: 0;
    border: 0;
    cursor: pointer;
    width: 14px;
    height: 13px;
}

.thum, .thum2 {
    text-align:center !important;
    background:#EFEFEF;
}
.thum img, .thum2 img {
    vertical-align:middle;
}

.sns-btn-wrap {
    display:none;
}
.sns-btn {
    margin-top:5px;
}
.sns-btn .fb-like {
    margin-right:5px;
    width:90px !important;
    display:inline-block !important;
}
.sns-btn .tw-share {
    display:inline-block;
}
.sns-btn .tw-share-width-80 {
    width:80px;
}

.best-img .facebook .sns-btn {
    margin-top:0;
}


#main_gallery {
    list-style:none;
    margin-top:10px;
    margin-bottom:10px;
}
#main_gallery li {
    margin:5px 0;
    text-align:center;
}
#main_gallery li img {
    vertical-align:top;
    max-width:100px;
    max-height:140px;
}
#main_gallery li.first img {
    vertical-align:bottom;
}
#main_gallery img {
    background:#a5b5de;
    /*
    box-shadow:3px 3px 3px #999;
    -moz-box-shadow:3px 3px 3px #999;
    -webkit-box-shadow:3px 3px 3px #999;
    */
}

/* 태그 클라우드용 */
#wordclouds {
    font-size:24px;
    line-height:24px;
    width:100%;
}
#wordclouds a.tag {
    color:#062A82;
    font-weight:bold;
}
#wordclouds a.tag-weight-0 {
    opacity:0.1;
    font-size:0.1em;
}
#wordclouds a.tag-weight-1 {
    opacity:0.2;
    font-size:0.2em;
}
#wordclouds a.tag-weight-2 {
    opacity:0.4;
    font-size:0.4em;
}
#wordclouds a.tag-weight-3 {
    opacity:0.6;
    font-size:0.6em;
}
#wordclouds a.tag-weight-4 {
    opacity:0.8;
    font-size:0.8em;
}
#wordclouds a.tag-weight-5 {
    opacity:1;
    font-size:1em;
}

span.text-new-icon.hide {
    display:none;
}

.banner-event-right {
/*     width:259px;
    height:100px; */
}

.banner-event-right img {
    margin:5px 0;
}

.middle .list.only-subject {
    padding-top: 1px;
    padding-bottom: 1px;
}

.banner-left-top-arex {
    margin-bottom: 10px;
}

#contents_top
{
    margin-bottom: 0px;
}

#contents_bottom
{
    margin-top: 5px;
}