@charset "utf-8";
/*
 * File       : jt_qna/style.css 
 * Author     : STUDIO-JT (Nico)
 * Guideline  : JTstyle.1.0
 * Guideline  : http://codex.studio-jt.co.kr/?p=114
 *
 * Dependency : css/commons.css
 *              wp-content/plugins/kboard-jt-skin/jt-kboard.css
 *              wp-content/plugins/kboard-jt-skin/jt-kboard-rwd.css
 *
 * Summary
 *
 * 1) LIST (목록페이지)
 * 2) DOCUMENT (상세 페이지)
 * 3) EDITOR (글쓰기/수정 페이지)
 * 4) MEDIAQUERIES
 * 
 */



/* **************************************** *
 * LIST
 * **************************************** */ 
.jtkb-qna-skin .current-category{display:none;}

.jtkb-qna-skin #jtkb-default-list .jtkb-category { width: auto; padding-right: 150px;}

.jtkb-qna-skin #jtkb-default-list .jtkb-list-reply-status{width: 70px;}
.jtkb-qna-skin #jtkb-default-list .succes-reply .jtkb-list-reply-status {color: #009447;}

.jtkb-qna-skin table {width: 100%;position: relative;border-top: 2px solid #555;table-layout: fixed;}
.jtkb-qna-skin table caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.jtkb-qna-skin table tr {width: 100%;}

.jtkb-qna-skin table th {padding: 14px 0;position: relative;font-size: 15px;text-align: center;font-weight: 500;color: #333;vertical-align: middle;border-bottom: 1px solid #ddd;background: #f8f8f8;}
.jtkb-qna-skin table th:before {content: '';display: block;width: 1px;height: 12px;position: absolute;top: 50%;left: 0;margin-top: -6px;background: #ddd;}
.jtkb-qna-skin table th:first-child:before {display: none;}

.jtkb-qna-skin table td {padding: 14px 0;font-size: 15px;font-weight: 400;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;}
.jtkb-qna-skin table td.title {padding: 14px 12px;text-align: left;}
.jtkb-qna-skin table .title_wrap {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.jtkb-qna-skin table .title_wrap * {vertical-align: middle;}
.jtkb-qna-skin table .title_wrap a {color: #666;border: none;}
.jtkb-qna-skin table .secret_icon {display: inline-block;width: 14px;height: 14px;margin-right: 4px;position: relative;font-size: 0;}
.jtkb-qna-skin table .secret_icon:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e93f';font-size: 14px;font-style: normal;line-height: 1;text-align: center;color: #666;}
.jtkb-qna-skin table .state {display: inline-block;width: 70px;height: 24px;margin: 0 20px;font-size: 13px;line-height: 24px;text-align: center;color: #fff;border-radius: 3px;}
.jtkb-qna-skin table .state.state_complete {background:#00a0d8;}
.jtkb-qna-skin table .state.state_pending {background:#77c317;}
.jtkb-qna-skin table td.category {color: #00a0d8;}

.jtkb-qna-skin table .jtkb-list-uid {width: 89px;}
.jtkb-qna-skin table .jtkb-list-title {width: auto;}
.jtkb-qna-skin table .jtkb-list-category {width: 99px;}
.jtkb-qna-skin table .jtkb-list-user {width: 105px;}
.jtkb-qna-skin table .jtkb-list-date {width: 136px;}

.jtkb-qna-skin tr .jtkb-list-reply-status span {display: inline-block;width: 70px;height: 24px;/* margin: 0 20px; */font-size: 13px;line-height: 24px;text-align: center;color: #fff;border-radius: 3px;background:#77c317;}
.jtkb-qna-skin tr.succes-reply .jtkb-list-reply-status span {background:#00a0d8;}


/* **************************************** *
 * DOCUMENT
 * **************************************** */
.jtkb-qna-skin h4{display:inline-block;font-size: 26px;line-height: 1.8;font-weight: 400;}
.jtkb-qna-skin .jtkb-control.top{margin-bottom:10px;}
.jtkb-qna-skin .jtkb-control.center{text-align:center;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-thumbnail{display:none;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-attr.jtkb-detail-view{display:block;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-attr{width:50%;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-title,
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-writer,
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-thumbnail,
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-telagree,
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-pin,
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-content{width:100%;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-name{width: 190px;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-value{padding-left: 210px;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-content{min-height: 300px;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-content .jtkb-detail-name{display:none;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-content .jtkb-detail-value{padding:20px 30px;}
.jtkb-qna-skin #jtkb-default-document span.writer{display:inline-block;font-size:14px;line-height:1.8;margin-left:15px;}
.jtkb-qna-skin #jtkb-replay{margin-top:30px;}
.jtkb-qna-skin #jtkb-default-document .jtkb-detail-telagree { width: 50%;}



/* **************************************** *
 * MEDIAQUERIES
 * **************************************** */
 @media (max-width:730px){
    
    /* LIST */
    /*
    .jtkb-qna-skin #jtkb-default-list .jtkb-list-reply-status { position: absolute; right: 3%; width: auto; padding: 5px 10px; background: #999999; height: auto; border-radius: 3px; color: #fff; border: none; top: 23px;}
    .jtkb-qna-skin #jtkb-default-list .succes-reply .jtkb-list-reply-status { background: #009447; color:#fff}
    */  
    .jtkb-qna-skin #jtkb-default-list .jtkb-list table td{height: 82px;}
    .jtkb-qna-skin #jtkb-default-list table .jtkb-list-title a {background-image:none;padding-right: 80px;line-height: 82px;padding-left: 0;}
    .jtkb-qna-skin #jtkb-default-list .jtkb-list-reply-status {position: absolute;top: 16px;right: 0;height: auto;border: none;}
    .jtkb-qna-skin #jtkb-default-list .jtkb-list table td.jtkb-list-user,
    .jtkb-qna-skin #jtkb-default-list .jtkb-list table td.jtkb-list-date,
    .jtkb-qna-skin #jtkb-default-list .jtkb-list table td.jtkb-list-category {    padding: 0; position:absolute; bottom: 10px;  height: auto;width: auto; padding-bottom: 0; font-size:13px; border: none;}
    .jtkb-qna-skin #jtkb-default-list .jtkb-list table td.jtkb-list-category {left: 0;top: 10px;padding: 0;color: #999;}
    .jtkb-qna-skin #jtkb-default-list .jtkb-list table td.jtkb-list-date{ left:0;}
    .jtkb-qna-skin #jtkb-default-list .jtkb-list table td.jtkb-list-user { left:  80px;}
    .jtkb-qna-skin #jtkb-default-list .jtkb-list table td.jtkb-list-date:after { content: ""; width: 1px; height: 10px; background: #ddd; display: block; position: absolute; right: -10px;  top: 4px;}
    .jtkb-qna-skin #jtkb-default-list .jtkb-list tbody tr:hover td{ background-color: transparent}
    .jtkb-qna-skin #jtkb-default-list .jtkb-list tbody tr:hover td.jtkb-list-title { background-color: #f0f6ff;}
    
    /* PWD */
    .jtkb-qna-skin .jtkb-default-editor-confirm .jtkb-attr-name { border-top: 1px solid #e3e3e3;}
  
    /* DOCUMENT */
    .jtkb-qna-skin #jtkb-default-document .jtkb-detail-value { border:none; padding-left: 110px; line-height: inherit; height: auto; position: inherit;padding-top: 0;}
    .jtkb-qna-skin #jtkb-default-document .jtkb-detail-attr{width:100%;border: none;height: auto;min-height: 0;padding: 5px 0;border-bottom: 1px solid #e3e3e3;}
    .jtkb-qna-skin .jtkb-detail-attr.jtkb-detail-writer .jtkb-detail-name:after,
    .jtkb-qna-skin .jtkb-detail-attr.jtkb-detail-date .jtkb-detail-name:after{right: 0px;}
    .jtkb-qna-skin .jtkb-detail-attr .jtkb-detail-name:after{ content: ""; position: absolute; right: 0px; top: 12px; display: block; width: 1px; height: 10px; background: #ccc;}
    .jtkb-qna-skin .jtkb-detail-attr .jtkb-detail-name { height: auto;}
    .jtkb-qna-skin #jtkb-default-document .jtkb-detail-content .jtkb-detail-value { min-height: 120px; padding: 30px 3%;}
    .jtkb-qna-skin #jtkb-default-document .jtkb-detail-name { border-bottom:none;  width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: auto;}
    .jtkb.jtkb-qna-skin #jtkb-default-document .jtkb-default-button-small { text-align:center; width: 75px; float: left; margin-right: 6px; padding-left: 0; padding-right: 0; padding: 10px 0;  margin-bottom: 0; margin-top: 10px;}
    .jtkb-qna-skin .jtkb-control.top { padding-top: 0;}
  
}

@media (max-width:540px){
    
    .jtkb-qna-skin #jtkb-default-list .jtkb-control .jtkb-primary-action {position: relative;}
    .jtkb-qna-skin #jtkb-default-list .jtkb-category { float :none; padding-right:0}
    
    .jtkb.jtkb-qna-skin #jtkb-default-editor input[type="text"], 
    .jtkb.jtkb-qna-skin #jtkb-default-editor input[type="password"],
    .jtkb.jtkb-qna-skin #jtkb-default-editor input[type="email"],
    .jtkb.jtkb-qna-skin #jtkb-default-editor textarea {  width: 100%;}
    .jtkb.jtkb-qna-skin #jtkb-default-editor select { width: calc(100% - 22px);}
    .jtkb.jtkb-qna-skin #jtkb-default-editor .jtkb-attr-row.jtkb-attr-captcha img { margin-bottom: 0;}
    
    .jtkb.jtkb-qna-skin #jtkb-default-editor .jtkb-secondary-action { position: absolute; top: 90px;}
    .jtkb.jtkb-qna-skin #jtkb-default-editor .jtkb-secondary-action .jtkb-default-button-small { color: #999; width: 130px; padding: 8px;background: transparent;}
    .jtkb.jtkb-qna-skin #jtkb-default-editor .jtkb-secondary-action { text-align: center;}

}