.contents_wrap > .container {
  max-width:47rem;
  margin-top:2.3rem;
  margin-bottom:6.4rem;
}
.post_top {
  padding-bottom:1.2rem;
  border-bottom:2px solid #737373;
}
.post_top > span {
  font-size:0.7rem;
  line-height:0.7rem;
  letter-spacing:0;
  color:#b19f7d;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--bold);
}
.post_top > .title {
  font-size:1.3rem;
  letter-spacing:0;
  color:#333;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--semibold);
  padding:0.8rem 0 0.7rem;
}
.post_top .post_top_other {
  justify-content:space-between;
}
.post_top .post_top_other .infor {
  gap:0.65rem;
  grid-gap:0.65rem;
}
.post_top .post_top_other .infor span {
  font-size:0.8rem;
  line-height:1rem;
  letter-spacing:-0.53px;
  color:#8e8e8e;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--regular);
}
.post_top .post_top_other .infor span.linebar {
  display:inline-block;
  width:1px;
  height:0.65rem;
  background:#ddd;
}
.post_top .post_top_other .infor .see {
  gap:0.25rem;
  grid-gap:0.25rem;
}
.post_top .post_top_other .infor .see > img {
  width:1rem;
  height:0.7rem;
}
.post_top .post_top_other .btn_urlcopy {
  justify-content:center;
  width:5.15rem;
  height:1.7rem;
  border-radius:1.05rem;
  border:1px solid #dbdbdb;
  box-sizing:border-box;
  background:var(--base-white);
  cursor:pointer;
  gap:0.3rem;
  grid-gap:0.3rem;
}
.post_top .post_top_other .btn_urlcopy img {
  width:0.7rem;
  height:0.7rem;
}
.post_top .post_top_other .btn_urlcopy span {
  font-size:0.7rem;
  letter-spacing:-0.47px;
  color:#8e8e8e;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
}
.post_content {
  padding-top:1.1rem;
}
.post_content span {
  font-size:0.8rem;
  line-height:1.35rem;
  letter-spacing:-0.3px;
  color:#696969;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--regular);
}
.comment_wrap {
  margin-top:4.05rem;
}
.comment_wrap .comment_title {
  gap:0.25rem;
  grid-gap:0.25rem;
  padding-bottom:1.1rem;
  border-bottom:1px solid #d9d9d9;
}
.comment_wrap .comment_title h6 {
  font-size:1.5rem;
  line-height:1rem;
  letter-spacing:0;
  color:#4d4d4d;
  font-family: "Co-sb";
}
.comment_wrap .comment_title span {
  font-size:1.5rem;
  line-height:1rem;
  letter-spacing:0;
  color:var(--main-ocher);
  font-family: "Co-sb";
}
.comment_list li {
  gap:0.4rem;
  grid-gap:0.4rem;
  padding:1.1rem 0;
}
.comment_list li:not(:last-child){
  border-bottom:1px solid #d9d9d9;
}
.comment_list li > .flex {
  gap:0.5rem;
  grid-gap:0.5rem;
}
.comment_list li > .flex > .flex{
  gap:0.1rem;
  grid-gap:0.1rem;
}
.comment_list li .flex .comment_writer {
  font-size:0.75rem;
  line-height:1rem;
  letter-spacing:0;
  color:#4d4d4d;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--semibold);
}
.comment_list li .flex .comment_writer_name {
  font-size:0.75rem;
  line-height:1rem;
  letter-spacing:0;
  color:#9a9a9a;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
}
.comment_list li .flex .comment_write_time {
  font-size:0.7rem;
  line-height:1rem;
  letter-spacing:-0.47px;
  color:#ababab;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
}
.comment_list li .comment {
  font-size:0.75rem;
  line-height:1rem;
  letter-spacing:-0.2px;
  color:#8e8e8e;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
}
.comment_write {
  margin-top:1.1rem;
  padding-bottom:1.65rem;
  border-bottom:1px solid #e9e9e9;
}
.comment_write textarea {
  resize:none;
  width:100%;
  height:5.7rem;
  border:1px solid #dbdbdb;
  box-sizing:border-box;
  padding:0.75rem 0.7rem;
  font-size:0.75rem;
  line-height:1rem;
  letter-spacing:-0.2px;
  color:#8e8e8e;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
}
.comment_write textarea::placeholder {
  color:#c9c9c9;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
}
.comment_write .btnbox {
  justify-content:flex-end;
  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  border-bottom:1px solid #dbdbdb;
}
.comment_write .btnbox .btn_registration {
  justify-content:center;
  width:5.4rem;
  height:2.2rem;
  border:1px solid #d1c6b2;
  box-sizing:border-box;
  cursor:pointer;
  margin-bottom:-1px;
  margin-top:-1px;
  margin-right:-1px;
}
.comment_write .btnbox .btn_registration span {
  font-size:0.75rem;
  letter-spacing:-0.5px;
  color:var(--main-ocher);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--semibold);
}
.btns {
  justify-content:space-between;
  margin-top:1rem;
}
.btns .btn {
  justify-content:center;
  width:7.7rem;
  height:2.2rem;
  box-sizing:border-box;
  cursor:pointer;
}
.btns .btn span {
  font-size:0.75rem;
  line-height:1rem;
  letter-spacing:-0.5px;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--semibold);
}
.btns .btn_list {
  border:1px solid #dbdbdb;
  background:var(--base-white);
}
.btns .btn_list span {
  color:#818181;
}
.btns .btn_write {
  background:var(--main-ocher);
}
.btns .btn_write span {
  color:var(--base-white);
}

