/** @format */

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

.skip {
    position: absolute;
    top: 0;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.hide {
    clear: both;
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 0;
    line-height: 0;
    text-indent: -99999px;
}

*:first-child + html body .hide {
    clear: both;
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    background: none;
    text-indent: -99999px;
}

* {
    padding: 0;
    margin: 0;
}

html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 14px;
    vertical-align: baseline;
}

dl,
ul,
ol,
li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}

blockquote,
q {
    quotes: '' '';
}

img,
fieldset {
    border: 0 none;
    vertical-align: middle;
}

hr {
    display: none;
}

caption,
legend {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    display: none;
}

strong {
    font-weight: 600;
}

input[type='text']:focus,
input[type='password']:focus,
textarea:focus {
    background-color: #fff9fc;
}

a {
    color: #000;
    text-decoration: none;
}

a:link,
a:hover,
a:active {
    text-decoration: none;
}

p,
a,
span {
    word-wrap: break-word;
    word-break: keep-all;
}

/* ---------------------------
	pagination
------------------------------ */
.paging {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-top: 30px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0 auto;
    border-radius: 0;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 18px 0 0;
    border-radius: 0;
}

.pagination > li {
    display: inline;
    border-radius: 3px;
}

.pagination > li > a,
.pagination > li > button,
.pagination > li > span {
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    padding: 10px 0;
    line-height: 1;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 3px;
    color: #343434;
    cursor: pointer;
    outline: 0;
    outline-offset: 0;
}

.pagination > li.active > a,
.pagination > li.active > button {
    color: #fff;
    background: #d5a10e;
    border: 1px solid #d5a10e;
    cursor: default;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
}

.pagination > li.disabled:first-child > a,
.pagination > li.disabled:first-child > span {
    margin-left: 0;
    border: 1px solid #eaeaea;
    color: #eaeaea;
    cursor: default;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
}

.pagination > li.disabled:last-child > a,
.pagination > li.disabled:last-child > span {
    border: 1px solid #eaeaea;
    color: #eaeaea;
    cursor: default;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 17px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

/* ---------------------------
	pagination----------------------------------------------
------------------------------ */

/* search */
.basic_box {
    position: relative;
    display: block;
    margin-bottom: 50px;
    padding: 15px 20px 10px 20px;
    background: #fff;
    border: 1px solid #d9d9d9;
}

.basic_box:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: -1px;
    display: block;
    width: 100%;
    height: 3px;
    background: #f1f1f1;
}

.basic_box:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}

.basic_box * {
    vertical-align: middle;
    border: 0;
    font-size: 1em;
}

.basic_box label {
}

.board_total {
    display: block;
    float: none;
    margin: 0;
    padding-left: 18px;
    color: #666;
    font-size: 13px;
    line-height: 36px;
}

.board_total * {
    vertical-align: baseline;
}

.board_total .bold.red {
    color: #e03321;
}

.basic_search {
    display: block;
    float: none;
    position: relative;
    padding-left: 0;
}

.basic_search .grap {
    display: block;
    position: relative;
    width: 100%;
}

.basic_search .grap select {
    margin-bottom: 5px;
    padding: 0 10px;
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    line-height: 36px;
}

.basic_search .searchinput {
    position: relative;
    padding-right: 50px;
    border: 1px solid #ddd;
}

.basic_search .searchinput input[type='submit'] {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 34px;
    /*text-indent:-9999em;*/
    border: none;
    background: url(/common/images/board/basic/r_find_btn.png) no-repeat scroll
        50% 50%;
    /*background:url(../../basic/images/icon_bbs.png) center center no-repeat;background-image:url(../../basic/images/icon_bbs.svg), none;*/
    font-size: 0;
    line-height: 0;
}

.basic_search .searchinput input[type='submit']:focus {
    outline: 1px dotted #666;
}

.basic_search .searchinput input[type='text'] {
    width: 100%;
    height: 34px;
    padding: 0 40px 0 10px;
    border: none;
}

.basic_box label {
    padding: 0 10px;
    line-height: 34px;
}

@media only screen and (min-width: 480px) {
    .basic_search .grap,
    .basic_search .searchinput {
        display: inline-block;
        width: auto;
    }

    .basic_search .grap select {
        margin-bottom: 0;
        width: 120px;
    }

    .basic_search .searchinput input[type='text'] {
        width: 240px;
    }
}

@media only screen and (min-width: 640px) {
    .board_total {
        display: inline-block;
        float: left;
    }

    .basic_search {
        display: inline-block;
        float: right;
        padding-left: 0;
    }

    .basic_search .searchinput {
    }

    .bbs_searchbox input[type='text'] {
        width: 100%;
    }
}

/* paging */
.wrap_pager {
    text-align: center;
    margin-top: 50px;
    position: relative;
}

.wrap_pager ul {
    display: inline-block;
}

.wrap_pager li {
    float: left;
    margin-left: 3px;
    text-align: center;
    display: inline-block;
    margin-left: 3px;
}

.wrap_pager li a {
    width: 15px;
    padding: 3px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 13px;
    line-height: 27px;
    vertical-align: middle;
}

.wrap_pager li a:hover {
    background: #f8f8f8;
}

.wrap_pager li.active a {
    border-color: #ff4b1e;
    background: #ff4b1e;
    font-weight: 700;
    color: #fff;
}

/* btn and pagin */
.renew-pager-btn {
    position: relative;
}

.renew-pager-btn .renew-btn-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

.renew-pager-btn .renew-btn-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    text-align: right;
}

.renew-pager-btn .link {
    display: inline-block;
}

/* list */
.list_1st {
    margin: 10px 0;
    padding: 0;
}

.list_1st li,
.list_1st dd {
    margin: 3px 0;
    padding-left: 11px;
    background: url(../../basic/images/list_bul1.gif) no-repeat 0 9px;
    color: #444;
    font-size: 14px;
    word-wrap: break-word;
    word-break: keep-all;
}

.list_1st dt {
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
}

.list_1st dt:first-child {
    margin-top: 0;
}

.list_2st {
    margin: 4px 0;
    padding: 0;
}

.list_2st li {
    margin: 3px 0;
    padding-left: 11px;
    background: url(../../basic/images/list_bul2.gif) no-repeat left 11px;
    color: #555;
}

.list_3st {
    margin: 4px 0;
    padding: 0;
}

.list_3st li {
    margin: 3px 0;
    padding-left: 11px;
    background: url(../../basic/images/list_bul3.gif) no-repeat left 8px;
}

.list_1st li *,
.list_1st dd *,
.list_2st li *,
.list_3st li * {
    vertical-align: middle;
}

.list_subject .link span.txt01 {
    color: #fff;
    font-weight: 600;
    background: #ff4b1e;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 5px 10px;
}

.list_subject .link span.txt02 {
    color: #fff;
    font-weight: 600;
    background: #009cd7;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 5px 10px;
}

/* table style */
table caption {
    position: relative;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.tbl_basic {
    margin-bottom: 10px;
    width: 100%;
    border-top: 3px solid transparent;
    border-bottom: 1px solid transparent;
}

.tbl_basic th,
.tbl_basic td {
    padding: 10px 15px;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin-left: -1px;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: keep-all;
}

.tbl_basic th:first-child,
.tbl_basic td:first-child {
    border-left: none;
}

.tbl_basic th.trw,
.tbl_basic td.trw {
    border-right: 1px solid #ddd;
}

.tbl_basic tbody th,
.tbl_basic thead th {
    vertical-align: middle;
}

.tbl_basic thead th,
.tbl_basic tfoot th {
    background-image: none;
}

.tbl_basic tbody th {
    /*color:#004993;*/
    color: #333;
}

.tbl_basic thead th {
    color: #333;
    padding: 20px 0;
    background: #f5f5f5;
    font-size: 1.3em;
    font-weight: 600;
}

.tbl_basic td .btn-file {
    font-size: 12px;
}

.tbl_basic {
    border-top-color: #ff4b1e;
    border-bottom-color: #ddd;
}

.tbl_basic th,
.tbl_basic td {
    text-align: center;
    padding: 13px 0;
    letter-spacing: 0px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
    font-size: 1em;
    color: #555;
    word-break: keep-all;
}

.tbl_basic td img {
    width: auto;
}

.problem_file img {
    width: auto;
}

.tbl_basic td.left {
    text-align: left;
    padding-left: 50px;
}

.tbl_basic tbody th {
    background-color: #f1f1f1;
}

.tbl_basic.tbl_type1 {
    border-top-color: #000;
    border-bottom-color: #ddd;
}

.tbl_basic.tbl_type1 th,
.tbl_basic.tbl_type1 td {
    border-left-color: #ddd;
    border-bottom-color: #ddd;
}

.tbl_basic.tbl_type1 thead th {
    background-color: #fff;
    border-bottom-color: #ccc;
}

.tbl_basic.tbl_type1 tfoot th {
    background-color: #fafafa;
}

.tbl_basic.tbl_type2 {
    border-top-color: #004993;
    border-bottom-color: #ccc;
}

.tbl_basic.tbl_type2 th,
.tbl_basic.tbl_type2 td {
    border-left-color: #ddd;
    border-bottom-color: #ddd;
}

.tbl_basic.tbl_type2 tbody th {
    background-color: #fff;
    color: #333;
    text-align: left;
}

.tbl_basic.tbl_type2 thead th {
    background-color: #f1f1f1;
}

.tbl_basic.tbl_type2 tfoot th {
    background-color: #f1f1f1;
}

.tbl_basic.tbl_type2 .level0 {
    background-color: #fafafa;
    color: #333;
}

.tbl_basic.tbl_type2 .level0 th {
    background-color: #fafafa;
}

.tbl_basic.tbl_type2 .level0 th,
.tbl_basic.tbl_type2 .level0 td {
    color: #000;
    font-weight: bold;
}

@media (max-width: 800px) {
    .tbl_basic thead th {
        color: #333;
        padding: 20px 0;
        background: #f5f5f5;
        font-size: 1em;
        font-weight: 600;
    }
}

@media (max-width: 600px) {
    .tbl_basic td.left {
        text-align: left;
        padding-left: 20px;
    }

    .tbl_basic .problem_number,
    .tbl_basic .problem_count,
    .tbl_basic .problem_file {
        display: none;
    }

    .tbl_basic .title {
        width: 40%;
    }

    .tbl_basic td {
        text-align: center;
        padding: 13px 0;
        letter-spacing: 0px;
        border-bottom: 1px solid #e5e5e5;
        vertical-align: middle;
        font-size: 1em;
        color: #555;
        word-break: keep-all;
    }
}

@media (max-width: 420px) {
    .tbl_basic td.left {
        text-align: left;
        padding-left: 0px;
    }

    .tbl_basic .problem_number,
    .tbl_basic .problem_count,
    .tbl_basic .problem_file,
    .tbl_basic .write {
        display: none;
    }

    .tbl_basic .title {
        width: 30%;
    }

    .tbl_basic td a {
        font-size: 0.9em;
    }

    .tbl_basic td {
        text-align: center;
        padding: 13px 0;
        letter-spacing: 0px;
        border-bottom: 1px solid #e5e5e5;
        vertical-align: middle;
        font-size: 0.9em;
        color: #555;
        word-break: keep-all;
    }
}

/*table view*/
#content .content_in {
    clear: both;
    width: 100%;
    font-size: 15px;
    color: #4a4a4a;
    padding-top: 60px;
    padding-bottom: 40px;
    word-break: break-all;
    word-break: keep-all;
    position: relative;
}

