@charset "utf-8";
/* 테이블 기본 */
.table_default {
	position: relative;
	border-top: 2px solid #675147;
}

.table_default:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 1px solid #a6a6a6;
}

.table_default 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;
}

.table_default thead tr+tr th {
	height: 34px;
	line-height: 33px;
}

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

.table_default tbody tr th {
	font-weight: 500;
	background-color: #f8f8f8;
}

@media ( max-width : 768px) {
	.table_default, .table_default thead, .table_default tbody,
		.table_default tr, .table_default th, .table_default td {
		display: block;
		width: 100%;
	}
	.table_default thead {
		display: none;
	}
	.table_default tbody tr td {
		display: block;
		overflow: hidden;
		position: relative;
		padding: 6px 10px 6px 40%;
		text-align: left;
	}
	.table_default tbody tr td:last-child {
		border-bottom: 1px solid #a6a6a6;
	}
	.table_default tbody 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;
	}
	.btn_group button+button {
		margin-left: 0;
		margin-top: 5px;
	}
}
/* 팝업 타입4 : 일반 */
.layer_pop.type4 .pop_container {
	width: 1000px;
	height: 90%;
}

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

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

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

.layer_pop.type4 .pop_content {
	padding: 30px;
	height: calc(90vh - 63px);
}

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

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

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

@media ( max-width : 1000px) {
	.layer_pop.type4 .pop_container {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transform: translate(0, 0);
	}
}

@media ( max-width : 768px) {
	.layer_pop.type4 .pop_content {
		padding: 30px 15px;
		height: calc(100vh - 63px);
	}
}

/* 프로그램 일정 구분 태그 */
.sub_top_box {
	padding: 20px;
	background-color: #fafafa;
	border: solid 1px #dcdcdc;
}

.classify_tag {
	margin-top: 15px;
}

.classify_tag dt, .clsfy_tag {
	font-size: 0; /* 스크린 리더기 전용 */
}

.classify_tag dd, .clsfy_tag {
	position: relative;
	padding-left: 25px;
}

.classify_tag dd {
	display: inline-block;
	margin-left: 10px;
}

.classify_tag dd>i, .clsfy_tag>i {
	position: absolute;
	left: 0px;
	padding: 3px 4px;
	width: 20px;
	height: 20px;
	font-size: 12px;
	border-radius: 50%;
	color: white;
}

.classify_tag .chld>i, .clsfy_tag .chld {
	background-color: #972D00;
}

.classify_tag .yuth>i, .clsfy_tag .yuth {
	background-color: #007bc2;
}

.classify_tag .adlt>i, .clsfy_tag .adlt {
	background-color: #764313;
}

.classify_tag .hlyd>i, .clsfy_tag .hlyd {
	background-color: #626262;
}

.clsfy_tag .chld:after {
	content: "어";
}

.clsfy_tag .yuth:after {
	content: "청";
}

.clsfy_tag .adlt:after {
	content: "일";
}

.clsfy_tag .hlyd:after {
	content: "H";
}

/* 검색된 결과가 없습니다. */
.non_box {
	position: relative;
	margin: 15px 0;
	min-height: 200px;
}

.non_data {
	height : 200px;
	background:
		url(/resource/templete/nlcy/img/sub/img_non_data.png) center 35px
		no-repeat;
	line-height : 300px;
}
.non_data p {
	text-align: center;
	font-size: 1.125rem;
	font-weight: 500;
	color: #555;
}

/* ================================ 자료검색 =================================*/
/* 외국자료기관대출 > 책꾸러미신청 */
.bookpack .txt_msg {
	float: left;
	margin: 30px 0 10px;
}

.bookpack .total_summary em {
	color: #e18728;
}
/* 발간자료 > 연차보고서 */
.intro_box2 .btn_download1 {
	width: calc(50% - 3px);
	padding: 0 5px;
	 color: #c47020;
	border: 1px solid #c47020;
	width: 200px;
}

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

/* 다국어동화구연 : 전체동화 알파벳 */
.alphabet_area {
	width: 100%;
	padding: 15px 10px;
	background-color: #f8f8f8;
}

.alphabet a {
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 1px solid #dfdfdf;
	text-align: center;
	line-height: 28px;
	font-weight: 500;
	color: #232323;
	background-color: #fff;
	border-radius: 50%;
}

.alphabet a:hover {
	color: #fff;
	background-color: #a6a6a6;
	border-color: #a6a6a6;
}

.alphabet a.on {
	color: #fff; 
	background-color: #14c7bf;
	border-color: #14c7bf;
}

.alphabet+.txt_msg {
	font-size: 15px;
	color: #626262;
	line-height: 30px;
}

/* ================================ 프로그램 =================================*/
/* 프로그램 일정 */
.schedule_navi {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
}

.schedule_navi a {
	padding: 0 30px; /* font-size: 30px; */
	font-size: 1.875rem;
	color: #3b3a3a;
}

.schedule_navi button {
	width: 31px;
	height: 31px;
	border: 1px solid #dfdfdf;
}

.schedule_navi a em {
	color: #9D2A00;
	margin-left: 10px;
}

.input_calendar {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 35px;
}

.input_calendar .period.with_calendar input {
	float: left;
	width: calc(100% - 50px);
}

.input_calendar .btn {
	float: left;
	width: 50px;
	min-width: 50px;
}

.table_schedule {
	border-top: 1px solid #675147;
	border-bottom: 1px solid #a6a6a6;
}

.table_schedule thead th {
	height: 40px;
	border: 1px solid #dfdfdf;
	border-top: none;
	font-weight: 500;
	background-color: #f8f8f8;
}

.table_schedule td {
	padding: 10px;
	width: 14.285%;
	height: 85px;
	border: 1px solid #dfdfdf;
	border-top: none;
	text-align: center;
	vertical-align: top;
	font-weight: 500;
}

.table_schedule td .btn_more {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-top: 5px;
	padding-left: 15px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	font-weight: 400;
	color: #d6562e;
}

.table_schedule td .btn_more:after {
	display: block;
	content: "+";
	position: absolute;
	left: 0;
	top: 50%; /* font-size: 18px; */
	font-size: 1.125rem;
	transform: translateY(-50%);
}

.table_schedule .sat {
	color: #2b6ac8;
}

.table_schedule .sun {
	color: #8F2100;
}

.table_schedule .day {
	position: relative;
}

.table_schedule b {
	display: inline-block;
	margin-bottom: 5px;
}

.table_schedule ._today .inner:after {
	content: "";
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -17px;
	width: 34px;
	height: 34px;
	background-color: #ff6c01;
	border-radius: 50%;
}

.table_schedule ._today .inner>b {
	position: relative;
	z-index: 1;
	color: white;
}

.table_schedule ._today .txt {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 20px;
	font-size: 0.875rem;
	font-weight: 400;
	color: #ff6c01;
}

.table_schedule a.txt_clip {
	font-weight: 400;
	line-height: 1.4;
	color: #626262;
}

.table_schedule a.txt_clip:hover {
	color: #000;
}

@media ( max-width : 768px) {
	.schedule_navi {
		padding-top: 30px;
	}
	.table_schedule ._today .txt {
		top: 40px;
		left: 0;
		margin-left: 0;
		width: 100%;
		font-size: inherit;
	}
}

@media ( max-width : 420px) {
	.schedule_navi a {
		padding: 0 10px; /* font-size: 22px; */
		font-size: 1.375rem;;
	}
}

/* ================================ 지원.협력사업 =================================*/
/* 전국어린이청소년도서관서비스협의회 */
.rule {

} /*규정*/
.rule .btn_download {
	width: 230px;
	height: 38px;
}

.rule .rule_head {
	overflow: hidden;
	margin-top: 30px;
}

.rule .rule_head:after {
	display: block;
	content: "";
	clear: both;
}

.rule .rule_head .tit {
	text-align: center;
	font-weight: 500;
	font-size: 26px;
}

.rule .rule_head ul {
	float: right;
	margin-top: 10px;
}

.rule .rule_head li {
	text-align: right;
	line-height: 1.6;
	font-size: 18px;
	margin-bottom: 0;
}

.rule p.tit_3 {
	margin-bottom: 30px;
	text-align: center;
	font-weight: 500;
	font-size: 22px;
}

.rule ul {
	overflow: hidden;
	line-height: 1.6;
	color: #131313;
}

.rule ul>li {
	margin-bottom: 20px;
}

