/*******************************************************************************************/
/*  작 성 자 : 한명찬
/*  작 성 일 : 2016.
/*  수 정 일 : 2016.
/*  버     전 : 0.0.1
/*  설     명 : 게시물 설정
/*  위     치 : /css/board/layout.css
/*******************************************************************************************/

/*******************************************************************************************/
/* 게시물관리 입력컨트롤 설정 시작
/*******************************************************************************************/

/* 댓글 등록 */
textarea#comment_contents
{
    width: 99%;
    height: 60px;
    overflow-y: auto;
    border: 1px solid #333;
}

/* 단축 URL */
input#copyurltext
{
    border: none;
    height: 17px;
    line-height: 10px;
    vertical-align: middle;
    text-align: right;
    overflow: hidden;
}



.embeddedContent { 
    margin: 0;
    position: relative;
    overflow: hidden;
} 

.embeddedContent > iframe, 
.embeddedContent > object,
.embeddedContent > embed {
    margin: 0;
    padding: 0;  
    max-width: 100% !important; 
    max-height: 100% !important;
    top: 0; 
    left: 0; 
}
/*******************************************************************************************/
/* 게시물관리 입력컨트롤 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 게시물관리 목록 설정 시작
/*******************************************************************************************/
div.articles div.list
{
    clear: both;
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    max-width: 1200px;
    width: 100%;
    min-width: 1px;
    text-align: left;
}

/* 입력항목 제목 */
div.articles div.list a.subject
{
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    color: #333;
    text-decoration: none;
}

div.articles div.list h3.subject
{
    margin: 0 0 20px 0;
    padding: 0 5px 0 0;
    line-height: 22px;
    color: #333;
    vertical-align: middle;
    font-size: 18px;
    letter-spacing: -1px;
    text-align: left;
    /*background: url(/images/board/icon_sub_title.png) 0 0 no-repeat;*/
}

div.articles div.list h3.subject i.im-note-o:before
{
    display: inline-block;
    margin: 0 0 0 0 0;
    padding: 0 8px 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
}

div.articles div.list table.list
{
    clear: both;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	text-align: center;
	border: none;
    border-top: 1px solid #333;
	border-collapse: collapse;
    /*table-layout: fixed;*/
}

div.articles div.list table.list caption
{
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    text-align: left;
}

div.articles div.list table.list thead,
div.articles div.list table.list thead tr
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.list table.list thead tr th
{
    color: #000;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    text-align: center;
    background: #fff;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    /*background: #fff url(/images/board/icon_line.gif) left center no-repeat;*/
}