.b_view_subject {
    clear: both;
    font-size: 25px;
    font-weight: normal;
    color: #333;
    margin-bottom: 30px;
    line-height: 30px;
    text-align: center;
    word-wrap: break-word;
    word-break: keep-all;
}

.b_view {
    position: relative;
    clear: both;
    width: 100%;
    color: #666;
    border-top: 2px solid #ff4b1e;
    border-bottom: 2px solid #ff4b1e;
    line-height: normal;
    font-size: 14px;
    margin-bottom: 10px;
}

.b_view td {
    padding: 16px 10px;
    padding-left: 10px;
    text-align: left;
    border-bottom: #ddd solid 1px;
    line-height: 1.6em;
    font-size: 14px;
}

.b_view td table td {
    border-bottom: none;
}

.b_view .l_line {
    background: url(/common/images/board/basic/b_view_bar.gif) no-repeat left
        center;
}

.b_view .con_in {
    padding: 16px 0 30px 0;
    min-height: 200px;
    line-height: 1.6em;
    font-size: 16px;
}

.b_view p,
.b_view span,
.b_view div,
.b_view li {
    font-size: 16px;
}

.b_view .add_file {
    padding-left: 38px;
    background: url(/common/images/board/basic/add_file_bl.gif) no-repeat 12px
        18px;
}

.b_view td a {
    color: #666;
}

.contents-view-img img {
    width: auto;
}

.boardblock {
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 0 0 15px 0;
    text-align: center;
    font-size: 13px;
    padding-top: 10px !important;
}

.boardblock .right {
    float: right;
    padding-right: 3px;
}

.boardblock .right span {
    margin-left: 5px;
}

.right .button1 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #444;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.right .button2 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #ff4b1e;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.right .button1 a {
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    background: #444;
    color: #fff !important;
    cursor: pointer;
    padding: 0 25px 0 25px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: NanumGothic, Arial !important;
}

.right .button2 a {
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    background: #444;
    color: #fff !important;
    cursor: pointer;
    padding: 0 25px 0 25px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: NanumGothic, Arial !important;
}

button.btn-success[type='submit'] {
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    background: #ff4b1e;
    color: #fff !important;
    cursor: pointer;
    padding: 0 25px 0 25px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: NanumGothic, Arial !important;
    border: none;
    border-radius: 0;
}

button.btn-default[type='submit'] {
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    background: #444;
    color: #fff !important;
    cursor: pointer;
    padding: 0 25px 0 25px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: NanumGothic, Arial !important;
    border: none;
    background-image: none;
    text-shadow: none;
    border-radius: 0;
}

.b_preview {
    clear: both;
    width: 100%;
    color: #666;
    border: #e0e0e0 solid 1px;
    line-height: normal;
    font-size: 14px;
    margin-top: 50px;
}

.b_preview th {
    padding: 16px 0 16px 0;
    border-bottom: #e0e0e0 solid 1px;
    text-align: center;
    font-weight: normal;
    color: #333;
    font-size: 14px;
}

.b_preview th.next {
    background: url(../../basic/images/bl_next.gif) no-repeat center right;
}

.b_preview th.prev {
    background: url(../../basic/images/bl_prev.gif) no-repeat center right;
}

.b_preview td {
    padding: 16px 16px;
    border-bottom: #e0e0e0 solid 1px;
    text-align: left;
    font-size: 14px;
    background: url(../../basic/images/b_view_bar.gif) no-repeat left center;
}

@media (max-width: 980px) {
    .b_view td {
        padding: 16px 10px;
        padding-left: 10px;
        text-align: left;
        border-bottom: #ddd solid 1px;
        line-height: 1.6em;
        font-size: 14px;
        width: 300px;
    }

    .b_view td.l_line {
        width: 15%;
    }
}

@media (max-width: 720px) {
    .b_view td.l_line {
        width: 15%;
    }
}

@media (max-width: 720px) {
    .b_view td.l_line {
        width: 10%;
    }
}

@media (max-width: 470px) {
    .b_view colgroup col {
        width: 0%;
    }

    .b_view colgroup col:first-child {
        width: 100%;
    }

    .b_view .tr_line {
        width: 100%;
    }

    .b_view td.l_line,
    .b_view td.td_line {
        width: 100%;
        float: left;
        background: none;
        padding: 16px 0px;
        padding-left: 0px;
    }
}

@media (max-width: 400px) {
    .button1 a {
        white-space: nowrap;
        font-size: 0.8em;
        font-weight: normal;
        background: #444;
        color: #fff !important;
        cursor: pointer;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        font-family: NanumGothic, Arial !important;
    }

    .button2 a {
        white-space: nowrap;
        font-size: 0.8em;
        font-weight: normal;
        background: #ff4b1e;
        color: #fff !important;
        cursor: pointer;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        font-family: NanumGothic, Arial !important;
    }
}

/*table write 시작*/
/*---General Webvoard start-----------*/

.rh_webboard {
    margin-top: 30px;
}

.rh_webboard,
.rh_webboard > table {
    width: 100%;
    position: relative;
    display: inline-block;
}

.rh_webboard > table {
    border-top: 2px solid #005aab;
    width: 100%;
    height: auto;
    table-layout: fixed;
    border-collapse: collapse;
}

.rh_webboard > table thead,
.rh_webboard > table thead tr,
.rh_webboard > table tbody,
.rh_webboard > table tbody tr {
    width: 100%;
    display: table;
}

