@charset "utf-8";
/**
 * @author http://www.cosmosfarm.com/
 */

img { border: 0; }

a,p,td,div{font-family: notokr-regular;}
#indieboard-list-news a:after,
#indieboard-editor-news a:after,
#indieboard-document-news a:after{border: 0;}

.kboard-thumbnail-button-small:link,
.kboard-thumbnail-button-small:visited { 
    position: relative; display: inline-block; *display: inline; zoom: 1; 
    margin: 0; padding: 0 10px; height: 28px; line-height: 27px; font-size: 13px; font-weight: normal; 
    color: #222; background-image: none; background: #fff; border: 1px solid #333; border-radius: 2px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
.kboard-thumbnail-button-small:hover,
.kboard-thumbnail-button-small:focus,
.kboard-thumbnail-button-small:active { 
}


.kboard-thumbnail-button-small02{
display: inline-block;
    margin: 0;
    padding: 12px 34px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #8c807a;
    border-radius: 2px;
    line-height: 1;
    font-size: 14px;
    color: #666;
    -webkit-transition: background 0.3s,color 0.3s;
    transition: background 0.3s,color 0.3s;
     box-shadow: none !important;
}
.kboard-thumbnail-button-small02:hover,
.kboard-thumbnail-button-small02:focus,
.kboard-thumbnail-button-small02:active{
    background-color: #85329a;
    color: #fff;
    transition: background 0.4s, color 0.4s;
}

.kboard-thumbnail-poweredby { float: left; padding-bottom: 15px; width: 100%; font-size: 13px; }
.kboard-thumbnail-new-notify { display: inline-block; *display: inline; zoom: 1; padding: 2px 2px; line-height: 10px; font-size: 10px; color: white; background-color: #22485c;vertical-align: middle; }
.kboard-thumbnail-cut-strings { width: auto; 
/*    overflow: hidden; */
    white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;
    padding-right: 10px;

}

#indieboard-list-news { display: inline-block; *display: inline; zoom: 1; margin: 0 0%; width: 100%;}
#indieboard-list-news .kboard-header-e { float: left; margin-top: 0; width: 100%;
/*display: none;*/
}



#indieboard-list-news .kboard-search-e {  padding-bottom: 5px; width: 100%; text-align: center;background: #f7f7f7;
    padding: 45px 0;
    margin-bottom: 30px;display: inline-block;}


#indieboard-list-news .kboard-search-e select { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 5px 14px; width: 100px; height: 40px; font-size: 12px; color: #666666; border-radius: 3px; border: 1px solid #cccccc; vertical-align: middle; box-shadow: none;
    min-width: 50px;background-color: #fff;line-height: 1;}

#indieboard-list-news .kboard-search-e input { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 6px 2px; width: 200px; height: 40px; font-size: 12px; color: #666666; border-radius: 1px; border: 1px solid #cccccc; line-height: 12px; vertical-align: middle; box-shadow: none; }
#indieboard-list-news .kboard-list01 { float: left; width: 100%; background-color: white;
padding-left: 0%;
}
#indieboard-list-news .kboard-list01 table { display: table; table-layout: fixed; width: 100%; border: 0; font-size: 13px; border-collapse: collapse; }
#indieboard-list-news .kboard-list01 table a { color: black; text-decoration: none; border: 0; box-shadow: none; }

#indieboard-list-news .kboard-list01 table tr { border: 0; 
/*    height: 227px; */
    width: 100%; 
    float: left;
    border-bottom: 1px solid #eee;
    margin: 0 0px 0px 0;
    padding: 30px 0 ;
    background: #fff;
}

#indieboard-list-news .kboard-list01 table td { padding: 0px 0; height: auto; text-align: left; vertical-align: middle;
float: left; font-weight: 500;
}
#indieboard-list-news .kboard-list01 table td.kboard-list01-uid { width: 72px; }
#indieboard-list-news .kboard-list01 table td.kboard-list01-thumbnail01 { 
    width: 206px; height: 150px;
/*border: 1px solid #e3e3e3;*/
    padding-top: 0;
    position: relative;
    margin-left: 60px;
}
#indieboard-list-news .kboard-list01 table td.kboard-list01-thumbnail01 > a{display: block;}

#indieboard-list-news .kboard-list01 table td.kboard-list01-thumbnail01 .icon-picture { font-size: 14px; }
#indieboard-list-news .kboard-list01 table td.kboard-list01-thumbnail01 img { display: inline; vertical-align: middle; 
    width: auto;
    height: 150px;
    margin: 0;
/*    padding-bottom: 3px;*/
}