.rule li b {
	display: inline-block;
	margin-right: 5px;
	font-weight: 500;
	color: #000;
}

.rule li ol ol {
	padding-left: 5px;
}
/* 콘텐츠서비스 */
.cnt_library {
	position: relative;
}

.cnt_library .title {
	position: absolute;
	left: 0;
	top: 40px;
	width: 290px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-weight: 300;
	letter-spacing: -1px; /* font-size: 28px; */
	font-size: 1.75rem;
	color: #fff;
	background-color: rgba(0, 0, 0, .37);
}

.cnt_library .title span {
	color: #9df5ff;
}

.cnt_library .btn {
	padding: 0;
	position: absolute;
	left: 40px;
	top: 125px;
	width: 50px;
	height: 50px;
	border: none;
}

/* 전체 depth-menu */
/* depth4 */
.depth4-menu-wrap ul {
	margin-bottom: 20px;
	border-bottom: solid 1px #dcdcdc;
}

.depth4-menu-wrap ul:after, .depth5-menu-wrap ul:after {
	content: "";
	display: block;
	clear: both;
}

.depth4-menu-wrap ul li {
	float: left;
	margin-bottom: -1px;
	width: 185px;
	height: 55px;
	border: solid 1px #dcdcdc;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.depth4-menu-wrap ul li+li {
	margin-left: -1px;
}

.depth4-menu-wrap ul .is_selected {
	background-color: #a07854;
	border-color: #a07854;
}

.depth4-menu-wrap ul li>a {
	display: block;
	text-align: center;
	font-weight: 500;
	color: #525252;
}

.depth4-menu-wrap ul .is_selected>a {
	color: white;
}
/* depth5 */
.depth5-menu-wrap ul {
	margin-bottom: 50px;
	padding-bottom: 10px;
	border-bottom: solid 1px #dcdcdc;
}

.depth5-menu-wrap ul li {
	float: left;
	position: relative;
	margin: 0 16px;
	padding: 5px 0;
}

.depth5-menu-wrap ul li:first-child {
	margin-left: 0;
}

.depth5-menu-wrap ul .is_selected {
	border-bottom: solid 2px #9f5414;
}

.depth5-menu-wrap ul li:after {
	content: "";
	position: absolute;
	top: 13px;
	right: -18px;
	width: 2px;
	height: 2px;
	background-color: #dcdcdc;
}

.depth5-menu-wrap ul li:last-child:after {
	content: none;
}

.depth5-menu-wrap ul .is_selected a {
	font-weight: 500;
	color: #9f5414;
}

@media ( max-width : 768px) {
	.cnt_library .title {
		top: 10px;
		width: 60%;
		height: 30px;
		line-height: 30px; /* font-size: 20px; */
		font-size: 1.25rem;
	}
	.depth4-menu-wrap, .depth5-menu-wrap {
		margin: 0 -15px;
	}
	.depth4-menu-wrap {
		height: 60px;
	}
	.depth4-menu-wrap ul {
		margin-bottom: 0;
		padding: 0 20px;
		width: auto;
		height: 60px;
		white-space: nowrap;
		overflow: auto;
	}
	.depth4-menu-wrap ul li, .depth5-menu-wrap ul li {
		float: none;
		display: inline-block;
	}
	.depth4-menu-wrap ul li {
		margin-right: 10px;
		margin-bottom: 0;
		padding: 0 10px;
		width: inherit;
		height: 59px;
		font-size: 1.125rem;
		border: none;
	}
	.wide_menu>ul>li {
		width: unset !important
	}
	.depth4-menu-wrap ul li+li {
		margin-left: 0;
	}
	.depth4-menu-wrap ul li a {
		line-height: 55px;
		font-weight: 400;
	}
	.depth4-menu-wrap ul .is_selected {
		background-color: transparent;
		border-bottom: solid 4px #e18728;
	}
	.depth4-menu-wrap ul .is_selected a {
		font-weight: 500;
		color: #e18728;
	}
	.depth5-menu-wrap {
		margin-bottom: 30px;
		padding: 15px 20px;
		height: 56px;
		background-color: #f8f8f8;
		border-bottom: solid 1px #dfdfdf;
	}
	.depth5-menu-wrap ul {
		margin-bottom: 0;
		height: auto;
		border-bottom: none;
		white-space: nowrap;
		overflow: auto;
	}
	.depth5-menu-wrap ul li {
		margin-right: 15px;
		margin-left: 0;
		padding: 3px 10px;
		height: auto;
	}
	.depth5-menu-wrap ul li:after {
		content: none;
	}
	.depth5-menu-wrap ul .is_selected {
		background-color: #e18728;
		border-bottom: none;
	}
	.depth5-menu-wrap ul .is_selected a {
		color: white;
	}
}

/* 다국어동화구연 : 스크롤 메뉴 */
.wide_menu ul {
	display: flex;
}

.wide_menu ul:after {
	content: "";
	display: block;
	clear: both;
}

.wide_menu>ul>li {
	position: relative;
	border: solid 1px #dcdcdc;
	border-bottom-color: #666;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.wide_menu ul .is_selected {
	border-color: #666;
	border-bottom-color: white;
}

.wide_menu ul .is_selected:after {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	width: 1px;
	background-color: #666;
	z-index: 1;
}

.wide_menu .btn_wide {
	display: table-cell;
	height: 53px;
	line-height: normal;
	text-align: center;
	font-size: 0.9375rem;
	font-weight: 500;
	background-color: white;
	color: #666;
	vertical-align: middle;
	width: 100%;
}

.wide_menu .is_selected .btn_wide {
	color: #4e4e4e;
}

/* ================================ 열린공간 =================================*/
.tit_1 {
	font-weight: 500; /* font-size: 24px; */
	font-size: 1.5rem;
}

.tit_2 {
	position: relative;
	padding-left: 28px;
	margin: 20px 0 15px;
	line-height: 1.5rem;
	font-weight: 500; /* font-size: 18px; */
	font-size: 1.125rem;
}
.tit_2:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	background: url(/resource/templete/nlcy/common/img/common/bull_1.png) 0
		0 no-repeat;
}
.apron .tit_2{
	width: 100%;
	float: left;
}
.apron .tit_2 .right{
	font-size: 1rem;
	color: #757575;
	text-align: right;
	float: right;
}
.space_between .tit_2 {
	margin: 0 0 10px;
}

.proposal_date { /* font-size: 18px; */
	font-size: 1.125rem;
	color: #d6562e;
}

.copy_task {
	position: relative;
	margin-top: 20px;
	height: 215px;
}

.copy_task.bg1 {
	background: #f9f6ee
		url(/resource/templete/nlcy/common/img/common/bg_ops_1.png) right
		bottom no-repeat;
	background-size: auto 100%;
}

.copy_task.bg2 {
	background: #f9f6ee
		url(/resource/templete/nlcy/common/img/common/bg_ops_2.png) right
		bottom no-repeat;
	background-size: auto 100%;
}

.copy_task.bg3 {
	background: #f9f6ee
		url(/resource/templete/nlcy/common/img/common/bg_ops_3.png) right
		bottom no-repeat;
	background-size: auto 100%;
}

.copy_task p {
	position: absolute;
	left: 60px;
	top: 50%;
	line-height: 1.4;
	font-weight: 300;
	font-size: 25px;
	color: #000;
	transform: translateY(-50%);
	text-shadow: 2px 2px 0 #fff;
}

.copy_task p em {
	color: #d46200;
}
/* 신청하기 달력 */
.calendar_wrap .table_schedule td {
	background-color: #f8f8f8;
}

.calendar_wrap .table_schedule .dispDay {
	background-color: white;
}

.calendar_wrap .table_schedule .dispDay {
	cursor: pointer;
}

.calendar_wrap .table_schedule .dispDay:hover, .calendar_wrap .table_schedule .dispDay:focus,
	.calendar_wrap .table_schedule ._selection {
	background-color: #fff0e5;
}



.choose_date {
	margin-left: 10px;
}

.detail_date_time span {
	display: inline-block;
	margin-right: 20px;
}

.detail_date_time span select {
	display: inline-block;
	width: 90px;
}


@media ( max-width : 768px) {
	.copy_task {
		width: 100%;
		height: 160px;
	}
	.copy_task p {
		left: 30px;
		font-size: 20px;
	}
	.detail_date_time span {
		margin-right: 10px;
	}
	.detail_date_time .start>label {
		margin-left: 10px;
	}
	.detail_date_time select {
		margin-bottom: 10px;
		width: 40%;
	}
	.detail_date_time .txt_msg {
		display: block;
	}
}

