@charset "utf-8";

/* ======================================= 게시판 공통 ============================================*/
.bbs_type1 .item,
.bbs_type2 .item {
  padding: 30px 0;
}
.item:after {
  display: block;
  content: '';
  clear: both;
}
em.new {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-weight: 700; /* font-size: 13px; */
  font-size: 0.8125rem;
  color: #fff;
  background-color: #f60;
}
em.service6 {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  text-align: center;
  /* background-color: #e8770c; */
  background-color : #8D3E0C;
  color : #fff !important;
  border-radius: 50%;
}
em.service6:after {
  display: block;
  content: '6';
  line-height: 18px;
  font-weight: 400; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #fff;
}
em.service9 {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  text-align: center; 
  background-color: #00acec;
  color : #123F82;
  border-radius: 50%;
}
em.service9:after {
  display: block;
  content: '9';
  line-height: 18px;
  font-weight: 400; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #fff;
}
.intro_box span {
  display: inline-block;
  padding: 30px 0;
}
.intro_box p {
  padding: 30px;
  border: 1px solid #dcdcdc;
  line-height: 1.6;
  background-color: #fafafa;
}
.intro_box.intro_box_exhibition{
	margin-bottom: 30px;
}
.intro_box1 {
  padding: 20px 30px;
  border: 1px solid #dcdcdc;
  line-height: 1.3;
}
.intro_box1 span:first-child {
  display: inline-block;
  float: left;
  width: 213px;
  margin-right: 15px;
}
.intro_box1 span img {
  width: 100%;
}
.intro_box2 {
  padding: 35px;
  border: 1px solid #dcdcdc;
  background-color: #fcfcfc;
}
.intro_box2 .tit {
  margin-bottom: 10px; /* font-size: 22px; */
  font-size: 1.375rem;
  color: #494949;
}
.intro_box2 .list_box ul {
  margin-bottom: 20px;
}
.intro_box2 .list_box li {
  line-height: 30px;
}
.intro_box2 .list_box li:after {
  top: 15px;
}
.intro_box2 .btn_download1 {
  min-width: 200px;
}
.intro {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 35px;
}
.intro .figure {
  display: inline-block;
  float: left;
  max-width: 175px;
  margin-right: 25px;
}
.intro .figure_caption {
  display: block;
  float: left;
  padding-top: 15px;
}
.intro .figure_caption b {
  display: block;
  margin-bottom: 10px; /* font-size: 24px; */
  font-size: 1.5rem;
  color: #131313;
}
.intro .btn_group {
  align-self: flex-end;
}
.table_detail .appendix {
  padding: 15px 0;
  text-align: left;
  border-bottom: 1px solid #dfdfdf;
}
.table_detail .attatch_box {
  position: relative;
  padding: 12px 20px 10px;
  text-align: left;
  background-color: #f8f8f8;
  border-bottom: 1px solid #dfdfdf;
}
.table_detail .attatch_box b {
  display: block;
  float: left;
}
.table_detail .attatch_box .label {
  position: absolute;
  top: 22px;
  left: 20px;
}
.table_detail .attatch_box ul {
  display: block;
  float: left;
  margin-top: -3px;
  margin-left: 5px;
}
.table_detail .attatch_box .board_file_list {
  margin-left: 85px;
  list-style: none;
  counter-reset: decimal;
}
.table_detail .attatch_box .board_file_list li {
  position: relative;
}
.table_detail .attatch_box .board_file_list li:before {
  content: counter(decimal) '.';
  counter-increment: decimal;
  position: absolute;
  left: -12px;
}
.table_detail .attatch_box .board_file_list .ico_dnld {
  display: inline-block;
  font-size: 0;
  width: 20px;
  height: 20px;
  background: url(/resource/templete/nlcy/common/img/common/ico_download.png)
    no-repeat;
  vertical-align: bottom;
}
/* .table_detail .attatch_box li{margin-bottom: 5px;} */
.table_detail .attatch_box a {
  margin-left: 5px;
}
.table_detail .attatch_box a:hover {
  color: #000;
  text-decoration: underline;
}
.table_detail .txt_msg {
  padding: 6px 0;
  text-align: left;
}
.table_detail .pre_wrap {
  padding: 15px 15px 12px;
  min-height: 53px;
  text-align: left;
  line-height: 1.6;
  border-bottom: 1px solid #a6a6a6;
  overflow: hidden;
  overflow-x: auto;
}
.table_detail .pre_wrap table {
  margin: 20px 0;
}
.table_detail .pre_wrap .box {
  display: none;
  padding: 20px;
  border: 1px solid #cdcdcd;
}
.table_detail .pre_wrap .box.on {
  display: block;
}
.btn_fold_up,
.btn_fold_down {
  display: none;
  float: right;
  margin: 20px 0 10px;
  border: 1px solid #dcdcdc;
}
.btn_fold_up.on,
.btn_fold_down.on {
  display: block;
}
.btn_fold_up i,
.btn_fold_down i {
  margin-left: 10px;
  margin-right: 0;
}
.table_detail .box {
  padding: 15px 15px 20px;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
  overflow-x: auto;
}
.table_detail .box:after {
  content: '';
  display: block;
  clear: both;
}
.table_detail .error_box,
.table_detail .program_cancel,
.table_detail .webtoon {
  padding: 15px 15px 12px;
  border-bottom: 1px solid #a6a6a6;
}
.table_detail .none {
  border-bottom: none;
}
.table_detail .end {
  border-bottom: 1px solid #a6a6a6;
}