#indieboard-list-news .kboard-list01 table td.kboard-list01-title { width: auto; }
#indieboard-list-news .kboard-list01 table td.kboard-list01-title img { display: inline; margin: 0; width: 16px; height: 16px; vertical-align: middle; }
#indieboard-list-news .kboard-list01 table td.kboard-list01-user { width: 80px; }
#indieboard-list-news .kboard-list01 table td.kboard-list01-date { width: 75px; }
#indieboard-list-news .kboard-list01 table td.kboard-list01-view { width: 55px; }
#indieboard-list-news .kboard-list01 thead tr td {  color: #545861; border: 0; border-bottom: 2px solid #e3e3e3; }

#indieboard-list-news .kboard-list01 tbody tr td { word-break: break-all; border: 0; 
/*    border-bottom: 1px solid #e3e3e3;*/
    width: 55%; 
}

#indieboard-list-news .kboard-list01 table tr:first-child { 
    border-top: 1px solid #eee;
}

#indieboard-list-news .kboard-list01 tbody tr:hover { background-color: #fefefe; }
#indieboard-list-news .kboard-list01 tbody tr.kboard-list01-notice { background-color: #f4f4f4; }
#indieboard-list-news .kboard-list01 tbody tr.kboard-list01-notice td.kboard-list01-uid {  color: #515151; }
#indieboard-list-news .kboard-list01 tbody td.kboard-list01-title { text-align: left; }
#indieboard-list-news .kboard-list01 tbody td.kboard-list01-title img { display: inline; vertical-align: text-bottom; }
#indieboard-list-news .kboard-list01 .kboard-mobile-contents { display: none; font-size: 12px; color: #c2c2c2; }
#indieboard-list-news .kboard-list01 .kboard-mobile-contents .contents-item { padding: 0 5px 0 0; }
#indieboard-list-news .kboard-list01 .kboard-mobile-contents .contents-item img { width: 12px; height: 12px; vertical-align: middle; }
#indieboard-list-news .kboard-pagination { float: left; padding: 15px 0; width: 100%; }
#indieboard-list-news .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0; width: 100%; line-height: 40px; list-style: none; text-align: center; border: 0; }
#indieboard-list-news .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1px; background: none; border: 0; list-style: none; }
#indieboard-list-news .kboard-pagination .kboard-pagination-pages li a { padding: 6px 11px; border: 1px solid #dddddd; text-decoration: none; font-size: 13px; color: #999999; background-color: white; box-shadow: none;display: inline; }
#indieboard-list-news .kboard-pagination .kboard-pagination-pages li.active a { border: 1px solid #555; color: #333; background-color: #fff; }
#indieboard-list-news .kboard-pagination .kboard-pagination-pages li:before { display: none; }
#indieboard-list-news .kboard-pagination .kboard-pagination-pages li:after { display: none; }
#indieboard-list-news .kboard-control { float: left; padding: 15px 0 1px 0; width: 100%; text-align: right; }

#indieboard-editor-news { display: inline-block; *display: inline; zoom: 1; margin: 0 4% 0 4%; width: 92%; }

#indieboard-editor-news select { display: inline; margin: 0; padding:0 0 0px 10px; font-size: 13px; width: 200px; height: 40px; line-height: 40px; color: #666666; border-radius: 0; border: 1px solid #eee; box-shadow: none;     background-color: #f5f5f5;}

#indieboard-editor-news input[type=text],
#indieboard-editor-news input[type=email],
#indieboard-editor-news input[type=number],
#indieboard-editor-news input[type=data],
#indieboard-editor-news input[type=password] { display: inline; margin: 0; padding:0 0 0px 10px; width: calc( 100% - 220px ); height: 40px; line-height: 40px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #eee; box-shadow: none;     background: #f5f5f5;max-width: 100%; }

#indieboard-editor-news input[type=file] { display: inline; margin: 0; padding: 0; width: 30%; font-size: 12px; color: #666666; border-radius: 0; border: 0; box-shadow: none; background-color: transparent; }



#indieboard-editor-news .kboard-attr-row { float: left; padding: 10px 0; width: 100%; background-color: white;
/*    border-top: 1px solid #eee;*/
}

#indieboard-editor-news .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 30px; width: 180px; line-height: 40px; color: #545861; font-size: 15px;  cursor: auto;}

