@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'NotoKR', 'Malgun Gothic', 'gothic', '고딕', '새굴림', Arial,
    sans-serif;
  line-height: 1.3;
  font-weight: 400; /* font-size: 16px; */
  font-size: 1rem;
  color: #474747;
  letter-spacing: -0.5px;
}

input,
button,
textarea,
select {
  font-family: 'NotoKR', 'Malgun Gothic', 'gothic', '고딕', '새굴림', Arial,
    sans-serif;
  line-height: 1.3;
  font-weight: 400; /* font-size: 16px; */
  font-size: 1rem;
  color: #474747;
  letter-spacing: -0.5px;
}


a {
  text-decoration: none;
  color: #474747;
}
/* 공통 */
.space_between {
  display: flex;
  justify-content: space-between;
}

.space_between > ul > li {
  float: left;
}

.floatR {
  float: right !important;
}

.flex_full {
  flex: 1;
}

.sr_only,
legend  {
  position: absolute;
  width: 1px;
  height: 1px;
  text-indent: -9999px;
  font-size: 0;
}

.skip { position : absolute; top : 0; left : 0; width : 100%; z-index : 120 }
.skip a { width : 0; height : 0; position : fixed; top : 0; left : 0; width : 100%; z-index : 9; overflow : hidden; }
.skip a:focus { display : block; width : 100%; height : auto; background-color : #000; color : #fff; padding : 10px 0; text-align : center }

.w_full {
  width: 100% !important;
}

.w_auto {
  width: auto !important;
}

.w_300 {
  width: 300px;
}

.w_100 {
  width: 100px;
}

.bdr {
  border-top: 1px solid #dfdfdf;
}

.bdnone {
  border: none !important;
}

strong {
  font-weight: 700;
}

b {
  font-weight: 500;
}

em {
   color: #f60;
  font-style: normal;
}

.txt_left {
  text-align: left !important;
}

.txt_center {
  text-align: center !important;
}

.txt_right {
  text-align: right !important;
}

.txt_clip {
  display: block;
  overflow: hidden;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.txt_brown {
  color: #9f5414;
}

.txt_dark_orange {
  color: #9F251B;
}

.txt_orange {
  color: #9f5414;
}

.txt_red {
  color: #e13244 !important;
}

.txt_msg {
  color: #545454;
}
.txt_msg.right {
  float: right;
}
.mb_20 {
  margin-bottom: 20px !important;
}
.mb_30 {
  margin-bottom: 30px !important;
}
.mt_5 {
  margin-top: 5px !important;
}

.mt_15 {
  margin-top: 15px !important;
}

.mt_30 {
  margin-top: 30px !important;
}

.mt_40 {
  margin-top: 40px !important;
}

.mt_50 {
  margin-top: 50px !important;
}

.ml_m1 {
  margin-left: -1px !important;
}

.mr_5 {
  margin-right: 5px !important;
}

.p_0 {
  padding: 0 !important;
}

.m_0 {
  margin: 0 !important;
}

.reset {
  padding: 0 !important;
  border: none !important;
}

.controller .toggle > a {
  display: none !important;
}

.controller .toggle > a.on {
  display: inline-block !important;
}

.required {
  position: relative;
  padding-left: 6px;
  margin-right: 4px;
}

.required:after {
  display: block;
  content: '*';
  position: absolute;
  left: 0;
  top: 0;
  color: #8b8b8b;
}

.txt_dark_orange.required {
  background: none !important;
}

.txt_dark_orange.required:after {
  color: #d6562e;
}

.figure {
  display: inline-block;
  position: relative;
  width: 100%;
}

.figure > img {
  overflow: hidden;
  width: 100%;
  border: 1px solid #ccc;
}

.figure > video {
  overflow: hidden;
  width: 100%;
  border: 1px solid #ccc;
}

.figure_caption {
  display: inline-block;
  float: left;
  text-align: left;
}

.figure:after,
.figure_caption:after {
  display: block;
  content: '';
  clear: both;
}

.figure_caption > span {
  display: block;
}

.main .figure > img {
  border-radius: 15px;
}

span.div {
  display: inline-block;
  position: relative;
  padding-left: 15px;
  margin-right: 15px;
  width: 1px;
  height: 15px;
}

span.div:after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 15px;
  background-color: #dfdfdf;
}

.onW {
  display: block !important;
}

.onM {
  display: none !important;
}

.onW:after,
.onM:after {
  display: block;
  content: '';
  clear: both;
}

@media (max-width: 768px) {
  .onW {
    display: none !important;
  }
  .onM {
    display: block !important;
  }
  .floatR {
    float: left !important;
  }
  .space_between {
    flex-wrap: wrap;
  }
  .flex_full {
    flex: auto;
  }
  .w_300 {
    width: 100%;
  }
  .m_full {
    width: 100% !important;
  }
  .m_hide {
    display: none !important;
  }
  .m_auto {
    width: auto !important;
    min-width: auto !important;
  }
}

@media (max-width: 360px) {
  span.div {
    padding-left: 5px;
    margin-right: 5px;
  }
}

/* z-인덱스 */
.gnb {
  z-index: 999999;
}

.indicator {
  z-index: 100;
}

.btn_top {
  z-index: 800;
}

.layer_pop {
  z-index: 1000000;
}

/* 레이아웃 */
.wrap {
  min-width: 1280px;
}

.container {
  overflow: hidden;
}
#sub_content.subSearchWrap,
#sub_content.subSearchWrap .container {
  width: 100%;
  float: left;
  overflow: visible;
}
.sub {
  max-width: 1240px;
  margin: auto;
  padding: 30px 0 50px;
  min-height: 800px;
}
.sub.pt0 {
  padding-top: 0;
}
.sub:after,
.row:after {
  display: block;
  content: '';
  clear: both;
}

.lnb_wrap {
  display: block;
  float: left;
  width: 235px;
  margin-right: 30px;
}

.content {
  display: block;
  float: right;
  width: calc(100% - 265px);
}

.content:after {
  display: block;
  content: '';
  clear: both;
}

