@charset "UTF-8";
.main .tit {
  font-size: 20px;
  margin-bottom: 20px;
  display: block;
  color: #000;
}
.main .tit_w {
  font-size: 20px;
  margin-bottom: 20px;
  display: block;
  color: #fff;
}

.main-modal__wrap {
  position: absolute;
  background: #fff;
  border: 1px solid rgb(187, 172, 172);
}
.main-modal__wrap input {
  border: 1px;
  background: #fff;
  vertical-align: middle;
/*   -moz-appearance: checkbox; */
/*   -webkit-appearance: checkbox; */
/*   appearance: checkbox; */
}
.main-modal__footer {
  background: #000;
  text-align: right;
  padding: 10px;
  color: #fff;
}

/* 메인 상단 검색 영역 - 24년 3월 */
.main_top_search_wrap { background:#fff; padding:80px 0; }
.main_top_search_wrap * { box-sizing:border-box; }
.main_top_search:after { clear:both; content:""; display:block; }
.main_top_search > * { background:#edf1f5; border-radius:12px; float:left; height:496px; overflow:hidden; position:relative; }

.main_top_search > div.search { padding:80px 80px 0; width:calc(100% - 435px); }
.main_search_area { margin:0 auto; max-width:560px; width:100%; }
.main_search_area div.ttl { font-size:0; height:20px; margin-bottom:24px; position:relative; text-align:left; }
.main_search_area div.ttl > * { display:inline-block; font-family:"Pretendard"; height:100%; vertical-align:middle; }
.main_search_area div.ttl strong { color:#1d1d1d; font-size:17px; font-weight:700; line-height:20px; }
.search_filter { margin-left:12px; position:relative; }
.search_filter button { background:url("../common/img/common/new_24jan/dropdown_arrow_d.png") right center / 20px auto no-repeat; color:#1d1d1d; padding-right:26px; }
.search_filter_layer { background:#fff; border:1px solid #d8d8d8; border-radius:6px; display:none; left:50%; min-width:140px; padding:8px; position:absolute; top:28px; transform:translateX(-50%); z-index:5; }
.search_filter_layer a { border-radius:6px; color:#1d1d1d; display:block; font-size:17px; min-height:42px; min-width:124px; padding:15px 16px; white-space:nowrap; }
.search_filter_layer a.on,
.search_filter_layer a:hover { background:#edf1f5; color:#003675; }

.main_search_area div.total_srch_pop_input { border:2px solid #246beb; }
.main_search_area div.total_srch_pop_input input { padding:0; }

.main_new_bnr_slide,
.main_new_slide_bnr { margin-top:92px; position:relative; }

.new_bnr_slide { overflow:hidden; }
.new_bnr_slide li a { display:block; height:100%; width:100%; }
.new_bnr_slide li a:after { clear:both; content:""; display:block; }
.new_bnr_slide li a p { color:#555; float:left; font-family:"Pretendard"; font-size:17px; width:calc(100% - 250px); }
.new_bnr_slide li a p strong { color:#1d1d1d; display:block; font-family:"Pretendard"; font-size:19px; font-weight:700; margin-bottom:8px; }

.new_bnr_slide li a figure { border-radius:12px; float:right; height:96px; margin:0; overflow:hidden; position:relative; width:240px; }
.new_bnr_slide li a figure img { border-radius:12px; height:100%; object-fit:cover; width:100%; }

/* .new_bnr_txt { float:left; width:calc(100% - 250px); }
.new_bnr_txt p { color:#555; font-family:"Pretendard"; font-size:17px; }
.new_bnr_txt strong { color:#1d1d1d; display:block; font-family:"Pretendard"; font-size:19px; font-weight:700; margin-bottom:8px; }

.new_bnr_slide { float:right; position:relative; width:240px; }
.new_bnr_slide_img { border-radius:12px; height:96px; overflow:hidden; width:100%; } */
.new_bnr_slide_control { font-size:0; height:40px; margin-top:24px; text-align:right; }
.new_bnr_slide_control > * { background:#fff; display:inline-block; height:40px; margin-left:8px; vertical-align:top; }

.new_bnr_slide_control .swiper-pagination { border-radius:20px; color:#1d1d1d; font-family:"Pretendard"; font-size:17px; font-weight:700; padding:0 16px; position:static; width:auto; }
.new_bnr_slide_control .swiper-pagination span { line-height:40px; }
.new_bnr_slide_control .swiper-pagination span.swiper-pagination-current { color:#003675; }
.new_bnr_slide_control .play { background:url("../common/img/common/new_24jan/btn_slide_pause.png") center / 20px auto no-repeat #fff; border:1px solid #e4e4e4; border-radius:50%; cursor:pointer; width:40px; }
.new_bnr_slide_control .play.pause { background:url("../common/img/common/new_24jan/btn_slide_play.png") center / 20px auto no-repeat #fff; }
.new_bnr_slide_control .swiper-button-next,
.new_bnr_slide_control .swiper-button-prev { border:1px solid #e4e4e4; border-radius:50%; margin-top:0; opacity:1; position:static; width:40px; }
.new_bnr_slide_control .swiper-button-next { background:url("../common/img/common/new_24jan/btn_slide_next.png") center / 20px auto no-repeat #fff; }
.new_bnr_slide_control .swiper-button-prev { background:url("../common/img/common/new_24jan/btn_slide_prev.png") center / 20px auto no-repeat #fff; }
.new_bnr_slide_control .swiper-button-next:after,
.new_bnr_slide_control .swiper-button-prev:after { display:none; }

.main_top_search > div.guide { margin-left:24px; padding:32px 32px 0; width:411px; }
.main_guide_ttl { height:32px; position:relative; }
.main_guide_ttl > * { color:#1d1d1d; font-family:"Pretendard"; position:absolute; top:50%; transform:translateY(-50%); }
.main_guide_ttl strong { font-size:19px; font-weight:700; left:0; }
.main_guide_ttl button { background:url("../common/img/common/new_24jan/icon_calr.png") left center / 24px auto no-repeat; font-size:17px; padding-left:28px; right:0; }

.main_guide_schd { margin-top:50px; text-align:center; }
.main_guide_schd .today > * { color:#1d1d1d; display:block; font-family:"Pretendard"; text-align:center; }
.main_guide_schd .today > span { font-size:17px; }
.main_guide_schd .today > strong { font-size:40px; font-weight:700; margin-top:4px; }
.main_guide_schd .today > p { display:inline-block; font-size:17px; line-height:24px; margin-top:14px; padding-left:28px; }
.main_guide_schd .today > p.normal { background:url("../common/img/common/new_24jan/icon_emphasys.png") left center / 24px auto no-repeat; color:#1f53cc; }

.main_guide_schd .day_off { border-top:1px solid #c6c6c6; margin-top:28px; padding:18px 0 0; text-align:center; }
.main_guide_schd .day_off strong { font-size:17px; }
.main_guide_schd .day_off ul { font-size:0; margin-top:12px; }
.main_guide_schd .day_off ul li { background:#003675; border-radius:8px; color:#fff; display:inline-block; font-size:17px; margin:0 4px; padding:8px 10px; vertical-align:top; }

.open_hour { border-top:1px solid #c6c6c6; margin-top:24px; padding:20px 0 0; text-align:left; }
.open_hour dl { font-size:0; margin-bottom:8px; }
.open_hour dl:last-of-type { margin-bottom:0; }
.open_hour dl dt,
.open_hour dl dd,
.open_hour p { color:#1d1d1d; font-family:"Pretendard"; font-size:15px; }
.open_hour dl dt,
.open_hour dl dd { display:inline-block; }
.open_hour dl dt { margin-right:4px; }
.open_hour p { color:#555; margin-bottom:8px; }

.main_each { margin-top:74px; }
.main_each * { box-sizing:border-box; font-family:"Pretendard"; }
.main_each_ttl { font-size:0; position:relative; text-align:left; }
.main_each_ttl h3 { color:#1d1d1d; display:inline-block; font-size:32px; vertical-align:middle; }
.main_each_ttl button.btn_set { background:url("../common/img/common/new_24jan/icon_settings.png") left center / 24px auto no-repeat; font-size:17px; margin-left:12px; padding-left:24px; vertical-align:middle; }

.main_each_cont { margin-top:40px; }

.main_shortcut_menus { overflow:hidden; }
.main_shortcut_menus li { border:1px solid #c6c6c6; border-radius:12px; height:140px; text-align:center; width:calc((100% - 96px) / 7); }
.main_shortcut_menus li a { display:block; height:100%; padding-top:96px; position:relative; width:100%; }
.main_shortcut_menus li img { left:50%; position:absolute; top:24px; transform:translateX(-50%); }
.main_shortcut_menus li span { color:#1d1d1d; font-size:17px; font-weight:700; }

@media screen and (max-width:1280px) {
  .main_top_search > div.search { padding:80px 40px 0; }
}

@media screen and (max-width:960px) {
  .main_top_search_wrap { padding:40px 0; }

  .main_top_search > div.search,
  .main_top_search > div.guide { width:100%; }
  .main_top_search > div.guide { margin:12px 0 0; }

  .main_shortcut_menus { width:calc(100% + 20px); }
  .main_shortcut_menus li { width:171px; }
}
/* 메인 상단 검색 영역 - 24년 3월 end */

@media screen and (max-width: 767px) {
  .main .tit,
  .main .tit_w {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .main-modal__wrap {
    display: none;
  }
  .main-modal__wrap-mobile {
    display: block;
    position: absolute;
    background: #fff;
    border: 1px solid rgb(187, 172, 172);
  }
  .main-modal__wrap-mobile input {
    border: 1px;
    background: #fff;
    vertical-align: middle;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
	appearance: checkbox;
  }
  .main-modal__footer {
    background: #000;
    text-align: right;
    padding: 10px;
    color: #fff;
  }
  .main-modal__wrap-mobile .main-modal__content img {
    width: 100%;
  }
}

/* 메인 상단 검색 영역 - 24년 3월 */
@media screen and (max-width:640px) {
  .main_top_search > * { height:auto; }
  .main_top_search > div.search { padding:40px 20px; }

  .main_new_bnr_slide,
  .main_new_slide_bnr { margin-top:46px; }
  .new_bnr_slide li a p { width:100%; }
  .new_bnr_slide li a figure { margin-top:20px; }

  .main_top_search > div.guide { padding:32px 20px; }
}
/* 메인 상단 검색 영역 - 24년 3월 end */

.menu_bg:after {
  display: block;
  content: '';
  width: 100%;
  height: 3000px;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  top: 0px;
  z-index: -1000;
}
/* .main_fixed .container { */
/*   padding-top: 134px; */
/* } */
/* 24년 2월 컨텐츠영역 padding 제거 */
.container {
  min-width: 100px;
  min-height: 100px;
}
/* 24년 2월 컨텐츠영역 padding 제거 end */
.main_wide {
  background: #fff;
}
.main_section {
  max-width: 1280px;
  margin: 0 auto;
  font-size: 0;
}
.main_public .main_section {
  overflow: hidden;
}
.main_section_type2 {
  max-width: 1280px;
  height:335px;
}

.main_public {
  padding: 50px 0;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/wide_bg.png) 0 0 repeat,
    linear-gradient(-45deg, #3669ac, #329bba);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-size: 100% 100%;
}
.main_book {
  padding: 20px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.main_bx {
  display: inline-block;
  overflow: hidden;
  max-width: 295px;
  min-width: 295px;
  vertical-align: top;
}
.main_bx:first-child {
  margin: 0;
}
.main_bx .title,
.title {
  font-size: 20px;
  color: #fff;
  line-height: 1.4;
  font-weight: 700;
}
.main_bx .text {
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
  font-weight: 300;
}
.main_bx > .inner {
  margin-top: 18px;
}
.main_bx .schedule_more {
  position: relative;
  float: right;
  padding: 4px 15px 0 0;
  font-size: 16px;
  color: #e6eff6;
}
.main_bx .schedule_more:before {
  display: inline-block;
  position: absolute;
  top: 35%;
  right: 0;
  width: 8px;
  height: 13px;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/sp_main.png) -162px 0 no-repeat;
  content: '';
}
.main_bx.educate_wrap {
  width: calc(100% - 315px);
  max-width: none;
  margin: 0;
  height: auto;
  overflow: unset;
  margin-left: 20px;
}
.main_bx.educate_wrap .swipe_inner {
  height: auto;
  overflow: unset;
}
.main_bx.educate_wrap .swipe_item {
  padding: 0 2px;
}
.main_bx.educate_wrap .info_area {
  height: auto;
  padding: 20px;
  background-color: #fff;
}
.main_bx.educate_wrap .info_date {
  position: relative;
  left: auto;
  bottom: auto;
  display: block;
  font-weight: 300;
  color: #898989;
}
.main_bx.educate_wrap .info_stat {
  font-size: 15px;
  display: inline-block;
  margin: 10px 0 5px 0;
  font-weight: 300;
  padding: 5px;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
}
.main_bx.educate_wrap .info_stat.expected {
  background-color: #edb54c;
  color: #fff;
}
.main_bx.educate_wrap .info_stat.progress {
  background-color: #3669ac;
  color: #fff;
}
.main_bx.educate_wrap .info_stat.deadline {
  background-color: #f2f4f5;
  color: #a7a7a7;
}
.main_bx.educate_wrap .info_title {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_bx.inform_wrap {
  margin-top: 50px;
}
.main_bx.collection_wrap {
  width: 100%;
  max-width: none;
  margin: 0;
  margin-top: 50px;
  height: auto;
  overflow: inherit;
  margin-left: 0;
  padding: 0;
}

.main_bx.collection_wrap .tab_list {
  font-size: 0;
  margin-bottom: 20px;
}
.main_bx.collection_wrap .tab_item {
  display: inline-block;
  height: 100%;
/*   cursor: pointer; */
}
.main_bx.collection_wrap .tab_item:after {
  display: inline-block;
  width: 1px;
  height: 100%;
}
.main_bx.collection_wrap .tab_item:first-child:before {
  display: inline-block;
  width: 1px;
  height: 100%;
}
.main_bx.collection_wrap .tab_item a {
  display: inline-block;
  height: 100%;
  padding: 0px;
  vertical-align: top;
}
.main_bx.collection_wrap .tab_item .txt {
  display: table-cell;
  padding: 0 25px 0 0;
  vertical-align: middle;
  font-size: 20px;
  color: #868686;
  font-weight: 700;
}
.main_bx.collection_wrap .tab_item[data-selected='true'] span {
  color: #000;
  text-decoration:underline;
  text-underline-offset:3px;
}

.main_bx.collection_wrap .swipe_inner {
  height: auto;
  overflow: inherit;
}
.main_bx.collection_wrap .bx-controls .bx-pager {
  display: none;
}
.main_bx.collection_wrap .swipe_item {
  margin-right: 10px;
  padding: 2px;
}
.main_bx.collection_wrap .swipe_item a {
  background-color: #fff;
  width: 100%;

}
.main_bx.collection_wrap .img_area {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 245px;
}
.main_bx.collection_wrap .img_area .img {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.main_bx.collection_wrap .info_area {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  padding: 20px;
}
.main_bx.collection_wrap .info_title {
  color: #010101;
}
.main_bx.collection_wrap .info_text {
  color: #383838;
  font-size: 15px;
  -webkit-line-clamp: 3;
  word-break: keep-all;
  line-height: 1.4;
  margin-top: 10px;
  min-height: auto;
  max-height: 60px;
}
.main .slick-prev {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/arrow_icon.png) center center
    no-repeat;
  background-size: 6px auto;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  color: transparent;
  font-size: 1px;
  text-indent: -9999px;
}
.main .slick-next {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
  width: 32px;
  height: 32px;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/arrow_icon.png) center center
    no-repeat;
  background-size: 6px auto;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  color: transparent;
  font-size: 1px;
  text-indent: -9999px;
}
.main_bx.collection_wrap .swipe_list {
  height: auto;
  overflow: inherit;
}
.main_bx.collection_wrap .main_btn_more_w {
  top: 5px;
  right: 0;
}

.sp_main,
.main_search .worldword-text:before,
.main_bx .bx-controls-direction a,
.main_bx .bx-controls-auto a,
.book_swipe_wrap .slick-arrow,
.tabpanel_wrap .notice_more:after,
.site_promotion_wrap .bx-controls-direction a,
.site_promotion_wrap .bx-controls-auto a,
.main_video_item .img:before,
.type_service_wrap .type_btn_more:after,
.site_promotion_wrap .slick-arrow,
.promotion_btn_wrap .btn_stop .txt,
.promotion_btn_wrap .btn_start .txt {
  display: inline-block;
  overflow: hidden;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/sp_main.png) 0 0 no-repeat;
  font-size: 5px;
  color: transparent;
  vertical-align: top;
}

@media screen and (max-width: 1024px) {
  .site_promotion_wrap .slick-arrow,
  .promotion_btn_wrap .btn_stop .txt,
  .promotion_btn_wrap .btn_start .txt {
    display: inline-block;
    overflow: hidden;
    background: url(https://www.nl.go.kr/resource/templete/nl/img/main/sp_main_m.png) 0 0 no-repeat;
    background-size: 100px auto;
    vertical-align: top;
  }
  .main_bx.collection_wrap{ padding: 10px}
  .main_bx.collection_wrap .main_btn_more{ top: 27px; right: 10px; }
  .main_bx.collection_wrap .tab_list {
    font-size: 1.5rem;
    color: #fff;
  }
  .main_bx.collection_wrap .tab_list {
    position: relative;
    z-index: 1;
    height: 50px;
    padding: 0;
    font-size: 0;
  }
  .main_bx.collection_wrap .tab_item button {
    padding: 0;
  }
  .main_bx.collection_wrap .tab_item .txt {
    font-size: 18px;
    height: 50px;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .sp_main,
  .main_search .worldword-text:before,
  .main_bx .bx-controls-direction a,
  .main_bx .bx-controls-auto a,
  .book_swipe_wrap .slick-arrow,
  .tabpanel_wrap .notice_more:after,
  .site_promotion_wrap .bx-controls-direction a,
  .site_promotion_wrap .bx-controls-auto a,
  .shortcut_wrap .service_item.mobile_view .txt:before,
  .shortcut_wrap .service_item.mobile_view .txt:after,
  .main_video_item .img:before {
    display: inline-block;
    overflow: hidden;
    background: url(https://www.nl.go.kr/resource/templete/nl/img/main/sp_main_m.png) 0 0 no-repeat;
    background-size: 100px auto;
    vertical-align: top;
  }
  .main_section_type2{ height: auto;}
  .main_bx.collection_wrap .swipe_item a {
    width: 100%;
    margin: 0;
  }
  .main_bx.collection_wrap .swipe_item:nth-of-type(2n) a {
    margin: 0;
  }
  .main_bx.collection_wrap .main_btn_more_w {
    top: 5px;
  }
  .main_bx.educate_wrap {
    padding: 0;
    border-bottom: none;
    margin: 0;
    width: 100%;
  }
  .main_bx.collection_wrap .img_area,
  .main_bx.collection_wrap .info_area {
    width: auto;
    background: none;
    display: block;
    box-sizing: border-box;
    height: auto;
  }
  .main_bx.collection_wrap {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
	.main_bx.collection_wrap .tab_item .txt{ padding: 0 10px 0 0;}
}
@media screen and (max-width: 1258px) {
  .main_bx {
    max-width: 23.7903%;
    margin-left: 1.6129032%;
  }
}
@media screen and (max-width: 1239px) {
  .main_wide {
    padding: 0;
  }
  .main_public {
    height: auto;
    padding: 54px 30px;
  }
  .main_bx.inform_wrap {
    margin-left: 0;
    width: 295px;
  }
}
@media screen and (max-width: 767px) {
  .main_wide {
    padding: 0;
  }
  .main_public {
    height: auto;
    padding: 28px 15px;
  }
  .main_bx.collection_wrap .swipe_item {
    margin-right: 0;
  }
}

/* 검색영역 */
.main_search {
  padding: 50px 0 50px 0;
  background: linear-gradient(45deg, #3669ac, #329bba);
}
.main_search .search-form__inner {
  position: relative;
  width: 100%;
}
.main_search .search-form_group {
  position: relative;
  width: calc(100% - 155px);
  height: 58px;
}
.main_search .search-text-wrap {
  position: relative;
  height: 100%;
  margin-right: 95px;
  border-bottom: 2px solid #fff;
  border-right: 0;
  box-sizing: border-box;
}
.main_search .input-text-wrap {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 0;
  box-sizing: border-box;
}
.main_search .input-text-wrap label {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  opacity: 0.8;
}
.main_search .input-text {
  width: calc(100% - 190px);
  height: 50%;
  padding: 5px 0;
  margin: 17px 0;
  font-size: 18px;
  color: white;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_search .search-btn-wrap {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  font-size: 0;
  border-left: 0;
  box-sizing: border-box;
}
.main_search .btn-worldword-wrap {
  display: inline-block;
  height: auto;
  width: auto;
  vertical-align: top;
}
.main_search .worldword-text:before {
  display: inline-block;
  width: 24px;
  height: 15px;
  margin: 3px 7px 0 0;
  background: url(../img/main/sp_main.png) 0 0 no-repeat;
  background-position: -79px -39px;
  vertical-align: middle;
  content: '';
}
.main_search .worldword-text {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  padding: 5px 10px;
  border-radius: 2px;
  border: solid 2px #fff;
}
.main_search .worldword-text:before {
  width: 24px;
  height: 17px;
  margin: -5px 7px 0 0;
  background-position: -79px -37px;
  vertical-align: middle;
}
.main_search .btn-search {
  width: 75px;
  height: 58px;
  text-align: center;
  border: 2px solid #fff;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin-left: 20px;
  vertical-align: top;
  margin-bottom: -4px;
}
.main_search .btn-search .sp_main {
  width: 28px;
  height: 28px;
  background-position: -48px -56px;
}
.details_btn_wrap {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 136px;
  margin-left: 15px;
  border: 2px solid #fff;
  text-align: center;
}
.details_btn {
  width: 100%;
  padding: 14px 0;
}
.details_btn span {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 1240px) {
  .main_search .search-form_group {
    width: calc(100% - 165px);
  }
}
@media screen and (max-width: 1024px) {
  .main_search {
    padding: 38px 30px 39px;
  }
  .main_search .search-form_group {
    width: calc(100% - 185px);
  }
  .details_btn_wrap {
    width: 14%;
  }
}
@media screen and (max-width: 767px) {
  .main_search {
    padding: 40px 20px;
  }
  .details_btn_wrap {
    top: 25px;
    width: 50px;
    transform: translateY(-50%);
    height: 50px;
    font-size: 14px;
    box-sizing: border-box;
  }
  .details_btn {
    padding: 10px 0 11px;
  }
  .details_btn span {
    padding: 0;
    font-size: 1.5rem;
  }
  .details_btn span:before {
    display: none;
  }
  .main_search .search-text-wrap {
    margin-right: 60px;
  }
  .main_search .input-text-wrap label {
    font-size: 14px;
    height: 100%;
    line-height: 50px;
  }
  .main_search .btn-search {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  .main_search .btn-worldword-wrap {
    position: absolute;
    top: calc(50% - 10px);
    left: -20px;
    width: auto;
    text-align: left;
    height: 18px;
    transform: none;
  }
  .main_search .worldword-text {
    margin: 0;
    font-size: 14px;
    line-height: 1;
    border: none;
    color: transparent;
    width: 24px;
    padding: 0;
    height: 16px;
    overflow: hidden;
  }
  .main_search .search-form_group {
    width: calc(100% - 55px);
    height: 50px;
  }
  .main_search .input-text {
    margin: 0;
    width: calc(100% - 30px);
    height: 100%;
    font-size: 1.8rem;
  }
  .main .details_btn {
    line-height: 1;
    padding: 4px;
  }
}
@media screen and (max-width: 450px) {
  .details_btn span {
    padding: 0;
    font-size: 14px;
  }
  .main .details_btn {
    padding: 5px;
  }
  .main_search .btn-worldword-wrap {
    left: -20px;
  }
}
/* 바로가기 */
/*.shortcut_wrap .tab_list{font-size:0}
.shortcut_wrap .tab_item{display:inline-block;width:50%;outline:0}
.shortcut_wrap .tab_item a{display:block;position:relative;width:100%;padding:16px 0;border-top:2px solid #fff;border-bottom:1px solid #dcdcdc;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;}
.shortcut_wrap .tab_item a:after{position:absolute;left:0;bottom:0;width:100%;height:100%;border-bottom:2px solid #cb4b2d;transform:scaleX(0);-webkit-transform:scaleX(0);transition:transform 0.3s;-webkit-transition:transform 0.3s;content:''}
.shortcut_wrap .tab_item .txt{font-size:21px;font-weight:700;color:#878787;text-align:center}
.shortcut_wrap .tab_item[data-selected="true"] a{z-index:1;}
.shortcut_wrap .tab_item[data-selected="true"] a:after{transform:scaleX(1);-webkit-transform:scaleX(1)}
.shortcut_wrap .tab_item.is_focus{outline:1px dashed #ddd}
.shortcut_wrap .tab_item[data-selected="true"] .txt{color:#cb4b2d;font-weight:500;}*/

.shortcut_wrap {
  padding: 20px 0;
  position: relative;
}
.shortcut_wrap .tabList {
  font-size: 0;
}
.shortcut_wrap .tabItem {
  display: inline-block;
  width: 50%;
  outline: 0;
}
.shortcut_wrap .tabItem a {
  display: block;
  position: relative;
  width: 100%;
  padding: 16px 0;
  border-top: 2px solid #fff;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.shortcut_wrap .tabItem a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #cb4b2d;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  content: '';
}
.shortcut_wrap .tabItem .txt {
  font-size: 21px;
  font-weight: 500;
  color: #878787;
  text-align: center;
}
.shortcut_wrap .tabItem[data-selected='true'] a {
  z-index: 1;
}
.shortcut_wrap .tabItem[data-selected='true'] a:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
}
.shortcut_wrap .tabItem.is_focus {
  outline: 1px dashed #ddd;
}
.shortcut_wrap .tabItem[data-selected='true'] .txt {
  color: #cb4b2d;
  font-weight: 500;
}
.shortcut_wrap .tabpanel_wrap {
  min-height: 0;
  padding: 40px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.shortcut_wrap .tabpanel {
  display: none;
}
.shortcut_wrap .tabpanel[data-selected='true'] {
  display: block;
}
.shortcut_wrap .service_list {
  padding: 0;
  font-size: 0;
  text-align: center;
}
.shortcut_wrap .service_item {
  display: inline-block;
  width: 12.5%;
/*   margin-left: 10px; */
}
.shortcut_wrap .service_item:first-child {
  margin: 0;
}
.shortcut_wrap .service_item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.shortcut_wrap .service_item a:hover .txt {
  color: #d99000;
}
.shortcut_wrap .service_item .ico {
  display: block;
  width: 78px;
  height: 78px;
  margin: 0 auto 5px;
  content: '';
}
.shortcut_wrap .service_item .ico .icon_hover {
  display: none;
}
.shortcut_wrap .service_item .ico .icon_non_hover:hover .icon_hover {
  display: block;
}
.shortcut_wrap .service_item .txt {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #4d4d4d;
  text-align: center;
}
.shortcut_wrap .service_item.mobile_item {
  display: none;
}
.shortcut_wrap .service_item .no_pc {
  display: none;
}
.shortcut_wrap .service_item_set {
  position: relative;
}
.shortcut_wrap .service_item_set:before {
  content: '';
  width: 1px;
  height: 72px;
  background-color: #f0f0f0;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 20px;
}
.shortcut_wrap .service_item_set .txt {
  color: #6a6a6a;
}
/* 바로가기(토글) */

.type_service_wrap {
  position: relative;
  /*background-color: #f2f4f5;*/
  /* padding: 30px 0px 0px 0px; */
}
.type_service_wrap .type_service {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  display: block;
  font-size: 0;
}
.type_service_wrap .type_list {
  font-size: 0;
  text-align: center;
  display: inline-block;
  width: 200px;
  vertical-align: top;
  box-sizing: border-box;
  margin-top: 20px;
}
.type_service_wrap .type_item {
  display: inline-block;
  width: 100%;
  margin: 0;
  text-align: left;
}
.type_service_wrap .type_item a {
  display: block;
  min-width: 70px;
  height: 46px;
  padding: 0 10px;
  line-height: 46px;
  color: #fff;
}
.type_service_wrap .type_item a .txt {
  color: #fff;
}
.type_service_wrap .type_item:nth-of-type(1) a {
  background-color: #329bba;
}
.type_service_wrap .type_item:nth-of-type(2) a {
  background-color: #366eae;
}
.type_service_wrap .type_item:nth-of-type(3) a {
  background-color: #be5016;
}
.type_service_wrap .type_item[data-selected='true'] a {
  background: #717981;
  color: #fff;
  line-height: 46px;
}
.type_service_wrap .type_item:nth-of-type(1)[data-selected='true'] a,
.type_service_wrap .type_item:nth-of-type(1) a:hover {
  background-color: #fff;
  border-left: solid 5px #329bba;
}
.type_service_wrap .type_item:nth-of-type(2)[data-selected='true'] a,
.type_service_wrap .type_item:nth-of-type(2) a:hover {
  background-color: #fff;
  border-left: solid 5px #366eae;
}
.type_service_wrap .type_item:nth-of-type(3)[data-selected='true'] a,
.type_service_wrap .type_item:nth-of-type(3) a:hover {
  background-color: #fff;
  border-left: solid 5px #be5016;
}
.type_service_wrap .type_item:nth-of-type(1)[data-selected='true'] a .txt,
.type_service_wrap .type_item:nth-of-type(1) a:hover .txt {
  color: #1d77b7;
}
.type_service_wrap .type_item:nth-of-type(2)[data-selected='true'] a .txt,
.type_service_wrap .type_item:nth-of-type(2) a:hover .txt {
  color: #366eae;
}
.type_service_wrap .type_item:nth-of-type(3)[data-selected='true'] a .txt,
.type_service_wrap .type_item:nth-of-type(3) a:hover .txt {
  color: #be5016;
}
.type_service_wrap .type_item a:after {
  display: none;
}
.type_service_wrap .type_item .txt {
  font-size: 18px;
  color: #555;
}
.type_service_wrap .type_item[data-selected='true'] .txt {
  color: #fff;
}
.type_service_wrap .type_tabpanel_wrap {
  width: calc(100% - 200px);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0px 15px 15px 15px;
  min-height: 50px;
  margin-top: 20px;
}
.type_service_wrap .type_tabpanel {
  display: none;
}
.type_service_wrap .type_tabpanel[data-selected='true'] {
  display: block;
}
/* .type_service_wrap .type_service_list { */
/*   overflow: hidden; */
/*   padding: 0; */
/*   font-size: 0; */
/* } */
/* .type_service_wrap .type_service_item { */
/*   display: inline-block; */
/*   position: relative; */
/*   width: calc(33.33% - 30px); */
/*   padding: 5px 0; */
/*   border-right: solid 1px #ebebeb; */
/*   box-sizing: border-box; */
/*   margin: 0 15px; */
/* } */
/* .type_service_wrap .type_service_item:before { */
/*   position: absolute; */
/*   top: calc(50% - 1px); */
/*   left: 0; */
/*   width: 3px; */
/*   height: 3px; */
/*   margin-top: 0; */
/*   background: #d1d1d1; */
/*   content: ''; */
/*   border-radius: 100px; */
/* } */
/* .type_service_wrap .type_service_item:nth-of-type(3n) { */
/*   border-right: none; */
/* } */
/* .type_service_wrap .type_service_item a { */
/*   display: inline-block; */
/*   width: auto; */
/*   height: 100%; */
/*   padding: 5px 10px; */
/*   font-size: 16px; */
/*   font-weight: 700; */
/*   color: #474747; */
/*   box-sizing: border-box; */
/*   -webkit-box-sizing: border-box; */
/*   position: relative; */
/* } */
/* .type_service_wrap .type_service_item a:hover { */
/*   color: #d99000; */
/* } */
/* .type_service_wrap .type_service_item a:after { */
/*   content: ''; */
/*   position: absolute; */
/*   bottom: -3px; */
/*   left: 50%; */
/*   width: 0px; */
/*   height: 2px; */
/*   background-color: #d99000; */
/*   border-radius: 100px; */
/*   transition: all 0.38s ease-in-out; */
/*   -ms-transform: translateX(-50%); */
/*   -webkit-transform: translateX(-50%); */
/*   transform: translateX(-50%); */
/* } */
/* .type_service_wrap .type_service_item a:hover:after { */
/*   width: 90%; */
/* } */
.type_service_wrap .type_btn_more {
  position: absolute;
  top: 0;
  right: 20px;
  min-width: 70px;
  height: 28px;
  padding: 0 5px;
  background: #efefef;
  border-radius: 30px;
  text-align: center;
  font-size: 16px;
  color: #4d4d4d;
  line-height: 28px;
}
.type_service_wrap .type_btn_more:after {
  display: inline-block;
  width: 8px;
  height: 16px;
  margin: 8px 0 0 5px;
  background-position: -130px 0;
  content: '';
}
.shortcut_wrap .service_item_no_pc {
  display: none;
}
.shortcut_wrap .service_item_no_pc a .txt {
  color: #333;
}
.shortcut_wrap .service_item_no_pc a:hover .txt {
  color: #333;
}
.type_service .tit {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .type_service_wrap {
    padding: 30px 10px;
  }
  .shortcut_wrap .service_item.mobile_view:before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .type_service_wrap {
    padding: 30px 20px;
  }
  .type_service_wrap .type_item {
    width: 50%;
    margin: 0;
  }
  .type_service_wrap .type_item a {
    min-width: 35px;
    height: 46px;
    padding: 0 10px;
  }
  .type_service_wrap .type_item .txt {
    font-size: 14px;
    line-height: 46px;
  }
  .type_service_wrap .type_item[data-selected='true'] a {
    line-height: 28px;
  }
  .type_service_wrap .type_item:nth-of-type(1)[data-selected='true'] a,
  .type_service_wrap .type_item:nth-of-type(1) a:hover {
    border: none;
    border-top: solid 2px #329bba;
  }
  .type_service_wrap .type_item:nth-of-type(2)[data-selected='true'] a,
  .type_service_wrap .type_item:nth-of-type(2) a:hover {
    border: none;
    border-top: solid 2px #366eae;
  }
  .type_service_wrap .type_item:nth-of-type(3)[data-selected='true'] a,
  .type_service_wrap .type_item:nth-of-type(3) a:hover {
    border: none;
    border-top: solid 2px #edb54c;
  }
  .type_service_wrap .type_service_item {
    margin: 0;
    word-break: keep-all;
    width: 100%;
    border: none;
  }
  .type_service_wrap .type_service_item a {
    padding: 5px 10px;
    font-size: 14px;
  }
  .type_service_wrap .type_btn_more {
    display: none;
  }
  .type_service_wrap .type_btn_more:after {
    margin-top: 9px;
  }
  .type_service_wrap .type_img {
    max-width: 100px;
  }
  .type_service_wrap .img_test .txt {
    max-width: 100px;
    word-break: break-all;
  }
  /* .shortcut_wrap .tab_item .txt{font-weight:500;} */
  .shortcut_wrap .tabItem .txt {
    font-weight: 500;
  }
/*   .type_service_wrap .type_service_list { */
/*     padding: 0; */
/*   } */
  .shortcut_wrap .service_item .no_pc {
    display: block;
  }
  .shortcut_wrap .service_item_no_mo {
    display: none;
  }
  .shortcut_wrap .service_item.mobile_view .ico {
    display: none;
  }
  .shortcut_wrap .service_item.mobile_view .txt {
    display: inline-block;
  }
  .shortcut_wrap .service_item .txt {
    padding-top: 0;
    font-size: 1.5rem;
    word-break: normal;
    padding: 0 10px;
    color: #5d5d5d;
  }
  .shortcut_wrap .service_item.mobile_view .txt:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 4px 5px 0 0;
    background: url(https://www.nl.go.kr/resource/templete/nl/img/main/sp_main_m.png) -63px 0 no-repeat;
    background-size: 100px auto;
    vertical-align: text-top;
    content: '';
  }
  .type_service_wrap .type_list {
    width: 100%;
    font-size: 0;
    margin-top: 0;
  }
  .type_service_wrap .type_tabpanel_wrap {
    width: 100%;
    padding: 10px;
    min-height: 90px;
    max-height: 90px;
    overflow: hidden;
    margin-top: 0;
  }
  .type_service_wrap .type_tabpanel_wrap.on {
    max-height: 100%;
  }
  .type_service .tit {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1239px) {
}
@media screen and (max-width: 1024px) {
  /* .shortcut_wrap .tab_item .txt{font-size:1.6rem} */
  .shortcut_wrap .tabItem .txt {
    font-size: 1.6rem;
  }
  .shortcut_wrap .tabpanel_wrap {
    height: auto;
    padding: 15px 0 60px;
  }
  .shortcut_wrap .service_item {
    width: 25%;
    margin: 0;
  }
  .shortcut_wrap .service_item:first-child {
    margin-top: 0;
  }
  .shortcut_wrap .service_item a {
    padding: 0;
  }
  .shortcut_wrap .service_item.mobile_item {
    display: inline-block;
  }
  .shortcut_wrap .service_item .ico {
    width: 60px;
    height: 60px;
    transition: initial;
  }
  .shortcut_wrap .service_item a:hover .ico {
    transform: initial;
    -webkit-transform: initial;
  }
  .shortcut_wrap .service_item.mobile_view {
    width: 25%;
    margin-top: 0;
    text-align: center;
  }
  .shortcut_wrap .service_item.mobile_view a {
    padding: 11px 0;
  }
  .shortcut_wrap .service_item.txt {
    display: none;
  }
  /* .shortcut_wrap .service_item.mobile_view .txt:after{display:inline-block;width:6px;height:11px;margin:4px 0 0 8px;background-position:-60px -31px;content:''} */
}
@media screen and (max-width: 767px) {
  .shortcut_wrap .service_item.mobile_view {
    width: 100%;
  }
  .shortcut_wrap .service_item .ico {
    width: 50px;
    height: 50px;
    margin: 5px auto;
  }
  .shortcut_wrap .service_item.mobile_view a {
    padding: 6px 0 5px;
  }
  .shortcut_wrap .tabpanel_wrap {
    padding: 20px 0;
  }
  .shortcut_wrap .service_list {
    padding: 5px 0 0;
  }
  .shortcut_wrap .service_item .txt {
    margin-top: 0px;
  }
  .shortcut_wrap .service_item_no_pc {
    display: inline-block;
    position: absolute;
    top: -25px;
    right: 0;
    margin: 0;
    width: auto;
    box-shadow: 20px 10px 10px -5px #ddd;
  }
  .shortcut_wrap .service_item_no_pc a {
    background-color: #edb54c;
    padding: 2px 5px 5px 15px;
    box-sizing: border-box;
    border-radius: 100px 0 0 100px;
  }
  .shortcut_wrap .service_item_no_pc .ico {
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 35px;
    margin-top: 3px;
  }
  .shortcut_wrap .service_item_no_pc .txt {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    width: 45px;
    line-height: 1.2;
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .shortcut_wrap .service_item .txt {
    font-size: 14px;
    font-weight: 300;
  }
  .shortcut_wrap .service_item_no_pc .txt {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 5px;
    padding-left: 0;
  }
/*   .type_service_wrap .type_service_list { */
/*     text-align: left; */
/*   } */
}

/* swipe common */
.main_bx {
  position: relative;
}
.main_bx .swipe_inner {
  overflow: hidden;
  margin-top: 18px;
}
.main_bx .bx-viewport {
  width: 100%;
  height: 100% !important;
  padding-top: 20px;
}
.main_bx .swipe_list {
  overflow: hidden;
  height: 100%;
  white-space: nowrap;
}
.main_bx .swipe_item {
  width: 100%;
  height: 100%;
}
.main_bx .swipe_item a {
  display: block;
  width: 100%;
  height: 100%;
}
.main_bx .img_area {
  position: relative;
  display: block;
  width: 100%;
/*   height: 245px; */
  height: 225px;
  background: #fff;
}
.main_bx .img_area:hover,
.main_bx .swipe_item a:focus .img_area {
  border: 4px solid #edb54c;
  box-sizing: border-box;
}
.main_bx .img_area .img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 0;
}
.main_bx .img_area .img:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.main_bx .img_area .img img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.main_bx .bx-controls {
  position: absolute;
/*   top: 65px; */
/*   left: 20px; */
/*   display: block; */
/*   width: calc(100% - 40px); */
/*   box-sizing: border-box; */
  top: 47px;
  left: 0;
  width: 100%;
  padding: 0;
  background: #0B2B4C;
}
.main_bx .bx-controls:after {
  display: block;
  clear: both;
  content: '';
}
.main_bx .bx-controls .bx-controls-direction {
  display: inline-block;
  margin-top: 1px;
  margin-right: 20px;
}
.main_bx .bx-controls .bx-controls-auto {
  display: inline-block;
}
.main_bx .bx-controls-direction a {
  display: inline-block;
  width: 13px;
  height: 17px;
  padding: 0 3px;
  background-size: auto 100% !important;
}
.main_bx .bx-controls-direction .bx-prev {
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/bx-prev.png) center no-repeat;
}
.main_bx .bx-controls-direction .bx-next {
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/bx-next.png) center no-repeat;
}
.main_bx .bx-controls-auto a {
  position: absolute;
  top: 0;
  right: 0;
/*   width: 7px; */
/*   height: 11px; */
  width: 17px;
  height: 21px;
/*   padding: 0 3px; */
  padding: 0 5px;
/*   background-size: auto 100% !important; */
  background-size: auto 11px !important;
}
.main_bx .bx-controls-auto .bx-start {
  display: none;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/bx-start.png) center no-repeat;
}
.main_bx .bx-controls-auto .bx-stop {
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/bx-stop_2.png) center no-repeat;
}
.main_bx .bx-controls .bx-pager {
  margin-right: 12px;
  font-size: 5px;
  line-height: 17px;
}
.main_bx .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  color: transparent;
/*   margin-right: 5px; */
}
.main_bx .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
/*   width: 7px; */
/*   height: 5px; */
  width: 17px;
  height: 17px;
  overflow: hidden;
  display: inline-block;
/*   background-color: #333; */
  background-color: transparent;
  border-radius: 100px;
/*   opacity: 0.3; */
  opacity: 0.5;
  position:relative;
}

.main_bx .bx-controls .bx-pager .bx-pager-item .bx-pager-link:after{
  content: "";
  width: 10px;
  height: 5px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 7px;
  border-radius: 3px;
}
.main_bx .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  opacity: 1;
  width: 30px;
}
.main_bx .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active:after{
	width: 23px;
}
.main_bx .info_area {
  display: block;
  position: relative;
  width: 100%;
  height: 86px;
  padding-top: 19px;
  white-space: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_bx .info_title {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 50px;
  font-size: 18px;
  color: #fff;
  letter-spacing: -2px;
  line-height: 1.2;
  white-space: normal;
  text-overflow: ellipsis;
}
.main_bx .info_date {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 400;
  color: #d0d0d0;
  line-height: 16px;
}
/* .main_bx.collection_wrap .info_title{-webkit-line-clamp:1;max-height:25px} */
.main_bx .info_text {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 40px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.2;
  white-space: normal;
  text-overflow: ellipsis;
}

.library_wrap .notify_text:before {
  top: 9px;
}
.library_wrap .notify_text span {
  display: block;
  padding-left: 65px;
}

.participation_list,
.collection_wrap .swipe_list {
  display: none;
}
.participation_list.slick-initialized,
.collection_wrap .swipe_list.slick-initialized {
  display: block;
}

@media screen and (max-width: 1239px) {
  .main_bx {
    max-width: none;
    width: 33.33334%;
    margin: 50px 0 0 0;
    padding-left: 1.612903%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .main_bx.library_wrap {
    width: 295px;
    padding: 0;
  }
  .main_bx.inform_wrap {
    padding: 0;
  }
  .main_bx .title {
    font-size: 18px;
  }
  .main_bx .swipe_inner {
    height: auto;
    margin-top: 20px;
  }
  .main_bx .swipe_item {
    min-width: auto;
  }
  .main_bx .img_area {
/*     height: 245px; */
	height: 225px;
  }
  .main_bx .img_area .img img {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .info_area {
    height: 8.6rem;
    padding-top: 12px;
  }
  .info_area .info_title {
    font-size: 1.9rem;
  }
  .info_area .info_date {
    font-size: 1.7rem;
  }
  .info_area .info_text {
    font-size: 1.7rem;
  }
  .bx-controls-direction a {
    width: 18px;
    height: 18px;
  }
  .bx-controls-auto a {
    right: 19px;
    width: 18px;
    height: 18px;
  }
}

.inform_wrap,
.collection_wrap {
  overflow: hidden;
  height: 400px;
}
.visible {
  height: auto;
  overflow: visible;
}
.participation_wrap {
  display: inline-block;
  width: calc(100% - 315px);
  box-sizing: border-box;
  position: relative;
  margin-left: 20px;
}
.participation_list .participation_item {
  font-size: 15px;
  display: inline-block;
  margin-right: 10px;
}
.participation_list .participation_item .info_title {
  font-weight: 700;
  font-size: 18px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.participation_list .participation_item .info_text {
  font-weight: 300;
  font-size: 16px;
  color: #6a6a6a;
  margin-top: 15px;
  max-height: 42px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
.participation_list .participation_item a {
  display: block;
  padding: 25px 20px;
  box-sizing: border-box;
  background-color: #fff;
  border-left: solid 0px #edb54c;
  height: 129px;
}
.participation_list .participation_item:nth-of-type(1) a {
  border-color: #3669ac;
}
.participation_list .participation_item:nth-of-type(4) a {
  border-color: #329bba;
}
.participation_list .participation_item a:hover {
  border: solid 4px #edb54c;
  padding: 21px 16px;
}

@media screen and (max-width: 767px) {
  .main_bx {
    position: relative;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
  }
  .inform_wrap,
  .participation_wrap {
    overflow: hidden;
    height: 400px;
  }
  .collection_wrap {
    overflow: hidden; /*height:400px;*/
  }
  .visible {
    height: auto;
    overflow: visible;
  }

  /* .main_bx{position:relative;width:100%;margin:0 0 30px;padding:0 0 30px;border-bottom: 1px solid #4f8ebd;overflow:hidden;height:400px;} */
  .main_bx.library_wrap {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
  }
  .main_bx.inform_wrap {
    padding: 0;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
  }
  .participation_wrap {
    padding-bottom: 0;
    margin: 0;
    border: 0;
    width: 100%;
    height: auto;
    overflow: unset;
  }
  /* .main_bx .bx-controls-direction a{width:7px;height:11px}
    .main_bx .bx-controls-auto a{right:36px;width:9px;height:11px}*/
  .main_bx .bx-controls .bx-pager {
    margin-right: 24px;
  }
  .library_wrap .notify_item {
    font-size: 1.6rem;
  }
  .library_wrap .notify_text {
    font-size: 1.5rem;
  }
  .info_area .info_title {
    font-size: 1.7rem;
  }
  .info_area .info_date {
    bottom: 10px;
    left: 10px;
    font-size: 1.5rem;
  }
  .info_area .info_text {
    font-size: 1.5rem;
  }
  .main_bx .img_area .img:before {
    background: transparent;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .main_bx .img_area:hover {
    border: 0;
  }
  .main_bx .img_area {
    height: 350px;
  }
  .participation {
    margin-bottom: 20px;
  }
  .participation_list .participation_item {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
  }
  .participation_list .participation_item .info_title {
    font-size: 15px;
  }
  .participation_list .participation_item .info_text {
    font-size: 14px;
  }
  .participation_list .participation_item a {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 360px) {
  .main_bx .img_area {
    height: 300px;
  }
}

/* 사서추천도서 */

/*탭 메뉴 top*/
/* .main_book .book_btn_wrap { */
/*   margin: 40px 0 0px; */
/*   text-align: center; */
/* } */
/* .main_book .book_btn { */
/*   padding: 4px 25px; */
/*   border: 1px solid #c0c0c0; */
/*   border-radius: 30px; */
/*   font-size: 18px; */
/*   color: #000; */
/* } */
/* .main_book .book_btn:after { */
/*   display: inline-block; */
/*   width: 8px; */
/*   height: 12px; */
/*   margin-left: 10px; */
/*   background: url(https://www.nl.go.kr/resource/templete/nl/common/img/common/sp.png) no-repeat -50px -37px; */
/*   content: ''; */
/* } */
/* .main_book .book_btn:hover { */
/*   background: #697a89; */
/*   border: 1px solid #697a89; */
/*   color: #fff; */
/* } */
/* .main_book .book_btn:hover:after { */
/*   background: url(https://www.nl.go.kr/resource/templete/nl/common/img/common/sp.png) no-repeat -50px -50px; */
/* } */

/* @media screen and (max-width: 1425px) { */
/*   .main_book .book_btn_wrap { */
/*     margin: 20px 10px; */
/*   } */
/* } */
/* .main_book .main_section{ position: relative;} */
/* .book_menu_wrap { */
/*   display: inline-block; */
/*   width: 100%; */
/*   vertical-align: top; */
/*   box-sizing: border-box; */
/* } */
/* .book_menu_wrap .book_list { */
/*   font-size: 0; */
/*   margin-bottom: 20px; */
/* } */
/* .book_menu_wrap .book_item { */
/*   display: inline-block; */
/*   height: 100%; */
/*   cursor: pointer; */
/* } */
/* .book_menu_wrap .book_item:after { */
/*   display: inline-block; */
/*   width: 1px; */
/*   height: 100%; */
/* } */
/* .book_menu_wrap .book_item:first-child:before { */
/*   display: inline-block; */
/*   width: 1px; */
/*   height: 100%; */
/* } */
/* .book_menu_wrap .book_item a { */
/*   display: inline-block; */
/*   height: 100%; */
/*   padding: 0px; */
/*   vertical-align: top; */
/* } */
/* .book_menu_wrap .book_item .txt { */
/*   display: table-cell; */
/*   padding: 0 25px 0 0; */
/*   vertical-align: middle; */
/*   font-size: 20px; */
/*   color: #868686; */
/*   font-weight: 700; */
/* } */
/* .book_menu_wrap .book_item[data-selected='true'] span { */
/*   color: #000; */
/* } */
/* .book_contents_wrap { */
/*   overflow: hidden; */
/*   max-height: 420px; */
/*   width: 100%; */
/*   display: inline-block; */
/*   margin-left: 0; */
/*   vertical-align: top; */
/*   box-sizing: border-box; */
/* } */
/* .book_swipe_wrap { */
/*   position: relative; */
/*   width: 100%; */
/* } */
/* .book_swipe_wrap .bx-viewport { */
/*   width: 100%; */
/*   height: 100%; */
/* } */
/* .book_swipe_wrap .book_frame { */
/*   min-width: 1240px; */
/*   width: 100%; */
/*   height: 100%; */
/*   margin: 0 auto; */
/* } */
/* .book_swipe_wrap .book_swipe_list { */
/*   min-height: 330px; */
/*   height: 100%; */
/*   font-size: 0; */
/*   text-align: center; */
/*   white-space: nowrap; */
/* } */
/* .book_swipe_wrap .book_swipe_item { */
/*   display: inline-block; */
/*   position: relative; */
/*   width: 194px; */
/*   margin: 0 20px; */
/* } */
/* .book_swipe_wrap .book_swipe_item a { */
/*   display: block; */
/*   width: 100%; */
/*   height: 100%; */
/*   outline-offset: -2px; */
/* } */
/* .book_swipe_wrap .img_area { */
/*   position: relative; */
/*   display: block; */
/*   width: 100%; */
/*   padding-top: 250px; */
/* } */
/* .book_swipe_wrap .img_area .img { */
/*   position: absolute; */
/*   top: 0; */
/*   right: 0; */
/*   left: 0; */
/*   bottom: 0; */
/*   text-align: center; */
/*   font-size: 0; */
/*   background: url('https://www.nl.go.kr/resource/templete/nl/img/main/book_bg.png') center no-repeat; */
/*   width: 175px; */
/*   height: 250px; */
/*   margin: 0 auto; */
/*   padding: 0 4% 3% 0; */
/*   box-sizing: border-box; */
/*   background-size: 100% 100%; */
/* } */
/* .book_swipe_wrap .img_area .img:after { */
/*   display: inline-block; */
/*   height: 100%; */
/*   vertical-align: middle; */
/*   content: ''; */
/* } */
/* .book_swipe_wrap .img_area .img img { */
/*   width: 100%; */
/*   height: 100%; */
/*   max-height: 100%; */
/*   margin: 0 auto; */
/*   border: 1px solid #a9a9a9; */
/*   vertical-align: middle; */
/*   display: inline-block; */
/* } */
/* .book_swipe_wrap .info_area { */
/*   display: block; */
/*   position: relative; */
/*   width: 175px; */
/*   max-height: 82px; */
/*   margin: 0 auto; */
/*   padding-top: 16px; */
/*   white-space: normal; */
/*   box-sizing: border-box; */
/*   -webkit-box-sizing: border-box; */
/* } */
/* .book_swipe_wrap .info_title { */
/*   overflow: hidden; */
/*   display: block; */
/*   width: 100%; */
/*   min-height: 40px; */
/*   max-height: 40px; */
/*   display: -webkit-box; */
/*   -webkit-box-orient: vertical; */
/*   -webkit-line-clamp: 2; */
/*   font-size: 16px; */
/*   font-weight: 700; */
/*   color: #000; */
/*   line-height: 1.2; */
/*   text-align: center; */
/*   white-space: normal; */
/*   text-overflow: ellipsis; */
/* } */
/* .book_swipe_wrap .non_img { */
/*   display: block; */
/*   position: absolute; */
/*   top: 0; */
/*   left: 50%; */
/*   z-index: 1; */
/*   width: 193px; */
/*   height: 289px; */
/*   min-height: 289px; */
/*   transform: translateX(-50%); */
/* } */
/* .book_swipe_wrap .non_img .bx { */
/*   display: table; */
/*   width: 100%; */
/*   height: 100%; */
/* } */
/* .book_swipe_wrap .non_img .bx .inner { */
/*   display: table-cell; */
/*   vertical-align: middle; */
/* } */
/* .book_swipe_wrap .non_img .bx .inner .info_title { */
/*   display: block; */
/*   position: absolute; */
/*   top: 50%; */
/*   left: calc(50% - 4px); */
/*   transform: translate(-50%, -50%); */
/*   max-height: none; */
/*   padding: 0px 10px; */
/*   color: #626262; */
/*   box-sizing: border-box; */
/* } */
/* .book_swipe_wrap .hover { */
/*   display: none; */
/*   position: absolute; */
/*   top: 0; */
/*   left: calc(50% + 4px); */
/*   z-index: 1; */
/*   width: 175px; */
/*   height: 250px; */
/*   min-height: 250px; */
/*   background: url('https://www.nl.go.kr/resource/templete/nl/img/main/book_hover.png'); */
/*   box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3); */
/*   transform: translate(-50%, 0); */
/*   -webkit-transform: translate(-50%, 0); */
/* } */
/* .book_swipe_wrap .non_img .bx .inner .info_title--titpd { */
/*   padding: 0 20px; */
/* } */

/* .book_swipe_wrap .non_img .info_title { */
/*   width: 157px; */
/* } */

/* .book_swipe_wrap .book_swipe_item a:hover .hover { */
/*   display: block; */
/* } */
/* .book_swipe_wrap .hover .bx { */
/*   display: table; */
/*   width: 100%; */
/*   height: 100%; */
/*   table-layout: fixed; */
/* } */
/* .book_swipe_wrap .hover .inner { */
/*   display: table-cell; */
/*   vertical-align: top; */
/*   padding-top: 40px; */
/* } */
/* #book_new .book_swipe_wrap .hover .bx { */
/*   background: url('https://www.nl.go.kr/resource/templete/nl/img/main/ico_new.png') center 30% */
/*     no-repeat; */
/* } */
/* #book_recommend .book_swipe_wrap .hover .bx { */
/*   background: url('https://www.nl.go.kr/resource/templete/nl/img/main/ico_best.png') center 30% */
/*     no-repeat; */
/* } */
/* #book_read .book_swipe_wrap .hover .bx { */
/*   background: url('https://www.nl.go.kr/resource/templete/nl/img/main/ico_speaker.png') center 30% */
/*     no-repeat; */
/* } */
/* #book_webdb .book_swipe_wrap .hover .bx { */
/*   background: url('https://www.nl.go.kr/resource/templete/nl/img/main/ico_db.png') center 30% */
/*     no-repeat; */
/* } */
/* .book_swipe_wrap .hover .info_title { */
/*   display: block; */
/*   max-height: none; */
/*   padding: 0 10px; */
/*   color: #fff; */
/* } */
/* .book_swipe_wrap .hover .info_title.hover-text { */
/*   overflow: hidden; */
/*   display: block; */
/*   display: -webkit-box; */
/*   -webkit-box-orient: vertical; */
/*   -webkit-line-clamp: 6; */
/*   width: 90%; */
/*   font-size: 16px; */
/*   font-weight: 700; */
/*   color: #fff; */
/*   line-height: 1.2; */
/*   text-align: center; */
/*   white-space: normal; */
/*   text-overflow: ellipsis; */
/*   vertical-align: top; */
/*   padding-top: 55%; */
/* } */
/* .book_swipe_wrap .info_text { */
/*   overflow: hidden; */
/*   display: block; */
/*   margin-top: 8px; */
/*   font-size: 16px; */
/*   font-weight: 400; */
/*   color: #6F6E6D; */
/*   line-height: 1.2; */
/*   text-align: center; */
/*   white-space: nowrap; */
/*   word-break: keep-all; */
/*   text-overflow: ellipsis; */
/* } */

/* .slick-track { */
/*   margin: auto; */
/*   width: 1240px; */
/* } */
/* .slick-slide img { */
/*   display: block; */
/* } */

/* @media screen and (max-width: 1425px) { */
/*   .book_swipe_wrap .img_area .img img { */
/*     width: 190px; */
/*   } */
/*   .main_book { */
/*     padding: 25px 0; */
/*   } */
/*   .book_swipe_wrap { */
/*     padding: 0; */
/*   } */
/*   .book_swipe_wrap .book_frame { */
/*     min-width: auto; */
/*   } */
/* } */

/* @media screen and (max-width: 1240px) { */
/*   .book_menu_wrap .book_list li { */
/*     font-weight: 500; */
/*     font-size: 18px; */
/*   } */
/* } */
/* @media screen and (max-width: 1024px) { */
/*   .main_book .main_section{ padding: 10px} */
/*   .main_book .main_section .main_btn_more{ top: 27px; right: 10px; } */
/*   .book_menu_wrap .book_list { */
/*     font-size: 1.5rem; */
/*     color: #fff; */
/*     position: relative; */
/*     z-index: 1; */
/*     height: 50px; */
/*     padding: 0; */
/*     font-size: 0; */
/*   } */
/*   .book_menu_wrap .book_item button { */
/*     padding: 0; */
/*   } */
/*   .book_menu_wrap .book_item .txt { */
/*     font-size: 18px; */
/*     height: 50px; */
/*     letter-spacing: 0; */
/*   } */
/* } */
/* @media screen and (max-width: 786px) { */
/* 	  .main_book { padding: 0 20px} */
/* } */

/* @media screen and (max-width: 767px) { */
/*   .book_menu_wrap { */
/*     width: 100%; */
/*   } */
/*   .book_swipe_wrap .img_area { */
/*     padding-top: 210px; */
/*   } */
/*   .book_swipe_wrap .info_area { */
/*     width: 150px; */
/*   } */
/*   .book_swipe_wrap .img_area .img { */
/*     height: 210px; */
/*     width: 150px; */
/*     padding: 0 3% 2% 0; */
/*   } */
/*   .book_swipe_wrap .hover { */
/*     width: 150px; */
/*     height: 210px; */
/*     min-height: auto; */
/*   } */
/*   .book_swipe_wrap .hover .inner { */
/*     padding-top: 85px; */
/*   } */
/*   .book_swipe_wrap .book_swipe_list { */
/*     min-height: 272px; */
/*   } */
/*   .book_swipe_wrap .hover .info_title.hover-text { */
/*     -webkit-line-clamp: 4; */
/*     padding-top: 18%; */
/*     font-size: 1.4rem; */
/*   } */
/*   .book_swipe_wrap .info_text { */
/*     width: 100%; */
/*     white-space: nowrap; */
/*     word-break: keep-all; */
/*     text-overflow: ellipsis; */
/*     font-size: 1.5rem; */
/*   } */
/*   .book_contents_type .book_swipe_wrap .info_area { */
/*     height: 58px; */
/*   } */
/*   .book_swipe_wrap .info_title { */
/*     font-size: 1.5rem; */
/*     -webkit-line-clamp: 1; */
/*     min-height: 18px; */
/*     max-height: 18px; */
/*   } */
/*   #book_new .book_swipe_wrap .hover .bx, */
/*   #book_webdb .book_swipe_wrap .hover .bx, */
/*   #book_read .book_swipe_wrap .hover .bx, */
/*   #book_recommend .book_swipe_wrap .hover .bx { */
/*     background-size: 60px; */
/*     background-position: center 23%; */
/*   } */
/*   .book_contents_wrap { */
/*     max-height: none; */
/*     width: 100%; */
/*     margin: 0; */
/*   } */
/* } */
/* @media screen and (max-width: 480px) { */
/* 	.book_menu_wrap .book_item .txt{ padding: 0 10px 0 0;} */
/* } */
/* @media screen and (max-width: 420px) { */
/*   .book_swipe_wrap .img_area .img { */
/*     background-position: right 0; */
/*   } */
/* } */
/* @media screen and (max-width: 374px) { */
/*   .book_swipe_wrap .img_area .img { */
/*     background-position: 53% 0; */
/*   } */
/* } */

/*탭 메뉴 left*/
.main_book .book_btn_wrap{margin:40px 0 0px;text-align:center;}
.main_book .book_btn{padding:4px 25px;border: 1px solid #c0c0c0;border-radius: 30px;font-size:18px;color:#000;}
.main_book .book_btn:after{display:inline-block;width:8px;height:12px;margin-left:10px;background:url(https://www.nl.go.kr/resource/templete/nl/common/img/common/sp.png)no-repeat -50px -37px;content:'';}
.main_book .book_btn:hover{background:#697a89;border: 1px solid #697a89;color:#fff;}
.main_book .book_btn:hover:after{background:url(https://www.nl.go.kr/resource/templete/nl/common/img/common/sp.png)no-repeat -50px -50px;}

@media screen and (max-width:1425px){
	.main_book .book_btn_wrap{margin:20px 10px;}
}
.main_book_section{ display: flex;}
.book_menu_wrap{display: inline-block; box-sizing: border-box; width: 250px; flex-shrink: 0; padding: 35px 30px; background: #003964;}
.book_menu_wrap .book_txt_wrap{ width: 100%; }
.book_menu_wrap .book_tit{ width: 100%; font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 10px;}
.book_menu_wrap .book_txt{ width: 100%; font-size: 15px; color: #fff; margin-bottom: 25px; font-weight: 300; opacity: 0.9;}
.book_menu_wrap .book_list{font-size:0;}
.book_menu_wrap .book_list li{display: block; position:relative;padding: 0;font-size: 17px;color: #fff; border: 1px solid #285C86; box-sizing:border-box;-webkit-box-sizing:border-box;outline:0;width: 100%; margin-top: 5px}
.book_menu_wrap .book_item a{display: flex; align-items: center; position:relative;width:100%;height:100%;padding: 5px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;cursor: pointer; height: 45px}
.book_menu_wrap .book_item a:hover,
.book_menu_wrap .book_item[data-selected=true]{color:#000000; background: #fff; border: none;}
.book_menu_wrap .book_item:first-child a:hover,
.book_menu_wrap .book_item:first-child[data-selected=true]{color:#c99a43; background: #fff; border: none;}
.book_menu_wrap .book_item[data-selected=true] a:before{transform:scaleX(1);-webkit-transform:scaleX(1)}
.book_menu_wrap .book_item[data-selected=true] a:after{content:'더보기';margin-left: 10px;display:inline-block;width: 12px;height: 12px;box-sizing:border-box;background:url('https://www.nl.go.kr/resource/templete/nl/img/main/more_icon_main_w.png') center no-repeat;overflow:hidden;color:transparent;vertical-align:middle;background-size:100% 100%}
.book_menu_wrap .book_item[data-selected=true] a.on:after{content:'더보기';margin-left: 10px;display:inline-block;width: 12px;height: 12px;box-sizing:border-box;background:url(https://www.nl.go.kr/resource/templete/nl/img/main/more_icon_main.png) center no-repeat;overflow:hidden;color:transparent;vertical-align:middle;background-size:100% 100%}

.book_contents_wrap{overflow:hidden; width: 100%; padding: 30px; max-height: 820px; display: flex; align-items: center; vertical-align: top;box-sizing: border-box; padding-right: 0px;}
.book_contents_wrap .book_contents{ display: none; width: 100%}
.book_swipe_wrap{position:relative;width:100%;}
.book_swipe_wrap .bx-viewport{width:100%;height:100%}
.book_swipe_wrap .book_frame{min-width:1240px;width:100%;height:100%;margin:0 auto}
.book_swipe_wrap .book_swipe_list{min-height: 330px; height:100%;font-size:0;text-align:center}
.book_swipe_wrap .book_swipe_item{display:inline-block;position:relative;}
.book_swipe_wrap .book_swipe_item a{display:block;width:100%;height:100%}
.book_swipe_wrap .img_area{position:relative;display:block;width:100%;padding-top: 250px;}
.book_swipe_wrap .img_area .img{position:absolute;top:0;right:0;left:0;bottom:0;text-align:center;font-size:0;background:url('https://www.nl.go.kr/resource/templete/nl/img/main/book_bg.png') center no-repeat;width: 175px;height: 250px;margin:0 auto;padding:0 4% 3% 0;box-sizing:border-box;background-size:100% 100%;}
.book_swipe_wrap .img_area .img:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.book_swipe_wrap .img_area .img img{width:100%;height:100%;max-height:100%;margin:0 auto;border:1px solid #a9a9a9;vertical-align:middle;display: inline-block;}
.book_swipe_wrap .info_area{display:block;position:relative;width: 175px;max-height:82px;margin:0 auto;padding-top:16px;white-space:normal;box-sizing:border-box;-webkit-box-sizing:border-box;}
.book_swipe_wrap .info_title{overflow:hidden;display:block;width:100%;min-height: 40px;max-height: 40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;font-weight:700;color:#000;line-height:1.2;text-align:center;white-space:normal;text-overflow:ellipsis;}
.book_swipe_wrap .non_img{display:block;position:absolute;top:0;left:50%;z-index:1;width:193px;height:289px;min-height:289px;transform:translateX(-50%);}
.book_swipe_wrap .non_img .bx{display:table;width:100%;height:100%;}
.book_swipe_wrap .non_img .bx .inner{display:table-cell;vertical-align:middle;}
.book_swipe_wrap .non_img .bx .inner .info_title{display:block;position:absolute;top:50%;left: calc(50% - 4px);transform:translate(-50%,-50%);max-height:none;padding: 0px 10px;color:#626262;box-sizing: border-box;}
.book_swipe_wrap .hover{display:none;position:absolute;top:0;left: calc(50% + 4px);z-index:1;width: 175px;height: 250px;min-height: 250px;background:url('https://www.nl.go.kr/resource/templete/nl/img/main/book_hover.png');box-shadow:3px 5px 10px rgba(0,0,0,.3);transform:translate(-50%,0);-webkit-transform:translate(-50%,0);}
.book_swipe_wrap .non_img .bx .inner .info_title--titpd {padding: 0 20px;}

.book_swipe_wrap .non_img .info_title{width:157px;}

.book_swipe_wrap .book_swipe_item a:hover .hover{display:block}
.book_swipe_wrap .hover .bx{display:table;width:100%;height:100%;table-layout:fixed}
.book_swipe_wrap .hover .inner{display:table-cell;vertical-align:top;padding-top:40px}
#book_new .book_swipe_wrap .hover .bx{background:url('https://www.nl.go.kr/resource/templete/nl/img/main/ico_new.png') center 30% no-repeat}
#book_recommend .book_swipe_wrap .hover .bx{background:url('https://www.nl.go.kr/resource/templete/nl/img/main/ico_best.png') center 30% no-repeat}
#book_read .book_swipe_wrap .hover .bx{background:url('https://www.nl.go.kr/resource/templete/nl/img/main/ico_speaker.png') center 30% no-repeat}
#book_webdb .book_swipe_wrap .hover .bx{background:url('https://www.nl.go.kr/resource/templete/nl/img/main/ico_db.png') center 30% no-repeat}
.book_swipe_wrap .hover .info_title{display:block;max-height:none;padding:0 10px;color:#fff}
.book_swipe_wrap .hover .info_title.hover-text {overflow: hidden; display: block;  display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 6; width:90%;font-size: 16px; font-weight: 700; color: #fff;  line-height: 1.2; text-align: center; white-space: normal; text-overflow: ellipsis;vertical-align: top; padding-top: 55%;}
.book_swipe_wrap .info_text{overflow:hidden;display:block;margin-top:8px;font-size:16px;font-weight:400;color:#797979;line-height:1.2;text-align:center;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}
/* slick css customize */
.slick-track {margin:auto;width:1240px;}
.slick-slide img{display: block;}


@media screen and (max-width:1425px){
	.book_swipe_wrap .img_area .img img {width:190px}
    .main_book{padding:26px 15px}
    .book_swipe_wrap{padding: 0;}
    .book_swipe_wrap .book_frame{min-width:auto}
}

@media screen and (max-width:1240px){
	.book_menu_wrap .book_list li{font-weight:500;font-size:18px;}
}

@media screen and (max-width:860px){
    .main_book{padding:13px 0}
}
@media screen and (max-width:767px){
  /* 24년 2월 컨텐츠영역 padding 주석처리 */
  /* .container { padding-top:250px; } */
  /* 24년 2월 컨텐츠영역 padding 주석처리 end */
    .main_book_section{ flex-wrap: wrap; text-align:center;}
    .book_menu_wrap{ width: 100%; padding: 30px 20px}
    .book_menu_wrap .book_list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px}
    .book_menu_wrap .book_list li{ width: 100%; margin-top: 0;}
    .book_menu_wrap .book_item a{ padding: 5px 15px; text-align: left}
    .book_contents_wrap{ padding: 30px 20px 0}
    .book_swipe_wrap .book_swipe_list{ grid-template-columns: repeat(3, 1fr); gap: 15px}
    .book_swipe_wrap .book_swipe_item{ display: flex; justify-content: center; width: auto; margin: 0}
    .book_swipe_wrap .img_area .img,
    .book_swipe_wrap .img_area .img img{ max-width: 100%}
    .book_menu_wrap .book_item[data-selected=true] a:after,
	.book_menu_wrap .book_item[data-selected=true] a.on:after{ margin-left: 5px}

	.book_swipe_wrap .img_area {padding-top:210px}
	.book_swipe_wrap .info_area{width: 100%;}
	.book_swipe_wrap .img_area .img {height: 210px;width: 150px}
	.book_swipe_wrap .hover{width:150px;height:210px;min-height:auto}
	.book_swipe_wrap .hover .inner {padding-top:85px}
	.book_swipe_wrap .book_swipe_list{min-height:272px}
	.book_swipe_wrap .hover .info_title.hover-text {-webkit-line-clamp: 4; padding-top: 18%;font-size:1.4rem;}
	.book_swipe_wrap .info_text {width:100%; white-space: normal;word-break: break-all;text-overflow: ellipsis;font-size:1.5rem;}
	.book_contents_type .book_swipe_wrap .info_area{height:58px;}
	.book_swipe_wrap .info_title{font-size:1.5rem;-webkit-line-clamp: 1;min-height:18px;max-height:18px;}
	#book_new .book_swipe_wrap .hover .bx, #book_webdb .book_swipe_wrap .hover .bx,
	#book_read .book_swipe_wrap .hover .bx, #book_recommend .book_swipe_wrap .hover .bx{background-size:60px;background-position: center 23%;}
	.book_contents_wrap{max-height: none;width: 100%;margin: 0;}
}
@media screen and (max-width:535px){
	.book_swipe_wrap .book_swipe_list{ grid-template-columns: repeat(2, 1fr); gap: 15px}
	.book_menu_wrap .book_item a{ padding: 5px 10px}
}
@media screen and (max-width:420px){
	.book_swipe_wrap .img_area .img {background-position:right 0}
}
@media screen and (max-width:374px){
	.book_swipe_wrap .img_area .img {background-position:53% 0}
}


/* 공지사항 영역 */
.main_inform_wrap {
  overflow: hidden;
  padding: 40px 0 20px 0;
  background: #f2f4f5;
  border-bottom: 1px solid #eaeaea;
}
.main_inform_wrap.bg_none{ background: none}
.main_inform_wrap.bd_none{ border: none;}
.main_notice_wrap {
  display: inline-block;
  position: relative;
  width: calc(50% - 15px);
  margin-right: 15px;
  vertical-align: top;
  box-sizing: border-box;
}
/*.main_notice_wrap:after{position:absolute;top:0;left:-100%;width:100%;height:55px;background:#7398af;content:''}*/
.main_notice_wrap .tab_list {
  font-size: 0;
}
.main_notice_wrap .tab_item {
  display: inline-block;
  height: 100%;
  cursor: pointer;
}
.main_notice_wrap .tab_item:first-child:before {
  display: inline-block;
  width: 1px;
  height: 100%;
}
.main_notice_wrap .tab_item:after {
  display: inline-block;
  width: 1px;
  height: 100%;
}
.main_notice_wrap .tab_item a {
  display: inline-block;
  height: 100%;
  padding: 0px;
  vertical-align: top;
}
.main_notice_wrap .tab_item .txt {
  display: table-cell;
  padding: 0 25px 0 0;
  vertical-align: middle;
  font-size: 20px;
  color: #868686;
  font-weight: 700;
}
.main_notice_wrap .tab_item[data-selected='true'] span {
  color: #000;
  text-decoration:underline;
  text-underline-offset:3px;
}

.tabpanel_wrap .tabpanel {
  display: none;
}
.tabpanel_wrap .tabpanel[data-selected='true'] {
  display: block;
}
.tabpanel_wrap .notice_more {
  position: absolute;
  top: 0;
  right: 20px;
  margin: 13px 0 14px;
  padding: 6px 15px;
  border-radius: 30px;
  font-size: 16px;
  color: #fff;
  line-height: 16px;
}
.tabpanel_wrap .notice_more:after {
  display: inline-block;
  width: 7px;
  height: 13px;
  margin: 2px 0 0 7px;
  background-position: -70px -39px;
  content: '';
}

.main_news_wrap .tabpanel_wrap {
  box-sizing: border-box;
}
.main_news_wrap {
  display: inline-block;
  position: relative;
  width: calc(50% - 15px);
  margin-left: 15px;
  padding-right: 0;
  vertical-align: top;
  box-sizing: border-box;
}
/*.main_news_wrap:after{position:absolute;top:0;right:-100%;width:100%;height:55px;background:#68c0c3;content:''}*/
.main_news_wrap .tab_list {
  font-size: 0;
}
.main_news_wrap .tab_item {
  display: inline-block;
  height: 100%;
  cursor: pointer;
}
.main_news_wrap .tab_item:after {
  display: inline-block;
  width: 1px;
  height: 100%;
}
.main_news_wrap .tab_item:first-child:before {
  display: inline-block;
  width: 1px;
  height: 100%;
}
.main_news_wrap .tab_item a {
  display: inline-block;
  height: 100%;
  padding: 0px;
  vertical-align: top;
}
.main_news_wrap .tab_item .txt {
  display: table-cell;
  padding: 0 25px 0 0;
  vertical-align: middle;
  font-size: 20px;
  color: #868686;
  font-weight: 700;
}
.main_news_wrap .tab_item[data-selected='true'] span {
  color: #000;
  text-decoration:underline;
  text-underline-offset:3px;
}

.main_news_wrap .tabpanel_wrap .notice_more {
  margin-right: -15px;
}
@media screen and (max-width: 1024px) {
  .main_news_wrap {
    padding-left: 0;
  }
  .main_notice_wrap {
    padding-right: 0;
  }
  .main_news_wrap .tabpanel_wrap .notice_more {
    background: none;
    text-align: center;
  }
  .main_notice_wrap .tabpanel_wrap .notice_more {
    background: none;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .main_inform_wrap {
    padding: 0 20px;
  }
  .main_notice_wrap .tab_item .txt {
    height: 50px;
    font-weight: 700;
  }
  .main_news_wrap .tab_item .txt {
    height: 50px;
    font-weight: 700;
  }
  .main_notice_wrap .main_btn_more,
  .main_news_wrap .main_btn_more {
    top: 27px;
    right: 10px;
  }
}
@media screen and (max-width: 480px) {
  .main_notice_wrap .tabpanel_wrap .notice_more {
    font-size: 0;
  }
  .main_news_wrap .tabpanel_wrap .notice_more {
    right: 0;
    font-size: 0;
  }
  .main_notice_wrap .tab_item .txt {
    padding: 0 10px 0 0;
  }
  .main_news_wrap .tab_item .txt {
    padding: 0 10px;
  }
}

/* 공지사항 */
.main_notice_list {
  overflow: hidden;
  max-height: 310px;
  padding: 20px 0 0 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_notice_item {
  position: relative;
  margin-top: 2px;
  font-size: 17px;
  font-weight: 500;
  color: #44484c;
  padding-left: 10px;
  min-height: 35px;
}
.main_notice_item:first-child {
  margin: 0;
}
.main_notice_item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 6px 0 6px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.notice_top_item a {
  padding: 5px 0;
}
.main_notice_item a:hover .title {
  text-decoration: underline;
  color: #d99000;
}
.main_notice_item .title {
  overflow: hidden;
  margin-right: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #090909;
  font-size: 16px;
  letter-spacing: -1px;
}
.main_notice_item.notice_top_item .title {
  color: #000;
}
.main_notice_item .date {
  position: absolute;
  top: 5px;
  right: 10px;
  font-weight: 400;
  color: #5d5d5d;
  font-size: 16px;
}
.main_notice_item a:hover .date {
  color: #d99000;
}
.main_notice_item .title span.notice {
  min-width: 48px;
  margin: 0 10px 0 0;
  font-size: 15px;
  color: #fff;
  background: #3669ac;
  text-align: center;
  line-height: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  border-radius: 4px;
}
.main_notice_item:before {
  content: '';
  width: 2px;
  height: 2px;
  background-color: #333;
  display: block;
  position: absolute;
  top: 17px;
  left: 0;
}
.main_notice_item.notice_top_item {
  padding-left: 0;
}
.main_notice_item.notice_top_item:before {
  display: none;
}

/* 행사안내 */
.main_event_list {
  overflow: hidden;
  max-height: 310px;
  padding: 37px 0 43px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_event_item {
  position: relative;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 700;
  color: #44484c;
}
.main_event_item:first-child {
  margin: 0;
}
.main_event_item:before {
  position: absolute;
  top: 20px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #475a6d;
  content: '';
}
.main_event_item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 17px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_event_item a:hover .title {
  text-decoration: underline;
}
.main_event_item .title {
  overflow: hidden;
  margin-right: 118px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main_event_item .date {
  position: absolute;
  top: 10px;
  right: 38px;
  font-weight: 400;
}

/* 인재채용 */
.main_recruit_list {
  overflow: hidden;
  max-height: 310px;
  padding: 37px 0 43px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_recruit_item {
  position: relative;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 700;
  color: #44484c;
}
.main_recruit_item:first-child {
  margin: 0;
}
.main_recruit_item:before {
  position: absolute;
  top: 20px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #475a6d;
  content: '';
}
.main_recruit_item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 38px 10px 17px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_recruit_item a:hover .title {
  text-decoration: underline;
}
.main_recruit_item .title {
  overflow: hidden;
  margin-right: 118px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main_recruit_item .date {
  position: absolute;
  top: 10px;
  right: 38px;
  font-weight: 400;
}

/* 보도자료 */
.main_report_list {
  overflow: hidden;
  max-height: 310px;
  padding: 44px 0 44px 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_report_item {
  position: relative;
  height: 102px;
  margin-top: 20px;
}
.main_report_item:first-child {
  margin: 0;
}
.main_report_item a {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_report_item a:hover .title {
  text-decoration: underline;
}
.main_report_item .thumb {
  overflow: hidden;
  float: left;
  position: relative;
  width: 155px;
  height: 102px;
  text-align: center;
}
.main_report_item .thumb img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.main_report_item .thumb img:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.main_report_item .cont {
  overflow: hidden;
  position: relative;
  min-height: 102px;
  padding: 0 28px;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_report_item .cont:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.main_report_item .bx {
  display: inline-block;
  vertical-align: middle;
}
.main_report_item .title {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 44px;
  font-size: 18px;
  font-weight: 700;
  color: #44484c;
  line-height: 1.3;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_report_item .title:hover {
  text-decoration: underline;
}
.main_report_item .date {
  display: inline-block;
  margin-top: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

/* 포토뉴스 */
.main_photo_list {
  overflow: hidden;
  max-height: 310px;
  padding: 20px 0 0 0;
  font-size: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_photo_item {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  padding-left: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_photo_item:first-child {
  padding: 0 10px 0 0;
}
.main_photo_item a {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_photo_item a:hover .title {
  text-decoration: underline;
  color: #d99000;
}
.main_photo_item .thumb {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 185px;
}
.main_photo_item .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 185px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #c7c3c3;
  box-sizing: border-box;
}
.main_photo_item .img:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.main_photo_item img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.main_photo_item .cont {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 61px;
  max-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main_photo_item .title {
  display: block;
  max-height: 44px;
  margin-top: 12px;
  font-size: 17px;
  font-weight: 700;
  color: #4f4f4f;
  line-height: 1.3;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.main_photo_item .title:hover {
  text-decoration: underline;
}
.main_photo_item .text {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-height: 44px;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #616161;
  line-height: 1.3;
  white-space: normal;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_photo_item .info_inner {
  position: absolute;
  left: 0;
  bottom: -2px;
  font-size: 15px;
  font-weight: 400;
  color: #5d5d5d;
}
.main_photo_item .info_inner span:before {
  display: inline-block;
  width: 1px;
  height: 15px;
  margin: 0 15px;
  background: #dcdcdc;
  vertical-align: middle;
  content: '';
}
.main_photo_item .info_inner span:first-child:before {
  display: none;
}
@media screen and (max-width: 768px) {
  .main_photo_item .title {
    font-size: 1.5rem;
  }
  .main_notice_item .title span.notice {
    min-width: 42px;
    margin-right: 7px;
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .main_photo_item .img {
    height: 115px;
  }
  .main_photo_item .thumb {
    padding-top: 115px;
  }
}

/* 동영상뉴스 */
.main_video_list {
  overflow: hidden;
  max-height: 310px;
  padding: 40px 15px;
  font-size: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_video_item {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  padding-left: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_video_item:first-child {
  padding: 0 10px 0 0;
}
.main_video_item a {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_video_item a:hover .title {
  text-decoration: underline;
  color: #d99000;
}
.main_video_item .thumb {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 185px;
}
.main_video_item .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 185px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #c7c3c3;
  box-sizing: border-box;
}
.main_video_item .img:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.main_video_item img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.main_video_item .img:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 58px;
  height: 58px;
  background-position: 0 -123px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: '';
}
.main_video_item .thumb img {
  width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.main_video_item .cont {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 61px;
  max-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main_video_item .title {
  display: block;
  max-height: 44px;
  margin-top: 12px;
  font-size: 17px;
  font-weight: 700;
  color: #4f4f4f;
  line-height: 1.3;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.main_video_item .title:hover {
  text-decoration: underline;
}
.main_video_item .text {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-height: 44px;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #616161;
  line-height: 1.3;
  white-space: normal;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main_video_item .info_inner {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 15px;
  font-weight: 400;
  color: #898989;
}
.main_video_item .info_inner span:before {
  display: inline-block;
  width: 1px;
  height: 15px;
  margin: 0 15px;
  background: #dcdcdc;
  vertical-align: middle;
  content: '';
}
.main_video_item .info_inner span:first-child:before {
  display: none;
}

@media screen and (max-width: 1024px) {
  .main_notice_wrap .tab_list {
    font-size: 1.5rem;
    color: #fff;
  }
  .tabpanel_wrap .notice_more {
    right: 0;
    z-index: 1;
    padding: 8px 24px;
    margin: 9px 0;
    font-size: 1.5rem;
    color: #fff;
  }

  .main_notice_wrap,
  .main_news_wrap {
    width: calc(50% - 10px);
    min-height: auto;
    max-height: none;
    padding: 10px;
    box-sizing: border-box;
  }
  .main_notice_wrap:after {
    right: -30px;
    left: -30px;
    width: auto;
    height: 50px;
  }
  .main_notice_wrap .tab_list {
    position: relative;
    z-index: 1;
    height: 50px;
    padding: 0;
    font-size: 0;
  }
  .main_notice_wrap .tab_item button {
    padding: 0;
  }
  .main_notice_wrap .tab_item .txt {
    font-size: 18px;
    letter-spacing: 0;
  }
  .main_notice_list {
    max-height: none;
    padding: 10px 0;
  }
  .main_notice_item:before {
    top: 15px;
    width: 2px;
    height: 2px;
  }
  .main_notice_item {
    font-size: 1.5rem;
    max-height: 29px;
  }
  .main_notice_item a {
    padding: 5px 0;
  }
  .notice_top_item a {
    padding: 5px 0;
  }
  .main_notice_item .title {
    margin-right: 26%;
    font-size: 14px;
  }
  .main_notice_item .date {
    top: 5px;
    right: 0;
    font-size: 14px;
  }

  .main_event_list {
    max-height: none;
    padding: 13px 0;
  }
  .main_event_item:before {
    top: 15px;
    width: 2px;
    height: 2px;
  }
  .main_event_item {
    font-size: 1.5rem;
  }
  .main_event_item a {
    padding: 5px 7px;
  }
  .main_event_item .title {
    margin-right: 26%;
  }
  .main_event_item .date {
    top: 5px;
    right: 0;
  }

  .main_recruit_list {
    max-height: none;
    padding: 13px 0;
  }
  .main_recruit_item:before {
    top: 15px;
    width: 2px;
    height: 2px;
  }
  .main_recruit_item {
    font-size: 1.5rem;
  }
  .main_recruit_item a {
    padding: 5px 0 5px 7px;
  }
  .main_recruit_item .title {
    margin-right: 26%;
  }
  .main_recruit_item .date {
    top: 5px;
    right: 0;
  }

  .main_news_wrap {
    width: calc(50% - 10px);
    min-height: auto;
    max-height: none;
    margin: 0;
    box-sizing: border-box;
  }
  .main_news_wrap:after {
    right: -30px;
    left: -30px;
    width: auto;
    height: 3.8rem;
  }
  .main_news_wrap .tab_list {
    position: relative;
    z-index: 1;
    height: 50px;
    padding: 0;
  }
  .main_news_wrap .tab_item button {
    padding: 0 3px;
  }
  .main_news_wrap .tab_item .txt {
    font-size: 18px;
    letter-spacing: -1px;
    padding: 0 10px 0 0;
  }
  .main_news_wrap .tabpanel_wrap {
    border: none;
  }

  .main_report_list {
    max-height: none;
    padding: 22px 0;
  }
  .main_report_item {
    height: auto;
    margin-top: 12px;
  }
  .main_report_item .thumb {
    width: 113px;
    height: 81px;
  }
  .main_report_item .cont {
    min-height: 81px;
    padding: 0 14px;
  }
  .main_report_item .title {
    font-size: 1.6rem;
  }
  .main_report_item .date {
    margin-top: 16px;
    font-size: 1.5rem;
  }

  .main_photo_list {
    max-height: none;
    margin: 0;
    padding: 10px 0;
  }
  .main_photo_item {
    width: 48%;
    margin: 0 1%;
    padding: 0;
  }

  .main_video_list {
    max-height: none;
    margin: 0 -1%;
    padding: 22px 15px;
  }
  .main_video_item {
    width: 48%;
    margin: 0 1%;
    padding: 0;
  }
  .main_video_item .img:before {
    width: 45px;
    height: 45px;
    background-position: 0 -56px;
  }
}
@media screen and (max-width: 1024px) {
  .main_news_wrap .tabpanel_wrap .notice_more {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .main_notice_wrap,
  .main_news_wrap {
    width: 100%;
  }
  .main_inform_wrap .tabpanel_wrap .tabpanel {
    min-height: 187px;
  }
  /* .main_news_wrap .tabpanel_wrap{min-height:262px} */
  .tabpanel_wrap .notice_more:after {
    width: 13px;
    height: 13px;
    background: url(https://www.nl.go.kr/resource/templete/nl/common/img/common/layout_m.png) -368px -80px
      no-repeat;
  }
  .main_video_item .title,
  .main_video_item .info_inner {
    font-size: 1.5rem;
  }
  .main_video_item .cont {
    height: 75px;
  }
}
@media screen and (max-width: 540px) {
}
@media screen and (max-width: 480px) {
  .main_video_item .img {
    height: 115px;
  }
  .main_video_item .thumb {
    padding-top: 115px;
  }
}

/* 배너 홍보 영역 */
.main_banner_wrap {
  border-top: 1px solid #e4e4e4;
  padding: 30px 0 27px;
}
.main_promotion_wrap {
  display: inline-block;
  width: 60.08064516%;
}
.main_promotion_wrap .promotion_list {
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-height: 50px;
  padding-right: 10px
}
.main_promotion_wrap .promotion_item {
  display: inline-block;
  margin-left: 10px;
}
.main_promotion_wrap .promotion_item:first-child {
  margin: 0;
}
.main_promotion_wrap .promotion_item a {
  display: block;
  width: 100%;
  height: 100%;
}
.main_promotion_wrap .promotion_item img {
  width: 100%;
  height: 100%;
}

/* 외부기관 홍보 배너 */
.site_promotion_wrap {
  display: inline-block;
  position: relative;
  width: 39.919354%;
  padding-left: 37px;
  border-left: 1px dashed #e2e2e2;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.site_promotion_wrap .site_promotion_list {
  max-width: calc( 100% - 111px);
  font-size: 0;
  height: 100%;
}
.site_promotion_wrap .site_promotion_item {
  display: inline-block;
  padding: 2px;
}
.site_promotion_wrap .site_promotion_item a {
  display: block;
  position: relative;
  width: 162px;
  height: 100%;
}
.site_promotion_wrap .site_promotion_item a:focus{
	outline: dotted 1px #000
}
.site_promotion_wrap .site_promotion_item a:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #ccc;
  content: '';
}

.site_promotion_wrap .slick-arrow {
  position: absolute;
  top: 23px;
  left: auto;
  right: -49px;
  z-index: 10;
  width: 28px;
  height: 27px;
  border-radius: 0;
}
.site_promotion_wrap .slick-prev {
  background-position: -78px -56px;
}
.site_promotion_wrap .slick-next {
  right: -80px;
  background-position: -78px -56px;
}
.promotion_btn_wrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
/*   margin-top: -14px; */
  width: 28px;
  height: 45px;
}
.promotion_btn_wrap button{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
}
.promotion_btn_wrap button .txt {
  width: 28px;
  height: 27px;
}
.promotion_btn_wrap .btn_start {
  display: none;
}
.promotion_btn_wrap .btn_stop .txt {
  background-position: -48px -86px;
}
.promotion_btn_wrap .btn_start .txt {
  background-position: -78px -86px;
}

@media screen and (max-width: 1239px) {
  .main_banner_wrap {
    padding: 15px 30px;
  }
  .main_promotion_wrap {
    width: 50%;
    margin-left: -2%;
  }
  .main_promotion_wrap .promotion_item {
    width: 25%;
    height: auto;
    margin: 0;
    padding-left: 2%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  /*.main_promotion_wrap .promotion_item:first-child{padding:0}*/
  .promotion_btn_wrap {
    width: auto;
    left: 432px;
  }
  .site_promotion_wrap {
    width: 49%;
    padding-left: 1%;
    margin-left: 1%;
  }
}
@media screen and (max-width: 1024px) {
  .main_promotion_wrap {
    width: 100%;
  }
  .promotion_btn_wrap {
    width: auto;
  }
  .promotion_btn_wrap button{
    position: relative;
    left: auto;
    top: auto;
    margin-top: 0;
  }
  .site_promotion_wrap {
    display: block;
    width: 100%;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #e2e2e2;
    border-left: 0;
    text-align: center;
  }
  .site_promotion_wrap .site_promotion_list {
    max-width: none;
    min-width: 140px;
    width: 100%;
    margin-bottom: 10px;
  }
  .site_promotion_wrap .site_promotion_item {
    margin: 0 10px;
  }
  .site_promotion_wrap .site_promotion_item a {
    width: 140px;
  }

  .site_promotion_wrap .slick-arrow {
    position: absolute;
    top: auto;
    right: 53px;
    left: auto;
    bottom: -45.5px;
    width: 24px;
    height: 24px;
    margin-top: 0;
    border-radius: 0;
  }
  .site_promotion_wrap .slick-prev {
    background-position: 0 -133.5px;
  }
  .site_promotion_wrap .slick-next {
    right: 26px;
    background-position: 0px -134px;
  }
  .promotion_btn_wrap {
    position: static;
    top: auto;
    right: auto;
    margin-top: 0;
    text-align: right;
  }
  .promotion_btn_wrap button .txt {
    width: 24px;
    height: 24px;
  }
  .promotion_btn_wrap .btn_start {
    display: none;
  }
  .promotion_btn_wrap .btn_stop .txt {
    background-position: -26px -134px;
  }
  .promotion_btn_wrap .btn_start .txt {
    background-position: -26px -108px;
  }
  .main_promotion_wrap .promotion_item {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .main_banner_wrap {
    padding: 15px;
  }
  .main_promotion_wrap {
    margin-left: -1%;
  }
  .main_promotion_wrap .promotion_list{ flex-wrap: wrap}
  .main_promotion_wrap .promotion_item {
    width: 33.3333%;
    padding: 1%;
    height: auto;
  }

  /* .promotion_btn_wrap{margin-top:-14px} */
}
@media screen and (max-width: 480px) {
  .main_promotion_wrap .promotion_item {
    width: 50%
  }
}

/* 자주 이용하는 메뉴 설정 팝업 */
.favorite_menu-set .fav_item {
  border-right: solid 1px #e0e0e0;
  font-size: 0;
  display: inline-block;
  width: 49%;
  box-sizing: border-box;
  vertical-align: top;
  padding: 20px;
}

.favorite_menu-set .fav_item .input_check+label {
	display: inline-block;
    position: relative;
    padding-right: 0px;
    width:16px;
    font-size: 16px;
    font-weight: 400;
    color: #3f3f3f;
    line-height: 20px;
    vertical-align: top;
    cursor: pointer;
}


.favorite_menu-set .fav_item:nth-of-type(2n) {
  border-right: none;
}
.favorite_menu-set .input_check_wrap {
  width: 20px;
  vertical-align: middle;
}
.favorite_menu-set .ico {
  display: inline-block;
  width: 60px;
  min-height: 60px;
  vertical-align: middle;
  margin: 0 10px;
  margin-top: -5px;
}

.favorite_menu-set .cover_title {
  display: inline-block;
  width: calc(100% - 130px);
  padding: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.favorite_menu-set .navigate {
  display: inline-block;
  width: calc(100% - 130px);
  font-size: 14px;
  line-height: 1.3;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 120px;
  margin-top: -25px;
  color: #595959;
  font-weight: 300;
  min-height: 40px;
}

.favorite_menu-set .fav_seq {
  display: inline-block;
  width:10px;
  height:28px;
  font-size:20px;
  vertical-align: middle;
  margin-right:10px;
}

.layer_popup .popup_contents .fav_save_wrap {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}



.fav_save_wrap .btn_save {
  background: #27628b;
}
@media screen and (max-width: 767px) {
  .favorite_menu-set .cover_title {
    font-size: 1.6rem;
  }
  .favorite_menu-set .navigate {
    font-size: 1.5rem;
  }
  .favorite_menu-set .fav_item {
    width: 100%;
    border: none;
  }
}

/* 상세검색 */
/* 검색영역 */
.input_check + label:before {
  vertical-align: sub;
}
.integSearch_wrap {
  padding-top: 252px;
  margin-top: 0px;
  letter-spacing: 0;
}
.integSearch_wrap .search-form__inner,
.sch_pop_wrap .search_section .search-form__inner {
  position: relative;
  width: 100%;
}
.integSearch_wrap .search-form_group,
.sch_pop_wrap .search_section .search-form_group {
  position: relative;
  height: 71px;
  margin-top: 10px;
}
.integSearch_wrap .search-text-wrap {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  margin-left: 169px;
  margin-right: 537px;
  border: 2px solid #2b63b0;
  border-right: 0;
  border-left: 0;
}
.sch_pop_wrap .search_section .search-text-wrap {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  margin-left: 169px;
  margin-right: 537px;
  border: 2px solid #2b63b0;
  border-right: 0;
  border-left: 1px solid #2b63b0;
}
.integSearch_wrap .input-text-wrap,
.sch_pop_wrap .search_section .search-form__inner {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
  box-sizing: border-box;
}
.integSearch_wrap .input-text-wrap label,
.sch_pop_wrap .search_section .input-text-wrap label {
  position: absolute;
  top: 50%;
  left: 25px;
  font-size: 20px;
  font-weight: 400;
  color: #686868;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.integSearch_wrap .input-text-wrap:before {
  content: '';
  width: 1px;
  height: 24px;
  background-color: #2b63b0;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
.integSearch_wrap .input-text {
  width: 90%;
  height: 42px;
  padding: 5px 25px;
  font-size: 16px;
  color: #333;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 34px;
  margin-top: 13px;
  margin-left: 10px;
}
.sch_pop_wrap .search_section .input-text {
  width: 100%;
  height: 100%;
  padding: 5px 25px;
  font-size: 16px;
  color: #333;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 34px;
}
.integSearch_wrap .search-select-wrap,
.sch_pop_wrap .search_section .search-select-wrap {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 0;
  border: 2px solid #2b63b0;
  border-right: 0;
  width: 170px;
}
.integSearch_wrap .search-select-wrap select,
.sch_pop_wrap .search_section .search-select-wrap select {
  width: 100%;
  height: 100%;
  padding: 0 0 0 10px;
  background: #fff url(../img/common/arrow_down.png) 100% 50% no-repeat;
  font-size: 15px;
  color: #000;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.integSearch_wrap .search-btn-wrap,
.sch_pop_wrap .search_section .search-btn-wrap {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 303px;
  height: 100%;
  font-size: 0;
  border: 2px solid #2b63b0;
  border-left: 0;
}
.integSearch_wrap .search-icon-wrap {
  width: 290px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  font-size: 0;
  background-color: #2b63b0;
  border: solid 5px #2b63b0;
}
.integSearch_wrap .search-icon-wrap .search-icon-txt {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  padding: 10px 20px;
  font-weight: 600;
  display: inline-block;
  max-width: 71px;
  height: 100%;
  box-sizing: border-box;
}
.integSearch_wrap .search-icon-wrap button {
  width: 69px;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.integSearch_wrap .search-icon-wrap button span {
  width: 100%;
  font-size: 14px;
  display: block;
  padding-top: 37px;
  color: #165598;
  box-sizing: border-box;
  height: 100%;
  border-left: solid 1px #eff2f7;
}
.integSearch_wrap .search-icon-wrap button span.type {
  background: url(../img/search/search_type_icon.png) 100% 100% no-repeat;
}
.integSearch_wrap .search-icon-wrap button span.author {
  background: url(../img/search/search_author_icon.png) 100% 100% no-repeat;
}
.integSearch_wrap .search-icon-wrap button span.subject {
  background: url(../img/search/search_subject_icon.png) 100% 100% no-repeat;
}
.integSearch_wrap .search-icon-wrap button span.type,
.integSearch_wrap .search-icon-wrap button span.author,
.integSearch_wrap .search-icon-wrap button span.subject {
  background-position: center 10px;
}
.integSearch_wrap .btn-worldword-wrap,
.sch_pop_wrap .search_section .btn-worldword-wrap {
  display: inline-block;
  position: relative;
  height: 100%;
  vertical-align: top;
}
.integSearch_wrap .btn-worldword,
.sch_pop_wrap .search_section .btn-worldword {
  width: 157px;
  height: 100%;
  background: #fff;
  text-align: left;
}
.integSearch_wrap .worldword-text {
  display: inline-block;
  padding: 0 14px;
  background: #6c7989;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 33px;
  border-radius: 3px;
}
.sch_pop_wrap .search_section .worldword-text {
  display: inline-block;
  padding: 0 14px;
  background: #5692bc;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 33px;
  border-radius: 5px;
}
.integSearch_wrap .worldword-text:before,
.sch_pop_wrap .search_section .worldword-text:before {
  display: inline-block;
  width: 24px;
  height: 15px;
  margin: -2px 7px 0 0;
  background-position: -79px -39px;
  vertical-align: middle;
  content: '';
}
.integSearch_wrap .btn-search,
.sch_pop_wrap .search_section .btn-search {
  width: 75px;
  height: 100%;
  background: #2b63b0;
  text-align: center;
}
.integSearch_wrap .btn-search .sp_main,
.sch_pop_wrap .search_section .btn-search .sp_main {
  width: 28px;
  height: 28px;
  background-position: -48px -56px;
}

/* 자동완성 */
.integSearch_wrap .autocomplete_layer {
  left: 170px;
  width: 690px;
}
.sub_fixed .integSearch_wrap .autocomplete_layer {
  left: 150px;
  width: 368px;
  top: 95%;
}

@media screen and (max-width: 1024px) {
  .sch_pop_wrap .search_section {
    padding: 0 0 15px 0;
  }
  .sch_pop_wrap .search_section .search-form_group {
    height: auto;
  }
  .sch_pop_wrap .search_section .search-icon-wrap {
    display: none;
  }
  .sch_pop_wrap .search_section .search-select-wrap {
    position: relative;
    display: block;
    margin-bottom: 5px;
    min-height: 34px;
    line-height: 34px;
    border: solid 2px #2b63b0;
    width: 100%;
  }
  .sch_pop_wrap .search_section .search-text-wrap {
    margin: 0;
    border-left: solid 2px #2b63b0;
    margin-right: 85px;
  }
  .sch_pop_wrap .search_section .search-btn-wrap {
    top: auto;
    bottom: 0;
    right: 0;
    height: 38px;
  }
  .sch_pop_wrap .search_section .btn-search {
    width: 38px;
  }
  .sch_pop_wrap .search_section .btn-search .sp_main {
    background: url(https://www.nl.go.kr/resource/templete/nl/img/main/sp_main.png) 0 0 no-repeat;
    width: 21px;
    height: 21px;
    background-position: -36px -42px;
    background-size: 300px;
  }
  .sch_pop_wrap .search_section .input-text {
    padding: 5px 10px;
  }
  .sch_pop_wrap .search_section .input-text-wrap label {
    left: 15px;
    font-size: 16px;
  }
  .sch_pop_wrap .search_section .btn-worldword {
    width: 45px;
    background: none;
  }
  .sch_pop_wrap .search_section .worldword-text {
    background: none;
    padding: 0 0 0 10px;
    overflow: hidden;
    max-height: 34px;
  }
  .sch_pop_wrap .search_section .worldword-text:before {
    background: url(../img/common/layout.png) no-repeat;
    background-position: -313px 0;
  }

  /* 자동완성 */
  .integSearch_wrap .autocomplete_layer {
    left: 0;
    width: 100%;
  }
  /* 다국어 */
  .sch_pop_wrap .pop_keyboard-wrapper {
    width: 100%;
    display: block;
  }
}
.mt20 {
  margin-top: 20px !important;
}
/* ucbrd04_wrap */
.ucbrd04_wrap table {
  width: 100%;
  border-top: 2px solid #426f8f;
  border-bottom: 1px solid #dfdfdf;
  font-size: 16px;
  text-align: center;
  table-layout: fixed;
}
.ucbrd04_wrap th {
  padding: 16px 0;
  border-bottom: 1px solid #dfdfdf;
  background-color: #f5f5f5;
  font-size: 16px;
  color: #000;
}
.ucbrd04_wrap td {
  position: relative;
  padding: 12px 2px;
  border-top: 1px solid #dadada;
  background-color: #fff;
  font-weight: 400;
  color: #3f3f3f;
}
.ucbrd04_wrap tbody tr:first-child td {
  border-top: none;
}
.ucbrd04_wrap a {
  display: inline-block;
  padding: 5px;
  height: 100%;
}
.ucbrd04_wrap .sp_download {
  width: 20px;
  height: 19px;
  background-position: -96px -39px;
}
@media screen and (max-width: 767px) {
  .ucbrd04_wrap th {
    padding: 8px 0;
  }
  .ucbrd04_wrap td {
    padding: 8px 2px;
  }
  .ucbrd04_wrap .sp_download {
    width: 14px;
    height: 12px;
    background-position: -80px -34px;
  }
}

.tblock {
  display: none;
}
@media screen and (max-width: 1024px) {
  .thide {
    display: none;
  }
  .tblock {
    display: inline-block;
  }
}

.main .library_schedule {
  height: auto;
}
.main_btn_more {
  display: inline-block;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/more_icon_main.png) center
    no-repeat;
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 10;
}
.collection_wrap .main_btn_more {
  font-size: 0px;
}
.main_btn_more_w {
  display: inline-block;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/more_icon_main_w.png) center
    no-repeat;
  position: absolute;
  top: 5px;
  right: 0;
}
.toggle_hgt_btn {
  position: absolute;
  top: -2px;
  right: 30px;
  width: 70px;
  height: 30px;
  border: solid 0px #333;
  border-radius: 100px;
  font-size: 0px;
}
.toggle_hgt_btn:before {
  content: '접기';
}
.toggle_hgt_btn.on:before {
  content: '펼치기';
}
.toggle_hgt_btn:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 9px;
  background: url(https://www.nl.go.kr/resource/templete/nl/common/img/common/sp.png) 0 0 no-repeat;
  background-position: -243px -53px;
  transform: rotate(-90deg);
  margin-left: 10px;
  margin-bottom: 2px;
  position: absolute;
  left: auto;
  right: 1px;
  top: 50%;
  margin-top: -5px;
}
.toggle_hgt_btn.on:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 9px;
  background: url(https://www.nl.go.kr/resource/templete/nl/common/img/common/sp.png) 0 0 no-repeat;
  background-position: -243px -53px;
  transform: rotate(90deg);
  margin-left: 10px;
  margin-bottom: 0;
  position: absolute;
  left: auto;
  right: 1px;
  top: 50%;
  margin-top: -5px;
}
.library_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/time-open1.png) left center
    no-repeat;
  position: absolute;
  top: 33px;
  left: calc(50% + 425px);
  right: 0;
  height: 75px;
  padding: 15px 0 15px 50px;
  box-sizing: border-box;
  z-index: 100;
}
.library_info .left{ width: 100%; display: flex; align-items: center;}
.library_info .link{ flex-shrink: 0; border-bottom: 1px solid #595959;}
.library_info .link:after{ content: ">"; margin-left: 5px;}
.library_info .left_add{ width: 100%; display: flex; padding-left: 25px; align-items: center;}
.library_info h5 {
  font-weight: 500;
  color: #000;
  font-size: 16px;
}
.library_info p {
  color: #3669ac;
  font-size: 16px;
}
/* .library_info.holiday {
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/time-holiday.png) left center
    no-repeat;
} */
.library_info.holiday p {
  color: #b93636;
}

.library_info span {
  /*color: #3669ac;*/
}

.library_info.holiday span {
  /*color: #b93636;*/
}

@media screen and (max-width: 1240px) {
  .library_info {
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .library_info {
    position: relative;
    top: auto;
    left: auto;
    background-color: #f4f4f4;
    text-align: center;
    height: auto;
    padding: 5px;
    background-size: 17px;
    background-position: calc(50% - 31%) 8px;
    z-index: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .library_info.holiday {
    background-size: 17px;
    background-position: calc(50% - 31%) 8px;
  }
  .library_info .left{ flex-wrap: wrap; margin-bottom: 10px; padding-left: 25px; position: relative;}
  .library_info .left img{ position: absolute; left: 0; top: 1px}
  .library_info span,
  .library_info h5,
  .library_info p {
    font-size: 15px;
    display: inline;
  }
  .toggle_hgt_btn {
    display: none;
  }
  .library_info .left_add{ flex-wrap: wrap; margin-bottom: 10px; padding-left: 0px; position: relative;}
}

.layer_service .layer_popup .popup_header {
  background: #fff;
  border-bottom: solid 2px #27628b;
}
.layer_service .layer_popup .popup_title {
  color: #333;
}
.layer_service .layer_popup .popup_header .btn_close .sp {
  background-position: -108px -63px;
}
.layer_service .layer_popup .popup_contents {
  padding: 20px 10px 60px 10px;
}
.layer_service .layer_popup .popup_contents > .btn_wrap .btn {
  padding: 20px;
  background: #3669ac;
}
.more_hgt_btn {
  display: none;
  width: 100%;
  text-align: center;
  padding: 10px;
  background-color: #fff;
  font-size: 14px;
  border-top: solid 1px #f0f0f0;
  font-size: 0;
}
.more_hgt_btn:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 9px;
  background: url(https://www.nl.go.kr/resource/templete/nl/common/img/common/sp.png) 0 0 no-repeat;
  background-position: -243px -53px;
  transform: rotate(90deg);
  margin-left: 10px;
}
.more_hgt_btn:before {
  content: '펼쳐보기';
}
.more_hgt_btn.on:before {
  content: '접기';
}
@media screen and (max-width: 767px) {
  .layer_service .layer_popup .popup_contents > .btn_wrap .btn {
    padding: 10px 20px;
  }
  .layer_service .layer_popup .popup_header .btn_close .sp {
    background: url(https://www.nl.go.kr/resource/templete/nl/common/img/common/sp.png) 0 0
      no-repeat;
    background-position: -108px -63px;
  }
  .more_hgt_btn {
    display: block;
  }
  .more_hgt_btn.on:after {
    transform: rotate(-90deg);
  }
}
.book_swipe_wrap .slick-prev {
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-100%);
  width: 32px;
  height: 32px;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/arrow_icon.png) center center
    no-repeat;
  background-size: 6px auto;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  color: transparent;
}
.book_swipe_wrap .slick-next {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-100%) rotate(180deg);
  width: 32px;
  height: 32px;
  background: url(https://www.nl.go.kr/resource/templete/nl/img/main/arrow_icon.png) center center
    no-repeat;
  background-size: 6px auto;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  color: transparent;
}

.main .library_schedule .control_wrap .btn_month {
  width: 100%;
  border-bottom: solid 1px #ddd;
}
.main .library_schedule .control_wrap .month {
  text-align: left;
}
.main .library_schedule .control_wrap .controller {
  top: calc(100% + 27px);
  height: 1px;
}
.main .library_schedule .control_wrap .controller button {
  margin: 0 10px;
  width: 17px;
  height: 17px;
  overflow: hidden;
  color: transparent;
  font-size: 1px;
  box-sizing: border-box;
  padding: 0;
  top: 2px;
}
.main .library_schedule .control_wrap .controller .sp_main {
  position: absolute;
  top: 0;
  margin: 0;
}
.main .library_schedule .control_wrap .btn_prev .sp_main {
  left: 0;
  background: url(https://www.nl.go.kr/resource/templete/nl/common/img/common/ic_main_arrow_prev.png)
    0 0 no-repeat;
}
.main .library_schedule .control_wrap .btn_next .sp_main {
  right: 0;
  background: url(https://www.nl.go.kr/resource/templete/nl/common/img/common/ic_main_arrow_next.png)
    0 0 no-repeat;
}
.main .library_schedule table {
  padding: 13px 30px 12px 30px;
}
.main .library_schedule strong {
  font-weight: 500;
  font-size: 18px;
}
.main .library_wrap .notify_wrap {
  position: absolute;
  bottom: 80px;
  right: 10px;
  z-index: 10;
  margin: 0;
}
.main .library_wrap .notify_item {
  margin-right: 0;
  font-size: 14px;
  color: #333;
  width: auto;
  position: relative;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.main .library_wrap .notify_item:last-of-type {
  margin-right: 0;
  margin-top: 5px;
}
.main .library_wrap .notify_item.closed {
  color: #006de9;
}
.main .library_wrap .notify_item.closed_temporary {
  color: #cb4b2d;
}
.main .library_wrap .notify_item:before {
  vertical-align: middle;
  margin-top: -3px;
}
.main .library_wrap .closed:before {
  background-color: #006de9;
}
.main .library_wrap .closed_temporary:before {
  background-color: #cb4b2d;
}
.main .library_schedule .closed strong {
  background-color: #006de9;
}
.main .library_schedule .closed_temporary strong {
  background-color: #cb4b2d;
}
.main .library_schedule .day {
  display: inline-block;
  width: 28px;
  height: 28px;
  cursor: default;
  box-sizing: border-box;
}
.main .library_schedule .today {
  margin-top: 0;
}

.main .library_schedule .today strong {
  position: relative;
}

.main .library_schedule .today strong:before {
  content: '';
  position: absolute;
  top: -5px;
  left: calc(50% - 3px);
  display: block;
  background-color: #333;
  width: 5px;
  height: 5px;
  border-radius: 100px;
}
.main .library_wrap .notify_item:last-of-type:before {
  top: calc(50% - 2px);
}
@media screen and (max-width: 767px) {
  .main .search-btn-wrap .worldword-wrap {
    position: fixed !important;
    top: calc(50% + 285px) !important;
    left: 50% !important;
    width: 90%;
    transform: translate(-50%, -50%);
    right: auto;
    z-index: 999;
  }
}

.covid {
  display: block;
  width: 1240px;
  padding: 20px;
  background-image: url(https://www.nl.go.kr/resource/templete/covid19/img/main/home_main_visual.png);
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}
.covid span {
  font-size: 20px;
  color: #fff;
}
.covid span b {
  color: #feb400;
}
.covid .link {
  color: #fff;
  float: right;
}
@media screen and (max-width: 767px) {
  .covid {
    width: 100%;
    padding: 20px 20px 30px 20px;
  }
  .covid span b {
    display: block;
    margin-top: 5px;
  }
  .covid .link {
    display: none;
  }
}

.main .header {
  position: relative;
}

.count_wrap {
  position: absolute;
  display: block;
  font-size: 15px;
  top: 5px;
  right: 15px;
  color: #fff;
}
.count_wrap b {
  margin: 0 3px;
}

/*모바일 퀵메뉴*/
.quick_list{ width: 100%; background: #f0f0f0; display: none; justify-content: center}
.quick_list .quick_item{ margin: 0 5px; font-size: 13px}
.quick_list .quick_item a{ display: block; padding: 5px; text-align:center}

@media screen and (max-width: 767px) {
	.quick_list{ display: flex}
}

/* 23-04-17 main new */


.holiday_top { /* background-color: #f6f6f6; */ /* border: 1px solid #B7BFC5; */ margin: -9px 0px;padding: 5px;border-radius: 5px;}
.holiday_top { display: flex;justify-content: right;width: 50%;height:50%;}
.holiday_top h4 {font-size: 17px;margin-right: 20px;font-weight: 700;line-height: 31px;letter-spacing:1.5px;}
.holiday_top ul {display: flex;align-items: center;}
.holiday_top ul li {position:relative;font-size: 11px;height: 100%;display: flex;align-items: center;justify-content: center;margin: 0 5px;width: 20px;}
.holiday_top ul li:FIRST-CHILD {position:relative;font-size: 11px;height: 100%;display: flex;align-items: center;justify-content: center;margin: 0 5px;width: 95px;}
.holiday_top ul li.month span {font-size: 15px;color:#fff;position: relative;z-index: 2;display: flex;justify-content: center;align-items: center;background-color: #3669ac;width: 90px;height: 28px;border-radius: 30px;}
.holiday_top ul li.day span {font-size: 14px;color:#000;position: relative;z-index: 2;}
/* .holiday_top ul li.month:before {position: absolute;content: '';background-color: #3669ac;width: 90px;height: 28px;z-index: 1;border-radius: 30px;} */
.holiday_top ul li.day:before {position: absolute;content: '';background-color: #DFDFDF;width: 24px;height: 24px;z-index: 1;border-radius: 50%;}
/* .holiday_top .arrow_area {margin-left: auto;} */
/*.holiday_top .arrow_area ul{margin-top: 3px;} */
.holiday_top .arrow_area ul li {width: 30px;}
.holiday_top .arrow_area .holi_arrow {width: 25px;}
.holiday_top p {font-size: 14px;color:#128DDD;font-weight: 500;}

@media screen and (max-width: 767px) {
	.holiday_top { /* background-color: #f6f6f6; */ /* border: 1px solid #B7BFC5; */ margin: 0 0px;padding: 5px;border-radius: 5px;}
	.holiday_top { display: flex;justify-content: right;width: 100%;height:50%;}
	.holiday_top h4 {font-size: 17px;margin-right: 20px;font-weight: 700;line-height: 33px;letter-spacing:1.5px;}
	.holiday_top ul {display: flex;align-items: center;}
	.holiday_top ul li {position:relative;font-size: 11px;height: 100%;display: flex;align-items: center;justify-content: center;margin: 0 5px;width: 20px;}
	.holiday_top ul li:FIRST-CHILD {position:relative;font-size: 15px;height: 100%;display: flex;align-items: center;justify-content: center;margin: 0 5px;width: 95px;}
	.holiday_top ul li.month span {font-size: 15px;color:#fff;position: relative;z-index: 2;display: flex;justify-content: center;align-items: center;}
	.holiday_top ul li.day span {font-size: 14px;color:#000;position: relative;z-index: 2;}
	.holiday_top ul li.month:before {position: absolute;content: '';background-color: #3669ac;width: 90px;height: 28px;z-index: 1;border-radius: 30px;}
	.holiday_top ul li.day:before {position: absolute;content: '';background-color: #DFDFDF;width: 24px;height: 24px;z-index: 1;border-radius: 50%;}
	/* .holiday_top .arrow_area {margin-left: auto;} */
	/*.holiday_top .arrow_area ul{margin-top: 6px;}*/
	.holiday_top .arrow_area ul li {width: 30px;}
	.holiday_top .arrow_area .holi_arrow {width: 25px;}
	.holiday_top p {font-size: 14px;color:#128DDD;font-weight: 500;}
}

@media screen and (max-width: 500px) {
  	.main_inform_wrap{ padding: 0 10px}

  	.main_news_wrap .tab_item .txt,
  	.main_notice_wrap .tab_item .txt,
  	.main_bx.collection_wrap .tab_item .txt,
  	.book_menu_wrap .book_item .txt{ font-size: 16px;}
  }

@media screen and (max-width: 400px) {
	.new.search-form_group .details_btn{ width: 50px; padding: 0 5px}
}

/*누리소통망*/
.nuri_list{ display: flex}
.nuri_item{ flex: 1}
.nuri_item img{ width: 100%}
.nuri .nuri_item .img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; object-position: top left;}

.main_section.main_flex{ display: flex}
.main_section.main_flex .main_bx.inform_wrap{ margin-top: 0; flex-shrink: 0; width: 25%; margin-right: 15px}
.main_section.main_flex .main_bx.inform_wrap .swipe_inner{ height: 286px}
.main_section.main_flex .main_bx .img_area{ height: 269px}
.main_section.main_flex .main_bx .bx-controls .bx-controls-auto{ width: 21px; height: 21px; position: absolute; right: 0; top: 0}
.main_section.main_flex .main_bx .bx-controls .bx-controls-auto-item,
.main_section.main_flex .main_bx .bx-controls .bx-controls-auto-item a{ width: 100%; height: 100%}
.main_section.main_flex .main_bx .bx-controls .bx-controls-auto-item a.active{ display: block;}
.main_section.main_flex .count_wrap{ color: #000; right: 0}
.main_section.main_flex .nuri_wrap{ width: 100%}

.main_section.nuri .tit_wrap{ width: 100%; display: flex; align-items: flex-end; justify-content: space-between;}
.main_section.nuri .nuri-sns__list{ display: flex; padding: 15px 0}
.main_section.nuri .nuri-sns__item{ margin-left: 15px}
.main_section.nuri .nuri-sns__item a .ico{ width: 35px; height: 35px; border-radius: 50%; display: inline-block;}
.main_section.nuri .nuri-sns__item .instagram .ico{ background: url(https://www.nl.go.kr/resource/templete/nl/img/main/0523/ic_insta_50.png) no-repeat center / 100% 100%}
.main_section.nuri .nuri-sns__item .blog .ico{ background: url(https://www.nl.go.kr/resource/templete/nl/img/main/0523/ic_blog_50.png) no-repeat center / 100% 100%}
.main_section.nuri .nuri-sns__item .facebook .ico{ background: url(https://www.nl.go.kr/resource/templete/nl/img/main/0523/ic_facebook_50.png) no-repeat center / 100% 100%}
/* .main_section.nuri .nuri-sns__item .twitter .ico{ background: url(https://www.nl.go.kr/resource/templete/nl/img/main/0523/ic_tweet_50.png) no-repeat center / 100% 100%} */
.main_section.nuri .nuri-sns__item .twitter .ico{ background: url(https://www.nl.go.kr/resource/templete/nl/img/main/0523/x_logo.png) no-repeat center / 100% 100%}
.main_section.nuri .nuri-sns__item .youtube .ico{ background: url(https://www.nl.go.kr/resource/templete/nl/img/main/0523/ic_yout_50.png) no-repeat center / 100% 100%}
.main_section.nuri .nuri-sns__item .kakao_ch .ico{ background: url(https://www.nl.go.kr/resource/templete/nl/img/main/0523/ic_kakao_ch_50.png) no-repeat center / 100% 100%}

.nuri_item{ border: 1px solid #D0D0D0; border-left: none; box-sizing: border-box;}
.nuri_item:first-child{ border-left: 1px solid #D0D0D0;}
.nuri_con{ box-sizing: border-box; height: 288px}
.nuri_con a{ width: 100%; height: 100%; position: relative; display: block;}
.nuri_con .nuri_con_icon{ position: absolute; right: 0; top: 0; width: 50px; height: 50px}
.nuri_con .nuri_con_icon img{ width: 100%}
.nuri_con_box{ padding: 5px 20px 0 20px; position: relative; display: flex; flex-flow: column nowrap; box-sizing: border-box; width: 100%; height: 100%}
.nuri_con .nuri_con_tit{ width: 100%; display: flex; align-items: center; margin-bottom: 9px; flex-shrink: 0}
.nuri_con .con_logo{ width: 20%; position: relative; border-radius: 50%; border: 1px solid #d0d0d0; flex-shrink: 0; margin-right: 10px}
.nuri_con .con_logo:after { content: ""; padding-top: 100%; display: block;}
.nuri_con .con_logo img{ width: 100%; max-width: 70%; max-height: 70%; object-fit: contain; object-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.nuri_con .con_tit_wrap{ width: 100%; padding-right: 35px}
.nuri_con .con_tit{ font-size: 20px; font-weight: 600; margin-bottom: 3px; color: #131313; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient:vertical; position: relative; display: -webkit-box; max-height: 1.2em; line-height: 1.2em; -webkit-line-clamp:1}
.nuri_con .con_date{ font-size: 16px; color: #a0a0a0;}
.nuri_con .nuri_con_txt_tit{ width: 100%; height: auto; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient:vertical; position: relative; display: -webkit-box; height: 1.3em; line-height: 1.3em; -webkit-line-clamp:1; word-break: break-all; font-size: 17px; color: #131313; margin-bottom: 5px; font-weight: 600; flex-shrink: 0}
.nuri_con .nuri_con_txt{ width: 100%; height: 100%;  overflow: hidden; word-break: break-all; font-size: 15px; color: #333; margin-bottom: 9px}
.nuri_con .nuri_con_txt .txt_inn{ width: 100%; max-height: 100%; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient:vertical; position: relative; display: -webkit-box; line-height: 1.3em; word-break: break-all;}
.nuri_con .nuri_con_img{ width: 100%; height: 125px; display: flex; align-items: flex-end; flex-shrink: 0}
.nuri_con .nuri_con_img img{ width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; object-position: top center; }
/*line*/
.nuri_con .nuri_con_txt .txt_inn.line1{ -webkit-line-clamp: 1}
.nuri_con .nuri_con_txt .txt_inn.line2{ -webkit-line-clamp: 2}
.nuri_con .nuri_con_txt .txt_inn.line3{ -webkit-line-clamp: 3}
.nuri_con .nuri_con_txt .txt_inn.line4{ -webkit-line-clamp: 4}
.nuri_con .nuri_con_txt .txt_inn.line5{ -webkit-line-clamp: 5}
.nuri_con .nuri_con_txt .txt_inn.line6{ -webkit-line-clamp: 6}
.nuri_con .nuri_con_txt .txt_inn.line7{ -webkit-line-clamp: 7}
.nuri_con .nuri_con_txt .txt_inn.line8{ -webkit-line-clamp: 8}
.nuri_con .nuri_con_txt .txt_inn.line9{ -webkit-line-clamp: 9}
.nuri_con .nuri_con_txt .txt_inn.line10{ -webkit-line-clamp: 10}
.nuri_con .nuri_con_txt .txt_inn.line11{ -webkit-line-clamp: 11}
.nuri_con .nuri_con_txt .txt_inn.line12{ -webkit-line-clamp: 12}
.nuri_con .nuri_con_txt .txt_inn.line13{ -webkit-line-clamp: 13}
.nuri_con .nuri_con_txt .txt_inn.line14{ -webkit-line-clamp: 14}
.nuri_con .nuri_con_txt .txt_inn.line15{ -webkit-line-clamp: 15}
.nuri_con .nuri_con_txt .txt_inn.line16{ -webkit-line-clamp: 16}
.nuri_con .nuri_con_txt .txt_inn.line17{ -webkit-line-clamp: 17}
.nuri_con .nuri_con_txt .txt_inn.line18{ -webkit-line-clamp: 18}
.nuri_con .nuri_con_txt .txt_inn.line19{ -webkit-line-clamp: 19}
.nuri_con .nuri_con_txt .txt_inn.line20{ -webkit-line-clamp: 20}

@media screen and (max-width: 1024px) {
	.main_section_wrap{ padding: 30px 10px}
}
@media screen and (max-width: 767px) {
	.main_section_wrap{ padding: 30px 20px}
	.nuri_list{ flex-wrap: wrap}
	.nuri_item{ width: 50%; flex-shrink: 0; flex: initial; border-top: none;}
	.nuri_item:nth-child(2n + 1){ border-left: 1px solid #D0D0D0}
	.nuri_item:nth-child(-n + 2){ border-top: 1px solid #D0D0D0}
	.nuri_con{ height: calc(50vw - 20px)}
	.nuri_con .nuri_con_img{ height: 19.2691vw;}

	.main_section.main_flex{ flex-wrap: wrap}
	.main_section.main_flex .main_bx.inform_wrap{ width: 100%; margin-right: 0; margin-bottom: 30px}
	.main_section.main_flex .main_bx.inform_wrap .swipe_inner,
	.main_section.main_flex .main_bx.inform_wrap .img_area{ height: auto;}
	.main_section.main_flex .main_bx.inform_wrap .img_area .img{ position: relative;}

	.main_section.nuri .tit_wrap{ flex-wrap: wrap}
	.main_section.nuri .nuri-sns__list{ width: 100%; justify-content: flex-end; padding-top: 0}
	.main_section.nuri .nuri-sns__item a .ico{ width: 30px; height: 30px}
}

@media screen and (max-width: 500px) {
	.nuri_item{ width: 100%; border: 1px solid #D0D0D0 !important; border-top: none !important; }
	.nuri_item:first-child{ border-top: 1px solid #D0D0D0 !important;}
	.nuri_con{ height: calc(100vw - 40px)}
	/* .nuri_con .nuri_con_img{ height: 40vw;} */
	.nuri_con .nuri_con_img{ height: 45vw;}

}

/*월드라이브러리, 세계의 도서관*/
.main_bx .swipe_item a{ position: relative;}
.main_bx .swipe_item a .txt_area{ position: absolute; left: 0; top: 20px; background: rgba(0,0,0,0.4); color: #fff; width: 90%; height: 60%; min-height: 130px; padding: 15px; box-sizing: border-box;}
.main_bx .swipe_item a .area_tit{ font-size: 17px; margin-bottom: 5px; display: block; width: 100%}
.main_bx .swipe_item a .area_txt{ font-size: 14px; display: block; width: 100%}

@media screen and (max-width: 767px) {
	.main_bx .swipe_item a .txt_area{ height: 130px;}
}

/*메인 자주찾는 서비스 변경*/
.type_service_wrap .type_service_list,
.type_service_wrap .type_service_list *{ box-sizing: border-box}
.type_service_wrap .type_service_list{ width: 100%; display: grid}
.type_service_wrap .type_service_list .type_service_item{ width: 100%; border-right: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; margin: 0; list-style: none; padding: 0; overflow: hidden}
.type_service_wrap .type_service_item:after{ content: ""; padding-top: 29.2682%; display: block}
.type_service_wrap .type_service_item:before,
.type_service_wrap .type_service_item .type_service_trigger:after{ display: none}
.type_service_wrap .type_service_item .type_service_trigger{ width: 100%; height: 100%; display: block; padding: 0; overflow: hidden; position: relative}
.type_service_wrap .type_service_item .type_service_trigger .hid_wrap{ width: 100%; height: 100%; background: #5692BC; color: #fff; font-size: 16px; align-items: center; justify-content: center; text-align: center; display: none; position: absolute; left: 0; top: 0}
.type_service_wrap .type_service_item .type_service_trigger img{ width: 85%; height: 85%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.type_service_wrap .type_service_item .type_service_trigger:hover .hid_wrap,
.type_service_wrap .type_service_item .type_service_trigger:focus .hid_wrap{ display: flex; color: #fff}
@media screen and (min-width: 767px){
  .type_service_wrap .type_service_list{ grid-template-columns: repeat(5,1fr)}
  .type_service_wrap .type_service_list .type_service_item:nth-child(5n - 4){ border-left: solid 1px #dfdfdf}
  .type_service_wrap .type_service_list .type_service_item:nth-child(-n + 5){ border-top: solid 1px #dfdfdf}
}
@media (max-width: 767px) and (min-width: 500px){
  .type_service_wrap .type_service_list{ grid-template-columns: repeat(3,1fr)}
  .type_service_wrap .type_service_list .type_service_item:nth-child(3n - 2){ border-left: solid 1px #dfdfdf}
  .type_service_wrap .type_service_list .type_service_item:nth-child(-n + 3){ border-top: solid 1px #dfdfdf}
}
@media screen and (max-width: 500px){
  .type_service_wrap .type_service_list{ grid-template-columns: repeat(2,1fr)}
  .type_service_wrap .type_service_list .type_service_item:nth-child(2n - 1){ border-left: solid 1px #dfdfdf}
  .type_service_wrap .type_service_list .type_service_item:nth-child(-n + 2){ border-top: solid 1px #dfdfdf}
}

/* [s] 레이어팝업 수정 */
.layer_popup .btn_close.closeLayer {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  padding: 24px 24px 20px 20px;
}
.layer_popup .btn_close.closeLayer .sp {
  width: 18px;
  height: 18px;
  background-position: -211px 0;
}
@media screen and (max-width: 767px) {
  .layer_popup .btn_close.closeLayer {
    padding: 16px 15px 10px 10px;
  }
  .layer_popup .btn_close.closeLayer .sp {
    width: 17px;
    height: 17px;
    background: url(/resource/templete/nl/img/sub/btn_close.png) no-repeat;
  }
}
/*-- [e] 레이어팝업 수정 */



/* 2024-12-08 메인 및 인트로 페이지 추가 */
.home_main_wrap{ /* padding: 50px 0 90px; */ padding: 20px 0 20px; min-width: 320px; box-sizing: border-box}
.home_main_wrap *{ box-sizing: border-box}
.home_main_wrap .hidden{ width: 1px; height: 1px; overflow: hidden; color: transparent; position: absolute; text-indent: -999px;}
.home_main_wrap select{  appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #ccc; cursor: pointer; background: #fff url("../img/main/ic_home_select_arr.svg") no-repeat center right 15px; height: 40px; border-radius: 6px; font-size: 17px; font-weight: 500; color: #1D1D1D; padding: 0 30px 0 15px}
.home_section{ padding: 50px 0;}
.home_section.pb0{ padding-bottom: 20px;}
.home_section .inner{ position: relative}
.home_section_tit_wrap{ width: 100%; display: flex; align-items: center; margin-bottom: 30px;}
.home_section_tit{ font-size: 25px; font-weight: 600; color: #1D1D1D;}
.home_section .home_more{ height: 30px; font-size: 17px; color: #404040; font-weight: 400; position: absolute; top: 0; right: 0; /* display: inline-flex; */ align-items: center}
/* .home_section .internal_site_add{ height: 30px; font-size: 17px; color: #404040; font-weight: 400; position: absolute; top: 0; right: 0; display: inline-flex; align-items: center} */
/* .home_section .choice_add{ height: 30px; font-size: 17px; color: #404040; font-weight: 400; position: absolute; top: 0; right: 0; display: inline-flex; align-items: center} */
/* .home_section .library_news_add{ height: 30px; font-size: 17px; color: #404040; font-weight: 400; position: relative; top: 0; right: 0; display: inline-flex; align-items: center; margin-left:auto;} */
/* .home_section .home_more .plus{ position: relative; top: -2px; margin-left: 5px; font-size: 20px; line-height: 1} */
/* .home_section .library_news_add .plus{ position: relative; top: -2px; margin-left: 5px; font-size: 20px; line-height: 1} */
/* .home_section .internal_site_add .plus{ position: relative; top: -2px; margin-left: 5px; font-size: 20px; line-height: 1} */
/* .home_section .choice_add .plus{ position: relative; top: -2px; margin-left: 5px; font-size: 20px; line-height: 1} */
.home_tab_menu{ display: flex; gap: 15px; margin-bottom: 20px;}
.home_tab_menu .home_tab_item .inn{ padding: 0 5px 10px; font-size: 19px; font-weight: 600; color: #555; border-bottom: 4px solid transparent; display: block}
.home_tab_menu .home_tab_item.on .inn{ border-color: #003675; color: #003675;}
.tab_con_wrap .tab_con{ display: none}
.tab_con_wrap .tab_con.on{ display: block}
.section_slider{ visibility: hidden; /* 초기에는 숨김 */ opacity: 0; transition: opacity 0.3s ease;}
.section_slider.slick-initialized{ visibility: visible; /* 초기화 완료 시 표시 */ opacity: 1;}

.home_main_wrap .ellipsis{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home_main_wrap .ellipsis.line02{ height: 3em; line-height: 1.5em; -webkit-line-clamp:2; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.home_main_wrap .ellipsis.line03{ height: 4.5em; line-height: 1.5em; -webkit-line-clamp:3; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.home_main_wrap .ellipsis.line04{ height: 6em; line-height: 1.5em; -webkit-line-clamp:4; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.home_main_wrap .ellipsis.line05{ height: 7.5em; line-height: 1.5em; -webkit-line-clamp:5; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.home_main_wrap .ellipsis.line06{ height: 9em; line-height: 1.5em; -webkit-line-clamp:6; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.home_main_wrap .ellipsis.line07{ height: 10.5em; line-height: 1.5em; -webkit-line-clamp:7; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.home_main_wrap .ellipsis.line08{ height: 12em; line-height: 1.5em; -webkit-line-clamp:8; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.home_main_wrap .ellipsis.line09{ height: 13.5em; line-height: 1.5em; -webkit-line-clamp:9; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.home_main_wrap .ellipsis.line10{ height: 15em; line-height: 1.5em; -webkit-line-clamp:10; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}

/* [S] 메인 비주얼 */
.home_main_visual_wrap{ width: 100%; overflow: hidden;}
.home_main_visual_wrap .inner{ height: 100%}
.home_main_visual{ width: 100%; position: relative; height: 100%}
.home_main_visual_wrap .visual_item{ width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden}
.home_main_visual_wrap .visual_item a{ width: 100%; border-radius: 15px; overflow: hidden}
.home_main_visual_wrap .visual_item .img_pc{ width: 100%; display: block;}
.home_main_visual_wrap .visual_item .img_mo{ width: 100%; display: none;}
.home_main_visual_wrap .custom_paging{display: flex;align-items: center; flex-flow: row-reverse;margin: 1rem auto; justify-content: center; }
.home_main_visual_wrap .custom_paging .txt_paging{width: auto;height: 40px;padding: 0 17px;border-radius: 20px;background: #fff; font-size: 17px;font-weight: 600;color: #1d1d1d;display: inline-flex;align-items: center;margin-left: 8px; border: 1px solid #1d1d1d;}
.home_main_visual_wrap .custom_paging .current_slide{ margin-right: 5px;}
.home_main_visual_wrap .custom_paging .total_slides{ margin-left: 5px;}
.home_main_visual_wrap.home_slider .slick-arrow{ width: 63px; height: 63px; box-shadow: 0px 3px 6px #00000029}
.home_main_visual_wrap.home_slider .slick-arrow:after{ background-size: auto 35%}
.home_main_visual_wrap.home_slider .slick-dots{width: auto;display: inline-flex;padding: 0 16px;border-radius: 20px;background: #fff; position: static;border: 1px solid #1d1d1d;}

.home_slider .slick-dots{ display: inline-flex; align-items: center; height: 40px; position: absolute; right: 100px; bottom: 0}
/* .home_slider .slick-dots li{ width: 8px; height: 8px; overflow: hidden; border-radius: 4px; background: #8E8E8E; color: transparent; margin: 0 4px} */
.home_slider .slick-dots li{width: 17px;height: 17px;overflow: hidden;border-radius: 4px;background: #8E8E8E;color: transparent;margin: 0 4px; border-radius: 5px}
.home_slider .slick-dots li button{ width: 100%; height: 100%; text-indent: -9999px}
/* .home_slider .slick-dots li.slick-active{ width: 20px; background: #246BEB} */
.home_slider .slick-dots li.slick-active{width: 30px;background: #246BEB}
.home_slider .slick-arrow{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; color: transparent; text-indent: -9999px; border: 1px solid #E4E4E4;}
.home_slider .slick-prev{ position: absolute; left: 0; transform: translate(-50%,-50%)}
.home_slider .slick-prev:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff url("../img/main/ic_home_arr_prev.svg") no-repeat center}
.home_slider .slick-next{ position: absolute; right: 0; transform: translate(50%,-50%)}
.home_slider .slick-next:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; background: #fff url("../img/main/ic_home_arr_next.svg") no-repeat center}
/* [E] 메인 비주얼 */

/* [S] 메인 자주찾는 메뉴 */
.section_quick_menu .set{ margin-left: 20px; display: inline-flex; align-items: center; font-size: 17px; font-weight: 400; color: #404040;}
.section_quick_menu .set img{ width: 12px; margin-right: 5px; flex-shrink: 0}
.section_quick_menu .section_con_wrap{ display: flex; gap: 23px}
.section_quick_menu .home_quick{ display: grid; grid-template-columns: repeat(4,1fr); gap: 23px; width: 62.5%;}
.section_quick_menu .home_quick .home_quick_item{ width: 100%; display: block; border: 1px solid #D8D8D8; border-radius: 10px; background: #fff; text-align: center; padding: 10px 10px 24px;}
.section_quick_menu .home_quick .home_quick_item .img{ width: 100%; height: 80px; display: flex; align-items: center; justify-content: center}
.section_quick_menu .home_quick .home_quick_item .txt{ font-size: 17px; font-weight: 600; color: #1d1d1d; word-break: keep-all}
.section_quick_menu .home_holiday{ width: 37.5%; flex-shrink: 0; padding: 30px 40px; border-radius: 12px; background: #EDF1F5; border: 1px solid #D8D8D8; display: flex; flex-flow: column; justify-content: center}
.section_quick_menu .home_holiday .select_cal{ width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.section_quick_menu .home_holiday .arr_l{ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 8px solid black; margin-right: 40px;}
.section_quick_menu .home_holiday .arr_r{ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid black; margin-left: 40px;}
.section_quick_menu .home_holiday .select_wrap{ gap: 20px; display: flex; align-items: center; justify-content:center;}
.section_quick_menu .home_holiday select{ max-width: 140px; border: none;}
.section_quick_menu .home_holiday .home_holiday_date{ width: 100%; font-size: 48px; color: #1d1d1d; font-weight: 600; margin-bottom: 19px; text-align: center}
.section_quick_menu .home_holiday .home_operating_hours{ display: flex; align-items: center; justify-content: center; font-size: 17px; color: #246BEB; font-weight: 400; margin-bottom: 20px;}
.section_quick_menu .home_holiday .home_operating_hours.holiday{color: #b93636;}
.section_quick_menu .home_holiday .home_operating_hours img{ margin-right: 4px; flex-shrink: 0; }
.section_quick_menu .home_holiday .home_operating_hours.holiday img{margin-right: 4px; flex-shrink: 0; width:20px; height: 20px;}
.section_quick_menu .home_holiday .home_holiday_day{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap}
.section_quick_menu .home_holiday .home_holiday_day_tit{ font-size: 17px; font-weight: 400; color: #1d1d1d; flex-shrink: 0; margin: 0 12px; margin-bottom:10px;}
.section_quick_menu .home_holiday .home_holiday_day_list{ display: flex; align-items: center; gap: 7px; flex-wrap: wrap;}
/* .section_quick_menu .home_holiday .home_holiday_day_item{ width: 50px; height: 31px; border-radius: 5px; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 400; background: #003675;} */
.section_quick_menu .home_holiday .home_holiday_day_item{ width: 50px; height: 31px; border-radius: 5px; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 400; background: #003675;}
@media screen and (max-width: 640px) {
	.section_quick_menu .home_holiday .home_holiday_day_list{justify-content:center;}
}
/* [E] 메인 자주찾는 메뉴 */


/* [S] 메인 오늘의 선택 */
.home_section.today_choice{padding:30px 0px;}
.today_choice{ background: url("../img/main/bg_home_section01.jpg") no-repeat center bottom / cover; overflow: hidden}
.today_choice .home_tab_menu {margin-bottom:20px;}
.today_choice .home_tab_menu .home_tab_item.on .inn{ border-color: #1D56BC; color: #1D56BC;}
.today_choice .book_section{ display: flex}
.today_choice .book_section .book_info{ width: 45%; padding: 30px 30px 30px 0}
.today_choice .book_section .book_info .book_title{ font-size: 23px; font-weight: 600; color: #1d1d1d; margin-bottom: 30px;}
.today_choice .book_section .book_info .book_description{ font-size: 21px; font-weight: 400; color: #404040; margin-bottom: 10px;}
.today_choice .book_section .book_info .book_link{ font-size: 18px; font-weight: 400; color: #1d1d1d; display: inline-flex; align-items: center}
.today_choice .book_section .book_info .book_link img{ margin-left: 8px;}
.today_choice_slide{ width: calc(100% - 45%); position: relative; display: flex}
.today_choice_slide .slick-list{ margin: 0 -15px}
.today_choice_slide .today_choice_item{ margin: 0 15px; border-radius: 15px}
.today_choice_slide .today_choice_item .inn{ position: relative; border-radius: 15px; overflow: hidden; width: 100%; overflow: hidden}
.today_choice_slide .today_choice_item .inn:before{ content: ""; width: 100%; padding-top: 147.38%; display: block}
.today_choice_slide .today_choice_item .inn:after{ content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.42); z-index: 2}
.today_choice_slide .today_choice_item .inn img{ width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.today_choice_slide .today_choice_item .inn,
.today_choice_slide .today_choice_item .inn img{ width: 100%; display: block}
.today_choice_slide .today_choice_item.slick-current{ box-shadow: 0px 3px 10px #00000029;}
.today_choice_slide .today_choice_item.slick-current .inn:after{ display: none}
.today_choice .book_section .slider_controls{ position: absolute; left: 0; bottom: 30px; display: flex; align-items: center; height: 40px}
.today_choice .book_section .slider_controls .dot_wrap{ margin-right: 20px;}
.today_choice .book_section .slider_controls .dot_wrap .slick-dots{ position: static; display: inline-flex; padding: 0 16px; border-radius: 20px; background: #fff;}
.today_choice .book_section .slider_controls .prev_arrow,
.today_choice .book_section .slider_controls .next_arrow{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; color: transparent; text-indent: -9999px; border: 1px solid #E4E4E4; position: relative}
.today_choice .book_section .slider_controls .next_arrow{ margin-left: 9px;}
.today_choice .book_section .slider_controls .prev_arrow:after,
.today_choice .book_section .slider_controls .next_arrow:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block}
.today_choice .book_section .slider_controls .prev_arrow:after{ background: #fff url("../img/main/ic_home_arr_prev.svg") no-repeat center}
.today_choice .book_section .slider_controls .next_arrow:after{ background: #fff url("../img/main/ic_home_arr_next.svg") no-repeat center}
/* [E] 메인 오늘의 선택 */

/* [S] 메인 도서관 소식 */
.library_news_con{ display: flex; gap: 60px; width: 100%;}
.library_news_con .left,
.library_news_con .right{ width: calc(50% - 30px); flex-shrink: 0; position: relative;}
.library_news_con .right{ display: flex; flex-flow: column; /* overflow: hidden; */}
.library_news_con .right .home_tab_con_wrap,
.library_news_con .right .tab_con{ height: 100%}
.library_news_con .home_news_list{ width: 100%; display: flex; flex-flow: column; gap: 25px}
.library_news_con .home_news_item{ width: 100%}
.library_news_con .home_news_item .inn{ border-radius: 10px; border: 1px solid #EFEFEF; background: #F8F8F8; padding: 30px; display: block}
.library_news_con .home_news_item .inn .tit_wrap{ width: 100%; display: flex; /* justify-content: space-between; */ /* align-items: center; */ margin-bottom: 20px}
.library_news_con .home_news_item .inn .tit_wrap .tit{ overflow: hidden; font-size: 19px; font-weight: 600; color: #1d1d1d; margin-bottom: 0}
.library_news_con .home_news_item .inn .tit_wrap .item_more{ flex-shrink: 0; margin-left: auto; display: inline-flex; align-items: center}
.library_news_con .home_news_item .inn .date{ font-size: 15px; font-weight: 500; color: #404040;}

.library_news_con .home_img_news_list{ display: flex; gap: 25px; height: 100%}
.library_news_con .home_img_news_item{ flex: 1; height: 100%}
.library_news_con .home_img_news_item .inn{ border-radius: 23px; background: #F8F8F8; border: 1px solid #EFEFEF; /* height: 100%; */ height:430px; display: block; overflow: hidden;}
.library_news_con .home_img_news_item .txt_wrap{ width: 100%; height: 52%; padding: 30px 20px}
.library_news_con .home_img_news_item .home_news_ctg{ height: 24px; display: inline-flex; align-items: center; padding: 0 5px; background: #246BEB; border-radius: 4px; color: #fff; font-size: 15px; font-weight: 400; margin-bottom: 24px;}
.library_news_con .home_news_item .home_news_ctg{ height: 24px; display: inline-flex; align-items: center; padding: 0 5px; background: #246BEB; border-radius: 4px; color: #fff; font-size: 15px; font-weight: 400; margin-right:5px;width:36px;}
.library_news_con .home_img_news_item .home_img_news_tit{ margin-bottom: 35px; font-size: 18px; font-weight: 600; color: #1d1d1d;}
.library_news_con .home_img_news_item .home_img_news_more{ font-size: 15px; font-weight: 400; color: #1d1d1d; opacity: 0.7; display: inline-flex; align-items: center; justify-content: flex-end; width: 100%}
.library_news_con .home_img_news_item .home_img_news_more img{ width: 15px; margin-left: 7px;}
.library_news_con .home_img_news_item .img_wrap{ width: 100%; height: 48%}
.library_news_con .home_img_news_item .img_wrap img{ width: 100%; height: 100%; object-fit: cover; object-position: center}
/* [E] 메인 도서관 소식 */

/* [S] 메인 관내사이트 */
.internal_site_slide{ width: 100%; position: relative}
.internal_site_slide .slick-list{ margin: 0 -10px}
.internal_site_slide .internal_site_item{ margin: 0px 10px}
.internal_site_slide .internal_site_item .inn{ display: block; width: 100%; border-radius: 23px; background: #F8F8F8; border: 1px solid #EFEFEF; padding: 40px 10px; height: 220px;}
.internal_site_slide .internal_site_item .img_wrap{ display: flex; justify-content: center; width: 100%; margin-bottom: 30px;}
.internal_site_slide .internal_site_item .txt_wrap{ text-align: center}
.internal_site_slide .internal_site_item .internal_site_name{ font-size: 17px; font-weight: 600; color: #1d1d1d;}
.internal_site_slide .internal_site_item .internal_site_txt{ font-size: 15px; font-weight: 500; color: #555555; margin-top: 10px;}
.home_slider.arr_top .slick-prev{ transform: none; top: -70px; right: 50px; left: auto}
.home_slider.arr_top .slick-next{ transform: none; top: -70px; right: 0; left: auto}
.home_slider.arr_top .slick-dots{ transform: none; top: -70px; right: 110px; left: auto; bottom: auto}
/* [E] 메인 관내사이트 */

/* [S] 메인 누리소통망 */
.nuri_sns{}
.sns_list_gy{ display: flex; gap: 10px; margin-left: 18px;}
.sns_list_gy .sns_item_gy{ display: block}
.sns_list_gy .sns_item_gy .sns_icon {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.12);
  transition: 0.2s;
}
.sns_list_gy .sns_item_gy .sns_icon.youtube {
  background-image: url(/resource/templete/nl/img/main/ico_40_sns_youtube.svg);
}
.sns_list_gy .sns_item_gy .sns_icon.blog {
  background-image: url(/resource/templete/nl/img/main/ico_40_sns_blog.svg);
}
.sns_list_gy .sns_item_gy .sns_icon.instagram {
  background-image: url(/resource/templete/nl/img/main/ico_40_sns_instagram.svg);
}
.sns_list_gy .sns_item_gy .sns_icon.facebook {
  background-image: url(/resource/templete/nl/img/main/ico_40_sns_facebook.svg);
}
.sns_list_gy .sns_item_gy .sns_icon.x {
  background-image: url(/resource/templete/nl/img/main/ico_40_sns_x.svg);
}
.sns_list_gy .sns_item_gy .sns_icon.kakao {
  background-image: url(/resource/templete/nl/img/main/ico_40_sns_kakao.png);
  background-size: auto;
}
.sns_list_gy .sns_item_gy .sns_icon a:focus .sns_icon,
.sns_list_gy .sns_item_gy .sns_icon a:hover .sns_icon {
  transform: translateY(-4px);
}
.nuri_sns_slide{ width: 100%; position: relative; display:flex; margin:auto;}
.nuri_sns_slide .nuri_sns_slide_item{ margin: 0 20px; width:33%;}
.nuri_sns_slide .nuri_sns_slide_item:FIRST-CHILD{ margin: 0px 20px 0px 0px; width:33%;}
.nuri_sns_slide .nuri_sns_slide_item:LAST-CHILD{ margin: 0px 0px 0px 20px; width:33%;}
.nuri_sns_slide .nuri_sns_slide_item .inn{ display: flex; border-radius: 23px; position: relative; flex-direction:column;box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12); padding:10px;}
/* .nuri_sns_slide .nuri_sns_slide_item .inn div{margin:auto;} */
.nuri_sns_slide .nuri_sns_slide_item .inn .info{height:20%; display:flex; align-items:center;font-size:17px;}
.nuri_sns_slide .nuri_sns_slide_item .inn .info .date{margin-left:auto;margin-right:10px;font-size:17px;}
.nuri_sns_slide .nuri_sns_slide_item .inn .content{ height:200px;margin:5px 0px;width: 100%;overflow: hidden; word-break: break-all; font-size: 17px; color: #333; margin-bottom: 9px; }
.nuri_sns_slide .nuri_sns_slide_item .inn .content .c_inn{ width: 100%; max-height: 100%; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient:vertical; position: relative; display: -webkit-box; line-height: 1.3em; word-break: break-all;-webkit-line-clamp:9;padding: 0px 30px;text-align: justify;}
.nuri_sns_slide .nuri_sns_slide_item .inn.blog .content .c_inn{line-height: 1.7em; -webkit-line-clamp:7;}
.nuri_sns_slide .nuri_sns_slide_item .inn .img{height:200px;margin:5px 0px 10px 0px;overflow: hidden;display: flex;}
.nuri_sns_slide .nuri_sns_slide_item .inn .img img{margin:auto; width:320px;}
.nuri_sns_slide .nuri_sns_slide_item .inn .title{height:25%;color:#000;font-size:17px;text-align: center;text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    position: relative;
    display: -webkit-box;
    height: 1.3em;
    line-height: 1.3em;
    -webkit-line-clamp: 1;
    word-break: break-all;
    font-weight: 600;
    flex-shrink: 0;
    margin : 0 10px;}
.nuri_sns_slide .nuri_sns_slide_item .inn .sns_mark{ /* position: absolute; right: 20px; top: 20px; z-index: 2 */}
/* [E] 메인 누리소통망 */

@media screen and (max-width: 1400px) {
    .home_main_visual_wrap .inner{ padding: 0 18px;}
    .home_main_visual_wrap.home_slider .slick-arrow{ width: 35px; height: 35px; margin:0 5px;}
}
@media screen and (max-width: 1280px) {
    .home_section .home_more{ right: 0px}
	.home_section .choice_add,
  	.home_section .internal_site_add{ right: 20px}

  	.today_choice .book_section{ flex-flow: column-reverse}
    .today_choice .book_section .book_info,
    .today_choice_slide{ width: 100%}
    .today_choice .book_section .book_info{ padding-bottom: 60px; padding-left:30px;}
    .today_choice .book_section .book_info .wrap{ display: flex; flex-flow: column; align-items: center; text-align: center}
    .today_choice .book_section .book_info .book_description{ margin-bottom: 20px;}
    .today_choice .book_section .slider_controls{ justify-content: flex-end; bottom: -20px; left: auto; right: 20px; width: 100%}
}
@media screen and (max-width: 1024px) {
    .section_quick_menu .section_con_wrap{ flex-flow: column}
    .section_quick_menu .home_quick,
    .section_quick_menu .home_holiday{ width: 100%}

    .today_choice .book_section{ flex-flow: column-reverse}
    .today_choice .book_section .book_info,
    .today_choice_slide{ width: 100%}
    .today_choice .book_section .book_info{ padding-bottom: 60px; padding-left:30px;}
    .today_choice .book_section .book_info .wrap{ display: flex; flex-flow: column; align-items: center; text-align: center}
    .today_choice .book_section .book_info .book_description{ margin-bottom: 20px;}
    .today_choice .book_section .slider_controls{ justify-content: flex-end; bottom: -20px; left: auto; right: 20px; width: 100%}

    .library_news_con{ flex-flow: column}
    .library_news_con .left,
    .library_news_con .right{ width: 100%}

}

@media screen and (max-width: 767px) {
	.nuri_sns_slide{ margin-top: 40px;flex-wrap:wrap;}
    .nuri_sns_slide .nuri_sns_slide_item{width:100%;margin:0px 0px 30px 0px;}
	.nuri_sns_slide .nuri_sns_slide_item:FIRST-CHILD{ width:100%;margin:0px 0px 30px 0px;}
	.nuri_sns_slide .nuri_sns_slide_item:LAST-CHILD{ width:100%;margin:0px 0px 30px 0px;}
}

@media screen and (max-width: 640px) {
	.library_news.home_tab_menu{ padding-right: 30px}
    .home_tab_menu{ gap: 5px}
    .home_tab_menu .home_tab_item .inn{ font-size: 15px; word-break: keep-all; text-align: center; display: flex; align-items: center; justify-content: center; padding: 5px; height: 100%}
    .section_quick_menu .home_quick{ grid-template-columns: repeat(3,1fr); gap: 10px}
    .section_quick_menu .home_quick .home_quick_item .img img{max-width: 50%; max-height: initial}
    .section_quick_menu .home_quick .home_quick_item .img .visit{max-width: 65%;}
    /* .section_quick_menu .home_quick .home_quick_item:nth-child(3) .img img{ max-width: 50%; max-height: initial}
    .section_quick_menu .home_quick .home_quick_item:nth-child(5) .img img{ width: 25%} */
    .section_quick_menu .home_quick .home_quick_item .txt{ font-size: 14px}

    .library_news_con .home_news_item .inn{ padding: 20px}
    .library_news_con .home_img_news_list{ gap: 15px}
    .library_news_con .home_img_news_item .txt_wrap{ padding: 20px 15px}
    .library_news_con .home_news_item .inn .tit_wrap{ flex-direction:column; position: relative;}
	.library_news_con .home_news_item .inn .tit_wrap .item_more{ margin-left:auto;margin-right:0; position: absolute; right: 0; bottom: -4px}
    .library_news_con .home_news_item .inn .tit_wrap .tit{ font-size: 17px; padding-right: 25px}
    .library_news_con .home_img_news_item .home_news_ctg{ margin-bottom: 12px}

    .internal_site_slide{ margin-top: 70px}
    .internal_site .home_slider.arr_top .slick-dots,
    .internal_site .home_slider.arr_top .slick-prev,
    .internal_site .home_slider.arr_top .slick-next{ top: -50px}

    .nuri_sns .home_section_tit_wrap{ justify-content: space-between;flex-direction:column;}
    .home_section_tit{margin-right:auto;}
/*     .home_section .choice_add, .home_section .internal_site_add{margin-right:20px;} */
    .home_section .library_news_add{right:0px;}
    .section_quick_menu .set{margin-right:3px;}
    .sns_list_gy{ gap: 5px; margin-left:auto;}
    .sns_list_gy .sns_item_gy img{ width: 35px}
    .nuri_sns.home_slider.arr_top .slick-dots,
    .nuri_sns.home_slider.arr_top .slick-prev,
    .nuri_sns.home_slider.arr_top .slick-next{ top: -50px}
    .library_news_con .home_news_item .home_news_ctg{width:37px;margin-right:auto;margin-bottom:5px;}
    .home_main_wrap .ellipsis{white-space: normal;}
    .home_main_visual_wrap .visual_item .img_pc{ width: 100%; display: none;}
	.home_main_visual_wrap .visual_item .img_mo{ width: 100%; display: block;}
	.today_choice .home_tab_menu {margin-bottom:20px;}


	.home_section .home_more{ width: 25px; height: 25px; top: 5px; border: solid 1px #000; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 4px}
	.home_section .home_more .mo_hidden{ display: none}

}
@media screen and (max-width: 450px) {
    .today_choice .home_tab_menu .home_tab_item .inn{ font-size: 13px; }
}

/* 2025-03-11 인트로페이지 부분 메인에 적용 */
/* @charset "UTF-8";
.intro_visual{ width: 100%; background: url("../img/main/img_intro_visual.jpg") no-repeat center / cover; padding: 50px 0px 50px 0px; max-width:1280px;margin:0 auto;}
.intro_logo{ max-width: 230px; margin-bottom: 100px;}
.typing_container { font-size: 20px; white-space: nowrap; overflow: hidden; max-width: 767px; width: 100%; margin: 0 auto 25px; display: flex; align-items: center; justify-content: center}
.typing_container .typing_text_wrap { width: 196px; background: #003675; color: #003675; font-size: 35px; padding: 0px 0px; margin-right: 10px; font-weight:600; display: inline-flex; align-items: center; box-sizing: border-box}
.typing_container .typing_cursor { display: inline-block; animation: blink 0.6s step-end infinite; font-weight: 400;}
.typing_container .tagline { font-size: 35px; font-weight: 600; color: #003675;}
.typing_container br { display: none}
.intro_visual .worldword-wrap {right:21%;}
.intro_visual .total_srch_pop_field{ max-width: 767px; width: 100%; margin: 0 auto 25px; border: 2px solid #2C70EB; position: relative; overflow: visible;}

.intro_contents{ padding: 0px 0 50px}
.intro_holiday_wrap{ background: #fff; box-shadow: 0px 5px 15px #0000001A; padding: 15px 20px; border-radius: 7px; width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box}
.intro_holiday_wrap .left{ display: inline-flex; align-items: center}
.intro_holiday_wrap .left img{ margin-right: 15px; flex-shrink: 0}
.intro_holiday_wrap .left .date{ color: #1D1D1D; font-size: 25px; font-weight: 600;}
.intro_holiday_wrap .left .time{ margin-left: 15px; font-size: 17px; font-weight: 400;}
.intro_holiday_wrap .left .time .point{ color: #1D56BC;}
.intro_holiday_wrap .left .time .holiday{ color: #b93636;}
.intro_holiday_wrap .left .time .txt{ color: #404040; margin-left: 10px;}
.intro_holiday_wrap .right{ display: inline-flex; align-items: center}
.intro_holiday_wrap .intro_holiday_tit{ border-radius: 5px; padding: 6px 13px; background: #003675; color: #fff; margin-right: 15px}
.intro_holiday_wrap .intro_holiday_list{ display: inline-flex; align-items: center}
.intro_holiday_wrap .intro_holiday_list .intro_holiday_item{ width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: #EFEFEF; color: #1D1D1D; font-size: 15px; font-weight: 400; margin-right: 10px;}
.intro_holiday_wrap .intro_holiday_list .intro_holiday_item:last-child{ margin-right: 0;}



@keyframes blink { 50% {opacity: 0;} }


@media screen and (max-width: 1024px) {
    .intro_visual{ padding: 80px 0}
    .intro_logo{ width: 40vw}
    .typing_container{ flex-wrap: wrap}
    .typing_container br { display: block}
    .typing_container .mo_full { display: block; width: 100%; text-align: center}
    .intro_holiday_wrap{ flex-flow: column}
    .intro_holiday_wrap .left,
    .intro_holiday_wrap .right{ justify-content: center; width: 100%; box-sizing: border-box}
    .intro_holiday_wrap .left{ flex-flow: wrap}
    .intro_holiday_wrap .left .time{ width: 100%; margin-left: 0; text-align: center; margin-top: 10px;}
    .intro_holiday_wrap .right{ margin-top: 20px;}
}
@media screen and (max-width: 800px) {
	.intro_visual .worldword-wrap {
		right:0%;
	}
}

@media screen and (max-width: 640px) {
    .typing_container .typing_text_wrap{ width: 235px;}
    .typing_container .typing_text_wrap,
    .typing_container .tagline{ font-size: 36px;}
    .intro_holiday_wrap .left .time .point,
    .intro_holiday_wrap .left .time .txt{ display: block; width: 100%}
    .intro_holiday_wrap .left .time .txt{ margin: 5px 0 0 0}
}

자동완성 new
.intro_contents_wrap .btn_arrow {
    display: inline-block;
    width: 36px;
    padding: 17px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.intro_contents_wrap .btn_arrow .arrow_fold {
  display: inline-block;
  overflow: hidden;
  font-size: 5px;
  color: transparent;
  vertical-align: top;
  background: #fff url(/resource/templete/nl/common/img/common/search-arrow.png) center center no-repeat;
}

.intro_contents_wrap .btn_arrow.is_fold .arrow_fold {
    background: #fff url(/resource/templete/nl/common/img/common/search-arrow-up.png) center center no-repeat;
}

.home_main_wrap .autocomplete_layer{
    left: 50%;
    width: 100%;
    top: 85px;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 960px) {
	.home_main_wrap .autocomplete_layer{
    	top: 52px
	}
}
@media screen and (max-width: 768px) {
	.home_main_wrap .autocomplete_layer{
	    left: 18px;
    width: 402px;
    top: 288px;
	}

	.intro_contents_wrap .btn_arrow {
	    display: inline-block;
	    width: 27px;
	    padding: 0px 0;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}
	.intro_contents_wrap .btn_arrow .arrow_fold {
	  display: inline-block;
	  overflow: hidden;
	  font-size: 5px;
	  color: transparent;
	  vertical-align: top;
	  background: #fff url(/resource/templete/nl/common/img/common/search-arrow.png) center center no-repeat;
	}

	.intro_contents_wrap .btn_arrow.is_fold .arrow_fold {
	    background: #fff url(/resource/templete/nl/common/img/common/search-arrow-up.png) center center no-repeat;
	}

	.intro_contents_wrap .total_srch_pop_input>input {
		font-size: 16px;
		height: 30px;
		padding: 0 12px;
		width:100%;
	}
}
@media screen and (max-width: 640px) {
	.home_main_wrap .autocomplete_layer{
    	top: 42px
	}
} */

/* jsh 20250828 자주찾는 메뉴 css 추가 */
.layer_popup .popup_contents .fav_icon_area {
  display: block;
  position: absolute;
  /* border : 1px solid black; */
  background-color:white;
  bottom: 61px;
  left:0;
  width: 100%;
  height: 100px;
}

.layer_popup .popup_contents .fav_icon_area .fav_select_list {
  display: flex;
  width: 100%;
}

.layer_popup .popup_contents .fav_icon_area .fav_select_list li{
	height: 100px;
	border-top: 2px solid #3669ac;
	border-bottom: 2px solid #3669ac;
	border-right:2px solid #3669ac;
	box-sizing: border-box;
	padding:10px 10px;
	width:100%;
}

.layer_popup .popup_contents .fav_icon_area .fav_select_list li:LAST-CHILD{
	border-right:0;
}

.layer_popup .popup_contents .fav_save_wrap .btn {
  border-radius: 0 0 6px 6px;
}

.layer_popup .popup_fav_exp {
  padding: 5px 28px;
  font-size: 15px;
  color: #333;
}

@media screen and (max-width: 768px) {

	.layer_popup .popup_contents .fav_icon_area {
	  display: block;
	  position: absolute;
	  background-color:white;
	  bottom: 55px;
	  left:0;
	  width: 100%;
	  height: auto;
	  border-top: 2px solid #3669ac;
	}

	.layer_popup .popup_contents .fav_icon_area .fav_select_list {
		display:inline-flex;
		flex-direction:row;
		height: 100%;
		flex-wrap:wrap;
	}

	.layer_popup .popup_contents .fav_icon_area .fav_select_list li{
		display:flex;
		align-items:center;
		height:100%;
		border : 0;
		border-bottom: 2px solid #3669ac;
		box-sizing: border-box;
		padding:10px 10px;
		width:50%;
	}

	.layer_popup .popup_contents .fav_icon_area .fav_select_list li:NTH-CHILD(2n+1){
		border-right: 2px solid #3669ac;
	}

	.layer_popup .popup_fav_exp {
	    padding: 5px 32px 5px 15px;
	    font-size: 1.2rem;
	}

	.layer_popup_wrap6 .layer_popup .popup_contents {
	  padding: 45px 10px 60px 10px;
	}
}