@charset "UTF-8";

.main-breadcrumbs {
  width: 100%;
  height: 60px;
  /* height: 118px; */
  background: #63c3ae;
}
.breadcrumbs-bg {
  width: 1164px;
  height: 60px;
  /* height: 118px; */
  margin: 0 auto;
  background: url('../img/mypage/mypage_bg.png') no-repeat center;
  position: relative;
}
.breadcrumbs {
  position: absolute;
  left: 0;
  bottom: 10px;
  /* bottom:20px; */
}
.breadcrumbs li {
  color: #fff;
  font-size: 20px;
}
.breadcrumbs a {
  color: #fff;
}
.breadcrumbs-home {
  display: inline-block;
  background: url('../img/home.png') no-repeat center;
  width: 25px;
  height: 25px;
  vertical-align: sub;
  cursor: default;
}

.main-title {
  font-weight: 300;
  color: #707070;
  font-size: 35px;
  margin: 30px 0;
}

.main-tab {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #63c3ae;
}
.main-tab li {
  cursor: pointer;
  font-size: 22px;
  color: #63c3ae;
  float: left;
  border: 1px solid #63c3ae;
  border-bottom: none;
  border-right: none; 
  width: 187px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.main-tab li:nth-child(3) {
  border-right: 1px solid #63c3ae;
}
.main-tab li:last-child {
  border-right: 1px solid #63c3ae;
}
.main-tab li:hover {
  background: #81d1c0;
  color: #fff;
}
.main-tab li.on {
  background: #63c3ae;
  color: #fff;
}
.main-tab li a {
  display: block;
  color: #3cb49a;
}

/*
*/
/*	이용안내 - 공지사항	*/
/*
*/
.notice-search {
  background: #f4f4f4;
  padding: 20px 0;
  margin: 30px 0;
}
.notice-search strong {
  display: inline-block;
  margin: 0 40px 0 50px;
  font-size: 22px;
  color: #707070;
  vertical-align: sub;
}
.notice-search_bar {
  width: 775px;
  height: 40px;
  text-indent: 7px;
  font-size: 22px;
  color: #707070;
  vertical-align: middle;
}
.notice-search_btn {
  width: 100px;
  height: 40px;
  color: #fff;
  font-size: 20px;
  background: #898989;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  vertical-align: bottom;
  margin-left: 10px;
}
.notice-view {
  display: none;
}
.notice-list_tbl {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 50px;
  text-align: center;
}
.notice-list_tbl tr:hover {
  background: #eaf8f5;
}
.notice-list_tbl th {
  font-size: 19px;
  font-weight: normal;
  color: #707070;
  background: #e2e2e2;
  height: 50px;
  line-height: 50px;
}
.notice-list_tbl td {
  font-size: 19px;
  font-weight: 300;
  color: #707070;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
}
.notice-list_tbl td:nth-child(2) {
  text-align: left;
  padding-left: 50px;
}
.notice_icon {
  vertical-align: text-top;
}
.new_icon {
  width: 52px;
  height: 35px;
  display: inline-block;
  margin-left: 15px;
  vertical-align: bottom;
  background: url('../img/useguide/new.png') no-repeat center top;
}
.write_btn {
  width: 140px;
  height: 45px;
  line-height: 43px;
  font-size: 19px;
  font-weight: 300;
  color: #898989;
  border: 2px solid #c7c8ca;
  position: absolute;
  /* right: -357px;
  top: -5px; */
  right: 0;
  bottom: 0;
}
.write_btn:hover {
  background: #3fb69b;
  border: none;
  color: #fff;
}
.write-top {
  margin-top: 30px;
  margin-bottom: 20px;
  border-top: 2px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
}
.top-title,
.bottom-title {
  width: 190px;
  height: 60px;
  display: inline-block;
  background: #e2e2e2;
  color: #707070;
  font-weight: normal;
  font-size: 19px;
  text-align: center;
  line-height: 60px;
}
.bottom-title {
  height: 50px;
  line-height: 50px;
}
.top-title_write {
  height: 40px;
  width: 825px;
  margin-left: 20px;
  margin-right: 25px;
  font-size: 19px;
  color: #222;
  text-indent: 7px;
  font-weight: 300;
}
.write-top label {
  font-size: 20px;
  color: #707070;
  font-weight: 300;
  vertical-align: middle;
}
.write-box {
  width: 100%;
  height: 385px;
  border: 1px solid #e2e2e2;
  font-size: 19px;
  color: #707070;
  padding: 20px 30px;
}
.write-bottom {
  margin-top: 10px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.bottom-title {
  background: #f3f3f3;
  font-size: 20px;
}
.bottom-file {
  width: 780px;
}
.bottom-file,
.bottom-file_size {
  font-size: 19px;
  color: #707070;
  font-weight: 300;
  height: 50px;
  line-height: 50px;
  margin-left: 30px;
}
.bottom-file_size {
  margin-right: 20px;
}
.bottom-file_del_btn {
  width: 30px;
  height: 50px;
  margin-right: 10px;
  background: url('../img/useguide/x.png') no-repeat center;
  background-size: 25px;
}
.write-btn_wrap {
  margin-top: 30px;
  margin-bottom: 100px;
  text-align: right;
}
.write-cancel_btn,
.write-save_btn,
.view-modify_btn,
.view-del_btn,
.view-list_btn,
.text-modify_btn,
.text-del_btn,
.text-answer_btn,
.text-list_btn {
  width: 140px;
  height: 45px;
  line-height: 43px;
  font-size: 19px;
  font-weight: 300;
  color: #898989;
  border: 2px solid #c7c8ca;
  vertical-align: middle;
}
.write-cancel_btn:hover,
.write-save_btn:hover,
.view-modify_btn:hover,
.view-del_btn:hover,
.view-list_btn:hover,
.text-modify_btn:hover,
.text-del_btn:hover,
.text-answer_btn:hover,
.text-list_btn:hover {
  background: #3fb69b;
  border: none;
  color: #fff;
  vertical-align: middle;
}
.write-cancel_btn,
.view-modify_btn,
.view-del_btn {
  margin-right: 10px;
}

.view-top {
  margin-top: 30px;
  background: #e2e2e2;
  padding: 20px 0;
  border-top: 2px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
}
.top-heading {
  display: table-cell;
  width: 945px;
  font-size: 19px;
  font-weight: 300;
  color: #222;
  padding-left: 30px;
  margin-right: 30px;
}
.top-date {
  display: inline-block;
  font-size: 16px;
  color: #707070;
  font-weight: 300;
  width: 189px;
  text-align: center;
}
.view-attach {
  border-bottom: 1px solid #e2e2e2;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #707070;
  font-weight: 300;
  margin-bottom: 10px;
  padding-left: 30px;
}
.view-attach p {
  background: url('../img/file.png') no-repeat left;
  padding-left: 28px;
  background-size: 18px;
}
.view-box {
  border: 1px solid #e2e2e2;
  font-weight: 300;
  font-size: 20px;
  color: #707070;
  padding: 20px 30px;
}
.view-btn_wrap {
  margin: 30px 0;
  text-align: right;
}
.view-bottom {
  border-top: 2px solid #bcbcbc;
  margin-bottom: 100px;
}
.bottom-heading {
  display: inline-block;
  padding-left: 30px;
  font-size: 20px;
  color: #707070;
  font-weight: 300;
}
.bottom-prev,
.bottom-next {
  border-bottom: 1px solid #e2e2e2;
}

/*
*/
/*	이용안내 - 자주묻는질문	*/
/*
*/
.faq-search {
  background: #f4f4f4;
  padding: 20px 0;
  margin: 30px 0;
}
.faq-search strong {
  display: inline-block;
  margin: 0 40px 0 50px;
  font-size: 22px;
  color: #707070;
  vertical-align: sub;
}
.faq-search .select-140 {
  vertical-align: middle;
}
.faq-search_bar {
  width: 670px;
  height: 40px;
  text-indent: 7px;
  font-size: 22px;
  color: #707070;
  vertical-align: middle;
}
.faq-search_btn {
  width: 100px;
  height: 40px;
  color: #fff;
  font-size: 20px;
  background: #898989;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  vertical-align: bottom;
  margin-left: 10px;
}
.faq-list_tbl {
  width: 100%;
  margin-bottom: 50px;
}
.faq-list_tbl tr:hover {
  background: #eaf8f5;
}
.faq-list_tbl th {
  background: #e2e2e2;
  font-size: 19px;
  color: #707070;
  font-weight: 300;
  text-align: center;
  height: 55px;
}
.faq-list_tbl td {
  height: 50px;
  text-align: center;
  font-size: 19px;
  color: #7b7b7b;
  font-weight: 300;
  border-bottom: 1px solid #e2e2e2;
}
.faq-list_tbl tr:nth-child(odd) {
  cursor: pointer;
}
.tr-answer {
  display: none;
}
.tr-answer div {
  display: none;
  text-align: left;
  background: #f3fefb;
}
.tbl-question {
  font-size: 20px;
  font-weight: 300;
  color: #707070;
  margin-right: 60px;
  padding-right: 80px;
  text-align: left;
  background: url('../img/useguide/down.png') no-repeat right;
}
.tbl-question.on {
  background: url('../img/useguide/up.png') no-repeat right;
}
.tbl-answer {
  text-align: left;
  font-size: 19px;
  font-weight: 400;
  color: #4db69f;
  /* width: 1023px; */
  width: 100%;
  display: inline-block;
  padding: 20px 0;
  padding-left: 56px;
  vertical-align: middle;
}
.answer-btn_wrap {
  width: 136px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 30px 0;
}
.answer-write_btn,
.answer-del_btn {
  width: 38px;
  height: 38px;
  display: block;
  margin: 0 auto;
}
.answer-write_btn {
  margin-bottom: 10px;
  background: url('../img/useguide/write.png') no-repeat center;
}
.answer-del_btn {
  background: url('../img/useguide/trash.png') no-repeat center;
}
.faq-write .top-title_write {
  width: 950px;
  margin-right: 0;
}
span.faqTypeTitle {
    margin-right: 10px;
    font-weight: 400;
    color: #63c3ae;
}

/*
*/
/*	이용안내 - 묻고답하기	*/
/*
*/
.qna-search {
  background: #f4f4f4;
  padding: 20px 0;
  margin: 30px 0;
}
.qna-search strong {
  display: inline-block;
  margin: 0 40px 0 50px;
  font-size: 22px;
  color: #707070;
  vertical-align: sub;
}
.qna-search .select-140 {
  vertical-align: middle;
}
.qna-search_bar {
  width: 666px;
  height: 40px;
  text-indent: 7px;
  font-size: 22px;
  color: #707070;
  vertical-align: middle;
}
.qna-search_btn {
  width: 100px;
  height: 40px;
  color: #fff;
  font-size: 20px;
  background: #898989;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  vertical-align: bottom;
  margin-left: 10px;
}
.main-tab a:hover {
  color: #fff;
}
.ask-list {
	position: relative;
	min-height: 300px;
}
.ask-list_tbl {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 50px;
}
.ask-list_tbl tr:hover {
  background: #eaf8f5;
}
.ask-list_tbl th {
  font-weight: 300;
  color: #707070;
  font-size: 19px;
  text-align: center;
  height: 50px;
  background: #e2e2e2;
}
.ask-list_tbl td {
  font-weight: 300;
  color: #707070;
  font-size: 19px;
  text-align: center;
  height: 50px;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
}
.ask-list_tbl td:nth-child(2) {
  text-align: left;
  /* padding-left: 30px; */
}
.ask-lick {
  width: 19px;
  height: 23px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 10px;
  vertical-align: middle;
  background: url('../img/useguide/lock.png') no-repeat;
}
.radio_wrap {
  width: 22px;
  height: 22px;
}
.radio_wrap input[type='radio'] {
  width: 22px;
  height: 22px;
}
.radio {
  width: 22px;
  height: 22px;
}
.radio::before {
  content: '';
  width: 22px;
  height: 22px;
}
.radio_wrap input[type='radio']:checked + .radio::before {
  background: url('../img/radio_on.png') no-repeat center;
  background-size: 22px;
}
.ask-write .top-title_write {
  width: 800px;
  margin-right: 0;
}
.ask-write .write-top:nth-of-type(1) {
  margin-bottom: 0;
}
.ask-write .write-top:nth-of-type(2) {
  margin-top: 0;
  border-top: none;
}
.ask-file_wrap {
  width: 150px;
  height: 40px;
  display: inline-block;
  position: relative;
}
.ask-file_wrap input {
  width: 150px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.tbl-file_btn {
  width: 150px;
  height: 40px;
  /* position: absolute; */
  top: 10px;
  left: 620px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #63c3ae;
  color: #63c3ae;
  z-index: 1;
  font-size: 19px;
  font-weight: 300;
}
.tbl-file_btn.on, .tbl-file_btn:hover {
  background: #63c3ae;
  color: #fff;
}
.open_wrap {
  display: inline-block;
  margin-left: 15px;
  vertical-align: text-bottom;
}
.open_wrap label:nth-of-type(1) {
  margin-right: 50px;
}
.text-title {
  margin-top: 30px;
  margin-bottom: 10px;
  border-top: 2px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  background: #e2e2e2;
}
.title-q,
.title-a {
  height: 70px;
  width: 935px;
  font-size: 20px;
  font-weight: 300;
  color: #222;
  padding-left: 85px;
  display: table-cell;
  vertical-align: middle;
}
.title-q {
  background: url('../img/useguide/q.png') no-repeat 20px center;
}
.title-a {
  background: url('../img/useguide/a.png') no-repeat 20px center;
}
.text-title small {
  width: 228px;
  height: 70px;
  font-size: 16px;
  font-weight: 300;
  color: #707070;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.text-body {
  width: 100%;
  border: 1px solid #ddd;
  font-weight: 300;
  font-size: 19px;
  color: #707070;
  padding: 20px 30px;
  white-space: normal;
  word-break : break-all;
}
.text-btn_wrap {
  margin-top: 30px;
  margin-bottom: 100px;
  text-align: right;
}
.text-modify_btn,
.text-del_btn {
  margin-right: 10px;
}

.select-140.ask-select {
  padding-top: 2px;
  margin-left: 20px;
}
.top-title_write.ask-title {
	width: 750px;
	margin-left: 10px;
}
.ask-title-second {
	margin-bottom: 0;
}
.ask-title-last {
	border-top: none;
	border-bottom: 1px solid #bcbcbc;
	margin-top: 0;
	position: relative;
}
span.qnaType {
    margin-right: 10px;
    font-weight: 400;
    color: #63c3ae;
}
span.qnaType.no {
    margin-left: 34px;
}

/* 에디터 css */
.ck-editor p, .text-body p {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
}
.ck-editor h2, .text-body h2 {
	font-size: 1.5em !important;
	font-weight: bold !important;
}
.ck-editor h3, .text-body h3 {
	font-size: 1.17em !important;
	font-weight: bold !important;
}
.ck-editor h4, .text-body h4 {
	font-size: 1em !important;
	font-weight: bold !important;
}
.ck-editor strong, .text-body strong {
	font-weight: bold !important;
}
.ck-editor i, .text-body i {
	font-style: italic !important;
}
.ck-editor a, .text-body a {
	text-decoration: underline;
}
.ck-editor ul, .text-body ul,
.ck-editor ol, .text-body ol {
	padding-inline-start: 40px;
}
.ck-editor ul li, .text-body ul li {
	list-style: disc;
}
.ck-editor ol li, .text-body ol li {
	list-style: decimal;
}
.ck-content blockquote, 
.text-body blockquote, .text-body q {
	overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
}

/*
*/
/*	이용약관	*/
/*
*/
.terms-title {
  margin-top: 45px;
  border-top: 2px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  background: #e2e2e2;
  font-size: 24px;
  color: #222;
  font-weight: normal;
  text-align: center;
  height: 70px;
  line-height: 70px;
}
.terms-text {
  border: 1px solid #e2e2e2;
  border-top: none;
  font-size: 16px;
  font-weight: 300;
  color: #222;
  padding: 30px;
  margin-bottom: 50px;
}


/*	인생서가 소개	*/

.ecobooke-title {
	color:#707070;
	text-align: center;
	font-weight: 300;
	font-size:32px;
	margin-top: 100px;
	margin-bottom: 30px;
	line-height: 1.3;
}
.ecobooke-title strong {
	color:#222;
	font-weight: bold;
	font-size:43px;
}
.ecobooks-intro {
	text-align: center;
}
.ecobooks-intro figcaption {
	color:#707070;
	font-size:30px;
	font-weight: 300;
	margin-top: 30px;
}
figcaption strong {
	font-weight: bold;
}
.color-green {
	color:#63c3ae;
}
.color-blue {
	color:#2566ab;
}
.color-softBlue {
	color:#7ca2cb;
}
.contents2-title {
	text-align: center;
}

.collection {
	display: inline-block;
	width: 19.7%;
	text-align: center;
	height: 340px;
	vertical-align: top;
}
.collection-mt {
	margin-top: 45px;
	width: 24.7%;
}
.collection-name {
	font-weight: bold;
	font-size:25px;
	color:#707070;
	margin:20px 0;
}
.collection-text {
	color:#707070;
	font-weight: 400;
	font-size:20px;
}

.char {
	display: inline-block;
	width: 22%;
	height: 320px;
	text-align: center;
	vertical-align: top;
	border-radius:10px;
	margin-right: 35px;
	padding-top: 40px;
}
.char-box {
	width: 1100px;
	margin:0 auto;
	margin-bottom: 100px;
}
.shadow-green {
	box-shadow:0px 0px 10px rgba(60,180,154,0.5);
}
.shadow-blue {
	box-shadow:0px 0px 10px rgba(124,162,203,0.5);
}
.char-mr {
	margin-right: 0;
}
.char-img {
	display: block;
	height: 75px;
}
.char-img img {
	height: auto;
}
.char-name {
	font-weight: bold;
	font-size:25px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.char-text {
	color:#707070;
	font-size:20px;
	font-weight: 400;
}

.link-text {
	text-align: center;
	font-size:25px;
	font-weight: 400;
	color:#555;
	margin-bottom: 30px;
}
.ecobook-move {
	width: 347px;
	margin:0 auto;
}
.ecobook-move a {
	background:#3cb49a;
	color:#fff;
	font-size:25px;
	font-weight: bold;
	text-align: center;
	height: 66px;
	border-radius:66px;
	line-height: 66px;
	display: block;
	margin-bottom: 100px;
}

.market-btn {
	width: 370px;
	margin:0 auto;
}
.google, .apple {
	width: 179px;
	height: 59px;
	display: inline-block;
	text-indent:-9999px;
}
.google {
	background: url('../img/google.png');
	background-size:179px;
	margin-right: 6px;
}
.apple {
	background: url('../img/apple.png');
	background-size:179px;
}
.google:hover {
	background: url('../img/google_on.png');
	background-size:179px;
}
.apple:hover {
	background: url('../img/apple_on.png');
	background-size:179px;
}

.carousel-box {
	width: 900px;
	margin:30px auto 100px;
}
.owl-dots {
	display: none;
}
.item {
	border:1px solid #ddd;
}

/*정읍도서관 대출정책 css*/
table.faq-list_tbl.laon_policy_tbl {
    margin-top: 95px;
}
.laon_policy_tbl tbody {
    border-top: 1px solid #e2e2e2;
}
.laon_policy_tbl th {
  border-top: 1px solid white;
  width: 190px
}
.laon_policy_tbl i {
    color: #63c3ae;
    font-weight: 700;
}
li.loan_policy_li {
    display: none;
    border-left: none;
}