#indieboard-editor-news .kboard-attr-row .attr-name img { display: inline; margin: 0; padding: 0; max-width: 100%; vertical-align: middle; }
#indieboard-editor-news .kboard-attr-row .attr-value { font-size: 13px; line-height: 40px; }
#indieboard-editor-news .kboard-attr-row .attr-value .attr-value-option { padding-right: 20px; cursor: pointer; }
#indieboard-editor-news .kboard-content { float: left; padding: 9px 0; width: calc( 100% - 220px ); background-color: white; }
#indieboard-editor-news .kboard-content textarea { display: inline; margin: 0; padding: 1%; width: 98%; height: 250px; font-size: 12px;  max-width: 100%;border: 1px solid #aaa;}
#indieboard-editor-news .kboard-control { float: left; padding: 15px 0; width: 100%; }
#indieboard-editor-news .kboard-control .left { position: static; float: left; }
#indieboard-editor-news .kboard-control .right { position: static; float: right; width: 50%; text-align: right; }

#indieboard-document-news { display: inline-block; *display: inline; zoom: 1; margin: 0 4% 0 4%; width: 92%;}
#indieboard-document-news .kboard-document-wrap { float: left; width: 100%; background-color: white; }
#indieboard-document-news .kboard-title { float: left; width: 100%; }
#indieboard-document-news .kboard-title p { margin: 0; padding: 12px 22px; color: #545861;  font-size: 22px; line-height: 30px; }
#indieboard-document-news .kboard-detail { clear: both;  width: 100%; 
/*    border-top: 1px solid #555; */
    border-bottom: 2px solid #555; 
    background-color: #fff; 
    font-size: 12px; text-align: center; padding-bottom: 20px;}
#indieboard-document-news .kboard-detail .detail-attr { display: inline-block; *display: inline; zoom: 1;  margin: 0; padding: 12px 35px 12px 22px; width: 100%;text-align: center;    }
#indieboard-document-news .kboard-detail .detail-attr .detail-name {   color: #444; text-align: right; }
#indieboard-document-news .kboard-detail .detail-attr .detail-value {   color: #444;  font-size: 30px;}
#indieboard-document-news .kboard-detail .detail-attr .detail-value img { vertical-align: middle; }
#indieboard-document-news .kboard-content { clear: both; float: left; width: 100%; min-height: 200px;border-bottom: 1px solid #555; margin-top: 10px;}
#indieboard-document-news .kboard-content .content-view { margin: 0; padding: 22px 22px 22px 35px; word-break: break-all; font-size: 14px;line-height: 22px;    color: #333;}
#indieboard-document-news .kboard-content .content-view img { margin-top: 0; margin-bottom: 0; max-width: 100%;
padding-left: 0%}
#indieboard-document-news .kboard-content .content-view .thumbnail-area { text-align: center; }
#indieboard-document-news .kboard-document-action { padding: 0 22px 5px 22px; overflow: hidden; line-height: 1; }
#indieboard-document-news .kboard-document-action .left { position: static; float: left; }
#indieboard-document-news .kboard-document-action .right { position: static; float: right; text-align: right; }
#indieboard-document-news .kboard-attach { margin: 0 22px; padding: 10px 0 5px 0; font-size: 12px; overflow: hidden; line-height: 1; border-top: 1px dashed #ededed; }
#indieboard-document-news .kboard-button-action { margin: 0 0 5px 0; padding: 4px 5px; font-size: 12px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #ededed; background: none; background-color: transparent; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
#indieboard-document-news .kboard-button-like { color: #ff5959; }
#indieboard-document-news .kboard-button-unlike { color: #3d62aa; }
#indieboard-document-news .kboard-button-print { color: gray; }
#indieboard-document-news .kboard-button-download { color: gray; }
#indieboard-document-news .kboard-comments-area { float: left; width: 100%; }
#indieboard-document-news .kboard-document-navi { float: left; 
/*    padding-top: 15px; */
/*    margin-top: 20px;*/
    width: 100%;     display: none;}
#indieboard-document-news .kboard-document-navi a { display: block; text-decoration: none; border: 0; font-size: 13px; line-height: 20px; box-shadow: none; color: #545861; }
#indieboard-document-news .kboard-document-navi .navi-document-title { display: block; }
#indieboard-document-news .kboard-document-navi .navi-arrow { position: absolute; display: block; }
#indieboard-document-news .kboard-document-navi .kboard-prev-document { position: relative; float: left; width: 100%; }
#indieboard-document-news .kboard-document-navi .kboard-prev-document .navi-document-title { padding-left: 15px; }
#indieboard-document-news .kboard-document-navi .kboard-prev-document .navi-arrow { left: 0; top: 0; }
#indieboard-document-news .kboard-document-navi .kboard-next-document { position: relative; float: left; width: 100%; }
#indieboard-document-news .kboard-document-navi .kboard-next-document .navi-document-title { padding-left: 15px; }
#indieboard-document-news .kboard-document-navi .kboard-next-document .navi-arrow { left: 0; top: 0; }
#indieboard-document-news .kboard-control { float: left; padding: 15px 0;  width: 100%; margin: 15px 0;}
#indieboard-document-news .kboard-control .left { position: static; float: left; }
#indieboard-document-news .kboard-control .right { position: static; float: right; text-align: right; }

