@charset "utf-8";

/* tag reset */
#listBoardWrap h1, #listBoardWrap h2, #listBoardWrap button, #listBoardWrap select, #listBoardWrap input, #listBoardWrap ul, #listBoardWrap p, #listBoardWrap th, #listBoardWrap td{padding: 0; margin: 0;}
#listBoardWrap h1, #listBoardWrap h2{font-size: inherit;}
#listBoardWrap li{list-style: none;}
#listBoardWrap button{border: none; background: none; color: inherit; font-size: inherit; cursor: pointer;}
#listBoardWrap select, #listBoardWrap input{border: none; background: none; color: inherit; font-size: inherit}
#listBoardWrap a:link, #listBoardWrap a:visited, #listBoardWrap a:hover, #listBoardWrap a:active{text-decoration: none; color: inherit;}
#listBoardWrap img{vertical-align: middle; border: none;}
#listBoardWrap table{border-spacing: 0; border-collapse: collapse;} 

#listBoardWrap{margin: 5vw auto; width: 90vw;font-size: 12px; color: #222; background: #fff;}
#listBoardWrap h1{font-size: 20px; text-align: center; padding-bottom: 20px; font-weight: 700;}

/* .seach_board */
#listBoardWrap .search_board{border: 1px solid #ddd; padding: 10px 5px; margin: 0 auto;}
#listBoardWrap .search_board table{width: 100%; text-align: center; border: none;}
#listBoardWrap .search_board th{border: none;}
#listBoardWrap .search_board tr, #listBoardWrap .search_board td{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
#listBoardWrap .search_board tr{padding: 5px 0; width: 82vw; margin: 0 auto;}
#listBoardWrap .search_board table label{display: inline-block; flex-basis: 15vw; text-align: center; width: 16vw;}
#listBoardWrap .search_board .board_list{position: relative;}
#listBoardWrap .search_board input[type="text"]{border: 1px solid #aaa; padding: 3px 5px; flex-grow: 1; flex-shrink: 1; width: 23vw; font-size: inherit; background: none;}
#listBoardWrap .search_board .board_list .btn_calendar{position: absolute; top: 3px;right: 5px;}
#listBoardWrap #btnSearch{width: 83.5vw; background: #fed03a; height: 25px; line-height: 25px; border-radius: 3px; font-weight: 700;}
#listBoardWrap #btnSearch:hover, #btnSearch:focus{background: #fff; border: 2px solid #fed03a; line-height: 21px;}

/* .main_board */
#listBoardWrap .main_board{margin-top: 10px;}
#listBoardWrap .main_board .board_list{width: 80vw; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 auto; padding: 10px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;}
#listBoardWrap .main_board .board_list img{margin-right: 15px;}
#listBoardWrap .main_board .list_txt *{margin-bottom: 7px;}
#listBoardWrap .main_board .list_txt .p_price{color: #f00;font-weight: 700;}
#listBoardWrap .main_board .list_txt > p:not(.p_price){display: inline-block; width: 50%;}
#listBoardWrap .main_board .list_txt .p_number, #listBoardWrap .main_board .list_txt .p_color{width: 35% !important;}

/* .pagination */
#listBoardWrap .pageNumbersOuterWrapper2{text-align: center; margin-top: 30px;}
#listBoardWrap .pageNumbersOuterWrapper2 a{display: inline-block; padding: 5px; line-height: 25px; background: none;}
#listBoardWrap .pageNumbersOuterWrapper2 a:first-child:hover, .pageNumbersOuterWrapper2 .last:hover, .pageNumbersOuterWrapper2 ul .right:hover, .pageNumbersOuterWrapper2 ul .left:hover{color: #fed03a;}
#listBoardWrap .pageNumbersOuterWrapper2 a:active{outline: none;}
#listBoardWrap .pageNumbersOuterWrapper2 .pageNumber{ margin-left: 3px; padding: 0; width: 25px; height: 25px; line-height: 25px; border-radius: 100%;}
#listBoardWrap .pageNumbersOuterWrapper2 .pageNumber.currentPageNumber, .pageNumbersOuterWrapper2 .pageNumber:active{border: 2px solid #fed03a; cursor: pointer; box-sizing: border-box; line-height: 23px;}

/* 선택 닫기 */
#listBoardWrap #btn_btm{text-align: center; margin-top: 30px; display: flex; justify-content: center;}
#listBoardWrap #btn_btm button{width: 65px; border: 1px solid #bbb; padding: 5px; box-sizing: border-box; border-radius: 5px; margin-right: 10px;}
#listBoardWrap #btn_btm button:first-child{background: #fed03a; border-color: transparent;}