div.articles div.list table.list tbody,
div.articles div.list table.list tbody tr
{
    clear: both;
    width: 100% !important;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.list table.list tbody tr
{
    width: 100% !important;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
    
    
div.articles div.list table.list tbody tr td
{
    display: block;
    float: left;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #CDCDCD;
}
    
div.articles div.list table.list tbody tr td.no
{
    width: 7% !important;
}

div.articles div.list table.list tbody tr td.current
{
    color: #B93737;
    font-size: 11px;
}

div.articles div.list table.list tbody tr td.subject
{
    width: 63% !important;
}

div.articles div.list table.list tbody tr td.name
{
    width: 10% !important;
}

div.articles div.list table.list tbody tr td.reg-date
{
    width: 10% !important;
}

div.articles div.list table.list tbody tr td.hit
{
    width: 5% !important;
}

div.articles div.list table.list tbody tr td.up
{
    width: 5% !important;
}

    
/*div.articles div.list table.list tbody tr td
{
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    text-align: center;
    vertical-align: top;
    border-bottom: 1px solid #CDCDCD;
}*/

div.articles div.list table.list tbody tr.focus td
{
    /*background: #FFF url(/images/board/icon_line.gif) 0 12px no-repeat;*/
}

div.articles div.list table.list tbody tr td.no i.im-angle-right-circle:before
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #B93737;
    font-weight: bold;
    text-align: center;
}

/* 제목 */
div.articles div.list table.list tbody tr td.subject
{
    color: #000;
    font-weight: bold;
    text-align: left;

}

div.articles div.list table.list tbody tr td.subject a
{
    float: left;
    display: block;
    max-width: 80%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.list table.list tbody tr td.subject a:hover
{
    color: #300000;
    text-decoration: none;
}

div.articles div.list table.list tbody tr td.subject a span.title
{
    display: block;
    width: 100%;
    margin: 0 3px 0 0;
    padding: 0 0 0 0;
}

div.articles div.list table.list tbody tr td.subject a span.current
{
    color: #B93737 !important;
}


div.articles div.list table.list tbody tr td.subject a span.title xmp
{
    display: block;
    width: 100%;
    min-width: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 새글표시 */
div.articles div.list table.list tbody tr td.subject span.new
{    
    float: left;
    display: block;
    position: relative;
    
    width: 16px;
    height: 35px;
    line-height: 35px;
    margin: 0 3px 0 3px;
    padding: 0 0 0 0;
    vertical-align: middle;
}

div.articles div.list table.list tbody tr td.subject span.new > img
{
    position: absolute;
    top: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 14px;
    height: 14px;
    line-height: 35px;
}

/* 첨부파일 */
div.articles div.list table.list tbody tr td.subject span.file
{
    float: left;
    display: block;
    position: relative;
    
    min-width: 16px;
    height: 35px;
    line-height: 35px;

    margin: 0 3px 0 3px;
    padding: 0 0 0 0;

    vertical-align: middle;
}

div.articles div.list table.list tbody tr td.subject span.file img
{
    position: absolute;
    top: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-width: 16px;
    height: 16px;
    line-height: 35px;
}

div.articles div.list table.list tbody tr td.subject span.file i.im-picture-o:before,
div.articles div.list table.list tbody tr td.subject span.file i.im-file:before,
div.articles div.list table.list tbody tr td.subject span.file i.im-paper-clip:before,
div.articles div.list table.list tbody tr td.subject span.file i.im-youtube:before
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 20px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #333;
    text-align: left;
}

div.articles div.list table.list tbody tr td.subject span.file i.im-picture-o:before
{
    font-weight: bold;
    color: #999;
}

div.articles div.list table.list tbody tr td.subject span.file i.im-youtube:before
{
    font-size: 13px;
    font-weight: bold;
    color: #999;
}

div.articles div.list table.list tbody tr td.subject span.file i.im-paper-clip:before
{
    font-weight: bold;
    color: #138F15;
}

/* 첨부파일 */
div.articles div.list table.list tbody tr td.subject span.lock
{
    float: left;
    display: block;
    position: relative;
    height: 35px;
    line-height: 35px;

    margin: 0 3px 0 3px;
    padding: 0 0 0 0;
    vertical-align: middle;
}

div.articles div.list table.list tbody tr td.subject span.lock img
{
    position: absolute;
    top: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 16px;
    height: 16px;
    line-height: 35px;
}

div.articles div.list table.list tbody tr td.subject span.lock i.im-lock:before
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 20px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #333;
    text-align: left;
}

div.articles div.list table.list tbody tr td.subject span.comment_count
{
    float: left;
    display: inline-block;
    color: #B93737;
    margin: 0 3px 0 3px;
    padding: 0 0 0 0;
    vertical-align: top;
}

/* 라인설정 */
div.articles div.list table.list thead tr th.no,
div.articles div.list table.list tbody tr td.no,
div.articles div.list table.list tbody tr td.none
{
    background-image: none;
}

div.articles div.list table.list tbody tr td.none
{
    display: block;
    width: 100%;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #333;
}

div.articles div.list table.list tbody tr td.reg-date
{
    text-align: center;
    /*padding-right: 5px;*/
}

span.user_level
{
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 0 0 0 0;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    border: none;
}

/*******************************************************************************************/
/* 게시물관리 목록 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/*  컨텐츠 검색 입력폼 설정 시작
/*******************************************************************************************/
div.articles div.list div.search
{
    position: absolute;
    top: -5px;
    right: 0;

    max-width: 350px;
    min-width: 1px;
    /*width: 100%;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.list div.search form#article_search_form
{
    /*width: 100%;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.list div.search form#article_search_form table.search
{
    width: 100%;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	text-align: left;
	border: none;
	border-collapse: collapse;
}

div.articles div.list div.search form#article_search_form table.search tbody,
div.articles div.list div.search form#article_search_form table.search tbody tr
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.list div.search form#article_search_form table.search tbody tr td.content
{
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    text-align: left;
}

div.articles div.list div.search form#article_search_form table.search tbody tr td.content input#keyword
{
    width: 210px;
    height: 27px;
}


div.articles div.list div.search form#article_search_form table.search tbody tr td.content select#search
{
    padding: 0 0 0 0;
    height: 28px;
}

/* 처리명령 */
div.articles div.list div.search form#article_search_form div.command
{
    margin: 0 0 0 0;
    padding: 8px 0 0 0;
    text-align: center;
}
/*******************************************************************************************/
/*  컨텐츠 검색 입력폼 설정 종료
/*******************************************************************************************/



/*******************************************************************************************/
/* FaQ유형 목록 설정 시작
/*******************************************************************************************/
div.articles div.list div.faq-wrap
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.list div.faq-wrap div.counter-wrap
{
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0 0 4px 0;
    text-align: right;
    border-bottom: 2px solid #444;
}

div.articles div.list div.faq-wrap div.row
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.articles div.list div.faq-wrap div.focus
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #F9F9F9;
}

div.articles div.list div.faq-wrap div.row div.article-question
{
    margin: 0 0 0 0;
    padding: 8px 10px 8px 10px;
    border-bottom: 1px solid #CDCDCD;
}

div.articles div.list div.faq-wrap div.row div.article-question h4.subject
{
    font-size: 17px;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    letter-spacing: -1px;
}

/* 새글표기 */
div.articles div.list div.faq-wrap div.row div.article-question h4.subject span.new
{
    position: relative;
    top: 5px;
    left: 5px;

    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.list div.faq-wrap div.row div.article-answer
{
    display: none;
    margin: 0 0 0 0;
    padding: 14px 14px 14px 14px;
    border-bottom: 1px solid #CDCDCD;
}

div.articles div.list div.faq-wrap div.row div.article-answer div.summary
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 18px;
    text-align: justify;
    vertical-align: top;
}

div.articles div.list div.faq-wrap div.row div.article-answer div.summary p,
div.articles div.list div.faq-wrap div.row div.article-answer div.summary div
{
    margin: 0 0 0 0;
    padding: 0 0 8px 0;
}

div.articles div.list div.faq-wrap div.row div.article-answer ul.basic-info
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    text-align: right;
}

div.articles div.list div.faq-wrap div.row div.article-answer ul.basic-info li
{
    display: inline;
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 5px 0 10px 20px;
    background: url(/images/board/icon_articles_box.gif) 13px 12px no-repeat;
}
/*******************************************************************************************/
/* FaQ유형 목록 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 게시물관리 조회 설정 시작
/*******************************************************************************************/
div.articles div.view
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.articles div.view h4#article-title
{
    color: #FFF;
    font-size: 20px;
    margin: 0 0 0 0;
    padding: 8px 10px 8px 10px;
    text-align: left;
    letter-spacing: -1px;
    border: 1px solid #444;
    background: #333;
}