#kboard-thumbnail-latest table { display: table; table-layout: fixed; width: 100%; border: 0; border-bottom: 1px solid #e3e3e3; }
#kboard-thumbnail-latest table tr { padding: 0; border: 0; }
#kboard-thumbnail-latest table th { padding: 5px 0; height: auto; border: 0; text-align: center; }
#kboard-thumbnail-latest table td { padding: 5px 0; height: auto; border: 0; border-top: 1px solid #e3e3e3; }
#kboard-thumbnail-latest table .kboard-latest-title { padding-left: 5px; font-size: 13px; }
#kboard-thumbnail-latest table .kboard-latest-date { width: 80px; text-align: center; font-size: 13px;     vertical-align: middle;}
}

.kboard-thumbnail-cut-strings .title-category{
    height: 20px;
    font-size: 14px;
}

.event_txt .title-date{
    height: 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 11px;
    color: #555;
}
.event_txt .title-title{
    margin: 5px 0;
    font-size: 19px;
    white-space:normal;
}
.kboard-thumbnail-cut-strings .contents100{
    white-space:normal;
    font-size: 16px;
    margin-bottom: 10px;
}
.kboard-thumbnail-cut-strings .detail-View{
    font-size: 15px;
    border: 1px solid #8c807a;
    padding: 10px 20px;
    width: 130px;
    height: 39px;
    text-align: center;
    line-height: 15px;
       }
.kboard-thumbnail-cut-strings .detail-View:hover{
    background: #8c807a;
    transition: background 0.1s, color 0.1s;
}

/*이전글 다음글*/
.kboard-document-navi,.kboard-next-document{
    border-top: 1px solid #dcd7d2;
}
.kboard-next-document{
    border-bottom: 1px solid #dcd7d2;
}
.prev-detail-name,.next-detail-name{
    float: left;
    width: 110px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-right: 1px solid #dcd7d2;
}

.prev-detail-value, .next-detail-value{
    float: left;
    height: 60px;
    
}
.prev-detail-value span, .next-detail-value span{
    
    text-align: center;
    line-height: 60px;
}
/*doc 제목 날자*/

.detail-title{
    font-size: 18px;
    
    top: 0;
    left: 0;
    width: 70%;
    /* height: 100%; */
    /* padding: 17px 10px; */
    /* padding-left: 133px; */
    vertical-align: middle;
    text-align: center;
}
.detail-date{
    font-size: 15px;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    padding: 17px 10px;
    padding-left: 133px;
    vertical-align: middle;
}




#photo_blinder{
    background: rgba(90,90,90,0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
/*    padding-top: 25%;*/
/*    padding-left: 45%;*/
    vertical-align: middle;
    z-index: 200;
    
    
}
#photo_blinder:hover{
    background: rgba(120,120,120,0.3); 
}
#photo_blinder .photo_blinder_t{
    border: 2px solid white;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: white;
    margin-left: 38%;
    margin-top: 22%;
    font-size: 15px;
    
}






.chicken-event{
    float: left;
    width: 100%;
    height: 50px;
}
.chicken-event .chicken-event-left{
    float: left;
    width: 48.1%;
}
.chicken-event .chicken-event-right{
    float: left;
    width: 40%;
}
.chicken-event .chicken-event-button{
    display: inline-block;
    margin: 0;
/*    padding: 13px 34px;*/
    cursor: pointer;
    background-color: #fff;
    border: none;
    line-height: 40px;
    font-size: 15px;
    color: #929292;
    -webkit-transition: background 0.3s,color 0.3s;
    transition: background 0.3s,color 0.3s;
    box-shadow: none !important;
    font-weight: 400;
    text-align: center;
    width: 170px;
    height: 40px;
    border-radius: 3px;
    float: left;
}
.chicken-event .chicken-event-right .chicken-event-button:nth-child(2){
    margin-left: 5px;
}

/*기간 날짜*/
#indieboard-document-news .kboard-detail-e { clear: both; float: left; width: 100%; 
    border-bottom: 1px solid #777;
    background-color: #fff;  }
#indieboard-document-news .kboard-detail-e .detail-attr { display: inline-block; *display: inline; zoom: 1; float: left; margin: 0; padding: 5px 25px 5px 30px;
/*width: 49%;*/
}
#indieboard-document-news .kboard-detail-e .detail-attr .detail-name {
     width: 60px;height: 35px; line-height: 35px;
