@CHARSET "utf-8";
/*------------------------------------*
    Main Content
 *------------------------------------*/
 table{width:100%;}
.content-heading { position: relative; margin-bottom: 25px; padding: 20px 0 10px; border-bottom: 2px solid #c3c3c3 }
.content-heading h2 { padding-left: 5px; font-size: 24px; color: #383838; font-weight: 600; }
.breadcrumbs { position: absolute; top: 34px; right: 0; }
.breadcrumbs, .breadcrumbs a { color: #b7b7b7; font-weight: 600; vertical-align: middle; }
.breadcrumbs, .breadcrumbs strong { color: #616060 }
.breadcrumbs a:after { content: '>'; margin: 5px }
.content-body {width:1000px; margin: 0 auto;padding-top:50px;padding-bottom:50px;}

/*목록*/
.list-table th, .list-table td { padding: 13px 5px 13px; border-bottom: 1px solid #e9e9e9;/* font-family: dotum, 돋움, sans-serif;*/ text-align: center }
.list-table th { border-top: 1px solid #787775; background-color: #fafafa; font-weight: 600; }
.list-table td.name { padding-left: 10px; text-align: left }
/*쓰기*/
.write-table th, .write-table td { padding: 10px 5px 9px; border-bottom: 1px solid #e9e9e9;/* font-family: dotum, 돋움, sans-serif;*/ text-align: left; vertical-align: top }
.write-table tr:first-child th, .write-table tr:first-child td { border-top: 1px solid #787775; }
.write-table th { padding-left: 20px; border-right: 1px solid #e9e9e9; background-color: #fafafa; font-weight: 600; line-height: 22px }
.write-table td + th { border-left: 1px solid #e9e9e9; }
.write-table td { padding-left: 12px; }
/*보기*/
.view-table{width:100%;}
.view-table th, .view-table td { padding: 10px 5px 9px; border-bottom: 1px solid #e9e9e9;/* font-family: dotum, 돋움, sans-serif;*/ text-align: left; vertical-align: top;line-height:22px}
.view-table tr:first-child th, .view-table tr:first-child td { border-top: 1px solid #787775; }
.view-table th { padding-left: 20px; border-right: 1px solid #e9e9e9; background-color: #fafafa; font-weight: 600; line-height: 22px }
.view-table td + th { border-left: 1px solid #e9e9e9; }
.view-table td { padding-left: 12px; }
.content { line-height:150%; color:#5f5f5f;}
/* 상단 - 검색*/
.toolbar { overflow: hidden; margin-bottom: 10px }
.toolbar .total { float: left; text-transform: uppercase; line-height: 22px }
.toolbar .search { float: right }
.toolbar .search .button { padding: 0 15px; font-size: 12px; line-height: 22px;background-color: #787775;color: #fff;display:inline-block;}

/*------------------------------------*
    게시판
 *------------------------------------*/

/*페이지이동*/
.pager { padding-top: 120px;overflow:hidden;}
.pager ol { font-size: 0; text-align: center }
.pager li { display: inline-block; margin: 0 4px;  vertical-align: top; color: #666 }
.pager li > a, .pager li > span, .pager li.current { line-height: 28px; padding: 0 4px; display: inline-block; font-size: 12px; vertical-align: top; }
.pager li.current { color: #000;line-height: 28px;vertical-align: middle; font-weight: 600 }
.pager li > a:hover { }
.pager li.prev > a, .pager li.next > a { font-size: 10px; }
.pager li > a.next:hover { }

/* 하단 - 버튼*/
.button-group .back-to-list { float: left; border: 1px solid #787775; background-color: #fff; color: #787775; line-height: 26px }
.button-group .action { float: right; }
.button-group .action a { margin-left: 5px; padding: 0 20px }
.button-group .button.gray { background-color: #aaa }
/* 상세 - 이전글/다음글 */
.board-nav { border-top: 1px solid #d7d5d5; border-bottom: 1px solid #d7d5d5; margin-top: 46px; }
.board-nav li { overflow: hidden; border-bottom: 1px solid #e9e9e9; line-height: 140%; color: #353535; }
.board-nav li strong, .board-nav li a { float: left; padding: 10px; }
.board-nav li strong { box-sizing: border-box; width: 15%; padding-left: 45px; border-right: 1px solid #e9e9e9; background-color: #fafafa; font-weight: normal; background: url("../images/sub/board/icon_nav_prev.gif") no-repeat 25px 15px; }
.board-nav li.next { border: 0; }
.board-nav li.next strong { background: url("../images/sub/board/icon_nav_next.gif") no-repeat 25px 15px; }
/* 상세 - 댓글 */
#comment .comment-list { margin-top: 55px; }
#comment .comment-list ul li { position: relative; padding: 15px; border-top: 1px solid #d7d5d5; color: #353535; line-height: 140%; }
#comment .comment-list ul li:first-child { }
#comment .comment-list ul li div.meta { overflow: hidden; margin-bottom: 5px; }
#comment .comment-list ul li .name { float: left; }
#comment .comment-list ul li .name input { width: 13px; height: 13px; margin: 0 2px 0 0; vertical-align: -2px; *vertical-align:2px;
}
#comment .comment-list ul li .date { margin: 1px 10px 0 15px; font-size: 11px; }
#comment .comment-list ul li .button-group { position: absolute; top: 7px; right: 20px; }
#comment .comment-list ul li .button-group a { margin: 0 2px; padding: 0 15px; font-size: 12px; font-weight: 400; line-height: 22px;          }
#comment .comment-list ul li .comment { clear: both; word-break: break-all; }
#comment .comment-form { margin: 0; padding: 5px 20px 20px; border: 1px solid #e9e9e9; background-color: #fafafa; color: #353535; }
#comment .comment-form legend { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
#comment .comment-form p { margin: 10px 0 0; }
#comment .comment-form strong { display: block; margin: 0 0 10px 0; }
#comment .comment-form input[type=text], #comment .comment-form input[type=password], #comment .comment-form textarea { border: 1px solid #d9d9d9; }
#comment .comment-form input {  margin: 5px 10px 0 9px; }
#comment .comment-form .view { position: relative; margin: 10px 0 0; }
#comment .comment-form .view textarea {box-sizing: border-box;padding: 5px; width: 100%; }
#comment .comment-form .submit { position: absolute; top: 125px; right: 0;margin-right:0; line-height: 45px; }
/* 목록 */
.button-group.list { text-align: right; }
/* 글쓰기 */
.cs-center .write-table td.agreement { padding: 15px 0; background-color: #fafafa; text-align: center }
.cs-center .write-table td input[type=text], .write-table td input[type=password], .write-table td input[type=file] { width: 260px; }
.cs-center .write-table td.subject input[type=text] { width: 428px; }
.cs-center .write-table td.small input[type=text] { width: 50px; }
.cs-center .write-table td.medium input[type=password], .cs-center .write-table td.medium input[type=text] { width: 150px;}
.cs-center .write-table td textarea { width: 95%; height: 200px; }
.cs-center .write-table td input, img { vertical-align: middle; }
.cs-center .write-table td label { padding-right: 20px; }
.button-group.write { overflow: hidden; padding-top: 25px; }
/* 글보기 */
.cs-center .view-table td.subject { font-weight: 600 }
.cs-center .view-table td.content { padding: 25px; line-height: 1.65 }
.button-group.view { overflow: hidden; padding-top: 25px; }
/* 비밀번호 */
.confirm-password { margin: 0 auto; padding-top: 65px; width: 450px }
.confirm-password input[type=password]{height:30px;}
.confirm-password th {
    padding-left: 20px;
    border-right: 1px solid #e9e9e9;
    background-color: #fafafa;
    font-weight: 600;
    line-height: 27px;
}
.confirm-password .button-group { overflow: hidden; padding-top: 25px; text-align: center }
.confirm-password .button-group a { margin: 0 2px;line-height:20px;}
.confirm-password .button-group a {
    margin: 0 2px;
    line-height: 20px;
    padding: 5px 20px;
}
select{border: 1px solid #bfbfbf;height:21px;}

.btn.submit {
    width: 85px;
    height: 26px;
    background-image: url(../images/btn_ok.png);
}
.btn.cancel {
    width: 85px;
    height: 26px;
    background-image: url(../images/btn_cancel.png);
}
.content-body .btn {
    padding: 0;
    width: 90px;
    height: 27px;
    border: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -9999px;
}
.btn.list {
    background-image: url(../images/btn_list.png);
}
/* Buttons */
.button-group { font-size: 0 }
a.button, input.button, button.button { box-sizing: border-box; display: inline-block; padding:0 25px; background-color: #787775; border: 0 none; font-size: 13px; color: #fff; text-align: center; text-decoration: none; line-height: 28px; cursor: pointer; }
.button.gray { background-color: #777 }

.write-table td.subject input[type="text"] {
    width: 428px;
}

.write-table td input[type="text"], .write-table td input[type="password"], .write-table td input[type="file"] {
    width: 260px;
}
.write-table td input, img {
    vertical-align: middle;
}
.write-table td input, img {
    vertical-align: middle;
}
.write-table td input[type="text"], .write-table td input[type="password"], .write-table td input[type="file"] {
  padding: 0 5px;
height: 22px;
line-height: 20px;
}
.write-table td input[type="text"].wphone{width:80px;}
.write-table td textarea {
    width: 95%;
    height: 200px;
}
.write-table select, input[type="text"],.write-table  input[type="password"],.write-table input[type="file"], textarea {
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
}
.write-table input[type="file"] {
    padding: 0 2px;
    background-color: #f9f9f9;
}

.page_info{padding:15px 0;text-align:right;width:1000px;margin:0 auto;}