/* 새글표기 */
div.articles div.view h4#article-title span.new
{
    position: relative;
    top: 6px;
    left: 5px;

    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* 기초정보 */
div.articles div.view ul.article-info
{
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
    list-style-type: none;
}

div.articles div.view ul.article-info li
{
    float: left;
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 10px 0 10px 10px;
}

div.articles div.view ul.article-info li span.subject
{
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
    background: url(/images/board/icon_articles_box.gif) left center no-repeat;
}

/* 기초정보 */
div.articles div.view div.contents-wrapper
{
    clear: both;
    margin: 0 0 0 0;
    padding: 15px 15px 15px 15px;
    line-height: 18px;
    border-top: 1px solid #CDCDCD;
}

div.articles div.view div.contents-wrapper p,
div.articles div.view div.contents-wrapper div
{
    margin: 0 0 0 0;
    padding: 0 0 8px 0;
}

div.articles div.view div.attach_image_files
{
    width: 100%;

    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

div.articles div.view div.attach_image_files > img
{
    max-width: 100%;
}

/* 처리명령 */
div.articles div.command
{
    margin: 10px 0 15px 0;
    padding: 0 0 0 0;
    text-align: right;
    border-top: 1px solid #CDCDCD;
}
/*******************************************************************************************/
/* 게시물관리 조회 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/*  게시물관리 상세보기 설정 시작
/*******************************************************************************************/

/* 컨텐츠 항목 */
div.articles div.article-view div.article-detail
{
    width: 100%;
    font-size: 13px;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
	border: none;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
	border-collapse: collapse;
}

/* 컨텐츠 영역 */
div.articles div.article-view div.article-detail div.clear
{
    clear: both;
}

div.articles div.article-view div.article-detail div.float
{
    float: left;
}

div.articles div.article-view div.article-detail div.block
{
    width: 100%;
    border-bottom: 1px solid #CDCDCD;
}

div.articles div.article-view div.article-detail div.no-line
{
    border: none;
}

div.articles div.article-view div.article-detail div.end-line,
div.articles div.article-view div.article-detail div.end-line
{
    border-bottom: 1px solid #333;
}


div.articles div.article-view div.article-detail div.line-bold
{
    border-bottom: 1px solid #333;
}

div.articles div.article-view div.article-detail div.block div.content
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 100%;
    text-align: left;
    vertical-align: middle;
    border: none;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}


/* 제목 */
div.articles div.article-view div.article-detail div.block div.subject
{
    float: left;
    min-height: 35px;
    width: 70%;
}

/* 날짜 */
div.articles div.article-view div.article-detail div.block div.reg-date
{
    float: left;
    width: 30%;
    height: 35px;
    text-align: right;
}

div.articles div.article-view div.article-detail div.block div.reg-date span.content
{
    display: block;
    padding: 0 5px 0 0;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    text-align: right;
}

div.articles div.article-view div.article-detail div.block div.reg-date span.content time
{
    display: block;
    height: 100%;
    vertical-align: middle;
    text-align: right;
}

/* 이름 */
div.articles div.article-view div.article-detail div.block div.name
{
    float: left;
    width: 70%;
    height: 30px;
    line-height: 30px;
    text-align: left;
}

div.articles div.article-view div.article-detail div.block div.name span.user_level
{
    padding: 0 0 0 5px;
}
div.articles div.article-view div.article-detail div.block div.name span.content
{
    padding: 0 0 0 2px;
}

/* 조회수 */
div.articles div.article-view div.article-detail div.block div.hit
{
    float: left;
    width: 30%;
    height: 30px;
    line-height: 30px;
    text-align: right;
}

div.articles div.article-view div.article-detail div.block div.hit span.content
{
    padding: 0 5px 0 0;
}

/* Short URL */
div.articles div.article-view div.article-detail div.block div.short_url
{
    width: 100%;
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    text-align: right;
    font-weight: normal;
    color: #333;
}

div.articles div.article-view div.article-detail div.block div.short_url a.btn_copy_clipboard
{
    display: inline-block;
    /*width: 50px;*/
    margin: 0 5px 0 5px;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #333;
    font-weight: bold;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
}



div.articles div.article-view div.article-detail div.block div.center
{
    text-align: center;
}

div.articles div.article-view div.article-detail div.block div.subject span#article-title
{
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

div.articles div.article-view div.article-detail div.block div.subject span#article-title > xmp
{
    max-width: 80%;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

/* 새글표기 */
div.articles div.article-view div.article-detail div.block div.subject span#article-title span.new
{
    position: relative;
    top: 0;
    left: 0;

    margin: 0 3px 0 3px;
    padding: 0 0 0 0;
}

div.articles div.article-view div.article-detail div.block div.subject span#article-title span.comment_count
{
    color: #B93737;
}

/* 첨부파일 */
div.articles div.article-view div.article-detail div.block div.content ul.attach-files
{
    margin: 0 0 0 0;
    padding: 5px 0 0;
    list-style-type: none;
}

div.articles div.article-view div.article-detail div.block div.content ul.attach-files li
{
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
}

/* 게시물 내용 */
div.articles div.article-view div.article-detail div.block div.content div.contents-wrapper
{
    clear: both;
    /*max-width: 926px;*/
    width: 96%;
    margin: 0 0 0 0;
    padding: 20px 2% 20px 2%;
    line-height: 20px;
    border: none;
    word-break: break-all;
    overflow-x: auto;
}

div.articles div.article-view div.article-detail div.block div.content div.contents-wrapper p,
div.articles div.article-view div.article-detail div.block div.content div.contents-wrapper div
{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}


/* 추천ㆍ비추천 */
div.articles div.article-view div.article-detail div.block div.recommendation
{
    padding: 10px 0 30px 0;
    text-align: center;
}

div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper
{
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    width: 100%;
}

div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.up
{
    display: inline-block;
    text-align: center;
    margin: 0 5px 0 10px;
}


div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.down
{
    display: inline-block;
    text-align: center;
    margin: 0 10px 0 5px;
}

div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.up strong.count,
div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.down strong.count
{
    display: block;
    margin: 0 0 0 0;
    font-size: 18px;
    color: #333;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.up a,
div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.down a
{
    /*display: block;*/
    float: left;
    color: #fff;
}

div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.up a:hover,
div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.down a:hover
{
    text-decoration: none;
}

div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.up a div.button
{
    float: left;
    /*display: table;*/
    width: 60px;
    /*height: 30px;
    line-height: 30px;*/
    
    padding: 5px 10px 5px 10px;
    vertical-align: middle;
    border: 1px solid #baa482;
    color: #fff !important;
    background: #baa482;
    border-radius: 5px;
}

div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.down a div.button
{
    float: left;
    /*display: table;*/
    width: 60px;
    /*height: 30px;
    line-height: 30px;*/
    
    padding: 5px 10px 5px 10px;
    vertical-align: middle;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    background: #c6c6c6;
}

div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.up a div.button strong.count,
div.articles div.article-view div.article-detail div.block div.recommendation div.recommendation-wrapper span.down a div.button strong.count
{
    float: left;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 15px;
    color: #fff !important;
}

/* 추천아이콘 */
.im-smiley-o,
.im-smiley-o:before
{
    float: left;
    display: inline-block;
    content: '\e059';
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    color: #fff;
    vertical-align: middle;
    font-size: 26px;
}

/* 비추천아이콘 */
.im-frown-o,
.im-frown-o:before
{
    float: left;
    display: inline-block;
    content: '\e05a';
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    color: #fff;
    vertical-align: middle;
    font-size: 26px;
}

.im-frown-o:after
.im-smiley-o:after
{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    color: #fff;
    vertical-align: middle;
    font-size: 26px;
}




/* 컨텐츠 항목 */
div.articles div.article-view table.view 
{
    width: 100%;
    font-size: 13px;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
	text-align: center;
	border: none;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
	border-collapse: collapse;
}

div.articles div.article-view table.view tbody,
div.articles div.article-view table.view tbody tr
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.article-view table.view tbody th.subject
{
    margin: 0 0 0 0;
    padding: 10px 5px 10px 5px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: -1px;
    border: none;
    border-bottom: 1px solid #CDCDCD;
}

div.articles div.article-view table.view tbody td.content
{
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    text-align: left;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #CDCDCD;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

div.articles div.article-view table.view tbody td.center
{
    text-align: center;
}

div.articles div.article-view table.view tbody td.content span#article-title
{
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

div.articles div.article-view table.view tbody td.content span#article-title > xmp
{
    max-width: 80%;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

/* 새글표기 */
div.articles div.article-view table.view tbody td.content span#article-title span.new
{
    position: relative;
    top: 0;
    left: 0;

    margin: 0 3px 0 3px;
    padding: 0 0 0 0;
}

div.articles div.article-view table.view tbody td.content span#article-title span.comment_count
{
    color: #B93737;
}

/* 첨부파일 */
div.articles div.article-view table.view tbody td.content ul.attach-files
{
    margin: 0 0 0 0;
    padding: 5px 0 0;
    list-style-type: none;
}

div.articles div.article-view table.view tbody td.content ul.attach-files li
{
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
}

/* 게시물 내용 */
div.articles div.article-view table.view tbody td.content div.contents-wrapper
{
    clear: both;
    /*max-width: 926px;*/
    width: 96%;
    margin: 0 0 0 0;
    padding: 20px 2% 20px 2%;
    line-height: 20px;
    border: none;
    word-break: break-all;
    overflow-x: auto;
}

div.articles div.article-view table.view tbody td.content div.contents-wrapper p,
div.articles div.article-view table.view tbody td.content div.contents-wrapper div
{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

div.articles div.article-view table.view tbody td.left
{
    text-align: left;
}

div.articles div.article-view table.view tbody td.right
{
    text-align: right;
}

div.articles div.article-view table.view tbody td.center
{
    text-align: center;
}

div.articles div.article-view table.view tbody td.no-line
{
    border: none;
}

div.articles div.article-view table.view tbody th.end-line,
div.articles div.article-view table.view tbody td.end-line
{
    border-bottom: 1px solid #333;
}


div.articles div.article-view table.view tbody td.line-bold
{
    border-bottom: 1px solid #333;
}


/* Short URL */
div.articles div.article-view table.view tbody td.short_url
{
    font-weight: normal;
    color: #333;
}

div.articles div.article-view table.view tbody td.short_url a.btn_copy_clipboard
{
    display: inline-block;
    /*width: 50px;*/
    margin: 0 0 0 5px;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #333;
    font-weight: bold;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
}


/* 처리명령 */
div.articles div.article-command
{    
    position: relative;
    margin: 0 0 0 0;
    padding: 10px 3px 20px 0;
}

/* SNS 공유 */
div.articles div.article-command div.sns-share
{
    position: absolute;
    display: table;
    top: 10px;
    left: 0;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    text-align: left;
}

/* SNS 공유 */
div.articles div.article-command div.sns-share div.facebook-share,
div.articles div.article-command div.sns-share div.kakao-share,
div.articles div.article-command div.sns-share div.naver-share
{
    float: left;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}

/* FACEBOOK */
div.articles div.article-command div.sns-share div.facebook-share a.btn-facebook-share
{
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: middle;
    color: #4862A3;
}

div.articles div.article-command div.sns-share div.facebook-share a.btn-facebook-share div.img-middle
{
    position: relative;
    width: 42px;
    height: 42px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


div.articles div.article-command div.sns-share div.facebook-share a.btn-facebook-share div.img-middle > img
{
    position: absolute;
    top: 4px;
    left: 4px;
    width: 34px;
    height: 34px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}



/* KAKAO */
div.articles div.article-command div.sns-share div.kakao-share a.btn-kakao-share
{
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    color: #4862A3;
}


div.articles div.article-command div.sns-share div.kakao-share a.btn-kakao-share div.img-middle
{
    position: relative;
    width: 42px;
    height: 42px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


div.articles div.article-command div.sns-share div.kakao-share a.btn-kakao-share div.img-middle > img
{
    position: absolute;
    top: 4px;
    left: 4px;
    width: 34px;
    height: 34px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* NAVER */
div.articles div.article-command div.sns-share div.naver-share a.btn-naver-share
{
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    color: #4862A3;
}


div.articles div.article-command div.sns-share div.naver-share a.btn-naver-share div.img-middle
{
    position: relative;
    width: 42px;
    height: 42px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


div.articles div.article-command div.sns-share div.naver-share a.btn-naver-share div.img-middle > img
{
    position: absolute;
    top: 4px;
    left: 4px;
    width: 34px;
    height: 34px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


div.articles div.article-command div.sns-share div.facebook-share a.btn-facebook-share,
div.articles div.article-command div.sns-share div.kakao-share a.btn-kakao-share,
div.articles div.article-command div.sns-share div.kakao-share a.btn-naver-share
{
    clear: both;
    text-decoration: none;
}
/*******************************************************************************************/
/*  게시물관리 상세보기 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 게시물관리 입력폼 설정 시작
/*******************************************************************************************/
div.articles div.subject
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

/* 입력항목 제목 */
/*div.articles div.subject strong.subject
{
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 2px 5px 0 26px;
    letter-spacing: -1px;
    text-align: left;
    background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;
}*/

div.articles div.subject a.subject
{
    display: block;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    color: #000;
    text-decoration: none;
}

div.articles div.subject h3.subject
{
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    line-height: 22px;
    color: #333;
    vertical-align: middle;
    font-size: 18px;
    letter-spacing: -1px;
    text-align: left;
    /*background: url(/images/board/icon_sub_title.png) 0 0 no-repeat;*/
}

div.articles h3.subject i.im-note-o:before
{
    display: inline-block;
    margin: 0 0 0 0 0;
    padding: 0 8px 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
}

div.articles div.subject span.summary
{
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
}

div.articles div.article-command,
div.articles div.command
{
    clear: both;
    margin: 5px 0 5px 0;
    text-align: right;
}

/*******************************************************************************************/
/* 게시물관리 입력폼 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 게시물관리 삭제폼 설정 시작
/*******************************************************************************************/
/*******************************************************************************************/
/* 게시물관리 삭제폼 설정 종료
/*******************************************************************************************/






@media only screen and ( min-width: 1201px ) {
    div.articles div.comment-insert form#article-insert-form fieldset div.row-input span.data
    {
	    display: block;
        width: 85%;
	    margin: 0 0 0 0;
	    padding: 8px 0 8px 10px;
        /*border-left: 1px solid #DDD;*/
	    color: #565656;
	    background: #FFF;
    }

}

@media only screen and ( min-width: 641px ) and ( max-width: 1200px ) {    
    div.articles div.comment-insert form#article-insert-form fieldset div.row-input span.data
    {
	    display: block;
        width: 80%;
	    margin: 0 0 0 0;
	    padding: 8px 0 8px 10px;
        /*border-left: 1px solid #DDD;*/
	    color: #565656;
	    background: #FFF;
    }
    
    div.articles
    {
        width: 98% !important;
        margin: 0 0 0 1% !important;
    }


    div.articles div.list table.list
    {
        clear: both;
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 0 0 0 0;
	    text-align: center;
	    border: none;
        border-top: 1px solid #333;
	    border-collapse: collapse;
        /*table-layout: fixed;*/
    }

    div.articles div.list table.list caption
    {
        font-size: 13px;
        margin: 0 0 0 0;
        padding: 0 0 5px 0;
        text-align: left;
    }

    div.articles div.list table.list thead,
    div.articles div.list table.list thead tr
    {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    div.articles div.list table.list thead tr th
    {
        color: #000;
        margin: 0 0 0 0;
        padding: 10px 0 10px 0;
        text-align: center;
        background: #fff;
        border-top: 2px solid #333;
        border-bottom: 2px solid #333;
        /*background: #fff url(/images/board/icon_line.gif) left center no-repeat;*/
    }

    div.articles div.list table.list tbody,
    div.articles div.list table.list tbody tr
    {
        float: left;
	    display: block;
        width: 100% !important;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    
    div.articles div.list table.list tbody tr td
    {
        display: block;
        float: left;
        font-size: 13px;
        height: 35px;
        line-height: 35px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #CDCDCD;
    }
    
    div.articles div.list table.list tbody tr td.no
    {
        width: 7% !important;
    }

    div.articles div.list table.list tbody tr td.subject
    {
        width: 63% !important;
    }

    div.articles div.list table.list tbody tr td.name
    {
        width: 10% !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    div.articles div.list table.list tbody tr td.reg-date
    {
        width: 10% !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    div.articles div.list table.list tbody tr td.hit
    {
        width: 5% !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    div.articles div.list table.list tbody tr td.up
    {
        width: 5% !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    
    /*div.articles div.list table.list tbody tr td
    {
        font-size: 13px;
        margin: 0 0 0 0;
        padding: 10px 0 10px 0;
        text-align: center;
        vertical-align: top;
        border-bottom: 1px solid #CDCDCD;
    }*/

    div.articles div.list table.list tbody tr.focus td
    {
        /*background: #FFF url(/images/board/icon_line.gif) 0 12px no-repeat;*/
    }

    /* 제목 */
    div.articles div.list table.list tbody tr td.subject
    {
        color: #000;
        font-weight: bold;
        text-align: left;        
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    div.articles div.list table.list tbody tr td.subject a
    {
        float: left;
        display: block;
        max-width: 80%;
        min-width: 10px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    div.articles div.list table.list tbody tr td.subject a span.title
    {
        display: block;
        width: 100%;
        min-width: 10px;
        margin: 0 3px 0 0;
        padding: 0 0 0 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    div.articles div.list table.list tbody tr td.subject a span.title xmp
    {
        display: block;
        width: 100%;
        min-width: 10px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /* 새글표시 */
    div.articles div.list table.list tbody tr td.subject span.new
    {    
        float: left;
        display: block;
        position: relative;

        height: 35px;
        line-height: 35px;

        margin: 0 3px 0 3px;
        padding: 0 0 0 0;

        vertical-align: middle;
    }

    div.articles div.list table.list tbody tr td.subject span.new > img
    {
        position: absolute;
        top: 10px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 14px;
        height: 14px;
        line-height: 35px;
    }

    /* 첨부파일 */
    div.articles div.list table.list tbody tr td.subject span.file
    {
        float: left;
        display: block;
        position: relative;

        height: 35px;
        line-height: 35px;

        margin: 0 3px 0 3px;
        padding: 0 0 0 0;

        vertical-align: middle;
    }

    div.articles div.list table.list tbody tr td.subject span.file img
    {
        position: absolute;
        top: 10px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 16px;
        height: 16px;
        line-height: 35px;
    }

    /* 첨부파일 */
    div.articles div.list table.list tbody tr td.subject span.lock
    {
        float: left;
        display: block;
        position: relative;

        height: 35px;
        line-height: 35px;

        margin: 0 3px 0 3px;
        padding: 0 0 0 0;

        vertical-align: middle;
    }
    
    div.articles div.list table.list tbody tr td.subject span.lock img
    {
        position: absolute;
        top: 10px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 16px;
        height: 16px;
        line-height: 35px;
    }

    div.articles div.list table.list tbody tr td.subject span.comment_count
    {
        float: left;
        display: inline-block;
        color: #B93737;
        margin: 0 3px 0 3px;
        padding: 0 0 0 0;
        vertical-align: top;
    }

    /* 라인설정 */
    div.articles div.list table.list thead tr th.no,
    div.articles div.list table.list tbody tr td.no,
    div.articles div.list table.list tbody tr td.none
    {
        background-image: none;
    }

    div.articles div.list table.list tbody tr td.none
    {
        padding: 10px 0 10px 0;
        border-bottom: 1px solid #333;
    }

    div.articles div.list table.list tbody tr td.reg-date
    {
        text-align: center;
        /*padding-right: 5px;*/
    }

    

    /* 제목 */
    div.articles div.article-view div.article-detail div.block div.subject
    {
        clear: both;
        min-height: 35px;
        width: 100%;
    }

    /* 날짜 */
    div.articles div.article-view div.article-detail div.block div.reg-date
    {
        clear: both;
        width: 100%;
        height: 35px;
        text-align: right;
    }

    div.articles div.article-view div.article-detail div.block div.reg-date span.content
    {
        display: block;
        padding: 0 5px 0 0;
        height: 35px;
        line-height: 35px;
        vertical-align: middle;
        text-align: right;
    }

    div.articles div.article-view div.article-detail div.block div.reg-date span.content time
    {
        display: block;
        height: 100%;
        vertical-align: middle;
        text-align: right;
    }
    
}

@media only screen and ( max-width: 640px ) 
{
    div.articles div.comment-insert form#article-insert-form fieldset div.row-input span.data 
    {
        display: block;
        width: 65%;
        margin: 0 0 0 0;
        padding: 8px 0 8px 10px;
        /*border-left: 1px solid #DDD;*/
        color: #565656;
        background: #FFF;
    }
    
    div.articles
    {
        width: 98% !important;
        margin: 0 0 0 1% !important;
    }

    /* 게시물 목록 */
    div.articles div.list table.list 
    {
        width: 100%;
        table-layout: fixed;
    }

    div.articles div.list table.list,
    div.articles div.list table.list tbody,
    div.articles div.list table.list tr 
    {
        clear: both;
        display: block;
        width: 100% !important;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    
    div.articles div.list table.list tbody tr td
    {
        height: 25px;
        line-height: 25px;
        vertical-align: middle;
        font-size: 12px !important;
    }
        
    div.articles div.list table.list tbody tr td.no 
    {
        float: left;
        display: none !important;
    }

    div.articles div.list table.list tbody tr td.subject 
    {
        display: block;
        float: left;
        width: 98% !important;
        margin: 0 0 0 0;
        padding: 5px 1% 0 1%;
        font-size: 14px !important;
        font-weight: 600;
        border: none;
    }

    div.articles div.list table.list tbody tr td.subject a 
    {
        float: left;
        display: block;
        max-width: 75%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    
    div.articles div.list table.list tbody tr td.subject a span.title
    {
        display: block;
        width: 100%;
        min-width: 10px;
        margin: 0 3px 0 0;
        padding: 0 0 0 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    div.articles div.list table.list tbody tr td.up,
    div.articles div.list table.list tbody tr td.hit 
    {
        float: left;
        display: none !important;
    }
    
    div.articles div.list table.list tbody tr td.name
    {
        display: block;
        float: left;
        width: 75% !important;
        height: 20px;
        line-height: 20px;
        height: initial;
        line-height: normal;
        margin: 0 0 0 0;
        padding: 0 0 10px 0;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    div.articles div.list table.list tbody tr td.reg-date 
    {
        display: block;
        float: left;
        width: 24% !important;
        height: 20px;
        line-height: 20px;
        height: initial;
        line-height: normal;
        margin: 0 0 0 0;
        padding: 0 1% 10px 0;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    div.articles div.list table.list tbody tr td.subject span.lock i.im-lock:before
    {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 20px;
        height: 30px;
        line-height: 30px;
        font-size: 11px;
        color: #333;
        text-align: left;
    }



    
    /* 새글표시 */
    div.articles div.list table.list tbody tr td.subject span.new
    {    
        float: left;
        display: block;
        position: relative;
    
        height: 25px;
        line-height: 25px;
        margin: 0 3px 0 3px;
        padding: 0 0 0 0;
        vertical-align: middle;
    }

    div.articles div.list table.list tbody tr td.subject span.new > img
    {
        position: absolute;
        top: 5px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 14px;
        height: 14px;
        line-height: 30px;
    }

    /* 첨부파일 */
    div.articles div.list table.list tbody tr td.subject span.file
    {
        float: left;
        display: block;
        position: relative;

        height: 25px;
        line-height: 25px;

        margin: 0 3px 0 3px;
        padding: 0 0 0 0;

        vertical-align: middle;
    }

    div.articles div.list table.list tbody tr td.subject span.file img
    {
        position: absolute;
        top: 7px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 16px;
        height: 16px;
        line-height: 35px;
    }

    div.articles div.list table.list tbody tr td.subject span.file i.im-picture-o:before,
    div.articles div.list table.list tbody tr td.subject span.file i.im-file:before,
    div.articles div.list table.list tbody tr td.subject span.file i.im-paper-clip:before,
    div.articles div.list table.list tbody tr td.subject span.file i.im-youtube:before
    {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 20px;
        height: 25px;
        line-height: 25px;
        font-size: 13px;
        color: #333;
        text-align: left;
    }

    div.articles div.list table.list tbody tr td.subject span.file i.im-picture-o:before
    {
        font-weight: bold;
        color: #999;
    }
    
    div.articles div.list table.list tbody tr td.subject span.file i.im-youtube:before
    {
        font-size: 13px;
        font-weight: bold;
        color: #999;
    }

    div.articles div.list table.list tbody tr td.subject span.file i.im-paper-clip:before
    {
        font-weight: bold;
        color: #138F15;
    }

    /* 첨부파일 */
    div.articles div.list table.list tbody tr td.subject span.lock
    {
        float: left;
        display: block;
        position: relative;
        height: 25px;
        line-height: 25px;

        margin: 0 3px 0 3px;
        padding: 0 0 0 0;
        vertical-align: middle;
    }

    div.articles div.list table.list tbody tr td.subject span.lock img
    {
        position: absolute;
        top: 7px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 16px;
        height: 16px;
        line-height: 35px;
    }

    div.articles div.list table.list tbody tr td.subject span.comment_count
    {
        float: left;
        display: inline-block;
        color: #B93737;
        margin: 0 3px 0 3px;
        padding: 0 0 0 0;
        vertical-align: top;
    }


    div.articles div.list div.search
    {
        width: 65%;
    }

    div.articles div.list div.search form#article_search_form table.search
    {
        width: 100%;
    }

    div.articles div.list div.search form#article_search_form table.search tbody tr td.search
    {
        width: 60px;
    }
    
    div.articles div.list div.search form#article_search_form table.search tbody tr td.command
    {        
        width: 55px;
    }

    div.articles div.list div.search form#article_search_form table.search tbody tr td.content input#keyword
    {
        width: 95%;
        height: 27px;
    }

    div.articles div.article-view table.view,
    div.articles div.article-view table.view tbody
    {
        width: 100% !important;
    }

    
    /* 게시물 조회 */
    /*div.articles div.article-view table.view 
    {
        width: 100%;
        table-layout: fixed;
    }
    div.articles div.article-view table.view tbody tr.block
    {
        clear: both;
        display: block;
        width: 100% !important;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    div.articles div.article-view table.view tbody tr.block td.subject
    {
        display: block;
        float: left;
        width: 100% !important;
        text-align: left;
        vertical-align: middle;
        border: none;
    }

    div.articles div.article-view table.view tbody tr.block td.reg-date
    {
        display: block;
        float: left;
        width: 100% !important;
        text-align: right;
        vertical-align: middle;
    }
    
    div.articles div.article-view table.view tbody tr td.name
    {
        display: block;
        float: left;
        width: 70% !important;
    }

    div.articles div.article-view table.view tbody tr td.hit
    {
        display: block;
        float: left;
        width: 30% !important;
    }*/

    
    /* 제목 */
    div.articles div.article-view div.article-detail div.block div.subject
    {
        clear: both;
        min-height: 35px;
        height: initial;
        line-height: none;
        width: 100%;
    }

    div.articles div.article-view div.article-detail div.block div.subject span#article-title
    {
        display: inline-block;
        width: 95%;
        margin: 0 0 0 0;
        padding: 0 0 0 5px;
        min-height: 35px;
        height: initial;
        line-height: none;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: -1px;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-all;
    } 

    div.articles div.article-view div.article-detail div.block div.subject span#article-title > xmp
    {
        max-width: 80%;
        display: inline;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-all;
    }

    /* 새글표기 */
    div.articles div.article-view div.article-detail div.block div.subject span#article-title span.new
    {
        position: relative;
        top: 0;
        left: 0;

        margin: 0 3px 0 3px;
        padding: 0 0 0 0;
    }

    div.articles div.article-view div.article-detail div.block div.subject span#article-title span.comment_count
    {
        color: #B93737;
    }

    /* 날짜 */
    div.articles div.article-view div.article-detail div.block div.reg-date
    {
        clear: both;
        width: 100%;
        height: 30px;
        text-align: right;
    }

    div.articles div.article-view div.article-detail div.block div.reg-date span.content
    {
        display: block;
        padding: 0 5px 0 0;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: right;
    }

    div.articles div.article-view div.article-detail div.block div.reg-date span.content time
    {
        display: block;
        height: 100%;
        vertical-align: middle;
        text-align: right;
    }
    }



/*******************************************************************************************/
/* 댓글 목록 설정 시작
/*******************************************************************************************/
div.articles div.comment-list
{
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center; 
    border-bottom: 1px solid #333;
}

/* 입력항목 제목 */
div.articles div.comment-list h3.subject
{
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 2px 5px 0 26px;
    letter-spacing: -1px;
    text-align: left;
    background: url(/images/board/icon_sub_title.png) 0 2px no-repeat;
}

div.articles div.comment-list table.comment-list
{
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	text-align: center;
	border: none;
    border-top: 2px solid #333;
	border-collapse: collapse;
}

div.articles div.comment-list table.comment-list caption
{
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    text-align: left;
}

div.articles div.comment-list table.comment-list tbody,
div.articles div.comment-list table.comment-list tbody tr
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.comment-list table.comment-list tbody tr td
{
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
    text-align: center;
    vertical-align: top;
	border: none;
    border-top: 1px solid #ddd;
}

div.articles div.comment-list table.comment-list tbody tr.focus td
{
    /*background: #FFF url(/images/board/icon_line.gif) 0 12px no-repeat;*/
}

/* 작성자 정보 */
div.articles div.comment-list table.comment-list tbody tr td.comment-info
{
    color: #000;
    text-align: left;
}

/* 작성자 */
div.articles div.comment-list table.comment-list tbody tr td.comment-info span.name
{
    font-size: 13px;
    font-weight: bold;
}

div.articles div.comment-list table.comment-list tbody tr td.comment-info span.writer
{
    color: #006EFF;
}

div.articles div.comment-list table.comment-list tbody tr td.comment-info span.admin
{
    color: #FF0000;
}

/* 작성일자 */
div.articles div.comment-list table.comment-list tbody tr td.comment-info span.reg-date
{
    margin: 0 0 0 5px;
    font-size: 11px;
}

/* 내용 */
div.articles div.comment-list table.comment-list tbody tr td.content
{
    color: #000;
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}
div.articles div.comment-list table.comment-list tbody tr td.content xmp
{
    color: #000;
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

div.articles div.comment-list table.comment-list tbody tr td.no-line
{
	border: none;
}

div.articles div.comment-list table.comment-list tbody tr td.none
{
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #333;
}
div.articles div.comment-list table.comment-list tbody tr td.command a span.btn_comment_delete img
{
    width: 22px;    
}
/*******************************************************************************************/
/* 댓글 목록 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 댓글 등록 설정 종료
/*******************************************************************************************/

div.articles div.comment-insert
{
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}

div.articles div.comment-insert form#article-insert-form
{
    position: relative;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}

div.articles div.comment-insert form#article-insert-form fieldset
{
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    border: none;
    border-top: 1px solid #444;
}

div.articles div.comment-insert form#article-insert-form fieldset legend
{
    display: none;
}

div.articles div.comment-insert form#article-insert-form fieldset div.row-input
{
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    border-bottom: 1px solid #444;
}

div.articles div.comment-insert form#article-insert-form fieldset div.row-input span.data
{
	display: block;
    width: 90%;
	margin: 0 0 0 0;
	padding: 8px 0 8px 10px;
    /*border-left: 1px solid #DDD;*/
	color: #565656;
	background: #FFF;
}

/* 처리명령 */
div.articles div.comment-insert form#article-insert-form div.comment-article-command
{
    position: absolute;
    top: 10px;
    right: 0;
}

/*******************************************************************************************/
/* 댓글 등록 설정 종료
/*******************************************************************************************/


div.articles div.board-quick-list
{
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}

/*******************************************************************************************/
/* 구글 애드센스 설정 종료
/*******************************************************************************************/


/* 구글 광고 영역 */
div.google-ad
{
    /*position: relative;*/
    clear: both;
    display: block;
    width: 98%;
    margin: 10px auto 10px auto;
    padding: 20px 0 20px 0;
    /*height: initial !important;*/
}

/*div.google-ad center
{
    position: relative;
    display: block;
    margin: 10px 0 10px 0;
    padding: 20px 0 20px 0;
}*/

/*div.google-ad-bottom center .adsbygoogle
{
    top: 20px;
}*/

.adsbygoogle { width: 320px; height: 100px; }
@media only screen and (min-width: 500px) { .adsbygoogle { width: 468px; height: 60px; } }
@media only screen and (min-width: 800px) { .adsbygoogle { width: 728px; height: 90px; } }

/*******************************************************************************************/
/* 구글 애드센스 설정 종료
/*******************************************************************************************/