@charset "utf-8";@import url("common.css");body { font-family: 'NanumSquareAc', sans-serif; font-size: 16px; }
a { color: #000; }
@import url('style02.css');
/* 컬러변경 */
/* background-color : maincolor */
body.lib_YB .add_wrap li::before, body.lib_YB .fac_list figure figcaption::before {background-color: #01AB9D;}
body.lib_NE .gnb > ul a span:before, body.lib_NE .btn.pri, body.lib_NE .btn.btn1.disabled:hover, body.lib_NE .apc_wrap .down_wrap .down_btn,
body.lib_NE .login-body .login button, body.lib_NE .btn.btn1, body.lib_NE .add_wrap li::before, body.lib_NE .fac_list figure figcaption::before {background-color: #ff9114;}
body.lib_NA .gnb > ul a span:before, body.lib_NA .btn.pri, body.lib_NA .btn.btn1.disabled:hover, body.lib_NA .apc_wrap .down_wrap .down_btn,
body.lib_NA .login-body .login button, body.lib_NA .btn.btn1, body.lib_NA .add_wrap li::before, body.lib_NA .fac_list figure figcaption::before {background-color: #9f00ba;}
body.lib_SS .gnb > ul a span:before, body.lib_SS .btn.pri, body.lib_SS .btn.btn1.disabled:hover, body.lib_SS .apc_wrap .down_wrap .down_btn,
body.lib_SS .login-body .login button, body.lib_SS .btn.btn1, body.lib_SS .add_wrap li::before, body.lib_SS .fac_list figure figcaption::before {background-color: #37a4e9;}
/* color : maincolor */
body.lib_NE .doc-body h4, body.lib_NA .doc-body h4 {color: #4c4c4c;}
body.lib_NE .history_wrap .title_box h4, body.lib_NA .history_wrap .title_box h4 {color: #fff;}
body.lib_YB .faqArea .faq .a .tit::before, body.lib_YB .history_wrap dl .h4_deco{color :#01AB9D}
body.lib_NE #section1 .section_bottom > .bottom_left > form > .search_box > select, body.lib_NE #section2 .section2_wrapper > .section2_left > ul > li > strong,
body.lib_NE #section2 .section2_wrapper > .section2_right > ul > li strong, body.lib_NE .gnb > ul > li.on > a span, body.lib_NE .gnb > ul > .active > a, body.lib_NE .gnb > ul a:hover,
body.lib_NE .want_book_header strong, body.lib_NE .btn.scd, body.lib_NE .ym_btns a.btn:hover, body.lib_NE .culture_info .h4:before, body.lib_NE .notice_table span.new::before,
body.lib_NE .intro_text_title_wrap p:nth-of-type(2) .title_color, body.lib_NE .guide_wrap .holiday_box p span, body.lib_NE #section2 .section2_wrapper > .section2_left > ul > li > strong::before,
body.lib_NE #header .gnb > ul > li.on > a span, body.lib_NE .faqArea .faq .a .tit::before, body.lib_NE .history_wrap dl .h4_deco {color: #ff9114;}
body.lib_NA #section1 .section_bottom > .bottom_left > form > .search_box > select, body.lib_NA #section2 .section2_wrapper > .section2_left > ul > li > strong,
body.lib_NA #section2 .section2_wrapper > .section2_right > ul > li strong, body.lib_NA .gnb > ul > li.on > a span, body.lib_NA .gnb > ul > .active > a, body.lib_NA .gnb > ul a:hover,
body.lib_NA .want_book_header strong, body.lib_NA .btn.scd, body.lib_NA .ym_btns a.btn:hover, body.lib_NA .culture_info .h4:before, body.lib_NA .notice_table span.new::before,
body.lib_NA .intro_text_title_wrap p:nth-of-type(2) .title_color, body.lib_NA .guide_wrap .holiday_box p span, body.lib_NA #section2 .section2_wrapper > .section2_left > ul > li > strong::before,
body.lib_NA #header .gnb > ul > li.on > a span, body.lib_NA .faqArea .faq .a .tit::before, body.lib_NA .history_wrap dl .h4_deco{color: #9f00ba;}
body.lib_SS #section1 .section_bottom > .bottom_left > form > .search_box > select, body.lib_SS #section2 .section2_wrapper > .section2_left > ul > li > strong,
body.lib_SS #section2 .section2_wrapper > .section2_right > ul > li strong, body.lib_SS .gnb > ul > li.on > a span, body.lib_SS .gnb > ul > .active > a, body.lib_SS .gnb > ul a:hover,
body.lib_SS .want_book_header strong, body.lib_SS .btn.scd, body.lib_SS .ym_btns a.btn:hover, body.lib_SS .culture_info .h4:before, body.lib_SS .notice_table span.new::before,
body.lib_SS .intro_text_title_wrap p:nth-of-type(2) .title_color, body.lib_SS .guide_wrap .holiday_box p span, body.lib_SS #section2 .section2_wrapper > .section2_left > ul > li > strong::before,
body.lib_SS #header .gnb > ul > li.on > a span, body.lib_SS .faqArea .faq .a .tit::before, body.lib_SS .history_wrap dl .h4_deco{color: #37a4e9;}
body.lib_SS #section1 .section_bottom > .bottom_left > form > .search_box > select {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z' fill='rgba(55,164, 233,1)'%3E%3C/path%3E%3C/svg%3E")no-repeat right center;}
/* border : maincolor */
body.lib_YB .faqArea .faq .a .tit::before {border-color :#01AB9D}
body.lib_NE .dataTables_pagiNEte .pagiNEte_button.current, body.lib_NE .search_condition .btn, body.lib_NE .btn.pri, body.lib_NE .btn.btn1.disabled:hover, body.lib_NE .btn.scd, body.lib_NE .culture_info .h4:before,
body.lib_NE .find_pw_id, body.lib_NE .btn.btn1, body.lib_NE .btn, body.lib_NE .history_wrap dl dd li span, body.lib_NE .pw_check_wrap, body.lib_NE .faqArea .faq .a .tit::before, body.lib_NE .login-body .login button,
body.lib_NE input[type="text"]:hover, body.lib_NE input[type="password"]:hover, body.lib_NE select:hover, body.lib_NE .input:hover, body.lib_NE input[type="text"]:focus, body.lib_NE input[type="password"]:focus, body.lib_NE select:focus, body.lib_NE .input:focus {border-color: #ff9114;}
body.lib_NA .dataTables_paginate .paginate_button.current, body.lib_NA .search_condition .btn, body.lib_NA .btn.pri, body.lib_NA .btn.btn1.disabled:hover, body.lib_NA .btn.scd, body.lib_NA .culture_info .h4:before,
body.lib_NA .find_pw_id, body.lib_NA .btn.btn1, body.lib_NA .btnbody.lib_NA .pw_check_wrap, body.lib_NA .faqArea .faq .a .tit::before, body.lib_NA .login-body .login button,
body.lib_NA input[type="text"]:hover, body.lib_NA input[type="password"]:hover, body.lib_NA select:hover, body.lib_NA .input:hover, body.lib_NA input[type="text"]:focus, body.lib_NA input[type="password"]:focus, body.lib_NA select:focus, body.lib_NA .input:focus {border-color: #9f00ba;}
body.lib_SS .dataTables_paginate .paginate_button.current, body.lib_SS .search_condition .btn, body.lib_SS .btn.pri, body.lib_SS .btn.btn1.disabled:hover, body.lib_SS .btn.scd, body.lib_SS .culture_info .h4:before,
body.lib_SS .find_pw_id, body.lib_SS .btn.btn1, body.lib_SS .btn, body.lib_SS .history_wrap dl dd li span, body.lib_SS .pw_check_wrap, body.lib_SS .faqArea .faq .a .tit::before, body.lib_SS .login-body .login button,
body.lib_SS input[type="text"]:hover, body.lib_SS input[type="password"]:hover, body.lib_SS select:hover, body.lib_SS .input:hover, body.lib_SS input[type="text"]:focus, body.lib_SS input[type="password"]:focus, body.lib_SS select:focus, body.lib_SS .input:focus {border-color: #37a4e9;}
/* 그라디언트 */
body.lib_NE .gallery-box .gallery-main-box::before {background: linear-gradient(241.44deg, #ffad47 0%, #ff7c08 10%);}
body.lib_NE #section3 .fp-tableCell::after {background:linear-gradient(100.51deg, #fb8016 28.67%, #ffab40 87.37%);}
body.lib_NE .lnb h2, body.lib_NE .lnb ul .active > a {background: linear-gradient(100.51deg, #fb8016 28.67%, #ffab40 87.37%);}
body.lib_NA .gallery-box .gallery-main-box::before {background:linear-gradient(241.44deg, #ba008f 0%, #9f00ba 10%);}
body.lib_NA #section3 .fp-tableCell::after {background:linear-gradient(100.51deg, #9700b1 28.67%, #c100cb 87.37%);}
body.lib_NA .lnb h2, body.lib_NA .lnb ul .active > a {background:linear-gradient(100.51deg, #9700b1 28.67%, #c100cb 87.37%);}
body.lib_SS .gallery-box .gallery-main-box::before {background: linear-gradient(241.44deg, #37bce9 0%, #3797e9 10%);}
body.lib_SS #section3 .fp-tableCell::after {background: linear-gradient(241.44deg, #37bce9 0%, #3797e9 70%);}
body.lib_SS .lnb h2, body.lib_SS .lnb ul .active > a {background:linear-gradient(100.51deg, #37a4e9 28.67%, #54bfff 87.37%) ;}
/* transparent */
body.lib_NE .lnb ul .active > ul > li > a, body.lib_NE .history_wrap dl dd li span,
body.lib_NA .lnb ul .active > ul > li > a, body.lib_NA .history_wrap dl dd li span,
body.lib_SS .lnb ul .active > ul > li > a, body.lib_SS .history_wrap dl dd li span {background: transparent;}
/* url-color : maincolor */
body.lib_NE .view_thum .btn_view_type .btn_view_thum, body.lib_NE .search_result_head .btn_view_type .btn_view_thum:hover {background-image: url("data:image/svg+xml,")}
body.lib_NE .view_list .btn_view_type .btn_view_list, body.lib_NE .search_result_head .btn_view_type .btn_view_list:hover {background-image: url("data:image/svg+xml,");}
/*
body.lib_NE .btn.btn_multi_lang {background-image: url("data:image/svg+xml,");}
*/
body.lib_NE .btn.btn_reload {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z' fill='rgb(255, 145, 20, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_NE .list_btn::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M8 4H21V6H8V4ZM4.5 6.5C3.67157 6.5 3 5.82843 3 5C3 4.17157 3.67157 3.5 4.5 3.5C5.32843 3.5 6 4.17157 6 5C6 5.82843 5.32843 6.5 4.5 6.5ZM4.5 13.5C3.67157 13.5 3 12.8284 3 12C3 11.1716 3.67157 10.5 4.5 10.5C5.32843 10.5 6 11.1716 6 12C6 12.8284 5.32843 13.5 4.5 13.5ZM4.5 20.4C3.67157 20.4 3 19.7284 3 18.9C3 18.0716 3.67157 17.4 4.5 17.4C5.32843 17.4 6 18.0716 6 18.9C6 19.7284 5.32843 20.4 4.5 20.4ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='rgb(255, 145, 20, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_NE .prt_btn::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M17 2C17.5523 2 18 2.44772 18 3V7H21C21.5523 7 22 7.44772 22 8V18C22 18.5523 21.5523 19 21 19H18V21C18 21.5523 17.5523 22 17 22H7C6.44772 22 6 21.5523 6 21V19H3C2.44772 19 2 18.5523 2 18V8C2 7.44772 2.44772 7 3 7H6V3C6 2.44772 6.44772 2 7 2H17ZM16 17H8V20H16V17ZM20 9H4V17H6V16C6 15.4477 6.44772 15 7 15H17C17.5523 15 18 15.4477 18 16V17H20V9ZM8 10V12H5V10H8ZM16 4H8V7H16V4Z' fill='rgb(255, 145, 20, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_NE #section1 .section_bottom > .bottom_left > form > button {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='rgb(255, 145, 20, 1)'%3E%3C/path%3E%3C/svg%3E")no-repeat;}
body.lib_NE .btn.btn_xls_dn {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M2.85858 2.87756L15.4293 1.08175C15.7027 1.0427 15.9559 1.23265 15.995 1.50601C15.9983 1.52943 16 1.55306 16 1.57672V22.4237C16 22.6999 15.7761 22.9237 15.5 22.9237C15.4763 22.9237 15.4527 22.922 15.4293 22.9187L2.85858 21.1229C2.36593 21.0525 2 20.6306 2 20.1329V3.86751C2 3.36986 2.36593 2.94794 2.85858 2.87756ZM4 4.73481V19.2656L14 20.6942V3.30624L4 4.73481ZM17 19.0002H20V5.00022H17V3.00022H21C21.5523 3.00022 22 3.44793 22 4.00022V20.0002C22 20.5525 21.5523 21.0002 21 21.0002H17V19.0002ZM10.2 12.0002L13 16.0002H10.6L9 13.7145L7.39999 16.0002H5L7.8 12.0002L5 8.00022H7.39999L9 10.2859L10.6 8.00022H13L10.2 12.0002Z' fill='rgb(255, 145, 20, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_NE #section1 .section_bottom > .bottom_left > form > .search_box > select { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z' fill='rgb(255, 145, 20, 1)'%3E%3C/path%3E%3C/svg%3E")no-repeat right center;}
body.lib_NA .view_thum .btn_view_type .btn_view_thum, body.lib_NA .search_result_head .btn_view_type .btn_view_thum:hover {background-image: url("data:image/svg+xml,")}
body.lib_NA .view_list .btn_view_type .btn_view_list, body.lib_NA .search_result_head .btn_view_type .btn_view_list:hover {background-image: url("data:image/svg+xml,");}
/*body.lib_NA .btn.btn_multi_lang {background-image: url("data:image/svg+xml,");}
*/
body.lib_NA .btn.btn_reload {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z' fill='rgb(159, 0, 186, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_NA .list_btn::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M8 4H21V6H8V4ZM4.5 6.5C3.67157 6.5 3 5.82843 3 5C3 4.17157 3.67157 3.5 4.5 3.5C5.32843 3.5 6 4.17157 6 5C6 5.82843 5.32843 6.5 4.5 6.5ZM4.5 13.5C3.67157 13.5 3 12.8284 3 12C3 11.1716 3.67157 10.5 4.5 10.5C5.32843 10.5 6 11.1716 6 12C6 12.8284 5.32843 13.5 4.5 13.5ZM4.5 20.4C3.67157 20.4 3 19.7284 3 18.9C3 18.0716 3.67157 17.4 4.5 17.4C5.32843 17.4 6 18.0716 6 18.9C6 19.7284 5.32843 20.4 4.5 20.4ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='rgb(159, 0, 186, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_NA .prt_btn::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M17 2C17.5523 2 18 2.44772 18 3V7H21C21.5523 7 22 7.44772 22 8V18C22 18.5523 21.5523 19 21 19H18V21C18 21.5523 17.5523 22 17 22H7C6.44772 22 6 21.5523 6 21V19H3C2.44772 19 2 18.5523 2 18V8C2 7.44772 2.44772 7 3 7H6V3C6 2.44772 6.44772 2 7 2H17ZM16 17H8V20H16V17ZM20 9H4V17H6V16C6 15.4477 6.44772 15 7 15H17C17.5523 15 18 15.4477 18 16V17H20V9ZM8 10V12H5V10H8ZM16 4H8V7H16V4Z' fill='rgb(159, 0, 186, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_NA #section1 .section_bottom > .bottom_left > form > button {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='rgb(159, 0, 186, 1)'%3E%3C/path%3E%3C/svg%3E")no-repeat;}
/*body.lib_NA .btn.btn_xls_dn {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M2.85858 2.87756L15.4293 1.08175C15.7027 1.0427 15.9559 1.23265 15.995 1.50601C15.9983 1.52943 16 1.55306 16 1.57672V22.4237C16 22.6999 15.7761 22.9237 15.5 22.9237C15.4763 22.9237 15.4527 22.922 15.4293 22.9187L2.85858 21.1229C2.36593 21.0525 2 20.6306 2 20.1329V3.86751C2 3.36986 2.36593 2.94794 2.85858 2.87756ZM4 4.73481V19.2656L14 20.6942V3.30624L4 4.73481ZM17 19.0002H20V5.00022H17V3.00022H21C21.5523 3.00022 22 3.44793 22 4.00022V20.0002C22 20.5525 21.5523 21.0002 21 21.0002H17V19.0002ZM10.2 12.0002L13 16.0002H10.6L9 13.7145L7.39999 16.0002H5L7.8 12.0002L5 8.00022H7.39999L9 10.2859L10.6 8.00022H13L10.2 12.0002Z' fill='rgb(159, 0, 186, 1)'%3E%3C/path%3E%3C/svg%3E");}*/
body.lib_NA #section1 .section_bottom > .bottom_left > form > .search_box > select { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z' fill='rgb(159, 0, 186, 1)'%3E%3C/path%3E%3C/svg%3E")no-repeat right center;}
body.lib_SS .view_thum .btn_view_type .btn_view_thum, body.lib_SS .search_result_head .btn_view_type .btn_view_thum:hover {background-image: url("data:image/svg+xml,")}
body.lib_SS .view_list .btn_view_type .btn_view_list, body.lib_SS .search_result_head .btn_view_type .btn_view_list:hover {background-image: url("data:image/svg+xml,");}
body.lib_SS .btn.btn_multi_lang {background-image: url("data:image/svg+xml,");}
body.lib_SS .btn.btn_reload {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z' fill='rgba(55, 164, 233, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_SS .list_btn::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M8 4H21V6H8V4ZM4.5 6.5C3.67157 6.5 3 5.82843 3 5C3 4.17157 3.67157 3.5 4.5 3.5C5.32843 3.5 6 4.17157 6 5C6 5.82843 5.32843 6.5 4.5 6.5ZM4.5 13.5C3.67157 13.5 3 12.8284 3 12C3 11.1716 3.67157 10.5 4.5 10.5C5.32843 10.5 6 11.1716 6 12C6 12.8284 5.32843 13.5 4.5 13.5ZM4.5 20.4C3.67157 20.4 3 19.7284 3 18.9C3 18.0716 3.67157 17.4 4.5 17.4C5.32843 17.4 6 18.0716 6 18.9C6 19.7284 5.32843 20.4 4.5 20.4ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='rgba(55, 164, 233, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_SS .prt_btn::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M17 2C17.5523 2 18 2.44772 18 3V7H21C21.5523 7 22 7.44772 22 8V18C22 18.5523 21.5523 19 21 19H18V21C18 21.5523 17.5523 22 17 22H7C6.44772 22 6 21.5523 6 21V19H3C2.44772 19 2 18.5523 2 18V8C2 7.44772 2.44772 7 3 7H6V3C6 2.44772 6.44772 2 7 2H17ZM16 17H8V20H16V17ZM20 9H4V17H6V16C6 15.4477 6.44772 15 7 15H17C17.5523 15 18 15.4477 18 16V17H20V9ZM8 10V12H5V10H8ZM16 4H8V7H16V4Z' fill='rgba(55, 164, 233, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_SS #section1 .section_bottom > .bottom_left > form > button {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='rgba(55, 164, 233, 1)'%3E%3C/path%3E%3C/svg%3E")no-repeat;}
body.lib_SS .btn.btn_xls_dn {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M2.85858 2.87756L15.4293 1.08175C15.7027 1.0427 15.9559 1.23265 15.995 1.50601C15.9983 1.52943 16 1.55306 16 1.57672V22.4237C16 22.6999 15.7761 22.9237 15.5 22.9237C15.4763 22.9237 15.4527 22.922 15.4293 22.9187L2.85858 21.1229C2.36593 21.0525 2 20.6306 2 20.1329V3.86751C2 3.36986 2.36593 2.94794 2.85858 2.87756ZM4 4.73481V19.2656L14 20.6942V3.30624L4 4.73481ZM17 19.0002H20V5.00022H17V3.00022H21C21.5523 3.00022 22 3.44793 22 4.00022V20.0002C22 20.5525 21.5523 21.0002 21 21.0002H17V19.0002ZM10.2 12.0002L13 16.0002H10.6L9 13.7145L7.39999 16.0002H5L7.8 12.0002L5 8.00022H7.39999L9 10.2859L10.6 8.00022H13L10.2 12.0002Z' fill='rgba(55, 164, 233, 1)'%3E%3C/path%3E%3C/svg%3E");}
body.lib_SS #section1 .section_bottom > .bottom_left > form > .search_box > select { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z' fill='rgba(55,164, 233,1)'%3E%3C/path%3E%3C/svg%3E")no-repeat right center;}
/* url-color #fff */
body.lib_NA .pri.list_btn::before, body.lib_SS .pri.list_btn::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='rgba(255, 255, 255, 1)'%3E%3C/path%3E%3C/svg%3E");}
/* footer : maincolor 보다 밝은 컬러*/
body.lib_NE .bottom_nav a strong, body.lib_NE .join-wrap .info a {color: #ffa71f;}
body.lib_NE .find_pw_id input:hover {border-color: #ffa71f;}
body.lib_NA .bottom_nav a strong, body.lib_NA .join-wrap .info a {color: #e050f9;}
body.lib_NA .find_pw_id input:hover {border-color: #e050f9;}
body.lib_SS .bottom_nav a strong, body.lib_SS .join-wrap .info a {color: #39a1ff;}
body.lib_SS .find_pw_id input:hover {border-color: #39a1ff;}
/* maincolor 보다 어두운 컬러 */
body.lib_NE .btn.btn1:hover, body.lib_NE .btn.pri:hover, body.lib_NE .login-body .login button:hover, body.lib_NE .btn.reg_check_btn:hover {background-color: #fd710a;}
body.lib_NE .btn.btn1:hover, body.lib_NE .btn.pri:hover, body.lib_NE .btn.scd:hover, body.lib_NE .btn.reg_check_btn:hover {border-color: #fd710a;}
body.lib_NE .ym_btns #monthSelect:hover {background: #fd710a; color: #fff;}
body.lib_NA .btn.btn1:hover, body.lib_NA .btn.pri:hover, body.lib_NA .login-body .login button:hover, body.lib_NA .btn.reg_check_btn:hover {background-color: #66238d;}
body.lib_NA .btn.btn1:hover, body.lib_NA .btn.pri:hover, body.lib_NA .btn.scd:hover, body.lib_NA .btn.reg_check_btn:hover {border-color: #66238d;}
body.lib_NA .ym_btns #monthSelect:hover {background: #66238d; color: #fff;}
body.lib_SS .btn.btn1:hover, body.lib_SS .btn.pri:hover, body.lib_SS .login-body .login button:hover, body.lib_SS .btn.reg_check_btn:hover {background-color: #188BF4;}
body.lib_SS .btn.btn1:hover, body.lib_SS .btn.pri:hover, body.lib_SS .btn.scd:hover, body.lib_SS .btn.reg_check_btn:hover {border-color: #188BF4;}
body.lib_SS .ym_btns #monthSelect:hover {background: #188BF4; color: #fff;}
/* 적용 버튼 color : 변경no */
body.lib_NE .search_condition .btn.pri, body.lib_NA .search_condition .btn.pri, body.lib_SS .search_condition .btn.pri { background-color: #444; border-color: #333;}
body.lib_NE .search_condition .btn.pri:hover, body.lib_NA .search_condition .btn.pri:hover, body.lib_SS .search_condition .btn.pri:hover { background-color: #000; border-color: #000;}
/* 자주하는 질문 - a 아이콘 수정 */
body.lib_YB .faqArea .faq .a .tit::before, body.lib_NE .faqArea .faq .a .tit::before, body.lib_NA .faqArea .faq .a .tit::before, body.lib_SS .faqArea .faq .a .tit::before {border: 2px solid ; background: #fff;}
/* 퀵메뉴 말풍선모양 수정 */
body.lib_NE .quick_menu h3, body.lib_NA .quick_menu h3, body.lib_SS .quick_menu h3 {position: relative; border-radius: 10px 10px 0 0; height: 70px;}
body.lib_NE .quick_menu h3:after {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 8px solid transparent; border-bottom: 0; margin-left: -8px; margin-bottom: -6px; border-top-color: #ff9114;}
body.lib_NA .quick_menu h3:after {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 8px solid transparent; border-bottom: 0; margin-left: -8px; margin-bottom: -6px; border-top-color: #9f00ba;}
body.lib_SS .quick_menu h3:after {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 8px solid transparent; border-bottom: 0; margin-left: -8px; margin-bottom: -6px; border-top-color: #37a4e9;}
body.lib_NE .quick_menu ul, body.lib_NA .quick_menu ul, body.lib_SS .quick_menu ul {padding-top: 30px;}
/* 비활성화 변경no */
body.lib_NE .btn.scd:hover, body.lib_NE .intro_contant_bg {background-color: #fff5eb;}
body.lib_NA .btn.scd:hover, body.lib_NA .intro_contant_bg {background-color: #faf2ff;}
body.lib_SS .btn.scd:hover, body.lib_SS .intro_contant_bg {background-color: #f3f8ff;}
body.lib_NE .btn2.btn_reserve1.disabled, body.lib_NE.btn2.btn_reserve2.disabled, body.lib_NA .btn2.btn_reserve1.disabled, body.lib_NA.btn2.btn_reserve2.disabled, body.lib_SS .btn2.btn_reserve1.disabled, body.lib_SS.btn2.btn_reserve2.disabled {background-color: #757575;}
body.lib_NE .sitemap_wrap > ul ul li a:hover, body.lib_NE .gnb > ul > li.on ul{background-color: #fff5eb;}
body.lib_NA .sitemap_wrap > ul ul li a:hover, body.lib_NA .gnb > ul > li.on ul{background-color: #f7f5ff;}
body.lib_SS .sitemap_wrap > ul ul li a:hover, body.lib_SS .gnb > ul > li.on ul {background-color: #f7faff;}
body.lib_NE #fp-nav ul li a span {background: #d6c7b7;}
body.lib_NA #fp-nav ul li a span {background: #c6b7cf;}
body.lib_SS #fp-nav ul li a span {background: #96a8c5;}
body.lib_NE article.search_result_wrap.view_thum .h4, body.lib_NA article.search_result_wrap.view_thum .h4, body.lib_SS article.search_result_wrap.view_thum .h4 {color: #252525;}
/* 조직도 수정*/
body.lib_YB .group_wrap ol > li > span.box, body.lib_NE .group_wrap ol > li > span.box, body.lib_NA .group_wrap ol > li > span.box, body.lib_SS .group_wrap ol > li > span.box {border-radius: 40px;}
body.lib_YB .group_wrap ul > li {border: 1px solid #10b8aa; border-radius: 40px; color: #555; background: #01ab9d0f; font-weight: 600;}
body.lib_NE .group_wrap ul > li {border: 1px solid #ffa535; border-radius: 40px; color: #555; background: #ff91140a; font-weight: 600;}
body.lib_NA .group_wrap ul > li {border: 1px solid #9f83af ; border-radius: 40px; color: #555; background: #7e26b10a; font-weight: 600;}
body.lib_SS .group_wrap ul > li {border: 1px solid #a6c9df ; border-radius: 40px; color: #555; background: #37a4e90a; font-weight: 600;}
body.lib_YB .group_wrap, body.lib_NE .group_wrap, body.lib_NA .group_wrap, body.lib_SS .group_wrap {margin-bottom: 60px;}
/* 오시는길 아이콘 */
body.lib_YB .add_wrap li, body.lib_NE .add_wrap li, body.lib_NA .add_wrap li, body.lib_SS .add_wrap li {background: none; padding-left: 0;}
body.lib_YB .add_wrap li::before, body.lib_NE .add_wrap li::before, body.lib_NA .add_wrap li::before, body.lib_SS .add_wrap li::before {content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 10px; margin-right: 15px;}
/* 시설안내 */
body.lib_YB .fac_list figure, body.lib_NE .fac_list figure, body.lib_NA .fac_list figure, body.lib_SS .fac_list figure {width: 48%; padding: 0; border-radius: 0; background: none; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.15);}
body.lib_YB .fac_list figure span, body.lib_NE .fac_list figure span, body.lib_NA .fac_list figure span, body.lib_SS .fac_list figure span {border: 0; border-radius: 0;}
body.lib_YB .fac_list figure figcaption, body.lib_NE .fac_list figure figcaption, body.lib_NA .fac_list figure figcaption, body.lib_SS .fac_list figure figcaption {padding: 20px 15px; background: #fff; display: block; color: #555; font-weight: 600; top: 0; position: static; transform: none;}
body.lib_YB .fac_list figure figcaption::before, body.lib_NE .fac_list figure figcaption::before, body.lib_NA .fac_list figure figcaption::before, body.lib_SS .fac_list figure figcaption::before {content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 5px; margin-right: 8px;}
/* 회원정보수정 */
body.lib_NE .join-wrap table .btn, body.lib_NA .join-wrap table .btn, body.lib_SS .join-wrap table .btn {color: #fff;}
/* 연혁수정 */
body.lib_YB .history_wrap dl .h4_deco, body.lib_NE .history_wrap dl .h4_deco, body.lib_SS .history_wrap dl .h4_deco, body.lib_NA .history_wrap dl .h4_deco, body.lib_CH .history_wrap dl .h4_deco {width: 90px; margin: 0 25px 0 0; padding: 0; font-size: 26px; font-weight: 900;}
body.lib_YB .history_wrap dl dd, body.lib_NE .history_wrap dl dd, body.lib_SS .history_wrap dl dd, body.lib_NA .history_wrap dl dd, body.lib_CH .history_wrap dl dd {width: calc(100% - 115px);}
body.lib_YB .history_wrap dl, body.lib_SS .history_wrap dl, body.lib_NE .history_wrap dl, body.lib_NA .history_wrap dl, body.lib_CH .history_wrap dl {display: flex; flex-flow: row wrap; margin: 50px 15px; gap: 40px 0;}
body.lib_YB .history_wrap dl dd li, body.lib_SS .history_wrap dl dd li, body.lib_NE .history_wrap dl dd li,body.lib_NA .history_wrap dl dd li {font-size: 18px;}
body.lib_YB .history_wrap dl dd li span, body.lib_SS .history_wrap dl dd li span, body.lib_NE .history_wrap dl dd li span, body.lib_NA .history_wrap dl dd li span, body.lib_CH .history_wrap dl dd li span {border:none; display: inline; border-radius: 0; color: #333; line-height: 0; font-weight: 800; margin-right: 15px;}
body.lib_YB .history_wrap dl dd li span::before, body.lib_SS .history_wrap dl dd li span::before, body.lib_NE .history_wrap dl dd li span::before, body.lib_NA .history_wrap dl dd li span::before, body.lib_CH .history_wrap dl dd li span::before {display: none;}
/* 2023.10.06수정LHJ 인사말 */
.intro_contant_wrap {display: flex; align-items: flex-start;}
body.lib_NE .libimg {background: url("/resources/homepage/naemyeon/img/intro_bg02.png")no-repeat bottom center; background-size: cover; width: 370px; height: 460px; margin-right: 40px; filter: drop-shadow(7px 7px 10px rgba(0, 0, 0, 0.20));}
body.lib_NA .libimg {background: url("/resources/homepage/nammyeon/img/nam_intro_bg.png")no-repeat bottom center; background-size: cover; width: 370px; height: 460px; margin-right: 40px; filter: drop-shadow(7px 7px 10px rgba(0, 0, 0, 0.20));}
body.lib_SS .libimg {background: url("/resources/homepage/sslib/img/sslib_intro_bg.png")no-repeat bottom center; background-size: cover; width: 370px; height: 460px; margin-right: 40px; filter: drop-shadow(7px 7px 10px rgba(0, 0, 0, 0.20));}
body.lib_YB .libimg {background: url("/resources/homepage/yblib/img/yblib_intro_bg.png")no-repeat bottom center; background-size: cover; width: 370px; height: 460px; margin-right: 40px; filter: drop-shadow(7px 7px 10px rgba(0, 0, 0, 0.20));}
.intro_text_title_wrap {display: flex; flex-direction: column; margin: 20px 0;}
.intro_text_title_wrap p {line-height: 1.6; color: #242424;}
.intro_text_title_wrap p:nth-of-type(1) {font-size: 16px; font-weight: 400; color: #8d8d8d;}
.intro_text_title_wrap p:nth-of-type(2) {font-size: 26px; font-weight: 800;}
.intro_text_title_wrap p:nth-of-type(2) .title_color {color: #01AB9D; margin-right: 10px;}
.intro_text_wrap {padding: 25px 0;}
.intro_text_wrap p {margin-bottom: 20px;}
.intro_text_wrap p span {font-size: 16px; color: #3a3a3a; font-weight: 400; line-height: 1.5; display: block;}
.intro_contant_bg {position: absolute; z-index: -1; background-color: #f4fbf9; height: 425px; width: 60%; right: 0; top: 290px;}
@media screen and (max-width: 1475px) {
body.lib_NE .quick_menu ul > li:nth-of-type(1) > a, body.lib_NA .quick_menu ul > li:nth-of-type(1) > a, body.lib_SS .quick_menu ul > li:nth-of-type(1) > a {padding-top: 30px;}
}
@media screen and (max-width: 1230px) {
.intro_contant_bg {height: 475px; width: 70%; top: 330px;}
}
@media screen and (max-width: 1023px) {
body.lib_NE #fullpage #section1 .section_bottom > .bottom_left > form > button {background-color: #ff9114;}
body.lib_NE .h_right .tnb {background: linear-gradient(100.51deg, #fb8016 28.67%, #ffab40 87.37%);}
body.lib_NE .group_table tbody tr td.w_place {border-color: #ff9114; background: #ff9114;}
body.lib_NA #fullpage #section1 .section_bottom > .bottom_left > form > button {background-color: #9f00ba;}
body.lib_NA .h_right .tnb {background:linear-gradient(100.51deg, #9700b1 28.67%, #c100cb 87.37%);}
body.lib_NA .group_table tbody tr td.w_place {border-color: #9f00ba; background: #9f00ba;}
body.lib_SS #fullpage #section1 .section_bottom > .bottom_left > form > button {background-color: #37a4e9;}
body.lib_SS .h_right .tnb {background:linear-gradient(100.51deg, #37a4e9 28.67%, #54bfff 87.37%) ;}
body.lib_SS .group_table tbody tr td.w_place {border-color: #37a4e9; background: #37a4e9;}
}
@media screen and (max-width: 1000px) {
.intro_contant_bg {height: 435px; width: 90%; top: 220px;}
}
@media screen and (max-width: 940px) {
.intro_contant_bg {height: 60%; top: 260px;}
}
@media screen and (max-width: 768px) {
.intro_contant_wrap{align-items:center}
body.lib_NA .libimg {width: calc(100% + 40px); height: 450px; margin: 0px -20px; background-position: top;}
.intro_contant_wrap {flex-direction: column;}
.intro_text_wrap {padding: 10px 0;}
.intro_text_title_wrap {text-align: center; margin: 30px 0 10px;}
.intro_text_title_wrap p {line-height: 1.3em;}
.intro_text_title_wrap p:nth-of-type(1) {margin-bottom: 10px;}
.intro_Wrap {margin: 0 auto;}
.intro_contant_bg {height: 90%; width: 100%; left: 0; top: 360px; display: none;}
}
@media screen and (max-width: 480px) {
body.lib_NA .libimg {height: 300px;}
}