@media ( max-width : 600px) {
	.copy_task {
		width: 100%;
		height: 120px;
	}
	.copy_task p {
		left: 15px;
		font-size: 16px;
	}
	.apron .txt_msg br{
		display: none;
	}
	.apron .half{
		width: 100%;
	}
}

@media ( max-width : 420px) {
	.copy_task {
		width: 100%;
		height: 80px;
	}
	.copy_task p {
		left: 15px;
		font-size: 12px;
	}
}

/* ================================ 도서관안내 =================================*/
/* 도서관소개 : 인사말 */
.greetings {
	line-height: 1.6;
	display:flex;
}

.greetings .imgWrap {margin-right:60px;}

.greetings h3 {
	line-height: 1.3;
	font-size: 27px;
	margin-bottom: 30px;
}

.greetings .onW {
	display: inline-block !important;
}

.greetings img {
}

/* 인사말 */
.greetings .greetings_modify,
.greetings .greetings_modify + img{
	float: left;
	margin: 0;
}
.greetings .greetings_modify h3{
	font-size: 32px;
}
.greetings_modify .txtFirst{
	font-size: 21px;
}
.greetings_modify .colorOrange{
	color: #e8770c;
}
.greetings_modify div{
	font-size: 17px;
	word-break: keep-all;
	margin-bottom: 15px;
}
.greetings_modify div b{
	color: #222;
}

/* 도서관소개 : 조직 및 업무 */
/* 목표 */
.bsns_list {
	margin-bottom: 30px;
	padding: 25px 30px 0;
	background-color: #f8f8f8;
	border: solid 1px #dfdfdf;
}

.bsns_list ul:after {
	content: "";
	display: block;
	clear: both;
}

.bsns_list li {
	float: left;
	position: relative;
	margin-bottom: 20px;
	padding-left: 13px;
	width: 33.3333%;
}

.bsns_list li:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 3px;
	height: 2px;
	background-color: black;
}
/* 조직도 */
.ognz_chart {
	text-align: center;
}

.ognz_chart .director {
	position: relative;
	margin-bottom: 79px;
	height: 160px;
	line-height: 160px;
	background: url(/resource/templete/nlcy/common/img/common/img_organ.png)
		center 0 no-repeat;
}

.ognz_chart .director:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 160px;
	width: 576px;
	height: 79px;
	background:
		url(/resource/templete/nlcy/common/img/common/img_organ1.png) center 0
		no-repeat;
	transform: translateX(-50%);
}

.ognz_chart a {
	font-weight: 500;
}

.ognz_chart .director>a {
	font-size: 1.5rem;
	color: white; 
}

.ognz_chart ul {
	margin: 0 auto 30px;
	width: 790px;
}

.ognz_chart ul:after {
	content: "";
	display: block;
	clear: both;
}

.ognz_chart li {
	float: left;
	margin-right: 70px;
	width: 215px;
	height: 55px;
	background-color: #fffae5;
	border-top: solid 2px #e8770c;
}

.ognz_chart li:last-child {
	margin-right: 0;
}

.ognz_chart li>a {
	display: block;
	line-height: 53px;
	color: #e8770c;
}

.ognz_detail {
	margin: 40px 0;
	padding-top: 15px;
	border-top: solid 2px #675147;
}

.ognz_detail .head {
	padding-bottom: 15px;
	font-size: 1.0625rem;
}

.ognz_detail .head>span {
	margin-right: 20px;
}

.ognz_detail .head i {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	font-size: 0;
	background: url(/resource/templete/nlcy/common/img/common/ico_organ.png)
		no-repeat;
	vertical-align: middle;
}

.ognz_detail .division {
	display: inline-block;
	position: relative;
	margin-right: 20px;
	padding-right: 25px;
	font-size: 1.5rem;
	font-weight: 500;
}

.ognz_detail .division:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #dcdcdc;
}

.ognz_detail .tel>i {
	background-position: -30px 0;
}

.ognz_detail .fax>i {
	background-position: -60px 0;
}

.ognz_detail .text {
	padding: 18px 26px;
	border: solid 1px #dcdcdc;
}

.ognz_detail .text dt {
	margin-bottom: 20px;
	font-size: 1.125rem;
 	color: #e8770c;
}

.ognz_detail .text dd {
	position: relative;
	padding-left: 13px;
	line-height: 1.7;
}

@media ( max-width : 768px) {
	.bsns_list li {
		float: none;
		width: 100%;
	}
	.bsns_list .tit_2 {
		font-size: 1rem;
	}
	.ognz_chart .director {
		margin-bottom: 30px;
	}
	.ognz_chart .director:after {
		content: none;
	}
	.ognz_chart ul {
		width: 100%;
	}
	.ognz_chart li {
		float: none;
		margin-bottom: 30px;
		width: inherit;
	}

	.greetings h3,
	.space_between .tit_2 { margin : 20px 0 15px }
	.greetings {flex-wrap:wrap; justify-content:center;}
	.greetings .imgWrap {margin-right:0;}
}

.organ_map {
	margin-bottom: 100px;
}

.organ_map:after {
	display: block;
	content: "";
	clear: both;
}

.organ_map p {
	position: relative;
	margin-bottom: 79px;
	height: 160px;
	line-height: 160px;
	text-align: center; /* font-size: 24px; */
	font-size: 1.5rem;
	color: #fff;
	background: url(/resource/templete/nlcy/common/img/common/img_organ.png)
		center 0 no-repeat;
}

.organ_map p:after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 160px;
	width: 576px;
	height: 79px;
	background:
		url(/resource/templete/nlcy/common/img/common/img_organ1.png) center 0
		no-repeat;
	transform: translateX(-50%);
}

.organ_map .organ_list {
	overflow: hidden;
	margin: auto;
	width: 790px;
}

.organ_map .organ_list li {
	float: left;
	margin-right: 70px;
	width: 215px;
	height: 55px;
}

.organ_map .organ_list li:last-child {
	margin-right: 0;
}

.organ_map .organ_list li a {
	display: block;
	text-align: center;
	line-height: 55px;
	border-top: 2px solid #e8770c;
	font-weight: 500;
	color: #e8770c;
	background-color: #fffae5;
}

.organ_map .organ_content .organ_pane {
	display: none;
}

.organ_map .organ_content .organ_pane.on {
	display: block;
}

.organ_title span {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
}

.organ_title span.div:after {
	top: 4px;
	height: 25px;
}

.organ_box {
	margin-top: 15px;
	padding: 30px;
	border: 1px solid #dfdfdf;
}

.organ_box .tit {
	margin-bottom: 15px;
	font-weight: 500;
	color: #e8770c;
}

.h_54 {
	min-height: 54px;
}

.logo {
	padding: 30px 0;
	text-align: center;
}

@media ( max-width : 768px) {
	.greetings img {
		margin: 0;
	}
	.organ_map .organ_title .space_between {
		flex-direction: column;
	}
}

@media ( max-width : 640px) {
	.organ_map {
		width: 100%;
	}
	.organ_map p {
		margin-bottom: 30px;
	}
	.organ_map p:after {
		display: none;
	}
	.organ_map .organ_list {
		width: 100%;
	}
	.organ_map .organ_list li {
		margin-bottom: 10px;
		width: 100%;
		height: 90px;
		line-height: 90px;
	}
	.organ_map .organ_list li a { /* font-size: 18px; */
		font-size: 1.125rem;
	}
	.organ_title span.div+span {
		display: block;
		margin-top: 10px;
		width: 100%;
	}
	.organ_title span.div {
		display: none;
	}
	.organ_title .btn {
		width: 100%;
		margin-top: 10px;
	}
}
/* 연혁 */
.history_wrap {
	position: relative;
	width: 100%;
}

.history_wrap:after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	z-index: -1;
	width: 2px;
	height: 100%;
	margin-left: -2px;
	background-color: #dfdfdf;
}

.history_wrap .year {
	display: block;
	padding: 10px;
	height: 70px;
	text-align: center;
	line-height: 50px;
	font-weight: 700;
	font-size: 50px;
	color: #232323;
	background-color: #fff;
}

.history_wrap .history_cnt {
	padding: 30px 0;
}

.history_wrap .history_cnt:after {
	display: block;
	content: "";
	clear: both;
}

