@charset "utf-8";

.board-search{position:relative;font-size:0;text-align: right;margin:0.1rem 0;padding:0;}
.board-search select{display:inline-block;vertical-align: middle;width:1.2rem;height:0.6rem;padding:0 0.2rem;border:0.01rem solid #e1e1e1;}
.board-search input[type="text"]{display:inline-block;vertical-align: middle;padding:0 0.35rem;width:6.35rem;height:0.65rem;border:0.01rem solid #e1e1e1;font-size:0.17rem;color:#797979;}
.board-search button{position:absolute;top:0.19rem;right:0.2rem;display:inline-block;width:0.25rem;height:0.25rem;font-size:0;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 4.9rem;background-position: -0.75rem -0.15rem;}



.pagination{text-align: center;font-size:0;padding:0.4rem 0;}
.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:#999;font-size:0.17rem;width:0.35rem;height:0.35rem;line-height: 0.35rem;text-align:center;border-radius: 100%;}
.pagination a:hover,
.pagination a.active{color:#fff;background:#0f3057;}
.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.end-next:before,
.pagination a.prev:before,
.pagination a.next:before{content: "";position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); width:0.2rem;height:0.2rem;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size:4.9rem;}
.pagination a.first-prev:before{background-position:-1rem -1rem;}
.pagination a.end-next:before{background-position:-1rem -1rem;}
.pagination a.prev:before{background-position:-0.8rem -1rem;}
.pagination a.next:before{background-position:-0.8rem -1rem;}
.pagination a.first-prev:before{transform: translate(-50%, -50%) rotate(-180deg);}
.pagination a.prev:before{transform: translate(-50%, -50%) rotate(-180deg);}
/* 리스트형 */
#board-wrap .list-type1{}
#board-wrap .info-txt{font-size:0.16rem;padding:0.1rem 0;font-weight:500;}
#board-wrap .info-txt em{color:#00233e;}
#board-wrap .list-type1 .list{}
#board-wrap .list-type1 .list .board-thead li{display:flex;}
#board-wrap .list-type1 .list .board-thead li .col{width:15%;color:#222;font-size:0.17rem;text-align: center;line-height: 0.7rem;border-top:0.02rem solid #222;border-bottom:0.01rem solid #e1e1e1;font-weight:500;}
#board-wrap .list-type1 .list .board-thead li .idx{width:10%;}
#board-wrap .list-type1 .list .board-thead li .subject{width:60%;}
#board-wrap .list-type1 .list .board-tbody li{display:flex; padding:0.2rem 0;border-bottom:0.01rem solid #e1e1e1;align-items: center;}
#board-wrap .list-type1 .list .board-tbody li .col{width:15%;text-align: center;font-size:0.16rem;font-weight:400;color:#777;}
#board-wrap .list-type1 .list .board-tbody li .idx{width:10%;}
#board-wrap .list-type1 .list .board-tbody li .subject{width:60%;text-align: left;}
#board-wrap .list-type1 .list .board-tbody li .subject a{display:block;color:#000;}
#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:#777;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 .name{width:15%;}
#board-wrap .list-type1 .list .board-tbody li .view{width:15%;}

#board-wrap{margin-top:0.9rem;}
#board-wrap .gallery-type3 {}
#board-wrap .gallery-type3 .list{margin-top:0.4rem;}
#board-wrap .gallery-type3 .list ul{display:flex;flex-wrap:wrap;}
#board-wrap .gallery-type3 .list ul li{background: #fff;display:inline-block;margin:0 1.6% 0.6rem;width:30%;max-width:4rem;vertical-align: top;-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
#board-wrap .gallery-type3 .list ul li a{display:block;}
#board-wrap .gallery-type3 .list ul li .idx{font-size:0.15rem;color:#0070b1;font-weight:400;}
#board-wrap .gallery-type3 .list ul li .subject{font-size:0.18rem; color: #222;line-height:1;margin-top:0.25rem;font-weight:500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#board-wrap .gallery-type3 .list ul li .img{position:relative;padding-top:57%;height:2.25rem;}
#board-wrap .gallery-type3 .list ul li .img img{position: absolute;top:0;left:0;width:100%;height:100%;}
#board-wrap .gallery-type3 .list ul li .hash{margin-top:0.1rem;padding-top:0.1rem;border-top:0.01rem solid #e1e1e1;font-size:0;}
#board-wrap .gallery-type3 .list ul li .hash span{display:inline-block;color:#fff;font-size:0.12rem;background: #0f3057;padding:0 0.1rem;margin-left:0.05rem;line-height: 0.25rem;border-radius: 0.2rem;}
#board-wrap .gallery-type3 .list ul li .hash span:first-child{margin-left: 0;}
/*
#board-wrap .gallery-type3 .list ul li .txt{margin-top:0.15rem;color:#555;font-size:0.15rem;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:0.42rem;}
*/
#board-wrap .gallery-type3 .list ul li .date{margin-top:0.2rem;color:#777;font-size:0.14rem;}
#board-wrap .gallery-type3 .list ul li:hover{transform: scale(1.05);}

/* 상세 페이지 */
#board-wrap .view{background: #fff;margin:0 auto;}
#board-wrap .view .top{padding:0.2rem 0.4rem;border-top:0.01rem solid #222;}
#board-wrap .view .top .tit{font-size:0.36rem;}
#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;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:#0062b4;text-align: center;font-weight:500;}
#board-wrap .view .top .txt .file{float:right;}
#board-wrap .view .top .txt .file a{color:#0062b4;font-size:0.14rem;text-decoration:underline;}
#board-wrap .view .view-content{padding:0.2rem 0.4rem;min-height:3rem;border-top:0.01rem solid #dbdbdb;}
#board-wrap .view .bottom{overflow:hidden;padding:0.2rem 0.4rem;border-top:0.01rem solid #dbdbdb;border-bottom:0.01rem solid #dbdbdb;}
#board-wrap .view .bottom a{display:inline-block;color:#222;font-size:0.16rem;}
#board-wrap .view .bottom a span{display:inline-block;}
#board-wrap .view .bottom .prev{float:left;}
#board-wrap .view .bottom .prev span{margin-right:0.1rem;}
#board-wrap .view .bottom .next{float:right;}
#board-wrap .view .bottom .next span{margin-left:0.1rem;}
#board-wrap .view .button-group{padding:0.2rem 0;text-align: center;}
#board-wrap .view .button-group .button{display:inline-block;line-height: 0.6rem;width:2.4rem;font-size:0.18rem;color:#fff;background: #00233e;}


/* 쓰기 페이지 [공통 폼 스타일] */
#board-wrap .write{background:#fff;margin:0 auto;max-width:9rem;}
#board-wrap .write .button-group{text-align: center;padding:0.4rem 0;font-size:0;}
#board-wrap .write .button-group .button{display:inline-block;font-size:0.16rem;width:2rem;line-height:0.4rem;color:#fff;background:#333;margin:0 0.05rem;border-radius:0.05rem;}
#board-wrap .write .button-group .button.cancel{background:#f3f3f3; color:#898989;}

#board-wrap .faq{}
#board-wrap .faq .page-tit2{margin-top:0.8rem;}
#board-wrap .faq dl{margin-top:0.5rem;border-top:0.01rem solid #000;}
#board-wrap .faq dl dt{cursor: pointer; position:relative;padding:0.3rem 0.9rem;color:#404040;font-size:0.2rem;border-bottom:0.01rem solid #c6c6c6;font-weight:400;}
#board-wrap .faq dl dt:before{content: "Q";position:absolute;top:0.26rem;left:0.3rem;font-family: 'GmarketSans';color:#cfcfcf;font-size:0.3rem;font-weight:500;}
#board-wrap .faq dl dt:after{content: "";position:absolute;right:0.3rem;display:inline-block;width:0.3rem;height:0.3rem;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-position:-0.3rem -0.5rem;background-size: 7rem;}
#board-wrap .faq dl dt.on{background: #f7f7f7;font-weight:500;}
#board-wrap .faq dl dt.on:before{color:#fb7000;}
#board-wrap .faq dl dt.on:after{background-position: -0.9rem -0.5rem;}
#board-wrap .faq dl dd{position:relative;display:none;border-bottom:0.01rem solid #c6c6c6;font-size:0.17rem;padding:0.3rem 0.9rem 0.7rem;font-weight:400;}
#board-wrap .faq dl dd:before{content: "A";position:absolute;top:0.26rem;left:0.3rem;font-family: 'GmarketSans';color:#10366f;font-size:0.3rem;font-weight:500;}


.form-flex{display:flex;justify-content: space-between;}
.form-flex .cmm-form{width:48%;}
.cmm-form{padding:0.2rem;box-sizing: border-box;}
.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.1rem 0.2rem;font-sizE:0.14rem;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;box-sizing: border-box;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;box-sizing: border-box;}
.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 .btnRemove{float:right;font-size:0.16rem;color:#ff4947;}
.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;box-sizing: border-box;}
.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;box-sizing: border-box;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;box-sizing: border-box;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;box-sizing: border-box;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){


    .board-search input[type="text"]{width:60%;}
    .board-search button{}

    #board-wrap{padding:0 0.2rem;}
    #board-wrap .gallery-type3 .list ul li{width:46.8%;max-width: 100%;}
    #board-wrap .view .top {padding:0.2rem;}
    #board-wrap .view .top .tit{font-size:0.3rem;}
    #board-wrap .view .view-content {padding:0.2rem;}
    #board-wrap .view .bottom {padding:0.2rem;}
}
@media all and (max-width: 640px){
    .board-search{text-align: center;}
    .board-search input[type="text"]{width:100%;height: 1rem;font-size:0.3rem;padding:0 1rem 0 0.4rem;border-width:0.02rem;}
    .board-search button{position:absolute;top:0.24rem;right:0.3rem;display:inline-block;width:0.5rem;height:0.5rem;font-size:0;background-size: 9.8rem;background-position: -1.5rem -0.3rem;}

    .pagination a{width:0.4rem;height: 0.4rem;line-height: 0.4rem;font-size:0.26rem;}
    .pagination a.first-prev:before,
    .pagination a.end-next:before,
    .pagination a.prev:before,
    .pagination a.next:before{width:0.4rem;height:0.4rem;background-size:9.8rem;}
    .pagination a.first-prev:before{background-position:-2rem -2rem;}
    .pagination a.end-next:before{background-position:-2rem -2rem;}
    .pagination a.prev:before{background-position:-1.6rem -2rem;}
    .pagination a.next:before{background-position:-1.6rem -2rem;}

    #board-wrap .list-type1{margin-top:0.4rem;}
    #board-wrap .info-txt{font-size:0.28rem;}
    #board-wrap .list-type1 .list .board-thead{display:none;}
    #board-wrap .list-type1 .list .board-thead li.idx{display:none;}
    #board-wrap .list-type1 .list .board-thead li.view{display:none;}
    #board-wrap .list-type1 .list .board-thead li.subject{width:80%;}
    #board-wrap .list-type1 .list .board-thead li.name{width:20%;}
    #board-wrap .list-type1 .list .board-tbody{border-top:0.02rem solid #e1e1e1;}
    #board-wrap .list-type1 .list .board-tbody li .col{font-size:0.28rem;}
    #board-wrap .list-type1 .list .board-tbody li .idx{display: none;}
    #board-wrap .list-type1 .list .board-tbody li .view{display:none;}
    #board-wrap .list-type1 .list .board-tbody li .subject{width:70%;padding:0.2rem;}
    #board-wrap .list-type1 .list .board-tbody li .writer{display:none;}
    #board-wrap .list-type1 .list .board-tbody li .view-num{display:none;}
    #board-wrap .list-type1 .list .board-tbody li .subject a .score .star{width:2.2rem;height:0.4rem;background-size: 9rem;    background-position: -8rem -13rem;}
    #board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star1{background-position: -4rem -6.1rem;}
    #board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star2{background-position: -4rem -11.4rem;}
    #board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star3{background-position: -1.8rem -6.5rem;}
    #board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star4{background-position: -1.8rem -6.1rem;}
    #board-wrap .list-type1 .list .board-tbody li .subject a .score .star.star5{background-position: -1.8rem -5.7rem;}
    #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 .name{width:30%;padding:0.2rem;}
    #board-wrap .list-type1 .list .board-tbody li.notice {background:#efefef }




    #board-wrap .gallery-type3 .list ul li .idx{font-size:0.28rem;}
    #board-wrap .gallery-type3 .list ul li .subject{margin-top:0.2rem;font-size:0.32rem;}
    #board-wrap .gallery-type3 .list ul li .img{margin-top:0.2rem;}
    #board-wrap .gallery-type3 .list ul li .txt{margin-top:0.2rem;font-size:0.26rem;}
    #board-wrap .gallery-type3 .list ul li .date{margin-top:0.2rem;font-size:0.26rem;}

    #board-wrap .view .top {border-width:0.02rem;}
    #board-wrap .view .top .tit {font-size:0.34rem;}
    #board-wrap .view .top .txt{margin-top:0.2rem;font-size: 0.24rem;}
    #board-wrap .view .top .txt span{display:block;}
    #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 .date{display:inline-block;}
    #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.3rem;border-width:0.02rem;}
    #board-wrap .view .bottom{border-width:0.02rem;}
    #board-wrap .view .bottom a{font-size:0.28rem;}
    #board-wrap .view .button-group{padding:0.4rem 0;text-align: center;}
    #board-wrap .view .button-group .button{line-height: 0.8rem;width:50%;font-size:0.3rem;}

    /* 댓글 */
    .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;}

    #board-wrap .faq .board-search{margin-top:0.6rem;}
    #board-wrap .faq dl dt{font-size:0.32rem;}
    #board-wrap .faq dl dt:before{top:0.34rem;font-size:0.36rem;}
    #board-wrap .faq dl dt:after{top:0.4rem;}
    #board-wrap .faq dl dd{font-size:0.32rem;}
    #board-wrap .faq dl dd:before{top:0.34rem;font-size:0.36rem;}

}