@charset "utf-8";

.board-title{font-size:0.45rem;color:#1c1c1c;}
.top-wrap{position:relative;margin-top:0.5rem;}

.board-search{font-size:0;text-align:right;position:relative;}
.board-search .search-wrap{position:relative;display: inline-block;width:100%;max-width:6.35rem;border:0.01rem solid #cfcfcf;}
.board-search select{display:inline-block;vertical-align: middle;width:1.2rem;height:0.6rem;padding:0 0.2rem;border-bottom:0.01rem solid #222; font-size:0.16rem;}
.board-search input[type="text"]{display:inline-block;vertical-align: middle;padding:0 0.2rem;width:2.65rem;height:0.45rem;font-size:0.17rem;border:0.01rem solid #ccc;}
.board-search button{width:0.2rem;height:0.2rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-1rem 0;font-size:0;position:absolute;top:0.12rem;right:0.2rem;}

.total{position:absolute;bottom:0;font-size:0.16rem;font-weight:400;letter-spacing:-0.01rem;}


.pagination{text-align: center;font-size:0;margin-top:0.6rem;}
.pagination .txt{display:inline-block;margin-right:0.2rem;font-size:0.13rem;font-weight: 500;line-height: 0.25rem;}
.pagination a{position:relative;vertical-align: middle;display:inline-block;margin:0 0.05rem;color:#666;font-size:0.16rem; font-weight:400; width:0.3rem;height:0.3rem;line-height: 0.3rem;text-align:center;}
.pagination a:hover,
.pagination a.active{background:#16469d;font-weight:400;border-radius:50%;color:#fff;}
.pagination a img{vertical-align: top;}
.pagination a.first-prev:hover,
.pagination a.end-next:hover,
.pagination a.prev:hover,
.pagination a.next:hover{background: transparent;}
.pagination a.first-prev:before,
.pagination a.prev:before,
.pagination a.next:before,
.pagination a.end-next:before{content: "";position:absolute; top:0; left:0; width:0.3rem;height:0.3rem;background: url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;}
.pagination a.first-prev:before{background-position:-2.4rem -0.2rem;}
.pagination a.prev:before{background-position:-2.1rem -0.2rem;}
.pagination a.next:before{background-position:-2.1rem -0.2rem;transform:rotate(-180deg);}
.pagination a.end-next:before{background-position:-2.4rem -0.2rem;transform:rotate(-180deg);}

.sign-box{max-width: 6rem;margin: 0 auto;text-align: center;background: #fff;padding: 0.5rem 0.2rem;box-shadow: 1px 1px 5px rgba(0,0,0,0.3);border-radius: 0.1rem;}
.sign-box .info-box{margin-bottom: 0.3rem;font-size: 0.18rem;line-height: 28px;}

/* 리스트형 */
#board-wrap .list-type1{padding-top:0.1rem;}
#board-wrap .list-type1 .info-txt{font-size:0.16rem;padding-bottom:0.1rem;font-weight:500;}
#board-wrap .list-type1 .list{}
#board-wrap .list-type1 .list .board-thead{}
#board-wrap .list-type1 .list .board-thead li{display:flex;font-size:0.16rem;text-align: center;line-height: 0.65rem;border-top:0.02rem solid #222;border-bottom:0.01rem solid #ccc;font-weight:400;background:#eef2f8;}
#board-wrap .list-type1 .list .board-thead li .idx{width:15%;}
#board-wrap .list-type1 .list .board-thead li .subject{width:55%;}
#board-wrap .list-type1 .list .board-thead li .date{width:15%;}
#board-wrap .list-type1 .list .board-thead li .view-num{width:15%;}
#board-wrap .list-type1 .list .board-tbody li{display:flex; padding:0.25rem 0; justify-content: center; border-bottom:0.01rem solid #e1e1e1;align-items: center; font-size:0.19rem;}
#board-wrap .list-type1 .list .board-tbody li:hover{background-color:#f5f5f5}
#board-wrap .list-type1 .list .board-tbody li .col{width:15%;text-align: center;font-weight:400;color:#1c1c1c;font-size:0.14rem;}
#board-wrap .list-type1 .list .board-tbody li .idx{width:15%;font-size:0.16rem;font-weight:500;}
#board-wrap .list-type1 .list .board-tbody li .idx.notice{color:#16469d;}
#board-wrap .list-type1 .list .board-tbody li .date{width:15%;}
#board-wrap .list-type1 .list .board-tbody li .subject{width:55%;text-align: left;position:relative;}
#board-wrap .list-type1 .list .board-tbody li .subject a{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#1c1c1c;font-size:0.16rem;}
#board-wrap .list-type1 .list .board-tbody li .subject a .score{}
#board-wrap .list-type1 .list .board-tbody li .subject a .score .star{display:inline-block;width:1.1rem;height:0.2rem;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 4.5rem;background-position: -2rem -3.25rem; }
#board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star1{background-position: -2rem -3.05rem;}
#board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star2{background-position: -2rem -2.85rem;}
#board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star3{background-position: -0.9rem -3.25rem;}
#board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star4{background-position: -0.9rem -3.05rem;}
#board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star5{background-position: -0.9rem -2.85rem;}
#board-wrap .list-type1 .list .board-tbody li .subject a .txt{margin-top:0.05rem;font-size:0.17rem;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#board-wrap .list-type1 .list .board-tbody li .subject a .date{margin-top:0.05rem;font-size:0.16rem;color:#999;font-weight:400;}
#board-wrap .list-type1 .list .board-tbody li .subject span{position:absolute;top:0;right:0;}
#board-wrap .list-type1 .list .board-tbody li .name{width:15%;}
#board-wrap .list-type1 .list .board-tbody li .date{width:15%;color:#999;}
#board-wrap .list-type1 .list .board-tbody li .count{width:15%;}
#board-wrap .list-type1 .list .board-tbody li.no-data:hover{background-color:#fff;}
#board-wrap .list-type1 .button-group{text-align: right;}
#board-wrap .list-type1 .button-group .button{display:inline-block;width:1.2rem;line-height:0.5rem;text-align: center;font-size:0.16rem;color:#fff;background: #0f3057;}


/* gallery-type3 */
#board-wrap .gallery-type3{border-top:0.02rem solid #222;margin-top:0.1rem;}
#board-wrap .gallery-type3 ul{font-size:0;margin:0.3rem -2% 0;}
#board-wrap .gallery-type3 ul li{display:inline-block;vertical-align:top;width:46%;margin:0 2% 0.6rem;}
#board-wrap .gallery-type3 ul li a{display:block;}
#board-wrap .gallery-type3 ul li a .img{overflow: hidden;background:#f7f7f7;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;max-height:2.7rem;}
#board-wrap .gallery-type3 ul li a .img img{display:block;height:100%;margin:0 auto;}
#board-wrap .gallery-type3 ul li a .txt-box{font-size:0.16rem;margin-top:0.2rem;}
#board-wrap .gallery-type3 ul li a .txt-box .tit{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:0.23rem;height:0.46rem;font-weight:500;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#board-wrap .gallery-type3 ul li:hover a .img{box-shadow:0.02rem 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.3);}
#board-wrap .gallery-type3 ul li:hover a .txt-box .tit{color:#16469d;}
/* #board-wrap .gallery-type3 ul li:hover a .img{display:block;} */
/* #board-wrap .gallery-type3 ul li:hover a .img img{transform: scale(1.1);} */


#board-wrap .toggle-list1{}
#board-wrap .toggle-list1 dl{border-top:0.01rem solid #000;}
#board-wrap .toggle-list1 dl dt{position: relative;line-height: 0.8rem;padding:0 1rem 0 1.2rem;font-size:0.2rem;color:#404040;border-bottom:0.01rem solid #c6c6c6;font-weight:400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;}
#board-wrap .toggle-list1 dl dt:before{content: "Q";position: absolute;left:0.6rem;font-size:0.3rem;color:#cfcfcf;font-weight: 500;}
#board-wrap .toggle-list1 dl dt:after{content: "";position:absolute;top:0.32rem;right:0.6rem;display: inline-block;width: 0.28rem;height: 0.14rem;background: url(/_public/images/contents/customer_icon02.png) no-repeat;background-size: cover;}
#board-wrap .toggle-list1 dl dd{display: none;position:relative;padding:0.3rem 0.6rem 0.3rem 1.2rem;border-bottom:0.01rem solid #c6c6c6;font-size:0.19rem;color:#444;font-weight: 400;}
#board-wrap .toggle-list1 dl dd:before{content: "A";position: absolute;left:0.6rem;font-size:0.3rem;color:#cfcfcf;color:#d21818;font-weight: 500;}
#board-wrap .toggle-list1 dl dt.on{background: #f7f7f7;font-weight: 600;color:#404040;}
#board-wrap .toggle-list1 dl dt.on:before{color:#1a1a1a;}
#board-wrap .toggle-list1 dl dt.on:after{content: "";position:absolute;top:0.38rem;right:0.6rem;display: inline-block;width: 0.28rem;height: 0.02rem;background: url(/_public/images/contents/customer_icon02_on.png) no-repeat;}
#board-wrap .toggle-list1 dl dd div { line-height:1.6 }

#board-wrap .gallery-type3 .list ul li .date{margin-top:0.2rem;color:#999;font-size:0.14rem;}

/* 상세 페이지 */
#board-wrap .view{margin-top:0.8rem;}
#board-wrap .view .top{padding:0.2rem 0.4rem;border-top:0.02rem solid #222;border-bottom:0.01rem solid #ccc;word-break:keep-all;}
#board-wrap .view .top .tit{font-size:0.24rem;font-weight:600;letter-spacing:-0.01rem;}
#board-wrap .view .top .score{margin-top:0.2rem;font-size:0.18rem;}
#board-wrap .view .top .score .star{vertical-align:top;position:relative;top:0.03rem;display:inline-block;width:1.1rem;height:0.2rem;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 4.5rem;background-position: -2rem -3.25rem; }
#board-wrap .view .top .score .star.star1{background-position: -2rem -3.05rem;}
#board-wrap .view .top .score .star.star2{background-position: -2rem -2.85rem;}
#board-wrap .view .top .score .star.star3{background-position: -0.9rem -3.25rem;}
#board-wrap .view .top .score .star.star4{background-position: -0.9rem -3.05rem;}
#board-wrap .view .top .score .star.star5{background-position: -0.9rem -2.85rem;}
#board-wrap .view .top .txt{position:relative;margin-top:0.2rem;color:#999;font-size:0.14rem;}
#board-wrap .view .top .txt span{display:inline-block; font-size:0.16rem; color:#787878; font-weight:400; margin-left:0.4rem;}
#board-wrap .view .top .txt span:first-child{margin-left:0;}
#board-wrap .view .top .txt span strong{color:#1c1c1c; margin-right:0.1rem;}
#board-wrap .view .top .txt .name{}
#board-wrap .view .top .txt .name em{font-style: italic;font-family: san-serif;display:inline-block;margin-right:0.05rem;}
#board-wrap .view .top .txt .date{}
#board-wrap .view .top .txt .modify-date{}
#board-wrap .view .top .txt .comment{}
#board-wrap .view .top .txt .comment a{display:block;color:#16469d;text-align: center;font-weight:500;}
#board-wrap .view .top .txt .file{float:right;}
#board-wrap .view .top .txt .file a{color:#16469d;font-size:0.14rem;text-decoration:underline;}
#board-wrap .view .view-content{padding:0.4rem;min-height:3rem;line-height:1.7;word-break:keep-all;}
#board-wrap .view .view-content .img{text-align:center; margin-bottom:0.65rem;}
#board-wrap .view .view-content .text{font-size:0.18rem; font-weight:400; line-height:2;}
#board-wrap .view .bottom{font-size:0.16rem;border-top:0.01rem solid #dbdbdb; border-bottom:0.01rem solid #1c1c1c;}
#board-wrap .view .bottom .file{display:block;border-bottom:0.01rem solid #ccc;padding:0.2rem 0.4rem 0.2rem 0.6rem;position:relative;}
#board-wrap .view .bottom .file::before{content:'';width:0.3rem;height:0.3rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-0.6rem -0.2rem;position:absolute;left:0.3rem;}
#board-wrap .view .bottom .paging-group{padding:0.2rem 0.4rem;overflow:hidden;}
#board-wrap .view .bottom .paging-group a{display:block;width:10%;position:relative;padding:0 0.1rem;}
#board-wrap .view .bottom .paging-group a::before{content:'';width:0.2rem;height:0.2rem;background:url('/_public/images/@draft/sp_ico.png') no-repeat;background-size:6rem;background-position:-1.2rem 0;position:absolute;top:0.02rem;}
#board-wrap .view .bottom .paging-group a.prev{float:left;}
#board-wrap .view .bottom .paging-group a.prev::before{left:0;}
#board-wrap .view .bottom .paging-group a.next{float:right;}
#board-wrap .view .bottom .paging-group a.next::before{right:0;transform:rotate(180deg);}
#board-wrap .view .bottom .paging-group a span{display:inline-block;margin:0 10%;}
#board-wrap .view .button-group{margin-top:0.8rem;text-align: center; position:relative;}
#board-wrap .view .button-group .button{display:inline-block;width:1.75rem; line-height:0.65rem;font-size:0.18rem;font-weight:400;letter-spacing:-0.01rem;color:#16469d;border:0.01rem solid #16469d;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#board-wrap .view .button-group .button:hover {color:#fff;background:#16469d;}
#board-wrap .view .button-group .prev{display:block; height:0.78rem; line-height:0.78rem; font-size:0.18rem; color:#666; font-weight:400; border-bottom:0.01rem solid #d9d9d9; border-top:0.01rem solid #d9d9d9; text-align:left; padding-left:0.82rem; background:url('/_public/images/common/list_icon02.png') no-repeat; background-position:0.5rem 50%;}
#board-wrap .view .button-group .next{display:block; height:0.78rem; line-height:0.78rem; font-size:0.18rem; color:#666; font-weight:400; border-bottom:0.01rem solid #d9d9d9; border-top:0.01rem solid #d9d9d9; text-align:left; padding-left:0.82rem; background:url('/_public/images/common/list_icon03.png') no-repeat; background-position:0.5rem 50%; margin-top:-0.01rem;}
#board-wrap .view .button-group span{margin-left:0.32rem;}

/* 쓰기 페이지 [공통 폼 스타일] */
#board-wrap .write{background:#fff;margin:0 auto;max-width:9rem;}
#board-wrap .write .button-group{margin-top:0.6rem;padding:0.2rem 0;text-align: center;}
#board-wrap .write .button-group .button{display:inline-block;margin-left:0.15rem;width:1.2rem;line-height:0.5rem;text-align: center;font-size:0.16rem;color:#fff;background: #0f3057;}
#board-wrap .write .button-group .button:first-child{margin-left:0;background: #ccc;}

.form-flex{display:flex;justify-content: space-between;}
.form-flex .cmm-form{width:48%;}
.cmm-form{padding:0.2rem;}
.cmm-form .form{position:relative;overflow:hidden;border-bottom:0.01rem solid #f3f3f3;}
.cmm-form .form:after{content: "";opacity:0;display:inline-block;position:absolute;left:50%;transform: translateX(-50%);bottom:0;width:0;height:0.02rem;background:#333;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.cmm-form .form.active:after{opacity:1;width:100%;height:0.02rem;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.cmm-form .label{display:block;padding:0.2rem;font-size:0.18rem;font-weight:500;}
.cmm-form .label .add-button{float: right;display: inline-block;font-size: 0.16rem;}
.cmm-form .form label{position: absolute;top:-9999999rem;left:-999999rem;}
.cmm-form .form input[type="text"],
.cmm-form .form input[type="tel"],
.cmm-form .form input[type="email"],
.cmm-form .form input[type="password"]{width:100%;height:0.4rem;color:#898989;border:0;padding:0 0.2rem;}
.cmm-form .form input.inputTitle{font-size:0.4rem;line-height: 0.8rem;height:0.8rem;}
.cmm-form .form input.inputTitle::-webkit-input-placeholder {line-height: 0.8rem;height:0.8rem;font-family:serif;}
.cmm-form .form input::placeholder{color: #ccc;}
.cmm-form .form input.inputTitle::placeholder{font-size:0.4rem;line-height: 0.4rem;font-weight:bold;}
.cmm-form .form input:focus{border:0;outline: none;}
.cmm-form .form textarea{border:0;resize: none;padding:0.2rem;width:100%;height:3rem;background:#f9f9f9;}
.cmm-form .form .filebox{padding:0.2rem;}
.cmm-form .form .filebox input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.cmm-form .form .filebox .upload-name{background: transparent;border: 0;}
.cmm-form .form .filebox label{display: inline-block;position: relative;top: inherit;left: inherit;margin-left: 0.1rem;width: 1rem;line-height:normal;text-align: center;color: #3497da;font-size: 0.14rem;font-weight: 500;background: transparent;vertical-align: top;cursor: pointer;}
.cmm-form .form .filebox label span{color:#0f3057;}
.cmm-form .form .filebox .btnRemove{float:right;font-size:0.16rem;color:#ff4947;}
.cmm-form .form.score{padding:0 0.2rem;}
.cmm-form .form .star{}
.cmm-form .form .star span{display:flex;width:1.8rem;height:0.4rem;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 4.5rem;background-position: -1.8rem -5.55rem;}
.cmm-form .form .star span.star1{background-position: -1.8rem -5.15rem;}
.cmm-form .form .star span.star2{background-position: -1.8rem -4.75rem;}
.cmm-form .form .star span.star3{background-position: 0 -5.55rem;}
.cmm-form .form .star span.star4{background-position: 0 -5.15rem;}
.cmm-form .form .star span.star5{background-position: 0 -4.75rem;}
.cmm-form .form .star span i{display:inline-block;flex:1;cursor: pointer;}
.cmm-form.error .form{border-color:#ff4947;}
.cmm-form.error .form input{color:#ff4947;}
.cmm-form.error .form input::placeholder{color:#ff4947;}

/* 댓글 */
.reply{padding:0.2rem 0.4rem;border-top:0.01rem solid #ccc;}
.reply .tit{font-size:0.16rem;font-weight:500;}
.reply .chk-button{display: inline-block;position:relative;margin-left:0.1rem;width: 0.45rem;height: 0.2rem;background: #333;vertical-align: middle;border-radius: 0.15rem;cursor:pointer;}
.reply .chk-button:before{content: "";display:inline-block;position:absolute;top:50%;margin-top:-0.08rem;right:0.02rem;width:0.16rem;height:0.16rem;background:#fff;border-radius: 100%;}
.reply .chk-button:after{content: "on";color: #fff;font-weight:100;font-size: 0.12rem;position: absolute;left: 0.06rem;}
.reply .chk-button.on{background:#e5e5e5;}
.reply .chk-button.on:before{right:inherit;left: 0.02rem;}
.reply .chk-button.on:after{content: "off";color: #fff;left: inherit;right: 0.08rem;}
.reply .reply-wrap{display:block;}
.reply .reply-wrap.disable{display:none;}
.reply .comment-write{margin-top:0.1rem;padding:0.2rem;border:0.01rem solid #ccc;}
.reply .comment-write .member{}
.reply .comment-write .member .user{padding:0.1rem;font-size:0.14rem;font-weight: 600;}
.reply .comment-write .input-area{overflow: hidden;}
.reply .comment-write .input-area label{position: absolute;top:-99999999rem;left:-9999999rem;}
.reply .comment-write .input-area textarea{padding:0.2rem;border:0;border-bottom:0.01rem solid #f3f3f3;width:100%;height:1rem;resize: none;}
.reply .comment-write .input-area button{float:right;margin-top:0.1rem;font-size:0.13rem;background:#333;color:#fff;text-align: center;width:0.7rem;line-height: 0.35rem;}
.reply .reply-list{margin-top:0.2rem;}
.reply .reply-list .sort{padding:0.1rem 0;border-bottom:0.01rem solid #ccc;}
.reply .reply-list .sort a{display:inline-block;margin-right:0.1rem;color:#333;font-size:0.16rem;}
.reply .reply-list .sort a.on{font-weight:500;}
.reply .reply-list .list{padding:0.1rem 0;border-bottom:0.01rem solid #f3f3f3;}
.reply .reply-list .list .name{font-size:0.14rem;font-weight:500;}
.reply .reply-list .list .name em{color:#898989;font-weight:400;}
.reply .reply-list .list .txt{padding:0.1rem 0;font-size:0.14rem;}
.reply .reply-list .list .option{margin-top:0.1rem;overflow: hidden;}
.reply .reply-list .list .option .reply-count{display:inline-block;padding:0 0.1rem;font-size:0.12rem;background:#fff;border:0.01rem solid #ccc;border-radius:0.05rem;line-height: 0.25rem;}
.reply .reply-list .list .option .option-button{float:right;font-size:0;}
.reply .reply-list .list .option .option-button button{display:inline-block;margin-left:0.05rem;background:#333;color:#fff;font-size:0.11rem;line-height: 0.25rem;width:0.5rem;}
.reply .reply-list .more-button{margin-top:0.2rem;display:block;width:100%;background:transparent;text-align: center;font-size:0.13rem;line-height:0.4rem;}
.reply .reply-list .more-button em{display:inline-block;margin-left:0.1rem;}
.reply .inner-reply{display:none;margin-top:0.2rem;padding:0.3rem;background:#FBFCFD;}
.reply .inner-reply.active{display:block;}
.reply .inner-reply .inner-input-area{overflow: hidden;padding:0.2rem;background:#fff;}
.reply .inner-reply .inner-input-area .member .user{padding:0.1rem;font-size:0.14rem;font-weight: 600;}
.reply .inner-reply .inner-input-area label{position: absolute;top:-99999999rem;left:-9999999rem;}
.reply .inner-reply .inner-input-area textarea{padding:0.2rem;border:0;border-bottom:0.01rem solid #f3f3f3;width:100%;height:0.7rem;resize: none;}
.reply .inner-reply .inner-input-area button{float:right;margin-top:0.1rem;background:#333;color:#fff;text-align: center;width:0.7rem;line-height: 0.4rem;}
.reply .inner-reply .inner-list{padding:0.2rem;border-bottom:0.01rem solid #f0f0f0;}


@media all and (max-width: 1024px){
    .top-wrap{margin-top:0.2rem;}

	.board-search .search-wrap{max-width:100%;}
	.board-search input[type="text"]{width:100%;}

    .total{position:relative;margin-top:0.2rem;}

    .pagination{margin-top:0.4rem;}

    #board-wrap .list-type1{padding-top:0.2rem;}

    #board-wrap .gallery-type3{border-top:0.04rem solid #222;margin-top:0.2rem;}

    #board-wrap .view{margin-top:0.2rem;}
    #board-wrap .view .top{padding:0.2rem;}
	#board-wrap .view .top .tit{font-size:0.22rem;margin-top:0;}
    #board-wrap .view .top .txt{margin-top:0.05rem;}
    #board-wrap .view .top .txt span{font-size:0.14rem;margin-left:0.2rem;}
    #board-wrap .view .top .txt span:first-child{margin-left:0;}
    #board-wrap .view .view-content .text{font-size:0.19rem;}
    #board-wrap .view .button-group{margin-top:0.4rem;}

	#board-wrap .toggle-list1 dl dt{line-height: 1rem; padding:0 0.5rem 0 0.6rem;}
	#board-wrap .toggle-list1 dl dt:before{left:0.17rem;}
	#board-wrap .toggle-list1 dl dt:after{top:0.44rem; right:0.15rem;}
	#board-wrap .toggle-list1 dl dt.on:after{top:50%; right:0.15rem; transform:translateY(-50%);}
	#board-wrap .toggle-list1 dl dd{padding:0.3rem 0.3rem 0.3rem 0.6rem;}
	#board-wrap .toggle-list1 dl dd:before{left:0.2rem;}
}
@media all and (max-width: 640px){
	html{font-size:50px;}
    .pagination{margin-top:0.6rem;}
	.pagination a:hover,
	.pagination a.active{}
	.pagination a{font-size:0.25rem;width:0.6rem;height:0.6rem;line-height: 0.6rem;}
	.pagination a.first-prev,
	.pagination a.end-next,
	.pagination a.prev,
	.pagination a.next{width:0.6rem;height:0.6rem;}

	.pagination a.first-prev:before,
	.pagination a.prev:before,
	.pagination a.next:before,
	.pagination a.end-next:before{width:0.6rem; height:0.6rem;background-size:12rem;}
    .pagination a.first-prev:before{background-position:-4.8rem -0.4rem;}
    .pagination a.prev:before{background-position:-4.2rem -0.4rem;}
    .pagination a.next:before{background-position:-4.2rem -0.4rem;}
    .pagination a.end-next:before{background-position:-4.8rem -0.4rem;}


	.sign-box{max-width: 90%;padding:0.6rem 0.4rem;border-radius: 0.2rem;}
	.sign-box .info-box{text-align:center;margin-bottom: 0.6rem;font-size: 0.28rem;line-height:0.48rem;}

    .top-wrap{margin-top:0.4rem;}

	.board-search{padding:0;}
	.board-search select{height:0.8rem;width:25%;border-width:0.02rem; font-size:0.28rem;}
	.board-search input[type="text"]{height:1rem;border-width:0.02rem;font-size:0.28rem;padding:0 0.4rem;}
	.board-search button{width:0.4rem;height:0.4rem;background-size:12rem;background-position:-2rem 0;top:0.3rem;right:0.4rem;}

    .total{font-size:0.28rem;margin-top:0.4rem;}

	#board-wrap .list-type1 .info-txt{font-size:0.28rem;}
	#board-wrap .list-type1 .list .board-thead li{display:none;}
    #board-wrap .list-type1 .list .board-tbody{border-top:0.04rem solid #222;}
	#board-wrap .list-type1 .list .board-tbody li{border-width:0.02rem; font-size:0.3rem;padding: 0.4rem 0;}
    #board-wrap .list-type1 .list .board-tbody li.notice{background:#EEF2F8;}
	#board-wrap .list-type1 .list .board-tbody li .col{font-size:0.28rem; width:15%;}
    #board-wrap .list-type1 .list .board-tbody li .idx{display:none;}
	#board-wrap .list-type1 .list .board-tbody li .subject{width:75%;}
	#board-wrap .list-type1 .list .board-tbody li .date{width:25%;}
	#board-wrap .list-type1 .list .board-tbody li .subject a{font-size:0.28rem;padding-left:0.2rem;}
	#board-wrap .list-type1 .list .board-tbody li .subject a .txt{margin-top:0.1rem;font-size:0.28rem;}
	#board-wrap .list-type1 .list .board-tbody li .subject a .date{margin-top:0.1rem;font-size:0.28rem;}
    #board-wrap .list-type1 .list .board-tbody li .subject span{display:none;}
	#board-wrap .list-type1 .list .board-tbody li .name{width:30%;padding:0.2rem; display:none;}
    #board-wrap .list-type1 .list .board-tbody li .view-num{display:none;}
	#board-wrap .list-type1 .button-group .button{line-height: 0.8rem;font-size:0.28rem;width:100%;}


    #board-wrap .gallery-type3 ul{margin:0.6rem -2% 0;}
    #board-wrap .gallery-type3 ul li a .txt-box{font-size:0.26rem;}
    #board-wrap .gallery-type3 ul li .txt-box{margin-top:0.4rem;}
    #board-wrap .gallery-type3 ul li a .txt-box .tit{font-size:0.28rem;line-height:0.35rem;height:0.7rem;}
    #board-wrap .gallery-type3 .list ul li .date{font-size:0.26rem;}

    #board-wrap .view{margin-top:0.4rem;}
	#board-wrap .view .top {border-top:0.04rem solid #222;border-bottom:0.02rem solid #ccc;padding:0.3rem;}
	#board-wrap .view .top .tit {font-size:0.4rem;}
    #board-wrap .view .top .txt{margin-top:0.1rem;}
    #board-wrap .view .top .txt span{display:block;font-size:0.28rem;margin-left:0;}
    #board-wrap .view .top .txt span + span{margin-top:0.1rem;}
	#board-wrap .view .top .score{margin-top:0.2rem;font-size:0.3rem;}
	#board-wrap .view .top .score .star{top:0;display:inline-block;width:2.2rem;height:0.4rem;background-size:9rem;background-position: -4rem -6.5rem; }
	#board-wrap .view .top .score .star.star1{background-position: -4rem -6.1rem;}
	#board-wrap .view .top .score .star.star2{background-position: -4rem -5.7rem;}
	#board-wrap .view .top .score .star.star3{background-position: -1.8rem -6.5rem;}
	#board-wrap .view .top .score .star.star4{background-position: -1.8rem -6.1rem;}
	#board-wrap .view .top .score .star.star5{background-position: -1.8rem -5.7rem;}
	#board-wrap .view .top .txt .name{display:inline-block;font-size: 0.3rem;font-weight:500;}
	#board-wrap .view .top .txt .name em{margin-right:0.1rem;}
	#board-wrap .view .top .txt .modify-date{display:inline-block;}
	#board-wrap .view .top .txt .view{display:none;}
	#board-wrap .view .top .txt .comment{margin-top:0.2rem;}
	#board-wrap .view .top .txt .comment a{display:inline-block;font-size: 0.3rem;text-align: left;}
	#board-wrap .view .top .txt .file{padding-top:0.1rem;font-size:0.28rem;float:none;}
	#board-wrap .view .top .txt .file a{font-size: 0.28rem;}
	#board-wrap .view .view-content{font-size:0.28rem !important;border-width:0.02rem; padding:0.3rem;}
	#board-wrap .view .view-content .text{font-size:0.3rem; word-break:keep-all;}
	#board-wrap .view .view-content .text a{word-break:break-all;}
	#board-wrap .view .bottom{border-width:0.02rem;font-size:0.28rem;}
	#board-wrap .view .bottom .file{padding:0.4rem 0.4rem 0.4rem 1rem;}
    #board-wrap .view .bottom .file::before{width:0.6rem;height:0.6rem;background-size:12rem;background-position:-1.2rem -0.4rem;top:0.32rem;}
    #board-wrap .view .bottom .paging-group{padding:0.4rem;}
    #board-wrap .view .bottom .paging-group a{width:40%;}
    #board-wrap .view .bottom .paging-group a::before{width:0.4rem;height:0.4rem;background-size:12rem;background-position:-2.4rem 0;}
    #board-wrap .view .bottom .paging-group a.next{text-align:right;}
    #board-wrap .view .button-group{margin-top:0.6rem;}
	#board-wrap .view .button-group .button{width:3rem;line-height:0.8rem;font-size:0.28rem;border-width:0.02rem;}
	#board-wrap .view .button-group .prev,
	#board-wrap .view .button-group .next{display:flex; height:1rem; line-height:1rem; font-size:0.28rem; padding-left:0.8rem; background-position:0.3rem 50%; margin-bottom:-0.02rem;}
	#board-wrap .view .button-group em{width:18%;}
	#board-wrap .view .button-group span{width:82%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}


	#board-wrap .write .button-group{display:flex;}
	#board-wrap .write .button-group .button{flex:1;line-height: 0.8rem;font-size:0.28rem;}

	/* 댓글 */
	.reply .tit{font-size:0.28rem;}
	.reply .chk-button{width: 0.9rem;height: 0.4rem;border-radius: 0.3rem;}
	.reply .chk-button:before{right: 0.04rem;width: 0.3rem;height: 0.3rem;margin-top: -0.15rem;}
	.reply .chk-button:after{left:0.12rem;font-size:0.24rem;}
	.reply .chk-button.on:before{left: 0.04rem;}
	.reply .chk-button.on:after{right: 0.16rem;}
	.reply .comment-write .member .user{padding:0.2rem;font-size:0.28rem;}
	.reply .comment-write .input-area textarea{height:2rem;}
	.reply .comment-write .input-area button{margin-top:0.2rem;width:1.4rem;font-size:0.24rem;line-height: 0.6rem;}
	.reply .reply-list .sort{padding:0.2rem 0;border-width:0.02rem;}
	.reply .reply-list .sort a{font-size:0.3rem;margin-right:0.2rem;}
	.reply .reply-list .list{padding:0.2rem 0;border-width:0.02rem;}
	.reply .reply-list .list .name{font-size:0.28rem;}
	.reply .reply-list .list .txt{padding:0.2rem 0;font-size:0.28rem;}
	.reply .reply-list .list .option{margin-top:0.2rem;}
	.reply .reply-list .list .option .reply-count{padding:0 0.2rem;font-size:0.24rem;border-width:0.02rem;line-height: 0.5rem;}
	.reply .reply-list .list .option .option-button button{font-size:0.22rem;line-height: 0.5rem;width:1rem;}
	.reply .inner-reply{margin-top:0.4rem;padding:0.2rem;}
	.reply .inner-reply .inner-input-area{padding:0.2rem;}
	.reply .inner-reply .inner-input-area .member .user{padding:0.2rem;font-size:0.28rem;}
	.reply .inner-reply .inner-input-area textarea{padding:0.4rem;border-bottom:0.02rem solid #f3f3f3;height:3rem;}
	.reply .inner-reply .inner-input-area button{margin-top:0.2rem;width:1.4rem;font-size:0.24rem;line-height: 0.6rem;}

	.form-flex{flex-wrap: wrap;width:100%;}
	.form-flex .cmm-form{width:100%;}
	.cmm-form .form{border-width:0.02rem;}
	.cmm-form .form:after{content: "";height:0.04rem;}
	.cmm-form .form.active:after{height:0.04rem;}
	.cmm-form .label{padding:0.2rem;font-size:0.28rem;}
	.cmm-form .form input[type="text"],
	.cmm-form .form input[type="tel"],
	.cmm-form .form input[type="email"],
	.cmm-form .form input[type="password"]{height:0.8rem;}
	.cmm-form .label .add-button{font-size:0.32rem;}
	.cmm-form .form .filebox label{top:-0.1rem;font-size:0.32rem;}
	.cmm-form .form .filebox .btnRemove{top:-0.04rem;font-size:0.32rem;}
	.cmm-form .form.score{padding: 0 0 0.2rem;}
	.cmm-form .form .star span{display:flex;width:3.6rem;height:0.8rem;background-size: 9rem;background-position: -3.6rem -11.1rem;}
	.cmm-form .form .star span.star1{background-position: -3.6rem -10.3rem;}
	.cmm-form .form .star span.star2{background-position: -3.6rem -9.5rem;}
	.cmm-form .form .star span.star3{background-position: 0 -11.1rem;}
	.cmm-form .form .star span.star4{background-position: 0 -10.3rem;}
	.cmm-form .form .star span.star5{background-position: 0 -9.5rem;}

	#board-wrap .toggle-list1 dl dt{font-size:0.28rem;}
	#board-wrap .toggle-list1 dl dd{font-size:0.25rem;}
	#board-wrap .toggle-list1 dl dt:before{font-size:0.36rem;}
	#board-wrap .toggle-list1 dl dd:before{font-size:0.36rem;}
}