.history_wrap .history_cnt .item {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.history_wrap .history_cnt .item .left, .history_wrap .history_cnt .item .right
	{
	width: calc(50% - 5px);
}

.history_wrap .history_cnt .item .center {
	position: relative;
	width: 10px;
	margin: 8px;
}

.history_wrap .history_cnt .item .center:after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	background-color: #f6b21f;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.history_wrap .history_cnt .item .left span {
	display: inline-block;
	vertical-align: middle;
}

.history_wrap .history_cnt .item .right span {
	display: inline-block;
	vertical-align: middle;
}

.history_cnt .item .head {
	position: relative;
	width: 125px;
	padding: 5px 0;
	border: 1px solid #a88362; 
	text-align: center;
	vertical-align: middle;
	font-weight: 500;
	color: #a07854;
	border-radius: 6px;
}

.history_cnt .item .left .head {
	position: relative;
	margin-right: 8px;
}

.history_cnt .item .left .head:after {
	display: block;
	content: "";
	position: absolute;
	right: -7px;
	top: 50%;
	width: 8px;
	height: 13px;
	margin-top: -6px;
	background:
		url(/resource/templete/nlcy/common/img/common/arr_history.png) right
		bottom no-repeat;
}

.history_cnt .item .right .head {
	position: relative;
	margin-left: 8px;
}

.history_cnt .item .right .head:after {
	display: block;
	content: "";
	position: absolute;
	left: -8px;
	top: 50%;
	width: 8px;
	height: 13px;
	margin-top: -6px;
	background:
		url(/resource/templete/nlcy/common/img/common/arr_history.png) left
		bottom no-repeat;
}

.history_cnt .item .body {
	width: calc(100% - 140px);
	padding: 6px 0;
	color: #474747;
}

.history_cnt .item .left .body {
	padding-right: 15px;
	text-align: right;
}

.history_cnt .item .right .body {
	padding-left: 15px;
	text-align: left;
}

.history_wrap .history_cnt .left .head.onW {
	display: inline-block !important;
}

.history_wrap .history_cnt .left .head.onM {
	display: none !important;
}

.history_wrap .history_cnt .body.onW {
	display: inline-block !important;
}

.history_wrap .history_cnt .body.onM {
	display: none !important;
}

@media ( max-width : 768px) {
	.history_wrap:after, .history_wrap .history_cnt .item .center {
		display: none;
	}
	.history_wrap .history_cnt .item {
		flex-direction: column;
	}
	.history_wrap .history_cnt .item .left, .history_wrap .history_cnt .item .right
		{
		width: 100%;
	}
	.history_wrap .history_cnt {
		padding: 15px 0;
	}
	.history_wrap .history_cnt .item .left span, .history_wrap .history_cnt .item .right span
		{
		display: block;
		float: none;
		text-align: center;
	}
	.history_cnt .item .head {
		display: inline-block;
		margin: auto;
		width: 250px;
	}
	.history_cnt .item .left .head, .history_cnt .item .right .head {
		margin: 10px auto 5px;
	}
	.history_cnt .item .left .head:after, .history_cnt .item .right .head:after
		{
		display: block;
		content: "";
		position: absolute;
		left: 50%;
		top: auto;
		bottom: -8px;
		width: 13px;
		height: 8px;
		margin-top: 0;
		margin-left: -6px;
		background:
			url(/resource/templete/nlcy/common/img/common/arr_history.png) center
			top no-repeat;
	}
	.history_cnt .item .body {
		width: 100%;
	}
	.history_cnt .item .body.line2 {
		padding: 6px 0;
		margin-top: 0;
	}
	.history_cnt .item .left .body {
		padding-right: 15px;
		text-align: right;
	}
	.history_wrap .history_cnt .left .head.onW {
		display: none !important;
	}
	.history_wrap .history_cnt .left .head.onM {
		display: block !important;
		text-align: center;
		margin: 10px auto 5px;
	}
	.history_wrap .history_cnt .body.onW {
		display: none !important;
	}
	.history_wrap .history_cnt .body.onM {
		display: block !important;
	}
}
/* 이용안내 */
.list {
	line-height: 1.6;
}

.process_wrap .well {
	display: inline-block;
	position: relative;
	padding-top: 35px;
	width: 200px;
	height: 115px;
	border: 1px solid #d5d5d5;
	text-align: center;
	vertical-align: middle;
	line-height: 85px;
	font-weight: 500;
	font-size: 17px;
	color: #2d2d2d;
	background-color: #fff;
	margin-bottom: 30px;
}

.process_wrap .arr {
	display: inline-block;
	position: relative;
	width: 52px;
	height: 115px;
	vertical-align: middle;
	margin-bottom: 30px;
}

.process_wrap .arr:after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 22px;
	height: 33px;
	transform: translate(-50%, -50%);
	background:
		url(/resource/templete/nlcy/common/img/common/arr_process.png) 0 0
		no-repeat;
}

.process_wrap .well .num {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background-color: #c36510; 
}

.process_wrap span:nth-child(8) {
	display: none;
}

@media ( max-width : 768px) {
	.process_wrap .well {
		width: 20%;
		height: 80px;
		line-height: 45px;
		margin-bottom: 0;
	}
	.process_wrap .arr {
		width: 5%;
		height: 90px;
		margin-bottom: 0;
	}
}

@media ( max-width : 540px) {
	.process_wrap .well {
		width: 100%;
		height: 90px;
		line-height: 50px;
	}
	.process_wrap .arr {
		width: 100%;
		height: 50px;
	}
	.process_wrap .arr:after {
		top: 9px;
		transform: translateX(-50%) rotate(90deg);
	}
	.process_wrap span:nth-child(8) {
		display: block;
	}
}

.process_wrap.process_use .well {
	min-height: 116px;
	line-height: 1.3;
	padding-top: 40px;
	padding-bottom: 8px;
}

@media ( max-width : 540px) {
	.process_wrap .well {
		margin-top: 0;
	}
	.process_wrap .arr {
		margin-top: 0;
	}
}
/* 시설안내 : 층별안내 */
.floor_info .panel_group .panel:after {
	display: block;
	content: "";
	clear: both;
}

.floor_info .panel_group .panel+.panel {
	margin-top: 20px;
}

.floor_info .panel_group .panel_title {
	position: relative;
	display : block;
	padding: 0 20px;
	height: 51px;
	line-height: 52px;
	color: #fff;
	font-size: 20px;
	background-color: #91755a;
	cursor: pointer;
}
 
.floor_info .panel_group .panel_title:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	height: 100%;
	background: #a78c6c
		url(/resource/templete/nlcy/common/img/common/arr_panel.png) 98%
		bottom no-repeat;
}

.floor_info .panel_group .panel_cnt {
	display: none;
	padding: 20px 0 40px;
}

.floor_info .panel_group .panel_cnt:after {
	display: block;
	content: "";
	clear: both;
}

.floor_info .panel_group .panel_title.on {
	 background-color: #c47020
}

.floor_info .panel_group .panel_title.on:after {
	background: #d08626
		url(/resource/templete/nlcy/common/img/common/arr_panel.png) 98% top
		no-repeat;
}

.floor_info .panel_group .panel_title.on+.panel_cnt {
	display: block;
}

.floor_info .panel_group .panel_cnt a {
	display: inline-block;
	float: left;
	padding: 0 15px;
	height: 57px;
	border: 1px solid #dfdfdf;
	line-height: 57px;
	font-weight: 500;
	color: #494949;
	background-color: #f8f8f8;
}

