@charset "utf-8";

/*모든 게시판 스타일*/
/*게시판input*/
.sb_board input{padding-left:10px;}
.sb_board_select{
	float:right;
	overflow:hidden;
	margin-bottom:20px;
}
.sb_board_select>select{
	float:left;
	overflow:hidden;
	width:100px;height:40px;
	margin-right:10px;
	padding-left:5px;
	font:14px/40px 'Noto Sans KR', sans-serif;
	color:#777;
	border-color:#ccc;
	box-sizing:border-box;
}
.sb_board_select>input{
	float:left;
	width:175px;height:40px;
	margin-right:10px;
	padding-left:10px;
	border:1px solid #ccc;
	box-sizing:border-box;
}
.sb_board_select>a{
	display:block;
	float:left;
	width:40px;height:40px;
	background-color:#406fb6;
}
.sb_board_select>a:hover{
	background-color: #265aa8;
}
.sb_board_select>a>img{
	display:block;
	width:20px;height:20px;
	margin:10px auto;
}


/*모든 table 스타일*/
.sb_board{
	width:100%;
	max-width:1200px;
	font-size:16px;
	border-top:1px solid #000;
	text-align:center;
}
.sb_board>thead{
	background-color:#f1f3f5;
	color:#000;
	font-weight:500;
}
.sb_board>thead>tr>th{
	vertical-align: middle;
}
.sb_board>tbody{
	color:#333;
	font-weight:300;
}
.sb_board>tbody>tr{
	width:100%;
}
.sb_board>tbody>tr>th{
	background-color: #f1f3f5;
    font-weight: 500;
    vertical-align: middle;
}
.sb_board>tbody>tr>td{
    vertical-align: middle;
    position:relative;
}
.sb_board>thead>tr,
.sb_board>tbody>tr{
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
}
.sb_board_s{width:10%;height:60px;}
.sb_board_m{width:15%;height:60px;}
.sb_board_l{height:60px;}
.sb_board_xl{height:200px;}
.sb_board_xl>th{width:15%;}
.sb_board_xl>td>textarea{
	width:99%;height:190px;
	margin:5px auto auto auto;
	padding:5px 0 0 10px;
	border:1px solid #ccc;
	box-sizing:border-box;
}
.sb_board>tbody>tr>td>select{
	width:98%;height:50px;
	border-color:#ccc;
}
.sb_board_input_s{
	width:98%;height:48px;
	margin:auto;
	border:1px solid #ccc;
	box-sizing:border-box;
}
.sb_board_input_m{
	width:99%;height:50px;
	margin:auto;
	border:1px solid #ccc;
	box-sizing:border-box;
}
.sb_board>tbody>tr{height:60px;}
.sb_board>tbody>tr>td>a:hover{text-decoration:underline;}
.sb_board_text{text-align:left;}