@media (max-width: 1024px) {
  .sub {
    padding: 0 15px 50px;
  }
  .lnb_wrap {
    display: none;
  }
  .content {
    display: block;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wrap {
    min-width: 100%;
  }
}

/* 폼 */
/* 체크박스, 라디오 */
input[disabled='disabled'],
input[readonly='readonly'] {
  background-color: #f8f8f8;
  color: #a6a6a6;
}

/* 접근성
input[type='radio'],
input[type='checkbox'] {
  position: fixed;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
}


input[type='radio'] + label {
  position: relative;
  padding-left: 23px;
  line-height: 18px;
}

input[type='radio'] + label:after {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background: url(/resource/templete/nlcy/common/img/common/input_radio.png)
    no-repeat;
  background-position: 0 0;
}

input[type='radio']:checked + label:after {
  background-position: 0 -28px;
}

input[type='checkbox'] + label {
  position: relative;
  padding-left: 30px;
  line-height: 22px;
}

input[type='checkbox'] + label:after {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url(/resource/templete/nlcy/common/img/common/input_checkbox.png)
    no-repeat;
  background-position: 0 0;
}

input[type='checkbox']:checked + label:after {
  background-position: 0 -30px;
}
*/
.radio_lsit .radio,
.check_list .checkbox {
  display: inline-block;
  margin-right: 10px;
}

.radio_group:after,
.checkbox_group:after {
  display: block;
  content: '';
  clear: both;
}

.radio_group .radio,
.checkbox_group .checkbox {
  display: inline-block;
  margin-bottom: 5px;
  min-width: 100px;
}

.radio_group .radio:last-child,
.checkbox_group .checkbox:last-child {
  margin-right: 0;
}

input,
select {
	width : 100%;
  height: 35px;
  padding-left: 10px;
  border: 1px solid #dfdfdf;
}

input[type="checkbox"],
input[type="radio"] { width : inherit !important; height : inherit !important; min-width : inherit !important }

*:focus { outline : dotted #9f5414 !important }
.layer_pop .pop_container .btn_pop_close:focus { outline : dotted #fff !important }
.new_search_top_wrap { padding-right : 0 !important }
.detailSearchMultipleInput div input { display : block; width : 100% }
.main-modal__footer input,
#agreeYn,
#checkbox_all { height : inherit }

.input_calendar {
  position: relative;
  display: inline-block;
}

.input_calendar .btn_calendar {
  position: absolute;
  right: -5px;
  top: 0;
  width: 50px;
  height: 35px;
}
/* 체크박스 리스트, 라디오 리스트 */
.checkbox_list .checkbox {
  display: inline-block;
  margin-right: 5px;
}

.input_list {
  overflow: hidden;
}

.input_list input {
  margin: 0 5px;
  width: 95px;
}

.input_list > span {
  margin-right: 20px;
}
/* 셀렉트박스 */
select {
  width: 220px;
  height: 35px;
  padding: 0 24px 0 14px;
  vertical-align: middle;
  appearance: none;
  background: #fff
    url(/resource/templete/nlcy/common/img/common/input_select_2.png) 98% center
    no-repeat;
}

select.header_select {
  background: #fff
    url(/resource/templete/nlcy/common/img/common/input_select_1.png) right
    center no-repeat;
}
/* 파일업로드 */
.file_box {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 35px;
  border: 1px solid #dfdfdf;
}

.file_box .file_hidden {
  position: absolute;
  left: -100px;
  top: -100px;
  width: 1px;
  height: 1px;
}

.file_box .file_name {
  border: none;
  width: 100%;
  height: 35px;
}

.file_box input {
  border: none;
}

.file_box label {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background-color: #6c6c6c;
  cursor: pointer;
}
/* 핸드폰번호 */
.input_mo_num input {
  width: 300px;
}

.input_mo_num span {
  display: inline-block;
  margin-left: 5px;
}

.input_mo_num div {
  margin-left: 0;
  margin-top: 10px;
}

.input_phone input {
  width: 80px;
}
/* 이메일 */
.input_email {
  display: flex;
  width: 500px;
}

.input_email .at {
  padding: 10px;
  width: 30px;
  text-align: center;
}

.input_email input {
  width: 160px;
}

.input_email select {
  margin-left: -1px;
  width: 150px;
}

.radio_list .radio {
  display: inline-block;
  margin-right: 30px;
}
/* 기간 */
.period {
  overflow: hidden;
  float: left;
  margin-right: 10px;
}

.period .space {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
}

.period input {
  display: inline-block;
  width: 120px;
}

.period.with_calendar input {
  padding-right: 30px;
  width: calc(50% - 18px);
  background: url(/resource/templete/nlcy/common/img/common/ico_calendar.png)
    90% center no-repeat;
}

.period + .ex {
  line-height: 35px;
}

.period_wrap label {
  display: inline-block;
  float: left;
  line-height: 35px;
}

.period_wrap .period {
  margin-right: 0;
  margin-left: 10px;
}

.period_wrap .space {
  padding: 0;
}
/* 주소+우편번호 검색 */
.input_address {
  overflow: hidden;
}

.input_address .btn {
  min-width: 110px;
  text-align: center;
  white-space: nowrap;
}

.input_address input {
  margin-bottom: 5px;
}

.zipcode_box {
  display: flex;
}

.zipcode_box > input {
  max-width: 200px;
}
/* 핸드폰 */
.input_phone {
  width: 300px;
  margin: 0 -5px;
}

.input_phone select,
.input_phone input {
  margin: 0 5px;
}
.input_bx_m {
  width: 50%;
}
/* 검색영역조합(select, input, select_group, input_group, 기간검색 통합) */
/* .search_group_area{overflow: hidden;} */
.search_group_area > div,
.search_group_area form > div {
  float: left;
  margin-right: 10px;
}

.search_group_area > div:last-child,
.search_group_area form > div:last-child {
  margin-right: 0;
}

.search_group_area .period_wrap .period.with_calendar input {
  width: 138px;
  border: 1px solid #8a8a8a;
}

.search_group_area select,
.search_group_area .input_group_wrap select {
  border: 1px solid #8a8a8a;
}

.search_group_area .space_between .period .space {
  padding: 0;
}
/* 셀렉트그룹 : 셀렉트 + 버튼 */
.select_group,
.input_group {
  display: flex;
}

.select_group:after,
.input_group:after {
  display: block;
  content: '';
  clear: both;
}

.select_group select {
  width: 110px;
  height: 35px;
  border: 1px solid #dfdfdf;
}

.search_group_area .select_group select,
.select_group_wrap select {
  float: left;
  width: 110px;
  height: 35px;
  border: 1px solid #8a8a8a;
}

.select_group select + select,
.select_group_wrap select:nth-child(2n),
.select_group_wrap select:nth-child(3n) {
  margin-left: -1px;
}

.select_group_wrap .btn,
.select_group .btn {
  display: block;
  float: left;
  min-width: 55px;
  width: 55px;
  height: 35px;
}
.data_use_list .select_group_wrap select {
  margin-right: 3px;
}
/* 인풋그룹 : 인풋 + 버튼 */
.search_group_area .input_group_wrap {
  flex: 1;
}

.input_group_wrap .input_group input {
  width: 100%;
  height: 35px;
  border: 1px solid #8a8a8a;
  border-left: 1px solid #d6d6d6;
}

.table_header .input_group_wrap .input_group .btn_search {
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 35px;
}

.search_group_area .select_group select:nth-child(2n) {
  width: 130px;
}
/* 셀렉트인풋그룹 : 셀렉트 + 인풋 + 버튼 */
.input_group_wrap {
  display: flex;
}

.table_header > .input_group_wrap,
.table_header > .select_group {
  float: right;
  margin-bottom: 15px;
}

.table_header > .input_group_wrap:after,
.table_header > .select_group:after {
  display: block;
  content: '';
  clear: both;
}

.table_header > .input_group_wrap,
.table_header .total.space_between .input_group_wrap {
  width: 470px;
}

.input_group_wrap select {
  width: 110px;
  border: 1px solid #8a8a8a;
}

.input_group_wrap select + .input_group {
  position: relative;
  margin-left: -1px;
  width: calc(100% - 110px);
}

.input_group_wrap .input_group input {
  width: 100%;
  padding-right: 35px;
}

.input_group_wrap .input_group button {
  position: absolute;
  top: 0;
  width: 35px;
  height: 35px;
}

.input_group_wrap .input_group .btn_1 {
  right: 0;
}
/* 참석자 정보 */
.school_info {
  flex-wrap: nowrap;
}

@media (max-width: 768px) {
  .input_mo_num input {
    width: 100%;
  }
  .input_mo_num span {
    margin-left: 0;
    margin-top: 5px;
  }
  .input_email {
    width: 100%;
  }
  .input_email input {
    width: 33%;
  }
  .input_email select {
    width: 30%;
  }
  .period_wrap label {
    display: none;
  }
  .select_group select + select,
  .select_group_wrap select:nth-child(2n),
  .select_group_wrap select:nth-child(3n) {
    margin-left: 0;
  }
  .period_wrap .period {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
  }
  .input_address .space_between {
    flex-wrap: nowrap;
  }
  .zipcode_box > input {
    max-width: none;
  }
  .input_phone {
    width: 100%;
    margin: 0;
  }
  .input_phone select,
  .input_phone input {
    width: calc(33.33% - 15px);
  }
  .input_phone select,
  .input_phone input:first-child {
    margin-left: 0;
  }
  .input_phone input:last-child {
    margin-right: 0;
  }
  .input_bx_m {
    width: 100%;
  }
  .search_group_area .period_wrap .period.with_calendar input {
    width: calc(50% - 11px);
  }
  .search_group_area > div {
    float: none;
    margin-right: 0;
  }
  .select_group,
  .input_group {
    display: block;
    width: 100%;
  }
  .select_group:after,
  .input_group:after {
    display: block;
    content: '';
    clear: both;
  }
  .select_group select:nth-child(2n) {
    margin-left: 0;
  }
  .select_group select,
  .select_group .btn {
    width: 100%;
    margin-bottom: 5px;
  }
  .search_group_area {
    flex-wrap: wrap;
    width: 100%;
  }
  .search_group_area > div {
    width: 100%;
    margin-right: 0;
  }
  .search_group_area .input_group_wrap {
    flex: auto;
    display: block;
  }
  .search_group_area .select_group select:nth-child(2n) {
    width: 100%;
  }
  .search_group_area .input_group_wrap select {
    width: 100%;
    margin-bottom: 5px;
  }
  .search_group_area .input_group_wrap select + .input_group {
    margin-left: 0;
  }
  .table_header > .input_group_wrap,
  .table_header .total.space_between .input_group_wrap {
    width: 100%;
  }
  .table_header .search_group_area .input_group_wrap {
    margin-top: 30px;
  }
  .table_header .search_group_area .input_group_wrap .input_group {
    width: 100%;
  }
  .table_header .search_group_area .input_group_wrap .input_group input {
    border: 1px solid #8a8a8a;
  }
  .table_header .total select,
  .table_header .total input,
  .table_header .total .input_group {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }
  .table_header .total.space_between .input_group_wrap {
    width: 100%;
  }
  .table_header .total .input_group input {
    margin-left: 0;
    width: 100%;
    border-left: 1px solid #8a8a8a;
  }
  .table_header .select_group_wrap {
    display: block;
    width: 100%;
  }
  .table_header .select_group_wrap select {
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }
  .table_header .select_group_wrap .btn {
    width: 100%;
    margin-bottom: 5px;
  }
  .table_header .total > div,
  .table_header .input_group_wrap .input_group {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  .table_header > .input_group_wrap,
  .table_header > .select_group {
    float: none;
    margin-bottom: 0;
  }
  .table_header .view_type {
    margin-left: auto;
  }
  .input_group_wrap {
    flex-wrap: wrap;
  }
  .input_group_wrap select {
    width: 100%;
    margin-bottom: 5px;
  }
  .input_group_wrap select + .input_group {
    width: 100%;
    margin-left: 0;
  }
  .input_group_wrap .input_group input {
    border-left: 1px solid #8a8a8a;
  }
}

@media (max-width: 640px) {
  .input_list span {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  .input_list .input_list1 {
    display: flex;
    width: 100%;
  }
  .input_list .input_list1 span {
    width: 60px;
    line-height: 35px;
  }
  .input_list .input_list1 span:first-child {
    text-align: center;
  }
  .input_list .input_list1 input {
    flex: 1;
  }
  .period input {
    width: 100px;
  }
}

@media (max-width: 420px) {
  .input_list span {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  .input_mo_num input {
    width: 100%;
  }
  .input_mo_num span {
    margin-left: 0;
    margin-top: 5px;
  }
  .input_email {
    display: block;
    width: 100%;
  }
  .input_email input {
    display: inline-block;
    width: 80%;
    margin-bottom: 5px;
  }
  .input_email .at + input {
    float: left;
    width: 60%;
  }
  .input_email select {
    float: left;
    width: 40%;
  }
  .period.with_calendar input {
    width: 45%;
  }
  .period .space {
    padding: 0 3px;
  }
  .period + .ex {
    display: block;
    clear: both;
  }
}

/* 버튼 */
button {
  background: none;
  cursor: pointer !important;
  word-break: keep-all;
}

a.btn {
  display: inline-block;
}

.btn {
  padding: 5px 8px;
  width: 130px;
  min-width: 60px;
  height: 35px;
  border: 1px solid transparent;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.btn_orange {
  color: #fff;
   background-color: #c47020; 
}

.btn_brown {
  color: #fff;
  background-color: #764313;
}

.btn_default {
  color: #fff;
  background-color: #6c6c6c;
}

.btn_pale {
  color: #fff;
  background-color: #595857;
}

.btn_outline {
  color: #534435;
  border: 1px solid #764313;
}

.btn_sm {
  width: 100px;
  height: 36px;
}

a.btn_sm {
  height: auto;
  padding: 6px 8px;
}

.btn_lg {
  width: auto;
  min-width: 140px;
  height: 46px; /* font-size: 17px; */
  font-size: 1.063rem;
  padding: 5px 40px;
}

a.btn_lg {
  height: auto;
  padding: 11px 40px;
}

.btn_add {
  position: relative;
  width: 35px;
  height: 35px;
}

.btn_add:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  width: 35px;
  height: 35px;
  background: #8e8c8c url(/resource/templete/nlcy/common/img/common/ico_add.png)
    0 0 no-repeat;
}

.btn_download {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  min-width: 105px;
  height: 40px; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #474747;
  border: 1px solid #dfdfdf;
  text-align: center;
  background-color: #fff;
}

.btn_download.btn_lg,
.btn_view.btn_lg {
  width: 230px;
  min-width: 140px;
  height: 40px;
  line-height: 40px;
}

.btn_download1 {
  display: inline-block;
  padding: 2px 10px;
  width: auto;
  min-height: 35px;
  line-height: 34px;
  text-align: center; /* font-size: 15px; */
  font-size: 0.9375rem;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  width: auto;
  min-height: 35px;
  line-height: 34px;
  text-align: center; /* font-size: 15px; */
  font-size: 0.9375rem;
  border: 1px solid #dfdfdf;
  background-color: #fff;
}

.btn_link {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  min-width: 110px;
  height: 35px; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #474747;
  border: 1px solid #dfdfdf;
  text-align: center;
  background-color: #fff;
}

.btn_link:after {
  display: block;
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  width: 5px;
  height: 9px;
  transform: translateY(-50%);
  background: url(/resource/templete/nlcy/common/img/common/btn_link.png) 0 0
    no-repeat;
}

a.btn_link,
span .btn_link {
  line-height: 35px;
}

.btn_link .btn_send_mail {
  width: 210px;
  background-color: #f8f8f8;
}

.btn_view {
  display: inline-block;
  padding: 0 20px;
  min-width: 100px;
  height: 33px;
  line-height: 33px;
  border: 1px solid #dfdfdf;
  text-align: center;
  background-color: #f8f8f8;
}

.btn_group {
  text-align: center;
}

.btn_group:after {
  display: block;
  content: '';
  clear: both;
}

.btn_group button + button {
  margin-left: 3px;
}

.btn_group .btn_lg + .btn_lg {
  margin-left: 10px;
}

.btn_group .btn_down_excel,
.btn_group .download_box {
  float: left;
  margin: 0 3px;
  margin-bottom: 5px;
  padding: 0 15px;
  line-height: 33px;
  border: 1px solid #dfdfdf;
}

.btn_group .download_box a {
  display: block;
  text-align: center;
}

.table_footer .btn_group .btn + .btn {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .btn_group .btn {
    margin: 0;
    width: 49%;
  }
  .btn_group .btn + .btn {
    margin-left: 0;
    margin-top: 10px;
  }
  .space_between .btn_group {
    width: 100%;
    margin-top: 15px;
    text-align: right;
  }
  .btn_group .download_box {
    width: 100%;
    margin-bottom: 5px;
  }
  .btn_group .btn_down_excel {
    width: 100%;
  }
  .btn_group .w_auto {
    width: 100% !important;
  }
  .btn_group .btn + .btn {
    margin-top: 5px;
  }
  .table_footer .btn_group .btn + .btn {
    margin-left: 0;
    margin-top: 10px;
  }
}

.btn_link {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  min-width: 110px;
  height: 35px; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #474747;
  border: 1px solid #dfdfdf;
  text-align: center;
  background-color: #fff;
}

.btn_link:after {
  display: block;
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  width: 5px;
  height: 9px;
  transform: translateY(-50%);
  background: url(/resource/templete/nlcy/common/img/common/btn_link.png) 0 0
    no-repeat;
}

a.btn_link,
span.btn_link {
  line-height: 35px;
}

.btn_link.btn_send_mail {
  width: 210px;
  background-color: #f8f8f8;
}

.btn_view {
  display: inline-block;
  padding: 0 20px;
  min-width: 100px;
  height: 33px;
  line-height: 33px;
  border: 1px solid #dfdfdf;
  text-align: center;
  background-color: #f8f8f8;
}

.btn_group {
  text-align: center;
}

.btn_group:after {
  display: block;
  content: '';
  clear: both;
}

.btn_group button + button {
  margin-left: 3px;
}

.btn_group .btn_lg + .btn_lg {
  margin-left: 10px;
}

.btn_group .btn_down_excel,
.btn_group .download_box {
  float: left;
  margin: 0 3px;
  margin-bottom: 5px;
  padding: 0 15px;
  line-height: 33px;
  border: 1px solid #dfdfdf;
}

.btn_group .download_box a {
  display: block;
  text-align: center;
}

.table_footer .btn_group .btn + .btn {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .btn_group .btn {
    margin: 0;
    width: 49%;
  }
  .btn_group .btn + .btn {
    margin-left: 0;
    margin-top: 10px;
  }
  .space_between .btn_group {
    width: 100%;
    margin-top: 15px;
    text-align: right;
  }
  .btn_group .download_box {
    width: 100%;
    margin-bottom: 5px;
  }
  .btn_group .btn_down_excel {
    width: 100%;
  }
  .btn_group .w_auto {
    width: 100% !important;
  }
  .btn_group .btn + .btn {
    margin-top: 5px;
  }
  .table_footer .btn_group .btn + .btn {
    margin-left: 0;
    margin-top: 10px;
  }
}

/* 테이블 */
.table_wrap:after {
  display: block;
  content: '';
  clear: both;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

table caption {
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.table,
.table_detail {
  position: relative;
  border-top: 2px solid #675147;
}
/* 테이블 목록 */
.table thead tr th {
  padding: 0;
  height: 54px;
  border-bottom: 1px solid #dfdfdf !important;
  line-height: 53px;
  text-align: center;
  font-weight: 500;
  background-color: #f8f8f8;
  width: 400px;
}

.table tr td {
  padding: 12px 15px;
  border-bottom: 1px solid #dfdfdf;
  text-align: center;
}

.table tr:last-child th,
.table tr:last-child td {
  border-bottom: 1px solid #a6a6a6;
}

.table tr > td[rowspan]:last-child,
.table tr > td[rowspan]:nth-child(1) {
  border-bottom: 1px solid #a6a6a6;
}

.table tr:last-child td.reset {
  border-bottom: 1px solid #a6a6a6 !important;
}

.table td > a {
  display: block;
  text-align: left;
}

.table td > a:after {
  display: block;
  content: '';
  clear: both;
}

.table td .space {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  min-width: 140px;
  height: 100%;
  text-align: left;
  color: #000;
}
/* 테이블 상세 */
.table_detail tr th,
.table_detail tr td {
  padding: 15px 15px 12px;
  min-height: 53px;
  border-bottom: 1px solid #dfdfdf;
  text-align: left;
}

.table_detail tr:last-child th,
.table_detail tr:last-child td {
  border-bottom: 1px solid #a6a6a6;
}

.table_detail tr th:after,
.table_detail tr td:after {
  display: block;
  content: '';
  clear: both;
}

.table_detail th {
  font-weight: 500;
  color: #000;
  background-color: #f8f8f8;
}

.table_detail td p {
  line-height: 1.8;
}

.table_detail tr td table tr:last-child th,
.table_detail tr td table tr:last-child td {
  border-bottom: 1px solid #dfdfdf;
}
/* 테이블 안의 테이블 */
table td .tbl_title,
.table_detail .tbl_title {
  padding-left: 20px;
  width: 100%;
  height: 50px;
  line-height: 50px; /* font-size: 18px; */
  font-size: 1.125rem;
  color: #fff;
  background-color: #c47020;
}

table td .tbl_title + .table_detail,
.table_detail .tbl_title + .table_detail {
  border-top: none;
}

table td .table_detail tr th,
table td .table_detail tr td,
.table_detail .table_detail tr th,
.table_detail .table_detail tr td {
  border-bottom: 1px solid #dfdfdf !important;
}

.td_table td .th {
  display: none;
}

.td_table th {
  text-align: center;
  font-weight: normal;
  background-color: #fbfbfb;
}
/* 기타 */
.table_border tr th,
.table_border tr td {
  border: 1px solid #dfdfdf;
}

.table_border tr th:first-child,
.table_border tr td:first-child {
  border-left: none;
}

.table_border tr th:last-child,
.table_border tr td:last-child {
  border-right: none;
}

.table_list tr td {
  padding: 20px 15px;
}

.table_header {
  position: relative;
  padding-bottom: 15px;
}

.table_header .headline {
  font-weight: 400; /* font-size: 25px; */
  font-size: 1.563rem;
}

.table_header .headline.category_header {
  position: relative;
  padding-left: 115px;
}

.table_header .headline em {
  color: #c47020;
  margin-right: 5px;
}

.table_header .category {
  display: inline-block;
  vertical-align: top;
  margin: 7px 15px 0 0;
}

.table_header .tit_2 {
  margin: 13px 0 0;
}

.table_footer {
  padding-top: 20px;
  text-align: center;
}

@media (max-width: 768px) {
  .table_border tr th,
  .table_border tr td {
    border: none;
    border-bottom: 1px solid #dfdfdf;
  }
  .table,
  .table thead,
  .table tbody,
  .table tr {
    display: block;
    width: 100%;
  }
  .table thead {
    display: none;
  }
  .table tr {
    overflow: hidden;
  }
  .table tr td:last-child {
    border-bottom: 1px solid #a6a6a6;
  }
  .table tr:last-child td {
    border-bottom: 1px solid #dfdfdf;
  }
  .data_use_list .table tr:last-child td {
    border-bottom: none;
  }
  .table tr:last-child td:last-child {
    border-bottom: 1px solid #a6a6a6;
  }
  .table tr > td[rowspan]:last-child,
  .table tr > td[rowspan]:nth-child(1) {
    border-bottom: 1px solid #dfdfdf;
  }
  .table.table_half tr + tr {
    margin-top: 0;
    border-top: none;
  }
  .table thead {
    display: none;
  }
  .table tr td {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 6px 10px 6px 40%;
    text-align: left;
  }
  .layer_pop .table tr td {
    padding: 6px 6px 6px 40%;
  }
  .table td .txt_center {
    text-align: left !important;
  }
  .table tr td .onM {
    position: absolute;
    left: 0;
    top: 0;
    width: 38%;
    height: 100%;
    padding: 6px 10px;
    text-align: left;
    font-weight: 500;
    background-color: #f8f8f8;
  }
  .table tr td .onM.with_form {
    padding: 22px 10px;
  }
  .table tr td .onM.two_line {
    padding: 25px 10px;
  }
  .table tr td .onM + .checkbox {
    margin-top: 3px;
  }
  /*
  .table_detail,
  .table_detail thead,
  .table_detail tbody,
  .table_detail tr,
  .table_detail th,
  .table_detail td{display: block;width: 100%;}
  */
  .table_detail tr th,
  .table_detail tr td {
    min-height: auto;
    padding: 10px;
  }
  .table_detail tr td {
    padding: 10px;
  }
  .table_detail tr:last-child th {
    border-bottom: 1px solid #dfdfdf;
  }
  .table_detail tr:last-child td {
    border-bottom: 1px solid #a6a6a6;
  }
  .table_detail th br {
    display: none;
  }
  .table_half {
    position: relative;
  }
  .table_half tr td {
    float: left;
    width: 50%;
    padding: 15px 10px !important;
  }
  .table_half tr:last-child td {
    padding: 15px 10px !important;
  }
  .table_half tr td:last-child:nth-child(2n) {
    border-bottom: 1px solid #dfdfdf;
  }
  .table_half tr:last-child td,
  .table_half tr:last-child td:last-child:nth-child(2n) {
    border-bottom: 1px solid #a6a6a6;
  }
  .onM .table_detail {
    display: table;
  }
  .onM .table_detail thead,
  .onM .table_detail tbody {
    display: table-row-group;
  }
  .onM .table_detail tr {
    display: table-row;
  }
  .onM .table_detail th,
  .onM .table_detail td {
    display: table-cell;
    float: none;
  }
  .onM .table_detail tr td {
    padding: 15px 20px 12px;
  }
  .td_table {
    display: table;
  }
  .td_table thead,
  .td_table tbody {
    display: table-row-group;
  }
  .td_table tr {
    display: table-row;
  }
  .td_table th,
  .td_table td {
    display: table-cell;
    float: none;
  }
  .td_table tr td {
    padding: 5px;
  }
  .table_list tr td {
    padding: 10px 0 0;
    border-bottom: none;
    text-align: left;
  }
  .table_list tr td + td {
    padding: 6px 0 8px;
  }
  .table_header .tit_2 {
    margin: 13px 0 10px;
  }
  .table_header .category {
    display: none;
  }
  .table_header form {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .td_table,
  .td_table thead,
  .td_table tbody,
  .td_table tr,
  .td_table th,
  .td_table td {
    display: block;
  }
  .td_table th {
    display: none;
  }
  .td_table td {
    position: relative;
    padding-left: 100px;
    width: 100%;
    border: none;
  }
  .td_table td input {
    margin-left: 100px;
    width: calc(100% - 100px);
  }
  .td_table td .th {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100%;
    padding: 5px;
    text-align: center;
    line-height: 35px;
  }
  .td_table td:nth-child(5) {
    height: 50px;
  }
}

@media (max-width: 420px) {
  .table_half td {
    float: none;
    width: 100%;
  }
  .radio_list .radio {
    margin-right: 8px;
  }
  .file_box label {
    width: 80px;
  }
}

/* table 디자인 개편 */
.table_ch {
  margin-bottom: 30px;
  text-align: center;
  border-top: solid 2px #675147;
  border-bottom: solid 1px #a6a6a6;
}
.table_ch tr {
  border-bottom: solid 1px #dfdfdf;
}
.table_ch tbody tr:last-child {
  border-bottom: none;
}
.table_ch th,
.table_ch td {
  padding: 18px 5px 15px;
}
.table_ch.bordered th,
.table_ch.bordered td {
  border-right: solid 1px #dfdfdf;
}
.table_ch.bordered th:last-child,
.table_ch.bordered td:last-child {
  border-right: none;
}
.table_ch th {
  font-weight: 500;
  background-color: #f8f8f8;
  color: black;
}
.table_ch .cnt_txt {
  padding-left: 15px;
  text-align: left;
}
@media (max-width: 768px) {
  .table_ch th,
  .table_ch td {
    padding: 13px 2px 12px;
  }
}

/* 페이징 */
.paging {
  display: inline-block;
  min-height: 36px;
  white-space: nowrap;
}

.paging:after {
  display: block;
  content: '';
  clear: both;
}

.paging a {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}

.paging .btn_first,
.paging .btn_prev,
.paging .btn_next,
.paging .btn_last {
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #a6a6a6;
}

.paging .btn_first:after,
.paging .btn_prev:after,
.paging .btn_next:after,
.paging .btn_last:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  background: url(/resource/templete/nlcy/common/img/common/arr_paging.png)
    no-repeat;
}

.paging .btn_last {
  margin-right: 0;
}

.paging .btn_first:after {
  background-position: 0 0;
}

.paging .btn_prev:after {
  background-position: -36px 0;
}

.paging .btn_next:after {
  background-position: -72px 0;
}

.paging .btn_last:after {
  background-position: -108px 0;
}

.paging .paginate_input_wrap {
  display: inline-block;
  margin: 0 6px 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #575757;
}

.paging .paginate_input {
  display: inline-block;
  width: 30px;
  height: 34px;
  margin-right: 6px;
  border: 1px solid #fff;
  border-bottom: 2px solid #000000;
  font-size: 18px;
  font-weight: 700;
  color: #575757;
  text-align: center;
  vertical-align: top;
  padding: 0;
  text-align: center;
}

.paging .paginate_input2 {
  width: 45px;
}

.paging .total_num {
  margin-right: 14px;
  height: 34px;
  line-height: 34px;
}

.paging .btn_page_go {
  width: 57px;
  height: 36px;
  background: #626262;
  font-weight: 500;
  color: #fff;
  line-height: 36px;
}

/* 이전글-다음글 */
.table_footer .dl_group {
  margin-top: 55px;
}

.table_footer .dl_group dl {
  min-height: 60px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.table_footer .dl_group dl:after {
  display: block;
  content: '';
  clear: both;
}

.table_footer .dl_group dl + dl {
  margin-top: -1px;
}

.table_footer .dl_group dl dt,
.table_footer .dl_group dl dd {
  display: inline-block;
  float: left;
  padding: 22px 20px 22px 0;
}

.table_footer .dl_group dl dt {
  width: 110px;
  text-align: center;
  font-weight: 500;
}

.table_footer .dl_group dl dd {
  width: calc(100% - 110px);
  text-align: left;
}

.table_footer .dl_group dl dd a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.table_footer .dl_group dl dd a:hover {
  text-decoration: underline;
}

.table_footer .dl_group dl dd a + span {
  white-space: nowrap;
}

/* 댓글 */
.table_footer .comment {
  margin-top: 20px;
}

.table_footer .comment dl {
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
}

.table_footer .comment dl:after {
  display: block;
  content: '';
  clear: both;
}

.table_footer .comment dl dt,
.table_footer .comment dl dd {
  display: block;
  float: none;
  padding: 5px 0;
  width: 100%;
  text-align: left;
  line-height: 1.4;
  color: #626262;
}

.table_footer .comment dl dt {
  padding-top: 20px;
  font-weight: normal; /* font-size: 15px; */
  font-size: 0.9375rem;
}

.table_footer .comment dl dt b {
  font-weight: 500;
  color: #4d4d4d;
}

.table_footer .comment dl dd {
  padding-bottom: 20px;
  border-bottom: 1px solid #dadada;
  text-align: left;
}

.table_footer .comment dl dd:last-child {
  border-bottom: none;
}

.add_comment {
  margin-top: 45px;
}

.add_comment:after {
  display: block;
  content: '';
  clear: both;
}

.add_comment p {
  margin-bottom: 15px;
  text-align: left;
}

.add_comment .comment_box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100px;
  border: 1px solid #a6a6a6;
}

.add_comment .comment_box textarea {
  float: left;
  padding: 20px;
  width: calc(100% - 95px);
  height: 100%;
  border: none;
  background-color: #f8f8f8;
}

.add_comment .comment_box .btn_cmt_regist {
  float: right;
  width: 95px;
  height: 100%;
  border-left: 1px solid #dfdfdf;
  background-color: #f8f8f8;
}

@media (max-width: 420px) {
  .add_comment .comment_box textarea {
    padding: 15px;
  }
  .add_comment .comment_box textarea {
    width: calc(100% - 65px);
  }
  .add_comment .comment_box .btn_cmt_regist {
    width: 65px;
  }
}

/* 최근게시물 */
.recent_area h3 {
  margin-bottom: 15px;
  text-align: left;
  font-weight: 500; /* font-size: 18px; */
  font-size: 1.125rem;
  color: #131313;
}

.recent_area ul {
  overflow: hidden;
  border-top: 2px solid #675147;
}

.recent_area ul li {
  border-bottom: 1px solid #dfdfdf;
}

.recent_area ul li a {
  display: block;
  padding: 20px;
  text-align: left;
}

.recent_area ul.type_thumb li a {
  padding: 0;
}

.recent_area ul li span {
  float: right;
}

.recent_area ul li:hover {
  background-color: #f8f8f8;
}

.recent_area ul li:hover a {
  color: #000;
}

.recent_area .type_thumb.col_5 li:hover {
  background: #fff;
}

/* 탭(최상단 탭메뉴) :  국립중앙도서관의 depth3의 스타일  */
.tablet_area {
  position: relative;
}

.tablet_area:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 54px;
  border-bottom: 1px solid #dfdfdf;
  background-color: #fff;
  transform: translateX(-50%);
}

.tablet_title {
  height: 55px;
}

.tablet_title .slick-track {
  margin-left: 0;
}

.tablet_title .slick-slide {
  width: 181px;
  border: 1px solid #dcdcdc;
  text-align: center;
}

.tablet_title .slick-slide + .slick-slide {
  margin-left: -1px;
}

.tablet_title .slick-slide a {
  display: block;
  height: 53px;
  line-height: 53px;
}

.tablet_title .slick-slide a.on {
  background-color: #a07854;
  color: #fff;
}

.tablet_title .slick-prev,
.tablet_title .slick-next {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 35px;
  height: 55px;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}

.tablet_title .slick-prev {
  left: 0;
  border-right: none;
  background: url(/resource/templete/nlcy/common/img/common/arr_tab_navi.png) 0
    center no-repeat;
}

.tablet_title .slick-next {
  right: 0;
  background: url(/resource/templete/nlcy/common/img/common/arr_tab_navi.png)
    right center no-repeat;
}

.tablet_area .tablet_pane {
  display: none;
}

.tablet_area .tablet_pane.on {
  display: block;
}

.tablet_area .tablet_pane .tab_type1 {
  margin-top: 30px;
}

@media (max-width: 768px) {
  .tablet_area:before {
    display: block;
    content: '';
    width: 200%;
    height: 48px;
  }
  .tablet_title {
    height: 49px;
  }
  .tablet_title .slick-slide {
    width: 181px;
    border: none;
  }
  .tablet_title .slick-slide a {
    height: 48px;
    line-height: 48px;
    padding: 0 10px !important;
  }
  .tablet_title .slick-slide a.on {
    background: none;
    border-bottom: 4px solid #e18629;
    color: #e18629;
  }
  .tablet_area .tablet_pane {
    display: none;
  }
}

/* 탭(tab_type1) : 국립중앙도서관의 depth4의 스타일 */
.tab_area.tab_type1 {
  margin-top: 20px;
}

.tab_area.tab_type1 .tab_title .selected {
  display: none;
}

.tab_area.tab_type1 .tab_title ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.tab_area.tab_type1 .tab_title .tab_menu {
  display: table-cell;
  position: relative;
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #494949;
  border: 1px solid #dcdcdc;
  border-left-color: #fff;
  border-bottom-color: #666;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  border-right: none;
  vertical-align: middle;
}

.tab_area.tab_type1 .tab_title .tab_menu:first-child {
  border-left: 1px solid #dcdcdc;
}

.tab_area.tab_type1 .tab_title .tab_menu:last-child {
  border-right: 1px solid #dcdcdc;
}

.tab_area.tab_type1 .tab_title .tab_menu a {
  display: block;
  padding: 14px 0;
  border-right: 1px solid #dcdcdc;
}

.tab_area.tab_type1 .tab_title .tab_menu:last-child a {
  border-right: none;
}

.tab_area.tab_type1 .tab_title .tab_menu.on {
  z-index: 1;
  border: 1px solid #666;
  border-bottom-color: #fff;
}

.tab_area.tab_type1 .tab_title .tab_menu.on a {
  border: none;
}

.tab_area.tab_type1 .tab_pane {
  display: none;
  padding-top: 30px;
}

.tab_area.tab_type1 .tab_pane.on {
  display: block;
}

@media (max-width: 768px) {
  .tab_area.tab_type1 .tab_title {
    position: relative;
  }
  .tab_area.tab_type1 .tab_title .selected {
    display: block;
    position: relative;
    padding: 0 10px;
    width: 100%;
    height: 56px;
    line-height: 50px;
    border: 3px solid #9f5414;
    background: #fff
      url(/resource/templete/nlcy/common/img/common/input_select_3.png) 97% 22px
      no-repeat;
  }
  .tab_area.tab_type1 .tab_title .selected a {
    display: block;
    font-weight: 500;
    color: #4e4e4e;
  }
  .floor_info .tab_area.tab_type1 .tab_title .selected a { width : 100%; border : none; background : none; line-height : 50px   }
  
  .tab_area.tab_type1 .tab_title ul {
    display: none;
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 10;
    width: 100%;
    border: 3px solid #9f5414;
    border-top: 0;
    background: #fff;
  }
  .tab_area.tab_type1 .tab_title .tab_menu {
    display: block;
    position: static;
    padding: 0;
    height: auto;
    line-height: 35px;
    border: none;
    text-align: left;
  }
  .tab_area.tab_type1 .tab_title .tab_menu:first-child {
    border: none;
  }
  .tab_area.tab_type1 .tab_title .tab_menu:first-child a {
    border: none;
  }
  .tab_area.tab_type1 .tab_title .tab_menu a {
    padding: 0 10px;
    border: none;
  }
  .tab_area.tab_type1 .tab_title .tab_menu.on {
    border: none;
  }
  .tab_area.tab_type1 .tab_title .tab_menu.on a,
  .tab_area.tab_type1 .tab_title .tab_menu.on:hover a {
    border-top-width: 0;
    background: #9f5414;
    color: #fff;
  }
  .tab_area.tab_type1 .tab_title .tab_menu:hover a {
    background-color: #f8f8f8;
  }
}

/* 탭(tab_type2) : 국립중앙도서관의 depth5의 스타일 */
.tab_area.tab_type2 {
  position: relative;
}

.tab_area.tab_type2:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 51px;
  border-bottom: 1px solid #dfdfdf;
  transform: translateX(-50%);
}

.tab_area.tab_type2 .tab_title {
  height: 50px;
  padding: 5px 0;
}

.tab_area.tab_type2 .tab_title .slick-track {
  margin-left: 0;
}

.tab_area.tab_type2 .tab_title .slick-slide {
  position: relative;
  padding-right: 14px;
}

.tab_area.tab_type2 .tab_title .slick-slide:after {
  display: block;
  content: '';
  position: absolute;
  right: 7px;
  top: 50%;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  background-color: #676767;
}

.tab_area.tab_type2 .tab_title .slick-slide a {
  display: block;
  position: relative;
  padding: 0 10px;
  text-align: center;
  font-weight: 500;
  color: #666;
  height: 40px;
  line-height: 40px;
}

.tab_area.tab_type2 .tab_title .slick-slide a:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #cd8845;
  transform: scaleX(0);
  transition: transform 0.3s;
}

.tab_area.tab_type2 .tab_title .slick-slide a:hover:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #cd8845;
  transform: scaleX(1);
  transition: transform 0.3s;
}

.tab_area.tab_type2 .tab_title .slick-slide:last-child {
  padding-right: 0;
}

.tab_area.tab_type2 .tab_title .slick-slide:last-child:after {
  display: none;
}

.tab_area.tab_type2 .tab_title .slick-slide a.on {
  position: relative;
  color: #c47020;
}

.tab_area.tab_type2 .tab_title .slick-slide a.on:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 38px;
  width: 0;
  height: 2px;
  background-color: #cd8845;
  transform: translateX(-50%);
  animation: ani_bar 0.2s forwards;
}

.tab_area.tab_type2 .tab_pane {
  display: none;
}

.tab_area.tab_type2 .tab_pane.on {
  display: block;
}

@media (max-width: 768px) {
  .tab_area.tab_type2:before {
    display: block;
    content: '';
    width: 200%;
    height: 40px;
    background-color: #f5f5f5;
  }
  .tab_area.tab_type2 .tab_title {
    height: 40px;
  }
  .tab_area.tab_type2 .tab_title .slick-slide a {
    height: 28px;
    line-height: 28px;
  }
  .tab_area.tab_type2 .tab_title .slick-slide a:after,
  .tab_area.tab_type2 .tab_title .slick-slide a:hover:after {
    display: none;
  }
  .tab_area.tab_type2 .tab_title .slick-slide a.on {
    background-color: #a77749;
    color: #fff;
  }
}

/* 레이어 팝업 */
.layer_pop {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.layer_pop.on {
  display: block;
}

.layer_pop .pop_trigger {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
  opacity: 0.6;
}

.layer_pop .pop_container {
  overflow: hidden;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.layer_pop .pop_content {
  overflow: auto;
  padding: 30px 30px 40px 30px;
}

.layer_pop .pop_content h5 {
  font-weight: 400; /* font-size: 24px; */
  font-size: 1.5rem;
  color: #131313;
  margin-bottom: 15px;
}

.pop_footer .btn {
  border-radius: 4px;
}
/*기관검색 팝업 pc 시작*/
.pop_codeSearchContainer {
  width: 810px;
  height: 550px;
  max-width: 100%;
  max-height: 100%;
}
.pop_codeSearchContainer .pop_header {
  width: 100%;
  height: 63px;
  float: left;
  background: #d26d0e;
  position: relative;
}
.codeSearch.layer_pop .pop_content {
  width: 100%;
  height: calc(100% - 63px);
  float: left;
}
.codeSearch .pop_container .pop_header .pop_title {
  font-size: 1.375rem;
  line-height: 63px;
  float: left;
  color: #fff;
  padding: 0 25px;
}
.codeSearch .pop_container .pop_header .btn_pop_close {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -9px;
}
.codeSearch .dataTables_info {
  height: 1px;
  color: transparent;
}
/*기관검색 팝업 pc 끝*/
/* 팝업 타입1 : 일반 */
.layer_pop.type1 .pop_container {
  min-width: 560px;
  max-height: 80%;
  min-height: 250px;
}

.layer_pop.type1 .pop_container .pop_header {
  position: relative;
  width: 100%;
  height: 63px;
  padding-left: 27px;
  background-color: #d26d0e;
}

.layer_pop.type1 .pop_header .pop_title {
  line-height: 63px; /* font-size: 22px; */
  font-size: 1.375rem;
  color: #fff;
}

.layer_pop.type1 .pop_header .btn_pop_close {
  position: absolute;
  right: 17px;
  top: 22px;
}

.layer_pop.type1 .pop_content {
  height: 460px;
}

.layer_pop.type1 .pop_footer {
  padding: 20px 30px 40px;
  text-align: center;
}
/* 팝업 타입2 : 도서정보 */
.layer_pop.type2 {
  position: relative;
}

.layer_pop.type2 .pop_container {
  width: 1240px;
  height: 90%;
}

.layer_pop.type2 .pop_header {
  position: relative;
  height: 70px;
}

.layer_pop.type2 .pop_header .pop_title {
  display: none;
}

.layer_pop.type2 .pop_header .pop_navi {
  display: none;
  position: absolute;
  left: 30px;
  top: 50%;
  width: 50px;
  height: 30px;
  margin-top: -15px;
}

.layer_pop.type2 .pop_header .pop_navi button {
  display: inline-block;
  float: left;
  width: 22px;
  height: 30px;
  margin-right: 3px;
}

.layer_pop.type2 .pop_header .btn_pop_close {
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 1;
  width: 30px;
  height: 30px;
}

.layer_pop.type2 .pop_header .btn_pop_close_noevent {
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 1;
  width: 30px;
  height: 30px;
}

.layer_pop.type2 .pop_content {
  padding: 0 30px;
  height: calc(100% - 70px);
}

/* 다국어 동화구연 : 단어장 */
.layer_pop ._sch {
  margin-bottom: 25px;
}

.layer_pop .vocabulary_box {
  position: relative;
}

.layer_pop .vocabulary_box ol {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  width: 150px;
  height: 100%;
  background-color: #dfdfdf;
  overflow: auto;
}

.layer_pop .vocabulary_box li {
  padding: 5px;
  border-bottom: solid 1px #f8f8f8;
}

.layer_pop .vocabulary_box dl {
  margin-left: 170px;
  padding: 10px;
  height: 330px;
  background-color: #f8f8f8;
}

.layer_pop .vocabulary_box dt {
  margin-bottom: 10px;
  font-size: 1.125rem;
  font-weight: 500;
}

.layer_pop .vocabulary_box dd {
  padding-left: 10px;
}

.layer_pop .pop_footer.sml {
  padding-bottom: 0;
}

.book_info {
  position: relative;
}

.book_info .bk_title {
  position: relative;
  padding-right: 90px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 2px solid #675147;
}

.book_info .bk_title h5 {
  font-weight: 500; /* font-size: 25px; */
  font-size: 1.563rem;
  color: #151515;
}

.book_info .bk_title small {
  display: block;
  font-weight: 500; /* font-size: 20px; */
  font-size: 1.25rem;
  color: #c47020;
}

.book_info .bk_title .alert_error {
  position: absolute;
  right: 0;
  bottom: 15px;
  width: 82px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-weight: 500; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #fff;
  background-color: #917963;
  border-radius: 18px;
}

.book_info section {
  padding-bottom: 40px;
}

.book_info .bk_desc .figure {
  float: left;
  margin-right: 30px;
  width: 194px;
}

.book_info .bk_desc .figure > img {
  width: 194px;
}

.book_info .bk_desc .dl_inline {
  float: left;
  width: calc(100% - 224px);
}

.book_info .bk_desc dl {
  overflow: hidden;
}

.book_info .bk_desc dt,
.book_info .bk_desc dd {
  display: block;
  float: left;
  padding-top: 15px;
  line-height: 1.6;
}

.book_info .bk_desc dt {
  clear: both;
  width: 130px;
  color: #131313;
}

.book_info .bk_desc dd {
  width: calc(100% - 130px);
  color: #4f4f4f;
}

.book_info .btn_group {
  width: 100%;
  padding-top: 20px;
  text-align: right;
}

.book_info .bk_desc .btn_group {
  clear: both;
  margin-top: 30px;
  border-top: 1px solid #a6a6a6;
}

.book_info .btn_group button {
  width: 128px;
  height: 38px;
  color: #fff;
  border-radius: 4px;
}

.book_info .btn_group button:first-child {
  background-color: #c47020;
}

.book_info .btn_group button:last-child {
  background-color: #534435;
}

.book_info .btn_group button + button {
  margin-left: 6px;
}

.book_info .bk_view .row {
  position: relative;
  padding: 24px 180px 24px 24px;
  border: 1px solid #dfdfdf;
  background-color: #fbfbfb;
}

.book_info .bk_view ul {
  margin-bottom: 15px;
}

.book_info .bk_view ul:after {
  display: block;
  content: '';
  clear: both;
}

.book_info .bk_view li {
  margin-top: 8px;
}

.book_info .bk_view .btn_original {
  position: absolute;
  right: 24px;
  top: 50%;
  z-index: 100;
  width: 114px;
  height: 46px; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #fff;
  background-color: #e8770c;
  border-radius: 23px;
  transform: translateY(-50%);
}

.layer_pop.type2 > .btn_prev {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 136px;
  margin-left: -720px;
  margin-top: -68px;
}

.layer_pop.type2 > .btn_next {
  position: fixed;
  right: 50%;
  top: 50%;
  width: 100px;
  height: 136px;
  margin-right: -720px;
  margin-top: -68px;
}
/* 팝업 타입3 : 상세검색 */
.layer_pop.type3 .pop_container {
  width: 1240px;
  height: 90%;
}

.layer_pop.type3 .pop_container .pop_header {
  position: relative;
  width: 100%;
  background-color: #d26d0e;
}

.layer_pop.type3 .pop_header .pop_title {
  line-height: 63px; /* font-size: 22px; */
  font-size: 1.375rem;
  color: #fff;
}

.layer_pop.type3 .pop_header .btn_pop_close {
  position: absolute;
  right: 17px;
  top: 22px;
}

.layer_pop.type3 .pop_content {
  overflow: auto;
  margin-top: 50px;
  padding: 0px 30px;
  height: calc(90vh - 230px);
}

.layer_pop.type3 .pop_footer {
  padding: 20px 30px 50px;
  text-align: center;
}

.layer_pop.type3 .pop_footer .btn {
  width: 138px;
  height: 46px;
}

.layer_pop.type3 .pop_footer button + button {
  margin-left: 20px;
}
/* 팝업 타입4 : 상세검색 */
.window_pop.type4 .pop_container {
  width: 1240px;
  height: 90%;
}

.window_pop.type4 .pop_header {
  position: relative;
  width: 100%;
  padding-left: 27px;
  background-color: #d26d0e;
}

.window_pop.type4 .pop_header .pop_title {
  line-height: 63px; /* font-size: 22px; */
  font-size: 1.375rem;
  color: #fff;
}

.window_pop.type4 .pop_header .btn_pop_close {
  position: absolute;
  right: 17px;
  top: 22px;
}

.window_pop.type4 .pop_content {
  overflow: auto;
  margin-top: 10px;
  padding: 0px 30px;
  height: calc(90vh - 120px);
}

.window_pop.type4 .pop_footer {
  padding: 10px 30px 30px;
  text-align: center;
}

.window_pop.type4 .pop_footer .btn {
  width: 138px;
  height: 46px;
}

.window_pop.type4 .pop_footer button + button {
  margin-left: 20px;
}

@media (max-width: 1460px) {
  .layer_pop.type2 > .btn_prev {
    left: 0;
    margin-left: 0;
  }
  .layer_pop.type2 > .btn_next {
    right: 0;
    margin-right: 0;
  }
}

@media (max-width: 1260px) {
  .layer_pop.type2 .pop_container,
  .layer_pop.type3 .pop_container {
    width: 96%;
    height: 90%;
  }
}

@media (max-width: 768px) {
  .layer_pop.type1 .pop_container {
    margin: auto;
    min-width: 96%;
  }
  .layer_pop.type2 .pop_container,
  .layer_pop.type3 .pop_container {
    width: 100%;
    height: 100%;
  }
  .layer_pop.type3 .pop_content {
    height: calc(100vh - 145px);
    padding: 15px;
    margin-top: 0;
  }
  .layer_pop.type3 .pop_footer {
    padding: 15px;
  }
  .layer_pop.type2 .bk_title h5 {
    padding-top: 15px;
    margin-bottom: 0;
  }
  .layer_pop.type2 .pop_header .pop_navi {
    display: block;
  }
  .layer_pop.type2 > .btn_prev,
  .layer_pop.type2 > .btn_next {
    display: none;
  }
  .layer_pop.type2 .pop_header .pop_title {
    display: block;
    text-align: center;
    height: 70px;
    line-height: 70px;
    font-weight: 500; /* font-size: 24px; */
    font-size: 1.5rem;
    color: #fff;
    background-color: #d26d0e;
  }
  /*기관검색 팝업 모바일 수정 시작*/
  .pop_codeSearchContainer {
    height: 100%;
  }
  .pop_codeSearchContainer .pop_content {
    padding: 10px;
  }
  .pop_codeSearchContainer .pop_content th.t {
    display: none;
  }
  .codeSearchList .table tr {
    display: inline-table;
    float: left;
    border-bottom: solid 1px #777;
  }
  .codeSearchList .table tr td {
    display: inline-block;
    border: none;
    padding: 6px;
  }
  .codeSearchList .table tr td:first-child {
    text-align: center;
    vertical-align: middle;
  }
  .codeSearchList .table tr th:first-child,
  .codeSearchList .table tr td:first-child {
    width: 25% !important;
  }
  .codeSearchList .table tr th:last-child,
  .codeSearchList .table tr td:last-child {
    width: 75% !important;
    border: none;
  }
  .codeSearchList .table thead tr {
    border-bottom: solid 2px #777;
  }
  .codeSearchList .table thead {
    display: block;
  }
  .codeSearchList .table thead tr th {
    height: 40px;
    line-height: +1.5;
  }
  /*기관검색 팝업 모바일 수정 끝*/
  .book_info .bk_desc .figure {
    display: none;
  }
  .book_info .bk_desc .dl_inline {
    float: none;
    width: 100%;
  }
  .book_info .bk_desc dt {
    width: 70px;
  }
  .book_info .bk_desc dd {
    width: calc(100% - 70px);
  }
  .book_info .bk_view .row {
    padding: 24px 24px 30px;
  }
  .book_info .bk_view .btn_original {
    position: static;
    margin-top: 15px;
    width: 100%;
    height: 40px;
    border-radius: 6px;
    font-weight: 400;
    transform: translateY(0);
  }
  .book_info .btn_group button {
    padding: 0 7px;
    width: auto;
  }
}

@media (max-width: 540px) {
  .layer_pop.type3 .pop_footer .btn {
    width: 100px;
    height: 38px;
  }
  .layer_pop.type3 .pop_footer .btn + .btn {
    margin-left: 10px;
  }
}

@media (max-width: 420px) {
  .layer_pop.type3 .pop_footer {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .layer_pop.type3 .pop_footer .btn {
    width: auto;
    height: 38px;
  }
  .layer_pop.type3 .pop_footer .btn + .btn {
    margin-left: 4px;
  }
}
/* layer_popup */
body.no_scroll {
  height: 100% !important;
  overflow: hidden !important;
}

.layer_popup_wrap {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
}

.layer_popup_wrap:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  content: '';
}

.layer_popup_wrap.on {
  display: block;
}

.layer_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 518px;
  height: 528px;
  padding-top: 65px;
  background: #fff;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.layer_popup_wrap2 .layer_popup {
  width: 760px;
}

.layer_popup_wrap3 .layer_popup {
  width: 1000px;
  height: 600px;
}

.layer_popup .popup_header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #d26d0e;
}

.layer_popup .popup_header .btn_pop_close {
  position: absolute;
  right: 17px;
  top: 22px;
}

.layer_popup .popup_header .btn_close .sp {
  width: 18px;
  height: 18px;
  background-position: -211px 0;
}

.layer_popup_wrap.img_popup_layer .layer_popup .popup_header .btn_close .sp {
  background-position: -108px -63px;
}

.layer_popup .popup_title {
  padding: 19px 28px 18px;
  font-size: 22px;
  color: #fff;
}

.layer_popup .sub_title {
  font-size: 20px;
}

.layer_popup .popup_contents {
  height: 100%;
  overflow: auto;
  padding: 30px 30px 46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.layer_popup .popup_contents.type2 {
  padding: 0;
}

.layer_popup .popup_contents .floor_layer {
  padding: 30px 30px 46px;
}

.layer_popup .popup_footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4.3rem;
  z-index: 10;
  background: #fff;
}

.layer_popup .popup_contents > .btn_wrap {
  display: none;
}

.layer_popup .popup_contents > .btn_wrap .btn {
  width: 100%;
}

.layer_popup_wrap3 .basket_layer {
  height: 800px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .layer_popup_wrap2 .layer_popup {
    width: 80%;
  }
  .layer_popup_wrap3 .layer_popup {
    width: 96%;
  }
}

@media screen and (max-width: 767px) {
  .layer_popup,
  .layer_popup_wrap2 .layer_popup,
  .layer_popup_wrap3 .layer_popup {
    width: 100%;
    height: 80%;
    overflow: hidden;
    padding-top: 49px;
  }
  .layer_popup .popup_title {
    padding: 13px 32px 13px 15px;
    font-size: 1.8rem;
  }
  .layer_popup .sub_title {
    font-size: 1.4rem;
  }
  .layer_popup .popup_header .btn_close {
    padding: 16px 15px 10px 10px;
  }
  /*.layer_popup .popup_header .btn_close .sp{width:12px;height:12px;background-position:-32px -34px}*/
  .layer_popup .popup_header .btn_close .sp {
    width: 17px;
    height: 17px;
    background: url(/resource/templete/nl/img/sub/btn_close.png) no-repeat;
  }
  .layer_popup_wrap.img_popup_layer .layer_popup .popup_header .btn_close .sp {
    background-position: -145px -33px;
  }
  .layer_popup .popup_contents {
    padding: 13px 15px 12px;
  }
  .layer_popup .popup_contents > .btn_wrap {
    display: block;
  }
  .layer_popup_wrap3 .layer_popup {
    height: 100%;
  }
}

/* 대분류.중분류.소분류 프레임 */
.matro_frame {
  border-top: 1px solid #a6a6a6;
}

.matro_frame:after {
  display: block;
  content: '';
  clear: both;
}

.matro_frame .frame {
  padding-bottom: 10px;
  width: 33.33%;
  border: 1px solid #dfdfdf;
  border-top: none;
}

.matro_frame .frame:nth-child(2) {
  border: none;
  border-bottom: 1px solid #dfdfdf;
}

.matro_frame .tit {
  padding: 15px 20px;
  text-align: center;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid #dfdfdf;
}

.matro_frame ul {
  overflow: hidden;
}

.matro_frame li {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 45px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.matro_frame li a {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}

.matro_frame .frame:nth-child(1) a,
.matro_frame .frame:nth-child(3) a {
  position: relative;
}

.matro_frame .frame:nth-child(1) a:hover:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #c47020;
  background: url(/resource/templete/nlcy/common/img/common/ico_arr.png) 98%
    center no-repeat;
}

.matro_frame .frame:nth-child(3) a:hover {
  background: url(/resource/templete/nlcy/common/img/common/ico_inquiry1.png)
    95% center no-repeat;
  border-bottom: 1px solid #dfdfdf;
}

.matro_frame .frame:nth-child(2) a:hover {
  border-bottom: 1px solid #dfdfdf;
}

.matro_frame .frame:nth-child(2) a:hover:after {
  background: none;
}

.matro_frame li a:hover {
  color: #e18728;
}

.matro_frame_m .frame {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
}

.matro_frame_m .frame:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 52px;
  width: 12px;
  height: 18px;
  margin-left: -9px;
  background: url(/resource/templete/nlcy/common/img/common/ico_arr.png) 0 0
    no-repeat;
  transform: rotate(90deg);
}

.matro_frame_m .frame:last-child:after {
  background: none;
}

.matro_frame_m .frame select {
  width: 100%;
  height: 45px;
}

/* lnb : 서브메뉴 */
.lnb_wrap h2.lnb_title {
  margin-bottom: 15px;
  height: 108px;
  line-height: 1;
  text-align: center;
  font-weight: 500; /* font-size: 26px; */
  font-size: 1.625rem;
 color: #fff;
 display : table;
 width : 100%;
 table-layout : fixed;
  background: #e8770c
    url(/resource/templete/nlcy/common/img/common/bg_lnb_title.png) 0 0
    no-repeat;
}
.lnb_wrap h2.lnb_title span { display : table-cell; vertical-align : middle }


.lnb_wrap .menu-lnb {
  border-top: solid 1px #c4c4c4;
  border-bottom: solid 1px #c4c4c4;
}

.lnb_wrap .lnb:after {
  display: block;
  content: '';
  clear: both;
}

.lnb_wrap .lnb > ul > li {
  border-bottom: 1px solid #e8e8e8;
}

.lnb_wrap .lnb > ul > li:last-child {
  border-bottom: none;
}

.lnb_wrap .lnb > ul > li > a {
  display: block;
  padding: 17px 25px 16px 15px;
  color: #131313;
  line-height: +1.5;
  letter-spacing: 0
}

.lnb_wrap .lnb > ul > li .is-sub__items {
  background: url(/resource/templete/nlcy/common/img/common/arr_lnb_sub.png)
    210px 0 no-repeat;
}

.lnb_wrap .lnb > ul > li > a.on,
.lnb_wrap .lnb > ul .is_lnb1--opened > a {
  color: white;
  background-color: #9f5414;
}

.lnb_wrap .lnb > ul > li .is-sub__items.on,
.lnb_wrap .lnb > ul .is_lnb1--opened .is-sub__items {
  background-position: 210px -53px;
}

.lnb_wrap .lnb > ul > li > a.off {
  padding: 10px 25px 10px 15px;
  color: #000;
  background: none;
}

.lnb_wrap .lnb > ul > li > a.off.current {
  display: block;
  color: #fff;
  background-image: none;
  background-color: #9f5414;
}

.lnb_wrap .lnb > ul > li > a.off:focus {
  font-weight: 500 !important;
  color: #e18728;
}

.lnb_wrap .lnb > ul > li > a.off.current:focus {
  color: #fff !important;
}

.lnb_wrap .lnb > ul > li > a.on.off,
.lnb_wrap .lnb > ul > li > a.on.off:focus {
  display: block;
  color: #fff;
  background-image: none;
  background-color: #9f5414;
}

.lnb_wrap .lnb > ul > li > a + ul {
  display: none;
  padding: 12px 15px 16px;
}

.lnb_wrap .lnb > ul > li > a.on + ul,
.lnb_wrap .lnb > ul .is_lnb1--opened a + ul {
  display: block;
}

.lnb_wrap .lnb > ul ul li {
  position: relative;
  padding-left: 10px;
  margin : 5px 0;
}

.lnb_wrap .lnb > ul ul li:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 2px;
  height: 2px;
  background-color: #131313;
}

.lnb_wrap .lnb > ul ul li a {
  display: inline-block;
  position: relative;
  padding: 5px 0;
  font-weight: 300;
  color: #595959;
  letter-spacing: 0;
  word-break: keep-all;
  line-height: +1.5;
}

.lnb_wrap .lnb > ul ul li a:hover,
.lnb_wrap .lnb > ul ul .is_lnb2--opened a {
  padding-right: 20px;
  font-weight: 500;
  color: #e18728;
}

.lnb_wrap .lnb > ul ul li a .new_win {
  margin-left: 10px;
  padding: 0 5px 0 2px;
  font-size: 0.75rem;
  background-color: #8b8b8b;
  border-radius: 3px;
  color: white;
  letter-spacing: 0;
}

.lnb_wrap .lnb > ul ul li a:hover .new_win {
  font-weight: 300;
}

.lnb_wrap .lnb > ul ul .is_lnb2--opened a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  width: 5px;
  height: 10px;
  background: url(/resource/templete/nlcy/common/img/common/arr_lnb_current.png)
    0 0 no-repeat;
}