.floor_info .tab_area.tab_type1 .tab_title .tab_menu a { float : none; padding : 0; width : 100%; background-color : #fff; color : #000  }


.floor_info .panel_group .panel_cnt a:focus,
.floor_info .panel_group .panel_cnt a.active {
	position: relative;
	color: #e18728;
	background-color: #fff;
}

.floor_info .panel_group .panel_cnt a.active:after {
	display : none;
}
@media ( max-width : 768px) {
	.floor_info .panel_group .panel_cnt a {
		width: 50%;
	}
	.floor_info .panel_group .panel_cnt a.w_auto {
		width: 100% !important;
	}
}
/* 시설안내 : 미래꿈희망창작소 */
.future_dream h3 {
	font-size: 27px;
	color: #232323;
}

.future_dream h3 small {
	display: block;
	font-size: 20px;
}

.future_dream .ul_half1 {
	overflow: hidden;
}

.future_dream .ul_half1 li {
	float: left;
	position: relative;
	width: calc(50% - 12.5px);
	margin-right: 25px;
	margin-bottom: 30px;
	line-height: 1.3;
	font-size: 15px;
	color: #474747;
	background-color: #f8f8f8;
}

.future_dream .ul_half1 li:nth-child(2n) {
	margin-right: 0;
}

.future_dream .ul_half1 li:nth-child(1), .future_dream .ul_half1 li:nth-child(2)
	{
	padding-right: 20px;
	text-align: right;
}

.future_dream .ul_half1 li:nth-child(3), .future_dream .ul_half1 li:nth-child(4)
	{
	padding-left: 20px;
}

.future_dream .ul_half1 li .tit {
	padding: 24px 0 15px;
	font-size: 20px;
	color: #232323;
}

.future_dream .ul_half2 {
	overflow: hidden;
}

.future_dream .ul_half2 li {
	float: left;
	position: relative;
	width: calc(50% - 12.5px);
	margin-right: 25px;
	margin-bottom: 30px;
	line-height: 1.6;
}

.future_dream .ul_half2 li:nth-child(2n) {
	margin-right: 0;
}

.future_dream .ul_half2 li em {
	color: #f08327;
}

.future_dream .ul_half2 li .clip {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	 background-color: #f08327; 
}

@media ( max-width : 768px) {
	.future_dream .ul_half1 li, .future_dream .ul_half2 li {
		margin-bottom: 30px;
		width: 100%;
	}
	.future_dream .ul_half1 li {
		padding-left: 20px;
		padding-right: 20px;
	}
	.future_dream .ul_half1 li .onM {
		width: 100%;
		text-align: left;
	}
	.future_dream .ul_half1 li:nth-child(1), .future_dream .ul_half1 li:nth-child(2)
		{
		text-align: left;
	}
	.future_dream .ul_half1 li img {
		width: auto;
		margin: auto;
	}
}
/* 시설안내 : 편의시설 */
.snap_view {
	margin-top: 30px;
	text-align: center;
}

.snap_view span {
	display: inline-block;
}

.snap_view span+span {
	margin-left: 40px;
}

@media ( max-width : 768px) {
	.snap_view span {
		margin-bottom: 15px;
	}
	.snap_view span+span {
		margin-left: 0;
	}
}
/* 시설안내 : 편의시설, 시설대여 */
.indoor_view {
	margin-top: 30px;
	text-align: center;
}

.indoor_view>span, .indoor_view>div {
	display: inline-block;
	vertical-align: top;
	width: 280px;
	text-align: left;
}

.indoor_view>span+span, .indoor_view>div+div {
	margin-left: 60px;
}

.indoor_view .figure_caption {
	display: inline-block;
	margin-top: 15px;
	width: 100%;
	text-align: center;
	color: #666;
}

.indoor_view .list_box {
	margin-top: 10px;
}

.indoor_view .list_box li {
	margin-bottom: 0;
	font-size: 15px;
	color: #666;
}

@media ( max-width : 768px) {
	.indoor_view>span {
		width: 100%;
		margin-bottom: 10px;
	}
	.indoor_view>span+span, .indoor_view>div+div {
		margin-left: 0;
	}
	.indoor_view .list_box {
		margin-bottom: 30px;
	}
	.indoor_view>div {
		width: 100%;
	}
}
/* 자주하는 질문 */
.faq_area {
	width: 100%;
	border-top: 2px solid #e8770c;
}

.faq_area .faq_group {
	border-bottom: 1px solid #dfdfdf;
}

.faq_area .faq_group:after {
	display: block;
	content: "";
	clear: both;
}

.faq_area .faq_title {
	display : block; width : 100%;
	position: relative;
	padding: 22px 50px;
	font-size: 16px;
	color: #131313;
	background: none;
	cursor: pointer;
}

.faq_area .faq_title:before {
	display: inline-block;
	content: "Q.";
	position: absolute;
	left: 15px;
	top: 50%;
	font-weight: 500;
	font-size: 24px;
	color: #e8770c;
	transform: translateY(-50%);
}

.faq_area .faq_title:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 67px;
	background: url(/resource/templete/nlcy/common/img/common/arr_faq.png)
		98% bottom no-repeat;
}

.faq_area .faq_title.on {
	font-weight: 500;
}

.faq_area .faq_title.on:after {
	background-position: 98% top;
}

.faq_area .faq_cnt {
	display: none;
	position: relative;
	padding: 20px 64px 36px 62px;
	background: #f1f1f1;
	font-size: 16px;
	font-weight: 400;
	color: #2a2a2a;
	line-height: 1.6;
}

.faq_area .faq_cnt:before {
	display: inline-block;
	content: "A.";
	position: absolute;
	left: 22px;
	top: 16px;
	font-weight: 500;
	font-size: 24px;
}

.faq_area .faq_cnt:after {
	display: block;
	content: "";
	position: absolute;
	left: 22px;
	top: -22px;
	border: 15px solid #f1f1f1;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid transparent;
}

/* 체험형 동화구연 > 자주하는 질문 : 컨텐츠 내 인라인 스타일 재 정의 */
.faq_area .faq_cnt .inner p,
.faq_area .faq_cnt .inner p span {
	font-family: "NotoKR" !important;
	font-size: 16px !important;
	letter-spacing: inherit !important;
	line-height: 1.6 !important;
}
.faq_area .faq_cnt .inner strong {
	font-weight: 500;
}

/* 오시는길 */
.road_map_info {
	padding: 35px 40px;
	line-height: 1.6;
	border: 1px solid #dfdfdf;
	border-top: none;
}

.way_to_come {
	overflow: hidden;
}

.way_to_come .by_subway, .way_to_come .by_bus {
	display: block;
	float: left;
	padding: 0 40px 0 30px;
}

.way_to_come .by_subway {
	width: 45%;
	line-height: 1.6;
}

.way_to_come .by_bus {
	position: relative;
	width: 55%;
}

.way_to_come .by_bus:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 100px;
	width: 1px;
	height: calc(100% - 100px);
	background-color: #dfdfdf;
}

.way_to_come .by_subway em {
	font-weight: 500;
	color: #f08327;
}

.way_to_come .by_subway .tit, .way_to_come .by_bus .tit {
	position: relative;
	font-size: 24px;
	color: #232323;
}

.way_to_come .by_subway .tit:after, .way_to_come .by_bus .tit:after {
	display: block;
	content: "";
	position: absolute;
	left: -30px;
	top: 10px;
	z-index: -1;
	width: 150%;
	height: 54px;
	background-color: #f8f8f8;
}

.way_to_come .by_subway .tit i, .way_to_come .by_subway .tit span {
	display: inline-block;
	vertical-align: middle;
}

.way_to_come .by_bus .tit i, .way_to_come .by_bus .tit span {
	display: inline-block;
	vertical-align: middle;
}

.way_to_come .by_subway .sub_tit, .way_to_come .by_bus .sub_tit {
	font-weight: 500;
	font-size: 20px;
	color: #232323;
}

.way_to_come .by_bus .list_box li {
	margin-bottom: 20px;
}

.way_to_come .by_bus .list_box li b {
	font-weight: 500;
	font-size: 17px;
	color: #232323;
}

@media ( max-width : 768px) {
	.faq_area .faq_cnt {
		padding-right: 20px;
	}
	.way_to_come .by_subway, .way_to_come .by_bus {
		margin-bottom: 50px;
		padding: 0;
		width: 100%;
	}
	.way_to_come .by_bus:after {
		display: none;
	}
	.way_to_come .by_subway .tit, .way_to_come .by_bus .tit {
		margin-left: 15px;
	}
}

/* ================================== 내서재 ===================================*/
.drawer_area {
	position: relative;
	padding-left: 100px;
	border-top: 2px solid #675147;
	border-bottom: 1px solid #a6a6a6;
}

.drawer_area .emblem {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 15px;
	width: 100px;
	height: 105px;
	text-align: center; /* font-size: 20px; */
	font-size: 1.25rem;
	color: #fff;
	background: url(/resource/templete/nlcy/common/img/common/bg_emblem.png)
		0 0 no-repeat;
}

.drawer_area .drawer_info_top {
	padding: 20px 25px;
}

.drawer_area h3 {
	padding: 7px 0; /* font-size: 24px; */
	font-size: 1.5rem;
	color: #131313;
}