/*    margin-left: 50px;*/
/*    background-color: #fcfcfc;*/
    padding-left: 8px;
    float: left;
    font-size: 13px;
}
#indieboard-document-news .kboard-detail-e .detail-attr .detail-value{ 
    float: left;
    padding-left: 10px; color: #545861;
    height: 35px; line-height: 35px;
/*    width: 200px;*/
    font-size: 12px;
}
#indieboard-document-news .kboard-detail-e .detail-attr .detail-value a:hover{ 
    color: #aaa;
}

.mobile-event{display: none;}


.event_txt{
    font-size: 18px;
    margin: 0 5%;
}
.event_txt .title-title{
    margin: 8px 0 3px 0;
}

#indieboard-document-news .single_pagination {
    display: table;
    width: 100%;
    max-width: 1200px;
    height: 180px;
    margin: 0 auto;
    position: relative;
    border-top: 1px solid #ddd;
}

#indieboard-document-news .single_pagination_prev, #indieboard-document-news .single_pagination_next {
    max-width: 0;
}

#indieboard-document-news .single_pagination_prev,#indieboard-document-news  .single_pagination_title_prev {
    padding-right: 60px;
    padding-left: 20px;
}

#indieboard-document-news .single_pagination_link,#indieboard-document-news  .single_pagination_title {
    display: table-cell;
    width: 50%;
    height: 100%;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    color: #222;
}
#indieboard-document-news .single_pagination_list.single_pagination_link {
    font-size: 0;
}
#indieboard-document-news .single_pagination_list {
    display: block;
    width: 72px;
    height: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -36px;
    margin-left: -36px;
    background: #333 url(/wp-content/plugins/kboard/skin/indie-tech/images/icon-list.png) no-repeat center center;
    background-size: 18px 18px;
    z-index: 1;
    -webkit-transition: background 300ms;
    transition: background 300ms;
}
#indieboard-document-news .single_pagination_list:hover{ background-color: #85329a;}

#indieboard-document-news .single_pagination_next, #indieboard-document-news .single_pagination_title_next {
    padding-left: 60px;
    padding-right: 20px;
}

#indieboard-document-news .single_pagination_link b {
    display: inline-block;
    position: relative;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: color 200ms, padding 300ms;
    transition: color 200ms, padding 300ms;
}
#indieboard-document-news .single_pagination_link span {
    display: block;
    padding-top: 10px;
    -webkit-transition: color 200ms;
    transition: color 200ms;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
#indieboard-document-news .single_pagination_prev:after, #indieboard-document-news .single_pagination_next:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: -1px;
    left: 0;
    background: transparent;
    -webkit-transition: background 300ms;
    transition: background 300ms;
}
#indieboard-document-news .single_pagination_link:hover b,#indieboard-document-news .single_pagination_link:hover span{
    color: #85329a;
}





.contents19{
    font-size: 14px;
    margin: 5px 0;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    line-height: 1.45;
}
.contents19 img{display: none;}
.contents19 br{display: none;}
.contents19 p,.contents19 div{padding: 0; text-align: left !important;    margin-bottom: 0px;margin-top: 1px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: 0.025em}

#indieboard-document-news .kboard-detail .detail-event-date{margin-top: 10px;font-size: 14px;}


#indieboard-list-news .kboard-list01 table td.event_a{
    width: 4%; position: relative;
}
#indieboard-list-news .kboard-list01 table td.event_a a{
    text-align: center;
    display: block;
    border: 1px solid #333;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 40px;
    font-size: 0;
    background: url(/wp-content/plugins/kboard/skin/indie-news-w/images/arrow-r1.png) no-repeat center center;
    background-size: 15px;
}


#indieboard-list-news .kboard-list01 table tr:hover td.event_a a{
    color: #85329a;
    border: 1px solid #85329a;
    background: url(/wp-content/plugins/kboard/skin/indie-news-w/images/arrow-r2.png) no-repeat center center;
    background-size: 15px;
}

#indieboard-list-news .kboard-list01 table tr:hover .event_txt .title-title a{color: #85329a;}

.event_detail_view a{
    font-size: 14px;
/*
    border: 1px solid #8c807a !important;
    padding: 8px 40px;
    width: 130px;
    height: 20px;
    text-align: center;
*/
    line-height: 20px;
    margin: 0 auto;
    color: #555 !important;
}

.event_detail_view a:hover{
    background: #eee;
    transition: background 0.4s, color 0.4s;
    color: #aaa;
}