@media (max-width: 768px) {
  .table_detail .pre_wrap,
  .table_detail .error_box {
    padding: 10px;
  }
  .table_detail .webtoon {
    padding: 0;
  }
}
@media (max-width: 600px) {
  .btn_download1 i {
    display: none;
  }
  .intro_box1 span:first-child {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .intro_box2 {
    margin-top: 30px;
    padding: 20px;
  }
  .intro_box2 .btn_download1 {
    min-width: 100%;
  }
  .intro_box2 .btn_group button + button {
    margin-left: 0;
  }
  table td .txt_msg {
    padding: 3px 0 0;
    text-align: left;
  }
}

/*ax5uploader*/
.board_file_wrap [data-ax5uploader-uploaded-box] {
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  min-height: auto;
}
.board_file_wrap
  [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box]
  [data-ax5uploader-uploaded-item] {
  color: inherit;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}
.board_file_wrap
  [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box]
  [data-ax5uploader-uploaded-item]:active,
.board_file_wrap
  [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box]
  [data-ax5uploader-uploaded-item].active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.board_file_wrap
  [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box]
  [data-ax5uploader-uploaded-item]
  .uploaded-item-holder
  .uploaded-item-cell {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .table_detail .attatch_box .board_file_list li:before {
    top: 9px;
  }
  .board_file_wrap .btn_file {
    display: block;
    font-size: 1.6rem;
  }
  .board_file_wrap .uploaded-item-holder {
    padding: 9px 14px 9px 0;
    line-height: 1.2;
  }
  .board_file_wrap
    div[data-uploaded-box='download1']
    > div:last-child
    .uploaded-item-holder {
    border-bottom: none;
  }
  .board_file_wrap .uploaded-item-holder:before {
    left: auto;
    right: 0;
    width: 11px;
    height: 10px;
    background-position: -70px 0;
  }
  [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] {
    margin: 0 !important;
  }
}

/* 게시판 컨텐츠 목록 : 리스트  타입 */
.type_list {
  overflow: hidden;
}
.type_list li {
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #dfdfdf;
}
.type_list li a {
  display: block;
  padding: 30px 0;
}
.type_list li a:after {
  display: block;
  content: '';
  clear: both;
}
table td .type_list li:last-child {
  border-bottom: none;
}
.type_list li .figure_caption .tit {
  display: block;
  padding: 20px 0 12px;
  width: 100%;
  font-weight: 500; /* font-size: 18px; */
  font-size: 1.125rem;
  color: #3f3f3f;
}
.type_list li .figure_caption .tit:hover {
  color: #000;
  text-decoration: underline;
}
.type_list li span {
  display: inline-block;
  color: #707070;
}
.type_list li .figure_caption .story {
  height: 38px;
  display: block;
}
.type_list li .figure {
  display: inline-block;
  float: left;
  position: relative;
  width: 175px;
  margin-right: 30px;
}
.type_list li .figure .btn_play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.type_list li .figure .btn_play:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.type_list li .figure .btn_play > i {
  width: 78px;
  height: 78px;
}
.type_list.type_list_ranking li {
  position: relative;
  padding: 35px 30px 30px 35px;
}
.type_list.type_list_ranking li .figure .label_rank {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  /* color: #fff; */
  color : #000000;
  background-color: #ee9d00;
  border-radius: 50%;
  transform: translate(-20px, -20px);
}
.type_list .react_group {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.type_list .react_group button {
  width: 32px;
  height: 32px;
}
.type_list .react_group button + button {
  margin-left: 5px;
}
@media (max-width: 768px) {
  .type_list li {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .type_list.type_list_ranking li {
    width: 85%;
    margin: auto;
  }
  .type_list li .figure {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .type_list li .figure_caption .tit {
    padding: 0 0 12px;
  }
  .type_list .react_group {
    position: static;
    padding-top: 15px;
  }
}

/* 게시판 컨텐츠 목록 : 썸네일 타입 */
.type_thumb {
  overflow: hidden;
  padding-top: 30px;
}
.type_thumb ul {
  overflow: hidden;
}
.type_thumb.col_3 li {
  overflow: hidden;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  width: calc(32.8% - 15px);
}
.type_thumb.col_3 li:nth-child(3n) {
  margin-right: 0;
}
.type_thumb.col_4 li {
  overflow: hidden;
  float: left;
  margin-right: 45px;
  margin-bottom: 30px;
  width: calc(25% - 34px);
}
.type_thumb.col_4 li:nth-child(4n) {
  margin-right: 0;
}
.type_thumb.col_5 li {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 25px;
  margin-bottom: 30px;
  width: calc(20.5% - 25px);
  border-bottom: none;
}
.type_thumb.col_5 li:nth-child(5n) {
  margin-right: 0;
}
.type_thumb li a {
  display: block;
}
.type_thumb li .figure {
  display: block;
  position: relative;
  width: 100%;
}
.type_thumb li .figure .btn_play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.type_thumb li .figure .btn_play:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.type_thumb li .figure .btn_play > i {
  width: 98px;
  height: 98px;
}
.type_thumb li .figure .btn_cnt {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  background-color: #b79879;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.type_thumb li .figure_caption {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 10px;
  text-align: left;
  color: #707070;
}
.type_thumb.col_5 li .figure_caption {
  white-space: normal;
  height: 50px;
}
.type_thumb li .figure_caption .type {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 6px;
  font-weight: 500; /* font-size: 20px; */
  font-size: 1.25rem;
  color: #c47020;
}
.type_thumb li .figure_caption .tit {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px; /* font-size: 17px; */
  font-size: 1.063rem;
  color: #707070;
}
.type_thumb li .figure_caption span {
  display: inline-block; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #898989;
}
.type_thumb li .figure_caption em {
  color: #c47020;
}
.type_thumb.type_thumb_ranking li {
  position: relative;
  width: 33.3%;
  margin-right: 0;
  padding: 20px;
}
.type_thumb.type_thumb_ranking .figure .label_rank {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px; /* font-size: 18px; */
  font-size: 1.125rem;
   color: #e2ff6f;
  background-color: #14c7bf;
  border-radius: 50%;
  transform: translate(-20px, -20px);
}
.type_thumb.type_thumb_ranking .figure .label_rank b {
  font-weight: 700; /* font-size: 22px; */
  font-size: 1.375rem;
  margin-right: 2px;
}
.type_thumb li .download_area {
  display: block;
  padding-top: 20px;
}
.type_thumb li .download_area .tit {
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  width: 100%;
  text-align: center; /* font-size: 17px; */
  font-size: 1.063rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.type_thumb li .download_area .btn_download1 {
  width: calc(50% - 3px);
}
.type_thumb li .download_area .btn_download1:last-child {
  margin-left: 6px;
  background-color: #f8f8f8;
}
@media (max-width: 1024px) {
  .type_thumb.col_5 li {
    width: calc(25% - 25px);
  }
  .type_thumb.col_5 li:nth-child(5n) {
    margin-right: 25px;
  }
  .type_thumb.col_5 li:nth-child(4n) {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .type_thumb.col_3 li {
    width: calc(50% - 14px);
    margin-right: 20px;
  }
  .type_thumb.col_4 li,
  .type_thumb.col_5 li {
    width: calc(33.3% - 14px);
    margin-right: 20px;
  }
  .type_thumb.col_5 li:nth-child(5n),
  .type_thumb.col_5 li:nth-child(4n) {
    margin-right: 20px;
  }
  .type_thumb.col_3 li:nth-child(3n),
  .type_thumb.col_4 li:nth-child(4n) {
    margin-right: 20px;
  }
  .type_thumb.col_4 li:nth-child(3n),
  .type_thumb.col_3 li:nth-child(2n),
  .type_thumb.col_5 li:nth-child(3n) {
    margin-right: 0;
  }
  .type_thumb li .figure .btn_play > i {
    width: 65px;
    height: 65px;
  }
  .type_thumb li .figure .btn_cnt {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 540px) {
  .download_area .tit {
    /* font-size: 14px; */
    font-size: 0.875rem;
  }
}
@media (max-width: 420px) {
  .type_thumb.col_4 li,
  .type_thumb.col_5 li {
    width: calc(50% - 10px);
  }
  .type_thumb.col_5 li:nth-child(5n),
  .type_thumb.col_4 li:nth-child(4n),
  .type_thumb.col_5 li:nth-child(4n),
  .type_thumb.col_4 li:nth-child(3n),
  .type_thumb.col_5 li:nth-child(3n) {
    margin-right: 20px;
  }
  .type_thumb.col_4 li:nth-child(2n),
  .type_thumb.col_5 li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 320px) {
  .type_thumb.col_3 li,
  .type_thumb.col_4 li,
  .type_thumb.col_5 li {
    float: none;
    width: 100%;
    margin-right: 0;
    padding-bottom: 0;
  }
}

/* 카테고리 리스트 */
.cate_list li {
  position: relative;
  padding: 0 !important;
  border-bottom: 1px solid #dfdfdf;
}
.cate_list li:after { content : ''; display : block; clear : both }
.cate_list li li {
  overflow: inherit;
  margin-bottom: 5px;
  border-bottom: none;
  line-height: 1.6;
}
.cate_list .inner dt {
  float: left;
  width: 50px;
  font-weight: 500;
}
.cate_list .inner dd {
  margin-bottom: 5px;
  margin-left: 50px;
  line-height: 1.5;
}

.bbs_no_result {
  padding: 30px 0 !important;
  text-align: center;
}

p.bbs_no_result {
  border-bottom: 1px solid #dfdfdf;
}
.cate_list a {
  display: block;
  overflow: hidden;
  padding: 30px 0;
}
.cate_list a:hover {
  background-color: #f8f8f8;
}
.cate_list a .tit:hover {
  text-decoration: underline;
  color: #000;
}
.cate_list .cate_head {
  display: inline-block;
  margin-right: 30px;
  width: 150px;
  text-align: center;
  line-height: 58px;
  vertical-align: top;
}
.cate_list .cate_head span {
  font-weight: 500;
}
.cate_list .cate_cnt {
  display: inline-block;
  overflow: hidden;
  padding: 0 10px;
  width: 100%;
  text-align: left;
  vertical-align: middle;
  color: #707070;
}
.cate_list .cate_head + .cate_cnt {
  width: calc(100% - 184px);
}
.cate_list .cate_cnt .list_info {
  display: inline-block;
  width: calc(100% - 135px);
  vertical-align: middle;
}
.cate_list .cate_cnt .list_info1 {
  display: inline-block;
  vertical-align: middle;
}
.cate_list.resize_width_1 .cate_head {
  padding: 30px 0;
  width: 210px;
}
.cate_list.resize_width_1.recomm .cate_head {
  vertical-align: top;
}
.cate_list.resize_width_1.recomm .cate_head img {
  display: block;
  height: 270px;
}
.cate_list.resize_width_1 .cate_cnt {
  padding: 30px 0;
  width: calc(100% - 245px);
}
.cate_list.resize_width_1 .cate_cnt .tit {
  display: block;
  width: 100%;
  font-weight: 500; /* font-size: 18px; */
  font-size: 1.125rem;
  color: #3f3f3f;
  margin-bottom: 12px;
}
.cate_list.resize_width_2 .cate_head {
  padding: 30px 0;
  width: 280px;
  vertical-align: top;
}
.cate_list.resize_width_2 .cate_cnt {
  padding: 30px 0;
  width: calc(100% - 320px);
  vertical-align: top;
}
.cate_list.resize_width_1 .cate_cnt b {
  display: block;
  clear: both;
  float: left;
  min-width: 45px;
  margin-right: 10px;
}
.cate_list.resize_width_1.twin .cate_cnt b{width:70px}
.cate_list.resize_width_1 .cate_cnt b + span {
  display: block;
  float: left;
  max-height: 250px;
  overflow: hidden;
}
.cate_list.resize_width_1 .cate_cnt .btn_view {
  background-color: #fff;
}
.cate_list.resize_width_1 .cate_cnt .btn_view:hover {
  background-color: #f8f8f8;
}
.cate_list .status_default {
  display: inline-block;
  width: 100px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
}
.headline .status_default {
  display: inline-block;
  margin-right: 10px;
  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #ccc; /* font-size: 16px; */
  font-size: 1rem;
  background-color: #fff;
}
.headline.category_header .status_default {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cate_list .cate_head .status_default.status_ing,
.cate_list .cate_cnt .status_default.status_ing,
.headline .status_default.status_ing {
border-color: #f60;
  color: #f60;
}
.cate_list .cate_head .status_default.status_ready,
.cate_list .cate_cnt .status_default.status_ready,
.headline .status_default.status_ready {
  border-color: #007bc2;
  color: #007bc2;
}
.cate_list .cate_cnt .status_default {
  display: none;
}
.cate_list .cate_cnt .reply_default {
  display: block;
  margin-bottom: 10px;
  width: 100px;
  height: 35px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 35px;
  background-color: #fff;
}
.cate_list .cate_cnt .reply_default.ok {
  border-color: #f60;
  color: #f60;
}
.list_info .label {
  display: inline-block;
  float: left;
  margin-top: 2px;
  margin-right: 8px;
  width: 70px;
  height: 24px;
  border: 1px solid #ccc;
  line-height: 21px;
  font-weight: 400; /* font-size: 13px; */
  font-size: 0.8125rem;
  text-align: center;
  vertical-align: top;
  color: #303030;
  background-color: #fafafa;
}
.list_info .tit {
  display: block;
  margin-bottom: 15px;
  text-align: left;
  font-weight: 500; /* font-size: 18px; */
  font-size: 1.125rem;
  color: #3f3f3f;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list_info .category {
  float: left;
   border: 1px solid #c47020;
  color: #c47020; 
  padding: 1px 5px;
  margin-right: 10px;
}
.list_info .detail {
  display: block;
  overflow: hidden;
}
.list_info .detail > span {
  display: block;
  float: left;
}
/* .cate_list .list_info .detail > span:nth-child(4n){clear: both;} */
.list_info b {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  color: #4f4f4f;
}
.list_info1 {
  color: #707070;
}
.list_info1 b {
  display: inline-block;
  float: left;
  margin-right: 5px;
  color: #4f4f4f;
}
.file_box + .txt_msg {
  margin-top: 6px;
}
.cate_list.type_list .cate_head {
  width: 175px;
}
.cate_list.type_list .cate_cnt {
  width: calc(100% - 210px);
}

#newChangeColor .status_default { color : #474747  !important; border-color : #474747 !important }
#newChangeColor .status_before { color : #007BC2   !important; border-color : #007BC2   !important }
#newChangeColor .status_ing { color : #FF6600  !important; border-color : #FF6600   !important }
#newChangeColor .status_ready { color : #2DB400  !important; border-color : #2DB400   !important }
#newChangeColor .status_end { color : #B87A00  !important; border-color : #B87A00   !important }

@media (max-width: 768px) {
  .cate_list .cate_head {
    display: none;
  }
  .cate_list .cate_cnt,
  .cate_list .cate_head + .cate_cnt,
  .cate_list.type_list .cate_cnt {
    width: 100%;
  }
  .cate_list .cate_cnt .list_info1 {
    float: left;
    margin-top: 15px;
  }
  .cate_list .cate_cnt .list_info {
    width: 100%;
  }
  .cate_list .cate_cnt .status_default {
    display: block;
    margin-bottom: 10px;
    width: 100px;
    height: 35px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 35px;
  }
  .cate_list .list_info .detail > span,
  .cate_list .list_info .detail .row > span {
    display: block;
    float: none;
  }
  .cate_list .list_info .detail .div,
  .cate_list .list_info .detail .row .div {
    display: none;
  }
  .cate_list.resize_width_1 .cate_cnt .onM {
    display: block;
    float: left;
    width: 32%;
    margin-right: 4%;
  }
  .cate_list.resize_width_1 .cate_cnt .onM + div {
    display: block;
    float: left;
    width: 64%;
  }
  .cate_list.resize_width_2 .cate_cnt .onM {
    display: block;
    float: left;
    width: 38%;
    margin-right: 4%;
  }
  .cate_list.resize_width_2 .cate_cnt .onM + div {
    display: block;
    float: left;
    width: 58%;
  }
  .table_header .headline.category_header {
    padding: 0;
  }
  .headline.category_header .status_default {
    position: relative;
    display: block;
    top: initial;
    transform: none;
    margin-bottom: 5px;
  }
  .table_detail .attatch_box ul {
    margin: 5px 0 0;
  }
  .headline .status_default {
    display: block;
    margin-bottom: 15px;
  }
}
@media (max-width: 420px) {
  .cate_list.resize_width_1 .cate_cnt .onM {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .cate_list.resize_width_1 .cate_cnt .onM + div {
    float: none;
    width: 100%;
  }
  .cate_list.resize_width_2 .cate_cnt .onM {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .cate_list.resize_width_2 .cate_cnt .onM + div {
    float: none;
    width: 100%;
  }
  .cate_list.resize_width_1 .cate_cnt .btn_view {
    min-width: auto;
    width: 100%;
  }
}

/* 동영상, 이미지 컨텐츠 보여주기 영역 */
.player_zone {
  padding: 50px;
  border: 1px solid #cdcdcd;
  text-align: center;
}
.player_zone .figure {
  width: 810px;
}
.player_zone .btn_play {
  display: block;
  position: absolute;
  left: 50%;
  top: calc(50% - 10px);
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.player_zone .btn_play > i {
  width: 118px;
  height: 118px;
}
.player_zone:after {
  display: block;
  content: '';
  clear: both;
}
@media (max-width: 768px) {
  .table_detail .attatch_box .label {
    display: block;
    position: inherit;
  }
  .table_detail .attatch_box .board_file_list {
    margin-left: 18px;
  }

  .player_zone {
    padding: 15px;
  }
  .player_zone .figure {
    width: 100%;
  }
  .player_zone .btn_play > i {
    width: 80px;
    height: 80px;
  }
}

.slider_zone {
  padding: 50px 82.5px;
  border: 1px solid #cdcdcd;
  text-align: center;
  border-top: none;
}
.slider_zone:after {
  display: block;
  content: '';
  clear: both;
}
table td .slider_zone {
  margin-top: -1px;
}
.slider_zone .slider_wrap {
  position: relative;
}
.slider_zone .controller {
  overflow: hidden;
  margin: 20px auto;
  width: 810px;
  text-align: left;
  font-weight: 500;
  color: #000;
}
.slider_zone .controller a {
  display: inline-block;
  padding: 5px;
}
.slider_zone .controller a:hover {
  color: #000;
  text-decoration: underline;
}
.slider_zone .controller .btn_autoplay {
  display: none;
  padding-left: 15px;
  width: 100px;
  height: 33px;
  border: 1px solid #a6a6a6;
  line-height: 33px;
  background: #fff
    url(/resource/templete/nlcy/common/img/common/btn-autoplay.png) 15px 11px
    no-repeat;
  vertical-align: middle;
}
.slider_zone .controller .btn_autoplay_stop {
  display: none;
  padding-left: 15px;
  width: 100px;
  height: 33px;
  border: 1px solid #a6a6a6;
  line-height: 33px;
  background: #fff url(/resource/templete/nlcy/common/img/common/btn-stop.png)
    15px 11px no-repeat;
  vertical-align: middle;
}

.slider_zone .controller .btn_autoplay {
  display: inline-block;
}
.slider_wrap .slick-prev,
.slider_wrap .slick-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 47px;
  height: 85px;
  font-size: 0;
  line-height: 0;
}
.slider_wrap .slick-prev {
  left: -25px;
  background: rgba(0, 0, 0, 0.7)
    url(/resource/templete/nlcy/common/img/common/arr_slider_l.png) center
    no-repeat;
}
.slider_wrap .slick-next {
  right: -25px;
  background: rgba(0, 0, 0, 0.7)
    url(/resource/templete/nlcy/common/img/common/arr_slider_r.png) center
    no-repeat;
}
.pagingInfo {
  display: inline-block;
  overflow: hidden;
  padding: 0 15px;
  height: 33px;
  line-height: 33px;
  vertical-align: middle;
}
.slider-nav .slick-slide {
  margin-right: 6px;
  margin-bottom: 5px;
  cursor: pointer;
}
.slider-nav .slick-slide img {
  border: 1px solid #dfdfdf;
  display: block;
  width: 100% !important;
  height: auto !important;
}
.slider-nav .slick-slide-active {
  opacity: 1;
  border: 2px solid #e18728;
}
@media (max-width: 768px) {
  .slider_zone {
    padding: 15px;
  }
  .slider_zone .controller {
    overflow: hidden;
    margin: 10px auto;
  }
  .slick-prev,
  .slick-next {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 25px;
    height: 54px;
    transform: translateY(-50%);
  }
  .slick-prev {
    left: -10px;
  }
  .slick-next {
    right: -10px;
  }
}

/* ======================================= 게시판 타입1 ============================================*/
/* 게시판 타입1(목록) : 독서칼럼 & 칼툰보기 */
.bbs_type1 .item .tit_2 {
  margin: -10px 0 20px;
}
.bbs_type1 .item ul li {
  float: left;
  width: calc(20% - 20px);
  margin-right: 25px;
  margin-bottom: 20px;
}
.bbs_type1 .col_5 .item ul li:nth-child(5n) {
  margin-right: 0;
}
.bbs_type1 .item ul li a {
  display: block;
  color: #707070;
}
.bbs_type1 .item ul li a .figure_caption {
  display: block;
  padding-top: 15px;
  text-align: left;
}
.bbs_type1 .item ul li a .figure_caption b {
  display: block;
  margin-bottom: 10px; /* font-size: 17px; */
  font-size: 1.063rem;
  color: #131313;
}

.bbs_type1 .type_list.col_2 li {
  overflow: hidden;
  padding: 0;
}
.bbs_type1 .type_list.col_2 .item {
  overflow: hidden;
  float: left;
  width: calc(50% - 15px);
}
.bbs_type1 .type_list.webtoon_list .item {
  border-bottom: 1px solid #dfdfdf;
  width: 50%;
}
.bbs_type1 .type_list.col_2 .figure {
  float: left;
  width: 175px;
  margin-right: 25px;
}
.bbs_type1 .type_list dl {
  display: block;
  float: left;
  margin: 20px 0 0;
}
.bbs_type1 .type_list dl dt,
.type_list dl dd {
  display: inline-block;
  float: left;
  margin-bottom: 10px;
  text-align: left;
}
.bbs_type1 .type_list dl dt {
  clear: both;
  min-width: 45px;
  margin-right: 10px;
  font-weight: 500;
  color: #131313;
}
.bbs_type1 .type_list dl dd {
  overflow: hidden;
  width: calc(100% - 55px);
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #707070;
}
.bbs_type1 .type_list dl dd em {
  color: #c47020;
  margin-right: 3px;
}

.new_list_downBtn {
  position: relative;
  top: -11px;
  display: inline-block;
  padding: 2px 15px;
  border: 1px solid #ccc;
}

@media (max-width: 768px) {
  .bbs_type1 .tab_area {
    margin-top: 10px;
  }
  .bbs_type1 .tab_area .tab_pane {
    padding-top: 30px;
  }
  .intro_box.intro_box_exhibition{
    margin-bottom: -10px;
    margin-top: 25px;
  }
  .bbs_type1 .tab_area .tab_title ul {
    flex-wrap: nowrap;
  }
  .bbs_type1 .intro {
    padding-right: 0;
  }
  .bbs_type1 .intro > div {
    width: 100%;
  }
  .bbs_type1 .intro .figure {
    max-width: 100%;
  }
  .bbs_type1 .intro .btn_group {
    padding-top: 30px;
    text-align: center;
  }
  .bbs_type1 .intro .btn_group .btn {
    width: calc(50% - 5px);
  }
  .bbs_type1 .intro .btn_group .btn:nth-child(3) {
    display: block;
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .bbs_type1 table td .item {
    padding: 0 0 30px;
  }
  .bbs_type1 .item:last-child {
    padding: 0;
  }
  .bbs_type1 .item > ul {
    flex-wrap: wrap;
  }
  .bbs_type1 .item > ul li {
    float: left;
    width: calc(50% - 12.5px);
    margin-bottom: 15px;
  }
  .bbs_type1 .col_5 .item ul li:nth-child(5n) {
    margin-right: 25px;
  }
  .bbs_type1 .col_5 .item ul li:nth-child(2n) {
    margin-right: 0;
  }

  .bbs_type1 .type_list.col_2 {
    padding-top: 30px;
  }
  .bbs_type1 .type_list.col_2 li {
    float: none;
    margin-right: 0;
    padding-bottom: 0;
    width: 100%;
    border-bottom: none;
  }
  .bbs_type1 .type_list.col_2 li .item,
  .bbs_type1 .type_list.webtoon_list .item {
    float: left;
    margin-right: 30px;
    padding: 0 0 30px;
    width: calc(50% - 15px);
  }
  .bbs_type1 .type_list.webtoon_list .item {
    border-bottom: none;
    padding: 30px 0;
    height: 380px;
  }
  .bbs_type1 .type_list.col_2 li .item:nth-child(2),
  .bbs_type1 .type_list.webtoon_list .item:nth-child(2n) {
    margin-right: 0;
    height: 200px;
    overflow: hidden;
  }
  .bbs_type1 .type_list.col_2 .figure {
    float: none;
    margin-right: 0;
    width: 100%;
  }
}

@media (max-width: 450px) {
  .bbs_type1 .type_list.webtoon_list .item {
    padding: 0;
    height: auto;
    float: none;
    width: 100%;
  }
  .bbs_type1 .type_list.col_2 li .item:nth-child(2),
  .bbs_type1 .type_list.webtoon_list .item:nth-child(2n) {
    height: auto;
  }
}

@media (max-width: 420px) {
  .bbs_type1 .intro .figure {
    display: block;
    float: none;
    max-width: 100%;
  }
  .bbs_type1 .intro .figure_caption {
    display: block;
    float: none;
  }
  .bbs_type1 .item ul li a .figure_caption,
  .bbs_type1 .item ul li a .figure_caption b {
    /* font-size: 15px; */
    font-size: 0.9375rem;
  }
  .bbs_type1 .item > ul li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
  }
  .bbs_type1 .type_list.col_2 {
    margin-top: 30px;
  }
  .bbs_type1 .type_list.col_2 li {
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 0;
  }
  .bbs_type1 .type_list.col_2 li .item {
    float: none;
    margin-right: 0;
    padding: 0 0 30px;
    width: 100%;
  }
}
@media (max-width: 300px) {
  .bbs_type1 .intro .btn_group button {
    width: 114px;
  }
}

/* 게시판 타입1(목록+상세) : 지원협력사업 */
.table_header .total {
  font-size: 1.063rem;
}
.table_header .total b {
  margin-left: 5px;
  color: #000;
  letter-spacing: 0;
}
.table_header .total_bottom {
  margin-top: 10px;
}
.table_header .total_bottom .view_type li {
  display: inline-block;
  margin-left: 10px;
}
.table_header .total_bottom .view_type a {
  display: inline-block;
  padding-top: 5px;
  opacity: 0.4;
  color: #000;
}
.table_header .total_bottom .view_type li.on a {
  opacity: 1;
  color: #626262;
}

/* ========================================= 게시판 타입2 ================================================*/
/* 게시판 타입2(목록) : 다국어동화구연 */
.bbs_type2 .intro_box .tit {
  display: inline-block;
  float: left;
  width: 62px;
  font-weight: 500; /* font-size: 17px; */
  font-size: 1.063rem;
  color: #232323;
}
.bbs_type2 .intro_box > div button {
  width: 74px;
  height: 33px;
  vertical-align: top;
}
.bbs_type2 .intro_box span {
  padding: 0;
}
.bbs_type2 .intro_box .help_lang select {
  width: 150px;
  height: 33px;
  margin-left: 3px;
}
@media (max-width: 768px) {
  .bbs_type2 .intro_box.space_between {
    flex-direction: column;
  }
  .bbs_type2 .intro_box.space_between .flex_full {
    flex: 1;
  }
  .bbs_type2 .intro_box .tit {
    display: block;
    width: 100%; /* font-size: 18px; */
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
  .bbs_type2 .intro_box > div button,
  .bbs_type2 .intro_box > div select,
  .bbs_type2 .intro_box select {
    float: left;
    width: 49%;
  }
  .bbs_type2 .intro_box .help_lang button,
  .bbs_type2 .intro_box .help_lang span {
    float: left;
    width: 49%;
  }
  .bbs_type2 .intro_box .help_lang select {
    width: 100%;
  }
}
.bbs_type2 .bbs_title h3 {
  font-weight: 500; /* font-size: 24px; */
  font-size: 1.5rem;
}
.bbs_type2 .bbs_title .input_group {
  position: relative;
  width: 400px;
}
.bbs_type2 .bbs_title .input_group input {
  width: 100%;
  padding-right: 70px;
}
.bbs_type2 .bbs_title .input_group button {
  position: absolute;
  top: 0;
  width: 35px;
  height: 35px;
}
.bbs_type2 .bbs_title .input_group .btn_1 {
  right: 0;
}
.bbs_type2 .bbs_title .input_group .btn_2 {
  right: 35px;
}
.bbs_type2 .tab_area .tab_pane {
  display: none;
  padding-top: 50px;
}
.bbs_type2 .tab_area .tab_pane.on {
  display: block;
}
.bbs_type2 .type_thumb li .figure_caption {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 3.3em;
  line-height: 1.3em;
  white-space: inherit; /* font-size: 17px; */
  font-size: 1.063rem;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .bbs_type2 .intro_box .help_lang {
    margin-top: 15px;
  }
  .bbs_type2 .bbs_title .input_group {
    width: 100%;
  }
  .bbs_type2 .bbs_title .input_group input {
    width: 100%;
    height: 40px;
  }
  .bbs_type2 .bbs_title .input_group button {
    position: absolute;
    top: 3px;
  }
  .icon_bbs_input2 {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .bbs_type2 .type_thumb.col_3.type_thumb_ranking li {
    float: none;
    width: 80%;
    margin-right: 0;
    margin: auto;
    padding: 20px;
  }
}
.bbs_type2 .type_list li .figure_caption .tit + div {
  padding-left: 5px;
}
.bbs_type2 .type_list li .figure_caption b {
  margin-right: 10px;
  color: #131313;
}
@media (max-width: 768px) {
  .bbs_type2 .type_list li .figure {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .bbs_type2 .type_list li .figure_caption {
    padding-top: 15px;
  }
}
@media (max-width: 600px) {
  .bbs_type2 .type_list li .figure_caption span {
    clear: both;
    display: block; /* font-size: 16px; */
    font-size: 1rem;
  }
  .bbs_type2 .type_list li .figure_caption span.div {
    display: none;
  }
}
.bbs_type2 .player_zone {
  padding: 30px 0;
}
.bbs_type2 .player_zone > div {
  margin: auto;
  width: 770px;
}
.bbs_type2 .player_zone .figure {
  position: relative;
  width: 640px;
}
.bbs_type2 .player_zone .btn_play > i {
  width: 118px;
  height: 118px;
}
.bbs_type2 .player_zone .playback_list {
  width: 90px;
  margin-left: 40px;
}
.bbs_type2 .player_zone .playback_list li {
  margin-bottom: 8px;
}
.bbs_type2 .player_zone .playback_list li a {
  display: block;
  margin-bottom: 3px;
  text-align: center; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #808080;
}
.bbs_type2 .player_zone .playback_list li .figure {
  width: 90px;
  height: 68px;
}
.bbs_type2 .player_zone .playback_list li span + span {
  display: inline-block;
  margin-top: 5px;
}
.bbs_type2 .player_zone .btn_group {
  margin-top: 20px;
  text-align: left;
}
.bbs_type2 .player_zone .btn_group button {
  height: 46px;
  border-radius: 10px; /* font-size: 18px; */
  font-size: 1.125rem;
}
.bbs_type2 .player_zone .lang_box > div {
  width: 100%;
  height: auto;
}
.bbs_type2 .player_zone .lang_box > div button {
  width: 16.6666%;
  float: left;
  height: 70px;
  border: 1px solid #777;
  color: #777;
  background: #f8f8f8;
  margin-left: -1px;
  margin-top: -1px;
}
.bbs_type2 .player_zone .lang_box > div button.on {
  background: #fff;
  color: #000;
}
.bbs_type2 .player_zone .lang_box .tit {
  margin: 30px 0 10px;
  text-align: left;
  font-weight: 500; /* font-size: 18px; */
  font-size: 1.125rem;
}
.bbs_type2 .player_zone .lang_box a {
  padding-top: 15px;
  width: 20%;
  height: 100%;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #a6a6a6;
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
  background-color: #f8f8f8;
  color: #626262;
}
.bbs_type2 .player_zone .lang_box a.on {
  font-weight: 500;
  color: #131313;
  background-color: #fff;
}
.bbs_type2 .player_zone .lang_box a:first-child {
  border-left: 1px solid #dadada;
}
.bbs_type2 .story_zone {
  padding: 50px 0;
  border-bottom: 1px solid #a6a6a6;
  text-align: left;
}
.bbs_type2 .story_zone .figure {
  float: left;
  max-width: 175px;
  margin-right: 25px;
}
.bbs_type2 .story_zone .figure + div {
  float: left;
}
.bbs_type2 .story_zone dl {
  float: left;
  margin: 10px 0 0;
}
.bbs_type2 .story_zone dl dt,
.story_zone dl dd {
  display: inline-block;
  float: left;
  margin-bottom: 10px;
}
.bbs_type2 .story_zone dl dt {
  position: relative;
  clear: both;
  margin-right: 20px;
  width: 60px;
  font-weight: 500;
  color: #131313;
}
.bbs_type2 .story_zone dl dt:after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 15px;
  background-color: #dfdfdf;
}
.bbs_type2 .story_zone dl dd {
  color: #707070;
}
.bbs_type2 .story_zone button {
  margin-left: 15px;
  width: 56px;
  height: 56px;
  text-align: center;
  color: #707070;
  position: relative;
}
.bbs_type2 .story_zone .tit {
  margin: 30px 0 5px;
  font-weight: 500;
  color: #131313;
}
.bbs_type2 .story_zone .tit + div:last-child {
  line-height: 1.6;
}
.bbs_type2 .btn_funny {
  position: relative;
  display: inline-block;
  padding-left: 34px;
  height: 46px; /* font-size: 18px; */
  font-size: 1.125rem;
  color: #131313;
}
.bbs_type2 .btn_funny i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34px;
  height: 31px;
  margin-left: -42px;
  transform: translate(-50%, -50%);
}
.bbs_type2 .story_zone .btn_funny {
  display: block;
  position: relative;
  margin-left: 0;
  padding-left: 24px;
  padding-top: 10px;
  width: 100%;
  text-align: left; /* font-size: 18px; */
  font-size: 1.125rem;
  color: #131313;
}
.bbs_type2 .player_zone .btn_group button + button {
  margin-left: 10px;
}
.bbs_type2 .story_zone .btn_funny i {
  left: 0;
  top: 22px;
  margin-left: 0;
  width: 16px;
  height: 15px;
  transform: inherit;
}
@media (max-width: 768px) {
  .bbs_type2 .panel_group .item {
    width: 100%;
  }
  .bbs_type2 .panel_group .item .figure {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .bbs_type2 .panel_group .item .figure_caption {
    float: none;
    padding-top: 15px;
  }
  .bbs_type2 .player_zone {
    padding: 0;
    border: none;
    border-bottom: 1px solid #a6a6a6;
  }
  .bbs_type2 .player_zone > div {
    width: 100%;
  }
  .bbs_type2 .player_zone .figure {
    width: 100%;
    height: 100%;
  }
  .bbs_type2 .player_zone .playback_list {
    display: none;
  }
  .bbs_type2 .player_zone .btn_group button {
    float: left;
    margin: 0 !important;
    width: calc(50% - 10px);
  }
  .bbs_type2 .player_zone .btn_group .btn_funny {
    float: right;
    border: 1px solid #764313;
  }
  .bbs_type2 .player_zone .btn_group .btn_orange {
    margin-bottom: 10px !important;
    width: 100%;
    margin-right: 0;
  }
  .bbs_type2 .player_zone .lang_box select {
    margin: 5px 0 15px 0;
    width: 100%;
    height: 40px;
    border: 3px solid #9f5414;
    color: #000;
    background: #fff
      url(/resource/templete/nlcy/common/img/common/input_select_3.png) 96%
      center no-repeat;
  }
  .bbs_type2 .story_zone {
    padding: 30px 0;
  }
  .bbs_type2 .story_zone .space_between {
    flex-wrap: wrap;
  }
  .bbs_type2 .story_zone .figure {
    float: none;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .bbs_type2 .story_zone .tit {
    margin: 50px 0 15px;
  }
  .bbs_type2 .story_zone + .btn_group .btn_default {
    width: 100%;
    height: 60px;
  }
}

/* 게시판 컨텐츠 목록 : 썸네일 타입2 */
.type_thumb2 {
  overflow: hidden;
  padding-top: 30px;
}
.type_thumb2 ul {
  overflow: hidden;
}
.type_thumb2.col_3 li {
  overflow: hidden;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  width: calc(32.8% - 15px);
  height: 257px;
}
.type_thumb2.col_3 li:nth-child(3n) {
  margin-right: 0;
}
.type_thumb2 li a {
  display: block;
}
.type_thumb2 li .figure {
  display: block;
  position: relative;
  width: 100%;
}
.type_thumb2 li .figure_caption {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 10px;
  text-align: left;
  color: #707070;
}
.type_thumb2 li .figure_caption .tit {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px; /* font-size: 17px; */
  font-size: 1.063rem;
  color: #3f3f3f;
  font-weight: 500;
}
.type_thumb2 li .figure_caption .tit:hover {
  color: #000;
  text-decoration: underline;
}
.type_thumb2 li .figure_caption .info span,
.type_thumb2 li .figure_caption .story {
  display: block;
  font-size: 0.9375rem;
  color: #898989; 
}
.type_thumb2 li .figure_caption .story {
  height: 38px;
  white-space: normal;
  margin-top: 5px;
}
.type_thumb2 li .figure_caption b {
  color: #4F4F4F;
  margin-right: 5px;
}
.type_thumb2 li .figure_caption em { 
  color: #c47020;
}
@media (max-width: 768px) {
  .type_thumb2.col_3 li {
    width: calc(50% - 14px);
    margin-right: 20px;
    height: 220px;
  }
  .type_thumb2.col_3 li:nth-child(3n) {
    margin-right: 20px;
  }
  .type_thumb2.col_3 li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 320px) {
  .type_thumb2.col_3 li {
    float: none;
    width: 100%;
    margin-right: 0;
    padding-bottom: 0;
  }
}

/* 썸네일 이미지 크기 */
.type_list .figure > img {
  display: block;
  height: 115px;
}
.type_thumb .figure > img,
.type_thumb2 .figure > img {
  display: block;
  height: 150px;
}
.type_thumb .brochure .figure > img {
  height: 250px;
}
.type_thumb .no_thumb {
  width: 100%;
  height: 150px;
  overflow: hidden;
}
.type_thumb .no_thumb > img {
  display: block;
  width: 100%;
}
@media (max-width: 768px) {
  .type_thumb .figure > img,
  .type_thumb2 .figure > img {
    display: block;
    height: 160px;
  }
}

/* 20210217 - 썸네일, 리스트 통합형 */
.dual_data_box {
  border-top: solid 2px #675147;
  border-bottom: solid 1px #a6a6a6;
}
.dual_data_box,
.dual_data_box .box {
  position: relative;
  padding: 17px 0;
}
.dual_data_box .box a {
  display: block;
}
.dual_data_box .box .img {
  position: relative;
  font-size: 0;
  background-size: cover;
}
.dual_data_box .box .img:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px rgba(0, 0, 0, 0.15);
}
.dual_data_box .box .img .btn_play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -49px;
  margin-left: -49px;
  width: 98px;
  height: 98px;
  background: url(/resource/templete/nlcy/common/img/common/ico_play.png)
    center/100% no-repeat;
}
.dual_data_box .box .txt > p {
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4f4f4f;
  overflow: hidden;
}
.dual_data_box .box .txt > span {
  margin-right: 15px;
  color: #5B5656;
}
.dual_data_box .box .txt > span + span {
  position: relative;
  margin-right: 0;
  padding-left: 12px;
}
.dual_data_box .box .txt > span + span:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 1px;
  background-color: #dfdfdf;
}
.dual_data_box .thumb ul {
  margin: -17px -13px;
}
.dual_data_box .thumb ul:after,
.dual_data_box .list li:after {
  content: '';
  display: block;
  clear: both;
}
.dual_data_box .thumb li {
  float: left;
  padding: 17px 13px;
  width: 33.33%;
}
.dual_data_box .thumb .img {
  height: 200px;
}
.dual_data_box .thumb .txt {
  padding: 20px 0 10px;
}
.dual_data_box .thumb .txt > p {
  margin-bottom: 15px;
  font-size: 1.0625rem;
}
.dual_data_box .thumb .txt > span {
  font-size: 0.9375rem;
}
.dual_data_box .thumb .txt > span + span:before {
  height: 15px;
}
.dual_data_box .box.list {
  padding: 0;
}
.dual_data_box .list ul {
  margin: -17px 0;
}
.dual_data_box .list li {
  position: relative;
  padding: 30px 0;
  border-bottom: solid 1px #dfdfdf;
}
.dual_data_box .list .txt {
  padding: 24px 0 23px 195px;
}
.dual_data_box .list .img {
  float: left;
  width: 165px;
  height: 110px;
}
.dual_data_box .list .txt > p {
  margin-bottom: 10px;
  font-size: 1.125rem;
}
.dual_data_box .list .txt > span + span:before {
  height: 17px;
}

@media (max-width: 780px) {
  .dual_data_box .thumb li {
    width: 100%;
  }
  .year_report li {
    float: none !important;
    width: 100% !important;
  }
}

.error_txt {
  padding: 15px 0;
  color: #9f2a2b;
}

/* 세계의 도서관 - 목록 */
.langLinkBtn{border:1px solid #dcdcdc;border-radius:3px;background:#fff;font-size:0.875em;display:inline-flex;align-items:center;justify-content:center;width:85px;height:35px;padding:0 10px;}
.langLinkBtn::after{content:"";display:inline-block;width:6px;height:9px;margin-left:5px;background:url("/resource/templete/nlcy/common/img/common/ico_langLink_arr.png") no-repeat 0 0;flex-shrink:0;}
.dual_data_box .box .info .tit{font-weight: 500;white-space:nowrap;text-overflow: ellipsis;color: #4f4f4f;overflow: hidden;font-size: 1.0625rem;}
.dual_data_box .box .info .desc{display:-webkit-box;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.5;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;}
.dual_data_box .box .info .category{font-size: 0.9375rem;margin-bottom:5px;color:#9f5414;}
.dual_data_box .box .info .category span{position: relative;}
.dual_data_box .box .info .category span + span{position:relative;margin-left:8px;padding-left:8px;}
.dual_data_box .box .info .category span + span:before{content:"";position: absolute;top: 3px;left: 0;width: 1px;height: 15px;background-color: #dfdfdf;}
.dual_data_box .thumb .info{padding: 20px 0 10px;}
.dual_data_box .thumb .info .tit{margin-bottom:15px;}
.dual_data_box .list .info{padding:0 0 0 195px;}
.dual_data_box .list .info .tit{margin-bottom:10px;}
.select_group_wrap .langLinkBtn{margin-left:5px;}
/* 세계의 도서관 - 상세 */
.worldLib-header{border-top:2px solid #675147;border-bottom: 1px solid #dfdfdf;background-color: #f8f8f8;padding:40px 15px 40px 40px;position: relative;}
.worldLib-header .img{position: relative;font-size: 0;background-size: cover;float: left;width:307px;height:200px;margin-top:0;background-color:#fff;margin-top:5px;}
.worldLib-header .info{overflow:hidden;padding:0 15px 0 31px;height:223px;}
.worldLib-header.on .info{height:auto;}
.worldLib-header .info .langLinkBtn{margin-bottom:5px;height:25px;}
.worldLib-header .info .category{margin-bottom:5px;}
.worldLib-header .info .category span{position: relative;}
.worldLib-header .info .category span + span {position: relative;margin-left: 8px;padding-left: 8px;}
.worldLib-header .info .category span + span::before{content: '';position: absolute;top: 3px;left: 0;width: 1px;height: 15px;background-color: #dfdfdf;}
.worldLib-header .info .tit{font-weight: 500;color: #232323;overflow: hidden;font-size: 1.375em;}
.worldLib-header .info .tit .link{background:url("/resource/templete/nlcy/common/img/common/ico_view.png") no-repeat right 50%;padding-right:25px}
.worldLib-header .info .name{margin-bottom:10px;color:#9f5414;}
.worldLib-header .info .address{margin-bottom:5px;line-height:1.4;}
.worldLib-header .info .address::before{content:"";background:url("/resource/templete/nlcy/common/img/common/ico_address.png") no-repeat 0 0;display:inline-block;width:14px;height:18px;vertical-align:middle;margin-right:8px;}
.worldLib-header .info .desc{line-height:1.6;}
.worldLib-header .info .email{margin-bottom:8px;}
.worldLib-header .info .email a::before{content:"";background:url("/resource/templete/nlcy/common/img/common/ico_email.png") no-repeat 0 0;display:inline-block;width:16px;height:13px;vertical-align:middle;margin-right:8px;}
.worldLib-header .more{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);border-radius:50%;border:1px solid #ddd;background-color:#fff ;width:50px;height:50px;}
.worldLib-header .more::after{content:"";background:url("/resource/templete/nlcy/common/img/common/ico_accordion_arr.png") no-repeat 0 0;width:16px;height:10px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition: all .5s;}
.worldLib-header.on .more::after{transform:translate(-50%, -50%) rotate(180deg);}

.worldLib-detail{padding:10px 0 0; border-bottom:1px solid #dfdfdf;}
.worldLib-detail .title{font-size:1.250em;position:relative;margin: 20px 0 15px;line-height: 1.5rem;font-weight:500;}
.worldLib-detail .title::before{content:"";display:inline-block;width: 18px;height: 18px;background:url("/resource/templete/nlcy/common/img/common/bull_1.png") 0 0 no-repeat;margin-right:4px;position:relative;top:2px;}
.worldLib-detail .title span{font-weight:normal;font-size:0.875rem;}
.worldLib-detail .desc{line-height:1.6;}
.worldLib-detail .worldLib-section + .worldLib-section{border-top:1px solid #dadada;}
.worldLib-detail .worldLib-section .list_box li{margin-bottom:25px;}
.worldLib-detail .worldLib-section .list_box li:last-child{margin-bottom:0;}
.worldLib-detail .worldLib-section .list_box li .tit{font-size:1.125em;font-weight:500;}
.worldLib_footer{padding-top: 20px;}
.worldLib-detail .worldLibBox{padding-bottom:30px;}

/* 아코디언 */
.worldLib-detail .accordion{position: relative;}
.worldLib-detail .accordion .title{margin:0;padding:30px 0;}
.worldLib-detail .accordion .worldLibBox{display:none;}
.worldLib-detail .accordion .more{position: absolute;right:0;top:16px;border-radius: 50%;border: 1px solid #ddd;background-color:#fff;width: 50px;height: 50px;}
.worldLib-detail .accordion .worldLibBox{position:relative;top:-15px;}
.worldLib-detail .accordion .more::after{content:"";background:url("/resource/templete/nlcy/common/img/common/ico_accordion_arr.png") no-repeat 0 0;width:16px;height:10px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition: all .5s;}
.worldLib-detail .accordion.on .more{background:#f8f8f8;border-color:#f8f8f8;}
.worldLib-detail .accordion.on .more::after{transform:translate(-50%, -50%) rotate(180deg);}
.lastUpdateDate{text-align:right;margin-top:15px;}

/* 주소 입력 폼 */
.addressFormList > li{display:flex;align-items:center;flex-wrap:wrap;}
.addressFormList > li + li{margin-top:8px;}
.addressFormList .zipCodeWrap input[type="text"]{width:100px;}
.addressFormList .zipCodeWrap .checkbox{margin:5px 0 0 5px;white-space:nowrap;}
.addressFormList .btn{width:auto;min-width:auto;}

@media (max-width: 780px) {
   /* 세계의 도서관 - 상세 */
   .worldLib-header{padding:20px;}
   .worldLib-header .img{float:none;margin:0 auto 20px;width:100%;height:200px;}
   .worldLib-header .info{padding:0;height:auto;}
   .worldLib-header .more{display:none;}
   .worldLib-detail .accordion .title{padding:15px 0;}
   .worldLib-detail .accordion .worldLibBox{top:-5px;}
   .worldLib-detail .accordion .more{width:35px;height:35px;top:9px;}
}