.drawer_area h3 em {
	font-weight: 500;
	color: #9f5414;
}

.drawer_area .btn {
	width: 147px;
	height: 46px;
	border-radius: 10px
}

.drawer_area .drawer_info {
	padding: 20px 0;
	border-top: 1px solid #dfdfdf;
	color: #626262;
}

.drawer_area .drawer_info span {
	display: inline-block;
	margin-left: 30px;
}

.drawer_area .drawer_info b {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	padding-left: 10px;
	color: #131313;
}

.drawer_area .drawer_info b:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 4px;
	height: 4px;
	background-color: #e8770c;
}

.drawer_area .drawer_info em {
	color: #d6562e;
}

.my_service {
	overflow: hidden;
	margin-bottom: 100px;
}

.my_service .item {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 30px;
	width: 228px;
	height: 106px;
	border-top: 2px solid #b1a497;
	color: #131313;
	border-bottom: 1px solid #b1a497;
	background-color: #fcf8e7;
}

.my_service .item:nth-child(4) {
	margin-right: 0;
}

.my_service .item span {
	float: left; /* font-size: 20px; */
	font-size: 1.25rem;
}

.my_service .item a {
	display: inline-block;
	float: right;
	padding: 0 10px;
	line-height: 1;
	font-weight: 700; /* font-size: 40px; */
	font-size: 2.5rem;
	color: #764313;
}

.my_service .item.on {
	border: none;
	color: #fff;
	background-color: #9f5414;
}

.my_service .item.on a {
	color: #fff;
}

.my_service .item a:hover, .my_service .item.on a:hover {
	text-decoration: underline;
}

@media ( max-width : 1024px) {
	.my_service .item {
		width: calc(24.5% - 10px);
	}
}

@media ( max-width : 768px) {
	.drawer_area h3 {
		text-align: center;
		word-break: keep-all;
	}
	.drawer_area .btn {
		margin-top: 5px;
	}
	.drawer_area .drawer_info {
		padding-left: 30px;
	}
	.drawer_area .drawer_info span {
		display: block;
		margin-left: 0;
		margin-bottom: 5px;
	}
	.drawer_area .drawer_info b {
		width: 85px;
	}
	.my_service .item {
		width: calc(50% - 10px);
	}
	.my_service .item:nth-child(2) {
		margin-right: 0;
	}
	.my_service .item:nth-child(3) {
		clear: both;
	}
}

@media ( max-width : 540px) {
	.drawer_area {
		padding-left: 0;
	}
	.drawer_area h3 {
		margin-left: 100px;
	}
	.drawer_area .btn {
		transform: translateX(50%);
		margin-left: 50px;
	}
	.drawer_area .drawer_info {
		padding-left: 0;
	}
	.my_service .item {
		width: 100%;
		margin-right: 0;
	}
}

@media ( max-width : 320px) {
	.drawer_area .btn {
		margin-left: 30px;
		width: 120px;
		height: 38px;
		border-radius: 8px;
		transform: translateX(50%);
	}
	.drawer_area .drawer_info b {
		display: block;
		margin-top: 5px;
	}
	.drawer_area .drawer_info i {
		display: inline-block;
		width: 10px;
	}
}

/* 210115 추가*/
/* 테이블 */
.table2 {
	position: relative;
	border-top: 2px solid #675147;
}

.table2 thead tr th {
	padding: 0; /* height: 54px; */
	padding: 15px 0;
	border-bottom: 1px solid #dfdfdf !important;
	text-align: center;
	font-weight: 500;
	background-color: #f8f8f8;
}

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

.table2 .btn_group .btn {
	width: auto;
}

.table2 .list_box li {
	margin-bottom: 0;
}

@media ( max-width : 768px) {
	.table2.table_border tr th, .table2.table_border tr td {
		border: 1px solid #dfdfdf;
	}
	.table2.table_border tr th:first-child, .table2.table_border tr td:first-child
		{
		border-left: none;
	}
	.table2.table_border tr th:last-child, .table2.table_border tr td:last-child
		{
		border-right: none;
	}
	.table_scroll {
		overflow: auto;
	}
	.table_scroll table {
		min-width: 738px;
	}
	.table2 tr td {
		padding: 6px 5px;
		word-break: break-all;
	}
}

/* 210118 추가 */
/* 절차 */
.procedure_wrap .procedure_inner {
	margin: 20px 0px;
	font-size: 0;
	overflow: hidden;
}

.procedure_wrap .procedure_inner .procedure {
	display: inline-block;
	position: relative;
	width: 200px;
	margin-right: 56px;
	text-align: center;
}

.procedure_wrap .procedure_inner .procedure:last-child {
	margin-right: 0;
}

.procedure_wrap .procedure_inner .procedure .item1 {
	display: block;
	padding: 5px 0;
	background: #c36510;
	font-size: 17px;
	color: #fff;
}

.procedure_wrap .procedure_inner .procedure .item2 {
	display: table-cell;
	width: 200px;
	height: 120px;
	padding: 0 15px;
	border: 1px solid #d5d5d5;
	font-size: 17px;
	color: #2d2d2d;
	box-sizing: border-box;
	vertical-align: middle;
	word-break: keep-all;
}

.procedure_wrap .procedure_inner .procedure .item2 span {
	color: #1d77b7;
}

.procedure_wrap .procedure_inner .procedure:before {
	position: absolute;
	top: 50%;
	left: -14%;
	width: 22px;
	height: 33px;
	background:
		url(/resource/templete/nlcy/common/img/common/arr_process.png) 0 0
		no-repeat;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: '';
}

.procedure_wrap .procedure_inner .procedure:first-child:before {
	display: none;
}

.procedure_wrap.step5 .procedure_inner .procedure {
	width: 155px;
	margin-right: 47px;
}

.procedure_wrap.step7 .procedure_inner .procedure {
	margin-top: 20px;
}

.procedure_wrap.step5 .procedure_inner .procedure:nth-child(5) {
	margin-right: 0
}

.procedure_wrap.step7 .procedure_inner .procedure:nth-child(4) {
	margin-right: 0;
}

.procedure_wrap.step5 .procedure_inner .procedure:last-child,
	.procedure_wrap.step7 .procedure_inner .procedure:last-child {
	margin-bottom: 0
}

@media screen and (max-width:768px) {
	.procedure_wrap .procedure_inner .procedure {
		width: 45%;
		margin: 0 10% 20px 0;
	}
	.procedure_wrap .procedure_inner .procedure:nth-child(even) {
		margin-right: 0;
	}
	.procedure_wrap .procedure_inner .procedure .item2 {
		width: 1%;
		height: 90px;
	}
	.procedure_wrap .procedure_inner .procedure:before {
		left: -11%;
	}
	.procedure_wrap.step7 .procedure_inner .procedure {
		margin-top: 0;
	}
}

@media screen and (max-width:540px) {
	.procedure_wrap .procedure_inner .procedure, .procedure_wrap.step5 .procedure_inner .procedure
		{
		width: 100%;
		margin: 0 0 40px 0;
	}
	.procedure_wrap .procedure_inner .procedure .item2 {
		width: 1%;
	}
	.procedure_wrap .procedure_inner .procedure:before {
		top: 110%;
		left: 47%;
		transform: rotate(90deg) translate(-50%, 0);
	}
	.procedure_wrap .procedure_inner .procedure:first-child:before {
		display: block;
	}
	.procedure_wrap .procedure_inner .procedure:last-child:before {
		display: none;
	}
}

/* 210128 추가 */
/* 국내문학상 */
.data_list li {
	padding: 30px 0;
	border-top: 1px solid #dfdfdf;
}

.data_list li:last-child {
	border-bottom: 1px solid #a6a6a6;
}

.data_list li .tit_2 {
	float: left;
	margin-bottom: 20px;
}

.data_list li .tit_2+span {
	float: right;
	margin-top: -10px;
	min-width: 132px;
}

.data_list li a {
	display: inline-block;
	border: 1px solid #dfdfdf;
	padding: 3px 10px 5px;
}

.data_list li a:hover, .data_list li a:focus {
	border-color: #474747;
}

@media ( max-width : 768px) {
	.data_list li {
		margin: 20px 0 26px 0
	}
	.data_list li .space_between {
		display: block;
	}
	.data_list li .space_between:after {
		content: "";
		display: block;
		clear: both;
	}
	.data_list li .tit_2, .data_list li .tit_2+span {
		float: none;
		margin: 0;
	}
	.data_list li a {
		margin: 10px 0
	}
}