.rh_webboard > table tr th,
.rh_webboard > table tr td {
    padding: 10px 10px 8px 10px;
    line-height: 20px;
    height: auto;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

.rh_webboard > table thead tr th {
    background-color: #f9f9f9;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.rh_view > .rh_head_blue {
    margin-top: 30px;
    margin-bottom: 15px;
}

.rh_view > table {
    width: 100%;
    border-top: 2px solid #ff4b1e;
}

.rh_view > table thead tr th,
.rh_view > table tbody tr th,
.rh_view > table tbody tr.rh_4_cols th {
    background-color: #f9f9f9;
    border-right: 1px solid #d2d2d2;
    text-align: center;
    width: 15%;
    font-size: 16px;
    min-width: 70px;
    box-sizing: border-box;
    -ms-word-break: break-all;
    word-break: break-all;
    /*Non standard for webkit */
    word-break: break-word;
}

.rh_view > table tbody tr.rh_4_cols td {
    width: 35%;
}

.rh_view > table thead tr td,
.rh_view > table tbody tr td {
    text-align: left;
    padding-left: 5px;
    word-wrap: break-word;
}

.rh_view > table tbody tr.rh_view_cntn td {
    padding-top: 30px;
    padding-bottom: 30px;
}

.rh_view table tbody tr:hover td {
    font-weight: normal;
}

.tbl_wrap table {
    width: 100%;
}

.tbl_wrap table tr {
    width: 100%;
}

.rh_wr_cmt th {
    background-color: #f9f9f9;
    border: 1px solid #d2d2d2;
    text-align: center;
    vertical-align: middle;
    width: 15%;
    min-width: 70px;
    box-sizing: border-box;
}

.rh_wr_cmt td {
    padding: 10px 10px 10px 10px;
    line-height: 18px;
    height: auto;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    font-size: 14px;
}

@media (max-width: 600px) {
    .rh_view > table {
        border: 1px solid #ddd;
    }

    .rh_view > table colgroup {
        display: none;
    }

    .rh_view > table thead tr th,
    .rh_view > table tbody tr th,
    .rh_view > table tbody tr.rh_4_cols th {
        border: 0;
    }

    .rh_view > table tbody tr th {
        width: 100%;
        display: block;
        padding: 15px 0px !important;
        border-bottom: 1px solid #ddd;
    }

    .rh_webboard > table tr td {
        width: 100%;
        display: block;
        padding: 15px 0px !important;
        border-bottom: 1px solid #ddd;
    }

    .rh_write table tr td textarea {
        width: 90% !important;
    }

    .btn_check {
        text-align: center;
    }
}

@media (max-width: 400px) {
    .rh_write table tr td textarea {
        width: 80% !important;
    }
}

/*Write page*/

.rs_fc_red {
    color: #ff4b1e !important;
}

.rh_write table tr td input,
.rh_write table tr td textarea {
    border: 1px solid #d2d2d2;
    padding: 5px;
}

.rh_write table tr td input[type='text'] {
    width: 80%;
}

.rh_write table tr td textarea {
    width: 100%;
    height: 150px;
}

.rh_write .rh_btn_wrap,
.rh_btn_wrap {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}

.rh_write .rh_btn_wrap .rh_btn {
    width: 100px;
    margin-right: 20px;
}

.rh_write .rh_btn_wrap .rh_btn:hover {
    color: white;
}

.rh_write table tr td.rh_date_row input {
    width: 100px;
}

.rh_write table tr td.rh_date_row3 input {
    width: 300px;
}

/* Form Module */
.form-module {
    position: relative;
    background: #ffffff;
    max-width: 400px;
    width: 100%;
    border-top: 5px solid #fac718;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
}

.w3_login_module {
    min-height: 475px;
}

.form-module .form {
    display: none;
    padding: 40px;
}

.form-module .form:nth-child(2) {
    display: block;
}

.form-module h2 {
    margin: 0 0 1.5em;
    color: #212121;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1;
}

.form-module input[type='text'],
.form-module input[type='password'],
.form-module input[type='email'] {
    outline: none;
    display: block;
    width: 100%;
    border: 1px solid #d9d9d9;
    margin: 0 0 20px;
    padding: 10px 15px;
    box-sizing: border-box;
    font-weight: 400;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    font-size: 14px;
}

.form-module input[type='text']:focus,
.form-module input[type='password']:focus,
.form-module input[type='email']:focus {
    border: 1px solid #94dceb;
    color: #333333;
}

.form-module input[type='submit'] {
    background: #ff4b1e;
    width: 100%;
    border: 0;
    padding: 10px 15px;
    color: #ffffff;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

.form-module input[type='submit']:hover {
    background: #fac718;
}

.form-module .cta {
    background: #fac718;
    width: 100%;
    padding: 15px 40px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
}

/*-- start-responsive-design --*/

@media (max-width: 568px) {
    .form-module {
        max-width: 370px;
    }

    #comments #mb_nm,
    #comments #bcm_password {
        padding: 0.5em 0.6em;
        display: inline-block;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 3px #ddd;
        border-radius: 4px;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 2px !important;
        resize: none;
        height: 30px;
        word-wrap: break-word;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .form-module {
        max-width: 335px;
    }
}

@media (max-width: 414px) {
    .form-module .form {
        padding: 25px;
    }

    .agileits_copyright p {
        margin: 1em 0 0;
    }
}

@media (max-width: 320px) {
    .form-module .form {
        padding: 15px;
    }

    .form-module input[type='text'],
    .agileits_copyright p,
    .form-module input[type='password'],
    .form-module input[type='email'] {
        font-size: 13px;
    }

    .form-module {
        max-width: 275px;
    }

    .w3_login_module {
        min-height: 380px;
    }

    .w3_login_module {
        min-height: 300px;
    }
}

/* Comment */
.comments {
    margin-bottom: 60px;
}

.comments h2 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 1em;
}

.comments h2 .count {
    margin-left: 4px;
    color: #d5a10e;
}

.comment-list {
    border-top: 1px solid #eee;
}

.comment-list ul li {
    display: inline-block;
    width: 100%;
    padding: 0 0 15px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
    box-sizing: border-box;
}

.comment-list .tt_more_preview_comments_wrap {
    padding: 0;
    border: 0;
}

.comment-list .tt_more_preview_comments_text {
    display: block;
    margin: -1px 0 0;
    padding: 12px 0 11px;
    border: 1px solid #eee;
    text-align: center;
    font-size: 0.875em;
    color: #999;
}

.comment-list .tt_more_preview_comments_text:hover {
    text-decoration: underline;
}

.comment-list ul li .author-meta {
    position: relative;
    margin-bottom: 7px;
    font-size: 15px;
    padding: 5px 15px;
    background: #f1f1f1;
}

.comment-list ul li .commenttxt {
    padding: 15px;
    font-size: 14px;
    line-height: 1.4;
}

.comment-list ul li .commenttxt p {
    margin-bottom: 0;
}

.comment-list ul li .commentbtn {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 5px;
}

.comment-list ul li .author-meta a {
    color: #999;
}

.comment-list ul li .author-meta .nickname {
    font-weight: 600;
    color: #000;
}

.comment-list ul li .author-meta .date {
    color: #666;
    font-size: 12px;
    margin-left: 10px;
    letter-spacing: -1px;
}

.comment-list ul li .author-meta .nickname a {
    color: #000;
}

.comment-list ul li .author-meta .avatar {
    float: left;
    width: 46px;
    margin: -2px 0 0 -60px;
    border: 1px solid #eee;
    border-radius: 50%;
}

.comment-list ul li .author-meta .control {
    position: absolute;
    top: 0;
    right: -9px;
    border-bottom: 0;
}

.comment-list ul li .author-meta .control button {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(./images/ico_package.png) no-repeat -141px 5px;
    text-indent: -999em;
}

.comment-list ul li .author-meta .control .link {
    display: none;
    position: absolute;
    top: 100%;
    left: -65px;
    width: 70px;
    text-align: center;
}

.comment-list ul li .author-meta .control .link a {
    display: block;
    margin-top: -1px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    text-decoration: none;
    font-size: 0.875em;
    line-height: 1.5rem;
    color: #333;
}

.comment-list ul li .author-meta .control .link a:focus,
.comment-list ul li .author-meta .control .link a:hover {
    background-color: #fafafa;
    color: #222;
}

.comment-list ul li .author-meta .nickname:before,
.comment-list ul li .author-meta .nickname a:before,
.comment-list ul li .author-meta .control:before,
.comment-list ul li .author-meta .control a:before {
    content: none;
}

.comment-list ul li p {
    max-width: 100%;
    font-size: 14px;
    color: #777;
    box-sizing: border-box;
}

.comment-list ul li .delete,
.comment-list ul li .reply {
    display: inline-block;
    font-size: 12px;
    background: #444;
    padding: 0 7px;
    color: #fff !important;
    border-radius: 3px;
}
.comment-list ul li .reply {
    background: #125452;
}
.comment-list ul li .delete {
    background: #999999;
}

.comment-list ul li ul {
    margin: 28px 0 -32px 0;
    padding: 26px 0 21px;
    border-top: 1px solid #eee;
    background-color: #fafafa;
}

.comment-list ul li ul li {
    padding: 14px 0 15px 60px;
    border-bottom: 0;
}

.comment-list ul li ul li .author-meta {
    margin-bottom: 8px;
}

.comment-list ul li ul li .author-meta .control {
    right: 15px;
}

.comment-list ul li ul li .author-meta .avatar {
    width: 42px;
}

.comment-list ul li ul li p {
    max-width: 80%;
}

.comment-list ul li ul .tt_more_preview_comments_wrap {
    display: block;
}

.comment-list ul li ul .tt_more_preview_comments_text {
    margin-bottom: 16px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.comment-list ul li ul .tt_more_preview_comments_text:first-child {
    margin-top: -24px;
    padding: 12px 0 11px;
}

.comment-form {
    position: relative;
    margin-bottom: 30px;
}

.comment-form .field {
    overflow: hidden;
    margin-bottom: -1px;
    border: 1px solid #eee;
}

.comment-form .field input[type='text'],
.comment-form .field input[type='password'] {
    float: left;
    width: 50%;
    padding: 12px 16px;
    border: 0;
    border-left: 1px solid #eee;
    font-size: 0.875em;
    color: #777;
    box-sizing: border-box;
}

.comment-form .field input:first-child {
    border-left: 0;
}

.comment-form textarea {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 16px 100px 16px 16px;
    border: 1px solid #eee;
    font-size: 14px;
    color: #777;
    box-sizing: border-box;
    resize: none;
}

.comment-form input::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder {
    color: #999;
}

.comment-form textarea:disabled {
    background-color: #dedede;
    border: 1px solid #dedede;
    color: #999;
}

.comment-form .secret {
    position: absolute;
    left: 0;
    bottom: 8px;
}

.comment-form .secret input {
    display: none;
}

.comment-form .secret label {
    display: inline-block;
    font-size: 0.8125em;
    line-height: 1.25rem;
    color: #666;
    outline: none;
    cursor: pointer;
}

.comment-form .secret label:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 18px;
    margin-right: 12px;
    border: 1px solid #e1e1e1;
    vertical-align: top;
    background-color: #fff;
}

.comment-form .secret input[type='checkbox']:checked + label:before {
    background: url(../../common/images/tick.png) no-repeat center;
}

.comment-form .submit {
    text-align: right;
}

.comment-form .submit button {
    background-color: #000;
    color: #fff;
    width: 80px;
}

.comment-form .submit button:hover,
.comment-form .submit button:focus {
    background-color: #000;
}

.btn_model {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    vertical-align: top;
}

.btn_model b,
.btn_model > em,
.btn_model > span {
    display: inline-block;
    overflow: hidden;
    letter-spacing: -1px;
    vertical-align: top;
    text-align: center;
}

.btn_model[href] b,
.btn_model[href] > em,
.btn_model[href] > span {
    cursor: pointer;
}

.btn_model .btn1,
.btn_model .btn2,
.btn_model .btn3 {
    min-width: 52px;
    height: 22px;
    padding: 9px 12px 0;
    color: #a3a3a3;
}

.btn_model .btn1 {
    border: 1px solid #1eb802;
    background: #20bc03;
}

.btn_model[href] .btn {
    color: #fff;
}

.btn_model .btn2 {
    border: 1px solid #bfbfbf;
    background: #fff;
    border-radius: 3px;
}

.btn_model[href] .btn2 {
    color: #333;
}

.btn_model .btn3 {
    border: 1px solid #bfbfbf;
    background: #fff;
}

.btn_model[href] .btn3 {
    color: #1fbc02;
}

.btn_model .btn4,
.btn_model .btn5,
.btn_model .btn6 {
    height: 14px;
    padding: 7px 6px 6px 7px;
    color: #a3a3a3;
}

.btn_model .btn4 {
    border: 1px solid #ccc;
    background: #fbfbfb;
    color: #666;
}

.btn_model .btn5 {
    border: 1px solid #e5e5e5;
    color: #b2b2b2;
}

.btn_model .btn5 .ico_plus {
    margin: 3px 1px 0 0;
}

.btn_model[href] .btn5 {
    border: 1px solid #ccc;
    color: #666;
}

.btn_model .btn6 {
    border: 1px solid #e5e5e5;
    background: #fdfdfd;
    color: #b2b2b2;
}

.btn_model[href] .btn6 {
    border: 1px solid #ccc;
    background: #fbfbfb;
    color: #666;
}

.btn_model[href] em.btn6 {
    color: #1fbc02;
}

.btn_model .btn7 {
    height: 14px;
    padding: 3px 5px 1px 4px;
    border: 1px solid #c4c4c4;
    font-size: 11px;
    line-height: 13px;
    color: #666;
}

@media (max-width: 700px) {
    #comments .divon {
        height: 30px;
    }
}

@media (max-width: 620px) {
    #comments textarea {
        width: 100%;
        height: 100px;
    }

    input.pure-button[type='submit'] {
        float: right;
        margin-top: 15px;
        padding: 10px 0;
    }
}

@media (max-width: 340px) {
    #i_pswdEmail input {
        width: 150px;
    }
}

/*답글//*/

/*갤러리 시작*/

/* photo board */
.board_photo {
    padding: 25px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.board_photo ul {
    width: 100%;
}

.board_photo ul:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}

.board_photo li {
    display: inline-block;
    /*float:left;width:20%;*/
    min-height: 250px;
    text-align: center;
    font-size: 0.9em;
}

.board_photo li a.photo_thum {
    display: block;
    padding: 15px 0;
}

.board_photo li a.photo_thum img {
    display: block;
    width: 100px;
    height: 90px;
    margin: auto;
    border: 1px solid #e5e5e5;
}

.board_photo li p {
    margin: 0;
    width: 95%;
    padding: 10px 0 0;
    font-size: 1.1em;
    text-align: center;
}

.board_photo li p strong {
}

.board_photo li p strong a {
    display: block;
    padding: 0 0 0 5%;
    width: 95%;
    overflow: hidden;
    width: 100%;
    color: #444;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.board_photo {
    margin: 0 auto;
    padding: 1.2em 0.5em 1em 0.5em;
}

.board_photo .board_photoList {
}

.board_photo .board_photoList li {
    display: block;
}

/*.board_photo .board_photoList li{display:block;float:none;width:100%;}*/
.board_photo .board_photoList li figure {
    display: block;
    padding: 10px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.board_photo .board_photoList li:hover figure,
.board_photo .board_photoList li:focus figure {
    opacity: 0.9;
    outline: 1px solid #ff4b1e;
}

.board_photo .board_photoList li figcaption {
    padding: 10px;
}

.board_photo .board_photoList li figcaption h3 {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    text-align: center;
    background: none;
}

.board_photo .board_photoList li figcaption h3 a {
    display: inline-block;
    /*display:block;*/
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    /*width:100%;*/
}

.board_photo .board_photoList li figcaption h3 img {
    display: inline-block;
    width: auto;
    /*position:absolute;*/
    margin-top: 2px;
    margin-left: 3px;
}

.board_photo .board_photoList li figcaption p {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #555;
    font-size: 14px;
    text-align: center;
}

.board_photo .board_photoList li .thump_img {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    /*height:145px;*/
    max-height: 180px;
    overflow: hidden;
}

.board_photo .board_photoList li .thump_img img.thum_photo {
    display: block;
    /*position:absolute;bottom:0;*/
    margin: 0 auto;
    min-height: 120px;
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.board_photo #board_photo_grid {
}

.board_photo #board_photo_grid:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}

.board_photo #board_photo_grid .thumbnail {
    display: block;
    float: none;
    overflow: hidden;
    position: relative;
    margin: 0 0 2% 0;
    width: 100%;
}

.board_photo #board_photo_grid .thumbnail .feature-image {
    overflow: hidden;
    position: relative;
    background: #171717;
    z-index: 1;
}