/* 제목 */
.title_wrap {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: solid 1px #dcdcdc;
}

h3.title {
  padding-top: 38px;
  font-weight: 500; /* font-size: 26px; */
  font-size: 1.375rem;
}

.location {
  position: absolute;
  right: 0;
  top: 0;
}

.location span { display : inline-block; padding : 0 5px }

.location:after {
  display: block;
  content: '';
  clear: both;
}

.location ul {
  overflow: hidden;
  float: right;
}

.location ul li {
  position: relative;
  float: left;
  padding-right: 23px;
  line-height: 32px;
}

.location ul li:after {
  display: inline-block;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 23px;
  height: 11px;
  margin-top: -5.5px;
  background: url(/resource/templete/nlcy/common/img/common/loc_arr.png) 0 0
    no-repeat;
}

.location ul li:last-child {
  padding-right: 0;
}

.location ul li:last-child:after {
  display: none;
}

.location ul li a {
  display: block; /* font-size: 15px; */
  font-size: 0.9375rem;
  color: #474747;
}

.title_wrap .utility {
  padding-top: 45px;
}

.title_wrap .utility:after {
  display: block;
  content: '';
  clear: both;
}

.title_wrap .utility ul {
  height: 32px;
}

.title_wrap .utility ul li {
  float: left;
  position: relative;
  margin-right: 5px;
}