/* 독서활동 도움자료 */
.data_list2 {
	border-top: 2px solid #675147;
}

.data_list2 li {
	padding: 25px 125px 25px 20px;
	border-top: 1px solid #dfdfdf;
}

.data_list2 li:last-child {
	border-bottom: 1px solid #a6a6a6;
}

.data_list2 li .tit+span {
	float: right;
	min-width: 132px;
	margin-top: -7px;
}

.data_list2 li a {
	display: inline-block;
	border: 1px solid #dfdfdf;
	padding: 3px 10px 5px;
}

.data_list2 li a:hover, .data_list li a:focus {
	border-color: #474747;
}

@media ( max-width : 768px) {
	.data_list2 li {
		position: relative
	}
	.data_list2 li .tit+span {
		float: none;
		position: absolute;
		top: 50%;
		margin: 0;
		margin-top: -17px;
		right: 0;
		min-width: initial;
	}
}
/* 자료집 */
.data_list3 {
	border-top: 2px solid #675147;
	border-bottom: 1px solid #a6a6a6;
}

.data_list3 div.tit {
	border-top: 1px solid #dfdfdf;
	position: relative;
}

.data_list3 div.tit:after {
	display: block;
	content: "";
	position: absolute;
	right: 20px;
	top: 0;
	width: 40px;
	height: 67px;
	background: url(/resource/templete/nlcy/common/img/common/arr_faq.png) 0
		bottom no-repeat;
}

.data_list3 div.tit.on:after {
	background-position: 0 top;
}

.data_list3 div.tit1 {
	border-top: 1px solid #dfdfdf;
	position: relative;
}

.data_list3>li:first-child .tit {
	border-top: none;
}

.data_list3 div.tit.on {
	background: url(/include/image/common/acodi_arr_on.png) no-repeat right
		center;
}

.data_list3 div.tit p {
	display: block;
	padding: 25px 100px 25px 20px;
	cursor: pointer;
	position: relative;
}

.data_list3 div.tit1 p {
	display: block;
	padding: 20px 140px 20px 20px;
	position: relative;
}