.mobile_header_menu {
  display:none;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:3.1rem;
  box-shadow:0 1px 0 0 #f2f2f2;
  background:var(--base-white);
}
.mobile_header_menu .flex.btn_prev img {
  width:0.45rem;
  height:0.85rem;
  padding:1rem;
  cursor:pointer;
}
.mobile_header_menu div h2 {
  font-size:0.85rem;
  letter-spacing:-0.33px;
  color:#55545b;
  font-weight:var(--semibold);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  text-align:center;
}
.mobile_header_menu .flex.urlcopy {
  justify-content:flex-end;
  padding-right:1rem;
}
.mobile_header_menu .flex .btn_urlcopy {
  justify-content:center;
  width:5.15rem;
  height:1.7rem;
  border-radius:1.05rem;
  border:1px solid #dbdbdb;
  box-sizing:border-box;
  background:var(--base-white);
  cursor:pointer;
  gap:0.3rem;
  grid-gap:0.3rem;
}
.mobile_header_menu .flex .btn_urlcopy img {
  width:0.75rem;
  height:0.75rem;
}
.mobile_header_menu .flex .btn_urlcopy span {
  font-size:0.7rem;
  letter-spacing:-0.47px;
  color:#8e8e8e;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
}
#img_board {  width:60%;margin:0 auto;margin-bottom:0.3rem; }
.m_wrap {display:none;}
@media screen and (max-width:501px){
  .header_wrap {display:none;}
  .mobile_header_menu {display:grid;}
  .m_wrap {display:block;}
  .contents_wrap > .container {margin-top:3rem;margin-bottom:2.35rem;}
  .post_top {padding-bottom:0.95rem;}
  .post_top > .title {font-size:1.1rem;letter-spacing:0;padding:0.15rem 0 0.35rem;line-height:1.5rem;}
  .post_top .post_top_other .btn_urlcopy {display:none;}
  .post_top .post_top_other .infor span {font-size:0.7rem;letter-spacing:-0.47px;}
  .comment_wrap .comment_title h6 {font-size:1.2rem;letter-spacing:0;}
  .comment_wrap .comment_title span {font-size:1.2rem;line-height:1rem;}
  .comment_write .btnbox {border:none;justify-content:flex-start;}
  .comment_write .btnbox .btn_registration {width:100%;}
  .btns .btn {width:5.6rem;height:2rem;}
  .btns .btn span {font-size:0.65rem;letter-spacing:-0.43px;}
  #img_board {  width:100%;text-align:center;margin-bottom:0.3rem; }
}




























/*  */