.title_wrap .utility ul li:last-child {
  margin-right: 0;
}

.title_wrap .utility ul li a {
  display: block;
  height: 32px;
}

.title_wrap .utility ul li a.on > i:after {
  background: url(/resource/templete/nlcy/common/img/common/ico_ready.png)
    no-repeat center/100%;
}

.title_wrap .utility .menu__list-sns {
  display: none;
  position: absolute;
  top: 0;
  left: -115px;
  white-space: nowrap;
  overflow: hidden;
}

.title_wrap .utility .menu__item-sns {
  float: none;
  display: inline-block;
  margin-right: 2px;
  vertical-align: top;
}

.title_wrap .utility .menu__item-sns .sp_layout {
  display: block;
  width: 32px;
  height: 32px;
  font-size: 0;
  background-size: 100%;
  vertical-align: middle;
}

.title_wrap .utility .blog .sp_layout {
  background-image: url(/resource/templete/nlcy/common/img/common/sns_2.png);
}

.title_wrap .utility .facebook .sp_layout {
  background-image: url(/resource/templete/nlcy/common/img/common/sns_3.png);
}

.title_wrap .utility .twitter .sp_layout {
  background-image: url(/resource/templete/nlcy/common/img/common/sns_4.png);
}

.sub_navi {
  position: relative;
  width: 100%;
  height: 70px;
}