.board_photo #board_photo_grid .thumbnail .feature-image img {
    display: block;
    width: 100%;
    height: auto;
}

.board_photo #board_photo_grid .thumbnail .thumbnail-excerpt {
    opacity: 0;
}

.board_photo #board_photo_grid .thumbnail:hover .thumbnail-excerpt {
    opacity: 1;
}

.board_photo #board_photo_grid .thumbnail-excerpt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/_prog/_board/skin/rwd/img/bg_thumbnail.png) repeat;
    z-index: 2;
}

.board_photo #board_photo_grid .thumbnail-excerpt div {
    display: block;
    width: 100%;
    height: 100%;
}

.board_photo #board_photo_grid .thumbnail-excerpt div h2 {
    text-align: center;
}

.board_photo #board_photo_grid .thumbnail-excerpt a {
    color: #fff;
}

.board_photo #board_photo_grid .thumbnail-excerpt a:hover {
    color: #fff;
}

@media only screen and (min-width: 320px) {
    .board_photo .board_photoList li {
        float: none;
        width: 100%;
    }
}

@media only screen and (min-width: 569px) {
    .board_photo .board_photoList li {
        float: left;
        width: 33.3%;
    }

    .thumb_list .item {
        float: left;
        margin: 0 2% 2% 0;
        width: 48%;
    }

    .gallery .photo_galList .wrap ul li img {
        width: 148px;
        height: 80px;
    }

    .board_view .board_view_header h2 span.tit_right {
        margin-top: -70px;
    }
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
    .board_photo .board_photoList li {
        width: 33.3%;
    }

    .thumb_list .item {
        float: left;
        margin: 0 2% 2% 0;
        width: 31.333%;
    }

    .board_view .board_view_header h2 span.tit_right {
        margin-top: -50px;
    }
}

