@charset "utf-8";
/* CSS Document */


/**********************
Publishing : Lee Bit-na
Beginning : 2016-01-11
Final : 
***********************/

legend {display: none !important}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}
.btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    float: left;
}
.btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
/*
.glyphicon {
    position: relative;
    top: 1px;
    line-height: 35px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
.form-group {
    margin-bottom: 15px;
}

.form-control {
    display: block;
    height: 30px;
    padding: 2px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border:1px solid #ddd;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media (min-width: 992px)
.col-md-2 {
    width: 16.66666667%;
}

@media (min-width: 768px)
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}
@media (min-width: 992px)
.col-md-2 {
    width: 16.66666667%;
}
@media (min-width: 992px)
.col-md-3 {
    width: 25%;
}
@media (min-width: 992px)
.col-md-4 {
    width: 33.33333333%;
}
@media (min-width: 992px)
.col-md-5 {
    width: 41.66666667%;
}
@media (min-width: 992px)
.col-md-9 {
    width: 75%;
}
@media (min-width: 992px)
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
.auto {
    display: inline-block;
    width: auto;
}
.pull-left {
    float: left!important;
}
.input-sm, .form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1.5;
}
group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}



/* IR center */
.tbl_style table {width:100%;border-top:1px solid #654c26;}
.tbl_style table.no-border {border-top:1px solid #a79d92;}
/* .tbl_style .table>thead>tr>th  {padding:15px; border-top:1px solid #654c26; border-bottom:1px solid #654c26; text-align:center; font-size: 14px; color: #444} 
.tbl_style .table>thead>tr>th a {color: #444} */
.tbl_style table tr{border-bottom:1px solid #654c26;border-top:1px solid #654c26;}
.tbl_style table.no-border tr{border-bottom:1px solid #a79d92;border-top:1px solid #a79d92;}
.tbl_style table.no-border tr.selected{border-bottom:1px solid #654c26;border-top:1px solid #654c26;}
.tbl_style table.no-border tr.selected td{border-top:1px solid #654c26 !important;}
.tbl_style table td {padding:15px 10px !important; }
.tbl_style table td.call {text-align:center;}
.tbl_style table td.date {text-align: center;}
.tbl_style table td.click {text-align: center;}
.tbl_style table th.num, .tbl_style table td.num {text-align: center;}
.tbl_style table td.item {background:url(/images/btn/bbs_small_dwon.png) no-repeat right center;}
.tbl_style table td.item img {height:23px; margin:0 3px}
.tbl_style table td a {}
.tbl_style table td a:hover {text-decoration:underline}
.tbl_style table td.text-center {text-align: center}
/* .tbl_style table tr:first-child td{border-top:1px solid #654c26;} */
.tbl_style table tr:hover ~ tr{border-bottom:1px solid #a79d92;border-top:1px solid #a79d92;}
/* .tbl_style table tr:hover ~ tr:first-child td{border-top:1px solid #a79d92 !important;} */
.tbl_style table tr:hover{border-bottom:1px solid #654c26;border-top:1px solid #654c26;}
.s_view_header span.bor {position: relative; display: inline-block; padding-left: 10px; margin-left: 9px}
.s_view_header span.bor:after {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 7px;
}

.form-group .board_style .form-control {height: 40px; margin-top:5px;}
.board_style .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding:5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius:0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,.0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.board_style .input-sm, .board_style .form-horizontal .form-group-sm .form-control {
    height: 40px !important;
    padding: 5px 10px !important;
    font-size: 12px;
    line-height: 1.5;
    border-radius:0;
}
.board_style {}
.board_style legend {border: 0; margin: 0}
.board_style #fwrite {background-color: #fff;}
.board_style .form-horizontal .control-label {text-align: center; padding: 0 15px; color: #444; font-size: 13px; width: 20%; height: 50px; line-height: 50px; background-color: #f5f5f5; float: left; margin: 0}
.board_style .form-horizontal .form-group {margin: 0; margin: 0 0 -1px; border: 1px solid #ddd;}
.board_style .form-horizontal .form-group .col-md-9 {padding: 5px 10px; height: 50px; line-height: 50px; width: 80%; float: left}
.board_style #tx_trex_container {margin-top: 20px}
.form-control#wr_subject {border-radius: 0px;}

.board_style .search_txt {width:130px !important; height: 37px; float: left; line-height: 19px; margin-right: 10px; background:#fff url(/images/common/bbs_s_arrow_bk.gif) no-repeat 110px center;}
.board_style .search_btn {float: left}
.lead.no_txt {font-size: 14px; padding: 70px 0 70px; text-align: center;  border-bottom: 1px solid #ddd;}
.board_style .text-muted {color: #ccc;}
.board_style .text-muted strong {font-family: 'Oxygen', sans-serif; font-weight: 300}

.board_style .page-header {margin: 0; border-bottom: 1px solid #ddd; padding: 0}
.board_style .table>thead>tr>td a, .board_style .table>tbody>tr>td a, .board_style .table>tfoot>tr>td a {font-weight: normal}
.board_style .table>thead>tr>td a strong, .board_style .table>tbody>tr>td a strong, .board_style .table>tfoot>tr>td a strong {font-weight: normal}
.board_style .table>thead>tr>td.success, .board_style .table>tbody>tr>td.success, .board_style .table>tfoot>tr>td.success, .board_style .table>thead>tr>th.success, .board_style .table>tbody>tr>th.success, .board_style .table>tfoot>tr>th.success, .board_style .table>thead>tr.success>td, .board_style .table>tbody>tr.success>td, .board_style .table>tfoot>tr.success>td, .board_style .table>thead>tr.success>th, .board_style .table>tbody>tr.success>th, .board_style .table>tfoot>tr.success>th {background-color: #fcf8f8}

.board_style .panel-info>.panel-heading {
	background: none; 
	border-radius:0;
	border-top: 2px solid #444;
    display: block;
    padding: 15px 15px 13px;
    border-bottom: 0;
    color: #444;}
.board_style .panel-info>.panel-heading:after {display: block; clear: both; content: ""}
.board_style .panel {border-radius:0; border:0; margin: 0; background:#fff; box-shadow:none}
.board_style .panel-title {color: #444}
.board_style .panel-title small {float: right}
.board_style .panel-body {padding: 15px 30px; font-size: 12px;}
.board_style #write_content {padding: 30px; background-color: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;  min-height: 200px; line-height: 1.6em}
.board_style #write_content img {width: 100%}
.board_style #fwrite .wright_btn_wrap .btn {background-color: #999; border: 0; color: #fff}
.s_view_header {padding: 15px 0; margin-bottom: 40px; text-align: center}
.board_style .btn {
	display: inline-block;
    padding:10px 25px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius:0;
    border: 0;
    text-shadow:none;
    box-shadow:none;
    background: #fff;
    color: #111;
    border: 1px solid #111;
    transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
}
.board_style .btn-primary span {}
.board_style .text-danger {color: #FFDF00}
.board_style .clearfix {padding:50px 0 30px}
.board_style .clearfix .pull-right {text-align: right}
.board_style hr {display: none}
.board_style .btn-group>.btn:first-child {}
.board_style .btn-group .btn {}
.board_style .btn-group .btn+.btn, .board_style .btn-group .btn+.btn-group, .board_style .btn-group .btn-group+.btn, .board_style .btn-group .btn-group+.btn-group {margin-left: 5px}

.wright_btn_wrap {padding-top: 30px}
.board_style #fwrite .in_tbl_btn {top: -7px;}
.board_style #fwrite .in_tbl_btn .btn {background: none; padding: 0 10px 0 0; border: 0; box-shadow:none; height: auto; color:#000}
.board_style #fwrite .in_tbl_btn .btn .glyphicon {width:12px}
.board_style .btn-info:hover, .board_style .btn-warning:hover, .board_style .btn-warning:hover {background-color: #999;}
.board_style .btn-primary:hover {background-color: #333}
.board_style .btn-primary {background-color: #111; color: #fff; margin-left: 5px;}


.board_style .list_header {padding: 0 0 10px;}
.board_style .list_header:after {display: block; clear: both; content: ""}
.board_style .list_header h2 {
    font-size: 30px;
    float: left;
    font-weight: 700;
    color: #5f4526;
    margin-right: 20px;
}
.board_style .list_header span {float: left}

.board_style .pager li>a, .board_style .pager li>span {
    display: inline-block;
    padding:0;
    background:none;
    border:0;
    border-radius:0;
}
.board_style .pager li>a:hover, .board_style .pager li>span:hover {background: none;  color: #FFDF00; }
.board_style .list_header .btn-primary {background:none; border:0; color: #ea4184; padding: 3px 10px 5px; margin-left: 10px; height: inherit;} 
.board_style .list_header .btn-primary:hover {text-decoration: underline}

.board_style .input-sm, .board_style .form-horizontal .form-group-sm .form-control {border-radius: 0 !important;}
.board_style .total {margin:15px 0 0; float: left}
.board_style .search_right {float: right}
.board_style .search_right .clearfix {padding:0} 
.board_style code {
    padding:0;
    font-size:inherit;
    color: #FFDF00;
    background:none;
    border-radius:0;
}
.board_style .list_header .input-group-btn {border: 0; background-color: #999; height: 35px; position:absolute; right: -2px; top:0; color: #fff}
.board_style .list_header .input-group-btn button {color: #fff; background: #222d51; border: 0}
.board_style .input-group-btn:last-child>.btn, .board_style .input-group-btn:last-child>.btn-group {margin: 0;}

.board_style .table>thead>tr>td a.reply , .board_style .table>tbody>tr>td a.reply , .board_style .table>tfoot>tr>td a.reply {color:#FFDF00 }
.board_style .table>tbody>tr.success:hover td {}
.board_style #fwrite select.input-sm {background: #fff url(/images/common/bbs_s_arrow_bk.gif) no-repeat 98% center; line-height: 22px;}

.editor_pop {padding: 20px}
.editor_pop .page-header {padding: 0 0 10px; margin-bottom: 15px; border-bottom: 1px solid #eee; font-size: 12px}
.editor_pop .page-header h4 {font-size: 18px; color: #000}
.editor_pop .page-header h4 small {font-size: 12px; color: #999; font-weight: normal}
.editor_pop .wright_btn_wrap {text-align: center; padding-top: 20px; margin-top: 20px;  border-top: 1px solid #eee;}
.editor_pop .wright_btn_wrap .btn {background-color: #999; color: #fff; border: 0}
.editor_pop .wright_btn_wrap .btn.btn-primary { background-color: #FFDF00; border: 1px solid #FFDF00; color: #000;}
.editor_pop .form-control {width: 90%}
.editor_pop #codeSource, .editor_pop #codeUrl {padding: 10px 0; font-size: 12px; color: #000}

#swfuProgress {
    width: 375px;
    margin: 10px 0;
    padding: 20px 10px;
    border: 1px solid #d9e4ff;
}
#divStatus {font-size: 12px; padding-bottom: 5px}
#buttonWrap {
    float: left;
    width: 150px;
    padding: 2px;
    border: solid 1px #7FAAFF;
    background-color: #C5D9FF;
}
#btnCancel {
    height: 28px;
    margin-left: 5px;
    padding: 4px 10px 7px;
    border: none;
    font-size: 12px;
}
.board_style .search_btn {width: 250px; position: relative}
.board_style .search_btn input {width: 160px; height: 28px !important;}

.board_style .panel-warning>.panel-heading {background: none; border: 0}
.board_style .sub_wrap { min-height: inherit; padding: 0}
.board_style .panel.commemt_box {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding:5px 20px 15px; background-color:#f5f5f5}
.board_style .panel.commemt_box .panel-body {padding: 0}
#comment_box:after {display:block; clear:both; content:""}


/* api */
.api_board {margin: 0 -10px}
.api_list_wrap {display: block; width: 50%; float: left}
.api_board_box {
	padding: 25px; border: 1px solid #ddd; height: 170px; margin: 10px; font-family: 'Oxygen', sans-serif; font-size: 12px;
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.api_board_box:hover {background-color: #fcf8f8}

.api_board_box em {display: inline-block; margin-right: 10px; color:#111; font-weight: 700; text-transform: uppercase; position: absolute; left:-165px; top:0}
.api_board_box li {display: block; margin-bottom: 10px; position: relative; margin-left: 175px}
.no_area {margin:0 10px 20px}
.no_area input {margin-right: 10px; position: relative; top:-5px}
.no_style {font-family: 'Oswald', sans-serif; font-weight: 300; color: #ff2b89; font-size: 26px}

.board_paging {clear: both; text-align: center; padding: 20px 0}
.board_paging a {display: inline-block; padding: 5px; font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #999}
.board_paging strong {color: #e61d6c; font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; padding: 5px}
.board_style .total input {margin-right: 5px}
.s_part {box-sizing: initial !important;}

.case_tbl:after {display:block; clear:both; content:""}
.case_tbl li {display: block; width: 33.3%; float: left}
.case_tbl p {margin: 0}
.case_img h3{
    display:block;
    color: #e61d6c;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px;
}
.case_img p {text-align: center; margin: 0}
.case_img p br {display: none}
.case_img p img {max-width: 100%}
.case_img {border: 1px solid #ddd; border-bottom:0; padding: 30px 30px 50px; font-family: 'Oxygen', sans-serif; font-weight: 300;}
.case_tbl .case_box {border: 1px solid #ddd; padding: 30px; margin-left: -1px; min-height: 200px; font-weight: 300;background-color: #fcf8f8;}
.case_tbl .case_box h3 {
    display:block;
    color: #e61d6c;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}
.case_tbl .case_box .api_img  {text-align: center; margin-top:20px}
.case_tbl .case_box .api_img img {max-width: 100%}
.case_tbl .case_box p {text-align: center; margin-top: 50px; font-size:24px;}
.case_tbl .case_box p strong {font-weight: 300; color: #111}
.list_btn_wrap {text-align: center}
.list_btn_wrap:after {display: block; clear: both; content: ""}

.write_top_input {padding: 20px 20px 5px; background-color: #f5f5f5; border: 1px solid #ddd}
.write_top_input:after {display:block; clear:both; content:""} 
.api_write .form-horizontal .form-group {width: 50%; float: left; border: 0; position: relative; margin-bottom: 15px}
.api_write .form-horizontal .form-group.full {width: 100%}
.api_write .write_label {
	background: none;
	position: absolute;
    left:10px;
    top: 13px;
    font-size: 14px;
    color: #111;
    
}
.api_write .form-horizontal .in_wrap { padding-left: 170px; padding-right: 20px;}
.api_write .form-control {border: 0; padding: 0; height: 25px}
.api_write  #fwrite .in_tbl_btn {top:auto}
.t_in.bor_none {border: 0; background:none}


/*게시판 수정*/
.highlight-container{font-size: 40px;font-weight: 500;color: #654c26;}
.board-page .search_btn button img{width:16px;vertical-align: top;}
.board-page .board_style .list_header .input-group-btn button,
.board-page .board_style .list_header .input-group-btn{width:20px;padding:0;background-color:transparent !important;}
.board-page .board_style .list_header .input-group-btn{position:static;top:auto;padding:0;height:auto;}
.board-page .list_header .input-group{display:flex;width:282px;height:44px;align-items: center;padding:3px 15px 0 10px;background:rgba(255,255,255,.35);border-radius: 999px;}
.board-page .board_style .search_btn input{width:calc(100% - 20px);border:none;box-shadow: none;background:transparent;color:#000;}
.board-page .search_btn{width:auto;}
.board-page .list_header .input-group input::placeholder{color:#a79d92;font-size: 15px;letter-spacing: normal;}
.board-page .board_style .list_header{padding-bottom:30px}
.board-page .board-table .date{color:#a79d92;}
.board-page .board-table .subject{overflow:hidden;}
.board-page .board-table .subject a{color:#654c26;font-weight: 500;font-family: 'Noto Sans KR';font-size: 16px;   display:-webkit-box;
white-space:normal;
overflow:hidden;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;}
.board-page .board-table .subject{text-align: left;}
.board-page .board-table .agency span{color:#a79d92;font-family: 'Noto Sans KR';}
.board-page .agency:has(.edit-btn)>div{display:flex;align-items: center;gap:10px;justify-content: center;color:inherit}
.board-page .edit-btn{display:flex;width:50px;height:30px;align-items: center;justify-content: center;background:#a79d92;color:#fff;}
.board-page .agency span.m_none{color:#a79d92}


.board-page.list .table-bt-btn span button{background:#fff;border:1px solid #654c26;color:#654c26;}
.board-page.list .table-bt-btn .pull-right .btn{background:#654c26;color:#fff;border:none;outline: none;}
.board-page.list td.chk>div{display:flex;align-items: center;gap:5px;}


.board-page.view .glyphicon-pencil:before{display:none;}
.board-page.view h1:has(.external-link){margin-top:30px;}
.board-page.view h1 a{font-size: 20px;color:#000;font-weight: 400}
.board-page.view .agency-info{color:#654c26;font-size: 17px;margin-top:10px;}
.board-page.view .s_view_header{font-size: 16px;font-family: 'Noto Sans KR';color:#a79d92;}
.board-page.view .s_view_header span{color:#a79d92;}
.board-page.view .board_style .btn{border:1px solid #654c26;color:#654c26;}
.board-page.view .board_style .btn:hover{background:#fff !important;}
.board-page.view .board_style .btn:last-child{color:#fff;border:1px solid #654c26;background:#654c26;}
.board-page.view .board_style .btn:last-child:hover{background:#654c26 !important;}
.board-page.write .board_style .form-horizontal .form-group{display:flex;justify-content: center;font-family: 'Noto Sans KR';margin-bottom:10px;}
.board-page.write .board_style #fwrite{background-color:transparent;}
.board-page.write .board_style .form-control{height:100%;border:none;padding:10px 15px;resize: none;background:transparent;border: 1px solid #ddd;}
.board-page.write .board_style .form-horizontal .form-group .col-md-9{width:75%;padding:10px;max-width:900px;font-size: 16px;height:60px;background:#fff;}
.board-page.write .board_style .form-horizontal .control-label{width:25%;font-weight: 500;max-width:200px;font-size: 16px;line-height:60px;height:60px;}
.board-page.write .glyphicon-pencil:before{display:none;}
.board-page.write .board_style #fwrite .wright_btn_wrap .btn{background:#654c26;}
.board-page.write .board_style #fwrite .wright_btn_wrap .btn:last-child{background:#fff;color:#654c26;border:1px solid #654c26;}
.board-page.write .board_style .form-horizontal .content-wrap .control-label{height:120px;line-height:120px;}
.board-page.write .board_style .form-horizontal .content-wrap.form-group .col-md-9{height:120px;}
.board-page.view .site-container{max-width:1100px;}
.board-page a:hover{text-decoration: none !important;cursor:pointer !important;}
button{cursor: pointer;}
.main-page .external-link{cursor: pointer !important;}
.board-page .pagination{display:flex;margin-top:50px;font-size:18px;align-items: center;gap:15px;justify-content: center;}
.board-page .pagination a,
.board-page .pagination a span{color:#a79d92;}
.board-page .pagination strong{color:#654c26}



@media screen and (min-width: 768px){
   .sub_container, .board-page.write .wright_btn_wrap{padding-top:50px;}
    
}

@media screen and (max-width:1000px) {
	.case_tbl .case_box {margin: -1px 0 0 -1px}
}
@media screen and (max-width:768px) {
	.api_list_wrap {width: 100%}
	.board_style .total {display: none}
	.board_style .search_right {width: 100%}
	.board_style .search_txt {width: 36% !important; margin: 0 2% 0 0; background: #fff url(/images/common/bbs_s_arrow_bk.gif) no-repeat 90% center;}
	.board_style .search_btn {width: 62% !important; margin: 0}
	/*.board_style .table>thead>tr>th, .board_style .table>tbody>tr>th, .board_style .table>tfoot>tr>th {display: none}*/
	.h1_solo {margin: 0}
	.board_style .btn-group>.btn:first-child, .board_style .btn-group .btn+.btn, .board_style .btn-group .btn+.btn-group, .board_style .btn-group .btn-group+.btn, .board_style .btn-group .btn-group+.btn-group {margin: 5px;}
	.board_style .pager li>a, .board_style .pager li>span {margin: 5px; padding: 10px 0}
	.board_style .clearfix.list_btn_wrap {padding: 50px 0 50px}
	.board_style .clearfix.list_btn_wrap .btn-group {margin: auto;width: 100%; text-align: center; display: block}
	.board_style .clearfix.list_btn_wrap .btn-group>.btn {float: inherit}
	.board_style .clearfix.list_btn_wrap .pull-right {padding-top: 20px; width: 100%}
	.board_style .clearfix.list_btn_wrap .pull-right .btn.btn-primary {width: 100%; padding: 15px 0}
	.m_none {display: none}
	.board_style .panel-title small {clear: both; margin-top: 10px; width: 100%}
	.board_style {min-height: inherit}
	.board_style #fwrite {padding:0px}
	.board_style .panel-info>.panel-heading {padding: 12px 10px 13px}
	.board_style .panel-body {padding: 10px;}
	.board_style #write_content {padding:10px}
	.board_style .search_btn .input-group {padding-right:80px}
	.board_style .search_btn input {width:100%}
	.board_style .list_header .input-group-btn {right:0}
	.board_style .sub_wrap {margin:0}
	.board_style .btn-primary {margin:0 !important;}
	.board_style .panel.commemt_box {padding:10px;}
	.board_style .form-horizontal .control-label {width:35%; font-size:12px}
	.board_style .form-horizontal .form-group .col-md-9 {width:65%}
    .highlight-container{font-size: 30px;}
    .board_style .search_btn .input-group{width:100%;padding:3px 15px 0 10px;font-size: 14px;}
    .board_style .search_btn{float:right !important;margin-top:25px;}
    .board-page .board_style .search_btn input::placeholder{font-size: 14px;}
    .board-page .page-content{padding:0 20px;}
    .board-page .subject{width:80%;}
    .board-page .board-table .subject a{font-size: 14px;}
    .board-page .board-table .date{width:15% !important;}
    .board_style .search_btn{width:85% !important;}
    .board-page .board-table:has(.edit-btn) .date{width:15% !important;}
    .board-page .board-table:has(.edit-btn) .subject{width:auto;}
    .board-page .board-table:has(.edit-btn) .agency{width:20%;}
    /* .board-page .board-table .agency{display:none;} */
    .board-page .board-table .agency:has(.edit-btn){display:table-cell;}
    .board-page .board-table:has(.edit-btn) .subject a{font-size: 12px;}
    .board-page .board-table:has(.edit-btn) input[type='checkbox']{width:14px;height:14px;}
    .board-page.list .table-bt-btn span button{width:100%;height:50px;margin:0 !important;}
    .board-page.list .board_style .clearfix.list_btn_wrap .pull-right{padding-top:10px;}
    .board-page.write .board_style .form-horizontal .form-group .col-md-9{font-size: 14px;height:50px;}
    .board-page.write .board_style .form-horizontal .control-label{font-size: 14px;line-height:50px;height:50px;}
    .board-page.write .board_style .form-control{height:50px;}
    .board-page .pagination{gap:10px;margin-top:30px;}
}
@media screen and (max-width:500px) {
	
	.case_tbl li, .case_tbl li.first {width:100%}
	.case_tbl .case_box {padding: 20px 20px 18px; min-height: inherit; margin: -1px 0 0}
	.case_tbl .case_box p {margin-top: 20px; text-align: left; font-size: 16px}
	.case_img h3 {margin-bottom: 20px;font-size: 12px}
	.case_tbl .case_box h3 {font-size: 12px}
	.case_img {padding: 20px 20px 18px;}
	
	.api_board_box {padding: 15px; height: auto; margin: 0 10px 10px}
	.no_style {font-size: 20px}
	.view_container {padding: 30px 0}
	
	.view_header {font-size: 16px}
	.view_header h1 {font-size: 20px}
	.s_view_header {margin-bottom: 20px}
	.board_style #write_content {padding:20px 0}
	.board_style .clearfix.list_btn_wrap {padding: 20px 0 50px;}
}