.sub_navi h3.title {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -30px;
  top: 0;
  padding: 0 40px 0 45px;
  width: calc(100% + 60px);
  height: 65px;
  text-align: center;
  line-height: 65px;
  font-weight: 500; /* font-size: 20px; */
  font-size: 1.25rem;
  color: #222;
  letter-spacing: -1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fc0;
}

.sub_navi button {
  position: absolute;
  top: 15px;
  padding: 5px 0;
  width: 14px;
}

.sub_navi .btn_navi_1 {
  left: 0;
}

.sub_navi .btn_navi_2 {
  right: 0;
}

@media (max-width: 768px) {
  .title_wrap {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .title_wrap * {
    display: none;
  }
  .title_wrap .utility,
  .title_wrap .utility * {
    display: block;
  }
  .title_wrap .utility {
    position: absolute;
    top: 17px;
    right: 0;
    z-index: 1;
    padding-top: 0;
  }
  .title_wrap .utility > ul > li:last-child {
    display: none;
  }
  .icon_navi_2:after {
    display: none;
  }
}

/* 스탭 */
.step_header li {
  display: flex;
  width: 100%;
  height: 62px;
  border: 2px solid #a99686; /* font-size: 20px; */
  font-size: 1.25rem;
}

.step_header.onW li + li {
  margin-top: 15px;
}

.step_header li span {
  display: inline-block;
  float: left;
  padding: 18px 0;
  width: 100%;
}

.step_header li .step_num {
  width: 68px;
  margin-right: 25px;
  border-right: 1px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  color: #c47020;
}

.step_header li .step_num + span {
  overflow: hidden;
  width: calc(100% - 86px);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.step_header li.step_before span {
  color: #919191;
}

.step_header li.step_before > .step_num {
  text-indent: -9999px;
  background: url(/resource/templete/nlcy/common/img/common/ico_step_check.png)
    center no-repeat;
}

.step_header.col_2.onM {
  overflow: hidden;
}

.step_header.col_2.onM li {
  display: block;
  float: left;
  width: calc(100% - 68px);
}

.step_header.col_2.onM li.step_after {
  float: left;
  width: 58px;
  border: 2px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  color: #626262;
}

.step_header.col_2.onM li + li {
  margin-left: 10px;
}

.step_header.col_2.onM li.step_before {
  float: left;
  width: 58px;
}

.step_header.col_2.onM li.step_before .step_num {
  border-right: none;
}

.step_header.col_2.onM li .step_num {
  width: 58px;
  margin-right: 25px;
  border-right: 1px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  color: #c47020;
}

.step_header.col_2.onM li.step_before + li {
  float: left;
  width: calc(100% - 68px);
}

.step_header.col_3.onM {
  overflow: hidden;
}

.step_header.col_3.onM li {
  display: block;
  float: left;
  width: calc(100% - 68px);
}

.step_header.col_3.onM li span {
  width: calc(100% - 83px);
}

.step_header.col_3.onM li.step_after {
  float: left;
  width: 58px;
  border: 2px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  color: #626262;
}

.step_header.col_3.onM li.step_after span {
  width: 100%;
}

.step_header.col_3.onM li + li {
  margin-left: 10px;
}

.step_header.col_3.onM li.step_before {
  float: left;
  width: 58px;
}

.step_header.col_3.onM li.step_before .step_num {
  border-right: none;
}

.step_header.col_3.onM li .step_num {
  width: 58px;
  margin-right: 25px;
  border-right: 1px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  color: #c47020;
}

.step_header.col_3.onM li.step_before + li.step_before {
  float: left;
  width: 58px;
}

.step_header.col_3.onM li.step_before + li {
  float: left;
  width: calc(100% - 136px);
}

.step_header.col_3.onM li.step_before + li .next_num {
  width: 58px;
  margin-right: 25px;
  border-right: 1px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  color: #c47020;
}

.step_header.col_4.onM {
  overflow: hidden;
}

.step_header.col_4.onM li {
  display: block;
  float: left;
  width: calc(100% - 204px);
}

.step_header.col_4.onM li span {
  width: calc(100% - 83px);
}

.step_header.col_4.onM li.step_after {
  float: left;
  width: 58px;
  border: 2px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  color: #626262;
}

.step_header.col_4.onM li.step_after span {
  width: 100%;
}

.step_header.col_4.onM li + li {
  margin-left: 10px;
}

.step_header.col_4.onM li.step_before {
  float: left;
  width: 58px;
}

.step_header.col_4.onM li.step_before .step_num {
  border-right: none;
}

.step_header.col_4.onM li .step_num {
  width: 58px;
  margin-right: 25px;
  border-right: 1px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  color: #c47020;
}

.step_header.col_4.onM li.step_before + li.step_before {
  float: left;
  width: 58px;
}

.step_header.col_4.onM li.step_before + li {
  float: left;
  width: calc(100% - 204px);
}

.step_header.col_4.onM li.step_before + li .next_num {
  width: 58px;
  margin-right: 25px;
  border-right: 1px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  color: #c47020;
}

.step_wrap {
  margin-top: 50px;
}

.step_wrap:after {
  display: block;
  content: '';
  clear: both;
}

.step_tit {
  margin-bottom: 15px;
  font-weight: 500; /* font-size: 18px; */
  font-size: 1.125rem;
  color: #232323;
}

.step_box {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  border: 1px solid #ddd;
  color: #626262;
}

.step_box li {
  margin-bottom: 5px;
  line-height: 1.6;
}

.step_box li b {
  color: #303030;
}

.step_agree {
  margin-top: 18px;
}

.step_agree label {
  color: #737373;
}

.step_footer {
  margin: 50px 0 100px;
  text-align: center;
}

.step_before span {
  color: #919191;
}

.step_before > .step_num {
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  background: url(/resource/templete/nlcy/common/img/common/ico_step_check.png)
    center no-repeat;
}

.step_wrap .table_detail td .input_group input {
  width: 100%;
}

.step_wrap .table_detail td .input_group input:first-child {
  margin-right: 5px;
}

.step_wrap .table_detail td .flex_full {
  flex: 1;
}

@media (max-width: 768px) {
  .step_wrap .table_detail td .input_group input {
    width: calc(50% - 5px);
  }
}

/* subPage TAB menu */
/* .menu-wrap { padding-top: 40px; border-top: solid 1px #dcdcdc; }
.menu-wrap:after { content: ""; display: block; clear: both; }
.menu-wrap li { float: left; width: calc(50% - 1px); text-align: center; }
.menu-wrap li + li { margin-left: -1px; width: calc(50% + 1px); }
.menu-wrap li > a { display: block; height: 50px; line-height: 50px; font-weight: 300; border: solid 1px #dcdcdc; border-bottom-color: #666; }
.menu-wrap li.is_selected > a { font-weight: 500; border-color: #666; border-bottom: none; }
.menu-wrap li.is_selected + li > a { border-left-color: #666; } */

/* ul 리스트 박스 */
.list_box:after {
  display: block;
  content: '';
  clear: both;
}

.list_box {
  overflow: hidden;
}

.list_box li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
  line-height: 1.6;
}

.list_box li:after {
  display: block;
  content: '';
  position: absolute;
  left: 7px;
  top: 12px;
  width: 3px;
  height: 2px;
  background-color: #4f4f4f;
}
.list_box.num-list li {
  padding-left: 0;
}
.list_box.num-list li:after {
  display: none;
}

.list_box li b,
.list_box li span {
  line-height: 1.6;
  color: #4f4f4f;
  margin-top: 5px;
  vertical-align: top;
  word-break: break-word;
}
.list_box li .red,
.list_box li b.red,
.list_box li span.red {
  color: rgb(255, 0, 0);
}
.list_box li .blue {
  color: rgb(0, 112, 192);
}
.list_box li .title-display {
  display: inline-block;
}
.list_box li div {
  line-height: 1.6;
}

.list_box li b {
  margin-right: 5px;
}

.list_box.list_box_o li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 1.6;
}