@media only screen and (min-width: 960px) {
    .board_photo .board_photoList li {
        width: 25%;
    }

    .board_photo .board_photoList li.no_data {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

    .thumb_list .item {
        float: left;
        margin: 0 2% 2% 0;
        width: 23%;
    }
}

@media (max-width: 490px) {
    .board_photo li {
        display: inline-block;
        /*float:left;width:20%;*/
        min-height: 220px;
        text-align: center;
        font-size: 0.9em;
    }
}

/*갤러리 끝*/

/*스크랩 시작*/
/*
.tbl_basic_type03{margin-bottom:10px;width:100%;border-top:3px solid transparent;border-bottom:1px solid transparent;}
.tbl_basic_type03 th,
.tbl_basic_type03 td{padding:10px 15px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.tbl_basic_type03 th:first-child,
.tbl_basic_type03 td:first-child{border-left:none}
.tbl_basic_type03 th.trw,
.tbl_basic_type03 td.trw{border-right:1px solid #ddd;}
.tbl_basic_type03 tbody th,
.tbl_basic_type03 thead th{vertical-align:middle;}
.tbl_basic_type03 thead th,
.tbl_basic_type03 tfoot th{background-image:none;}
.tbl_basic_type03 tbody th{color:#333;}
.tbl_basic_type03 thead th{color:#333; padding: 20px 0; background: #f5f5f5; font-size: 1.3em; font-weight: 600;}

.tbl_basic_type03 td  .btn-file{font-size:12px;}
.tbl_basic_type03{border-top-color: #ff4b1e;border-bottom-color:#ddd;}
.tbl_basic_type03 th,
.tbl_basic_type03 td{
    text-align: center;
    padding: 13px 0;
    letter-spacing: 0px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
    font-size: 1em;
    color: #555;
    word-break: keep-all;
}
.tbl_basic_type03 td img{width: auto;}
.problem_file img{width: auto;}
.tbl_basic_type03 td.left{text-align: left; padding-left: 50px;}
.tbl_basic_type03 tbody th{background-color:#f1f1f1;}
.boardblock .left {
    float: left;
    padding-right: 3px;
}
.boardblock .left span {
    margin-left: 5px;
}
.left .button1 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #444;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.left .button1 a {
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    background: #444;
    color: #fff !important;
    cursor: pointer;
    padding: 0 25px 0 25px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: NanumGothic, Arial !important;
}
.icheckbox_flat-blue {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
}
@media (max-width:800px) {
    .tbl_basic_type03 thead th{color:#333; padding: 20px 0; background: #f5f5f5; font-size: 1em; font-weight: 600;}
}

@media (max-width:600px) {
    .tbl_basic_type03 td.left{text-align: left; padding-left: 20px;}
    .tbl_basic_type03 .date{display: none;}
    .tbl_basic_type03 .title{width: 40%;}
    .tbl_basic_type03 td{text-align: center;padding: 13px 0;letter-spacing: 0px;border-bottom: 1px solid #e5e5e5;vertical-align: middle;font-size: 1em;color: #555;word-break: keep-all;}

}
@media (max-width:420px) {
    .tbl_basic_type03 td.left{text-align: left; padding-left: 0px;}

    .tbl_basic_type03 .title{width: 30%;}
.tbl_basic_type03 td a{font-size: 0.9em;}
    .tbl_basic_type03 td{text-align: center;padding: 13px 0;letter-spacing: 0px;border-bottom: 1px solid #e5e5e5;vertical-align: middle;font-size: 0.9em;color: #555;word-break: keep-all;}
}*/

/*스크랩 끝*/

/*20170420*/
em {
    font-style: normal;
}

.mt0 {
    margin-top: 0px !important;
}

.mt-3 {
    margin-top: -3px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.paba30 {
    padding-bottom: 30px !important;
}

.palr0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.cen {
    text-align: center;
}

.right {
    text-align: right;
}

.flright {
    float: right;
}

/* board search  */

.board-search-wrap {
    padding: 20px 0;
    float: right;
    text-align: center;
    box-sizing: border-box;
}

.board-search-wrap input[type='text'] {
    width: 220px;
    background-color: #fff;
    height: 40px;
    border: 1px solid #ddd;
}

.board-search-wrap input.input-width[type='text'] {
    width: 320px;
}

.board-search-wrap .search-wrap {
    display: table;
    max-width: 855px;
    position: relative;
    margin: 0 auto;
}

.board-search-wrap .search-wrap:after {
    content: '';
    display: block;
    clear: both;
}

.board-search-wrap .sel select {
    background: #fff;
    width: 120px;
    color: #000;
    font-size: 1em;
    height: 40px;
}

.board-search-wrap .search-wrap + .search-wrap {
    margin-top: 6px;
}

.board-search-wrap .search-wrap .search-input {
    display: table;
    float: left;
}

.board-search-wrap .search-wrap .search-input > div {
    display: table-cell;
    vertical-align: middle;
}

.board-search-wrap .search-wrap .search-input > div + div {
    padding-left: 5px;
}

.board-search-wrap .search-wrap .search-input > span {
    display: table-cell;
    vertical-align: middle;
    min-width: 20px;
}

.board-search-wrap .search-wrap .search-input + .search-btn {
    padding-left: 5px;
}

.board-search-wrap .search-wrap .search-btn {
    display: flex;
    float: left;
}

.board-search-wrap .search-wrap .search-btn > div {
    display: table-cell;
    vertical-align: middle;
}

.board-search-wrap .search-wrap .search-btn > div + div {
    padding-left: 5px;
}

@media (max-width: 926px) {
    .board-search-wrap .search-wrap-ac {
        width: 100%;
    }

    .search-input-width > div {
        width: auto !important;
    }

    .board-search-wrap .sel select {
        margin-bottom: 0;
        width: 100%;
    }

    .search-input-wrap {
        margin-top: 5px;
        padding-left: 0 !important;
        display: block !important;
        float: none !important;
    }

    .board-search-wrap input.input-width[type='text'] {
        width: 70%;
        float: left;
    }

    .board-search-wrap .search-wrap .search-input-wrap > div {
        display: block;
    }

    .board-search-wrap .search-input-wrap > div:last-child {
        float: left;
        width: auto !important;
    }

    .board-search-wrap .search-wrap .search-input-width {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    .board-search-wrap .search-wrap .search-input-width > div {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .comments {
        margin-bottom: 40px;
    }

    .comment-form .submit button {
        font-size: 13px;
        width: 100%;
        padding: 12px;
    }

    .comment-list ul li .author-meta,
    .comment-list ul li .commenttxt,
    .comment-list ul li p {
        font-size: 13px;
    }

    .comment-list ul li .commenttxt {
        padding: 10px 15px;
    }

    .comment-list ul li .commentbtn {
        top: 2px;
    }

    .comment-list ul li .delete,
    .comment-list ul li .reply {
        font-size: 11px;
    }

    /* board search */
    .board-search-wrap {
        padding: 10px 0;
        border-left: none;
        border-right: none;
        width: 100%;
        float: none;
    }

    .board-search-wrap .sel {
        width: 100%;
        max-width: none;
    }

    .board-search-wrap input[type='text'] {
        width: 100%;
    }

    .blind + .board-search-wrap {
        margin-top: 15px;
    }

    .board-search-wrap .search-wrap {
        width: 100%;
    }

    .board-search-wrap .search-wrap .search-btn {
        display: table;
    }

    .board-search-wrap .search-wrap .search-input {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    .board-search-wrap .search-wrap .search-input.ty2 {
        width: 100%;
    }

    .board-search-wrap .search-wrap .search-input > div {
        width: 48%;
    }

    .board-search-wrap .search-wrap .search-input + .search-btn {
        float: none;
        padding-top: 10px;
        padding-left: 0;
    }

    .board-search-wrap .search-btn {
        width: 100%;
    }

    .board-search-wrap .search-btn > div:last-child {
        width: 72px;
    }

    .board-search-wrap .sel select {
        margin-bottom: 0;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .board-search-wrap .search-wrap .search-btn > div {
        display: block;
        padding: 0 !important;
    }

    .board-search-wrap .search-btn > div:last-child {
        width: 100%;
    }

    .board-search-wrap .sel select {
        width: 100%;
    }

    .board-search-wrap .btn-blue-s {
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }

    .board-search-wrap .search-wrap .search-input-width > div {
        width: 100% !important;
        display: table-caption;
        padding-left: 0 !important;
        margin-bottom: 5px;
    }

    .search-input-wrap {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .board-search-wrap input.input-width[type='text'] {
        width: 100%;
    }

    .board-search-wrap .search-input-wrap > div:last-child {
        width: 100% !important;
    }
}

/* ---------------------------
	search--------------------------------------
------------------------------ */

/* ---------------------------
	button
------------------------------ */

.btn_wrap {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}

.btn_wrapin {
    float: right;
}

button {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}

.btn-list {
    margin: 30px 0;
    padding: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.btn_type {
    font-size: 0.9em;
    font-weight: 600;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    white-space: nowrap;
    vertical-align: middle;
    overflow: visible;
    text-align: center;
    padding: 0 15px;
    border: 1px solid #01567f;
    background: #fff;
    color: #01567f;
    margin-bottom: 3px;
}

.btn_type2 {
    font-size: 1em;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    white-space: nowrap;
    vertical-align: middle;
    overflow: visible;
    line-height: 36px;
    text-align: center;
    min-width: 130px;
    border: 1px solid #ccc;
    background: #ddd;
    color: #333;
}

.btn_type2:hover {
    border: 1px solid #ccc;
    background: #7f7f7f;
    color: #fff;
    border-radius: 5px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.btn_type2.btc-blue {
    background: #01567f;
    border: 1px solid #01567f;
    color: #fff;
    min-width: 130px;
    border-radius: 5px;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
}

.btn_type2.btc-blue:hover {
    background: #00354f;
    border: 1px solid #00354f;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.btn-date-pick {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 1px solid #bbb;
    background: #f9f9f9;
    position: absolute;
    right: 0;
    top: 0;
}

.btn-file-list {
    color: #005daa;
    text-decoration: underline;
    color: #005daa;
}

.btn-file-list.disabled {
    color: #999;
}

.btn-file-delete {
    display: inline-block;
    box-sizing: border-box;
    margin-top: -3px;
    width: 14px;
    height: 14px;
    border: 1px solid #005daa;
    font-size: 0;
}

.btn-file-delete > i {
    color: #005daa;
    font-size: 10px;
    width: 8px;
    height: 7px;
    overflow: hidden;
}

.btn-file-delete > i:before {
    display: block;
    margin-left: -1px;
    margin-top: -1px;
}

.btn-file-delete.disabled,
.btn-file-delete:disabled {
    border: 1px solid #dbdbdb;
}

.btn-file-delete.disabled > i,
.btn-file-delete:disabled > i {
    color: #999;
}

.btn-gray-s {
    box-sizing: border-box;
    display: inline-block;
    min-width: 90px;
    height: 40px;
    border-radius: 5px;
    padding: 0 20px;
    background-color: #999;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    line-height: 40px;
    border: 1px solid #999;
}

.btn-gray-s:hover,
.btn-gray-s:focus {
    color: #fff;
    background: #666;
}

.btn-gray-s.disabled,
.btn-gray-s:disabled {
    background-color: #dedede;
    border: 1px solid #dedede;
    color: #999;
}

.btn-white-s {
    box-sizing: border-box;
    display: inline-block;
    min-width: 72px;
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
    background-color: #fff;
    color: #222;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #999;
    white-space: nowrap;
}

.btn-white-s:hover,
.btn-white-s:focus {
    color: #222;
}

.btn-white-s.disabled,
.btn-white-s:disabled {
    background-color: #dedede;
    border: 1px solid #dedede;
    color: #999;
}

.btn-white-m {
    box-sizing: border-box;
    display: inline-block;
    height: 35px;
    padding: 0 10px;
    background-color: #fff;
    text-align: center;
    color: #222;
    font-size: 14px;
    line-height: 35px;
    border: 1px solid #999;
    font-weight: 700;
}

.btn-white-m > i {
    font-size: 12px;
    margin-right: 5px;
}

.btn-white-m:hover,
.btn-white-m:focus {
    color: #222;
}

.btn-white-m.disabled,
.btn-white-m:disabled {
    border-color: #dbdbdb;
    color: #999;
}

.btn-white {
    box-sizing: border-box;
    display: inline-block;
    min-width: 90px;
    height: 40px;
    padding: 0 20px;
    background-color: #fff;
    text-align: center;
    color: #222;
    font-size: 1.2em;
    line-height: 40px;
    border: 1px solid #999;
}

.btn-white:hover,
.btn-white:focus {
    color: #222;
}

.btn-white.disabled,
.btn-white:disabled {
    border-color: #dbdbdb;
    color: #999;
}

.btn-blue {
    box-sizing: border-box;
    display: inline-block;
    min-width: 100px;
    height: 40px;
    padding: 0 20px;
    background-color: #1f3449;
    text-align: center;
    color: #fff;
    font-size: 1em;
    line-height: 40px;
    border: 1px solid #1f3449;
    font-weight: 600;
}

.btn-blue > i {
    margin-left: 10px;
    font-size: 15px;
}

.btn-blue:hover,
.btn-blue:focus {
    color: #fff;
    background: #125452;
    border: 1px solid #125452;
}

.btn-blue.disabled,
.btn-blue:disabled {
    background-color: #858585;
    color: #fff;
    border-color: #858585;
}

.btn-sky {
    box-sizing: border-box;
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    background-color: #07219d;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    border: 1px solid #07219d;
    font-weight: 600;
    border-radius: 5px;
}

.btn-sky > i {
    margin-left: 10px;
    font-size: 15px;
}

.btn-sky:hover,
.btn-sky:focus {
    color: #fff;
}

.btn-sky.disabled,
.btn-sky:disabled {
    background-color: #858585;
    color: #fff;
    border-color: #858585;
}

.btn-yellow-s {
    box-sizing: border-box;
    display: inline-block;
    min-width: 90px;
    font-weight: 600;
    padding: 5px 20px;
    background-color: #d5a10e;
    text-align: center;
    color: #fff;
    font-size: 1em;
    border: 1px solid #d5a10e;
    border-radius: 5px;
}

.btn-yellow-s:hover,
.btn-yellow-s:focus {
    color: #fff;
    background-color: #d5a10e;
    border: 1px solid #d5a10e;
}

.btn-yellow-s.disabled,
.btn-yellow-s:disabled {
    opacity: 0.5;
    background-color: #d5a10e;
    color: #fff;
    border-color: #d5a10e;
}

.btn-red-s {
    box-sizing: border-box;
    display: inline-block;
    min-width: 90px;
    font-weight: 600;
    padding: 5px 20px;
    background-color: red;
    text-align: center;
    color: #fff;
    font-size: 1em;
    border: 1px solid red;
    border-radius: 5px;
    margin-left: 5px;
}

.btn-red-s:hover,
.btn-red-s:focus {
    color: #fff;
    background-color: red;
    border: 1px solid red;
}

.btn-red-s.disabled,
.btn-red-s:disabled {
    opacity: 0.5;
    background-color: red;
    color: #fff;
    border-color: red;
}

.btn-black-s {
    box-sizing: border-box;
    display: inline-block;
    min-width: 90px;
    font-weight: 600;
    padding: 5px 20px;
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 1em;
    border: 1px solid #000;
    border-radius: 5px;
}

.btn-black-s:hover,
.btn-black-s:focus {
    color: #fff;
    background: #000;
    border: 1px solid #000;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.btn-black-s.disabled,
.btn-black-s:disabled {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.btn-green-s {
    box-sizing: border-box;
    display: inline-block;
    min-width: 90px;
    font-weight: 600;
    padding: 5px 20px;
    background-color: #125452;
    text-align: center;
    color: #fff;
    font-size: 1em;
    border: 1px solid #125452;
    border-radius: 5px;
}

.btn-green-s:hover,
.btn-green-s:focus {
    color: #fff;
    background-color: #125452;
    border: 1px solid #125452;
}

.btn-green-s.disabled,
.btn-green-s:disabled {
    background-color: #125452;
    color: #fff;
    border-color: #125452;
    opacity: 0.5;
}

.btn-blue-s {
    box-sizing: border-box;
    display: inline-block;
    min-width: 90px;
    font-weight: 600;
    padding: 5px 20px;
    background-color: #07219d;
    text-align: center;
    color: #fff;
    font-size: 1em;
    border: 1px solid #07219d;
    border-radius: 5px;
}

.btn-blue-s:hover,
.btn-blue-s:focus {
    color: #fff;
    background: #07219d;
    border: 1px solid #07219d;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.btn_gray,
.btn_black,
.btn_yellow,
.btn_red,
.btn_light_red,
.btn_green,
.btn_blue {
    padding: 0 15px;
    color: #fff !important;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    line-height: 35px;
    display: inline-block;
}

.btn_gray {
    background: #999999;
}

.btn_black {
    background: #000;
}

.btn_yellow {
    background: #ffc22a;
}

.btn_red {
    background: #ff0000;
}

.btn_light_red {
    background: #ff0000;
    opacity: 0.5;
}

.btn_green {
    background: #125452;
}

.btn_blue {
    background: #07219d;
}

/* ---------------------------
	button----------------------------------------------
------------------------------ */

@media only screen and (min-width: 0px) and (max-width: 767px) {
    /* board search */
    .board-search-wrap {
        margin-top: 0;
        padding: 10px 0;
        border-left: none;
        border-right: none;
    }

    .board-search-wrap .sel {
        width: 100%;
        max-width: none;
    }

    .board-search-wrap input[type='text'] {
        width: 100%;
    }

    .blind + .board-search-wrap {
        margin-top: 15px;
    }

    .board-search-wrap .search-wrap {
        width: 100%;
    }

    .board-search-wrap .search-wrap .search-input {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    .board-search-wrap .search-wrap .search-input.ty2 {
        width: 100%;
    }

    .board-search-wrap .search-wrap .search-input > div {
        width: 48%;
    }

    .board-search-wrap .search-wrap .search-input + .search-btn {
        float: none;
        padding-top: 10px;
        padding-left: 0;
    }

    .board-search-wrap .search-btn {
        width: 100%;
    }

    .search-wrap .btn-gray-s {
        display: block;
    }

    .board-search-wrap .btn-green-s {
        width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width: 770px) {
    .board-search-wrap .search-wrap .search-btn {
        display: table;
    }
}

@media only screen and (max-width: 768px) {
    .width-298px {
        width: 100%;
    }

    .width-213px {
        width: 65%;
        float: left;
        box-sizing: border-box;
        height: 39px;
        margin-left: 0;
        text-align: left;
    }

    .btn-id-s {
        width: 33%;
        margin-left: 2%;
        float: left;
        box-sizing: border-box;
        text-align: center;
        width: 33%;
    }
}

@media screen and (max-width: 480px) {
    .board-search-wrap .sel select {
        width: 100%;
    }

    .board-search-wrap .search-wrap .search-btn > div {
        display: block;
    }

    .btn_wrap {
        padding: 0 !important;
        width: 100% !important;
    }

    .btn_wrap .btn-gray-s {
        width: 100%;
        padding: 0;
    }
}

/*sns*/
.renew-page-wrap {
    width: 100%;
    height: 35px;
}

.renew-page-utill {
    position: relative;
    height: 46px;
    border: 1px solid #dadada;
    background: #fff;
    float: right;
}

.renew-page-utill > li {
    float: left;
    border-left: 1px solid #dadada;
}

.renew-page-utill > li:first-child {
    border-left: 0;
}

.renew-page-utill > li > a {
    display: block;
    width: 70px;
    height: 46px;
    font-size: 0;
    line-height: 0;
    text-indent: -10000%;
}

.renew-page-utill > li > a:hover,
.renew-page-utill > li > a.active {
    background-position: center -46px;
}

.renew-page-utill .renew-print {
    background: url(../../common/images/btn_print.gif) no-repeat center 0;
}

.renew-page-utill .renew-fav {
    background: url(../../common/images/btn_favorite.gif) no-repeat center 0;
}

.renew-page-utill .renew-share {
    background: url(../../common/images/btn_share.gif) no-repeat center 0;
}

.renew-page-utill .renew-share-list {
    display: none;
    position: absolute;
    top: 45px;
    left: -1px;
    right: -1px;
    padding: 9px;
    border: 1px solid #dadada;
    border-top: 0;
    background: #fff;
    z-index: 9;
}

.renew-page-utill .renew-share-list > li {
    padding: 5px 4px;
    border-top: 1px solid #f1f1f1;
    font-size: 12px;
    line-height: 23px;
    color: #636363;
    text-align: left;
}

.renew-page-utill .renew-share-list > li:first-child {
    border-top: 0;
}

.renew-page-utill .renew-share-list > li > a {
    display: block;
}

.renew-page-utill .renew-share-list > li img {
    margin-right: 11px;
    width: auto;
}

@media only screen and (max-width: 768px) {
    .renew-page-wrap {
        width: 100%;
        height: 40px;
    }
}

@media only screen and (max-width: 400px) {
    .table-view .view-header .view-info > span.hits {
        display: none;
    }
}

/*.tbl_skin1*/
.tbl_skin1 {
    width: 100%;
    border-top: 2px solid #0057b8;
    background-color: #ffffff;
    text-align: center;
    font-size: 12px;
    color: #636363;
    line-height: 20px;
}

.tbl_skin1 thead th {
    padding: 15px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #b5b5b5;
    color: #363636;
    background: #f5f5f5;
    vertical-align: middle;
}

.tbl_skin1 tbody th {
    padding: 10px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    vertical-align: middle;
}

.tbl_skin1 tbody th {
    padding: 10px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    color: #0d3f8f;
    vertical-align: middle;
}

.tbl_skin1 tbody td {
    padding: 15px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    vertical-align: middle;
}

.tbl_skin1 tbody td a {
    color: #000;
}

.tbl_skin1 tr th:last-child {
    border-right: none;
}

.tbl_skin1 tr td:last-child {
    border-right: none;
}

.tbl_skin1 .br {
    border-right: 1px solid #e2e2e2 !important;
}

.tbl_skin1 .bl {
    border-left: 1px solid #e2e2e2 !important;
}

.tbl_skin1 .tl {
    text-align: left;
}

@media screen and (max-width: 610px) {
    .tbl_skin1 colgroup col:first-child {
        display: none;
    }

    .tbl_skin1 colgroup col {
        width: 50% !important;
    }

    .tbl_skin1 tr th:first-child {
        display: none;
    }

    .tbl_skin1 tr td:first-child {
        display: none;
    }
}

/*.tbl_skin2*/
.tbl_skin2 {
    width: 100%;
    border-top: 2px solid #0057b8;
    background-color: #ffffff;
    text-align: center;
    font-size: 12px;
    color: #636363;
    line-height: 20px;
}

.tbl_skin2 thead th {
    padding: 15px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #b5b5b5;
    color: #363636;
    background: #f5f5f5;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
}

.tbl_skin2 tbody th {
    padding: 10px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    vertical-align: middle;
}

.tbl_skin2 tbody th {
    padding: 10px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    color: #0d3f8f;
    vertical-align: middle;
}

.tbl_skin2 tbody td {
    padding: 15px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    vertical-align: middle;
}

.tbl_skin2 tbody td a {
    color: #000;
}

.tbl_skin2 tbody td span {
    display: none;
}

.tbl_skin2 tr th:last-child {
    border-right: none;
}

.tbl_skin2 tr td:last-child {
    border-right: none;
}

.tbl_skin2 .br {
    border-right: 1px solid #e2e2e2 !important;
}

.tbl_skin2 .bl {
    border-left: 1px solid #e2e2e2 !important;
}

.tbl_skin2 .tl {
    text-align: left;
}

@media screen and (max-width: 480px) {
    .tbl_skin2,
    .tbl_skin2 thead,
    .tbl_skin2 tbody,
    .tbl_skin2 tr,
    .tbl_skin2 th,
    .tbl_skin2 td {
        display: block;
    }

    .tbl_skin2 tr td:first-child {
        background: #0057b8;
        color: #fff;
        font-weight: 600;
        text-align: center;
        font-size: 1.2em;
    }

    .tbl_skin2 tbody td {
        border-right: 0;
    }

    .tbl_skin2 tbody td span {
        display: block;
        font-weight: 600;
        color: #0057b8;
    }
}

/*.tbl_skin3*/
.tbl_skin3 {
    margin-bottom: 10px;
    width: 100%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tbl_skin3 th:first-child,
.tbl_skin3 td:first-child {
    border-left: none;
}

.tbl_skin3 th.trw,
.tbl_skin3 td.trw {
    border-right: 1px solid #ddd;
}

.tbl_skin3 tbody th,
.tbl_skin3 thead th {
    vertical-align: middle;
}

.tbl_skin3 thead th,
.tbl_skin3 tfoot th {
    background-image: none;
}

.tbl_skin3 tbody th {
    /*color:#004993;*/
    color: #333;
}

.tbl_skin3 thead th {
    color: #333;
    padding: 10px 0;
    background: #f5f5f5;
    font-size: 1.1em;
    font-weight: 600;
}

.tbl_skin3 td .btn-file {
    font-size: 12px;
}

.list_subject {
    position: relative;
    width: 97%;
    overflow: hidden;
}

.list_subject a:hover {
    text-decoration: underline;
}

.list_subject span {
    float: left;
}

.list_subject span.label-primary {
    float: none !important;
}

.tbl_skin3 td.left span.link {
    width: auto;
    height: 28px;
    max-width: 90%;
    word-break: break-all;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 28px;
}

.tbl_skin3 {
    border-top-color: #333;
}

.tbl_skin3 th,
.tbl_skin3 td {
    text-align: center;
    padding: 10px 0;
    letter-spacing: 0px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
    font-size: 1em;
    color: #555;
    word-break: keep-all;
}

.tbl_skin3 td img {
    width: auto;
}

.problem_file img {
    width: auto;
}

.tbl_skin3 td.left {
    text-align: left;
    padding-left: 30px;
}

.tbl_skin3 tbody th {
    background-color: #f1f1f1;
}

@media (max-width: 900px) {
    .tbl_skin3 .problem_file {
        display: none;
    }
}

@media (max-width: 767px) {
    .tbl_skin3 thead th {
        font-size: 13px;
        letter-spacing: -0.5pt;
        line-height: 1.4;
    }

    .tbl_skin3 td {
        font-size: 12px;
        line-height: 1.4;
    }
}

@media (max-width: 600px) {
    .tbl_skin3 td.left {
        text-align: left;
        padding-left: 20px;
    }

    .tbl_skin3 .problem_number,
    .tbl_skin3 .problem_count,
    .tbl_skin3 .problem_file {
        display: none;
    }

    .tbl_skin3 .title {
        width: 40%;
    }
}

@media (max-width: 420px) {
    .tbl_skin3 td.left {
        text-align: left;
        padding-left: 0px;
    }

    .tbl_skin3 .problem_number,
    .tbl_skin3 .problem_count,
    .tbl_skin3 .problem_file,
    .tbl_skin3 .write {
        display: none;
    }

    .tbl_skin3 .title {
        width: 30%;
    }
}

/*.tbl_skin4*/
.tbl_skin4 {
    margin-bottom: 10px;
    width: 100%;
    border-top: 2px solid transparent;
    border-bottom: 1px solid transparent;
}

.tbl_skin4 th.trw,
.tbl_skin4 td.trw {
    border-right: 1px solid #ddd;
}

.tbl_skin4 tbody th,
.tbl_skin4 thead th {
    vertical-align: middle;
}

.tbl_skin4 thead th,
.tbl_skin4 tfoot th {
    background-image: none;
}

.tbl_skin4 tbody th {
    /*color:#004993;*/
    color: #333;
}

.tbl_skin4 thead th {
    color: #333;
    padding: 10px 0;
    background: #f5f5f5;
    font-size: 1.1em;
    font-weight: 600;
}

.tbl_skin4 td .btn-file {
    font-size: 12px;
}

.list_subject {
    position: relative;
    width: 97%;
    overflow: hidden;
    line-height: 28px;
}

.list_subject a:hover {
    text-decoration: underline;
}

.list_subject span {
    float: left;
}

.newIcon i {
    font-size: 18px;
    color: #ff0000;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.fileIcon i {
    font-size: 18px;
    color: #000;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.list_subject span.label-primary {
    float: none !important;
}

.tbl_skin4 td.left span.link {
    width: auto;
    height: 28px;
    max-width: 90%;
    word-break: break-all;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tbl_skin4 {
    border-top-color: #ddd;
}

.tbl_skin4 th,
.tbl_skin4 td {
    text-align: center;
    padding: 10px 0;
    letter-spacing: 0px;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    font-size: 1em;
    color: #555;
    word-break: keep-all;
}

.tbl_skin4 td img {
    width: auto;
}

.problem_file img {
    width: auto;
}

.tbl_skin4 td.left {
    text-align: left;
    padding-left: 15px;
}

.tbl_skin4 tbody th {
    background-color: #f1f1f1;
}

@media (max-width: 900px) {
    .tbl_skin4 .problem_file {
        display: none;
    }
}

@media (max-width: 800px) {
}

@media (max-width: 600px) {
    .tbl_skin4 td.left {
        text-align: left;
        padding-left: 20px;
    }

    .tbl_skin4 .problem_number,
    .tbl_skin4 .problem_count,
    .tbl_skin4 .problem_file {
        display: none;
    }
}

@media (max-width: 420px) {
    .tbl_skin4 td.left {
        text-align: left;
        padding-left: 0px;
    }

    .tbl_skin4 .problem_number,
    .tbl_skin4 .problem_count,
    .tbl_skin4 .problem_file,
    .tbl_skin4 .write {
        display: none;
    }

    .tbl_skin4 thead tr th.date {
        width: 100%;
    }
}

@media (min-width: 420px) {
    .tbl_skin4 thead tr th.date {
        width: 15%;
    }
}

/*table write*/
.rh_wrbboard,
.rh_wrbboard > table {
    width: 100%;
    position: relative;
    display: inline-block;
}

.rh_wrbboard > table {
    width: 100%;
    height: auto;
    table-layout: fixed;
    border-collapse: collapse;
}

.rh_wrbboard > table thead,
.rh_wrbboard > table thead tr,
.rh_wrbboard > table tbody,
.rh_wrbboard > table tbody tr {
    width: 100%;
    display: table;
}

.rh_wrbboard > table tr th,
.rh_wrbboard > table tr td {
    padding: 10px 10px 8px 10px;
    line-height: 20px;
    height: auto;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

.rh_wrbboard > table tr td img {
    width: auto;
}

.rh_wrbboard > table thead tr th {
    background-color: #f9f9f9;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
}

.rh_write > .rh_head_blue {
    margin-top: 30px;
    margin-bottom: 15px;
}

.rh_write > table {
    width: 100%;
    border-top: 2px solid #ddd;
}

.rh_write > table thead tr th,
.rh_write > table tbody tr th,
.rh_write > table tbody tr.rh_4_cols th {
    background-color: #f9f9f9;
    border-right: 1px solid #d2d2d2;
    text-align: center;
    width: 15%;
    font-size: 16px;
    min-width: 70px;
    box-sizing: border-box;
    -ms-word-break: break-all;
    word-break: break-all;
    /*Non standard for webkit */
    word-break: break-word;
}

.rh_write > table tbody tr.rh_4_cols td {
    width: 35%;
}

.rh_write > table thead tr td,
.rh_write > table tbody tr td {
    text-align: left;
    padding-left: 5px;
    word-wrap: break-word;
}

.rh_write > table tbody tr.rh_write_cntn td {
    padding-top: 30px;
    padding-bottom: 30px;
}

.rh_write table tbody tr:hover td {
    font-weight: normal;
}

.tbl_wrap table {
    width: 100%;
}

.tbl_wrap table tr {
    width: 100%;
}

.rh_wr_cmt th {
    background-color: #f9f9f9;
    border: 1px solid #d2d2d2;
    text-align: center;
    vertical-align: middle;
    width: 15%;
    min-width: 70px;
    box-sizing: border-box;
}

.rh_wr_cmt td {
    padding: 10px 10px 10px 10px;
    line-height: 18px;
    height: auto;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    font-size: 14px;
}

.rs_fc_red {
    color: #ff4b1e !important;
}

.rh_write table tr td textarea.smarteditor {
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    padding: 5px;
    height: 300px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    resize: none;
}

.rh_write table tr td input[type='text'] {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.rh_write table tr td input.upfile {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
    padding: 5px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.rh_write .rh_btn_wrap,
.rh_btn_wrap {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}

.rh_write .rh_btn_wrap .rh_btn {
    width: 100px;
    margin-right: 20px;
}

.rh_write .rh_btn_wrap .rh_btn:hover {
    color: white;
}

.rh_write table tr td.rh_date_row input {
    width: 100px;
}

.rh_write table tr td.rh_date_row3 input {
    width: 300px;
}

@media (max-width: 600px) {
    .rh_write > table {
        border: 1px solid #ddd;
    }

    .rh_write > table colgroup {
        display: none;
    }

    .rh_write > table thead tr th,
    .rh_write > table tbody tr th,
    .rh_write > table tbody tr.rh_4_cols th {
        border: 0;
    }

    .rh_write > table tbody tr th {
        width: 100%;
        display: block;
        padding: 15px 0px !important;
        border-bottom: 1px solid #ddd;
    }

    .rh_wrbboard > table tr td {
        width: 100%;
        display: block;
        padding: 15px 0px !important;
        border-bottom: 1px solid #ddd;
    }

    .btn_check {
        text-align: center;
    }
}

@media (max-width: 400px) {
}

/*table-view*/
.table-view {
    border-top: 1px solid #333;
    word-break: keep-all;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}

.table-view .view-header {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
    position: relative;
}

.table-view .view-header .view-title h1,
.table-view .view-header .view-title h2 {
    color: #333;
    font-size: 1.2em;
    font-weight: 600;
}

.table-view .view-header .view-info {
    margin-top: 5px;
    overflow: hidden;
    font-size: 14px;
    color: #555;
    display: flex;
}

.table-view .view-header .view-info > span {
    display: block;
    float: left;
    position: relative;
    color: #777;
}

.table-view .view-header .view-info > span + span {
    padding-left: 40px;
}

.table-view .view-header .view-info em {
    color: #222;
}

.table-view .view-header .view-info em + span {
    margin-left: 10px;
}

.table-view .view-header .view-info span + span:before {
    content: '';
    display: block;
    float: left;
    width: 1px;
    height: 13px;
    background-color: #bbb;
    margin-top: 8px;
    margin-left: -20px;
}

.table-view .view-header .view-info .sns-share {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    
}

.table-view .view-header .view-info .sns-share li {
    cursor: pointer;
    margin-left: 10px;
    min-width: 24px;
}

.table-view .view-body {
    padding: 30px;
    line-height: 1.8;
    /*max-width:768px;*/

    word-break: break-word;
    white-space: pre-line;
    table-layout: fixed;

    margin: 0 auto;
    overflow-x: auto;
}
.table-view .view-body p {
    word-break: break-word;
    white-space: pre-line;
    table-layout: fixed;
}

.table-view .view-body span {

}

.table-view .view-body img {
    height: initial !important;
}

.table-view .attached-images {
    margin-top: 20px;
    padding: 10px 0;
}

.table-view .attached-images img {
    border-radius: 4px;
}

.table-view .view-slide {
    margin: 30px 0;
}

.table-view .view-footer {
    display: table;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #eee;
    box-sizing: border-box;
    table-layout: fixed;
}

.table-view .view-footer .footer-title {
    display: table-cell;
    color: #222;
    position: relative;
    line-height: 1.2;
    box-sizing: border-box;
}

.table-view .view-footer .footer-content {
    display: table-cell;
}

.table-view .view-footer .footer-content a {
    color: #000;
}

.table-view .view-footer .footer-content a:hover {
    text-decoration: underline;
}

.file-size {
    font-size: 0.9rem;
    padding: 10px;
    color: #777;
}

.table-view .view-footer.file-area {
    padding: 10px 30px;
}

.table-view .file-area .footer-title {
    width: 105px;
    padding: 0;
    vertical-align: middle;
    line-height: 1.5;
}

.table-view .file-area .footer-title:after {
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    content: '';
    background: #ddd;
    width: 1px;
    height: 13px;
}

.table-view .file-area .footer-title .icon-file {
    position: absolute;
    top: 2px;
    left: 0;
    margin-right: 5px;
    color: #005daa;
}

.table-view .file-area .footer-content {
    padding-left: 20px;
    line-height: 1.5;
}

.table-view .view-footer.answer-area {
}

.table-view .answer-area .footer-title {
    width: 115px;
    padding: 30px;
    background: #f9f9f9;
}

.table-view .answer-area .footer-content {
    padding: 30px;
}

.table-view-nav {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
}

.table-view-nav li {
    line-height: 1.1;
}

.table-view-nav li + li {
    border-top: 1px solid #ddd;
}

.table-view-nav li div {
    display: block;
    padding: 16px 0;
    position: relative;
}

.table-view-nav li div .nav-title {
    display: inline-block;
    max-width: 100%;
    position: relative;
    box-sizing: border-box;
    vertical-align: middle;
}

.table-view-nav li div .nav-title:hover a {
    text-decoration: underline;
}

.table-view-nav li div .nav-title > span {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-view-nav li em {
    color: #222;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
}

.table-view-nav li a {
    padding: 0;
    display: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.table-view-nav li .next {
    padding-left: 127px;
    padding-right: 15px;
}

.table-view-nav li .next > em {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -7px;
}

.table-view-nav li .next > em:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 97px;
    width: 1px;
    height: 13px;
    background-color: #bbb;
}

.table-view-nav li .next > em > i {
    margin-right: 13px;
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

.table-view-nav li .next .nav-title {
    padding-right: 20px;
}

.table-view-nav li .next .nav-title.one-ico {
    padding-right: 30px;
    height: 15px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-view-nav li .next .nav-title.two-ico {
    padding-right: 50px;
}

.table-view-nav li .next .nav-title.three-ico {
    padding-right: 50px;
}

.table-view-nav li .prev {
    padding-left: 127px;
    padding-right: 15px;
}

.table-view-nav li .prev > em {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -7px;
}

.table-view-nav li .prev > em:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 97px;
    width: 1px;
    height: 13px;
    background-color: #bbb;
}

.table-view-nav li .prev > em > i {
    margin-right: 13px;
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

.table-view-nav li .prev .nav-title {
    padding-right: 20px;
}

.table-view-nav li .prev .nav-title.one-ico {
    padding-right: 30px;
}

.table-view-nav li .prev .nav-title.two-ico {
    padding-right: 50px;
}

.table-view-nav li .prev .nav-title.three-ico {
    padding-right: 50px;
}

.table-view-nav li .nav-title .ico-set {
    position: absolute;
    right: 0;
    top: -2px;
}

.table-write {
}

.table-write,
.table-write > table {
    width: 100%;
    position: relative;
    display: inline-block;
}

.table-write > table {
    border-top: 2px solid #005aab;
    width: 100%;
    height: auto;
    table-layout: fixed;
    border-collapse: collapse;
}

.table-write > table thead,
.table-write > table thead tr,
.table-write > table tbody,
.table-write > table tbody tr {
    width: 100%;
    display: table;
}

.table-write > table tr th,
.table-write > table tr td {
    padding: 10px 10px 8px 10px;
    line-height: 20px;
    height: auto;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

.table-write > table tr td img {
    width: auto;
}

.table-write > table thead tr th {
    background-color: #f9f9f9;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
}

.table-write > table {
    width: 100%;
    border-top: 1px solid #333;
}

.table-write > table thead tr th,
.table-write > table tbody tr th,
.table-write > table tbody tr.rh_4_cols th {
    background-color: #f9f9f9;
    border-right: 1px solid #d2d2d2;
    text-align: center;
    width: 15%;
    font-size: 1.1em;
    min-width: 70px;
    box-sizing: border-box;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-all;
    font-weight: 600;
}

.table-write > table tbody tr.rh_4_cols td {
    width: 35%;
}

.table-write > table thead tr td,
.table-write > table tbody tr td {
    text-align: left;
    word-wrap: break-word;
}

.table-write > table tbody tr.table-write_cntn td {
    padding-top: 30px;
    padding-bottom: 30px;
}

.table-write table tbody tr:hover td {
    font-weight: normal;
}

.table-write input,
.table-write textarea,
.table-write select {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: auto;
    font-size: 1em;
    color: #888;
    margin: 0;
    font-weight: normal;
}

.table-write input[type='checkbox'] {
    margin-top: 4px;
    margin-right: 0;
}
.table-write > table tr td .col-sm-3,
.table-write > table tr td .col-sm-4,
.table-write > table tr td .col-sm-5,
.table-write > table tr td .col-sm-6,
.table-write > table tr td .col-sm-10,
.table-write > table tr td .col-sm-12 {
    padding: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .table-view {
        margin-top: 15px;
    }

    .table-view .view-header {
        padding: 10px 10px;
    }

    .table-view .view-header .view-title h2 {
        font-size: 15px;
    }

    .table-view .view-header .view-info {
        font-size: 12px;
    }

    .table-view .view-header .view-info > span > em {
        display: none;
    }

    .table-view .view-header .view-info > span > em.tit-visible {
        display: inline-block;
    }

    .table-view .view-header .view-info em + span {
        margin-left: 0;
    }

    .table-view .view-header .view-info em.tit-visible + span {
        margin-left: 10px;
    }

    .table-view .view-header .view-info span + span:before {
        margin-top: 7px;
        height: 11px;
        margin-left: -15px;
    }

    .table-view .view-header .view-info > span + span {
        padding-left: 25px;
    }

    .table-view .view-body {
        padding: 20px 15px;
        font-size: 13px;
    }

    .table-view .view-footer .footer-title {
        font-size: 12px;
    }

    .table-view .view-footer.file-area {
        padding: 15px 10px;
    }

    .table-view .file-area .footer-title {
        width: 80px;
        padding: 0 10px 0 0;
    }

    .table-view .file-area .footer-content {
        padding-left: 10px;
    }

    .table-view .answer-area .footer-title {
        padding: 15px 10px;
        width: 60px;
    }

    .table-view .view-footer .footer-content a {
        font-size: 12px;
    }

    .table-view .view-footer .footer-content li {
        font-size: 12px;
    }

    .table-view .answer-area .footer-content {
        padding: 15px 10px;
    }

    .table-view .file-area .footer-title:after {
        top: 4px;
        right: 4px;
    }

    .table-view .view-slide {
        margin: 20px 0;
        padding: 0;
    }

    .table-view-nav {
        margin-top: 20px;
    }

    .table-view-nav li {
        float: none;
        width: 100%;
    }

    .table-view-nav li a {
        padding: 7px 0;
    }

    .table-view-nav li em {
        font-size: 12px;
    }

    .table-view-nav li .next {
        padding: 13px 10px 13px 95px;
    }

    .table-view-nav li .next:after {
        display: none;
    }

    .table-view-nav li .next > em {
        left: 10px;
        background-size: 10px auto;
        background-position: 0 -8px;
    }

    .table-view-nav li .next > em:after {
        left: 75px;
    }

    .table-view-nav li .prev {
        padding: 13px 10px 13px 95px;
        text-align: left;
    }

    .table-view-nav li .prev > em {
        right: auto;
        left: 10px;
        background-size: 10px auto;
        background-position: 0 3px;
    }

    .table-view-nav li .prev > em:after {
        left: 75px;
    }

    .table-view-nav li .prev > em > i {
        margin-right: 10px;
    }

    .table-view-nav li .next .nav-title,
    .table-view-nav li .prev .nav-title {
        padding: 0;
    }

    .table-view-nav li .next > em > i {
        margin-right: 10px;
    }

    .table-view-nav li .next .nav-title.one-ico,
    .table-view-nav li .prev .nav-title.one-ico {
        padding: 0 20px 0 0;
    }

    .table-view-nav li .next .nav-title.one-ico,
    .table-view-nav li .prev .nav-title.two-ico {
        padding: 0 35px 0 0;
    }

    .table-view-nav li .next .nav-title.one-ico,
    .table-view-nav li .prev .nav-title.three-ico {
        padding: 0 0px 0 0;
        font-size: 12px;
    }

    .table-view-nav li .next .ico-lock,
    .table-view-nav li .prev .ico-lock {
        right: 10px;
    }

    /* sns share */
    .table-view .view-header .share-wrap {
        display: block;
        right: 10px;
        margin-top: -17px;
    }

    .table-view .view-header .share-wrap .share-open {
        width: 35px;
        height: 35px;
        padding: 6px;
        font-size: 18px;
    }

    .table-view .view-header .share-wrap .share-list {
        width: 263px;
        height: 35px;
        padding-right: 35px;
    }

    .table-view .view-header .share-wrap .share-list li a {
        height: 35px;
        line-height: 35px;
    }

    .table-view .view-header .share-wrap .share-list .share-tit {
        width: 35px;
        height: 35px;
    }

    .table-view .view-header .share-wrap .share-list .share-close {
        width: 35px;
        height: 35px;
        font-size: 17px;
        padding: 7px;
    }
}

/*20170420//*/

/*2018-03-22*/

@media (max-width: 768px) {
    .table-wrap .menu-wrap .menu {
        width: auto;
    }

    .table-wrap .menu-wrap .menu a.menu-button,
    .table-wrap .menu-wrap .menu ul li a {
        width: 150px;
    }

    .table-wrap .menu-wrap .menu ul {
        position: absolute;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    /* device display */

    .only-mobile {
        display: block !important;
    }

    /* mobile 에서만 보임 */
    .only-mobile-view {
        display: block !important;
    }

    /* mobile 에서만 보임 */
    .only-pc {
        display: none !important;
    }

    /* pc, tablet 에서만 보임 */
    .only-pc-view {
        display: none !important;
    }

    /* pc, tablet 에서만 보임 */
    .tablecell-mobile {
        display: none;
    }

    /* mobile 에서만 안보임 */
    .tablecell-view {
        display: table-cell;
    }

    /* mobile 에서 보임 : td */

    .table-list {
        margin-top: 15px;
    }

    .table-list .list-header {
        padding: 14px 0;
    }

    .table-list .list-body td {
        color: #555;
    }

    .table-list .list-body td a {
        padding: 14px 0;
    }

    .table-list .list-body td a em:after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        right: 0;
        background-color: #bbb;
        width: 1px;
        height: 12px;
    }

    .table-list .list-body td a em:last-child:after {
        display: none;
    }

    .table-list .list-header th,
    .table-list .list-header td,
    .table-list .list-body td div > span,
    .table-list .list-body td div > span,
    .table-list .list-body td div > em,
    .table-list .list-body td div > em {
        /* padding: 0 10px;  */
        position: relative;
        margin-top: 10px;
    }

    .table-list .list-body i.icon-notify {
        left: initial;
    }

    .table-list-1 {
        margin-top: 15px;
    }

    .table-list-1 .list-header {
        padding: 14px 0;
    }

    .table-list-1 .list-body td {
        color: #555;
    }

    .table-list-1 .list-body td a {
        padding: 14px 0;
    }

    .table-list-1 .list-body td a em:after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        right: 0;
        background-color: #bbb;
        width: 1px;
        height: 12px;
    }

    .table-list-1 .list-body td a em:last-child:after {
        display: none;
    }

    .table-list-1 .list-header th,
    .table-list-1 .list-header td,
    .table-list-1 .list-body td div > span,
    .table-list-1 .list-body td div > span,
    .table-list-1 .list-body td div > em,
    .table-list-1 .list-body td div > em {
        /* padding: 0 10px;  */
        position: relative;
        margin-top: 10px;
    }

    .table-list-1 .list-body i.icon-notify {
        left: initial;
    }

    .respond-list .list-header {
        display: none;
    }

    .respond-list .list-body td a {
        padding: 15px 0;
    }

    .respond-list .list-body td a > div {
        padding: 0 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: inline-block;
    }

    .respond-list .list-body td div > span,
    .table-list.respond-list .list-body td div > span {
        float: left;
        width: 100%;
        max-width: 100%;
        text-align: left;
        font-size: 1em;
    }

    .respond-list .list-body td div > em,
    .table-list.respond-list .list-body td div > em {
        display: inline-block;
        float: left;
        width: auto;
        font-size: 13px;
    }

    .respond-list .list-body td div > em span span {
        color: #01567f;
        text-decoration: underline;
    }

    .respond-list .list-body td div > em span span:hover {
        font-weight: 600;
    }

    .respond-list .list-body i.icon-notify {
        margin-left: 0;
        margin-top: -8px;
    }

    .cul-table .list-body a > em.number {
        display: none;
    }

    .write-form .form-area .form-text {
        padding-left: 0;
    }

    .only-mobile .title:hover {
        font-weight: 600;
        color: #01567f;
    }

    /* 댓글 | 댓글리스트 */
    .comment-wrap .comment-list {
        margin-top: 15px;
    }

    .comment-wrap .list-num {
        padding: 0 10px;
        font-size: 13px;
    }

    /* 댓글 | 댓글리스트 레이아웃 */
    .comment-wrap .comment-list ul {
        margin-top: 5px;
    }

    .comment-wrap .comment-list li {
        padding: 15px 10px;
    }

    .comment-wrap .comment-list li .list-img-wrap {
        width: 30px;
        padding-right: 10px;
    }

    .comment-wrap .list-img-wrap .list-img {
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    }

    .comment-wrap .comment-list li .list-content {
        padding-top: 2px;
    }

    .list-content .content-text {
        margin-top: 5px;
    }

    .list-content .list-revise-btn {
        top: inherit;
        bottom: 15px;
        right: 10px;
    }

    .comment-wrap .comment-list .depth2 {
        padding-left: 28px;
    }

    .comment-wrap .comment-list .depth2:before {
        left: 10px;
        width: 8px;
        height: 8px;
    }

    .comment-wrap .comment-list .depth3 {
        padding-left: 43px;
    }

    .comment-wrap .comment-list .depth3:before {
        left: 25px;
        width: 8px;
        height: 8px;
    }

    /* 댓글 | 댓글리스트 아이콘 */
    .comment-wrap .content-user i {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

    .comment-wrap .content-user i:before {
        line-height: 16px;
    }

    .comment-wrap .content-user .icon-facebook {
        font-size: 13px;
    }

    .comment-wrap .content-user .icon-twitter {
        font-size: 13px;
    }

    .comment-wrap .content-user .icon-googleplus {
        font-size: 16px;
    }

    .comment-wrap .content-user .icon-googleplus:before {
        top: 9px;
    }

    .comment-wrap .content-user .icon-naver {
        font-size: 11px;
    }

    .comment-wrap .content-user .icon-kakaostory {
        font-size: 13px;
    }

    .pagination {
        margin: 0 0 15px;
    }

    .pagination > li > a,
    .pagination > li > span {
        width: 32px;
        height: 32px;
        font-size: 13px;
        padding: 0;
        line-height: 32px;
        margin: 0 2px;
    }
}

@media (max-width: 767px) {
    .table-write > table {
        border: 1px solid #ddd;
    }

    .table-write > table colgroup {
        display: none;
    }

    .table-write > table thead tr th,
    .table-write > table tbody tr th,
    .table-write > table tbody tr.rh_4_cols th {
        border: 0;
    }

    .table-write > table tbody tr th {
        width: 100%;
        display: block;
        text-align: left;
        padding: 10px !important;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
    }

    .table-write > table tr td {
        width: 100%;
        display: inline-block;
        /*padding: 10px 5px!important;*/
        border-bottom: 1px solid #ddd;
    }

    .table-write > table tr td .col-sm-8 {
        padding: 0;
    }

    .table-write > table tr td div span {
        font-size: 12px;
    }

    .btn_check {
        text-align: center;
    }

    .table-write > table thead tr td,
    .table-write > table tbody tr td {
        padding-left: 10px;
    }

    .list_subject {
        width: 100%;
    }
    .newIcon i {
        top: 0;
    }

    col.number,
    col.write,
    col.views,
    col.file,
    th.number,
    th.write,
    th.views,
    th.file,
    td.number,
    td.write,
    td.views,
    td.file {
        display: none;
    }

    /*
    .table_wrap_scroll {}

    .tbDetailwrap table,
    table.twd {
        width: 600px !important;
        display: inline-block;
        overflow-x: auto;
    }
*/
    .tbl_skin3 td.left span.link {
        max-width: 85%;
    }
}

@media (max-width: 500px) {
    .write-form .form-area,
    .write-form .form-submit {
        display: block;
    }

    .write-form .form-area {
        border: 1px solid #ddd;
        height: 100px;
    }

    .write-form .form-submit {
        margin-top: 10px;
        width: 100%;
    }

    .write-form .form-submit button {
        border-radius: 5px;
        font-size: 1.2em;
        height: auto;
        padding: 5px 0;
    }

    .table-view-nav li .prev,
    .table-view-nav li .next {
        padding-left: 70px;
    }

    .table-view-nav li .prev > em:after,
    .table-view-nav li .next > em:after {
        left: 47px;
    }

    .table-wrap .menu-wrap .menu {
        display: none;
    }

    .table-wrap .menu-wrap .menu-mobile {
        display: block;
    }

    .table-wrap .menu-wrap .menu-mobile .fa {
        margin: 0;
    }

    .table-wrap .menu-wrap .menu-mobile a.menu-button,
    .table-wrap .menu-wrap .menu-mobile ul li a {
        width: 50px;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .table-wrap .menu-wrap .menu-mobile ul li a img {
        margin: 0;
    }

    .table-view .view-body {
        padding: 30px 0;
    }
}

/* ---------------------------
	table--------------------------------------------------------------------------------------------
------------------------------ */

/*//2018-03-22*/

/*2019-09-02*/
@media (min-width: 1200px) {
    .page-wrap {
        min-height: 400px;
    }
}