.sub-tab span.on {
    position: absolute;
    display: block;
    left: -9999px;
    width: 137px;
    height: 36px;
    z-index: 1;
    border: 1px solid #202020;
    border-bottom: 2px solid #fff;
}

.sub-tab a {
    position: absolute;
    display: block;
    width: 123px;
    height: 25px;
    padding: 11px 0 0 14px;
    color: #797873;
    border: 1px solid #c4c2c0;
    border-bottom: 0;
}

/* 에디트 테두리 */
#mceu_31-body{
    border: 1px solid #eee;
}

/* mayj 테마 특성 밑줄 */
#indieboard-list-news a::after{
    height: 0;}
#kboard-thumbnail-latest .kboard-latest-title a::after{
    height: 0;}
.kboard-latest-date a::after{
    height: 0;}


/* */

.kboard-category-event-list{
    width: 100%;
    margin: 0 0 50px 0 !important;
    -webkit-box-shadow: 2px 3px 7px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 3px 7px 1px rgba(0,0,0,0.05);
    display: inline-block;font-size: 0;
}
.kboard-category-event-list>li{
    width: 33.3333333333%;
    display: inline-block;
    text-align: center;
    position: relative;
    list-style: none;margin-bottom: 0px !important;
}

.kboard-category-event-list>li:before {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    position: absolute;
    left: 0;
    top: 50%;
    background: #ddd;
}
.kboard-category-event-list>li:first-child:before{width: 0px;}

.kboard-category-event-list>li.kboard-category-event-selected:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #22485c;
}

.kboard-category-event-list>li a{
    display: block;
    padding: 22px 0;
}
.kboard-category-event-list>li a span{
    font-size: 22px;
    color: #ccc;
}
.kboard-category-event-list>li.kboard-category-event-selected a span,
.kboard-category-event-list>li a:hover span{color: #22485c}


#indieboard-list-news .kboard-list01 tbody{border: 0;}

/* kboard-default-list */

#kboard-default-list .kboard-pagination {
    float: left;
    padding: 15px 0;
    width: 100%;
}
#kboard-default-list .kboard-pagination .kboard-pagination-pages {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 40px;
    list-style: none;
    text-align: center;
    border: 0;
}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 0 1px;
    background: none;
    border: 0;
    list-style: none;
}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a {
    padding: 6px 11px;
    border: 1px solid #dddddd;
    text-decoration: none;
    font-size: 13px;
    color: #999999;
    background-color: white;
    box-shadow: none;
    display: inline;
}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {
    border: 1px solid #555;
    color: #333;
    background-color: #fff;
}

#kboard-default-list .kboard-search-e {
    padding-bottom: 5px;
    width: 100%;
    text-align: center;
    background: #f7f7f7;
    padding: 45px 0;
    margin-bottom: 30px;
    display: inline-block;
}
#kboard-default-list .kboard-search-e select {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 5px 14px;
    width: 100px;
    height: 40px;
    font-size: 12px;
    color: #666666;
    border-radius: 3px;
    border: 1px solid #cccccc;
    vertical-align: middle;
    box-shadow: none;
    min-width: 50px;
    background-color: #fff;
    line-height: 1;
}
#kboard-default-list .kboard-search-e input {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 6px 2px;
    width: 200px;
    height: 40px;
    font-size: 12px;
    color: #666666;
    border-radius: 1px;
    border: 1px solid #cccccc;
    line-height: 12px;
    vertical-align: middle;
    box-shadow: none;
}
#kboard-default-list .kboard-control {
    text-align: right;
}


#kboard-default-list .kboard-list01 tr td{padding: 12px 6px;text-align: center;}
#kboard-default-list .kboard-list01 .kboard-list-title{text-align: left;}
#kboard-default-list .kboard-list01 thead .kboard-list-title{text-align: center;}
#kboard-default-list .kboard-list01 thead tr td:nth-child(1){min-width: 44px;}
#kboard-default-list .kboard-list01 thead tr td:nth-child(2){}
#kboard-default-list .kboard-list01 thead tr td:nth-child(3){}
#kboard-default-list .kboard-list01 thead tr,
#kboard-default-list .kboard-list01 tr{background-color: transparent;}
#kboard-default-list .kboard-list01 tbody{background-color: transparent;border: 0;}
#kboard-default-list .kboard-list01 tbody td{border-bottom: 1px solid #e2e2e2;}



/* 000000000000000000000 1200       000000000000000*/


@media screen and (max-width: 1200px) {

    #indieboard-editor-news .kboard-content {
        width: 67%; }
}


