html {font-size: 10px}
body {font-family: 'NanumSquare', sans-serif; color:#222; margin:0px; padding:0px; height:100%;}
table, tbody, tfoot, thead, tr, th, td, form,div{vertical-align: middle;}
input::placeholder{color:#bababa}
/*form {margin:0; padding:0;}
ul, dl,dt,dd,p {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img,a {vertical-align:middle;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer; background:#fff; border:1px solid #d3d3d3;}

a {color:#222; text-decoration:none}
a:hover {color:#222}

ol li{margin-left:15px;}

.form-control:focus { color: #212529; background-color: #fff; border-color: #fff; border:2px solid #4e4e4e; outline: 0; box-shadow:none;}
.form-check {border-radius:0;}
.form-check:checked {background:#4e4e4e;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.mt15 {margin-top:15px}*/

/* 게시판 공통 */
.contents{}
.contents .main-wrap {width:100%; max-width:1200px; margin:0 auto; padding-top:20px; position: relative;}
.contents .bbs {width:100%; margin:60px 0; }
.contents .bbs .bbs-search {width:700px; height:60px; margin:0 auto; position:relative; border-bottom:4px solid #4e4e4e; padding-bottom:10px; }
.contents .bbs .bbs-search form{display: flex; flex-wrap: wrap; align-items: center;}
.contents .bbs .bbs-search .select {border:0; font-size:2.4rem; width:151px; height:40px; display:inline-block; background:url('/resources/user/img/ico_search_arrow.gif') right center no-repeat; padding-left: 40px; cursor:pointer; align-content: center;}
.contents .bbs .bbs-search .select-dropmenu {width:151px; position:absolute; bottom:-140px; border:1px solid #4e4e4e; display:none; background-color: white;}
.contents .bbs .bbs-search .select-dropmenu li {width:100%; font-size:2.2rem; height:45px; line-height:45px; padding-left:20px; cursor:pointer}
.contents .bbs .bbs-search .select-dropmenu li:hover {background:#f3f3f3}
.contents .bbs .bbs-search input[type='text'] {font-size:2.4rem; width:450px; height:35px; vertical-align:top; padding-left:20px; border:0; outline:none}
.contents .bbs .bbs-search button {position:absolute; top:5px; right:0; border:0}
.contents .bbs h3 {font-size:30px; font-weight:700; text-align:center; margin:60px 0 30px;}
.contents .bbs-btn {position:absolute; top:0px; right:0}
.contents .bbs-btn a {padding:10px 30px; border-radius:5px; font-size:1.6rem;}
.contents .bbs-btn a.black {background:#4e4e4e; color:#fff}

@media (max-width:740px) {
.contents .bbs .bbs-search {width:100%;}
.contents .bbs .bbs-search .select {width:30%; font-size:2.5rem;}
.contents .bbs .bbs-search .select-dropmenu li {font-size:1.6rem; padding-left:10px;}
.contents .bbs .bbs-search .select-dropmenu {width:30%;}
.contents .bbs .bbs-search input[type='text'] {font-size:2rem;width:69%; padding-right:60px;}

.contents .bbs-btn {position:relative; margin-top:20px;}
.contents .bbs-btn a.btn_write {padding:10px 25%;}
}

/* 게시판 리스트 */
.contents .bbs .tbl_list {width:100%; border-top:2px solid #4e4e4e;  margin-bottom:30px; border-bottom:2px solid #4e4e4e; }
.contents .bbs .tbl_list th {text-align:center; font-size:1.6rem; height:65px; border-bottom:2px solid #4e4e4e;}
.contents .bbs .tbl_list td {text-align:center; font-size:1.6rem; height:65px; border-bottom:1px solid #d3d3d3;}
.contents .bbs .tbl_list tr:last-child {border-bottom:0px;}
.contents .bbs .tbl_list .th1 {width:90px;}
.contents .bbs .tbl_list .th3 {width:142px;}
.contents .bbs .tbl_list .num {font-weight:700}
.contents .bbs .tbl_list .subject {text-align:left; padding-left:20px}
.contents .bbs .tbl_list .subject a:hover {cursor: pointer;}
.contents .bbs .tbl_list .subject span {display:none}
.contents .bbs .tbl_list .status span {padding:2px 10px; font-size:1.4rem; color:#222; border-radius:2px; border:1px solid #cccccc}
.contents .bbs .tbl_list .status span.on {background:#4e4e4e; color:#fff}

@media (max-width:1200px) {
	.contents {padding:0 20px;}
	.contents .bbs .tbl_list .th1 {width:10%;}
	.contents .bbs .tbl_list .th3,
	.contents .bbs .tbl_list .th4 {width:15%;}
}

@media (max-width:720px) { 
.contents .bbs{margin: 30px 0;}
.contents .bbs .tbl_list .subject {padding-left:0}
.contents .bbs .tbl_list .th4 {width:22%;}
.contents .bbs .tbl_list .th1, 
.contents .bbs .tbl_list .th3,
.contents .bbs .tbl_list .num,
.contents .bbs .tbl_list .nick,
.contents .bbs .tbl_list .date {display:none}
.contents .bbs .tbl_list .subject span {display:block; font-size:1.4rem}
.contents .bbs h3 {margin: 30px 0;}
.contents .bbs h3.question-h3{margin: 30px 0 24px;}
}

/* 게시판 작성 */
.contents .write {width:100%; border-top:2px solid #4e4e4e; padding-top:10px;  padding-bottom:0px;}
.contents .write ul {border-bottom:2px solid #4e4e4e; }
.contents .write li {width:100%; margin-top:10px;}
.contents .write li h5 {width:126px; text-align:center; vertical-align:middle; font-weight:700; display:inline-block; font-size:1.6rem;}
.contents .write li .write-input,
.contents .write li .write-input2 {width:1070px; display:inline-block;}

.contents .write ul .openWrap{padding-bottom: 10px;}
.contents .write li .write-input .openGubun{width:48px; height:18px;}
.contents .write li .write-input span{font-size:1.6rem; margin-right:20px;}

.contents .write li .write-input input,
.contents .write li .write-input2 input {width:100%; border:1px solid #d3d3d3; font-size:1.6rem; height:40px; padding-left:10px;}
.contents .write li .write-input input.user-text{width: 30%}
.contents .write li .write-input textarea {width:100%; border:1px solid #d3d3d3; font-size:1.6rem; height:116px; padding-left:10px;}
.contents .write li .write-input .loss_brand {width:173px;}
.contents .write li .write-input .loss_model {width:350px; margin-left:6px;}
.contents .write li .write-input .loss_serial {width:530px; margin-left:6px;}
.contents .write li .write-input .loss_date {width:430px;}
.contents .write li .write-input .loss_place {width:509px;}
.contents .write li.loss2Wrap .write-input {width:430px;}
.contents .write li.loss2Wrap .write-input2 {width:510px;}
.contents .write li.memoWrap {height:116px;}
.contents .write li.memoWrap h5 {height:116px;}
.contents .write li.fileWrap h5 {height:90px;}
.contents .write li.fileWrap .file {display:inline-block; vertical-align: bottom; cursor: pointer; width:90px; height:90px; border:1px solid #d3d3d3; margin-right:5px; background:url('/resources/user/img/bg_file.gif') center no-repeat;}
.contents .write .bbs_btn {clear:both; position:relative; padding-top:30px; height:100px; text-align:center;}
.contents .write .bbs_btn a {display:inline-block;width:108px; height:40px; margin-left:10px; line-height:38px; border:1px solid #d3d3d3; border-radius:5px; font-size:1.6rem;}
.contents .write .bbs_btn a:first-child {margin:0;}
.contents .write .bbs_btn a.black {background:#4e4e4e; color:#fff}
.contents .write .bbs_btn .btn-list {position:absolute; top:30px; right:0px}
.contents .write li.fileWrap2 {padding-bottom:20px;}
.contents .write li.fileWrap2 .write-input {width:528px;}
.contents .write li.fileWrap2 button {margin-left:10px; height:40px; width:130px; font-size:1.6rem}

@media (max-width:1200px) {
.contents .write li h5 {width:15%;}
.contents .write li .write-input {width:84%}
.contents .write li .write-input2 {width:84%}
.contents .write li.loss1Wrap h5 {vertical-align:top}
.contents .write li.loss2Wrap .write-input {width:84%; margin-bottom:10px;}
.contents .write li.loss2Wrap .write-input2 {width:84%;}
.contents .write li .write-input .loss_brand {width:100%; margin-bottom:10px;}
.contents .write li .write-input .loss_model {width:100%; margin-left:0px; margin-bottom:10px;}
.contents .write li .write-input .loss_serial {width:100%; margin-left:0px;}
.contents .write li .write-input .loss_date {width:100%;}
.contents .write li .write-input .loss_place {width:100%;}
.contents .write li.fileWrap2 .write-input {width:45%;}
.contents .write li.fileWrap2 button {margin-left:10px; height:40px; width:80px; font-size:2rem}
}

@media (max-width:800px) {
.contents .write li h5 {width:18%;}
.contents .write li .write-input {width:80%}
.contents .write li .write-input2 {width:80%}
.contents .write li.loss2Wrap .write-input {width:80%; }
.contents .write li.loss2Wrap .write-input2 {width:80%;}
.contents .write .bbs_btn .btn-list {display:none;}
.contents .write li.fileWrap2 .write-input {width:30%;}
.contents .write .bbs_btn a {width:40%; height:60px; line-height:60px}
}

/* 게시판 웹진 */
.contents .bbs .webzine {width:100%; border-top:2px solid #4e4e4e; margin-top:35px; margin-bottom:20px; }
.contents .bbs .webzine li {padding:20px 10px; min-height:190px; border-bottom:1px solid #d3d3d3; position:relative; overflow:hidden;}
.contents .bbs .webzine li:last-child {border-bottom:2px solid #4e4e4e;}
.contents .bbs .webzine li .img {width:148px; height:148px; overflow:hidden; position:absolute; left:10px; top:20px;}
.contents .bbs .webzine li .img img {width:100%; z-index:50 }
.contents .bbs .webzine li .img .photo_cnt {font-size:1.5rem; line-height:30px; text-align:center; width:30px; height:30px; position:absolute; bottom:0px; right:0; color:#fff; background:rgba(0,0,0,0.5); z-index:10}
.contents .bbs .webzine li .cont {width:100%; top:30px; left:0; padding-left:190px}
.contents .bbs .webzine li .cont .info {border-bottom:1px solid #d3d3d3; padding-bottom:15px;}
.contents .bbs .webzine li .cont .info h5 {font-size:1.8rem; font-weight:700; padding-right:250px; display: -webkit-box; -webkit-line-clamp: 1; word-wrap: break-word; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; }
.contents .bbs .webzine li .cont .info .info-item {display:inline-block; font-size:1.5rem; margin-right:20px;}
.contents .bbs .webzine li .cont .info .info-item h6 {display:inline-block;  margin-right:10px; border:1px solid #d3d3d3; padding:0 5px; font-size:1.4rem; border-radius:10px}
.contents .bbs .webzine li .cont .info .profile {position:absolute; top:15px; right:20px; text-align:right;}
.contents .bbs .webzine li .cont .info .profile .photo {width:30px; height:30px; border-radius:15px; display:inline-block;}
.contents .bbs .webzine li .cont .info .profile .nick {font-size:1.4rem; color:#343434; padding:5px;}
.contents .bbs .webzine li .cont .info .profile .date {font-size:1.3rem;  color:#908f8f; padding:5px;}
.contents .bbs .webzine li .cont .info .profile .status {display:inline-block;color:#222222; font-size:1.4rem; padding:2px 5px; border-radius:5px; text-align:center; border:1px solid #cccccc}
.contents .bbs .webzine li .cont .info .profile .on {color:#fff; background:#4e4e4e}
.contents .bbs .webzine li .cont .memo {max-height:68px;padding-top:20px; padding-right:20px; font-size:1.5rem;display: -webkit-box; -webkit-line-clamp: 2; word-wrap: break-word; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}

@media (max-width:920px) {
.contents .bbs .webzine li .cont .info .item1 {width:100%;}
}

@media (max-width:740px) {
.contents .bbs .webzine li .cont .info .writer {display:none;}
.contents .bbs .webzine li .cont .info h5 {padding-right:100px;}
.contents .bbs .webzine li .cont .memo {padding-bottom:20px;}
}


/* 게시판 상세 */
.contents .view {width:100%;  font-size:1.6rem; }
.contents .view h3 {font-size:30px; font-weight:700; text-align:center; margin: 60px 0 30px;}
.contents .view .view_item {width:100%; border-top:3px solid #4e4e4e; padding-top:26px; position:relative;}
.contents .view .view_item .view-user{width: 100%; margin-bottom: 5px;}
.contents .view .view_item .view-user span{margin-right: 10px;}
.contents .view .view_item .view_title {padding-right:60px; border-bottom:1px solid #d3d3d3; padding-bottom:20px}
.contents .view .view_item .view_title .ico_lock {display:inline-block; margin-left:10px; width:18px; height:23px; background:url('/resources/user/img/ico_lock.gif') no-repeat;}
.contents .view .view_item .date {position:absolute; top:24px; right:0; display:inline-block;color:#222222; font-size:1.4rem; }
.contents .view .view_item h5 {display:inline-block; font-size:2.4rem; font-weight:600}
.contents .view .view_item .view_memo {padding:20px 0; border-bottom:1px solid #d3d3d3;}
.contents .view .view_item .view_memo .memo{border-top:1px solid #d3d3d3; min-height: 200px;}
.contents .view .view_item .view_memo .memo img {width: -webkit-fill-available;}
.contents .view .view_item .view_memo2 {padding:20px 0; }
.contents .view .view_item .view_memo2 .img-layer{margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%;}
.contents .view .view_item .view_memo2 .img-layer img{height:370px; margin-right:20px; margin-bottom: 20px;}
.contents .view .view_item .writerInfo {font-size:1.6rem; color:#898989}
.contents .view .view_item .writerInfo .writer-date {padding-left:20px;}
.contents .view .view_item .status {position:absolute; top:24px; right:0; display:inline-block;color:#222222; font-size:1.4rem; padding:2px 5px; border-radius:5px; text-align:center; border:1px solid #cccccc}
.contents .view .view_item .on {color:#fff; background:#4e4e4e}

.contents .view .bbs_btn {clear:both; padding-top:30px; height:100px; text-align:center; position:relative;}
.contents .view .bbs_btn a  {display:inline-block;  text-align:center; width:108px; height:40px; margin-left:10px; line-height:38px; border:1px solid #d3d3d3; border-radius:5px; font-size:1.6rem;}
.contents .view .bbs_btn a:first-child {margin:0;}
.contents .view .bbs_btn a.black {background:#4e4e4e; color:#fff}
.contents .view .txtR {text-align:right;}
.contents .view .bbs_btn .btn-list2 {position:absolute; top:30px; left:0px}


@media (max-width:800px) {
.contents .view .view_item .view_title .ico_lock {margin-left:0;}
.contents .view .view_item {padding-top:15px;}
.contents .view .bbs_btn a {width:40%; height:60px; line-height:60px}
.contents .view .btn3 a {width:30%; height:60px; line-height:60px}
.contents .view .view_item .date {position:relative; top:0;  width:100%;}
.contents .view .bbs_btn .btn-list2 {position:relative; top:0;}
.contents .write li .write-input input.user-text{width: 100%;}
} 

/* 댓글 */
.contents .view .commment {width:100%; margin-top:40px;}
.contents .view .commment  h5 {font-size:1.8rem; color:#7a7a7a}
.contents .view .commment .comment_list {background:#f9f9f9;  padding:15px; }
.contents .view .commment .comment_list li {position:relative; }
.contents .view .commment .comment_list .img {width:30px; height:30px; border-radius:15px; overflow:hidden; margin-right:10px;}
.contents .view .commment .comment_list .img img {width:30px;}
.contents .view .commment .comment_list .nick { display:inline-block;font-size:1.8rem;}
.contents .view .commment .comment_list .com_date { display:inline-block; padding-left:10px; font-size:1.6rem; color:#b0b0b0}
.contents .view .commment .comment_list button {border:0; background:none; position:absolute; top:0px; right:0px}
.contents .view .commment .comment_list .comment_menu {display:none; position:absolute; top:-5px; right:30px; width:75px; height:70px; border:1px solid #d7d7d7; background:#fff; }
.contents .view .commment .comment_list .comment_menu span {display:block; width:100%; height:35px; line-height:32px;  font-size:1.3rem; text-align:center;}
.contents .view .commment .comment_list .com_memo {margin-top:20px;color:#898989}
.contents .view .commment .comment_btn {background:#f9f9f9; position:relative; padding:15px;  border-bottom:1px solid #d3d3d3}
.contents .view .commment .comment_btn h5 {font-size:1.4rem; display:block;}
.contents .view .commment .comment_btn .memo-input {width:430px; height:98px; display:inline-block;}
.contents .view .commment .comment_btn .memo-input2 {width:1030px; height:98px; display:inline-block;}
.contents .view .commment .comment_btn textarea {width:100%; height:98px;  border:1px solid #cccccc}
.contents .view .commment .comment_btn button {width:110px; height:98px; background:#4e4e4e; margin-left:16px; color:#fff; vertical-align:top; display:inline-block;}



/* 게시판 상세 분실시계 */
.contents .webzine_view {width:100%; padding-left:583px; position:relative; min-height:600px}
.contents .webzine_view .webzine_img {width:534px; position:absolute; top:0px; left:0px }
.contents .webzine_view .webzine_img span {display:block; position:absolute; bottom:20px; left:20px;}
.contents .webzine_view .webzine_img li {float:left; width:56px; height:56px; border:1px solid #dedcde; margin-right:10px; overflow:hidden;}
.contents .webzine_view .webzine_img li.on {border:3px solid #dedede;}
.contents .webzine_view .webzine_img li img {width:56px; height:56px;}
.contents .webzine_view h4 {color:#8f8f8f; padding-bottom:15px;}
.contents .webzine_view .status {position:absolute; top:24px; right:0; display:inline-block;color:#222222; font-size:1.4rem; padding:1px 7px; border-radius:5px; text-align:center; border:1px solid #cccccc}
.contents .webzine_view .on {color:#fff; background:#4e4e4e}
.contents .webzine_view .writer {padding-bottom:10px; font-size:1.0rem; vertical-align:middle}
.contents .webzine_view .writer .photo {margin-left:10px; width:30px; height:30px; border-radius:15px; display:inline-block;}
.contents .webzine_view .writer .nick {font-size:1.4rem; color:#343434; padding:5px; vertical-align:middle}
.contents .webzine_view .writer .date {font-size:1.3rem;  color:#908f8f; padding:5px; vertical-align:middle}
.contents .webzine_view .writer .serial {font-size:1.3rem; color:#4e4e4e; background:#f4f3f3; vertical-align:middle; padding:2px 10px; border-radius:15px;}
.contents .webzine_view .writer .serial .h {display:inline-block; font-size:1.0rem; }
.contents .webzine_view .writer .serial .num {color:#1d1d1d}
.contents .webzine_view .view_memo .loss_info {padding-bottom:20px;}
.contents .webzine_view .view_memo .info-item {display:inline-block; font-size:1.5rem; margin-right:20px;}
.contents .webzine_view .view_memo .info-item h6 {display:inline-block;  margin-right:10px; border:1px solid #d3d3d3; padding:0 5px; font-size:1.4rem; border-radius:10px}

@media (max-width:1200px) {
.contents .webzine_view {padding-left:45%; }
.contents .webzine_view .webzine_img {width:44%;}
.contents .webzine_view .webzine_img img {width:100%;}
.contents .view .commment .comment_btn .memo-input,
.contents .view .commment .comment_btn .memo-input2 {width:100%; padding-right:120px; }
.contents .view .commment .comment_btn  textarea {width:100%;}
.contents .view .commment .comment_btn button {position:absolute; top:38px; right:20px}
}

@media (max-width:800px) {
.contents .webzine_view {padding-left:0%; }
.contents .webzine_view .webzine_img {width:100%; position:relative;}
.contents .webzine_view .webzine_img img {width:100%;}
.contents .webzine_view h4 {margin-top:45px; font-size:2.6rem}
.contents .webzine_view .status {top:15px;}
.contents .webzine_view .br {width:1px; display:block;}
.contents .webzine_view .writer .serial {/* margin-left:45px; */}
.contents .webzine_view .item1 {width:100%;}
}

/* question */
.page-board.layer-pc{width: 100%; font-family: "Pretendard", sans-serif; position: relative; color: #212529;}
.page-board.layer-pc .question-section{width: 100%; max-width:1200px; min-width: 1200px; margin:0 auto; position: relative; padding: 80px 20px 60px;}
.page-board.layer-pc .question-section .section-title {font-size:30px; font-weight:700; text-align:center; margin-bottom:40px; }
.page-board.layer-pc .question-section .filter-box{width: 100%; height: 50px; display: flex; flex-wrap: wrap; justify-content: space-evenly; border-bottom: 1px solid #f1f3f5; margin-bottom: 60px;}
.page-board.layer-pc .question-section .filter-box .question-filter{font-size: 20px; font-weight: 500; color: #868e96; display: inline-block; height: 100%; align-content: center; cursor: pointer;}
.page-board.layer-pc .question-section .filter-box .question-filter.selected{color: #212529; border-bottom: 1px solid #212529; font-weight: bold;}
.page-board.layer-pc .question-section .list-box{ width: 100%; border-bottom: 1px solid #212529;}
.page-board.layer-pc .question-section .list-box .box-header{width: 100%; height: 46px; border-top: 1px solid #f1f3f5; border-bottom: 1px solid #f1f3f5; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-board.layer-pc .question-section .list-box .box-header span{font-size: 18px; display: inline-block; height: 100%; font-weight: bold; align-content: center; text-align: center;}
.page-board.layer-pc .question-section .list-box .box-header span.number{width: 10%;}
.page-board.layer-pc .question-section .list-box .box-header span.category{width: 10%;}
.page-board.layer-pc .question-section .list-box .box-header span.title{width: 38%;}
.page-board.layer-pc .question-section .list-box .box-header span.user{width: 15%;}
.page-board.layer-pc .question-section .list-box .box-header span.date{width: 15%;}
.page-board.layer-pc .question-section .list-box .box-header span.status{width: 10%;}
.page-board.layer-pc .question-section .list-box .box-body{width: 100%;}
.page-board.layer-pc .question-section .list-box .box-body .no-list{width: 100%; height: 100px; font-size: 18px; font-weight: bold; text-align: center; align-content: center;}
.page-board.layer-pc .question-section .list-box .box-body .question{width: 100%; height: 70px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-board.layer-pc .question-section .list-box .box-body .question span{font-size: 16px; display: inline-block; height: 100%; font-weight: 500; align-content: center; text-align: center;}
.page-board.layer-pc .question-section .list-box .box-body .question .number{width: 10%; color: #868e96;}
.page-board.layer-pc .question-section .list-box .box-body .question .category{width: 10%; color: #868e96;}
.page-board.layer-pc .question-section .list-box .box-body .question .title-box{width: 38%; height: 100%; display: inline-flex; align-items: center; justify-content: center;}
.page-board.layer-pc .question-section .list-box .box-body .question .title-box .title{font-size: 16px; font-weight: 500; cursor: pointer;}
.page-board.layer-pc .question-section .list-box .box-body .question .title-box .lock{width: 20px; height: 20px; margin-right: 6px; margin-bottom: 5px}
.page-board.layer-pc .question-section .list-box .box-body .question .user{width: 15%; color: #868e96;}
.page-board.layer-pc .question-section .list-box .box-body .question .date{width: 15%; color: #868e96;}
.page-board.layer-pc .question-section .list-box .box-body .question .status-box{width: 10%; height: 100%; display: inline-block; align-content: center; text-align: center;}
.page-board.layer-pc .question-section .list-box .box-body .question .status-box .status{background-color: #868e96; color: white; font-weight: 500; font-size: 16px; border-radius: 5px; padding: 4px 8px; height: auto; margin-bottom: 4px;}
.page-board.layer-pc .question-section .list-box .box-body .question .status-box .status.completed{background-color: #212529;}
.page-board.layer-pc .question-section .board-write{position:absolute; top: 8px; right: 22px; border-radius:5px; font-size:16px; padding: 4px 8px; display: block; text-align: center; align-content: center; background-color: #212529; color: white; font-weight: 500;}
.page-board.layer-pc .question-section .paging{margin: 30px 0 0;}

/* review */
.page-review{width: 100%; font-family: "Pretendard", sans-serif; position: relative; color: #212529;}
.page-review .banner-section{width: 100%;}
.page-review .banner-section img{width: 100%;}
.page-review .banner-section .pc-banner{display: block;}
.page-review .banner-section .mo-banner{display: none;}
.page-review .review-section{width: 100%; max-width:900px; min-width: 900px; margin:0 auto; position: relative; padding: 80px 16px 60px;}
.page-review .review-section .section-title {font-size:30px; font-weight:700; text-align:center; margin-bottom:40px; }
.page-review .review-section .section-subTitle{font-size: 16px; color: #868e96; text-align: center; margin-bottom: 40px; display: none;}
.page-review .review-section .filter-box{width: 100%; height: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #f1f3f5; margin-bottom: 40px;}
.page-review .review-section .filter-box .question-filter{font-size: 20px; font-weight: 500; color: #868e96; display: inline-block; height: 100%; align-content: center; cursor: pointer;}
.page-review .review-section .filter-box .question-filter.selected{color: #212529; border-bottom: 1px solid #212529; font-weight: bold;}
.page-review .review-section .total-count{font-size: 14px; color: #868e96; margin-bottom: 10px; display: block;}
.page-review .review-section .total-count .count{font-weight: bold; color: #212529;}
.page-review .review-section .list-box{width: 100%; border-top: 1px solid #f1f3f5;}
.page-review .review-section .list-box .review{width: 100%; min-height: 380px; padding: 40px 0; border-bottom: 1px solid #f1f3f5; display: flex; flex-wrap: wrap;}
.page-review .review-section .list-box .review .text-box{flex: 1; min-height: 300px; display: flex; flex-wrap: wrap; align-content: space-between;}
.page-review .review-section .list-box .review .text-box .review-box{width: 100%; position: relative; margin-bottom: 20px;}
.page-review .review-section .list-box .review .text-box .review-box .review-header{width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px;}
.page-review .review-section .list-box .review .text-box .review-box .review-header .label1{border-radius:5px; font-size:16px; padding: 4px 8px; background-color: #212529; color: white; font-weight: 500; margin-right: 10px;}
.page-review .review-section .list-box .review .text-box .review-box .review-header .label2{font-size: 16px; color: #868e96; margin-right: 14px;}
.page-review .review-section .list-box .review .text-box .review-box .review-header .red-star{color: #b00020; font-size: 16px;}
.page-review .review-section .list-box .review .text-box .review-box .review-title{font-size: 20px; font-weight: 600; margin-bottom: 20px; line-height: 22px;}
.page-review .review-section .list-box .review .text-box .review-box .review-content{font-size: 16px; font-weight: 500; line-height: 20px; padding-right: 60px;}
.page-review .review-section .list-box .review .text-box .review-box .review-content.over-text{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis;}
.page-review .review-section .list-box .review .text-box .review-box .review-content.over-text.over2{ -webkit-line-clamp: 7;}
.page-review .review-section .list-box .review .text-box .review-box .more-view{position: absolute; right: 0; bottom: 0; font-size: 14px; color: #868e96; line-height: 16px; cursor: pointer;}
.page-review .review-section .list-box .review .text-box .review-box .more-view::after {content: ""; display: inline-block; margin: 0 0 3px 5px; width: 8px; height: 8px; border-bottom: 2px solid #868e96; border-right: 2px solid #868e96; transform: rotate(45deg);}
.page-review .review-section .list-box .review .text-box .review-box .more-view.close::after {content: ""; display: inline-block; margin: 0 0 -1px 5px; width: 8px; height: 8px; border-bottom: 2px solid #868e96; border-right: 2px solid #868e96; transform: rotate(-135deg);}
.page-review .review-section .list-box .review .info-box{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-review .review-section .list-box .review .info-box .label{font-size: 16px; color: #868e96;}
.page-review .review-section .list-box .review .img-box{height: 300px; width: 240px; margin-left: 30px;}
.page-review .review-section .list-box .review .img-box img{height: 100%; width: 100%;}
.page-review .review-section .btn-box{display: none;}
.page-review .review-section .btn-box .board-write.mo{border-radius:4px; font-size:14px; padding: 3px 5px; display: block; text-align: center; align-content: center; background-color: #212529; color: white; font-weight: 500;}
.page-review .review-section .paging{margin: 60px 0 0; min-height: 40px;}
.page-review .review-section .paging .board-write.pc{position:absolute; top: 8px; right: 0; border-radius:5px; font-size:16px; padding: 4px 8px; display: block; text-align: center; align-content: center; background-color: #212529; color: white; font-weight: 500;}

/* 글 성하기 모달 커스텀 */
.write-modal .modal-header .btn { display: none; }
.write-modal .modal-content { min-width: 650px; }
.write-modal {}
.write-modal .bc-type{font-size: 16px}
.write-modal .star-rating {
	width:5em;
	display:flex;
	padding:0 .2em;
	margin-top: 15px;
	flex-direction: row-reverse;
	justify-content:space-around;
	font-size: 40px;
	text-align:center;
}
.write-modal .rating-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 28px 0;
	padding-bottom: 28px;
	border-bottom: 1px solid #CECECE;
}
.write-modal .rating-box h2 {
	font-size: 24px;
}
.write-modal .rating-box p {
	font-size: 18px;
	color: #797979;
	margin-top: 15px;
}
.write-modal .star-rating input {
	display:none;
}

.write-modal .star-rating label {
	color:#C4C4C4;
	cursor:pointer;
}

.write-modal .star-rating :checked ~ label {
	color:#CD0303;
}

.write-modal .star-rating label:hover,
.write-modal .star-rating label:hover ~ label {
	color:#CD0303;
}
.write-modal .field-box { padding: 0 16px; }
.write-modal .field-box .input-box { margin-bottom: 28px; position: relative; }
.write-modal .field-box .input-box .form-label{font-size: 16px; margin-bottom: 10px;}
.write-modal .field-box .input-box .bc-title{background-color: #f9f9f9; font-size: 16px;}
.write-modal .field-box .input-box textarea{height: 250px; font-size: 16px; background-color: #f9f9f9;}
.write-modal .field-box .input-box .bcCtsLength{position: absolute; right: 22px; bottom: 6px; color: #797979; font-size: 16px;}
.write-modal .modal-content .btn-write {
	width: 100%;
	height: 56px;
	margin: 20px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	background: #CD0303;
	color: white;
}
.write-modal .modal-content .btn-camera {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	font-size: 12px;
	border: 1px solid #C4C4C4;
}
.write-modal .modal-content .btn-camera img { width: unset; margin-right: 8px; }
.write-modal .modal-content .notice {
	font-size:12px;
	margin: 22px 0 16px 0;
}
.write-modal .modal-content .img-list {
	display: flex;
}
.write-modal .modal-content .img-list li {
	position: relative;
	/* flex: 1; */
	margin-right: 12px;
	border-radius: 5px;
	overflow: hidden;
	height: 114px;
	width: 114px;
}
.write-modal .modal-content .img-list li:last-child { margin-right: 0; }
.write-modal .modal-content .img-list .btn {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 0;
}
.write-modal .modal-content .img-list i { font-size: 24px; }
.write-modal .modal-content .img-list li img {
	width :100%;
	height:100%;
	object-fit: cover;
}
.write-modal .modal-header.responsive { display: none; }
.write-modal .modal-header { justify-content: flex-start; padding: 16px;}
.write-modal .modal-header .form-select {
	display: block;
	width: 341px;
}
.write-modal .modal-header h1{
	font-size: 20px;
	font-weight: bold;
	white-space: nowrap;
	margin-right: 10px;
}
.write-modal .btn-close{font-size: 24px;}
.write-modal .modal-body { padding: 0; }
.write-modal .modal-body > div { margin-bottom: 28px; }
.write-modal .modal-footer { padding: 0; }
.write-modal .modal-footer .txt-box {
	width: 100%;
	padding: 24px 20px;
	margin: 0;
	color: #fff;
	background: #000;
}
.write-modal .modal-footer .txt-box h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.write-modal .modal-footer .txt-box p {
	font-size: 14px;
	line-height: 1.4;
}

/* 모바일 공통 */
@media (min-width: 320px) and (max-width: 1024px) {
	.write-modal .modal-footer .txt-box h2 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 8px;
	}
	.write-modal .modal-footer .txt-box p {
		font-size: 12px;
		line-height: 1.4;
	}
}

@media (max-width:500px) {
	.page-review .banner-section .pc-banner{display: none;}
	.page-review .banner-section .mo-banner{display: block;}
	.page-review .review-section{max-width: 100%; min-width: 100%; padding: 40px 20px 40px;}
	.page-review .review-section .section-title{margin-bottom: 5px; font-size: 20px; font-weight: bold;}
	.page-review .review-section .section-subTitle{display: block;}
	.page-review .review-section .filter-box{display: none;}
	.page-review .review-section .total-count{display: none;}
	.page-review .review-section .list-box .review{padding: 20px 0; min-height: auto;}
	.page-review .review-section .list-box .review .text-box{min-height: auto;}
	.page-review .review-section .list-box .review .text-box .review-box .review-header .label1{border-radius:4px; font-size:14px; padding: 3px 5px; background-color: #212529; color: white; font-weight: 500; margin-right: 10px;}
	.page-review .review-section .list-box .review .text-box .review-box .review-header .label2{font-size: 14px; color: #868e96; margin-right: 10px;}
	.page-review .review-section .list-box .review .text-box .review-box .review-header .red-star{color: #b00020; font-size: 14px;}
	.page-review .review-section .list-box .review .text-box .review-box .review-title{font-size: 18px; font-weight: bold; margin-bottom: 20px; line-height: 22px;}
	.page-review .review-section .list-box .review .text-box .review-box .review-content{font-size: 14px; font-weight: 500; line-height: 18px; padding-right: 60px;}
	.page-review .review-section .list-box .review .text-box .review-box .more-view{position: absolute; right: 0; bottom: 0; font-size: 12px; color: #868e96; line-height: 14px}
	.page-review .review-section .list-box .review .text-box .review-box .more-view::after {content: ""; display: inline-block; margin: 0 0 2px 5px; width: 7px; height: 7px; border-bottom: 2px solid #868e96; border-right: 2px solid #868e96; transform: rotate(45deg);}
	.page-review .review-section .list-box .review .text-box .review-box .more-view.close::after {content: ""; display: inline-block; margin: 0 0 -2px 5px; width: 7px; height: 7px; border-bottom: 2px solid #868e96; border-right: 2px solid #868e96; transform: rotate(-135deg);}
	.page-review .review-section .list-box .review .info-box .label{font-size: 14px; color: #868e96;}
	.page-review .review-section .list-box .review .img-box{display: none; margin-left: 0; width: 100%; height:auto; margin-top: 20px;}
	.page-review .review-section .list-box .review .img-box img{height: auto; width: 100%;}
	.page-review .review-section .btn-box{display: flex; justify-content: right; width: 100%; margin-top: 20px;}
	.page-review .review-section .paging{margin: 40px 0 0;}
	.page-review .review-section .paging .board-write.pc{display: none;}

	.write-modal .modal-header {
		flex-direction: column;
		padding: 0;
		border-bottom: 0;
	}
	.write-modal .modal-header > div {
		width: 100%;
		flex-direction: row;
		margin-bottom: 24px;
		padding: 18px;
		border-bottom: 1px solid #000;
	}

	.write-modal .modal-header .btn {
		padding: 4px;
		font-size: 24px;
	}
	.write-modal .modal-header .btn i {
		margin: 0;
	}
	.write-modal .modal-header { display: none; }
	.write-modal .modal-header.responsive {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.write-modal .modal-header.responsive .form-select {
		width: 284px;
		font-size: 16px;
	}
	.write-modal .modal-content {
		width: 100%;
		min-width: unset;
	}
	.write-modal .modal-dialog { margin: 0; }
}