/* pagination */
#pagination{margin:0.4rem 0;text-align:center;font-size:0; width: auto; height:0.35rem;}
#pagination a{display:inline-block;margin:0.02rem;width:0.35rem;color:#333;font-size:0.16rem;font-weight:400;line-height:0.35rem;width: 0.35rem;
    height: 0.35rem; vertical-align:top;}
#pagination a.active,
#pagination a:hover{color:#fa9f00; vertical-align: top;}
#pagination .first-prev,
#pagination .prev,
#pagination .next,
#pagination .end-next{
    
    border: 0.01rem solid #e5e5e5;
    text-indent: -0.99rem;
    overflow: hidden;}

#pagination .first-prev{    background: url(/_public/images/common/icon.png);
    background-position: -357px -58px;
    transform: rotate(-180deg);}
#pagination .prev{background: url(/_public/images/common/icon.png);
    background-position: -257px -58px;
    transform: rotate(-180deg);}
#pagination .next{    background: url(/_public/images/common/icon.png);
    background-position: -257px -58px;}
#pagination .end-next{    background: url(/_public/images/common/icon.png);
    background-position: -357px -57px;}

/* 상단 검색영역 */
.board-top{position:relative;margin-bottom:0.2rem;}
.board-top p{display:inline-block;color:#555;font-size:0.18rem;}
.board-top p em{display:inline;font-weight:500;color:#000;}
.board-top .search-box{display:inline-block;float:right;position:relative;top:-0.03rem;width:100%;max-width:3.33rem;border-bottom:0.01rem solid #000;font-size:0;}
.board-top .search-box select{position:relative;height: 0.34rem;font-size:0.18rem;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/_public/images/common/arrow_icon03.png) no-repeat;background-size:0.1rem 0.05rem;background-position: 90% 50%;}
.board-top .search-box input[type="text"]{padding:0.1rem;width:100%;max-width:2rem;height:0.34rem;box-sizing:border-box;}
.board-top .search-box button{display:inline-block;position:absolute;top:0;right:0;width:0.34rem;height:0.34rem;background: url(/_public/images/sub/icon_form_search.png) no-repeat;background-color: #1082ba;background-position:50% 50%;cursor:pointer;}

/* list-type */
caption{margin-top:-1px;font-size:1px;width:1px;height:1px;text-indent:-10000px;overflow:hidden;}
.table-wrap{}
.table-wrap table{width:100%;border-collapse: collapse;border-top:0.02rem solid #222}
.table-wrap table thead{}
.table-wrap table thead tr th{background:#1082ba;padding:0.15rem;color:#fff;font-size:0.18rem;font-weight:500;border-bottom:0.01rem solid #c6c5c5;}
.table-wrap table tbody tr th,
.table-wrap table tbody tr td{padding:0.15rem;color:#555;font-size:0.16rem;text-align:center;font-weight:400;border-bottom:0.01rem solid #c6c5c5;}
.table-wrap table tbody tr td.subject{width:50%;max-width:6rem;text-align:left;}
.table-wrap table tbody tr td.subject a .icon{display:inline;margin-left:0.05rem;}

/* gallery */
.table-wrap .gallery{display:flex;display:-ms-flexbox;width:100%;justify-content:space-between;flex-wrap:wrap;}
.table-wrap .gallery .list{flex:0 31%;-ms-flex:0 31%;max-width:31%;margin-bottom:4%; padding:0;min-height: 2.6rem;box-sizing: border-box;}
.table-wrap .gallery .list a{display:block;}
.table-wrap .gallery .list a .top{margin-bottom:0.1rem; height:2.79rem; overflow:hidden;}
.table-wrap .gallery .list a .top img{width:100%;}
.table-wrap .gallery .list a .bottom{}
.table-wrap .gallery .list a .bottom .subject{color:#000;font-size:0.18rem;font-weight:500;margin-bottom:0.1rem;}
.table-wrap .gallery .list a .bottom dl{overflow:hidden;}
.table-wrap .gallery .list a .bottom dl dt{float:left;margin-bottom:0.05rem;width:0.6rem;color:#555;font-size:0.15rem;font-weight:400;}
.table-wrap .gallery .list a .bottom dl dd{margin-left:0.6rem;margin-bottom:0.05rem;color:#555;font-size:0.15rem;font-weight:400;}
.table-wrap .gallery .list a .bottom dl dd.status{display:-webkit-box;max-height:0.85rem;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

/* view*/
.table-wrap{}
.table-wrap .view{border-top:0.02rem solid #222;}
.table-wrap .view .view-top{padding:0.15rem;border-bottom:0.01rem solid #c6c5c5;}
.table-wrap .view .view-top .view-tit{margin-bottom:0.1rem;color:#333;font-size:0.24rem;font-weight:500;}
.table-wrap .view .view-top .view-tit em{display:inline;color:#000;width:1rem;margin-right: 0.1rem;}
.table-wrap .view .view-top .view-txt{color:#333;font-size:0.14rem;}
.table-wrap .view .view-top .view-txt span{display:inline;margin-right:0.2rem;}
.table-wrap .view .view-top .view-txt span em{display:inline;margin-right:0.1rem;color:#000;font-weight:400;}
.table-wrap .view .view-top .view-txt .name{}
.table-wrap .view .view-top .view-txt .date{}
.table-wrap .view .view-top .view-txt .view-count{}
.table-wrap .view .view-top .file{margin-top:0.1rem;color:#555;font-size:0.16rem;font-weight:400;}
.table-wrap .view .view-top .file em{display:inline;margin-right:0.1rem;color:#000;}
.table-wrap .view .view-top .file a{color:#333;}
.table-wrap .view .view-content{padding:0.2rem;min-height:2.5rem;border-bottom:0.01rem solid #c6c5c5;}
.table-wrap .view .view-bottom{}
.table-wrap .view .view-bottom .piw-btn-box{text-align:center;padding:0.4rem 0;}
.table-wrap .view .view-bottom .piw-btn-box .button{display: inline-block;width: 2rem;line-height: 0.4rem;color: #fff;font-size: 0.16rem;background: #222; text-align: center;}
.table-wrap .view .view-bottom .list-nav{border-top:0.01rem solid #202020;border-bottom:0.01rem solid #202020;}
.table-wrap .view .view-bottom .list-nav p{color:#555;font-size:0.16rem;font-weight:400;border-top:0.01rem solid #c6c5c5;padding: 0 0.2rem;line-height:0.5rem;}
.table-wrap .view .view-bottom .list-nav p:first-child{border-top:none;}
.table-wrap .view .view-bottom .list-nav p span{display:inline-block;position:relative;margin-right:0.2rem;width:0.7rem;vertical-align:top;}
.table-wrap .view .view-bottom .list-nav p span:before{content:"";display:inline-block;position: absolute;top:50%;right:0;margin-top:-0.025rem;width:0;height:0;border-left:0.05rem solid transparent;border-right:0.05rem solid transparent;}
.table-wrap .view .view-bottom .list-nav p span.prev:before{border-bottom:0.05rem solid #202020;}
.table-wrap .view .view-bottom .list-nav p span.next:before{border-top:0.05rem solid #202020;}
.table-wrap .view .view-bottom .list-nav p a{display:inline-block;width: 100%;max-width:90%;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}

.table-wrap .write .piw-form-group{margin-bottom:0;border-bottom:0.01rem solid #d8d6d6;}
.table-wrap .write .piw-form-group:first-child{border-top:0.01rem solid #d8d6d6;}
.table-wrap .write .piw-form-group .label{width:2rem;padding:0.14rem 0 0 0.2rem;background:#f5f5f5;box-sizing:border-box;}
.table-wrap .write .piw-form-group .piw-form{border-bottom:none;padding:0.15rem;}
.table-wrap .write .piw-form-group .piw-form .col{margin-top:0.1rem;}
.table-wrap .write .piw-form-group .piw-form .col input[type="text"]{max-width:40%;}
.table-wrap .write .piw-form-group .piw-form input[type="text"],
.table-wrap .write .piw-form-group .piw-form input[type="tel"],
.table-wrap .write .piw-form-group .piw-form input[type="password"]{max-width:20%;border:0.01rem solid #d8d6d6;}
.table-wrap .write .piw-form-group .piw-form select{display:inline-block;padding:0 0.1rem;width:20%;height:0.4rem;color:#555;font-size:0.18rem;line-height:0.42rem;box-sizing:border-box;border:0.01rem solid #d8d6d6;vertical-align:top;}
.table-wrap .write .piw-form-group .piw-form .piw-radio{margin:0 0.2rem 0 0;}
.table-wrap .write .piw-form-group .piw-form .piw-radio label{position:relative;top:inherit;left:inherit;}
.table-wrap .write .piw-form-group .piw-form em{display:inline-block;margin:0 0.05rem;}
.table-wrap .write .piw-form-group .piw-form textarea{padding:0.2rem;width:100%;height:2.5rem;color:#555;font-size:0.15rem;border:0.01rem solid #d8d6d6;box-sizing:border-box;resize:none;}
.table-wrap .write .piw-form-group .info-txt{margin-top:0.05rem;color:#555;font-size:0.14rem;}
.table-wrap .write .piw-form-group .info-error{margin-top:0.05rem;color:red;font-size:0.14rem;}
.table-wrap .write .piw-form-group.tel{}
.table-wrap .write .piw-form-group.tel input[type="text"]{width:30%;}
.table-wrap .write .piw-form-group.tel select{margin:0;width:1rem;}
.table-wrap .write .piw-btn-box{text-align:center;}
.table-wrap .write .piw-form-group .piw-form input[type="text"].input-title{max-width:100%;box-sizing:border-box;}
.table-wrap .write .piw-checkbox{margin-left:0.1rem;}
.table-wrap .write .piw-checkbox label{position:relative;top:inherit;left:inherit;}

/***************************** tablet *********************************/
@media all and (max-width: 1024px) {
    .table-wrap .view .view-bottom .list-nav p a {max-width:80%;}
    .table-wrap .gallery .list{flex:0 48%;-ms-flex:0 48%;max-width:48%;}
	.table-wrap .gallery .list a .top { height:auto; }
}

/***************************** mobile *********************************/
@media all and (max-width: 640px) {
    #pagination a{margin:0.04rem;width:0.7rem; height:0.7rem;font-size:0.3rem;line-height:0.5rem;}

	#pagination a.active, #pagination a:hover{line-height:0.7rem;}

    .board-top{margin-bottom:0.4rem;}
    .board-top p{display:none;font-size:0.3rem;}
    .board-top .search-box{display:block;float:none;top:0;max-width:100%;}
    .board-top .search-box select{height:0.68rem;font-size:0.3rem;border-bottom:0.01rem solid #000;vertical-align:top;background-size:0.2rem 0.1rem;}
    .board-top .search-box input[type="text"]{max-width:70%;height:0.68rem;border-bottom:0.01rem solid #000;vertical-align:top;}
    .board-top .search-box button{width:0.68rem;height:0.68rem;}

    /* list */
    .table-wrap table thead{}
    .table-wrap table thead tr th{padding:0.3rem;font-size:0.3rem;border-bottom:0.02rem solid #c6c5c5;}
    .table-wrap table tbody tr td.subject{width:50%;max-width:1rem;}
    .table-wrap table tbody tr th,
    .table-wrap table tbody tr td{padding:0.3rem;font-size:0.3rem;border-bottom:0.02rem solid #c6c5c5;}


    /* gallery*/
    .table-wrap .gallery .list{flex:0 100%;-ms-flex:0 100%;max-width:100%; margin-bottom:0.2rem;}
    .table-wrap .gallery .list a .bottom .subject{font-size:0.36rem;margin-bottom:0.2rem;}
    .table-wrap .gallery .list a .bottom dl dt{margin-bottom:0.1rem;width:1.2rem;font-size:0.3rem;}
    .table-wrap .gallery .list a .bottom dl dd{margin-left:1.20rem;margin-bottom:0.1rem;font-size:0.3rem;}
    .table-wrap .gallery .list a .bottom dl dd.status{max-height:1.7rem;}


    /* view*/
    .table-wrap{}
    .table-wrap .view{border-top:0.04rem solid #202020;}
    .table-wrap .view .view-top{padding:0.4rem;border-bottom:0.02rem solid #c6c5c5;}
    .table-wrap .view .view-top .view-tit{margin-bottom:0.2rem;font-size:0.48rem;}
    .table-wrap .view .view-top .view-tit em{width:2rem;margin-right: 0.2rem;}
    .table-wrap .view .view-top .view-txt{font-size:0.28rem;}
    .table-wrap .view .view-top .view-txt .view-count{display:none;}
    .table-wrap .view .view-top .file{margin-top:0.1rem;font-size:0.32rem;}
    .table-wrap .view .view-content{border-bottom:0.02rem solid #c6c5c5;}
    .table-wrap .view .view-bottom .list-nav{border-top:0.04rem solid #202020;border-bottom:0.04rem solid #202020;}
    .table-wrap .view .view-bottom .list-nav p{font-size:0.32rem;border-top:0.02rem solid #c6c5c5;padding:0 0.2rem;line-height:1rem;}
    .table-wrap .view .view-bottom .list-nav p span{width:1.4rem;}
    .table-wrap .view .view-bottom .list-nav p span:before{margin-top:-0.05rem;border-left:0.1rem solid transparent;border-right:0.1rem solid transparent;}
    .table-wrap .view .view-bottom .list-nav p span.prev:before{border-bottom:0.1rem solid #1082ba;}
    .table-wrap .view .view-bottom .list-nav p span.next:before{border-top:0.1rem solid #1082ba;}
    .table-wrap .view .view-bottom .list-nav p a{max-width:59%;}
    .table-wrap .view .view-bottom .piw-btn-box .button{width:2rem;line-height: 0.8rem;font-size:0.3rem;}

    /* write */
    .table-wrap .write .piw-form-group{border-bottom:0.02rem solid #d8d6d6;}
    .table-wrap .write .piw-form-group:first-child{border-top:0.02rem solid #d8d6d6;}
    .table-wrap .write .piw-form-group .label{width:100%;padding:0.2rem 0;font-size:0.4rem;background:transparent;}
    .table-wrap .write .piw-form-group .piw-form{padding:0.3rem;}
    .table-wrap .write .piw-form-group .piw-form .col{margin-top:0.3rem;}
    .table-wrap .write .piw-form-group .piw-form .col input[type="text"]{max-width:100%;}
    .table-wrap .write .piw-form-group .piw-form input[type="text"],
    .table-wrap .write.piw-form-group .piw-form input[type="tel"],
    .table-wrap .write .piw-form-group .piw-form input[type="password"]{max-width:100%;border:0.02rem solid #d8d6d6;}
    .table-wrap .write .piw-form-group .piw-form select{margin-left:0;padding:0 0.2rem;width:100%;height:0.8rem;font-size:0.3rem;line-height:0.7rem;border:0.02rem solid #d8d6d6;}
    .table-wrap .write .piw-form-group .piw-form .piw-radio{margin:0 0.4rem 0 0;}
    .table-wrap .write .piw-form-group .join-btn{margin-left:0;margin-top:0.2rem;padding:0 0.4rem;width:100%;font-size:0.32rem;border-radius:0.1rem;line-height:0.7rem;}
    .table-wrap .write .piw-form-group .info-txt{margin-top:0.1rem;font-size:0.28rem;}
    .table-wrap .write .piw-form-group .info-error{margin-top:0.1rem;font-size:0.28rem;}
    .table-wrap .write .piw-form-group.email{}
    .table-wrap .write .piw-form-group.email input[type="text"]{width:45.5%;}
    .table-wrap .write .piw-form-group.email select{margin-top:0.2rem;}
    .table-wrap .write .piw-form-group.tel{}
    .table-wrap .write .piw-form-group.tel input[type="text"]{width:28%;}
    .table-wrap .write .piw-form-group.tel select{margin:0;width:28%;}
    .table-wrap .write .piw-form-group.reserv-date input[type="text"]{width:25%;}
}