@media screen and (max-width: 1080px) {
    .kboard-detail .detail-date{
    display: none  !important;
    }
    .kboard-detail .detail-title{
        width: 100% ;
    }
    .chicken-event{
        height: 50px;
    }
    .chicken-event .chicken-event-left{
    float: left;
    width: 216px;
}
.chicken-event .chicken-event-right{
    float: left;
    width: 250px;
}
    .chicken-event .chicken-event-button{
    padding: 10px 5px;    
    font-size: 12px;    
    width: 100px;
    height: 20px;
    line-height: 20px;
    
}
    #indieboard-list-news .kboard-list01{
/*        padding-left: 6%;*/
    }
    
    
    #indieboard-document-news .kboard-detail-e .detail-attr {
    display: inline-block;
    zoom: 1;
    float: left;
    margin: 0;
    padding: 5px 25px 5px 30px;
    width: 100%;
}
    #indieboard-document-news .kboard-detail-e .detail-attr .detail-value{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}
    #indieboard-document-news .kboard-content .content-view img { padding-left: 0%}
    
    
    #indieboard-list-news .kboard-list01 table tr{
        width: 50%;height: inherit;
    }
    #indieboard-list-news .kboard-list01 table td.event_a{display: none;}
    #indieboard-list-news .kboard-list01 table tr {   border-bottom: 0px solid #eee;}
    #indieboard-list-news .kboard-list01 table tr:first-child {  border-top: 0px solid #eee; }

    #indieboard-list-news .kboard-list01 table td.kboard-list01-thumbnail01 {margin-left: 0px;}
    
    #indieboard-list-news .kboard-search-e {  ;background: #fff;}
}


@media screen and (max-width: 800px) {
    
    
   
    
    .kboard-list01-thumbnail01, .kboard-document-navi{
/*    display: none;*/
    }
    
    .chicken-event .chicken-event-left{
    float: left;
    width: 180px;
}
.chicken-event .chicken-event-right{
    float: left;
    width: 180px;
}
    .chicken-event .chicken-event-button{
    padding: 8px 3px;    
    font-size: 12px;    
    width: 80px;
    height: 20px;
    line-height: 20px;
    
}
    #indieboard-list-news .kboard-list01{
        padding-left: 1%;
    }
    

/*기간 날짜 */
      #indieboard-document-news .kboard-detail-e .detail-attr {
    padding: 5px 35px 5px 30px;
    width: 100%;
    }
    
    #indieboard-document-news .kboard-detail .detail-attr .detail-value {
    padding-left: 7px;
    font-size: 18px;    }
    
      
    
    

   
    
    
#indieboard-list-news .kboard-list01 table td.kboard-list01-thumbnail01 {
    width: 280px;
    padding: 0px;
}
#indieboard-list-news .kboard-list01 tbody tr td {
    width: 100%;
}
    .contents19 {
    display: none;
}

     #indieboard-list-news .kboard-list01 table td.kboard-list01-thumbnail01 img { 
        width: 100%;
        height: auto;
    }
    #indieboard-list-news .kboard-list01 table td.kboard-list01-thumbnail01{
    width: 94%;
    height: inherit;
    padding: 0px;
}
    #photo_blinder .photo_blinder_t {
    margin-left: 47%;
    margin-top: 24%;
}
    .event_txt {
    margin: 0 0 0 0%;
}
    .event_detail_view{
        margin: 10px 0 5px 0;
    }
    .event_txt .title-title {
    margin-top: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.5em;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: -0.025em;
}
    
}

/*0000000000000000000000000000000000000000000000000*/

@media screen and (max-width: 600px) {
    
    #indieboard-list-news {
        width: 100%;margin: 0%;}
    
	#indieboard-list-news .kboard-search-e { clear: both; float: left; width: 100%; text-align: center; }
	#indieboard-list-news .kboard-search-e select { float: left; margin-right: 1%; width: 29%; }
	#indieboard-list-news .kboard-search-e input { float: left; margin-right: 1%; width: 49%; }
	#indieboard-list-news .kboard-search-e button { float: left; width: 20%; }
	#indieboard-list-news .kboard-list01 table { 
