.redTxt {color:#c00000;}

:root {
  --col01:#2E287E;
  --col02:#3A4A9D;
  --col03:#94BFE6;
  --border:#e7e7e7;
  --ic:'Material Symbols Outlined';
}

/* 비대칭 라운드 버튼 */
.btn_area {
  position: absolute;
  top: 0;
  right: 0px;
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 0 0 0 40px;
  display: flex;
  align-items: top;
  justify-content: right;
}

/* 위쪽 곡선 */
.btn_area::before {
  content: "";
  position: absolute;
  top: 0;
  left: -32px;
  width: 32px;
  height: 32px;
  border-radius: 0 28px 0 0;
  box-shadow: 16px -16px 0 16px #ffffff;
}

/* 오른쪽 곡선 */
.btn_area::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -32px;
  width: 32px;
  height: 32px;
  border-radius: 0 28px 0 0;
  box-shadow: 16px -16px 0 16px #ffffff;
}

/* 플러스 버튼 */
.btn_plus {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  /* border: 1px solid #e7e7e7; */
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  z-index: 1
}

.card:hover .btn_plus {
  transform: rotate(90deg);
  background-color: #3a4a9d;
  border: none;
}

.btn_plus img {
  width: 18px;
  height: 18px;
}
.card:hover .btn_plus img {
filter: brightness(0) invert(1);
}




/*기본List*/
.all-hidden {overflow:hidden; position:absolute !important; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; border:0; padding:0;}

form > .pdbox {padding:20px; border-bottom:1px solid var(--border);}