.list_box.list_box_o li:after {
  display: block;
  content: 'ㅇ';
  position: absolute;
  left: 3px;
  top: 0;
  width: auto;
  height: auto;
  background: none;
}

.list_box.col_2 li {
  float: left;
  width: 50%;
}

@media (max-width: 768px) {
  .list_box.col_2 li {
    float: none;
    width: 100%;
  }
}

/* 컨텐츠 페이지 현황 소개 글 */
.cndt_list {
  padding-left: 15px;
}
.cndt_list:after {
  content: '';
  display: block;
  clear: both;
}
.cndt_list dt {
  float: left;
  position: relative;
  font-weight: 500;
}
.cndt_list dt:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -7px;
  width: 3px;
  height: 2px;
  background-color: #4f4f4f;
}
.cndt_list dt:after {
  content: '';
  display: inline-block;
  margin: 0 10px;
  width: 1px;
  height: 14px;
  background-color: #ddd;
}
.cndt_list dt.none_dv:after {
  content: none;
}
.cndt_list dd {
  display: flex;
  margin-bottom: 25px;
}
.cndt_list dd .btn_view {
  margin-left: 15px;
  height: 25px;
  line-height: 25px;
}
.cndt_list dd ul {
  display: flex;
  flex-flow: column;
}
.cndt_list dd li {
  margin-bottom: 10px;
}
.cndt_list dd li:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 414px) {
  .cndt_list dt {
    float: none;
  }
  .cndt_list dt:after {
    content: none;
  }
  .cndt_list dd {
    display: block;
    padding: 10px 0 0 15px;
    font-size: 0.9375rem;
    word-break: keep-all;
  }
  .cndt_list dd li {
    position: relative;
  }
  .cndt_list dd li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: -12px;
    width: 5px;
    height: 1px;
    background-color: #4f4f4f;
  }
}

