/* search */
.searchBox{overflow:hidden;margin:0px auto 41px;width:408px}
.searchBox select {vertical-align: -webkit-baseline-middle;
border: 1px #313131 solid;color:#313131;width:98px;height:42px;
padding-left:7px;font-size:14px;
-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none;
float:left;border-radius:0;
background:url(../images/board/selectArrow.png) 90% center no-repeat;z-index:1}
.searchBox select::-ms-expand {display: none}
.searchBox div:before {display:block;position:absolute;content:'';right:0px;top:0px;margin:2px;z-index:5}
.searchBox div.txt{border:1px solid #e6e6e6;width:298px;height:40px;float:left;margin-left:10px;position:relative}
.searchBox div.txt:before{display:none}
.searchBox div input {width:256px;height:38px;float:left;border:0;text-indent:15px;color:#000}
.searchBox div button {position:absolute;top:0;right:0;width:45px;height:38px;background:url(../images/board/search_icon.jpg) center center no-repeat #fff;border:0}

/* paging */
.paging {text-align:Center;margin:30px auto 50px}
.paging ul {font-size:0}
.paging li {display:inline-block;}
.paging li a {display:block;font-size:16px;float:left;margin:0px 8px}
.paging li a img {display:block;position:relative;top:2px}
.paging li a.active {font-weight:bold;color:#00529b}
.paging li.arrow1 a {margin:0}
.paging li.arrow2 {margin:0}


/* board Btn */
.bd_btn  {font-size:0;margin:30px 0px 60px;text-align:center}
.bd_btn a {display:inline-block;font-size:16px;height:48px;line-height:48px;width:100px;margin-left:10px;background:#e7eaed;text-align:center}
.bd_btn a:first-child {margin-left:0}
.bd_btn a.btn_write {background:#035cb2;color:#fff;text-align:center}
.bd_btn a.btn_list {background:#000;color:#fff}


/* boardList */
#boardList table {width:100%;border-top:2px solid #035cb2;table-layout:fixed;vertical-align:middle;text-align:center}
#boardList thead tr th {background:#e7eaed;font-weight:bold;height:50px;border-bottom:1px solid #000}
#boardList tbody tr td {border-bottom:1px solid #ccc;padding:10px 0px 11px}
#boardList tbody tr td.title {text-align:left}
#boardList tbody tr td.title a {display: inline-block;width: auto;max-width: 95%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align:middle}
#boardList tbody tr td.title a:hover {text-decoration:underline}
#boardList tbody tr td mark {background:#035cb2;color:#fff;font-size:15px;position:relative;top:2px;padding:2px 5px}
#boardList tbody tr td.title mark {margin-right:5px;display:none;}
#boardList tbody tr td img {display:block;width:22px;margin:0 auto}
#boardList .bd_btn {font-size:0;margin-top:15px;text-align:right}

/* boardView */
#boardView {width:100%;border-top:2px solid #035cb2;}
#boardView h4 {padding:10px 20px 11px;font-weight:bold;border-bottom:1px solid #ccc;background:#e7eaed}
#boardView .bd_category {padding:10px 20px 11px;border-bottom:1px solid #000}
#boardView .bd_category li {display:inline-block;margin-right:20px}
#boardView .bd_category li span {font-weight:bold;margin-right:28px;position:relative;}
#boardView .bd_category li span:after {content:"";display:block;width:1px;height:14px;background:#000;position:absolute;top:3px;right:-14px}
#boardView .bd_content {width:100%;box-sizing:border-box;padding:40px 10px;border-bottom:1px solid #ccc;}
#boardView .bd_content img {max-width:100%}

#boardView .bd_content .frame {
          position: relative;
          padding-bottom: 56.25%; /* 16:9 비율인 경우. 4:3 비율인 경우 75%로 설정합니다 */
          overflow: hidden;
    }
#boardView .bd_content .frame iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
    } 
#boardView .db_file {width:100%;box-sizing:border-box;padding:15px 20px;position:relative;border-bottom:1px solid #ccc}
#boardView .db_file span {font-weight:bold;position:absolute;top:20px;left:20px}
#boardView .db_file ul {padding-left:73px}
#boardView .db_file ul li a:hover {text-decoration:underline}

/* page Skip*/
#boardView .page_skip {border-top:1px solid #ccc;font-size:0}
#boardView .page_skip li {border-bottom:1px solid #ccc;box-sizing:border-box;font-size:16px;position:relative}
#boardView .page_skip li a {font-size:16px;display: inline-block;width: auto;max-width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align:middle;position:absolute;top:12px;left:0;padding:0px 10px 0px 107px;z-index:1;box-sizing:border-box}
#boardView .page_skip li a:hover {text-decoration:underline}
#boardView .page_skip li span {display:inline-block;background:#e8ebef;width:95px;padding:12px 21px 11px 0px;box-sizing:border-box;margin-right:20px;letter-spacing:-1px;text-align:center;font-size:14px;font-weight:bold;position:relative;z-index:2}
#boardView .page_skip li span:after {content:"";display:block;width:16px;height:9px;background:url(../images/board/page_arrow_prev.png) center no-repeat;position:absolute;top:21px;right:17px}
#boardView .page_skip li:first-child span:after {background-image:url(../images/board/page_arrow_next.png)}


/* viewpage */
#boardList .table_view tbody th {background:#e7eaed;border-bottom:1px solid #ccc}
#boardList .table_view tbody td {text-align:left;box-sizing:border-box;padding:10px}
#boardList .table_view tbody td textarea {width:100%}
#boardList .table_view tbody td input[type="text"] {width:100%;height:35px;text-indent:5px;border:1px solid #ccc}
#boardList .table_view tbody td input[type="text"]:focus {border-color:#035cb2}
#boardList .table_view tbody td p {margin-bottom:5px}
.btn_delete {display:inline-block;width:50px;line-height:26px;background:#878fa0;font-size:14px;text-align:center;color:#fff}

@media all and (max-width:1199px) {
	/* board */
	#boardList .res_hide {display:none}
	#boardList tbody tr td.title {box-sizing:border-box;padding-left:10px}
	.searchBox{float:none;width:100%}
	.searchBox select{width:28%;height:40px}
	.searchBox div.txt{width:70%;margin-left:2%;box-sizing:border-box}
	.searchBox div.txt input{width:80%;float:left}
	.searchBox div.txt img{float:right;width:38px}
	#boardList tbody tr td.title mark {display:inline-block;font-size:14px;padding:0px 8px}

}