/*        border-top: 1px solid #e3e3e3;*/
    }
	#indieboard-list-news .kboard-list01 table thead { display: none; }
    
	
    #indieboard-list-news .kboard-list01 table tr{
        width: 46%;padding: 2%; height: inherit;
    }
    #indieboard-list-news .kboard-list01 table td.event_a{display: none;}
   
	#indieboard-list-news .kboard-list01 table td.kboard-list01-title .kboard-thumbnail-cut-strings { line-height: 40px; }
	#indieboard-list-news .kboard-list01 table td.kboard-list01-uid,
	#indieboard-list-news .kboard-list01 table td.kboard-list01-user,
	#indieboard-list-news .kboard-list01 table td.kboard-list01-date,
	#indieboard-list-news .kboard-list01 table td.kboard-list01-view { display: none; }
	#indieboard-list-news .kboard-list01 .kboard-mobile-contents { display: block; }
	#indieboard-list-news .kboard-pagination .kboard-pagination-pages li { display: none; }
	#indieboard-list-news .kboard-pagination .kboard-pagination-pages li.first-page,
	#indieboard-list-news .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
	#indieboard-list-news .kboard-pagination .kboard-pagination-pages li.prev-page,
	#indieboard-list-news .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
	#indieboard-list-news .kboard-pagination .kboard-pagination-pages li.prev-page a,
	#indieboard-list-news .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 6px 18px; }
	#indieboard-list-news .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
	
	#indieboard-editor-news select,
	#indieboard-editor-news input[type=text],
	#indieboard-editor-news input[type=email],
	#indieboard-editor-news input[type=number],
	#indieboard-editor-news input[type=data],
	#indieboard-editor-news input[type=password],
	#indieboard-editor-news input[type=file] { width: 100%; }
	#indieboard-editor-news .kboard-attr-row { padding: 10px 0; }
	#indieboard-editor-news .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
	
	#indieboard-document-news .kboard-title p { padding: 10px 5px; font-size: 18px; }
	#indieboard-document-news .kboard-content .content-view { padding: 10px 8px; font-size: 14px; }
	#indieboard-document-news .kboard-detail .detail-attr { clear: both; padding: 10px 8px; line-height: normal; }
	#indieboard-document-news .kboard-document-action { padding: 10px 5px 5px 5px; }
	#indieboard-document-news .kboard-attach { margin: 0 5px; padding: 10px 0 5px 0; }
	#indieboard-document-news .kboard-document-navi .kboard-prev-document { width: 100%; }
	#indieboard-document-news .kboard-document-navi .kboard-next-document { margin-top: 0px; float: left; width: 100%; text-align: left; }
    
    
    .chicken-event .chicken-event-left{
    float: left;
    width: 32.5%;
}
.chicken-event .chicken-event-right{
    float: left;
    width: 63%;
}
.chicken-event .chicken-event-button{
    padding:5px 5px;    
    font-size: 12px;    
    width: 90px;
    height: 20px
}
    

    
/* 기간 날짜   */
        #indieboard-document-news .kboard-detail-e .detail-attr {
    padding: 1px 15px 1px 1px;
    width: 100%;
    }
    #indieboard-document-news .kboard-detail-e .detail-attr .detail-value{ 
    padding-left: 10px;
    height: 30px; line-height: 35px;
    font-size: 12px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
    }
    #indieboard-document-news .kboard-detail-e{
/*    border:none;*/
    }
/* 버튼   */
    .kboard-thumbnail-button-small02{
    padding: 12px 12px;
    font-size: 14px;
}
    #indieboard-list-news .kboard-list01 {
    padding-left: 0%;
    
}
/*600*/

    
.mobile-event li a {
    width: 50px;
}
    
#indieboard-list-news .kboard-list01 tbody tr td {
    width: 100%;
}
    
    .title-date,.title-category{
        font-size: 14px;
    }
    .title-title{
        font-size: 16px;
    }
    
    #photo_blinder .photo_blinder_t {
        margin-left: 43%;margin-top: 22%;}

    #indieboard-editor-news .kboard-content {
    width: 100%;
}
    .ch>div a span { font-size: 18px;}
/*    600 */
}



@media screen and (max-width: 480px){
   .chicken-event .chicken-event-left{
    float: left;
/*    width: 180px;*/
}
.chicken-event .chicken-event-right{
    float: left;
/*    width: 180px;*/
}
.chicken-event .chicken-event-button{
    padding: 4px 1px;
    font-size: 12px;
    width: 90px;
    height: 20px;
}
    #indieboard-document-news .kboard-detail .detail-attr .detail-value {
    padding-left: 00px;
    font-size: 18px;
    }

    
    
    
      
.mobile-event li a {
    line-height: 33px;
    font-size: 12px;
    }
    
    #photo_blinder .photo_blinder_t{
    margin-left: 38%;
}
    
    .prev-detail-value, .next-detail-value {
    float: left;
    height: 45px;
}
    .prev-detail-name, .next-detail-name {
    height: 45px;
    line-height: 45px;
}
    .prev-detail-value span, .next-detail-value span {
    line-height: 45px;
}
    
    
    
}