/* 패널그룹 토글 */
.panel_group:after {
  display: block;
  content: '';
  clear: both;
}

.panel_title {
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  background: #c57020
    url(/resource/templete/nlcy/common/img/common/arr_panel.png) 98% top
    no-repeat;
  color: #fff; /* font-size: 20px; */
  font-size: 1.25rem;
  cursor: pointer;
}

.panel_title.on {
  background-position: 98% bottom;
}

.panel_cnt {
  padding: 15px 0;
}

/* 만족도조사 */
.survey {
  position: relative;
  padding: 20px 120px 20px 20px;
  margin-top: 100px;
  min-height: 100px;
  border: 1px solid #dcdcdc;
}

.survey p {
  margin-bottom: 10px; /* font-size: 17px; */
  font-size: 1.063rem;
}

.btn_regist {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 80px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border: 1px solid #dcdcdc;
  background-color: #f5f5f5;
}

@media (max-width: 768px) {
  .survey {
    padding: 20px;
  }
  .survey {
    position: relative;
    padding: 20px;
  }
  .btn_regist {
    position: static;
    right: auto;
    top: auto;
    margin-top: 15px;
    width: 100%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #dcdcdc;
    background-color: #f5f5f5;
  }
  .mHide {
    display: none;
  }
  .mFull {
    width: 100% !important;
  }
}

