/*공용*/
.subtxt .subt {font-size: 19px; font-weight: bold; color: #717171;}
.subtxt ol {margin: 14px 0 24px; font-size: 16px; }
.subtxt ol li {line-height: 30px; color:#555; }
.area li {line-height: 30px; color:#555; position: relative; padding-left: 14px;}
.area div li {padding-left: 0;}

.square {display: inline-block; width: 3px; height: 3px; background-color: #555; vertical-align: middle; margin-right: 8px; border-radius: 3px;}
.subCont .area li:before {content: "\2022"; position: absolute; left: 0; top: 0;}
.subCont .hyphen {padding-left: 14px;}
.subCont .area .hyphen:before {content: "-"; position: absolute; left: 0; top: 0;}
.subCont li.none:before {content: "";}
.subCont li.caution:before {content: "※";}
.subCont ul.caution li {position: relative; padding-left: 14px;}
.subCont ul.caution li:before {content: "※";}
.subCont .area .point {font-weight: bold; color: #0056aa;}
.subCont .area .textleft {text-align: left;}
.mgtop {margin-top: 24px;}
.opacity {opacity:0}
.text-element{word-break: break-all; overflow-wrap: break-word; white-space: normal;}
span.highlight {font-weight: bold; display: inline-block !important; color: #0074e5;}
.sangseD {font-weight: bold;}
.indentno li.none {padding-left: 0;}


/*프로그램.직무교육.영화*/


/* 수정 */

/* .abajo .prglist>li {border-bottom: 1px dashed #ccc; margin: 24px 0; position: relative; min-height: 428px;} */
.abajo .prglist>li {border-bottom: 1px dashed #ccc; margin: 24px 0; position: relative;}
.abajo .prglist>li {border-bottom: 1px dashed #ccc; margin: 24px 0; position: relative;}

.abajo .prglist .title a {color: #1d1d1d;}

.prg_wrap .prgcontent {display: grid; grid-template-columns: 1fr 4.5fr; grid-column-gap:24px;  }
.prg_detail .prgcontent {display: grid; grid-template-columns: 3fr 1fr; grid-column-gap: 32px; position: relative;}

.prg_wrap i, .edu_wrap i {display: inline-block; padding: 4px 8px; font-size: 0.8rem; border-radius: 4px; }
.prg_wrap i {border: 1px solid #1d1d1d;}
.ing {color: #CC1076; background: #FFF0F8;font-weight: bold; border: 1px solid #FFF0F8 !important;}
.end {background: #E4E4E4; color: #2D2D2D; font-weight: bold; border: 1px solid #E4E4E4 !important;}
.waiting {color: #350e6e; background: #f4effa;font-weight: bold; border: 1px solid #f4effa !important;}
.ingwaiting {color: #075d5d; background: #edf8f8;font-weight: bold; border: 1px solid #edf8f8 !important;}
.prg_wrap i.free {width: 40px; color: #151c62; background: #f1f1f9; font-weight: bold; border: 1px solid #f1f1f9 !important;}
.prg_wrap i.pay {width: 40px; color: #6b5700; background: #fff6cc;font-weight: bold; border: 1px solid #fff6cc !important;}
.prg_wrap .prgcontent .peliI i {width: initial; border: none; color:#fff;}
.prg_wrap .prgcontent .peliI i.Iall {background:#1e7b1e;}
.prg_wrap .prgcontent .peliI i.I12 {background:#ffd400;}
.prg_wrap .prgcontent .peliI i.I15 {background:#ff4500;}
.prg_wrap .prgcontent .peliI i.I19 {background:#cd0404;}
.prg_wrap .prgcontent .centerimg a {margin-bottom: 24px; width: 160px; max-height: 234px; height: 234px; overflow: hidden;}
.prg_wrap .prgcontent .centerimg {overflow: hidden;}
.centerimg a img {width: 100%; height: 100%; object-fit: cover;}
.prg_wrap .prgcontent .centerimg img {width: 160px; max-height: 234px; height: 234px; overflow: hidden; object-fit: fill;} /*1121 추가줄*/

.prg_wrap .title, .edu_wrap .title {font-size: 1.3rem; margin: 10px 0 6px; line-height: 2rem;}
.prg_wrap .name, .edu_wrap .name {display: block; margin-bottom: 24px;}

ul.pginfo {margin-bottom: 24px;}
ul.pginfo li, ul.pginfo b {color: #717171;}
ul.pginfo b {display: inline-block; width: 100px; font-weight: bold;}

/*1011추가*/
.abajo li.noestando {padding: 32px; text-align: center; min-height: initial;}
.noestando img {width: 60px;}
.listbaja ul.pginfo {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 8px;}
/*1202 수정 추가 */
.listbaja .prgcontent {grid-template-columns: 1fr 3.8fr;}
.prg_wrap .listbaja .centerimg a {width: 192px;
    max-height: 268px;
    height: 268px;}
.prg_wrap .listbaja .centerimg img {width: 192px; max-height: 268px; height: 268px; object-fit: cover;}
/* .listbaja ul.pginfo li:nth-last-child(2), .listbaja ul.pginfo li:nth-last-child(1) { grid-column: span 2;} */
.listbaja ul.pginfo li:nth-last-child(1) { grid-column: span 2;}
/*1202 수정 끝*/
.listbaja .prg_btn {background:#f8f8f8; border: none; color: #2d2d2d; font-size: 17px; width: 100%; margin-bottom: 32px;}
.listbaja .prg_btn:hover {background: #e9ecef; color: #2d2d2d;}


.prg_detail .centerimg {max-height: 324px; overflow: hidden;}
.prg_detail .prglist>li {border-bottom: none; margin: 0;}

.prg_detail .file {background:#f8f8f8; padding: 16px 16px 18px; background-size: 16px; font-weight: bold; color: #717171; border-radius: 10px; display: grid; grid-template-columns: 100px 90%; grid-column-gap: 24px;}
.prg_detail .file span {color: #717171;}
.prg_detail .file img {width: 16px; display: inline-block; margin-right: 8px;}
.prg_detail .file a {font-weight: normal; overflow: hidden;  -webkit-box-orient: vertical; vertical-align : bottom; width: 80%;text-overflow:ellipsis; white-space: nowrap;}



.prg_detail .doc {margin: 24px;}
.detail_btn {display:flex; justify-content: center}
.detail_btn li {margin-top: 24px; margin-right: 12px; width: 24%;}
.detail_btn li img {width: 14px; display: inline-block; margin-right: 8px;}
.detail_btn .prg_btnCom {width: 100%;}
.detail_btn .prg_btnList {color:#717171; border: 1px solid #717171;}
.detail_btn .prg_btnIng {color:#fff; border: 1px solid #0074e5; background-color: #0056aa;}


.prg_Write .prgcontent {background:#f8f8f8; border-radius: 15px 15px 0 0; padding: 24px 32px;}
.prg_Write .prgcontent .title {font-size: 1.1rem; color: #555;}
.prg_Write .prgcontent .name {margin-bottom: 12px;}
.prg_Write .prgcontent ul.pginfo {margin-bottom: 0;}
.prg_Write ul.pginfo li, .prg_Write ul.pginfo b {color: #555;}

.prg_Write .centerimg img {max-width: 180px; margin-bottom: 0;}


.prg_Write legend {font-size: 1.4rem; padding-top: 12px; font-weight: bold; margin-bottom: 24px;}
.prg_Write legend img {width: 24px; margin-right: 6px; vertical-align: bottom;}

.prg_Write .write { padding: 24px 24px 8px; border: 1px dashed #e9e9e9; border-top: none; border-radius: 0 0 15px 15px;}
.prg_Write .write label {width: 100px; display: inline-block; font-weight: bold;}
.prg_Write .write span.label {width: 100px; font-weight: bold; display: inline-block;}
.prg_Write .write .comolabel {width: 100px; display: inline-block; font-weight: bold;}
.prg_Write .write label.reg {font-weight: normal; width: 60px; padding-left: 4px;}
.prg_Write .write ul li {line-height: 44px;}
.prg_Write .personal_info ul li {line-height: 32px;}
.prg_Write .personal_info ul li br {display: none;}
.prg_Write .write input, .prg_Write .write textarea {border-radius: 10px;}
.prg_Write .write textarea {border: 1px solid #ccc; margin-top: 12px;}

.prg_Write .write ul {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr) auto; grid-column-gap: 40px;}

.prg_Write .write ul li.large {grid-column: span 2;}
.prg_Write .write ul li.large textarea {padding: 10px; box-sizing: border-box;}
.prg_Write .write input[type="email"], .prg_Write .write input[type="tel"] {width:calc(100% - 130px); height: auto;}

.prg_Write .write .personal_info ul {display: block;}
.prg_Write .write .personal_info label {width: initial;}
.personal_info {line-height: 150%}
.personal_info p {font-size: 1.1rem; margin-bottom: 12px; font-weight: bold; color: #1d1d1d;}
.personal_info .text_test {font-size: 0.9rem;}

.personal_info .grayBox2 {font-size: 0.9rem;}
.personal_info div>ul>li {margin: 12px 0;}


.personal_info table {font-size: 0.9rem;}
.personal_info table, .personal_info table td, .personal_info table th {border: 1px solid #ccc; }
.personal_info table th {text-align: center; vertical-align: middle;}
.personal_info table td {padding: 12px;}

.personal_info li.bold {background: #f8f8f8; padding: 12px 24px; border-radius: 8px;}
.personal_info .bold input {margin-left:24px;}



.educontent .title {font-size:1.3rem; font-weight: bold;}



.educontent .pginfo {display: grid; grid-template-columns: 1fr 1fr; background: #f8f8f8; padding: 24px; border-radius: 10px;}
.educontent .prg_btn {bottom: auto; left: auto; top:40px; right: 0; width: 226px;}
.edu_wrap .prglist {margin-bottom: 60px;}
.edu_wrap .prglist>li {min-height: auto;}


.edu_wrap .subtxt {margin-bottom: 60px; border: 1px dashed #ccc; border-radius: 15px;}
.edu_wrap .subtxt ol {margin: 24px;}
.edu_wrap .subtxt li {display: grid; grid-template-columns: 1fr 4fr; padding: 12px; border-bottom: 1px dashed #ccc;}
.edu_wrap .subtxt li:last-child {border: none;}
.edu_wrap .subtxt b {display: block; width: 100px; font-weight: bold;}



.escribir {background: #f8f8f8; border-radius: 10px; padding: 16px 16px 18px; margin-top: 24px; line-height: 1.8rem; width: 766px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
.pelicula_wrap .abajo .prglist>li {min-height: auto;}
.prg_detail .escribir {width: 100%;} /*1121 추가줄*/


/*무료택배도서서비스*/

.paquete_wrap p.subt a {display: inline-block; background:#00407f; color: #fff; font-weight: normal; font-size: 0.8rem; padding: 6px 8px; border-radius: 4px; margin-left: 8px; margin-bottom: 4px;}
.paquete_wrap p.subt a img {width: 16px;}

.paquete_wrap .subtxt .subt {color: #1d1d1d;}

.paquete_wrap .paquete th, .paquete_wrap .paquete td {border: 1px solid #ccc; padding: 12px; vertical-align: middle; text-align: center; line-height: 1.4rem;}
.paquete_wrap .paquete th {background-color: #ebf5ff; font-weight: bold;}
.paquete_wrap .paquete th:last-child, .paquete_wrap .paquete td:last-child {border-right:none;}
.paquete_wrap .paquete th:first-child, .paquete_wrap .paquete td:first-child{border-left:none;}
.paquete_wrap .paquete a {color:#0074e5; text-decoration: underline;}

.mobile-only {display: none;}

.paquete_wrap .busca .pginfo {margin-top: 12px; grid-template-columns: 1fr;}
.paquete_wrap .prglist>li {border-bottom:1px dashed #ccc; min-height: auto;}
.paquete_wrap .paquete_btn {position: absolute; top: 0; right: 0; text-decoration: underline;}
.paquete_wrap .paquete_end {color:#8e8e8e; text-decoration: none; cursor: auto;}

.paquete_wrap .write input[type="file"] {font-size: 0.9rem;}


/* 개별 무료택배 팝업 레이어 */
.paquete_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999;}
.popup-content {background: #fff; padding: 32px; border-radius: 8px; width: 300px; position: relative; top: 45%; left: 50%; width: 592px; margin-left: -296px;}


.popup-content legend {font-size: 1.2rem; font-weight: bold; margin-bottom: 12px;}
.popup-content a {display: inline-block; background: #0074e5; padding: 14px; color: #fff; border-radius: 4px; font-size: 0.9rem;}
.popup-content input {border-radius: 4px;}
.popup-content p {margin-top: 12px;}
.close-btn {position: absolute; top: 10px; right: 16px; font-size: 24px; cursor: pointer;}


.paquete_wrap .write {border-top: 1px dashed #e9e9e9; border-radius: 15px;}
.paquete_wrap .write ul {display:block; grid-template-columns: 0; grid-column-gap: 0; grid-template-rows: 0;}
.paquete_wrap .write label.reg {width: auto;}
.paquete_wrap .write ul li:first-child>label, .paquete_wrap .write ul li .radio {float: left;}



.prg_Write .write input[type="email"], .prg_Write .write input[type="tel"] {width: auto;}



.docsAbajo {padding-left: 110px;}
.docsAbajo li {overflow: hidden; text-overflow: ellipsis; width: 600px; white-space:normal;}





/*자주묻는 질문*/

.accordion {width: 100%; margin: 0 auto; border-top: 2px solid #0074e5; margin-bottom: 60px;}
.accordion-item {border-bottom: 1px solid #ccc;}
.accordion-header {padding: 15px; margin: 0; font-size: 1.2em; cursor: pointer;  vertical-align: middle; position:relative;}
.accordion-header i {font-size: 0.9rem; border:1px solid #0074e5; border-radius: 60px; color: #0074e5; display: inline-block; padding: 6px 8px;}
.accordion-header p {padding-left: 8px; font-size: 19px; margin-top: 14px;}
.accordion-header img {position: absolute; bottom: 50%; right: 2%; margin-bottom: -12px;}
.accordion-content {display: none; padding: 20px 32px 32px; background-color:#ebf5ff; font-size: 1em; line-height: 1.6;}
/* .accordion-content s, .boardContents span {font-style: italic !important;} */
.accordion-content strong, .boardContents pre strong {font-style: normal !important; font-weight: bold !important;}
/* 화살표 아이콘 */
.arrow {width: 24px; transition: transform 0.3s ease;}
.accordion-header.active p {font-weight: bold;}

.accordion-header.active .arrow {transform: rotate(180deg);}



/*희망도서신청*/

.hopeLibre_wrap .myLibre { display: inline-block; padding: 6px 12px; border-radius: 8px; color: #0074e5; border: 1px dashed #0074e5;}
.hopeLibre_wrap .myLibre img {width: 24px;}



.hopeLibre_wrap .boardSearch input {margin-left: 0; width: calc(100% - 232px);}
.hopeLibre_wrap .subtxt .abc {display: block; margin-left: 12px;}

.hopeLibre_wrap .searchCon .searchN {border-bottom: 1px solid #ccc;}
.hopeLibre_wrap .searchCon .searchN b {font-weight: bold; color: #0074e5;}
.hopeLibre_wrap .searchCon .searchN span {display: inline-block; margin-left: 24px; padding: 12px 0;}
.hopeLibre_wrap .searchCon ul {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 24px; margin-bottom: 60px;}
.hopeLibre_wrap .searchCon ul>li {display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; grid-column-gap: 20px; align-items: start; margin-bottom: 20px; border-bottom: 1px dashed #ccc; padding: 24px 0; position: relative;}
.hopeLibre_wrap .searchCon ul>li img {grid-column: 1 / 2; grid-row: 1 / 2;}
.hopeLibre_wrap .searchCon ul>li ol {grid-column: 2 / 3; grid-row: 1 / 2;  margin: 0; height: 240px;}
.hopeLibre_wrap .searchCon ul>li a {grid-column: 1 / 3; grid-row: 2 / 3;  margin-top: 20px; text-align: center; display: block;}
.hopeLibre_wrap .searchCon ul img {border:1px solid #d8d8d8; min-width: 140px; max-height: 184px;}
.hopeLibre_wrap .searchCon a {background: #f8f8f8; display: block;  padding: 12px 32px; border-radius: 8px; text-align: center; margin-top: 8px; box-sizing: border-box;}
.hopeLibre_wrap .searchCon a:hover, .hopeLibre_wrap .searchCon a:active {background-color: #e9ecef; transition: 0.2s ease-out; }

.hopeLibre_wrap .searchCon ol span {font-size: 1.2rem; display: block; font-weight: bold; margin-bottom: 4px;}
.hopeLibre_wrap .searchCon ol span {width: 100%; display: -webkit-box;
 -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.hopeLibre_wrap .searchCon ol u {text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.hopeLibre_wrap .searchCon ol li:nth-child(2) {margin-bottom: 12px;}
.hopeLibre_wrap .searchCon ol li {line-height: 1.6rem;;}
.hopeLibre_wrap .searchCon ol li b {display: inline-block; width: 60px; font-weight: bold;}


.hopeLibre_wrap .subtxt .subt {color: #1d1d1d;}

.hopeLibre_wrap .personal_info span {display: block; font-weight: normal;}
.hopeLibre_wrap .write {border-top: 1px dashed #e9e9e9; border-radius: 15px;}
.hopeLibre_wrap .write select {border:1px solid #ccc; border-radius: 10px; height: 40px;}

.hopeLibre_wrap .write input[type="email"] {width: auto;}
.hopeLibre_wrap .write select {background: url('/uce/commmon/downArrow.svg')no-repeat 98% 50%; padding-left: 10px; height: 43px; background-size: 24px; width: 244px;}


/*희망도서 없을때*/
.hopeLibre_wrap .searchCon .noestando, .hopeLibre_wrap .searchCon .noestando li {display: block;}
.hopeLibre_wrap .searchCon .noestando li {text-align: center; min-height: initial;}
.hopeLibre_wrap .searchCon .noestando li img {border: none; width: 60px; min-width: initial;}


/*신청버튼*/
.prg_btnCom {display: inline-block; width: 24%; padding: 16px 0; border:1px solid #0056aa; color: #0056aa; text-align: center; border-radius: 8px; font-size: 0.9rem;}
.prg_btnIng:hover {background:#0056aa; color:#fff; transition: 0.2s ease-out; }
.prg_btnIng {color:#0056aa;}
.prg_btnEnd {color:#8e8e8e; border: 1px solid #8e8e8e; cursor:inherit}




/*-------------------컨텐츠--------------------*/

/*인사말*/

.salud .title {font-size:1.2rem; font-weight: bold;  margin-bottom: 24px;}
.salud p {line-height: 1.5rem;}
.salud img {display: inline-block; width: 30%; margin-top: 4px;}


/*연혁*/
.history .his_list>li {display: grid; grid-template-columns: 1fr 10fr; margin-bottom: 24px;}
.history .his_list>li p {padding: 24px 0; font-weight: bold; font-size: 21px; color: #1d1d1d;}
.history .his_list ol {background: #f8f8f8; border-radius: 10px; padding: 24px;}
.history .his_list ol li {line-height: 1.8rem; padding-bottom: 6px; display: flex; align-items: center;}
.history .his_list ol li b {font-weight: bold; display: inline-block; width: 110px; color: #1d1d1d;}

.history .hisbac {background: #f9f9f9; font-weight: bold;}

/*기증및납본*/



.subCont {line-height: 1.5rem; color: #555;}
.subCont .area {margin-top: 40px;}
.area p {color: #1d1d1d; font-weight: bold; font-size: 1.2rem; margin-bottom: 12px;}
.subCont .area a {display: inline-block;}
.subCont .area a.btn {display: inline-block; background: #00407f; color: #fff; font-weight: normal;    font-size: 0.9rem; padding: 4px 8px; border-radius: 4px; margin-left: 8px; margin-bottom: 4px;}
.subCont .area a.btn img {width: 16px;}



/*회원가입 안내*/
.joinInfo table {margin:8px 0 24px; text-align: center;}
.joinInfo table td, .joinInfo table th {border: 1px solid #ccc; padding: 8px;}
.joinInfo table th {border-bottom: none; background-color: #ebf5ff; font-weight: bold; vertical-align: middle;}
.joinInfo table th:last-child, .joinInfo table td:last-child {border-right: none;}
.joinInfo table th:first-child, .joinInfo table td:first-child {border-left: none;}
.joinInfo table td {vertical-align: middle;}

.joinInfo ul li div {background: #f8f8f8; border-radius: 10px; padding: 12px 24px; line-height: 1.5rem; margin: 4px 0 20px;}

.joinInfo ul.caution {margin-top: 24px;}

.joinInfo .step {display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px;}
.joinInfo .step div {border: 1px dashed #8eb3d8; border-radius: 10px; text-align: center; position: relative; padding: 18px;}
.joinInfo .step div:last-child {padding: 28px 0;}
.joinInfo .step div img {width: 60px;}
.joinInfo .step>img {width: 32px;}
.joinInfo .step div p {font-weight: bold; margin-top: 12px;}
.joinInfo .step div::after {content: ""; color: #8eb3d8; position: absolute; right: -44px; top: 90px; width: 32px; height: 32px; background: url(/images/uce/itg/login/nextIcon.png)no-repeat;}
.joinInfo .step div:last-child::after {display: none;}
.joinInfo .step div .buscaBtn {margin: 12px auto 0;}


/* 책마중 */
.area strong {font-weight: bold;}


/*북드라이브*/
.buscaBtn {color: #0074e5; background: #ebf5ff; margin-top: 24px; padding: 4px 6px; border-radius: 4px; min-width: 230px; max-width: 240px; text-align: center; display: block;}
.buscaBtn:hover {font-weight: bold;}
.checkArea .boardform .buscaBtnF {position: initial; margin-top: 0;}
#addArea {margin-top: 24px;}
#addArea .buscaBtn {margin-top:0;}
.bookdrive {text-align: center;}
.bookdrive img {width: 32% !important; border-radius: 8px;}
.bookdrive {text-align: center;}
.bookdrive img {width: 32% !important; border-radius: 8px;}

/*리브로피아*/
.joinInfo img {width: 18px;}
img.libropia {display: block; width: 100%;}

/*대관안내*/
.red {color: red;}

/*도서관 휴관일*/

.calendarArea td div {font-size:14px;}




/*도서관 sns*/

.snsWrap .area {float: left; margin-right: 30px;}
.snsWrap .area:first-child {width: 100%;}

.subCont .sns a {display: inline-block; background: #f8f8f8; padding: 12px; border-radius: 8px; margin-right: 12px; text-align: center;}
.subCont .sns a img {width: 24px; margin:0 auto;}

.instano {display: none;} /*1121 sns 추가*/

/*시설현황*/
.introCenter img {max-width: 650px; width: 80%; display: inline-block; margin:12px 0 40px;}


/*찾아오시는 길*/
.root_daum_roughmap {width: 100% !important;}
.mapicon img {width: 24px; margin-right: 12px; }

.mapicon p {background: #f8f8f8; border-radius: 10px; padding: 12px;}


/*자료실이용규정*/
.fileRule h3 {font-size: 24px; font-weight: bold; margin: 40px 0 12px;}
.fileRule h4 {font-size: 18px; font-weight: bold; margin: 12px 0 8px;}


.fileRule .tableBox th {vertical-align: middle;}

/*영상처리방침*/
.videopolicy table th {border-bottom: 1px solid #ccc;}
.videopolicy .box {background-color: #f8f8f8; padding:12px; border-radius: 8px; margin-bottom: 12px;}

/*------------통합검색-------------*/

.searchAll {margin-left: 0; width: 100%;}
.searchbar input { width: calc(100% - 116px); margin-left: 0;}

.searchTerms {margin-top: -20px; margin-bottom: 64px; padding:0 14px;}
.searchTerms p {float: left; margin-right: 24px; font-size: 17px; line-height: 32px; }
.searchTerms li {background: #ebf5ff; display: inline-block; padding: 4px 12px; border-radius: 4px; margin-right: 8px; margin-bottom: 8px;}
.searchTerms a {display: inline-block; width: auto; background: none; line-height: 24px; }
.searchTerms a img {width: 10px; margin-left: 12px;}


.search_detail {font-size: 17px; border-radius: 8px; margin-bottom: 32px; padding: 12px; background:#f9fcff;}
.searchAll strong, .search_detail strong {font-weight: bold; color: #1d1d1d;}
.searchAll strong {color:#0074e5;}
.search_detail br {display: none;}

.searchAll .tabBox {border-bottom: 1px solid #ccc;}
.subTapBasic li {border-bottom: none;}


.searchAll .searchList {margin-bottom: 60px; font-size: 17px; color: #555;}
.searchAll .searchList li {border-bottom: 1px solid #ccc;}
.searchAll .searchList p {font-weight: bold; margin-bottom: 12px; color:  #1d1d1d; background: #f8f8f8; padding: 16px; border-radius: 6px;}
.searchAll .searchList a {padding: 16px 8px; line-height: 1.5rem; font-size: 20px;}
.searchAll .searchList a > span {font-size: 16px;}
.searchAll .searchPro span:first-child {border-radius: 4px; padding: 4px 12px; font-weight: bold; font-size: 14px; display: inline-block; background: #FFF0F8; color: #CC1076; margin-right: 4px; line-height: 1rem;}
.searchAll .searchList span:last-child {display: block; margin-top: 12px;}
 
.searchAll .moreBtn {font-weight: bold; color: #1d1d1d;}
.searchAll .searchlibro a {display: grid; grid-template-columns: 5fr 1fr;}
.searchAll .searchlibro a img {width: 50px; }
.searchAll .searchlibro a img {
    justify-self: right;
}

.tabBox {border-bottom: 1px solid #ccc;}


/*통합검색 버튼 눌러서 검색어 없을때*/
.noHay {text-align: center; padding: 50px;}
.noHay img {width: 120px; display: inline-block;}
.noHay p {font-size: 21px; display: inline-block; font-weight: bold; color: #555; margin-top: 24px; line-height: 32px;}


.noHay2 li {padding: 24px 0;}

.noHay3 {min-height: 600px;}
.noHay3 strong {font-weight: bold;}



/*------------도서검색--------------*/

.boardSearch2 {background: #f7f7f7; border-radius: 10px 10px 0 0; position: relative; padding: 14px; }
.LibroHigh {position: absolute; right: 0; top: -60px; color: #0074e5; background: #ebf5ff;  padding: 6px 20px; border-radius: 4px; text-align: center; display: block;}
.LibroHigh:hover {font-weight: bold;}
.boardSearch2 .libro_info {float: left; width:100%;}
.librarycheck_lang {margin-top: 10px;}
.librarycheck_lang .librarycheck {float: left;}
.boardSearch2 a.wwbno {display: inline-block; background: #002b55; color: #fff; border-radius: 6px; height: 40px; text-align: center; line-height: 40px; margin-right: 10px; padding: 0 6px; max-width: 124px; position: absolute; top: 14px; right: 6px;}
.boardSearch2 a.wwbno img {width: 20px;}
.boardSearch2 .libro_search {float:right; background: #0074e5; width: 90px; text-align: center; color: #fff; line-height: 40px; height: 40px; border-radius: 6px; margin-right: 120px;}
.searchTerms2 {margin-top: 24px;}


.boardSearch2 fieldset select {margin-left: 0; width: 160px; background: #fff url(/images/uce/commmon/menuArr.png) right 12px center no-repeat;}
/*1202 수정*/
.boardSearch2 input[type="search"] {width: calc(100% - 340px);}
/*1202 수정 끝*/
.boardSearch2 select, .boardSearch2 input {border: 1px solid #ddd; padding: 0 10px; height: 40px; border-radius: 6px;}
.boardSearch2 input[type="checkbox"] {height: 20px;}
.librarycheck li {float: left; margin: 10px 0 6px;}
.librarycheck li:first-child {padding-right: 12px; border-right: 1px solid #ccc;}
.librarycheck li input[type="checkbox"] {margin: 0 6px 0 18px;}
.librarycheck li:first-child input[type="checkbox"] {margin-left: 0;}

.detail_toggle {margin-bottom:32px; border-top: 1px dashed #d9d9d9;}
.detail_toggle .toggle-button {background:#f7f7f7; cursor: pointer; padding: 14px; font-weight: bold;}
.detail_toggle .toggle-button img {width: 20px; margin-right: 4px;}
.detail_toggle .toggle-button .arrow img {width: 20px;}
.arrow img {transition: transform 0.3s;}
.arrow.open img {transform: rotate(180deg);}

.advancedSearchContent {display: none; padding-top: 24px; border-radius: 0 0 8px 8px; border: 1px solid #d9d9d9;  border-top: none;}
.advancedSearchContent .option_inner {padding: 14px;}
.advancedSearchContent .option_inner .optionplus {display: inline-block; margin-left: 4px;}
.option_inner dl dd.collapsed {max-height: 44px; overflow: hidden;}
.option_inner dl dd.show-more {max-height: none;}
.advancedSearchContent dl {font-size: 17px; font-weight: bold; color: #1d1d1d; display: grid; grid-template-columns: 1fr 8fr;}
.advancedSearchContent .date_dl button {height: 42px;}
.advancedSearchContent .date_dl button:active, .advancedSearchContent .date_dl button:active:focus, .advancedSearchContent .date_dl button:hover {border: 1px solid #0074e5; color: #0074e5;}
.advancedSearchContent .date_dl input {border-radius: 8px; padding-right: 10px;height: 38px;}
.advancedSearchContent dt {margin-bottom: 8px; line-height: 38px;}
.advancedSearchContent dd button {padding: 0 8px; border:1px solid #d9d9d9;padding: 8px 16px; border-radius: 8px; margin-right: 8px; margin-bottom: 8px; width: 18%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.advancedSearchContent .button_on {border:1px solid #0074e5; color: #0074e5; background:url('/uce/itg/subPage/del_b.svg')no-repeat;background-position: right 16px top 50%; background-size: 8px; padding-right: 30px;}

.advancedSearchContent .lastAll dt img {width: 12px; border:1px solid #c6c6c6; border-radius: 30px; padding: 4px; margin-left: 4px;}



.advancedSearchContent .lastAll {padding: 24px 24px;}



/*도서검색 리스트*/


.organizar {margin:60px 0 24px; text-align: right;}
.organizar ol, .organizar ol li {display: inline-block;}

.organizar select {margin-left: 0; width: 100px; background: #fff url(/images/uce/commmon/menuArr.png) right 12px center no-repeat; border: 1px solid #ddd; height: 40px; padding:0 10px; border-radius: 6px;}

.organizar button {background:#f9f9f9; width: 100px; border-radius: 6px; height:
40px; border: 1px solid #ddd; margin-top: 4px;}


.libro_alquilar div {background: #f8f8f8;}
.libro_alquilar p {display: inline-block; font-weight: bold;}
.libro_alquilar p.nope {color: #b90910;}
.libro_alquilar p.yes {color: #0074e5;}

.libro_alquilar .detail a {width: 32.5%; font-weight: normal !important;}

.bookmark {text-align: center;}
.bookmark img {width: 20px;}


.libro_wrap {margin-bottom: 60px;}
.libro_wrap .prglist>li {border-bottom: 1px dashed #ccc; margin: 24px 0;}
.libro_wrap ul.pginfo {display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; row-gap: 2px;}
.libro_wrap ul.pginfo b { width: 100px; line-height: initial; margin-bottom: 6px;}
.libro_wrap ul.pginfo li {display: grid; grid-template-columns: 1fr 2fr;}
.libro_wrap .prgcontent .centerimg a {margin-bottom: 32px;}

.state i {font-weight: normal;}
.state i.libro {border: 1px solid #d53209; color: #d53209;}
.state i.multi {border: 1px solid #1e7b1e; color: #1e7b1e;}
.state i.decimal {border: 1px solid #b214b2; color: #b214b2;}
.state i.categ {border: 1px solid #471293; color: #471293;}


.libro_alquilar {margin: 8px 0 24px;}
.libro_alquilar a:nth-child(1), .libro_alquilar a:nth-child(2), .libro_alquilar a:nth-child(3) {font-weight: bold;}
.libro_alquilar a img {width: 16px; margin-right: 4px;}
.libro_alquilar a {background-color: #f8f8f8; padding: 12px 0; border-radius: 4px; width: 16.28%; text-align: center; display: inline-block; margin-bottom: 4px;}
.libro_alquilar .cta a.reser {color: #0074e5;}
.libro_alquilar .cta a.paquete {color: #471293;}
.libro_alquilar .cta a.cambiar {color: #d53209;}
.libro_alquilar .cta a.hope {color: #0074e5;}

.libro_alquilar .cta a.no {color: #777; cursor: auto; font-weight: normal;}



/* 팝업 카테고리 담기*/
.inbox_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999;}
.inbox_popup .popup-content {top: 10%; width: 360px; margin-left:-180px}
.inbox_popup .popup-content ul li a {background: #f8f8f8; color: #1d1d1d; font-size: 17px; padding:12px; width: 100%; box-sizing: border-box; margin-bottom: 8px;}
.inbox_popup .popup-content ul {overflow-y: scroll; max-height: 400px;}
.inbox_popup .popup-content ul li a:hover {font-weight: bold;}
.inbox_popup .popup-content p {font-weight: bold; font-size: 21px; margin-bottom: 14px;}
.inbox_popup .popup-content p img {width: 20px;}
.inbox_popup .popup-content ul li.stateAdd a {font-weight: bold; background:#f8f8f8 url('/uce/commmon/inbox2_on.svg')no-repeat 12px 50%; background-size: 16px; padding-left: 32px;}

/* 팝업 자료예약 팝업 */
.libreser_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999;}
.libreser_popup .popup-content {top: 10%; width: 360px; margin-left:-180px}
.libreser_popup .popup-content ul li a {background: #f8f8f8; color: #1d1d1d; font-size: 17px; padding:12px; width: 100%; box-sizing: border-box; margin-bottom: 8px;}
.libreser_popup .popup-content p {font-weight: bold; font-size: 21px; margin-bottom: 14px;}
.libreser_popup .popup-content .btn_area {text-align: center; margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; }/*1031수정*/
.libreser_popup .popup-content .btn_area .btn {text-align: center;}/*1031수정*/
.libreser_popup .popup-content .btn_area .btn_gray {position: inherit;    background: #fff; border: 1px solid #0074e5; color: #0074e5;  margin-right: 12px;}



/* 팝업 책마중 */
.libPaquete_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999;}
.libPaquete_popup .popup-content {top: 10%; width: 880px; margin-left:-450px}
.libPaquete_popup .popup-content p {font-weight: bold; font-size:21px; margin-bottom: 14px;}

.libPaquete_popup .popup-content .boardTable2 th {background: #ebf5ff; padding: 12px 0;}
.libPaquete_popup .popup-content .boardTable2 td {text-align: left; padding: 12px 0 12px 24px;}
.libPaquete_popup .popup-content .boardTable2 tr {border-bottom: 1px dashed #ccc;}
.libPaquete_popup .popup-content .boardTable2 thead tr th:first-child {background: #c7e3ff;}

.libPaquete_popup .popup-content ul.radio_list li {display: inline-block; width: 49%;}
.libPaquete_popup .popup-content .mobile_select_list {display:none;}


.libPaquete_popup .popup-content .reserYes {color: #0074e5;}
.libPaquete_popup .popup-content .reserNo {color: #b90910;}

.libPaquete_popup .popup-content .bookMeetTxt {display:block; padding: 4px 0;}
.libPaquete_popup .popup-content .btn_area {text-align: center; margin-top: 24px;}
.libPaquete_popup .popup-content .btn_area .btn_gray {position: inherit; background:#fff; border:1px solid #0074e5; color: #0074e5; margin-right: 12px;}
.libPaquete_popup .popup-content .btn_area .btn {width: 120px; text-align: center;}





/* 팝업 상호대차 */
.libMal_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999;}
.libMal_popup .popup-content {top: 10%; width: 880px; margin-left:-450px}
.libMal_popup .popup-content p {font-weight: bold; font-size:21px; margin-bottom: 14px;}

.libMal_popup .popup-content .boardTable2 th {background: #ebf5ff; padding: 12px 0;}
.libMal_popup .popup-content .boardTable2 td {text-align: left; padding: 12px 0 12px 24px;}
.libMal_popup .popup-content .boardTable2 tr {border-bottom: 1px dashed #ccc;}
.libMal_popup .popup-content .boardTable2 thead tr th:first-child {background: #c7e3ff;}

.libMal_popup .popup-content ul.radio_list li {display: inline-block; width: 49%;}
.mobile_select_list {display:none;}


.libMal_popup .popup-content .reserYes {color: #0074e5;}
.libMal_popup .popup-content .reserNo {color: #b90910;}

.libMal_popup .popup-content .bookMeetTxt {display:block; padding: 4px 0;}
.libMal_popup .popup-content .btn_area {text-align: center; margin-top: 24px;}
.libMal_popup .popup-content .btn_area .btn_gray {position: inherit; background:#fff; border:1px solid #0074e5; color: #0074e5; margin-right: 12px;}
.libMal_popup .popup-content .btn_area .btn {width: 120px; text-align: center;}


/*내책장만들기*/
.boxset_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999;}
.boxset_popup .popup-content {top: 10%; width: 360px; margin-left:-180px}
.boxset_popup .popup-content ul li {background: #f8f8f8; color: #1d1d1d; font-size: 17px; padding:12px; width: 100%; box-sizing: border-box; margin: 8px 0;}
.boxset_popup .popup-content ul {overflow-y: scroll; max-height: 400px;}
.boxset_popup .popup-content p {font-weight: bold; font-size: 21px; margin-bottom: 14px;}
.boxset_popup .popup-content input {width: 286px;}
.boxset_popup span {margin: 6px 0 24px; display: block; color: #555; font-size: 0.9rem;}
.boxset_popup span.close-btn {font-size: 24px;}
.boxset_popup span img {width: 14px;}
.boxset_popup ul li img {width: 20px; display: inline-block;}
.boxset_popup ul li a {background: none; color: #555; padding: 8px;}
.boxset_popup ul li {display: grid; grid-template-columns: 2fr 1fr;}
.boxset_popup ul li div:last-child {text-align: right;}

/*1204 추가*/
.boxset_popup .placeholder {display: none;}

#sortable input {width: calc(100% - 20px);}
#sortable li {cursor: grab;}
#sortable a {margin-top: 0;}
.mov {cursor: move;}
#sortable li div span {display: inline-block; margin: 6px 0;}
/*1204 추가 끝*/

/*본관 팝업 소장정보 */
.popup-trigger2.active {box-sizing:border-box; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); background-color: #e9ecef; font-weight: bold;}

div.info_popup {background: none;}
.info_popup .popup-content {width:100%; margin: 12px 0 0; border: 1px solid #ccc; background: #fff; left: initial; box-sizing: border-box; padding: 32px 24px 24px; }


.info_popup .boardBox {border-top: none; margin-bottom: 0; font-size: 16px;}
.info_popup .boardBox td {background:#fff;}
.info_popup .boardBox .boardTable tbody tr td a {background: #0074e5; line-height: 1.2rem; font-size: 14px; text-overflow:initial; overflow:initial; width: 100%; box-sizing: border-box;}
.info_popup .boardBox .boardTable tbody tr td a.no {background: #f8f8f8; color: #555; cursor: auto;}
.info_popup .boardBox .boardTable tbody tr td a:hover {text-decoration: none;}




/* 팝업 다국어 */
.worldwordBoxLayer {display: none; position: absolute; top: 110px; right: 0; width: 714px; justify-content: center; align-items: center; z-index: 9999; background:#fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 24px; border: 1px solid #ccc;}
.worldwordBoxLayer .popup-content {top: 10%; width: 880px; margin-left:-450px}
.worldwordBoxLayer p {font-weight: bold; font-size:21px; margin-bottom: 14px;}
.worldwordBoxLayer .tab-content { display: none; }
.worldwordBoxLayer .tab-content.active { display: block; }
.worldwordBoxLayer .wwb_tabs button {width: 13.6%;} 
.worldwordBoxLayer .wwb_tabs button.active {border-bottom: 2px solid #0074e5;} 
.worldwordBoxLayer .wwb_tabs button { padding: 10px; cursor: pointer; }
.worldwordBoxLayer .wwb_tabs button:focus { outline: 2px solid #0078D7; }

.worldwordBoxLayer .languageContents {margin-top: 12px; background: #f8f8f8; border-radius: 4px; padding: 12px;}
.worldwordBoxLayer .languageContents li {display: inline-block;}
.worldwordBoxLayer .languageContents a {cursor: pointer; width: 32px; height: 32px; text-align: center; line-height: 32px;}
.worldwordBoxLayer .languageContents a:hover {color:#0074e5;  border-radius:2px;}





/*도서검색 내 인기검색어*/

.subConBox {position: relative;}
.popular_search {position: absolute; left: 0; background: #f8f8f8; padding: 24px; border-radius: 10px; width: 260px; box-sizing: border-box;}
.popular_search p {font-weight: bold; padding: 12px; font-size: 17px;}
.tablist {padding: 0; display: flex;}

.tablist button {padding: 8px 20px; cursor: pointer; margin: 8px 0 4px;}

.tablist button[aria-selected="true"] {border-bottom: 2px solid #007bff;
font-weight: bold;}

.tabpanel {display: none;}

.tabpanel[aria-hidden="false"] {display: block;}
.popular_search ul > li > a {padding:0 12px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.popular_search ul > li > a:hover {background: none; color: #fff; background: #007bff; cursor: pointer; }
.popular_search .tabpanel li {padding: 6px;}
.Spopular_search {top: 630px;}



/*고급검색*/
.searchLimitSelect {margin-bottom: 8px;}
.searchLimitSelect dt {font-weight: bold; width: 80px; line-height: 40px;}
.searchLimitSelect dd {width: calc(100% - 80px);}

.searchLimitSelect dt, .searchLimitSelect dd {float: left; line-height: 40px;}
.searchLimitSelect::after {content: ''; display: block; clear: both; visibility: hidden;}

.boardSearch2 .searchLimitSelect input[type="search"] {width: 100%; margin-left: 0;}

.searchLimitSelect ul li {display: inline-block; margin-right: 16px;}
.libro_detail_info .wwbno {position: absolute; right: 24px; bottom: 24px;}
.searchbtnset {text-align: right;  border-radius: 0 0 8px 8px; border-top: none; padding: 24px 0; margin-bottom: 500px;}
.searchbtnset a {display: inline-block; height: 40px; line-height: 40px; border-radius: 6px; text-align: center;}
.searchbtnset a img {width: 16px; border-radius: 30px; border: 1px solid #c6c6c6; padding: 4px;}
.searchbtnset a.detail_search {background: #0074e5; color: #fff; width: 100px; margin: 0 24px 0;}

.boardSearch2 fieldset .libro_detail_info select {width: 230px;}

#libro_detail_info .worldwordBoxLayer {top: 450px;}



/*도서 상세 페이지*/
.libro_detailP {position: relative;}
.libro_detailP ul.pginfo li .whbig {display:inline-block; line-height: 1.5rem;}
.libro_detailP ul.pginfo li b.cate {vertical-align: top;}

.libro_detailP .info_popup .boardBox .boardTable tbody tr td a {color: #fff;}
.libro_detailP .info_popup .boardBox .boardTable tbody tr td a.no {background: #f8f8f8; color: #555; cursor: auto;}


.documen {background: #f8f8f8; padding: 12px; border-radius: 8px;    display: block;}

/* 슬라이드 */
.documen .slider-wrapper {position: relative; width: 100%; max-width: 1200px; margin: 0 auto; display: flex; align-items: center;}

.documen .slider-container {overflow: hidden; width: 88%; margin: 0 auto;}
.documen .slides {display: flex; transition: transform 0.5s ease-in-out;}
.documen .slide-item {box-sizing: border-box; padding: 10px; flex: 1 0 auto;}

.documen .slide-item img {width: 100%; height: 200px; object-fit: cover;}

.documen .book-title {font-weight: normal; margin-top: 10px; font-size: 14px; color: #333;}

.documen .book-title .bookmark {display: block; padding: 4px; margin-top: 4px; font-weight: bold; border: 1px solid #ccc; border-radius: 6px;}

.documen .book-title .bookmark img {width: 16px; height: 16px; margin-right: 4px;}

.documen .book-title strong {display: inline-block; margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; line-height: 1.2rem;}
.documen .book-title span { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; line-height: 1.2rem;}

.documen button {background-color: rgba(0, 117, 248, 0.5); color: white; border: none; padding: 6px 12px; cursor: pointer; font-size: 24px;  position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;   border-radius: 8px;}

.documen .prev {left: 10px;}
.documen .next {right: 10px;}
.docuToggle > button {cursor: pointer; display: inline-block; font-weight: bold; font-size: 1.2rem; margin-bottom:12px; color: #000;} 
.docuToggle > button .arrow img {width: 20px; margin-left: 4px;}








/*다중 탭*/
.parentTabMenu {width: 100%; overflow: hidden;}
.parentTabWrapper, .childTabWrapper, .subTabWrapper {position: relative; overflow: hidden; display: flex; align-items: center;}

.parentTabMenu ul {display: flex; list-style: none; padding: 0; margin: 0; overflow-x: auto; scrollbar-width: none; /* Firefox */}

.parentTabMenu ul::-webkit-scrollbar {display: none; /* Chrome, Safari */}


/* 활성화된 탭 스타일 */
.parentTabWrapper li.active a, .parentTabWrapper li a[aria-selected="true"] {border-bottom:4px solid #0074e5; color: #0074e5; font-weight: bold;}
.childTabWrapper li.active a, .childTabWrapper li a[aria-selected="true"] {    background-color: #fff; color: #0074e5; border-radius: 4px; font-weight: bold;}

.subTabWrapper li.active a, .subTabWrapper li a[aria-selected="true"] {background: #0074e5; color: #fff; font-weight: bold; border: none;}

.childTabWrapper {margin:24px 0;}
.childTabWrapper .scrollB {background:#fff; border: 1px solid #333; cursor: pointer;    padding: 12px 5px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; display: none;}

#scroll-left-parent, #scroll-left-child, #scroll-left-sub {left: 0;}
#scroll-right-parent, #scroll-right-child, #scroll-right-sub {right: 0;}


.parentTabs {border-bottom:1px solid #ccc; width: 100%;}
.parentTabs li {min-width: 160px; text-align: center; color: #777;}
.parentTabs li a {padding: 12px; font-size: 17px;}

.childTabs {background: #f0f0f0; border-radius: 4px; width: 100%; border:4px solid #f0f0f0}
.childTabs li {width:25%;}
.childTabs li a {padding: 12px 0; text-align: center;}


.subTabWrapper { margin-bottom: 32px;}
.subTabWrapper li a {padding: 12px; border: 1px solid #d8d8d8; border-radius: 8px; margin-right: 8px; box-sizing: border-box;}
.subTabs {width: 100%;}
.subTabWrapper li {width: 14.2%; text-align: center;}

#childTab1-4 li {vertical-align: middle;}
#childTab1-4>a {height: 58px;}
#childTab1-4 a[aria-controls="subTab4-1"], #childTab1-4 a[aria-controls="subTab4-3"], #childTab1-4 a[aria-controls="subTab4-4"] {line-height: 34px;}


.scrollB:hover {background-color: #bbb;}





/* 탭 내용 스타일 */
.parentTabContent, .childTabContent {display: none;}
.parentTabContent.active, .childTabContent.active {display: block;}

.childTabContent .prglist {display: block;}
.parentTabMenu .libroList {display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.parentTabMenu .libroList div {display: inline-block; vertical-align: top; margin-bottom:32px;}
.parentTabMenu .libroList .book-title {min-height: 150px; display: block; line-height: 1.3rem;}
/*1202 수정*/
.parentTabMenu .libroList strong {font-weight: bold; display:block; margin-bottom: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; color: #000;}
.parentTabMenu .libroList span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; color: #777;}
/*1202 수정 끝*/
.parentTabMenu .libroList div a.thumN {height: 230px; width: 100%; overflow: hidden;}
.parentTabMenu .libroList div a.thumN img {height: 100%; width: 100%;}
.parentTabMenu .bookmark {background: #f8f8f8; padding: 12px 0; border-radius: 4px; margin: 4px 0 8px;}

.parentTabMenu .bookmark img {margin-right: 4px;}

.childTabContent, .sub_tab {min-height: 800px;}

/*스마트도서관*/

.smart_radio {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.smart_radio ul.radio_list {display: grid; grid-template-columns: repeat(3, 1fr);  padding: 12px 0;} 
.smart_radio li {padding: 4px 0; font-size: 17px;}
.smart_radio input label {padding: 4px 0; display: inline-block; cursor: pointer;}
.smart_radio input[type="radio"]:checked + label {font-weight: bold; border-bottom: 2px solid #0074e5; color: #0074e5; padding: 12px 0;}
.abajo .search>li {min-height: initial;}

.smart_list .prgcontent {grid-template-columns:10fr 1fr; align-items: center;}
.smart_list .prgcontent .centerimg a {display: flex; align-items: center; background: #fff;}
.smart_list .prgcontent img {width: 80px; height: 120px;}
.smart_list ul.pginfo li {width: 49%; display: inline-block;}
.smart_list .state {display: inline-block; margin-top: 12px; vertical-align: top;}
.smart_list .title, .smart_list .name {margin: 0; font-size: 16px;}
.smart_list .libro_alquilar {margin:12px 0 24px}
.smart_list ul.pginfo {margin-bottom: 0;}

.smart_list .prgcontent .centerimg a {width: initial;}/*1126 추가 및 수정*/
.smart_list .prgcontent .centerimg img {height: initial; border-radius: 8px;}/*1126 추가 및 수정*/

.smartbtnopen {display: block; background: #0074e5; color: #fff; padding: 12px; border-radius: 8px !important; margin: 12px 0; width: 100%; text-align: center;}


/*카테고리분류*/
.categoryBox { position:relative; }
.categoryBox>ul {display: grid; grid-template-columns: repeat(6,1fr); gap: 4px;}
.popup-trigger3 {text-align: center; padding: 12px 0; background: #f8f8f8; border-radius: 6px; cursor: pointer;}
.popup-trigger3 img {width: 46px; opacity: 0.3; display: block; margin: 4px auto;}
.trigger3-pop {display: none; position: absolute; top: 420px; left: 50%; transform: translateX(-50%); width: 100%; background-color: white; padding: 12px; box-sizing: border-box; border:1px solid #ccc; border-radius: 6px;}

.trigger3-pop>li {margin: 12px; border-bottom:1px dashed #ccc; border-right: none; border-left: none;}
.trigger3-pop>li>a {padding: 12px 0; font-size: 17px; text-align: center; background:#ebf5ff; border-radius: 6px 6px 0 0;}
.trigger3-pop ul a {display: block;}
.trigger3-pop .trigger3sub {margin-top: 12px;}
.trigger3-pop .trigger3sub li a {padding: 12px;}
.trigger3-pop .trigger3sub li a:hover, .trigger3-pop .trigger3sub li a:active, .trigger3-pop .trigger3sub li a:focus, .trigger3-pop>li>a:hover, .trigger3-pop>li>a:active, .trigger3-pop>li>a:focus {font-weight: bold;}

.popup-trigger3.active, .popup-trigger3:hover, .popup-trigger3:active, .popup-trigger3:focus {background: #e9ecef; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); font-weight: bold;}
.popup-trigger3.active + .trigger3-pop {display: grid; grid-template-columns: repeat(4,1fr); z-index: 99;}


.boardSearch3 {margin-bottom: 0; border-radius: 10px 10px 0 0;}
.boardSearch3 fieldset input {margin-left: 0;}
.boardSearch3 input[type="search"] {width: calc(100% - 116px);}

.boardSearch3 fieldset.category {margin-bottom: 6px;}
.boardSearch3 fieldset.category select {margin-right: 8px;}
.boardSearch3 fieldset.category select:last-child {margin-right: 0;}
.boardSearch3 fieldset select {width: 200px;}
.boardSearch3 input[type="checkbox"] {height: 20px; width: 13px;}


/*한국십진분류*/
.kdc .popup-trigger3 { line-height: 1.5rem;}
.kdc>ul {grid-template-columns: repeat(5,1fr);}
.kdc .trigger3-pop {top: 170px;}
.kdc .popup-trigger3.active + .trigger3-pop {grid-template-columns: repeat(3, 1fr);}


/*인생서가*/
.lifebook .logo {display: grid; grid-template-columns: 4fr 1fr;}
.lifebook .logo a {padding:16px 24px 12px;  justify-self: end; display: block; border-radius: 8px; background: #ebf5ff; color: #0074e5;}
.lifebook .logo img {width: 70px; display: block;}
.lifebook .buscaBtn {font-size: 14px; width: 160px; min-width: initial; margin-left: 20px;}
.lifebook .buscaBtn img {width: 80px;}

/* 내서재 */

.myInfo {border-radius: 10px;}
.myInfo ul.pginfo b {width: 150px;}

.myInfo .myin { padding: 24px; background: #f8f8f8; border-radius:0 0 10px 10px;}
.myInfo .area div {border: 1px solid #ebebeb; border-radius: 10px 10px 0 0; border-bottom: none; padding: 24px; display: grid; grid-template-columns: 1fr 1fr;}
.myInfo .area div a {text-align: right;}
.myInfo .area li:before {content: none;}
.myInfo .area p {font-size: 24px; margin-bottom: 0;}
.myInfo .area .yes {color: #0074e5; font-size: 17px; }
.myInfo .area .nope {color: #b90910; font-size: 17px; }

.myInfo .box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.myInfo .box div {background: #fff; padding: 24px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); position: relative;}
.myInfo .box div:hover {background: #e9ecef; cursor: pointer;}
.myInfo .box strong {font-size: 36px; font-weight: bold; display: block; padding: 24px 0 12px;}
.myInfo .box p {font-weight: bold; font-size: 17px;}
.myInfo .box img {position: absolute; right: 30px; bottom: 30px; width: 60px; }
.myInfo .withdraw {margin-top: 60px; text-align: right;}
.myInfo .prg_wrap .title {margin: 0;}
.myInfo .pginfo li span a {display: inline-block;}
.myInfo ul.pginfo li {width: auto; display: block; content: ''; clear: both;} /*1129 수정 및 추가*/
.myInfo ul.pginfo b {float: left;} /*1129 수정 및 추가*/
.myInfo .subCont .area a.btn {margin: 0;}

.myInfo .libro_alquilar a {width: 17.5%;}
.myInfo .libro_alquilar a img {width: 20px;}
.myInfo .libro_wrap .prglist>li {padding-bottom: 24px;}
.myInfo .libro_alquilar {margin:24px 0 0;}

.myInfo .withdraw {margin-top: 60px; text-align: right;}
.myInfo .libro_wrap .prgcontent .centerimg a {margin-bottom: 0;}


/*내책장*/
.tooltip-content {visibility: hidden; opacity: 0; position: absolute; background-color: #fff; border:1px solid #ccc; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); padding: 5px; border-radius: 5px; z-index: 99; top: 0; left: 146px; transition: visibility 0s, opacity 0.3s ease-in-out; padding: 12px; font-size: 14px;}

.tooltip-content[aria-hidden="false"] {visibility: visible; opacity: 1;}
h3 .tooltip img {width: 26px; margin-left: 6px;}

.tooltip-content p:first-child {margin-top:0;}
.tooltip-content p {margin: 12px 0 2px; font-size: 16px;}
.tooltip-content span {color: #555;}
.tooltip-content .close-tooltip {position: absolute; top: 12px; right: 12px;}
.tooltip-content .close-tooltip img  {width: 16px;}

.bookhacer {border: 1px dashed #0074e5; padding: 6px 12px; border-radius: 8px; color: #0074e5; display: inline-block;}
.bookhacer img {width: 24px;}

.categoryAdd {text-align: right; display: inline-block; width: 100%; font-size: 17px; color: #0074e5;}
.categoryList {width: 100%; position: absolute; top: 80px; right: 0; text-decoration: underline;}
.mybook .parentTabContent>div {border-bottom: 1px dashed #ccc; margin-top: 32px;}
.categoryDel {display: inline-block;}
.categoryDel img {width: 24px;}
.mybook .bookmark {display: inline-block; width: 48%;}
.mybook .toolwrap {display: grid; grid-template-columns: 1fr 1fr;}
.mybook .toolwrap a {justify-self: end; align-self: center; width: 120px; height: 30px; display: flex; justify-content: center; align-items: center;}
.mybook .toolwrap a img {margin-right: 6px;}
.mybook .area {position: relative; margin-top: 0;}
.mybook .parentTabContent ul.prglist {display: block;}
.mypro .prgcontent {grid-template-columns:1fr;}
.mypro .prgcontent .cta a {background-color: #f8f8f8; padding: 12px 0; border-radius: 4px; width: 32%; text-align: center; font-weight: bold; margin-bottom: 32px;}
.mypro .prgcontent .cta a img {width: 24px;}
.mypro ul.pginfo li {width: initial;}


/*태그클라우드*/
#wordCloudCanvas {width: 100%; height: 500px;}
#wordCloudCanvas span {transition: color 0.3s ease;}
#wordCloudCanvas span:hover {cursor: pointer;}


/*막대그래프*/
.chart-container {width: 86%; margin: 12px auto;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}


/*도서관 정보나루*/
/*1202 수정*/
.jbnrtitle {margin-bottom: 40px;}

/*1202 수정 끝*/
.jbnr .advancedSearchContent { border:1px solid #c7e3ff; position: relative; border-radius: 10px;} /*1126 추가 및 수정*/
.jbnr .advancedSearchContent .button_on {background-: url('/uce/itg/subPage/del_b.svg'); border:1px solid #0074e5; color: #0074e5;}
.jbnr .option_inner .tooltip img {width: 18px;}
.jbnrsearch {text-align: center;  background: #0056aa; color: #fff; padding: 16px; border-radius: 8px;  float: right; width: 80px; margin: 0 40px 32px 0;}

.jbnr .searchbtnset {margin-bottom: 0;}

.jbnr .hopeLibre_wrap .searchCon .num {position: absolute; top: 24px; left: 0; background: #717171; color: #fff; width: 34px; height: 30px; border-radius: 0 4px 4px 0; text-align: center; line-height: 30px; box-shadow: 0 4px 10px rgba(49, 48, 47, 0.2); z-index: 99;}
.jbnr .hopeLibre_wrap .searchCon li:first-child .num, .jbnr .hopeLibre_wrap .searchCon li:nth-child(2) .num, .jbnr .hopeLibre_wrap .searchCon li:nth-child(3) .num {background: #0074e5; box-shadow: 0 4px 10px rgba(93, 158, 218, 0.2);}
.jbnr .hopeLibre_wrap .searchCon ul {margin-top: 32px;}
.jbnr .hopeLibre_wrap .searchCon ul>li a {height: 50px; line-height: 25px;}

.jbnr .searchCon {margin: 32px 0 0;}

.jbnr .pagin > .floatClear .pageL.active {background-color: #0056aa;}

.jbnr .isbnb {line-height: 1.5rem;}
.jbnr .hopeLibre_wrap .searchCon ul a img {border: none; width: 16px; min-width:initial; max-height: initial;}

.jbnr .hopeLibre_wrap .searchCon ul>li ol {height: 220px;}

.pagin a {width:initial; height: initial; padding: 0 8px;}
.pagin > .floatClear .pageL {margin: 0 8px;}

#tooltip2 {top: 260px; left: 112px; font-size: 16px;}
#tooltip2 ul {display: grid; grid-template-columns: 2fr 1fr; text-align: center; gap: 10px;}
#tooltip2 ul li:first-child ol {display: grid; grid-template-columns: 1fr 9fr;}
#tooltip2 ul li p {color:#fff; padding: 8px 0; border-radius: 4px;}
#tooltip2 ul li:first-child p {background:#232ea3;}
#tooltip2 ul li:last-child p {background:#0b9b9b;}
#tooltip2 ul li:first-child ol .span {display: grid; grid-template-columns: 1fr 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr; }
#tooltip2 ul li:last-child ol .span {display: grid; grid-template-columns: repeat(3, 1fr); line-height: 51px; gap: 4px;}
#tooltip2 b {display: block; border-top: 2px solid #a7abda; line-height: 1.2rem; padding-top: 4px; margin-top: 4px; font-size: 15px;}
#tooltip2>span {line-height: 1.2rem; background: #f8f8f8; display: block; line-height: 1.5rem; padding: 12px; margin-top: 12px;}

#tooltip2>ul>li:last-child b {border-top: 2px solid #9dd7d7;}
#tooltip2 .tip {font-weight: normal;}

#tooltip2 table {font-weight: normal;}
#tooltip2 table tr {border-bottom: 1px solid #ccc;}
#tooltip2 table thead {background: #f1f1f9; font-weight: bold;}
#tooltip2 table thead th {padding: 4px 0;}

#tooltip2 table td {text-align: center;}
#tooltip2 table td:last-child {text-align: left;}
#tooltip2 i {font-weight: normal; display: inline-block; line-height: 1.5rem;}
.jbnr .searchbtnset {margin-bottom: 0; }
.jbnr .searchbtnset .detail_search {background: #0074e5;}


#tooltip3 {top:850px; left:112px; padding-right: 32px;}

.jbnr .searchLimit input {width: 100%; border-radius: 6px;}
.jbnr .searchLimitSelect dd {width: initial;}
.jbnr .search_detail {margin-top: 40px;}
.jbnr .boardBox tr td:nth-child(2) {text-align: left;}
.jbnr .boardBox, .rank-table {border-top: 2px solid #0074e5;}
.jbnr .boardTable thead tr th {background:#ebf5ff;}
.jbnr .libro_wrap ul.pginfo li.book-intro {grid-column: span 2; width: initial; grid-template-columns:1fr; line-height: 1.4rem;}
.jbnr .libro_alquilar {margin: 0;}
.jbnr .libro_alquilar a {width: 100%; background: #e9ecef;}
.jbnr .boardBox {margin-top: 24px}

.jbnr .prgcontent {border: 1px solid #c7e3ff; padding: 24px; border-radius: 10px;}
.jbnr .table .documen {background: #fff;}
.jbnr .documen button {background-color:rgba(0, 117, 248, 0.5);}


.jbnr .calendar {border-bottom: 1px solid #c7e3ff;}
    
.jbnr .dateNavigation {box-sizing: border-box; display: grid; grid-template-columns: repeat(3, 1fr); border-radius: 30px; margin: 32px 0 32px;}
.jbnr .dateNavigation a {text-align: center; display: flex; align-items: center; justify-content: center;}
.jbnr .dateNavigation input {border: none; font-size: 20px; padding: 6px 0; text-align: center; background: none; }
.jbnr .dateNavigation .select_date {font-size: 24px; font-weight: bold; text-align: center; color: #00407f;}
.jbnr .rank-table thead tr {background: #ebf5ff;}
.jbnr .rank-table thead tr th {padding: 14px 0px; vertical-align: middle; line-height: 1.5rem; }
.jbnr .rank-table .prgcontent {display: grid; grid-template-columns: 1fr 4fr; padding: 0; border: none; gap: 10px; text-align: left;}
.jbnr .rank-table .prgcontent img {width: 100%; border: 1px solid #ccc;}
.jbnr .rank-table thead tr {border-bottom: 1px solid #ccc;}
.jbnr .rank-table tbody tr {border-bottom: 1px dashed #ccc;}
.jbnr .rank-table tbody tr td {padding: 12px 0; text-align: center; vertical-align: middle; }
.jbnr .rank-table tbody .title {margin-bottom: 12px; }
.jbnr .boardTable tbody tr td a {white-space: normal;}
.rank-change {background: #0074e5; color: #fff; padding: 6px 12px; border-radius: 30px;}
.rank-change img {width: 12px;}
.jbnr .keywrap {border:1px solid #c7e3ff; padding: 36px 24px 24px; border-radius:10px;} /*1126 추가 및 수정*/
.jbnr .area .documen {margin-top: 12px;}

.jbnr .daytitle {font-weight: bold; margin: 50px 0 16px; text-align: center; font-size: 21px; color: #00407f;}
.jbnr .jbnrlogo {font-size: 14px; text-align: right; display: block; margin-top: 24px;}
.jbnrDlist li a {width:calc(100% - 24px); vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*광역대표도서관*/

.intro .area {line-height: 1.8rem;}
.mch .td2 img {width: 100%; border-radius: 10px; padding: 12px 0; }

.bonita {position: absolute; top: 0; right: 0; padding-top: 14px;}
.bonita .btn100:first-child {color: #652316;}
.bonita .btn100:last-child {color: #0056aa;}
.bonita .btn100 {text-align: center; line-height: 1.2rem; margin-left: 12px; font-weight: bold; background: #f8f8f8; box-shadow: 3px 4px 2px rgba(40, 65, 88, 0.1); padding: 16px; border-radius: 10px; width: 134px; box-sizing: border-box;}
.bonita .btn100:hover {background:#fcfcfc; box-shadow: inset 2px 4px 3px rgba(40, 65, 88, 0.2);}
.bonita .btn100 img {display: block; width: 34px; margin: 0 auto 8px;}

.intro .area div {background:#fff;}
.intro .area div img {width: 100%;}
.intro .area .photo {display: grid; grid-template-columns: 1fr 1fr; padding: 0; gap: 14px; }
.intro .area .gridno {display: block; grid-template-columns: none; padding: 0; }
.intro .area .photo div {padding: 0; overflow: hidden; margin: 12px 0 8px;}
.intro .area .photo div img {max-height: 600px;}
.intro .area .photo div span {display: inline-block; margin-top: 8px;}
.intro .area u {font-weight: bold; color: #0074e5; text-decoration: none;}
.intro .area ul p {font-size: 17px; margin: 24px 0 8px;}
.intro .area caption {text-align: left;}

.mch .peli {padding: 0 8px;}
.mch .abajo .prglist>li {min-height: initial;}

.mch .prgcontent .buscaBtn {position: absolute; bottom: 18px; left: 0;}
.mch .prgcontent li:nth-child(2) {position: relative;}
.mch .area .title {font-size: 1.6rem;}
.mch ul.pginfo {margin-bottom: 70px;}
.mchbimg img {width: 100%; border-radius: 10px;}
.pagin {margin-top: 60px;}


/*미추홀북 추가*/ /*1113 수정*/
.thisyear {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; margin-top: 40px;}
.thisyear > p {grid-column: 1/4; margin-bottom: 12px; font-weight: bold;}
.thisyear div {text-align: center;}
.thisyear div a {padding: 6px;}
.thisyear div:nth-child(2) {background-color: #fffbe5;}
.thisyear div:nth-child(3) {background-color: #fff4f0;}
.thisyear div:nth-child(4) {background-color: #eef7ee;}
.thisyear div u {text-decoration: none; display: block; font-weight: bold; padding: 12px 0 8px; margin-bottom: 12px;}
.thisyear div img {width: 100%; border-radius: 8px; height: 385px;}
.thisyear div:nth-child(2) u {color: #a38500; border-bottom: 1px dashed #a38500;}
.thisyear div:nth-child(3) u {color: #ff4500; border-bottom: 1px dashed #ff4500;}
.thisyear div:nth-child(4) u {color: #339933; border-bottom: 1px dashed #339933;}
.thisyear .manualdown img {width: 24px; height: 24px;}
.thisyear .manualdown {background: rgba(80, 80, 80, 0.1); color: #2d2d2d; margin-top: 6px; border-radius: 0 0 10px 10px;}
.thisyear br {display: none;}
/*1113 수정 끝*/




.organizationBox {position: relative;}
.organizationBox .director {border: 1px solid #c7e3ff; background: #ebf5ff; color:#0074e5; font-weight: bold; border-radius: 10px; padding: 24px 60px; font-size: 28px; width: 140px; margin: 0 auto; text-align: center;}
.organizationBox .committeeT {position: absolute; top: 100px; right: 50%;
 margin-right: -370px;}
.organizationBox .committee span {display: block;}
.organizationBox .committee>.line {width: 1px; height: 160px; border-right:1px dashed #c7e3ff; margin: 0 auto;}
.organizationBox .committeeT .line {width: 160px; height: 1px; border-top:1px dashed #c7e3ff; margin-left: -94px; margin-top: 50px;}
.organizationBox .committeeT .title {background: #ebf5ff; border: 1px solid #c7e3ff; border-radius: 10px; display: inline-block; padding: 18px 30px; margin: -30px 0 0 68px; font-weight: bold; color: #0074e5; font-size: 21px;}
.organizationBox .committeeT .title br {display: none;}
.organizationList {border-top: 1px dashed #c7e3ff; padding: 24px 0;}
.organizationList h4 {font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; color: #0074e5;}
.organizationList dl {border:1px solid #c1e0ff; border-radius: 10px; padding: 6px; }
.organizationList .organization3 dl {min-height: 320px;}
.organizationList dt {background:#ebf5ff; border-radius: 6px; padding: 6px; text-align: center; margin-bottom: 10px; font-weight: bold;}
.organization3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.organizationList dd {margin:0 6px;}
.organizationList dd::before {content: '· ';}
.organization4 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;}

.organizationList dd.sio::before {content:none;}
.organizationList dd.sio {background:#fff4f0; border-radius: 6px; padding: 4px;}
.organizationList dd.sio h5 {font-weight: bold; color: #d53209; text-align: center; border-bottom: 1px solid #c7e3ff;}
.organizationList ol {margin-top: 24px; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 10px;}
.organizationList ol li {margin-top: 6px;}
.organizationList ol li b {display: inline-block; width: 160px;}

.organization4 .cnl {color: #078c8c; border: 1px solid #9df6f6;}
.organization4 .cnl dt {background: #e7fdfd;}
.organization4 .cni {color: #476912; border: 1px solid #a1f524;}
.organization4 .cni dt {background: #f7ffea;}
.organization4 .yjs {color: #1f9ac6; border: 1px solid #a9e6fc;}
.organization4 .yjs dt {background: #f0fbff;}
.organization4 .maj {color: #471293; border: 1px solid #ded1f1;}
.organization4 .maj dt {background: #f4effa;}




/*----------분관 스타일------------*/

/*미추홀 도서*/
.Library_radio {margin-bottom: 10px;}
.Library_radio .MichuhollLibrary {margin-left: 14px;}

.boardSearch3 input[type="radio"] {width: auto; float: inherit;}
.boardSearch3 fieldset label {float: inherit; margin-left: 0;}

.subCont .Library_radio {border-top: 1px solid #ccc; padding-top:12px;}
.subCont .Library_radio input[type="radio"]:checked + label {font-weight: bold; border-bottom: 2px solid #0074e5; color: #0074e5; padding: 12px 0;}

select.grande {width: 200px;}
.parentTabMenu .pginfo {display: block;}
.parentTabMenu>.organizar {margin-top: 30px;}
.tema .centerimg {max-height: 200px; overflow: hidden; background: #f8f8f8; text-align: center;}
.tema .prgcontent {margin-bottom: 60px;}
.tema .pginfo:last-child {line-height: 1.5rem;}

.freewrap > li  {position: relative;}
.freepaquete {position: absolute; top: 0; right: 0; text-align: center; background: #f8f8f8; border-radius: 50px; font-size: 14px; padding:16px 12px; display: grid; grid-template-columns: 30px 1fr;}



/*---------------------------1204이후 변경 재정의--------------------------------*/


.abajo .prglist>li {margin: 12px 0 ;}
.prgcontent .title, .prgcontent .state, .prgcontent .state i {display: inline-block;}
.prgcontent .state {vertical-align: middle;}
.prgcontent .state i {margin-right: 4px;}
.prg_wrap .prgcontent.title {margin: 0;}
.prg_wrap .prgcontent {grid-template-columns: 166px 1fr; margin-bottom: 12px;}
.prg_wrap .prgcontent .centerimg a {width: 140px; height: initial; max-height: 184px;}

.prg_wrap .prgcontent .centerimg img {width: 140px; height: initial; max-height: 184px; min-height: 184px;}
.pelicula_wrap .prgcontent .centerimg {height: 200px;}
.pelicula_wrap .prg_detail .prgcontent .centerimg {height: 266px;}
.pelicula_wrap ul.pginfo li, .edu_wrap ul.pginfo li, .prg_detail ul.pginfo li {margin-bottom: 8px;}
.pelicula_wrap .prg_detail .pginfo li {margin-bottom: 15px;}
.prg_wrap .prgcontent .title {margin: 0;}
.libro_alquilar {margin: 6px 0 8px;}
ul.pginfo {margin: 12px 0;}
.prg_wrap .name, .edu_wrap .name {margin: 8px 0 20px;}

.prgcontent li > i {width: 60px; text-align: center;}

.libro_detailP ul.pginfo {row-gap:4px}
.libro_detailP .name {margin: 8px 0 14px !important;}
.libro_detailP .sangseD {font-size: 1.5rem;}
.prg_wrap .prgcontent .centerimg .bookmark img {width: 16px; min-height: inherit;}

.listbaja .prgcontent .centerimg a {max-height: 198px; height:198px; background: #f8f8f8; align-items: center; display: flex; margin-bottom: 0;}
.listbaja .prgcontent .centerimg img {max-height: 216px;}
.listbaja .prg_btn {margin-bottom: 12px;}

.libro_wrap .prgcontent .centerimg a {margin: 0;}
.smartC a {cursor: auto;}

.boxset_popup .placeholder {display: none;}

#sortable input {width: calc(100% - 20px);}
#sortable li {cursor: grab;}
#sortable a {margin-top: 0;}
.mov {cursor: move;}
#sortable li div span {display: inline-block; margin: 6px 0;}


.info_popup .boardBox .boardTable tbody tr td:last-child a {background: #fff;}
.info_popup .boardBox .boardTable tbody tr td:last-child a img {width: 24px;} 


.myInfo {border-radius: 10px;}
.myInfo ul.pginfo b {width: initial; display: inline-block; margin-right: 8px;}
.eletrotab {margin-top: 40px;}

.myInfo .myin { padding: 24px; background: #f8f8f8; border-radius:0 0 10px 10px;}
.myInfo .area div {border: 1px solid #ebebeb; border-radius: 10px 10px 0 0; border-bottom: none; padding: 24px; display: grid; grid-template-columns: 1fr 1fr;}
.myInfo .area div a {text-align: right;}
.myInfo .area li:before {content: none;}
.myInfo .area p {font-size: 24px; margin-bottom: 0;}
.myInfo .area .yes {color: #0074e5; font-size: 17px; }
.myInfo .area .nope {color: #b90910; font-size: 17px; }

.myInfo .box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.myInfo .box div {background: #fff; padding: 24px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); position: relative;}
.myInfo .box div:hover {background: #e9ecef; cursor: pointer;}
.myInfo .box strong {font-size: 36px; font-weight: bold; display: block; padding: 24px 0 12px;}
.myInfo .box p {font-weight: bold; font-size: 17px;}
.myInfo .box img {position: absolute; right: 30px; bottom: 30px; width: 60px; }

.myInfo .prg_wrap .title {margin: 0;}
.myInfo .pginfo li span a {display: inline-block;}
.myInfo ul.pginfo li {width: auto; display: block; content: ''; clear: both;} 
.myInfo .subCont .area a.btn {margin: 0;}


.myInfo .withdraw {margin-top: 60px; text-align: right;}
.myInfo .libro_wrap .prgcontent .centerimg a {margin-bottom: 0;}


.renttable a.reser {color: #0074e5; margin-left: 4px;}
.renttable a.reno {color: #555;}
.renttable a img {width: 20px;}
.renttable a.cambiar {color: #d53209; margin-left: 4px;}
.renttable b {display: block; white-space: nowrap; /* 텍스트를 한 줄로 표시 */
    overflow: hidden;    /* 넘치는 텍스트를 숨김 */
    text-overflow: ellipsis; }
.renttable u {text-decoration: none;}
.contentBox {overflow: hidden;}



.area div li.caution {padding-left:14px}


.librarycheck li {margin-right: 16px;}
.librarycheck li input[type="checkbox"] {margin: 0 6px 0 0;}
.membership u {display: block; text-decoration: none;}
.membership b {font-weight: bold; display: inline-block; width: 120px; text-align: right;}
.membership i {width: 160px; display: inline-block;}



.bsinput input[type="search"] {width: calc(100% - 220px);}
.prg_wrap .name {margin: 8px 0 12px; line-height: 1.4rem;}
.escribir {margin-top: 12px; padding: 12px 18px;}
input[type="search"] {background: #fff;}

.prg_wrap .prgcontent .pginfo li {display: grid; grid-template-columns: 100px 1fr; align-self: start;}
.prg_wrap .prgcontent .pginfo li.escribir {display: block;}

.listbaja ul.pginfo {margin: 12px 0; line-height: 1.2rem;}
/* .listbaja ul.pginfo li:nth-child(3), .listbaja ul.pginfo li:nth-child(4), .listbaja ul.pginfo li:nth-child(5), .listbaja ul.pginfo li:nth-child(6) { grid-column: span 2;} */
.listbaja ul.pginfo li:nth-last-child(1) { grid-column: initial;}

.listbaja .buscaBtn {padding: 8px 0; margin: 12px 0 12px; }

.mch .prgcontent .pginfo li {display: block;}

.area div li.caution {padding-left: 28px;}
.subCont li.caution {padding-left: 28px;}
.subCont li.caution:before {padding-left: 14px;}


.prg_wrap .prg_detail .prgcontent {grid-template-columns: 1fr 2fr;}
.prg_wrap .prg_Write .prgcontent {grid-template-columns: 1fr 140px;}
.pelicula_wrap .prg_detail .prgcontent {grid-template-columns: 190px 1fr;}
.prg_wrap .prg_detail .centerimg img {width: 100%; height:100%; max-width: initial; min-height: initial; max-height: initial;}
.pelicula_wrap .prg_detail .centerimg img {width: 190px;}
.prg_detail .centerimg {max-height: 428px;}
.prg_detail i {margin-bottom: 12px;}
.prg_detail .centerimg {max-height: initial; margin-bottom: 12px;}
.pelicula_wrap .centerimg {max-height: 430px;}
.prg_detail ul.pginfo2 {margin-top: 24px;}
.prg_detail ul.pginfo2 li {margin-bottom: 18px;}

.area .jbnrDlist li {padding-left: 14px;}
.listMAX {max-height: 230px; overflow-y: auto;}

.jbnr .hopeLibre_wrap .searchCon ul>li {display: block; margin-bottom: 0;}
.jbnr .hopeLibre_wrap .searchCon ul>li a {display: grid; column-gap: 18px; grid-template-columns: 1fr 2fr; padding: 0; background: #fff; height: initial; margin-top: 0; text-align: left;}
.jbnr .hopeLibre_wrap .searchCon ul a img {width: 100%; max-height: 190px; border: 1px solid #ddd;}
.jbnr .hopeLibre_wrap .searchCon ul>li ol {height: initial;}
.jbnr .hopeLibre_wrap .searchCon ol span {-webkit-line-clamp:2;}
.thisyear div {padding: 6px;}


/*전자도서관*/
.elepic {width: 100% !important; display: block; margin: 20px auto; border-radius: 10px;}
.smartBtn {margin-left: 12px; margin-top: 0;}

.moviedetail {background: #f9f9f9; padding: 12px 18px; border-radius: 10px; line-height: 1.5rem;}
/* 무료택배서비스 */
.freebox .organizar .select_date { display: inline-block;}
.freebox .organizar .select_date input {border-radius: 5px; height: 38px;}
.freebox .boardTable tbody tr td a {white-space:initial;}
#libreser_submit .adre {width: calc(100% - 40px);}
#libreser_submit .adreB button {background: #555; color: #fff; padding: 8px 10px;}

/*-----------1204이후 변경 재정의 끝--------*/
.imgnolist .prgcontent {display: block;}

.excelDownBtn {color: #075d5d; background:#f9f9f9; padding: 8px 12px; border-radius: 4px; float: right; display: inline-block; margin-top: 24px; position: absolute; top: 34px; right: 0;}
.excelDownBtn img {width: 24px;}

/*0217 추가*/
.subCont .instacss ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}
.subCont .instacss ul li {background: #f9f9f9; text-align: center;  padding: 12px; border-radius: 8px;}
.subCont .instacss ul li:first-child {grid-column: span 2;}
.subCont .instacss a {display: block;}

.libro_alquilar .onecam a {width: 100%;}
/*0217 추가 끝*/



.singan {display: flex; padding-top: 40px;}
.singan .btn100 img {display: inline-block; margin-bottom: 0; margin-right: 8px;}
.singan .btn100 {width: initial;}

.popup button.btn_gray {font-size: 17px; padding: 10px; border-radius: 4px;}

/* 이용약관 */
.terms-title {color: #1d1d1d; font-size: 26px; font-weight: bold; line-height: 150%; margin-bottom: 30px; text-align: center;}
.terms-sub-title {color: #1d1d1d; font-size: 22px; font-weight: bold; line-height: 150%; margin-bottom: 30px; text-align: center;}
.terms-container { max-width: 800px; padding: 40px 20px; line-height: 1.6; }
.terms-title {text-align: center; font-size: 26px; margin-bottom: 30px; }
.terms-sub-title {font-size: 22px; font-weight: bold; line-height: 150%; margin-bottom: 30px; text-align: center;}
.terms-section { margin-bottom: 25px; }
.terms-section.last-section {margin-bottom: 80px;}
.terms-item { margin-bottom: 10px; }
.terms-sublist { padding-left: 0; margin-left: 0; list-style-position: inside;}
.terms-sublist li { list-style-type: decimal; margin-bottom: 5px; padding-left: 20px;}
.terms-heading { font-weight: 600; font-size: 1rem; color: #1d1d1d;}

.no-list-style { list-style-type: none; padding-left: 0; margin-left: 0;}
.no-list-style li::marker {content: none;}

@media all and (max-width:860px) {    


    /*프로그램.직무교육.영화*/
    
    .prg_wrap .prgcontent {grid-template-columns: 1fr;}
    .prg_wrap .prgcontent .centerimg {background:#f8f8f8; border-radius: 10px; text-align: center;}
    
    ul.pginfo b {display: block; margin-top: 12px;}

    .prg_wrap .prgcontent i {margin-top: 8px;}
    .prg_btn {position: static; margin-bottom: 32px; width: 100%;}

    .prg_wrap .prgcontent img {margin-bottom: 0;}
    .prg_btnIng {color:#fff; background-color: #0056aa;}
 
    .detail_btn {display:grid; grid-template-columns: 2fr 1fr; grid-column-gap: 12px;}
    .detail_btn li {width: 100%;}

    .prg_Write .centerimg img {display: none;}
    .prg_Write .prgcontent>li:first-child {margin-top: 0;}
    .prg_Write .prgcontent i {margin-top: 0;}

    .prg_wrap .prgcontent .centerimg a {margin: 0 auto;}

    .prg_Write .prgcontent {padding: 24px 12px;}
    .prg_Write .write {padding: 24px 12px;}
    .prg_Write .write ul {grid-template-columns: 1fr; grid-template-rows: auto;  width: 100%;  height: auto;}
    .prg_Write .write ul li.large { grid-column: span 1;}


    
    .educontent .pginfo {grid-template-columns: 1fr; grid-template-rows: auto; }
    .educontent .prg_btn {width: 100%;}

    
    .pelicula_wrap .prgcontent .centerimg a {margin-bottom: 0;}
    .pelicula_wrap .prgcontent i {margin-top: 36px;}
    

    /*1010 수정*/
    .escribir {width: 100%; white-space: normal; overflow-wrap: break-word; word-break: break-all; hyphens: auto;}


    /*무료택배도서서비스*/

      
    table.paquete {width: 100%;}
      
    table.paquete thead {display: none;}
      
    table.paquete tbody, table.paquete tr, table.paquete td {display: block; width: 100%; box-sizing: border-box;}
      
    table.paquete td {text-align: right; position: relative; height: 45px;}
      
    table.paquete td::before {content: attr(data-label); position: absolute; left: 0; width: 30%; padding-left: 12px; padding-bottom: 12px; padding-top: 12px; font-weight: bold; text-align: left; white-space: normal; word-wrap: break-word; vertical-align: middle;}

    .cell-content {display:inline-block; width:50%; padding:12px 12px 12px 0;}
  
    .mobile-only {display: block;}

    .paquete_wrap .paquete td {text-align: right; border:none; padding:0;  margin-top: 4px; border-bottom: 1px solid #ccc;}
    .paquete_wrap .paquete td:first-child {border-bottom:none; margin-top: 24px; background: #ebf5ff; }
    .paquete_wrap .paquete td {height: 100%;}
    .paquete_wrap .paquete colgroup {display: none;}
    
    .paquete_wrap .write ul {width: 72%;}




    .popup-content {max-width:592px; width: 440px; left: 50%; margin-left: -240px; padding: 24px;}
    .popup-content input {width: 45%;}
    .popup-content a {display: block; margin-left: 0; text-align: center; margin-top: 12px;}

    /*희망도서신청*/
    .hopeLibre_wrap .searchCon ul {grid-template-columns: 1fr;}
    .hopeLibre_wrap .searchCon ul img {max-width: 140px;}
    
    .hopeLibre_wrap .searchCon ul>li {grid-template-columns:1fr 3fr; padding: 24px 0;}
    .hopeLibre_wrap .boardSearch input {width: calc(100% - 112px);}



    .hopeLibre_wrap .write input, .hopeLibre_wrap .write input[type="email"] {width: 96%;}
    .hopeLibre_wrap .personal_info input {width: initial;}
    .hopeLibre_wrap .write select  {width: 98%;}
 
    .hopeLibre_wrap .personal_info {padding: 0;}

    /*연혁*/
    .history .his_list>li {grid-template-columns: 1fr;}
    .history .his_list>li p {padding-bottom: 0;}
    .history .his_list ol li {display: block;}





    /*외국학술지문헌복사*/
    .subTapBasic li > a.pequeno {font-size: 13px;}
    

    /*------------통합검색-------------*/

    .searchTerms {margin-top: 24px; padding: 0;}
    .searchbar input {width: calc(100% - 86px);}
    .searchbar a {width: 80px;}
    .search_detail {line-height: 1.5rem;}
    .search_detail br {display: block;}



    /*도서검색*/
    .myInfo .libro_alquilar .cta {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
    .myInfo .libro_alquilar .cta a {width: 100%;}
    .libro_alquilar a {width: 32%;}
    .searchTerms2 {padding-left: 0;}
    .boardSearch2 .libro_search, .boardSearch2 .libro_info, .boardSearch2 .libro_info span {float: none;}
    .boardSearch2 .libro_search {width: 100%; height: 40px; line-height: 40px; text-align: center; margin-top: 12px;}
    .boardSearch2 span .wwbno {display: none;}
    .boardSearch2 .libro_info {width: 100%;}
    .boardSearch2 input[type="search"] {width: 100%; margin-left: 0; }
    .boardSearch2 fieldset select {width: 100%; margin-bottom: 8px;}
    .boardSearch2 .libro_info a {margin-top: 8px;}
    .advancedSearchContent dl {grid-template-columns: 1fr;}
    .advancedSearchContent .date_dl input {margin-bottom: 4px;}

    .libro_wrap .prgcontent {display: block;}
    .libro_wrap ul.pginfo b {margin: 0;}
    .libro_wrap ul.pginfo {grid-template-columns: 1fr;}
    .libro_wrap ul.pginfo li {margin-bottom: 6px; width: 100%; grid-template-columns: 1fr 3fr;}

    .libro_alquilar div {background:none;}
    .info_popup .close-btn {display: none;}

    .info_popup .popup-content table td:nth-child(2) br {display: none;}
    .info_popup .boardBox .boardTable tbody tr td a {margin: 0;}
    .info_popup .popup-content {max-width: inherit;}

    .info_popup .boardBox {border-top: none;}

    .boardSearch2 a.wwbno {display: none;}

    /*책마중 팝업*/
    .libPaquete_popup .popup-content {width: 100%; margin-left: 0; left: 1%; max-width: inherit; box-sizing: border-box; overflow-y: scroll; height: 100vh; }
    .libPaquete_popup .boardTable thead {display: none;}
    ul.radio_list {display: none;}
    .libPaquete_popup .popup-content .mobile_select_list {display: block;}
    .mobile_select_list {display: block;}
    .libPaquete_popup .popup-content .mobile_select_list select {background: url('/uce/commmon/menuArr.png') no-repeat 98% 50%; padding: 12px 6px; border: 1px solid #ccc; border-radius: 4px; width: 100%;}
    
    .libPaquete_popup .popup-content {top: 0; border-radius: 0; left: 0;}
    .libPaquete_popup .popup-content .btn_area .btn {display: inline-block;}
    .libPaquete_popup .popup-content input {width: 100%; box-sizing: border-box;}


    /*책마중 팝업*/
    .libMal_popup .popup-content {width: 100%; margin-left: 0; left: 1%; max-width: inherit; box-sizing: border-box; overflow-y: scroll; height: 100vh; }
    .libMal_popup .boardTable thead {display: none;}
    .libMal_popup .popup-content ul.radio_list {display: none;}
    .libMal_popup .popup-content .mobile_select_list {display: block;}
    .libMal_popup .popup-content .mobile_select_list select {background: url('/uce/commmon/menuArr.png') no-repeat 98% 50%; padding: 12px 6px; border: 1px solid #ccc; border-radius: 4px; width: 100%;}
    
    .libMal_popup .popup-content {top: 0; border-radius: 0; left: 0;}
    .libMal_popup .popup-content .btn_area .btn {display: inline-block;}
    .libMal_popup .popup-content input {width: 100%; box-sizing: border-box;}



    .libreser_popup .popup-content .btn_area .btn {display: inline-block;}

    .dt860 {display: none;}


    /*인기신착도서*/
        
    .parentTabMenu .libroList {grid-template-columns: repeat(4, 1fr);}
    

    .childTabs {width: auto;}
    .childTabs li {min-width: 197px;}
    .subTabWrapper li {min-width: 114px;}
    .verR {right: 0;}

    /*스마트비치*/
    .smart_radio ul.radio_list {display: none;}
    .smart_radio .mobile_select_list select {width: 100%; background: #fff url(/images/uce/commmon/menuArr.png) right 12px center no-repeat; height: 44px; padding: 12px; border: 1px solid #ddd; border-radius: 6px;}
    .smart_list .prgcontent .centerimg {background:none; text-align: left; margin-bottom:32px;}
    .smart_radio {border-top: none; border-bottom: 1px solid #ccc; border-bottom: none;}
    .smart_list .prgcontent .centerimg a {margin: 0; max-height: initial; height: initial;}

    /*카테고리*/

    .categoryBox>ul {grid-template-columns: repeat(4,1fr);}
    .popup-trigger3.active + .trigger3-pop {grid-template-columns: repeat(3,1fr);}
    .trigger3-pop {top: 600px; padding: 0;}
    .boardSearch3 {background: #f8f8f8; padding: 14px 24px;}
    .boardSearch3 fieldset select {width: 32%;}
    .boardSearch3 a {width: 106px;}
    
        
    /*십진분류*/
    .kdc>ul {grid-template-columns:repeat(3,1fr);}
    .kdc .popup-trigger3.active + .trigger3-pop {grid-template-columns: repeat(2, 1fr);}
    .kdc .trigger3-pop {top: 316px;}



    /*내 서재*/
    .myInfo .pginfo b {display: inline-block; margin-top: 0;}
    .myInfo .box img {display: none;}
    .myInfo .prg_wrap .title {margin-top: 12px;}

    .boxset_popup .popup-content a {display: inline-block;}

    #tooltip1 {left: 128px;}
    
    .mybook .parentTabMenu .libroList {grid-template-columns: repeat(3, 1fr);}


    /*광역대표도서관*/

    .bonita {position:initial; display: grid; grid-template-columns: 1fr 1fr; }
    .bonita .btn100:first-child {margin-left: 0;}
    .bonita .btn100 {width: 100%;}
    .bonita .btn100 img {margin: 0 12px 0 0; display: inline-block;}
    .bonita .btn100 br {display: none;}



    /*조직도*/

    .organization3 {grid-template-columns: 1fr;}
    .organizationList .organization3 dl {min-height: initial;}
    .organizationList ol {grid-template-columns: 1fr;}
    .organization4 {grid-template-columns: 1fr;}

    /*회원가입 안내*/
    .joinInfo .step div::after {content: none;}
    .joinInfo .step {gap: 10px; grid-template-columns: 1fr;}

    /*정보나루*/
    #tooltip2 {position:fixed; left: 0; top: 0; z-index: 9999; width: 100%; box-sizing: border-box; height: 100%; border-radius: 0; border:none;}
    #tooltip2 ul {grid-template-columns: 1fr;}
    .rel {position: relative;}
    #tooltip2 ul li:last-child p {margin-top: 12px;}
    #tooltip3 {left: 3%; top: 54px;}
    .jbnrtitle {display: block;}
    .jbnrtitle li {margin-top: 12px; display: block;}
    .jbnrtitle li img {display: block; margin: 0 auto;}
    .jbnr .libro_wrap ul.pginfo {display: block;}
    .jbnr .libro_wrap ul.pginfo li.book-intro b {margin-bottom: 16px;}
    .jbnr .rank-table tr .hide-on-mobile, .jbnr .rank-table col:nth-child(2), .jbnr .rank-table col:nth-child(3) {display: none;}
    .jbnr .dateNavigation .select_date {font-size: 20px;}
    .jbnr .boardTable td::before {width: initial;}
    .jbnr .rank-table tbody tr td {text-align: left;}
    .jbnr .keywrod tbody tr td {text-align: center;}
    .jbnr .rank-table tbody tr td.noestando {padding-left: 0 !important; text-align: center; }
    .pagin > .floatClear .pageL {width:initial; height: initial;}
    .hide-on-mobile {display: none;}
	
	
	/*1113 추가*/
    .thisyear {display: block;}
    .thisyear div {display: grid; grid-template-columns: 1fr 2fr; margin-bottom: 12px; text-align: left; gap: 12px;}
    .thisyear div img {height: auto;}
    .thisyear .manualdown {display: inline-block; border-radius: 8px; margin-top: 96px;}


    /*---------------------------1204이후 변경 재정의--------------------------------*/


    .prg_wrap .prgcontent i {margin-top: 0;}
    .prg_wrap .prgcontent .centerimg {margin-bottom: 4px;}

    .prg_wrap .prgcontent .centerimg {max-width: initial;}
    .boardSearch2 input[type="search"] {margin-bottom: 4px;}

    .detail_btn .prg_btnList {box-sizing: border-box;}
    .prg_wrap .prg_detail .prgcontent {grid-template-columns: 1fr;}
    

    .prg_wrap .prgcontent .pginfo b {margin-top: 0;}/*추가*/
    
    .listbaja .buscaBtn {min-width: 100%;}
    .smart_radio {border: none;}

    .listbaja ul.pginfo {line-height: 1.5rem;}

    .jbnr .prgcontent .title {display: block;}

    .bonita {column-gap: 14px;}
    .bonita .btn100 {margin-left: 0; box-sizing: border-box;}

    .jbnr .hopeLibre_wrap .searchCon ul>li a {grid-template-columns: 140px 1fr;}

    .singan {position: absolute; display: block;}

    /*--------1204 이후 변경 끝------------*/
		/*무료택배서비스 모바일*/
	
	.freebox input {height: initial;}
	.freebox .boardTable td::before {width: 74px;}
	#libreser_submit .adre {width: 100%;}
	#libreser_submit .adreB input {width: 45%;}
	
	/* 이용약관 */
    .terms-title { font-size: 22px; margin-bottom: 25px; }
	.terms-sub-title { font-size: 20px; margin-bottom: 25px; }
	.terms-container { padding: 30px 15px; }
	.terms-item { font-size: 0.95rem; }
	.terms-sublist li { padding-left: 18px; font-size: 0.95rem; }
	.terms-heading { font-size: 0.95rem; }
}




@media all and (max-width:600px) {    
    
    
    /*프로그램.직무교육.영화*/

    span.pginfo u {display: block;}
    .prg_Write .write input[type="email"], .prg_Write .write input[type="tel"] {width: 100%; box-sizing: border-box;}
    .edu_wrap .subtxt li {display: block;}
    .edu_wrap .subtxt ol {margin: 12px;}
    .edu_wrap ul.pginfo li:first-child b {margin-top: 0;}
    
    .listbaja .centerimg {display: none;}
    .listbaja ul.pginfo {display: block;}
    
    .listbaja ul.pginfo b {display: inline-block; margin-top: 0;}
    .listbaja .centerimg {display: none;}
    .listbaja ul.pginfo {display: block;}
    .listbaja ul.pginfo b {display: inline-block; margin-top: 0;}

    .prg_detail .file a {width: 50%;}

    .popup-content {max-width:592px; width: 80%; left: 4%; margin-left: 0; padding: 24px;}
    .popup-content input {width: 42%;}

    /*자주묻는질문*/
    .accordion-header {padding:12px 0;}
    .accordion-header p {width: 70%; line-height: 1.5rem; margin-top: 10px;}

    .accordion-content {padding: 12px 12px 24px;}


    /*희망도서신청*/
    .paquete_wrap ul.pginfo li:first-child b {margin-top: 0;}
    .paquete_wrap .write label.largo {width: 92%; vertical-align: top;}
    .personal_info .bold input {margin-left:0;}
    .prg_Write .personal_info ul li br {display: block;}


    /*인사말*/
    .salud img {display: inline-block; width: 100%; margin-top: 4px;}

    /*연혁*/
    .history .his_list>li {grid-template-columns: 1fr;}
    .history .his_list ol {margin-top: 24px;}

    .history .his_list ol li b {display: block;}



    /*도서검색*/
    .boardSearch2 {background:none; padding: 0;}
    .detail_toggle {border-top: none; margin-top: 24px;}
    .detail_toggle .toggle-button {border-radius: 6px;}
    .libro_alquilar a {width: 49%; margin-bottom: 4px; padding: 12px 0;}/*1126 추가 및 수정*/
    .libro_alquilar .detail a {width: 100%;}
    .info_popup .popup-content {padding:24px 12px;} 


    .libPaquete_popup .popup-content {padding: 12px;}
    .libPaquete_popup .popup-content .boardTable2 td {padding-left: 12px;}

    .libreser_popup .popup-content {max-width: initial; width: 90%; margin: 0 auto; left: 0; box-sizing: border-box;}
    .libreser_popup .popup-content .btn_area .btn_gray {margin-right: 3px;}
    .searchbtnset a {display: block;}
    .searchbtnset a.detail_search {width: 86%; margin: 20px auto 0;}

    .smart_list ul.pginfo {margin-top: 8px;}
    .smart_list ul.pginfo li {width: 100%;}
    .smart_list ul.pginfo li b {display: inline-block; margin:0;}

    /* 본관 카테고리 담기*/
    
    .inbox_popup .popup-content {left: 54%; top:10%; width: 310px; padding: 12px;}
    .inbox_popup .popup-content ul li a {font-size: 16px;}
    .boxset_popup .popup-content {position: absolute; top: 0; left: 0; margin: 0; width: 100%; box-sizing: border-box; height: 100%; border-radius: 0;}
    .boxset_popup .popup-content input {width: calc(100% - 74px);}
    .boxset_popup .popup-content a {margin-top: 0;}
    .boxset_popup .popup-content ul {max-height: initial; overflow-y: auto;}



    /*1031추가*/
    .libMal_popup .popup-content .btn_area {display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
    .libMal_popup .popup-content .btn_area .btn_gray {margin-right: 0;}
    .libMal_popup .popup-content .btn_area .btn {width: initial;}
    /*1031추가 끝*/

    .advancedSearchContent dd button {width: inherit; overflow:auto; text-overflow: clip;}

    /*인기신착도서*/

    
    .parentTabMenu .libroList {grid-template-columns: repeat(2, 1fr);}
    .advancedSearchContent .option_inner {padding: 12px;}

    /*조직도*/
    .organizationBox .director {padding: 12px 32px; font-size: 21px;}
    .organizationBox .committeeT .title {font-size: 17px; padding: 12px 24px;}
    .organizationBox .committeeT {margin-right: -145px; top: 50px;}
    .organizationBox .committeeT .title br {display: block;}
    .organizationBox .committeeT .line {width: 100px; margin-left: 46px;}
    .organizationBox .committee>.line {height: 140px;}



    /*카테고리*/

    .categoryBox>ul {grid-template-columns: repeat(3,1fr);}
    .trigger3-pop {top: 800px;}
    .popup-trigger3.active + .trigger3-pop {grid-template-columns:1fr;}
    .popup-trigger3 {font-size: 14px;}
    .boardSearch3 {background: #fff; padding:0}
    .boardSearch3 fieldset select {width: 100%; margin-right: 0; margin-bottom: 4px; padding-left: 10px; }

    .kdc .popup-trigger3.active + .trigger3-pop {grid-template-columns: 1fr;}

    .organizar select.grande {width: 200px; margin-bottom: 4px;}

    
    /*내 서재*/
    .myInfo .area div {padding: 0; border: none; grid-template-columns: 1fr; border-bottom: 1px solid #ccc;}
    .myInfo .pginfo {padding: 0; margin-top: 12px; background: #fff; }
    .myInfo .area div a {text-align: left; padding: 4px 0;}

    .myInfo .box {grid-template-columns: repeat(2, 1fr);}

    #tooltip1 {left: 0; top: 110px;}
    
    .mybook .parentTabMenu .libroList {grid-template-columns: repeat(2, 1fr);}

    .mypro ul.pginfo li {width: 100%;}
    .mypro .prgcontent .cta a {width: 100%;}
    .mybook .toolwrap {grid-template-columns: 1fr;}
    .mybook .toolwrap a {justify-self: unset; margin-top: 12px;}


    /*광역대표도서관*/
    .bonita .btn100 img {display: block; margin: 0 auto 8px;}
    .intro .area .photo {display: block; grid-template-columns: none;}
    .intro .area div {padding: 0;}

    .hopeLibre_wrap .searchCon ul img {max-width: 100px; min-width: 100px;}


    /*정보나루*/
    .jbnr .rank-table .prgcontent {display: block;}
    .jbnr .rank-table .prgcontent img {width: 60px;}
    .jbnr .dateNavigation {grid-template-columns: 1fr 4fr 1fr;}

    /*1113 추가*/
    .thisyear div {display: block; text-align: center;}
    .thisyear br {display: block;}
    .thisyear .manualdown {display: block; margin-top: 12px;}

	/*1121 sns 추가*/   
    .instano {display: block;} 
    .sns a {margin-bottom: 10px;}
    
    /*-----------------1204이후 변경--------------------*/

    .lnb > ul > li {min-height:initial;}
    .prg_detail .file {grid-column-gap:0;}
    .bonita .btn100 br {display: block;}
    .jbnr .hopeLibre_wrap .searchCon ul>li a {grid-template-columns: 104px 1fr;}

    .singan {position: initial; padding-top: 0; margin-bottom:32px;}
    .singan .btn100 img {display: inline-block; margin-right: 8px; margin-bottom: 0; width: 20px;}

    /*-----------------1204이후 변경 끝--------------------*/
    
	/* 이용약관 */
    .terms-title { font-size: 20px; margin-bottom: 20px; }
	.terms-sub-title { font-size: 18px; margin-bottom: 20px; }
	.terms-container { padding: 20px 10px; }
	.terms-section { margin-bottom: 20px; }
	.terms-item { margin-bottom: 8px; font-size: 0.9rem; }
	.terms-sublist li { padding-left: 15px; font-size: 0.9rem; }
	.terms-heading { font-size: 0.9rem; }
}


@media all and (min-width:861px) and (max-width:1299px) { 

    
    /*프로그램.직무교육.영화*/
    .prg_wrap .prg_btn {position: static; margin-bottom: 32px; width: 100%;}
    .detail_btn {display:grid; grid-template-columns: 2fr 1fr; grid-column-gap: 12px;}
    .detail_btn li {width: 100%;}


    .educontent .pginfo {grid-template-columns: 1fr; grid-template-rows: auto; }
    .educontent .prg_btn {position:static; margin-bottom: 24px; width: 100%;}

    .hopeLibre_wrap .searchCon ol li:nth-child(2) {margin-bottom:10%}
    .prg_wrap .prgcontent .centerimg a {width: 100%; height: auto;}


    /*희망도서*/
    .hopeLibre_wrap .searchCon ul>li {min-height: 290px;}
    .hopeLibre_wrap .searchCon ul img {max-width: 140px;}
    .hopeLibre_wrap .searchCon ol span {width: 100%; overflow: hidden; text-overflow: ellipsis;    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


    
    /*도서검색*/
    .libro_alquilar a {width: 32.5%;}

    
    .libPaquete_popup .popup-content {width: 80%; margin-left: -46%;}
    
    .libMal_popup .popup-content {width: 80%; margin-left: -46%;}
    .boardSearch2 .libro_search {height: 40px; line-height: 40px; width: 110px;}
/*     .boardSearch2 input[type="search"] {width: calc(100% - 240px);} */
  

    /*인기도서*/

    .parentTabMenu .libroList {grid-template-columns: repeat(4, 1fr);}

    /*내서재*/
    #tooltip1 {left: 128px;}
    .mybook .parentTabMenu .libroList {grid-template-columns: repeat(5, 1fr);}



    /*조직도*/
    .organizationBox .committee {grid-template-columns: 1fr 5fr;}
    .organizationBox .committeeT .title {margin-left: 60px;}

    .organizationList ol li b {display: block;}
    .organizationList dl {min-height: 240px;}
    .organizationList .organization3 dl {min-height: 376px;}

    /*회원가입 안내*/
    .joinInfo .step div::after {content: none;}
    .joinInfo .step {gap: 10px;}


    #tooltip2, #tooltip3 {left: 12%;}
    #tooltip3 {top: 826px;}


    /*-----------------1206 이후 변경---------------------*/

    .boardSearch2 .libro_search { width: 90px;}
    .lnb > ul > li {min-height:initial;}

    .hopeLibre_wrap .searchCon ul>li {min-height: initial;}
    .jbnr .hopeLibre_wrap .searchCon ul>li a {grid-template-columns: 140px 1fr;}

    /*-----------------1206 이후 변경 끝---------------------*/

	/* 이용약관 */    
	.terms-title { font-size: 24px; margin-bottom: 28px; }
	.terms-sub-title { font-size: 21px; margin-bottom: 28px; }
	.terms-container { padding: 35px 18px; }
	.terms-item { font-size: 1rem; }
	.terms-sublist li { padding-left: 20px; font-size: 1rem; }
	.terms-heading { font-size: 1rem; }
}
/*tablet*/
@media all and (min-width:1300px) {  


    /* 휴관일 */

    .subcalendar > div {padding: 0; margin-top: 24px;}
    .subcalendar > div:first-of-type span {font-size: 17px;}
	
	/* 이용약관 */    
    .terms-title { font-size: 26px; margin-bottom: 30px; }
	.terms-sub-title { font-size: 22px; margin-bottom: 30px; }
	.terms-container { padding: 40px 20px; }
	.terms-item { font-size: 1rem; }
	.terms-sublist li { padding-left: 20px; font-size: 1rem; }
	.terms-heading { font-size: 1rem; }
}