.data_list3 div.tit1 a {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.data_list3 div.info {
	padding: 25px 20px;
	background-color: #f8f8f8;
	border-top: 1px solid #ccc;
}

.data_list3 div.info .btn_download {
	padding: 3px 10px 3px 0;
	height: 35px;
	min-width: 85px;
	margin-left: 10px;
}

.data_list3 div.info .list_box li:after {
	top: 16px;
}

/* subPage 공지사항 로그인 */
.password_box {
	padding: 45px 0 45px 225px;
	background: white url(/resource/templete/nlcy/img/sub/img_login_key.jpg)
		70px 55px no-repeat;
	border: solid 1px #dedede;
}

.pin_login {
	padding: 35px 0 35px 170px;
	height: 110px;
	border-left: solid 1px #dedede;
}

.pin_login>.btn_sm {
	width: 120px;
}

.pin_num, .pin_num .label {
	display: inline-block;
}

.pin_num {
	margin-left: -70px;
	margin-right: 20px;
	padding-left: 70px;
}

.pin_num .label {
	margin-left: -70px;
	width: 70px;
}

.pin_num .input_text {
	width: 300px;
}

.sub_bt_txt {
	margin-top: 20px;
	padding-bottom: 50px;
}

.add_explan {
	margin-bottom: 5px;
	font-weight: 300;
	letter-spacing: -0.2px;
}

@media ( max-width : 768px) {
	.password_box {
		padding: 180px 30px 30px;
		background-position: center 50px;
	}
	.pin_login {
		padding: 30px 0;
		border-top: solid 1px #dedede;
		border-left: none;
	}
	.pin_num {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		width: 100%;
	}
	.pin_num .label {
		float: left;
		margin-left: -1px;
		width: 1px;
		font-size: 0;
	}
	.pin_num .input_text {
		margin-bottom: 10px;
		width: 100%;
	}
}

/* 신청내역 추가 레이아웃 */
.slct_row {
	margin: 30px 0 10px;
}

.slct_row:after {
	content: "";
	display: block;
	clear: both;
}

/* 신청하기 항목 테이블 */
.lib_subscription table {
	border-top: solid 2px #675147;
	border-bottom: solid 1px #a6a6a6;
}

.lib_subscription table tr {
	height: 53px;
	border-bottom: solid 1px #dfdfdf;
}

.lib_subscription table thead th {
	font-weight: 500;
	background-color: #f8f8f8;
}

.lib_subscription table tbody tr:last-child {
	border-bottom: none;
}

.lib_subscription table th, .lib_subscription table td {
	padding: 10px 0;
}

.lib_subscription table th:first-child {
	width: 20%;
}

.lib_subscription table .btn_subs, .lib_visit table .btn_visit {
	height: 33px;
	border: solid 1px #dcdcdc;
}

.lib_visit table .btn_visit {
	margin-top: 8px;
	width: 100px;
	height: 30px;
	font-size: 0.875rem;
}

.condition table .btn_visit {
	margin-top: 0;
}

.lib_subscription table ._selected, .lib_visit table ._selected {
	background-color: #ff9933;
	border-color: #ff9933;
	color: white;
}

.lib_subscription table .non_subs, .lib_visit table .non_visit {
	color: #dfdfdf;
}

.lib_visit table .non_visit, .lib_visit table .ico-holiday {
	display: block;
	padding-top: 12px;
}

.lib_visit table .ico-holiday {
	color: #ff6c01;
}

.condition table .non_visit {
	padding-top: 0;
	height: 30px;
	line-height: 30px;
}

/* ========== 신청내역 통합 dl Table ========== */
.dl_table {
	display: table;
	position: relative;
	table-layout: fixed;
	width: 100%;
	border-top: solid 2px #675147;
	border-bottom: solid 1px #a6a6a6;
}

.dl_head, .dl_body {
	width: 100%;
}

.dl_head {
	height: 53px;
}

.dl_head li, .dl_body dd {
	display: table-cell;
	padding: 10px;
	height: 53px;
	text-align: center;
	border-bottom: solid 1px #dfdfdf;
	box-sizing: border-box;
	word-break : break-all;
	vertical-align: middle;
}

.dl_head {
	display: table-header-group;
	table-layout: fixed;
	background-color: #f8f8f8;
}

.dl_head li {
	font-weight: 500;
}

.dl_body {
	display: table-row-group;
}

.dl_body dt {
	display: none;
}

.dl_body dd {
	font-weight: 300;
}

.dl_body:last-child dd {
	border-bottom: none;
}

.dl_body dd a {
	display: block;
	text-align: left;
	word-break: keep-all;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dl_body .rcve {
	color: #00cc99;
}

.dl_body .stby {
	 color: #33cc00; 
}

.dl_body .aprv {
	font-weight: 500;
	 color: #ff6600;
}

.dl_body .rjct {
	color: #007bc2;
}

.dl_body .cncl {
	 color: #a6a6a6;
}

.dl_table .non_data {
	display: table-row;
	margin-top: 53px;
	height: 60px;
}

.dl_table .non_data p {
	position: absolute;
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.dl_table .btn {
	display: inline-block;
	width: 53px;
	min-width: 53px;
	height: 33px;
}

.dl_table .btn_modf {
	 border: solid 1px #a6a6a6;
	color: #a6a6a6;
}

.dl_table .btn_cncl {
	border: solid 1px #d6562e;
	color: #d6562e; 
}
/* 프로그램 신청내역 */
.subscription_history .num {
	width: 5%;
}

.subscription_history .title {
	width: 56%;
}

.subscription_history .date {
	width: 17%;
}

.subscription_history .subs {
	width: 11%;
}

.subscription_history .stat {
	width: 11%;
}
.no-data-notice{
	width: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	border-bottom: solid 1px #dfdfdf;
}
/* 독서토론실 신청내역 */
.rentalroom_history .num {
	width: 5%;
}

.rentalroom_history .room {
	width: 10%;
}

.rentalroom_history .name {
	width: 20%;
}

.rentalroom_history .time {
	width: 10%;
}

.rentalroom_history .stat {
	width: 10%;
}

.rentalroom_history .subs {
	width: 10%;
}

.rentalroom_history .modf {
	width: 15%;
}

@media ( max-width : 765px ){
	.lib_visit table .btn_visit { width : initial; min-width : initial; height : initial; word-break : unset; white-space : initial }
}

/* 카테고리탭 */
.category_wrap{margin-top:52px}
.sub_content>.category_wrap:first-child{margin-top:0}
.category_wrap .inner{position:relative}
.category_wrap .label_wrap{display:none;border:1px solid #518fba}
.category_wrap .label{display:block;width:100%;height:40px;padding:0 18px 0 14px;background:#fff url(../img/common/arrow_down.png) 100% 50% no-repeat;font-size:1.5rem;text-align:left}
.category_wrap .category_list{display:table;width:100%;table-layout:fixed}
.category_wrap .category_item{display:table-cell}
.category_wrap .category_item button,
.category_wrap .category_item a{display:block;position:relative;width:100%;height:50px;font-size:15px;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}
.category_wrap .category_item a{line-height:50px}
.category_wrap .category_item:first-child button,
.category_wrap .category_item:first-child a,
.category_wrap .category_item:first-child abbr{border-left-color:#dcdcdc}
.category_wrap .category_item[data-selected="true"] button,
.category_wrap .category_item[data-selected="true"] a,
.category_wrap .category_item[data-selected="true"] .apply_title:before{z-index:1;border:1px solid #666;border-bottom-color:#fff}
.category_wrap .category_tabpanel{display:none}
.category_wrap .category_tabpanel[data-selected="true"]{display:block}
@media screen and (max-width: 767px){
    .category_wrap{margin-top:25px}
    .category_wrap .label_wrap{display:block}
    .category_wrap .label{height:35px}
    .category_wrap .category_list{display:none;position:static;top:100%;left:0;z-index:10;width:100%;background:#fff}
    .category_wrap .category_item{display:block}
    .category_wrap .category_item button,
    .category_wrap .category_item a{height:auto;min-height:35px;margin:-1px 0 0 0;padding:6px 18px 6px 14px;border-color:#518fba;text-align:left}
    .category_wrap .category_item a{line-height:1.4}
    .category_wrap .category_item:first-child button,
    .category_wrap .category_item:first-child a{border-left-color:#518fba}
    .category_wrap .category_item[data-selected="true"] button,
    .category_wrap .category_item[data-selected="true"] a{border-color:#518fba;border-top-width:0;background:#518fba;color:#fff}
}

/* 인풋 폼 수정 */
.input_txt {
	width: 100%;
}
.input_txt.sm {
	width: 150px;
}
.input_txt.md {
	width: 250px;
}
.input_txt.lg {
	width: 400px;
}
.input_btn_group {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.input_btn_group.sm {
	width: 150px;
}
.input_btn_group.md {
	width: 300px;
}
.input_btn_group.lg {
	width: 500px;
}
.input_btn_group > a {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.input_txt.sm,
	.input_txt.md,
	.input_txt.lg,
	.input_btn_group.sm,
	.input_btn_group.md,
	.input_btn_group.lg {
		width: 100%;
	}
}

/* AR책 놀이,카드 */
.ar_book {
	margin-bottom: 30px;
	padding: 40px;
	background-position: center top;
	background-repeat: no-repeat;
}
.ar_book:after,
.paper_hd:after {
	content: "";
	display: block;
	clear: both;
}
.ar_book.play {
	background-image: url(/resource/templete/nlcy/img/sub/arbook/ar_tab01_01.png);
}
.ar_book.card {
	background-image: url(/resource/templete/nlcy/img/sub/arbook/ar_tab02_01.png);
}
.ar_book.qr {
	background-color: #fcfcfc;
	border: solid 1px #dcdcdc;
}
.ar_book .left {
	float: left;
	width: 170px;
}
.ar_book .right {
	padding-left: 200px;
}
.ar_book.qr .left {
	margin-bottom: -40px;
}
.ar_book img {
	display: block;
}
.ar_book.qr img {
	width: 100%;
}
.ar_book .title {
	margin-bottom: 15px;
	font-size: 1.2rem;
	font-weight: 500;
	color: #9f5414;
}
.ar_book .etc {
	margin-top: -10px;
	margin-bottom: 15px;
	font-size: .8rem;
}
.ar_book .txt {
	line-height: 1.5;
	word-break: keep-all;
}
.ar_book .btn_line {
	margin-top: 10px;
}
.ar_book .btn_line .btn_w {
	padding: 5px 15px;
	width: auto;
	text-align: center;
	background-color: white;
	border: solid 1px #dcdcdc;
	vertical-align: bottom;
}
.ar_book ol {
	counter-reset: decimal;
}
.ar_book li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	line-height: 1.4;
	word-break: keep-all;
}
.ar_book li:before {
	content: counter(decimal) ".";
	counter-increment: decimal;
	position: absolute;
	left: 0;
}
.actv_paper {
	border-top: solid 2px #675147;
}
.actv_paper .left {
	float: left;
	padding: 0 40px;
}
.actv_paper .right {
	padding-left: 290px;
}
.paper_hd {
	position: relative;
	padding: 20px 0;
	border-bottom: solid 1px #dcdcdc;
}
.paper_hd > p {
	padding: 45px 150px 0 300px;
}
.paper_hd .btn_dw {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.actv_paper li {
	padding: 40px 0;
	border-bottom: solid 1px #dcdcdc;
}
.actv_paper ol {
	counter-reset: zero-dcml;
}
.actv_paper strong {
	display: block;
	margin-bottom: 15px;
	font-size: 1.25rem;
	font-weight: 500;
}
.actv_paper strong:before {
	content: counter(zero-dcml, decimal-leading-zero) ".";
	counter-increment: zero-dcml;
}
.actv_paper dt {
	float: left;
	position: relative;
	width: 90px;
}
.actv_paper dt:after {
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 2px;
	margin-right: 15px;
	width: 1px;
	background-color: #dcdcdc;
}
.actv_paper dd {
	margin-bottom: 10px;
	padding-left: 90px;
	line-height: 1.5;
	word-break: keep-all;
}
.actv_paper .btn_line {
	padding-top: 10px;
	text-align: right;
}
.actv_paper .btn {
	padding: 5px 20px;
	width: auto;
	text-align: center;
}
.actv_paper .btn_w {
	background-color: white;
	border: solid 1px #dcdcdc;
}
.actv_paper .btn_dw {
	background-color: #6c6c6c;
	color: white;
}
/*전국도서관독서교실 시작 */
.reading_class dt{
	margin-right: 5px
}
.reading_class dt:after{
	display: none;
}
.reading_class dl dd:last-of-type{
	margin-bottom: 0;
}
.reading_class .info-txt{
	width: 100%;
	float: left;
	padding-top: 5px;
}
/*전국도서관독서교실 끝 */

@media screen and (max-width: 767px) {
	.ar_book {
		padding: 20px;
		background-size: 100% auto;
	}
	.ar_book.play {
		background-color: #fff8e9;
	}
	.ar_book.card {
		background-color: #f5feff;
	}
	.ar_book .left {
		float: none;
		margin: 0 auto;
	}
	.ar_book.qr .left {
		margin-bottom: 0;
	}
	.ar_book .right {
		margin-top: 20px;
		padding-left: 0;
	}
	.ar_book .btn_line .btn_w {
		display: block;
		margin-bottom: 5px;
	}
	.actv_paper .left {
		float: none;
		text-align: center;
	}
	.actv_paper .left img {
		width: auto;
	}
	.paper_hd > p {
		padding: 10px 0;
		text-align: center;
	}
	.paper_hd .btn_dw {
		position: static;
		display: block;
		transform: inherit;
	}
	.actv_paper .right {
		margin-top: 20px;
		padding-left: 0;
	}
	.actv_paper dt {
		margin-top: 2px;
	}
	.actv_paper .btn_line {
		text-align: center;
	}
	.actv_paper .btn_line .btn {
		width: 49%;
	}
}

.sub_inquiry .btn_inquiry2,
.sub_inquiry .icon_search2,
.sub_inquiry .icon_header_inquiry2:after { height : 42px !important }
.sub_inquiry .icon_header_inquiry2:after { background-position : center center !important }
.sub_inquiry  .input_group .btn_inquiry2 { right : 56px !important }

.summaryDesc { margin : 15px 0; padding : 15px 25px; background-color : #fcfcfc; border : 1px solid #eee; line-height :150% }
.btnGroup { margin : 15px 0 ;text-align : center }
.btnGroup a { display : inline-block; padding : 10px 25px; color : #fff; background-color : #666 }