/*게시판 글씨 숨김*/
.sb_board_text>a{
	display: inline-block;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*online페이지 table밑 문의하기 버튼*/
.sb_online_wrap>form>button{
	display: block;
	width: 150px;height: 50px;
	margin: 30px auto 70px auto;
	border:0;
    background-color: #225ba9;
    color: #fff;
    font-size:16px;
	font-weight: 500;
    font-family: 'NotoSansKR';
    cursor: pointer;
}
.sb_online_wrap>form>button:hover{
	background-color:#1b539f;
}

/*게시판밑에있는 < , << , > , >> 버튼*/
.sb_board_btn_wrap{
	width:270px;height:30px;
	margin:25px auto 70px auto;
}
.sb_board_btn_wrap>ul>li{
	width:30px;height:30px;
	float:left;
	margin-right:10px;
}
.sb_board_btn_wrap>ul>li:last-child{margin-right:0;}
.sb_board_btn_num{
	text-align:center;
	font:14px/30px 'Noto Sans KR', sans-serif;
	color:#222;
	border:1px solid #ccc;
	box-sizing:border-box;
}
.sb_board_btn_wrap>ul>li>a{
	display:block;
	width:30px;height:30px;
}
.sb_board_btn_wrap>ul>li>a>img{
	display:block;
	margin:auto;
	padding-top:10px;
}
.sb_board_btn_num>a:hover{
	background-color:#406fb6;
	color:#fff;
	border:none;
}
.sb_board_btn{
	background-color:#ddd;
}
.sb_board_btn:hover{
	background-color:#ccc;
}


.caption_p{
	margin:0 0 10px 0!important;
    font-size:26px!important;
    font-family:'Nanum Barun Gothic', '맑은 고딕', 'Malgun Gothic', sans-serif !important;
    font-weight:300!important;
    letter-spacing:-1px;
    color:#555!important;
    text-align:left!important;
}
/* 페이지네이션 */
.paginationWrap {
	text-align: center;
	margin:30px 0 70px 0;
	font-size:14px;
	font-family: 'NotoSansKR';
}
ul.pagination {
	display: inline-block;
	padding: 0;
	margin: 0;
}
ul.pagination li {
	display: inline-block;
	margin:0;
	padding:0;
	vertical-align: middle;
	margin-right:5px;
}
ul.pagination li a {
	float: left;
	display:block;
	width:30px;
	height:30px;
	border: 1px solid #ddd;
	color: #000;
	text-decoration: none;
	line-height:30px;
}
ul.pagination li a.active {
	background-color: #406fb6;
	color: #fff;
	border: 0;
}
ul.pagination li a:hover {
	background-color: #f1f3f5;
}
ul.pagination li a.active:hover {
	background-color: #406fb6;
}
ul.pagination .pageMove > a {
	width: 30px;
	height: 30px;
	margin:0;
	padding:0;
	background:#e9ecef;
	color:#666;
	font-size: 20px;
	line-height:28px;
	text-align: center;
	vertical-align: middle;
}
ul.pagination .pageMove > a:hover {
	background: #dee2e6;
}

/*데이터 없을 때 출력 화면*/
.no_result {
	clear:both;
	padding:190px 0;
	background: #fcfcfc;
	text-align: center;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	color: #136eb9;
}
.no_result > div > span {
	font-weight: bold;
}
.no_result > div {
	display: block;
	margin:0 0 20px 0;
}
.no_result > a {
	margin:20px auto;
	color: black;
	padding: 8px 14px;
	text-decoration: none;
	border: 1px solid #ddd;
	font-size: 12px;
}
.no_result > a:hover{
	background-color:#ccc;
}


label.error {
	position: absolute;
    top: 35px;
    display: flex;
    justify-content: center;
    padding: 0.2em 0;
    width: 100%;
    font-size: 13px;
    color: #225ba9;
}


@media all and (max-width:767px)/*MOBILE*/{

	.sb_board_select>select{
		display:none;
	}
	.sb_board>thead{
		display:none;
	}
	.sb_board_num{display:none;}
	.sb_board_date{width:15%;}



}


@media only screen and (max-width:600px) { 
		/* online */
	
  .sb_board.res-tbl {background:#fff;}
    .sb_board.res-tbl, .sb_board.res-tbl tr, .sb_board.res-tbl tbody, .sb_board.res-tbl td {
        display: block;
        width:100%;
        height:auto;
    }
    .sb_board.res-tbl thead {
        display: none;
    }
    .sb_board.res-tbl td {
        position: relative;
    }
	.sb_board.res-tbl>tbody>tr {height:auto;}
    .sb_board.res-tbl td:before {                  
        width: 30%;
        padding-right: 10px;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 5px;
    }
    .sb_board.res-tbl th {
        height:auto;
        min-height: auto;
        width:auto;
        text-align: left;
        padding: 10px;
        position: relative;
        display:block;
        background:#f1f3f5;
    }
    .sb_board.res-tbl>tbody>tr>td>select {height:35px;}
    .sb_board.res-tbl>tbody>tr>td>.sb_board_input_s,
    .sb_board.res-tbl>tbody>tr>td>.sb_board_input_m {height:35px;}
    .sb_board.res-tbl td {
        height:auto !important;
        min-height: auto;
        padding: 5px 0;
        box-sizing: border-box;
        text-align:center;
    }
    .sb_board.res-tbl td.left {
        text-align:center !important;
    }
    .sb_board.res-tbl td:first-child {
        color: #222;
        text-shadow:0.5px;
        background:#f8f8f8;
    }
    .sb_board.res-tbl td:last-child {
        border-bottom: 1px solid #222;
        
    }
    .sb_board.res-tbl iframe, 
    #smart_editor2 .se2_input_area, 
    #smart_editor2{width:100% !important;}
    
    
    label.error {
    position: absolute;
    top: 12px;
    /* right: 0; */
    display: flex;
    justify-content: flex-end;
    padding: 0.2em 0;
    right: 16px;
    width: 100%;
    font-size: 13px;
    color: #225ba9;
    }
    
}