@charset "UTF-8";
/* 뉴스 게시판 */
.layout .content {
  margin: 0 auto;
  width: 1024px;
  text-align: left;
  word-break: keep-all;
  margin-bottom: 80px;
  display: grid;
  grid-column-gap: 24px;
  grid-template-columns: 720px 280px;
  align-content: start;
}
@media (max-width: 991px) {
  .layout .content {
    width: calc(100% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    display: block;
  }
}
.layout .content .title_info {
  line-height: 1.4;
  padding: 10px 0;
  text-align: left;
  font-size: 14px;
  color: #b8b8b8;
  border-radius: 10px;
  font-weight: normal;
}
.layout .content .blue_font {
  color: #29c0ff;
  font-weight: bold;
}
.layout .content .main_searchbox {
  display: none;
}

.boardHeader {
  margin-top: 40px;
  grid-column: 1;
}
.boardHeader h3 {
  font-size: 20px;
  font-weight: bold;
  color: #212121;
  margin-bottom: 16px;
  margin-top: 0;
}
@media (max-width: 991px) {
  .boardHeader h3 {
    font-size: 16px;
  }
}
.boardHeader h3 a {
  color: #212121;
}
.boardHeader p {
  background: #f2f6ff;
  padding: 16px;
  color: #6f6b95;
}

.boardDetail {
  border-top: 3px solid #3c4e9b;
  border-bottom: 1px solid #ECEFF5;
  margin-bottom: 30px;
  padding-bottom: 24px;
  align-items: center;
  grid-column: 1;
}
.boardDetail h3 {
  font-size: 24px;
  font-weight: bold;
  color: #3c4e9b;
  line-height: 1.3;
  margin: 28px 8px 16px;
  grid-column: 1/span 2;
  grid-row: 1;
}
.boardDetail .article-meta {
  display: flex;
  align-items: flex-end;
  margin: 0 8px;
}
.boardDetail .article-meta .meta-l {
  margin-right: auto;
}
.boardDetail .article-meta .meta-r {
  margin-left: auto;
}
.boardDetail .article-meta .flex {
  display: flex;
  gap: 16px;
}
.boardDetail .article-meta .bd-small {
  color: #858DA2;
  font-size: 14px;
}
.boardDetail .article-meta .reply,
.boardDetail .article-meta .like,
.boardDetail .article-meta .count {
  display: flex;
  align-items: center;
}
.boardDetail .article-meta .reply .label,
.boardDetail .article-meta .like .label,
.boardDetail .article-meta .count .label {
  display: inline-block;
  font-size: 0px;
  width: 20px;
  height: 16px;
  margin-right: 4px;
  opacity: 0.4;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.boardDetail .article-meta .reply .label {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_2762_4891" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_2762_4891)"><path d="M1.99976 22.002V4.00195C1.99976 3.45195 2.19559 2.98112 2.58726 2.58945C2.97892 2.19779 3.44976 2.00195 3.99976 2.00195H19.9998C20.5498 2.00195 21.0206 2.19779 21.4123 2.58945C21.8039 2.98112 21.9998 3.45195 21.9998 4.00195V16.002C21.9998 16.552 21.8039 17.0228 21.4123 17.4145C21.0206 17.8061 20.5498 18.002 19.9998 18.002H5.99976L1.99976 22.002ZM5.14976 16.002H19.9998V4.00195H3.99976V17.127L5.14976 16.002Z" fill="%23949AA9"/></g></svg>');
}
.boardDetail .article-meta .like .label {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_2762_4888" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_2762_4888)"><path d="M12.0002 21.0023L10.5502 19.7023C8.86691 18.1857 7.47524 16.8773 6.37524 15.7773C5.27524 14.6773 4.40024 13.6898 3.75024 12.8148C3.10024 11.9398 2.64608 11.1357 2.38774 10.4023C2.12941 9.66901 2.00024 8.91901 2.00024 8.15234C2.00024 6.58568 2.52524 5.27734 3.57524 4.22734C4.62524 3.17734 5.93358 2.65234 7.50024 2.65234C8.36691 2.65234 9.19191 2.83568 9.97524 3.20234C10.7586 3.56901 11.4336 4.08568 12.0002 4.75234C12.5669 4.08568 13.2419 3.56901 14.0252 3.20234C14.8086 2.83568 15.6336 2.65234 16.5002 2.65234C18.0669 2.65234 19.3752 3.17734 20.4252 4.22734C21.4752 5.27734 22.0002 6.58568 22.0002 8.15234C22.0002 8.91901 21.8711 9.66901 21.6127 10.4023C21.3544 11.1357 20.9002 11.9398 20.2502 12.8148C19.6002 13.6898 18.7252 14.6773 17.6252 15.7773C16.5252 16.8773 15.1336 18.1857 13.4502 19.7023L12.0002 21.0023ZM12.0002 18.3023C13.6002 16.869 14.9169 15.6398 15.9502 14.6148C16.9836 13.5898 17.8002 12.6982 18.4002 11.9398C19.0002 11.1815 19.4169 10.5065 19.6502 9.91484C19.8836 9.32318 20.0002 8.73568 20.0002 8.15234C20.0002 7.15234 19.6669 6.31901 19.0002 5.65234C18.3336 4.98568 17.5002 4.65234 16.5002 4.65234C15.7169 4.65234 14.9919 4.87318 14.3252 5.31484C13.6586 5.75651 13.2002 6.31901 12.9502 7.00234H11.0502C10.8002 6.31901 10.3419 5.75651 9.67524 5.31484C9.00858 4.87318 8.28358 4.65234 7.50024 4.65234C6.50024 4.65234 5.66691 4.98568 5.00024 5.65234C4.33358 6.31901 4.00024 7.15234 4.00024 8.15234C4.00024 8.73568 4.11691 9.32318 4.35024 9.91484C4.58358 10.5065 5.00024 11.1815 5.60024 11.9398C6.20024 12.6982 7.01691 13.5898 8.05024 14.6148C9.08358 15.6398 10.4002 16.869 12.0002 18.3023Z" fill="%23949AA9"/></g></svg>');
}
.boardDetail .article-meta .count .label {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_2740_4246" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_2740_4246)"><path d="M11.9999 16C13.2499 16 14.3124 15.5625 15.1874 14.6875C16.0624 13.8125 16.4999 12.75 16.4999 11.5C16.4999 10.25 16.0624 9.1875 15.1874 8.3125C14.3124 7.4375 13.2499 7 11.9999 7C10.7499 7 9.6874 7.4375 8.8124 8.3125C7.9374 9.1875 7.4999 10.25 7.4999 11.5C7.4999 12.75 7.9374 13.8125 8.8124 14.6875C9.6874 15.5625 10.7499 16 11.9999 16ZM11.9999 14.2C11.2499 14.2 10.6124 13.9375 10.0874 13.4125C9.5624 12.8875 9.2999 12.25 9.2999 11.5C9.2999 10.75 9.5624 10.1125 10.0874 9.5875C10.6124 9.0625 11.2499 8.8 11.9999 8.8C12.7499 8.8 13.3874 9.0625 13.9124 9.5875C14.4374 10.1125 14.6999 10.75 14.6999 11.5C14.6999 12.25 14.4374 12.8875 13.9124 13.4125C13.3874 13.9375 12.7499 14.2 11.9999 14.2ZM11.9999 19C9.76657 19 7.72907 18.4 5.8874 17.2C4.04574 16 2.59157 14.4167 1.5249 12.45C1.44157 12.3 1.37907 12.1458 1.3374 11.9875C1.29574 11.8292 1.2749 11.6667 1.2749 11.5C1.2749 11.3333 1.29574 11.1708 1.3374 11.0125C1.37907 10.8542 1.44157 10.7 1.5249 10.55C2.59157 8.58333 4.04574 7 5.8874 5.8C7.72907 4.6 9.76657 4 11.9999 4C14.2332 4 16.2707 4.6 18.1124 5.8C19.9541 7 21.4082 8.58333 22.4749 10.55C22.5582 10.7 22.6207 10.8542 22.6624 11.0125C22.7041 11.1708 22.7249 11.3333 22.7249 11.5C22.7249 11.6667 22.7041 11.8292 22.6624 11.9875C22.6207 12.1458 22.5582 12.3 22.4749 12.45C21.4082 14.4167 19.9541 16 18.1124 17.2C16.2707 18.4 14.2332 19 11.9999 19ZM11.9999 17C13.8832 17 15.6124 16.5042 17.1874 15.5125C18.7624 14.5208 19.9666 13.1833 20.7999 11.5C19.9666 9.81667 18.7624 8.47917 17.1874 7.4875C15.6124 6.49583 13.8832 6 11.9999 6C10.1166 6 8.3874 6.49583 6.8124 7.4875C5.2374 8.47917 4.03324 9.81667 3.1999 11.5C4.03324 13.1833 5.2374 14.5208 6.8124 15.5125C8.3874 16.5042 10.1166 17 11.9999 17Z" fill="%23949AA9"/></g></svg>');
}
@media (max-width: 575px) {
  .boardDetail .article-meta .meta-l {
    flex-wrap: wrap;
    row-gap: 4px;
  }
}
@media (max-width: 991px) {
  .boardDetail {
    flex-wrap: wrap;
  }
}
.boardDetail .google-auto-placed {
  display: none !important;
}

.boardView {
  width: 100%;
  padding: 0 8px 40px;
  line-height: 1.6;
  overflow: hidden;
  font-size: 16px;
  grid-column: 1;
}
@media (max-width: 991px) {
  .boardView {
    padding-left: 12px;
    padding-right: 12px;
  }
  .boardView table {
    display: block;
    overflow-x: scroll;
    padding-bottom: 4px;
  }
}
@media (max-width: 575px) {
  .boardView {
    font-size: 15px;
  }
}
.boardView img {
  max-width: 100%;
}
.boardView a {
  color: #263fb0;
  word-break: break-all;
}
.boardView a[href*=vscore] {
  color: #263fb0;
  font-weight: bold;
  border-bottom: 1px solid white;
}
.boardView a:hover {
  color: #4262f7;
  border-bottom: 1px dotted #233db5;
}
.boardView span.price {
  color: #858DA2;
  margin-right: 4px;
  margin-left: 4px;
  font-size: 14px;
}
.boardView span.price.red {
  color: #ff4848;
}
.boardView span.price.blue {
  color: #3c4e9b;
}
.boardView span.price:before {
  content: "(";
  color: #BFC5D3;
  margin-right: 2px;
  font-size: 12px;
}
.boardView span.price:after {
  content: ")";
  color: #BFC5D3;
  margin-left: 2px;
  font-size: 12px;
}
.boardView .aeditor {
  background: #f8f8f8;
  border: 3px solid #EEE;
  margin: 15px 0;
  padding: 12px 10px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.boardView .aeditor span.title {
  color: #416cbd;
}
.boardView .aeditor span.title:after {
  content: "";
  display: inline-block;
  background: #D3D3D3;
  width: 1px;
  height: 12px;
  margin: 0px 4px -2px 4px;
}
.boardView p {
  margin-top: 0;
  margin-bottom: 0;
}
.boardView div:empty,
.boardView p:empty {
  margin: 0;
  padding: 0;
}
.boardView p > br {
  display: initial;
}
.boardView b {
  font-weight: bold;
}
.boardView u {
  text-decoration: underline;
}
.boardView div {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  float: none !important;
}
.boardView img {
  display: inline-block;
  max-width: 99.8%;
  float: none;
}
.boardView img.boardImg {
  margin: 1rem auto 2rem;
  max-width: 99%;
}
.boardView img[src*=emoji] {
  display: initial;
  margin: 0;
  max-width: 100px;
}
.boardView hr {
  margin: 1.4rem 0;
  color: inherit;
  margin: 1.4rem 0;
  opacity: 0.25;
  background-color: #A8B7CB;
}
.boardView table,
.boardView table.table {
  max-width: 99%;
  float: none;
}
.boardView table tbody th,
.boardView table tbody td,
.boardView table.table tbody th,
.boardView table.table tbody td {
  white-space: normal;
}

.boardFooter {
  border-top: 2px solid #ECEFF5;
  margin-bottom: 40px;
  grid-column: 1;
}
.boardFooter .bNav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ECEFF5;
  word-break: keep-all;
}
.boardFooter .bNav a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #3c4e9b;
  padding: 12px 0;
}
.boardFooter .bNav a:hover {
  background: #DEE4EC;
  color: #263fb0;
}
@media (max-width: 991px) {
  .boardFooter .bNav a {
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .boardFooter .bNav a {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 60px;
    padding-right: 4px;
    width: calc(100% - 64px);
    position: relative;
  }
}
.boardFooter .bNav a[href*=none] {
  cursor: default;
  color: #858DA2;
}
.boardFooter .bNav a .bd-small {
  color: #858DA2;
  font-size: 14px;
  margin: 0 16px;
  flex: 0;
  min-width: 100px;
}
@media (max-width: 991px) {
  .boardFooter .bNav a .bd-small {
    font-size: 13px;
    min-width: 50px;
  }
}
@media (max-width: 767px) {
  .boardFooter .bNav a .bd-small {
    margin: 0 16px 0 2px;
  }
}
.boardFooter .bNav a .bd-small:first-of-type {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .boardFooter .bNav a .bd-small:first-of-type {
    margin-left: 0;
  }
}
.boardFooter .bNav a .bd-small:last-of-type {
  margin-right: 8px;
}
.boardFooter .bNav a .bd-large {
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .boardFooter .bNav a .bd-large {
    font-size: 15px;
  }
}
.boardFooter .bNav a .label {
  min-width: 66px;
}
@media (max-width: 767px) {
  .boardFooter .bNav a .label {
    position: absolute;
    left: 4px;
  }
}
.boardFooter .bNav a .title {
  flex: 1;
}
@media (max-width: 767px) {
  .boardFooter .bNav a .title {
    flex: auto;
    width: 100%;
    margin: 8px 0;
  }
}
.boardFooter .bNav a .writer {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.boardFooter button {
  display: block;
  max-width: 300px;
  margin: 40px auto;
  font-weight: bold;
  font-size: 16px;
  border: none;
  padding: 12px 40px;
  cursor: pointer;
}
.boardFooter button:hover {
  opacity: 0.6;
}
.boardFooter button.goList {
  padding: 12px 80px;
  background: #DDE0EE;
  color: #3c4e9b;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.boardViewBanner {
  margin: 40px 0;
}
.boardViewBanner ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.boardViewBanner ul img {
  max-width: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -o-border-radius: 8px;
}

.boardViewSide {
  width: 280px;
  background: #DEE4EC;
  grid-column: 2;
  grid-row: 2/span 5;
  height: 100%;
  overflow: hidden;
}
.boardViewSide a {
  display: block;
  margin: 0 auto;
}
.boardViewSide img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .boardViewSide img {
    max-width: 768px;
  }
}
@media (max-width: 767px) {
  .boardViewSide img {
    max-width: 100%;
  }
}
.boardViewSide ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.boardViewSide ul li {
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .boardViewSide {
    width: 100%;
    margin: 60px auto 60px;
    padding: 40px 0;
    height: auto;
  }
}

/*  커뮤니티 게시판용 edit style.
// 추후에는 커뮤니티는 스타일 분리헤야할듯함.
// 현재는 기사 본문과 같이 쓰기 때문에 약간 애매한 부분이 있음.
*/
.boradButtons {
  display: flex;
  gap: 4px;
  justify-content: end;
  align-items: end;
  margin-bottom: 24px;
}
.boradButtons button {
  border: 1px solid transparent;
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -o-border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 16px;
}
.boradButtons button.edit {
  border-color: #BBCAFF;
  color: #3c4e9b;
}
.boradButtons button.delete {
  border-color: #ffbcbc;
  color: #a03030;
}
.boradButtons button:hover {
  filter: brightness(105%);
  -webkit-filter: brightness(105%);
  cursor: pointer;
}
.boradButtons .reaction {
  margin: auto;
  text-align: center;
}
.boradButtons .reaction button {
  padding: 14px 24px;
  min-width: 132px;
  margin: auto;
}
.boradButtons .reaction button.like .num {
  font-size: 15px;
}
.boradButtons .reaction p.desc {
  font-size: 13px;
  color: #858DA2;
  margin-top: 8px;
}
@media (max-width: 575px) {
  .boradButtons .reaction {
    width: 100%;
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .boradButtons {
    flex-wrap: wrap;
  }
}

#replyform {
  margin: 0;
  padding: 0;
}

.reply_list h4 {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 16px;
}
.reply_list h4 span {
  color: #3c4e9b;
}
.reply_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.reply_list ul:last-of-type li {
  border-bottom: none;
}
.reply_list ul li {
  margin: -1px 0 0;
  padding: 18px 8px 16px;
  border-top: 1px solid #D8DDE7;
  border-bottom: 1px solid #D8DDE7;
}
.reply_list ul li .r_writer {
  color: #212121;
  font-weight: bold;
  font-size: 15px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.reply_list ul li .r_writer:before {
  content: "\e853";
  display: inline-block;
  font-family: "Material Icons Outlined";
  vertical-align: -2px;
  margin: 0 4px 0 0;
  color: #3c4e9b;
  opacity: 0.5;
}
.reply_list ul li .r_comment_container {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -o-border-radius: 8px;
  border: 1px solid #BFC5D3;
  background: #ffffff;
  max-width: 700px;
  min-width: 200px;
  width: calc(100% - 16px);
  padding: 8px 8px 16px;
  display: flex;
  flex-direction: column;
}
.reply_list ul li div.r_comment {
  line-height: 1.4;
  color: #394055;
  font-size: 15px;
  line-height: 1.6;
  margin-top: 12px;
  margin-bottom: 8px;
}
.reply_list ul li textarea.r_comment {
  width: calc(100% - 16px);
  max-width: 700px;
  min-width: 200px;
  min-height: 60px;
  max-height: 400px;
  overflow-y: auto;
  padding: 8px;
  margin-bottom: 8px;
  display: block;
  border: none;
  outline: none;
  font-size: 15px;
  color: #394055;
  line-height: 1.6;
  font-family: "Spoqa Han Sans Neo", "Noto Sans KR", "Nanum Gothic", "MalgunGothic", Dotum, Lato, Roboto, Arial, sans-serif;
  resize: none;
}
.reply_list ul li textarea.r_comment::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -o-border-radius: 6px;
}
.reply_list ul li textarea.r_comment::-webkit-scrollbar-thumb {
  background-color: #BFC5D3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -o-border-radius: 6px;
}
.reply_list ul li textarea.r_comment::-webkit-scrollbar-track {
  background-color: #ECEFF5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -o-border-radius: 6px;
}
.reply_list ul li textarea.r_comment::placeholder {
  color: #858DA2;
  font-weight: normal;
}
.reply_list ul li .r_date {
  color: #858DA2;
  font-size: 13px;
  margin-right: 10px;
}
.reply_list ul li[id^=replyreform_] {
  background: #DEE4EC;
  margin-left: 40px;
  padding-left: 16px;
  padding-right: 16px;
}
.reply_list ul li[id^=replyreform_] button.btn_reply {
  margin-left: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -o-border-radius: 4px;
  white-space: nowrap;
  padding: 8px 18px;
  font-size: 15px;
  outline: none;
  border: none;
  background: #3c4e9b;
  color: #FCFCFC;
  cursor: pointer;
}
.reply_list ul li[id^=replyreform_] button.btn_reply:hover {
  filter: brightness(110%);
  -webkit-filter: brightness(110%);
  cursor: pointer;
}
.reply_list ul li[id^=replyreform_] .button_group {
  text-align: right;
}
.reply_list ul li[id^=replymod_] {
  background: #DEE4EC;
  padding-left: 16px;
  padding-right: 16px;
}
.reply_list ul li[id^=replymod_] .button_group {
  text-align: right;
}
.reply_list ul.depth2 li {
  margin-left: 40px;
}
.reply_list a[class^=btn_] {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -o-border-radius: 4px;
  white-space: nowrap;
  padding: 6px 14px;
  font-size: 15px;
  outline: none;
  border: none;
  background: #DFE8FF;
  cursor: pointer;
  margin-right: 4px;
}
.reply_list a[class^=btn_]:hover {
  filter: brightness(110%);
  -webkit-filter: brightness(110%);
  cursor: pointer;
}
.reply_list a[class$=_mine] {
  border: none;
  background: none;
  padding: 0;
  font-size: 14px;
  color: #394055;
  cursor: pointer;
  border-bottom: 1px dotted #858DA2;
  margin-left: auto;
}
.reply_list a[class$=_mine]:hover {
  color: #ff6f6f;
  border-color: #ff6f6f;
}
.reply_list a.btn_reply_open {
  border: none;
  background: none;
  padding: 0;
  font-size: 14px;
  color: #858DA2;
  cursor: pointer;
  border-bottom: 1px dotted #858DA2;
  margin-right: 8px;
}
.reply_list a.btn_reply_open:hover {
  color: #263fb0;
  border-color: #263fb0;
}
.reply_list a.btn_reply_mod {
  background: #3c4e9b;
  color: #FCFCFC;
}
.reply_list a.btn_reply_depth2 {
  background: #3c4e9b;
  color: #FCFCFC;
}
.reply_list a.btn_dismiss {
  background: none;
  border: none;
  color: #858DA2;
}

.reply_write {
  background: #DEE4EC;
  padding: 24px;
  margin-top: 20px;
  margin-bottom: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -o-border-radius: 8px;
  position: relative;
}
.reply_write .r_writer {
  color: #212121;
  font-weight: bold;
  font-size: 15px;
  display: block;
  margin-bottom: 16px;
}
.reply_write .r_writer:before {
  content: "\e853";
  display: inline-block;
  font-family: "Material Icons Outlined";
  vertical-align: -2px;
  margin: 0 2px 0 0;
  color: #3c4e9b;
  opacity: 0.5;
}
.reply_write .r_comment_container {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -o-border-radius: 8px;
  border: 1px solid #BFC5D3;
  background: #ffffff;
  max-width: 700px;
  min-width: 200px;
  width: calc(100% - 16px);
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.reply_write textarea.r_comment {
  background: transparent;
  width: calc(100% - 16px);
  max-width: 700px;
  min-width: 200px;
  min-height: 60px;
  max-height: 400px;
  overflow-y: auto;
  padding: 8px;
  margin-bottom: 8px;
  display: block;
  border: none;
  outline: none;
  font-size: 15px;
  color: #394055;
  line-height: 1.6;
  font-family: "Spoqa Han Sans Neo", "Noto Sans KR", "Nanum Gothic", "MalgunGothic", Dotum, Lato, Roboto, Arial, sans-serif;
  resize: none;
}
.reply_write textarea.r_comment::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -o-border-radius: 6px;
}
.reply_write textarea.r_comment::-webkit-scrollbar-thumb {
  background-color: #BFC5D3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -o-border-radius: 6px;
}
.reply_write textarea.r_comment::-webkit-scrollbar-track {
  background-color: #ECEFF5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -o-border-radius: 6px;
}
.reply_write textarea.r_comment::placeholder {
  color: #858DA2;
  font-weight: normal;
}
.reply_write button.btn_reply {
  margin-left: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -o-border-radius: 4px;
  white-space: nowrap;
  padding: 8px 18px;
  font-size: 15px;
  outline: none;
  border: none;
  background: #3c4e9b;
  color: #FCFCFC;
  cursor: pointer;
}
.reply_write button.btn_reply:hover {
  filter: brightness(110%);
  -webkit-filter: brightness(110%);
  cursor: pointer;
}

.modal {
  left: 0;
}

.pop_nickname {
  position: fixed;
  z-index: 3;
  top: 25%;
  left: calc(50% - 576px / 2);
  width: 546px;
  border: 1px solid #a0a0a0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -o-border-radius: 10px;
  background-color: #FCFCFC;
  transition: 0.3s;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 991px) {
  .pop_nickname {
    position: fixed;
    max-width: 546px;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .pop_nickname {
    width: calc(100% - 40px);
    left: 20px;
  }
}
.pop_nickname .header {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 !important;
}
.pop_nickname .header:after {
  content: "";
  height: 2px;
  background: #ededed;
  width: calc(100% - 40px);
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 20px;
}
.pop_nickname .header .title {
  font-size: 20px;
  color: #1e1e1e;
  font-weight: bold;
  text-align: center;
  margin: 16px 0 16px 26px;
  flex: 1;
  text-align: left;
}
.pop_nickname .header .title .blue_font {
  font-size: 20px;
}
.pop_nickname .header .close {
  flex: 0;
  margin: 0 12px 0 auto;
}
.pop_nickname .header .close button {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}
.pop_nickname .header .close button .material-icons {
  font-size: 40px;
  opacity: 0.8;
}
.pop_nickname .nick-desc {
  text-align: center;
  line-height: 1.6;
  margin-bottom: 26px;
  color: #212121;
}
.pop_nickname .reg_nick {
  padding: 24px 12px;
}
.pop_nickname .reg_nick .social-nick {
  display: flex;
  justify-content: center;
  gap: 4px;
}
.pop_nickname .nick-confirmed {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: 40px;
}
.pop_nickname input#nick {
  display: block;
  padding: 10px;
  font-size: 18px;
  font-family: "Spoqa Han Sans Neo", "Noto Sans KR", "Nanum Gothic", "MalgunGothic", Dotum, Lato, Roboto, Arial, sans-serif;
  color: #212121;
  background: #faf9f9;
  border: 1px solid #d1d1d1;
  text-align: center;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -o-border-radius: 4px;
}
.pop_nickname input#nick::placeholder {
  color: #868686;
  font-weight: normal;
}
.pop_nickname input#nick:hover, .pop_nickname input#nick:focus {
  border: 1px solid #3c4e9b;
  outline: 2px solid #d3dfff;
}
@media (max-width: 575px) {
  .pop_nickname input#nick {
    max-width: 50%;
  }
}
.pop_nickname .nick-feedback {
  text-align: center;
  color: #858DA2;
}
.pop_nickname .nick-feedback .valid {
  color: #00c252;
  border-color: #00c252;
}
.pop_nickname .nick-feedback input::valid {
  color: #00c252;
  border-color: #00c252;
}
.pop_nickname .nick-feedback .invalid {
  color: #ff6f6f;
  border-color: #ff6f6f;
}
.pop_nickname .nick-feedback input::invalid {
  color: #ff6f6f;
  border-color: #ff6f6f;
}
.pop_nickname button {
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -o-border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  padding: 12px 32px;
}
.pop_nickname button#btn_checknick {
  background-color: #ffffff;
  border: 1px solid #3c4e9b;
  color: #3c4e9b;
  font-weight: bold;
  padding-right: 20px;
  padding-left: 20px;
}
.pop_nickname button#btn_checknick:hover {
  background: #DFE8FF;
  outline-width: 2px;
  outline: 2px solid #d3dfff;
}
.pop_nickname button.dismiss {
  background-color: #DDE0EE;
  color: #3c4e9b;
}
.pop_nickname button#btn_regnick {
  background-color: #3c4e9b;
  font-weight: bold;
  color: #FCFCFC;
}
.pop_nickname button:hover {
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
  cursor: pointer;
}