.boardType01 {border-top:2px solid #222;}
.boardType01 .none {text-align:center; padding:40px 0; color:#777; border-bottom:1px solid var(--border);}
.boardType01 ul.board_ul li {overflow:hidden; position:relative; padding:20px 10px; color:#777; border-bottom:1px solid var(--border);}
.boardType01 ul.board_ul li:not(.title_li):hover {background:#fafafa;}
.boardType01 ul.board_ul li.title_li {display:none;}
.boardType01 ul.board_ul li a {color:#333; font-weight:600;}
.boardType01 ul.board_ul li span {display:block; font-size:0.9rem;}
.boardType01 ul.board_ul li span.notice {display:inline-block; margin-bottom:10px; background:var(--col01); padding:5px 10px; color:#fff; font-weight:600;}
.boardType01 ul.board_ul li span.num {display:none;}
.boardType01 ul.board_ul li span.cate {display:inline-block; margin-bottom:10px; background:#aaa; padding:5px 10px; color:#fff; font-weight:600;}
.boardType01 ul.board_ul li span.title {font-size:1.1rem; margin:0 0 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boardType01 ul.board_ul li .boardInfo {display:flex; align-items:center;}
.boardType01 ul.board_ul li span.date:before {content:''; display:inline-block; width:1px; height:0.8rem; margin:0 0.5rem; background:#ccc;}

@media all and (min-width:768px) {
  .boardType01 ul.board_ul li {padding:30px 10px 30px 20px; display:flex; align-items:center;}
  .boardType01 ul.board_ul li span {font-size:1rem;}
  .boardType01 ul.board_ul li span.select_btn {margin:0;}
  .boardType01 ul.board_ul li span.num {}
  .boardType01 ul.board_ul li h5 {width:60%;}
  .boardType01 ul.board_ul li a {display:flex; align-items:center;}
  .boardType01 ul.board_ul li span.notice,
  .boardType01 ul.board_ul li span.cate {margin:0 1rem 0 0;}
  .boardType01 ul.board_ul li span.title {margin:0; font-size:1.15rem;}
  .boardType01 ul.board_ul li .boardInfo {width:40%; text-align:center;}
  .boardType01 ul.board_ul li .boardInfo span {padding:0 10px;}
  .boardType01 ul.board_ul li span.name {width:60%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  .boardType01 ul.board_ul li span.date {width:40%;}
  .boardType01 ul.board_ul li span.date:before {display:none;}

  .boardType01 ul.board_ul li.title_li {display:flex; color:#222; font-weight:600;}
  .boardType01 ul.board_ul li.title_li .board_h5 {width:60%; text-align:center;}
  .boardType01 ul.board_ul li.title_li .boardInfo {width:40%;}
  .boardType01 ul.board_ul li.title_li span.name {width:60%;}
  .boardType01 ul.board_ul li.title_li span.date {width:40%;}
}

@media all and (min-width:1200px) {
  .boardType01 ul.board_ul li h5 {width:70%;}
  .boardType01 ul.board_ul li .boardInfo {width:30%;}

  .boardType01 ul.board_ul li.title_li .board_h5 {width:70%;}
  .boardType01 ul.board_ul li.title_li .boardInfo {width:30%;}
}


/*list-gallery*/
.column_li {/* border-top:2px solid #222; */}
.column_li ul {display:flex; flex-wrap:wrap; margin:0 -1%;}
.column_li ul li {width:48%; margin:0 1% 10px; background:#fff; -webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.1); box-shadow:0px 0px 20px -5px rgba(0,0,0,0.1); position:relative;}
.column_li ul li .select_btn {position:absolute; left:10px; top:10px; display:inline-block; width:30px; height:30px; z-index:3;}
.column_li ul li .select_btn input {width:100%; height:100%;}
.column_li .photo {overflow:hidden; height:150px;}
.column_li .photo img {display:block; width:100%; height:100%; object-fit:cover;}
.column_li .txt {padding:10px; position:relative;}
.column_li .txt dt .cate {display:block; margin:0 0 8px; background:none; color:#315dc4; font-size:0.9rem; font-weight:600; line-height:1.3; word-break:keep-all;}
.column_li .txt dt .cate.cate-2 {color:#00a98f;}
.column_li .txt dt .cate.cate-3 {color:#087fbe;}
.column_li .txt dt .cate.cate-4 {color:#7257bd;}
.column_li .txt dt .cate.cate-5 {color:#168b73;}
.column_li .txt dt .cate.cate-6 {color:#3e6e9e;}
.column_li .txt dt span.tit {display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.3rem; max-height:2.6rem; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-all; font-weight:500; margin:0 0 10px;}
.column_li .txt dd.date {font-size:0.9rem; color:#888; text-align:right;}

@media all and (min-width:768px) {
  .column_li ul li {width:23%; margin-bottom:20px;}
  .column_li .photo {height:190px;}
  .column_li ul li .txt:before {content:''; display:inline-block; width:0; height:4px; background:var(--col01); position:absolute; left:0; bottom:0; transition:0.5s;}
  .column_li ul li:hover .txt:before {width:100%;}
}

@media all and (min-width:1024px) {
  .column_li .txt {padding:20px;}
}


/*list-movie*/
.movie_li ul {display:flex; flex-wrap:wrap; margin:0 -1%;}
.movie_li ul li {width:48%; margin:0 1% 10px; background:#fff; -webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.1); box-shadow:0px 0px 20px -5px rgba(0,0,0,0.1); position:relative;}
.movie_li ul li .select_btn {position:absolute; left:10px; top:10px; display:inline-block; width:30px; height:30px; z-index:3;}
.movie_li ul li .select_btn input {width:100%; height:100%;}
.movie_li .photo {overflow:hidden; height:0; padding-bottom:62%;}
.movie_li .photo img {width:100%;}
.movie_li .txt {padding:10px; position:relative;}
.movie_li .txt dt span.tit {display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.3rem; max-height:2.6rem; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-all; font-weight:500; margin:0 0 10px;}
.movie_li .txt dd.date {font-size:0.9rem; color:#888; text-align:right;}

@media all and (min-width:768px) {
  .movie_li ul li {width:23%; margin-bottom:20px;}
  .movie_li ul li .txt:before {content:''; display:inline-block; width:0; height:4px; background:var(--col01); position:absolute; left:0; bottom:0; transition:0.5s;}
  .movie_li ul li:hover .txt:before {width:100%;}
}

@media all and (min-width:1024px) {
  .movie_li .txt {padding:20px;}
}


/*popup-movie*/
.moviepop {background:#fff;}
.moviepop h1 {background:var(--col01); color:#fff; font-size:1.1rem; padding:10px; font-weight:500;}
.moviepop .video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.moviepop .video-container iframe,
.moviepop .video-container object,
.moviepop .video-container embed {position:absolute; left:0; top:0; width:100%; height:100%;}

@media only screen and (min-width:768px) {
  .moviepop h1 {font-size:1.25rem; padding:20px;}
}


/*검색*/
.searchTop {padding:20px 0; margin:0 0 20px; text-align:center;}
.searchTop .list_info {margin-bottom:10px;}
.searchTop .list_info b {font-weight:600;}
.searchBox form {display:flex; align-items:center; justify-content:space-between; border:1px solid var(--border);}
.searchBox select,
.searchBox button,
.searchBox input {line-height:45px; height:45px; border:0;}
.searchBox select {width:70px; text-align:center; background:#fff;}
.searchBox span {display:flex; align-items:center; justify-content:space-between; width:calc(100% - 70px); position:relative;}
.searchBox span:before {content:''; display:inline-block; width:1px; height:25px; position:absolute; left:0; top:10px; background:var(--border);}
.searchBox span input {width:calc(100% - 80px); background:#fff;}
.searchBox span button {background:var(--col02); border:0; color:#fff; width:80px; padding:0;}

.searchTop.type02 {background:#fafafa; border:1px solid #f0f0f0; padding:20px;}

@media all and (min-width:768px) {
  .searchTop {display:flex;}
  .searchBox button,
  .searchBox input,
  .searchBox select {font-size:1rem;}
  .searchTop .list_info {width:50%; text-align:left; line-height:45px; margin-bottom:0;}
  .searchTop .searchBox {width:50%; max-width:480px; margin-left:auto;}

  .searchTop.type02 {padding:30px; margin:0 0 30px;}
}


/*버튼*/
.boardButton {margin:20px 0; height:40px; line-height:40px; display:flex; justify-content:flex-end; gap:10px; font-weight:500;}
.boardButton ul {display:flex; gap:10px;}
.boardButton a,
.boardButton button {display:block; color:#fff; padding:0 10px;}
.boardButton span {background:#666; display:inline-block;}
.boardButton li:last-child span {background:var(--col02);}

@media all and (min-width:768px) {
  .boardButton {margin:40px 0; height:50px; line-height:50px;}
  .boardButton a,
  .boardButton button {padding:0 20px;}
}


/*페이지*/
.pageList {display:flex; align-items:center; justify-content:center; gap:6px; margin-top:34px;}
.pageList span {display:flex; align-items:center; justify-content:center; font-size:0;}
.pageList a {
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  min-width:32px;
  height:32px;
  padding:0;
  border:1px solid #e1e6ef;
  border-radius:8px;
  background:#fff;
  color:#5f6b7a;
  font-size:0.8125rem;
  font-weight:600;
  line-height:1;
  box-sizing:border-box;
}
.pageList a:hover,
.pageList a:focus {border-color:#e1e6ef; color:#5f6b7a;}
.pageList a.on {border-color:var(--col02); background:var(--col02); color:#fff; font-weight:600;}
.pageList span.btn a {width:32px; min-width:32px; padding:0; color:#7a8493;}
.pageList span.btn_disabled a {visibility:hidden; pointer-events:none;}
.pageList span.btn a:after {font-family:var(--ic); content:'chevron_left'; color:currentColor; font-size:1.25rem; line-height:1;}
.pageList span.btn_next a:after {content:'chevron_right';}
.pageList span.btn a img {display:none;}

@media all and (min-width:768px) {
  .pageList {gap:8px; margin-top:42px;}
  .pageList a {width:40px; min-width:40px; height:40px;}
  .pageList span.btn a {width:40px; min-width:40px;}
}


/*카테고리탭*/
*/
.bbs_cate ul.tabs {display:flex; flex-wrap:wrap; gap:10px 2%; margin-bottom: 20px;}
.bbs_cate ul.tabs li {display:flex; align-items:stretch; text-align:center; width:49%; background:var(--border); color:#fff; border-radius:100px; font-weight:600; height:50px; transition:0.2s;}
.bbs_cate ul.tabs li.current,
.bbs_cate ul.tabs li.on {background:var(--col02);}
.bbs_cate ul.tabs.covid_cate li:not(.current):not(.on) {color:#333;}
.bbs_cate ul.tabs li a {display:flex; align-items:center; justify-content:center; width:100%; padding:0 1rem; line-height: 1.2}

.bbs_cate .tabscontent {padding:30px 0px; width:100%;}

@media only screen and (min-width:768px) {
  .bbs_cate ul.tabs {gap:10px 1%;}
  .bbs_cate ul.tabs li {width:19.2%;}
  

.bbs_cate ul.tabs {
  margin-bottom: 40px;
  font-size: 1.25rem;
}
  
}

@media only screen and (min-width:1200px) {
}

.bbs_cate ul.tabs {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:40px;
}

.bbs_cate ul.tabs li {
  display:flex;
  align-items:stretch;
  flex:0 0 calc(50% - 5px);
  justify-content:center;
  width:auto;
  min-height:46px;
  background:transparent;
  border-radius:0;
  text-align:center;
  font-size:1.25rem;
  transition:0.2s;
  box-sizing:border-box;
}

.bbs_cate ul.tabs li.current,
.bbs_cate ul.tabs li.on,
.bbs_cate ul.tabs li:hover {
  background:transparent;
  color:var(--col02);
}

.bbs_cate ul.tabs.covid_cate li:not(.current):not(.on) {
  color:#666;
}

.bbs_cate ul.tabs.covid_cate li:not(.current):not(.on):hover {
  color:var(--col02);
}

.bbs_cate ul.tabs li a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  min-height:46px;
  padding:0;
  color:inherit;
  line-height:1.3;
  box-sizing:border-box;
}

.bbs_cate ul.tabs li a:after {
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:2px;
  background:var(--col02);
  transform:translateX(-50%);
  transition:0.2s;
}

.bbs_cate ul.tabs li.current a:after,
.bbs_cate ul.tabs li.on a:after,
.bbs_cate ul.tabs li:hover a:after {
  width:100%;
}

@media all and (min-width:500px) {
  .bbs_cate ul.tabs {
    gap:20px 40px;
    justify-content:center;
    margin-bottom:60px;
  }

  .bbs_cate ul.tabs li {
    flex:0 0 auto;
    min-width:0;
    min-height:58px;
    font-size:1.25rem;
  }

  .bbs_cate ul.tabs li a {
    min-height:58px;
    padding:0;
  }
}

@media all and (min-width:1200px) {
  .bbs_cate ul.tabs {
    flex-wrap:nowrap;
    margin-bottom: 60px;
  }

  .bbs_cate ul.tabs li {
    flex:0 0 auto;
    min-width:0;
    /* font-size:1rem; */
  }

  .bbs_cate ul.tabs li a {
    padding:0;
    white-space:nowrap;
  }
}


/*view*/
.board_view {border-top:2px solid #222; border-bottom:1px solid var(--border);}
.board_view:after {content:''; display:block; clear:both;}
.board_view_top {padding:20px 0; border-bottom:1px solid var(--border);}
.board_view_top .mark_box {margin-bottom:10px;}
.board_view_top .mark {display:inline-block; padding:5px 10px; background-color:#f6750e; color:#fff;}
.board_view_top .mark.new {background-color:#888;}
.board_view_top .mark.sort {background:#bbb;}
.board_view_top .tit {margin:0 0 10px; font-size:1.2rem; font-weight:600; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board_view_top .tit .sort {margin-right:0.2rem;}
.board_view_top .info {color:#777; display:flex;}
.board_view_top .info .each {display:flex; align-items:center;}
.board_view_top .info .each:not(:last-child):after {content:""; display:inline-block; width:1px; height:0.8rem; background:var(--border); margin:0 0.5rem;}
.board_view_con {padding:40px 3%; overflow:hidden;}
.board_view_con p {word-break:break-all;}
.board_view_file {border-top:1px solid var(--border); padding:10px 0;}
.board_view_file .tit {font-weight:600; margin:0 0 10px;}
.board_view_file .file_each a {display:flex; align-items:center; margin:10px 0 0;}
.board_view_file .file_each:first-child a {margin:0;}
.board_view_file .file_each a:before {content:'download'; font-family:var(--ic); margin:0 0.2rem 0 0;}
.board_view_file .file_each a:hover {text-decoration:underline;}
.board_view_link {border-top:1px solid var(--border); padding:10px 0;}
.board_view_link .tit {font-weight:600; margin:0 0 10px;}
.board_view_link .link_each a {display:flex; align-items:center; margin:10px 0 0;}
.board_view_link .link_each:first-child a {margin:0;}
.board_view_link .link_each a:before {content:'open_in_new'; font-family:var(--ic); margin:0 0.2rem 0 0;}
.board_view_link .link_each a:hover {text-decoration:underline;}
.board_view_bottom {border-top:1px solid var(--border); padding:15px 0; width:50%; float:left;}
.board_view_bottom .tit {font-weight:600; margin:0 0 10px;}
.board_view_bottom .tit:before {content:'keyboard_arrow_left'; font-family:var(--ic); margin-right:10px;}
.board_view_bottom .link {overflow:hidden; padding:0 20px 0 0;}
.board_view_bottom .link a {display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_view_bottom.right .tit:before {display:none;}
.board_view_bottom.right .tit:after {content:'keyboard_arrow_right'; font-family:var(--ic); margin-left:10px;}
.board_view_bottom.right {border-left:1px solid var(--border); text-align:right;}
.board_view_bottom.right .link {padding:0 0 0 20px;}


@media all and (min-width:768px) {
  .board_view_top {padding:40px 20px;}
  .board_view_top .tit{font-size:1.5rem}
  .board_view_file,
  .board_view_link {display:flex; align-items:stretch; padding:0;}
  .board_view_file .tit,
  .board_view_link .tit {margin:0; width:160px; padding:20px 0; display:flex; justify-content:center; background:#fafafa;}
  .board_view .file_box {padding:20px; width:calc(100% - 160px);}
  .board_view_bottom {padding:20px;}
}

@media all and (min-width:1200px) {
  .board_view_top .tit{font-size:1.75rem}
  .board_view_con {padding:40px 20px;}
}


/*write*/
.write_apply ul {overflow:hidden; border-top:2px solid #222;}
.write_apply li {overflow:hidden; border-bottom:1px solid var(--border); padding:20px 10px;}
.write_apply li .fm_list {display:block; font-weight:600; margin:0 0 10px;}
.write_apply li .fm_txt {display:block;}
.write_apply li .fm_txt input {width:100%; height:36px; line-height:36px; margin:2px 0;}
.write_apply li .fm_txt input[type="radio"],
.write_apply li .fm_txt input[type="checkbox"] {display:none;}
.write_apply li .fm_txt input[type="radio"] + label,
.write_apply li .fm_txt input[type="checkbox"] + label,
.write_apply .radio-inline input[type="radio"] + span,
.write_apply .radio-inline input[type="checkbox"] + span {margin:2px 4px 2px 0; border:1px solid var(--border); color:#888; font-weight:500; padding:10px 15px; display:inline-block; min-width:80px; text-align:center;}
.write_apply li .fm_txt input[type="radio"]:checked + label,
.write_apply li .fm_txt input[type="checkbox"]:checked + label,
.write_apply .radio-inline input[type="radio"]:checked + span,
.write_apply .radio-inline input[type="checkbox"]:checked + span {background:var(--col01); border-color:var(--col01); color:#fff;}
    .write_apply li .fm_txt input[type="radio"] + label + input[type="text"] {display:none;}
    .write_apply li .fm_txt input[type="radio"]:checked + label + input[type="text"] {display:block;}
.write_apply li .fm_txt button {line-height:36px; height:36px}
.write_apply li .fm_txt .input_zip {position:relative;}
.write_apply li .fm_txt .input_zip a {position:absolute; right:0; top:2px; display:inline-block; height:36px; line-height:36px; padding:0 15px; background:#fff; border:1px solid var(--border); font-size:0.9rem; font-weight:500; color:#888;}
.write_apply li .fm_txt .selectbox {position:relative; display:inline-block; min-width:160px;}
.write_apply li .fm_txt .selectbox:after {content:'arrow_drop_down'; font-family:var(--ic); position:absolute; right:5px; top:0; display:flex; align-items:center; height:100%; color:#aaa;}
.write_apply li .fm_txt .selectbox select {width:100%;}
.write_apply .editorin {min-height:300px;}
.write_apply li .fm_txt .periodbox {display:flex; align-items:center; gap:10px;}
.write_apply li .fm_txt .periodbox input {width:40%; max-width:160px;}
.write_apply li .fm_txt .txt_ref {margin-top:10px; font-size:0.9rem; color:#888;}

@media all and (min-width:768px) {
  .write_apply li {padding:20px; display:flex; align-items:center; gap:0 2%;}
  .write_apply li .fm_list {width:20%; max-width:160px; line-height:36px; margin:0;}
  .write_apply li .fm_txt {width:78%; min-width:calc(98% - 160px);}
  .write_apply li .fm_txt .input_addr {display:flex; justify-content:space-between;}
  .write_apply li .fm_txt .input_addr input {width:calc(50% - 2px);}
}


/*첨부파일*/
.filebox {position:relative; font-size:0.9rem;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.filebox label.file_label {padding:0; position:absolute; right:0; top:0; bottom:0; width:80px; line-height:36px; height:36px; text-align:center; display:block; background:#666; cursor:pointer; color:#fff; font-weight:500;}
.filebox .upload-name {display:block; line-height:36px; height:36px; width:100%; color:#888; padding:0 10px; background:#fcfcfc; border:1px solid var(--border); -webkit-appearance:none; -moz-appearance:none; appearance:none;}

@media all and (min-width:768px) {
  .filebox label.file_label {width:100px;}
}


/*등록버튼*/
.btn_li ul {display:flex; align-items:cetner; justify-content:center; text-align:center;}
.btn_li li {width:35%; max-width:200px; margin:0 1%;}
.btn_li li a.btn_link {display:block; width:100%; line-height:55px; height:55px; padding:0 10px; background:#666; color:#fff; font-weight:500;}
.btn_li li a.btn_link.type01 {background:var(--col01);}


/*검색결과*/
.total_result .result_top {position:relative; text-align:center; border:1px solid #f0f0f0; background:#fafafa; padding:20px 10px; margin-bottom:30px;}
.total_result .result_top h4 {font-size:1.25rem; font-weight:600; margin:0 0 10px;}
.total_result .result_top h4 span {color:var(--col01)}
.result_category ul {margin:0 0 20px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; text-align:center;}
.result_category li {margin:5px 0.2rem;}
.result_category li a {display:block; padding:10px; border:1px solid var(--border); display:flex; align-items:center;}
.result_category li a b {color:var(--col01); margin:0 0 0 0.5rem;}
.result_category li a.on {background:var(--col01); border-color:var(--col01); color:#fff;}
.result_tit {position:relative; overflow:hidden; display:flex; align-items:center; justify-content:flex-start;}
.result_tit h5 {display:inline-block; font-size:1.1rem; font-weight:500;}
.result_tit h5.tit_nm b {color:var(--col01);}
.result_tit .search_more {color:#888; margin:0 0 0 auto; display:flex; align-items:center;}
.result_tit .search_more:after {content:'keyboard_arrow_right'; font-family:var(--ic); margin:0 0 0 0.2rem;}
.total_result .result_bottom {border-top:2px solid #222; border-bottom:1px solid var(--border); padding:20px 0;}
.total_result .result_bottom .none {color:#888; text-align:center;}

@media all and (min-width:768px) {
  .total_result .result_top h4 {font-size:1.5rem;}
  .result_tit h5 {font-size:1.25rem;}
}


/*온라인문의*/
.writeinfo {border:1px solid #f0f0f0; background:#fafafa; padding:20px 10px; margin:0 0 30px; text-align:center;}
.write_agree {padding:20px; border:1px solid var(--border); background:#fafafa; margin:40px 0 20px; max-height:240px; overflow-y:scroll;}
.write_agree + input[type="checkbox"] {display:none;}
.write_agree + input[type="checkbox"] + label {display:flex; align-items:center; font-weight:500;}
.write_agree + input[type="checkbox"] + label:before {content:'check_circle'; font-family:var(--ic); margin:0 0.2rem 0 0; color:#ddd; font-size:1.5rem;}
.write_agree + input[type="checkbox"]:checked + label:before {color:var(--col01);}

@media all and (min-width:768px) {
  .write_agree {padding:30px;}
}


/* 댓글 */
.board_comment {border-top:1px solid var(--border); margin:30px 0 0;}
.board_comment .comment_top {padding:10px 10px 0; display:flex; align-items:center;}
.board_comment .comment_top span.name {font-weight:600;}
.board_comment .comment_top span.date {font-size:0.9rem; color:#888; margin-left:10px;}
.board_comment .comment_top ul.btns {display:flex; margin:0 0 0 auto;}
.board_comment .comment_top ul.btns li {flex:1; margin:0 0 0 10px;}
.board_comment .comment_top ul.btns li a {font-size:0.9rem; font-weight:500; color:#999;}
.board_comment .comment_box {padding:10px;}
.board_comment.write .comment_top .tit {display:flex; align-items:center; justify-content:space-between; width:80%; max-width:400px;}
.board_comment.write .comment_top .tit input {width:calc(50% - 5px);}
.board_comment.write .commnet_secret {width:auto; margin:0 0 0 auto;}
.board_comment.write .commnet_secret input[type="checkbox"] {display:none;}
.board_comment.write .commnet_secret input[type="checkbox"] + label {font-weight:500;}
.board_comment.write .commnet_secret input[type="checkbox"] + label:before {content:'check_circle'; font-family:var(--ic); margin:0 0.2rem 0 0; color:#ddd;}
.board_comment.write .commnet_secret input[type="checkbox"]:checked + label:before {color:var(--col01);}
.board_comment.write .comment_box {display:flex; flex-wrap:wrap; align-items:center;}
.board_comment.write .comment_box button {background:var(--col01); border:0; color:#fff; font-weight:500; width:100%; margin:10px 0 0;}

@media all and (min-width:768px) {
  .board_comment .comment_top {padding:20px 20px 0;}
  .board_comment .comment_box {padding:20px;}
  .board_comment.write .comment_box textarea {width:calc(100% - 100px);}
  .board_comment.write .comment_box button {width:100px; height:8rem; margin:0;}
}

/*동의*/
.agreeBox .txtBox {border:1px solid var(--border); padding:20px; overflow-y:auto; max-height:180px;}
.agreeBox .cirCheck {position:relative; margin-top:20px;}
.agreeBox .cirCheck input[type="checkbox"] {position:absolute; left:0; top:0; width:0; height:0; }
.agreeBox .cirCheck input[type="checkbox"] + label {display:flex; align-items:center;}
.agreeBox .cirCheck input[type="checkbox"] + label:before {content:'check_circle'; font-family:var(--ic); margin-right:0.2rem; color:#ddd; font-size:1.4rem;}
.agreeBox .cirCheck input[type="checkbox"]:checked + label:before {color:var(--col01);}