.appraisal {
  position: relative;
  margin-top: 50px;
  padding: 20px;
  min-height: 100px;
  border: solid 1px #dcdcdc;
}

.appraisal .b {
  padding-left: 20px;
}

.appraisal .blind {
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
}

.appraisal .tit {
  margin-bottom: 15px;
  font-size: 17px;
}

.appraisal .tit,
.btn_regist {
  font-weight: 500;
}

.appraisal .crb {
  display: inline-block;
  margin-right: 25px;
}

@media (max-width: 500px) {
  .paging .btn_first,
  .paging .btn_prev,
  .paging .btn_next,
  .paging .btn_last {
    width: 30px;
    height: 30px;
  }
  .paging .btn_first:after,
  .paging .btn_prev:after,
  .paging .btn_next:after,
  .paging .btn_last:after {
    width: 30px;
    height: 30px;
  }
  .paging .btn_first:after {
    background-position: -4px -3px;
  }
  .paging .btn_prev:after {
    background-position: -39px -3px;
  }
  .paging .paginate_input {
    height: 30px;
  }
  .paging .btn_page_go {
    width: 52px;
    height: 30px;
    line-height: 30px;
  }
  .paging .btn_next:after {
    background-position: -76px -3px;
  }
  .paging .btn_last:after {
    background-position: -112px -3px;
  }
}

/* 외국아동자료 개인대출 시작*/
.book_rental .table tr td,
.book_rental .table tr th {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.book_rental .table tr td {
  padding: 10px;
}
.book_rental .datepicker {
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #a6a6a6;
  border-radius: 0;
}
.book_rental .left {
  width: auto;
  float: left;
}
.book_rental .right {
  float: right;
  width: auto;
}
/* 외국아동자료 개인대출 끝*/
/* 도서관이야기 시작*/
.libraryStory .searchWrap,
.libraryStory .selectWrap,
.libraryStory .table_detail,
.libraryStory .table_detail ul,
.libraryStory .non_box {
  width: 100%;
  height: auto;
  float: left;
}
.libraryStory .searchWrap {
  margin-bottom: 10px;
}
.libraryStory .searchWrap .result_info {
  width: auto;
  float: left;
}
.libraryStory .searchWrap .result_info span {
  display: inline;
  font-weight: 600;
  color: #4f4f4f;
}
.libraryStory .searchWrap .search_info {
  width: auto;
  float: right;
}
.libraryStory .searchWrap .search_info > * {
  display: inline;
}
.libraryStory .selectWrap select,
.libraryStory .searchWrap .search_info select {
  width: 95px;
  padding: 0 10px;
  vertical-align: top;
}
.libraryStory .searchWrap .search_info input[type='text'] {
  width: 220px;
  vertical-align: top;
}
.libraryStory .selectWrap button {
  width: 95px;
}
.libraryStory .table_detail {
  margin-top: 20px;
  padding-top: 20px;
}
.libraryStory .table_detail ul li {
  width: calc((100% - 50px) / 3);
  height: 395px;
  float: left;
  margin-right: 25px;
  text-align: center;
  border: 1px solid #e2e2e2;
  padding: 20px 30px;
  margin-top: 25px;
}
.libraryStory .table_detail ul li .imgWrap {
  height: 270px;
  background: #eee;
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #eee;
  overflow: hidden;
}
.libraryStory .table_detail ul li img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.libraryStory .table_detail ul li h4 {
  font-size: 1.188rem;
  color: #444;
  font-weight: 600;
  margin-bottom: 10px;
}
.libraryStory .table_detail ul li:nth-child(3n) {
  margin-right: 0;
}
.libraryStory .table_detail ul li .btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0.813rem;
  background: #4a5258;
  color: #fff;
  padding: 0;
  border: 1px solid #a6a6a6;
}
@media screen and (max-width: 768px) {
  .libraryStory .searchWrap .result_info,
  .libraryStory .searchWrap .search_info,
  .libraryStory .searchWrap .search_info select,
  .libraryStory .searchWrap .search_info input[type='text'],
  .libraryStory .searchWrap .search_info button,
  .libraryStory .table_detail ul li {
    width: 100%;
  }
  .libraryStory .searchWrap .search_info > * {
    margin-top: 5px;
  }
  .libraryStory .table_detail ul li {
    margin-right: 0;
    padding: 20px 10px;
  }
}
/* 도서관이야기 끝*/


.floor_info table th { line-height : 150% !important; padding : 10px 0 !important }