@charset "utf-8";
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 300;src: url('../font/NotoSansKR-Light.woff2') format('woff2'),url('../font/NotoSansKR-Light.woff') format('woff'),url('../font/NotoSansKR-Light.otf') format('opentype')}
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 400;src: url('../font/NotoSansKR-Regular.woff2') format('woff2'),url('../font/NotoSansKR-Regular.woff') format('woff'),url('../font/NotoSansKR-Regular.otf') format('opentype')}
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 500;src: url('../font/NotoSansKR-Medium.woff2') format('woff2'),url('../font/NotoSansKR-Medium.woff') format('woff'),url('../font/NotoSansKR-Medium.otf') format('opentype')}
@font-face {font-family: 'Univers LT Std'; src: url('../font/UniversLTStd-UltraCn.eot'); src: url('../font/UniversLTStd-UltraCn.eot?#iefix') format('embedded-opentype'), url('../font/UniversLTStd-UltraCn.woff2') format('woff2'), url('../font/UniversLTStd-UltraCn.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Pretendard';font-weight: 900;font-display: swap;src: local('Pretendard Black'), url('../font/Pretendard-Black.woff2') format('woff2'), url('../font/Pretendard-Black.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 800;font-display: swap;src: local('Pretendard ExtraBold'), url('../font/Pretendard-ExtraBold.woff2') format('woff2'), url('../font/Pretendard-ExtraBold.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 700;font-display: swap;src: local('Pretendard Bold'), url('../font/Pretendard-Bold.woff2') format('woff2'), url('../font/Pretendard-Bold.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 600;font-display: swap;src: local('Pretendard SemiBold'), url('../font/Pretendard-SemiBold.woff2') format('woff2'), url('../font/Pretendard-SemiBold.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 500;font-display: swap;src: local('Pretendard Medium'), url('../font/Pretendard-Medium.woff2') format('woff2'), url('../font/Pretendard-Medium.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 400;font-display: swap;src: local('Pretendard Regular'), url('../font/Pretendard-Regular.woff2') format('woff2'), url('../font/Pretendard-Regular.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 300;font-display: swap;src: local('Pretendard Light'), url('../font/Pretendard-Light.woff2') format('woff2'), url('../font/Pretendard-Light.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 200;font-display: swap;src: local('Pretendard ExtraLight'), url('../font/Pretendard-ExtraLight.woff2') format('woff2'), url('../font/Pretendard-ExtraLight.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 100;font-display: swap;src: local('Pretendard Thin'), url('../font/Pretendard-Thin.woff2') format('woff2'), url('../font/Pretendard-Thin.woff') format('woff');}

@font-face {font-family: "NEXON Lv2 Gothic";src: url("../font/NEXONLv2GothicMedium.eot");src: url("../font/NEXONLv2GothicMedium.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2GothicMedium.woff2") format("woff2"), url("../font/NEXONLv2GothicMedium.woff") format("woff");font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: "NEXON Lv2 Gothic";src: url("../font/NEXONLv2GothicRegular.eot");src: url("../font/NEXONLv2GothicRegular.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2GothicRegular.woff2") format("woff2"), url("../font/NEXONLv2GothicRegular.woff") format("woff");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "NEXON Lv2 Gothic";src: url("../font/NEXONLv2GothicBold.eot");src: url("../font/NEXONLv2GothicBold.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2GothicBold.woff2") format("woff2"), url("../font/NEXONLv2GothicBold.woff") format("woff");font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: "NEXON Lv2 Gothic";src: url("../font/NEXONLv2GothicLight.eot");src: url("../font/NEXONLv2GothicLight.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2GothicLight.woff2") format("woff2"), url("../font/NEXONLv2GothicLight.woff") format("woff");font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: "NEXON Lv2 Gothic";src: url("../font/NEXONLv2GothicLight.eot");src: url("../font/NEXONLv2GothicLight.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2GothicLight.woff2") format("woff2"), url("../font/NEXONLv2GothicLight.woff") format("woff");font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: "NEXON Lv2 Gothic";src: url("../font/NEXONLv2GothicRegular.eot");src: url("../font/NEXONLv2GothicRegular.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2GothicRegular.woff2") format("woff2"), url("../font/NEXONLv2GothicRegular.woff") format("woff");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "NEXON Lv2 Gothic";src: url("../font/NEXONLv2GothicMedium.eot");src: url("../font/NEXONLv2GothicMedium.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2GothicMedium.woff2") format("woff2"), url("../font/NEXONLv2GothicMedium.woff") format("woff");font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: "NEXON Lv2 Gothic";src: url("../font/NEXONLv2GothicBold.eot");src: url("../font/NEXONLv2GothicBold.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2GothicBold.woff2") format("woff2"), url("../font/NEXONLv2GothicBold.woff") format("woff");font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: "GyeonggiTitleM";src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff") format("woff");font-weight: normal;font-style: normal;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;vertical-align:middle}

html, body { width:100%; height:100%}
body {font-size:15px; line-height:1; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight: 400 }
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {	content:'';content: none}
h1, h2, h3, h4, h5, h6 { font-weight:500; font-size:15px}


/*
대표 표인트 컬러
글자 #169dbf,
배경 #2bb0d1 hover:#19a5c7
*/

/* 상단검색 ms-clear 제거 */
#mSearch_txt::-ms-clear { display:none; }

/*링크줄없애기*/
a {color:#686969; text-decoration:none; cursor:pointer}
a:hover, a:focus {color:#f60}

/* SKIP */
a.skip { display: block; width:100%; height:28px; padding:12px 0 0 0; font-size:14px; text-align:center; margin-top:-40px; background:#5f5c59; color:#fff }
a.skip:hover,
a.skip:focus { margin:0}

/* GNB */

.vNav{ position:relative; width:96.5%;float:right; z-index:1030}
.vNav ul{position:relative; z-index:1040;}
.vNav li{ line-height:1.2em; position:relative; float: left; width:12.5%}
.vNav li a{ display:block; width:90%; padding: 12px 20px 2px 10px; height:32px; font-weight:500; font-size:21px;
 font-weight:normal; color:#373737;}
.vNav li a span { font-size: 17px; color: #fff}
.vNav li a:hover span,
.vNav li a:focus span {color:#314f2d;}
.sub_01 li.nav01>a>span,
.sub_02 li.nav02>a>span,
.sub_03 li.nav03>a>span,
.sub_04 li.nav04>a>span,
.sub_05 li.nav05>a>span,
.sub_06 li.nav06>a>span,
.sub_07 li.nav07>a>span,
.sub_08 li.nav08>a>span,
.sub_09 li.nav09>a>span,
.sub_10 li.nav10>a>span,
.sub_11 li.nav11>a>span,
.sub_12 li.nav12>a>span { color:#314f2d; border-bottom: solid 2px #314f2d; padding:9px 0 }

.vNav li ul{position:absolute; z-index:1500; padding:0; top:44px; width:100%; ; display:none; border-right:#ddd solid 1px}
.vNav li:first-child ul {border-left:#ddd solid 1px}

.vNav li li{ width:99.5%} /* width:100% */
.vNav li li a{ color:#666; font-weight:normal; font-size:15px; width:94%; height:23px; padding:8px 0 0 6%; position:relative; z-index:1600 !important}

.vNav li li:first-child a,
.vNav li li:first-child span { border:none; /* padding-top:14px */}
#vNav > li > ul> li:first-child > a {padding-top:14px}
/* .vNav li li:last-child a { padding-bottom:10px} */
.vNav li li a:hover, .vNav li li a:focus { color:#333;background:#f0f0f0;}

/* 부산 접근성 이슈 이후 수정 */
.vNav li ul ul { position: static;}

body.nav01_01 .nav01_01 a,
body.nav01_02 .nav01_02 a,
body.nav01_03 .nav01_03 a,
body.nav01_04 .nav01_04 a,
body.nav01_05 .nav01_05 a,
body.nav01_06 .nav01_06 a,
body.nav01_07 .nav01_07 a,
body.nav01_08 .nav01_08 a,
body.nav02_01 .nav02_01 a,
body.nav02_02 .nav02_02 a,
body.nav02_03 .nav02_03 a,
body.nav02_04 .nav02_04 a,
body.nav02_05 .nav02_05 a,
body.nav02_06 .nav02_06 a,
body.nav02_07 .nav02_07 a,
body.nav02_08 .nav02_08 a,
body.nav03_01 .nav03_01 a,
body.nav03_02 .nav03_02 a,
body.nav03_03 .nav03_03 a,
body.nav03_04 .nav03_04 a,
body.nav03_05 .nav03_05 a,
body.nav03_06 .nav03_06 a,
body.nav03_07 .nav03_07 a,
body.nav03_08 .nav03_08 a,
body.nav03_09 .nav03_09 a,
body.nav03_10 .nav03_10 a,
body.nav03_11 .nav03_11 a,
body.nav03_12 .nav03_12 a,
body.nav03_13 .nav03_13 a,
body.nav03_14 .nav03_14 a,
body.nav04_01 .nav04_01 a,
body.nav04_02 .nav04_02 a,
body.nav04_03 .nav04_03 a,
body.nav04_04 .nav04_04 a,
body.nav04_05 .nav04_05 a,
body.nav04_06 .nav04_06 a,
body.nav04_07 .nav04_07 a,
body.nav04_08 .nav04_08 a,
body.nav05_01 .nav05_01 a,
body.nav05_02 .nav05_02 a,
body.nav05_03 .nav05_03 a,
body.nav05_04 .nav05_04 a,
body.nav05_05 .nav05_05 a,
body.nav05_06 .nav05_06 a,
body.nav05_07 .nav05_07 a,
body.nav05_08 .nav05_08 a,
body.nav06_01 .nav06_01 a,
body.nav06_02 .nav06_02 a,
body.nav06_03 .nav06_03 a,
body.nav06_04 .nav06_04 a,
body.nav06_05 .nav06_05 a,
body.nav06_06 .nav06_06 a,
body.nav06_07 .nav06_07 a,
body.nav06_08 .nav06_08 a,

body.nav07_01 .nav07_01 a,
body.nav07_02 .nav07_02 a,
body.nav07_03 .nav07_03 a,
body.nav07_04 .nav07_04 a,
body.nav07_05 .nav07_05 a,
body.nav07_06 .nav07_06 a,
body.nav07_07 .nav07_07 a,
body.nav07_08 .nav07_08 a,
body.nav07_09 .nav07_09 a,
body.nav07_10 .nav07_10 a,
body.nav07_11 .nav07_11 a,
body.nav07_12 .nav07_12 a,
body.nav07_13 .nav07_13 a,
body.nav07_14 .nav07_14 a,
body.nav07_15 .nav07_15 a,
body.nav07_16 .nav07_16 a,
body.nav07_17 .nav07_17 a,
body.nav07_18 .nav07_18 a,
body.nav07_19 .nav07_19 a,
body.nav07_20 .nav07_20 a,
body.nav07_21 .nav07_21 a,
body.nav07_22 .nav07_22 a,
body.nav07_23 .nav07_23 a,
body.nav07_24 .nav07_24 a,
body.nav07_25 .nav07_25 a,

body.nav08_01 .nav08_01 a,
body.nav08_02 .nav08_02 a,
body.nav08_03 .nav08_03 a,
body.nav08_04 .nav08_04 a,
body.nav08_05 .nav08_05 a,
body.nav08_06 .nav08_06 a,
body.nav08_07 .nav08_07 a,
body.nav08_08 .nav08_08 a,
body.nav08_09 .nav08_09 a,
body.nav08_10 .nav08_10 a,
body.nav08_11 .nav08_11 a,
body.nav08_12 .nav08_12 a,
body.nav08_13 .nav08_13 a,
body.nav08_14 .nav08_14 a,
body.nav08_15 .nav08_15 a,
body.nav08_16 .nav08_16 a,
body.nav08_17 .nav08_17 a,
body.nav08_18 .nav08_18 a,


body.nav09_01 .nav09_01 a,
body.nav09_02 .nav09_02 a,
body.nav09_03 .nav09_03 a,
body.nav09_04 .nav09_04 a,
body.nav09_05 .nav09_05 a,
body.nav09_06 .nav09_06 a,
body.nav09_07 .nav09_07 a,
body.nav09_08 .nav09_08 a { color:#00add0;background:#f0f0f0;}



.vNav li.active{ z-index:2;}



.vNav6>li { width:16.5%}
.vNav6>li:first-child { width:17.5%}
.vNav7>li { width:14%}
.vNav7>li:first-child { width:16%}
.vNav8>li { width:12.5%}
.vNav8>li { width:12.5%}
.vNav9>li { width:11%}
.vNav9>li:first-child  { width:12%}
.vNav10>li { width:10%}



.bg-banner {background: #f9f9f9; height: 435px; left: 0; position: absolute; top: 100px; width: 100%; z-index: 1010; display: none; border-top: solid 1px #ddd; box-shadow:0 2px 2px rgba(0,0,0,0.2)}
.gnb_wrap3 .vNav ul ul,
.gnb_wrap3 .bg-banner { height: 140px;}
.gnb_wrap4 .vNav ul ul,
.gnb_wrap4 .bg-banner { height: 170px;}
.gnb_wrap5 .vNav ul ul,
.gnb_wrap5 .bg-banner { height: 200px;}
.gnb_wrap6 .vNav ul ul,
.gnb_wrap6 .bg-banner { height: 230px;}
.gnb_wrap7 .vNav ul ul,
.gnb_wrap7 .bg-banner { height: 260px;}
.gnb_wrap8 .vNav ul ul,
.gnb_wrap8 .bg-banner { height: 290px;}
.gnb_wrap9 .vNav ul ul,
.gnb_wrap9 .bg-banner { height: 320px;}
.gnb_wrap10 .vNav ul ul,
.gnb_wrap10 .bg-banner { height: 350px;}
.gnb_wrap11 .vNav ul ul,
.gnb_wrap11 .bg-banner { height: 380px;}
.gnb_wrap12 .vNav ul ul,
.gnb_wrap12 .bg-banner { height: 410px;}
.gnb_wrap13 .vNav ul ul,
.gnb_wrap13 .bg-banner { height: 440px;}
.gnb_wrap14 .vNav ul ul,
.gnb_wrap14 .bg-banner { height: 470px;}
.gnb_wrap15 .vNav ul ul,
.gnb_wrap15 .bg-banner { height: 500px} /* 501px; */
.gnb_wrap16 .vNav ul ul,
.gnb_wrap16 .bg-banner { height: 530px} /* 539px; */
.gnb_wrap17 .vNav ul ul,
.gnb_wrap17 .bg-banner { height: 560px} /* 577px; */
.gnb_wrap18 .vNav ul ul,
.gnb_wrap18 .bg-banner { height: 600px} /* 615px; */
.gnb_wrap19 .vNav ul ul,
.gnb_wrap19 .bg-banner { height: 630px} /* 653px; */
.gnb_wrap20 .vNav ul ul,
.gnb_wrap20 .bg-banner { height: 668px} /* 691px; */
.gnb_wrap21 .vNav ul ul,
.gnb_wrap21 .bg-banner { height: 690px}
.gnb_wrap22 .vNav ul ul,
.gnb_wrap22 .bg-banner { height: 728px}
.gnb_wrap23 .vNav ul ul,
.gnb_wrap23 .bg-banner { height: 756px}
.gnb_wrap24 .vNav ul ul,
.gnb_wrap24 .bg-banner { height: 784px}
.gnb_wrap25 .vNav ul ul,
.gnb_wrap25 .bg-banner { height: 812px}

.gnb_wrap20 li li a,
.gnb_wrap21 li li a,
.gnb_wrap22 li li a,
.gnb_wrap23 li li a,
.gnb_wrap24 li li a,
.gnb_wrap25 li li a { padding-top: 5px; height: 23px }

.gnb_wrap .vNav ul ul ul { height: inherit; }

span.divBook,
span.divSer,
span.divBth { display:block; font-size:16px; width:94%; height:23px; padding:15px 0 0 6%;font-weight:400}

span.divBook:after,
span.divSer:after,
span.divBth:after,
.vNav li li a.divBook:after,
.vNav li li a.divSer:after,
.vNav li li a.divBth:after { display:inline-block; content:""; width: 12px; height: 8px; background: url(../../resources/images/icon_book_div.gif) right 0 no-repeat}
span.divSer:after,
.vNav li li a.divSer:after { background-position: right -26px}
span.divBth:after,
.vNav li li a.divBth:after { background-position: right -52px}

.env_setup { position: absolute; left:50%; margin-left:446px; top:64px; z-index: 1600}
.env_setup>a { display: block;width: 40px; height: 40px; text-align:right}
.env_setup>a.on { width: 100px}
#env_setup { position: absolute; right: 9px; top: 35px; width:100px; display:none; border:#ddd 1px solid}
#env_setup li {padding:0 14px;background: #fff}
#env_setup li a { display: block; padding:8px 0; color:#666;  border-top:#ddd dotted 1px}
#env_setup li:first-child a{ border:none; padding-top:12px}
#env_setup li:last-child a { padding-bottom:12px}
#env_setup li a:hover,
#env_setup li a:focus { color:#169dbf}

input#backBtn, input#goBtn { border-radius: 0; height: 57px}


/* LAYOUT */
.body_wrap,
.footer_wrap { min-width:1010px}
.h1Logo,
h1#home a { font-size: 0 }
h1#home a { display:block; background:url(../../resources/images/h1.png) no-repeat 0 3px; overflow:hidden; text-indent:-9999px}
.h1Logo a img { max-height: 40px;}
.h1CultureDay { display: none}


/* 고정형 테이블(설정형 그리드) */
.fixed_grid{width: 100%; overflow:auto; position: relative; margin-top: 3px;}
/*.fixed_grid table{min-width: 1920px;}*/
.fixed_grid table{table-layout: fixed;}
.fixed_grid table td{word-break:break-all;}
#gridSetting{background: url("../images/ico_gridSetting.svg")left 10px top 7px no-repeat; padding: 0 0 0 38px; color: #f6f6f6;}
#gridSetting:hover{background: url("../images/ico_gridSetting_on.svg")left 10px top 7px no-repeat; color: #f6f6f6;}

/* 고정형 테이블(설정형 그리드) 슬라이드 안내 */
@-webkit-keyframes slideMove {
 0% { left: -10px; }
 50% { left: calc(100% - 10px);}
 100% { left: -10px; }
}

@keyframes slideMove {
 0% { left: -10px; }
 50% { left: calc(100% - 10px);}
 100% { left: -10px; }
}

@keyframes arrowMovetopRight {
 0%,
 100% {
  transform: translate(0, 0) rotate(-190deg);
 }

 50% {
  transform: translate(8px, 8px) rotate(-190deg);
 }
}

.fixed_grid_bg{position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 100; display: none;}
.fixed_grid_bg .inner{width: 100vw; position: relative;}
.fixed_grid_bg p{color: #fff; font-size: 18px;}
.fixed_grid_bg p em{color:#85e9ff; font-style: normal; vertical-align: baseline; font-weight: 500;}
.fixed_grid_bg .arrow_left{position: absolute; left: 27%; top: 320px;}
.fixed_grid_bg .fg_txt{position: relative;}
.arrowInfo_bleft{animation: arrowMovetopRight 1s ease-in-out infinite; position: absolute; left: -200px; bottom: -70px;}
.fixed_grid_bg .fg_txt p{display: block; padding-top: 60px; text-align: center; margin: 0 auto;}
.fixed_grid_bg .fg_txt span{position: relative; display: block; margin: 34px auto 0; border-top: 4px solid #fff; width: 160px; border-radius: 6px;}

.fixed_grid_bg .fg_txt02{position: relative;}
.fixed_grid_bg .fg_txt02 p{padding-top: 113px;}
.fixed_grid_bg .arrow_right{position: absolute; top: 46px; right:7%; width: 870px;}
.arrowInfo_tright{animation: arrowMovetopRight 1s ease-in-out infinite; position: absolute; right: 0; top: 0;}

.fixed_grid_bg .fg_txt span img{
 -webkit-animation: slideMove 3s infinite ease-in-out;
 animation: slideMove 3s infinite ease-in-out;
 position: absolute;
 left: -10px;
 top: -7px;
 width: 56px;
}

.fixed_grid_bg.on{display: block;}

/* 테이블설정 스위치 토글 */
.toggle_switch {
 position: relative;
 display: inline-block;
 width: 120px;
 height: 34px;
 vertical-align:middle !important;
}

.toggle_switch input {display:none;}
.toggle_switch .slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #2d5785;
 -webkit-transition: .4s;
 transition: .4s;
}

.toggle_switch .slider:hover{background-color: #19406a;}

.toggle_switch .slider:before {
 position: absolute;
 content: "";
 height: 26px;
 width: 26px;
 left: 4px;
 bottom: 4px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
}

input:checked + .slider {background-color: #1aa2c0;}
input:checked + .slider:hover{background-color: #47b8d0;}
/*input:focus + .slider {box-shadow: 0 0 1px #2196F3;}*/
input:checked + .slider:before {
 -webkit-transform: translateX(85px);
 -ms-transform: translateX(85px);
 transform: translateX(85px);
}

.toggle_switch .on{display: none; color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 40%; font-size: 14px; background: url("../images/ico_gridFixed.svg") left center no-repeat; padding-left: 26px;}
.toggle_switch .off{color: white; position: absolute; transform: translate(0%,-50%); top: 50%; left: 32%; font-size: 14px; background: url("../images/ico_gridReact.svg") left center no-repeat; padding-left: 30px;}
input:checked+ .slider .on{display: block;}
input:checked + .slider .off{display: none;}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/* 고정형테이블 플로팅 스크롤바 */
div[class^=scrollWrap] {margin-bottom: 10px; display: none;}
input[class^=scoll_slider] {
 appearance: none;
 -webkit-appearance: none;
 width: 100%;
 height: 8px;
 background: rgba(0,0,0,.05);
 outline: none;
 opacity: 0.7;
 -webkit-transition: .2s;
 transition: opacity .2s;
 border-radius:8px;
}

input[class^=scoll_slider]:hover {opacity: 1;}

input[class^=scoll_slider]::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 /*width: 100px;*/
 height: 8px;
 background:rgba(0,0,0,.2);
 cursor: pointer;
 border-radius:8px;
}

input[class^=scoll_slider]::-moz-range-thumb {
 /*width: 100px;*/
 height: 8px;
 background: rgba(0,0,0,.2);
 cursor: pointer;
}


/* 반응형 테이블(반응형 그리드) */
.reactive_grid{width: 100%;}
.reactive_grid table th, .reactive_grid table td{word-break:break-word;}

/* LOGIN  */
body.login { background: #f9f9f9}
body.login .container { width: 600px; margin: 0 auto;}
body.login h1 {width: auto; height: 130px; background: url("../images/h1Login.png") no-repeat center center; font-size: 0}
body.login h1.h1Busan { display: none}
body.login h2 { background: #29c7ca; color: #fff; font-size: 26px; text-align: center; padding:26px 0;}
body.login.busan h2 {background: #005ca9;}
body.login h3 { font-size: 27px; font-weight: 300; text-align: center; color: #2a9cb4; padding:50px 0}

body.login #manager_id,
body.login #password { width: 100%; height: 38px; background: url(../images/loginInputBg.png) no-repeat 95% 5px; text-indent: 15px;}
body.login #password { background-position: 95% -39px; margin-bottom: 20px}

body.login .btn_login{width:100%; height: 50px; color: #fff; background: #556080; text-align: center; margin:10px 0; border:none; border-radius: 3px; font-size: 16px;}
body.login .gpki .btn_login {left: 13%; width: 77%}
body.login .btn_login:hover,
body.login .btn_login:focus { background-color: #485375}

body.login .btn_login2{ width:100%; height:50px; color:#556080; background: #fff; border: 1px solid #556080; margin-top:20px;}

body.login.busan .btn_login {background-color: #ee7203}
body.login.busan .btn_login:hover,
body.login.busan .btn_login:focus { background-color: #dd6e0a}

.idpw_loginWrap,
.certi_loginWrap { height: 450px; padding:0 6% ; background:#fff; border:solid 2px #ededed; position: relative;}
.certi_loginWrap { display: none}
.gpki .idpw_loginWrap,
.gpki .certi_loginWrap { position: relative; width: 37.5%;}

.gpki .idpw_loginWrap { float: left}
.gpki .certi_loginWrap { display:block; float: right; border-left:none; background: #fff url("../images/loginBgCerti.png") no-repeat center;}

.login_Menu2 { display: none}
.auth .login_Menu2 { display:block; text-align: center; height:30px; padding:20px 0 0 0; clear: both}
.login .login_Menu2 input[type="button"] { border:none; color: #666; background: #f9f9f9; font-size: 14px; line-height: 2em; letter-spacing: -1px}
.login .login_Menu2 input[type="button"]:hover,
.login .login_Menu2 input[type="button"]:focus { background: #f9f9f9; color:#2a9cb4 }

/* 사용자 번호 인증 로그인 */
.login_Menu3 { display: none}
.auth .login_Menu3 { display:block; text-align: center; height:30px; padding:20px 0 0 0; clear: both}
.login .login_Menu3 input[type="button"] { border:none; color: #666; background: #f9f9f9; font-size: 14px; line-height: 2em; letter-spacing: -1px}
.login .login_Menu3 input[type="button"]:hover,
.login .login_Menu3 input[type="button"]:focus { background: #f9f9f9; color:#2a9cb4 }

body.login .footer_wrap .bi { background: url(../images/h6_2.png) no-repeat; float: none; margin:20px auto 10px auto;}
body.login .footer_wrap .ci2 { color: #8e8e8e; text-align: center; font-size: 13px}

body.login .foot_info { float: none; text-align: center; padding:20px 0 0 0 ;color: #bbb;}
body.login .foot_info p {color: #bbb;}


body.login .body_wrap { min-height: 910px}

#password_Change.ui-dialog-content .table_30 th { width: 105px}
#password_Change.ui-dialog-content .table_30 { border-top: none}
#password_Change.ui-dialog-content .table_30 > p{ padding:0 0 15px 0; border-bottom:solid 1px #636363; line-height: 1.3em}
#password_Change.ui-dialog-content .table_30 td strong { font-weight: normal;}
.newPasswdNote {font-size: 14px; color: #8e8e8e}

.iplist_box { padding:5px 0}
.iplist_box li { position: relative; padding:3px 0}
.iplist_box li input[type="button"] { width: 22px; height: 22px; border:solid 1px #ddd; background-image: url("../images/btn_close22.gif") ;background-repeat: no-repeat ;background-position: center center; font-size: 0; padding:0; position: absolute; right: 3%}


.popHeader { border:solid 1px #ddd; background: #f9f9f9;text-align: center;padding: 10px; }

.list_box { padding:5px 0; margin: 10px 0;border-bottom:solid 1px #ddd}
.list_box li { position: relative; padding:8px 0;border-top:dotted 1px #ddd;}
.list_box li:first-child {border-top:solid 1px #ddd;}
.list_box li input[type="button"] { width: 22px; height: 22px; background-image: url("../images/btn_close22.gif") ;background-repeat: no-repeat ;background-position: center center; font-size: 0; padding:0; position: absolute; right: 0}
.list_box + input[type="button"] {float: right;}

#manual_input_div h4 {padding-top: 20px;font-weight: 400;}

/* 도서관관리자 재로그인 */
.login_wrap h2 { font-weight: 400}
.h3LibName { font-size: 23px; line-height: 1.4em }

/* busan */
.busan.login  { background:#f9f9f9 }
body.busan.login h1{ display: none}
body.busan.login h1.h1Busan { display:block; background-image: url("../images/busan_h1Login2.png"); height: 200px }
body.busan.login .h1:before { display: inline; content: "부산광역시"; font-size: 0}



/* header */
.header { background: #f9f9f9 }
.header .topWrap { height: 57px; position: relative;}
/* .h1Logo, */

.h1LogoLocaticon { position: absolute;left: 1%; top:0}
.h1Logo{ display: inline-block}
.h1Logo a { padding:10px 0; display: inline-block; height:40px; min-width: 1px }
.h1Logo span { font-size: 23px; vertical-align: middle; font-weight: 400; color:#302f2f; padding:0 15px; letter-spacing: -2px}
.head { position: relative;top: -2px; display: inline-block;height: 57px;padding-left: 20px; border-left:#ededed 1px solid; line-height: 57px; }

.searchArea { position: absolute; right: 0; top: 0; }
.searchArea>span { float: left; display: block; }
.searchArea > span.btnLogoutWrap{border-left:1px solid  #e0e0e0; background-color: #ECECEC; }
.searchArea > span.btnLogoutWrap:hover,
.searchArea > span.btnLogoutWrap:focus-within{background-color: #e4e4e4;}
.searchField { display: block; text-align: right; height: 57px;}
.searchField input[type="text"] { background: #fff; border:none;border-radius: 0; border-left: 1px solid var(--gray200);margin:0; color:#52555E;font-size: 16px;font-weight: 500; height: 54px; width: 320px; transition: all 0.2s ease 0.1s}

.searchArea label { font-size: 15px; color: #666}
.searchArea input[type="radio"] + label + input[type="radio"]{ margin-left: 10px;}


.selectLib { display: inline-block; background: url(../images/decoBar1.png) no-repeat right 0; padding: 15px 0 0 15px ; height: 42px; border-right:#ededed solid 1px ; position: relative; float: left; }
.selectLib input[type="button"].btnSelectLib { padding: 0 30px 0 0; background:transparent url(../images/btnArrowDown2.png) no-repeat 86% 14px; vertical-align: middle; transition: all 0.2s ease 0.1s; border:none; color:#777}
.selectLib input[type="button"].btnSelectLib:hover,
.selectLib input[type="button"].btnSelectLib:focus { background-color: #f9f9f9}
input[type="button"].btnTopSearch {position: absolute;top: 0; right: 0;}
input[type="button"].btnTopSearch,
input[type="button"].btnTopSearchPopup { background:#ff6521 url(../images/iconSearch1.png) no-repeat center !important; width: 57px;height: 57px; border:none; border-radius:0; font-size: 0;}
input[type="button"].btnTopSearch:hover,
input[type="button"].btnTopSearch:focus,
input[type="button"].btnTopSearchPopup:hover,
input[type="button"].btnTopSearchPopup:focus { background-color:#f85710 !important}

.selectLib + input[type="radio"] { margin-left: 15px}

.selectSearch { display: inline-block; background: url(../images/decoBar1.png) no-repeat right 0;  height: 100%; position: relative; float: left; }
.selectSearch input[type="button"].btnSelectSearch { height: 100%; padding: 0 30px 0 12px; background:#ECECEC url(../images/btnArrowDown2.png) no-repeat 86% center; vertical-align: middle; transition: all 0.2s ease 0.1s; border:none; color:#777}
.selectSearch input[type="button"].btnSelectSearch:hover,
.selectSearch input[type="button"].btnSelectSearch:focus { background-color: #e4e4e4}
.selectSearch + input[type="radio"] { margin-left: 15px}

.btnPagesetup { display: inline-block; width: 60px;height: 60px; overflow: hidden; position: relative; background: #ececec; border-left:solid 1px #e0e0e0;  transition: all 0.2s ease 0.1s}
.btnPagesetup:hover,
.btnPagesetup:focus {  background-color:#e4e4e4 }
.btnPagesetup.on { width: 200px; }
.btnPagesetup.on input[type="button"] { width: 180px; color: #4696bf; border:none;  }
.btnPagesetup input[type="button"] { display: block; width: 24px; overflow:hidden; position: absolute; left: 20px; top: 15px; text-indent:14px; background: url(../images/btnHome2.png) no-repeat 0 center !important; transition: all 0.2s ease 0.1s; font-size: 14px; color:#ececec; letter-spacing: -1px; border:none;}
.btnPagesetup input[type="button"]:hover,
.btnPagesetup input[type="button"]:focus { background-color:#e4e4e4 !important}

.loginImg { display: inline-block; width: 38px;height: 38px; margin:11px 12px 8px 0; background: no-repeat center center / cover; border-radius: 19px; vertical-align: middle ;color:#4676bf; }
.btnLoginName { padding:20px 15px 23px 0; color: #4696bf; font-weight: 400; font-size: 16px }

.remainTimeWrap { font-size: 16px; border-left: #ececec solid 1px; padding:12px 10px 0 40px; height: 45px; color:#666; background:#ECECEC url(../images/iconClock.png) no-repeat 14px center ; display: inline-block; }
.remainTimeWrap strong {position: relative;top: -7px; font-weight: 400}
.remainTimeWrap input[type="button"]{ vertical-align: bottom}
.remainTimeWrap span {	position: relative; top: -7px; display: inline-block; color: #686868; font-size: 16px;
 overflow: hidden; opacity: 0 ; width: 0; height: 18px; transition: all 0.3s ease 0.1s}
.remainTimeWrap.on span { opacity: 1; width: 100px;}
.remainTimeWrap.on span.remainTimeText { width: 160px; }
.remainTimeWrap.on span.remainTimeSecond { width: 20px; }
#session_second:before { display: inline-block; content: ":"; vertical-align: baseline}

button.btnMoreTime { vertical-align: middle; border:none; color: #fff;  padding: 5px 9px; width: 48px; margin: 0; border-radius: 5px; overflow: hidden; transition: all 0.3s ease 0.1s;font-size: 14px;}
button.btnLogout { background: url(../images/btnLogout2.png) 13px center no-repeat  !important; width: 110px; height: 57px;padding: 0 14px 0 40px;
 vertical-align: middle;border:none; border-radius:0; color: #66A5C7;font-size: 14px;font-weight: 700;line-height: 50px;}
button.btnLogout:hover,
button.btnLogout:focus {background-color:e4e4e4 !important}
.btnLoginNamWrap {height: 57px; padding:0 0 0 12px;border-left: #ececec solid 1px; font-size: 0; background-color: #F9F9F9;}

form#searchForm { width: 100%; height: 100%; background: rgba(0,0,0,0.5);position: fixed; left:0; top:0; z-index:3000; display: none}
form#searchForm.on { display: block;}
form#searchForm .searchField { position: fixed; width:800px; display: block; left: 50%; top: 150px; margin: 0 0 0 -400px; background: #fff;font-size: 0; border:solid 20px #ddd; border-radius: 3px}
form#searchForm.on .searchField input[type="text"] { width: calc(100% - 106px);height: 100%; padding-right: 60px;}
form#searchForm  label.hiddenLabel{position: absolute; left: 9999px;}
input[type="button"].btnSearchPopupX { background:rgba(0,0,0,.5) url("../images/btn_close20.gif") no-repeat center !important; width: 30px; height: 30px; position: absolute; right:0; top: -60px; font-size: 0; border:solid 1px #fff}

form#searchForm.on .selectSearch input[type="button"].btnSelectSearch{ background-color: #fff;border-right: 1px solid #ddd;border-radius: 0;}
/* Mark 편집기- KOLIS NET 조회창 */
.ui-dialog form#searchForm { width: 95%; height:auto; background:#f9f9f9; position: relative; left:0; top:0; z-index:3000; display:block}

h2.lib_name { position:absolute; left:180px; top:20px; display:inline; color:#aaa; font-size:19px; font-weight:normal; letter-spacing:-1px}
h3.lib_name { position:absolute; left:180px; top:35px; display:inline; color:#0ca5cb; font-size:17px; font-weight:normal; letter-spacing:-1px}
.sub_00 h2.lib_name { font-size: 27px; color: #8e8e8e; top: 12px}

body.error_10 {background: #f6f6f6 }
body.error_10 input[type="button"] { border:none; background:#2bb0d1; color: #fff; font-size:14px; padding:6px 15px; border-radius:5px; margin:10px 0 0 0}
body.error_10 input[type="button"]:hover,body.error_10 input[type="button"]:focus { background:#19a5c7}

.error_10_wrap {background: #f6f6f6 url(../../resources/images/bg_error_10.png) no-repeat 0 135px;font-size: 15px; padding: 150px 0 10px 310px; width:420px; margin:0 auto}
.error_10 h1,
.error_10 h2,
.error_10 p { width: auto; height: auto; background: none; text-indent: 0; line-height: 1.5em; font-size: 18px; font-weight: normal; padding:5px 0;}

.error_10 h2,
.error_10 p { font-size:16px; color:#009bc1}

.header_wrap { width:100%; padding:18px 0 0 0; height:54px; position: relative;}
.login .header_wrap { padding:60px 0 0 0; height: auto;}

.gnb_wrap { width:100%; background: #78BC6F; }
body.busan .gnb_wrap { width:100%; background-image:url(../images/gnbBorder21.gif) }
.timeRemaining { color: #8e8e8e; padding:5px 0 0 0; font-size: 12px }
.timeRemaining span { vertical-align: baseline;}
.login_info .timeRemaining input { background: #8e8e8e; color: #ddd; padding:3px 5px; font-size: 11px; letter-spacing: -1px; border:none;}
.login_info .timeRemaining input:hover,
.login_info .timeRemaining input:focus { background: #777; color:#fff}


/* GNB 바로 아래 검색영역 */
.headerSearch {background: #2ca1c2; padding:14px 0 0 0; height:32px; color:#fff; border-bottom:#1e90b0 solid 1px}
.headerSearch:after { display: block; content: ""; clear: both; width: 100%}

#lib_list { position: relative; padding:0 10px;margin:0 7px 0 0; background: url(../../resources/images/deco_bar20.png) no-repeat right 0}
.lib_select { text-align:left; position:absolute; left: 0; top: 60px; width:230px; padding:8px 10px; background: #fff; z-index: 1500;border:1px solid #007798; box-shadow: 0 2px 3px rgba(0,0,0,.2); border:none 0; display: none; overflow-y: auto }
.lib_select li { padding:2px 0}

#search_list { position: relative; padding:0 10px;margin:0 7px 0 0; background: url(../../resources/images/deco_bar20.png) no-repeat right 0}
.search_select { text-align:left; position:absolute; left: 0; top: 60px; width:230px; padding:8px 10px; background: #fff; z-index: 1500;border:1px solid #007798; box-shadow: 0 2px 3px rgba(0,0,0,.2); border:none 0; display: none; overflow-y: auto }
.search_select li { padding:2px 0}

.btn_close2 input[type="button"]{  position: absolute; font-size: 0; display:block; width:30px; height:30px; padding:0; margin:0; right: 4%; top: 12px; border:solid 2px #ddd; font-size:0; border-radius:3px; background:#fff url(../images/bg_input.png) no-repeat -54px -24px}
.btn_close2 input[type="button"]:hover,
.btn_close2 input[type="button"]:focus { background:#fff url(../images/bg_input.png) no-repeat -54px 6px; border:solid 2px #2ca1c2;}

.busan .btn_close2 input[type="button"]{ background-color:#fff}
.busan .btn_close2 input[type="button"]:hover,
.busan .btn_close2 input[type="button"]:focus { background-color:#fff; border:solid 2px #2ca1c2;}


a.lib_list { display: inline-block; background: #54656f url(../../resources/images/iconMore.png) no-repeat right center; color: #fff; border: #3e535f solid 1px;padding:5px 29px 5px 10px; opacity: 0.8}
a.lib_list:hover,
a.lib_list:focus { opacity: 1}

.headerSearch .float_r{ background:#1085a6; border:#007798 solid 1px; color:#fff; padding:0 6px; margin-top: -5px; position: relative;}
#clear_span { position: absolute; right:32px; top:0; display: block; width: 15px; height: 24px; overflow: hidden;color:#fff; line-height: 1.9em; text-indent: 3px}
.headerSearch .float_r input[type="text"] { border:0 none; color:#fff; background: #1085a6 }
.headerSearch .float_r label { opacity: 0.8}
.headerSearch .float_r label:hover { opacity: 1}

.headerSearch .float_r ::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #ddd}
.headerSearch .float_r ::-moz-placeholder { /* Firefox 19+ */  color: #ddd}
.headerSearch .float_r :-ms-input-placeholder { /* IE 10+ */  color: #ddd}
.headerSearch .float_r :-moz-placeholder { /* Firefox 18- */  color: #ddd}


.headerSearch input,
.headerSearch label { vertical-align: middle}

a.btn_mSearch { background: url(../../resources/images/iconSearch.png) no-repeat center 3px; color:#1085a6; font-size: 0; padding: 12px; opacity: 0.7}
a.btn_mSearch:hover,
a.btn_mSearch:focus { opacity: 1}

.content_wrap {padding:16px 0 20px 0;min-height: 100vh;}

.container { width:990px; margin:0 auto}


.container_2 { padding:12px 1%; margin:0 auto; background:#fff; border-radius:4px;border:solid 1px #ddd; box-shadow:#eeeeee 0 3px 2px}

/* 정리통계 hidden 수정*/
.container_statics { width:94.5%; padding:22px 2.5%; margin:0 auto; background:#fff; border-radius:8px; box-shadow:#eeeeee 0 3px 2px}
.container_4 { width:99.5%; padding:0; margin:0 auto; overflow:hidden; background:#fff; border-radius:8px; margin:20px 0; box-shadow:#eeeeee 0 3px 2px}
.container_6 { padding:15px 2.5%; margin:0 auto; overflow:hidden; background:#8e8e8e; border-radius:8px 8px 0 0; margin:20px 0 -10px 0; box-shadow:#eeeeee 0 3px 2px; text-align: right; color:#fff}
.container_6 span { font-size:15px; font-weight:400; padding:0 15px 0 0}

.head h2, .head h3 { display:inline; font-size:16px; font-weight: normal; color:#898989; padding:0 0 0 20px; vertical-align:middle; background: url("../images/bghead.png") no-repeat 2px 6px;  }
.head h3 {background-position : 0 -52px; padding-left:14px}


.login_info { width:50%; text-align:right; position: absolute; right: 3%; top:20px }

.login_info strong { color: #32bbdd; font-size:16px; font-weight:400; padding:0 5px 0 0}
.login_info .logined { color:#757575; padding:0 5px 0 0}
.user_Image { width:52px; height:52px; border-radius: 50%; display: inline-block; vertical-align: middle; margin:-6px 0 0 10px; overflow: hidden; font-size: 0; float: right}
.user_Image img { width:100% }


input[type="button"],
button[type="button"] { color:#FFF; border:none; height:32px; margin:0; line-height:1; padding-left:15px;padding-right:15px; font-size:15px; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight: 400;background: #96989d; border-radius:3px}
input[type="button"]:hover, input[type="button"]:focus,
button[type="button"]:hover,button[type="button"]:focus { background-color:#81848e}


input[type="button"].btn.disabled,
button[type="button"].btn.disabled,
input[type="button"].btn.disabled:hover,
button[type="button"].btn.disabled:hover,
input[type="button"].btn.disabled:focus,
button[type="button"].btn.disabled:focus { background: #ccc; border-color:#ccc; cursor:inherit;}

.busan input[type="button"],
.busan button[type="button"] { background-color: #1aa2c0;}
.busan input[type="button"]:hover,  body.busan input[type="button"]:focus,
.busan button[type="button"]:hover, body.busan button[type="button"]:focus { background-color:#47b8d0}

input[type="button"].inforaphicClose,
input[type="button"].inforaphicOpen {background-color: #96989d;}
input[type="button"].inforaphicClose:hover,
input[type="button"].inforaphicOpen:hover,
input[type="button"].inforaphicClose:focus,
input[type="button"].inforaphicOpen:focus {background-color:#81848e}

.join_type input,
.identity input {height: auto}


/* 17.09.11 kjm KLAS 상단 검색 자료위치 출력, 책이음 신청 버튼 */
input.btn_print,
input.btn_reserve,
input.btn_print_dis,
input.btn_reserve_dis { background:#32badc; border:none;}
input.btn_reserve_dis,
input.btn_print_dis,
input.btn_print_dis:hover,
input.btn_print_dis:focus,
input.btn_reserve_dis:hover,
input.btn_reserve_dis:focus {background-color:#ccc; cursor:default }


.login_info input { color:#FFF; padding:3px 15px; border:#19a5c7 solid 1px; border-radius:4px; margin:0; line-height:1; font-size:12px;
 background: #32badc;
 background: -moz-linear-gradient(top,  #36c4e7 0%, #32badc 20%, #32badc 80%, #2ab4d6 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36c4e7), color-stop(20%,#32badc), color-stop(80%,#32badc), color-stop(100%,#2ab4d6));
 background: -webkit-linear-gradient(top,  #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%);
 background: -o-linear-gradient(top,  #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%);
 background: -ms-linear-gradient(top,  #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%);
 background: linear-gradient(to bottom,  #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%)
}
.login_info input:hover, .login_info input:focus { background:#19a5c7}

.foot_banner { border-top: #ddd solid 1px; padding:10px 0; overflow: hidden; background: #fff; display: none }
.sub_00 .foot_banner { display: block}
.foot_banner:after { display: block; content: ""; clear: both; }
.foot_banner li { width:16%; height: 50px; float: left; padding-left:0.5% }
.foot_banner li:first-child { padding:0}
.foot_banner li a { display:block; background: #ebebeb url(../../resources/images/bg_foot_banner.png) no-repeat center 0; text-align: center; height: 50px; text-indent: -9999px ; overflow: hidden}
.foot_banner li.li2 a { background-position: center -50px }
.foot_banner li.li3 a { background-position: center -100px }
.foot_banner li.li4 a { background-position: center -150px }
.foot_banner li.li5 a { background-position: center -200px }
.foot_banner li.li6 a { background-position: center -250px }
.foot_banner li.li7 a { background-position: center -300px }

.footer_wrap{ padding:20px 0; border-top:solid 1px #ddd;background: #454545;padding: 32px 20px; }
.footer_wrap .container { position: relative;}
.login .footer_wrap {background: #454545;}
.login .footer_wrap .container { padding:0; margin:0 auto; text-align: center}

.login.busan .footer_wrap { position:absolute; bottom:0; width:100%}

body.login .orgLOGO {display: none}

.busan .orgLOGO { display: inline-block; width: 125px; height: 35px; background: url("../images/footH6_busan.png") no-repeat 0 0; opacity: 0.7}


.footer_wrap .bi { width:87px; height:35px; position: absolute; left: 0; top: 0; background:url(../images/footKLAS.png) no-repeat; overflow:hidden; text-indent:-9999px; font-size: 0}
.busan .footer_wrap .bi {right: 0;}

body.login .footer_wrap .bi {position: static;}
.footer_wrap .company { font-size:15px ; color:#d0d0d0; padding:0 0 17px 0}
.foot_info { float:right;line-height: 16px }
.footerInfo { float: right; text-align: right;; color: #c9c9c9; font-size: 12px}
body.login .footerInfo { padding: 0; float: none}
.footerInfo .ci2 { color: #b5b5b5; font-size: 13px; vertical-align: baseline;}


.footer_wrap .container{display: flex;font-family: 'Pretendard';margin: 0;}
.footer_wrap .container .ft_list{margin-right: auto;padding-top: 11px;}
.footer_wrap .container .ft_list li{display: inline-block;font-family: 'Pretendard';font-size: 15px;}
.footer_wrap .container .ft_list li + li{margin-left: 24px;padding-left: 24px;border-left: 1px solid rgba(255, 255, 255, 0.30);color: #fff;font-size: 15px;}
.footer_wrap .container .ft_list li.color_pri a{color: #6CB063;}
.footer_wrap .container .ft_list li a{color: #fff}
.footer_wrap .container .foot_info {margin-left: 20px;}
.footer_wrap .container .foot_info .addr{color: rgba(255, 255, 255, 0.70);font-size: 13px;font-family: 'Pretendard';}
.footer_wrap .container .foot_info .copyright2{color: rgba(255, 255, 255, 0.30);font-size: 11px;font-weight: 600;}

body.busan .footer_wrap .bi { right: 0; left:inherit; }
body.busan.login .footer_wrap .bi {position: static;}
body.busan .footer_wrap .company { font-size:15px ; color:#d0d0d0; padding:0 0 17px 0}
body.busan .foot_info { float:left }
body.busan.login .foot_info { float:none }
body.busan .footerInfo { position: relative; padding:0 100px 0}
body.busan.login .footerInfo { padding: 0; float: none}
body.busan .footerInfo .ci2 { color: #b5b5b5; font-size: 13px; vertical-align: baseline;}

.president, .work_id, .f_address, .f_tel, .f_fax { color:#aeaeae; display:inline; padding: 0 7px 0 0; line-height:1.2em; vertical-align: baseline}
.president strong, .work_id strong, .f_tel strong, .f_fax strong { color:#33b3d3;display:inline; line-height:1.2em; vertical-align: baseline}
.president:before, .work_id:before, .f_tel:before, .f_fax:before { display:inline-block; content:""; width:1px; height:10px; background:#898989; margin:0 9px -1px 0}
.copyright { color:#8e8e8e; font-size:11px; padding:3px 0 0}
.copyright2,
.ver_info { font-size:12px; padding:3px 0; display: inline-block}

.Kdotname { color:#bbb; font-size:15px; padding:0 0 3px 0}
.container:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
*:first-child+html .container {height:1%;}

#divLoadingBar {text-align: center;}
#divLoadingBar:after { display: block; content: "LOADING"; color: #8e8e8e; padding:10px 0 0 0; font-size: 12px }
#divLoadingBar img { margin: 20px auto 0 auto; opacity: 0.5}



/* main page */
html { background: #f6f6f6}
.mainBg { display: none}
.sub_00 .mainBg { display: block;}

.mainBg .owl-item div{ height: 325px; background: no-repeat center center; background-size: cover}
.owl-item div.mainBg1 { background-image:url("../images/mainBg1.jpg");}
.owl-item div.mainBg2 { background-image:url("../images/mainBg2.jpg");}
.owl-item div.mainBg3 { background-image:url("../images/mainBg3.jpg");}
.owl-item div.mainBg4 { background-image:url("../images/mainBg4.jpg");}

.busan .owl-item div.mainBg1 { background-image:url(../images/mainBg1busan.jpg)}
.busan .owl-item div.mainBg2 { background-image:url(../images/mainBg2busan.jpg)}
.busan .owl-item div.mainBg3 { background-image:url(../images/mainBg1busan.jpg)}
.busan .owl-item div.mainBg4 { background-image:url(../images/mainBg2busan.jpg)}

.sub_00 .content_wrap { padding-top:0}


.main_page { position:relative; background:  url("../images/main_img.png") no-repeat 0 40px; height:400px; margin-left:-40px}
.main_page h2,
.main_page h3 {position:absolute; top:120px; left:390px; color:#fff; font-size:36px; font-weight:normal; width:50%; letter-spacing: -1px}
.main_page h3 { font-size:32px; top:175px; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; }

.main_page .quick_menu { text-align: right; margin:-75px 0 0 0}
.main_page .quick_menu li { display: inline-block; text-align: right}
.main_page .quick_menu li a{ display:block; width: 135px; height: 40px; padding:95px 0 0 0; background: #2bb0d1 url(../images/btn_main_10.png) no-repeat center -135px; color: #fff; font-size: 15px; text-align: center; opacity:0.8}
.main_page .quick_menu li:first-child a { background-position:center 0}
.main_page .quick_menu li a.btn_main_30 { background-position:center -270px}
.main_page .quick_menu li a.btn_main_40 { background-position:center -405px}

.main_page .quick_menu li a:hover,
.main_page .quick_menu li a:focus { opacity:1}

/* .catchPhrase img { padding:15px; background: rgba(0,0,0,0.5); float: left;} */

.catchPhrase {width: 49%; display: none;}
.catchPhrase p { color:#fff; font-size:36px; margin: 20px 0 0 0; text-indent: 27px; text-shadow: 0 2px 8px rgba(0,0,0,.5)}
.catchPhrase:before { display: block; content:""; padding: 15px; width: 475px; height: 55px; background:rgba(0,0,0,0.5) url("../images/catchPhrase0.png") no-repeat center; text-shadow: 0 2px 8px rgba(0,0,0,.5) }

.busan .catchPhrase:before { display: none}
.busan .catchPhrase p { display:inline-block; padding:24px 36px; text-indent:0; background:rgba(0,0,0,0.6)}

/* 포털형 메인페이지 16.09.13 */
.main_page2 { position:relative; height: 1555px; margin-top:-260px }/* height: 900px */
.main_page2 h2,
.main_page2 h3 { color: #fff; font-size: 23px; position:absolute;left:230px; top: 65px; font-weight: normal; width:280px}
.main_page2 h3 { font-size: 17px; top:100px}

.main_wrap10 { position:absolute; right:0; top:-30px; width:464px;  color:#fff;text-align:center; background: #323932;  background: rgba(69,73,82,.7); border-radius:5px}
.weather_wrap { width:34%;height:235px; float: left; text-align:center; background: #0a2325;background: rgba(69,73,82,.7); border-radius:5px 0 0 5px}
p.location { padding:10px 0 5px 0; font-weight:400; font-size: 18px}
p.week { color:#d5d7d7; font-size: 23px; font-weight:400}
p.temp { color:#fff; font-size:36px}
p.temp img { padding:4px 0 0 }


.main_wrap10 #calenderDiv { width:65.5%; float: right}
#mainCalenderDateinfo { display: inline-block; padding:0 10px }
.calenderNav { padding:12px 0 0 0; color:#fff; font-size: 26px; font-weight: 500; text-align: left}
.calenderNav a { display: inline-block; width: 22px; height: 22px; font-size: 0;opacity: .6; border:solid 2px #fff;border-radius:50%; vertical-align: middle; margin-top: 3px}
a.month_before { background: url("../images/arrow20.png") no-repeat 0 0;  }
a.month_next { background: url("../images/arrow20.png") no-repeat 0 -22px}
a.month_before:hover,
a.month_before:focus,
a.month_next:hover,
a.month_next:focus { opacity: 1}


.main_wrap10 #mainCalender { width: 92%; margin:10px auto 0 auto; background:none; color:#c0c0c0; font-weight:400}
.main_wrap10 #mainCalender td{ width: 14%; text-align: center; vertical-align: top; position: relative; height: 27px}
.main_wrap10 #mainCalender thead th { padding:2px 0}
.main_wrap10 #mainCalender .cal_header { font-weight:400; height:20px}
.main_wrap10 #mainCalender .sun { color:#ffd5b7}
.main_wrap10 #mainCalender .sat { color:#b8d5f0}
a.calDay {font-weight:400; color:#fff; display: block; /* padding:1px 10px 0 10px; */}
span.calMemo_txt { color:#777; font-weight:normal; text-align:left; position: absolute; top:18px; left:26px; padding:8px; background: #fff; border: solid 1px #ddd; border-radius:0 4px 4px 4px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); z-index: 1995; display: inline-block;min-width:120px; word-break:break-all }

.sub_00 .calEx { position: absolute; right: 10px; top: 20px}
.calEx span.calEx_freeDay { background: url("../images/calEx_freeDay.gif") no-repeat 0 6px; padding:0 0 0 10px }
.calEx span.calEx_memo {background: url("../images/calEx_memo.png") no-repeat 8px 5px ; padding:0 0 0 18px}
td span.calEx_freeDay,
td span.calEx_memo { display: inline-block; width: 9px; height: 7px; font-size: 0; color: transparent; position: absolute; left: 50%; top: 4px; margin: 0 0 0 -20px }
td span.calEx_memo { margin:0 0 0 -27px;width: 8px; height: 6px;}
td span.calEx_freeDay{ background: url("../images/calEx_freeDay.gif") no-repeat center center;}
td span.calEx_memo {background: url("../images/calEx_memo.png") no-repeat center center}


.main_wrap30, /*현황판*/
.main_wrap32, /*인기검색어*/
.main_wrap34, /*공지사항 / 자료실*/
.main_wrap36 { position: absolute; width: 349px;  }

.wrap32_disNon .main_wrap30 { width:518px; }
a.btn_more2 { display: block; width: 15px; height: 15px; float: right; margin-top:-2px; background: #1aa2c0 url(../../resources/images/btn_more3.png) no-repeat -30px 0px ;border-radius: 50%; font-size: 0; color:transparent}
a.btn_more2:hover,
a.btn_more2:focus { background-color: #47b8d0}

body.busan a.btn_more2 { background-color: #ee7203}
body.busan a.btn_more2:hover,
body.busan a.btn_more2:focus { background-color: #cc680f}

.main_wrap32 { height: 284px; width: 161px; top: 204px; left: 357px;}
.main_wrap32 h4,
.main_wrap34 h4,
.main_wrap36 h4 { font-size:16px; font-weight:500; margin:18px 18px 0 18px; padding:0 0 12px 0; border-bottom: solid 1px #ebebeb; color: #626262}
.main_wrap32 ol { padding: 10px 15px}
.main_wrap32 li { padding:3px 0}
.main_wrap32 li span { display: inline-block; color:#888}
.main_wrap32 li span.rank_no { width:20px; margin:0 5px 0 0; text-align: right; letter-spacing: -1px}
.main_wrap32 li span.rank_div2,
.main_wrap32 li span.rank_div3,
.main_wrap32 li span.rank_div4,
.main_wrap32 li span.rank_div5 { width: 16px; height: 15px;padding:1px 0 0 0; background: #19a5c7 ; overflow: hidden; color:#fff; font-size: 11px; text-indent: 3px;line-height: 1.4em;  border-radius:3px}
.main_wrap32 li span.rank_div2 { background: #DE9D2C }
.main_wrap32 li span.rank_div3 { background: #9AB360 }
.main_wrap32 li span.rank_div4 { background: url("../../resources/images/icon_rank.png") no-repeat center -32px; font-size: 0  }
.main_wrap32 li span.rank_div5 { background: url("../../resources/images/icon_rank.png") no-repeat center 0; font-size: 0 }


.main_wrap34,
.main_wrap36 {right:0 !important; top:220px; width:462px; height:136px }
.main_wrap36 {top: 368px;}
.main_wrap34 ul,
.main_wrap36 ul {padding:10px 15px;}
.main_wrap34 a,
.main_wrap36 a {display:inline-block; width:calc( 100% - 80px ); padding:4px 0; float: left; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif;  font-size: 14px}
.main_wrap34 span,
.main_wrap36 span {float: right; text-align: right; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size: 14px; color:#8e8e8e  }
.btn_more1 a{  width: 15px; height: 15px; float: right; margin:-38px 0 0 0; padding:0; background: #1aa2c0 url(../../resources/images/btn_more3.png) no-repeat -30px 0px; border-radius: 50%; font-size: 0; color:transparent; }
.btn_more1 a:hover,
.btn_more1 a:focus {background-color: #47b8d0}

body.busan .btn_more1 a{ background-color: #ee7203}
body.busan .btn_more1 a:hover,
body.busan .btn_more1 a:focus {background-color: #cc680f}

span.iconNew { background:#ff6521; display: inline-block; width: 16px; height: 16px; font-size:9px; color: #fff; letter-spacing: 20px; overflow: hidden; float: none; border-radius:9px; text-indent: 4px; line-height: 1.5em; margin: -10px 0 0 5px; font-weight: 300 }

/* .main_wrap40, /*반납예정일이 오늘인 자료*/
.main_wrap42, /*단행본/연속간행물*/
.main_wrap44, /*메모*/ /*SMS 보내기*/
.main_wrap46 {position: absolute; border: #dfdfdf solid 1px; background: #fff; height: 181px; width: 255px; }
.main_wrap42 {left: 263px }
.main_wrap44 {left: 526px; width: 227px; }
.main_wrap46 {left: 761px; width: 227px; }

/*
input[type="button"]#mainSendBtn { background: #c7c7c7; border: #c7c7c7 solid 2px ; color: #666; height: 32px; border-radius: 0 2px 2px 0}
input[type="button"]#mainSendBtn:hover,
input[type="button"]#mainSendBtn:focus { background: #1aa2c0; color: #333; border: solid 2px #1aa2c0}
 */
.main_wrap40 h4,
.main_wrap42 h4,
.main_wrap44 h4,
/* .main_wrap46 h4 { font-size:16px; font-weight:500; margin:17px 20px 8px 20px; color: #626262; line-height: 1.3em} */
.main_wrap46 h4 { font-size:16px; font-weight:500;  color: #626262;}
/* .main_wrap44 h4 label,
.main_wrap46 h4 label { font-size:16px; color: #666 } */

.main_wrap40 { background:#fff url(../../resources/images/bg_wrap40.png) no-repeat 120px 60px ;}
.main_wrap40 a.btn_more2 { margin: -102px 16px 0 0}
#TodayReturnPlanCnt { font-size: 44px; padding:9px 0 0 20px; color:#666}

.main_wrap42 p { padding: 0 20px}
.main_wrap42 h4 span { display: block; font-size: 14px; color: #666 }
.main_wrap42 div{ margin: 0 20px 0 20px; position: relative; color:#777;font-size: 14px }
.main_wrap42 a.btn_more2{ position: absolute; right:-2px; top:-48px}
.main_wrap42 .main_wrap42_1 { border-bottom: solid 1px #ddd; padding-bottom: 14px}
.main_wrap42 .main_wrap42_2 a.btn_more2 {top:-30px}

.main_wrap44 textarea,
.main_wrap46 textarea { width: 82%; margin:0 8% 6px 8%; height: 108px; padding:6px 4%; font-size: 13px}
.main_wrap46 textarea { height: 72px; resize: none}
.main_wrap44 a.btn_memo { position:absolute; right:17px; top:15px; display:block; width:25px; height: 25px; font-size:0; color: #32afce; background: url(../../resources/images/btn_memo2.png) no-repeat center center}

.recipientWrap { width: 82%; margin: 0 8%; overflow: hidden; text-align: left; border:solid 2px #c7c7c7; border-right:none; border-radius: 3px }
.recipientWrap input[type="text"] { width:72% ; border:none; margin: 0 }
.recipientWrap input[type="text"]:hover,
.recipientWrap input[type="text"]:focus { border: none}

.recipientWrap input[type="button"]{ float: right; padding-left:12px; padding-right:12px; border-radius:0 3px 3px 0}


.byteTxt_wrap { position: absolute; right:20px; top: 20px; color:#777; font-size: 12px}
.byteTxt_wrap span { vertical-align: baseline;}

.main_wrap50,
.main_wrap52 { position: absolute; height:202px; width:488px;padding: 15px; top: 709px; left: 0 ; border: 1px solid #dfdfdf;}
.main_wrap52 {left: 526px; width:432px}
.main_wrap50 h4,
.main_wrap52 h4 { font-size: 16px; line-height: 1.4em; color: #666}
.main_wrap50 .li,
.main_wrap52 .li { width: 23.5%; padding:0 0 0 2%; float: left; background:url(../../resources/images/bg_noImage.png) no-repeat 27px center;}
.main_wrap50 .li a,
.main_wrap52 .li a { display: block; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size: 14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main_wrap50 .li:first-child,
.main_wrap52 .li:first-child {padding:0; background-position:17px center}
.main_wrap50 span,
.main_wrap52 span { display: block; width: 88px; height: 130px; margin: 12px 0; border:#c5c5c5 solid 1px; border-radius: 2px; background-size: cover; box-shadow: 0 2px 2px rgba(0,0,0,0.2); position: relative }
.main_wrap50 span:before,
.main_wrap52 span:before { display: block; content:""; width:88px; height: 130px; background:url(../../resources/images/bg_bookcover.png) 0 0; position: absolute; left:0 ; top:0}

.main_wrap50 .btn_more1 a,
.main_wrap52 .btn_more1 a { margin: 0; position: absolute; left:120px; top: 20px}
.main_wrap52 .btn_more1 a { left: 145px}

.main_wrap60 {position: absolute; height:300px; padding:15px; top: 954px; width:100%; box-sizing:border-box; left: 0; border:1px solid #dfdfdf }
.main_wrap60 h4 { font-size: 16px; line-height: 1.4em; color: #666}
.main_wrap60 .li { width: 11.5%; padding:0 0 0 1%; float: left; background:url(../../resources/images/bg_noImage.png) no-repeat 27px center;}
.main_wrap60 .li a { display: block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main_wrap60 .li:first-child {padding:0; background-position:17px center}
.main_wrap60 span { margin: 12px 0; border:#c5c5c5 solid 1px; background-size: cover; box-shadow: 0 2px 2px rgba(0,0,0,0.2); position: relative }
.main_wrap60 span:before { content:""; width:88px; height: 130px; position: absolute; left:0 ; top:0}
.main_wrap60 .btn_more1 a { margin: 0; position: absolute; left:171px; top: 16px}
.popularity_wrap { background: #f9f9f9; padding:10px; margin: 10px 0 6px 0; border:#ededed solid 1px}
.popularity_wrap label { margin-left: 10px ; border-left: 1px #ddd solid; padding:0 5px 0 10px }
.popularity_wrap label:first-child { border:none; padding:0 5px 0 0; margin: 0}
.popularity_wrap input[type="button"] { float: right}


.main_wrap70 {position: absolute; height:300px; padding:15px; top: 1268px; width:100%; box-sizing:border-box; left: 0; border:1px solid #dfdfdf }
.main_wrap70 h4 { font-size: 16px; line-height: 1.4em; color: #666}
.main_wrap70 .li { width: 11.5%; padding:0 0 0 1%; float: left; background:url(../../resources/images/bg_noImage.png) no-repeat 27px center;}
.main_wrap70 .li div { display: block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; color: #686969}
.main_wrap70 .li:first-child {padding:0; background-position:17px center}
.main_wrap70 span {margin: 12px 0; border:#c5c5c5 solid 1px; background-size: cover; box-shadow: 0 2px 2px rgba(0,0,0,0.2); position: relative }
.main_wrap70 span:before { display: block; content:""; width:88px; height: 130px; position: absolute; left:0 ; top:0}
.main_wrap70 .btn_more1 a { margin: 0; position: absolute; left:171px; top: 16px}


.li_noLi { width: 88px; height: 82px; padding:48px 0 0 0; margin: 12px 0; border:#c5c5c5 dotted 1px; border-radius: 2px; box-shadow: 0 2px 2px rgba(0,0,0,0.15); background:url(../../resources/images/bg_bookcover.png) 0 0; text-align: center; opacity: 0.7; line-height: 1.4em; text-indent: 3px}

.bdiv_ex { border:1px solid #ddd; padding:8px 12px 12px 12px; margin:15px 0 0 0; border-radius:8px; background:#f9f9f9}
.bdiv_ex h4 { font-weight:600; color:#717171; border-bottom:1px dotted #ddd; padding:0 0 5px 0; margin:0 0 8px 0}

.main_wrap30,
.main_wrap32,
.main_wrap34,
.main_wrap36,
.main_wrap40,
.main_wrap42,
.main_wrap44,
.main_wrap46,
.main_wrap50,
.main_wrap52,
.main_wrap50,
.main_wrap60,
.main_wrap70{
 padding: 24px;
 border-radius: 16px;
 border: 1px solid #B1B1B1;
 background: #FFF;
 box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.04);
}
.quickMenu{
 border-radius: 10px;
 border: 1px solid #D4D4D4;
 background: #FFF;
}


.loanStopUser_wrap,
.newloanRet,
#bookInfoDiv,
#returnPlanDiv {border: none; background:#fff; border-radius:5px; box-shadow:0 2px 3px rgba(0,0,0,.1)}









/* re login
.relogin_wrap { overflow:hidden; background:url(../../resources/images/bg_mlogin.png) no-repeat 0 160px ; width:60%; padding:160px 0 160px 40%; margin:0 auto}
.relogin_wrap h2 { color:#33b3d3; font-size:42px; font-weight:normal; padding: 0 0 20px}
.relogin_wrap p { font-size:24px; color:#898989; padding:0 0 20px 0}

.relogin_wrap label { width:0; font-size:0; overflow:hidden; text-indent:-9999px;}
.relogin_wrap input { width:65%; font-size:14px; border:#ddd solid 1px; padding:27px 5px; float:left}
.relogin_wrap input:hover,
.relogin_wrap input:focus {border:#33b3d3 solid 1px;}
*/

#etcButton #buttonDiv { text-align:center;}
#buttonDiv input[type="button"] { margin:2px}
#buttonDiv a { display:inline-block; margin:2px; line-height:1.5em}

.login_notice_wrap { clear: both;}
.login_notice_wrap table thead th { padding:10px 5px}
.login_notice_wrap table tbody td { padding:8px 5px}

.login_popup {position:absolute;border:solid 1px #ddd ; width:auto;height:300px;z-index:1;background-color:white; border-radius:8px;box-shadow: 0 3px 3px rgba(0,0,0,0.1);}
.login_popup:hover { cursor: move;}
.login_popup_content {  height:245px; padding:15px; overflow-y:auto}
.login_popup_bottom { height: 15px; background: #717171; color: #ddd; text-align: right; padding:2px 15px 8px 15px;border-radius:0 0 8px 8px}
.login_popup_bottom label { padding:0 10px 0 5px}
.login_popup_bottom a { color:#fff; vertical-align: middle}

/* 대출반납 */
.sub_01 .content_wrap { background:#f7f7f7}
.detailTodayLoanLog_wrap { width:100%; height:20px; padding:10px 0;  line-height:1.6em;position:relative;margin-bottom:30px; z-index: 100 }
#detailTodayLoanLog { width:98.5%; padding:10px 0 10px 1%; border: 2px solid #2bb0d1; height:200px; overflow:auto; display: none;background:#fff; }
#simpleTodayLoanLog  { width:98.5%; padding:10px 0 10px 1%;  border: 2px solid #2bb0d1; background:#fff}

#loanReturn_reserveContorll_title.headerTable1 td{padding: 6px 4px}

#btnJoinList, #btnBookiumOut { vertical-align: bottom;}

.newloanRet { padding:10px; background: #fff}
.newloanRet table { width: 100%}
.newloanRet table td { padding:5px 0; border-bottom:#ececec solid 1px}
.newloanRet .td1 { padding-right:10px; font-weight: 500}
.newloanRet .td3 { text-align: right;}

#loc_selected2,
#loc_selected3,
#loc_selected {width: 250px}

.LoanReturn_manager_tbl { margin: 10px 0} /* max-height: 500px; overflow: auto;  */
.LoanReturn_manager_tbl .table_10 { margin: 0}

td.date { white-space:nowrap;}
td.txtline{ text-align: left;}
td.txtline span { text-align: left; vertical-align:middle; display: table-cell; width: 100%; max-height: 60px;  overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap:normal;
 display: -webkit-box;
 -webkit-line-clamp: 3; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word;
 line-height: 1.2em;
 height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}
td.singletxtLine span { text-align: left; vertical-align:middle; display: table-cell; width: 100%; max-height: 30px;  overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap:normal;
 display: -webkit-box;
 -webkit-line-clamp: 1; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word;
 line-height: 1.2em;
 height: 1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}
.serv_lib { min-width:58px}
a.btn20.loanStop_Cancel { margin-left:10px}

a.btn_open, a.btn_close,
input.btn_open, input.btn_close { position: absolute; right:2.5%; top:17px ; width:31px; height:31px; padding:0; overflow:hidden; text-indent:-9999px; background:#2bb0d1 url(../../resources/images/btn_more_40.png) no-repeat center -93px; opacity:0.8}
a.btn_open:hover, a.btn_open:hover,
input.btn_open:hover, input.btn_open:hover {background:#2bb0d1 url(../../resources/images/btn_more_40.png) no-repeat center -32px; opacity:1}
a.btn_close:hover, a.btn_close:hover,
input.btn_close:hover, input.btn_close:hover {background:#2bb0d1 url(../../resources/images/btn_more_40.png) no-repeat center -93px; opacity:1}
a.btn_open,
input.btn_open { background-position: center -32px}

/* 대출반납 상세보기 항목 설정 */
#loanDetailColumnSettingDialog h4 { font-size: 16px; padding: 10px 0}
#loanDetailColumnSettingDialog li { border-bottom:dotted 1px #ddd; cursor: move; padding:8px 0}
#loanDetailColumnSettingDialog li:first-child {border-top:dotted 1px #ddd}
#loanDetailColumnSettingDialog .floatL,
#loanDetailColumnSettingDialog .floatR { width: 49%; }
#loanDetailColumnSettingDialog .floatR { float: right;}
#loanDetailColumnSettingDialog .floatL { float: left;}

/* 대출관리 기간설정 */
div.btnDuringSet { font-size: 0; padding:2px 0 2px 2px;}
div.btnDuringSet input[type="button"]{ background: #fff; border:solid 1px #ddd; color:#666; font-size: 14px; height: 30px;border-radius:2px;padding: 0 7px;}
div.btnDuringSet input[type="button"]:hover,
div.btnDuringSet input[type="button"]:focus { color: #1aa2c0; border-color:#47b8d0;background:#fff;}
div.btnDuringSet input[type="button"]:first-child { margin-left: 0;}

.loanRe_R .table_10 tr.trLine th,
.loanRe_R .table_10 tr.trLine td { border-top:#ccc solid 1px; border-bottom:none;padding-top: 2px;padding-bottom: 2px;}

.loanRe_R .table_10 tr.trLineNone th,
.loanRe_R .table_10 tr.trLineNone td { border-bottom:none; padding-top: 2px;padding-bottom:2px;}


/* ui-state-default */
.ui-state-default a.justLink ,
.ui-state-default a.justLink:link { background: none; color: #1aa2c0; vertical-align: middle;}

.ui-state-default a.justLink:hover,
.ui-state-default a.justLink:focus,
.ui-state-default a.justLink:link:hover,
.ui-state-default a.justLink:link:focus { color: #47b8d0}

.dateQuickSetting { display: inline-block; position: relative;}
input[type="button"].dateQuick { font-size: 0; width: 31px; margin: 0; background: #72BB6A url(../images/dateQuick.png) no-repeat center center}
span.dateQuickBtn {width: 120px; height: 0; display:block; position: absolute; left: -1px; top: 25px; padding:0 6px; background: #f9f9f9; overflow: hidden; transition:all 0.2s ease 0s}
span.dateQuickBtn.on { height: 190px; padding: 6px;box-shadow: 0 3px 4px rgba(0,0,0,0.1);border:solid 1px #ddd; z-index: 300}
span.dateQuickBtn span { display: block;width: 50%;}
span.dateQuickBtn input[type="button"] {background: #fff; border:solid 1px #ddd; color:#666; font-size: 13px; height: 30px;border-radius:2px; width:99%; margin: 1px 0.5%; padding: 1px 0; float: left;}
span.dateQuickBtn input[type="button"]:hover,
span.dateQuickBtn input[type="button"]:focus { color: #1aa2c0; border-color:#47b8d0;background:#fff;}


/*2018-01-16 BSC 대출반납 달력클릭시 연체 index로 인해 달력 일자 클릭 불가 수정*/
/*
.loanStatus-overdue {position: absolute; z-index: 1}
.loanStatus-overdue span { border:solid 2px yellow; border-radius: 50%; display: block; height: 5px;width: 5px; margin:1px; position: relative; text-indent: -9999px;z-index: 1992; float: right;}
.loanStatus-overdue span::after { animation: 2s cubic-bezier(0.2, 1, 0.2, 1) 0s normal none infinite running temple; background-color: yellow; border-radius: 40px; content: ""; display: block; height: 10px; width: 10px; left: -2px; top: -2px; position: absolute;  z-index: 1994}
@keyframes emple {
	0% {
	    opacity: 1;
	    transform: scale(1);
	}
	100% {
	    opacity: 0;
	    transform: scale(3);
	}
}
*/

.use_today { width:30%; float:right; color:#8e8e8e; text-align:right; margin:-22px 0 0 0}
.use_today span { color:#CCC}

.user_info { color:#fff; text-align:right; background:#3a3a3a url(../../resources/images/bg_20.png) no-repeat 120px 18px } /* background:#3a3a3a;  */
.user_info h4 { font-size:16px; width:30%; float:left; text-align:left; line-height:1.6em}
.user_info input[type="text"]{ margin:0 -4px 0 15px; color:#fff; background:#444; border:#5c5c5c solid 1px; padding:5px 10px; width:40%; line-height:1.2em}
.user_info a { padding:5px 20px; background:#303030; color:#CCC; border:#5c5c5c solid 1px; font-size:14px}
.user_info a:hover, .user_info a:focus { color:#fff; background:#000}

.icon_must { display: inline-block; width: 12px; height: 12px; overflow:hidden; margin: 0 3px 0 0; text-indent:-9999px ;background:url(../../resources/images/icon_must.png) no-repeat 0 0; background-size:contain;}
.icon_add:before { content:""; display: inline-block; width: 19px; height: 19px; border-radius: 50%; margin: 0 7px 0 0; vertical-align: middle; background:#32badc url(../../resources/images/icon_add.png) no-repeat 0 0 }

.icon_add2 { text-indent:-9999px; display:block; margin: 0 auto; width: 19px; height: 19px; border-radius:50%; vertical-align: middle; background:#32badc url(../../resources/images/icon_add.png) no-repeat 0 0 }

.spanDan, .spanYun {  display:inline-block;margin-right:-1px }
.spanDan span,
.spanYun span { color:#888; display:inline-block; padding:1px 4px 2px 4px; border:solid 1px #ddd; font-weight: normal; font-size: 13px}

#user_pic_dialog { text-align:center}
#user_pic_dialog img { margin:0 auto}

table .success2 > td{background: #d3e3ab !important}
table .fail,
table .fail > td {background: #f2dfa9 !important}

#user_info_container th { width:10%}
#uit_name input, #uit_status_tr input { margin-left:20px; padding:1px 10px; vertical-align:middle}
#uit_status_tr img { max-width:100% !important;}

#uit_loanreturn_date_setting #return_type_select,
#uit_loanreturn_date_setting #loan_type_select { margin: 0 15px 0 0}
#uit_loanreturn_date_setting #loan_date,

table .libName {min-width:65px}
table td.libName {word-break:break-all; }

/* 주소라벨용지설정 */
.label_setup_img { width: 248px; height: 349px; background: url("../images/labelImg.png") no-repeat 0 0; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15); margin: 10px 0}
.label_setup_img1{ background-position:-260px 0}
.label_setup_img2{ background-position:-520px 0}
.label_setup_img3{ background-position:-780px 0}
.label_setup_img4{ background-position:-1040px 0}
.label_setup_img5{ background-position:-1300px 0}
.label_setup_img6{ background-position:-1560px 0}


/* 대출반납-달력 */
.loanRe_L #calenderDiv { background: #2F362F; border-radius: 6px}
.loanRe_L #calenderDiv table td a { color:#c0c0c0 }
.loanRe_L #loanCalender { background: none; margin:10px 0}

.main_wrap10 #mainCalender { width: 92%; margin:10px auto 0 auto; background:none; font-size: 13px; color:#fff; font-weight:400}
#loanCalender td{ width: 14%; height:26px; text-align: center; vertical-align: top; position: relative;}
#mainCalender td.toDay,
#loanCalender td.toDay { background:#484f53 url(../../resources/images/bg_pattern20.png) }
#loanCalender thead th{ font-size: 10px; font-weight:400; height:20px}
#loanCalender .sun { color:#ffd5b7}
#loanCalender .sat { color:#b8d5f0}
#loanCalender>a{font-size: 11px; font-weight:400; color:#c0c0c0; display: block; padding:3px 10px 8px 10px;}

.loanRe_L .calEx { color:#aaa; padding:15px 20px}

/*대출 오른쪽 목록*/
/*
.loanRe_R>ul>li>div { position: relative; margin-bottom:10px; background: #f7f7f7; border-radius:5px; box-shadow:0 2px 3px rgba(0,0,0,.07); overflow: hidden;}
.loanRe_R>ul>li>div h4 { padding: 12px 20px; background: #ececec; color: #626262; font-size: 16px; font-weight:500; border: #e4e3e3 solid 1px; border-radius:5px 5px 0 0}
*/
.loanRe_R>ul>li>div { position: relative;background: #fff; border-top:solid 1px #ccc; margin-bottom: 4px; border-bottom:solid 1px #cbcbcb; overflow: hidden;}
.loanRe_R>ul>li>div h4 { padding: 10px; color: #333; font-size: 16px; font-weight:500;background: #f3fdf2}
.loanRe_R>ul>li>div h4 span { vertical-align: baseline; font-weight: 300; margin-left: 2px;}
.loanRe_R>ul>li>div table {border:#e0e0e0 solid 1px;}

.btn_loanAction { font-size: 0}
.btn_loanAction input[type="button"] { background: #1aa2c0 ; background-color:#19b8d8/* url("../images/decoBar3.gif") no-repeat right center */; border-left:#93d9e7 solid 1px; border-radius: 0; font-size: 13px; height: 28px;padding: 0 8px;  }
.btn_loanAction input[type="button"]:hover,
.btn_loanAction input[type="button"]:focus {background-color:#0ab1d3}
body.busan .btn_loanAction input[type="button"] { /* background-image:url("../images/decoBar3.gif") */ border-color:#3b6b9f }
.btn_loanAction input[value="예약"] { margin-left: -5px;}
.btn_loanAction input[type="button"]:first-child { border-radius: 3px 0 0 3px; border:none}
.btn_loanAction input[type="button"]:last-child { border-radius: 0 3px 3px 0}
.btn_loanAction input[value="전체보기"] { border-radius: 3px !important}

body.busan .btn_loanAction input[type="button"] { background-color: #2d5785}

#reserveListDiv .btn_loanAction { top:5px}

.ui-state-default table { border-radius:0 5px 5px 0 }

/*대출반납-예약마크디자인*/
.mark_reserve_manless{ display: inline-block; background-color:#BBBBBB4D; padding:4px 10px; margin-left: 3px; border-radius: 4px; color:#666666; font-weight: 500; font-size: 13px;}
.mark_reserve_night{ display: inline-block; background-color:#AC97FF4D; padding:4px 10px; margin-left: 3px; border-radius: 4px; color:#5F499A; font-weight: 500; font-size: 13px; }

/* 최근작업내역 */
.work_history { }
.work_history h4 { width:11%; float:left; color:#717171; font-size:15px; padding:16px 0 10px 4%; background:url(../../resources/images/bg_21.png) no-repeat 0 10px }
.work_history ul { width:70%; float:right; border-left: #CCC solid 1px; padding:0 0 0 50px; position:relative  }
.work_history ul li { padding:3px 0 1px 0; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif;  font-size:14px; color:#717171}
.work_history ul li span { color:#8e8e8e; padding: 0 10px 0 0}
.work_history ul li.more { padding:0}
.work_history ul li.more a { display:block; width:100px; padding:15px 0; border:#CCC solid 1px ; border-radius:4px; right:0 ; top:0; position:absolute; text-align:center; border:#dedede solid 1px;
 background: #e9e9e9;font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; color:#666;
 background: -moz-linear-gradient(top,  #f2f2f2 0%, #e9e9e9 20%, #e9e9e9 80%, #e2e2e2 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(20%,#e9e9e9), color-stop(80%,#e9e9e9), color-stop(100%,#e2e2e2));
 background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%);
 background: -o-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%);
 background: -ms-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%);
 background: linear-gradient(to bottom,  #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%)
}
.work_history ul li.more a:hover, .work_history ul li.more a:focus { background:#dedede; color:#000}


/*대출반납 > 상호대차*/

.loanReturnInforaphicWrap { height: 250px; padding:10px; border:2px #dedede solid; margin:5px 0 15px 0 ; border-radius:3px; background:#fff; position: relative; text-align: center; transition: all 0.2s ease 0s; /* background: url(../images/otherLoanReturn_iconOther.png) no-repeat center 0; */}
.loanReturnInforaphicWrap * {opacity: 1; transition: all 0.2s ease 0s;}
.loanReturnInforaphicWrap.flipOn { height: 0; overflow: hidden; padding:0}
.loanReturnInforaphicWrap.flipOn * { opacity: 0}
/* .loanReturnInforaphicWrap:before { display: block; content: ""; width: 45%; height: 225px; background: rgba(0,0,0,0.07); margin: 0 auto; border:rgba(0,0,0,0.05) 4px dotted; border-radius: 30px } */
.libMeH4 { width: 153px; height: 36px; padding: 135px 0 0 0; margin-left:-77px; background: url(../images/otherLoanReturn_icons.png) no-repeat center 0; color:#FFF;  position: absolute; left: 50%;top: 50px; font-size: 20px; z-index: 15}


/* 2019.12.24 KHY : RECEIPT-2761 <열람-구입자료관리> 복본조사 기능 개선 요청 */
/* 복본조사목록*/
.copyInforaphicWrap {  height: 170px; padding:10px; border:2px #dedede solid; margin:5px 0 15px 0 ; border-radius:3px; background:#fff; position: relative; text-align: left; transition: all 0.2s ease 0s; /* background: url(../images/otherLoanReturn_iconOther.png) no-repeat center 0; */}
.copyInforaphicWrap * {opacity: 1; transition: all 0.2s ease 0s;}
.copyInforaphicWrap.flipOn { height: 0; overflow: hidden; padding:0}
.copyInforaphicWrap.flipOn * { opacity: 0}
input[type="button"].copyInforaphicOpen,
input[type="button"].copyInforaphicClose { font-size: 0; background:#8e8e8e url(../images/arrow30.png) no-repeat center -4px; width: 60px; height: 20px; position: absolute; left: 50%; left:calc(50% - 30px) }
input[type="button"].copyInforaphicOpen {top: 5px; background-position: center -32px }
input[type="button"].copyInforaphicOpen.off { display: none}
input[type="button"].copyInforaphicClose {  bottom: -10px}
input[type="button"].copyInforaphicClose,
input[type="button"].copyInforaphicOpen {background-color: #96989d;}
input[type="button"].copyInforaphicClose:hover,
input[type="button"].copyInforaphicOpen:hover,
input[type="button"].copyInforaphicClose:focus,
input[type="button"].copyInforaphicOpen:focus {background-color:#81848e}

/*
.libTransport10>span { display: block; width:160px; padding:6px 0; position: absolute;left: 50%; margin-left:-80px ; top:214px; background: rgba(0,0,0,0.1); border: solid 1px rgba(0,0,0,0.5); color: #666; font-size: 18px; border-radius: 3px}
*/

.libTransport13,
.libTransport23 { width: 153px; height: 130px; padding: 22px 0 0 0; color: #fff!important; font-size: 18px; position: absolute; right: 10px;top: 65px; background: url(../images/otherLoanReturn_icons.png) no-repeat center -240px;  transform: rotate(-90deg); z-index: 20 }
.libTransport13 { transform: rotate(90deg); left: 10px }

div.off .libTransport13,
div.off .libTransport23 { background-position: center -1046px }

h5.libTransport10,
h5.libTransport20 { width: 37.5%; height: 80px; padding-top: 50px; font-size: 20px; font-weight:400; border: solid 10px rgba(42,161,194,0.7); position: absolute; right:80px; top:68px; color:#21a1c3; border-radius: 74px; z-index: 10}
.off h5.libTransport10,
.off h5.libTransport20 { border-color: #ddd; color:#8e8e8e; background-position: center -1430px; color: #ddd }
.off h5.libTransport20 {background-position: center -1263px; }
h5.libTransport10 { left: 80px; background-position:  center -625px }
/*
h5.libTransport10,
h5.libTransport20 { width: 37.5%; height: 31px; padding-top: 99px; border: solid 10px rgba(42,161,194,0.7); background: url(../images/otherLoanReturn_icons.png) no-repeat center -457px; position: absolute; right:80px; top:58px; color:#21a1c3; font-size: 18px; font-weight: normal; border-radius: 74px; z-index: 10}
h5.libTransport10 { left: 80px; background-position:  center -625px }
 */

a.libTransport11,
a.libTransport12,
a.libTransport15,
a.libTransport21,
a.libTransport25,
a.libTransport14,
a.libTrnasport12,
a.libTransport22,
a.libTransport24,
a.libTransport25{ display: block; width:115px; height: 70px; padding: 21px 0 0; left: 18%; font-size:13px; top: 15px; margin-left: -28px; background: url(../images/otherLoanReturn_iconTruck.png) no-repeat 16px 16px; color: #fff; position: absolute; z-index: 20 }
a.libTransport15,
a.libTransport22 { top: 5px}


a.libTransport14,
a.libTransport11,
a.libTransport21,
a.libTransport24{ height:100px; padding:15px 0 0 0; background-color:#21a1c3; background-position:-278px 60px; border-radius:50%}

a.libTransport15 { left: 33%}
a.libTransport11 { left: 33%; top:148px; background-position: -283px -81px}
a.libTransport21 { left: 60% ;background-position: -442px 62px}
a.libTransport25 { left: 60%; top:141px; background-position: -113px -124px}


a.libTransport14 strong,
a.libTransport11 strong,
a.libTransport21 strong,
a.libTransport24 strong { display:inline-block; border-bottom: 1px dotted #fff; line-height: 1.5em; font-size: 14px; font-weight: 500}

a.libTransport14 span,
a.libTransport11 span,
a.libTransport21 span,
a.libTransport24 span { display: block;line-height: 1.5em; opacity: 0.7}

a.libTransport12 { top:141px; background-position: 17px -124px }
a.libTransport22 { left:76% ;background-position: -113px 16px}
a.libTransport24{ top:148px; left:76% ; background-position: -443px -78px }

.off a.libTransport11 {background-position: -283px -360px; background-color:#ccc;}
.off a.libTransport12 {background-position: 17px -404px}
.off a.libTransport14 {background-position: -278px -220px; background-color:#ccc;}
.off a.libTransport15 {background-position: 16px -263px}
.off a.libTransport21 {background-position: -442px -218px; background-color:#ccc;}
.off a.libTransport22 {background-position: -113px -264px}
.off a.libTransport24 {background-position: -442px -358px; background-color:#ccc;}
.off a.libTransport25 {background-position: -113px -404px}


.directionBar { display: none; width:20%; height: 10px; background:#67bbd2 url(../images/directionBar_2R.gif) no-repeat center 0; position: absolute; z-index: 15 }
.on .directionBar { display: block;}

.directionBar.libTransport11_bar {top:208px; left:21%;  background-image:url(../images/directionBar_2L.gif)}
.directionBar.libTransport12_bar {top:208px; left:21%;  background-image:url(../images/directionBar_2L.gif)}
.directionBar.libTransport14_bar {top:68px; left:20%}
.directionBar.libTransport15_bar {top:68px; left:20%}

.directionBar.libTransport21_bar {top:68px; right:21%}
.directionBar.libTransport22_bar {top:68px; right:21%}
.directionBar.libTransport24_bar {top:208px; left:65%; background-image:url(../images/directionBar_2L.gif)}
.directionBar.libTransport25_bar {top:208px; left:66%; background-image:url(../images/directionBar_2L.gif)}

.nav01_04 #content { position: relative;}
input[type="button"].inforaphicOpen,
input[type="button"].inforaphicClose { font-size: 0; background:#8e8e8e url(../images/arrow30.png) no-repeat center -4px; width: 60px; height: 20px; position: absolute; left: 50%; left:calc(50% - 30px) }
input[type="button"].inforaphicOpen {top: -8px; background-position: center -32px }
input[type="button"].inforaphicOpen.off { display: none}
input[type="button"].inforaphicClose {  bottom: -5px}


.nav01_09 #content { position: relative;}

.LoanReturnSummary { text-align: left; background: #666; color:#fff}
.LoanReturnSummary label,
.LoanReturnSummary span { display: inline-block; font-size: 16px; line-height: 2em; padding: 0 20px;border-right:solid 1px #999}
.LoanReturnSummary label {}
.LoanReturnSummary span { color:yellow}

#LoanReturn_manager_tbl input[type="button"] {width:92px; padding-left: 5px;padding-right: 5px;}

/* 대출반납 - 배달자료관리 */
#userSearchBtn,
#bookSearchBtn { float: right; margin: 0 0 -27px 0 }


/*신규대출반납*/
.loan_date, .due_date { width: 75px}
.loan_list_book_image { width:43px;height: 46px}

.loanRe_R .table_10 td.loanType {text-align: left; padding-left: 20px;}
td.loanType span + span { margin-left: -1px;}

.loanType-nomal,
.loanType-inner,
.loanType-special,
.loanStatus-nomal,
.loanStatus-overdue,
.loanStatus-reverse,
.loanStatus-smart {display:inline-block; padding:1px 4px 2px 4px; border:solid 1px #ddd;background: #fff; color:#666; font-size:13px}

.loanType-nomal{}
.loanType-special{ color:#7398a7; background-position: 0 0 }
.loanType-inner{ color:#6db2cf; background-position: 0 0}
.loanStatus-nomal{ color:#941387; background-position: 0 0 }
.loanStatus-overdue{ color:#ff4e00}
.loanStatus-reverse{ color:#b0875a; background-position: 0 0 }
.loanStatus-smart{ color:#b59a05; background-position: 0 0 }


/*
.supplement {display:inline-block; width:58px; height: 58px; background: url(../images/icon2.png) no-repeat center -8px;}
.supplement.supplement_BOOK{ height: 70px; width:48px; background-size: cover}
.supplement_BOOK { background-position: center -60px}
.supplement_AKBO { background-position: center -538px}
.supplement_DISK { background-position: center -235px}
.supplement_CD { background-position: center -313px}
.supplement_LP { background-position: center -160px}
.supplement_TAPE { background-position: center -386px}
.supplement_JUM { background-position: center -460px}*/

.loanRe_R .table_10 td.bookCoverBg.supplement { background: #ccdee3 url(../images/iconNOMAL.png) no-repeat center; background-size: inherit; }
.loanRe_R .table_10 td.bookCoverBg.supplement_BOOK { background: #dbd5e4 url(../images/iconBOOK.png) no-repeat center; background-size: inherit; }
.loanRe_R .table_10 td.bookCoverBg.supplement_AKBO { background: #e7d9db url(../images/iconAKBO.png) no-repeat center; background-size: inherit; }
.loanRe_R .table_10 td.bookCoverBg.supplement_DISK { background: #e7d8e2 url(../images/iconDISK.png) no-repeat center; background-size: inherit; }
.loanRe_R .table_10 td.bookCoverBg.supplement_CD { background: #e1e2cf url(../images/iconCD.png) no-repeat center; background-size: inherit; }
.loanRe_R .table_10 td.bookCoverBg.supplement_LP { background: #dbd5e4 url(../images/iconLP.png) no-repeat center; background-size: inherit; }
.loanRe_R .table_10 td.bookCoverBg.supplement_TAPE { background: #e4d9d1 url(../images/iconTAPE.png) no-repeat center; background-size: inherit; }
.loanRe_R .table_10 td.bookCoverBg.supplement_JUM { background: #c9dcd6 url(../images/iconJUM.png) no-repeat center; background-size: inherit; }

.loanRe_L{width:329px;}
.loanRe_R{width:650px; width:calc( 100% - 340px )}
.loanRe_L .table_10{ margin:0px;}
.loanRe_L .table_10 th{ background-color:#fff; color:#666; font-weight: 500}
.loanRe_L .table_10 td.txt_l label,
.loanRe_L .table_10 td.txt_l input { vertical-align: baseline; color: #898989}

.loanRe_L  input[type="radio"] + label + input[type="radio"] { margin-left:5px}
.loanRe_L input[type="radio"] + label::before,
.loanRe_L input[type="radio"]:checked + label::before { margin-right: 2px}
.loanRe_L input[type="text"].hasDatepicker { width: 110px; letter-spacing: -1px}

.loanRe_L .table_10 td{background-color:#fff; padding:4px 1px; }


/* .btn_loanAction { position: absolute; right:45px; top:7px; text-align: right;  } 대출반납관련 */
.btn_loanAction { position: absolute; right:25px; top:4px;   }

.searchBg{padding:5px 0 5px 8px}
.searchBg input[type="checkbox"] { margin-left: -4px;}
.searchBg input,
.searchBg label { vertical-align: middle;}
.searchBg label {color:#fff}
input[type="text"] + #search_btn { margin: 0 -2px 0 -6px; border-radius: 0 3px 3px 0}

.loanRe_L>div{margin-bottom:10px;position:relative}
.loanRe_L>div#loanReturnOptionDiv,
.loanRe_L>div.searchBg{ border:none}

.loanStopUser .loanStopUser_wrap { border:solid 3px #ff4e00; border-radius:5px}
.loanRe_L > div#userInfoDiv { border:none}

#sortable table thead th{ background-color:#f6f6f6; border:solid 1px #eaeaea}
#sortable .ui-state-default { background: none}

input#loan_date, input#return_date{}
input#enterText{margin:0px;}
input[placeholder]#enterText {font-size: 13px; letter-spacing: -1px}
#enterText { width: 213px}
#refresh_btn { width: 32px; background-image: url(../images/btnRefresh.png); background-repeat: no-repeat ; background-position: center; font-size: 0; float: right;}

#loanReturnOptionDiv{width:100%; margin:1px 0px 10px; overflow: hidden; font-size: 0;}
#loanReturnOptionDiv input[type="button"] { width:25%; padding: 6px 0; float: left; background: #2d5785 url("../images/decoBar3.gif") no-repeat right center;border-radius:0}
#loanReturnOptionDiv input[type="button"]:first-child {border-radius:3px 0 0 3px}
#loanReturnOptionDiv input[type="button"]:last-child {border-radius:0 3px 3px 0}
#loanReturnOptionDiv input[type="button"]:hover,
#loanReturnOptionDiv input[type="button"]:focus { background-color: #234c79}
/* #loanReturnOptionDiv input[type="button"]:first-child,
#loanReturnOptionDiv input[type="button"]:hover,
#loanReturnOptionDiv input[type="button"]:focus {border-left:#19a5c7 solid 1px}
 */
.loanStopUser #rfidLoanBtn { background: #ddd; border:solid 1px #ccc}

div#userInfoDiv{background-color:#fff}
div#userInfoDiv .loanRe_subTitle .padding_box{width:300px; border-top:solid 1px #c9c9c9; margin-left:10px; padding:10px 0px;}
div.user_wrap{padding-top:7px; background-color:#e1e1e1;}

div.user_photo { width:95px; height:126px; background:#f9f9f9; position: relative; float: left; margin: 10px 0 5px 10px }
span.user_photo { display:block; width:100%; height:100%; font-size: 0; background: no-repeat center;background-size: cover; border:1px solid #efefef;}
div.user_photo input[type="button"] { position: absolute;}
span.userSt2 { display:none; width:27px; height:20px; background:url(../../resources/images/icon_bookium.png) no-repeat 0 0; position: absolute; right: 4px; top:0; font-size: 0; color:transparent }
input.userSt1[type="button"] { font-size:11px; letter-spacing:-1px; background: #ff8e2b; width:50px; height:20px; padding:0; left:0; bottom:0; border:none}
/* input.userSt2[type="button"] { font-size:0; background:#fff url(../../resources/images/btn_bookieum.png) no-repeat 0 0; width:35px; height:22px; padding:0; left:2px; bottom:2px; border:none} */
input.userSt3[type="button"] { font-size:0; background:#2ca1c2 url(../../resources/images/btn_camera.gif) no-repeat center center; width:28px; height:28px; padding:0; right:3px; bottom:3px; border:none; border-radius:50%}

.userStatus { padding:10px 0 6px 0;width: 63%; float: right}
.userStatus span { display:inline-block; border:none; background:#ccc; color:#FFF; padding: 4px 8px; font-size: 13px; letter-spacing: -1px; border-radius:3px; vertical-align: bottom}
.userStatus span.on { background:#7a7a7a; color:#ffea5c}
.userStatus span.userStatus4.on { background: #ff0033; color:#fff; font-weight:400}

.userStatus a.userStatus1 { display:none; border:none; background: #ff4e00; color:#FFF; width:55px; height:34px; text-align:center; padding:21px 0 0 0; font-size: 12px; border-radius:50%; position: absolute; right: -10px; top: 5px; letter-spacing: -1px}
.userStatus a.userStatus1.on { display:block}

.loanStopUser .btn20.btn_returnDelay { background: #ccc}

.no_userInfo { position: absolute; left: 3px; top: 3px; font-size: 17px; height:83px; padding:60px 10px 0 125px;background: #fff no-repeat center; color:#777}
.no_userInfo:before { display:block; content:""; position: absolute; left: 9px; top: 10px; width: 95px; height: 126px;border: 1px solid #eee;  background:#f9f9f9 url(../../resources/images/bg_noMember.png) no-repeat center bottom;}
.no_userInfo input[type="text"] {width: 145px; margin: 0 -10px 0 0;}
.no_userInfo p {padding:6px 0;}

/*개인정보만료시, 노출*/
.user_photo.no_user_expiration::after{
 content: "개인정보만료"; display: block; width: 100%; height: 100%; padding-top: 80px; box-sizing: border-box; font-weight: 500; background:#00000080 url(../../resources/images/ic_no_user_expiration.png) no-repeat center 18px;
 text-align: center; color:#FFC344; line-height: 1.2; font-size: 13px; }


#uit_no { color:#333; font-size: 17px;}
a.icon_reload { display: inline-block;; width: 17px; height: 17px; border-radius:4px; background: #2bb0d1 url(../../resources/images/icon_reload.png) no-repeat center center; font-size: 0; color:transparent; vertical-align: top}
a.icon_reload:hover,
a.icon_reload:focus {background-color: #19a5c7; font-size: 0; color:transparent}

.userQuickWrap { display: block; position: relative;}
.userQuickWrap #user_quick_txt,
.userQuickWrap #user_quick_btn { position: absolute; top: 0;}
.userQuickWrap #user_quick_txt {left:0}
.userQuickWrap #user_quick_btn {right: 0}

.user_txt { padding:0 0 10px 0;width: 63%; float: right; color:#8e8e8e;}
.user_txt li { padding:0 0 5px 0}

/* 2024/07/02 수정 전
.date_info { text-indent: -1px}
.date_info .date_U,
.date_info .date_C,
.date_info .date_S { display: inline-block; width:14px; height: 14px; position: relative; text-indent: -9999px; overflow: hidden }
.date_info .date_C { margin-left: 5px}
.date_info .date_U:before,
.date_info .date_C:before,
.date_info .date_S:before  { display: block; content: "U";padding:2px; width: 10px; height: 10px; background:#7398a7; text-align:center; color:#fff; text-indent: 0; font-size: 10px; border-radius:2px}
.date_info .date_C:before { content: "C" }
.date_info .date_S:before { content: "S" }
*/

/* 2024/07/02 수정 후 */
.date_info { text-indent: -1px}
.date_info .date_U,
.date_info .date_C { display: inline-block; width:auto; height: 14px; position: relative; text-indent: -9999px; overflow: hidden }
.date_info .date_U:before,
.date_info .date_C:before { display: block; content: "마지막 수정일";padding:2px; width: auto; height: 10px; background:#7398a7; text-align:center; color:#fff; text-indent: 0; font-size: 10px; border-radius:2px}
.date_info .date_C:before { content: "개인정보 만료일" }

td#uit_no { padding: 8px 5px}
strong#uit_name { color: #222; font-weight:500; font-size: 18px; display: block }
#uit_group {word-break:keep-all}
#uit_birthday {color:#8e8e8e}
#uit_mobile {font-size: 16px; color: #333;}

li .inputLi { padding:8px 0 4px 0;}
.inputLi {font-size: 0;}
.inputLi input[type="button"] { height: 25px; padding: 0 9px; margin-right: 2px;}

img#user_pic{width:95px; height:126px; float:left; margin-right:20px;display:block;}

div.user_note{clear:both; position: relative;  border-radius:2px;  padding:5px 5px 10px 10px}
div.user_note textarea { width:76%; font-size: 13px;margin:0; padding:5px 3%; min-height: 40px }
div.user_note input[type="button"]{width:20%; height:40px; padding:0; position: absolute; right: 5px; top: 5px;}

#family_Info_List_tbl { position: relative;}
.folding,
.folding.off { position: absolute; right: 11px; top: 7px; display: block; width:25px; height: 25px ;background:url(../../resources/images/btn_arrow30.png) no-repeat 0 0; font-size: 0}
.folding.off { background-position:0 -25px}
.loanRe_R .folding { background-position:-25px 0; top:10px }
.loanRe_R .folding.off { background-position:-25px -25px}
.folding:hover,
.folding:focus { opacity: 0.8}

.loanRe_R .folding,
.loanRe_R .folding.off,
.loanRe_R #sortable .folding,
.loanRe_R #sortable  .folding.off { width:15px; height: 26px ;background:#fff url(../images/arrowSlidUpDn.gif) no-repeat 0 1px;border:solid 1px #ddd; border-radius: 3px;top: 4px;right: 4px;}
.loanRe_R #sortable  .folding.off {background-position: 0 -27px}
.loanRe_R #sortable  .folding:hover,
.loanRe_R #sortable  .folding:focus { background-position: -16px 0}
.loanRe_R #sortable  .folding.off:hover,
.loanRe_R #sortable  .folding.off:focus { background-position: -16px -24px}

#family_Info_List_tbl h4 {font-size:15px; font-weight:400; color:#5f5f5f; margin:0 10px; padding:10px 0; border-top:solid 1px #ddd }
#family_Info_List_tbl ul { padding:10px; background: #fff;}
#family_Info_List_tbl li { position: relative; height: 24px; padding:2px 0 0 0; font-size: 14px; color: #8e8e8e}
#family_Info_List_tbl li input[type="button"]{width:34px; height:20px; padding:0; position: absolute; right:0; top: -2px; font-size: 13px }

#bookInfoDiv {background: #fff}
#bookInfoDiv:after { display: block; content: ""; clear: both;}
#bookInfoDiv h4,
#returnPlanDiv h4{font-size:15px; font-weight:400; color:#5f5f5f; padding:10px; border: solid 1px #e4e3e3; background: #ececec; border-radius: 5px 4px 0 0}
#bookInfoDiv .float_l { margin: 15px 0 14px 12px; border: #ddd solid 1px; width:80px;border:#c5c5c5 solid 1px; height: 110px; display:block; background:no-repeat center; background-size: cover;  box-shadow: 0 2px 2px rgba(0,0,0,0.2); position: relative }
#bookInfoDiv .float_l:before { display: block; content:""; width:80px; height: 110px; background:url(../../resources/images/bg_bookcover.png) center; background-size:cover; position: absolute; left:0 ; top:0}

#bookInfoDiv ul { width:67%; float: right; padding:15px 0 0 0; color:#666}
#bookInfoDiv li { padding:6px 0 6px; position: relative; border-top: #ddd dotted 1px}
#bookInfoDiv li.bInfo1,

#bookInfoDiv li.bInfo5,
#bookInfoDiv li.bInfo6,
#bookInfoDiv li.bInfo7 {padding:6px 60px 6px 0; color:#666}

#bookInfoDiv li.bInfo5 a.btn_dTailView,
#bookInfoDiv li.bInfo6 a.btn_dTailView,
#bookInfoDiv li.bInfo8 a.btn_dTailView{ margin:2px 0 0 0}

#bookInfoDiv li.bInfo1 {border:none; padding:2px 60px 4px 0; font-size: 14px; color:#333}
#bookInfoDiv li.bInfo2,
#bookInfoDiv li.bInfo4 { padding:0 0 7px 0; border:none}
#bookInfoDiv li.bInfo2 span {color:#8e8e8e; padding:0 5px;background:url(../../resources/images/deco_bar30.gif) no-repeat 0 3px}
#bookInfoDiv li.bInfo2 span:first-child {padding-left:0; background: none}



#returnPlanDate { font-size:15px; padding:15px 10px; background: #fff; border-radius:0 0 5px 5px}

a.btn_dTailView { padding:4px; color:#fff; background:#2bb0d1;font-size: 12px; position: absolute; right:5px; top:0 }
a.btn_dTailView:hover,
a.btn_dTailView:focus {background:#19a5c7}

div.family_wrap{height:128px;}
div#bookInfoDiv div.padding_box{height:167px;}
.padding_box{padding:10px 10px;}
.padding_box.sum_txt{ font-size:15px; color:#757575}
.padding_box span img{width:110px; height:164px;margin-right:10px; border:solid 1px #e4e4e4;}

ul.bookInfo_list li{font-size:12px; color:#515151;}
ul.bookInfo_list{padding:5px 0;}

.loanRe_R .table_10{margin:0px}
.loanRe_R .table_10 th,
.loanRe_R .table_10 td {padding:5px; line-height: 1.2em; font-size:14px; border-bottom:solid 1px #f5f5f5}
.loanRe_R .table_10 td.bookCoverBg {padding: 0;width: 46px; background: url(../../resources/images/noImage.png) no-repeat center -4px; background-size: cover}

.loanRe_R .table_10 thead th { font-size: 13px}
.loanRe_R .table_10 thead th.title_btn{text-align:right;}
.loanRe_titleWrap input[type="button"]{height:26px; border-radius:0px; border:solid 1px #228aa7;}
.loanRe_R td.loanListShelfLoc {position:relative; text-align:left; color: #333; font-weight: 500;text-indent: 5px; border-bottom:none;}
.loanRe_R td.loanListShelfLoc::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height: 80%; background-color: #78BC6F; border-radius:3px;}
.loanRe_R .table_10 td.title {padding-left: 20px;padding-top: 10px;}
.loanRe_R .table_10 td.title > span.verti_b{margin-left:5px;}

#reserveRegno { margin-right:-5px; padding-bottom:5px; font-size: 14px;border-width:1px;  height: 28px; margin: 0;}

.emphasis1 td{color:#fd533d}
.emphasis2 td{color:#fd533d}
.emphasis1 td.no,
.emphasis2 td.no{ color: #888}

#loan_cnt { vertical-align: baseline;font-size: 15px; color: #777}
.loanRe_R td.rturn { font-size: 13px; letter-spacing: -1px;}
.loanRe_R td.rturn span.wrn_10 { font-size: 15px}

/* 소장자료 */
td.book_status0 {color:#2bb0d1} /*대출증*/
td.book_status1 {color:#85b818}/*비치중*/
td.book_status2 {color:#ff8400}/*정리중*/
td.book_status3 {color:#8e8e8e}/*제적*/

.facet { background :#52c3df; padding:12px 2.5%; border-top:#6ecde5 dotted 1px; color:#fff}
.facet h4 { font-size:14px; width:60px; font-weight:400; float:left}
.facet a { color:#fff;font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size:14px; padding:0 5px 0 10px ; border-left: solid 1px #6ecde5 }
.facet a:hover, .facet a:focus { color:#fe0}

.facet2 { background :#2bb0d1; padding:12px 2.5%; color:#fff; margin:10px 0}
.facet2 h4 { font-size:14px; width:60px; font-weight:400; float:left}
.facet2 a { color:#fff; font-weight:500; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size:14px; padding:0 5px 0 10px ; border-left: solid 1px #6ecde5 }
.facet2 a:hover, .facet a:focus { color:#fe0}

#Species_Info_Search_div {}
#Species_Info_Search_div table { width:85%; float:left;border-right: dotted 1px #eee; margin-bottom:10px}
#Species_Info_Search_div.table_31 th, #Species_Info_Search_div.table_31 td {padding: 5px 8px}
#Species_Info_Search_div.table_31 tr:first-child ,
#Species_Info_Search_div.table_31 tr:first-child td { border-top: solid 1px #636363}

#Species_Info_Search_div input[type="button"] { width:8%; float:right}

#libraryCheckForm table th { width:12%}

/* 열람 > 소장자료 관리 */
.spanDiv1,
.spanDiv2,
.spanDiv3 { display: block/* ; padding-right:5px; background: url("../images/spanDiv.png") no-repeat right 0;}
.spanDiv2 {background-position: right -20px}
.spanDiv3 {background-position: right -40px */}

.spanDimd { color: #bbb; font-size:14px }

/* dialog_10 */

.dialog_10 {overflow: hidden; padding:10px 0 0 0;}
.dialog_10 dt{ width: 30%; float: left; padding:6px 0 0 0; vertical-align: middle;}
.dialog_10 dd{ width: 69%; float: left; padding:0 0 6px 0; vertical-align: middle}

.dialog_20 {overflow: hidden}
.dialog_20 dt{ width: 30%; float: left; padding:2px 0 0 0; vertical-align: middle;}
.dialog_20 dd{ width: 69%; float: left; padding:0 0 2px 0; vertical-align: middle}


/* 마크반입 */
#marcImportOptionDialog h4 { padding: 10px; background: #ddd; border:solid 1px #ddd; border-radius: 6px 6px 0 0 }
#marcImportOptionDialog ul { padding: 10px ; border-radius: 0 0 6px 6px; background: #f9f9f9; border:#f0f0f0 solid 1px; border-top: 0 none; margin: 0 0 10px 0; }
#marcImportOptionDialog li { padding: 4px 0; }

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

/* 정리통계 hidden 수정*/
.container_statics {width : auto}
#marcController .newHeaderTable { margin-top: -5px; border-radius: 0 0 6px 6px}
#marcController .newHeaderTable input[type="text"],
#marcController .newHeaderTable select { width: 95%}


/* 마크편집기  */

.marcForm2_warp .float_l { width:30%;}
.marcForm2_warp .float_r { width:66%; width: calc( 70% - 52px ); padding: 10px 15px 15px 15px; border:#ddd solid 1px; margin: 10px 10px 15px 0; background: #fff; box-shadow:0 2px 4px rgba(0,0,0,.08); border-radius: 3px}

.marcForm1 input[type='checkbox'] { margin:9px 0 0 0}
.marcForm1 {width: 96%;}
.marcForm1,
.marcForm2 { padding: 15px 2%; background:#555 ; color:#fff ;overflow: hidden; }
.marcForm2 {padding: 0 100px 1px 1%; background:#2bb0d1; position: relative; font-size: 0 }
.marcForm2 input[type="button"] {border: none; padding-right:15px;  padding-left:15px; background:#2bb0d1 url("../../resources/images/deco_bar10.png") no-repeat 0 11px; float:left; border-radius:3px; font-size: 13px}
.marcForm2>input[type="button"]:first-child { background-image: none; padding-left:0}
.marcForm2 input[type="button"]:hover,
.marcForm2 input[type="button"]:focus { background:#19a5c7}
#copy_check_target { display: inline}

.marcForm2 input.editorClose[type="button"],
#beforeBtn,
#nextBtn {background:#0290b3 url("../../resources/images/btn_close20.gif") no-repeat center center; width:28px; height:28px; margin:8px; font-size: 0; color:#0496b9; opacity: 0.7}
.marcForm2 input.editorClose[type="button"],
input#beforeBtn[type="button"],
input#nextBtn[type="button"] { position:absolute; right: 0; top:-6px}
input#beforeBtn[type="button"] {right: 64px; background:#0290b3 url("../../resources/images/btn_arrow20.gif") no-repeat center 0}
input#nextBtn[type="button"] {right: 35px;background:#0290b3 url("../../resources/images/btn_arrow20.gif") no-repeat center -28px}
.marcForm2 input.editorClose[type="button"]:hover,
.marcForm2 input.editorClose[type="button"]:focus,
input#beforeBtn[type="button"]:hover,
input#beforeBtn[type="button"]:focus,
input#nextBtn[type="button"]:hover,
input#nextBtn[type="button"]:focus { opacity: 1}

.marcForm1 span { display: block; width: 25%; float: left; height: 30px }
.marcForm1 label { display: block; width: 35%; float: left; padding:8px 0 0 0 }
.marcForm1 select { width:55%;}

#default_input_div {margin:10px 0 20px 2%}
#marcEditor { font-size: 14px}
.marcForm2_warp:after { content: ""; display: block; clear: both;}

#tag008_div input[type="button"] { padding: 5px 8px; margin-left:-6px}

#tag_div table, #ind_div table, #sign_div table { width: 100%; margin:8px 0 0 0}
#tag_div table th, #ind_div table th, #sign_div table th,
#tag_div table td, #ind_div table td, #sign_div table td { border: #ddd solid 1px; padding:6px 5px; background: #fff}
#tag_div table th, #ind_div table th, #sign_div table th { background: #ededed; padding:7px 5px}

#marcEditor div, #marcView_div div, #main_marc_div div, #separate_marc_div div, .main_marc div, .target_marc div  {border-bottom: 1px solid #BDB76B;}
#marcEditor pre, #marcView_div pre, #main_marc_div pre, #separate_marc_div pre, .main_marc pre, .target_marc pre,
#keyword_div #keyword_info pre {display: inline}
#keyword_div pre {display: inherit;}

#marcEditor pre {white-space: pre-wrap;}

#marcInput_tbl.table_10 { margin: 0; border-left:#ddd solid 1px; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px}
#marcInput_tbl.table_10 th,
#marcInput_tbl.table_10 td { padding:3px 5px}
#marcInput_tbl.table_10 td input[type="text"] { padding:2px 5px; }

/* 소장자료 입력, 마크편집기 */
#marcEditor>div,
#innerMarcView_div>div, #main_marc_div>div, #separate_marc_div>div, .main_marc>div, .target_marc>div,
#syntexMsg_div>div  { padding:4px 0}
#innerMarcView_div pre, #main_marc_div pre, #separate_marc_div pre , .main_marc pre, .target_marc pre{ padding:0 4px}
#syntexMsg_div {padding:2px 14px; margin:0 3% 0 1%; border:#f191a4 solid 1px; font-size: 13px; background: #fff}

#keyword_info>div { padding:15px 10px; background: #f9f9f9; border:1px solid #ededed; border-radius:4px}
#keyword_txt { width:98%; margin-top:10px}

#add_input { margin:10px 0 0 0}

h2.li1row2,
.li1row2 h2,
h2.li2row2,
.li2row2 h2  {font-size:14px; padding:10px 3%;  background:#e9e9e9;border-top: solid 1px #ccc;}

ul.li1row { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; overflow: hidden;}
.li1row li { float: left; height:32px; position: relative; overflow: hidden; border-top: dotted 1px #ddd; }
.li1row label { display: inline-block; width:25%; background: #f9f9f9; height: 24px; padding:9px 0 0 5%}
.li1row span { padding:0 0 0 3%}
.li1row li input { vertical-align: middle;}

ul.li2row { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; overflow: hidden;}
.li2row li { width: 50%; float: left; height:42px; position: relative; overflow: hidden; border-top: dotted 1px #ddd; }
.li2row label { display: inline-block; width:29%; background: #f9f9f9; height: 24px; padding:14px 0 4px 5%}
.li2row label.hiddenLabel { background: none; padding:0}
.li2row span { padding:0 0 0 3%}
.li2row li input { vertical-align: middle;}

ul.li1row2,
.li1row2 ul{ border-top: solid 1px #ddd; border-bottom: solid 1px #ddd}
.li1row2 li { width:100%; float: left; height:46px; position: relative;  border-top: dotted 1px #ddd; }
ul.li1row2:after, .li1row2 ul:after, .li1row2 li:after { display: block; content:""; clear:both; }
.li1row2 li:first-child { border:none}
.li1row2 label { display: inline-block; width:17%; background: #f9f9f9; height: 30px; padding:16px 0 0 3%}
.li1row2 span { padding:0 0 0 2%}
.li1row2 li input { vertical-align: middle;}


ul.li2row2,
.li2row2 ul{ border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; overflow: hidden; margin:0 0 10px 0}
.li2row2 li { width: 50%; float: left; height:42px; position: relative; overflow: hidden; border-top: dotted 1px #ddd; }
.li2row2 li:first-child,
.li2row2 li:nth-child(2) { border:none}
.li2row2 label { display: inline-block; width:35%; background: #f9f9f9; height: 30px; padding:12px 0 0 5%}
.li2row2 span { padding:0 0 0 3%}
.li2row2 li input { vertical-align: middle;}

#isbnCheck_btn { position: absolute; right: 0; top:6px; padding:5px 8px}
#ref_category { margin-left:-17px}

.table_22 { width:100%; border: 1px solid #dedede; border-top: solid 1px #636363; border-bottom:none; margin:10px 0 0 0}
.table_22 th,
.table_22 td { padding:8px 5px; text-align: center; border: 1px dotted #ccc }
.table_22 td { border-top: 1px solid #e9e9e9; border-bottom:none}
.table_22 thead th,
.table_22 thead td { background:#e9e9e9; padding:18px 5px}
.table_22 tbody th { background:#f1f1f1}
.table_22 tbody td { background:#f3f3f3; text-align:center; }
.table_22 tbody td.title,
.table_22 tbody td.lib_name { text-align:left; font-weight:500}

div.table_24 { width:100%;border-top: solid 1px #636363; border-bottom:none; margin:10px 0 0 0; position: relative; overflow: hidden }
div.table_24 table{ width:80%; border: 1px solid #dedede}
div.table_24 input.btn { width: 20%; height:90px; padding-top:12px; position: absolute; right: 0; top: 0}
.table_24 th,
.table_24 td { padding:8px 5px; border: 1px dotted #ccc }
.table_24 td { border-top: 1px solid #e9e9e9; border-bottom:none}
.table_24 thead th,
.table_24 thead td { background:#e9e9e9; padding:18px 5px}
.table_24 tbody th { background:#f1f1f1}
.table_24 tbody td { background:#fff}


.popup_header,
.tag006Form {border: 1px solid #dedede; border-top: solid 1px #636363; background:#e9e9e9; padding:6px 0 }
.popup_header label,
.tag006Form label { width:22%; display: block; float: left; padding: 4px 1% 0 2% }
#tag_006_desc_div label { width:22%; display: block; float: left; padding: 16px 0 12px 2%; background: #f9f9f9 }
#tag_006_desc_div span {width:75%; display: block; padding: 5px 0 2px 0; float: right }
#tag_006_desc_div li { padding:0 0; overflow:hidden; border-bottom: 1px dotted #ccc}

.popup_header2 {border: solid 1px #8e8e8e; background:#dedede; padding:6px 0; text-align:center}

table td.code_revReference { word-break:break-all}


/* 장서점검 */
p.checkDate { float:right; color:#666; margin-top:-20px}

/* 수서 */
#online_Image { float:left; width:120px}
#book_info_input_Div { overflow:hidden; padding:20px 0}

#book_info_input_Div .table_40 th { width:10%}

#sortTh1,
#sortTh2,
#sortTh3,
#sortTh4,
#sortTh5,
#sortTh6,
#sortTh7,
#sortTh8,
#sortTh9 {color:red}

.order_date, .input_date, .over_date,
.order_list, .purchase_list { text-align:left !important; font-weight:500}

.refuse_note2, .over_date2 {text-align:left !important;}
.refuse_note2 span, .over_date2 span {color:#bbb}

/* 이용자 */
.join_step {overflow:hidden; padding:0 0 10px; display: flex; flex-direction: row; justify-content: flex-start;}
.join_step li {/*  display:block; */ /*float:left;*/ position: relative; flex-grow: 1;}
.join_step li span,
.join_step li strong{display:block; width:100%; margin: 0 auto; height:40px; padding:20px 0 0; font-weight:normal; color:#ededed; background:#8e8e8e; font-size:16px; text-align:center; border-left:solid 1px #aaa; z-index:400}
.join_step li strong{font-weight:400; background:#1aa2c0; color:#fff}
.join_step li:first-child span{ }
.join_step li:last-child span{}

.join_step li strong:after { display:block; content:""; width: 0; height: 0; border-top: 13px solid transparent; border-left: 10px solid #1aa2c0; border-bottom: 13px solid transparent; position:absolute; top:18px; right:-10px; z-index:500 }
.join_step li:last-child strong:after{content: none;}

.step_60 li { /*width:16.6666%*/}

.user_info_20 { width:65%; padding:25px 3%; float:left; position:relative; background:#2bb0d1; border-radius:10px 0 0 10px}
.user_info_30 { width:24%; padding:0 1.5% 0 0; float:right; position:relative}

.user_info_20 h4 { width:150px; height:200px; background: url(../../resources/images/bg_user_photo.png) no-repeat center; position: relative; text-align:center}
.user_info_20 h4 span { display:block; width:100%; color:#000; font-size:16px; padding: 95px 0; font-weight:normal}
.user_info_20 img { max-width:150px; position:absolute; top:0; left:0}

.user_info_22 { width:67%; position:absolute; top: 20px; left:30%;; border-bottom:#19a5c7 solid 1px; height:57px}
.user_info_22 dt { font-weight:400}
.user_info_22 dt,.user_info_22 dd { position:absolute}
.user_info_22 dt { color:#e0e0e0; top:0}
.user_info_22 dd { color:#fff; font-size:18px; top:25px}

dt.ui_name { top:0; left:42%}
dd.ui_name { top:25px; left:42%}
.ui_loan_check { left:85%}

.user_info_24 { width:67%; position:absolute; top: 78px; left:30%; padding:18px 0 0 0; border-top:#32badc solid 1px; z-index:300}
.user_info_24 dt {color:#e0e0e0; font-weight:500}
.user_info_24 dt,
.user_info_24 dd { width:25%; float:left; padding:1px 0; height:20px; }
.user_info_24 dd { width:70%; color:#fff}


#agree_Form h4{ font-size:24px; padding:20px 0 0 0; font-weight:500}
#agree_Form div.textarea { margin:12px 0}

.btn_c10 { width:30%; float:right; text-align:right; margin:-25px 0 0 0; z-index:400; position:relative}
.btn_c10 a { color:#FFF; padding:10px 20px; border:#19a5c7 solid 1px; border-radius:4px;
 background: #32badc;
 background: -moz-linear-gradient(top,  #36c4e7 0%, #32badc 20%, #32badc 80%, #2ab4d6 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36c4e7), color-stop(20%,#32badc), color-stop(80%,#32badc), color-stop(100%,#2ab4d6));
 background: -webkit-linear-gradient(top,  #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%);
 background: -o-linear-gradient(top,  #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%);
 background: -ms-linear-gradient(top,  #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%);
 background: linear-gradient(to bottom,  #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%)
}
.btn_c10 a:hover, .btn_c10 a:focus { background:#19a5c7}

.user_info_30 h4 { background:url(../../resources/images/bg_22_ribbon.png) no-repeat 0 0; color:#fff; font-size:15px; width:64px; padding:12px 0 25px; text-align:center; margin:0 0 -20px; position:relative; z-index:800}
.user_info_30 textarea { width:85%; padding:10px 5%; height:132px; border:#ddd solid 1px; position:relative; z-index:700 }

.btn_c20 {text-align: right; padding: 20px 10px}
.btn_c20 a { color:#FFF; padding:8px 15px; border:#dedede solid 1px; border-radius:4px; color:#666;
 background: #e9e9e9;
 background: -moz-linear-gradient(top,  #f2f2f2 0%, #e9e9e9 20%, #e9e9e9 80%, #e2e2e2 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(20%,#e9e9e9), color-stop(80%,#e9e9e9), color-stop(100%,#e2e2e2));
 background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%);
 background: -o-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%);
 background: -ms-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%);
 background: linear-gradient(to bottom,  #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%)
}
.btn_c20 a:hover, .btn_c10 a:focus { background:#dedede; color:#000}

.box_10 { padding:20px; background: #fff; border:solid 1px #ddd; border-radius:10px; text-align: center; margin:0 0 20px 0;}
.box_10 input[type="button"] { padding:20px 13%}
.box_10 input[type="text"] { background: #fff}

#substitute_Dialog .box_10 { padding:20px 0; margin:10px 0 0 0}
#substitute_Dialog .box_10 input[type="button"] { padding:20px 0; width: 30%; margin:0 0 0 0.5% }
#substitute_Dialog .box_10 input[type="button"]:first-child { margin: 0}
#substitute_Dialog #hidden_Form { float: right; margin: -30px 0 0 0 }

.join_result { padding:20px; background: #fff; border:solid 1px #ddd; border-radius:10px; text-align: center; margin:0 0 20px 0; }
.join_result p { font-size: 24px; line-height: 2em; padding:10px 0 20px 0;; border-bottom: #ededed dotted 1px; margin: 0 0 20px}
.join_result input { padding: 10px 30px; font-size: 16px; }
/* */

#approve_List_Div .btn_search { float: right; margin-right:10px}

/* 이용자 - 기증자 */
.donor_personal,.donor_group {width: 48%; float: left}
.donor_group { float: right}
#donor_TotalCnt,#teamdonor_TotalCnt,
.totalCnt {padding:0 0 5px 0; text-align: right; color: #8e8e8e}

.totalCnt_2 {overflow:hidden; margin:15px 0; text-align: right; color: #8e8e8e}

.btn_area_10_box {text-align: center; padding: 20px 0 ; background: #fff; border:solid 1px #dedede ; padding: 20px 5%; margin: 40px 0 0; border-radius: 10px }
.btn_area_10_box input[type="button"] {width:48.5%; padding:10px 0; text-align: center; margin:0 0.5%;}
.btn_area_10_box input[type="text"] { margin: 0 5px; width: 32%}
.btn_area_10_box label { font-size: 14px}

#team_donor_name { margin-right:20px;}

/* 범례 */
.ex_wrap { text-align:right}
.ex_wrap span { display:inline-block; width: 27px; padding:0 4px; height:45px; text-align:center; color:#757575}
.ex_wrap span:before { display:block; width:28px; height:28px; margin:0 0 5px 0; border-radius:14px;  content:""; background-image:url(../../resources/images/icon_ex_10.png); background-repeat:no-repeat}
.ex_10:before { background-color:#98cc54; background-position: 0 0 }
.ex_20:before { background-color:#73a7c5; background-position: -47px 0}
.ex_30:before { background-color:#ff8e7b; background-position: -93px 0}
.ex_40:before { background-color:#b997d6; background-position: -141px 0}
.ex_50:before { background-color:#bab668; background-position: -190px 0}
.ex_60:before { background-color:#ff821e; background-position: -238px 0}


a.ex_10, a.ex_20, a.ex_30, a.ex_40, a.ex_50, a.ex_60 { display: block; width: 28px; height: 28px; margin: 0 auto; border-radius: 14px; background:url(../../resources/images/icon_ex_10.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
a.ex_10 { background-color:#98cc54; background-position: 0 0 }
a.ex_10:hover, a.ex_10:focus { background-color: #85be3b}
a.ex_20 { background-color:#73a7c5; background-position: -47px 0}
a.ex_20:hover, a.ex_20:focus { background-color: #5c9cc1}
a.ex_30 { background-color:#ff8e7b; background-position: -93px 0}
a.ex_30:hover, a.ex_30:focus { background-color: #f0715c}
a.ex_40 { background-color:#b997d6; background-position: -141px 0}
a.ex_40:hover, a.ex_40:focus { background-color: #ac81d1}
a.ex_50 { background-color:#bab668; background-position: -190px 0}
a.ex_50:hover, a.ex_50:focus { background-color: #aea94f}
a.ex_60 { background-color:#ff821e; background-position: -238px 0}
a.ex_60:hover, a.ex_60:focus { background-color: #ed6f0a}

/* 검색 */
.content_head_10 { text-align:right; background:#fff;margin-bottom:10px} /* background:#2a5574 424242 */
.content_head_10 .th label { margin:0}
.content_head_10 input[type="text"],
.content_head_10 select { margin:1px 2px; border:solid 2px #e3e3e3}
.content_head_10 select {}

.content_head_11 { text-align:right; background:#fff} /* background:#2a5574 424242 */
.content_head_11 .th label { margin:0}
.content_head_11 input[type="text"],
.content_head_11 select { margin:1px 2px; border:solid 2px #e3e3e3}
.content_head_11 select {}

.newHeaderTable table tr td:last-child.btn_td,
.newHeaderTable table tr td.btn_td  { text-align: right; font-size: 0}


#reserveControll_title_action input[type="text"] {/* padding:5px 2px;  width:70px */}
#reserveControll_title_action .ui-datepicker-trigger { padding:2px 0}

.content_head_10 input[type="button"].btn_2x { padding:32px 20px; float: right; margin:-48px 0 0 15px;}
.content_head_10 input[type="button"].btn_2x_1 { padding:32px 20px; float: right; margin:-80px 0 0 15px;}
.content_head_10 input[type="button"].btn_3x { padding:52px 20px; float: right; margin:-90px 0 0 15px;}
.content_head_10 a:hover, .content_head_10 a:focus { color:#fff; background:#000}
.content_head_10 input[type="button"]:hover, .content_head_10 input[type="button"]:focus { color:#fff; background-color:#19a5c7; border-color:#19a5c7}

.content_head_11 input[type="button"].btn_2x { padding:32px 20px; float: right; margin:-48px 0 0 15px;}
.content_head_11 input[type="button"].btn_2x_1 { padding:32px 20px; float: right; margin:-80px 0 0 15px;}
.content_head_11 input[type="button"].btn_3x { padding:52px 20px; float: right; margin:-90px 0 0 15px;}
.content_head_11 input[type="button"]:hover, .content_head_11 input[type="button"]:focus { color:#fff; background-color:#19a5c7; border-color:#19a5c7}

/*
.content_head_10 input[type="button"]#search_btn { margin:0 0 0 -30px } */

/* 검색 레이아웃 수정 201801 KOLOR */

.headerTable1 {margin:0 auto;  border-radius:6px; margin:0 0 15px 0; box-shadow:rgba(0,0,0,.08) 0 2px 3px; border-top:solid 1px #f1f1f1;}
.headerTable1:after { display: block; content: ""; clear: both;}

.headerTable1 table { background: none; width: 100%; padding:5px 0}
.headerTable1 table td { padding:6px 8px; text-align: left; border-bottom:solid 1px #f1f1f1 }
.headerTable1 table tr:first-child td { padding-top:10px}
.headerTable1 table tr:last-child td { padding-bottom:8px  }
/*
.headerTable1 table tr :first-child { padding-left:0}
.headerTable1 table tr td:last-child { padding-right:0}
*/
.headerTable1 table .th { padding-left:10px; color: #626262; font-weight: 500;  border-left:solid 1px #f1f1f1; }
.headerTable1 table .th[colspan="2"]{ border-right:solid 1px #575757 }
.headerTable1 .td2 {border-right:solid 1px #5e5e5e}

.btn_headerArea { padding:8px 12px 10px 0; background: rgba(255,255,255,0.15) }
.headerTable1 div.btn_headerArea input[type="button"] {border-radius:3px; font-size: 15px}

/* 상단 건색조건영역 리뉴얼 201812 */
.newHeaderTable { background: #fff; border-radius:6px; box-shadow:rgba(0,0,0,.08) 0 2px 3px; border-top:solid 1px #f1f1f1;}
.newHeaderTable table {width: 100%;border-radius:7px; }
.newHeaderTable table td {padding:6px 8px; border-bottom:solid 1px #f1f1f1}
.newHeaderTable table tr:first-child td { padding-top:10px}
.newHeaderTable table tr:last-child td { padding-bottom:8px}
.newHeaderTable table .th { padding-left:10px; color: #626262; font-weight: 500;  border-left:solid 1px #f1f1f1; }

.btnArea { padding:10px 0 15px 0; text-align: right; border-bottom: solid 1px #ededed}
.newHeaderTable td.btn_td { text-align: right;}





/* 구입 */
.popupWrap10 {margin: 0 0 10px 0}
.popupWrap10 h4{ background: #717171; color:#fff; font-size: 14px;  padding:15px 10px; border-radius:5px 5px 0 0}
.popupWrap10 .float_r {margin: -36px 10px 0}
.popupWrap10 .float_r label { color:#fff}

.popupWrap10 .table_30 {margin: 0; border-top: 1px solid #ddd;}
.popupWrap10 table {width: 100%;}
.popupWrap10 table th,
.popupWrap10 table td {padding-left:10px}


.popupInfo10 { background: #ededed; padding:6px 10px}

.popupInfo12 { background: #f0f0f0; padding-left:110px}
.popupInfo12 #view_image { float:left; margin: 0 0 0 -100px; width:90px; min-height:90px; border: solid 1px #ddd; background:#fff url(../../resources/images/bg_noImage2.png) no-repeat center center}


.a45 .ui-dialog { position:relative }
#bookSearch_btn { width:18%; float:right; padding:57px 0; margin:20px 0 0 0 }

.popupWrap10#book_status th{ min-width:160px; }
.btnFr { float: right; margin: -28px 0 5px 0;}


/* 구입 - 구입자료관리(서지정보조회 목록) */
.book_list { clear:both}
.book_list li { padding:10px 0 7px 0; border-top:#ddd dotted 1px; overflow:hidden}
.book_list .book_cover { float:left; width:85px; height: 120px}
.book_list h4 { padding:0 0 10px 0}
.book_list h4 a { font-size:14px}
.book_list .book_info { width: 70%; float:left; padding: 0 0 0 2%}
.book_list .book_info dl {overflow:hidden; padding:2px 0}
.book_list .book_info dt {font-weight:500}
.book_list .book_info dt,
.book_list .book_info dd { float:left; padding:0 5px 0 0}
.book_list .book_info dd { padding:0 15px 0 6px; position:relative}
.book_list .book_info dd:before { display:block; content:""; width:1px; height:10px; background:#ddd ; position:absolute; top:0px; left:0}

.book_list .book_info dl.book_info1 { color:#8e8e8e}
.book_list .book_info dl.book_info1 dt{color:#678cbf}

.book_list .book_info dl.book_info2 {color:#8e8e8e;}
.book_list .book_info dd.book_info_summary { padding:10px 0; line-height:1.3em; color:#717171}
.book_list .book_info dd.book_info_summary:before { display:none}
.book_list input.pri { padding:5px 10px; float:right}


/* 구입 - 연속 */
#pubDataTbl input,
#pubDataTbl label { vertical-align: initial}
#getDataTbl input,
#getDataTbl label { vertical-align: initial}


.headerTable1 #detail_search_btn,
.headerTable1 #default_search_btn2 { display: none; padding-left:40px}
.headerTable1 #detail_search_btn.trOn,
.headerTable1 #default_search_btn2.trOn { display: inline-block}
.headerTable1 #default_search_btn2.trOn {background-position: 2px -32px}

tr.detail_search_tr{ height:0; overflow:hidden; padding-top:0px; padding-bottom:0; opacity:0; transition: all 0.2s ease 0s;}
tr.detail_search_tr td{height: 0; overflow: hidden;  padding-top:0; padding-bottom:0; position: relative; border-bottom: none; font-size: 0; line-height: 0; transition: all 0.2s ease 0s;}
tr.detail_search_tr td * { position: absolute; left: -9999px;}
tr.detail_search_tr.trOn { display:table-row; height:auto; padding-top:6px; padding-bottom:6px; opacity: 1; overflow: auto; }
tr.detail_search_tr.trOn td { padding-top:6px; padding-bottom:6px; height:auto; border-bottom: solid 1px #ededed; font-size: 15px; }
tr.detail_search_tr.trOn td * { position: static;}
/* 2018.06.05 ADD BY KHY: 이용자관리의 간략검색/상세검색 기능 추가 */
tr.detail_search2_tr{ display:none;}
tr.detail_search2_tr.trOn { display:table-row;}

/* 2018.06.05 ADD BY KHY: 이용자관리의 간략검색/상세검색 기능 추가*/
tr.detail_search2_tr{ position: fixed; top:-100px}
tr.detail_search2_tr td {transition: all 0.2s ease 0s; padding-top: 0;padding-bottom: 0; height:1px; overflow: hidden;}
tr.detail_search2_tr.trOn{position:static; top:0}
tr.detail_search2_tr.trOn td{padding-top: 6px;padding-bottom: 6px; height:auto;transition: all 0.2s ease 0s; overflow: inherit;}
table input[type="button"]#MAIN_LOAN_INFO,
table input[type="button"]#OBJECT_LOAN_INFO { padding:5px 6px}

.content_head_10 input[type="button"].btn_detail_search { background-image: url("../images/btn_detail_search.png"); background-position: 2px 0}
.content_head_11 input[type="button"].btn_detail_search { background-image: url("../images/btn_detail_search.png"); background-position: 2px 0}


.newHeaderTable table tr.detail_search_tr td { padding-bottom:0}
.newHeaderTable table tr.detail_search_tr.trOn td { padding-bottom:8px}

.display{ height: 0; overflow: hidden; opacity:0; transition: all 0.2s ease 0s; }
.display.on { height: auto; overflow:visible;  opacity:1; }
.display.on:after { display:block; content: ""; clear: both; }

/* 구입 - 체크인 */

.acq{ float: right; margin: -10px 0 -5px 0; }
.acq label { padding-left: 20px }
.acq input[type="button"] { margin-left: -2px; font-size: 13px; }





/* 수서 */
.content_head_20 { color:#fff; text-align:right; width:94.5%; padding:22px 2.5% 26px 2.5%; border-radius:0 0 8px 8px; background:#666; box-shadow:#eeeeee 0 3px 2px;border-top: dotted #5c5c5c 1px; margin:-27px 0 7px 0 ;*zoom:1 } /* background:#2a6188; */
.content_head_20:after {content:" "; display:block; clear:both}

.content_head_11 h4,
.content_head_10 h4,
.content_head_20 h4 { font-size:16px; width:22%; float:left; text-align:left; line-height:1.6em}

.content_head_10 a,
.content_head_20 a { padding:5px 20px; background:#303030; color:#CCC; border:#5c5c5c solid 1px; font-size:14px}


/* 수서 > 구매관리 > 파일반입  */
#importForm .content_head_20 ul { text-align: left; overflow: hidden }
#importForm .content_head_20 ul li { width: 25%; float: left; padding:0; height: 30px}
#importForm .content_head_20 ul li label {display: inline-block; width: 35%;}
#importForm .content_head_20 ul li input[type="text"],
#importForm .content_head_20 ul li select { width:55%}

dl.PurchaseMain { text-align: right; padding:10px 3px 0 0 }
.PurchaseMain dt,
.PurchaseMain dd {display: inline; color: #333}
.PurchaseMain dt { padding-left:15px; font-weight:400; color:#8e8e8e}

/* 소장자료 */
#Facet_Search_Bar_Form { padding:0 0 20px 0; margin:-10px 0 0 0 }

.content_head_30 { color:#fff; padding:20px 1.5% 27px 1.5%; background:#494949;box-shadow:#eeeeee 0 3px 2px;border-top: dotted #5c5c5c 1px; margin:0 0 -10px 0 ;*zoom:1 }
.content_head_30:after {content:" "; display:block; clear:both}
.content_head_30 h4 { font-size:14px; width:5.5%; float:left}

.content_head_30 input[type="button"] { padding:5px 20px; background:#303030; color:#CCC; border:#5c5c5c solid 1px; font-size:14px}
.content_head_30 input[type="button"].btn_2x { padding:32px 20px; float: right; margin:-48px 0 0 15px;}
.content_head_30 a { color:#CCC; padding: 1px 20px 1px 14px;background:url(../../resources/images/btn_close_10.png) no-repeat 99.5% 6px; }
.content_head_30 a:hover, .content_head_30 a:focus { color:#fff; background-position: 99.5% -20px}
.content_head_30 input[type="button"]:hover, .content_head_30 input[type="button"]:focus { color:#fff; background:#000}

.content_head_32 { color:#fff; padding:9px 40px 0 10%; min-height:29px; overflow:hidden; background:#585858; box-shadow:#eeeeee 0 3px 2px;border-top: dotted #747474 1px; *zoom:1; position: relative; line-height: 1.1em }
.content_head_32.moreOn { height: 29px}
.content_head_32.on { height: auto}
.content_head_32:after {content:" "; display:block; clear:both}
.content_head_32 h4 { font-size:14px; position: absolute; left:1.5%; top:11px}
.content_head_32 a {color:#CCC; padding:2px 12px 10px 8px; background: url("../images/deco_bar10.png") no-repeat right 5px; word-break:keep-all; display: inline-block;}
/* .content_head_32 h4 + a { padding-left:0; background: none} */
.content_head_32 input[type="button"] { padding:5px 20px; background:#303030; color:#CCC; border:#5c5c5c solid 1px; font-size:14px}
.content_head_32 input[type="button"].btn_2x { padding:32px 20px; float: right; margin:-48px 0 0 15px;}
.content_head_32 a:hover, .content_head_32 a:focus { color:#fff}
.content_head_32 input[type="button"]:hover, .content_head_32 input[type="button"]:focus { color:#fff; background:#000}

input[type="button"].btnOpen,
input[type="button"].btnClose { display:none; font-size: 0; background: url(../images/btn_more_40.png) no-repeat 0 0; width: 30px; height: 30px; position: absolute;right: 10px; top:4px; padding:0; border:none}
input[type="button"].btnOpen:hover,
input[type="button"].btnOpen:focus {background: url(../images/btn_more_40.png) no-repeat 0 -31px}

input[type="button"].btnClose { background-position:0 -61px}
input[type="button"].btnClose:hover,
input[type="button"].btnClose:focus {background: url(../images/btn_more_40.png) no-repeat 0 -92px}


.content_head_32.moreOn input[type="button"].btnOpen { display: inline-block;}
.content_head_32.moreOn.on input[type="button"].btnOpen{  display:none; }
.content_head_32.moreOn.on input[type="button"].btnClose{  display: inline-block; }


.input_t10 {margin:0 0 0 15px; color:#fff; background:#444; border:#5c5c5c solid 1px; padding:5px 10px; width:10%; line-height:1.2em}

.ui-dialog table#kdc_class_dialog { width: 100%}

/* .sign_menu2 { margin:0 0 0 5px} */
.sign_menu2 .sign_button_list{margin-right: -5px;}
.sign_menu2 input[type="button"] { background: #068dae; border-color:#0b7d99; width:20%; text-align: center; padding:6px 0; border-radius:0; margin:-1px 0 0 -5px}
.sign_menu2 input[type="button"].active,
.sign_menu2 input[type="button"]:hover,
.sign_menu2 input[type="button"]:focus {background:#1d5575; color:#fc0}



/* 이용자 */
.user_info2 { overflow: hidden}
.info_view_10 { width: 18%; float: left}
.user_name { font-weight:500; display:block; padding:0 0 5px 0}

.span_bar_03 { display:inline-block; padding: 0 8px 0 0}
.span_bar_05 { display:inline-block; padding: 3px 5px 3px 0}
.span_bar_07 { display:inline-block; padding: 3px 5px 3px 0; margin:0 96px 0 0;}
.span_bar_08 { display:inline-block; border-left:1px #999 solid; padding: 0 8px}
.span_bar_10 { display:inline-block; border-left:1px #999 solid; padding: 0 8px}
.span_bar_12 { display:inline-block; border-left:1px #999 solid; padding: 0 0 0 8px; position: relative;}
.span_bar_15 { display:inline-block; border-left:1px #999 solid; padding: 0 8px; margin:0 90px 0 0; }

.join_type {  border:solid 1px #ededed; border-radius:10px; background:#fff; overflow:hidden; padding:60px 0; text-align:center }
.join_type input { width:40%; padding:50px 0; margin:0 10px; font-size:21px}


.identity {  border:solid 1px #ededed; border-radius:10px; background:#fff; overflow:hidden; padding:60px 0; text-align:center }
.identity input { width:15%; padding:50px 0; margin:0 10px;}
/* .identity input:first-child { width:65%} */

/* 이용자 - 대출증 출력타입  */
#userCard_MarginImg { text-align:left; width: 360px;height:290px;background: url(../images/cardImg.png) no-repeat center 68px; }
#userCard_MarginImg h4 {font-size: 19px; padding: 0 0 0 4px; background: #fff; font-weight: normal; }
.cardImgWwarnTxt{ color: #f60; font-size: 12px; padding: 6px 0; background: #fff; }

.printCardType td,
.printLabelType td { text-align: left; }
.printCardType td label,
.printLabelType td label{ display: inline-block; width: 150px; text-align: left; }

#userCard_MarginImg.cardImg1 {background-position: center -157px;}
#userCard_MarginImg.cardImg2 {background-position: center -382px;}
#userCard_MarginImg.cardImg3 {background-position: center -607px;}
#userCard_MarginImg.cardImg4 {background-position: center -832px;}
#userCard_MarginImg.cardImg5 {background-position: center -1057px;}
#userCard_MarginImg.cardImg6 {background-position: center -1282px;}
#userCard_MarginImg.cardImg7 {background-position: center -1507px;}
#userCard_MarginImg.cardImg8 {background-position: center -1732px;}
#userCard_MarginImg.cardImg9 {background-position: center -1957px;}
#userCard_MarginImg.cardImg10 {background-position: center -2182px;}
#userCard_MarginImg.cardImg11 {background-position: center -2407px;}
#userCard_MarginImg.cardImg12 {background-position: center -2632px;}
#userCard_MarginImg.cardImg13 {background-position: center -2857px;}
#userCard_MarginImg.cardImg14 {background-position: center -3082px;}
#userCard_MarginImg.cardImg15 {background-position: center -3307px;}
#userCard_MarginImg.cardImg16 {background-position: center -3532px;}
#userCard_MarginImg.cardImg17 {background-position: center -3757px}
#userCard_MarginImg.cardImg18 {background-position: center -3982px;}

/* 이용자 - 가입 */
.accessterms { padding: 10px 0; margin:0 0 10px 0; border-bottom:#ddd dotted 1px}
.accessterms h4 {font-size:16px; padding:0 0 10px 0; font-weight:normal}
.accessterms textarea{ width:95.5%; height:100px; padding:10px 2%; font-size:12px; color:#717171; line-height:1.4em }

#at_Content { margin:0 0 20px 0}

div.textarea { width:95.5%; height:100px; padding:10px 2%; font-size:12px; color:#717171; line-height:1.4em; border: solid 1px #ddd; background:#fff; overflow: auto;  }
div.textarea2 { width:92%; height:100px; margin:0 auto; padding:10px 2%; font-size:12px; color:#717171; line-height:1.4em; border: solid 1px #ddd; background:#fff }
div.textarea:hover,
div.textarea:focus,
div.textarea2:hover,
div.textarea:focus {border:solid 1px #2bb0d1}

.accessterms .txt_r { padding:10px 0}


#print{ width: 210mm; min-height:297mm;}
@media screen {
 #print{margin:10mm auto 0 8% ;position: absolute; left: 50%;margin-left: -150mm;}
}
@media only print {
 #print{margin:0 auto}
}
#display_setting { position: absolute;/* right: 5%;*/ margin-left: 110mm; top: 10mm; left: 50%; margin-left: 70mm; }

#display_setting ul {border:solid 1px #ddd; border-top:none; margin-bottom: 10px;}
#display_setting li { border-top:solid 1px #ddd; background: #fff; padding-right: 15px;}
#display_setting label { display:inline-block; background: #f2f2f2; width: 200px; padding: 16px 10px 16px 16px; }
#bt_print {width: 100%;}
#reference{ color : #457e9c; padding: 20px 0;}


/* 통계 */

.stats_li { overflow:hidden}
.stats_li strong,
.stats_li span { display:block; line-height:1.4em; font-weight:normal}
.stats_li span { font-size:18px; color:#1ca2c3; padding-top:7px}
.stats_li li { width:10.5%; height:50px; padding:15px 1.5% 15px 7%; float: left; background:#fff url(../../resources/images/bg_30.png) no-repeat 0 0; border-radius:8px; margin:20px 0.5%; box-shadow:#eeeeee 0 3px 2px }

.stats_li li.withdrawalUser { background-position: 0 -100px}
.stats_li li.loanUser { background-position: 0 -200px}
.stats_li li.returnUser { background-position: 0 -300px}
.stats_li li.loanBook { background-position: 0 -400px}
.stats_li li.returnBook { background-position: 0 -500px}
.stats_li li.joinBook { background-position: 0 -600px}
.stats_li li.disuseBook { background-position: 0 -700px}
.stats_li li.dayAvgUser { background-position: 0 -800px}
.stats_li li.dayAvgloanBook { background-position: 0 -900px}

span.sc_rebuild { display: block; width: 12%; padding:0 4.5% 0 0; height:40px; float: left; position: relative; }
span.sc_rebuild label { padding:10px 0 0 0;}
span.sc_rebuild input { position: absolute; right: 12%; top: 0}

#bookStatustics_tbl thead th[colspan="2"],
result_tbl {border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5;}
#bookStatustics_tbl th[rowspan="2"].book1 {border-right: 1px solid #d5d5d5;}
#bookStatustics_tbl thead th[rowspan="2"].totalPriceHead {border-left: 1px solid #d5d5d5;}
#bookStatustics_tbl th {border:#dbdbdb solid 1px}
#bookStatustics_tbl td {border:#ededed solid 1px}
#bookStatustics_tbl td.detail:hover {background-color: aliceblue; cursor: pointer;}
#bookStatustics_tbl tr:last-child td,
#bookStatustics_tbl .totalPriceBodyHead {border-left: 1px solid #d5d5d5;}
#bookStatustics_tbl .totalPrice{ color:#769ec2; font-weight: 500; background: #f8fafb; text-align: right;}

#sebookStatustics_tbl td.detail:hover {background-color: aliceblue; cursor: pointer;}
#loanStatustics_tbl td.detail:hover {background-color: aliceblue; cursor: pointer;}
#userStatustics_tbl td.detail:hover {background-color: aliceblue; cursor: pointer;}

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

.radioWrap { padding:10px}

.nav08_14 .jQTab,
.nav08_15 .jQTab,
.nav09_12 .jQTab,
.nav09_01 .jQTab { margin: 0}

.login_info a { color:#FFF; padding:3px 15px; border:#19a5c7 solid 1px; border-radius:4px}
.login_info a:hover, .login_info a:focus { background:#19a5c7}


#regCodeLoan_tbl td, #userGroupBook_tbl td, #regCode_tbl td, #separateShelfCode_tbl td,#bookstatus_tbl td, #acqusition_tbl td, #shelflocCode_tbl td
{width:7%}

#user_group_tbl td {width:9%; border:initial; border-bottom:1px solid #d5d5d5;}
#user_group_tbl td.loan_stop_give_way { width:20%}

/* tab scroll */
.tabs_wrap .tabs_nav {display: flex;align-items: center;gap: 1px;overflow-x: auto;white-space: nowrap;}
.tabs_wrap .tabs_nav li {flex: 0 0 auto;}
.tabs_wrap .tabs_nav li .btn_tab {display: flex;justify-content: center;align-items:center;width: 100%;min-width: 100px;height: 45px;padding: 8px;color: #169dbf;line-height: 1.2em;border-radius: 0;background-color: #eaeaea;}
.tabs_wrap .tabs_nav li .btn_tab.on, .tabs_wrap .tabs_nav li .btn_tab:focus {background: #169dbf;color: #fff;}
.tabs_wrap .tabs_nav li .btn_tab:hover {background: #169dbf;color: #fff;}
.tabs_wrap .tab_panel {display: none;}
.tabs_wrap .tab_panel.on {display: block;}


/* 출력 */

.box_20 { padding:20px 1% 20px 0; background:#fff; border:solid 1px #ddd; border-radius:4px;  margin: 20px 0 10px 0; vertical-align:middle}
.box_20:after { display: block; content: ""; clear: both}
#nomalUserloanDiv > .box_20 { margin-top: 0}
.box_20 h4 { width:11%; float:left; padding:6px 0; border-right: #ddd solid 1px; margin: 3px 6% 0 5%; }

#bookiumUserloanDiv .box_20 h4 { width:16%}

.box_20_radio {  width: 50%; padding: 15px 0 0 0; margin: 0 0 0 22% }
td .box_20_radio  { width: inherit; margin:0; padding: 9px 0; border-top:dotted 1px #ededed}
td .box_20_radio:first-child{border:none}

.box_20_radio p { padding:10px 0; border-top: dotted 1px #ddd}
.box_20_radio input[type="button"] { padding:22px 2%;float:right}

.box_20_ex { float:right; width: 78%; padding: 15px 0 0 0; overflow:hidden}
td .box_20_ex { float: none; width: inherit;}
.box_20_ex p { padding:10px 0; border-top: dotted 1px #ddd}
.box_20_ex input { padding:22px 2%;  padding:0 2%; float:right}
.box_20_ex input + p { margin:12px 0 0 0;}

input[type="button"].btn_print_view1 { /* padding:8px 20px; */ float:right; margin:0 0 0 5px}
input[type="button"].btn_print_view2 { /* padding:20px; */ float:right; margin:-55px 0 0 4px}
input[type="button"].btn_print_view3 { /* padding:20px;  */margin:0 0 0 4px}

span.btn_print_area3 { float:right; text-align: right; margin: -55px 0 0 0}

#barcodePrintPositionSettingDialog {padding:15px 5px 0 355px; background: url(../images/label_explanation3.png) no-repeat 0 5px}
#barcodePrintPositionSettingDialog li { padding:8px 5px; font-size: 14px; border-top: solid 1px #ededed}
#barcodePrintPositionSettingDialog li:first-child {border-top: solid 1px #ccc; background: #f9f9f9; margin:12px 0 0 0;}


#callnoPrintPositionSettingDialog {padding:15px 5px 0 355px; background: url(../images/label_explanation3.png) no-repeat 0 5px}
#callnoPrintPositionSettingDialog li { padding:8px 5px; font-size: 14px; border-top: solid 1px #ededed}
#callnoPrintPositionSettingDialog li:first-child {border-top: solid 1px #ccc; background: #f9f9f9; margin:12px 0 0 0;}

#box_name_setting {padding:15px 5px 0 355px; background: url(../images/label_explanation3.png) no-repeat 0 5px}
#box_name_setting li { padding:8px 5px; font-size: 14px; border-top: solid 1px #ededed}
#box_name_setting li:first-child {border-top: solid 1px #ccc; background: #f9f9f9; margin:12px 0 0 0;}

select[multiple="multiple"].select90 { width: 90%; height:100px}

/* 열람 - 바로바로 입력 And 구입-주문-주문하기 */

.progressBar { border:solid #ccc 1px; background: #ededed; margin: 0 auto 15px auto; border-radius :15px; width:98%;}
.progressBar span { display: block; line-height: 2em; text-align: center; color:#fff; border-radius :15px;
 background: #61c3c6;
 background: linear-gradient(to right,  #61c3c6 0%,#35699a 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c3c6', endColorstr='#35699a',GradientType=0 );}

.bookinfoWrap { margin: 20px 0 0 0;}
.bookImg { margin: 0 auto;}

/* 열람 > 공통 > 목차초록  */
#abstracts_dialog, #contents_dialog  {display:none;}

#fastBookRegisterForm .newHeaderTable { font-size: 0}
#fastBookRegisterForm .newHeaderTable * { font-size: 15px}

#fastBookRegisterForm .hr_10 + input,
#fastBookRegisterForm .hr_10 + label,
#fastBookRegisterForm #non_auto_span,
#fastBookRegisterForm #non_auto_class_no_span,
#fastBookRegisterForm label[for="search_isbn"],
#fastBookRegisterForm label[for="vol"],
#fastBookRegisterForm label[for="vol_code"],
#fastBookRegisterForm #marc_option1,
#fastBookRegisterForm label + input[type="checkbox"] { margin-left: 20px}
#fastBookRegisterForm .newHeaderTable { padding-bottom:10px}
#fastBookRegisterForm .hr_10 { margin: 5px 0}

table#add_list_tbl .title{width:130px}

.divA { display: inline-block; }
.divA{ width: 24.5%; padding:8px 0; text-indent:8px; height: 34px; border-left:#f1f1f1 solid 1px; border-top:1px #f1f1f1 solid}
.divA label {display: inline-block; width: 40%;}
.divA input[type="text"],
.divA select { width:50%}
.divA input[type="text"] { width: 45%}

span.donator_button {background: #8e8e8e; border: 1px solid #8e8e8e; color: #ddd; font-size: 13px; font-weight:400; padding: 5px 22px;}
/* #donator_button { position: absolute; right: 0; top:-5px} */

/* 환경설정 */
.top_setting_30 { overflow:hidden; border-bottom: solid 1px #2bb0d1}
.top_setting_30 a { background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#a5a5a5; display:block; width:33.3%; float: left; text-align:center; padding:10px 0 }
.top_setting_30 a:first-child {background:#eaeaea}
.top_setting_30 a.on,
.top_setting_30 a:hover,.top_setting_30 a:focus {background:#2bb0d1; color:#fff}

/* 환경설정 > 공통 > 대출환경설정 */
#user_group_tbl td input[type="text"] { width: 50px; text-align: center; text-indent: 0}

/* 환경설정 > 도서관관리 */
.nav09_05 #imageViewDiv { display: table-cell; vertical-align: middle; text-align: center; height: 160px; background-image: none}

.tab_40 { overflow:hidden; border-bottom: solid 1px #2bb0d1; margin: 15px 0 20px 0}
#content > .h4_20 { margin-top: 0}
#content > form + .tab_40 { margin: 0}
.tab_40 li {float:left; width:25%; display:block}
.tab_40 li a{ display:block; background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#a5a5a5; text-align:center; line-height:2.7em }
.tab_40 li:first-child a {background:#eaeaea}
.tab_40 li a.on,
.tab_40 li a:hover,.tab_40 a:focus,
.tab_40 li a.main_tab_selected,
.tab_40 li a.main_tab_selected:hover,.tab_40 a.main_tab_selected:focus {background:#1aa2c0; color:#fff}


th.email_rep,
th.lib_name { width: 25%}

/* 환경설정2 */
.tab_50 { overflow:hidden; border-bottom: solid 1px #2bb0d1}
.tab_50 li {float:left}
.tab_50 li a{background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#169dbf; text-align:center; padding:12px 50px; line-height:2.7em }
.tab_50 li:first-child a {background:#eaeaea}
.tab_50 li a.on,
.tab_50 li a:hover,.tab_50 a:focus {background:#2bb0d1; color:#fff}

.jQTab { overflow:hidden; border-bottom: solid 1px #2bb0d1; margin: 15px 0 20px 0; margin: 0}
.jQTab li {float:left}
.jQTab li a{ display:block; width:100%; height:30px; background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#169dbf; text-align:center; padding:15px 0 0 0; line-height: 1.2em }
.jQTab li:first-child a {background:#eaeaea}
.jQTab li a.on,
.jQTab li a:hover,.jQTab a:focus {background:#169dbf; color:#fff}

/* tab 메뉴가 li로 쌓여 있지 않을경우 */
.jQTab>a{ display:block; float:left; height:30px; background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#169dbf; text-align:center; padding:15px 0 0 0; line-height: 1.2em }
.jQTab>a:first-child a {background:#eaeaea}
.jQTab>a.on,
.jQTab>a:hover,.jQTab>a:focus {background:#2bb0d1; color:#fff}


.jQTab1 li,
.jQTab2 li { width:50%}

.jQTab3 li,
.jQTab3>a { width:33%}
.jQTab3 li:first-child,
.jQTab3>a:first-child { width: 34%}

.jQTab4 li,
.jQTab4>a { width:25%}

.jQTab5 li,
.jQTab5>a { width:20%}

.jQTab6 li,
.jQTab6>a { width:16.5%}
.jQTab6 li:first-child,
.jQTab6>a:first-child { width: 17.5%}

.jQTab7 li ,
.jQTab7>a { width:14%}
.jQTab7 li:first-child ,
.jQTab7>a:first-child { width: 16%}

.jQTab8 li ,
.jQTab8>a { width:12.5%}

.jQTab9 li ,
.jQTab9>a { width:11%}
.jQTab9 li:first-child ,
.jQTab9>a:first-child { width: 12%}

.jQTab10 li ,
.jQTab10>a { width:10%}

.jQTab11 li ,
.jQTab11>a { width:9%}
.jQTab11 li:first-child ,
.jQTab11>a:first-child { width: 10%}

.jQTab12 li ,
.jQTab12>a { width:8.5%}
.jQTab12 li:first-child ,
.jQTab12>a:first-child { width: 6.5%}



/* ver2 */

.jQTabV2{margin:50px auto;position:relative; overflow: hidden}
.jQTabV2:after { display: block; content: ""; clear: both; }

/*제이쿼리에서 addClass적용할 클래스 openTab*/
.tabHeading { width: 50%; float: left; position: absolute; top: 0 }
.tabHeading3 { width: 33% }
.tabHeading4 { width: 25% }
.tabHeading5 { width: 20% }
.tabHeading6 {width: 16.66%}
.tabHeading7 {width: 14.285%}
.tabHeading8 {width: 12.5%}
.tabHeading9 {}
.tabHeading10 {}
.tabHeading11 {}
.tabHeading12 {}

.jQTabV2_2 .tabH2 { left:50%}
.jQTabV2_3 .tabH2 { left:34%}
.jQTabV2_3 .tabH3 { left:67%}
.jQTabV2_4 .tabH2 { left:25%}
.jQTabV2_4 .tabH3 { left:50%}
.jQTabV2_4 .tabH4 { left:75%}
.jQTabV2_5 .tabH2 { left:20%}
.jQTabV2_5 .tabH3 { left:40%}
.jQTabV2_5 .tabH4 { left:50%}
.jQTabV2_5 .tabH5 { left:60%}
.jQTabV2_6 .tabH2 { left:16.66%}
.jQTabV2_6 .tabH3 { left:33.33%}
.jQTabV2_6 .tabH4 { left:50%}
.jQTabV2_6 .tabH5 { left:66.66%}
.jQTabV2_6 .tabH6 { left:83.33%}
.jQTabV2_7 .tabH2 { left:14.285%}
.jQTabV2_7 .tabH3 { left:28.571%}
.jQTabV2_7 .tabH4 { left:42.857%}
.jQTabV2_7 .tabH5 { left:57.142%}
.jQTabV2_7 .tabH6 { left:71.428%}
.jQTabV2_7 .tabH7 { left:85.714%}
.jQTabV2_8 .tabH2 { left:12.5%}
.jQTabV2_8 .tabH3 { left:25%}
.jQTabV2_8 .tabH4 { left:37.5%}
.jQTabV2_8 .tabH5 { left:50%}
.jQTabV2_8 .tabH6 { left:62.5%}
.jQTabV2_8 .tabH7 { left:75%}
.jQTabV2_8 .tabH8 { left:87.5%}

.tabHeading a { display: block; width: 100%; background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#169dbf; text-align:center;line-height: 3.6em;box-sizing: border-box;border-bottom: solid 1px #2bb0d1}
.tabHeading.tabH1 a {background:#eaeaea}
.tabHeading a:hover,
.tabHeading a:focus,
.tabHeading a.on{background:#2bb0d1; color:#fff}

.tabContent {margin-top: 60px; display:none; float: left; width: 100%}
.tabContent.on { display: block }

/* 환경설정 - 휴관일 달력 */
.select_month_wrap { float:left ; width:50%}
.selected_month_wrap { float: right; width: 49%}

.select_list { outline: solid 1px #ededed; background: #fff; margin: 0 0 10px 0; padding:0 10%}
.selected_day { padding:3px 0}
.selected_day:after { display: block; content: ""; clear: both;}
.selected_day li {padding:3px 0; border-top:dotted 1px #bbb; float: left; width: 50%}
.selected_day li:first-child,
.selected_day li:nth-child(2) { border:none}
.selected_day label { display:inline-block; width: 25%; font-size: 15px; vertical-align: middle; padding:4px 0 0 0}
.selected_day li:nth-child(even) {float: right; text-align: right;}
.selected_day li:nth-child(even) label {text-align: left; text-indent: 5%}

.selected_month {outline: solid 1px #ededed; background: #fff; padding:0 10%; position: relative;}
.selected_month ul { padding:10px 0;}
.selected_month select {}
.selected_month input[type="button"] {  position: absolute; right: 10%; top: 12px; padding:8px}

.select_month { text-align:center; font-size:16px; position:relative; padding:16px 0 30px 0;}
.select_month:after { content:""; display:block; clear:both}
.select_month select { font-size:21px; padding:0 15px; margin:0 5px 0 10px; background:#fff}
.select_month a {display:block; width:60px; height:60px; background:#8e8e8e url(../images/btn_arrow_10.png) no-repeat 6px 6px; border-radius:30px; font-size:0; overflow:hidden; position:absolute; top:0; left:50%; margin:0 0 0 -230px}
.select_month a.next {background-position:-38px 6px; margin:0 0 0 200px}
.select_month a:hover {background-color:#747f83; background-position:6px -41px}
.select_month a.next:hover {background-color:#747f83; background-position:-38px -41px}

.select_auto { outline: solid 1px #ededed; background: #fff; margin: 10px 0; padding:0 10% 10px 10%}
.select_auto:after { display:block;content: ""; clear: both}
.select_auto input[type="button"] {width: 48%;  margin:8px 0 0 1%; padding:10px 1%;}
.select_auto a{ display:block; width: 46%; height:60px;  float: left; padding:6px 1%; margin:10px 0 0 1%; background:#2bb0d1; color:#fff; border-radius:4px; text-align: center;}


.h4_30 { color:#169dbf; font-size: 18px; border-bottom:solid 1px #bbb; padding:18px 0 14px 0}

.holycalendar { width:100%}

.holycalendar li {	display: block; height:70px; width:14%; float: left; padding:10px 0 5px; border-top: dotted 1px #ededed;background:#fff;}
.holycalendar li a { display:block; width:80%;; padding:2px 5% 2px 15%}

.holycalendar li.cal_header { border-top: #ddd solid 1px; background :#ededed;  text-align:center; height:15px; padding:15px 0; font-size:16px}
.holycalendar li.cal_header.sun { color:#df641a}
.holycalendar li.cal_header.sat { color:#41a0c7}

.holycalendar a.day {font-size:19px; color:#bfbfbf}
.holycalendar a.day:hover,
.holycalendar a.day:focus {}

.holycalendar2 { width:100%;  overflow:hidden}

.holycalendar2 li {	display: block; height:102px; width:14%; float: left; padding:0; border-top: dotted 1px #ededed;background:#fff;}
.holycalendar2 li a { display:block; width:80%; height: 100%; padding:10%; color: #8e8e8e}
.holycalendar2 li a.day.on { background: #ededed; color:#666;}
.holycalendar2 li a span { display: block; padding: 7px 0 0 0; font-size: 14px }
.holycalendar2 li a:hover,
.holycalendar2 li a:focus { color:#f60; background: #ededed }

.holycalendar2 li.cal_header { border-top: #ddd solid 1px; background :#ededed;  text-align:center; height:15px; padding:15px 0; font-size:16px}
.holycalendar2 li.cal_header.sun { color:#df641a}
.holycalendar2 li.cal_header.sat { color:#41a0c7}

.holycalendar2 a.day {font-size:19px; color:#bfbfbf}
.holycalendar2 a.day:hover,
.holycalendar2 a.day:focus {}


/* 환경설정 - 휴관일 달력 */
.holycalendar li.cal_header {padding:30px 0;}
.holycalendar li {height:100px; padding:10px 0 5px; }
.holycalendar li a {padding:4px 5% 4px 15%}

.holycalendar a.day {font-size:24px}


/* 환경설정 - 도서관 */
.nav09_05 div.table_30 { border:none; margin: 0 0 20px 0}

/* 환경설정 - 메인 달력 */
.mainCalender li.cal_header {padding:30px 0;}
.mainCalender li {height:100px; padding:10px 0 5px; }
.mainCalender li a {padding:4px 5% 4px 15%}

.mainCalender { width:100%;  overflow:hidden}

.mainCalender li {	display: block; height:70px; width:14%; float: left; padding:10px 0 5px; border-top: dotted 1px #ededed;background:#fff;}
.mainCalender li a { display:block; width:80%;; padding:2px 5% 2px 15%}

.mainCalender li.cal_header { border-top: #ddd solid 1px; background :#ededed;  text-align:center; height:15px; padding:15px 0; font-size:16px}
.mainCalender li.cal_header.sun { color:#df641a}
.mainCalender li.cal_header.sat { color:#41a0c7}

.mainCalender a.day {font-size:15px; color:#bfbfbf}
.mainCalender a.day:hover,
.mainCalender a.day:focus {}


/* 환경설정 - 사용자정보 */
.table_40 tbody th,
.table_40 tbody td { padding:10px 15px}

/* table */
.table_10 thead th,.table_10 thead td {padding:18px 5px}
.table_10 th,.table_10 td { padding:12px 8px}

.table_30 th, .table_30 td { padding:12px 8px}


/* 환경설정 - 사용자정보 */
.photo_reg { width:160px; float:left; position: relative;}
#modify_ImageView, #imageViewDiv, #info_view_10, #imageLibViewDiv { width:160px; min-height:160px; margin:0 0 15px 0; text-align:center; background: url(../images/bg_no_image.png) no-repeat center center; border: solid 1px #ededed; background-color: #fff;}
.nav09_05 #imageViewDiv, #imageLibViewDiv { background-image: url(../images/bg_no_image2.png)}

#modify_ImageView img, #imageViewDiv img, #info_view_10 img, #imageLibViewDiv img{ max-width:160px; margin:0 auto;}
#modify_ImageView input, #imageViewDiv input, #webCam, #imageLibViewDiv img{ margin:1px 0 2px ; width:100%}
#view_Image {background: url(../images/bg_no_image.png) no-repeat center center; border: solid 1px #ededed}

#certify_Dialog { text-align: center}
#certify_Dialog input { width:32.5%; padding:16px 0; height:auto;}

a.goCertify  { display:block; background: #f60; color:#fff; line-height:1.3em; width:60px; height:45px; padding:12px 5px 0 5px; border:none; box-shadow: 0 2px 2px #ddd; position: absolute; right: -1px; top: 0; opacity:0.8 ; border-radius:0 0 20px 20px}
a.goCertify:hover,
a.goCertify:focus { opacity:1}

#camera { width:160px; height:160px}

.photo_reg input {margin:1px 0 2px ; width:100%}
.photo_reg dl { overflow:hidden; text-align:center; margin:10px 0 15px 0; font-size:14px}
.photo_reg dl dt,
.photo_reg dl dd { width:24%; height:28px; padding:10px 0 0 0; background:#8e8e8e; color:#fff; text-align:center; float:left; line-height:1.2em}
.photo_reg dl dd { width:75.5%; background:#a9a9a9}
.photo_reg dl dd span { color:#fff}

.panel {_height:1%;}
*:first-child+html .panel {height:1%;}
.panel:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}

.setup_menu .float_l, .setup_menu .float_r{ width:48%}

#passwdChangeTr label { display: inline-block; width: 22%}
#newPasswordDiv { padding:10px 0 0 0; margin: 10px 0 0 0; border-top: #ededed dotted 1px}
#newPasswordDiv label { display: inline-block; width: 18%}

/* 환경설정 - 배가우선순위 변경 */
#autoShelfLocOderList li { padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px; background: #f9f9f9 url(../images/arrow10.png) no-repeat right -38px; cursor: pointer;}
#autoShelfLocOderList li:hover {border:#32badc solid 1px ; background: #fff url(../images/arrow10.png) no-repeat right -2px;}
#autoShelfLocOderList li span { display: inline-block; width: 20px; height: 17px; padding:3px 0 0 0; border-radius:3px; background:#ddd; text-align: center; margin:0 8px 0 0}

/* 신규통계화면 */
#x_div {padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px;}
#x_div span:hover {border:#32badc solid 1px ; background: #fff url(../images/arrow10.png) no-repeat right -2px;}
#x_div span { display: inline-block; width: 150px; height: 25px; padding:3px 0 0 0; border-radius:3px; background:#ddd; text-align: center; margin:0 8px 0 0; cursor:move}
#y_div {padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px;}
#y_div span:hover {border:#32badc solid 1px ; background: #fff url(../images/arrow10.png) no-repeat right -2px;}
#y_div span { display: inline-block; width: 150px; height: 25px; padding:3px 0 0 0; border-radius:3px; background:#ddd; text-align: center; margin:0 8px 0 0; cursor:move}
#loanreturn_view_div {padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px;}
#loanreturn_view_div span { display: inline-block; width: 150px; height: 25px; padding:3px 0 0 0; border-radius:3px; background:#ddd; text-align: center; margin:0 8px 0 0;}

.btn_drop { display:inline-block;margin:2px; padding:3px 0; width:318px; line-height:1.5em; background:#fff url(../images/arrowDown.png) no-repeat 95% -22px; vertical-align: middle; border:solid 2px #e3e3e3; border-radius:3px; color:#777; text-indent:10px}
.btn_drop:hover,
.btn_drop:focus { background-position: 95% 10px}
.dropBox {position:absolute; z-index:1; height:0; overflow:hidden; width:'auto';}
.dropBox.on {height:auto; padding:10px 0; border:1px solid #ddd; background:#fff; margin: -2px 0 0 2px}
.dropBox ul { padding:10px 10px 10px 10px; max-height:500px; overflow-y:auto; left: 0; top: 60px; width:300px;}
.dropBox ul li.on {background:#eee;}
.dropBox a.save {  position: absolute; font-size: 0; display:block; width:27px; height:27px; padding:0; margin:0; right: 9%; top: 12px; border:solid 1px #ddd; font-size:0; border-radius:3px; background:#fff url(../images/bg_input.png) no-repeat -54px -24px}
.dropBox ul li label input {margin-right:5px;}

.textarea3 { border: solid 1px #ddd; margin:8px 0 0 0; background: #fff}

/* 메뉴 권한관리 */
.auth_chk { width: 30px}
.auth_a { width: 50px}
.auth_name {width: 100px}
.auth_url { text-align:left !important}
.auth_type { width: 50px}
.auth_key { width: 50px}

.p_secu .float_l, .p_secu .float_r { width:48%;}

.textarea_editor { width:70%}
.textarea_editor textarea { font-size:12px}

/* 추천도서 메모 */
#description {outline:none; resize: none;}

td.use_ox {}
input.cancel { width:23px; height:23px; overflow:hidden; text-indent:-9999px; position:absolute; right:-30px; top:12px; background:#32badc url(../images/icon_close1.png) no-repeat center 1px !important }
input.cancel:hover, input.cancel:focus {background:#19a5c7 url(../images/icon_close1.png) no-repeat center bottom !important }

ul.panel { padding: 0; border: none}
.dropzone-previews { padding:5px 0 0 0}
.file-dropzone { border:1px dashed #ddd; padding: 15px 15px 15px 7%; color:#777; line-height: 1.4em; background: url(../images/icon_clip1.png) no-repeat 17px center }
.file-dropzone.drag-over {	outline: LightGreen solid 4px}

#upload-button { background: #838383 url(../images/icon_upload1.png) no-repeat 18px center; color:#fff; border: none; width: 20%;height:40px; text-indent: 55px; float: right;}
#upload-button:hover,
#upload-button:focus {background-color: #666}

.dz-success-mark, .dz-error-mark {display: none;}
.dz-remove {display: block;	 position: absolute; right:6px; bottom:10px; width: 17px; height: 17px; border: #c74242 solid 1px; background:#de5151 url(../images/btn_close24.gif) no-repeat center center; border-radius:4px; overflow: hidden; text-indent: -9999px}
.dz-remove:hover,
.dz-remove:focus { background-color: #c74242}
.dz-details { height:130px; overflow: hidden}
.dz-progress {	margin-top: 15px;background-color: #f5f5f5;border-radius: 4px; width:86%}
.dz-upload {border-radius: 4px; display: block; background-color: #428bca; height: 20px;width: 0%;text-align: center;color: white}
.dz-preview {display: inline-block;	margin:10px 0.5% 20px 0.5%; padding: 4px 0.5%; width:17.5%; height:170px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; line-height: 1.42857; position: relative; }
.dz-filename span { display: block;}
.dz-size,
.dz-size strong { font-weight: normal; color: #777; vertical-align: baseline; font-size: 12px}

/* jquery-filer */
.file_input{display: inline-block;padding: 10px 16px;outline: none;cursor: pointer;text-decoration: none;text-align: center;white-space: nowrap;font-family: sans-serif;font-size: 11px;font-weight: bold;
 border-radius: 3px;color: #008BFF;border: 1px solid #008BFF;vertical-align: middle;background-color: #fff;margin-bottom: 10px;box-shadow: 0px 1px 5px rgba(0,0,0,0.05);-webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;transition: all 0.2s;
}
.file_input:hover,
.file_input:active {background: #008BFF;color: #fff;}

.btn_more_30 a { display: block; width:21px; height: 21px; margin: 0 auto; overflow:hidden; text-indent:-9999px; background:#0ca5cb url(../images/btn_more_30.png) no-repeat 0 -21px; border: solid 1px #0ca5cb; opacity:0.7}
.btn_more_30 a:hover, .btn_more_30 a:focus { opacity:1 }

.btn_more_32 a { display: block; width:21px; height: 21px; margin: 0 auto; overflow:hidden; text-indent:-9999px; background:#0ca5cb url(../images/btn_more_30.png) no-repeat 0 -63px; border: solid 1px #0ca5cb; opacity:0.7}
.btn_more_32 a:hover, .btn_more_32 a:focus {background:#0ca5cb url(../images/btn_more_30.png) no-repeat 0 -63px; border: solid 1px #0ca5cb; opacity:1}

.trshow .btn_more_30 a { float:right; background: url(../images/btn_more_30.png) no-repeat 0 0; border: solid 1px #0ca5cb}
.trshow .btn_more_32 a { float:right; background: url(../images/btn_more_30.png) no-repeat 0 -42px; border: solid 1px #0ca5cb; opacity:0.8}

/* header */
.h4_10 {font-size:16px; padding:0 0 10px 0; font-weight:normal}
.h4_12 {font-size:16px; padding:10px 0 0 0; font-weight:normal}
.h4_pruchase10 {font-size:16px; padding:30px 0 0 0; font-weight:normal}

.h4_20 {_height:1%; margin:30px 0 15px 0;}
*:first-child+html .h4_20 {height:1%;}
.h4_20:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.h4_20 span { color: #666; font-size: 16px}

/* 퀵메뉴 관리 */
table tr.ui-sortable-helper {display : table! important; }
#quickmenu_tbody .highlight { font-size: 15px; display: table-row; background: #fff ; width: 100%}
#quickmenu_tbody .highlight td { height: 37px;border: none }
#quickmenu_tbody .highlight td.moveTd,
#quickmenu_tbody .highlight td.no,
#quickmenu_tbody .highlight td.doIt,
#quickmenu_tbody .highlight td.quickMenuName,
#quickmenu_tbody .highlight td.pageLoc,
#quickmenu_tbody .highlight td.memo { border:solid 1px #ddd}
/* #quickmenu_tbody .highlight td:last-child {
  display: none;
} */
#quickmenu_tbl td.moveTd {cursor:move; padding-right: 32px; width: 74px; font-size: 0; background: url("../images/arrowUpDownMove.gif") no-repeat 85% center;}
#quickmenu_tbl td.moveTd:hover { background: url("../images/arrowUpDownMoveOn.gif") no-repeat 85% center }

#quickmenu_tbody .highlight td.no,
#quickmenu_tbl td.no { width: 36px }
#quickmenu_tbl td.doIt {width: 140px}
#quickmenu_tbl td.quickMenuName { text-align: left; width:250px }
#quickmenu_tbl td.pageLoc {text-align: left; width: 300px;}
#quickmenu_tbl td.memo {}

#quickUi li { padding:20px 0 0 0; background: #f9f9f9 url(../images/arrow10.png) no-repeat right -38px; cursor: move; border:#ededed solid 1px ; border-radius :4px;}

/* 사이드 퀵메뉴 quickMenu */

.quickMenu { position: absolute; left: 50%; top:117px; margin-left:508px; margin-top: -24px; text-align:center; width:60px; padding:10px 6px 6px 6px}
body.login .quickMenu { display: none}
.sub_00 .quickMenu{top: 136px}
.quickMenu h6 {color:#1aa2c0; font-size: 14px; font-weight:400; text-align: center; padding:17px 0 7px 0; line-height: 1.3em ; border-bottom: solid 1px #ddd}

.quickMenu li a { display:block; font-size: 13px; line-height:1.2em; color:#333; letter-spacing: -1px; font-weight:400; padding: 9px 0; border-bottom:dotted 1px #ddd; opacity: 0.8}
.quickMenu li.remoteMenu a { padding:42px 0 10px 0; background: url(../images/bg_quickMenu.png) no-repeat 0 -500px; opacity: 0.6}
.quickMenu li.searchMenu a { padding:42px 0 10px 0; background: url(../images/bg_quickMenu.png) no-repeat 0 -1300px; opacity: 0.6}
#quickUi li { padding:20px 0 0 0; background: #f9f9f9 url(../images/arrow10.png) no-repeat right -38px; cursor: move; border:#ededed solid 1px ; border-radius :4px;}
.quickMenu li a:hover,
.quickMenu li a:focus { opacity: 1}
.quickMenu li.selfLoan{padding: 12px 0 8px;}
.quickMenu li.selfLoan a::before{content: '';display: block;width: 34px;height: 34px;margin: 0 auto;background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.0136 12.8664C27.6672 12.3486 26.9369 12.1724 26.3878 12.4737L23.5811 14.0275L21.2092 11.6655C20.7652 11.2228 20.0447 11.2228 19.6 11.6655C19.156 12.1085 19.156 12.8242 19.6 13.2659L24.494 18.1357H22.4145C21.7879 18.1357 21.2765 18.6437 21.2765 19.2689C21.2765 19.8932 21.7879 20.4001 22.4145 20.4001H26.908L30.6 16.7267L28.0136 12.8664Z' fill='%23333'/%3E%3Cpath d='M20.4044 9.06678C21.3133 9.06678 22.1677 9.4197 22.8096 10.0606L23.9738 11.2193L25.2899 10.4897C25.8067 10.2065 26.3857 10.0592 26.9719 10.0592H28.3332V5.66644C28.3332 4.42 27.3129 3.39966 26.0668 3.39966H5.6668C4.42036 3.4 3.40002 4.42034 3.40002 5.66678V23.8C3.40002 25.0461 4.42036 26.0668 5.6668 26.0668H14.7332V28.3332H11.3332C10.0814 28.3332 9.0668 29.3481 9.0668 30.6L22.6668 30.599C22.6668 29.3471 21.6519 28.3322 20.4 28.3322H17V26.0668H26.0668C27.3129 26.0668 28.3332 25.0461 28.3332 23.8V22.6668H22.4145C20.5374 22.6668 19.0098 21.1429 19.0098 19.2688C19.0098 18.3325 19.3906 17.4838 20.006 16.8681L18.0006 14.8726C17.3563 14.2307 17.0014 13.3776 17.0004 12.4678C17.0004 11.559 17.3546 10.7039 17.9989 10.0606C18.6436 9.41868 19.498 9.06678 20.4044 9.06678Z' fill='%23333'/%3E%3C/svg%3E%0A");}
.quickMenu li.selfLoan a:hover::before{background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.0136 12.8664C27.6672 12.3486 26.9369 12.1724 26.3878 12.4737L23.5811 14.0275L21.2092 11.6655C20.7652 11.2228 20.0447 11.2228 19.6 11.6655C19.156 12.1085 19.156 12.8242 19.6 13.2659L24.494 18.1357H22.4145C21.7879 18.1357 21.2765 18.6437 21.2765 19.2689C21.2765 19.8932 21.7879 20.4001 22.4145 20.4001H26.908L30.6 16.7267L28.0136 12.8664Z' fill='%23333'/%3E%3Cpath d='M20.4044 9.06678C21.3133 9.06678 22.1677 9.4197 22.8096 10.0606L23.9738 11.2193L25.2899 10.4897C25.8067 10.2065 26.3857 10.0592 26.9719 10.0592H28.3332V5.66644C28.3332 4.42 27.3129 3.39966 26.0668 3.39966H5.6668C4.42036 3.4 3.40002 4.42034 3.40002 5.66678V23.8C3.40002 25.0461 4.42036 26.0668 5.6668 26.0668H14.7332V28.3332H11.3332C10.0814 28.3332 9.0668 29.3481 9.0668 30.6L22.6668 30.599C22.6668 29.3471 21.6519 28.3322 20.4 28.3322H17V26.0668H26.0668C27.3129 26.0668 28.3332 25.0461 28.3332 23.8V22.6668H22.4145C20.5374 22.6668 19.0098 21.1429 19.0098 19.2688C19.0098 18.3325 19.3906 17.4838 20.006 16.8681L18.0006 14.8726C17.3563 14.2307 17.0014 13.3776 17.0004 12.4678C17.0004 11.559 17.3546 10.7039 17.9989 10.0606C18.6436 9.41868 19.498 9.06678 20.4044 9.06678Z' fill='%23333'/%3E%3C/svg%3E%0A");}
.quickMenu li.kdualBtn{padding: 0 0 8px;}
.quickMenu li.kdualBtn a{padding-top: 0;opacity: 1;cursor: auto;}
.quickMenu li.kdualBtn a::before{content: '';display: block;width: 34px;height: 34px;margin: 0 auto; background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6379 7.20799C20.6379 6.62999 20.1959 6.18799 19.6179 6.18799H13.8379C13.2259 6.18799 12.7159 6.69799 12.7159 7.30999V13.09C12.7159 13.668 13.1579 14.11 13.7359 14.11H13.9739C14.5519 14.11 14.9939 13.668 14.9939 13.09V11.696C14.9939 11.084 15.7079 10.778 16.1499 11.22L25.9419 21.012C26.3499 21.42 26.9619 21.42 27.3699 21.012L27.5399 20.842C27.9479 20.434 27.9479 19.822 27.5399 19.414L17.7479 9.62199C17.3059 9.17999 17.6119 8.43199 18.2239 8.46599H19.6179C20.1959 8.46599 20.6379 8.02399 20.6379 7.44599V7.20799Z' fill='%23333'/%3E%3Cpath d='M13.3621 26.792C13.3621 27.37 13.8041 27.8119 14.3821 27.8119H20.1621C20.7741 27.8119 21.2841 27.3019 21.2841 26.6899V20.9099C21.2841 20.3319 20.8421 19.8899 20.2641 19.8899H20.0261C19.4481 19.8899 19.0061 20.3319 19.0061 20.9099V22.3039C19.0061 22.9159 18.2921 23.2219 17.8501 22.7799L8.05805 12.9539C7.65005 12.5459 7.03805 12.5459 6.63005 12.9539L6.46005 13.1239C6.05205 13.5319 6.05205 14.1439 6.46005 14.5519L16.2521 24.3439C16.6941 24.7859 16.3881 25.5339 15.7761 25.4999H14.3821C13.8041 25.4999 13.3621 25.9419 13.3621 26.5199V26.792Z' fill='%23333'/%3E%3C/svg%3E%0A");}
.quickMenu li.kdualBtn a:hover::before{background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6379 7.20799C20.6379 6.62999 20.1959 6.18799 19.6179 6.18799H13.8379C13.2259 6.18799 12.7159 6.69799 12.7159 7.30999V13.09C12.7159 13.668 13.1579 14.11 13.7359 14.11H13.9739C14.5519 14.11 14.9939 13.668 14.9939 13.09V11.696C14.9939 11.084 15.7079 10.778 16.1499 11.22L25.9419 21.012C26.3499 21.42 26.9619 21.42 27.3699 21.012L27.5399 20.842C27.9479 20.434 27.9479 19.822 27.5399 19.414L17.7479 9.62199C17.3059 9.17999 17.6119 8.43199 18.2239 8.46599H19.6179C20.1959 8.46599 20.6379 8.02399 20.6379 7.44599V7.20799Z' fill='%23333'/%3E%3Cpath d='M13.3621 26.792C13.3621 27.37 13.8041 27.8119 14.3821 27.8119H20.1621C20.7741 27.8119 21.2841 27.3019 21.2841 26.6899V20.9099C21.2841 20.3319 20.8421 19.8899 20.2641 19.8899H20.0261C19.4481 19.8899 19.0061 20.3319 19.0061 20.9099V22.3039C19.0061 22.9159 18.2921 23.2219 17.8501 22.7799L8.05805 12.9539C7.65005 12.5459 7.03805 12.5459 6.63005 12.9539L6.46005 13.1239C6.05205 13.5319 6.05205 14.1439 6.46005 14.5519L16.2521 24.3439C16.6941 24.7859 16.3881 25.5339 15.7761 25.4999H14.3821C13.8041 25.4999 13.3621 25.9419 13.3621 26.5199V26.792Z' fill='%23333'/%3E%3C/svg%3E%0A");}
.quickMenu li.kdualBtn .state{font-size: 11px; font-weight: 700;letter-spacing: -0.04em;color: #5F499A;display: flex;align-items: center; justify-content: center;margin-top: 6px;  width: 60px;height: 22px;background-color: #E6E6E6;box-shadow: inset 0px 2px 4px #C9C9C9;border-radius: 20px;}
.quickMenu li.kdualBtn .state::before{content: '';display: inline-block; margin-right: 4px;; width: 12px;height: 12px; background: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.24996 6.48244L9.99496 0.736816L10.8793 1.62057L4.24996 8.24994L0.272461 4.27244L1.15621 3.38869L4.24996 6.48244Z' fill='%235F499A'/%3E%3C/svg%3E%0A") center center no-repeat;}
.quickMenu li.kdualBtn.off a{opacity:0.6;cursor: pointer;}
.quickMenu li.kdualBtn.off a:hover{opacity:1;}
.quickMenu li.kdualBtn.off a::before{background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6379 7.20799C20.6379 6.62999 20.1959 6.18799 19.6179 6.18799H13.8379C13.2259 6.18799 12.7159 6.69799 12.7159 7.30999V13.09C12.7159 13.668 13.1579 14.11 13.7359 14.11H13.9739C14.5519 14.11 14.9939 13.668 14.9939 13.09V11.696C14.9939 11.084 15.7079 10.778 16.1499 11.22L25.9419 21.012C26.3499 21.42 26.9619 21.42 27.3699 21.012L27.5399 20.842C27.9479 20.434 27.9479 19.822 27.5399 19.414L17.7479 9.62199C17.3059 9.17999 17.6119 8.43199 18.2239 8.46599H19.6179C20.1959 8.46599 20.6379 8.02399 20.6379 7.44599V7.20799Z' fill='%23333'/%3E%3Cpath d='M13.3621 26.792C13.3621 27.37 13.8041 27.8119 14.3821 27.8119H20.1621C20.7741 27.8119 21.2841 27.3019 21.2841 26.6899V20.9099C21.2841 20.3319 20.8421 19.8899 20.2641 19.8899H20.0261C19.4481 19.8899 19.0061 20.3319 19.0061 20.9099V22.3039C19.0061 22.9159 18.2921 23.2219 17.8501 22.7799L8.05805 12.9539C7.65005 12.5459 7.03805 12.5459 6.63005 12.9539L6.46005 13.1239C6.05205 13.5319 6.05205 14.1439 6.46005 14.5519L16.2521 24.3439C16.6941 24.7859 16.3881 25.5339 15.7761 25.4999H14.3821C13.8041 25.4999 13.3621 25.9419 13.3621 26.5199V26.792Z' fill='%23333'/%3E%3Cpath d='M6 27.5L27.5 6' stroke='%23EA5454' stroke-width='2'/%3E%3C/svg%3E%0A");}
.quickMenu li.kdualBtn.off .state{background: #EA5454; box-shadow: none; color:#fff;font-weight: 400;}
.quickMenu li.kdualBtn.off .state::before{background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.41437 1.77063C3.54847 0.787919 4.99937 0.247913 6.5 0.250006C9.95187 0.250006 12.75 3.04813 12.75 6.50001C12.75 7.83501 12.3313 9.07251 11.6188 10.0875L9.625 6.50001H11.5C11.5001 5.51977 11.212 4.56113 10.6717 3.74329C10.1313 2.92545 9.36246 2.28448 8.46074 1.90008C7.55902 1.51569 6.5642 1.40482 5.59997 1.58127C4.63575 1.75771 3.74466 2.21369 3.0375 2.89251L2.41437 1.77063ZM10.5856 11.2294C9.45153 12.2121 8.00063 12.7521 6.5 12.75C3.04813 12.75 0.25 9.95188 0.25 6.50001C0.25 5.16501 0.66875 3.92751 1.38125 2.91251L3.375 6.50001H1.5C1.49992 7.48024 1.78797 8.43888 2.32834 9.25672C2.8687 10.0746 3.63754 10.7155 4.53926 11.0999C5.44098 11.4843 6.4358 11.5952 7.40003 11.4187C8.36425 11.2423 9.25534 10.7863 9.9625 10.1075L10.5856 11.2294Z' fill='white'/%3E%3C/svg%3E%0A");}
#quickText {text-align: left;color: #8e8e8e; padding: 15px 0 0 0;}
#menu_name {width: 300px;}

input.btN_before,
input.btN_next { background: #fff; border:solid 1px #ddd; color: #8e8e8e; padding:0; width: 32px}
input.btN_before:focus,
input.btN_before:hover,
input.btN_next:focus,
input.btN_next:hover { color:#2ed5ff;; border-color: #2ed5ff; background-color: transparent; }

/*
.quickMenu li.li2 a { background-position: 0 -100px}
.quickMenu li.li3 a { background-position: 0 -200px}
.quickMenu li.li4 a { background-position: 0 -300px}
.quickMenu li.li5 a { background-position: 0 -400px}
.quickMenu li.li6 a { background-position: 0 -500px}
.quickMenu li.li7 a { background-position: 0 -600px}
.quickMenu li.li8 a { background-position: 0 -700px}
.quickMenu li.li9 a { background-position: 0 -800px}
.quickMenu li.li10 a { background-position: 0 -900px}
.quickMenu li.li11 a { background-position: 0 -1000px}
.quickMenu li.li12 a { background-position: 0 -1088px}
.quickMenu li.li13 a { background-position: 0 -1200px}
.quickMenu li.li14 a { background-position: 0 -1300px; padding-top:45px}
*/


#addQuick { font-size:0 ; padding: 0; width: 100%; background: url("../images/iconQuickAdd.png") no-repeat center 6px; height: 32px; }
#addQuick:hover,
#addQuick:focus,
#addQuick.on { background-position: center -28px}

a.btn_down, a.btn_top { display: block; padding:6px 0 6px 15px; font-size:13px; color:#7a7a7a; background: #e9e9e9 url(../images/btnTop.gif) no-repeat 7px 11px}
a.btn_down { background-position:7px -14px; margin-top: 1px; }
a.btn_top:hover,a.btn_top:focus,
a.btn_down:hover,a.btn_down:focus { color: #333; background-color: #ccc}
a.quickMenuSetup { display: block; width: 16px; height: 16px; background: url(../images/bg_quickMenu.png) no-repeat 0 -1184px; text-indent: -9999px; overflow: hidden; position: absolute; right: 4px; top: 4px; opacity: 0.4}
a.quickMenuSetup:hover,
a.quickMenuSetup:focus { opacity: 0.8}

input.quickMenuSetup { display: block; width: 16px; height: 16px; padding: 0; background: url(../images/bg_quickMenu.png) no-repeat 0 -1184px; text-indent: -9999px; overflow: hidden; position: absolute; right: 14px; top: 8px; opacity: 0.4}
input.quickMenuSetup:hover,
input.quickMenuSetup:focus { opacity: 0.8; background-color: #fff}

.delQuickMenu { position: absolute; text-align:center; padding:0 15px; background: #fff}
.delQuickMenu li a {display:inline-block; width:50px; padding:70px 0 10px 0;  font-size: 11px; color:#333; font-weight:400; background: url(../images/bg_quickMenu.png) no-repeat 1px 0; opacity: 0.6;}
.delQuickMenu li a:hover,
.delQuickMenu li a:focus { opacity: 1}
.delQuickMenu li.li2 a { background-position: 0 -100px}
.delQuickMenu li.li3 a { background-position: 0 -200px}
.delQuickMenu li.li4 a { background-position: 0 -300px}
.delQuickMenu li.li5 a { background-position: 0 -400px}
.delQuickMenu li.li6 a { background-position: 0 -500px;}
.delQuickMenu li.remoteMenu a { background-position: 0 -500px;}
.delQuickMenu li.searchMenu a { background-position: 0 -1400px;}
.delQuickMenu li.li7 a { background-position: 0 -600px;}
.delQuickMenu li.li8 a { background-position: 0 -700px;}
.delQuickMenu li.li9 a { background-position: 0 -800px;}
.delQuickMenu li.li10 a { background-position: 0 -900px;}
.delQuickMenu li.li11 a { background-position: 0 -1000px;}
.delQuickMenu li.li12 a { background-position: 0 -1090px;}
.delQuickMenu li.li13 a { background-position: 0 -1200px;}
.delQuickMenu li.li14 a { background-position: 0 -1300px; padding-top:45px}

.delQuickMenu ul li {  background: #f9f9f9 url(../images/arrow10.png) no-repeat right -38px; cursor: move; border:#ededed solid 1px ; border-radius :4px;}
.addQuickBtn { background: #f9f9f9 no-repeat right -38px; cursor: move; border:#ededed solid 1px ; border-radius :4px;}

.addQuickMenu { position: absolute; text-align:center; width: 50px; padding:0 15px; background: #fff}
.addQuickMenu ul {list-style:none; margin:0; padding:0;}
.addQuickMenu li { display:inline; margin: 0 0 0 0; padding: 0 0 0 0; border : 0; float: left; width: 50px;}

.addQuickMenu li a { display:block; padding:70px 0 10px 0; border-bottom:dotted 1px #ddd; background: url(../images/bg_quickMenu.png) no-repeat 1px 0; opacity: 0.6}
.addQuickMenu li a:hover,
.addQuickMenu li a:focus { opacity: 1}
.addQuickMenu li.li2 a { background-position: 0 -100px}
.addQuickMenu li.li3 a { background-position: 0 -200px}
.addQuickMenu li.li4 a { background-position: 0 -300px}
.addQuickMenu li.li5 a { background-position: 0 -400px}
.addQuickMenu li.li6 a { background-position: 0 -500px;}
.addQuickMenu li.li7 a { background-position: 0 -600px;}
.addQuickMenu li.li8 a { background-position: 0 -700px;}
.addQuickMenu li.li9 a { background-position: 0 -800px;}
.addQuickMenu li.li10 a { background-position: 0 -900px;}
.addQuickMenu li.li11 a { background-position: 0 -1000px;}
.addQuickMenu li.li12 a { background-position: 0 -1088px;}
.addQuickMenu li.li13 a { background-position: 0 -1200px;}
.addQuickMenu li.li14 a { background-position: 0 -1300px; }

#quickUi {padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px;}
/* .remoteMenu { padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px; list-style-type : none; border:#ededed solid 1px ; border-radius :4px;} */

/* table */
.caption_10 {text-align:left; padding:10px 0 5px 0}
.caption_20,
.caption_20 span {text-align: left; padding:15px 0;}

table {	border-collapse: collapse;border-spacing: 0;font-size:15px; background:#fff; vertical-align:middle; color:#666}
/* 테스트서버 테이블 겹치는 현상있습 */
thead {line-height: 1.3em}
tbody {line-height: 1.3em}
table td, table th { word-break: keep-all}
table#success_list td,
table#success_list th { word-break: break-all;}


/*table tbody tr:nth-child( 10n+6 ) td,
table tbody tr:nth-child( 10n+7 ) td,
table tbody tr:nth-child( 10n+8 ) td,
table tbody tr:nth-child( 10n+9 ) td,
table tbody tr:nth-child( 10n+10 ) td, */  /* 5단위  */

.every5 > tbody > tr:nth-child( 10n+6 ) > td,
.every5 > tbody > tr:nth-child( 10n+7 ) > td,
.every5 > tbody > tr:nth-child( 10n+8 ) > td,
.every5 > tbody > tr:nth-child( 10n+9 ) > td,
.every5 > tbody > tr:nth-child( 10n+0 ) > td {background-color:#f9f9f9}
.every5 > tbody > tr:nth-child( 10n+5 ) > td,
.every5 > tbody > tr:nth-child( 10n+0 ) > td {border-bottom:solid 1px #aaa}
/*
.every5 > tbody > tr:nth-child( 10n+6 ) > td:first-child { position: relative; }
.every5 > tbody > tr:nth-child( 10n+6 ) > td:first-child:before { content: "5"; left: -11px; top: -11px; position: absolute; color: #999; font-size: 11px; display: inline-block;  }
*/

.every10 > tbody > tr:nth-child( 20n+11 ) > td,
.every10 > tbody > tr:nth-child( 20n+12 ) > td,
.every10 > tbody > tr:nth-child( 20n+13 ) > td,
.every10 > tbody > tr:nth-child( 20n+14 ) > td,
.every10 > tbody > tr:nth-child( 20n+15 ) > td,
.every10 > tbody > tr:nth-child( 20n+16 ) > td,
.every10 > tbody > tr:nth-child( 20n+17 ) > td,
.every10 > tbody > tr:nth-child( 20n+18 ) > td,
.every10 > tbody > tr:nth-child( 20n+19 ) > td,
.every10 > tbody > tr:nth-child( 20n+20 ) > td {background-color:#f9f9f9}
.every10 > tbody > tr:nth-child( 20n ) > td,
.every10 > tbody > tr:nth-child( 20n+10 ) > td {border-bottom:solid 1px #aaa}

table th { font-weight:400}
table input[type="button"] { margin:1px; }
.loanRe_R table input[type="button"] {height: 27px; padding:0 12px 0 12px; font-size: 14px}
table .reg_date { width:60px}
tr.on td{ background:#f5efe1 !important }
tr.copyRow td{ background:#f5efe1 !important }

div.table_10 + div.btn_area_46 { padding-top:0}

div.table_10.caption,
div.table_20.caption,
div.table_30.caption { border-top: none }
div.table_10.caption caption,
div.table_20.caption caption,
div.table_30.caption caption {text-align: left; padding: 10px 0;border-bottom: solid 1px #636363;}

div.table_10 {width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0}
div.table_10 table{width:100%;}
table.table_10 { width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0}
.table_10 th,
.table_10 td { padding:8px 5px; border:solid 1px #dedede}
.table_10 td { border:solid 1px #f5f5f5}
.table_10 thead th { text-align:center}
.table_10 thead th,
.table_10 thead td { background:#e9e9e9; padding:8px 5px}


.table_10 tbody th { background:#f3f3f3; border-bottom: 1px solid #d5d5d5}
.table_10 tbody td { background:#fff; text-align:center; border-bottom: 1px solid #d5d5d5}
.table_10 tbody td.title,
.table_10 tbody td.lib_name { text-align:left; font-weight:500}
.table_10 tbody td strong.result { color: #ff0000;}

.table_row2 { border-bottom: solid 1px #ccc}
.table_row2 table.table_10 {margin-bottom:0}
.table_row2 table.table_10 td{border-bottom:none}
.table_row2 table.table_10 table{border-bottom: #ccc solid 1px}
.table_row2 table.table_10 tbody tr:nth-child(odd),
.table_row2 table.table_10 tbody tr:nth-child(odd) td{ border-top: #ccc solid 1px}
.table_row2 table.table_10 tbody tr:nth-child(even),
.table_row2 table.table_10 tbody tr:nth-child(even) td{ border-top:#ddd dotted 1px}

table tbody td.book_title { text-align:left; font-weight:500}
.title2 { width: 30% !important}
.writer2 { width: 15% !important}
td.title2 { text-align: left !important}
td.writer2 { text-align: left !important}
td.publ2 { text-align: left !important }


.h_40 { font-size:18px; color:#0ca5cb; padding:5px 0}
.h_40 span { color: #8e8e8e; font-weight:normal}
.h_50 { font-size:24px; color:#0ca5cb; padding:5px 0}
.h_60 { font-size:24px; padding:5px 0}

.table_20 { width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0}
.table_20 th,
.table_20 td { padding:12px 5px; text-align: center}
.table_20 td { }
.table_20 thead th { border-bottom: #ddd solid 1px; border-right: #ddd solid 1px}
.table_20 thead th,
.table_20 thead td { background:#e9e9e9; padding:18px 5px}
.table_20 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede;}
.table_20 tbody td { background:#fff; text-align:center; border-bottom: 1px solid #e9e9e9;}
.table_20 tbody td.title,
.table_20 tbody td.lib_name { text-align:left; font-weight:500}


/* 왼쪽정렬이 주인 테이블, th/td 왼쪽정렬 */
div.table_30 {border-top: solid 1px #636363; margin:10px 0 20px 0}
div.table_30 table {width:100%}
table.table_30 { width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0}
.table_30 th,
.table_30 td { padding:8px 5px}
.table_30 td {  }
.table_30 thead th,
.table_30 thead td { background:#e9e9e9; padding:12px 5px}
.table_30 tbody th,
.table_30 td.th { background:#f3f3f3; border-bottom: 1px solid #dedede; text-align:left}
.table_30 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;}
.table_30 tbody td.title {  font-weight:500}
.table_30 tbody td strong.result { color: #ff0000;}

#Speceies_Info_Tbl .table_30 th,
#tab_sub2 .table_30 th { width: 15%}


/* td 왼쪽정렬 */

div.table_31 {border-top: solid 1px #636363; margin:10px 0 20px 0}
div.table_31 table {width:100%}
table.table_31 { width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0}
.table_31 th,
.table_31 td { padding:8px 5px}
.table_31 td { text-align: left; }
.table_31 thead th,
.table_31 thead td { background:#e9e9e9; padding:12px 5px}
.table_31 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede}
.table_31 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;}
.table_31 tbody td.title {  font-weight:500}
.table_31 tbody td strong.result { color: #ff0000;}


div.table_32 {border-top: solid 1px #636363;}
.table_32 { width:100%; margin:0 0 20px 0}
.table_32 th,
.table_32 td { padding:8px}
.table_32 td { }
.table_32 tbody th { background:#ededed; border-bottom: 1px solid #dedede}
.table_32 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;}
.table_32 tbody td.title {  font-weight:500}

td.title a,
th a, td a { color:#158ebb; vertical-align: baseline;}
td.title a:hover, td.title a:focus,
th a:hover, th a:focus,
td a:hover, td a:focus {color:#0d7aa3}



/* 환경설정 - 사용자정보 */

#viewDiv #view_Image { width:160px; float:left; border: solid 1px #ddd}


/* 시스템관리 */
.mngLibWrap { position: relative; overflow: hidden}
.mngLib {width: 49%;}
.mngLib strong {font-weight: 400; margin: 5px 10px; display: inline-block;}
.mngLib ul{padding: 10px; margin:5px 10px; height: 200px; overflow-y: auto; width:90%; outline: #ddd solid 1px }
.mngLib input[type="button"].mngLibAdd,
.mngLib input[type="button"].mngLibDel {width: 30px;height: 30px;border: solid 1px #ddd; background: #fff url(../images/icon_arrow_10.png) no-repeat center -36px; font-size: 0;position: absolute; top: 54%;left: 47.7%; }
.mngLib input[type="button"].mngLibDel { background-position: center 0; top: 40%}
.mngLib input[type="button"].mngLibAdd:hover,
.mngLib input[type="button"].mngLibAdd:focus,
.mngLib input[type="button"].mngLibDel:hover,
.mngLib input[type="button"].mngLibDel:focus { background-color:#f9f9f9; border-color:#1aa2c0; }

#mg_password_ChkMsg,
#mg_password,
#mg_passwordMsg { font-weight: 400}

th.lib_select {width:30px}
th.search_select {width:30px}
th.lib_code { width:70px}
th.lib_tel { width:90px}
th.lib_link { width:80px}

th.mng_select { width: 70px}

.lib_name2 {}
#libtotalStatisTbl td { width: 12%}

/* 이력관리 */
#SpeciesBookSearch_Tbl .no { width: 25px}
#SpeciesBookSearch_Tbl .del_date { width:70px }
#SpeciesBookSearch_Tbl .worker { width:55px}
#SpeciesBookSearch_Tbl .isbn { width:90px}


div.table_40 {border-top: solid 1px #636363;width : 80%; float:right}
.table_40 table {width : 100%; margin:0;}

table.table_40 {width : 80%; float:right; margin:0; border-top: solid 1px #636363}
.table_40 th,
.table_40 td { padding:8px}
.table_40 td { }
.table_40 thead th,
.table_40 thead td { background:#e9e9e9; padding:12px 5px}
.table_40 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede; text-align:left;  width:18%;padding:7px 15px}
.table_40 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;}
.table_40 tbody td.title {  font-weight:500}
.table_40 tbody td strong.result { color: #ff0000;}

div.table_42,
table.table_42 {width : 80%; float:right; margin:0; border-top: solid 1px #636363; float:right}
div.table_42 table { width:100%;}
.table_42 th,
.table_42 td { padding:8px}
.table_42 td { }
.table_42 thead th,
.table_42 thead td { background:#e9e9e9; padding:12px 5px}
.table_42 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede; text-align:left;  padding:7px 15px}
.table_42 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;}
.table_42 tbody td.title {  font-weight:500}
.table_42 tbody td strong.result { color: #ff0000;}

/* table common */
table .checkboxCell { min-width: 26px}
.bd_r { border-right: dotted 1px #eee}
.bd_l { border-left: dotted 1px #eee}
.bd_t { border-top: solid 1px #eee}
.bd_b { border-bottom: solid 1px #eee}

thead .bd_r { border-right: dotted 1px #ccc}
thead .bd_l { border-left: dotted 1px #ccc}
thead .bd_t { border-top: solid 1px #ccc}
thead .bd_b { border-bottom: solid 1px #ccc}

.paginate { text-align:center; clear:both; margin:10px 0}
.paginate a { padding:8px 8px; border:solid 1px #ccc; color:#666; margin:2px -1px; background:#fff ; display: inline-block; min-width: 20px; text-align: center; vertical-align: middle }
.paginate a.first, .paginate a.prev,.paginate a.next,.paginate a.last
 /* .paginate a:nth-child(1), .paginate a:nth-child(2), .paginate a:last-child, .paginate a:nth-last-child(2) */
{background:#aaa url('../images/btn_arrow40.png') no-repeat -3px 0; color:#fff; border: solid #8e8e8e 1px; overflow: hidden; text-indent: -9999px}
.paginate a.prev { background-position: -41px 0 }
.paginate a.next { background-position: -80px 0 }
.paginate a.last { background-position: -117px 0 }

.paginate a:hover, .paginate a:focus,
.paginate a.first:hover, .paginate a.prev:hover,.paginate a.next:hover,.paginate a.last:hover { background-color:#aaa; color:#fff; border-color: #8e8e8e}

.paginate a.on{ background:#717171; color:#fff; border: solid #717171 1px}
.paginate a strong{ color:#000; text-decoration:underline}
.paginate strong { background:#8e8e8e; color:#fff; border: solid #8e8e8e 1px}


body.busan .paginate a:hover, body.busan .paginate a:focus,
body.busan .paginate a.first:hover,
body.busan .paginate a.prev:hover,
body.busan .paginate a.next:hover,
body.busan .paginate a.last:hover { background-color:#2d5785}
body.busan .paginate a.on{ background-color:#2d5785;}
body.busan .paginate strong { background-color:#8e8e8e}

body.busan input.quickMenuSetup,
body.busan input.quickMenuSetup:hover,
body.busan input.quickMenuSetup:focus { background-color:#fff}


.busan input[type="button"].btN_before,
.busan input[type="button"].btN_next { background: #fff}
.busan input[type="button"].btN_before:hover,
.busan input[type="button"].btN_before:focus,
.busan input[type="button"].btN_next:hover,
.busan input[type="button"].btN_next:focus {background-color: #ededed; border: solid 1px #8e8e8e; color: #777}


/*paginate,btn 하단고정*/
.content_wrap:after { content:""; display:block; width:100%; position:fixed; bottom:0; left:0; opacity:0; transition:opacity 0.5s ease-in-out; }
.fix-bottom.content_wrap:after { height:40px}
/* .fix-bottom .paginate{  position:fixed; width:100%;  z-index:10; bottom:-8px; text-align:left } */
.content_wrap.fix-bottom:after { opacity:1;}
.fix-bottom .btn_area_42,
.fix-bottom .btn_area_46{font-size:0; position:fixed; padding:4px 1.5%; z-index:10; bottom:0; left:0; width:97%; background-color:rgba(37,47,54,0.8);}
.fix-bottom .btn_area_46 input[type="button"],
.fix-bottom .btn_area_46 input[type="button"] { padding: 8px 12px; margin: 2px}


/* 제이쿼리 팝업 다이얼로그 */
.ui-dialog table thead th { padding:10px 5px}
.ui-dialog .table_10 th, .ui-dialog  .table_10 td {padding: 5px}
.ui-dialog h4 { font-size: 16px; padding:8px 0; background: #fff; color: #333}
.newHeaderTable + h4 { padding-top:18px}

.alert-box {width: 100%; height: 100%; position: fixed; z-index: 4000; background:url(../../resources/images/bg_bk70.png); top:0; left:0; text-align: center }
.alert-box span { display:block; border: 1px solid red; border-radius: 4px; margin: 15% auto 1% auto; padding: 25px 50px; text-align: center; width:30%; font-size: 14px}
.alert-box input {top: 45%;}
.success {color: #3c763d;display: none}
.failure {color: #a94442;display: none}
.warning {color: #8a6d3b;display: none}
.success span {background-color: #dff0d8;border-color: #d6e9c6;}
.failure span {background-color: #f2dede;border-color: #ebccd1;}
.warning span {background-color: #fcf8e3;border-color: #faebcc;}

/* test용  */
.sample2 {position:fixed; left:100px; top:100px; font-size:30px; color:red; background: #fff; padding:10px;z-index: 1000}

/* common */
.none,
.hidden { position:fixed; top:-9999px; left:-9999px; font-size:1px; color:#fff}
.float_l { float:left}
.float_r { float:right}
.float_clear { clear:both}
.trshow {display:table-row}
.trhide {display:none}
.clear { clear: both;}
span.smTxt{ font-size: 10px; vertical-align: top; padding-left: 5px}

.decoLeftBar { background:url(../../resources/images/decoLeftBar.gif) no-repeat 0 1px; margin:0 0 0 6px; padding: 0 0 0 10px }

.note_10 { color:#0e8bb9}
.note_20 { color:#dc681a}
.note_30 {}

.noteS10 { color:#0e8bb9; font-size: 13px;}

.wrn_10 { color:red; font-weight:500}
.wrn_20 {}
.wrn_30 {}

.txt_l { text-align:left !important}
.txt_r { text-align:right !important}
.txt_c { text-align:center !important}


/* hr */
.hr_10 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #ddd; margin: 10px 0}
.hr_12 { display: block; height: 1px; clear:both; background: none; border: none; border-top: dotted 1px #ddd; margin: 10px 0}
.hr_20 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #888; margin: 10px 0;clear:both}
.hr_24 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #888; margin: 3px 0;clear:both}
.hr_21 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #888; margin: 10px 0; width:90%}
.hr_22 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #777; margin: 3px 0; width:90%; }


.hr_30 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #ccc; margin:30px 0 3px 0; clear:both}

.dialog_h4 { border: solid 1px #ddd; border-bottom:none; background: #f0f0f0; padding:10px 14px; font-size: 14px; border-radius :4px 4px 0 0  }
.dialog_wrap10 {border: solid 1px #ddd; background: #f9f9f9; padding:10px 14px; border-radius: 0 0 4px 4px}
.dialog_wrap20 { border: solid 1px #f0f0f0; padding:10px 14px; border-radius:4px; margin: 7px 0}

/* btn_area */
.btn_area_10 { text-align: right; padding: 0 0 15px 0; margin:0 0 10px 0; border-bottom: dotted #c8c8c8 1px }

.btn_area_30 { text-align: right; padding: 5px 0 30px 0; clear: both; }
.btn_area_30 a, .btn_area_30 input[type="button"] { color:#FFF; padding:8px 25px}
.btn_area_30 .goInfo a {color: #1aa2c0; background-color:#fff}
.btn_area_30 .goInfo a:hover,
.btn_area_30 .goInfo a:focus { background-color:#fff; color:#118eaa;}

.btn_area_30 a:hover, .btn_area_30 a:focus,.btn_area_30 input[type="button"]:hover, .btn_area_30 input[type="button"]:focus { background:#3685a9}


.btn_area_40 { text-align: right; padding: 0 3%; clear:both} /* popup용 */
.btn_area_40 a, .btn_area_42 a, .btn_area_44 a, .btn_area_46 a,
.btn_area_40 input[type="button"], .btn_area_42 input[type="button"], .btn_area_44 input[type="button"], .btn_area_46 input[type="button"] { margin: 2px}


.btn_area_42,
.btn_area_44,
.btn_area_46 { text-align: right; padding:15px 0; clear:both; font-size: 0}

.btn_area_42 { padding:15px 0 0 0}
.btn_area_44 { padding:15px 0 30px 0}
.btn_area_46 { }

a.btn_xls_dn:before,
input.btn_xls_dn:before { content:" "; display:inline; padding:3px 12px; background: url(../../resources/images/icon_xls.png) no-repeat 0 0 }
input.btn_xls_dn{}

/* 선택자료 수정페이지 UI개선 202005CYM */
.goInfo {float:left}
.goInfo h5 {color: #777; display: inline-block; padding-right: 6px}
.goInfo span { vertical-align: middle}
.goInfo span.end { display: inline-block; padding: 0; vertical-align: baseline;}

.goInfo a,
.goInfo .end{ display: inline-block; position: relative; padding: 5px; color:#1aa2c0}
.goInfo a:hover,
.goInfo a:focus { color:#118eaa; text-decoration: underline;}
.goInfo a.btnGoBefore {padding-left:47px;background: none}
.goInfo a.btnGoAfter {padding-right:47px;padding-left:10px; background: url(../images/decoBar5.gif) no-repeat 0 5px;}
.iconArrow { display: inline-block; width: 15px; height: 15px; background: url(../images/iconArrow.png) no-repeat 0 0;font-size: 0;}
.goInfo a.btnGoBefore .goNo{padding-right: 5px; position: absolute; left:20px}
.goInfo a.btnGoAfter .goNo{ padding-left: 5px; position: absolute; right:20px}
a .iconArrow { position: absolute; topt:6px}
a.btnGoBefore .iconArrow {left:0}
a.btnGoAfter .iconArrow {right:0; background-position-y:-15px }

.goInfo span.end .iconArrow{ background-position-y: -30px}
.goInfo .btnGoAfter.end .iconArrow {background-position-y: -45px}



.table_top1,
.table_top2 { text-align:right; padding:10px 0 5px 0;*zoom:1; color:#8e8e8e }
.table_top1 {padding:3px 0 0 0;}
.table_top2 { padding:15px 0 0 0;}
.table_top1:after,
.table_top2:after {content:" "; display:block; clear:both}

.table_top1 *,
.table_top2 *{ vertical-align:baseline}
#totalCnt {padding:0 10px 0 8px; background: url(../images/decoDot2.gif) no-repeat 0 8px}
#totalPage {padding:0 14px; background: url("../images/decoBar4.gif") no-repeat 0 5px;}

/*
.table_top1 .count,
.table_top2 .count  { float:left}
*/
.table_top1 .count .remark  {background: url("../images/calEx_memo.png") no-repeat 8px 5px ; padding:0 0 0 18px}

a.btn_print2{ background:#2bb0d1; color:#fff; padding:6px 10px; border-radius:4px}
a.btn_print2:before{ content:""; display:inline; padding:3px 12px; background: url(../../resources/images/icon_xls.png) no-repeat 0 0 }
a.btn_print2:hover, a.btn_print2:focus { background:#19a5c7}
a.btn_print2:before { background: url(../../resources/images/icon_print2.png) no-repeat 0 0 }

td.loan_o span.sBtnWrap,td.reserve_o span.sBtnWrap { display: block; float: none; font-size: 0}
td.loan_o span.sBtnWrap input,td.reserve_o span.sBtnWrap input[type="button"]{ height: 25px; font-size:13px;padding:0 5px 1px 5px; float: none; margin:0 2px 0 0 }

/* favicon */
a.faA { display: inline-block; width:15px; height:15px; background: #2bb0d1; color:#f8f8f8; border-radius:15px; vertical-align: middle; z-index: 1}
a.faA span { position: absolute; left:-9999px; top:-9999px}
a.faA:hover,
a.faA:focus { background: #0298bc ; color:#fff}

a.faB i {margin:0 5px}

a.faB { background: #777; color:#fff; padding:4px 10px; margin-left:10px; border-radius:4px}
a.faB:hover,
a.faB:focus {background:#19a5c7; color:#fff}

a.faN_1,
a.faN_2 {background: #2bb0d1; color:#f8f8f8; padding:5px; border-radius:6px; display: inline-block; width:80px; margin:0 0 0 3px; text-align: center; height:34px; vertical-align: middle;}
a.faN_1 { width:60px; margin-left:10px}
a.faN_1:hover,a.faN_1:focus,a.faN_2:hover, a.faN_2:focus { background: #0298bc ; color:#fff}


/* 기본버튼 NEW 2018 */
input.btN { background: #96989d no-repeat 12px center; padding:0 15px}
input.btN:hover,
input.btN:focus,
.content_head_11 input[type="button"].btN:hover,
.content_head_11 input[type="button"].btN:focus,
.content_head_10 input[type="button"].btN:hover,
.content_head_10 input[type="button"].btN:focus  { background-color: #81848e}

input.btN_highlight { background: #1aa2c0 no-repeat 12px center; padding:0 15px}
input.btN_highlight:hover,
input.btN_highlight:focus { background-color: #19b8d8}

input.btN_search,
input.btN_graph { padding-left:38px; background-color:#1aa2c0; background-image: url("../images/iconSearch1.png")}
input.btN_graph {background-image: url("../images/iconGraph.png")}
input.btN_search:hover,
input.btN_search:focus,
input.btN_graph:hover,
input.btN_graph:focus { background-color:#19b8d8}
input.btN_sort { padding-left:38px; background-image: url("../images/iconSort.png")}

body.busan input.btN { background-color: #2d5785}
body.busan input.btN:hover,
body.busan input.btN:focus{ background-color: #19406a}

body.busan input.btN_search,
body.busan input.btN_graph { background-color:#ee7203}
body.busan input.btN_search:hover,
body.busan input.btN_search:focus,
body.busan input.btN_graph:hover,
body.busan input.btN_graph:focus { background-color:#cc680f}



input.btN_refresh {padding-left:38px; background-image: url("../images/iconRefresh.png")}
input.btN_detailSearch {padding-left:38px; background-image: url("../images/iconSearch2.png")}
input.btN_formDn{padding-left:38px; background-image: url("../images/iconFormDn.png")}


input.btN_detailSearchUp,
input.btN_detailSearchDn { padding-left:38px; background-image: url("../images/arrow30.png"); background-position:7px -26px}
.nav03_11 input.btN_detailSearchUp,
.nav03_11 input.btN_detailSearchDn,
#donate_search_form input.btN_detailSearchUp,
#donate_search_form input.btN_detailSearchDn {display: none;}
input.btN_detailSearchUp { background-position:7px 3px}
input.btN_detailSearchUp.trOn,
input.btN_detailSearchDn.trOn,
#donate_search_form input.btN_detailSearchUp.trOn,
#donate_search_form input.btN_detailSearchDn.trOn { display: inline-block;}
table td.btn_td {text-align: right;}

input.btN_xlsDN2 {padding-left:38px; background-image: url("../images/iconXLS.png")}

a.btn_xls_dn2 { background: #96989d no-repeat 12px center; padding:9px 15px 8px 38px; display: inline-block; border-radius:3px; color:#fff; padding-left:38px; background-image: url("../images/iconXLS.png")}
a.btn_xls_dn2:hover,
a.btn_xls_dn2:focus { background-color: #81848e}

body.busan a.btn_xls_dn2 { background-color: #2d5785}
body.busan a.btn_xls_dn2:hover,
body.busan a.btn_xls_dn2:focus { background-color: #19406a}

.busan .jQTab>a:hover, .busan .jQTab>a:focus{background:#169dbf}
.sub_01 li.nav01>a>span,
.sub_02 li.nav02>a>span,
.sub_03 li.nav03>a>span,
.sub_04 li.nav04>a>span,
.sub_05 li.nav05>a>span,
.sub_06 li.nav06>a>span,
.sub_07 li.nav07>a>span,
.sub_08 li.nav08>a>span,
.sub_09 li.nav09>a>span,
.sub_10 li.nav10>a>span,
.sub_11 li.nav11>a>span,
.sub_12 li.nav12>a>span {border-bottom: solid 2px #3d613a}




/* 기본 버튼 */

a.btn10 { background:#2bb0d1; color:#fff; padding:6px 10px; border-radius:3px}
a.btn10:hover, a.btn10:focus { background:#19a5c7}
a.btn10 .fa { margin-right:10px; font-size: 18px}


a.btn20 { background:#2bb0d1; color:#fff; padding:6px 10px; border-radius:2px}
table a.btn20 { margin:0 1px}
a.btn20:hover,
a.btn20:focus,
table a.btn20:hover,
table a.btn20:focus { background:#169dbf; color:#fff}

span.btn20.disabled {background:#ccc; color:#fff; padding:6px 10px; border-radius:2px}

a.btn20.btn_return,
a.btn20.btn_returnDelay,
a.btn20.btn_etc { padding:1px 5px 2px 5px; font-size: 13px; border-radius: 2px}

#otherLibLoanListDiv a.btn20.btn_otherLibReturn,
a.btn20.btn_otherLibReturn { background: #fff url(../images/iconImport.png) no-repeat 0 0px; color: #2bb0d1; padding:0 4px 1px 22px; border:solid 1px #2bb0d1 }
#otherLibLoanListDiv a.btn20.btn_otherLibReturn:hover,
#otherLibLoanListDiv a.btn20.btn_otherLibReturn:focus,
a.btn20.btn_otherLibReturn:hover,
a.btn20.btn_otherLibReturn:focus {background: #f3f3f3 url(../images/iconImport.png) no-repeat 0 0px; color: #2bb0d1; }
#otherLibLoanListDiv a.btn20.btn_otherLibLoan,
a.btn20.btn_otherLibLoan { background: #2bb0d1 url(../images/iconExport.png) no-repeat 0 0px ; padding:1px 5px 2px 24px}
#otherLibLoanListDiv a.btn20.btn_otherLibLoan:hover,
#otherLibLoanListDiv a.btn20.btn_otherLibLoan:focus,
a.btn20.btn_otherLibLoan:hover,
a.btn20.btn_otherLibLoan:focus {background:#19a5c7 url(../images/iconExport.png) no-repeat 0 0px }

.btn_area_50 { text-align: right; }
.btn_area_52 { margin:-25px 0 0 0 }
.btn_area_50 input[type="button"] { }


.sticky.on { height: 90px;}
.sticky.on div[class^=stickyWrap] { position: fixed; bottom: 0; left:0;padding:14px 0.75%; width: 98.5%; background: #fff; border-top:solid 1px #ddd; z-index: 1000; box-shadow: -10px -10px 16px -8px rgb(0 0 0 / 11%);}
.sticky.on div[class^=scrollWrap] {display: block;}
/*div[class^=sticky].on { height: 90px;}*/
/*div[class^=sticky].on div[class^=stickyWrap] { position: fixed; bottom: 0; left:0;padding:14px 0.75%; width: 98.5%; background: #fff; border-top:solid 1px #ddd; z-index: 1000; box-shadow: -10px -10px 16px -8px rgb(0 0 0 / 11%);}*/
/*div[class^=sticky].on div[class^=scrollWrap] {display: block;}*/
/*.sticky.on #arrowBtn{display: block;}*/
div[class^=stickyWrap] {transition:all 0.2s ease 0s}


input[type="button"].dis { background:#c2c2c2 !important; color:#f0f0f0 !important; border: solid 1px #b2b2b2 !important; cursor:default !important}
input[type="text"].dis,
input.readonly {border: solid 1px #ddd; background:#f6f6f6 !important; color:#8e8e8e; padding:4px;cursor: default}
select.readonly {border: solid 1px #ddd; background:#f6f6f6 !important; color:#8e8e8e; padding:4px;cursor: default}

.textarea95 {width:95.5%; height:100px; padding:10px 2%; color:#717171; line-height:1.4em}


/* 검색팝업 search popup */

.btN.searchInResult { font-size: 0; margin-left: -10px; margin-right:10px; border-radius:0 3px 3px 0; padding-left: 26px}
body.popup_10 { background: #fff;background: #f9f9f9;}
body.popup_10 #content { width:93%; /* margin:15px auto; */ background: #fff;  /* padding:15px 3% 20px 3%; */  border-radius:8px; border:solid #ddd 1px; box-shadow:#dedede 0 3px 3px }
body.popup_10 #content_search2 { background: #fff;background: #f9f9f9; padding: 0 2% 20px 2%}
.popup_10 h1 { font-size: 16px; color: #333; font-weight: 300}
.popup_10 h1 strong,
.popup_10 h1 span {vertical-align:baseline; color: #666 }
.popup_10 h1 strong { font-weight: 500; font-size: 17px; color: #333}
.popup_10 h1 :last-child { font-size: 14px}
.popup_10 .view_type { float: right;}

.printSetup { text-align: right; padding:10px 2% 0 0 }
.printSetup input[type="button"] { color: #888; font-size: 14px;border:#ddd solid 1px; background: #fff; height: 28px; padding:0 12px;  }

.linkSources { font-size: 12px; color: #8e8e8e; letter-spacing: -1px; line-height: 1.3em; float: right;}
.linkSources a,
.linkSources span { display: inline-block; font-size:0; }
.linkAladin { margin: 0 0 -30px 0}
.linkAladin a { background: url(../images/iconAladin.png) no-repeat right 0; background-size:contain; width:62px; height:25px; margin:-8px 0 0 0}
.linkNaver { margin: 13px 0 -37px 0}
.linkNaver a,
.linkNaver span { background: url(../images/iconNaver.png) no-repeat right 2px; width:117px; height:30px; margin:-8px 0 0 0}
.linkKakao { margin: 13px 0 -37px 0}
.linkKakao a,
.linkKakao span { background: url(../images/iconKakao.png) no-repeat right center; width:146px; height:30px; margin:-8px 0 0 0}
.linkData4lib a,
.linkData4lib span { background: url(../images/iconData4lib.png) no-repeat right center;  background-size:contain;  width:150px; height:70px; margin:-8px 0 0 0}

div.linkSources {float:left}

.dialog_10 p { padding:10px 0; font-size:15px}

.poupSerch { padding:15px 20px; text-align:center; border-radius: 6px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); border:solid 1px #ededed; background:#fff; clear: both; margin: 10px 0}
#header_total_search_btn.btN { margin-left: -8px; border-radius:0 3px 3px 0}

.orderBy { font-size: 0; padding:18px 0 0 0; float: left;}
.orderBy input[type="button"]{ border-radius: 0; background: #ccc; padding:0 12px}
.orderBy input[type="button"]:hover,
.orderBy input[type="button"]:focus,
.orderBy input[type="button"].btn_on { color:#FFF; background: #1aa2c0;}
.orderBy input[type="button"]:nth-child(2){ border-radius: 3px 0 0 3px}
.orderBy input[type="button"]:last-child{ border-radius: 0 3px 3px 0}
.orderBy span { font-size: 15px; padding-right:12px; color: #8e8e8e; display: none }
.popup_10 .view_type { padding:10px 0 0 0; float: right;}

#img_view { clear: both;}
#header_total_search_text { width: 400px}
.original_search { display: inline-block;}

#tbl_view table td input[type="button"] { height: 24px; width: 142px; margin: 1px 0; font-size: 13px}
.popup_10 .tab_50 {width: 100%;}

.book_type_wrap { display:block ; clear:both; float:left; padding:10px 0;}

.book_info {  margin:-18px 0 0 0}
.book_info::before{content:""; display:block; clear:both;}
.book_info h4 { font-size:17px; font-weight:400; line-height:1.3em; clear:both; padding:6px 0}
.book_info .h4_no { font-size: 18px; color:#777}
.a20 .book_info h4 { display:inline-block;}
.book_info h5 { color:#666; font-size:16px; font-weight: normal; line-height:1.3em; padding:3px 0 0 0}

.book_info>li:first-child {border-top:#CCC solid 1px}
.book_info>li { border-bottom:#ededed solid 1px; padding:30px 0; overflow: hidden;}

.book_info ul { padding:5px 0; width:73%}
.book_info ul:after { content:""; display:block; clear:both; *zoom:1}
.book_info ul li { display:inline-block;  float:left; padding: 0 10px 2px 0; color:#8e8e8e}
.book_info ul li.writer,
.book_info ul li.publisher { height:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book_info ul li.writer {max-width:40%; }
.book_info ul li.publisher {max-width:40%; }
.book_info ul li:first-child:before { display:none}
.book_info ul li:before { display:block; width:1px; height:10px; content:""; background:#ddd; margin:2px 10px 0 0; float:left }

.book_info ul.actor_info li{width:95%; display:block; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.book_info dl { overflow:hidden; font-family:'굴림',Gulim,'돋움',Dotum,sans-serif; font-size:12px; line-height:1.2; color:#717171; padding:10px 0; margin:10px 0 10px -1% ; border-top:#ededed dotted 1px; border-bottom:#ededed dotted 1px;}
.book_info dl dt:before { display:block; width:3px; height:3px; content:""; background:#85bfec; margin:4px 6px 0 0; float:left }
.book_info dl dt,
.book_info dl dd { float:left;width:11%; padding:4px 0.5%}
.book_info dl dt { font-weight: bold; color:#8e8e8e; padding: 4px 1%; letter-spacing:-1px}
.book_info dl dd { width:18% }

.book_info p { color:#8e8e8e; line-height:1.5em}
.book_cover { float:left; margin:12px 0 0 0;width:82px; border: 1px solid #ededed ; padding:4px; box-shadow:#dedede 0 2px 2px; border-radius:5px; background: #fff; margin-bottom:3px; }
.book_cover img { padding:0 0 5px 0; width:82px; height:120px;}
.subject_code_image {display:block; text-align:center; color:#1d89c0; padding:6px; font-size:12px; border-top: dotted 1px #eee}

/* .book_cover { float:left; margin:20px 0 0 0; width:82px; height:120px; padding:4px; back-ground:#fff; border-radius:5px} */
.a10 .table_80 { width:85%; float:right; margin-top:13px}
.a20 .table_80 { width:85%; float:right; margin-top:13px}
.book_info table.table_80 { margin-top:20px}

.book_cover + div > table.table_80 { margin-top: 0}

.dl_10 { background:#f6f6f6;  overflow: hidden; padding:1px 1px 0 0}
.dl_10 dt, .dl_10 dd { width:19.5%; padding:10px 5%; float:left;border:solid 1px #ccc; margin: -1px -1px 0 0}
.dl_10 dt{ background: #ddd }
.dl_10 dd{ width:60%; float:left; border-color: #ededed}

.dl_12 { overflow: hidden; padding:1px 1px 0 0; margin:10px 0 0 0}
.dl_12 dt, .dl_12 dd { float:left;border:solid 1px #ededed; margin: -1px -1px 0 0}
.dl_12 dt{ width:19.5%; padding:12px 5% 0 5%; height:25px; background: #eee;border:solid 1px #ddd }
.dl_12 dd{ width:60%; padding:5px 5% 0 5%; height:32px}

.table_p90 { border-collapse:collapse; width:100% }
.table_p90 th { text-align:left}
.table_p90 th,
.table_p90 td { padding:2px; font-size:12px;  }
.table_p90 td input[type="text"] { width:96%; padding:5px 0 5px 3%; border:#ddd solid 1px; background:#f6f6f6}

/* popup 메뉴편집*/

.popup_menu_edit {overflow:hidden}
.popup_menu_edit #menu,
.popup_menu_edit #menu_other { width:43%; overflow:hidden}
.popup_menu_edit #menu_other { float:right}
.popup_menu_edit select { font-size:12px; width:98%}

.btn_area_48 { width: 10%; padding:100px 0 0 0.5%; float:left; text-align:center}
.btn_area_48 input{ width:55px; height:30px; margin: 3px auto; font-size:12px;  background: #f6f6f6 url(../../resources/images/icon_arrow_10.png) no-repeat right 0; border:#ddd solid 1px; border-radius:4px; color:#008db0}
.btn_area_48 input:hover, .btn_area_48 input:focus { background: #ededed url(../../resources/images/icon_arrow_10.png) no-repeat right 0}
.btn_area_48 input#add {background-position: left bottom}
.btn_area_48 input#del {}

/* tab */
.tab_30 { overflow: hidden; margin:20px 0 0 0; }
.tab_30 a { display: block; width: 33.2%; float: left; padding: 15px 0 ; text-align: center;/* font-size: 14px;*/ border-bottom: solid 1px #ddd; background: #d6dde1; border-left:#f7f7f7 solid 1px; border-bottom:#0ca5cb solid 1px}
.tab_30 a:first-child { border-left:none}
.tab_30 a:hover, .tab_30 a:focus, .tab_30 a.on { background:#0ca5cb; color:#fff; border-bottom:#0ca5cb solid 1px}


.tab_toggle { overflow: hidden; margin:20px 0 0 0; }
.tab_toggle a{ display: block; width: 50%; float: left; padding: 15px 0 ; text-align: center; font-size: 14px; border-bottom: solid 1px #ddd; background: #d6dde1 url(../../resources/images/deco_line_10.gif) repeat-y 0 0; border-bottom:#0ca5cb solid 1px}
.tab_toggle a:first-child {margin-right:-1px}
.tab_3 a { width: 33.3%}
.tab_4 a { width: 25%}
.tab_5 a { width: 20%}
.tab_6 a { width: 16.4%}
.tab_toggle a:first-child { border-left:none}
.tab_toggle a:hover, .tab_toggle a:focus, .tab_toggle a.on { background:#0ca5cb url(../../resources/images/deco_line_10.gif) repeat-y 0 0; color:#fff; border-bottom:#0ca5cb solid 1px}

.tab_3 { overflow: hidden; margin:20px 0 0 0; }
.tab_3 a { display: block; width: 33.2%; float: left; padding: 15px 0 ; text-align: center; font-size: 14px; border-bottom: solid 1px #ddd; background: #d6dde1; border-left:#f7f7f7 solid 1px; border-bottom:#0ca5cb solid 1px}
.tab_3 a:first-child { border-left:none}
.tab_3 a:hover, .tab_30 a:focus, .tab_30 a.on { background:#0ca5cb; color:#fff; border-bottom:#0ca5cb solid 1px}


/* 원부커버설정 */
#printTabs .ui-widget-header { background: none; border: none; border-bottom: solid 1px #32badc; border-radius:0; padding: 0;}
#printTabs .ui-tabs.ui-tabs-panel,
#printTabs .ui-tabs-panel.ui-widget-content.ui-corner-bottom { padding: 0;}
#printTabs.ui-tabs {padding: 0; border:none; border-radius: 0}

#printTabHeader li.ui-tabs-active,
#printTabHeader li.ui-tabs-active.ui-state-default a{ background-color: #32badc}
#printTabHeader .ui-state-default,
#printTabHeader .ui-state-default a, #printTabHeader .ui-state-default a:link { background-color: #999}

/**/
input.dateReset,
.busan input.dateReset{ width: 28px; background-color:#fff; border:solid 1px #ddd; background: #fff url(../images/btnCalendar3.png) no-repeat 1px 1px;font-size: 0; }

input.dateReset:hover,
input.dateReset:focus,
input.dateReset:active,
.busan input.dateReset:hover,
.busan input.dateReset:focus,
.busan input.dateReset:active {border-color:#1aa2c0; background-color:#fff !important; background-position: 1px -27px}


/* calendar */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:12px; font-weight:normal;list-style:none; font-weight:normal}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
/* .ui-front{z-index:3000} */
.ui-front{z-index:2500}
.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2500}
.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}
.ui-button-text-only .ui-button-text{padding:.4em 1em}
.ui-button-text-only span.ui-button-text { outline: none; border:none; padding:0 1em }
.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}
.ui-button-icon-only span.ui-button-text { padding-top: 0;padding-bottom: 0;}
.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;width:1.8em;height:1.8em; background: url(../../resources/images/btn_arrow_20.png) 0 5px no-repeat; overflow: hidden; text-indent: -9999px}
.ui-datepicker .ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker .ui-state-hover.ui-datepicker-next-hover { background-position: 0 -30px}
.ui-datepicker .ui-datepicker-next { background-position: right 5px}
.ui-datepicker .ui-datepicker-prev-hover{ background: url(../../resources/images/btn_arrow_20.png) 0 bottom !important}
.ui-datepicker .ui-datepicker-next-hover{ background: url(../../resources/images/btn_arrow_20.png) right bottom !important}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker select.ui-datepicker-month-year{width:100%}
.ui-datepicker table{width:100%;font-size:12px; font-weight:normal;margin:0 0 .4em;}
.ui-datepicker table a { color: #8e8e8e}
.ui-datepicker table tr th:first-child,
.ui-datepicker table tr td:first-child,
.ui-datepicker table tr td:first-child span,
.ui-datepicker table tr td:first-child a{ color: #9d805a}
.ui-datepicker table tr th:last-child,
.ui-datepicker table tr td:last-child,
.ui-datepicker table tr td:last-child span,
.ui-datepicker table tr td:last-child a{ color: #5b7a95}

.ui-datepicker table tr td:first-child span.ui-state-active,
.ui-datepicker table tr td:first-child a.ui-state-active { color: #1aa2c0;;}

.ui-datepicker-today a.ui-state-highlight { background:#fff url("../images/decoDot1.png") no-repeat 99% 2px; color: #32badc; font-weight: 500}


.ui-datepicker th{padding:.7em .3em;text-align:center;border:0}
.ui-datepicker table td { border: solid 1px #ededed}
.ui-datepicker td span,.ui-datepicker td a{display:block;text-align:right;text-decoration:none; padding:5px}
.ui-datepicker .ui-datepicker-buttonpane{padding:0 0 2px 0; border:0 none; position: relative;}
.ui-datepicker .ui-datepicker-buttonpane button{margin:0 2px 0 0;padding:0px 5px; border:none; font-size: 14px ; height:28px;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-clear,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{ width: 28px; border:solid 1px #ddd; background: #fff url(../images/btnCalendar3.png) no-repeat -1px -1px;font-size: 0; position: absolute;right: 28px;top: 0; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {background-position:-29px -1px}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-clear:hover,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-clear:focus { border-color:#1aa2c0; background-position: -1px -29px}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {right: -2px;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:focus { border-color:#1aa2c0; background-position:-29px -29px}

.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}
.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis; color:#fff; font-size:16px; font-weight:400;}
.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}
.popup_10 .ui-dialog .ui-dialog-buttonpane { padding:0}
.ui-draggable{position: fixed}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:12px; font-weight:normal;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:12px; font-weight:normal;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}
.ui-draggable > .ui-dialog-titlebar{cursor:move;}/* RECEIPT-4380 팝업 마우스 커서 수정 */
.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}
.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}
.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}
.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}
.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:600px}
.ui-widget .ui-widget{font-size:15px; font-weight:normal}
.ui-widget-content{border:1px solid #aaa;background:#fff;}
.ui-widget-header{border:1px solid #2c4359;background:#35414f;color:#e1e463}
/* .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header.ui-state-default{ background: #fff; 마크에디터에서 안보이는 문제로 주석처리 color:#777} */
.ui-state-default a,.ui-state-default a:link,.ui-state-default,
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background:#32badc ;color:#fff}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}

.ui-state-default span.ui-button-text { color: #fff}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-datepicker-calendar tr td a.ui-state-default:focus,
.ui-datepicker-calendar tr td a.ui-state-default:hover,

.ui-widget-header .ui-state-active,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{background:#32badc ;color:#fff}

.ui-datepicker .ui-datepicker-calendar a.ui-state-default{ background: #fff}

.ui-datepicker .ui-datepicker-today a.ui-state-default { background-color: #f6f6f6; font-weight: 700; color: #333}
.ui-datepicker .ui-datepicker-current-day a.ui-state-default{ background: #f6f6f6 url("../images/decoDot30.png") no-repeat 5px 5px; color: #1aa2c0}


.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ff6b7f;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-widget-header
.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}
.ui-widget-overlay{background:#33b3d3;opacity:.8;filter:Alpha(Opacity=80)}
.ui-widget-shadow{margin:8px 0 0 8px;padding:10px;background:#33b3d3;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
.ui-datepicker-trigger {padding:2px 5px 3px 5px; margin-left:-2px;vertical-align: middle;cursor: pointer; border-radius:0 3px 3px 0 }

.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px; background:#32badc url(../../resources/images/icon_close1.png) center 0 no-repeat; border:#19a5c7 solid 1px}
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog .ui-dialog-titlebar-close:focus { background:#19a5c7 url(../../resources/images/icon_close1.png) center -20px no-repeat; border:#19a5c7 solid 1px}

.ui-datepicker-calendar thead th { background:#ddd}
.ui-datepicker select { height: 28px; border:none}
.ui-datepicker select:hover,
.ui-datepicker select:focus { border:none}

/* tooltip */
.ui-tooltip, .arrow:after {}
.ui-tooltip {padding: 10px 14px;color: #666;border-radius: 2px; text-transform: uppercase; line-height: 1.4em; box-shadow:0 2px 3px rgba(0,0,0,0.15); border:solid 1px #ccc; border-radius: 3px}
.arrow {width: 70px;height: 16px;overflow: hidden;position: absolute;left: 50%;margin-left: -35px;bottom: -16px;}
.arrow.top {top: -16px;bottom: auto}
.arrow.left {left: 20%}
.arrow:after {content: "";position: absolute;left: 20px;top: -20px;width: 25px;height: 25px;box-shadow: 6px 5px 9px -9px black;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.arrow.top:after {bottom: -20px;top: auto}

label[for="user_birthday_Year"],
label[for="user_birthday_Month"],
label[for="user_birthday_Date"] { margin:0 18px 0 0; }

#user_SmsRiciveYn,
#Auto_Control_No,
#otherLibDataImportYn {margin:0 -28px 0 20px;}

/* DIALOG 용 dummyDate설정 2016-02-04 김경태 추가 */
.dummyDate{opacity: 0; position: absolute; top: 0; left: 0; width: 1px; height: 1px;}

/* 통합검색 결과 */
.lill_o {color:#169dbf}
.lill_x {color:red;font-weight:500;}
h1 #search_logo { width: 185px; height:41px; display:block; background:url(../../resources/images/h1.png) no-repeat 0 3px; overflow:hidden; text-indent:-9999px}

.serach_result_window h1#home{ float: left; border:none; margin: 0}
.serach_result_window h2.lib_name { top:13px; left: 180px}
body.popup_10 #content_search { margin: 0 auto 15px auto; padding:30px 3% 20px}

.view_type { vertical-align: middle; padding:0 10px 0 0; margin: 0 0px 15px 0; text-align:right;}
.view_type input { width: 70px; height:38px; overflow: hidden; text-indent: -9999px; border:solid 2px #cbcbcb; background: #f3f3f3 url(../../resources/images/icon_view_select.png) no-repeat 0 0; vertical-align: middle; border-radius:2px }
.view_type input.view_type_cover { background-position: right 0;}
.view_type input:hover,
.view_type input:focus,
.view_type input.on {background-color: #f3f3f3 ; background-image:url(../../resources/images/icon_view_select.png); border-color:#3abad9}

/* border-right:1px solid #ccc */
/* 인기검색어 상세페이지 */
.stastics_table h4 { font-size:23px; font-weight:normal}
.stastics_table h4 span.org_div {}
.stastics_table h4 span.state_due:before {display:inline-block; margin:0 12px -2px 9px; content:""; width:1px; height:18px; background:#ddd;}
.stastics_table .d10 button.ui-datepicker-trigger{background:#6b9bc8 url(../images/btn_calendar.png) no-repeat center center; border:none;  font-size:1px; color:#4d83b5; width:45px; height:33px; vertical-align:middle }
.stastics_table .d10 button.ui-datepicker-trigger:hover,
.stastics_table .d10 button.ui-datepicker-trigger:focus {background-color:#4d83b5}


.loanRe_L input[type="text"].hasDatepicker:disabled { cursor:inherit; opacity: 0.5}

.stastics_table ol { border-top: #8e8e8e solid 1px; font-size:14px; margin:15px 0 0 0}

.stastics_table li {display:block; border-bottom:#ddd solid 1px; background:#fff; overflow:hidden}
.stastics_table li span.no, .stastics_table li span.type, .stastics_table li strong.book_title, .stastics_table li span.hit, .stastics_table li span.no_result
{ display:block; width:20%; float:left; padding:12px 0}

/* 문화가있는날 1904 */
.culture_day #klaslogoImg { display: none}
.culture_day h1#home a {background:url(../../resources/images/h1_cultureday.png) no-repeat ; background-size: contain; height: 46px}
.culture_day .loanRe_L .table_10 th { background: #d12149 }
.culture_day .loanRe_L .table_10 td { background: #ef3e61 }
.culture_day .loanRe_L > div.searchBg { background: #b09096}
.culture_day .loanRe_L .table_10 th,
.culture_day .loanRe_L .table_10 td {border-color:#b03954}

/* .culture_day .loanRe_L .ui-datepicker-trigger,
 */
.culture_day .searchBg input[type="button"] {background-color: #666 !important}
.culture_day .searchBg input[type="button"] { border:solid 1px #555 }

.culture_day .h1CultureDay { display: inline-block;}

body.culture_day .gnb_wrap,
body.busan.culture_day .gnb_wrap {background-image: url(../images/gnbBorder21_cultureDay.gif);}

body.culture_day.sub_01 li.nav01>a>span,
body.culture_day.sub_02 li.nav02>a>span,
body.culture_day.sub_03 li.nav03>a>span,
body.culture_day.sub_04 li.nav04>a>span,
body.culture_day.sub_05 li.nav05>a>span,
body.culture_day.sub_06 li.nav06>a>span,
body.culture_day.sub_07 li.nav07>a>span,
body.culture_day.sub_08 li.nav08>a>span,
body.culture_day.sub_09 li.nav09>a>span,
body.culture_day.sub_10 li.nav10>a>span,
body.culture_day.sub_11 li.nav11>a>span,
body.culture_day.sub_12 li.nav12>a>span {border-bottom: solid 2px #ffd33c; color:#ffd33c}

body.culture_day .vNav li a:hover span,
body.culture_day .vNav li a:focus span {color:#f9b718}

body.culture_day input[type="button"].btnTopSearch,
body.culture_day input[type="button"].btnTopSearchPopup { background-color: #666 !important}
body.culture_day input[type="button"].btnTopSearch:hover,
body.culture_day input[type="button"].btnTopSearch:focus,
body.culture_day input[type="button"].btnTopSearchPopup:hover,
body.culture_day input[type="button"].btnTopSearchPopup:focus { background-color:#555 !important}


body.busan.culture_day a.btn_more2,
body.busan.culture_day .btn_more1 a { background-color: #f43f68}
body.busan.culture_day a.btn_more2:hover,
body.busan.culture_day a.btn_more2:focus,
body.busan.culture_day .btn_more1 a:hover,
body.busan.culture_day .btn_more1 a:focus { background-color: #e73059}


/* common ---------------------------------------------------------- */
.hidden{ position: fixed; left:-9999px}
.floatL { float:left}
.floatR { float:right}
.gap50 { display: inline-block; width:50px;}

/* table */
.table {border-top: #505666 solid 1px}
.table.caption {border-top: none; }
.table.caption caption {border-bottom: #505666 solid 1px}
.table caption { color: #646c83; color:#ccc; font-size: 18px; text-align: left; padding: 12px 0; }
.table caption span { color: #7a839d}
.table caption.caption { background:none; padding: 30px 0 11px 0; text-indent: 0; border-bottom: #cacac9 solid 1px; }
.table caption.caption span{ background: #363844; color: #fff; font-size: 16px; padding: 6px 20px; border-radius: 16px 0 }

.table thead th { padding:16px 10px; color:#646c83; color:#7a839d; border-bottom:#505666 solid 1px ; background:#363c4e; line-height: 1.3em ; vertical-align: middle;}
.table tbody th,
.table tbody td { border-bottom:#474d5c solid 1px ; padding: 12px 8px;line-height: 1.2em; color: #ccc}
.table tbody th,
.table tbody .th {  font-weight: normal; color: #ccc; background:#363c4e;}
.table tbody th label {color: #777}
.table tbody .inputCheck,
.table tbody td.bookInfo { padding: 0 }
.table tbody td.no_data { text-align: center; }

.table td.title,
.table td.location,
table th.textL,
table td.textL,
.table td.textL,
.table td.writer,
.table td.msg_content { text-align: left }

/* 왼쪽 정렬인 테이블 */
.table10 tbody th,
.table10 tbody td { text-align: left; }


/* 가운데 정렬인 테이블 */
.table20 tbody th,
.table20 tbody td { text-align: center;}

/* tbody의 th 왼쪽, td는 가운데 정렬인 테이블 */
.table30 tbody th { text-align: left}
.table30 tbody td { text-align: center;}

/*  */
.table + .table { margin-top: 15px }

.pageNav { text-align: center; padding: 20px 0; font-size: 0}
.pageNav a,
.pageNav strong { display: inline-block; font-size:16px; height: 26px; width: 38px; padding: 12px 0 0; border: solid 1px #646c83; background: none; margin: 0 -1px 0 0;overflow: hidden; color: #7a839d }
.pageNav a.first,
.pageNav a.prev,
.pageNav a.next,
.pageNav a.last{ background: rgba(255,255,255,0.05) url(../images/btnPageNav.png) no-repeat 0 -161px; text-indent: -9999px;  }
.pageNav a.prev { background-position: 0 -201px }
.pageNav a.next { background-position: 0 -241px }
.pageNav a.last { background-position: 0 -281px }
.pageNav a.first:hover,
.pageNav a.first:focus,
.pageNav a.prev:hover,
.pageNav a.prev:focus,
.pageNav a.next:hover,
.pageNav a.next:focus,
.pageNav a.last:hover,
.pageNav a.last:focus { background-color:rgba(255,255,255,0) }

.pageNav a:hover,
.pageNav a:focus { color: #1aa2c0}
.pageNav a.on,
.pageNav strong { background: #252837 ; color: #1aa2c0 }

/* btn */
.btn {color:#aaa; color:#ccc; background: #646c83; font-size: 15px; border:#646c83 solid 1px; border-radius: 3px !important; margin:1px; padding: 0 20px; height:32px;  display: inline-block; font-weight: 400}
.btn.btnS { height: 26px }
br + .btn.btnS { margin: 6px 0 0 0 }
a.btn { padding:6px 20px 0 20px; height: 24px; }
.btn.on,
.btn:hover, .btn:focus
{color: #fff; background-color: #80879b ;border-color: #80879b}

.btn.on { color: #fff; background: #07aecf; border:#07aecf solid 1px }


.pri {background:#1aa2c0 !important; border-color:#1aa2c0 } /* 29c8e8 */
.pri:hover, .pri:focus {background-color:#3fd5f3 !important; border-color:#3fd5f3}/* #3fd5f3 */
.wrn {background:#ed8f14 !important}
.wrn:hover, .wrn:focus {background-color:#dc8b22 !important}
.dis { opacity: 0.5; cursor: default; }

.btn.btnSearch { width: 28px; background:#646c83 url("../images/btnSearch.png") no-repeat center ; font-size: 0}
a.btn.btnSearch { width: 0}
.btn.btnSearch:hover,
.btn.btnSearch:focus { background-color:#80879b; border-color: #80879b}
input[type="text"] + .btn.btnSearch { margin-left: -8px; border-radius:0 3px 3px 0}


input[type="button"].btnCalendar {color:#aaa; background: #646c83; font-size: 0; border:#646c83 solid 1px; border-radius: 3px !important; padding:0; margin:1px 0;  height:32px; width: 32px}

.datepicker {width: 120px}

/* checkbox / radio */

input[type="checkbox"] {  }
input[type="checkbox"] + label { color: #8e8e8e}
input[type="checkbox"] + label::before,
input[type="checkbox"]:checked + label::before { cursor: pointer; content:""; display:inline-block; width: 18px;height: 18px; background:#fff url("../images/bg_input.png") no-repeat 0 -30px; margin: 0 6px 3px -20px; margin-left:-21px; vertical-align: middle; border-radius: 3px }

input[type="checkbox"]:hover + label::before,
input[type="checkbox"]:focus + label::before {background-position: 0 -60px}
input[type="checkbox"]:hover + label,
input[type="checkbox"]:focus + label { color:#72BB6A }

input[type="checkbox"]:checked + label::before { background:#fff url("../images/bg_input.png") no-repeat 0 0;  }
input[type="checkbox"]:checked + label { color: #72BB6A }

input[type="checkbox"][disabled]:checked + label::before {background-position: 0 -120px; cursor: default;}
input[type="checkbox"][disabled] + label::before {background-position: 0 -90px; cursor: default;}



input[type="text"] + input[type="checkbox"] + label { margin-left: 30px}

input[type="checkbox"] + label + input[type="checkbox"],
input[type="radio"] + label + input[type="radio"],
select + label,
.btn + label,
input[type="text"] + label {margin-left:18px;}

input[type="radio"] + label::before,
input[type="radio"]:checked + label::before { cursor: pointer; content:""; display:inline-block; width: 18px;height: 18px; border-radius:9px; background:#fff url("../images/bg_input.png") no-repeat -30px -30px; margin: 0 6px 3px -21px; /*margin: 0 6px 2px -19px;*/ vertical-align: middle;  }

input[type="radio"]:hover + label::before,
input[type="radio"]:focus + label::before {background-position: -30px -60px;}
input[type="radio"]:hover + label,
input[type="radio"]:focus + label { color: #1aa2c0 }


input[type="radio"]:checked + label::before { background:#fff url("../images/bg_input.png") no-repeat -30px 0;  }
input[type="radio"]:checked + label { color: #1aa2c0 }

input[type="radio"][disabled]:checked + label::before {background-position:-30px -120px; cursor: default;}
input[type="radio"][disabled] + label::before {background-position:-30px -90px; cursor: default;}


label.hiddenLabel {font-size: 0}
input[type="checkbox"] + label.hiddenLabel:before { margin: 0 0 0 -21px}
input[type="radio"] + .hiddenLabel {vertical-align: top}


/* 다이얼로그 내부에 input radio 있을때 margin 값 변경한내역
.ui-dialog input[type="radio"] + label::before { margin: 0 6px 0px -22px }
*/
.ui-dialog input[type="radio"] + label::before, .ui-dialog input[type="radio"]:checked + label::before{width: 19px; height: 19px;}

/* input */
input,select { vertical-align:middle}
input[type="radio"],
input[type="radio"] + label { vertical-align: baseline;}
input, button{ cursor:pointer}

input[type="text"],
input[type="number"],
input[type="password"],
select,
textarea { font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; border: solid 2px #c7c7c7; color:#777; font-size:15px; border-radius: 3px; background: #fff; text-indent: 5px ; margin: 2px; height: 32px; line-height: 1em;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; vertical-align: middle;
 -webkit-appearance: none; /* 화살표 없애기 for chrome*/
 -moz-appearance: none;    /* 화살표 없애기 for firefox*/
 appearance: none;         /* 화살표 없애기 공통*/
}
select { padding:0 18px 0 6px;text-indent: 0; background:#fff url(../images/arrowDown.png) no-repeat 92% -21px; background-position:calc( 100% - 6px ) -21px; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight: 400; font-size: 14px;
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }
select:hover,
select:focus { background-position:92% 10px; background-position:calc(100% - 6px) 11px }

/* check, hover 스타일 설정 IE, Chrome */
select option {font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight: 400; font-size: 14px}
select option:checked,
select option:hover,
select option:focus { background:#f60; color: #fff; }

textarea { height: auto; }
input[type="text"]:hover,
input[type="password"]:hover,
select:hover,
textarea:hover,
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {border: solid 2px #1aa2c0; color: #333; }

input.zipCode { width: 70px;text-align: center;}
textarea#modify_Note {width: 100%;height: 60px;}
span.input_area{display: inline-block; margin-left: 16px;}

.newHeaderTable input[type="text"],
.newHeaderTable input[type="password"],
.newHeaderTable select,
.newHeaderTable textarea { border: solid 2px #e3e3e3}

input[type="button"].tooltip_bar {background: #9f9f9f;color: white;font-size: 12px; width: 15px;height: 15px;padding: 0;border-radius: 50%;border-style: none;}
div[role="tooltip"] .table_10 th,
div[role="tooltip"] .table_10 td { font-size: 13px;}
div[role="tooltip"] .table_10 .text { text-align: left;}
/* datepicker */
input[type="text"].hasDatepicker { width: 120px;}
img.ui-datepicker-trigger { margin-left: -37px;}

.input02, .width02 { width: 2% }
.input03, .width03 { width: 3% }
.input04, .width04 { width: 4% }
.input05, .width05 { width: 5% }
.input06, .width06 { width: 6% }
.input07, .width07 { width: 7% }
.input08, .width08 { width: 8% }
.input09, .width09 { width: 9% }
.input10, .width10 { width: 10% }
.input15, .width15 { width: 15% }
.input20, .width20 { width: 20% }
.input25, .width25 { width: 25% }
.input30, .width30 { width: 30% }
.input34, .width34 { width: 34% }
.input35, .width35 { width: 35% }
.input40, .width40 { width: 40% }
.input45, .width45 { width: 45% }
.input50, .width50 { width: 50% }
.input55, .width55 { width: 55% }
.input60, .width60 { width: 60% }
.input65, .width65 { width: 65% }
.input70, .width70 { width: 70% }
.input75, .width75 { width: 75% }
.input80, .width80 { width: 80% }
.input85, .width85 { width: 85% }
.input86, .width86 { width: 86% }
.input87, .width87 { width: 87% }
.input88, .width88 { width: 88% }
.input89, .width89 { width: 89% }
.input90, .width90 { width: 90% }
.input92, .width92 { width: 92% }
.input94, .width94 { width: 94% }
.input95, .width95 { width: 95% }
.input97, .width97 { width: 97% }
.input98, .width98 { width: 98% }
.input99, .width99 { width: 99% }

.width02,
.width03,
.width04,
.width05,
.width06,
.width07,
.width08,
.width09,
.width10,
.width15,
.width20,
.width25,
.width30,
.width34,
.width35,
.width40,
.width45,
.width50,
.width55,
.width60,
.width65,
.width70,
.width75,
.width80,
.width85,
.width86,
.width87,
.width88,
.width89,
.width90,
.width95,
.width98 { position: relative; margin: 0 auto }

.width02 { width: 2% }
.width03 { width: 3% }
.width04 { width: 4% }
.width05 { width: 5% }
.width06 { width: 6% }
.width07 { width: 7% }
.width08 { width: 8% }
.width09 { width: 9% }
.width10 { width: 10% }
.width15 { width: 15% }
.width20 { width: 20% }
.width25 { width: 25% }
.width30 { width: 30% }
.width34 { width: 34% }
.width35 { width: 35% }
.width40 { width: 40% }
.width45 { width: 45% }
.width50 { width: 50% }
.width55 { width: 55% }
.width60 { width: 60% }
.width65 { width: 65% }
.width70 { width: 70% }
.width75 { width: 75% }
.width80 { width: 80% }
.width85 { width: 85% }
.width86 { width: 86% }
.width87 { width: 87% }
.width88 { width: 88% }
.width89 { width: 89% }
.width90 { width: 90% }
.width95 { width: 95% }
.width98 { width: 98% }


.owl-carousel {
 display: none;
 width: 100%;
 -webkit-tap-highlight-color: transparent;  /* position relative and z-index fix webkit rendering fonts issue */
 position: relative;  z-index: -1; }
.owl-carousel .owl-stage {
 position: relative;    -ms-touch-action: pan-Y;    touch-action: manipulation;    -moz-backface-visibility: hidden;    /* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
 content: ".";    display: block;    clear: both;    visibility: hidden;    line-height: 0;    height: 0; }
.owl-carousel .owl-stage-outer {    position: relative;    overflow: hidden;    /* fix for flashing background */    -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {    position: relative;    min-height: 1px;    float: left;
 -webkit-backface-visibility: hidden;
 -webkit-tap-highlight-color: transparent;
 -webkit-touch-callout: none; }
.owl-carousel .owl-item img {
 display: block;
 width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
 display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
 cursor: pointer;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
 background: none;
 color: inherit;
 border: none;
 padding: 0 !important;
 font: inherit; }
.owl-carousel.owl-loaded {
 display: block; }
.owl-carousel.owl-loading {
 opacity: 0;
 display: block; }
.owl-carousel.owl-hidden {
 opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
 visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none; }
.owl-carousel.owl-grab {
 cursor: move;
 cursor: grab; }
.owl-carousel.owl-rtl {
 direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
 float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {  animation-duration: 1000ms;  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {  z-index: 0; }
.owl-carousel .owl-animated-out {  z-index: 1; }
.owl-carousel .fadeOut {  animation-name: fadeOut; }

@keyframes fadeOut {
 0% {
  opacity: 1; }
 100% {
  opacity: 0; } }

/* Owl Carousel - Auto Height Plugin */
.owl-height { transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item {
 /**
           This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
           calculation of the height of the owl-item that breaks page layouts
        */ }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease}
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn {
 opacity: 0;
 height: 100%;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
 position: relative;
 z-index: 1;
 height: 100%;
 width: 100%; }

.owl-nav.disabled + .owl-dots { position: absolute; bottom:0px; width: 100%; left: 0 }
.owl-dots {text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-dots .owl-dot {display: inline-block;zoom: 1;*display: inline; }
.owl-dots .owl-dot span {
 width: 10px;
 height: 10px;
 margin: 5px;
 background: #D6D6D6;
 display: block;
 -webkit-backface-visibility: visible;
 transition: opacity 200ms ease;
 border-radius: 30px; }
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span { background: #869791; }


@media screen and (max-width:1024px) {
 .container { width:100% /* ;width:95%; margin-left:2%; */}
 .cloned-header-container { width:100% }
 .quickMenu { display:none;}
}

@media screen and (min-width:1024px) {
 .env_setup { left:inherit; right:26px;}
 .container { width:98.5% /* ;width:95%; margin-left:2%; */}
 .cloned-header-container { width:98.5% }
 /* .main_wrap10,.main_wrap30,.main_wrap32,.main_wrap34,.main_wrap36,.main_wrap40,.main_wrap42,.main_wrap44
 ,.main_wrap46,.main_wrap50,.main_wrap52,.main_wrap60 { box-sizing:border-box;}
 .main_wrap10, .main_wrap34, .main_wrap36 { width: 49%;}
 .main_wrap30 { width:35% }
 .wrap32_disNon .main_wrap30 { width:50.5%;}
 .main_wrap32 { width:15%; left:35.5%;}
 .main_wrap40,.main_wrap42 { width:25%; }
 .main_wrap42 { left:25.5%;}
 .main_wrap44, .main_wrap46 { width:24.25%; }
 .main_wrap44 { left:51%;}
 .main_wrap46 { left: 75.75%;}
 .main_wrap50, .main_wrap52 { height:232px;}
 .main_wrap50 { width:50.5%;}
 .main_wrap52 { width:49%; left:51%;} */

 .no_userInfo { width:99%; box-sizing:border-box;}
}

@media screen and (min-width:1270px) {

 .calenderNav {/*  padding:12px 0 0 8% */}
 .content_head_10 input[type="text"], .content_head_10 select { margin: 1px 2px 0 2px }
 .content_head_11 input[type="text"], .content_head_11 select { margin: 1px 2px 0 2px }
 .headerTable1 table .th { padding-left: 16px;}

 .env_setup {/*  right:100px; */}
 .quickMenu { left:inherit; right:10px; margin:0;}

 .loanRe_R {/*  width:69.5%; */}
 .loanRe_L { /* width:30%; */}

 .fix-bottom .btn_area_42 { right:8%;}
 h5.libTransport10, h5.libTransport20 { height:31px; padding-top:99px; font-size:19px; width: 41%; background: url(../images/otherLoanReturn_icons.png) no-repeat center -457px; font-weight: normal; }
 h5.libTransport10 {background-position:  center -625px}
 a.libTransport11,
 a.libTransport15 { left: 35.5%}
 a.libTransport12,
 a.libTransport14 { left: 15%}
 a.libTransport21,
 a.libTransport25 { left: 59%}
 a.libTransport22,
 a.libTransport24 { left: 79.5%}


 /* 대출반납 */
 #loanReturn_reserveContorll_title.headerTable1 td{padding: 6px 8px}
 .btn_area_40 a, .btn_area_42 a, .btn_area_44 a, .btn_area_46 a,
 .btn_area_40 input[type="button"], .btn_area_42 input[type="button"], .btn_area_44 input[type="button"], .btn_area_46 input[type="button"] { /*padding:8px 24px*/ padding:8px 16px}

 .reactive_grid table th, .reactive_grid table td{word-break: keep-all;}

}
/* @media screen and (min-width:1300px) {
	.container { width:92%; }
	.main_wrap46 input[type="text"] {width:63%;}

	.loanRe_R { width:72.5%;}
	.loanRe_L { width:27%;}

	.fix-bottom .btn_area_42 { right:7%;}
}
@media screen and (min-width:1590px) {
	.sub_00 .content_wrap, .body_wrap { min-height:1004px;}
	.main_page2 { height:1038px;}
	.container { width:93%; margin-left:0.8%;}
	.head { margin-left:182px;}
	.main_wrap10, .main_wrap34, .main_wrap36 { width:41.5%;}
	.main_wrap30 { width:25%;}
	.wrap32_disNon .main_wrap30 { width:38.5%;}
	.main_wrap32 { width:13%; left:25.5%;}
	.main_wrap40 { width:19%; top:204px; height:284px; left:39%;}
	.main_wrap42,.main_wrap44,.main_wrap46 { width:19%; height:232px;}
	.main_wrap42 { left:0;}
	.main_wrap44 { left: 19.5%;}
	.main_wrap46 { left: 39%;}
	.main_wrap46 input[type="text"] {width:61.5%;}
	.main_wrap46 textarea { height:118px;}
	.main_wrap50 { width:41.5%; top:496px; left:58.5%;}
   	.main_wrap52 { width:38.5%; left:0; top:736px; height:300px;}
   	.main_wrap52 ul { padding-top:64px;}
   	.main_wrap60 { width:61%; left:39%; top:736px;}

   	.loanRe_R { width:77.5%;}
	.loanRe_L { width:22%;}

	.fix-bottom .btn_area_42 { right:6.2%;}
	h5.libTransport10, h5.libTransport20 { width: 43.5%; font-weight: normal; }
	a.libTransport22,
	a.libTransport24 { left: 81.5%}
} */
@media screen and (min-width:1300px) {

 body.login h1 { height: 170px}
 .container { width:93%; width:calc( 100% - 100px ); margin-left:0.8%; margin-left:0; }
 .cloned-header-container { width:93%; width:calc( 100% - 100px ); margin-left:0.8%; margin-left:0;  }
 
 .quickMenu { display:block;}

 .loanRe_R { width:72.5%;width:calc( 100% - 340px )}
 .loanRe_L { /* width:27%; */}

 .fix-bottom .btn_area_42 { right:7%;}

 .btnLoginName { display: inline-block }
}
@media screen and (min-width:1590px) {

 .calenderNav {/*  padding:12px 0 0 0;  */text-align: center}

 form#searchForm {display: block; float: right; width: auto; height: auto; background: none; position: static; left:0; top:0; z-index:3000}
 form#searchForm .searchField { position: static; width:auto; display: inline-block; margin:0; background: #fff; border:none; border-radius: 0}
 input[type="button"].btnTopSearch { display: inline-block;}
 input[type="button"].btnTopSearchPopup { display: none }

 .selectLib input[type="button"].btnSelectLib { background-color: #f9f9f9}
 .selectSearch input[type="button"].btnSelectSearch { background-color: #ECECEC;border-left: 1px solid #e0e0e0;}

 /* .sub_00 .content_wrap, .body_wrap { min-height:1004px;} */
 .main_page2 { height:1373px;}
 .container { width:94%;width:calc( 100% - 100px ); margin-left:0.8%; margin-left:10px;}
 .cloned-header-container { width:94%;width:calc( 100% - 100px ); margin-left:0.8%; margin-left:10px; }

 .fix-bottom .btn_area_42 { right:6.2%;}
 h5.libTransport10, h5.libTransport20 { width: 43.5%; font-weight: normal; }
 a.libTransport22,
 a.libTransport24 { left: 81.5%}
}
@media screen and (min-width:1700px) {
 .head {display: inline-block;}
}
@media screen and (min-width:1900px) {
 .container { width:94.5%;}
 .cloned-header-container { width:94.5% }
 /* .main_wrap10, .main_wrap34, .main_wrap36 { width:36%;}
 .main_wrap30 { width:19%;}
 .wrap32_disNon .main_wrap30 { width:30.5%;}
 .main_wrap32 { width:11%; left:19.5%;}
 .main_wrap40 { width:16%; left:31%;}
 .main_wrap42 { left:47.5%; top:220px; height:284px; width:16%;}
 .main_wrap44, .main_wrap46 {width:15%;}
 .main_wrap44 {left: 0;}
 .main_wrap46 { left: 15.5%;}
 .main_wrap46 input[type="text"] {width:61%;}
 .main_wrap50 { width:32.5%; left:31%;}
 .main_wrap52 { width:36%; left:64%; top:516px; height:232px;}
 .main_wrap52 ul { padding-top:0px;}
 .main_wrap60 { width:100%; left:0;} */


 .fix-bottom .btn_area_42 { right:5.2%;}

 .directionBar.bar10_11 {left:25%}
 .directionBar.bar12_2 {right:10%}
 .directionBar.bar11_2 {left:10%;}
 .directionBar.bar20_22 {left:60%;}
}

/*table drag width size custom*/
.grip{
 width:20px;
 height:15px;
 margin-top:23px;
 position:relative;
 z-index:88;
 cursor:e-resize;}
.grip:hover{
 background-position-x:-20px;
}
.JCLRLastGrip .grip{
 background-position-y:-18px;
 left:-2px;
}

.dragging .grip{
 background-position-x:-40px;
}

.sampleText{
 position:relative;
 width:100%;
}

.dotted{
 background-image:url('../images/dotted.png');
 background-repeat:repeat-y;
}

html { scrollbar-arrow-color: #efefef;

 scrollbar-Track-Color: #efefef;
 scrollbar-base-color: #dfdfdf;

 scrollbar-Face-Color: #dfdfdf;

 scrollbar-3dLight-Color: #dfdfdf;
 scrollbar-DarkShadow-Color: #dfdfdf;

 scrollbar-Highlight-Color: #dfdfdf;

 scrollbar-Shadow-Color: #dfdfdf}
/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {display: block; width: 8px;height: 8px; background:rgba(0,0,0,.05)}/* url(../images/scrollbarL.gif) no-repeat 0 0; */
::-webkit-scrollbar-button:end:increment {background:rgba(0,0,0,.05)}/*  url(../images/scrollbarR.gif) no-repeat 0 0; */
::-webkit-scrollbar-track {     background: rgba(0,0,0,.05) }
::-webkit-scrollbar-thumb {  background:rgba(0,0,0,.2) ; border-radius:4px  }
/* ------------------------------------------------------------ */
.verti_b{vertical-align:baseline;}

/*cn design*/
body.cn.login{background-color:#f6f6f6}
body.cn.login h1{ background-image: url(../images/h1_CN.png); background-size:240px}
body.cn.login .h1:before { display: inline; content: "cn"; font-size: 0}
body.cn.login h2{ background: #fe9032; }
body.cn.login h3{ color: #607d8b; }

/* body.cn .vNav li a:hover span, .vNav li a:focus span {color: #006078;}
body.cn .vNav li a:hover span, .vNav li a:focus span {color: #006078;} */

body.cn .footer_wrap .bi { right: 0; left:inherit; background: url(../images/h1_CN.png) no-repeat 0 0 / contain;}
body.cn.login .footer_wrap .bi {background: url(../images/h6_CN.svg) no-repeat 0 0; width:156px; height: 39px;}
body.cn .footer_wrap .company { font-size:15px ; color:#d0d0d0; padding:0 0 17px 0}
body.cn .foot_info { float:left }
body.cn.login .foot_info { float:none }
body.cn .footerInfo { position: relative; padding:0 100px 0}
body.cn.login .footerInfo { padding: 0; float: none}
body.cn .footerInfo .ci2 { display: none; }

body.cn input.quickMenuSetup,
body.cn input.quickMenuSetup:hover,
body.cn input.quickMenuSetup:focus { background-color:#fff}

body.cn .gnb_wrap { background-image: none; background-color:#ff8a1b; }

body.cn input[type="text"]:hover,
body.cn input[type="password"]:hover,
body.cn select:hover,
body.cn textarea:hover,
body.cn input[type="text"]:focus,
body.cn input[type="password"]:focus,
body.cn select:focus,
body.cn textarea:focus{border-color:#ff8d21}

body.cn input[type="text"]:hover,
body.cn input[type="password"]:hover,
body.cn select:hover,
body.cn textarea:hover,
body.cn input[type="text"]:focus,
body.cn input[type="password"]:focus,
body.cn select:focus,
body.cn textarea:focus{border-color:#ff7f3a}

body.cn .owl-item div.mainBg1 { background-image:url(../images/mainBg1copas.jpg)}
body.cn .owl-item div.mainBg2 { background-image:url(../images/mainBg2copas.jpg)}
body.cn .owl-item div.mainBg3 { background-image:url(../images/mainBg3copas.jpg)}
body.cn .owl-item div.mainBg4 { background-image:url(../images/mainBg4.jpg)}

body.cn .vNav li a:hover span,
body.cn .vNav li a:focus span {color:#832800;}
body.cn.sub_01 li.nav01>a>span,
body.cn.sub_02 li.nav02>a>span,
body.cn.sub_03 li.nav03>a>span,
body.cn.sub_04 li.nav04>a>span,
body.cn.sub_05 li.nav05>a>span,
body.cn.sub_06 li.nav06>a>span,
body.cn.sub_07 li.nav07>a>span,
body.cn.sub_08 li.nav08>a>span,
body.cn.sub_09 li.nav09>a>span,
body.cn.sub_10 li.nav10>a>span,
body.cn.sub_11 li.nav11>a>span,
body.cn.sub_12 li.nav12>a>span {color:#832800; padding:6px 0; border-bottom: solid 3px #832800}

/*팝업로고변경*/
body.cn h1 #search_logo { width: 140px; height:33px; display:block; background:url(../../resources/images/h1_CN.png) no-repeat 0 0 / contain; overflow:hidden; text-indent:-9999px}
body.cn h2.lib_name{left: 144px;}
body.cn .header_wrap{ padding-top:12px; background-image: none; border-top: 7px solid #ff821e;}



/* ============================================ mcms design ============================================ */
/* login */
body.mcms.login{background-color:#f9f9f9;}
body.mcms.login h1{ background-image: url(../images/h1_MCMS.png);}
body.mcms.login h2{ background: #004E97; font-weight: 500; font-size: 30px;}
body.mcms.login h3{ color: #003A70;}
body.mcms.login .h1:before { display: inline; content: "법원도서관"; font-size: 0}
body.mcms.login .footer_wrap .bi {background: url(../images/h6_MCMS.png) no-repeat 0 0; width:166px; height: 43px;}
body.mcms .header_wrap{ padding-top:46px; background-image: none; border-top: 6px solid #d7dded;}
body.mcms .footerInfo .ci2 {display: none;}
body.mcms .footer_wrap .bi{top:-6px; width:106px; height: 28px; background:url(../images/h6_MCMS.png) 0 0 / 106px no-repeat;}


/* main */
body.mcms .gnb_wrap{background-image:none; background-color:#004E97;}
body.mcms .owl-item div.mainBg1 {background-image:url(../images/mainBg1mcms.png)}
body.mcms .owl-item div.mainBg2 {background-image:url(../images/mainBg2mcms.png)}
body.mcms .owl-item div.mainBg3 {background-image:url(../images/mainBg3mcms.png)}
body.mcms .owl-item div.mainBg4 {background-image:url(../images/mainBg4mcms.png)}
body.mcms .main_wrap10{background: rgba(69,73,82,.8);}


/* common */
body.mcms input[type="text"]:hover,
body.mcms input[type="password"]:hover,
body.mcms select:hover,
body.mcms textarea:hover,
body.mcms input[type="text"]:focus,
body.mcms input[type="password"]:focus,
body.mcms select:focus,
body.mcms textarea:focus{border-color:#004E97;}

body.mcms input[type="text"]:hover,
body.mcms input[type="password"]:hover,
body.mcms select:hover,
body.mcms textarea:hover,
body.mcms input[type="text"]:focus,
body.mcms input[type="password"]:focus,
body.mcms select:focus,
body.mcms textarea:focus{border-color:#004E97;}

body.mcms .vNav li a:hover span,
body.mcms .vNav li a:focus span {color:#ffca60;}
body.mcms.sub_01 li.nav01>a>span,
body.mcms.sub_02 li.nav02>a>span,
body.mcms.sub_03 li.nav03>a>span,
body.mcms.sub_04 li.nav04>a>span,
body.mcms.sub_05 li.nav05>a>span,
body.mcms.sub_06 li.nav06>a>span,
body.mcms.sub_07 li.nav07>a>span,
body.mcms.sub_08 li.nav08>a>span,
body.mcms.sub_09 li.nav09>a>span,
body.mcms.sub_10 li.nav10>a>span,
body.mcms.sub_11 li.nav11>a>span,
body.mcms.sub_12 li.nav12>a>span {color:#ffca60; padding:6px 0; border-bottom: solid 3px #ffca60; font-weight: 500;}

body.mcms .quickMenu h6{color: #004e97; font-weight: 500;}
body.mcms a:hover, body.mcms a:focus {color:#f7ae1d;}
body.mcms input[type="button"].btnTopSearch, body.mcms input[type="button"].btnTopSearchPopup{background-color:#585858 !important;}
body.mcms .header{background: #fff;}
body.mcms .selectLib input[type="button"].btnSelectLib{background-color:#fff;}
body.mcms .selectSearch input[type="button"].btnSelectSearch{background-color:#fff;}

/* 팝업로고변경 */
body.mcms h1 #search_logo {
 width: 136px;
 height: 43px;
 display: block;
 background: url(../images/h1_logo_mcms.png) 0 0 no-repeat;
 overflow: hidden;
 text-indent: -9999px;
}
body.mcms h2.lib_name{top:22px; left: 220px;}
body.mcms.popup_10 .header_wrap{height: 80px !important; padding-top: 0;}





/* 그리드설정 변경 다이얼로그 */
#grid_mng_div{padding: 30px; box-sizing: border-box;}
#gridSettingChange h1{font-size: 20px; margin-bottom: 20px;}
#gridSettingChange h1 > p {
 font-size: 15px;
 font-weight: normal;
 padding-top: 10px;
 color: #666;
}
/*#grid_setting_tooltip h2 {*/
/* font-weight: 700;*/
/* font-size: 18px;*/
/* padding-bottom: 3px;*/
/*}*/
#grid_setting_tooltip ul {
 /*margin-bottom: 20px;*/
 background-color: #f4f4f4;
 border-radius: 10px;
 padding: 15px;
}
#grid_setting_tooltip p {
 margin-bottom: 10px;
}
#grid_setting_tooltip ul li {
 padding: 2px 0;
}
#grid_setting_tooltip ul li:before {
 content: "";
 display: inline-block;
 background-color: #333;
 width: 4px;
 height: 4px;
 border-radius: 5px;
 margin: 3px 7px;
}
/*#gridSettingChange ul {*/
/* margin-bottom: 20px;*/
/* background-color: #f4f4f4;*/
/* border-radius: 10px;*/
/* padding: 15px;*/
/*}*/
/*#gridSettingChange ul li {*/
/* padding: 2px 0;*/
/*}*/
/*#gridSettingChange ul li:before {*/
/* content: "";*/
/* display: inline-block;*/
/* background-color: #333;*/
/* width: 4px;*/
/* height: 4px;*/
/* border-radius: 5px;*/
/* margin: 3px 7px;*/
/*}*/
#gridSettingChange .container {
 max-width: inherit;
 min-width: inherit;
 padding: 0;
 width: 100%;
 margin-left: 0;
}
#gridSettingChange .container .history_wrap {
 float: left;
 width: 100%;
 margin-right: 20px;
}
#gridSettingChange .history_table{width: 100%; overflow: auto;}
#gridSettingChange table caption{display: none;}

#gridSettingChange .container .grid_column {
 width: auto;
 overflow-y: scroll;
 border: 1px solid #ddd;
 padding: 10px;
 background-color: #fff;
 border-radius: 3px;
}

#gridSettingChange .container .history_wrap .btn{color: #fff; font-size: 20px;}
#gridSettingChange .container .grid_column td {
 padding: 3px 0;
}
#gridSettingChange .area_btn {
 margin: 0 auto;
 text-align: center;
 margin-bottom: 10px;
 padding: 5px 0;
 background-color: #eef0f5;
 border-radius: 10px;
}

#gridSettingTbody {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}

.gridSettingRadio {
 margin: 0 10px;
}

.dialogWrap {
 position: relative;
}
.dialogWrap .dialog_container .box_detail {
 margin-bottom: 10px;
}
.dialogWrap .dialog_container .input_box {
 padding-right: 60px;
}
.dialogWrap .dialog_container .input_box input[type=text] {
 width: 100%;
}
.dialogWrap .dialog_container:after {
 content: "";
 clear: both;
 display: block;
}

.hidden_label{font-size:0;}

.outgoing_number:read-only {background:#f2f2f2; color:#888;}
.outgoing_number:read-only::placeholder { color: transparent; }

.inqInfoHead.th-focus { background: #646c83; color: white; }

/*mcms 법원도서관 - 메인 3열 2행*/
.mcms .main_wrap30{ width: 35%;}
.mcms .main_wrap30 h4{font-size: 16px; font-weight: 500; margin: 18px 18px 0 18px; padding: 0 0 12px 0; border-bottom: solid 1px #ebebeb; color: #626262;}
.mcms .main_wrap44{ top:220px; left:35.5%; width:28%; height: 284px;}
.mcms .main_wrap34, .mcms .main_wrap36{width: 36%;}
.mcms .main_wrap60{ top:516px;  height:230px;  left:0;  width: 100%; }
.mcms.sub_00 .content_wrap, .mcms .main_page2{ min-height:740px; height: auto;}
.mcms .main_wrap60 .btn_more1 a{ left: 100px; top:19px;}

.selfLoan-ui-dialog{background: rgba(0, 45, 55, 0.8);border: 1px solid #DADADA;border-radius: 20px;max-width: 999px;width: 100%;height: 612px;padding:129px 45px 55px 45px;transform: translateY(-11%);}
.self_modal{text-align: center;}
.self_modal .selfPop_txt{font-weight: 500;font-size: 38px;color: #FFFFFF;line-height: 55px; margin-top: 35px;}
.self_modal .selfPop_txt span{color: #8888FF;display: inline-block;vertical-align: bottom;}
.self_modal .sub_txt{color: rgba(255, 255, 255, 0.8);font-weight: 400;font-size: 18px;line-height: 48px;}
.self_modal .escBox{width: 908px;height: 96px;margin-top: 65px; background: rgba(0, 45, 55, 0.7);border-radius: 20px; display: flex; align-items: center; justify-content: center; align-content: center;font-weight: 400;font-size: 18px;}
.self_modal .escBox::before{content: '';display: block;width:57px;height:57px;background: url('../images/ico_esc.png') center no-repeat;}
.self_modal .escBox p {font-weight: 400;color: rgba(255, 255, 255, 0.8);font-size: 18px;margin-left: 8px;}




/* K.GPT */
.quickMenu li.kdotgptMenu.beta {position: relative;}
.quickMenu li.kdotgptMenu.beta a{padding-top: 38px; padding-bottom: 2px; margin:0 auto ; background: url('../images/GPT_logo.png') center 25px no-repeat;background-size: contain;}
.quickMenu li.kdotgptMenu.beta::before{content: ''; display: block;width: 33px; height: 18px;position: absolute;top:4px;left: -12px;background: url('../images/beta_labe.png') center no-repeat;  }

.quickMenu li.kdotgptMenu a{font-size: 0;width: 50px;height: 17px;    background: url('../images/GPT_logo.png') center center no-repeat;background-size: contain; margin: 0 auto ;}
.popGtp * {box-sizing: border-box;font-family: 'Noto Sans';}
.popGtp {position: absolute;top:135px;right: 100px; box-sizing: border-box;z-index: 3000;}
.popGtp .slick-arrow{display: none !important;}
.popGtp .pop_box{width: 1024px;background: #FFFBF6;border-radius: 10px; overflow: hidden; box-shadow: -6px 6px 16px 4px rgba(0, 0, 0, 0.2);box-sizing: border-box;position: relative;}
.popGtp .popTop{color: #fff; letter-spacing: -0.01em;font-size: 50px;background: linear-gradient(114.85deg, #48A490 0%, #97E3C4 108%, #BEF5DA 136.42%);}
.popGtp .popTop .popTop_con{padding: 28px 40px;background: url(../images/gtpTop_bg.png) 98% 84px no-repeat;    line-height: 1.1;}
.popGtp .popTop .popTop_con p span{font-family: 'Univers LT Std';font-size: 80px;}
.popGtp .popHeader{width: 100%;height: 40px;display: flex; justify-content: flex-end;background: linear-gradient(134.85deg, #48A490 0%, #66BCA4 69.19%, #97E3C4 105.17%, #BEF5DA 132.85%); text-align: right; border: 0;}
.popGtp .popHeader .btn_close{border: 0; width: 20px;height: 20px;padding: 10px 20px; background:url(../images/ic_close.png) no-repeat center center;}
.popGtp .popHeader .btn_close span{text-indent: 999999999999px;font-size: 0;}
.popGtp  .title{font-size: 30px; font-weight: 700;margin-bottom: 30px;}
.popGtp  .popContainer{height: 550px;padding: 40px; box-sizing: border-box;overflow-y: auto;    position: relative; }
.popGtp  .popContainer .accssterms{width: 100%; height: 238px;background: #FFFFFF; border: 1px solid #EAEAEA;padding: 20px;margin-bottom: 30px; overflow-y: auto;box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.04);border-radius: 6px;}
.popGtp  .popContainer .accssterms p{font-size: 16px;font-weight: bold;color: #484E58;}
.popGtp  .popContainer .accssterms ul{font-size: 15px; line-height:1.86;letter-spacing: -0.025em;margin-top: 14px; font-weight: 400; color: #565656;}
.popGtp  .popContainer .accssterms ul + p {margin-top:40px ;}
.popGtp  .popContainer .btn{font-size: 16px;font-weight: 500;line-height: 1; display: block; margin: 0 auto; background: #247673;height: 52px;box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.05);color: #FFFFFF;letter-spacing: -0.01em;}
.popGtp  .popContainer .btn::after{content: ''; display: inline-block;width:30px;height: 24px;position: relative;left:0; background: url('../images/ic_Arrow.png') center center  no-repeat; vertical-align: middle; margin-left: 13px;}
.popGtp  .popContainer .btn:hover::after{animation: 0.5s linear alternate infinite btnArr;}
.popGtp  .popContainer .msg{font-size: 14px;margin-top:40px;letter-spacing: -0.025em;line-height: 20px;color: #787878; padding-left: 20px; text-indent: -10px;}
.popGtp  .popContainer .msg sup{color: #247673;}

.popGtp .popContainer .gptLogo{width: 100%;height: 86px;background: url('../images/GPT_logo.png') no-repeat center center;font-size: 0; text-indent: 999999999999px;}
.popGtp .popContainer .precautions{display:flex;flex-wrap: wrap; align-items: center;justify-content: center; align-content: center;padding: 15px 0;}
.popGtp .popContainer .precautions_con > p{font-size: 30px;font-weight: 700;color: #484E58; text-align: center;}
.popGtp .popContainer .precautions_con > p span{font-size: 36px;font-weight: 600;color: #48A490;font-family: 'Pretendard';position: relative;top: -3px;}
.popGtp .popContainer .precautions_con {margin-top: 42px;background-color: #fff;padding: 40px 30px;width: 510px;box-shadow: 5px 5px 6px rgba(166, 173, 184, 0.1);border-radius: 10px;}
.popGtp .popContainer .precautions_con ul {padding-top: 30px;margin-top:20px ;border-top: 1px solid #EAEAEA;}
.popGtp .popContainer .precautions_con ul li{position: relative; padding-left: 22px;color: #454545; font-size: 15px;letter-spacing: -0.025em;}
.popGtp .popContainer .precautions_con ul li + li {margin-top:17px;}
.popGtp .popContainer .precautions_con ul li::before{content: '';display: block; width: 16px;height: 16px; background: url('../images/ic_check.png') no-repeat center center;position: absolute; top:0;left: 0;}
.popGtp .popFooter {border-top: 1px solid #EAEAEA; padding: 0 30px 29px;}
.popGtp .popFooter .lineHelper {overflow: hidden;padding-top: 20px;margin-bottom: -5px;}
.popGtp .popFooter .lineHelper .btn_helpe{cursor: pointer;position: relative;z-index: 10; width:36px;height: 37px; float: left; margin-right: 10px; border: 0; background: url('../images/ico_question.png') no-repeat center center;font-size: 0; text-indent: 999999px;  }
.popGtp .popFooter .lineHelper .helperSlider{padding-bottom: 5px;}
.popGtp .popFooter .lineHelper .helperSlider li {cursor: pointer;color: #565656; padding: 13px 16px;transition:  all 0.3s; float: left; margin-bottom: 5px;border-radius: 40px;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);background: #FFFFFF;letter-spacing: -0.01em;letter-spacing: -0.01em;margin-right: 10px;}
.popGtp .popFooter .lineHelper .helperSlider li.on,
.popGtp .popFooter .lineHelper .helperSlider li:hover,
.popGtp .popFooter .lineHelper .helperSlider li:active {background: #E6F4EF;font-weight: 500;}
.popGtp .popFooter .questionBox{display: flex;padding-top: 15px;}
.popGtp .popFooter .questionBox .btn_clear { cursor: pointer; width:36px; height: 42px;margin-top: 3px; font-size: 0; text-indent: 9999px; background-color: transparent; border: 0; margin-right: 12px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.22747 33.2783C5.50234 34.0943 8.53934 34.5441 11.7788 34.5441C12.6562 34.5441 13.53 34.5099 14.3802 34.4431C16.7442 33.3716 18.6193 31.4461 19.632 29.0499C19.5757 28.9263 19.5631 28.7871 19.5961 28.6552L19.9568 27.2152C17.669 27.9142 14.815 28.2934 11.7788 28.2934C8.40501 28.2934 5.22439 27.8191 2.82302 26.9578C1.62434 26.5277 0.675068 26.0152 0 25.445V30.7066C0.000255546 31.592 1.20669 32.5534 3.22747 33.2783ZM1.97256 29.0202C2.49102 29.2754 3.02712 29.4927 3.57671 29.6706C4.33552 29.9218 3.93993 31.0677 3.20012 30.8148C2.59524 30.6189 2.00531 30.3792 1.43498 30.0977C0.732907 29.7454 1.26368 28.6592 1.97256 29.0202ZM14.0722 35.6726C13.3184 35.7223 12.5498 35.7487 11.7787 35.7487C8.40492 35.7487 5.22439 35.2744 2.82294 34.4131C1.62451 33.9832 0.675324 33.4709 0.000170596 32.9003V38.1623C0.000170596 39.0481 1.20661 40.0094 3.22738 40.7343C5.50234 41.5502 8.53934 42 11.7788 42C14.2994 42 16.7123 41.7248 18.7321 41.2159C18.4625 41.0491 17.9274 40.7202 17.711 40.5054C16.0921 39.247 14.8361 37.5789 14.0722 35.6726ZM3.20004 38.2713C2.59571 38.0741 2.00608 37.8342 1.43557 37.5534C0.709482 37.2099 1.25669 36.0907 1.97154 36.4752C2.49022 36.7305 3.02655 36.9479 3.57637 37.1259C4.3189 37.3741 3.95535 38.5206 3.20004 38.2713ZM12.0632 3.25335C13.0333 2.74441 14.7725 0.973289 15.2798 0C15.7869 0.97329 17.5259 2.74449 18.4958 3.2536C17.5258 3.76251 15.7866 5.53353 15.2792 6.50669C14.7721 5.53348 13.0331 3.76236 12.0632 3.25335ZM27.1112 7.1751C28.3678 6.56808 30.3291 3.59745 30.9343 2.33676C31.5394 3.59731 34.7569 7.17484 34.7569 7.17484C34.7569 7.17484 31.8681 10.1148 31.2632 11.3754C30.658 10.1148 28.3678 7.78205 27.1112 7.1751ZM3.22747 25.8221C5.50234 26.6381 8.53934 27.0879 11.7788 27.0879C14.9799 27.0879 18.0673 26.6303 20.3141 25.8278C20.5356 25.1591 20.9652 24.5794 21.5398 24.174C22.1143 23.7686 22.8033 23.5589 23.5055 23.5758C23.5396 23.4708 23.5572 23.361 23.5575 23.2505V17.9936C22.8822 18.5639 21.9331 19.0762 20.7346 19.5063C17.9711 20.4977 14.7057 20.842 11.7789 20.842C8.85213 20.842 5.58616 20.4972 2.82302 19.5063C1.62459 19.0764 0.675324 18.5641 0.000255731 17.9936V23.2501C0.000255731 24.1359 1.20669 25.0973 3.22747 25.8221ZM1.97222 21.5632C2.49087 21.818 3.02697 22.0354 3.57646 22.2136C4.3212 22.4615 3.95654 23.6091 3.1997 23.3588C2.59481 23.1623 2.00484 22.9222 1.43438 22.6405C0.722004 22.2836 1.26087 21.2069 1.97222 21.5632ZM0.000255731 15.7936C0.00502593 14.9125 1.21308 13.9543 3.23437 13.2297C5.51367 12.4121 8.5482 11.9619 11.7787 11.9619C15.0093 11.9619 18.0437 12.4118 20.3232 13.2294C22.3433 13.954 23.5512 14.9115 23.5571 15.7923C23.5529 16.6766 22.3475 17.636 20.33 18.3596C18.0551 19.1754 15.0185 19.6251 11.7786 19.6251C8.53874 19.6251 5.50217 19.1757 3.2273 18.3598C1.2112 17.6364 0.00587775 16.6777 0.000255731 15.7936ZM30.3777 16.7004C30.4984 16.7004 31.945 16.1068 31.945 18.1068C31.945 20.1068 30.3265 25.2136 30.3265 25.2136L28.7309 24.8112C28.8734 24.2755 30.3243 15.7004 30.3777 16.7004ZM35.9393 30.0124L35.4349 32.0264L20.9077 28.3641L21.4123 26.3501C21.5479 25.8171 21.888 25.3595 22.3584 25.0771C22.8289 24.7946 23.3915 24.7102 23.9237 24.8423L34.4352 27.4916C34.9666 27.6279 35.4236 27.9692 35.7051 28.4414C35.9867 28.9136 36.0709 29.4783 35.9393 30.0124ZM15.2447 35.3652C15.8968 36.923 16.9175 38.2979 18.2186 39.3706C19.4595 38.7763 20.5693 37.9387 21.4825 36.9072C21.5889 36.7897 21.7372 36.7191 21.8952 36.7107C22.0532 36.7023 22.2081 36.7567 22.3263 36.8622C22.4445 36.9678 22.5165 37.1158 22.5265 37.2742C22.5366 37.4326 22.484 37.5886 22.3801 37.7083C21.5055 38.6962 20.4682 39.5259 19.3135 40.1611C19.9221 40.5417 22.2628 41.745 22.8941 41.4642C24.7297 40.659 26.2934 39.3373 27.3959 37.6591C27.8267 37.005 28.8388 37.6536 28.3989 38.3233C27.4909 39.7049 26.2985 40.8753 24.9019 41.7557C27.329 41.7417 29.675 40.877 31.5338 39.3111C33.3927 37.7452 34.6475 35.5766 35.0812 33.1806L20.721 29.5599C19.6426 32.0874 17.7008 34.1459 15.2447 35.3652ZM22.9452 35.366C23.1045 35.366 23.2573 35.4295 23.37 35.5425C23.4827 35.6556 23.546 35.8089 23.546 35.9688C23.5437 36.1361 23.4775 36.2962 23.3609 36.4158C23.2442 36.5355 23.0862 36.6055 22.9195 36.6115C22.8405 36.612 22.7621 36.5968 22.6889 36.5667C22.6158 36.5366 22.5493 36.4922 22.4934 36.4361C22.4375 36.38 22.3933 36.3133 22.3633 36.24C22.3333 36.1666 22.3181 36.0879 22.3187 36.0086C22.3208 35.8412 22.3871 35.6811 22.5037 35.5614C22.6204 35.4418 22.7784 35.3718 22.9452 35.366Z' fill='%2348A490'/%3E%3C/svg%3E");}
.popGtp .popFooter .questionBox .btn_clear:hover{animation:0.8s ease alternate infinite clearAni;}
.popGtp .popFooter .questionBox .btn_clear:active{transform: scale(0.95);}
.popGtp .popFooter .questionBox .questionForm{width: 100%;}
.popGtp .popFooter .questionBox .questionForm_top {display: flex; gap:8px;}
.popGtp .popFooter .questionBox .questionForm_top .btn_queSubmit {cursor: pointer; overflow: hidden; width: 52px;height: 52px;position: relative; border-radius: 6px;background: linear-gradient(135deg, #48A490 0%, #97E3C4 94.01%, #BEF5DA 118.75%);border: 0;background: linear-gradient(135deg, #48A490 0%, #97E3C4 94.01%, #BEF5DA 118.75%);font-size: 0;text-indent: 999999px;}
.popGtp .popFooter .questionBox .questionForm_top .btn_queSubmit::after{content: '';display: block; transition: 0.3s; transform: rotate(0deg);width: 100%;height: 100%;position: absolute;top:0;left: 0; background: url("data:image/svg+xml,%3Csvg width='28' height='28'   viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.7769 1.22314C26.5614 1.00763 26.2382 0.941357 25.9554 1.0545L1.47884 10.845C1.19878 10.9571 1.01125 11.2238 1.00048 11.5253C0.989769 11.8267 1.15796 12.106 1.42933 12.2377L11.0812 16.9187L15.7623 26.5706C15.89 26.8339 16.1566 27 16.4475 27C16.4565 27 16.4656 26.9998 16.4747 26.9995C16.7761 26.9888 17.0429 26.8012 17.1549 26.5212L26.9455 2.04468C27.0586 1.76173 26.9924 1.43861 26.7769 1.22314ZM3.64537 11.6192L23.0756 3.84722L11.496 15.4267L3.64537 11.6192ZM16.3807 24.3546L12.5732 16.5039L24.1528 4.92439L16.3807 24.3546Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A") ;background-repeat: no-repeat;background-position: center center;}
.popGtp .popFooter .questionBox .questionForm_top .btn_queSubmit:hover::after{animation:0.5s linear alternate infinite flyAni;}
.popGtp .popFooter .questionBox .questionForm_top .btn_queSubmit:active{transform: scale(0.9);}
.popGtp .popFooter .questionBox .questionForm_top  .inp{width: 100%;height: 52px;margin: 0; border: 2px solid #CCCCCC;border-radius: 6px;font-size: 16px;padding: 18px 20px;}
.popGtp .popFooter .questionBox .questionForm_top  .inp:focus{border-color:#247673;outline-color:#247673;}
.popGtp .popFooter .questionBox .questionForm_bottom {display: flex; justify-content: space-between;align-items: center;margin-top: 10px;}
.popGtp .popFooter .questionBox .questionForm_bottom .translateBox{display: flex; gap: 4px; align-items: center;color: #565656;font-size: 14px;}
.popGtp .popFooter .questionBox .questionForm_bottom .btn_language{width: 75px;height: 32px;overflow: hidden; background: #FFFFFF;border: 1px solid #EAEAEA;border-radius: 3px; padding: 3px;position: relative;    display: flex; align-items: center; justify-content: space-between; flex: 1 1 auto;gap: 2px;}
.popGtp .popFooter .questionBox .questionForm_bottom .btn_language::after{content: ''; display: block;width: 34px;height: 26px;border-radius: 3px;background: #48A490;transition: all 0.3s; position: absolute;top:2px;left:2px; right: auto;z-index:5;}
.popGtp .popFooter .questionBox .questionForm_bottom .btn_language.ko::after{left: auto;right: 2px;background: #685E68;}
.popGtp .popFooter .questionBox .questionForm_bottom .btn_language span{font-size: 13px; width: 50%; font-weight: 500;color: #787878; display: inline-block;text-align: center; position: relative;z-index: 10;}
.popGtp .popFooter .questionBox .questionForm_bottom .btn_language span.on{ color: #FFFFFF;}
.popGtp .popFooter .questionBox .questionForm_bottom  .msg{letter-spacing: -0.01em;font-size: 13px;font-weight: 400;color: #787878;}

.popGtp .popContainer .userMsgBox{text-align: right; margin-bottom: 20px;}
.popGtp .popContainer .userMsg{background: #48A490;box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.06);border-radius: 6px;padding: 18px;color: #FFFFFF; display: inline-block;}
.popGtp .popContainer .gtpMsgBox{margin-bottom: 20px; position: relative;padding-left:60px;}
.popGtp .popContainer .gtpMsgBox .logo {position: absolute;top:0;left:0; display: inline-block;background:url('../images/klogo.png') no-repeat center center, #48A490; font-size: 0; text-indent: 9999px; border-radius: 6px 6px 0px 6px;width: 46px; height: 46px;}
.popGtp .popContainer .gtpMsgBox .msgBox{width: 100%;position: relative; background: #FFFFFF;border: 1px solid #EAEAEA;box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.04);border-radius: 6px;padding: 18px;}
.popGtp .popContainer .gtpMsgBox .msgBox + .msgBox{margin-top: 8px;}
.popGtp .popContainer .gtpMsgBox .msgBox p{letter-spacing: -0.01em;color: #565656;font-size: 15px;line-height: 28px;white-space: pre-line;}
.popGtp .popContainer .gtpMsgBox .msgBox p + .answer {margin-top:40px;}
.popGtp .popContainer .gtpMsgBox .msgBox .dot_list li{line-height: 22px; margin-bottom: 6px;color: #565656;padding-left: 20px;text-indent: -15px; }
.popGtp .popContainer .gtpMsgBox .msgBox .dot_list li::before{content: '';display: inline-block;width: 4px; height:4px;border-radius:50%;position: relative;top:-4px; margin-right: 7px; background-color: #565656;}
.popGtp .popContainer .gtpMsgBox .msgBox.loading{width: 97px;min-height: 46px; padding-top: 0; padding-bottom: 0;}
.popGtp .popContainer .gtpMsgBox .loadingBox {position: relative;width: 100%;height: 32px;}
.popGtp .popContainer .gtpMsgBox .loading span{ width: 10px;height: 10px; border-radius: 50%; position: absolute;bottom:0;background: #48A490; animation:0.8s cubic-bezier(0.86, 0.27, 0.72, 0.96) alternate infinite gtpLoading;}
.popGtp .popContainer .gtpMsgBox .loading span:nth-child(1){left: 0;}
.popGtp .popContainer .gtpMsgBox .loading span:nth-child(2){left: 23px; animation-delay: 0.2s;}
.popGtp .popContainer .gtpMsgBox .loading span:nth-child(3){left: 46px; animation-delay: 0.4s;}
.popGtp .popContainer .gtpMsgBox .inputBox{width: 100%;position: relative;padding-top: 10px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.popGtp .popContainer .gtpMsgBox .inputBox.inpOn{padding-top: 24px;}
.popGtp .popContainer .gtpMsgBox .inputBox .questionInput{position: relative; display: none;width: 100%;margin-top: 30px;}
.popGtp .popContainer .gtpMsgBox .inputBox input{ padding-right: 44px; width: 100%; height:50px;border: 2px solid #ccc;box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.05);border-radius: 6px; }
.popGtp .popContainer .gtpMsgBox .inputBox:focus-within input{border-color:#247673;outline-color: #247673;}
.popGtp .popContainer .gtpMsgBox .inputBox .btn_submit{ z-index: 10;width : 22px; height:22px ;position: absolute; top: 50%; right: 14px; transition: all 0.3s;  transform: translateY(-50%); font-size: 0;text-indent: 99999999px; border: 0; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.8112 1.18881C22.6289 1.00645 22.3554 0.950379 22.1161 1.04611L1.40517 9.33042C1.1682 9.42521 1.00952 9.65088 1.00041 9.90598C0.991343 10.161 1.13365 10.3974 1.36328 10.5088L9.53025 14.4697L13.4912 22.6367C13.5992 22.8595 13.8248 23 14.071 23C14.0786 23 14.0863 22.9999 14.094 22.9996C14.349 22.9905 14.5748 22.8318 14.6695 22.5948L22.9539 1.88396C23.0496 1.64454 22.9935 1.37113 22.8112 1.18881ZM3.23839 9.98552L19.6793 3.40918L9.88122 13.2072L3.23839 9.98552ZM14.0145 20.7616L10.7927 14.1187L20.5909 4.32064L14.0145 20.7616Z' fill='%23ccc' stroke='%23ccc' stroke-width='0.5'/%3E%3C/svg%3E "); background-position: center; background-repeat: no-repeat;}
.popGtp .popContainer .gtpMsgBox .inputBox .btn_submit:active{scale: 0.85;}
.popGtp .popContainer .gtpMsgBox .inputBox:focus-within .btn_submit{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.8112 1.18881C22.6289 1.00645 22.3554 0.950379 22.1161 1.04611L1.40517 9.33042C1.1682 9.42521 1.00952 9.65088 1.00041 9.90598C0.991343 10.161 1.13365 10.3974 1.36328 10.5088L9.53025 14.4697L13.4912 22.6367C13.5992 22.8595 13.8248 23 14.071 23C14.0786 23 14.0863 22.9999 14.094 22.9996C14.349 22.9905 14.5748 22.8318 14.6695 22.5948L22.9539 1.88396C23.0496 1.64454 22.9935 1.37113 22.8112 1.18881ZM3.23839 9.98552L19.6793 3.40918L9.88122 13.2072L3.23839 9.98552ZM14.0145 20.7616L10.7927 14.1187L20.5909 4.32064L14.0145 20.7616Z' fill='%23247673' stroke='%23247673' stroke-width='0.5'/%3E%3C/svg%3E ");}
.popGtp .popContainer .gtpMsgBox .inputBox .btn_question{ color: #247673;font-weight: 500;line-height: 1;padding: 6px 24px 6px 0;letter-spacing: -0.025em;border: 0; background-color: transparent;background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.8112 1.18881C22.6289 1.00645 22.3554 0.950379 22.1161 1.04611L1.40517 9.33042C1.1682 9.42521 1.00952 9.65088 1.00041 9.90598C0.991343 10.161 1.13365 10.3974 1.36328 10.5088L9.53025 14.4697L13.4912 22.6367C13.5992 22.8595 13.8248 23 14.071 23C14.0786 23 14.0863 22.9999 14.094 22.9996C14.349 22.9905 14.5748 22.8318 14.6695 22.5948L22.9539 1.88396C23.0496 1.64454 22.9935 1.37113 22.8112 1.18881ZM3.23839 9.98552L19.6793 3.40918L9.88122 13.2072L3.23839 9.98552ZM14.0145 20.7616L10.7927 14.1187L20.5909 4.32064L14.0145 20.7616Z' fill='%23247673' stroke='%23247673' stroke-width='0.5'/%3E%3C/svg%3E "); background-position: 98.5% center; background-repeat: no-repeat;margin-left: auto;}
.popGtp .popContainer .gtpMsgBox .inputBox .btn_origin{width: 138px; height: 42px; background: #f5f5f5; border: 0; border-radius: 4px;font-size:13px ;font-weight: 500; letter-spacing: -0.01em;display: flex;align-items: center;justify-content:center;align-content: center;padding: 8px;gap: 7px;color: #565656; }
.popGtp .popContainer .gtpMsgBox .inputBox .btn_origin::before{content: '';display: block;width:26px;height: 26px;background: url(../images/ic_lang1.png) center no-repeat;}
.popGtp .popContainer .gtpMsgBox .inputBox .btn_origin::after{content: '';display: block;width:11px;height: 6px;background: url(../images/ic_Arrow_999.png) center no-repeat; position: relative; transform: scaleY(-1);}
.popGtp .popContainer .gtpMsgBox .inputBox.inpOn .btn_origin{margin-top: -8px;}
.popGtp .popContainer .gtpMsgBox .inputBox .btn_origin.on::before{background-image: url(../images/ic_lang.png) ;}
.popGtp .popContainer .gtpMsgBox .inputBox .btn_origin.on::after{transform: scaleY(1);}
.popGtp .popContainer  .btn_reply {margin-top: 10px; position: relative;transition:all  .3s;display: block; margin: 0 auto 20px; background: #FFFFFF;border: 1px solid #EAEAEA;box-shadow: 5px 5px 6px rgba(166, 173, 184, 0.1);border-radius: 6px;height: 42px;padding-right: 13px;padding-left: 39px;font-size: 14px;}
.popGtp .popContainer  .btn_reply:active{transform: scale(0.85);}
.popGtp .popContainer  .btn_reply::before{content: '';display: block;transition:all .3s;transform-origin:center; width: 16px; height: 16px;position: absolute;top:50%; transform: translateY(-50%);letter-spacing: -0.025em;left:13px; background: url("../images/ic_returnArr.png") center no-repeat;}
.popGtp .popContainer .gtpMsgBox .msgBox .tit_qna{color: #484E58;letter-spacing: -0.01em; padding: 10px 0;margin-bottom: 10px;font-size:20px; font-weight: bold;}
.popGtp .popContainer .gtpMsgBox .msgBox .tit_qna::before{content: '';display: inline-block; vertical-align: middle; width: 22px; height: 32px;margin-right: 13px;background: url('../images/ic_bulb.png') center no-repeat;}
.popGtp .popContainer .gtpMsgBox .msgBox .list_qna{display: grid; grid-template-columns: repeat(2 , 1fr); gap: 10px;}
.popGtp .popContainer .gtpMsgBox .msgBox .list_qna button{border: 0;color: #565656; background-color: #F5F5F5;border-radius: 4px; width: 100%;padding: 12px;font-size: 15px;text-align: left;}
.popGtp .popContainer .gtpMsgBox .msgBox .list_qna button:hover{background-color:#E6F4EF;font-weight: 500;}
.popGtp .popContainer .gtpMsgBox .msgBox.fail{width: 100%;height: 390px;background:url(../images/noMsg.png) center no-repeat, #FFFFFF;text-align: center; border-radius: 6px; overflow: hidden;display: flex;align-items: flex-end;flex-wrap: wrap;align-content: flex-end;}
.popGtp .popContainer .gtpMsgBox .msgBox.fail p{width: 100%;line-height: 30px;font-size: 15px;}
.popGtp .popContainer .gtpMsgBox .msgBox.fail .tit{font-size: 26px; letter-spacing: -0.01em; color: #565656;}

/* 좋아요 싫어요 추가*/
.popGtp .popContainer .gtpMsgBox .msgBox p{width: 100%;}
.popGtp .popContainer .gtpMsgBox  .msgBox_wrap {padding-right: 86px;position: relative;}
.popGtp .popContainer .gtpMsgBox .likeDislike_wrapper{display: flex;position: absolute;top:0px; right: 0px;}
.popGtp .popContainer .gtpMsgBox .likeDislike_wrapper button {width: 28px; height: 28px;transition: all 0.3s; padding: 6px;border-radius: 6px; overflow: hidden;font-size: 0; text-indent: 9999px; border: 0;background-color: #fff;}
.popGtp .popContainer .gtpMsgBox .likeDislike_wrapper button + button{margin-left: 4px;}
.popGtp .popContainer .gtpMsgBox .likeDislike_wrapper button.btn_like{background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5198 10.8775C15.8571 10.4592 16.0189 10.0109 15.9982 9.54914C15.9776 9.04057 15.7435 8.64241 15.5508 8.39816C15.7745 7.85613 15.8606 7.00293 15.1137 6.34044C14.5664 5.85529 13.6371 5.63781 12.3498 5.69803C11.4445 5.73818 10.6873 5.90213 10.6563 5.90882H10.6529C10.4808 5.93894 10.2984 5.97574 10.1125 6.01589C10.0987 5.80176 10.1366 5.26976 10.5427 4.07194C11.0246 2.64659 10.9971 1.55583 10.4532 0.826432C9.88188 0.0602259 8.96976 0 8.70128 0C8.44314 0 8.20564 0.103722 8.03698 0.294437C7.65493 0.726056 7.69967 1.52238 7.74786 1.89042C7.29352 3.07486 6.01999 5.97909 4.94266 6.78545C4.92201 6.79883 4.9048 6.81556 4.88759 6.83229C4.57093 7.15684 4.35753 7.50816 4.21296 7.81598C4.00989 7.70891 3.77928 7.64868 3.53145 7.64868H1.43186C0.640205 7.64868 0 8.27436 0 9.04057V14.4776C0 15.2472 0.643647 15.8695 1.43186 15.8695H3.53145C3.83779 15.8695 4.12347 15.7758 4.35753 15.6152L5.16639 15.7089C5.2903 15.7256 7.49316 15.9967 9.75453 15.9532C10.1641 15.9833 10.5496 16 10.9076 16C11.5237 16 12.0606 15.9532 12.5081 15.8595C13.5613 15.642 14.2807 15.207 14.6456 14.568C14.9244 14.0795 14.9244 13.5943 14.8796 13.2865C15.5646 12.6842 15.685 12.0184 15.6609 11.55C15.6472 11.279 15.5852 11.0481 15.5198 10.8775ZM1.43186 14.9661C1.15306 14.9661 0.92933 14.7453 0.92933 14.4776V9.03722C0.92933 8.76621 1.1565 8.54872 1.43186 8.54872H3.53145C3.81025 8.54872 4.03398 8.76955 4.03398 9.03722V14.4743C4.03398 14.7453 3.80681 14.9628 3.53145 14.9628H1.43186V14.9661ZM14.6387 10.486C14.4941 10.6332 14.4666 10.8574 14.5767 11.0314C14.5767 11.0347 14.7178 11.2689 14.735 11.5901C14.7591 12.0284 14.5423 12.4166 14.088 12.7478C13.9262 12.8683 13.8608 13.0757 13.9296 13.2631C13.9296 13.2664 14.0776 13.7081 13.8367 14.1263C13.6061 14.5278 13.0932 14.8156 12.3153 14.9762C11.6924 15.1066 10.8456 15.1301 9.80615 15.0498C9.79239 15.0498 9.77518 15.0498 9.75797 15.0498C7.54478 15.0966 5.30751 14.8156 5.28341 14.8122H5.27997L4.93233 14.7721C4.95299 14.6784 4.96331 14.578 4.96331 14.4776V9.03722C4.96331 8.89335 4.93922 8.75282 4.89791 8.62233C4.95987 8.39816 5.13197 7.89962 5.53812 7.4747C7.08356 6.28356 8.59458 2.26516 8.65998 2.09118C8.68752 2.02091 8.6944 1.94396 8.68063 1.867C8.62212 1.49226 8.64277 1.03388 8.72538 0.896696C8.9078 0.900042 9.4 0.95023 9.69601 1.34839C10.0471 1.82016 10.0333 2.66332 9.65471 3.78084C9.07646 5.4839 9.02827 6.38059 9.48605 6.77541C9.71322 6.97281 10.0161 6.98285 10.2364 6.9059C10.4464 6.85905 10.646 6.8189 10.8353 6.78879C10.8491 6.78545 10.8663 6.7821 10.88 6.77875C11.9367 6.55458 13.8298 6.4174 14.4872 6.99958C15.0448 7.49477 14.649 8.15056 14.6043 8.22083C14.4769 8.4082 14.5148 8.65245 14.6869 8.80301C14.6903 8.80636 15.0517 9.1376 15.0689 9.5826C15.0827 9.88038 14.9381 10.1849 14.6387 10.486Z' fill='%23AFAFAF'/%3E%3C/svg%3E%0A") center no-repeat;}
.popGtp .popContainer .gtpMsgBox .likeDislike_wrapper button.btn_dislike{background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5198 5.12254C15.8571 5.54078 16.0189 5.98913 15.9982 6.45086C15.9776 6.95943 15.7435 7.35759 15.5508 7.60184C15.7745 8.14387 15.8606 8.99707 15.1137 9.65956C14.5664 10.1447 13.6371 10.3622 12.3498 10.302C11.4445 10.2618 10.6873 10.0979 10.6563 10.0912H10.6529C10.4808 10.0611 10.2984 10.0243 10.1125 9.98411C10.0987 10.1982 10.1366 10.7302 10.5427 11.9281C11.0246 13.3534 10.9971 14.4442 10.4532 15.1736C9.88188 15.9398 8.96976 16 8.70128 16C8.44314 16 8.20564 15.8963 8.03698 15.7056C7.65493 15.2739 7.69967 14.4776 7.74786 14.1096C7.29352 12.9251 6.01999 10.0209 4.94266 9.21455C4.92201 9.20117 4.9048 9.18444 4.88759 9.16771C4.57093 8.84316 4.35753 8.49184 4.21296 8.18402C4.00989 8.29109 3.77928 8.35132 3.53145 8.35132H1.43186C0.640205 8.35132 0 7.72564 0 6.95943V1.52238C0 0.752823 0.643647 0.13049 1.43186 0.13049H3.53145C3.83779 0.13049 4.12347 0.224174 4.35753 0.384776L5.16639 0.291092C5.2903 0.274363 7.49316 0.00334644 9.75453 0.0468435C10.1641 0.0167303 10.5496 0 10.9076 0C11.5237 0 12.0606 0.0468426 12.5081 0.140528C13.5613 0.358009 14.2807 0.792974 14.6456 1.43204C14.9244 1.92054 14.9244 2.40569 14.8796 2.71351C15.5646 3.31577 15.685 3.9816 15.6609 4.45002C15.6472 4.72104 15.5852 4.9519 15.5198 5.12254ZM1.43186 1.03388C1.15306 1.03388 0.92933 1.25471 0.92933 1.52238V6.96278C0.92933 7.23379 1.1565 7.45128 1.43186 7.45128H3.53145C3.81025 7.45128 4.03398 7.23045 4.03398 6.96278V1.52572C4.03398 1.25471 3.80681 1.03722 3.53145 1.03722H1.43186V1.03388ZM14.6387 5.51401C14.4941 5.36679 14.4666 5.14262 14.5767 4.96863C14.5767 4.96529 14.7178 4.73108 14.735 4.40987C14.7591 3.97156 14.5423 3.58344 14.088 3.2522C13.9262 3.13174 13.8608 2.9243 13.9296 2.73693C13.9296 2.73358 14.0776 2.29193 13.8367 1.87369C13.6061 1.47219 13.0932 1.18444 12.3153 1.02384C11.6924 0.893351 10.8456 0.869929 9.80615 0.950231C9.79239 0.950231 9.77518 0.950231 9.75797 0.950231C7.54478 0.903389 5.30751 1.18444 5.28341 1.18779H5.27997L4.93233 1.22794C4.95299 1.32162 4.96331 1.422 4.96331 1.52238V6.96278C4.96331 7.10665 4.93922 7.24718 4.89791 7.37767C4.95987 7.60184 5.13197 8.10038 5.53812 8.5253C7.08356 9.71644 8.59458 13.7348 8.65998 13.9088C8.68752 13.9791 8.6944 14.056 8.68063 14.133C8.62212 14.5077 8.64277 14.9661 8.72538 15.1033C8.9078 15.1 9.4 15.0498 9.69601 14.6516C10.0471 14.1798 10.0333 13.3367 9.65471 12.2192C9.07646 10.5161 9.02827 9.61941 9.48605 9.22459C9.71322 9.02719 10.0161 9.01715 10.2364 9.0941C10.4464 9.14095 10.646 9.1811 10.8353 9.21121C10.8491 9.21455 10.8663 9.2179 10.88 9.22125C11.9367 9.44542 13.8298 9.5826 14.4872 9.00042C15.0448 8.50523 14.649 7.84944 14.6043 7.77917C14.4769 7.5918 14.5148 7.34755 14.6869 7.19699C14.6903 7.19364 15.0517 6.8624 15.0689 6.4174C15.0827 6.11962 14.9381 5.81514 14.6387 5.51401Z' fill='%23AFAFAF'/%3E%3C/svg%3E%0A") center no-repeat;}
.popGtp .popContainer .gtpMsgBox .likeDislike_wrapper .btn_like.on,
.popGtp .popContainer .gtpMsgBox .likeDislike_wrapper .btn_like:hover{background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5198 10.8775C15.8571 10.4592 16.0189 10.0109 15.9982 9.54914C15.9776 9.04057 15.7435 8.64241 15.5508 8.39816C15.7745 7.85613 15.8606 7.00293 15.1137 6.34044C14.5664 5.85529 13.6371 5.63781 12.3498 5.69803C11.4445 5.73818 10.6873 5.90213 10.6563 5.90882H10.6529C10.4808 5.93894 10.2984 5.97574 10.1125 6.01589C10.0987 5.80176 10.1366 5.26976 10.5427 4.07194C11.0246 2.64659 10.9971 1.55583 10.4532 0.826432C9.88188 0.0602259 8.96976 0 8.70128 0C8.44314 0 8.20564 0.103722 8.03698 0.294437C7.65493 0.726056 7.69967 1.52238 7.74786 1.89042C7.29352 3.07486 6.01999 5.97909 4.94266 6.78545C4.92201 6.79883 4.9048 6.81556 4.88759 6.83229C4.57093 7.15684 4.35753 7.50816 4.21296 7.81598C4.00989 7.70891 3.77928 7.64868 3.53145 7.64868H1.43186C0.640205 7.64868 0 8.27436 0 9.04057V14.4776C0 15.2472 0.643647 15.8695 1.43186 15.8695H3.53145C3.83779 15.8695 4.12347 15.7758 4.35753 15.6152L5.16639 15.7089C5.2903 15.7256 7.49316 15.9967 9.75453 15.9532C10.1641 15.9833 10.5496 16 10.9076 16C11.5237 16 12.0606 15.9532 12.5081 15.8595C13.5613 15.642 14.2807 15.207 14.6456 14.568C14.9244 14.0795 14.9244 13.5943 14.8796 13.2865C15.5646 12.6842 15.685 12.0184 15.6609 11.55C15.6472 11.279 15.5852 11.0481 15.5198 10.8775ZM1.43186 14.9661C1.15306 14.9661 0.92933 14.7453 0.92933 14.4776V9.03722C0.92933 8.76621 1.1565 8.54872 1.43186 8.54872H3.53145C3.81025 8.54872 4.03398 8.76955 4.03398 9.03722V14.4743C4.03398 14.7453 3.80681 14.9628 3.53145 14.9628H1.43186V14.9661ZM14.6387 10.486C14.4941 10.6332 14.4666 10.8574 14.5767 11.0314C14.5767 11.0347 14.7178 11.2689 14.735 11.5901C14.7591 12.0284 14.5423 12.4166 14.088 12.7478C13.9262 12.8683 13.8608 13.0757 13.9296 13.2631C13.9296 13.2664 14.0776 13.7081 13.8367 14.1263C13.6061 14.5278 13.0932 14.8156 12.3153 14.9762C11.6924 15.1066 10.8456 15.1301 9.80615 15.0498C9.79239 15.0498 9.77518 15.0498 9.75797 15.0498C7.54478 15.0966 5.30751 14.8156 5.28341 14.8122H5.27997L4.93233 14.7721C4.95299 14.6784 4.96331 14.578 4.96331 14.4776V9.03722C4.96331 8.89335 4.93922 8.75282 4.89791 8.62233C4.95987 8.39816 5.13197 7.89962 5.53812 7.4747C7.08356 6.28356 8.59458 2.26516 8.65998 2.09118C8.68752 2.02091 8.6944 1.94396 8.68063 1.867C8.62212 1.49226 8.64277 1.03388 8.72538 0.896696C8.9078 0.900042 9.4 0.95023 9.69601 1.34839C10.0471 1.82016 10.0333 2.66332 9.65471 3.78084C9.07646 5.4839 9.02827 6.38059 9.48605 6.77541C9.71322 6.97281 10.0161 6.98285 10.2364 6.9059C10.4464 6.85905 10.646 6.8189 10.8353 6.78879C10.8491 6.78545 10.8663 6.7821 10.88 6.77875C11.9367 6.55458 13.8298 6.4174 14.4872 6.99958C15.0448 7.49477 14.649 8.15056 14.6043 8.22083C14.4769 8.4082 14.5148 8.65245 14.6869 8.80301C14.6903 8.80636 15.0517 9.1376 15.0689 9.5826C15.0827 9.88038 14.9381 10.1849 14.6387 10.486Z' fill='%23247673'/%3E%3C/svg%3E%0A") center no-repeat,#F0F9F6;}
.popGtp .popContainer .gtpMsgBox .likeDislike_wrapper .btn_dislike.on,
.popGtp .popContainer .gtpMsgBox .likeDislike_wrapper .btn_dislike:hover{background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5198 5.12254C15.8571 5.54078 16.0189 5.98913 15.9982 6.45086C15.9776 6.95943 15.7435 7.35759 15.5508 7.60184C15.7745 8.14387 15.8606 8.99707 15.1137 9.65956C14.5664 10.1447 13.6371 10.3622 12.3498 10.302C11.4445 10.2618 10.6873 10.0979 10.6563 10.0912H10.6529C10.4808 10.0611 10.2984 10.0243 10.1125 9.98411C10.0987 10.1982 10.1366 10.7302 10.5427 11.9281C11.0246 13.3534 10.9971 14.4442 10.4532 15.1736C9.88188 15.9398 8.96976 16 8.70128 16C8.44314 16 8.20564 15.8963 8.03698 15.7056C7.65493 15.2739 7.69967 14.4776 7.74786 14.1096C7.29352 12.9251 6.01999 10.0209 4.94266 9.21455C4.92201 9.20117 4.9048 9.18444 4.88759 9.16771C4.57093 8.84316 4.35753 8.49184 4.21296 8.18402C4.00989 8.29109 3.77928 8.35132 3.53145 8.35132H1.43186C0.640205 8.35132 0 7.72564 0 6.95943V1.52238C0 0.752823 0.643647 0.13049 1.43186 0.13049H3.53145C3.83779 0.13049 4.12347 0.224174 4.35753 0.384776L5.16639 0.291092C5.2903 0.274363 7.49316 0.00334644 9.75453 0.0468435C10.1641 0.0167303 10.5496 0 10.9076 0C11.5237 0 12.0606 0.0468426 12.5081 0.140528C13.5613 0.358009 14.2807 0.792974 14.6456 1.43204C14.9244 1.92054 14.9244 2.40569 14.8796 2.71351C15.5646 3.31577 15.685 3.9816 15.6609 4.45002C15.6472 4.72104 15.5852 4.9519 15.5198 5.12254ZM1.43186 1.03388C1.15306 1.03388 0.92933 1.25471 0.92933 1.52238V6.96278C0.92933 7.23379 1.1565 7.45128 1.43186 7.45128H3.53145C3.81025 7.45128 4.03398 7.23045 4.03398 6.96278V1.52572C4.03398 1.25471 3.80681 1.03722 3.53145 1.03722H1.43186V1.03388ZM14.6387 5.51401C14.4941 5.36679 14.4666 5.14262 14.5767 4.96863C14.5767 4.96529 14.7178 4.73108 14.735 4.40987C14.7591 3.97156 14.5423 3.58344 14.088 3.2522C13.9262 3.13174 13.8608 2.9243 13.9296 2.73693C13.9296 2.73358 14.0776 2.29193 13.8367 1.87369C13.6061 1.47219 13.0932 1.18444 12.3153 1.02384C11.6924 0.893351 10.8456 0.869929 9.80615 0.950231C9.79239 0.950231 9.77518 0.950231 9.75797 0.950231C7.54478 0.903389 5.30751 1.18444 5.28341 1.18779H5.27997L4.93233 1.22794C4.95299 1.32162 4.96331 1.422 4.96331 1.52238V6.96278C4.96331 7.10665 4.93922 7.24718 4.89791 7.37767C4.95987 7.60184 5.13197 8.10038 5.53812 8.5253C7.08356 9.71644 8.59458 13.7348 8.65998 13.9088C8.68752 13.9791 8.6944 14.056 8.68063 14.133C8.62212 14.5077 8.64277 14.9661 8.72538 15.1033C8.9078 15.1 9.4 15.0498 9.69601 14.6516C10.0471 14.1798 10.0333 13.3367 9.65471 12.2192C9.07646 10.5161 9.02827 9.61941 9.48605 9.22459C9.71322 9.02719 10.0161 9.01715 10.2364 9.0941C10.4464 9.14095 10.646 9.1811 10.8353 9.21121C10.8491 9.21455 10.8663 9.2179 10.88 9.22125C11.9367 9.44542 13.8298 9.5826 14.4872 9.00042C15.0448 8.50523 14.649 7.84944 14.6043 7.77917C14.4769 7.5918 14.5148 7.34755 14.6869 7.19699C14.6903 7.19364 15.0517 6.8624 15.0689 6.4174C15.0827 6.11962 14.9381 5.81514 14.6387 5.51401Z' fill='%23F87273'/%3E%3C/svg%3E%0A") center no-repeat,#FCF2F2;}


/* 공지창  */
.popGtp .alertBox{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 15;background-color: rgba(0, 0, 0, 0.7);}
.popGtp .alertBox .alertWrap{display: flex;align-items: center; justify-content: center;width: 100%; height:100%;}
.popGtp .alertBox p{ width: 80%;text-align: center;font-size: 18px; background-color: #fff;line-height: 1.25;padding: 40px 0;border-radius: 6px; overflow: hidden;}

@keyframes gtpLoading {
 100%{
  background: #BEF5DA;
  bottom: 10px;
  width: 12px;
  height: 12px;
 }
}

@keyframes clearAni {
 100%{opacity: 0.7;}
}

@keyframes flyAni {
 100% {top: -10%;left: 10%;}
}

@keyframes btnArr {
 100%{left: 5px;}
}


/*2023 10 26 메인 리뉴얼 */
.ic_1{display: block;background: url(../images/miniLibrary/ic_1.png) center center no-repeat;background-size: auto;}
.ic_2{display: block;background: url(../images/miniLibrary/ic_2.png) center center no-repeat;background-size: auto;}
.ic_3{display: block;background: url(../images/miniLibrary/ic_3.png) center center no-repeat;background-size: auto;}
.ic_4{display: block;background: url(../images/miniLibrary/ic_4.png) center center no-repeat;background-size: auto;}

body.sub_00 .body_wrap{background-color: #fff;}
body.sub_00 .content_wrap{padding-bottom: 8px;padding-right: 90px;}
.mainBg_wrap{display: none;}
body.sub_00 .mainBg_wrap {display: block; }
body.sub_00 .mainBg_wrap{width: 100%;box-sizing: border-box;padding-right: 90px;}
body.sub_00 .mainBg{	display: flex;flex-wrap: wrap; align-items: center;justify-content: center; align-content: center;
 border-radius: 24px; max-width: 1250px;width: 100%;height: 204px; margin: 22px auto 24px;
 text-align: center; background:url(../../resources/images/miniLibrary/main_visual.png) center center;
 background-size: cover;box-sizing: border-box;}

body.sub_00 .mainBg .tit{width: 100%;margin-bottom: 20px; color: #0A5F40;text-shadow: 4px 4px 40px rgba(255, 255, 255, 0.60);font-family: "NEXON Lv2 Gothic";font-size: 38px;font-weight: 700;line-height: 100%; /* 38px */letter-spacing: -0.38px;}
body.sub_00 .mainBg  .search_box{display: flex; width: 664px;padding: 12px;border-radius: 16px;border: 1px solid #B1B1B1;background: #FFF;}
body.sub_00 .mainBg .search_box .selBox{width: 123px;height: 48px; border-radius: 8px 0 0 8px;background: #F2F2F2;box-sizing: border-box;}
body.sub_00 .mainBg .search_box select{border: 0;width: 100%;height: 100%;padding:16px 12px;margin: 0;border-radius: 8px 0 0 8px; color: #343434;font-family: 'Noto Sans';font-size: 15px;font-weight: 500;letter-spacing: -0.15px;    background:  url(../images/arrowDown.png) no-repeat 92% -13px,#F2F2F2;}
body.sub_00 .mainBg .search_box .inp_search{width: 517px;height: 48px;margin: 0;border: 0;background: #F2F2F2;border-left: 1px solid #DDD;border-radius:0}
body.sub_00 .mainBg .search_box .btn_search{
 background: #72BB6A url(../images/iconSearch1.png) no-repeat center !important;
 width: 48px;
 height: 48px;
 border-radius:0 8px 8px 0;
 border: none;
 border-radius: 0;
 font-size: 0;
 overflow: hidden;
}
body.sub_00 .main_page2{max-width: 1250px;width: 100%;height: auto !important; margin: 0 auto; display: flex;flex-wrap: wrap;justify-content: space-around;gap:18px 20px;box-sizing: border-box;}
body.sub_00 .content_wrap .container{max-width: 1250px; width: 100%;margin: 0 auto;}
body.sub_00 .main_item{position: relative; min-width: 0; padding:18px; border-radius: 16px;border: 1px solid #B1B1B1;background: #FFF;box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.04);box-sizing: border-box;top: auto;left: auto;right: auto;bottom: auto;flex: 1 1 auto;transition: all 0.3s;}
body.sub_00 .main_item h4{margin-bottom: 8px;color: #232323;font-family: "NEXON Lv2 Gothic";font-size: 24px;font-weight: 700;
 text-align: left;}
body.sub_00 .main_item .link_more{position: absolute;top:14px;right: 24px; display: block; font-size: 0; width: 34px;height: 34px; border-radius: 50%;border: 1px solid #DDD; background: url(../images/miniLibrary/ic_more.png) center center no-repeat,#FFF;}


.main_wrap30,
.main_myJob,
.main_wrap44{max-width: 404px; height: 340px;}

.main_wrap30 {top: 0;left: 0;}
.main_wrap30 textarea{resize: none; width: 100%;height: 240px;padding: 12px;margin: 0; border-radius: 8px;background: #F4F4F4; border: 0 ;}
.main_wrap30 .btn_memo{position: absolute;top: 24px;right: 24px;padding:2px 0 2px 20px;background: url(../images/miniLibrary/ic_meno.png) left center no-repeat;color: #565656;font-family:'Noto Sans';font-size: 15px;font-weight: 400;letter-spacing: -0.15px;}
#mainMemo + .memo_txt{
 font-size: 13px;
 color: #555;
 display: block;
 padding: 10px 0;
 font-weight: 500;
}
/* 나의 할일 */
.main_myJob{position: absolute;left: 410px;max-width:412px}
.main_myJob .list_li {position: relative; display: flex;justify-content: space-between;gap: 24px;padding: 1px 18px 1px 0;border-radius: 8px;border: 1px solid #DDD;background: #fff;overflow: hidden;}
.main_myJob .list_li + li {margin-top: 8px;}
.main_myJob .list_li a.btn_more2{position: absolute;top: 54%;right: 10px;transform: translateY(-50%);
 width: 11px; height: 10px;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5 0C6.0523 0 6.5 0.44772 6.5 1V4H9.5C10.0523 4 10.5 4.4477 10.5 5C10.5 5.5523 10.0523 6 9.5 6H6.5V9C6.5 9.5523 6.0523 10 5.5 10C4.9477 10 4.5 9.5523 4.5 9V6H1.5C0.94772 6 0.5 5.5523 0.5 5C0.5 4.4477 0.94772 4 1.5 4H4.5V1C4.5 0.44772 4.9477 0 5.5 0Z' fill='%23AAAAAA'/%3E%3C/svg%3E");
 background-color: transparent;background-position: 0 0;
}
.main_myJob .list_li .label{display: flex;gap: 6px;width: 134px; padding:14px;background: #F7FEF7;color: #343434;font-family: 'Noto Sans';font-size: 14px;font-style: normal;font-weight: 700;line-height: 100%; /* 16px */letter-spacing: -0.16px;box-sizing: border-box;}
.main_myJob .list_li .label::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #72BB6A;margin-top: 6px;}
/* .main_myJob .list_li:last-child .label::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #72BB6A;margin-top: 12px;} */
.main_myJob .list_li .people_txtBox{display: flex;align-items: center;padding-right: 8px; font-family: 'Noto Sans';text-align: right;}
.main_myJob .list_li .people_txtBox a,
.main_myJob .list_li .people_txtBox .num{color: #72BB6A;font-size: 16px;font-weight: 700;letter-spacing: -0.18px;}
.main_myJob .list_li .people_txtBox .txt{padding-left: 4px;color: #565656;font-size: 13px;font-weight: 500;letter-spacing: -0.15px;}
.main_myJob .list_li .people_txtBox .txt + .num{padding-left: 8px;}
/* 통계 */
.main_wrap44{top:0;left: auto;right:0;max-width: 402px;width: 100%;}
.main_wrap44 .list_ul{display: flex;flex-wrap: wrap;gap: 8px; }
.main_wrap44 .list_ul li{
 position: relative;
 display: flex;
 gap: 16px;
 flex: 0 0 auto;
 width: calc(50% - 4px);
 padding: 7px 10px;
 border-radius: 8px;
 border: 1px dashed #B1B1B1;
 background: #FFF;
 box-sizing: border-box;
}
.main_wrap44 .list_ul li.size_Full{width: 100%;}
.main_wrap44 .list_ul .icon{min-width: 40px;height: 40px;border-radius: 50%;background-color:#EEE;}
.main_wrap44 .list_ul .text_box strong{
 display: block;
 width: 100%;
 margin-bottom: 10px;;
 color: #343434;
 font-size: 16px;
 font-weight: 700;
 letter-spacing: -0.16px;
}
.main_wrap44 .list_ul .text_box .number_wrap{display: flex;gap: 20px;}
.main_wrap44 .list_ul .text_box .number_box{display: flex;align-items: center ; gap: 8px;color: #565656;font-family: 'Noto Sans';font-size: 15px;font-weight: 500;letter-spacing: -0.15px;}
.main_wrap44 .list_ul .text_box .number_box b{color: #565656;font-size: 15px;font-weight: 500;line-height: 100%; letter-spacing: -0.15px;}
.main_wrap44 .list_ul .text_box .number_box a,
.main_wrap44 .list_ul .text_box .number_box .num{color: #72BB6A;font-size: 18px;font-weight: 700;letter-spacing: -0.18px;}
.main_wrap44 .list_ul .text_box .number_box .txt{color: #565656;font-size: 15px;font-weight: 400;letter-spacing: -0.15px;}
.main_wrap44 .list_ul a.btn_more2{position: absolute;top: 16px; right: 10px;width: 11px;height: 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5 0C6.0523 0 6.5 0.44772 6.5 1V4H9.5C10.0523 4 10.5 4.4477 10.5 5C10.5 5.5523 10.0523 6 9.5 6H6.5V9C6.5 9.5523 6.0523 10 5.5 10C4.9477 10 4.5 9.5523 4.5 9V6H1.5C0.94772 6 0.5 5.5523 0.5 5C0.5 4.4477 0.94772 4 1.5 4H4.5V1C4.5 0.44772 4.9477 0 5.5 0Z' fill='%23AAAAAA'/%3E%3C/svg%3E");background-color: transparent;background-position: 0 0;}

/* main 중간 메뉴 nav */
.mainNav_ul {display: flex;gap:20px;width: 100%;}
.mainNav_ul li {flex: 1 1 auto;min-width: 0;width: 190px; height: 128px;box-sizing: border-box;
 display: flex;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;
 border-radius: 10px;border: 1px solid #B1B1B1;background: #FFF;box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.04);
}
.mainNav_ul li a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;}
.mainNav_ul li a span{display: block;width: 100%;margin-top: 12px; color: #434343;font-family: 'Pretendard';font-size: 16px;font-weight: 700;text-align: center;}
.mainNav_ul li a::before{content: '';display: block;width: 51px;height: 51px;}
.mainNav_ul li:nth-child(1) a::before{background: url('../images/miniLibrary/ic_mainNav1.png') center center no-repeat;}
.mainNav_ul li:nth-child(2) a::before{background: url('../images/miniLibrary/ic_mainNav2.png') center center no-repeat;}
.mainNav_ul li:nth-child(3) a::before{background: url('../images/miniLibrary/ic_mainNav3.png') center center no-repeat;}
.mainNav_ul li:nth-child(4) a::before{background: url('../images/miniLibrary/ic_mainNav4.png') center center no-repeat;}
.mainNav_ul li:nth-child(5) a::before{background: url('../images/miniLibrary/ic_mainNav5.png') center center no-repeat;}
.mainNav_ul li:nth-child(6) a::before{background: url('../images/miniLibrary/ic_mainNav6.png') center center no-repeat;}


body.sub_00 .main_wrap50,
body.sub_00 .main_wrap52{
 top: 810px;
 width: calc(50% - 12);
}

/* 메인 캘린더 */
body.sub_00 .main_wrap10{display: flex;flex-wrap: wrap; width: 30%;height: 314px;}
body.sub_00 .main_wrap10 h4{text-align: left;}
body.sub_00 .main_wrap10 #calenderDiv{width: 100%;float: none;}
body.sub_00 .main_wrap10 .calender_top{display: flex;  align-items: center;}
body.sub_00 .main_wrap10 .txt_date{padding-left: 0 !important; color: #232323;font-family: "NEXON Lv2 Gothic";font-size: 18px;font-weight: 700;line-height: 100%; /* 18px */}
body.sub_00 .main_wrap10 .calEx {display: flex;gap: 16px;margin-left: auto; color: #565656;font-size: 13px;font-weight: 700;letter-spacing: -0.13px; position: relative; top: auto; left: auto;}
body.sub_00 .main_wrap10 .calEx span{display: flex;align-items: center; gap: 8px;background: none; padding: 0;}
body.sub_00 .main_wrap10 .calEx span::after{content: '';display: block;width: 8px;height: 8px;margin-top: 2px; border-radius: 50%;}
body.sub_00 .main_wrap10 .calEx .calEx_freeDay::after{background-color: #72BB6A;}
body.sub_00 .main_wrap10 .calEx .calEx_memo::after{background-color: #fff;border: 1px solid #23AB7A;}
body.sub_00 .main_wrap10 .calenderNav{display: flex; gap: 6px;margin-left: auto;padding:0;}
body.sub_00 .main_wrap10 .calenderNav a{width: 28px;height: 28px;border-radius: 50%;border: 1px solid #ddd;opacity: 1;margin-top: 0;}
body.sub_00 .main_wrap10 .calenderNav a.month_before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 6 12' fill='none'%3E%3Cpath d='M0 6.00002C0 6.19716 0.0720282 6.39428 0.215782 6.54458L4.74168 11.2743C5.02959 11.5752 5.49637 11.5752 5.78416 11.2743C6.07195 10.9736 6.07195 10.4859 5.78416 10.185L1.77939 6.00002L5.78402 1.81504C6.07181 1.51416 6.07181 1.02649 5.78402 0.725766C5.49623 0.424746 5.02945 0.424746 4.74154 0.725766L0.215642 5.45545C0.0718646 5.60583 0 5.80295 0 6.00002Z' fill='%23AAAAAA'/%3E%3C/svg%3E");background-position: center;}
body.sub_00 .main_wrap10 .calenderNav a.month_next{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 6 12' fill='none'%3E%3Cpath d='M6 6.00002C6 6.19716 5.92797 6.39428 5.78422 6.54458L1.25832 11.2743C0.970413 11.5752 0.503627 11.5752 0.21584 11.2743C-0.0719468 10.9736 -0.0719468 10.4859 0.21584 10.185L4.22061 6.00002L0.21598 1.81504C-0.0718069 1.51416 -0.0718069 1.02649 0.21598 0.725766C0.503767 0.424746 0.970553 0.424746 1.25846 0.725766L5.78436 5.45545C5.92814 5.60583 6 5.80295 6 6.00002Z' fill='%23AAAAAA'/%3E%3C/svg%3E");background-position: center;}
body.sub_00 .main_wrap10 #mainCalender2 {margin-top: 8px;width: 100%;}
body.sub_00 .main_wrap10 #mainCalender2 thead th{padding-bottom:0;color: #565656;text-align: center;font-size: 13px;font-weight: 500;letter-spacing: -0.13px;}
body.sub_00 .main_wrap10 #mainCalender2 tbody td{position: relative;}
body.sub_00 .main_wrap10 #mainCalender2 tbody td a{display: block;width: 32px;border-radius: 50%; color: #343434;line-height: 1; text-align: center;font-size: 14px;font-weight: 700;letter-spacing: -0.14px;box-sizing: border-box; margin: 0 auto;}
body.sub_00 .main_wrap10 .calender_txt{
 display: block;
 padding-top: 10px;

 color: #555;
 font-size: 13px;
 font-weight: 500;
 text-align:left;
 margin-top: auto;
}

body.sub_00 .main_wrap10 #mainCalender2 tbody td a:hover,
body.sub_00 .main_wrap10 #mainCalender2 tbody td a.freeDay:hover{color: #fd621d;}
body.sub_00 .main_wrap10 #mainCalender2 tbody td span.calMemo_txt {top:34px;left: 28px;}
#mainCalender2 tbody td {padding-top:7px; vertical-align: top; height: 21px;}
#mainCalender2 tbody td .roundBox{
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 4px;
 position: relative;
 top:4px
}
#mainCalender2 tbody td .roundBox span{
 display: none;
 width:6px;
 height:6px;
 border-radius: 50%;
 box-sizing: border-box;
}
#mainCalender2 tbody td .roundBox span.free{
 background: #72BB6A ;
}
#mainCalender2 tbody td .roundBox span.memo{
 background: #fff ;
 border: 1px solid #23AB7A;
}
#mainCalender2 tbody td a.freeDay + .roundBox span.free{
 display: block;
}
#mainCalender2 tbody td a.memo + .roundBox span.memo{
 display: block;
}
#mainCalender2 tbody td a.memo.freeDay + .roundBox span{
 display: block !important;
}

/* 메인 공지사항 */
body.sub_00 .main_wrap34 {width: 64%;height: 314px;}
body.sub_00 .main_wrap34 h4{border-bottom: 0;padding: 0;margin-left: 0;margin-top: 0;margin-right: 0;}
body.sub_00 .main_wrap34 .boardList{padding: 0;margin-top: 10px;}
body.sub_00 .main_wrap34 .boardList li{position: relative;padding-left: 10px;overflow: hidden;}
body.sub_00 .main_wrap34 .boardList li + li{margin-top:12px;}
body.sub_00 .main_wrap34 .boardList li::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background: #CACACA;position: absolute;top: 9px;left: 0;}
body.sub_00 .main_wrap34 .boardList li a{position: relative; display:flex;justify-content: space-between;align-items: center;width: 100%;float: none;margin: 0;padding:0 20px 0 0;}
body.sub_00 .main_wrap34 .boardList .titBox{position: relative;display: flex;min-width: 0;max-width: calc(95% - 50px);padding-right: 20px;    box-sizing: border-box;}
body.sub_00 .main_wrap34 .boardList .mark{display: block;min-width: 34px;height: 21px;border-radius: 5px;
 display: flex;align-items: center;justify-content: center;align-content: center; margin-right: 6px;
 color: #FFF;font-size: 12px;font-weight: 700;letter-spacing: -0.12px;
}
body.sub_00 .main_wrap34 .boardList .mark1{background: #BB9B6A;}
body.sub_00 .main_wrap34 .boardList .mark2{background: #6A81BB;}
body.sub_00 .main_wrap34 .boardList .tit{display: block;width: 100%;color:#52555E;font-size: 16px;font-weight: 500;line-height: 22px;
 word-wrap: break-word;-webkit-box-orient: vertical;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
body.sub_00 .main_wrap34 .boardList .date{min-width: 0;color: #999;font-size: 14px;font-weight: 500;letter-spacing: -0.14px;}
body.sub_00 .main_wrap34 .link_more{float: non;padding: 0;}
body.sub_00 .main_wrap34 .boardList span.iconNew{position: absolute;top:3px; right: 0; margin: 0;}


/* 인기도서 사서추천도서*/
/* .mainBook_list {display: flex;gap: 24px;width: 100%;padding: 0 24px;box-sizing: border-box;} */
/* .mainBook_list li {flex: 0 0 calc(25% - 18px); min-width: 0;} */
.mainBook_list .tit{
 display: block;width: 100%;color:#343434;font-size: 14px;font-weight: 700;line-height: 1; letter-spacing: -0.14px;
 word-wrap: break-word;-webkit-box-orient: vertical;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;
}
.main_item .listNone{width: 100%;text-align: center;font-size: 18px;margin-top: 76px;}

body.sub_00 .mainBook {height: 242px; padding: 0;padding-bottom: 24px;overflow: hidden;}
body.sub_00 .mainBook span.popular_li,
body.sub_00 .mainBook span.recom_li{display:block; margin: 0 auto 8px;width: 76px;height: 100px;border-radius: 8px; border: 0.853px solid #EAEAEA; box-sizing: border-box;}
body.sub_00 .mainBook span.recom_li:before,
body.sub_00 .mainBook span.popular_li:before{width: 100%;height: 100%; background:url(../../resources/images/bg_bookcover.png) 0 0;}
body.sub_00 .mainBook h4{padding: 18px 24px;background: #EDF4EC;}
body.sub_00 .mainBook .link_more{top:18px}
body.sub_00 .main_wrap60,
body.sub_00 .main_wrap70{width: calc(50% - 12px);}


body.sub_00 .info_box{width: 31%;padding: 16px 24px; padding-right: 90px;background: url('../images/miniLibrary/ic_inquiry.png') 95% center no-repeat,#EDF4EC;
 border-radius: 16px;box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.04);box-sizing: border-box;
 display: flex;flex-wrap: wrap;align-items: center;align-content: center;
}
body.sub_00 .info_box h5{
 color: #232323;
 font-family: "NEXON Lv2 Gothic";
 font-size: 18px;
 font-weight: 700;
 line-height: 120%; /* 21.6px */
 margin-bottom: 8px;
}
body.sub_00 .info_box .txt_tel{color: #0A5F40;font-family: "NEXON Lv2 Gothic";font-size: 23px;font-weight: 700;line-height: 120%; /* 27.6px */letter-spacing: -0.92px;}

body.sub_00 .info_list *{box-sizing: border-box;}
body.sub_00 .info_list{width: 67%; display: flex;flex-wrap: wrap;gap:16px;margin-left: auto;}
body.sub_00 .info_list li{width: calc(50% - 8px); min-width: 0;}
body.sub_00 .info_list li a{display: flex;align-items: center; width: 100%;height: 58px; border-radius: 16px;
 padding:8px 58px 8px 94px;
 border: 1px solid #C0C0C0;
 background: #FFF;
 box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.04);
 color: #343434;
 font-family: "NEXON Lv2 Gothic";
 font-size: 17px;
 font-weight: 700;

}
body.sub_00 .info_list li:nth-child(1) a{background: url('../images/miniLibrary/ic_youtube.png') 36px center no-repeat;}
body.sub_00 .info_list li:nth-child(2) a{background: url('../images/miniLibrary/ic_manual.png') 36px center no-repeat;}
body.sub_00 .info_list li:nth-child(3) a{background: url('../images/miniLibrary/ic_faq.png') 36px center no-repeat;}
body.sub_00 .info_list li:nth-child(4) a{background: url('../images/miniLibrary/ic_qa.png') 36px  center no-repeat;}


body.sub_00 .bttomLogo_list {display: flex; gap: 24px; width: 100%;}
body.sub_00 .bttomLogo_list li{flex: 1 1 33.33%; min-width: 0; display: flex;align-items: center;justify-content: center;align-content: center; border-radius: 20px;
 background: #F5F5F5; height: 80px;}


/* 231019 작은도서관 자료관리시스템 로그인 */
button[type="button"].pasView{
 position: relative;
 display: block;border: 0;background: transparent; width: 21px; height: 15px;
 background: url('../images/miniLibrary/ic_passView.png') center no-repeat;
}
.pasView.off::after{
 content: '';
 display: block;
 width: 3px;
 height: 24px;
 border-radius: 3px;
 position: absolute;
 top:50%;
 left: 50%;
 transform: translate(-50%,-50%) rotate(-45deg);
 background: #606060;
}
.loginWrap{display: flex;}
.loginWrap > div{ flex: 1 1 auto;width: 50%; min-height: 100vh; box-sizing: border-box;display: flex;align-items: center; justify-content: center; }
.loginWrap .left{ color:#fff;
 background: url('../images/miniLibrary/login_bg.png') right center no-repeat;
 background-size: cover;
 padding:30px;
}
.loginWrap .left_wrap {max-width: 590px;width: 100%;}
.loginWrap .left_wrap > span{display: block; font-size: 20px; font-weight: bold; margin-bottom:24px;}
.loginWrap .left h1{font-size: 48px; height: auto; background-image: none; margin-bottom: 40px; letter-spacing: -4px;}

.loginNotice, .loginQuickMenu, .loginQuickLink{ background: rgba(0,0,0,0.15); padding:30px; margin-bottom:20px; border-radius: 20px;}
.loginNotice h3{background:url('../images/miniLibrary/ic_bell.svg') no-repeat left center; padding-left: 32px; font-size: 22px; margin-bottom: 24px; letter-spacing: -1px;}
.loginNotice ul li::before{ display:inline-block; content: "·";}
.loginNotice ul li > * {flex: auto;}
.loginNotice ul li{display: flex; justify-content: flex-start;  width: 100%; vertical-align: middle;}
.loginNotice ul li a{ display: inline-block; margin-right: auto; padding-left: 8px; font-size: 14px; font-weight: 300;
 width:70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal;
 color:#fff; }
.loginNotice ul li + li{margin-top: 12px;}
.loginNotice ul li a:hover{text-decoration: underline;}
.loginNotice ul li span{opacity: .6; text-align: right; font-size: 13px;}

.loginQuickMenu{display: flex; flex-wrap: wrap; justify-content: center;font-size: 18px;padding: 20px;box-sizing: border-box;}
.loginQuickMenu li{ width: 49%; }
.loginQuickMenu li a{ display: block; padding:6px 12px 6px 90px; color:#fff; line-height: 4; font-weight: bold;}
.loginQuickMenu li:nth-child(1) a{
 background:url('../images/miniLibrary/ic_quickMenu_01.svg') no-repeat 30px center;
 border-right:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.loginQuickMenu li:nth-child(2){border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.loginQuickMenu li:nth-child(2) a{
 margin-left: 30px;
 background:url('../images/miniLibrary/ic_quickMenu_02.svg') no-repeat 30px center;
}

.loginQuickMenu li:nth-child(3) a{
 border-right:1px solid rgba(255, 255, 255, 0.3);
 background:url('../images/miniLibrary/ic_quickMenu_03.svg') no-repeat 30px center;
}
.loginQuickMenu li:nth-child(4) a{margin-left: 30px;background:url('../images/miniLibrary/ic_quickMenu_04.svg') no-repeat 30px center;}

.loginQuickLink{display:block; color:#fff; padding-left: 90px;padding-top: 4px;padding-bottom: 4px; padding-right: 12px; background-image:url('../images/miniLibrary/ic_quickMenu_05.svg'); background-repeat: no-repeat; background-position: 30px center;}
.loginQuickLink:hover{color:#fff; }

.loginQuickMenu li a:hover,
.list_bottom li a:hover{text-decoration: underline;}





.loginWrap .right{background-color:#F7F8FC; padding:30px;}
.loginWrap .right .right_wrap{min-width: 400px;}
.loginWrap .right h2{
 display: flex;align-items: center; justify-content: center; gap:6px;
 text-align: center; margin-bottom: 50px;
 background-color: transparent; font-size: 0;
}
.loginWrap .right h2 img{max-width:61px; min-width:61px;}
.loginWrap .right h2 .txt{color: #686767;font-size: 22px;font-weight: 700; line-height: 1.2;}
.loginWrap .right h2 .sub_txt{display: block; width: 100%;font-size: 18px; font-weight: 500;}
.loginForm .inp_box{position: relative;}
.loginForm button[type="button"].pasView{position:absolute; top:50%; right: 12px;transform: translateY(-50%);margin: 0;}

.loginForm input[type="text"], .loginForm input[type="password"]{width: 100%; height: 50px; margin-bottom:8px; border:1px solid #ddd; border-radius: 8px; text-indent: 10px;}
.loginForm .inpBottom{ display: block; margin-bottom: 30px;}
.loginForm button{width:100%; height: 50px; margin-bottom: 8px; border-radius: 8px;}
.loginForm .inpBottom .btn_login{ background-color:#72BB6A; letter-spacing: -1px;}
.loginForm .inpBottom .btn_login:hover{ background-color:#36842d; }
.loginForm .inpBottom .btn_login2{border:1px solid #72BB6A; color:#72BB6A; background-color: #fff; letter-spacing: -1px;font-size: 16px;}
.loginForm .inpBottom .btn_login2:hover{background-color:#f9fff9;}
.loginForm .loginRemember {display: flex; margin-bottom: 16px; margin-top: 4px;}
.loginForm .loginRemember span{flex: auto; font-size: 14px; letter-spacing: -1px; }
.loginForm .loginRemember a{color:#8e8e8e; font-size: 14px; letter-spacing: -1px; }

.loginForm .loginFooter{width:100%; padding-top:80px; margin-top:80px; border-top:1px solid rgba(0,0,0,.1); color:#999999; font-size: 13px; text-align: center; }
.loginForm .loginFooter .p{ font-size: 12px; opacity: .7;}

.loginWrap .list_bottom {display: flex;align-items: center;justify-content: center;padding:4px 20px;border-radius: 10px;background: rgba(0,0,0,0.15);}
.loginWrap .list_bottom li{width: 49%;}
.loginWrap .list_bottom li a{display: block;margin-bottom: 0;font-size: 18px;font-weight: 700;line-height: 1.2; border-radius: 0;}
.loginWrap .list_bottom .loginQuickLink{background-color: transparent;}
.loginWrap .list_bottom li:nth-child(1) a{border-right: 1px solid rgba(255, 255, 255, 0.3);}
.loginWrap .list_bottom li .remoteSupport{
 display: block;
 color: #fff;
 background-image: url(../images/miniLibrary/ic_quickMenu_06.svg);
 background-repeat: no-repeat;
 background-position: 30px center;
 padding: 30px 30px 30px 90px;
 margin-left: 30px;
}

.loginCertify{
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
}
.certify_btn[type="button"]{
 width: 220px;
 height: auto;
 padding: 20px 32px;
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 gap:16px 0;
 background-color: #01AF9A;
}
.certify_btn[type="button"]:hover,.certify_btn[type="button"]:focus{
 background-color: rgba(1, 175, 154, 0.8);
}
.certify_btn::before{
 content: '';
 display: block;
 width: 80px;
 height: 80px;
}

.certify_btn#certify_button_ipin::before{background: url('../images/miniLibrary/iPin.png');}
.certify_btn#certify_button_handphone::before{background: url('../images/miniLibrary/phone.png');}
.certify_btn#certify_button_email::before{background: url('../images/miniLibrary/mail.png');}

.certify_btn .txt{
 display: block;
 width: 100%;
 font-size: rem(16);
 font-weight: 400;
}
/* 231019 작은도서관 자료관리시스템 메인 */

/* 231122 작은도서관 이용안내 */
.libintro_con h5 {font-size: 22px; color: #333; margin: 60px 0 30px 0; font-weight: bold;}
.libintro_con h5:first-child {margin-top: 0;}
.libintro_con h6 {font-size: 18px; color: #333; margin: 40px 0 20px 0; font-weight: normal; position: relative; padding-left: 15px;}
.libintro_con h6::before {position: absolute; top: 6px; left: 0; content: ""; width: 8px; height: 8px; background: #01AF9A; border-radius: 2px;}
.libintro_con h6:first-child {margin-top: 0;}
.libintro_con strong {margin: 20px 0 10px 0; display: inline-block; font-weight: normal; font-size: 15px; color: #2b3070;}
.libintro_con strong:nth-of-child(1) {margin-top: 0;}
.libintro_con p {font-size: 15px; line-height: 24px; word-break: keep-all;}
.libintro_con table {width: 100%; border-top: 1px solid #eaeaea;}
.libintro_con table th {background: #F2F6FE; font-size: 15px; color: #222; font-weight: normal; text-align: center; padding: 15px; border-bottom: 1px solid #eaeaea;}
.libintro_con table td {font-size: 15px; color: #555; text-align: center; padding: 10px 15px; background: #fff; border-bottom: 1px solid #eaeaea; vertical-align: middle; word-break: break-all;}
.libintro_con table td label {color: #555;}
.libintro_con table th:not(:first-child) {border-left: 1px solid #eaeaea;}
.libintro_con table td:not(:first-child) {border-left: 1px solid #eaeaea;}
.libintro_con table th:not(:last-child)[rowspan] {border-right: 1px solid #eaeaea;}
.libintro_con table td:not(:last-child)[rowspan] {border-right: 1px solid #eaeaea;}
.libintro_con ul li {position: relative; padding-left: 10px; margin-bottom: 5px; font-size: 15px;}
.libintro_con ul li:before {position: absolute; content: ""; width: 4px; height: 4px; background: #A8A8A8; top: 9px; left: 0px; border-radius: 50%;}
.libintro_con ul li:last-child {margin-bottom: 0;}
/* 시작 관리자-미리보기용*/
.libintro_con{height: 500px; overflow: hidden; display: block; overflow: auto; text-align: left !important;}
.libintro_con .empty_p{text-align: center; display: block; padding-top: 220px; background: #f9f9f9; height: 278px;}
/* 끝 관리자-미리보기용*/


/* 로딩화면 공지사항 팝업 */
.window_popup {box-sizing: border-box; padding: 20px;}
.window_popu  img{width: auto !important;height: auto !important;max-width: 100%;}
.window_popup .btn_area_30 a:hover,
.window_popup .btn_area_30 a:focus,
.window_popup .btn_area_30 input[type="button"]:hover,
.window_popup .btn_area_30 input[type="button"]:focus{background-color: #72BB6A;}

.window_popup .table_30 tbody th,
.window_popu .table_30 td.th{font-weight: 500;}


/* 시스템 이용신청 */
.selas_container *{box-sizing: border-box;color: #565656; word-break: keep-all;font-family: 'Pretendard';}
.selas_container { position: relative; width: 100%;box-sizing: border-box; line-height: 1.4;}
.selas_container strong{font-weight: 500;color: #333;}
.selas_container .selas-line-box { border: 1px solid #c4c4c4; padding: 15px; background: #fff;}
.selas_container .sub-title{margin-bottom: 16px; font-size: 16px;color: #333;font-weight: bold;}
.selas_container button:hover{background: #72BB6A !important; color: #fff !important;}
.selas_container .btn-type3{ display: inline-block; min-width: 90px; padding: 8px 10px 8px 10px; background: #9baec8 !important;}
.selas_container .usermng-group {display: table;width: 100%;table-layout: fixed;}
.selas_container .usermng-group .input-group {display: table-cell;padding: 13px 15px;margin-bottom: 16px; background: #f7f7f7;}

.selas_container .usermng-group .sub-title {
 display: table-cell;
 width: 135px;
 padding: 13px 0 ;
 margin: 0;
 background: #d9e1e8;
 text-align: center;
 line-height: 20px;
 vertical-align: middle;
}
.selas_container  .detail-box-sub-title {
 height: 36px;
 line-height: 36px;
 padding-left: 15px;
 color: #333;
 font-size: 14px;
 white-space: nowrap;
}
.selas_container  .detail-box-sub-title + br + div {width: 100%;margin-bottom: 15px;color: #565656 !important;}
.selas_container .essential_filed,
.selas_container .essential_filed input {background: #fffbe3;border-width: 1px;}

.selas_container .margin-top-10{margin-top: 10px;}
.selas_container .margin-top-15{margin-top: 15px;}
.selas_container .margin-left-20{margin-left: 20px;}
.selas_container  .margin-bottom-4{margin-bottom: 4px;}
.text-center{text-align: center;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
 position: relative;
 min-height: 1px;
 padding-right: 15px;
 padding-left: 15px;
}

.selas_container .selas-radiobox{width: 0;font-size: 0;opacity: 0;}
.selas_container .selas-radiobox-label{cursor: pointer; color: #333;}
.selas_container .selas-radiobox-label:hover{color: #72BB6A;}
.selas_container .btn-type1 {
 display: inline-block;
 min-width: 90px;
 padding: 8px 10px 8px 10px;
 margin: 0 auto;
 background: #458cec !important;
 color: #fff !important;
 font-size: 15px;
}
.selas_container  .pre-line{
 width: 100%;
 white-space: pre-line;
 text-align: left;
}
.selas_container .table_box{margin-top: 16px; }
.selas_container .table_box + .sub-title{margin-top: 24px;}
.selas_container .table_box table{width: 100%;border-top: 2px solid #458cec; }
.selas_container .table_box table:no(.ui-datepicker-calendar) th,td{height: 40px;padding: 8px;border-bottom: 1px solid #E7E7E7; font-size: 16px; }
.selas_container .table_box table td{ padding: 8px 16px;border-bottom: 1px solid #efefef;}
.selas_container .table_box table th{width: 160px;height: 40px; background-color: #D9E1E8; font-weight: bold;border-bottom: 1px solid #efefef; color: #333;}
.selas_container .dl_list{gap: 4px;margin-right: 24px;}
.selas_container .dl_list dt,.selas_container .dl_list b{font-weight: 500; color: #333;}
.selas_container .dl_list .inp_s{width: 74px ;}
.selas_container .dl_list dd{display: flex; gap: 2px;border-bottom: 1px solid #efefef;}

.color_red{color: red;}
.flext_nowrap{display: flex; align-items: center; gap: 8px;}
.selas_container input[type="text"]:hover,
.selas_container input[type="password"]:hover,
.selas_container select:hover, textarea:hover,
.selas_container input[type="text"]:focus,
.selas_container input[type="password"]:focus,
.selas_container select:focus,
.selas_container textarea:focus{border-width: 1px;}
.selas_container .tb_info{margin-top: 4px; font-size: 14px;}
.selas_container .fileName{
 width:207px; height: 32px; background: #fffbe3;padding: 8px;
 word-wrap: break-word;
 -webkit-box-orient: vertical;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 word-break: break-all;
}
.selas_container .fileBox input[type=file] {
 position: absolute;
 width: 0;
 height: 0;
 padding: 0;
 overflow: hidden;
 border: 0;
}
.selas_container .fileBox .btn-type1{ height: 32px; margin: 0; text-align: center;border-radius: 3px;}
.selas_container .btn_box_bottom{padding-bottom: 40px;}


#create_book_code_dialog dl{display:flex; flex-wrap: wrap;}
#create_book_code_dialog dl dt{display:flex; align-items: center; text-align: center;}
#create_book_code_dialog dl dd,
#create_book_code_dialog dl dt{
 float: none;
 height: auto;
 padding: 8px 5%;
}

.input_hidden{width: 0;height: 0; margin: 0;padding: 0;font-size: 0; overflow: hidden;}


@media screen and (max-width:1440px){
 body.sub_00 .mainBg{width: 96%;}
 body.sub_00 .main_page2{padding: 0 1%;}
}

@media screen and (max-width:1400px){
 .vNav{width: 95%;float: left;}
 body.sub_00 .content_wrap,body.sub_00 .mainBg_wrap {padding-right: 0;}
 body.sub_00 .main_wrap44{max-width: 100%;width: 100%; height: auto;}
 body.sub_00 .main_wrap44 .list_ul li.size_Full{ width: calc(50% - 4px);}
 body.sub_00 .wrap32_disNon .main_wrap30,
 body.sub_00 .main_myJob,
 body.sub_00 .main_wrap10,
 body.sub_00 .main_wrap34{width: calc(50% - 12px); max-width: 100%;}
 body.sub_00 .info_list{width: 65%;margin-left: auto;}
}


/* 동영상 교육 팝업 */
.header_title{
 margin-left: 30px;
 border-left: 1px solid #b7c5b7;
 padding-left: 30px;
}

.contents-box{
 padding:4rem 2rem;
 height: 56vh;
}

.eduView_h{
 height: 16vh;
 display: flex;
 align-items: center;
 /*background: #dce8dc;*/
 background: linear-gradient(134deg, #d7e6d6, #b5e6b5);
}

.edu_thumbnail img{
 width: 100%;
 height: 100%;
 border-radius: 8px;
}

.edu_list_container{
 padding: 15px;
 cursor: pointer;
 display: flex;
 min-height: 100px;
 border-bottom: 1px solid #dddddd;
}

.edu_title{
 margin-left:10px;
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}

.edu_title_box{
 width: 60%;
 display: flex;
 flex-direction: column;
}

.upload_date{
 margin-left:10px;
 font-size:13px;
 color: #676767;
}

.header_wrap2{
 display: flex;
 align-items: center;
 margin-left: 30px;
}

.header_wrap2 span{
 color: #686767;
 font-size: 22px;
 font-weight: 700;
}

.header_title p{
 display: block;
 text-align: center;
 font-size: 28px;
 font-weight: bold;
}

.header_title span{
 display: block;
 background: #55b068;
 border-radius: 30px;
 padding: 5px;
 font-size: 20px;
 text-align: center;
 margin-top: 8px;
 color: #fff;
 font-weight: 400;
}

.edu_title p{
 font-size: 16px;
 font-weight: bold;
}

.edu_title span{
 font-size: 14px;
 display: block;
 padding-top: 10px;
 font-weight: 400;
}

.edu_f{
 background: #4c4e4c;
 position: absolute;
 bottom: 0;
 width: 100%;
}

.edu_f > div{
 float: left;
 text-align: left;
 padding: 1.5rem 2rem;
}

.edu_f > div > div{
 padding-left: 20px;
}

.content-border{
 display: flex;
 width: 100%;
 height: 100%;
 border: 1px solid #d6d6d6;
}

.left-contents{
 width:65%;
}

.right-contents{
 width: 35%;
 border-left: 1px solid #dddddd;
 overflow-y: scroll;
}


.state_text{
 margin-top: 40px;

 color: #0f74a8;
 font-size: 18px;
 font-weight: 700;
 text-align: center;
}

.state_list{
 padding: 8px;
 margin-top: 16px;
 background-color: #D9E1E8;
 font-size: 14px;
}

.state_list li{color: #565656;padding-left: 20px;text-indent: -15px; }
.state_list li::before{content: '';display: inline-block;width: 4px; height:4px;border-radius:50%;position: relative;top:-4px; margin-right: 7px; background-color: #565656;}

.private_wrap p{margin-bottom: 10px;}
.private_agree:focus {
 outline: none;
}
select[name=shelf_loc_code]#book_shelf_loc_code{
 margin: 0; box-sizing: border-box; margin-left: -2px;
}


/* 레이블출력 펼치기닫기 버튼 추가 */
.btn_t{
 font-family : 'Noto Sans';
 transition:0.2s;
 position:relative;
 margin-left:8px;
 background:#78BC6F;
 border-radius:30px;
 font-size:14px;
 color:#fff;
 font-weight:600;
 border:none;
 min-width:4.5rem;
 height: 1.9rem;
 text-align:left;
}
.btn_t.open{padding:0.3rem 0.5rem;}
.btn_t.close{padding: 0.3rem 0.9rem;}
.btn_t.open:after, .btn_t.close:after{content:""; width: 1rem; height: 1rem; position:absolute;}
.btn_t.open:after{background: url('../images/ic_Topen.svg') no-repeat; top: 0.48rem; right: 0.5rem;}
.btn_t.close:after{background: url('../images/ic_Tclose.svg') no-repeat; top: 0.48rem; right:0.9rem;}
.btn_t:hover, .btn_t:active, .btn_t:focus{background:#64a15c;}

.fileAttach{ margin-top:5px;}

.file_list {
 display: inline-block;
 padding: 5px;
 border: 1px solid #E0E0E0;
 border-radius: 4px;
 margin-right:10px;
 margin-bottom:10px;
 background-color: #EBEBEB;
}

.file_list.selected {
 background-color: #EBEBEB;
}

.file_list.invalid {
 background-color: #ffffff;
 border-color: #E0E0E0;
}

.file_list.ext_invalid {
 background-color: #FFEBEB;
 border-color: #FFBEBE;
 color:#FF3A3A
}

.file_list .name {
 display: inline-block;
 margin-right: 5px;
}

.file_list .delete {
 display: inline-block;
 cursor: pointer;
 color: red;
 font-weight: bold;
}

.file_list .delete:hover {
 text-decoration: underline;
}

.file-extension {
 display: inline-block;
 width: 28px;height: 28px;
 padding: 2px;
 background:url(../images/ico_file_none.svg) no-repeat center;
 border-radius: 4px;
 margin-right: 2px;
 font-size: 0;
}

.file-extension.pdf {
 background:url(../images/ico_file_pdf.svg) no-repeat center;
}
.file-extension.hwp {
 background:url(../images/ico_file_hwp.svg) no-repeat center;
}

.file_name{ letter-spacing: -0.04em; margin-right: 14px; font-size: 14px;}
.file_size{ color:#888; margin: 0 10px; font-size: 14px; }
.file_trash{
 font-size: 0;
 display: inline-block;
 width: 28px;
 height: 28px;
 border: 0;
 vertical-align: inherit;
 background:url(../images/ico_file_trash.svg) no-repeat center
}
.file_delete{
 font-size: 0;
 display: inline-block;
 width: 28px;
 height: 28px;
 border: 0;
 vertical-align: inherit;
 background:url(../images/ico_file_delete.svg) no-repeat center
}

.download-link {
 cursor: pointer;
}

/* 교육공지 팝업화면 */
/* .education_pop_con{padding: 2%;} */
.edu_notice_pop{background: #72BB6A; padding: 6px;}
.edu_notice_pop .layer_pop{
 width: 100%;
 height: auto;
 flex-direction: column;
 display: flex;
 background: #f1f7f1;
 align-items: center;
 padding: 18px;
 box-sizing: border-box;
}
.edu_notice_pop .layer_pop .layer_con{
 font-size: 16px;
 width: 100%;
 display: flex;
 justify-content: center;
 flex-direction: column;
}
.edu_notice_pop .layer_pop .layer_con h2{
 font-size: 24px;
 font-weight: bold;
 text-align: center;
 margin-bottom: 16px;
}
.edu_notice_pop .layer_pop .layer_con .edu_date{
 margin-bottom: 16px;
 border: 1px solid #ddd;
 background: #fff;
 border-radius: 4px;
 padding: 12px;
}
.edu_notice_pop .layer_pop .layer_con .edu_date span{
 display: block;
 font-size: 18px;
 position: relative;
 padding-left: 12px;
 margin-bottom: 4px;
}
.edu_notice_pop .layer_pop .layer_con .edu_date span:last-child{margin-bottom: 0;}
.edu_notice_pop .layer_pop .layer_con .edu_date span::before{
 position: absolute;
 top: 6px;
 left: 0;
 content: "";
 background: #01a458;
 width: 6px;
 height: 6px;
 border-radius: 50%;
}
.edu_notice_pop .layer_pop .layer_con .edu_info{
 display: flex;
 gap: 20px;
 background: #dae4df;
 font-size: 15px;
 color: #1f5a3e;
 padding: 16px;
}
.edu_notice_pop .layer_pop .layer_con .edu_info span{display: block; margin-bottom: 6px; font-weight: bold; font-size: 16px;}
.edu_notice_pop .layer_pop .layer_con .edu_info span:last-child{margin-bottom: 0;}
.edu_notice_pop .layer_pop .edu_file{
 margin:auto;
 display: flex;
 flex-direction: column;
 width: 100%;
 gap: 6px;
 margin: 8px 0;
}
.edu_notice_pop .layer_pop .edu_file span{text-align: right;}
.edu_notice_pop .layer_pop .edu_file .edu_bottom{
 display: flex;
 align-items: baseline;
 justify-content: space-between;
}
.edu_notice_pop .layer_pop .edu_file .edu_bottom .btn_area_30{padding: 0; margin-top: 16px;}
.edu_tbl th{
 color: #fff !important;
 font-size: 15px;
 font-weight: bold !important;
 text-align: center;
}
.edu_tbl td{
 font-size: 15px;
 color: #565656 !important;
 font-weight: normal;
 text-align: center;
}
.edu_tbl td.strong_txt{
 color: #09a75d !important;
 font-weight: bold;
}
.edu_file_list{font-size: 13px;}

/* 대성이가 추가하는 CSS */

/* 이용자관리 */
.print_lib_name{
	width: 77%;
}

.hide-scrollbar::-webkit-scrollbar{
		display:none;
}
.hide-scrollbar{
	scrollbar-width:none;
	-ms-overflow-style:none;
	
}

.cloned-header-container {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 999;
  background: white;
  border-bottom: 1px solid #ccc;
}

.cloned-header-container table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.env_type{
	border-right: 1px solid #dedede;
	text-align: center;
}

#env_Form{
	display:flex;
	text-align: center;
}

#env_Form table{
	width: 50%;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
}

#env_Form td{
	height:
}

.toggle-btn{
	float: right;
	background:none;
	border: none;
}

.toggle-btn.rotate{
	transform: rotate(180deg);
}

#user_group_tbl .tooltip_bar{
	margin:0 0 4px 4px;
}



/* 251209 */
article.item4 .inner {
  background: url("../images/main_item4_bg.png") right bottom no-repeat, #fff;
}

article.item4 .con_box .txt,
article.item4 .txt {
  margin-top:20px;
  color: #555;
  font-size: 15px;
  font-weight: 700;
  line-height: 14px;
}
article.item4 .con_box .txt .color_pri {
  color: #01AF9A;
  font-weight: 700;
  letter-spacing: -0.24px;
}
article.item4 .date_list {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 51%;
  margin-top: 10px;
  flex-wrap: wrap;
  border-bottom: 1px solid #efefef;
  padding-bottom: 16px;
}
article.item4 .date_list li {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 165, 135, 0.1);
  color: #01AF9A;
  font-size: 14px;
  font-weight: 700;
}
article.item5 .inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/*article.item5:before {
  content: "";
  max-width: 58%;
  width: 21vw;
  height: 1px;
  position: absolute;
  top: 44px;
  right: 161px;
  background-color: #EAEAEA;
  z-index: 1;
}*/
article.item4 header,
article.item5 header {
  padding-bottom: 20px;
}

.input_number{
	width:50px;
	height:20px;
}

.operation_value{
	background: rgba(0, 165, 135, 0.1);
	padding: 2px 4px;
	border-radius: 20%;
	color: #01AF9A;
	font-weight: bold;
	margin-right: 5px;
}
article.item4 .con_box2 .txt.holiday{
	color:red;
}

.operation_box{
	flex: 1 1 50%;
	display:flex;
	align-items: center;
}

.operation_box span{
	width:35px;
	text-align: center;
}

.column_flex{
	display:flex;
	flex-direction: column;
}

.con_box2{
	display: flex;
	flex-wrap: wrap;	
	width: 50%;
}